:root{color-scheme:dark;--page:#071015;--page-soft:#0b171d;--surface:#111f26;--surface-raised:#15262e;--text:#f2f8f5;--text-soft:#c5d4ce;--muted:#9bb0a9;--line:rgba(184,213,200,.15);--line-strong:rgba(184,213,200,.24);--mint:#83e7c3;--lime:#b7f36a;--ink:#07130e;--gold:#f5b51b;--content:1200px;--gutter:clamp(20px,5vw,72px);--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth;scroll-padding-top:92px}
body{min-width:320px;margin:0;background:var(--page);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 18% -10%,rgba(79,187,145,.13),transparent 38%),radial-gradient(ellipse at 95% 22%,rgba(111,97,195,.11),transparent 35%),linear-gradient(rgba(160,204,185,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(160,204,185,.018) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;content:"";pointer-events:none}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
a:hover{color:var(--mint)}
button,a{touch-action:manipulation}
img,svg{display:block;max-width:100%}
::selection{background:rgba(131,231,195,.28);color:#fff}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:12px 16px;transform:translateY(-160%);border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text)}
.skip-link:focus{transform:translateY(0)}
.section-wrap{width:calc(100% - var(--gutter) - var(--gutter));max-width:var(--content);margin-inline:auto}
.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:rgba(7,16,21,.9);backdrop-filter:blur(18px)}
.site-nav{display:flex;width:calc(100% - var(--gutter) - var(--gutter));max-width:1320px;min-height:76px;align-items:center;justify-content:space-between;gap:24px;margin:auto}
.brand{display:inline-flex;min-width:0;min-height:48px;align-items:center;gap:10px;color:var(--text)}
.brand img{flex:0 0 auto;border:1px solid rgba(183,243,106,.28);border-radius:13px;background:#03070b;object-fit:contain}
.brand span{display:grid;gap:1px}
.brand strong{font-size:14px;font-weight:900;letter-spacing:.15em;line-height:1.15}
.brand small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.17em}
.nav-links{display:flex;align-items:center;gap:clamp(18px,3vw,38px)}
.nav-links a,.footer-login{color:var(--text-soft);font-size:13px;font-weight:650;transition:color .18s var(--ease)}
.nav-links a:hover,.footer-login:hover{color:var(--mint)}
.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:12px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:800;line-height:1.2;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}
.button:hover{transform:translateY(-1px)}
.button span{font-size:18px;line-height:1}
.button-primary{border-color:rgba(183,243,106,.54);background:linear-gradient(115deg,var(--lime),#90ecc0);box-shadow:0 9px 26px rgba(106,207,157,.16);color:var(--ink)}
.button-primary:hover{border-color:var(--lime);background:#c4f680;box-shadow:0 12px 32px rgba(106,207,157,.23);color:var(--ink)}
.button-small{min-height:44px;padding-inline:15px;font-size:12px}
.button-quiet{border-color:var(--line-strong);background:rgba(17,31,38,.42);color:var(--text-soft)}
.button-quiet:hover{border-color:rgba(131,231,195,.48);background:rgba(17,31,38,.85);color:var(--text)}
.button-large{min-height:56px;padding-inline:24px}
.hero{display:grid;min-height:660px;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:70px 84px}
.hero-copy{position:relative;z-index:2;max-width:710px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 17px;color:var(--mint);font-size:10px;font-weight:850;letter-spacing:.17em;line-height:1.4}
.eyebrow-mark{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(183,243,106,.1)}
h1,h2,h3,p{overflow-wrap:break-word}
.hero h1{max-width:760px;margin:0;font-size:clamp(44px,6vw,76px);font-weight:760;letter-spacing:-.06em;line-height:.99;text-wrap:balance}
.hero h1 span{color:var(--mint)}
.hero-lead{max-width:610px;margin:25px 0 0;color:var(--text-soft);font-size:clamp(16px,1.5vw,19px);line-height:1.72}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-notes{display:flex;flex-wrap:wrap;gap:10px 21px;margin:30px 0 0;padding:0;list-style:none}
.hero-notes li{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700}
.check-icon{display:grid;width:19px;height:19px;flex:0 0 19px;place-items:center;border:1px solid rgba(131,231,195,.3);border-radius:50%;background:rgba(131,231,195,.09);color:var(--mint);font-size:11px}
.hero-art{position:relative;display:grid;min-height:500px;place-items:center;isolation:isolate}
.hero-art::before{position:absolute;z-index:-1;inset:7% 2% 5%;border:1px solid rgba(131,231,195,.09);border-radius:50%;background:radial-gradient(ellipse at center,rgba(74,151,119,.16),transparent 64%);content:"";filter:blur(2px)}
.art-orbit{position:absolute;z-index:-1;border:1px solid rgba(156,211,192,.12);border-radius:50%;transform:rotate(-25deg)}
.orbit-one{width:98%;height:52%}
.orbit-two{width:84%;height:73%;transform:rotate(56deg)}
.sample-plate{position:relative;display:flex;width:min(100%,435px);min-height:435px;flex-direction:column;align-items:center;overflow:hidden;padding:35px 30px 22px;transform:rotate(-2.2deg);border:1px solid #d8e0e2;border-radius:25px;background:linear-gradient(145deg,#fff,#f8fafb);box-shadow:0 38px 96px rgba(0,0,0,.48),0 0 0 9px rgba(232,247,239,.055);color:#162126;text-align:center}
.google-band{position:absolute;top:0;left:0;display:grid;width:100%;height:7px;grid-template-columns:repeat(4,1fr)}
.google-band i:nth-child(1),.model-band i:nth-child(1){background:#34a853}
.google-band i:nth-child(2),.model-band i:nth-child(2){background:#fbbc05}
.google-band i:nth-child(3),.model-band i:nth-child(3){background:#ea4335}
.google-band i:nth-child(4),.model-band i:nth-child(4){background:#4285f4}
.sample-company{max-width:100%;margin:0 0 11px;overflow:hidden;color:#66737a;font-size:10px;font-weight:800;letter-spacing:.15em;text-overflow:ellipsis;white-space:nowrap}
.sample-plate h2{margin:0;font-size:23px;font-weight:850;letter-spacing:-.04em;line-height:1.12}
.google-wordmark{display:flex;margin-top:5px;font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:650;letter-spacing:-.07em;line-height:1.15}
.google-wordmark span:nth-child(1),.google-wordmark span:nth-child(4){color:#4285f4}
.google-wordmark span:nth-child(2),.google-wordmark span:nth-child(6){color:#ea4335}
.google-wordmark span:nth-child(3){color:#fbbc05}
.google-wordmark span:nth-child(5){color:#34a853}
.stars{margin:2px 0 0;color:var(--gold);font-size:20px;letter-spacing:.14em;line-height:1.2}
.sample-support{margin:6px 0 17px;color:#65737c;font-size:12px;line-height:1.4}
.sample-methods{display:grid;width:100%;min-height:148px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sample-method{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:9px 6px;border:1px solid #e0e6e8;border-radius:14px;background:#fbfcfd}
.sample-method>span{max-width:100%;color:#26353b;font-size:9px;font-weight:850;letter-spacing:.08em;line-height:1.35}
.qr-art{display:grid;width:83px;height:83px;place-items:center;padding:5px;border:1px solid #26343a;border-radius:8px;background:#fff}
.qr-art svg{width:100%;height:100%;fill:#111}
.nfc-art{width:61px;height:83px;stroke:#178763;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.sample-brand{display:flex;min-height:43px;align-items:center;gap:8px;margin-top:12px}
.sample-brand-mark{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#09120f;color:#b7f36a;font-size:14px;font-weight:950}
.sample-brand strong{color:#14221d;font-size:14px;font-weight:950;letter-spacing:.16em}
.sample-brand small{margin-left:1px;color:#75847e;font-size:8px;font-weight:800;letter-spacing:.12em}
.floating-note{position:absolute;right:-2%;bottom:9%;display:flex;align-items:center;gap:11px;max-width:min(86%,280px);padding:13px 16px;border:1px solid rgba(177,218,199,.22);border-radius:14px;background:rgba(16,31,37,.92);box-shadow:0 16px 45px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.nfc-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(183,243,106,.1)}
.floating-note span:last-child{display:grid;gap:2px}
.floating-note strong{color:var(--text);font-size:11px}
.floating-note small{color:var(--muted);font-size:10px;line-height:1.4}
.trust-strip{border-block:1px solid var(--line);background:rgba(12,25,30,.62)}
.trust-inner{display:grid;width:calc(100% - var(--gutter) - var(--gutter));max-width:var(--content);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:auto;padding-block:23px}
.trust-inner p{display:flex;align-items:center;gap:13px;margin:0;color:var(--muted);font-size:12px}
.trust-inner strong{color:var(--mint);font-size:11px;letter-spacing:.1em}
.trust-inner b{color:var(--text-soft);font-weight:800}
.section-block{padding-block:112px}
.section-heading{max-width:720px;margin-bottom:42px}
.section-heading h2,.showcase-copy h2,.value-copy h2,.faq-intro h2{margin:0;font-size:clamp(34px,4.4vw,53px);font-weight:730;letter-spacing:-.05em;line-height:1.08;text-wrap:balance}
.section-heading h2 span{color:var(--mint)}
.section-heading>p:last-child,.showcase-copy>p:not(.eyebrow),.faq-intro>p:not(.eyebrow){max-width:640px;margin:17px 0 0;color:var(--text-soft);font-size:15px;line-height:1.75}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.step-card,.feature-card{position:relative;min-width:0;padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(21,38,46,.9),rgba(15,29,35,.72))}
.step-card{min-height:245px}
.step-number{position:absolute;top:27px;right:27px;color:#759088;font-size:10px;font-weight:850;letter-spacing:.11em}
.step-icon,.feature-icon{display:grid;width:45px;height:45px;place-items:center;border:1px solid rgba(131,231,195,.23);border-radius:13px;background:rgba(131,231,195,.085);color:var(--mint)}
.step-icon svg,.feature-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.step-card h3,.feature-card h3{margin:22px 0 7px;color:var(--text);font-size:16px;font-weight:780;letter-spacing:-.015em}
.step-card p,.feature-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.showcase-section{overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(112deg,rgba(15,30,36,.92),rgba(12,23,29,.72))}
.showcase-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,7vw,95px);padding-block:96px}
.showcase-copy h2{max-width:590px}
.feature-list{display:grid;gap:11px;margin:23px 0 27px;padding:0;list-style:none}
.feature-list li{display:flex;align-items:flex-start;gap:10px;color:var(--text-soft);font-size:12px;font-weight:650}
.feature-list li span{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border:1px solid rgba(131,231,195,.26);border-radius:50%;color:var(--mint);font-size:11px;line-height:1}
.text-link{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:var(--mint);font-size:13px;font-weight:800}
.text-link span{font-size:18px}
.model-showcase{position:relative;display:flex;min-height:430px;align-items:center;justify-content:center;gap:clamp(20px,5vw,55px);padding:32px 16px 57px}
.model-showcase::before{position:absolute;inset:5% 5% 11%;border-radius:50%;background:radial-gradient(ellipse,rgba(64,153,117,.17),transparent 65%);content:"";filter:blur(12px)}
.model-card{position:relative;display:flex;overflow:hidden;flex-direction:column;align-items:center;border:1px solid #dce4e5;border-radius:13px;background:#fff;box-shadow:0 25px 60px rgba(0,0,0,.36);color:#152229;text-align:center}
.model-square{width:min(49%,245px);aspect-ratio:1;padding:11% 7% 6%;transform:rotate(-3deg)}
.model-portrait{width:min(34%,170px);aspect-ratio:1/2.55;padding:9% 5% 4%;transform:translateY(20px) rotate(3deg)}
.model-band{position:absolute;top:0;left:0;display:grid;width:100%;height:4px;grid-template-columns:repeat(4,1fr)}
.model-card>small:first-of-type{max-width:100%;overflow:hidden;color:#697780;font-size:clamp(6px,.8vw,8px);font-weight:800;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}
.model-card>strong{max-width:100%;margin-top:6%;color:#18262d;font-size:clamp(8px,1.2vw,12px);font-weight:900;letter-spacing:-.03em;line-height:1.1}
.model-google{margin-top:3%;color:#4285f4;font-family:Arial,sans-serif;font-size:clamp(13px,2vw,21px);font-weight:700;letter-spacing:-.08em}
.model-stars{color:#f5b51b;font-size:clamp(8px,1.2vw,12px);letter-spacing:.12em;line-height:1.2}
.model-methods{display:grid;width:100%;min-height:0;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4%;margin-top:7%}
.model-portrait .model-methods{grid-template-columns:1fr;margin-top:7%}
.model-methods>span{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #e4e9ea;border-radius:6px;background:#fbfcfd}
.model-methods b{color:#2a393f;font-size:clamp(5px,.7vw,7px);letter-spacing:.05em}
.mini-qr{width:clamp(22px,3vw,33px);aspect-ratio:1;border:2px solid #202b30;background:repeating-conic-gradient(#172126 0 25%,#fff 0 50%) 0/7px 7px}
.mini-nfc{color:#178763;font-size:clamp(14px,2vw,20px);font-weight:900;letter-spacing:-.2em;transform:rotate(90deg)}
.model-amzx{margin-top:4%;color:#455650;font-size:clamp(5px,.65vw,7px);font-weight:850;letter-spacing:.13em}
.model-label{position:absolute;bottom:19px;color:#8ea69b;font-size:9px;font-weight:850;letter-spacing:.14em}
.label-square{left:17%}
.label-portrait{right:14%}
.section-heading-center{max-width:780px;margin-inline:auto;text-align:center}
.section-heading-center .eyebrow{justify-content:center}
.section-heading-center>p:last-child{margin-inline:auto}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feature-card{min-height:218px;padding:24px;transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}
.feature-card:hover{transform:translateY(-2px);border-color:rgba(131,231,195,.3);background:linear-gradient(145deg,rgba(22,42,49,.96),rgba(15,29,35,.82))}
.feature-icon{width:41px;height:41px;border-radius:12px}
.feature-icon svg{width:21px;height:21px}
.feature-card h3{margin-top:18px}
.value-section{padding-bottom:112px}
.value-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.8fr);align-items:center;gap:clamp(30px,7vw,90px);padding:clamp(28px,5vw,58px);border:1px solid rgba(131,231,195,.18);border-radius:24px;background:radial-gradient(ellipse at 98% 5%,rgba(86,194,151,.12),transparent 39%),linear-gradient(135deg,#12242a,#0e1b21 76%);box-shadow:0 30px 78px rgba(0,0,0,.23)}
.value-copy h2{max-width:650px}
.value-copy>p:not(.eyebrow){max-width:620px;margin:18px 0 24px;color:var(--text-soft);font-size:14px;line-height:1.75}
.value-steps{display:grid;gap:11px}
.value-steps>div{display:flex;min-height:72px;align-items:center;gap:15px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(7,16,21,.3)}
.value-step-number{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid rgba(183,243,106,.24);border-radius:11px;color:var(--lime);font-size:12px;font-weight:850}
.value-steps>div>span:last-child{display:grid;gap:3px}
.value-steps b{color:var(--text);font-size:12px}
.value-steps small{color:var(--muted);font-size:11px}
.faq-section{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(35px,8vw,110px);border-top:1px solid var(--line)}
.faq-intro{align-self:start}
.faq-intro h2{font-size:clamp(34px,4vw,47px)}
.faq-intro .text-link{margin-top:20px}
.faq-list{display:grid;align-content:start}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{position:relative;display:flex;min-height:69px;align-items:center;justify-content:space-between;gap:18px;padding:16px 4px;color:var(--text);font-size:14px;font-weight:720;line-height:1.4;list-style:none;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid var(--line-strong);border-radius:9px;color:var(--mint);content:"+";font-size:18px;font-weight:450;transition:transform .18s var(--ease),background .18s var(--ease)}
.faq-item[open] summary::after{transform:rotate(45deg);background:rgba(131,231,195,.08)}
.faq-item p{max-width:700px;margin:-2px 42px 22px 4px;color:var(--muted);font-size:13px;line-height:1.75}
.final-cta{border-block:1px solid rgba(131,231,195,.16);background:linear-gradient(105deg,rgba(33,64,54,.35),rgba(15,31,36,.5))}
.final-cta-inner{display:flex;min-height:220px;align-items:center;justify-content:space-between;gap:30px;padding-block:40px}
.final-cta h2{max-width:700px;margin:0;font-size:clamp(30px,4vw,45px);font-weight:740;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}
.final-cta-inner>div>p:last-child{margin:11px 0 0;color:var(--text-soft);font-size:14px}
.site-footer{background:rgba(4,11,14,.58)}
.footer-inner{display:grid;min-height:114px;grid-template-columns:minmax(0,auto) minmax(180px,1fr) auto;align-items:center;gap:16px 30px;padding-block:28px}
.footer-brand img{width:36px;height:36px;border-radius:11px}
.footer-inner>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.footer-links{display:flex;align-items:center;justify-content:flex-end;gap:8px 12px;flex-wrap:wrap}
.footer-login{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;color:var(--text-soft);font-size:12px;font-weight:680;white-space:nowrap;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}
.footer-login:hover,.footer-login:focus-visible{border-color:var(--mint);background:rgba(131,231,195,.09);color:var(--text)}
.copyright{grid-column:1/-1;min-width:0;padding-top:16px;border-top:1px solid var(--line);color:#9bb1a8;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
@media(max-width:1020px){
 .hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:28px;padding-block:62px 72px}
 .hero h1{font-size:clamp(42px,6vw,62px)}
 .hero-art{min-height:440px}
 .sample-plate{min-height:390px;padding:29px 24px 16px}
 .sample-methods{min-height:130px}
 .qr-art{width:72px;height:72px}
 .nfc-art{width:54px;height:73px}
 .showcase-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:30px}
 .model-showcase{gap:18px}
}
@media(max-width:760px){
 :root{--gutter:24px}
 html{scroll-padding-top:74px}
 .site-nav{min-height:68px;gap:12px}
 .brand{gap:8px}
 .brand img{width:38px;height:38px}
 .nav-links{display:none}
 .button-small{min-height:44px;padding-inline:12px}
 .hero{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:58px 56px}
 .hero-copy{max-width:650px}
 .hero h1{max-width:650px;font-size:clamp(42px,9vw,66px)}
 .hero-lead{margin-top:20px}
 .hero-art{width:min(100%,530px);min-height:445px;justify-self:center;margin-top:8px}
 .sample-plate{width:min(90%,385px);min-height:370px;padding:27px 21px 13px}
 .sample-plate h2{font-size:21px}
 .sample-methods{min-height:119px}
 .qr-art{width:66px;height:66px}
 .nfc-art{width:49px;height:66px}
 .floating-note{right:0;bottom:1%}
 .trust-inner{grid-template-columns:1fr;gap:0;padding-block:7px}
 .trust-inner p{min-height:52px;border-bottom:1px solid var(--line)}
 .trust-inner p:last-child{border-bottom:0}
 .section-block{padding-block:82px}
 .section-heading{margin-bottom:29px}
 .steps-grid{grid-template-columns:1fr;gap:11px}
 .step-card{min-height:0;padding:23px}
 .step-number{top:23px;right:23px}
 .step-card h3{margin-top:16px}
 .showcase-grid{grid-template-columns:1fr;gap:32px;padding-block:75px}
 .model-showcase{min-height:380px}
 .model-square{width:min(48%,220px)}
 .model-portrait{width:min(34%,155px)}
 .features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .feature-card{min-height:0;padding:19px}
 .feature-card h3{margin-top:15px;font-size:14px}
 .feature-card p{font-size:12px}
 .value-section{padding-bottom:82px}
 .value-panel{grid-template-columns:1fr;gap:28px;padding:28px 22px}
 .faq-section{grid-template-columns:1fr;gap:25px}
 .faq-intro .text-link{margin-top:12px}
 .faq-item summary{min-height:65px;font-size:13px}
 .final-cta-inner{align-items:flex-start;flex-direction:column;justify-content:center;min-height:0;padding-block:58px}
 .footer-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}
 .footer-inner>p{grid-column:1/-1;grid-row:2}
 .footer-links{grid-column:2;grid-row:1}
 .copyright{grid-row:3}
}
@media(max-width:430px){
 :root{--gutter:19px}
 .button{min-height:48px;padding-inline:15px;font-size:13px}
 .button-small{min-height:43px;padding-inline:10px;font-size:11px}
 .hero{padding-top:47px}
 .hero h1{font-size:clamp(39px,11vw,49px)}
 .hero-actions{align-items:stretch;flex-direction:column}
 .hero-actions .button{width:100%}
 .hero-notes{display:grid;gap:10px;margin-top:23px}
 .hero-art{min-height:405px}
 .sample-plate{width:min(96%,350px);min-height:352px;padding:24px 17px 10px}
 .sample-plate h2{font-size:clamp(18px,5vw,21px)}
 .sample-company{margin-bottom:8px}
 .google-wordmark{font-size:30px}
 .sample-support{margin-bottom:12px;font-size:11px}
 .sample-methods{min-height:112px;gap:7px}
 .sample-method{gap:6px;padding:7px 4px}
 .sample-method>span{font-size:8px}
 .qr-art{width:60px;height:60px}
 .nfc-art{width:43px;height:59px}
 .sample-brand{min-height:36px;margin-top:7px}
 .floating-note{right:-1%;bottom:0;max-width:86%;padding:10px 12px}
 .section-heading h2,.showcase-copy h2,.value-copy h2,.faq-intro h2{font-size:clamp(32px,9vw,40px)}
 .features-grid{grid-template-columns:1fr}
 .feature-card{padding:21px}
 .model-showcase{min-height:330px;gap:15px;padding-inline:6px}
 .model-square{width:54%;padding-inline:6%}
 .model-portrait{width:36%}
 .model-label{bottom:12px;font-size:8px}
 .label-square{left:11%}
 .label-portrait{right:8%}
 .value-steps>div{padding-inline:11px}
 .faq-item p{margin-right:8px}
 .footer-inner{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:27px}
 .footer-brand{grid-column:1;grid-row:1}
 .footer-inner>p{grid-column:1;grid-row:2}
 .footer-links{grid-column:1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:8px}
 .footer-login{justify-content:space-between;white-space:normal}
 .copyright{grid-row:4;margin-top:6px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* The editable site name must stay inside the mobile navigation. */
@media(max-width:760px){
 .site-nav .brand{flex:1 1 auto;min-width:0}
 .site-nav .brand span{min-width:0}
 .site-nav .brand strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site-nav>.button{flex:0 0 auto}
}
/* Landing: manual e cartão de visita AMZX. */
.manual-preview{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(30px,6vw,80px);padding-block:65px 100px}.manual-preview h2{font-size:clamp(33px,4.4vw,53px);line-height:1.08;letter-spacing:-.05em;margin:0;text-wrap:balance}.manual-preview-copy>p:not(.eyebrow){color:var(--text-soft);max-width:550px;line-height:1.75}.visit-card-demo{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:3%;width:100%;aspect-ratio:8.5/5.5;max-height:360px;overflow:hidden;padding:8% 6%;border:1px solid #dae4e9;border-radius:22px;background:#fff;box-shadow:0 30px 72px rgba(0,0,0,.35);color:#172238;transform:rotate(2deg)}.visit-card-band{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);height:6px}.visit-card-band i:nth-child(1){background:#4285f4}.visit-card-band i:nth-child(2){background:#ea4335}.visit-card-band i:nth-child(3){background:#fbbc05}.visit-card-band i:nth-child(4){background:#34a853}.visit-card-info{display:flex;min-width:0;flex-direction:column}.visit-card-info small{color:#566679;font-size:10px;font-weight:800;letter-spacing:.12em}.visit-card-info strong{font-size:clamp(18px,2.6vw,33px);line-height:1.2;margin:2% 0 7%}.visit-card-info>span{font-size:clamp(11px,1.7vw,19px);font-weight:850}.visit-card-google{color:#4285f4;font:700 clamp(17px,2vw,27px) Arial,sans-serif}.visit-card-google span{color:#c48800;font-size:.7em}.visit-card-info p{margin:auto 0 0;color:#45576c;font-size:clamp(10px,1.25vw,14px);line-height:1.3}.visit-card-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-left:1px solid #dce5ef;text-align:center}.visit-card-qr{display:grid;width:min(74%,155px);aspect-ratio:1;place-items:center;border:3px solid #172238;border-radius:12px;background:repeating-conic-gradient(#172238 0 25%,#fff 0 50%) 0/12px 12px;color:#fff;text-shadow:0 1px 4px #000;font-size:40px}.visit-card-action b{font-size:clamp(7px,1vw,12px)}.visit-card-action small{color:#566679;font-size:clamp(6px,.8vw,10px);font-weight:700}@media(max-width:850px){.manual-preview{grid-template-columns:1fr}.visit-card-demo{max-width:580px;margin:auto}}@media(max-width:450px){.visit-card-demo{border-radius:14px}.visit-card-info strong{font-size:18px}.visit-card-info p{font-size:9px}.visit-card-qr{border-width:2px;border-radius:5px;font-size:22px}}

/* Desktop proportions keep the same approved visual language at a calmer scale. */
@media(min-width:1100px){
 :root{--content:1100px;--gutter:clamp(28px,4vw,64px)}
 .hero{min-height:560px;gap:42px;padding-block:52px 62px}
 .hero h1{font-size:clamp(46px,4.2vw,59px);line-height:1.05}
 .hero-art{min-height:420px}
 .section-block{padding-block:76px}
 .section-heading h2,.showcase-copy h2,.value-copy h2,.faq-intro h2{font-size:clamp(34px,3.4vw,44px)}
 .manual-preview{padding-block:56px 72px}.manual-preview h2{font-size:clamp(34px,3.5vw,44px)}
}