/* WineTrivia — shared design system */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#F5EFE3;--cream-alt:#EDE5D2;--cream-border:rgba(28,20,9,0.1);
  --ink:#1C1409;--ink-60:rgba(28,20,9,0.6);--ink-40:rgba(28,20,9,0.4);--ink-12:rgba(28,20,9,0.07);
  --dark:#1A1208;--dark-surface:#211810;--dark-border:rgba(245,239,227,0.09);
  --dark-text:#F5EFE3;--dark-text-60:rgba(245,239,227,0.6);--dark-text-40:rgba(245,239,227,0.4);
  --ember:#F28C1E;--ember-soft:#F9B864;--ember-dark:#C06B08;--ember-dim:rgba(242,140,30,0.14);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'DM Sans',system-ui,sans-serif;
  --mono:'DM Mono','Courier New',monospace;
  --max:1280px;--pad:clamp(1.25rem,5vw,4rem);
}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}
a{color:var(--ember-dark);text-decoration:none}
a:hover{color:var(--ember)}
.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}

/* ─── NAV ─── */
nav.site-nav{position:sticky;top:0;z-index:900;background:var(--cream);border-bottom:1px solid var(--cream-border)}
.nav-inner{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;align-items:center;height:64px;gap:1.5rem}
.nav-brand{display:flex;align-items:center;gap:0.6rem;text-decoration:none;flex-shrink:0}
.nav-brand-mark{width:26px;height:26px;color:var(--ember);flex-shrink:0}
.nav-brand-mark svg{width:100%;height:100%}
.nav-logo-img{width:26px;height:26px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.nav-brand-name{font-size:1rem;font-weight:600;color:var(--ink);letter-spacing:-0.02em;line-height:1}
.nav-links{display:flex;align-items:center;gap:0.1rem;list-style:none;margin-left:auto}
.nav-links a{font-size:0.875rem;font-weight:400;color:var(--ink-60);text-decoration:none;padding:0.45rem 0.7rem;border-radius:6px;transition:color 0.15s,background 0.15s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--ink);background:var(--cream-alt)}
.nav-links a.active{font-weight:500}
.nav-actions{display:flex;align-items:center;gap:0.65rem;flex-shrink:0}
.lang-toggle{display:inline-flex;border:1px solid var(--cream-border);border-radius:999px;overflow:hidden;font-family:var(--mono);font-size:0.68rem;letter-spacing:0.04em}
.lang-toggle button{background:transparent;color:var(--ink-60);border:none;padding:0.28rem 0.6rem;cursor:pointer;font-family:inherit;transition:background 0.2s,color 0.2s}
.lang-toggle button.active{background:var(--ember);color:#fff}
.lang-toggle button:hover:not(.active){color:var(--ink)}
.nav-cta{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.8rem;font-weight:500;color:#fff;background:var(--ember);padding:0.5rem 1rem;border-radius:999px;text-decoration:none;transition:background 0.2s;white-space:nowrap}
.nav-cta:hover{background:var(--ember-dark);color:#fff}
.nav-cta svg{width:13px;height:13px}
.nav-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--cream-border);border-radius:8px;cursor:pointer;color:var(--ink)}
.nav-burger span{display:block;position:relative;width:16px;height:1.5px;background:currentColor;transition:transform 0.25s,opacity 0.2s}
.nav-burger span::before,.nav-burger span::after{content:'';position:absolute;left:0;width:16px;height:1.5px;background:currentColor;transition:transform 0.25s,top 0.2s}
.nav-burger span::before{top:-5px}
.nav-burger span::after{top:5px}
.nav-burger[aria-expanded="true"] span{background:transparent}
.nav-burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:850;background:var(--cream);display:none;flex-direction:column;padding:5rem var(--pad) 2rem}
.mobile-menu.open{display:flex}
.mobile-menu a.mm-link{font-size:1.2rem;font-weight:400;color:var(--ink);text-decoration:none;padding:0.9rem 0;border-bottom:1px solid var(--cream-border);display:flex;align-items:center;justify-content:space-between}
.mobile-menu a.mm-link:hover{color:var(--ember)}
.mobile-menu a.mm-link svg{width:16px;height:16px;color:var(--ink-40)}
.mm-footer{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:1rem}
.mm-cta{display:inline-flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:500;color:#fff;background:var(--ember);padding:0.85rem 1.5rem;border-radius:999px;text-decoration:none}

/* ─── BUTTONS ─── */
.btn-primary{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--sans);font-size:0.875rem;font-weight:500;color:#fff;background:var(--ember);padding:0.8rem 1.6rem;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:background 0.2s,transform 0.15s;white-space:nowrap}
.btn-primary:hover{background:var(--ember-dark);color:#fff;transform:translateY(-1px)}
.btn-primary svg{width:14px;height:14px;flex-shrink:0}
.btn-primary.dark{background:var(--ink);color:var(--cream)}
.btn-primary.dark:hover{background:#000;color:var(--cream)}
.btn-outline{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--sans);font-size:0.875rem;font-weight:400;color:var(--ink);background:transparent;border:1.5px solid var(--cream-border);padding:0.8rem 1.5rem;border-radius:999px;text-decoration:none;transition:border-color 0.2s,color 0.2s,transform 0.15s;white-space:nowrap}
.btn-outline:hover{border-color:var(--ember);color:var(--ember);transform:translateY(-1px)}
.btn-outline svg{width:14px;height:14px;flex-shrink:0}
.btn-outline.on-dark{color:var(--dark-text);border-color:var(--dark-border)}
.btn-outline.on-dark:hover{border-color:var(--ember);color:var(--ember)}
.btn-appstore{display:inline-flex;align-items:center;gap:0.55rem;padding:0.55rem 1.1rem 0.55rem 0.9rem;background:var(--ink);color:var(--dark-text);border-radius:9px;text-decoration:none;transition:opacity 0.2s,transform 0.15s}
.btn-appstore:hover{opacity:0.82;transform:translateY(-1px);color:var(--dark-text)}
.btn-appstore .apple-icon{width:19px;height:19px;flex-shrink:0}
.btn-appstore .as-text{display:flex;flex-direction:column;line-height:1;gap:0.18rem}
.btn-appstore .as-small{font-family:var(--sans);font-size:0.52rem;letter-spacing:0.08em;text-transform:uppercase;opacity:0.65}
.btn-appstore .as-big{font-size:0.875rem;font-weight:600}
.btn-gplay{background:#01875f}
.btn-wa{display:inline-flex;align-items:center;gap:0.55rem;font-family:var(--sans);font-size:0.875rem;font-weight:500;color:#08210F;background:#25D366;padding:0.8rem 1.5rem;border-radius:999px;text-decoration:none;border:none;cursor:pointer;transition:filter 0.2s,transform 0.15s}
.btn-wa:hover{filter:brightness(0.92);transform:translateY(-1px);color:#08210F}
.btn-wa svg{width:18px;height:18px}

/* ─── TYPOGRAPHY ─── */
h1{font-family:var(--serif);font-size:clamp(2.2rem,4.5vw,4rem);font-weight:700;line-height:1.1;color:var(--ink);text-wrap:balance;letter-spacing:-0.02em}
h2{font-family:var(--serif);font-size:clamp(1.75rem,3vw,2.75rem);font-weight:600;line-height:1.15;color:var(--ink);text-wrap:balance;letter-spacing:-0.02em}
h3{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.65rem);font-weight:600;line-height:1.25;color:var(--ink)}
h4{font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink);line-height:1.3}
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--dark-text)}
.lead{font-size:1.05rem;font-weight:300;color:var(--ink-60);line-height:1.75;text-wrap:pretty}
.section-dark .lead{color:var(--dark-text-60)}
.section-label{display:inline-block;font-family:var(--mono);font-size:0.68rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--ember);margin-bottom:0.9rem}

/* ─── SECTIONS ─── */
.section{padding:5.5rem var(--pad)}
.section-sm{padding:3.5rem var(--pad)}
.section-dark{background:var(--dark);color:var(--dark-text)}
.section-alt{background:var(--cream-alt)}
.section-intro{margin-bottom:3.5rem}
.section-intro.centered{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}

/* ─── PLACEHOLDER ─── */
.placeholder{position:relative;border-radius:8px;overflow:hidden;background:var(--cream-alt);border:1.5px dashed rgba(28,20,9,0.18)}
.placeholder::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(28,20,9,0.03) 12px,rgba(28,20,9,0.03) 13px)}
.placeholder-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;padding:2rem;text-align:center;min-height:160px}
.placeholder-icon{color:var(--ember);opacity:0.45}
.placeholder-icon svg{width:28px;height:28px}
.placeholder-text{font-family:var(--mono);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-40)}
.section-dark .placeholder{background:var(--dark-surface);border-color:rgba(245,239,227,0.12)}
.section-dark .placeholder::before{background-image:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(245,239,227,0.03) 12px,rgba(245,239,227,0.03) 13px)}
.section-dark .placeholder-text{color:var(--dark-text-40)}

/* ─── PROOF BAND ─── */
.proof-band{padding:2.5rem var(--pad);background:var(--cream-alt);border-top:1px solid var(--cream-border);border-bottom:1px solid var(--cream-border)}
.proof-items{max-width:var(--max);margin:0 auto;display:flex;flex-wrap:wrap;gap:1.5rem 3rem;justify-content:center}
.proof-item{display:flex;align-items:flex-start;gap:0.75rem;max-width:240px}
.proof-icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:var(--ember-dim);border-radius:7px;color:var(--ember)}
.proof-icon svg{width:17px;height:17px}
.proof-item strong{display:block;font-size:0.875rem;font-weight:500;color:var(--ink);margin-bottom:0.1rem}
.proof-item span{font-size:0.78rem;color:var(--ink-60);line-height:1.5}

/* ─── PILOT FORM ─── */
.pilot-wrap{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:4vw;align-items:start}
.pilot-intro h2{margin-bottom:1rem}
.pilot-intro .lead{margin-bottom:2rem;max-width:44ch}
.pilot-bullets{list-style:none;display:flex;flex-direction:column;gap:0.65rem}
.pilot-bullets li{display:flex;align-items:flex-start;gap:0.65rem;font-size:0.875rem;color:var(--ink-60);line-height:1.55}
.pilot-bullets li svg{width:16px;height:16px;color:var(--ember);flex-shrink:0;margin-top:3px}
.pilot-form-card{background:#fff;border:1px solid var(--cream-border);border-radius:12px;padding:1.75rem;box-shadow:0 2px 20px rgba(28,20,9,0.06)}
.pilot-form-title{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-40);margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--cream-border)}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem}
.pf-row{display:flex;flex-direction:column;gap:0.3rem}
.pf-row.full{grid-column:1/-1}
.pf-row label{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-40);font-weight:500}
.pf-row label .req{color:var(--ember);margin-left:2px}
.pf-row input,.pf-row select,.pf-row textarea{font-family:var(--sans);font-size:0.9rem;color:var(--ink);background:var(--cream);border:1px solid var(--cream-border);border-radius:7px;padding:0.6rem 0.75rem;outline:none;width:100%;transition:border-color 0.2s}
.pf-row input:focus,.pf-row select:focus,.pf-row textarea:focus{border-color:var(--ember)}
.pf-row input::placeholder,.pf-row textarea::placeholder{color:var(--ink-40)}
.pf-row textarea{min-height:80px;resize:vertical;line-height:1.5}
.pf-row select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' stroke='%231C1409' stroke-opacity='.4' stroke-width='1.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 0.65rem center;background-repeat:no-repeat;background-size:16px;padding-right:2rem}
.pf-actions{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-top:1rem}
.pf-status{padding:0.85rem 1rem;border-radius:7px;display:none;gap:0.65rem;align-items:flex-start;background:rgba(242,140,30,0.07);border:1px solid var(--ember-dim);font-size:0.875rem;line-height:1.5;color:var(--ink);margin-top:0.75rem}
.pf-status.show{display:flex}
.pf-status.err{background:rgba(200,60,60,0.06);border-color:rgba(200,60,60,0.2)}
.pf-status svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--ember)}
.pf-status.err svg{color:#c83c3c}

/* ─── USE CASE ALTERNATING ─── */
.usecase{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;padding:4rem 0;border-bottom:1px solid var(--cream-border)}
.usecase:last-child{border-bottom:none}
.usecase.flip .usecase-text{order:2}
.usecase.flip .usecase-visual{order:1}
.usecase-label{font-family:var(--mono);font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ember);margin-bottom:0.65rem}
.usecase-text h3{margin-bottom:0.75rem}
.usecase-text p{font-size:0.925rem;color:var(--ink-60);line-height:1.75;margin-bottom:1.25rem;text-wrap:pretty}
.usecase-features{list-style:none;display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.5rem}
.usecase-features li{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.875rem;color:var(--ink-60);line-height:1.5}
.usecase-features li svg{width:14px;height:14px;color:var(--ember);flex-shrink:0;margin-top:3px}

/* ─── STEP LIST ─── */
.steps{display:flex;flex-direction:column;gap:0}
.step-item{display:grid;grid-template-columns:48px 1fr;gap:1.25rem;align-items:start;padding:1.5rem 0;border-bottom:1px solid var(--cream-border)}
.step-item:last-child{border-bottom:none}
.step-num{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.08em;color:var(--ember);background:var(--ember-dim);width:32px;height:32px;display:grid;place-items:center;border-radius:6px;flex-shrink:0;margin-top:2px}
.step-item h4{margin-bottom:0.35rem}
.step-item p{font-size:0.875rem;color:var(--ink-60);line-height:1.65}

/* ─── FEATURE GRID ─── */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cream-border)}
.feat-card{background:var(--cream);padding:1.75rem;display:flex;flex-direction:column;gap:0.65rem}
.feat-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--ember-dim);border-radius:8px;color:var(--ember);flex-shrink:0}
.feat-icon svg{width:19px;height:19px}
.feat-card h4{margin:0}
.feat-card p{font-size:0.875rem;color:var(--ink-60);line-height:1.65}
.section-dark .feat-grid{background:var(--dark-border)}
.section-dark .feat-card{background:var(--dark-surface)}
.section-dark .feat-card h4{color:var(--dark-text)}
.section-dark .feat-card p{color:var(--dark-text-60)}

/* ─── LEGAL PAGES ─── */
.page-hero{padding:3.5rem var(--pad) 2.5rem;border-bottom:1px solid var(--cream-border)}
.page-hero .page-tag{font-family:var(--mono);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ember);margin-bottom:0.75rem}
.page-hero h1{font-size:clamp(2rem,4.5vw,3.4rem)}
.page-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}
.page-meta-item{font-size:0.78rem;color:var(--ink-60)}
.page-meta-item strong{display:block;font-family:var(--mono);font-size:0.6rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ember);font-weight:500;margin-bottom:0.15rem}
.legal-content{max-width:760px;margin:0 auto;padding:3rem var(--pad) 5rem}
.legal-article{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--cream-border)}
.legal-article:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.legal-article h2{font-size:1.55rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:baseline;gap:0.65rem}
.legal-article h2 .num{font-family:var(--mono);font-size:0.72rem;color:var(--ember);letter-spacing:0.08em;flex-shrink:0}
.legal-article h3{font-family:var(--sans);font-size:0.72rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--ember);margin:1.4rem 0 0.6rem}
.legal-article p{font-size:0.9rem;color:var(--ink-60);margin-bottom:0.8rem;line-height:1.8}
.legal-article p:last-child{margin-bottom:0}
.legal-article p strong{color:var(--ink);font-weight:500}
.legal-article p a{color:var(--ember);text-decoration:none}
.legal-article p a:hover{text-decoration:underline}
.check-list,.cross-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem;margin:0.5rem 0}
.check-list li,.cross-list li{display:flex;align-items:flex-start;gap:0.65rem;font-size:0.875rem;color:var(--ink-60);line-height:1.6}
.check-list li svg{width:14px;height:14px;color:var(--ember);flex-shrink:0;margin-top:4px}
.cross-list li svg{width:14px;height:14px;color:#b03030;flex-shrink:0;margin-top:4px}
.highlight-box{background:var(--cream-alt);border-left:3px solid var(--ember);padding:1rem 1.25rem;margin:1rem 0;border-radius:0 6px 6px 0}
.highlight-box p{margin-bottom:0;font-size:0.875rem}
.notice-box{background:rgba(242,140,30,0.06);border:1px solid var(--ember-dim);padding:1rem 1.25rem;margin:1rem 0;border-radius:6px}
.notice-box p{margin-bottom:0;font-size:0.875rem}
.data-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:0.85rem}
.data-table thead th{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-60);padding:0.6rem 0.8rem;text-align:left;border-bottom:2px solid var(--cream-border);background:var(--cream-alt)}
.data-table tbody td{padding:0.65rem 0.8rem;border-bottom:1px solid var(--cream-border);color:var(--ink-60);vertical-align:top;line-height:1.55}
.data-table tbody tr:last-child td{border-bottom:none}
.contact-card-legal{background:var(--cream-alt);border:1px solid var(--cream-border);border-radius:8px;padding:1.25rem;margin-top:1rem;display:flex;align-items:flex-start;gap:1rem}
.contact-card-legal-icon{width:40px;height:40px;background:var(--ember-dim);border-radius:50%;display:grid;place-items:center;color:var(--ember);flex-shrink:0}
.contact-card-legal-icon svg{width:18px;height:18px}
.contact-card-legal h4{font-family:var(--serif);font-size:1.05rem;color:var(--ink);margin-bottom:0.3rem}
.contact-card-legal p{font-size:0.85rem;color:var(--ink-60);margin-bottom:0.2rem}
.contact-card-legal a{color:var(--ember);font-size:0.875rem}
.rights-list{list-style:none;display:flex;flex-direction:column;gap:0.55rem;margin:0.75rem 0}
.rights-list li{display:flex;gap:0.65rem;font-size:0.875rem;color:var(--ink-60);line-height:1.55}
.rights-list li::before{content:'—';color:var(--ember);flex-shrink:0}
.rights-list li strong{color:var(--ink)}

/* ─── REVEAL ─── */
.reveal{opacity:0;transform:translateY(14px);transition:opacity 0.55s ease,transform 0.55s ease}
.reveal.on{opacity:1;transform:none}

/* ─── FOOTER ─── */
.site-footer{background:var(--dark);color:var(--dark-text);padding:3.5rem var(--pad) 2rem;border-top:1px solid var(--dark-border)}
.footer-inner{max-width:var(--max);margin:0 auto}
.footer-top{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 4rem;padding-bottom:2rem;border-bottom:1px solid var(--dark-border);margin-bottom:1.75rem;text-align:center}
.footer-brand{}
.footer-logo-img{width:160px;height:auto;object-fit:contain;border-radius:6px;margin-bottom:0.75rem;display:block}
.footer-brand-row{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.5rem}
.footer-brand-mark{width:24px;height:24px;color:var(--ember)}
.footer-brand-mark svg{width:100%;height:100%}
img.footer-brand-mark{width:22px;height:22px;display:block;border-radius:5px;background:none;padding:0}
.footer-brand-name{font-size:0.95rem;font-weight:600;color:var(--dark-text);letter-spacing:-0.015em}
.footer-brand-slogan{font-family:var(--serif);font-style:italic;font-size:0.82rem;color:var(--ember)}
.footer-brand-desc{font-size:0.8rem;color:var(--dark-text-40);margin-top:0.75rem;line-height:1.55;max-width:28ch}
.footer-col h5{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--dark-text-40);margin-bottom:0.75rem}
.footer-col{display:flex;flex-direction:column;gap:0;align-items:center}
.footer-col a{font-size:0.82rem;color:var(--dark-text-60);text-decoration:none;transition:color 0.15s;padding:0.25rem 0}
.footer-col a:hover{color:var(--ember)}
.footer-bottom{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;justify-content:space-between}
.footer-copy{font-size:0.7rem;color:var(--dark-text-40)}
.age-tag{display:inline-flex;align-items:center;gap:0.4rem;font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ember);border:1px solid var(--ember-dim);padding:0.28rem 0.6rem;border-radius:999px}

/* ─── RESPONSIVE ─── */
@media(max-width:900px){
  .nav-links{display:none}
  .nav-cta{display:none}
  .nav-burger{display:inline-flex}
  .pilot-wrap{grid-template-columns:1fr}
  .usecase{grid-template-columns:1fr}
  .usecase.flip .usecase-text,.usecase.flip .usecase-visual{order:unset}
  .feat-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  :root{--pad:1.25rem}
  .pf-grid{grid-template-columns:1fr}
  .pf-actions{flex-direction:column;align-items:stretch}
  .pf-actions .btn-primary{justify-content:center}
  h1{font-size:clamp(1.9rem,7.5vw,2.6rem)!important}
  h2{font-size:clamp(1.5rem,6vw,2rem)!important}
  .feat-grid{grid-template-columns:1fr}
  .footer-top{gap:1.75rem 2.5rem}
  .proof-items{gap:1.25rem 2rem}
}