/* ========================================================= v1.1 — TRUE FULL WIDTH Breaks safely out of the theme content container. ========================================================= */ .amk-legal{ position:relative; left:50%; right:50%; width:100vw; max-width:none!important; margin-left:-50vw!important; margin-right:-50vw!important; overflow:clip; } @supports not (overflow:clip){ .amk-legal{overflow:hidden} } /* Hide common WordPress/theme page titles only when a legal block exists. JS adds .amk-legal-page to after detecting the shortcode output. */ body.amk-legal-page .entry-title, body.amk-legal-page .wp-block-post-title, body.amk-legal-page main > .page-header, body.amk-legal-page .page-title{ display:none!important; } body.amk-legal-page .entry-content, body.amk-legal-page .wp-block-post-content{ max-width:none!important; width:100%!important; } .amk-legal, .amk-legal *{box-sizing:border-box} .amk-legal{ --amk-navy:#17294a; --amk-blue:#2c4f83; --amk-text:#65728a; --amk-line:#dfe5ed; --amk-soft:#f5f7fa; --amk-white:#fff; width:100%; color:var(--amk-navy); font-family:inherit; } .amk-legal-shell{width:min(1280px,calc(100% - 48px));margin:0 auto} .amk-legal-hero{ position:relative;overflow:hidden; padding:88px 0 76px; background: radial-gradient(circle at 87% 12%,rgba(80,115,164,.15),transparent 27%), linear-gradient(135deg,#f8fafc 0%,#eef3f8 100%); border-bottom:1px solid #e4e9ef; } .amk-legal-hero:after{ content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(42,76,124,.09); border-radius:50%;right:-170px;top:-240px } .amk-legal-hero__orb{position:absolute;border-radius:50%;pointer-events:none} .amk-legal-hero__orb--one{width:260px;height:260px;right:12%;bottom:-180px;border:1px solid rgba(42,76,124,.08)} .amk-legal-brand{display:flex;align-items:center;gap:10px;margin-bottom:34px} .amk-legal-brand__logo{display:grid;width:46px;height:46px;place-items:center;padding:5px;border:1px solid #dde4ec;border-radius:13px;background:#fff;box-shadow:0 10px 26px rgba(21,45,78,.07)} .amk-legal-brand__logo img{width:100%;height:100%;object-fit:contain} .amk-legal-brand__pill{display:inline-flex;min-height:38px;align-items:center;padding:9px 14px;border:1px solid #dfe5eb;border-radius:999px;background:#f4f6f8;color:#7d899c;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase} .amk-legal-hero__eyebrow{margin-bottom:15px;color:#7c899e;font-size:10px;font-weight:850;letter-spacing:.18em} .amk-legal-hero h1{max-width:980px;margin:0;color:var(--amk-navy);font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:800} .amk-legal-hero__lead{max-width:850px;margin:25px 0 0;color:#748197;font-size:18px;line-height:1.6} .amk-legal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px} .amk-legal-meta>span{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #dce3eb;border-radius:13px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.9)} .amk-legal-meta small{color:#8a96a8;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .amk-legal-meta strong{color:#233b62;font-size:11px} .amk-legal-privacy-btn{ display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:290px;min-height:56px;margin-top:24px;padding:0 16px 0 20px; border:1px solid #19365f;border-radius:15px;background:linear-gradient(135deg,#17355e,#315b8d);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer; box-shadow:0 15px 34px rgba(20,48,83,.17);transition:.22s ease } .amk-legal-privacy-btn b,.amk-legal-manage button b{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);font-size:18px} .amk-legal-privacy-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(20,48,83,.23)} .amk-legal-main{padding:68px 0 90px;background:#fff} .amk-legal-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:52px;align-items:start} .amk-legal-aside__inner{position:sticky;top:28px} .amk-legal-aside__eyebrow{display:block;margin-bottom:12px;color:#8a95a8;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase} .amk-legal-aside__nav{display:grid;gap:2px;max-height:56vh;overflow:auto;padding-right:7px} .amk-legal-aside__nav a{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:start;padding:9px 10px;border-radius:10px;color:#6f7b90;text-decoration:none;transition:.18s ease} .amk-legal-aside__nav a:hover,.amk-legal-aside__nav a.is-active{background:#f3f6f9;color:#1f385e} .amk-legal-aside__nav a span{color:#9aa5b5;font-size:9px;font-weight:850;letter-spacing:.08em} .amk-legal-aside__nav a strong{font-size:10px;line-height:1.35;font-weight:720} .amk-legal-related{display:grid;gap:7px;margin-top:22px;padding-top:18px;border-top:1px solid #e3e8ee} .amk-legal-related>span{margin-bottom:3px;color:#8b96a8;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase} .amk-legal-related a,.amk-legal-related button{padding:10px 12px;border:1px solid #e1e6ec;border-radius:10px;background:#fff;color:#59677e;text-align:left;text-decoration:none;font:inherit;font-size:10px;font-weight:750;cursor:pointer} .amk-legal-related a:hover,.amk-legal-related button:hover{border-color:#b9c7d9;color:#223b61;background:#f8fafc} .amk-legal-related a.is-current{color:#1d385f;background:#f0f4f8;border-color:#d3dce7} .amk-legal-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 4px} .amk-legal-toolbar>div:first-child{display:flex;align-items:baseline;gap:7px} .amk-legal-toolbar>div:first-child span{font-size:24px;font-weight:800;letter-spacing:-.04em} .amk-legal-toolbar>div:first-child small{color:#8b96a8;font-size:10px;font-weight:750} .amk-legal-toolbar__actions{display:flex;gap:7px} .amk-legal-toolbar__actions button{padding:9px 12px;border:1px solid #e0e6ed;border-radius:10px;background:#fff;color:#637087;font:inherit;font-size:9px;font-weight:800;cursor:pointer} .amk-legal-toolbar__actions button:hover{background:#f6f8fa;color:#1f3b62} .amk-legal-accordion{display:grid;gap:10px} .amk-legal-item{scroll-margin-top:24px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease} .amk-legal-item:hover{border-color:#cdd7e3} .amk-legal-item.is-open{border-color:#cbd7e6;box-shadow:0 17px 45px rgba(21,49,84,.07);background:linear-gradient(180deg,#fff,#fbfcfd)} .amk-legal-item__trigger{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;align-items:center;min-height:84px;padding:15px 18px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer} .amk-legal-item__num{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#f3f6f9;color:#8290a4;font-size:10px;font-weight:850;letter-spacing:.1em} .amk-legal-item__title{font-size:18px;font-weight:760;line-height:1.25;letter-spacing:-.02em} .amk-legal-item__arrow{display:grid;width:40px;height:40px;place-items:center;justify-self:end;border:1px solid #dfe5ec;border-radius:12px;background:#fafbfc;transition:.25s ease} .amk-legal-item__arrow svg{width:18px;height:18px;fill:none;stroke:#415775;stroke-width:1.8;transition:transform .28s ease} .amk-legal-item.is-open .amk-legal-item__arrow{background:#1f3c66;border-color:#1f3c66} .amk-legal-item.is-open .amk-legal-item__arrow svg{stroke:#fff;transform:rotate(180deg)} .amk-legal-item__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.2,.75,.25,1)} .amk-legal-item.is-open .amk-legal-item__body{grid-template-rows:1fr} .amk-legal-item__body-inner{overflow:hidden;padding:0 74px 0 74px;color:#657289} .amk-legal-item.is-open .amk-legal-item__body-inner{padding-bottom:28px} .amk-legal-item__body-inner p{margin:0 0 13px;font-size:14px;line-height:1.72} .amk-legal-bullet{display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:start} .amk-legal-bullet>span{color:#335b8d;font-size:16px;line-height:1.5} .amk-legal-bullet p{margin-bottom:10px} .amk-legal-tablewrap{width:100%;overflow:auto;border:1px solid #e1e6ed;border-radius:14px} .amk-legal-table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px} .amk-legal-table th{padding:12px 13px;background:#eef3f8;color:#243d63;text-align:left;font-size:10px;font-weight:850;letter-spacing:.03em} .amk-legal-table td{padding:12px 13px;border-top:1px solid #e5eaf0;color:#637088;line-height:1.5;vertical-align:top} .amk-legal-manage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-top:28px;padding:34px;border-radius:22px;background:linear-gradient(135deg,#152b50,#284f80);color:#fff;overflow:hidden;position:relative} .amk-legal-manage:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-90px;top:-150px} .amk-legal-manage__eyebrow{display:block;margin-bottom:9px;color:rgba(255,255,255,.6);font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase} .amk-legal-manage h2{margin:0;font-size:29px;line-height:1.08;letter-spacing:-.035em} .amk-legal-manage p{max-width:700px;margin:12px 0 0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.6} .amk-legal-manage button{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:260px;min-height:54px;padding:0 12px 0 17px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#fff;color:#1e385e;font:inherit;font-size:11px;font-weight:800;cursor:pointer} .amk-legal-manage button b{background:#edf2f7} .amk-legal-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:17px 19px;border:1px solid #e1e6ec;border-radius:15px;background:#fafbfc} .amk-legal-contact span{color:#8490a3;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase} .amk-legal-contact a{color:#24466f;font-size:11px;font-weight:800;text-decoration:none} @media(max-width:1020px){ .amk-legal-layout{grid-template-columns:1fr;gap:28px} .amk-legal-aside__inner{position:static} .amk-legal-aside__nav{display:none} .amk-legal-related{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;padding-top:0;border-top:0} .amk-legal-related>span{grid-column:1/-1} } @media(max-width:700px){ .amk-legal-shell{width:min(100% - 24px,1280px)} .amk-legal-hero{padding:54px 0 48px} .amk-legal-brand{margin-bottom:24px} .amk-legal-brand__logo{width:40px;height:40px} .amk-legal-brand__pill{min-height:34px;padding:8px 11px;font-size:8px;letter-spacing:.1em} .amk-legal-hero h1{font-size:clamp(38px,12vw,58px)} .amk-legal-hero__lead{font-size:15px;line-height:1.55} .amk-legal-meta{display:grid;grid-template-columns:1fr} .amk-legal-meta>span{justify-content:space-between} .amk-legal-privacy-btn{width:100%;min-width:0} .amk-legal-main{padding:34px 0 60px} .amk-legal-related{grid-template-columns:1fr} .amk-legal-toolbar{align-items:flex-end;gap:10px} .amk-legal-toolbar__actions{flex-direction:column} .amk-legal-item__trigger{grid-template-columns:38px minmax(0,1fr) 38px;min-height:74px;padding:12px} .amk-legal-item__num{width:34px;height:34px} .amk-legal-item__title{font-size:15px} .amk-legal-item__arrow{width:36px;height:36px} .amk-legal-item__body-inner{padding-left:18px;padding-right:18px} .amk-legal-item__body-inner p{font-size:13px} .amk-legal-manage{grid-template-columns:1fr;padding:25px 20px} .amk-legal-manage h2{font-size:25px} .amk-legal-manage button{width:100%;min-width:0} .amk-legal-contact{align-items:flex-start;flex-direction:column} } @media(prefers-reduced-motion:reduce){ .amk-legal *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important} } /* ========================================================= v1.1 — PREMIUM MOTION SYSTEM ========================================================= */ .amk-legal .amk-legal-brand, .amk-legal .amk-legal-hero__eyebrow, .amk-legal .amk-legal-hero h1, .amk-legal .amk-legal-hero__lead, .amk-legal .amk-legal-meta, .amk-legal .amk-legal-privacy-btn{ opacity:0; transform:translateY(18px); transition: opacity .72s cubic-bezier(.2,.75,.25,1), transform .72s cubic-bezier(.2,.75,.25,1); } .amk-legal.is-ready .amk-legal-brand{opacity:1;transform:none;transition-delay:.05s} .amk-legal.is-ready .amk-legal-hero__eyebrow{opacity:1;transform:none;transition-delay:.13s} .amk-legal.is-ready .amk-legal-hero h1{opacity:1;transform:none;transition-delay:.21s} .amk-legal.is-ready .amk-legal-hero__lead{opacity:1;transform:none;transition-delay:.31s} .amk-legal.is-ready .amk-legal-meta{opacity:1;transform:none;transition-delay:.41s} .amk-legal.is-ready .amk-legal-privacy-btn{opacity:1;transform:none;transition-delay:.49s} .amk-legal-hero__orb--one, .amk-legal-hero:after{ transform:scale(.92); opacity:.35; transition:transform 1.2s cubic-bezier(.2,.75,.25,1),opacity 1s ease; } .amk-legal.is-ready .amk-legal-hero__orb--one, .amk-legal.is-ready .amk-legal-hero:after{ transform:scale(1); opacity:1; } .amk-legal-item{ opacity:0; transform:translateY(16px); } .amk-legal-item.is-visible{ opacity:1; transform:none; transition: opacity .55s cubic-bezier(.2,.75,.25,1), transform .55s cubic-bezier(.2,.75,.25,1), border-color .22s ease, box-shadow .22s ease, background .22s ease; } /* Premium hover */ @media (hover:hover){ .amk-legal-item.is-visible:hover{ transform:translateY(-4px); border-color:#bccadb; box-shadow:0 20px 44px rgba(18,48,83,.095); } .amk-legal-item__trigger:hover .amk-legal-item__title{ transform:translateX(4px); color:#1b3a63; } .amk-legal-item__trigger:hover .amk-legal-item__num{ background:#eaf0f7; color:#335b8d; box-shadow:inset 0 0 0 1px #d8e1ec; } .amk-legal-item__trigger:hover .amk-legal-item__arrow{ transform:translateY(-2px); border-color:#c6d2df; box-shadow:0 8px 18px rgba(18,48,83,.08); } } .amk-legal-item__title{ transition:transform .22s ease,color .22s ease; } .amk-legal-item__num{ transition:background .22s ease,color .22s ease,box-shadow .22s ease; } .amk-legal-item__arrow{ transition:transform .22s ease,background .25s ease,border-color .22s ease,box-shadow .22s ease; } /* Content appears softly after accordion expansion */ .amk-legal-item__body-inner{ opacity:.25; transform:translateY(-7px); transition: opacity .28s ease .04s, transform .32s cubic-bezier(.2,.75,.25,1) .04s, padding-bottom .28s ease; } .amk-legal-item.is-open .amk-legal-item__body-inner{ opacity:1; transform:none; } /* CTA micro-interactions */ .amk-legal-privacy-btn b, .amk-legal-manage button b{ transition:transform .22s ease,background .22s ease; } @media (hover:hover){ .amk-legal-privacy-btn:hover b, .amk-legal-manage button:hover b{ transform:translateX(3px); } .amk-legal-meta>span{ transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; } .amk-legal-meta>span:hover{ transform:translateY(-2px); border-color:#ccd7e3; box-shadow:0 9px 22px rgba(18,48,83,.06); } } /* Slightly more cinematic hero on large desktop */ @media(min-width:1200px){ .amk-legal-hero{padding:108px 0 92px} .amk-legal-shell{width:min(1440px,calc(100% - 96px))} } /* Accessible reduced motion */ @media(prefers-reduced-motion:reduce){ .amk-legal .amk-legal-brand, .amk-legal .amk-legal-hero__eyebrow, .amk-legal .amk-legal-hero h1, .amk-legal .amk-legal-hero__lead, .amk-legal .amk-legal-meta, .amk-legal .amk-legal-privacy-btn, .amk-legal-item{ opacity:1!important; transform:none!important; } } /* ========================================================= v1.2 — HEADER REBALANCE + PREMIUM CTA REFINEMENT ========================================================= */ .amk-legal-hero{ padding:64px 0 54px; } .amk-legal-brand{ margin-bottom:20px; } .amk-legal-brand__logo{ width:56px; height:56px; border-radius:16px; box-shadow:0 14px 30px rgba(21,45,78,.08); } .amk-legal-brand__pill{ min-height:46px; padding:11px 18px; font-size:11px; letter-spacing:.14em; } .amk-legal-hero__eyebrow{ margin-bottom:12px; font-size:11px; } .amk-legal-hero h1{ max-width:1020px; font-size:clamp(44px,5.4vw,74px); line-height:.95; letter-spacing:-.05em; } .amk-legal-hero__lead{ max-width:960px; margin-top:20px; font-size:21px; line-height:1.56; } .amk-legal-meta{ gap:14px; margin-top:26px; } .amk-legal-meta>span{ min-height:56px; padding:12px 18px; border-radius:16px; } .amk-legal-meta small{ font-size:10px; } .amk-legal-meta strong{ font-size:14px; font-weight:800; } .amk-legal-privacy-btn{ min-width:390px; min-height:70px; margin-top:28px; padding:0 14px 0 24px; border-radius:999px; font-size:15px; letter-spacing:-.01em; background:linear-gradient(135deg,#172f57 0%, #284d7e 55%, #365f96 100%); border-color:#1b3d69; box-shadow:0 18px 34px rgba(20,48,83,.18), inset 0 1px 0 rgba(255,255,255,.08); } .amk-legal-privacy-btn b, .amk-legal-manage button b{ width:46px; height:46px; border-radius:50%; font-size:21px; } .amk-legal-main{ padding:50px 0 90px; } .amk-legal-layout{ grid-template-columns:310px minmax(0,1fr); gap:40px; } .amk-legal-aside__eyebrow{ margin-bottom:14px; font-size:10px; } .amk-legal-aside__nav a{ grid-template-columns:36px 1fr; gap:10px; padding:11px 12px; border-radius:12px; } .amk-legal-aside__nav a strong{ font-size:11px; line-height:1.45; } .amk-legal-related a, .amk-legal-related button{ padding:12px 14px; border-radius:12px; font-size:11px; } .amk-legal-toolbar{ margin-bottom:18px; } .amk-legal-toolbar>div:first-child span{ font-size:28px; } .amk-legal-toolbar>div:first-child small{ font-size:11px; } .amk-legal-toolbar__actions{ gap:10px; } .amk-legal-toolbar__actions button{ padding:11px 15px; border-radius:12px; font-size:11px; } .amk-legal-item{ border-radius:22px; } .amk-legal-item__trigger{ min-height:94px; padding:18px 22px; } .amk-legal-item__num{ width:44px; height:44px; border-radius:14px; font-size:11px; } .amk-legal-item__title{ font-size:20px; } .amk-legal-item__arrow{ width:46px; height:46px; border-radius:14px; } .amk-legal-item__body-inner{ padding:0 88px 0 88px; } .amk-legal-item__body-inner p, .amk-legal-bullet p{ font-size:15px; line-height:1.76; } .amk-legal-manage{ grid-template-columns:minmax(0,1fr) minmax(320px,430px); gap:36px; align-items:center; margin-top:34px; padding:42px 44px; border-radius:28px; background:linear-gradient(135deg,#162d52 0%, #223f6d 52%, #325588 100%); box-shadow:0 24px 54px rgba(17,43,76,.16); border:1px solid rgba(255,255,255,.06); } .amk-legal-manage__eyebrow{ margin-bottom:12px; color:rgba(255,255,255,.68); font-size:10px; } .amk-legal-manage h2{ color:#ffffff; font-size:42px; line-height:1.02; letter-spacing:-.04em; } .amk-legal-manage p{ max-width:760px; margin-top:16px; color:rgba(255,255,255,.82); font-size:16px; line-height:1.65; } .amk-legal-manage button{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; min-width:0; min-height:78px; padding:12px 14px 12px 24px; border-radius:999px; border:1px solid rgba(255,255,255,.28); background:#ffffff; color:#192e52; font-size:15px; font-weight:800; letter-spacing:-.01em; box-shadow:0 14px 32px rgba(11,28,50,.18); } .amk-legal-manage button b{ background:#eef3f7; color:#27436b; box-shadow:inset 0 0 0 1px rgba(39,67,107,.08); } .amk-legal-contact{ margin-top:16px; padding:20px 22px; border-radius:18px; } .amk-legal-contact span{ font-size:10px; } .amk-legal-contact a{ font-size:14px; font-weight:800; } @media (hover:hover){ .amk-legal-privacy-btn:hover{ transform:translateY(-3px); box-shadow:0 24px 42px rgba(20,48,83,.23), inset 0 1px 0 rgba(255,255,255,.08); } .amk-legal-manage button:hover{ transform:translateY(-2px); box-shadow:0 18px 38px rgba(11,28,50,.22); } } @media(min-width:1200px){ .amk-legal-hero{ padding:72px 0 58px; } .amk-legal-shell{ width:min(1440px,calc(100% - 72px)); } } @media(max-width:1100px){ .amk-legal-hero__lead{ font-size:18px; } .amk-legal-layout{ grid-template-columns:280px minmax(0,1fr); gap:28px; } .amk-legal-manage{ grid-template-columns:1fr; } } @media(max-width:700px){ .amk-legal-hero{ padding:42px 0 38px; } .amk-legal-brand__logo{ width:46px; height:46px; } .amk-legal-brand__pill{ min-height:38px; padding:9px 13px; font-size:8px; } .amk-legal-hero__eyebrow{ font-size:9px; } .amk-legal-hero__lead{ font-size:15px; line-height:1.55; } .amk-legal-meta>span{ min-height:52px; padding:11px 14px; } .amk-legal-meta strong{ font-size:13px; } .amk-legal-privacy-btn{ width:100%; min-width:0; min-height:62px; font-size:14px; padding:0 12px 0 18px; } .amk-legal-main{ padding:36px 0 60px; } .amk-legal-toolbar__actions button{ font-size:10px; } .amk-legal-item__trigger{ min-height:80px; padding:14px; } .amk-legal-item__title{ font-size:16px; } .amk-legal-item__body-inner{ padding-left:18px; padding-right:18px; } .amk-legal-item__body-inner p, .amk-legal-bullet p{ font-size:14px; } .amk-legal-manage{ padding:26px 20px; border-radius:24px; } .amk-legal-manage h2{ font-size:30px; } .amk-legal-manage p{ font-size:14px; } .amk-legal-manage button{ min-height:66px; font-size:14px; } .amk-legal-contact a{ font-size:13px; } } /* ========================================================= v1.3 — STICKY ASIDE + ADMIN HERO CARD + CTA EMAIL ========================================================= */ .amk-legal-hero__grid{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,460px); gap:42px; align-items:start; } .amk-legal-hero-card{ position:relative; padding:28px; border:1px solid rgba(30,55,92,.10); border-radius:28px; background:rgba(255,255,255,.78); box-shadow:0 28px 58px rgba(18,43,74,.10), inset 0 1px 0 rgba(255,255,255,.8); backdrop-filter:blur(8px); overflow:hidden; } .amk-legal-hero-card:before{ content:""; position:absolute; inset:auto -90px -90px auto; width:220px; height:220px; border-radius:50%; border:1px solid rgba(42,76,124,.08); } .amk-legal-hero-card__eyebrow, .amk-legal-hero-card__label, .amk-legal-hero-card__quick span, .amk-legal-hero-card__box span{ display:block; color:#8a96a8; font-size:10px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .amk-legal-hero-card__top h2{ margin:10px 0 0; color:#1b3156; font-size:clamp(28px,3.3vw,44px); line-height:1.02; letter-spacing:-.04em; } .amk-legal-hero-card__top p{ margin:14px 0 0; color:#6f7d93; font-size:16px; line-height:1.65; } .amk-legal-hero-card__line{ height:1px; margin:24px 0 18px; background:linear-gradient(90deg,rgba(35,61,98,.18),rgba(35,61,98,.04)); } .amk-legal-hero-card__grid{ display:grid; grid-template-columns:1fr; gap:14px; } .amk-legal-hero-card__box{ padding:16px 18px; border:1px solid #dde4ec; border-radius:20px; background:#fff; } .amk-legal-hero-card__box a, .amk-legal-hero-card__box strong{ display:block; margin-top:10px; color:#1d3459; font-size:26px; line-height:1.15; font-weight:800; text-decoration:none; } .amk-legal-hero-card__box small{ display:block; margin-top:8px; color:#6b7890; font-size:14px; line-height:1.5; } .amk-legal-hero-card__messengers{ margin-top:16px; } .amk-legal-hero-card__chips{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:10px; } .amk-legal-hero-card__chips a{ display:flex; align-items:center; justify-content:center; min-height:56px; padding:0 12px; border:1px solid #dde4ec; border-radius:18px; background:#fff; color:#1f345a; font-size:14px; font-weight:800; text-decoration:none; transition:.22s ease; } .amk-legal-hero-card__quick{ display:grid; grid-template-columns:minmax(0,1fr) 132px; gap:18px; align-items:center; margin-top:18px; padding-top:18px; border-top:1px solid #e3e8ee; } .amk-legal-hero-card__quick h3{ margin:10px 0 0; color:#1a3359; font-size:29px; line-height:1.08; letter-spacing:-.03em; } .amk-legal-hero-card__quick p{ margin:12px 0 0; color:#708097; font-size:15px; line-height:1.65; } .amk-legal-hero-card__tg-link{ display:inline-flex; align-items:center; margin-top:14px; color:#274a79; font-size:14px; font-weight:800; text-decoration:none; } .amk-legal-hero-card__qr{ display:grid; place-items:center; width:132px; height:132px; padding:10px; border:1px solid #dde4ec; border-radius:24px; background:#fff; box-shadow:0 12px 24px rgba(18,48,83,.06); } .amk-legal-hero-card__qr img{ width:100%; height:100%; object-fit:contain; } .amk-legal-aside{ position:sticky; top:24px; align-self:start; } .amk-legal-aside__inner{position:static} .amk-legal-manage{ margin-top:30px; grid-template-columns:minmax(0,1fr) minmax(300px,430px); } .amk-legal-manage__email{ display:inline-flex; flex-direction:column; gap:6px; margin-top:18px; padding:14px 16px; border:1px solid rgba(255,255,255,.16); border-radius:16px; background:rgba(255,255,255,.08); color:#ffffff; text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .amk-legal-manage__email small{ color:rgba(255,255,255,.62); font-size:10px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .amk-legal-manage__email strong{ color:#ffffff; font-size:18px; font-weight:800; line-height:1.35; word-break:break-word; } .amk-legal-contact{display:none} .amk-legal .amk-legal-hero-card{ opacity:0; transform:translateY(18px); transition:opacity .8s cubic-bezier(.2,.75,.25,1),transform .8s cubic-bezier(.2,.75,.25,1); } .amk-legal.is-ready .amk-legal-hero-card{ opacity:1; transform:none; transition-delay:.38s; } @media (hover:hover){ .amk-legal-hero-card__chips a:hover, .amk-legal-hero-card__tg-link:hover{ transform:translateY(-2px); border-color:#c8d3df; box-shadow:0 12px 24px rgba(18,48,83,.07); } .amk-legal-hero-card__qr:hover{ transform:translateY(-2px); box-shadow:0 18px 32px rgba(18,48,83,.10); } .amk-legal-manage__email:hover{ transform:translateY(-2px); background:rgba(255,255,255,.10); box-shadow:0 14px 30px rgba(9,26,52,.12), inset 0 1px 0 rgba(255,255,255,.06); } } @media(max-width:1260px){ .amk-legal-hero__grid{ grid-template-columns:minmax(0,1fr); gap:24px; } .amk-legal-hero-card{ max-width:760px; } } @media(max-width:1100px){ .amk-legal-aside{position:static} } @media(max-width:700px){ .amk-legal-hero-card{ padding:20px; border-radius:24px; } .amk-legal-hero-card__top h2{ font-size:clamp(28px,10vw,46px); } .amk-legal-hero-card__top p{ font-size:15px; } .amk-legal-hero-card__box a, .amk-legal-hero-card__box strong{ font-size:19px; } .amk-legal-hero-card__chips{ grid-template-columns:1fr 1fr 1fr; gap:10px; } .amk-legal-hero-card__chips a{ min-height:52px; font-size:13px; } .amk-legal-hero-card__quick{ grid-template-columns:1fr; } .amk-legal-hero-card__quick h3{ font-size:24px; } .amk-legal-hero-card__qr{ width:128px; height:128px; } .amk-legal-manage__email strong{ font-size:15px; } } @media(prefers-reduced-motion:reduce){ .amk-legal .amk-legal-hero-card{opacity:1!important;transform:none!important} } /* ========================================================= v1.4 FINAL POLISH ========================================================= */ .amk-legal{ --amk-legal-sticky-top:24px; } /* Final hero balance */ @media(min-width:1261px){ .amk-legal-hero__grid{ grid-template-columns:minmax(0,1.42fr) minmax(390px,.68fr); gap:56px; align-items:center; } .amk-legal-hero-card{max-width:470px;justify-self:end} .amk-legal-hero h1{max-width:940px} .amk-legal-hero__lead{max-width:900px} } /* Sticky side navigation that actually remains in view */ @media(min-width:1101px){ .amk-legal-aside{ position:sticky!important; top:var(--amk-legal-sticky-top)!important; max-height:calc(100vh - var(--amk-legal-sticky-top) - 24px); overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#d7dfe8 transparent; padding-right:4px; } .amk-legal-aside::-webkit-scrollbar{width:5px} .amk-legal-aside::-webkit-scrollbar-thumb{background:#d7dfe8;border-radius:999px} .amk-legal-aside__nav{max-height:none;overflow:visible;padding-right:0} } /* Make related document controls feel part of the brand */ .amk-legal-related a, .amk-legal-related button{ min-height:48px; display:flex; align-items:center; font-size:12px; } .amk-legal-related a.is-current{ box-shadow:inset 3px 0 0 #315b8d; } /* Administrator card — tighter premium composition */ .amk-legal-hero-card{ isolation:isolate; } .amk-legal-hero-card__top, .amk-legal-hero-card__grid, .amk-legal-hero-card__messengers, .amk-legal-hero-card__quick{ position:relative; z-index:1; } .amk-legal-hero-card__box--phone a{ letter-spacing:-.02em; } .amk-legal-hero-card__box--schedule strong{ font-size:20px; } .amk-legal-hero-card__chips a{ position:relative; overflow:hidden; } .amk-legal-hero-card__chips a:before{ content:""; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#315b8d; box-shadow:0 0 0 4px rgba(49,91,141,.08); } .amk-legal-hero-card__quick{ border-radius:20px; padding:18px; border:1px solid #e1e7ee; background:linear-gradient(135deg,#f8fafc,#f1f5f9); } .amk-legal-hero-card__quick-copy{min-width:0} .amk-legal-hero-card__qr{ transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } /* Harmonised CTA */ .amk-legal-manage{ align-items:center; overflow:hidden; } .amk-legal-manage:before{ content:""; position:absolute; width:390px; height:390px; left:-210px; bottom:-300px; border-radius:50%; border:1px solid rgba(255,255,255,.08); } .amk-legal-manage>div, .amk-legal-manage>button{position:relative;z-index:2} .amk-legal-manage__email{ width:min(100%,560px); transition:transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease; } .amk-legal-manage button{ transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } /* Accordion and toolbar final sizing */ .amk-legal-toolbar{ min-height:52px; } .amk-legal-toolbar__actions button, .amk-legal-related a, .amk-legal-related button, .amk-legal-item__trigger, .amk-legal-privacy-btn, .amk-legal-manage button, .amk-legal-hero-card__chips a, .amk-legal-hero-card__tg-link, .amk-legal-manage__email{ -webkit-tap-highlight-color:transparent; } /* Keyboard accessibility / premium focus */ .amk-legal a:focus-visible, .amk-legal button:focus-visible{ outline:3px solid rgba(49,91,141,.28)!important; outline-offset:3px!important; } .amk-legal-item__trigger:focus-visible{ border-radius:18px; } /* Mobile/tablet final pass */ @media(max-width:1260px){ .amk-legal-hero-card{ width:100%; max-width:none; } } @media(max-width:900px){ .amk-legal-hero-card__grid{grid-template-columns:1fr 1fr} .amk-legal-hero-card__quick{grid-template-columns:minmax(0,1fr) 138px} } @media(max-width:700px){ .amk-legal-shell{width:min(100% - 20px,1440px)} .amk-legal-hero__grid{gap:18px} .amk-legal-hero-card{padding:18px} .amk-legal-hero-card__grid{grid-template-columns:1fr} .amk-legal-hero-card__chips{grid-template-columns:1fr} .amk-legal-hero-card__chips a{min-height:54px;justify-content:flex-start;padding:0 18px} .amk-legal-hero-card__quick{grid-template-columns:1fr;gap:16px;padding:16px} .amk-legal-hero-card__qr{width:146px;height:146px} .amk-legal-toolbar{align-items:stretch;flex-direction:column} .amk-legal-toolbar__actions{display:grid;grid-template-columns:1fr 1fr;width:100%} .amk-legal-toolbar__actions button{min-height:44px} .amk-legal-item{border-radius:18px} .amk-legal-manage{margin-top:24px} .amk-legal-manage__email{width:100%} } @media(max-width:420px){ .amk-legal-meta{gap:8px} .amk-legal-meta>span{min-height:48px} .amk-legal-brand{align-items:flex-start} .amk-legal-brand__pill{white-space:normal;line-height:1.25} .amk-legal-hero-card__quick h3{font-size:22px} } /* v1.4.1 — hero top alignment fix */ @media(min-width:1261px){ .amk-legal-hero__grid{align-items:start;} .amk-legal-hero__content{padding-top:6px;} }