:root{
    /* type: Apple's system font on Apple devices (SF Pro), Inter everywhere else; one family, tight display tracking */
    --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,system-ui,sans-serif; --mono:ui-monospace,"SF Mono",Menlo,monospace;
    /* Brand Book v2.0 §17.1 color roles · constants never change between themes */
    --night:#050506; --paper:#F7F7F8; --violet:#5E30B5; --signal-lime:#B8F24A; --coral:#FF8A8A; --on-violet:#FFFFFF; --on-primary:#FFFFFF;
    /* v3 Black, Ivory, Violet and Lime: true black and white surfaces, violet is the action color, lime marks you and good results */
    --primary:#5E30B5; --primary-hover:#6C3DCC; --primary-press:#4F279C; --pressed:#43206E; --violet2:#8E6BE0; --sand:#9C7FC4;
    /* dark (default): Night canvas */
    --bg:#050506; --bg-sunken:#030304; --surface:#0C0C0E; --raised:#121215; --surface2:#17171B; --row:#26262C;
    --border:#1D1D22; --line:#1D1D22; --line-strong:#2E2E36;
    --text:#F7F7F8; --text-body:#D4D4D8; --text2:#A1A1AA; --text3:#8B8B94;
    --accent:#B89BFF; --lime:#B8F24A; --lime-ink:#B8F24A;
    --success:#B8F24A; --danger:#FF8A8A; --warning:#FFC66B;
    --hover:rgba(247,247,248,.04); --active:rgba(247,247,248,.08);
    --tint-violet:rgba(94,48,181,.22); --tint-lilac:rgba(184,155,255,.14); --tint-lime:rgba(184,242,74,.12); --tint-coral:rgba(255,138,138,.12); --tint-amber:rgba(255,198,107,.12);
    --shadow-pop:0 24px 64px -16px rgba(0,0,0,.6); --shadow-card:none;
    --grid-line:#121216;
    /* Day-1 hero · aliases of Brand Book tokens (demo/css/geo-hero-motion.css) */
    --r-pill:999px;
    --shadow-cta:0 8px 24px color-mix(in srgb, var(--primary) 28%, transparent);
    --shadow-cta-hover:0 10px 28px color-mix(in srgb, var(--primary) 36%, transparent);
    --ring-size-desktop:188px; --ring-size-mobile:120px;
    --ring-stroke:10px; --ring-stroke-mobile:8px;
    --ring-track:var(--border); --ring-fill:var(--lime-ink); --ring-fill-pct:0.68;
    --chip-font:var(--font); --chip-size:11px; --chip-pad:6px 10px;
    --chip-bg:var(--surface2); --chip-border:1px solid var(--border); --chip-color:var(--text2);
  }
  html[data-theme="light"]{
    /* light: Paper canvas, Night text · Violet, Lime, Coral fills unchanged; *-ink = text-safe variants (WCAG AA 4.5:1 on Paper) */
    --bg:#F7F7F8; --bg-sunken:#EEEEF0; --surface:#FFFFFF; --raised:#FFFFFF; --surface2:#F1F1F3; --row:#DCDCE0;
    --border:#E4E4E7; --line:#E4E4E7; --line-strong:#D4D4D8;
    --text:#0A0A0A; --text-body:#2A2A2E; --text2:#52525B; --text3:#6B6B75;
    --accent:#5E30B5; --lime:#B8F24A; --lime-ink:#466C0F;
    --primary:#5E30B5; --primary-hover:#6C3DCC; --primary-press:#4F279C; --pressed:#43206E; --violet2:#6C3DCC; --sand:#7C5FB8; --on-violet:#FFFFFF; --on-primary:#FFFFFF;
    --success:#466C0F; --danger:#B83232; --warning:#875600;
    --hover:rgba(10,10,10,.035); --active:rgba(10,10,10,.06);
    --tint-violet:rgba(94,48,181,.09); --tint-lilac:rgba(94,48,181,.07); --tint-lime:rgba(184,242,74,.28); --tint-coral:rgba(255,138,138,.18); --tint-amber:rgba(255,198,107,.24);
    --shadow-pop:0 24px 60px -18px rgba(0,0,0,.28); --shadow-card:0 1px 2px rgba(0,0,0,.05);
    --grid-line:#E7E7EA;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;background:var(--bg);color:var(--text);}
  body{font-family:var(--font);font-size:14px;font-feature-settings:"kern","liga","calt";}
  .disp{font-family:var(--font);letter-spacing:-.03em;}
  .mono{font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;font-weight:500;}
  a{color:inherit;}
  img{max-width:100%;}
  .card{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .18s ease,background .18s ease,transform .18s ease;}
  .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;font-size:13px;text-decoration:none;cursor:pointer;border:none;padding:10px 20px;transition:background .16s ease,transform .16s ease,box-shadow .16s ease;}
  .btn:active{transform:scale(.97);}
  .btn-primary{background:var(--primary);color:var(--on-primary);}
  .btn-primary:hover{background:var(--primary-hover);}
  .btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);}
  .btn-ghost:hover{background:var(--surface2);border-color:var(--accent);}
  .btn-quiet{background:transparent;color:var(--text2);border:1px solid var(--border);}
  .btn-lime{background:var(--signal-lime);color:var(--night);}
  .btn-lime:hover{background:#c7ff5e;box-shadow:0 0 0 4px rgba(184,242,74,.18);}
  .badge{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;}
  .clickable{cursor:pointer;}
  .clickable:hover{background:var(--surface2);}
  .card.clickable:hover{border-color:var(--accent);transform:translateY(-1px);}
  a:focus-visible,.btn:focus-visible,.clickable:focus-visible,span:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}
  .pill{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;}
  .pill-up{background:var(--tint-lime);color:var(--lime-ink);}
  .pill-down{background:var(--tint-coral);color:var(--danger);}
  .pill-flat{background:var(--surface2);color:var(--text2);}
  .stat-row{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
  .stat-row>div{flex:1;padding:20px;position:relative;}
  .stat-row>div:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--border);}
  .tile-hero{border-radius:20px;}
  .mini-bar{height:4px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden;margin-top:8px;}
  .mini-bar>div{height:100%;background:var(--lime);border-radius:99px;}
  .nav-group-label{font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:10px;color:var(--text3);padding:10px 12px 4px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
  .nav-group-label:hover{color:var(--text2);}
  .nav-group-chevron{transition:transform .15s ease;opacity:.7;}
  .nav-group.collapsed .nav-group-chevron{transform:rotate(-90deg);}
  .nav-group.collapsed .nav-group-items{display:none;}
  .nav-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px;flex-shrink:0;opacity:0;transition:opacity .15s ease;}
  .nav-item.active .nav-dot{opacity:1;}
  .callout-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:6px;}
  .lock-pill{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;background:var(--surface2);border:1px solid var(--border);color:var(--text3);font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .16s ease,color .16s ease;}
  .lock-pill:hover{border-color:var(--accent);color:var(--accent);}
  .mode{display:none;}
  .mode.active{display:block;}
  .ob-step{display:flex;align-items:flex-start;gap:12px;padding:8px 4px;position:relative;}
  .ob-step:not(:last-child)::after{content:'';position:absolute;left:15px;top:34px;bottom:-8px;width:1px;background:var(--border);}
  .ob-step-dot{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--font);}
  .ob-step-dot.done{background:var(--signal-lime);color:var(--night);}
  .ob-step-dot.current{background:var(--primary);color:var(--on-primary);}
  .ob-step-dot.pending{background:transparent;border:1px solid var(--border);color:var(--text3);}
  .ob-step-label{padding-top:5px;font-size:13.5px;font-weight:600;color:var(--text3);}
  .ob-step-label.current,.ob-step-label.done{color:var(--text);}
  .tag-chip{display:inline-flex;align-items:center;gap:7px;background:var(--surface2);color:var(--text2);border:1px solid var(--border);font-size:12.5px;font-weight:500;padding:6px 8px 6px 12px;border-radius:999px;}
  .tag-chip.off{color:var(--text3);}
  .tag-chip-x{cursor:pointer;color:var(--text3);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;flex-shrink:0;}
  .tag-chip-x:hover{background:var(--row);color:var(--text);}
  .ob-field-label{font-size:12.5px;color:var(--text2);margin-bottom:6px;display:flex;align-items:center;gap:6px;}
  .ob-input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:11px 14px;font-family:inherit;font-size:13.5px;}
  .ob-check-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s ease;margin-bottom:8px;}
  .ob-check-row.on{border-color:var(--primary);}
  .ob-check-row input{width:17px;height:17px;accent-color:var(--primary);flex-shrink:0;cursor:pointer;}
  .ob-check-row-label{font-size:14px;font-weight:500;flex:1;}
  .ob-check-row-meta{font-size:11.5px;color:var(--text3);}
  .ob-icon-btn{cursor:pointer;color:var(--text3);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease;}
  .ob-icon-btn:hover{background:var(--row);color:var(--text);}
  .ob-chevron{transition:transform .15s ease;}
  .ob-topic-group.collapsed .ob-chevron{transform:rotate(-90deg);}
  .ob-topic-group.collapsed .ob-topic-body{display:none!important;}
  .ob-stage-row{display:flex;align-items:center;gap:14px;padding:10px 0;}
  .ob-stage-dot{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;color:var(--text3);}
  .ob-stage-dot.done{background:var(--signal-lime);border-color:var(--signal-lime);color:var(--night);}
  .ob-stage-dot.active{border-color:var(--primary);}
  .ob-stage-dot.active::after{content:'';width:12px;height:12px;border-radius:50%;border:2px solid var(--primary);border-top-color:transparent;animation:obspin .7s linear infinite;}
  @keyframes obspin{to{transform:rotate(360deg);}}
  .ob-stage-label{font-size:14px;color:var(--text3);}
  .ob-stage-label.active,.ob-stage-label.done{color:var(--text);}
  .ob-checklist-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);}
  .ob-checklist-item:last-child{border-bottom:none;}
  .ob-checklist-num{flex-shrink:0;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text2);font-family:var(--font);}
  .finalize-widget{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:8px;}
  .finalize-widget-bar{height:4px;border-radius:99px;background:var(--surface2);overflow:hidden;margin-top:8px;}
  .finalize-widget-bar>div{height:100%;background:var(--lime);border-radius:99px;}
  .kh-topbar{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:14px;flex-shrink:0;}
  .kh-nav-section-label{font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:10px;color:var(--text3);padding:14px 10px 6px;}
  .kh-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text2);cursor:pointer;}
  .kh-nav-item:hover{background:var(--surface2);color:var(--text);}
  .kh-nav-item.active{background:var(--surface2);color:var(--text);font-weight:600;}
  .kh-nav-item.child{padding-left:26px;font-size:12.5px;}
  .kh-toc-item{display:block;padding:5px 0;font-size:11.5px;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;border-left:2px solid transparent;padding-left:10px;}
  .kh-toc-item:hover{color:var(--text2);}
  .kh-toc-item.child{padding-left:22px;text-transform:none;letter-spacing:0;font-size:12px;}
  .kh-article h2{font-size:20px;font-weight:700;margin:36px 0 12px;letter-spacing:-.02em;}
  .kh-article h3{font-size:15px;font-weight:700;margin:22px 0 8px;}
  .kh-article p{font-size:14px;line-height:1.75;color:var(--text-body);margin:0 0 14px;}
  .kh-do-avoid{border-radius:10px;padding:14px 16px;margin-bottom:10px;}
  .kh-do-avoid.do{background:rgba(184,242,74,.08);border:1px solid rgba(184,242,74,.25);}
  .kh-do-avoid.avoid{background:rgba(255,138,138,.08);border:1px solid rgba(255,138,138,.25);}
  .kh-provecho{background:rgba(184,155,255,.10);border:1px solid var(--primary);border-radius:10px;padding:14px 16px;margin-top:16px;}
  .kh-provecho-label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;}
  .kh-article ol{margin:0 0 14px;padding-left:22px;}
  .kh-article ol li{font-size:14px;line-height:1.75;color:var(--text-body);margin-bottom:8px;}
  .kh-next{border-top:1px solid var(--border);margin-top:22px;padding-top:16px;font-size:13.5px;color:var(--text2);}
  .kh-next b{color:var(--text);}
  .page{display:none;}
  .page.active{display:block;}
  .app-page{display:none;}
  .app-page.active{display:block;}
  .app-page.active.agent-layout{display:flex;flex-direction:column;height:calc(var(--gn-vh,100vh) - 64px);}
  table{width:100%;border-collapse:collapse;}
  th,td{text-align:left;padding:11px 16px;font-size:13px;}
  th{color:var(--text3);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--border);}
  td{border-bottom:1px solid var(--surface);}
  tr.clickable:hover td{background:var(--surface2);}

  /* Public chrome */
  .pub-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 64px;border-bottom:1px solid var(--border);}
  .pub-nav-links{display:flex;gap:32px;font-size:14px;color:var(--text2);}
  .pub-nav-links span{cursor:pointer;}
  .pub-nav-links span:hover{color:var(--text);}
  /* Pricing highlighted in green (Dafne 2026-10-09): lime text on a soft lime pill; vertical negative margin keeps the nav height */
  .pub-nav-links #nav-pricing{color:var(--lime);font-weight:600;background:var(--tint-lime);padding:5px 12px;margin:-5px 0;border-radius:99px;transition:background .15s ease;}
  .pub-nav-links #nav-pricing:hover{color:var(--lime);background:rgba(184,242,74,.2);}
  @media (max-width:1500px){ .pub-nav-links #nav-pricing{padding:5px 10px;margin:-5px -4px;} }
  .logo-row{display:flex;align-items:center;gap:10px;cursor:pointer;}
  .logo-row img.icon{width:30px;height:30px;border-radius:8px;}
  .logo-row img.word{height:18px;}

  /* App chrome */
  .app-shell{display:flex;height:var(--gn-vh,100vh);min-height:min(700px,var(--gn-vh,100vh));}
  .sidebar{width:240px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:20px 14px;overflow-y:auto;}
  .nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--text2);cursor:pointer;}
  .nav-item:hover{background:var(--surface2);color:var(--text);}
  .nav-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--pressed) 100%);color:#fff;font-weight:600;}
  .app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;}
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);flex-shrink:0;}
  .app-content{padding:24px 32px;overflow-y:auto;flex:1;}

  /* Drawer */
  #drawer-overlay{position:fixed;inset:0;background:rgba(10,10,10,.55);opacity:0;pointer-events:none;transition:opacity .15s;z-index:40;}
  #drawer-overlay.open{opacity:1;pointer-events:auto;}
  #drawer{position:fixed;top:0;right:0;height:100%;width:460px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .18s ease;z-index:41;overflow-y:auto;}
  #drawer.open{transform:translateX(0);}
  #drawer-content{padding:28px;}

  .marquee-track{display:flex;width:max-content;animation:marquee-scroll 26s linear infinite;}
  .marquee-group{display:flex;align-items:center;gap:56px;padding-right:56px;flex-shrink:0;}
  .eng-icon{width:26px;height:26px;flex-shrink:0;opacity:.75;}
  .eng-icon svg{width:100%;height:100%;display:block;}
  @keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-33.3333%);}}
  @media (prefers-reduced-motion: reduce){.marquee-track{animation:none;}}

  @media (max-width: 900px){
    .pub-nav{padding:16px 20px;}
    .pub-nav-links{display:none;}
    .app-shell{flex-direction:column;height:auto;}
    .sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:4px;padding:12px;}
    .sidebar > div:first-child{flex-direction:row;flex-wrap:wrap;}
    .topbar,.app-content{padding-left:16px;padding-right:16px;}
  }
  .logo-white{display:block;width:100%;height:100%;object-fit:contain;}

  /* ---- v4 reference: colors/design polish only, no data/markup changes ---- */
  ::selection{background:var(--lime);color:var(--bg);}
  html{scrollbar-color:var(--border) transparent;}
  .pub-nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
  
  
  .tile-hero{background:var(--surface);border:1px solid var(--line);}
  .sidebar{background:var(--bg);}
  .app-content{background:var(--bg);}
  a:focus-visible,.btn:focus-visible,.clickable:focus-visible,span:focus-visible{outline-color:var(--lime);}
  th{font-family:var(--font);font-weight:500;letter-spacing:.08em;}
  #hero-badge{font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;}
  
  tr[style*="rgba(184,242,74,.08)"] td:first-child{box-shadow:inset 3px 0 0 var(--lime);}
  .app-page.active{animation:gnIn .28s ease both;}
  @keyframes gnIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

  /* GEO Optimization report drawer */
  #drawer.wide{width:640px;}
  .gr-head{display:flex;gap:24px;align-items:center;margin-bottom:18px;}
  .gr-ring{width:104px;height:104px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--gr-color,var(--lime)) calc(var(--gr-pct,0)*1%),var(--surface2) 0);}
  .gr-ring::after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--surface);}
  .gr-ring b{position:relative;z-index:1;font-family:var(--font);font-weight:800;font-size:26px;}
  .gr-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
  .gr-cat{background:var(--surface2);border-radius:10px;padding:12px 14px;}
  .gr-cat .gr-cat-name{font-size:11px;color:var(--text2);margin-bottom:4px;}
  .gr-cat .gr-cat-pct{font-size:19px;font-weight:800;}
  .gr-cat .mini-bar{margin-top:6px;background:var(--border);}
  .gr-cat .gr-cat-w{font-size:10px;color:var(--text3);margin-top:4px;}
  .gr-sec-h{font-weight:600;font-size:13.5px;margin:18px 0 8px;display:flex;align-items:center;gap:7px;}
  .gr-check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:9px;margin-bottom:7px;font-size:12.5px;}
  .gr-check.ok{box-shadow:inset 3px 0 0 var(--lime);}
  .gr-check.warn{background:rgba(245,196,81,.08);}
  .gr-check.bad{background:rgba(255,138,138,.08);}
  .gr-check.info{background:rgba(184,155,255,.08);}
  .gr-check b{display:block;color:var(--text);margin-bottom:2px;}
  .gr-check span.d{color:var(--text2);}
  .gr-cite{background:var(--surface2);border-radius:9px;padding:10px 12px;margin-bottom:7px;font-size:12.5px;}
  .gr-cite .src{font-weight:600;font-size:11.5px;margin-left:6px;}
  .gr-cite .txt{color:var(--text2);margin:4px 0;}
  .gr-cite .why{color:var(--text3);font-size:11.5px;}
  .gr-checklist-group{font-family:var(--font);text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;color:var(--text3);margin:16px 0 6px;}
  .gr-checklist-item{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--text2);padding:5px 0;}
  .gr-checklist-item input{margin-top:2px;accent-color:var(--lime);}
  .gr-code{background:var(--bg-sunken);border:1px solid var(--border);border-radius:9px;padding:12px 14px;font-family:var(--font);font-size:11.5px;color:var(--accent);white-space:pre-wrap;line-height:1.6;}
  #talkmodal-overlay{position:fixed;inset:0;background:rgba(10,5,16,.7);opacity:0;pointer-events:none;transition:opacity .15s;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;}
  #talkmodal-overlay.open{opacity:1;pointer-events:auto;}
  #talkmodal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;max-height:88vh;overflow-y:auto;padding:28px 32px;}
  .talkmodal-field-label{font-size:13px;font-weight:600;margin-bottom:8px;}
  .talkmodal-select{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;}
  .talkmodal-dropzone{border:1.5px dashed var(--border);border-radius:10px;padding:28px;text-align:center;color:var(--text2);font-size:13px;}
  #schedulemodal-overlay{position:fixed;inset:0;background:rgba(10,5,16,.7);opacity:0;pointer-events:none;transition:opacity .15s;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;}
  #schedulemodal-overlay.open{opacity:1;pointer-events:auto;}
  #schedulemodal-box{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:920px;max-height:90vh;overflow-y:auto;}
  .gcal-embed{background:#ffffff;color:#1a1a1a;margin:0 20px 20px;border-radius:12px;padding:28px 32px;font-family:'Google Sans',Roboto,Arial,sans-serif;}
  .gcal-embed .gcal-sub{color:#5f6368;}
  .gcal-embed .gcal-border{border-top:1px solid #e5e5e5;}
  .gcal-daycell{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:default;}
  .gcal-daycell.avail{background:#e8f0fe;color:#1a73e8;cursor:pointer;}
  .gcal-daycell.selected{background:#1a73e8;color:#fff;cursor:pointer;}
  .gcal-daycell.past{color:#bdbdbd;text-decoration:line-through;}
  .gcal-timeslot{display:block;width:100%;background:#fff;border:1.5px solid #1a73e8;color:#1a73e8;border-radius:8px;padding:9px 0;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;margin-bottom:10px;}
  .gcal-timeslot:hover{background:#e8f0fe;}
  .gcal-timeslot.selected{background:#1a73e8;color:#fff;}

  /* ---- v5 hierarchy & restraint pass: quiet surfaces, one emphasis per view ---- */
  body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

  .card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none;}
  .card.clickable:hover{background:var(--raised);border-color:var(--line-strong);transform:none;}
  .clickable:hover{background:var(--hover);}
  .app-shell [style*="border-left:3px solid"]{border-left:1px solid var(--line)!important;}
  .app-shell .stat-row [style*="border-left:3px solid"]{border-left:none!important;}
  .stat-row{background:var(--surface);border:1px solid var(--line);border-radius:12px;}
  .stat-row>div{padding:18px 22px;}
  .stat-row>div:not(:last-child)::after{background:var(--line);top:22%;bottom:22%;}

  .app-shell .mono{font-family:inherit;text-transform:none;letter-spacing:0;font-size:12.5px!important;font-weight:500;}
  .kpi-label{font-size:12.5px;color:var(--text2);font-weight:500;}
  .kpi-val{font-size:28px;font-weight:600;letter-spacing:-.035em;margin-top:6px;line-height:1.1;font-variant-numeric:tabular-nums;}
  .kpi-unit{font-size:13px;color:var(--text3);font-weight:400;letter-spacing:0;margin-left:2px;}
  .kpi-delta{font-size:12px;color:var(--text3);margin-top:6px;}
  .kpi-row>div.clickable{border-radius:0;}

  .badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;line-height:18px;padding:1px 8px;border-radius:6px;text-transform:none;letter-spacing:0;}
  .badge .callout-dot{width:5px;height:5px;margin-right:0;}
  .badge:not(.clickable)[style*="background:var(--surface2)"]{background:transparent!important;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text2)!important;}
  .badge.clickable{font-size:13px;font-weight:500!important;line-height:20px;border-radius:8px;padding:6px 12px!important;color:var(--text2);transition:background .15s ease,color .15s ease;}
  .badge.clickable:hover{background:var(--hover);color:var(--text);}
  .badge.clickable[style*="background:var(--text)"],.badge.clickable[style*="background: var(--text)"]{background:var(--active)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px var(--line-strong);font-weight:600!important;}
  .app-shell div[style*="border-radius:999px;background:var(--bg-sunken)"]{border-radius:10px!important;border-color:var(--line)!important;}
  .pill{border-radius:6px;font-weight:500;}

  .btn{font-weight:500;padding:9px 18px;gap:6px;}
  .btn-sm{padding:7px 14px!important;font-size:12.5px;}
  .btn-primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(0,0,0,.35);}
  .btn-ghost,.btn-quiet{border-color:var(--line-strong);color:var(--text);}
  .btn-ghost:hover,.btn-quiet:hover{background:var(--hover);border-color:rgba(255,255,255,.22);}

  th{font-family:inherit;text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--text3);border-bottom:1px solid var(--line);padding:10px 16px;}
  td{border-bottom:1px solid var(--line);padding:12px 16px;}
  tr:last-child td{border-bottom:none;}
  tr.clickable:hover td{background:var(--hover);}

  .app-shell .card[style*="border-color:var(--primary)"][style*="background:rgba(184,155,255,.1"]{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:inset 2px 0 0 var(--accent)!important;padding:2px 0 2px 16px!important;align-items:flex-start!important;}
  .app-shell .card[style*="border-color:var(--primary)"][style*="background:rgba(184,155,255,.1"] .badge{background:transparent!important;padding:0!important;color:var(--accent)!important;font-weight:600;line-height:20px;}
  .app-shell .card[style*="border-color:var(--primary)"][style*="background:rgba(184,155,255,.1"] .badge .callout-dot{display:none;}

  .sidebar{padding:16px 10px;border-right:1px solid var(--line);}
  .nav-item{gap:10px;padding:6px 10px;font-size:13px;border-radius:7px;color:var(--text2);transition:background .12s ease,color .12s ease;}
  .nav-item:hover{background:var(--hover);color:var(--text);}
  .nav-item.active{background:var(--active);color:var(--text);font-weight:500;box-shadow:inset 0 0 0 1px var(--line);}
  .nav-ic{width:16px;height:16px;flex-shrink:0;color:var(--text3);transition:color .12s ease;}
  .nav-item:hover .nav-ic{color:var(--text2);}
  .nav-item.active .nav-ic{color:var(--accent);}
  .nav-dot{display:none;}
  .nav-group-label{font-family:inherit;text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:500;color:var(--text3);padding:16px 10px 6px;}
  .finalize-widget{border-color:var(--line);}
  .sidebar{overflow:hidden;justify-content:flex-start;}
  .sidebar>div:first-child{flex:1;min-height:0;gap:16px!important;}
  .sidebar>div:first-child>div:last-child{max-height:none!important;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:12px;mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);}
  .sidebar>div:first-child>div:last-child::-webkit-scrollbar{display:none;}
  .sidebar>.nav-item{margin-top:8px;}

  .topbar{padding:14px 40px;border-bottom:1px solid var(--line);}
  #app-title{font-size:15px!important;}
  .app-content{padding:28px 40px 96px;}
  .app-page{max-width:1280px;margin:0 auto;}
  #drawer{border-left:1px solid var(--line);}
  #ask-geonos-btn{border-color:var(--line-strong)!important;}

  .chip-row{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 14px;}
  .chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--text2);padding:5px 11px;border-radius:8px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:background .12s ease,color .12s ease;}
  .chip:hover{background:var(--hover);color:var(--text);}
  .chip.on{background:var(--active);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);}
  .act-ic{width:14px;height:14px;flex-shrink:0;opacity:.8;}
  .act-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
  .act-row{display:flex;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);}
  .act-row:last-child{border-bottom:none;}
  .act-score{width:52px;flex-shrink:0;text-align:center;}
  .act-score b{display:block;font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;}
  .act-score span{display:block;font-size:11px;color:var(--text3);margin-top:5px;}
  .act-score.high b{color:var(--lime-ink);}
  .act-score.medium b{color:var(--warning);}
  .act-score.low b{color:var(--text2);}
  .act-main{flex:1;min-width:0;}
  .act-title{font-weight:600;font-size:14px;color:var(--text);}
  .act-desc{font-size:13px;color:var(--text2);margin-top:3px;line-height:1.5;}
  .act-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:9px;font-size:12px;color:var(--text3);}
  .act-meta b{color:var(--text2);font-weight:600;}
  .act-cat{display:inline-flex;align-items:center;gap:5px;color:var(--text2);}
  .act-tier{display:inline-flex;align-items:center;gap:6px;}
  .act-tier::before{content:'';width:6px;height:6px;border-radius:50%;}
  .act-tier.t1::before{background:var(--lime);}
  .act-tier.t2::before{background:var(--warning);}
  .act-tier.t3::before{background:var(--accent);}
  .act-row .btn{flex-shrink:0;}
  @media (max-width:900px){
    .sidebar{flex-direction:column;overflow:visible;padding:10px 12px;gap:8px;border-right:none;border-bottom:1px solid var(--line);}
    .sidebar>div:first-child{flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;min-width:0;width:100%;}
    .sidebar>div:first-child>*{min-width:0;max-width:100%;}
    .sidebar>div:first-child>div:last-child{flex-direction:row!important;overflow-x:auto;overflow-y:hidden;mask-image:none;-webkit-mask-image:none;padding-bottom:4px;gap:4px!important;}
    .sidebar .nav-group,.sidebar .nav-group-items{display:contents!important;}
    .sidebar .nav-group-label,.sidebar>div:first-child>div:last-child>div[style*="height:1px"]{display:none;}
    .sidebar .nav-item{white-space:nowrap;flex-shrink:0;}
    .sidebar>.nav-item,.sidebar>#finalize-widget,.sidebar>.clickable{display:none!important;}
    .app-shell .card[style*="border-color:var(--primary)"][style*="background:rgba(184,155,255,.1"]{flex-wrap:wrap!important;gap:6px!important;}
    .app-shell .card[style*="border-color:var(--primary)"][style*="background:rgba(184,155,255,.1"]>div{flex:1 1 100%;}
    .act-main{flex:1 1 calc(100% - 72px);}
    .kpi-row{flex-wrap:wrap;}.kpi-row>div{flex:1 1 45%;}.kpi-row>div::after{display:none;}
  }
  @media (max-width:900px){.act-row{flex-wrap:wrap;}.act-row .btn{margin-left:72px;}.topbar,.app-content{padding-left:16px;padding-right:16px;}}

  /* ---- v5 landing ---- */
  #hero-headline{text-wrap:balance;letter-spacing:-.045em!important;font-weight:700!important;max-width:760px!important;}
  #hero-subhead{text-wrap:pretty;}
  #hero-badge{background:rgba(184,242,74,.06)!important;border-color:rgba(184,242,74,.22)!important;border-radius:999px!important;}
  .hero-stats{display:flex;justify-content:center;margin-top:28px;}
  .hero-stats>div{padding:0 36px;text-align:center;}
  .hero-stats>div+div{border-left:1px solid var(--line);}
  .hero-stat-v{font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;}
  .hero-stat-l{font-size:12.5px;color:var(--text3);margin-top:4px;}
  .lp-sec{padding:96px 64px 0;max-width:1312px;margin:0 auto;}
  .lp-h{text-align:center;font-size:36px;font-weight:700;letter-spacing:-.035em;line-height:1.15;margin-bottom:40px;text-wrap:balance;}
  .lp-ic{display:inline-flex;width:36px;height:36px;border-radius:9px;align-items:center;justify-content:center;color:var(--c,var(--accent));background:var(--hover);box-shadow:inset 0 0 0 1px var(--line);}
  .lp-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .lp-layer{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;overflow:hidden;}
  .lp-layer::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--c);opacity:.9;}
  .lp-num{font-family:var(--font);font-size:11px;color:var(--text3);margin-top:22px;}
  .lp-t{font-size:19px;font-weight:600;letter-spacing:-.02em;margin-top:6px;}
  .lp-d{font-size:14px;color:var(--text2);margin-top:6px;line-height:1.55;}
  .lp-pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-top:1px solid var(--line);}
  .lp-pillars>div{padding:28px 28px 8px;}
  .lp-pillars>div+div{border-left:1px solid var(--line);}
  .lp-pl{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--accent);}
  .lp-pl-ic{display:inline-flex;}
  .lp-pt{font-size:17px;font-weight:600;letter-spacing:-.02em;margin-top:12px;}
  .lp-pd{font-size:14px;color:var(--text2);margin-top:6px;line-height:1.55;}
  .lp-mods{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
  .lp-mod{position:relative;background:var(--bg);padding:26px 24px 28px;transition:background .15s ease;}
  .lp-mod:hover{background:var(--surface);}
  .lp-mt{font-weight:600;font-size:15px;margin-top:18px;letter-spacing:-.01em;}
  .lp-md{font-size:13.5px;color:var(--text2);margin-top:6px;line-height:1.5;}
  .lp-go{position:absolute;top:28px;right:22px;color:var(--text3);opacity:0;transform:translateX(-4px);transition:opacity .15s ease,transform .15s ease;}
  .lp-mod:hover .lp-go{opacity:1;transform:none;color:var(--text);}
  .lp-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .lp-tool{padding:28px;}
  .lp-link{display:inline-block;margin-top:16px;color:var(--accent);font-size:13.5px;font-weight:500;}
  .pub-nav{border-bottom-color:var(--line);}
  @media (max-width:900px){
    .lp-sec{padding:64px 20px 0;}
    .lp-h{font-size:28px;margin-bottom:28px;}
    .lp-layers,.lp-pillars,.lp-tools{grid-template-columns:1fr;}
    .lp-pillars>div+div{border-left:none;border-top:1px solid var(--line);}
    .lp-mods{grid-template-columns:1fr 1fr;}
    .hero-stats>div{padding:0 14px;}
    #hero-headline{font-size:40px!important;}
    #page-home div:has(> #hero-cta1){flex-wrap:wrap;justify-content:center;}
    #hero-cta1,#hero-cta2{white-space:normal;text-align:center;}
  }

  /* ================= v6 · Geonos brand system (Brand Book v2.0 §07, §08, §09, §17) ================= */
  html{color-scheme:dark;}
  html[data-theme="light"]{color-scheme:light;}
  html,body{background:var(--bg);color:var(--text);}
  html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .28s ease,border-color .28s ease,color .28s ease,fill .28s ease,stroke .28s ease!important;}
  ::selection{background:var(--signal-lime);color:var(--night);}

  /* logo: mark + wordmark, theme-aware (§07) */
  .logo-row{gap:10px;}
  .gn-appicon{width:var(--s);height:var(--s);border-radius:calc(var(--s) * .26);background:var(--violet);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
  .gn-word{font-family:var(--font);font-weight:700;letter-spacing:-.045em;color:var(--text);line-height:1;}
  .gn-mark{flex-shrink:0;display:inline-block;vertical-align:middle;}

  /* type scale (§09, §17.2) */
  .gn-eyebrow{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);}
  .page-head{margin:4px 0 28px;}
  .page-head .gn-eyebrow{color:var(--lime-ink);}
  .page-title{font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.04em;margin:10px 0 0;color:var(--text);}
  .page-desc{font-size:15px;line-height:1.55;color:var(--text2);margin:8px 0 0;max-width:640px;}
  .card-title{font-size:15px;font-weight:600;line-height:1.3;color:var(--text);}
  .card-desc{font-size:13px;line-height:1.5;color:var(--text2);margin-top:4px;}

  /* surfaces (§17.9 radius: 8 inputs · 14 cards · 20 panels; no gradients) */
  .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);}
  .card.clickable:hover{background:var(--raised);border-color:var(--line-strong);}
  html[data-theme="light"] .card.clickable:hover{box-shadow:0 10px 28px -14px rgba(0,0,0,.22);}
  .stat-row,.act-list{border-color:var(--line);border-radius:14px;box-shadow:var(--shadow-card);background:var(--surface);}
  .stat-row>div:not(:last-child)::after{background:var(--line);}
  input,select,textarea{border-radius:8px!important;}
  .app-shell input,.app-shell select,.app-shell textarea{background:var(--bg-sunken)!important;border-color:var(--line)!important;color:var(--text)!important;}
  .app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{outline:none;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent);}
  #drawer{background:var(--raised);border-left:1px solid var(--line);box-shadow:var(--shadow-pop);}
  #drawer-overlay{backdrop-filter:blur(2px);}
  #ask-geonos-btn{background:var(--raised)!important;box-shadow:var(--shadow-pop)!important;}
  .app-content{padding:32px 40px 96px;}
  .app-page{max-width:none;}

  /* score tiles: the Geonos-computed headline number, signed with the mark */
  .score-tile{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);color:var(--text);}
  .score-tile::after{content:'';position:absolute;right:18px;bottom:16px;width:96px;height:96px;background:var(--primary);opacity:.16;pointer-events:none;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='black' stroke-width='11' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M34 16H84'/%3E%3Cpath d='M16 38H38'/%3E%3Cpath d='M16 60H38'/%3E%3Cpath d='M60 60H84V82H34'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='black' stroke-width='11' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M34 16H84'/%3E%3Cpath d='M16 38H38'/%3E%3Cpath d='M16 60H38'/%3E%3Cpath d='M60 60H84V82H34'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;}
  html[data-theme="light"] .score-tile::after{opacity:.1;}
  .score-tile [style*="rgba(255,255,255"]{color:var(--text2)!important;}
  .score-tile [style*="color:#fff"]{color:var(--text)!important;}
  .score-tile .mini-bar{background:var(--row);}
  .score-tile>*{position:relative;z-index:1;}

  /* KPI (§17.4) and metric label (§17.2: Mono 500 · 11px caps) */
  .app-shell .mono,.kpi-label{font-family:var(--font);text-transform:uppercase;letter-spacing:.06em;font-size:11px!important;font-weight:500;}
  .kpi-label{color:var(--text2);}
  .kpi-val{font-size:36px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:12px;font-variant-numeric:tabular-nums;}
  .kpi-unit{font-size:14px;color:var(--text2);font-weight:500;letter-spacing:0;}
  .kpi-delta{font-size:12.5px;color:var(--text2);margin-top:10px;}
  .stat-row>div{padding:20px 24px;}
  .app-shell .disp{font-variant-numeric:tabular-nums;}

  /* the one insight callout per page (§17.5) */
  .gn-insight{display:flex;align-items:center;gap:20px;padding:22px 24px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;}
  .gn-insight::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary);}
  .gn-insight-ic{width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .gn-insight-main{flex:1;min-width:0;}
  .gn-insight .gn-eyebrow{color:var(--lime-ink);}
  .gn-insight-find{font-size:15.5px;font-weight:500;color:var(--text);margin-top:6px;line-height:1.45;}
  .gn-insight-why{font-size:13.5px;color:var(--text2);margin-top:4px;line-height:1.5;}
  .gn-insight-cta{display:flex;gap:8px;flex-shrink:0;}

  /* insight tags · exactly 4 types (§17.5) */
  .gn-tag{border:1px solid var(--tc);border-radius:14px;padding:14px 18px;background:var(--surface);}
  .gn-tag.t-why{--tc:color-mix(in srgb,var(--accent) 45%,transparent);--ti:var(--accent);}
  .gn-tag.t-opp{--tc:color-mix(in srgb,var(--signal-lime) 55%,transparent);--ti:var(--lime-ink);}
  .gn-tag.t-risk{--tc:color-mix(in srgb,var(--coral) 55%,transparent);--ti:var(--danger);}
  .gn-tag.t-how{--tc:var(--line-strong);--ti:var(--text2);}
  .gn-tag-h{display:flex;align-items:center;gap:7px;font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ti);}
  .gn-tag-b{font-size:13.5px;line-height:1.55;color:var(--text2);margin-top:6px;}
  .gn-tag-b b{color:var(--text);font-weight:600;}

  /* tabs (§17.8): sunken pill track, 4px padding, active = Paper on dark / Night on light */
  .app-shell div:has(> .badge.clickable[id*="tab"]),.app-shell div:has(> .badge.clickable[id^="ovtrend"]),.app-shell div:has(> .badge.clickable[id^="rpt-period"]){display:inline-flex!important;flex-wrap:nowrap!important;gap:2px!important;padding:4px!important;background:var(--bg-sunken)!important;border:1px solid var(--line)!important;border-radius:999px!important;max-width:100%;overflow-x:auto;scrollbar-width:none;vertical-align:middle;}
  .app-shell div:has(> .badge.clickable[id*="tab"])::-webkit-scrollbar{display:none;}
  .badge.clickable[id*="tab"],.badge.clickable[id^="ovtrend"],.badge.clickable[id^="rpt-period"]{border-radius:999px!important;padding:6px 14px!important;font-size:13px!important;font-weight:500!important;line-height:20px;color:var(--text2);white-space:nowrap;box-shadow:none!important;border:none!important;flex-shrink:0;}
  .badge.clickable[id*="tab"]:hover,.badge.clickable[id^="ovtrend"]:hover,.badge.clickable[id^="rpt-period"]:hover{color:var(--text);background:transparent;}
  .badge.clickable[style*="background:var(--text)"],.badge.clickable[style*="background: var(--text)"],
  .badge.clickable[id^="ovtrend"][style*="background:var(--primary)"],.badge.clickable[id^="ovtrend"][style*="background: var(--primary)"],
  .badge.clickable[id^="rpt-period"][style*="background:var(--primary)"],.badge.clickable[id^="rpt-period"][style*="background: var(--primary)"]{background:var(--text)!important;color:var(--bg)!important;font-weight:600!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important;}
  /* filter chips: Line border, Lilac when set */
  .chip{border-radius:999px;box-shadow:inset 0 0 0 1px var(--line-strong);padding:6px 13px;}
  .chip.on{background:var(--tint-lilac);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent);}
  .badge.clickable:not([id*="tab"]):not([id^="ovtrend"]):not([id^="rpt-period"]){border-radius:999px!important;}

  /* status badges (§17.8): 12% tint + full-color text + a word */
  .badge{border-radius:6px;font-weight:500;}
  /* journey stage: ordered, not a status */
  .stage{display:inline-flex;align-items:center;gap:2px;font-size:12px;color:var(--text2);white-space:nowrap;}
  .stage i{width:4px;height:12px;border-radius:2px;background:var(--row);}
  .stage i:nth-of-type(4){margin-right:7px;}
  .stage.s1 i:nth-of-type(-n+1),.stage.s2 i:nth-of-type(-n+2),.stage.s3 i:nth-of-type(-n+3),.stage.s4 i:nth-of-type(-n+4){background:var(--accent);}

  /* tables (§17.6) */
  th{height:40px;padding:0 16px;font-size:12px;font-weight:500;color:var(--text2);background:transparent;border-bottom:1px solid var(--line);white-space:nowrap;}
  td{height:48px;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--text-body);}
  td.num,th.num{text-align:right;}
  td.num{font-family:var(--font);font-size:12.5px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
  tr:last-child td{border-bottom:none;}
  tr.clickable:hover td{background:var(--hover);}
  tr[style*="rgba(184,242,74,.08)"]{background:transparent!important;}
  tr[style*="rgba(184,242,74,.08)"] td{background:transparent!important;}
  tr[style*="rgba(184,242,74,.08)"] td:first-child,tr[style*="inset 3px 0 0 var(--lime)"] td:first-child{box-shadow:inset 3px 0 0 var(--signal-lime);color:var(--lime-ink)!important;font-weight:700;}

  /* buttons (§17.3): pill, verb first, 40 / 32 heights, violet states, focus ring */
  .btn{min-height:40px;padding:0 20px;font-size:14px;font-weight:600;border-radius:999px;gap:8px;line-height:1.1;letter-spacing:-.005em;}
  .btn[style*="padding:4px"],.btn[style*="padding:5px"],.btn[style*="padding:6px"],.btn[style*="padding:7px"],.btn-sm{min-height:32px!important;font-size:12.5px!important;padding:0 14px!important;}
  .btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:none;}
  .btn-primary:hover{background:var(--primary-hover);}
  .btn-primary:active{background:var(--primary-press);transform:none;}
  .btn-ghost,.btn-quiet{background:transparent;border:1px solid var(--line-strong);color:var(--text);}
  .btn-ghost:hover,.btn-quiet:hover{background:var(--hover);border-color:var(--text3);}
  .btn:focus-visible,.clickable:focus-visible,[role="radio"]:focus-visible,.icon-btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)!important;}
  .app-shell .btn-lime{background:var(--primary);color:var(--on-primary);}

  /* nav (§17.1: Violet = active nav) */
  .sidebar{background:var(--bg-sunken);border-right:1px solid var(--line);}
  .sidebar .logo-row{padding:4px 10px 8px!important;}
  .nav-item{color:var(--text2);font-weight:500;}
  .nav-item:hover{background:var(--hover);color:var(--text);}
  .nav-item.active{background:var(--tint-violet);color:var(--text);box-shadow:inset 2px 0 0 var(--primary);font-weight:600;}
  html[data-theme="light"] .nav-item.active{color:var(--primary);}
  .nav-item.active .nav-ic{color:var(--accent);}
  .nav-group-label{font-family:var(--font);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding:18px 10px 6px;}
  .finalize-widget{background:var(--surface);border-color:var(--line);}
  .settings-tab.active{background:var(--tint-violet)!important;}

  /* topbar */
  .topbar{padding:12px 40px;min-height:56px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);}
  .crumbs{display:flex;align-items:center;gap:8px;font-size:13px;}
  .crumb-ws{color:var(--text2);}
  .crumb-sep{color:var(--text3);}
  #app-title{font-size:13px!important;font-weight:600;color:var(--text);}
  .gn-chrome-honesty{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;flex:1 1 220px;}
  .gn-data-chip{display:inline-flex;align-items:center;max-width:100%;font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.02em;line-height:1.35;padding:4px 10px;border-radius:999px;border:1px solid var(--row);background:var(--surface);color:var(--text2);}
  .gn-data-chip[hidden]{display:none!important;}
  .nav-item[hidden]{display:none!important;}
  .icon-btn{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text2);cursor:pointer;}
  .icon-btn:hover{background:var(--hover);color:var(--text);}
  .icon-btn .ic-sun{display:none;}
  html[data-theme="light"] .icon-btn .ic-sun{display:block;}
  html[data-theme="light"] .icon-btn .ic-moon{display:none;}

  /* Appearance settings */
  .thm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .thm-opt{border-radius:14px;border:1px solid var(--line);padding:10px;cursor:pointer;background:var(--surface);transition:border-color .15s ease;}
  .thm-opt:hover{border-color:var(--line-strong);}
  .thm-opt.on{border-color:var(--primary);box-shadow:0 0 0 3px var(--tint-violet);}
  .thm-prev{height:104px;border-radius:9px;display:flex;overflow:hidden;border:1px solid var(--line);}
  .thm-split{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:9px;overflow:hidden;border:1px solid var(--line);}
  .thm-split .thm-prev{border:none;border-radius:0;}
  .thm-dark{background:#0A0A0A;--pv-s:#070707;--pv-c:#111111;--pv-r:#2A2824;--pv-l:#262421;}
  .thm-light{background:#F7F7F8;--pv-s:#EEEEF0;--pv-c:#FFFFFF;--pv-r:#DCDCE0;--pv-l:#E4E4E7;}
  .thm-side{width:26%;background:var(--pv-s);padding:10px 7px;display:flex;flex-direction:column;gap:5px;border-right:1px solid var(--pv-l);}
  .thm-side i{height:5px;border-radius:3px;background:var(--pv-r);}
  .thm-side i.on{background:var(--primary);}
  .thm-main{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;}
  .thm-kpis{display:flex;gap:5px;}
  .thm-kpis b{flex:1;height:20px;border-radius:5px;background:var(--pv-c);border:1px solid var(--pv-l);}
  .thm-rows{display:flex;flex-direction:column;gap:5px;background:var(--pv-c);border:1px solid var(--pv-l);border-radius:6px;padding:7px;flex:1;justify-content:center;}
  .thm-rows i{height:5px;border-radius:3px;background:var(--pv-r);}
  .thm-rows i.you{background:#B8F24A;}
  .thm-label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:12px 4px 4px;color:var(--text);}
  .thm-note{font-size:12px;font-weight:400;color:var(--text2);margin-left:auto;}
  .thm-radio{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-strong);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;}
  .thm-opt.on .thm-radio{border-color:var(--primary);}
  .thm-opt.on .thm-radio::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--primary);}

  /* empty states (§17.8): dashed Row border + mark */
  .gn-empty{border:1.5px dashed var(--row);border-radius:14px;padding:32px;text-align:center;color:var(--text2);background:transparent;}
  .gn-empty-ic{width:40px;height:40px;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}

  /* ---------- light mode: inline-style safety net ---------- */
  html[data-theme="light"] [style*=";color:var(--lime)"],html[data-theme="light"] [style^="color:var(--lime)"],html[data-theme="light"] [style*="; color:var(--lime)"]{color:var(--lime-ink)!important;}
  html[data-theme="light"] [stroke="var(--lime)"]{stroke:var(--lime-ink);}
  html[data-theme="light"] [fill="var(--lime)"]{fill:var(--lime-ink);}
  html[data-theme="light"] [style*="background:var(--lime)"][style*="color:var(--bg)"],html[data-theme="light"] .btn-lime{color:var(--night)!important;}
  html[data-theme="light"] [style*="rgba(0,0,0,.55)"],html[data-theme="light"] [style*="rgba(0,0,0,.6)"]{box-shadow:var(--shadow-pop)!important;}
  html[data-theme="light"] .logo-white{filter:brightness(0) saturate(100%);opacity:.8;}
  html[data-theme="light"] .gn-appicon{box-shadow:0 1px 2px rgba(0,0,0,.2);}
  html[data-theme="light"] .pub-nav{border-bottom-color:var(--line);}
  html[data-theme="light"] .tile-hero{box-shadow:var(--shadow-card);}
  [id^="lang-"][style*="var(--pressed)"]{color:var(--paper)!important;}
  html[data-theme="light"] .badge[style*="color:var(--accent)"]{color:var(--primary)!important;}

  @media (max-width:900px){
    .page-title{font-size:26px;}
    .gn-insight{flex-wrap:wrap;}
    .gn-insight-cta{width:100%;}
    .thm-grid{grid-template-columns:1fr;}
    .topbar{padding:10px 16px;}
    .crumb-ws,.crumb-sep{display:none;}
  }

  /* ---- v6 landing (Brand §16: dark by default, product UI as the hero image, one primary CTA) ---- */
  .hero>*{position:relative;z-index:1;}
  .hero-grid{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:22px 22px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 32%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 32%,#000 30%,transparent 75%);}
  #hero-headline{font-size:72px!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:700!important;max-width:820px!important;}
  #hero-subhead{font-size:18px!important;line-height:1.55!important;color:var(--text2)!important;}
  #hero-badge{font-family:var(--font)!important;font-size:12px!important;letter-spacing:.06em!important;font-weight:500!important;}
  #hero-cta1{min-height:48px;padding:0 28px!important;font-size:15px!important;}
  #hero-cta2{min-height:48px;padding:0 24px!important;font-size:15px!important;}
  .hero-mock{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;text-align:left;box-shadow:var(--shadow-pop);}
  .hm-sample{padding:10px 16px 0;}
  .page-head .hm-sample{padding:0 0 10px;}
  .hm-top{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg-sunken);}
  .hm-lock{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);}
  .hm-scope{font-family:var(--font);font-size:11px;color:var(--text2);letter-spacing:.02em;}
  .hm-range{margin-left:auto;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--bg);border:1px solid var(--line);}
  .hm-range i{font-style:normal;font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px;color:var(--text2);}
  .hm-range i.on{background:var(--text);color:var(--bg);font-weight:600;}
  .hm-body{padding:18px;display:flex;flex-direction:column;gap:14px;}
  .hm-kpis{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:var(--surface);}
  .hm-kpis>div{padding:14px 16px;}
  .hm-kpis>div+div{border-left:1px solid var(--line);}
  .hm-l{font-family:var(--font);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);}
  .hm-v{font-size:26px;font-weight:700;letter-spacing:-.04em;margin-top:8px;font-variant-numeric:tabular-nums;color:var(--text);}
  .hm-v small{font-size:12px;color:var(--text2);font-weight:500;letter-spacing:0;margin-left:2px;}
  .hm-d{font-size:11.5px;color:var(--text2);margin-top:6px;}
  .hm-d.down{color:var(--danger);}
  .hm-panel{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;}
  .hm-ph{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px;}
  .hm-sub{font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);}
  .hm-row{display:grid;grid-template-columns:170px 1fr 54px;align-items:center;gap:12px;font-size:12.5px;color:var(--text-body);}
  .hm-row em{font-style:normal;font-family:var(--font);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--night);background:var(--signal-lime);border-radius:4px;padding:1px 5px;margin-left:6px;}
  .hm-bar{height:12px;border-radius:6px;background:var(--bg-sunken);overflow:hidden;}
  .hm-bar i{display:block;height:100%;border-radius:6px;background:var(--row);}
  .hm-row.you .hm-bar i{background:var(--signal-lime);}
  .hm-row.you .hm-name{color:var(--lime-ink);font-weight:700;}
  .hm-val{text-align:right;font-family:var(--font);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text2);}
  .hm-row.you .hm-val{color:var(--text);font-weight:600;}
  .cta-band>*{position:relative;z-index:1;}
  .cta-mark{position:absolute!important;right:34%;top:50%;transform:translateY(-50%);color:var(--paper);opacity:.12;z-index:0!important;line-height:0;}
  .cta-mark svg{width:150px;height:150px;}
  .site-foot{border-top:1px solid var(--line);padding:48px 64px 28px;max-width:1312px;margin:0 auto;}
  .sf-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
  .sf-tag{font-size:14px;color:var(--text2);margin-top:12px;}
  .sf-cols{display:flex;gap:72px;}
  .sf-cols>div{display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--text2);}
  .sf-cols>div span{cursor:pointer;}
  .sf-cols>div span:hover{color:var(--text);}
  .sf-cols .gn-eyebrow{margin-bottom:4px;color:var(--text3);}
  .sf-bot{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text3);}
  .sf-rows{display:flex;flex-direction:column;gap:4px;width:64px;}
  .sf-rows i{height:5px;border-radius:3px;background:var(--row);width:70%;}
  .sf-rows i.you{background:var(--signal-lime);width:100%;}
  .sf-rows i:last-child{width:50%;}
  .lp-layer::before{height:3px;}
  html[data-theme="light"] .lp-mod{background:var(--surface);}
  html[data-theme="light"] .lp-mod:hover{background:var(--bg-sunken);}
  @media (max-width:900px){
    #hero-headline{font-size:44px!important;}
    .hm-kpis{grid-template-columns:1fr;}
    .hm-kpis>div+div{border-left:none;border-top:1px solid var(--line);}
    .hm-row{grid-template-columns:110px 1fr 46px;}
    .hm-scope{display:none;}
    .site-foot{padding:40px 20px 24px;}
    .sf-cols{gap:40px;}
    .cta-band{padding:36px 24px!important;}
    .pub-nav .gn-word{display:none;}
    .pub-nav [id^="lang-"]{padding:5px 8px!important;}
    #nav-getstarted{min-height:36px;padding:0 14px!important;font-size:13px;}
    #nav-signin{font-size:13px!important;}
  }

  /* ---- v7 polish: one system for KPIs, tables, charts and ranked rows (§17.2, §17.4, §17.6, §17.7) ---- */
  /* KPI cards built inline: same label/value/delta rhythm everywhere */
  .kpi-label{line-height:1.4;}
  .kpi-v{font-size:30px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-top:12px;font-variant-numeric:tabular-nums;color:var(--text);}
  .kpi-v+div,.kpi-v+.kpi-delta{margin-top:10px!important;font-size:12.5px!important;}
  .kpi-delta{color:var(--text2);}
  html[data-theme="light"] .kpi-v[style*="var(--lime)"],html[data-theme="light"] .kpi-v[style*="var(--success)"]{color:var(--lime-ink)!important;}

  /* table headers read as labels: Mono 11px caps, Mist */
  .app-shell th{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);}
  .app-shell td{font-size:13px;}
  .app-shell table{border-collapse:collapse;}

  /* charts: crisp hairlines at any width, rounded joins, Line gridlines */
  .app-shell svg polyline,.app-shell svg path[fill="none"],.app-shell svg line{vector-effect:non-scaling-stroke;}
  .app-shell svg line[stroke-dasharray]{stroke:var(--line);}
  .app-page div[style*="display:grid"]>*{min-width:0;}
  .gn-chart{position:relative;}
  .gn-chart>svg{display:block;}
  .gn-dot{position:absolute;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--surface);pointer-events:none;}

  /* card headings: one size for every card title (§17.2: 600 · 15px) */
  .app-shell .card>div[style^="font-weight:600"],.app-shell .card>div>div[style^="font-weight:600"]:first-child{font-size:15px;letter-spacing:-.01em;}

  /* ranked result rows: you in Lime, competitors in Row (§17.7) */
  .rr-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;}
  .rr-row{display:grid;grid-template-columns:18px minmax(110px,170px) 1fr 64px;align-items:center;gap:12px;font-size:13px;color:var(--text-body);}
  .rr-rank{font-family:var(--font);font-size:11px;color:var(--text3);text-align:right;}
  .rr-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .rr-name em{font-style:normal;font-family:var(--font);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--night);background:var(--signal-lime);border-radius:4px;padding:1px 5px;margin-left:6px;}
  .rr-bar{height:10px;border-radius:5px;background:var(--bg-sunken);overflow:hidden;}
  .rr-bar i{display:block;height:100%;border-radius:5px;background:var(--row);}
  .rr-row.you .rr-bar i{background:var(--signal-lime);}
  .rr-row.you .rr-name{color:var(--lime-ink);font-weight:700;}
  .rr-val{text-align:right;font-family:var(--font);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text2);}
  .rr-row.you .rr-val{color:var(--text);font-weight:600;}
  html[data-theme="light"] .rr-bar i{background:#C9C0D8;}

  /* single-series mini bars (your value per engine/topic) */
  .mb-list{display:flex;flex-direction:column;gap:11px;font-size:13px;}
  .mb-row{display:grid;grid-template-columns:minmax(120px,1.1fr) 1fr 40px;align-items:center;gap:12px;color:var(--text-body);}
  .mb-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mb-name span{margin-left:4px;}
  .mb-bar{height:6px;border-radius:3px;background:var(--bg-sunken);overflow:hidden;}
  .mb-bar i{display:block;height:100%;border-radius:3px;background:var(--accent);}
  .mb-val{text-align:right;font-family:var(--font);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text);}

  /* calmer surfaces: hairline cards, consistent hover */
  .app-shell .card{box-shadow:none;}
  .app-shell .card.clickable:hover,.app-shell .card[onclick]:hover{border-color:var(--line-strong);}
  @media (max-width:640px){
    .app-page div[style*="display:flex"]:has(> .card + .card){flex-wrap:wrap!important;}
    .app-page div[style*="display:flex"]:has(> .card + .card)>.card{flex:1 1 100%!important;min-width:0!important;}
    .app-page div[style*="grid-template-columns"]:has(> .card){grid-template-columns:1fr!important;}
    .app-page div[style*="grid-template-columns:1fr 1fr;"]{grid-template-columns:1fr!important;}
    .app-page .card div[style*="width:130px"]{width:96px!important;flex-shrink:0;}
    .rr-row{grid-template-columns:14px minmax(80px,110px) 1fr 52px;gap:8px;}
    .kpi-v{font-size:26px;}
  }

  /* ---- hero animation slot: reserved space between the CTAs and the product mock, for a future hero animation ---- */
  .hero-anim-slot{position:relative;width:100%;max-width:760px;height:500px;margin:-6px auto -10px;}
  .hero-anim-slot.is-empty .hero-slot-fallback{display:flex;}
  .hero-anim-slot canvas{display:block;width:100%;height:100%;}
  /* robot greeting chip (js/gn-robot.js): Mono caps, Lilac border, sits beside the head inside the slot */
  .robot-chip{position:absolute;left:calc(50% + 120px);top:16%;padding:7px 14px;border-radius:999px;border:1px solid var(--accent);background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--text);font-family:var(--font);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;}
  .robot-chip.on{opacity:1;transform:none;}
  @media (max-width:900px){ .hero-anim-slot{height:380px;margin:0 auto -6px;} .robot-chip{left:auto;right:8px;top:6%;} }
  @media (max-width:480px){ .hero-anim-slot{height:330px;} }

  /* ---------- v98 · Geonos story: problem → fix → proof → CTA, narrated by the robot ---------- */
  .gn-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:1312px;margin:0 auto;padding:96px 64px 0;}
  .gs-stage{position:sticky;top:88px;height:calc(100vh - 120px);max-height:640px;align-self:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;}
  .gs-robot{position:relative;width:100%;flex:1;min-height:0;}
  .gs-robot canvas{display:block;width:100%;height:100%;}
  .gs-bubble{position:relative;max-width:420px;padding:14px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--text);font-size:15.5px;line-height:1.45;text-align:center;text-wrap:balance;}
  .gs-bubble::before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;margin-left:-6px;background:var(--surface);border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);transform:rotate(45deg);}
  .gs-bubble.pop{animation:gsPop .35s ease;}
  @keyframes gsPop{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
  .gs-sound{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text2);font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;}
  .gs-sound:hover{color:var(--text);border-color:var(--accent);}
  .gs-sound.on{color:var(--accent);border-color:var(--accent);}
  .gs-sound .gs-wave{opacity:.35;}
  .gs-sound.on .gs-wave{opacity:1;}
  .gs-scenes{display:flex;flex-direction:column;}
  .gs-scene{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:14px;opacity:.38;transition:opacity .4s ease;}
  .gs-scene.is-on,.no-robot .gs-scene{opacity:1;}
  .gs-scene:last-child{min-height:52vh;}
  .gs-eb{color:var(--accent);}
  .gs-t{margin:0;font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1.1;text-wrap:balance;}
  .gs-d{margin:0;max-width:520px;color:var(--text2);font-size:16.5px;line-height:1.55;}
  .gs-vis{margin-top:8px;}
  .gs-answer{max-width:460px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
  .gs-q{font-size:14px;color:var(--text2);margin-bottom:12px;}
  .gs-a{display:flex;flex-wrap:wrap;gap:8px;}
  .gs-a span,.gs-chips span,.gs-flow span{padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong);font-size:13px;color:var(--text);}
  .gs-a .gs-you{border-style:dashed;border-color:var(--lime-ink);color:var(--lime-ink);}
  .gs-chips{display:flex;flex-wrap:wrap;gap:8px;}
  .gs-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
  .gs-flow i{font-style:normal;color:var(--text3);}
  .gs-flow .gs-good{border-color:var(--lime-ink);color:var(--lime-ink);}
  .gs-cta .gs-btn{align-self:flex-start;padding:16px 30px;font-size:15px;font-weight:700;}
  .gs-cap{font-size:13px;color:var(--text3);}
  @media (max-width:900px){
    .gn-story{grid-template-columns:minmax(0,1fr);gap:0;padding:64px 20px 0;}
    .gs-stage{top:64px;height:auto;max-height:none;z-index:5;flex-direction:row;justify-content:space-between;gap:10px;padding:10px 0;background:var(--bg);}
    .gs-robot{display:none;}
    .gs-bubble{flex:1;max-width:none;text-align:left;font-size:14px;padding:10px 14px;}
    .gs-bubble::before{display:none;}
    .gs-sound .gs-sound-l{display:none;}
    .gs-scene,.gs-scene:last-child{min-height:0;padding:40px 0;opacity:1;}
    .gs-t{font-size:30px;}
  }
  @media (prefers-reduced-motion:reduce){ .gs-bubble.pop{animation:none;} .gs-scene{transition:none;} }

  /* v99 split rules only for a hero that is not the signed-out robot layout */
  @media (min-width:760px){
    .hero:not(.geo-hero){display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
      grid-template-rows:minmax(0,1fr) auto auto auto auto auto minmax(0,1fr) auto;
      grid-template-areas:". robot" "badge robot" "head robot" "sub robot" "cta robot" "cap robot" ". robot" "mock mock";
      column-gap:48px;row-gap:22px!important;justify-items:start;align-items:start!important;text-align:left!important;
      max-width:1312px;margin:0 auto;padding:clamp(24px,5vh,72px) 64px 72px!important;}
    .hero:not(.geo-hero) #hero-badge{grid-area:badge;}
    .hero:not(.geo-hero) #hero-headline{grid-area:head;font-size:clamp(38px,4.7vw,70px)!important;max-width:none!important;}
    .hero:not(.geo-hero) #hero-subhead{grid-area:sub;max-width:540px!important;}
    .hero:not(.geo-hero) .hero-ctas{grid-area:cta;margin-top:4px!important;}
    .hero:not(.geo-hero) .hero-cap{grid-area:cap;margin-top:-8px!important;}
    .hero:not(.geo-hero) .hero-anim-slot{grid-area:robot;grid-row:1/8;align-self:center;max-width:none;margin:0;height:clamp(360px,calc(100vh - 156px),540px);}
    .hero:not(.geo-hero) .hero-mockwrap{grid-area:mock;justify-self:center;margin-top:clamp(24px,5vh,56px)!important;}
  }

  /* ---------- v100 · story without a second robot: one sticky Geonos voice bar + scenes (text left, visual right) ---------- */
  .gn-story{display:block;max-width:1100px;}
  .gs-stage{position:sticky;top:84px;z-index:5;height:auto;max-height:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;max-width:680px;margin:0 auto;padding:10px 0;background:var(--bg);}
  .gs-mark{flex:none;transition:box-shadow .2s ease;}
  .is-talking .gs-mark{box-shadow:0 0 0 4px var(--tint-lilac);}
  .gs-bubble{flex:1;max-width:none;text-align:left;font-size:15px;padding:11px 16px;}
  .gs-bubble::before{display:none;}
  .gs-scene{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"eb vis" "t vis" "d vis";column-gap:48px;row-gap:14px;align-content:center;align-items:center;}
  .gs-scene .gs-eb{grid-area:eb;align-self:end;}
  .gs-scene .gs-t{grid-area:t;}
  .gs-scene .gs-d{grid-area:d;align-self:start;}
  .gs-scene .gs-vis{grid-area:vis;margin:0;}
  .gs-scene.gs-cta{display:flex;align-items:center;text-align:center;}
  .gs-cta .gs-btn{align-self:center;}
  @media (max-width:900px){
    .gs-stage{top:64px;}
    .gs-scene{display:flex;flex-direction:column;align-items:stretch;}
    .gs-scene.gs-cta{align-items:flex-start;text-align:left;}
    .gs-cta .gs-btn{align-self:flex-start;}
  }
  .gs-bubble{text-wrap:pretty;}
  .gn-story .gs-scene{min-height:46vh;padding:24px 0;}
  .gn-story .gs-scene.gs-cta{min-height:40vh;}
  .gs-cta .gs-eb{align-self:center;}
  @media (max-width:900px){ .gn-story .gs-scene,.gn-story .gs-scene.gs-cta{min-height:0;padding:40px 0;} .gs-cta .gs-eb{align-self:flex-start;} }
  .gn-story .gs-stage{max-width:none;padding:12px max(0px,calc((100% - 680px)/2));border-bottom:1px solid transparent;}

  /* ---------- v101 · hero check ("Ask Geonos"): field → checking → one free finding → full audit ---------- */
  .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
  .hero-ctas{flex-wrap:wrap;align-items:center;}
  .hero-form{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease;}
  .hero-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--tint-lilac);}
  .hero-form input{flex:1;min-width:0;width:220px;background:transparent;border:0;outline:0;color:var(--text);font:500 15px/1.2 inherit;font-family:inherit;padding:10px 6px 10px 16px;}
  .hero-form input::placeholder{color:var(--text3);}
  .hero-form #hero-cta1{min-height:44px!important;padding:0 22px!important;white-space:nowrap;}
  .hero-form input[aria-invalid="true"]{color:var(--danger);}
  .hero-url-err{font-size:13px;color:var(--danger);margin-top:-12px;}
  .hero-check{width:100%;max-width:540px;}
  .hc-run,.hc-res{border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);padding:18px 20px;text-align:left;}
  .hc-line{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text);}
  .hc-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:hcBlink 1s ease-in-out infinite;}
  @keyframes hcBlink{50%{opacity:.25;}}
  .hc-engines{display:flex;gap:10px;margin:16px 0 12px;}
  .hc-eng{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);opacity:.35;transition:opacity .3s ease,border-color .3s ease;}
  .hc-eng.on{opacity:1;border-color:var(--accent);}
  .hc-domain{font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
  .hc-eb{color:var(--accent);margin-bottom:8px;}
  .hc-title{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--text);text-wrap:pretty;}
  .hc-dom{font-weight:700;}
  .hc-d{font-size:14px;color:var(--text2);margin-top:6px;line-height:1.5;}
  .hc-locked{list-style:none;margin:14px 0 16px;padding:0;display:flex;flex-direction:column;gap:6px;}
  .hc-locked li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:var(--surface2);font-size:13px;color:var(--text3);}
  .hc-locked li span{filter:blur(2.5px);user-select:none;}
  .hc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
  .hc-actions .btn{padding:13px 24px;font-weight:700;}
  .hc-again{font-size:13.5px;color:var(--text2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
  .hc-again:hover{color:var(--text);}
  /* run and result: hide the form and the other CTAs, but keep .hero-ctas itself because #hero-check (the live result card) lives inside it */
  .hero[data-check="run"] .hero-ctas>:not(.hero-check),.hero[data-check="run"] .hero-cap,.hero[data-check="run"] #hero-subhead,
  .hero[data-check="result"] .hero-ctas>:not(.hero-check),.hero[data-check="result"] .hero-cap,.hero[data-check="result"] #hero-subhead{display:none!important;}
  .hero[data-check="run"] .hero-ctas,.hero[data-check="result"] .hero-ctas{width:100%!important;max-width:560px!important;display:block!important;}
  .hero[data-check="run"] .hero-check,.hero[data-check="result"] .hero-check{display:block;width:100%;max-width:560px;}
  .audit-handoff{display:flex;align-items:center;font-size:13.5px;color:var(--text2);margin:-6px 0 14px;max-width:420px;text-align:left;}
  .audit-handoff[hidden]{display:none;}
  @media (min-width:760px){
    .hero-url-err{grid-area:cap;margin-top:28px;}
    .hero-check{grid-column:cta-start/cta-end;grid-row:sub-start/cap-end;align-self:start;}
  }
  @media (max-width:759px){
    .hero-ctas{flex-direction:column;align-items:stretch!important;width:100%;max-width:420px;}
    .hero-form input{width:auto;}
    .hero-check{text-align:left;}
  }
  @media (prefers-reduced-motion:reduce){ .hc-dot{animation:none;} }

  /* story: muted-first captions, icon-only sound button */
  .gs-sound .gs-sound-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .gs-sound{padding:9px;}
  .is-typing .gs-mark{box-shadow:0 0 0 4px var(--tint-lilac);}

  /* QA fixes: laptop nav wrapping, phone story eyebrows, phone audit results */
  .pub-nav,.pub-nav span{white-space:nowrap;}
  @media (min-width:901px) and (max-width:1180px){
    .pub-nav{padding-left:24px!important;padding-right:24px!important;}
    .pub-nav > div:first-child{gap:24px!important;}
    .pub-nav-links{gap:18px;font-size:13.5px;}
    .pub-nav [id^="lang-"]{padding:6px 9px!important;}
  }
  @media (max-width:900px){
    .gn-story .gs-scene .gs-eb{align-self:flex-start;}
    #audit-results > div{padding-left:20px!important;padding-right:20px!important;flex-direction:column;align-items:stretch!important;}
    #audit-results > div > .card{flex:1 1 auto!important;}
    #audit-results [style*="grid-template-columns:repeat(4"]{grid-template-columns:1fr 1fr!important;}
    #audit-results table{display:block;overflow-x:auto;}
    #audit-results [style*="text-align:right"]{text-align:left!important;max-width:none!important;}
  }

  /* v101 · Semrush-style hero field: the website input is the hero's main element; the check opens as a small Geonos app window */
  .hero-ctas{width:100%;max-width:560px;gap:12px!important;}
  .hero-form{width:100%;padding:6px;border-radius:999px;border-width:1.5px;}
  .hero-form input{font-size:17px;padding:14px 8px 14px 20px;}
  .hero-form #hero-cta1{min-height:52px!important;padding:0 26px!important;font-size:15.5px!important;}
  .hero #hero-cta2{min-height:0!important;padding:0!important;border:0!important;background:none!important;font-size:14px!important;color:var(--text2);text-decoration:underline;text-underline-offset:3px;}
  .hero #hero-cta2:hover{color:var(--text);}
  .hero-check{max-width:560px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow-pop);}
  .hero-check .hc-run,.hero-check .hc-res{border:0;border-radius:0;background:none;padding:18px 20px 20px;}
  .hc-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg-sunken);}
  .hc-bar-t{font-weight:600;font-size:13px;}
  .hc-bar-sep{color:var(--text3);}
  .hc-bar-d{font:500 12px/1 var(--font);color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
  .hc-bar-tag{margin-left:auto;font:500 10.5px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:4px 8px;white-space:nowrap;}
  @media (max-width:759px){ .hero-form input{font-size:16px;padding-left:16px;} .hero-form #hero-cta1{padding:0 18px!important;} .hero #hero-cta2{align-self:center;} }
  /* v101 · result card: real Geonos findings (Risk / Opportunity tags), then what's locked */
  .hc-title{font-size:19px;}
  .hc-ins{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
  .hc-ins li{display:flex;gap:10px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-left:2px solid var(--ti);border-radius:8px;font-size:13.5px;line-height:1.45;color:var(--text-body);}
  .hc-ins li.t-risk{--ti:var(--danger);}
  .hc-ins li.t-opp{--ti:var(--lime-ink);}
  .hc-tag{flex:none;font:500 10.5px/1.4 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ti);min-width:86px;}
  .hc-locked{display:flex;align-items:center;gap:8px;margin:12px 0 14px;font-size:13px;color:var(--text3);}
  .hero[data-check="result"] #hero-badge{display:none!important;}
  @media (max-width:759px){ .hc-ins li{flex-direction:column;gap:2px;} }
  /* QA: compact result card so it fits next to the robot without scrolling on desktop */
  .hero-check .hc-res{padding:14px 18px 16px;}
  .hc-eb{margin-bottom:4px;}
  .hc-eb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px;}
  .hc-eb-row .hc-eb{margin-bottom:0;}
  .hc-mode,.lv-mode{display:inline-flex;align-items:center;font-family:var(--font);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;font-weight:600;border:1px solid var(--line-strong);}
  .hc-mode[hidden]{display:none!important;}
  .hc-mode[data-mode="sample"],.lv-mode[data-mode="sample"]{background:var(--surface2);color:var(--text2);border-color:var(--row);}
  .hc-mode[data-mode="live"],.lv-mode[data-mode="live"]{background:var(--tint-lime);color:var(--lime-ink);border-color:transparent;}
  #audit-results > #ar-mode,#audit-results > #ar-sample,#audit-results > #ar-honesty{margin:20px 64px 0;}
  .hc-title{font-size:18px;}
  .hc-ins{margin-top:10px;gap:6px;}
  .hc-ins li{padding:8px 12px;font-size:13px;line-height:1.4;}
  .hc-tag{min-width:84px;}
  .hc-locked{flex-direction:row!important;gap:8px!important;margin:10px 0 12px!important;}
  @media (min-width:760px){ .hero[data-check="result"] #hero-headline{font-size:clamp(38px,3.6vw,52px)!important;} }
  @media (min-width:760px) and (max-height:720px){ .hero[data-check="result"] #hero-headline,.hero[data-check="run"] #hero-headline,.hero[data-check="run"] #hero-badge{display:none!important;} }
  @media (min-width:760px){ .hero[data-check="result"],.hero[data-check="run"]{row-gap:0!important;} .hero[data-check] #hero-headline{margin-bottom:22px;} .hero[data-check="idle"] #hero-headline{margin-bottom:0;} }

  /* ---------- v102 · richer free check + report: KPI strip on the hero card, AI answers block in the audit report ---------- */
  .hc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;}
  .hc-kpis > div{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-sunken);min-width:0;}
  .hc-k{font:500 10.5px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .hc-v{font:600 18px/1.3 var(--font);font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .hc-vs{font-size:11.5px;font-weight:500;color:var(--text3);}
  .hc-warn{color:var(--warning);}
  .ar-down{color:var(--danger);font-size:11.5px;font-weight:500;}
  .ar-sec{padding:20px 64px 8px;display:flex;flex-direction:column;gap:14px;}
  .ar-sample{font-size:12.5px;color:var(--accent);border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);border-radius:8px;padding:8px 12px;}
  .ar-email{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);}
  .ar-email[hidden]{display:none;}
  .ar-email-t{font-weight:600;font-size:14px;}
  .ar-email-d{font-size:12px;color:var(--text3);margin-top:2px;}
  .ar-email-f{display:flex;gap:8px;flex-wrap:wrap;}
  .ar-email-f input{min-width:220px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13.5px;}
  .ar-email-f input[aria-invalid="true"]{border-color:var(--danger);}
  .ar-email-f .btn{border:0;cursor:pointer;font-family:inherit;}
  .ar-email-ok{font-size:13px;color:var(--lime-ink);}
  .ar-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
  .ar-kpi{padding:18px 20px;}
  .ar-unit{font-size:14px;color:var(--text3);font-weight:500;}
  .ar-sub{font-size:12px;color:var(--text3);margin-top:3px;}
  .ar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}
  .ar-card{padding:20px 22px;}
  .ar-h{font-weight:600;font-size:15px;}
  .ar-d{font-size:12.5px;color:var(--text3);margin:2px 0 14px;}
  .ar-eng .rr-bar i{background:var(--violet2);}
  html[data-theme="light"] .ar-eng .rr-bar i{background:var(--violet2);}
  .ar-lock{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text3);}
  .ar-note{font-size:12.5px;color:var(--text2);}
  .ar-note b{font-family:var(--font);color:var(--text);}
  .ar-table{display:flex;flex-direction:column;margin-bottom:12px;}
  .ar-tr{display:grid;grid-template-columns:minmax(0,1fr) 120px 80px 150px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;}
  .ar-th{font:500 11px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);padding-top:0;}
  .ar-th span:not(:first-child),.ar-num{text-align:right;}
  .ar-num{font-family:var(--font);font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--text2);}
  .ar-bad{color:var(--danger);}
  @media (max-width:900px){
    .ar-sec{padding:16px 20px 8px;}
    .ar-kpis{grid-template-columns:1fr 1fr;}
    .ar-grid{grid-template-columns:minmax(0,1fr);}
    .ar-tr{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;}
    .ar-th span:nth-child(n+2){display:none;}
    .ar-tr span:nth-child(2){grid-column:2;grid-row:1;}
    .ar-tr span:nth-child(3),.ar-tr span:nth-child(4){text-align:left;grid-column:1/-1;}
    .ar-tr span:nth-child(3)::before{content:"You: ";color:var(--text3);font-family:inherit;}
    .ar-tr span:nth-child(4)::before{content:"Top rival: ";color:var(--text3);font-family:inherit;}
    .ar-th span:nth-child(3)::before,.ar-th span:nth-child(4)::before{content:none;}
    .ar-email-f input{min-width:0;flex:1;}
  }

  /* ---------- v103 · 3-day trial CTA in the free report (reuses the onboarding trial) ---------- */
  .ar-trial{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;padding:24px 26px;border-color:var(--line-strong);}
  .ar-trial-eb{color:var(--lime-ink);margin-bottom:6px;}
  .ar-trial-t{font-size:22px;font-weight:700;letter-spacing:-.02em;}
  .ar-trial-d{font-size:13.5px;color:var(--text2);line-height:1.55;margin:8px 0 16px;max-width:520px;}
  .ar-trial-d b{color:var(--text);font-family:var(--font);font-weight:500;font-size:12.5px;}
  .ar-trial-ctas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
  .ar-trial-ctas .btn{padding:13px 24px;font-weight:700;}
  .ar-trial-alt{font-size:13.5px;color:var(--text2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
  .ar-inc-h{font:500 11px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:8px;}
  .ar-inc{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--text-body);}
  .ar-inc li{display:flex;align-items:center;gap:8px;}
  .ar-inc:not(.ar-later) li::before{content:"✓";color:var(--lime-ink);font-weight:700;}
  .ar-later li{color:var(--text3);}
  .ar-later{margin-bottom:0;}
  .ob-trial-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--text3);line-height:1.5;}
  @media (max-width:900px){ .ar-trial{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;} }

  /* ---------- v103 · live free audit (audit-service): real report rendering ---------- */
  #audit-results.is-live > *:not(#ar-live):not(#ar-honesty){display:none!important;}
  #ar-live:empty{display:none;}
  .lv-head{padding:44px 64px 8px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  .lv-dom{font-size:30px;font-weight:700;margin:2px 0 4px;}
  .lv-dim{font-size:12.5px;color:var(--text3);}
  .lv-stage{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--text2);}
  .lv-score{padding:18px 22px;min-width:200px;}
  .lv-big{font:700 44px/1.1 var(--font);}
  .lv-big span{font-size:16px;color:var(--text3);font-weight:500;}
  .lv-sec{padding-top:12px;}
  .lv-slot:empty{display:none;}
  .lv-kpis3{grid-template-columns:repeat(3,minmax(0,1fr));}
  .lv-txt{font-size:22px;}
  .lv-engines{display:flex;flex-wrap:wrap;gap:8px;}
  .lv-eng{font:500 11px/1 var(--font);letter-spacing:.04em;padding:6px 10px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text2);}
  .ar-h2{font-weight:600;font-size:15px;margin-top:8px;}
  .lv-table{padding:0;overflow-x:auto;}
  .lv-table table{width:100%;border-collapse:collapse;}
  .lv-table th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--line);}
  .lv-table td{padding:11px 16px;font-size:13px;border-bottom:1px solid var(--line);vertical-align:top;}
  .lv-table tr:last-child td{border-bottom:0;}
  .lv-ev{font-size:12.5px;color:var(--text2);overflow-wrap:anywhere;}
  .lv-pill{display:inline-block;font:500 10.5px/1.5 var(--font);letter-spacing:.05em;text-transform:uppercase;padding:1px 8px;border-radius:999px;margin-right:8px;white-space:nowrap;}
  .lv-ok{color:var(--lime-ink);background:var(--tint-lime);}
  .lv-warn{color:var(--warning);background:var(--tint-amber);}
  .lv-bad{color:var(--danger);background:var(--tint-coral);}
  .lv-na{color:var(--text3);background:var(--surface2);}
  .lv-fixes{display:flex;flex-direction:column;gap:10px;}
  .lv-fix{padding:14px 18px;}
  .lv-fix-h{display:flex;align-items:center;font-size:13.5px;margin-bottom:4px;}
  .lv-fixtxt{font-size:12.5px;color:var(--text-body);margin-top:6px;}
  .lv-cat{border-top:1px solid var(--line);padding:8px 0;}
  .lv-cat summary{cursor:pointer;font-size:13.5px;font-weight:600;}
  .lv-check{display:flex;gap:4px;align-items:flex-start;padding:8px 0 0 4px;font-size:13px;}
  .lv-verdict{font-size:14px;color:var(--text);margin-top:8px;max-width:520px;}
  .lv-grade{font:500 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text2);margin-top:6px;}
  .lv-sub{margin-top:-8px;}
  .lv-k{font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-right:6px;}
  .lv-gap{padding:14px 18px;display:flex;flex-direction:column;gap:6px;}
  .lv-gap-h{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;font-size:13.5px;}
  .lv-grp{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
  .lv-more{margin-top:4px;}
  .lv-more > summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text);padding:8px 0;}
  .lv-more[open] > summary{margin-bottom:4px;}
  .lv-pass .lv-check{padding:8px 0;border-top:1px solid var(--line);}
  .lv-cr{grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 36px 64px;}
  .lv-cr .rr-bar i{background:var(--accent);}
  .lv-cr.lv-best .rr-bar i{background:var(--lime);}
  .lv-cg{font:500 11px/1 var(--font);letter-spacing:.04em;text-align:right;color:var(--text3);white-space:nowrap;}
  .lv-cg-on{color:var(--text2);}
  .lv-tr{display:grid;grid-template-columns:minmax(0,1.1fr) 130px minmax(0,2fr);gap:12px;align-items:start;padding:11px 16px;border-bottom:1px solid var(--line);font-size:13px;}
  .lv-tr:last-child{border-bottom:0;}
  .lv-th{font:500 11px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
  .lv-src{font:500 11px/1.4 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--text3);}
  .lv-next{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;padding:24px 26px;border-color:var(--line-strong);}
  .lv-next-t{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:6px 0 8px;}
  .lv-next-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;}
  .lv-next-cta .btn{padding:13px 24px;font-weight:700;}
  .lv-alt{font-size:13.5px;color:var(--text2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
  .lv-next-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--text2);}
  .lv-next-ul b{color:var(--text);}
  @media (max-width:900px){ .lv-next{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;} .lv-cr{grid-template-columns:minmax(0,1fr) 36px 60px;row-gap:6px;} .lv-cr .rr-name{grid-column:1/-1;} .lv-tr{grid-template-columns:minmax(0,1fr);gap:4px;} .lv-th{display:none;} .lv-tr [data-l]::before{content:attr(data-l) ": ";font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);} }
  @media (max-width:900px){ .lv-head{padding:28px 20px 8px;} .lv-kpis3{grid-template-columns:1fr;} #audit-results > #ar-mode,#audit-results > #ar-sample,#audit-results > #ar-honesty{margin:16px 20px 0;} .gn-chrome-honesty{flex-basis:100%;} }
  /* live report v2: tabs, categories, locks, roadmap (tokens only, no gradients) */
  .lv2-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;}
  .lv2-tab{flex:none;font:inherit;font-size:13px;font-weight:600;color:var(--text2);background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:8px 16px;cursor:pointer;white-space:nowrap;}
  .lv2-tab:hover{color:var(--text);}
  .lv2-tab[aria-selected="true"]{color:var(--text);background:var(--tint-lilac);border-color:var(--accent);}
  .lv2-tab:focus-visible,.lv2-unlock:focus-visible,.lv2-cat summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
  .lv2-panel{display:flex;flex-direction:column;gap:14px;}
  .lv2-panel[hidden]{display:none;}
  .lv2-verdict-big{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.35;max-width:760px;}
  .lv2-proj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:center;padding:20px 22px;}
  .lv2-projv{font:700 30px/1.2 var(--font);margin-top:6px;}
  .lv2-projv span{font-size:14px;color:var(--text3);font-weight:500;}
  .lv2-meta{display:flex;flex-wrap:wrap;gap:6px;}
  .lv2-meta:empty{display:none;}
  .lv2-chip{font:500 10.5px/1.5 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--text2);border:1px solid var(--line-strong);border-radius:999px;padding:1px 8px;}
  .lv2-free{font:500 10.5px/1.5 var(--font);letter-spacing:.05em;text-transform:uppercase;color:var(--lime-ink);margin-left:6px;}
  .lv2-lock{flex:none;color:var(--text3);}
  .lv2-unlock{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--text);background:transparent;border:0;padding:4px 0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);}
  .lv2-unlock:hover{text-decoration-color:var(--accent);}
  .lv2-inline{margin-top:2px;}
  .lv2-locked{padding:16px 20px;display:flex;flex-direction:column;gap:2px;}
  .lv2-lockedh{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:6px;}
  .lv2-lrow{display:grid;grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:13px;color:var(--text2);}
  .lv2-lrow .lv-pill{margin:0;}
  .lv2-ltitle{color:var(--text-body);overflow-wrap:anywhere;}
  .lv2-lcat{font:500 11px/1.2 var(--font);letter-spacing:.04em;color:var(--text3);}
  .lv2-more{padding:8px 0 4px;}
  .lv2-cov{font-size:12.5px;color:var(--text2);line-height:1.55;padding-top:4px;}
  .lv2-lockline{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text3);}
  .lv2-tr2{grid-template-columns:minmax(0,1.4fr) 150px;}
  .lv2-h2first{margin-top:0;}
  .lv2-cat{padding:0;}
  .lv2-cat > summary{list-style:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 36px 84px;gap:14px;align-items:center;padding:14px 20px;cursor:pointer;}
  .lv2-cat > summary::-webkit-details-marker{display:none;}
  .lv2-catn{font-size:14px;font-weight:600;overflow-wrap:anywhere;}
  .lv2-bar{height:10px;border-radius:5px;background:var(--bg-sunken);overflow:hidden;}
  .lv2-bar i{display:block;height:100%;border-radius:5px;background:var(--accent);}
  .lv2-cat.lv-best .lv2-bar i{background:var(--lime);}
  html[data-theme="light"] .lv2-bar i{background:var(--accent);}
  html[data-theme="light"] .lv2-cat.lv-best .lv2-bar i{background:var(--lime);}
  .lv2-catb{padding:2px 20px 18px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);}
  .lv2-p{margin:12px 0 0;font-size:13.5px;line-height:1.6;color:var(--text-body);max-width:760px;}
  .lv2-chks{display:flex;flex-direction:column;}
  .lv2-chk{display:flex;gap:6px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);font-size:13px;}
  .lv2-chkb{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;}
  .lv2-chkt{font-weight:600;font-size:13.5px;overflow-wrap:anywhere;}
  .lv2-roads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
  .lv2-road{padding:18px 20px;display:flex;flex-direction:column;gap:8px;}
  .lv2-roadn{font:700 28px/1.1 var(--font);}
  .lv2-roadn span{font-size:12px;color:var(--text3);font-weight:500;}
  .lv2-ritem{font-size:13px;color:var(--text-body);padding-top:8px;border-top:1px solid var(--line);overflow-wrap:anywhere;}
  .lv2-rlock{display:flex;align-items:center;gap:8px;color:var(--text3);}
  .lv2-tick{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text-body);padding-top:8px;border-top:1px solid var(--line);cursor:pointer;overflow-wrap:anywhere;}
  .lv2-tick input{margin-top:3px;accent-color:var(--accent);flex:none;width:16px;height:16px;}
  .lv2-tick input:checked + span{color:var(--text3);text-decoration:line-through;}
  .lv2-tickfix{display:block;margin-top:3px;}
  .lv2-rwrap{min-width:0;}
  .lv2-promise{font-size:12.5px;color:var(--text3);margin:2px 0 10px;}
  .lv2-locked .lv2-promise{margin:10px 0 0;}
  .lv2-gtoggle{display:inline-flex;align-items:center;gap:6px;margin:6px 0 2px 26px;font:inherit;font-size:12.5px;font-weight:600;color:var(--text2);background:transparent;border:1px solid var(--line-strong);border-radius:999px;padding:5px 12px;cursor:pointer;}
  .lv2-gtoggle:hover{color:var(--text);border-color:var(--accent);}
  .lv2-gtoggle:focus-visible,.lv2-copyex:focus-visible,.lv2-code:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
  .lv2-gtoggle svg{transition:transform .18s ease;}
  .lv2-gtoggle.is-open svg{transform:rotate(180deg);}
  .lv2-glock{display:flex;align-items:center;gap:7px;margin:4px 0 0 26px;font-size:12px;color:var(--text3);}
  .lv2-guide{margin:8px 0 4px 26px;padding:12px 14px;background:var(--bg-sunken);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:12px;min-width:0;}
  .lv2-guide[hidden]{display:none;}
  .lv2-gsec{min-width:0;}
  .lv2-steps{margin:6px 0 0;padding-left:20px;font-size:13px;color:var(--text-body);display:flex;flex-direction:column;gap:5px;}
  .lv2-aff{list-style:none;margin:6px 0 4px;padding:0;display:flex;flex-direction:column;gap:3px;font:12px/1.4 var(--font);}
  .lv2-aff a{color:var(--text-body);overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--line-strong);}
  .lv2-aff a:hover{color:var(--text);}
  .lv2-exh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
  .lv2-copyex{padding:4px 12px;font-size:12px;}
  .lv2-code{margin:6px 0 0;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow-x:auto;font:12px/1.5 var(--font);color:var(--text-body);white-space:pre;max-width:100%;}
  .lv2-code code{font:inherit;}
  .lv2-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .lv2-incl{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text3);border:1px dashed var(--line-strong);border-radius:999px;padding:7px 14px;}
  .lv2-copied{font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--lime-ink);}
  .lv2-share{padding:22px 24px;max-width:520px;display:flex;flex-direction:column;gap:8px;}
  .lv2-sharedom{font-size:22px;font-weight:700;overflow-wrap:anywhere;}
  .lv2-sharesc{font:700 36px/1.1 var(--font);}
  .lv2-sharesc > span:first-of-type{font-size:14px;color:var(--text3);font-weight:500;}
  .lv2-sharegaps{margin:4px 0 8px;padding-left:20px;font-size:13.5px;color:var(--text-body);display:flex;flex-direction:column;gap:4px;}
  .lv-next-cta .lv-alt{background:transparent;border:0;font-family:inherit;padding:0;}
  .lv-sec > .lv-next{margin-top:10px;}
  @media (max-width:900px){ .lv2-proj{grid-template-columns:minmax(0,1fr);} .lv2-roads{grid-template-columns:minmax(0,1fr);} .lv2-cat > summary{grid-template-columns:minmax(0,1fr) 36px 78px;row-gap:8px;padding:14px 16px;} .lv2-catn{grid-column:1/-1;} .lv2-bar{grid-column:1;grid-row:2;} .lv2-catb{padding:2px 16px 16px;} .lv2-lrow{grid-template-columns:16px minmax(0,1fr) auto;} .lv2-lcat{display:none;} .lv2-tr2{grid-template-columns:minmax(0,1fr);} }
  @media print{
    html.lv-print body *{visibility:hidden!important;}
    html.lv-print #ar-live,html.lv-print #ar-live *{visibility:visible!important;}
    html.lv-print #ar-live{position:absolute;left:0;top:0;width:100%;--text:#050506;--text-body:#050506;--text2:#3a3a40;--text3:#3a3a40;--line:#c8c8cc;--line-strong:#8a8a90;--surface:#F7F7F8;--bg-sunken:#e4e4e7;--tint-lilac:#F7F7F8;--lime-ink:#2d4a05;--danger:#a11d1d;--warning:#7a4b00;--accent:#5E30B5;background:#F7F7F8;color:#050506;}
    html.lv-print .lv2-tabs,html.lv-print .lv2-noprint,html.lv-print .lv-next,html.lv-print .lv-slot,html.lv-print .lv2-unlock{display:none!important;}
    html.lv-print .lv2-panel{display:flex!important;break-inside:auto;}
    html.lv-print .lv2-cat{break-inside:avoid;}
    html.lv-print .lv2-cat:not([open]) > .lv2-catb{display:flex;}
    html.lv-print .card{box-shadow:none;border:1px solid #c8c8cc;}
  }

  /* ---------- v104 · Knowledge Hub: Understand your numbers + Take action ---------- */
  .kh-crumb{font:500 11px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
  .kh-sub{font-size:14.5px;color:var(--text2);margin-bottom:18px;line-height:1.5;}
  .kh-link{color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-weight:500;}
  .kh-link:hover{color:var(--text);}
  .kh-toc{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:0 0 22px;}
  .kh-toc-h{font:500 10.5px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);width:100%;}
  .kh-toc span:not(.kh-toc-h){font-size:13px;color:var(--text2);cursor:pointer;}
  .kh-toc span:not(.kh-toc-h):hover{color:var(--text);}
  .kh-article .kh-ul{margin:0 0 14px;padding-left:20px;}
  .kh-article .kh-ul li{font-size:14px;line-height:1.7;color:var(--text-body);margin-bottom:6px;}
  .kh-facts{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:4px 0 16px;}
  .kh-facts > div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);}
  .kh-facts > div:last-child{border-bottom:0;}
  .kh-facts dt{font:500 10.5px/1.6 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin:0;}
  .kh-facts dd{margin:0;font-size:13.5px;line-height:1.55;color:var(--text-body);}
  .kh-example{border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);padding:14px 16px;margin:6px 0 18px;}
  .kh-example-h{font:500 10.5px/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
  .kh-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:10px;}
  .kh-tile{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg-sunken);min-width:0;}
  .kh-tile .kpi-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .kh-tile-v{font:600 17px/1.35 var(--font);color:var(--text);overflow-wrap:anywhere;}
  .kh-tile-d{font-size:11.5px;color:var(--lime-ink);margin-top:2px;}
  .kh-tile-d.is-bad{color:var(--danger);}
  .kh-tile-s{font-size:11.5px;color:var(--text3);margin-top:2px;}
  .kh-example-read{font-size:13.5px;line-height:1.6;color:var(--text-body);}
  .kh-table-wrap{overflow-x:auto;margin:4px 0 14px;border:1px solid var(--line);border-radius:14px;}
  .kh-table{width:100%;border-collapse:collapse;font-size:13px;}
  .kh-table th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface);}
  .kh-table td{padding:9px 12px;border-bottom:1px solid var(--line);color:var(--text-body);vertical-align:top;line-height:1.5;}
  .kh-table tr:last-child td{border-bottom:0;}
  .kh-bands td:first-child{font-family:var(--font);font-size:12.5px;white-space:nowrap;color:var(--text);}
  .kh-good,.kh-ok,.kh-warn,.kh-bad{font-weight:600;white-space:nowrap;}
  .kh-good{color:var(--lime-ink);} .kh-ok{color:var(--accent);} .kh-warn{color:var(--warning);} .kh-bad{color:var(--danger);}
  .kh-note{font-size:12.5px!important;color:var(--text3)!important;}
  .kh-code{background:var(--bg-sunken);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:12.5px/1.6 var(--font);color:var(--text-body);white-space:pre-wrap;overflow-x:auto;margin:4px 0 14px;}
  .kh-article code{font-family:var(--font);font-size:12.5px;background:var(--surface2);padding:1px 5px;border-radius:4px;}
  .kh-article pre code{background:none;padding:0;}
  @media (max-width:600px){ .kh-facts > div{grid-template-columns:minmax(0,1fr);gap:2px;} }
  /* QA fix: the Knowledge Hub stacks on phones (sidebar becomes a scrollable list above the article) */
  .kh-logic td:first-child{font-weight:600;color:var(--text);}
  @media (max-width:760px){
    #kh-chrome div[style="flex:1;display:flex;"]{flex-direction:column;}
    #kh-chrome div[style*="flex:0 0 250px"]{flex:none!important;max-height:210px!important;border-right:0!important;border-bottom:1px solid var(--border);}
    #kh-chrome div[style*="padding:48px 56px;max-width:760px"]{padding:24px 18px!important;max-width:100%!important;min-width:0;}
    #kh-chrome .kh-topbar{flex-wrap:wrap;gap:8px;padding-left:14px!important;padding-right:14px!important;}
    .kh-table{font-size:12.5px;}
  }

  /* ---------- v105 · differentiators: band chips, evidence drawer, may/can/do ---------- */
  .gn-band{display:inline-flex;align-items:center;margin-top:6px;padding:2px 9px;border-radius:999px;border:1px solid currentColor;background:transparent;font:500 10.5px/1.5 var(--font);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;}
  .gn-band:hover{background:var(--hover);}
  .gn-band-inline{margin:0 0 0 8px;vertical-align:middle;}
  .gn-b-good{color:var(--lime-ink);} .gn-b-ok{color:var(--accent);} .gn-b-warn{color:var(--warning);} .gn-b-bad{color:var(--danger);}
  .ev-link{display:block;margin-top:8px;padding:0;border:0;background:none;color:var(--accent);font:500 12px/1.4 inherit;font-family:inherit;cursor:pointer;text-align:left;}
  .ev-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px;}
  .ev-head{margin-bottom:14px;} .ev-title{font-size:20px;font-weight:700;margin:4px 0 6px;letter-spacing:-.02em;} .ev-sub{font-size:13px;color:var(--text2);line-height:1.55;margin:0;}
  .ev-filter{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;}
  .ev-pill{padding:5px 11px;border-radius:999px;border:1px solid var(--line-strong);font-size:12px;color:var(--text2);cursor:pointer;}
  .ev-pill.is-on{color:var(--text);border-color:var(--accent);background:var(--tint-lilac);}
  .ev-row{padding:12px 14px;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;background:var(--surface);}
  .ev-row.ev-miss{border-left:2px solid var(--danger);}
  .ev-meta{display:flex;flex-wrap:wrap;gap:10px;font:500 10.5px/1.5 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--text3);margin-bottom:6px;}
  .ev-eng{color:var(--text);} .ev-yes{color:var(--lime-ink);} .ev-no{color:var(--danger);}
  .ev-q{font-size:13px;font-weight:600;margin-bottom:4px;}
  .ev-x{font-size:13px;color:var(--text-body);line-height:1.55;}
  .ev-x mark{background:var(--tint-lime);color:var(--text);border-radius:3px;padding:0 2px;}
  .ev-foot{font-size:12px;color:var(--text3);margin-top:10px;}
  .mcd-card{padding:0;overflow:hidden;margin-top:16px;}
  .mcd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--border);}
  .mcd-sub{font-size:12.5px;color:var(--text2);margin-top:2px;}
  .mcd-modes{display:flex;border:1px solid var(--line-strong);border-radius:999px;overflow:hidden;}
  .mcd-mode{padding:6px 12px;font-size:12px;color:var(--text2);cursor:pointer;white-space:nowrap;}
  .mcd-mode.is-on{background:var(--pressed);color:#fff;}
  .mcd-wrap{overflow-x:auto;}
  #mcd-table{width:100%;border-collapse:collapse;}
  #mcd-table td,#mcd-table th{padding:11px 16px;font-size:13px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;}
  .mcd-dim{color:var(--text3);font-size:12px;}
  .mcd-ok{color:var(--lime-ink);} .mcd-warn{color:var(--warning);} .mcd-bad{color:var(--danger);}
  .mcd-on{display:none;font-family:var(--font);font-size:12.5px;}
  .mcd-off{color:var(--text3);font-size:12.5px;}
  #mcd-table.is-connected .mcd-on{display:inline;} #mcd-table.is-connected .mcd-off{display:none;}
  .mcd-note{padding:12px 20px;font-size:12.5px;color:var(--text2);border-bottom:1px solid var(--line);}
  .mcd-fix-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 0;font-size:13px;color:var(--text-body);flex-wrap:wrap;}
  .mcd-copy{padding:7px 14px;font-size:12.5px;}
  .mcd-card .kh-code{margin:10px 20px 18px;}
  .mcd-note-on{display:none;} .mcd-card:has(#mcd-table.is-connected) .mcd-note-on{display:inline;} .mcd-card:has(#mcd-table.is-connected) .mcd-note-off{display:none;}

/* v106 · Regional & language selectors */
.gn-mk-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:16px 20px;margin-bottom:16px;}
.gn-mk-field{display:flex;flex-direction:column;gap:6px;min-width:0;flex:0 1 230px;}
.gn-sel{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:13px;}
.gn-mk-note{flex:1 1 240px;font-size:12px;color:var(--text3);padding-bottom:10px;}
.gn-mk-add{padding:18px 20px;margin-bottom:16px;}
.gn-mk-add-t{font-weight:600;margin-bottom:6px;}
.gn-mk-add-d{font-size:12.5px;color:var(--text2);line-height:1.55;margin-bottom:12px;max-width:760px;}
.gn-mk-add-b{display:flex;flex-wrap:wrap;gap:8px;}
.gn-mk-chip{background:var(--surface2);border:1px solid var(--border);color:var(--text2);margin-left:6px;}
.gn-mk-dash{text-align:right;font-family:var(--font);color:var(--text3);}

/* v107 · Alexa optimization proposals */
.gn-pr{padding:18px 20px;margin-bottom:16px;}
.gn-pr-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;}
.gn-pr-title{font-weight:600;margin-top:4px;}
.gn-pr-sub{font-size:12.5px;color:var(--text2);margin-top:4px;}
.gn-pr-proj{text-align:right;}
.gn-pr-num{font-family:var(--font);font-size:20px;margin-top:4px;color:var(--text2);}
.gn-pr-num b{color:var(--lime-ink);font-weight:600;}
.gn-pr-num small{font-size:11px;color:var(--text3);margin-left:4px;}
.gn-pr-steps{display:flex;flex-wrap:wrap;gap:6px;}
.gn-pr-step{font-size:11.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text3);}
.gn-pr-step.is-done{color:var(--text2);}
.gn-pr-step.is-now{border-color:var(--accent);color:var(--text);font-weight:600;}
.gn-pr-ev{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;}
.gn-pr-why{font-size:12.5px;color:var(--text2);line-height:1.55;}
.gn-pr-why .kpi-label{margin-right:6px;}
.gn-pr-checks{display:flex;flex-wrap:wrap;gap:6px;}
.gn-pr-chk{font-size:11.5px;padding:4px 10px;border-radius:999px;background:var(--surface2);color:var(--text2);display:inline-flex;align-items:center;gap:8px;}
.gn-pr-chk.is-warn{color:var(--warning);border:1px solid var(--warning);background:transparent;}
.gn-pr-conf{font:inherit;font-weight:600;font-size:11px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;}
.gn-pr-req,.gn-pr-done{padding:18px 20px;margin-top:14px;}
.gn-pr-ta{width:100%;box-sizing:border-box;margin:8px 0 10px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;resize:vertical;}
.gn-pr-done-t{font-weight:600;margin-bottom:8px;}
.gn-pr-done-d{font-size:12.5px;color:var(--text2);line-height:1.55;}
.gn-pr-flow{margin:0 0 10px;padding-left:18px;font-size:12.5px;color:var(--text3);line-height:1.9;}
.gn-pr-flow .is-done{color:var(--text2);}
.gn-pr-flow .is-now{color:var(--text);font-weight:600;}
@media (max-width:600px){.gn-pr-proj{text-align:left;}}

/* v108 · QA fixes: phone layouts (Settings nav, wide tables, KPI rows), light-mode toggle contrast */
@media (max-width:760px){
  .gn-set-wrap{flex-direction:column!important;gap:12px!important;}
  .gn-set-nav{width:100%!important;flex-direction:row!important;overflow-x:auto;gap:6px!important;padding-bottom:4px;}
  .gn-set-nav .settings-tab{white-space:nowrap;flex-shrink:0;}
  .gn-set-wrap>div:last-child{width:100%;min-width:0;}
  .app-page table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .stat-row{flex-wrap:wrap;}
  .stat-row>*{flex:1 1 50%;min-width:0;}
}
:root[data-theme="light"] .mcd-mode.is-on{background:var(--text);color:var(--bg);}

/* v108 · AI engines page */
.eng-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.eng-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 9px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text2);font:inherit;font-size:13px;cursor:pointer;}
.eng-chip.is-on{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600;}
.eng-ini{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);font-size:10px;color:var(--text2);}
.eng-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.eng-kpi{padding:18px 20px;}
.eng-kd{font-size:12px;color:var(--text2);margin-top:6px;}
.eng-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.eng-card{padding:18px 20px;margin-bottom:16px;min-width:0;}
.eng-flush{padding:0;overflow:hidden;}
.eng-pad{padding:18px 20px 0;}
.eng-h{font-weight:600;margin-bottom:10px;}
.eng-sub{font-size:12.5px;color:var(--text2);margin-bottom:12px;line-height:1.5;}
.eng-p{font-size:13px;color:var(--text2);line-height:1.6;margin:0;}
.eng-ul{margin:0;padding-left:18px;font-size:13px;color:var(--text2);line-height:1.7;}
.eng-t{width:100%;border-collapse:collapse;font-size:13px;}
.eng-t td,.eng-t th{padding:10px 16px;border-bottom:1px solid var(--border);text-align:left;}
.eng-t .num{text-align:right;font-family:var(--font);}
.eng-b{font-family:inherit;font-size:11px;color:var(--text3);margin-left:6px;}
.eng-no{color:var(--danger);}
.eng-qs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.eng-q{font-family:var(--font);font-size:12px;padding:6px 10px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);}
.eng-gap b{color:var(--text);}
.eng-bar{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:10px;font-size:13px;margin-bottom:8px;}
.eng-bar i{display:block;height:10px;border-radius:6px;background:var(--surface2);overflow:hidden;}
.eng-bar b{display:block;height:100%;background:var(--accent);}
.eng-bar em{font-style:normal;text-align:right;font-family:var(--font);color:var(--text2);}
.eng-foot{font-size:11.5px;color:var(--text3);margin-top:10px;}
.eng-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
@media (max-width:760px){.eng-kpis,.eng-grid{grid-template-columns:1fr;}.eng-bar{grid-template-columns:100px 1fr 40px;}}
.mm-row.is-link{cursor:pointer;border-radius:8px;}.mm-row.is-link:hover{background:var(--surface2);}
.eng-chip img{width:18px!important;height:18px!important;max-width:18px;flex-shrink:0;object-fit:contain;}
.eng-chip.is-on{background:var(--surface2);color:var(--text);border-color:var(--accent);}

/* v108b · QA fixes: onboarding, pricing, public tables on phones */
@media (max-width:760px){
  .ob-rail{flex:none!important;width:100%!important;border-right:none!important;border-bottom:1px solid var(--border);padding:16px!important;}
  .ob-rail + *{min-width:0;}
  .ob-rail{max-height:none;}
  .pr-cards{flex-wrap:wrap!important;padding:24px 16px!important;}
  .pr-cards>.card{flex:1 1 100%!important;min-width:0;}
  .page table{display:block;max-width:100%;overflow-x:auto;}
  .page table td,.page table th{white-space:normal!important;}
}
@media (max-width:760px){.ob-shell{flex-direction:column!important;}}
.eng-own-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.eng-own-n{font-weight:600;font-size:13.5px;}
.eng-own-v{margin-top:12px;color:var(--text);}
.eng-pad2{padding:0 16px 14px;}
.eng-bar b{background:var(--violet2);}
.eng-link{color:var(--accent);cursor:pointer;}
#app-page-engines{padding-bottom:72px;}
@media (max-width:760px){
  .eng-t tr:first-child{display:none;}
  .eng-t tr{display:block;border-bottom:1px solid var(--border);padding:8px 0;}
  .eng-t td{display:block;border:none!important;padding:4px 16px!important;text-align:left!important;}
  .eng-t td[data-l]::before{content:attr(data-l);display:block;font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text3);margin-bottom:2px;}
  .app-page .eng-t{display:block;overflow:visible;}
}
.nav-logo{width:16px;height:16px;object-fit:contain;flex-shrink:0;}

/* v110 · core: toasts and the Connect sheet */
#gn-toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:10000;width:min(560px,calc(100vw - 32px));pointer-events:none;}
.gn-toast{background:var(--raised);color:var(--text);border:1px solid var(--line-strong,var(--border));border-radius:14px;padding:12px 16px;font-size:13px;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:opacity .4s,transform .4s;pointer-events:auto;}
.gn-toast.is-out{opacity:0;transform:translateY(8px);}
.gn-sheet-ov{position:fixed;inset:0;background:rgba(5,3,10,.6);display:none;align-items:center;justify-content:center;z-index:9999;padding:16px;}
.gn-sheet-ov.open{display:flex;}
.gn-sheet{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(560px,100%);max-height:calc(var(--gn-vh,100vh) - 32px);overflow:auto;padding:22px 24px;}
.gn-sheet-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;}
.gn-sheet-t{font-size:20px;font-weight:700;margin-top:4px;}
.gn-sheet-x{background:transparent;border:1px solid var(--border);color:var(--text2);border-radius:999px;width:32px;height:32px;cursor:pointer;font:inherit;}
.gn-sheet-s{margin:12px 0;}
.gn-sheet-s p,.gn-sheet-d p{font-size:13px;color:var(--text2);line-height:1.6;margin:4px 0 0;}
.gn-sheet-d{margin:12px 0;font-size:12.5px;color:var(--text2);}
.gn-sheet-d summary{cursor:pointer;color:var(--text);}
.gn-sheet-b{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;}
.gn-sheet-note{font-size:11.5px;color:var(--text3);}
[data-conn-badge]{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface2);color:var(--text2);}
[data-conn-badge].is-on{background:var(--tint-lime);color:var(--lime-ink);}

/* v111 · G0 shared: phone navigation drawer, KPI rows on phones, metric label size */
.gn-navbtn{display:none;}
@media (max-width:900px){
  .gn-navbtn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;}
  .sidebar .gn-navlist{display:none!important;}
  .sidebar.nav-open .gn-navlist{display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:70vh!important;gap:2px!important;}
  .sidebar.nav-open .nav-group,.sidebar.nav-open .nav-group-items{display:block!important;}
  .sidebar.nav-open .nav-group-label{display:flex!important;}
  .sidebar.nav-open .nav-group.collapsed .nav-group-items{display:block!important;}
  .sidebar.nav-open .nav-item{white-space:normal;}
  .app-shell .stat-row{flex-wrap:wrap!important;}
  .app-shell .stat-row>div{flex:1 1 calc(50% - 1px)!important;min-width:0!important;padding:14px 16px!important;}
  .app-shell .stat-row>div:not(:last-child)::after{display:none;}
  .app-shell .stat-row .disp,.app-shell .stat-row .kpi-v,.app-shell .stat-row .kpi-val{font-size:22px!important;overflow-wrap:anywhere;}
}
.stat-row .mono[style*="font-size:10.5px"]{font-size:11px!important;}
@media (max-width:900px){
  .sidebar.nav-open #gn-navlist{flex-direction:column!important;align-items:stretch!important;width:100%!important;}
  .sidebar.nav-open #gn-navlist>*{width:100%;}
  .sidebar.nav-open #gn-navlist .nav-group-items{display:flex!important;flex-direction:column!important;gap:2px;}
}

/* ==== G1 · integrations · begin ==== */
/* G1-8: room under every page so the Ask Geonos button never covers the last table row */
.app-page{padding-bottom:88px;}
/* status chip + page source strip (G1-5) */
.gn-conn-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap;}
.gn-conn-chip:hover{border-color:var(--accent);}
.gn-conn-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.gn-conn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--row);flex-shrink:0;}
.gn-conn-chip.is-on .gn-conn-dot{background:var(--lime-ink);}
.gn-conn-chip-s{color:var(--text3);font-size:11px;}
.gn-conn-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
.gn-conn-strip .kpi-label{margin-right:2px;}
/* not-connected card (G1-5, UX pattern C1) */
.gn-conn-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.gn-conn-card>.kpi-label{margin:0;}
.gn-conn-card-t{font-weight:600;font-size:14px;color:var(--text);}
.gn-conn-card .gn-tag{width:100%;box-sizing:border-box;}
.gn-conn-prev{position:relative;width:100%;box-sizing:border-box;border:1px dashed var(--row);border-radius:8px;padding:28px 14px 8px;}
.gn-conn-prev-b{position:absolute;top:8px;left:14px;font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text2);}
.gn-conn-prev-r{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line,var(--border));font-size:13px;opacity:.4;}
.gn-conn-prev-r:last-child{border-bottom:0;}
.gn-conn-prev-r b{font-family:var(--font);font-weight:500;text-align:right;}
/* Settings › Data connections (G1-1) */
.gn-dc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--border);}
.gn-dc-sub{font-size:12.5px;color:var(--text2);margin-top:4px;max-width:560px;}
.gn-dc-table{width:100%;border-collapse:collapse;}
.gn-dc-table td{vertical-align:top;}
.gn-dc-group td{background:var(--surface2);height:auto!important;padding:8px 20px!important;}
.gn-dc-n{font-weight:600;color:var(--text);}
.gn-dc-w{font-size:12px;color:var(--text3);margin-top:2px;max-width:320px;}
.gn-dc-c{color:var(--text2);font-size:12.5px;}
.gn-dc-act{text-align:right;white-space:nowrap;}
[data-conn-badge]{white-space:nowrap;display:inline-block;}
.gn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
@media (max-width:760px){
  .gn-dc-table thead{display:none;}
  .gn-dc-table,.gn-dc-table tbody,.gn-dc-table tr,.gn-dc-table td{display:block;width:100%;box-sizing:border-box;}
  .gn-dc-table tr{border-bottom:1px solid var(--line,var(--border));padding:10px 0;}
  .gn-dc-table td{border:0!important;height:auto!important;padding:4px 16px!important;text-align:left;}
  .gn-dc-table td[data-l]:not([data-l="Source"])::before{content:attr(data-l);display:block;font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:2px;}
  .gn-dc-table tr.gn-dc-group{padding:0;}
  .gn-dc-act{text-align:left;padding-top:8px!important;}
}
/* welcome checklist sources (G1-6) */
.gn-ob-conn{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
/* Brand Book suggestions waiting for review (G1-7) */
.gn-review{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent);}
.gn-review-b{margin-left:8px;background:var(--tint-violet);color:var(--text);}
/* ==== G1 · end ==== */

/* ==== S0 · shared primitives · begin ==== */
.ph-pending{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px dashed var(--warning);border-radius:8px;background:var(--tint-amber);color:var(--warning);font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;white-space:normal}
@keyframes gnChanged{from{background:var(--tint-lilac)}to{background:transparent}}
.gn-changed{animation:gnChanged 1.2s ease-out 1}
@keyframes gnChangedStatic{from{background:var(--tint-lilac)}to{background:transparent}}
@media (prefers-reduced-motion:reduce){.gn-changed{animation:gnChangedStatic 2s steps(1,end) 1}}
/* ==== S0 · end ==== */

/* ==== G2 · measure · begin ==== */
/* sidebar foot: MCP, Settings and Knowledge hub pinned below the scrolling list (DS 2.1) */
.gn-sb-foot{display:flex;flex-direction:column;gap:2px;flex-shrink:0;margin:8px 0;padding-top:8px;border-top:1px solid var(--line);}
.gn-grp-up{margin-left:auto;margin-right:6px;font-family:var(--font);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);cursor:pointer;white-space:nowrap;}
.gn-grp-up[data-up]{display:none;}
html[data-path="A"] .gn-grp-up[data-up="A"],html[data-path="B"] .gn-grp-up[data-up="B"]{display:inline;}
.nav-group-label{display:flex;align-items:center;}
.gn-nav-upsell{display:none!important;}
html[data-path="A"] .gn-nav-upsell{display:flex!important;}
.gn-nav-upsell .gn-grp-up{margin-right:0;}
@media (max-width:900px){
  .sidebar>.gn-sb-foot{display:none;}
  .sidebar.nav-open>.gn-sb-foot{display:flex;width:100%;}
}
/* Geonos Agent answers */
.gn-agent-src{display:block;margin-top:8px;font-size:12px;color:var(--text3);}
.gn-agent-src b{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-right:6px;}
.gn-agent-chip{margin-top:8px;}
#app-page-agent .page-head{flex-shrink:0;}
/* Overview by path */
.gn-g2-up{color:var(--lime-ink);}
.gn-g2-grade{display:inline-flex;align-items:center;vertical-align:middle;padding:1px 8px;border:1px solid currentColor;border-radius:999px;color:var(--accent);font:500 11px/1.5 var(--font);letter-spacing:.06em;}
.gn-g2-of{font-size:12px;color:var(--text2);font-weight:400;}
.gn-g2-row2{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin-bottom:16px;}
.gn-g2-slot,.gn-g2-up-card{padding:18px 20px;border-radius:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.gn-g2-slot-d{font-size:12px;color:var(--text3);}
.gn-g2-up-l{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;}
.gn-g2-link{color:var(--accent);}
.gn-g2-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-radius:14px;margin-bottom:16px;font-size:13px;color:var(--text2);}
.gn-g2-strip b{color:var(--text);font-weight:600;}
.gn-g2-lane{padding:18px 20px;border-radius:14px;margin-bottom:16px;}
.gn-g2-lane-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.gn-g2-lane-t{font-weight:600;margin-top:4px;}
.gn-g2-lane-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gn-g2-lane-k>div{padding:10px 12px;border:1px solid var(--line);border-radius:8px;}
.gn-g2-lane-v{font-family:var(--font);font-size:20px;font-weight:600;margin-top:6px;}
@media (max-width:760px){.gn-g2-row2{grid-template-columns:1fr;}.gn-g2-lane-k{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* one series colour for "you" (§17): Overview and Engine comparison bars */
#voe-model-view .mb-bar i,#voe-topic-view .mb-bar i{background:var(--lime-ink);}
#voe-model-view .mb-row.clickable{cursor:pointer;border-radius:8px;}
#voe-model-view .mb-row.clickable:hover{background:var(--hover);}
.gn-g2-mm{display:grid;grid-template-columns:22px minmax(0,150px) minmax(0,1fr) 48px 120px;align-items:center;gap:12px;cursor:pointer;border-radius:8px;padding:2px 4px;}
.gn-g2-mm:hover{background:var(--hover);}
.gn-g2-mm-n{font-size:13px;min-width:0;}
.gn-g2-mm-s{display:block;font-size:11px;color:var(--text3);}
.gn-g2-mm-bar{height:12px;border-radius:6px;background:var(--surface2);overflow:hidden;}
.gn-g2-mm-bar i{display:block;height:100%;border-radius:6px;background:var(--lime-ink);}
.gn-g2-mm-v{text-align:right;font-family:var(--font);font-size:13px;}
.gn-g2-mm-b .gn-band{margin-top:0;}
@media (max-width:760px){.gn-g2-mm{grid-template-columns:22px minmax(0,1fr) 44px;}.gn-g2-mm-bar{grid-column:2/4;grid-row:2;}.gn-g2-mm-b{grid-column:2/4;}}
/* AI engines */
.eng-shop{font-size:12.5px;color:var(--text2);margin:-6px 0 14px;}
.eng-shop-n{color:var(--text3);}
.eng-cur{margin:0 0 10px;}
.eng-own-top .gn-conn-chip{flex-shrink:0;}
.eng-own-act{margin-top:10px;}
#eng-own .gn-conn-card{margin-top:12px;}
/* SEO and Prompt research connection slots */
#seo-conn-strip .gn-conn-strip,#seo-gsc-card .gn-conn-card{margin-bottom:16px;}
#psrc-conn .gn-conn-card{margin:4px 0 10px;background:var(--surface);}
.gn-g2-connected{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-size:12.5px;}
.gn-g2-plist{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text);}
.gn-g2-plist span{color:var(--text3);font-size:11.5px;margin-left:6px;}
.gn-g2-result{align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--text);background:var(--surface);}
.gn-g2-result .gn-mark{color:var(--accent);flex-shrink:0;}
.gn-g2-filter{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--line);font-weight:400;}
.gn-g2-fchip{border:0;background:transparent;color:var(--text2);font:inherit;font-size:12px;padding:4px 12px;border-radius:999px;cursor:pointer;}
.gn-g2-fchip.is-on{background:var(--text);color:var(--bg);font-weight:600;}
.gn-g2-tagf{align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--text2);}
.gn-g2-brand{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--surface2);color:var(--text2);font-size:11.5px;white-space:nowrap;}
.gn-g2-brand.is-b{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);}
.gn-g2-thin{display:inline-block;margin-left:6px;font-family:var(--font);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);white-space:nowrap;}
.gn-g2-tip{text-decoration:underline dotted var(--text3);text-underline-offset:3px;cursor:help;}
.gn-g2-nodem{color:var(--text3);font-size:12px;}
.gn-g2-kpi-n{font-size:11.5px;color:var(--text3);margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
/* clickable rows (drill-downs) */
#vis-model-table tr:not(:first-child){cursor:pointer;}
#vis-model-table tr:not(:first-child):hover td{background:var(--hover);}
.gn-g2-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.gn-g2-done{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text2);}
.gn-g2-done .gn-mark{color:var(--accent);}
.gn-g2-sug{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);}
.gn-g2-sug .gn-g2-btns{margin-top:0;}
.gn-g2-in{width:100%;max-width:240px;box-sizing:border-box;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;}
.gn-g2-prev{padding:14px 20px;border-bottom:1px solid var(--line);}
.gn-g2-prev table{margin-top:8px;}
.gn-g2-logs{color:var(--accent);}
.gn-g2-bm{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:8px;}
.gn-g2-bm:hover{background:var(--hover);}
#drawer-content .ev-title{overflow-wrap:anywhere;}
/* ==== G2 · end ==== */
/* Signed-out demo hero: robot is the visual. Type and CTA fades stay in geo-hero-motion.css. */
#hero-legacy{display:none!important;}
.hero.geo-hero{
  position:relative;
  isolation:isolate;
  overflow-x:clip;
  box-sizing:border-box;
  width:min(1200px,100%);
  margin:0 auto;
  padding:28px 24px 8px!important;
  text-align:left!important;
}
.hero.geo-hero h1,.hero.geo-hero p{margin:0;}
.hero-eyebrow{margin:0;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);}
.geo-hero #hero-headline{font-weight:700!important;letter-spacing:-.03em!important;line-height:1.05!important;font-size:clamp(36px,4.6vw,56px)!important;max-width:16ch!important;text-wrap:balance;color:var(--text);}
.geo-hero #hero-subhead{max-width:38ch!important;font-size:clamp(16px,1.7vw,20px)!important;line-height:1.45;color:var(--text-body);}
.geo-hero .hero-ctas{display:flex;flex-direction:column;align-items:stretch;gap:10px!important;width:100%;margin:4px 0 0;}
.geo-hero__cta-primary{background:var(--primary);color:var(--on-primary);border-radius:999px;box-shadow:var(--shadow-cta);text-decoration:none;}
#hero-cta1.geo-hero__cta-primary{min-height:48px;padding:0 22px!important;font-size:15px!important;font-weight:600;line-height:1.2;text-align:center;width:100%;}
.geo-hero #hero-cta2{display:inline-flex;align-items:center;min-height:44px!important;padding:8px 2px!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--text2);font-size:14px!important;font-weight:500;line-height:1.3;text-align:left;text-decoration:none;text-underline-offset:3px;width:max-content;}
.geo-hero #hero-cta2:hover,.geo-hero #hero-cta2:focus-visible{color:var(--text);text-decoration:underline;}
.hero-visual{position:relative;width:100%;min-width:0;}
.hero-visual::before{content:"";position:absolute;left:50%;top:42%;width:min(520px,120%);height:min(520px,120%);transform:translate(-50%,-52%);background:radial-gradient(closest-side,rgba(184,155,255,.16),rgba(184,155,255,.08) 42%,transparent 72%);pointer-events:none;z-index:0;}
.hero.geo-hero .hero-anim-slot,.hero.geo-hero .hero-anim-slot.is-empty{position:relative;z-index:1;width:100%;max-width:none;height:280px;min-height:280px;margin:0;}
.hero-slot-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;}
.hero-anim-slot.is-empty .hero-slot-fallback{display:flex;}
.hero-slot-cap{position:relative;z-index:1;margin:4px 0 0;text-align:center;font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
.hero-trust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.hero-trust img{width:22px;height:22px;}
.hero-trust span{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
.hero.geo-hero .robot-chip{left:auto;right:6%;top:8%;}
@media (max-width:899px){
  .hero.geo-hero{display:flex!important;flex-direction:column;align-items:stretch;gap:14px!important;text-align:left!important;}
  .hero.geo-hero .hero-eyebrow{order:1;}
  .hero.geo-hero #hero-headline{order:2;}
  .hero.geo-hero #hero-subhead{order:3;}
  .hero.geo-hero .hero-visual{order:4;}
  .hero.geo-hero .hero-ctas{order:5;}
  .hero.geo-hero .hero-trust{order:6;}
}
@media (min-width:900px){
  .hero.geo-hero{display:grid!important;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);grid-template-areas:"badge robot" "head robot" "sub robot" "cta robot" "trust robot";column-gap:48px;row-gap:14px!important;align-items:center;align-content:center;justify-items:start;min-height:calc(100vh - 88px);padding:32px 40px 16px!important;}
  .hero.geo-hero .hero-eyebrow{grid-area:badge;}
  .hero.geo-hero #hero-headline{grid-area:head;}
  .hero.geo-hero #hero-subhead{grid-area:sub;}
  .hero.geo-hero .hero-ctas{grid-area:cta;width:max-content;align-items:flex-start;}
  .hero.geo-hero #hero-cta1{width:auto;}
  .hero.geo-hero .hero-trust{grid-area:trust;}
  .hero.geo-hero .hero-visual{grid-area:robot;min-height:420px;display:flex;flex-direction:column;justify-content:center;}
  .hero.geo-hero .hero-anim-slot,.hero.geo-hero .hero-anim-slot.is-empty{height:clamp(420px,calc(100vh - 200px),560px);min-height:420px;}
}
/* ==== G3 · optimize · begin ==== */
/* lime tints for "you / good result" only (brand A14, V48): tokens instead of raw rgba */
:root{--g3-lime-55:rgba(184,242,74,.55);--g3-lime-40:rgba(184,242,74,.4);--g3-lime-30:rgba(184,242,74,.3);--g3-lime-18:rgba(184,242,74,.18);--g3-lime-dot:rgba(184,242,74,.85);}
html[data-theme="light"]{--g3-lime-dot:var(--lime-ink);--g3-lime-55:rgba(184,242,74,.7);--g3-lime-18:rgba(184,242,74,.32);--g3-lime-40:rgba(70,108,15,.35);--g3-lime-30:rgba(70,108,15,.25);}
/* Optimization actions: preview panel, stepper (MO C5: only dot + connector animate, 200 ms), row state */
.g3-act-panel{padding:14px 22px 16px 94px;border-bottom:1px solid var(--line);background:var(--surface2);display:flex;flex-direction:column;gap:12px;}
.g3-act-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--text2);}
.g3-act-b{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;}
.g3-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.g3-diff>div{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;}
.g3-diff p{margin:4px 0 0;font-size:13px;color:var(--text);}
.g3-diff p.g3-diff-old{color:var(--text3);text-decoration:line-through;}
.act-row:has(.g3-state){flex-wrap:wrap;}
.g3-state{flex-basis:100%;padding-left:72px;box-sizing:border-box;}
.g3-step{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.g3-step-s{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);}
.g3-step-s i{width:9px;height:9px;border-radius:50%;background:var(--row);transition:background-color 200ms ease,box-shadow 200ms ease;}
.g3-step-s.is-done{color:var(--text2);}
.g3-step-s.is-done i{background:var(--lime-ink);}
.g3-step-s.is-cur{color:var(--text);}
.g3-step-s.is-cur i{background:var(--accent);box-shadow:0 0 0 3px var(--tint-lilac);}
.g3-step-c{display:inline-block;width:22px;height:2px;background:var(--row);transition:background-color 200ms ease;}
.g3-step-c.is-done{background:var(--accent);}
.g3-step-n{font-size:12px;color:var(--text2);margin-top:6px;}
.g3-undo{display:flex;align-items:center;gap:14px;}
.g3-undo-b{background:transparent;border:1px solid var(--line-strong,var(--border));color:var(--text);border-radius:999px;padding:4px 12px;font:inherit;font-size:12px;cursor:pointer;}
.g3-undo-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.g3-added .act-score b{color:var(--text3);}
/* drawers built by G3 */
.g3-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px;}
.g3-kv>div{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;}
.g3-kv b{font-weight:500;font-size:13px;color:var(--text);word-break:break-word;}
.g3-p{font-size:13px;color:var(--text2);line-height:1.6;margin:0 0 16px;}
.g3-inline-ok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text);padding:6px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);}
.g3-inline-ok::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--lime-ink);flex-shrink:0;}
.g3-inline-note{font-size:12px;color:var(--text2);}
.g3-chks{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;}
.g3-chk{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text2);background:var(--surface2);}
.g3-chk::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--lime-ink);}
.g3-chk.w{border-color:var(--warning);}
.g3-chk.w::before{background:var(--warning);}
.g3-ed{width:100%;box-sizing:border-box;margin:6px 0 14px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6;resize:vertical;}
/* page bits */
.g3-map{display:block;font-family:var(--font);font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;}
.g3-na{color:var(--text3)!important;}
.g3-strip:empty{display:none;}
.g3-strip-s{font-size:12px;color:var(--text2);}
.g3-note{font-size:12px;color:var(--text2);padding:10px 20px;}
.card>.g3-note{border-bottom:1px solid var(--border);}
.g3-date{display:block;font-family:var(--font);font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;}
.g3-conn-on{font-size:12.5px;color:var(--text2);margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.g3-slot{flex:1;min-width:0;}
.g3-om-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--border);font-size:12.5px;margin-top:8px;}
.g3-om-u{color:var(--text2);word-break:break-all;flex:1;min-width:160px;}
.g3-om-s,.g3-run{font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text3);}
.btn.is-busy{opacity:.6;pointer-events:none;}
.g3-key{margin-top:12px;display:flex;flex-direction:column;gap:6px;}
.g3-key[hidden]{display:none;}
.g3-key-f{width:100%;box-sizing:border-box;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px;font-family:var(--font);font-size:12px;}
.btn[aria-disabled="true"]{opacity:.5;pointer-events:none;}
#g3-autodeploy-ph:empty{display:none;}
@media (max-width:760px){
  .g3-act-panel{padding:14px 16px;}
  .g3-diff{grid-template-columns:1fr;}
  .g3-state{padding-left:0;}
}
/* "Download PDF" prints only the open drawer */
@media print{
  html.g3-print-drawer body>*:not(#drawer){display:none!important;}
  html.g3-print-drawer #drawer{position:static!important;transform:none!important;width:auto!important;max-width:none!important;box-shadow:none!important;border:0!important;}
}
/* ==== G3 · end ==== */
/* ==== G4 · commerce · begin ==== */
.g4-strip{margin:-4px 0 16px;}
.g4-n{display:inline-block;margin-left:6px;font-family:var(--font);font-size:11px;color:var(--text3);}
.g4-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:16px;}
.g4-kpi{padding:20px;min-width:0;}
.g4-kpi-d{font-size:11.5px;color:var(--text3);margin-top:4px;}
.g4-kpi-d.g4-up{color:var(--lime-ink);}
.g4-kpi-ph{margin-top:12px;}
.g4-kpis-off:not(:empty){margin-bottom:16px;}
.g4-opp{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.g4-tile-s{text-transform:none;letter-spacing:0;color:var(--text3);}
.g4-tile-v{display:flex;align-items:baseline;gap:8px;margin-top:10px;}
.g4-tile-n{font-size:36px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;}
.g4-tile-n.g4-good{color:var(--lime-ink);}
.g4-tile-u{font-size:14px;color:var(--text2);}
.g4-grade{font-family:var(--font);font-weight:600;}
.g4-g-A{background:var(--tint-lime)!important;color:var(--lime-ink)!important;}
.g4-g-B{background:var(--tint-lilac)!important;color:var(--accent)!important;}
.g4-g-C{background:var(--tint-amber)!important;color:var(--warning)!important;}
.g4-g-D{background:var(--tint-coral)!important;color:var(--danger)!important;}
.g4-more{padding:18px 20px;margin-top:16px;}
.g4-more-h{margin-bottom:10px;}
.g4-more-d,.g4-dd,.g4-for-d,.g4-pe{font-size:12.5px;color:var(--text2);line-height:1.55;}
.g4-more-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--border);align-items:start;}
.g4-more-n{display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.g4-more-s{font-size:12px;color:var(--text3);}
.g4-more-on{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;}
.g4-demand{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px;}
.g4-dcard{padding:18px 20px;min-width:0;}
.g4-dh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.g4-dt,.g4-ft{font-weight:600;}
.g4-tbl{width:100%;border-collapse:collapse;}
.g4-num{text-align:right;font-family:var(--font);font-variant-numeric:tabular-nums;}
.g4-dash{color:var(--text3);}
.g4-foot{font-size:11.5px;color:var(--text3);margin-top:10px;line-height:1.5;}
.g4-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 20px;margin-bottom:16px;font-size:13px;}
.g4-purch{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 20px;margin-top:16px;}
.g4-inline{margin-top:12px;padding:10px 14px;border-radius:8px;background:var(--surface2);font-size:12.5px;color:var(--text2);line-height:1.55;}
.g4-for{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;margin-bottom:16px;}
.g4-for-d{flex:1;min-width:200px;}
.g4-pick{padding:16px 20px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;}
.g4-pick select{width:100%;max-width:420px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;}
.g4-lang{background:var(--surface2);color:var(--text2);}
/* proposal panel + stepper (DS #17, MO C5: only the dot and connector animate) */
.g4-panel{padding:20px 22px;border-radius:20px;margin-bottom:14px;}
.g4-ph{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.g4-ph-l{flex:1;min-width:240px;}
.g4-ph-r{text-align:right;}
.g4-pt{font-size:18px;font-weight:600;margin:6px 0 4px;overflow-wrap:anywhere;}
.g4-pf{font-size:11.5px;color:var(--text3);margin-top:4px;}
.g4-mono,.g4-mono-b{font-family:var(--font);}
.g4-proj{font-family:var(--font);font-size:24px;margin-top:4px;color:var(--text2);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.g4-ph-r .g4-proj{justify-content:flex-end;}
.g4-proj b{color:var(--lime-ink);font-weight:600;}
.stp.g4-stp{display:flex;list-style:none;margin:18px 0 0;padding:0;counter-reset:s;}
.g4-stp li{flex:1;min-width:0;position:relative;padding-top:24px;font-size:12px;color:var(--text3);counter-increment:s;line-height:1.35;padding-right:6px;}
.g4-stp li::before{content:counter(s);position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-strong);font:600 10px/15px var(--font);text-align:center;background:var(--surface);z-index:1;box-sizing:border-box;transition:background .2s,border-color .2s;}
.g4-stp li::after{content:'';position:absolute;top:9px;left:20px;right:4px;height:1.5px;background:var(--line-strong);transition:background .2s;}
.g4-stp li:last-child::after{display:none;}
.g4-stp li.done{color:var(--text2);}
.g4-stp li.done::before{content:'✓';border-color:var(--text2);color:var(--text2);}
.g4-stp li.done::after{background:var(--text2);}
.g4-stp li.now{color:var(--text);font-weight:600;}
.g4-stp li.now::before{border-color:var(--accent);background:var(--accent);color:var(--bg);}
.g4-stp li.warn{color:var(--text2);}
.g4-stp li.warn::before{content:'!';border-color:var(--warning);color:var(--warning);}
.g4-stp li small{display:block;font-weight:400;color:var(--text3);font-size:11px;}
.g4-rules{padding:14px 20px;margin-bottom:14px;}
.g4-rules summary{cursor:pointer;}
.g4-rsum{font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text2);margin-left:8px;}
.g4-rules ul,.g4-pre-l{list-style:none;margin:10px 0 0;padding:0;}
.g4-rules li,.g4-pre-l li{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--border);font-size:12.5px;flex-wrap:wrap;}
.g4-rid{font-family:var(--font);font-size:11px;color:var(--text3);width:30px;flex-shrink:0;}
.g4-rl{flex:1;min-width:160px;color:var(--text2);}
.g4-pre-l li span:first-child{flex:1;}
.g4-rs{font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text2);}
.g4-rs.is-ok{color:var(--lime-ink);} .g4-rs.is-warn{color:var(--warning);} .g4-rs.is-fail{color:var(--danger);} .g4-rs.is-pend{color:var(--accent);} .g4-rs.is-skip{color:var(--text3);}
/* field cards + diff (DS #18) */
.g4-field{padding:18px 20px;margin-bottom:14px;}
.g4-field.is-warn{border-color:color-mix(in srgb,var(--warning) 50%,transparent);}
.g4-field.is-fail{border-color:color-mix(in srgb,var(--danger) 50%,transparent);}
.g4-fh{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.g4-fk{font-family:var(--font);font-size:11px;color:var(--text3);margin-top:2px;}
.g4-bd.is-ok{background:var(--tint-lime);color:var(--lime-ink);}
.g4-bd.is-warn{background:var(--tint-amber);color:var(--warning);}
.g4-bd.is-fail{background:var(--tint-coral);color:var(--danger);}
.g4-diff{display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 14px;font-size:13.5px;line-height:1.5;}
.g4-diff .kpi-label{padding-top:3px;}
.g4-old{color:var(--text3);text-decoration:line-through;text-decoration-color:var(--line-strong);overflow-wrap:anywhere;}
.g4-old.g4-nostrike,.g4-old:has(.g4-new-tag){text-decoration:none;}
.g4-new{color:var(--text);overflow-wrap:anywhere;}
.g4-new-tag{font-style:normal;color:var(--text3);}
.g4-bl{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--border);}
.g4-bl:first-of-type{border-top:0;padding-top:0;}
.g4-bl-n{font-family:var(--font);font-size:11px;color:var(--text3);padding-top:3px;}
.g4-ol,.g4-ul{margin:0;padding-left:18px;}
.g4-meta{font-family:var(--font);font-size:11px;color:var(--text2);margin-top:10px;}
.g4-chks{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.chk{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:3px 10px;border-radius:999px;background:var(--surface2);color:var(--text2);line-height:1.5;max-width:100%;flex-wrap:wrap;}
.chk.w{background:transparent;box-shadow:inset 0 0 0 1px var(--warning);color:var(--warning);}
.chk.f{background:var(--tint-coral);color:var(--danger);}
.g4-chk-b{font:inherit;font-weight:600;font-size:11px;padding:1px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;}
.g4-why{font-size:12.5px;color:var(--text2);line-height:1.55;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);}
.g4-why .kpi-label{margin-right:6px;}
.g4-attr{width:100%;border-collapse:collapse;font-size:13px;}
.g4-attr td{vertical-align:top;}
.g4-req{font-family:var(--font);font-size:10px;text-transform:uppercase;color:var(--warning);margin-left:4px;}
.g4-missing{color:var(--warning);display:block;margin-bottom:6px;}
.g4-addv{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px;}
.g4-in{flex:1;min-width:140px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 10px;font:inherit;font-size:12.5px;}
.g4-by{font-family:var(--font);font-size:10px;text-transform:uppercase;color:var(--text3);}
.g4-ans{display:flex;flex-direction:column;gap:10px;}
.g4-q{padding:10px 0;border-top:1px solid var(--border);font-size:13px;line-height:1.5;}
.g4-q:first-child{border-top:0;padding-top:0;}
.g4-q .kpi-label{margin-right:6px;}
.g4-qd{font-size:11.5px;color:var(--text3);margin-top:2px;}
.g4-note{font-size:12px;color:var(--text3);margin:0 0 14px;}
/* approval bar */
.g4-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 20px;box-shadow:var(--shadow-pop);margin-bottom:14px;}
.g4-bar-t{flex:1;min-width:220px;}
.g4-bar-h{font-weight:600;font-size:14px;}
.g4-bar-d{font-size:12.5px;color:var(--text2);display:inline;}
.g4-bar-c{display:inline-block;vertical-align:middle;}
.g4-bar-m:empty{display:none;}
.g4-bar-m{flex-basis:100%;font-size:12.5px;color:var(--warning);}
.btn.g4-approve.is-disabled{opacity:.45;cursor:not-allowed;}
.g4-req,.g4-done,.g4-pre{padding:18px 20px;margin-bottom:14px;}
.g4-done-t{font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.g4-done-d{font-size:12.5px;color:var(--text2);line-height:1.55;margin-top:10px;}
.g4-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.g4-spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:g4spin .8s linear infinite;display:inline-block;}
@keyframes g4spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.g4-spin{animation:none;}}
.g4-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.g4-undo{font:inherit;font-weight:600;background:transparent;border:1px solid var(--line-strong);color:var(--text);border-radius:999px;padding:3px 12px;cursor:pointer;}
.g4-q-badge{background:var(--tint-lilac);color:var(--accent);}
/* product detail */
.g4-ah{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.g4-ah-s{font-size:12.5px;color:var(--text2);}
.g4-mono-b{background:var(--surface2);color:var(--text2);}
.g4-shelf,.g4-5c{padding:18px 20px;margin-bottom:14px;}
.g4-asin-pr{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px;margin:6px 0 20px;}
.g4-asin-pr > div{flex:1;min-width:220px;}
/* drawers */
.g4-dr-t{font-size:19px;font-weight:700;margin:6px 0 10px;}
.g4-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin:12px 0;}
.g4-kv span{color:var(--text3);}
.g4-win{margin:14px 0;padding:12px 14px;border-radius:8px;background:var(--surface2);font-size:12.5px;color:var(--text2);line-height:1.55;}
tr.g4-you td:first-child{box-shadow:inset 3px 0 0 var(--signal-lime);color:var(--lime-ink);font-weight:600;}
/* ChatGPT feed card */
.g4-feed{padding:18px 20px;margin-bottom:16px;}
.g4-feed-on{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.g4-feed-t{font-weight:600;margin:6px 0 4px;}
/* Mercado Libre sites: Brasil has no measured data yet; other sites aren't connected */
#app-page-mercadolibre[data-g4-site="MLB"] #ml-overview,#app-page-mercadolibre[data-g4-site="MLB"] #ml-sov,#app-page-mercadolibre[data-g4-site="MLB"] #ml-rank,#app-page-mercadolibre[data-g4-site="MLB"] #ml-conv,#app-page-mercadolibre[data-g4-site="MLB"] #ml-prompts,#app-page-mercadolibre[data-g4-site="MLB"] #ml-listings,#app-page-mercadolibre[data-g4-site="MLB"] #ml-actionbank{display:none!important;}
#app-page-mercadolibre[data-g4-site="other"] div[id^="ml-"],#app-page-mercadolibre[data-g4-site="other"] .g4-ml-tabs{display:none!important;}
@media (max-width:760px){
  .stp.g4-stp{flex-direction:column;gap:10px;}
  .g4-stp li{padding:0 0 0 28px;min-height:18px;}
  .g4-stp li::after{display:none;}
  .g4-diff{grid-template-columns:minmax(0,1fr);}
  .g4-ph-r{text-align:left;}
  .g4-ph-r .g4-proj{justify-content:flex-start;}
  .g4-bar .btn{flex:1 1 100%;justify-content:center;}
  .g4-more-row{grid-template-columns:minmax(0,1fr);}
  .g4-attr thead{display:none;}
  .g4-attr,.g4-attr tbody,.g4-attr tr,.g4-attr td{display:block;width:100%;box-sizing:border-box;}
  .g4-attr tr{padding:8px 0;border-top:1px solid var(--border);}
  .g4-attr td{border:0!important;padding:2px 0!important;height:auto!important;}
  .g4-attr td:nth-child(2){display:none;}
}
/* ==== G4 · end ==== */
/* ==== G5a · site · begin ==== */
/* hero: Lilac badge (brand A15), one lime key CTA, Lilac selection on the path cards (C-5) */
.gn-hero-badge{background:var(--tint-lilac)!important;border:1px solid var(--accent)!important;color:var(--accent)!important;padding:6px 14px!important;font-size:11px!important;font-family:var(--font);letter-spacing:.06em!important;}
.gn-cap-dot{background:var(--accent)!important;}
.gn-link{color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-weight:500;}
.gn-link:hover{color:var(--text);}
.gn-es-ph{margin-top:-6px;}
.gn-es-ph[hidden]{display:none!important;}
.gn-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:560px;}
.gn-path{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 40px 14px 16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;}
.gn-path:hover{border-color:var(--accent);}
.gn-path:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.gn-path.is-on,.gn-path[aria-selected="true"]{border-color:var(--accent);background:var(--tint-lilac);box-shadow:0 0 0 1px var(--accent);}
.gn-path-radio{position:absolute;top:14px;right:14px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-strong);}
.is-on>.gn-path-radio,[aria-selected="true"]>.gn-path-radio,[aria-checked="true"]>.gn-path-radio{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface);background:var(--accent);}
.gn-path-eb{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);}
.gn-path-t{font-size:15px;font-weight:600;line-height:1.3;}
.gn-path-d{font-size:13px;line-height:1.45;color:var(--text2);}
.gn-hero-eng{font-family:var(--font);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text3);line-height:1.6;}
.gn-listing{width:100%;max-width:560px;text-align:left;border:1px solid var(--line-strong);border-left:3px solid var(--accent);border-radius:14px;background:var(--surface);padding:18px 20px;}
.gn-listing[hidden]{display:none!important;}
.gn-listing-t{font-size:17px;font-weight:600;color:var(--text);}
.gn-listing-d{font-size:14px;color:var(--text2);margin-top:4px;line-height:1.5;}
.gn-listing-a{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:14px 0 10px;}
.gn-listing-n{font-size:12.5px;color:var(--text3);}
.gn-sample{position:relative;z-index:1;width:100%;max-width:420px;align-self:center;text-align:left;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);padding:14px 18px 16px;}
.gn-sample-cap{font-size:13px;color:var(--text2);margin:8px 0 10px;}
.gn-sample-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.gn-sample-k{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
.gn-sample-v{font-family:var(--font);font-size:24px;font-weight:600;color:var(--text);margin-top:4px;}
.gn-sample-v small{font-size:12px;color:var(--text3);}
.gn-sample-s{font-size:12px;color:var(--text2);margin-top:2px;}
@keyframes gnSwap{from{opacity:.4}to{opacity:1}}
.gn-swap{animation:gnSwap .18s ease-out 1;}
@media (prefers-reduced-motion:reduce){.gn-swap{animation:none;}}
.gn-demo-tag{display:inline-flex;align-items:center;font-family:var(--font);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);border:1px dashed var(--line-strong);border-radius:999px;padding:2px 8px;white-space:nowrap;vertical-align:middle;}
.hm-top .gn-demo-tag{margin-left:8px;}
.gn-src{font-family:var(--font);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text3);margin-top:4px;}
/* two-path additions on the owner's .geo-hero (7dc66d8): cards under the sub, links + honest Amazon panel under the CTA, sample card under the robot */
.gn-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;max-width:560px;}
.hero[data-check="listing"] .hero-ctas,.hero[data-check="listing"] .gn-hero-links{display:none!important;}
.hero.geo-hero .gn-sample{max-width:440px;}
@media (min-width:900px){
  .hero.geo-hero{grid-template-areas:"badge robot" "head robot" "esph robot" "sub robot" "paths robot" "cta sample" "links sample" "listing sample" "trust sample"!important;}
  .hero.geo-hero .gn-es-ph{grid-area:esph;}
  .hero.geo-hero .gn-paths{grid-area:paths;}
  .hero.geo-hero .gn-hero-links{grid-area:links;}
  .hero.geo-hero .gn-listing{grid-area:listing;}
  .hero.geo-hero .gn-sample{grid-area:sample;align-self:start;justify-self:center;}
  .hero.geo-hero:has(.gn-sample) .hero-anim-slot{height:clamp(300px,calc(100vh - 420px),440px)!important;min-height:300px!important;}
}
@media (max-width:899px){
  .hero.geo-hero .gn-es-ph{order:2;}
  .hero.geo-hero .gn-paths{order:3;max-width:none;}
  .hero.geo-hero .gn-listing{order:5;max-width:none;}
  .hero.geo-hero .gn-hero-links{order:6;}
  .hero.geo-hero .gn-sample{order:7;max-width:none;}
}
@media (max-width:759px){
  .gn-paths{gap:10px;}
  .gn-path{padding:12px 30px 12px 12px;}
  .gn-path-radio{top:12px;right:10px;}
  .gn-path-t{font-size:14px;}
  .gn-path-d{display:none;}
  .hero.geo-hero:has(.gn-paths) .hero-anim-slot{height:300px!important;min-height:300px!important;}
}
/* engines strip (WD S2): 8 answer engines · divider · 2 shopping assistants · Google as text */
.gn-engines{max-width:1312px;margin:0 auto;padding:56px 64px;}
.gn-eng-head{margin-bottom:24px;}
.gn-eng-h{margin:8px 0 0;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text);}
.gn-eng-groups{display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start;}
.gn-eng-l{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);margin-bottom:12px;}
.gn-eng-row{display:flex;flex-wrap:wrap;gap:16px 12px;}
.gn-eng-div{width:1px;align-self:stretch;background:var(--line-strong);}
.gn-et{display:flex;flex-direction:column;align-items:center;gap:8px;width:76px;text-align:center;}
.gn-et-i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);}
html[data-theme="light"] .gn-et-i{background:var(--night);border-color:var(--night);}
.gn-et-n{font-family:var(--font);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text2);line-height:1.3;}
.gn-eng-g-s{margin-top:18px;font-size:13.5px;color:var(--text2);}
@media (max-width:900px){ .gn-engines{padding:40px 16px;} .gn-eng-div{width:100%;height:1px;} .gn-et{width:68px;} }
/* visible FAQ (OD2): plain Q&As, never collapsed */
.gn-faq-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px 48px;max-width:1312px;margin:0 auto;padding:72px 64px;border-top:1px solid var(--line);}
.gn-faq-h{margin:10px 0 0;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text);}
.gn-faq-list{display:flex;flex-direction:column;}
.gn-qa{padding:18px 0;border-bottom:1px solid var(--line);}
.gn-qa:first-child{padding-top:0;}
.gn-qa h3{margin:0 0 6px;font-size:17px;font-weight:600;color:var(--text);}
.gn-qa p{margin:0;font-size:15px;line-height:1.6;color:var(--text-body);}
@media (max-width:900px){ .gn-faq-sec{grid-template-columns:minmax(0,1fr);padding:48px 16px;} .gn-faq-h{font-size:26px;} }
/* pricing by path (C-12) */
.gn-pr-head{max-width:1312px;margin:0 auto;padding:64px 64px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;}
.gn-pr-h{margin:0;font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text);}
.gn-pr-sub{font-size:15px;color:var(--text2);max-width:640px;}
.gn-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1312px;margin:0 auto;padding:36px 64px 16px;}
.gn-plans.is-two{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 0 8px;max-width:none;}
.gn-plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);}
.gn-plan.is-mine{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);}
.gn-plan-you{position:absolute;top:-11px;left:22px;padding:3px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--accent);color:var(--accent);font-family:var(--font);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;}
.gn-plan-n{font-size:19px;font-weight:700;color:var(--text);}
.gn-plan-s{font-size:13.5px;color:var(--text2);margin-top:-6px;}
.gn-plan-price{margin:4px 0;}
.gn-plan-k{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-top:6px;}
.gn-plan-eng{display:flex;flex-wrap:wrap;gap:6px;}
.gn-plan-eng span{font-size:12.5px;padding:3px 9px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);}
.gn-plan-eng.is-add span{border-style:dashed;color:var(--text2);}
.gn-plan-inc{margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.6;color:var(--text-body);}
.gn-plan-depth{font-size:12px;color:var(--text3);}
.gn-plan-b{margin-top:auto;align-self:flex-start;}
.gn-pr-terms{text-align:center;padding:8px 16px 0;}
.gn-sales-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1184px;margin:24px auto 0;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
.gn-sales-t{font-weight:600;color:var(--text);}
.gn-sales-d{font-size:13.5px;color:var(--text2);margin-top:2px;}
@media (max-width:900px){ .gn-pr-head{padding:40px 16px 8px;} .gn-pr-h{font-size:28px;} .gn-plans{grid-template-columns:minmax(0,1fr);padding:24px 16px 8px;} .gn-plans.is-two{grid-template-columns:minmax(0,1fr);padding:16px 0 8px;} .gn-sales-row{margin:24px 16px 0;} }
/* path pages (G5-9): product UI is the hero image, always sample-tagged */
.gn-pathpage{padding-bottom:24px;}
.gn-pp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center;max-width:1312px;margin:0 auto;padding:64px 64px 48px;}
.gn-pp-h{margin:10px 0 0;font-size:52px;font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--text);text-wrap:balance;}
.gn-pp-sub{margin:16px 0 0;font-size:17px;line-height:1.55;color:var(--text2);max-width:540px;}
.gn-pp-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px;}
.gn-pp-ctas .btn{padding:14px 26px;font-size:15px;font-weight:700;}
.gn-pp-cap{font-size:12.5px;color:var(--text3);margin-top:10px;}
.gn-shot{position:relative;margin:0;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:var(--surface);}
.gn-shot img{display:block;width:100%;height:auto;}
.gn-shot .gn-demo-tag{position:absolute;top:10px;right:10px;background:var(--bg);}
html[data-theme="light"] .gn-th-d,html:not([data-theme="light"]) .gn-th-l{display:none!important;}
.gn-pp-sec{max-width:1312px;margin:0 auto;padding:48px 64px;border-top:1px solid var(--line);}
.gn-pp-h2{margin:8px 0 0;font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--text);}
.gn-ladder{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gn-rung{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
.gn-rung.is-you{border-left:3px solid var(--lime);}
.gn-rung-n{font-weight:600;color:var(--text);}
.gn-rung-k{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);}
.gn-rung-x{font-size:12.5px;color:var(--text3);}
.gn-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;}
.gn-step{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
.gn-step-n{font-family:var(--font);font-size:12px;color:var(--accent);}
.gn-step h3{margin:8px 0 6px;font-size:16px;color:var(--text);}
.gn-step p,.gn-frow p{margin:0;font-size:14px;line-height:1.55;color:var(--text-body);}
.gn-pp-why{display:block;margin-top:20px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;font-size:14px;color:var(--text-body);line-height:1.5;}
.gn-pp-tagl{display:flex;align-items:center;gap:8px;font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;}
.gn-frow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center;padding:24px 0;}
.gn-frow.is-rev .gn-frow-c{order:2;}
.gn-frow-c p{margin-top:10px!important;}
.gn-ind{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.gn-chip{padding:7px 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:13.5px;color:var(--text);cursor:pointer;}
.gn-chip:hover{border-color:var(--accent);}
.gn-pp-band{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1184px;margin:24px auto 40px;padding:32px 36px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);}
.gn-pp-band h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text);}
@media (max-width:900px){
  .gn-pp-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 16px 24px;}
  .gn-pp-h{font-size:36px;}
  .gn-pp-sec{padding:36px 16px;}
  .gn-ladder,.gn-steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .gn-frow,.gn-frow.is-rev{grid-template-columns:minmax(0,1fr);gap:16px;}
  .gn-frow.is-rev .gn-frow-c{order:0;}
  .gn-pp-band{margin:16px 16px 32px;padding:24px 20px;}
}
@media (max-width:480px){ .gn-ladder,.gn-steps{grid-template-columns:minmax(0,1fr);} }
/* guide template (G5-14) · drafts only */
.gn-draft{position:sticky;top:0;z-index:4;text-align:center;padding:8px 16px;background:var(--tint-amber);border-bottom:1px dashed var(--warning);color:var(--warning);font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;}
.gn-guide{max-width:760px;margin:0 auto;padding:48px 24px 24px;}
.gn-guide-h{margin:10px 0 0;font-size:42px;font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--text);}
.gn-guide-intro{font-size:18px;line-height:1.6;color:var(--text-body);margin:18px 0 6px;}
.gn-guide-meta{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
.gn-guide-toc{display:flex;flex-direction:column;gap:4px;margin:24px 0 8px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;font-size:14px;color:var(--text2);}
.gn-guide section{margin-top:32px;}
.gn-guide h2{margin:0 0 10px;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text);}
.gn-guide p,.gn-guide li{font-size:16px;line-height:1.65;color:var(--text-body);}
.gn-guide ul,.gn-guide ol{padding-left:20px;}
.gn-cite a{color:var(--accent);text-decoration:none;font-size:11px;}
.gn-guide-src li{font-size:13.5px;color:var(--text2);margin-bottom:6px;}
.gn-guide-kh{padding:16px;border:1px solid var(--line);border-radius:14px;}
.gn-guide .gn-pp-band{margin:32px 0 16px;}
.gn-guide-other{font-size:13.5px;color:var(--text2);margin-top:8px;}
@media (max-width:760px){ .gn-guide{padding:32px 16px 16px;} .gn-guide-h{font-size:32px;} }
/* nav additions */
.gn-res-dd{position:absolute;top:32px;left:-24px;width:320px;padding:16px;z-index:50;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 64px rgba(0,0,0,.35);white-space:normal;}
.gn-res-dd[hidden]{display:none!important;}
.gn-res-t{font-weight:600;font-size:13.5px;color:var(--text);white-space:normal;}
.gn-res-d{font-size:12.5px;color:var(--text2);white-space:normal;}
@media (min-width:901px) and (max-width:1360px){ .pub-nav-links{gap:16px!important;font-size:13.5px;} .pub-nav > div:first-child{gap:24px!important;} }
/* sample flag over the in-app Alexa page (path A "See sample report") */
.gn-sample-flag{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:300;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 16px;border:1px dashed var(--accent);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-pop);font-size:13px;color:var(--text);}
.gn-sample-flag[hidden]{display:none;}
.gn-sample-flag-t{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;}
@media (max-width:760px){ .gn-sample-flag{bottom:84px;border-radius:14px;flex-wrap:wrap;gap:6px 12px;} }
/* onboarding goal step (G5-12): Lilac selection, never lime */
.gn-goal{display:flex;flex-direction:column;gap:12px;}
.gn-goal-c{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 44px 16px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;}
.gn-goal-c:hover{border-color:var(--accent);}
.gn-goal-c.is-on{border-color:var(--accent);background:var(--tint-lilac);box-shadow:0 0 0 1px var(--accent);}
.gn-goal-c:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.gn-goal-c .gn-path-d{display:block!important;}
.gn-goal-pre{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;font-size:13px;color:var(--text2);}
.gn-goal-pre-c{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;}
.gn-example,.gn-ob-src{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:10px 14px;border:1px dashed var(--line-strong);border-radius:14px;font-size:13px;color:var(--text2);}
.gn-example[hidden]{display:none;}
.gn-pay-change{margin-top:10px;font-size:13px;}
@media (max-width:759px){ .hm-top{flex-wrap:wrap;row-gap:8px;} .hm-top .gn-demo-tag{margin-left:0;} }
@media (min-width:901px) and (max-width:1500px){ .pub-nav-links{gap:14px!important;} .pub-nav > div:first-child{gap:20px!important;} .pub-nav > div:last-child{gap:10px!important;} }
@media (max-width:760px){ .site-foot .sf-cols{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 16px!important;width:100%;} .site-foot .sf-cols span{white-space:normal;} }
/* ==== G5a · end ==== */

/* ==== G5b · motion · begin ==== */
/* Motion tokens (Brand Book §17.10). Every transition in this block uses them. Exit = 70% of enter, ease-exit. */
:root{--motion-micro:120ms;--motion-short:200ms;--motion-medium:280ms;--motion-exit-short:140ms;--motion-exit-medium:196ms;--motion-chart:160ms;--motion-ambient:4s;
  --ease-standard:cubic-bezier(.2,0,0,1);--ease-exit:cubic-bezier(.4,0,1,1);}

/* hero robot slot: static poster first (no collapse, no layout shift), live canvas cross-fades in over 200 ms */
.hero-anim-slot .gn-robot-poster{position:absolute;inset:0;transition:opacity var(--motion-short) var(--ease-standard);}
.hero-anim-slot .gn-robot-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
html[data-theme="light"] .gn-robot-poster .th-dark,html:not([data-theme="light"]) .gn-robot-poster .th-light{display:none;}
.hero-anim-slot .gn-robot-canvas{position:absolute;inset:0;opacity:0;transition:opacity var(--motion-short) var(--ease-standard);}
.hero-anim-slot.is-live .gn-robot-canvas{opacity:1;}
.hero-anim-slot.is-live .gn-robot-poster{opacity:0;pointer-events:none;}
.gs-robot .gn-robot-canvas{opacity:1;}
.hero-anim-slot.is-tap .gn-robot-poster{cursor:pointer;}
.gn-robot-tap{display:none;position:absolute;left:50%;bottom:4px;transform:translateX(-50%);padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text2);font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.hero-anim-slot.is-tap .gn-robot-tap{display:inline-flex;}
.robot-chip{transition:opacity var(--motion-short) var(--ease-standard),transform var(--motion-short) var(--ease-standard);}

/* live-run indicator (G5a uses it in the check wait): Lilac, ≤1 Hz, stops when the run ends; text only under reduce */
.gn-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:gnLive 2s ease-in-out infinite;}
.gn-live-dot.is-done{animation:none;opacity:1;}
@keyframes gnLive{50%{opacity:.3;}}

/* drawers 280 in / 196 out; toasts 200 in / 140 out; charts fade in at final values (never grow from zero) */
#drawer{transition:transform var(--motion-medium) var(--ease-standard);}
#drawer:not(.open){transition:transform var(--motion-exit-medium) var(--ease-exit);}
#drawer-overlay{transition:opacity var(--motion-medium) var(--ease-standard);}
#drawer-overlay:not(.open){transition:opacity var(--motion-exit-medium) var(--ease-exit);}
#drawer:focus{outline:none;}
.gn-toast{animation:gnToastIn var(--motion-short) var(--ease-standard) backwards;transition:opacity var(--motion-exit-short) var(--ease-exit),transform var(--motion-exit-short) var(--ease-exit);}
@keyframes gnToastIn{from{opacity:0;transform:translateY(8px);}}
.gn-chart-in,.app-page.active #sov-donut-root,.app-page.active [id^="ovtrend-"],.app-page.active #vis-trend-line{animation:gnChartIn var(--motion-chart) linear backwards;}
@keyframes gnChartIn{from{opacity:0;}}

/* reduced motion: device setting, or Settings › Appearance "Reduce motion" (html[data-motion=reduce]) */
@media (prefers-reduced-motion:reduce){
  .app-page.active{animation:none;}
  .ob-stage-dot.active::after{animation:none;border-top-color:var(--primary);opacity:.6;}
  .card.clickable:hover{transform:none;}
  .gn-live-dot,.gn-toast,.gn-chart-in,.app-page.active #sov-donut-root,.app-page.active [id^="ovtrend-"],.app-page.active #vis-trend-line{animation:none;}
  #drawer,#drawer-overlay,#drawer:not(.open),#drawer-overlay:not(.open),.gn-toast,.robot-chip,.hero-anim-slot .gn-robot-poster,.hero-anim-slot .gn-robot-canvas{transition:none;}
  .gn-toast.is-out,.robot-chip{transform:none;}
}
html[data-motion="reduce"] .app-page.active{animation:none;}
html[data-motion="reduce"] .ob-stage-dot.active::after{animation:none;border-top-color:var(--primary);opacity:.6;}
html[data-motion="reduce"] .card.clickable:hover{transform:none;}
html[data-motion="reduce"] .marquee-track,html[data-motion="reduce"] .gs-bubble.pop,html[data-motion="reduce"] .hc-dot,html[data-motion="reduce"] .gn-live-dot,html[data-motion="reduce"] .gn-toast,html[data-motion="reduce"] .gn-chart-in,
html[data-motion="reduce"] .app-page.active #sov-donut-root,html[data-motion="reduce"] .app-page.active [id^="ovtrend-"],html[data-motion="reduce"] .app-page.active #vis-trend-line{animation:none;}
html[data-motion="reduce"] .gn-changed{animation:gnChangedStatic 2s steps(1,end) 1;}
html[data-motion="reduce"] .gs-scene,html[data-motion="reduce"] #drawer,html[data-motion="reduce"] #drawer-overlay,html[data-motion="reduce"] .robot-chip,html[data-motion="reduce"] .gn-toast,html[data-motion="reduce"] .hero-anim-slot .gn-robot-poster,html[data-motion="reduce"] .hero-anim-slot .gn-robot-canvas,html[data-motion="reduce"].theme-anim *{transition:none!important;}
html[data-motion="reduce"] .gn-toast.is-out,html[data-motion="reduce"] .robot-chip{transform:none;}

/* Settings › Appearance › Motion */
.gn-motion-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text);}
.gn-motion-row input{width:16px;height:16px;accent-color:var(--primary);margin:0;}
.gn-motion-state{margin-top:8px;font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
/* ==== G5b · end ==== */

/* ==== v3.7 · signed-out hero aligned with the marketing root (SITE-IA-LOCK-v3.7) · begin ==== */
/* path cards: title + one line (L1 only); the description slot stays in the DOM, empty */
.gn-path-d:empty{display:none;}
.gn-paths-micro{margin:8px 0 0;font-size:13px;color:var(--text3);line-height:1.45;}
/* CTA: lime Run a free audit (the one lime button on the public hero), twin under it: See plans (violet) + Book a demo (outline) */
#hero-cta1.btn-lime{color:var(--night);--shadow-cta:0 6px 18px rgba(0,0,0,.32);--shadow-cta-hover:0 8px 24px rgba(0,0,0,.42);}
html[data-theme="light"] #hero-cta1.btn-lime{--shadow-cta:0 6px 18px rgba(0,0,0,.14);--shadow-cta-hover:0 8px 24px rgba(0,0,0,.2);}
.gn-twin{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.gn-twin .btn{min-height:44px;padding:0 20px;font-size:14px;}
.gn-twin .btn-primary{color:var(--on-primary);}
.gn-twin.geo-hero__cta-secondary:hover{text-decoration:none;}
.gn-btn-outline{border:1.5px solid var(--accent);color:var(--text);}
.gn-twin-micro{margin:2px 0 0;font-size:13px;color:var(--text3);line-height:1.45;width:100%;}
/* DeepSeek has no logo file: a text tile, never an invented mark */
.gn-et-i--text{font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--text2);}
html[data-theme="light"] .gn-et-i--text{color:var(--paper);}
.eng-icon--text{width:auto;height:26px;display:inline-flex;align-items:center;font-family:var(--font);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);white-space:nowrap;}
@media (max-width:759px){ .gn-twin{width:100%;} .gn-twin .btn{flex:1 1 0;} }
.hero.geo-hero #hero-cta1.btn-lime{background:var(--signal-lime)!important;color:var(--night)!important;}
.hero.geo-hero .gn-twin #hero-cta2{display:inline-flex;align-items:center;justify-content:center;min-height:44px!important;padding:0 20px!important;border-radius:999px;background:var(--primary)!important;color:var(--on-primary)!important;font-size:14px!important;font-weight:600;text-decoration:none!important;}
.hero.geo-hero .gn-twin #hero-cta2:hover{background:var(--primary-hover)!important;}
@media (min-width:900px){
  .hero.geo-hero{grid-template-areas:"badge robot" "head robot" "esph robot" "sub robot" "paths robot" "pmicro robot" "cta sample" "links sample" "listing sample" "trust sample"!important;}
  .hero.geo-hero .gn-paths-micro{grid-area:pmicro;margin-top:-6px;}
}
@media (max-width:899px){ .hero.geo-hero .gn-paths-micro{order:3;} }
/* 390×844: keep the audit CTA above the fold with the longer v3.7 H1 (robot poster gets a little less height) */
@media (max-width:759px){ .hero.geo-hero:has(.gn-paths) .hero-anim-slot{height:250px!important;min-height:250px!important;} }
/* ==== v3.7 · end ==== */
/* Amazon path: no free audit (Dafne 2026-10-03). The URL field hides; the primary button reads Book a demo. */
#page-home .hero[data-path="A"] #hero-url,#page-home .hero[data-path="A"] #hero-url-l,#page-home .hero[data-path="A"] #hero-url-err{display:none!important}
/* Hero free audit on phones (Dafne 2026-10-03): URL box full width, Run button under it, both inside one panel */
@media (max-width:600px){
  #page-home .hero-ctas .hero-form{flex-wrap:wrap;border-radius:20px;}
  #page-home .hero-ctas .hero-form input{flex:1 1 100%;width:100%;}
  #page-home .hero-ctas .hero-form #hero-cta1{flex:1 1 100%;justify-content:center;}
}
#page-home .hero-ctas .hero-form{width:100%;max-width:560px;}
#page-home .hero-ctas .hero-form input{flex:1;width:auto;}
@media (max-width:759px){ .hero.geo-hero:has(.gn-paths) .hero-anim-slot{height:250px!important;min-height:250px!important;} .hero.geo-hero:has(.gn-paths) .hero-anim-slot img,.hero.geo-hero:has(.gn-paths) .hero-anim-slot canvas{object-fit:contain!important;max-height:250px;} }
/* Amazon path (no free audit): the URL panel disappears, Book a demo stands alone; the ghost twin hides so it isn't shown twice */
#page-home .hero[data-path="A"] .hero-form{border:0!important;background:none!important;padding:0!important;box-shadow:none!important;width:auto!important;}
#page-home .hero[data-path="A"] #hero-cta3{display:none!important;}
#page-home .hero[data-path="A"] #hero-twin-micro{display:none!important;}

/* ===== Homepage visuals (Dafne 2026-10-03): Mac frames with real product shots, one engines strip, conversion flow =====
   Shots live in assets/site/shots (captured from the app with showAppPage, never retouched, always tagged Sample data).
   Chrome is pure CSS with brand tokens: neutral (inactive-window) dots, no gradients, radii 8 / 14 / 20. */
#page-home .gn-off{display:none!important;}
#page-home:has(.hero[data-path="A"]) .gn-for-B,#page-home:not(:has(.hero[data-path="A"])) .gn-for-A{display:none!important;}
.gn-mac{position:relative;margin:0;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-pop);}
.gn-mac-bar{display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,auto) minmax(44px,1fr);align-items:center;gap:10px;height:32px;padding:0 12px;background:var(--raised);border-bottom:1px solid var(--line);}
.gn-mac-dots{display:flex;gap:6px;}
.gn-mac-dots i{width:10px;height:10px;border-radius:50%;background:var(--row);}
.gn-mac-url{min-width:0;max-width:340px;padding:3px 14px;border-radius:8px;background:var(--bg-sunken);border:1px solid var(--line);font:500 11px/1.3 var(--font);letter-spacing:.02em;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.gn-mac-screen{background:var(--bg);line-height:0;}
.gn-mac-screen img{display:block;width:100%;height:auto;}
.gn-mac .gn-mac-tag{position:absolute;right:10px;bottom:10px;z-index:2;font-size:10.5px;padding:3px 9px;background:var(--bg);line-height:1.35;}
.gn-mac--sm .gn-mac-bar{height:26px;padding:0 10px;}
.gn-mac--sm .gn-mac-dots i{width:8px;height:8px;}
.gn-mac--sm .gn-mac-url{font-size:10px;padding:2px 10px;}
/* showcase under the hero: laptop + two floating windows */
.gn-showcase{position:relative;max-width:1120px;margin:8px auto 24px;padding:0 24px;}
.gn-show-stage{position:relative;padding-bottom:28px;}
.gn-laptop{position:relative;z-index:1;width:min(100%,940px);margin:0 auto;}
.gn-laptop-lid{padding:12px 12px 16px;background:var(--night);border:1px solid var(--line-strong);border-radius:20px 20px 8px 8px;}
.gn-laptop-lid .gn-mac{border-radius:8px;box-shadow:none;border-color:var(--line-strong);}
.gn-laptop-base{position:relative;height:14px;margin:0 -3.5%;background:var(--row);border:1px solid var(--line-strong);border-top:0;border-radius:0 0 20px 20px;box-shadow:var(--shadow-pop);}
.gn-laptop-base i{position:absolute;left:50%;top:0;width:15%;height:5px;transform:translateX(-50%);background:var(--line-strong);border-radius:0 0 8px 8px;}
.gn-float{position:absolute;z-index:2;width:27%;bottom:0;}
.gn-mac--app .gn-mac-tag{bottom:auto;top:44px;right:14px;}
.gn-float-l{left:-2%;}
.gn-float-r{right:-2%;}
.gn-showcase .hero-stats{margin-top:20px;}
@media (max-width:1180px){ .gn-float{display:none!important;} .gn-show-stage{padding-bottom:0;} }
@media (max-width:900px){ .gn-showcase{padding:0 16px;margin-bottom:8px;} .gn-laptop-lid{padding:6px 6px 9px;border-radius:14px 14px 8px 8px;} .gn-laptop-base{height:9px;} .gn-mac-bar{height:24px;padding:0 8px;} .gn-mac-dots i{width:7px;height:7px;} .gn-mac-url{font-size:9.5px;padding:1px 8px;} .gn-mac .gn-mac-tag{right:6px;bottom:6px;font-size:9.5px;padding:2px 7px;} }
/* scroll enter: transform + opacity only, CSS transitions toggled by an IntersectionObserver (js/gn-home.js) */
.gn-js .gn-enter{opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease-standard),transform .45s var(--ease-standard);}
.gn-js .gn-enter.is-in{opacity:1;transform:none;}
.gn-js .gn-float-r.gn-enter,.gn-js .gn-ways-grid>:nth-child(2) .gn-enter,.gn-js .gn-mfp-cols>:nth-child(2) .gn-enter{transition-delay:.4s;}
.gn-js .gn-mfp-cols>:nth-child(3) .gn-enter{transition-delay:.8s;}
@media (prefers-reduced-motion:reduce){ .gn-js .gn-enter{opacity:1;transform:none;transition:none;} }
html[data-motion="reduce"] .gn-enter{opacity:1!important;transform:none!important;transition:none!important;}
/* engines: one strip */
.gn-eng-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 8px;}
.gn-eng-strip .gn-eng-div{display:block;width:1px;align-self:stretch;background:var(--line-strong);}
.gn-et-i{position:relative;}
html[data-theme="light"] .gn-et-i .logo-white{filter:none;opacity:1;} /* tiles stay Night in light mode, so the white marks stay white */
.gn-et-badge{position:absolute;right:-7px;bottom:-7px;padding:3px 5px;border-radius:999px;background:var(--primary);color:var(--on-primary);font:600 9px/1 var(--font);letter-spacing:.04em;border:2px solid var(--bg);}
@media (max-width:900px){ .gn-eng-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 4px;} .gn-eng-strip .gn-eng-div{display:none;} .gn-eng-strip .gn-et{width:auto;} }
/* section eyebrows, two ways in, Measure Fix Prove, why, pricing teaser */
.gn-sec-eb{text-align:center;margin-bottom:10px;}
.gn-ways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.gn-way{display:flex;flex-direction:column;gap:24px;padding:28px 28px 0;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;}
.gn-way-c{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.gn-way-t{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--text);}
.gn-way-d{margin:0 0 8px;font-size:14.5px;line-height:1.55;color:var(--text2);max-width:460px;}
.gn-way .gn-mac{margin:auto -1px -1px;border-radius:14px 14px 0 0;box-shadow:none;}
.gn-mfp-cols>div{padding-bottom:28px;}
.gn-mfp-cols .gn-mac{margin-top:20px;box-shadow:none;}
.gn-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.gn-why-i{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
.gn-why-i h3{margin:0 0 8px;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--text);}
.gn-why-i p{margin:0;font-size:14px;line-height:1.55;color:var(--text2);}
.gn-teaser{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;max-width:1184px;margin:72px auto 0;padding:32px 36px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);}
.gn-teaser-h{margin:8px 0 0;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--text);}
.gn-teaser-d{margin:6px 0 0;font-size:14.5px;color:var(--text2);}
.gn-teaser .btn{padding:14px 26px;font-size:15px;}
#page-home .gn-faq-sec{margin-top:72px;}
.gn-band-act{flex:0 1 460px;min-width:0;}
.gn-band-form{width:100%;}
.gn-band-form .btn{min-height:44px;padding:0 22px;white-space:nowrap;}
.gn-band-demo{padding:16px 30px;font-size:15px;}
@media (max-width:900px){
  .gn-ways-grid,.gn-why-grid{grid-template-columns:minmax(0,1fr);}
  .gn-way{padding:22px 18px 0;}
  .gn-teaser{margin:48px 16px 0;padding:24px 20px;}
  #page-home .gn-faq-sec{margin-top:48px;}
  .gn-band-act{flex-basis:100%;}
}
@media (max-width:480px){ .gn-band-form{flex-wrap:wrap;border-radius:20px;} .gn-band-form input{width:100%;flex-basis:100%;} .gn-band-form .btn{width:100%;} }
/* path pages: Mac-framed shots */
.gn-pp-shot{margin-top:28px;max-width:880px;}
/* public nav theme toggle */
.gn-nav-theme{border:0;background:transparent;padding:0;}
/* hero trim (Dafne 2026-10-03, "too much text"): hidden by class, nothing deleted */
#page-home .hero .gn-hero-trim{display:none!important;}
#page-home .gn-path .gn-path-eb{font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--text);line-height:1.3;}
#page-home .gn-path .gn-path-t{font-weight:400;font-size:13px;line-height:1.4;color:var(--text2);}
#page-home .gn-sample #gn-sample-cap,#page-home .gn-sample .gn-sample-s{display:none;}
@media (max-width:900px){ #page-home div:has(> .cta-band){padding:0 16px 48px!important;} .gn-mac--app .gn-mac-tag{top:30px;right:8px;bottom:auto;} }
@media (max-width:480px){ .pub-nav>div:last-child{gap:8px!important;} .pub-nav #nav-getstarted{padding:9px 14px;} .pub-nav .gn-nav-theme{width:28px;} }
/* hero trim: CTA higher, robot keeps its slot (it spans the copy rows; the slim sample card sits under it) */
@media (min-width:900px){
  .hero.geo-hero{align-content:start;grid-template-areas:"badge robot" "head robot" "esph robot" "sub robot" "paths robot" "cta robot" "links sample" "listing sample" "trust sample"!important;padding-top:56px!important;padding-bottom:24px!important;}
  .hero.geo-hero .gn-paths{margin-top:18px;}
  .hero.geo-hero .hero-ctas{margin-top:14px;}
}
@media (max-width:759px){
  .hero.geo-hero .hero-slot-cap{display:none;}
  .hero.geo-hero:has(.gn-paths) .hero-anim-slot{height:250px!important;min-height:250px!important;}
}
/* Homepage, cleaner (Dafne 2026-10-03: too much text, too many dashboard screenshots).
   One product screen only. Two paths and Measure/Fix/Prove become short text cards. Hidden, never deleted. */
#page-home #gn-showcase .gn-float,
#page-home #gn-showcase .hero-stats,
#page-home #gn-ways .gn-mac,
#page-home #gn-ways .gn-way-d,
#page-home #gn-mfp .gn-mac,
#page-home #gn-mfp .lp-pd,
#page-home #gn-why,
#page-home #gn-engines .gn-sec-eb{display:none!important;}
#page-home #gn-ways .gn-ways-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
#page-home #gn-ways .gn-way{padding:28px;}
#page-home #gn-ways .gn-way-t{font-size:22px;margin:8px 0 18px;}
#page-home #gn-mfp .gn-mfp-cols{gap:16px;}
#page-home #gn-home-faq .gn-faq > *:nth-child(n+4),
#page-home #gn-home-faq .gn-faq-i:nth-child(n+4),
#page-home #gn-home-faq dl > div:nth-child(n+4){display:none!important;}
#page-home .lp-sec{padding-top:56px;padding-bottom:0;}
@media (max-width:760px){#page-home #gn-ways .gn-ways-grid{grid-template-columns:1fr;}}
/* homepage FAQ (2026-10-11): accordion, every question listed, the answer opens in full. It used to show 4 questions with 2-line answers and no way to read the rest. */
#page-home #gn-home-faq details.gn-qa-acc{padding:0;}
#page-home #gn-home-faq details.gn-qa-acc > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;list-style:none;}
#page-home #gn-home-faq details.gn-qa-acc > summary::-webkit-details-marker{display:none;}
#page-home #gn-home-faq details.gn-qa-acc > summary h3{margin:0;}
#page-home #gn-home-faq details.gn-qa-acc > summary::after{content:"+";flex:none;font-size:22px;line-height:1;color:var(--text2);transition:transform .2s ease;}
#page-home #gn-home-faq details.gn-qa-acc[open] > summary::after{transform:rotate(45deg);}
#page-home #gn-home-faq details.gn-qa-acc > summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px;}
#page-home #gn-home-faq details.gn-qa-acc > p{padding:0 40px 20px 0;}
@media (prefers-reduced-motion:reduce){#page-home #gn-home-faq details.gn-qa-acc > summary::after{transition:none;}}

/* ===== Workspace layer (gn-workspace.js): live mode, empty states, preview toggle, forms, tables =====
   Brand Book §17: tokens only, radii 8/14/20, no gradients, lime only for the customer's own brand or a good result. */
.gw-live{display:none;}
html[data-workspace="live"] .gw-live{display:block;margin-bottom:8px;}
html[data-workspace="live"] .app-page:not(.gw-preview) > :not(.page-head):not(.gw-keep){display:none!important;}
html[data-workspace="live"] .app-page:not(.gw-preview) .page-head .hm-sample{display:none!important;}
html[data-workspace="live"]:not([data-gw-preview]) .gn-chrome-honesty,
html[data-workspace="live"] #finalize-widget,
html[data-workspace="live"] .gw-sample-only{display:none!important;}
.app-page.gw-preview .gw-live-body,.app-page.gw-preview .gw-previewbar{display:none;}
.gw-banner{display:none;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);margin-bottom:16px;}
.app-page.gw-preview .gw-banner{display:flex;}
.gw-banner-t{flex:1;min-width:180px;font-size:13px;color:var(--text2);}
.gw-previewbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line);}
.gw-previewbar-t{font-size:12.5px;color:var(--text3);}
.gw-module-off .gw-previewbar{display:none;}
.nav-item.gw-off,.nav-group.gw-off{display:none!important;}
.gw-loading{padding:28px 4px;color:var(--text3);font-size:13px;}
.gw-empty{padding:26px 24px;margin-bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.gw-empty-t{font-size:16px;font-weight:600;letter-spacing:-.01em;}
.gw-empty-d{font-size:13.5px;color:var(--text2);line-height:1.55;max-width:560px;margin-bottom:6px;}
.gw-card{padding:20px 22px;margin-bottom:16px;}
.gw-card-h,.gw-section-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.gw-section-h{margin:22px 0 12px;}
.gw-card-t{font-weight:600;font-size:14.5px;}
.gw-mono{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);}
.gw-desc{font-size:13px;color:var(--text2);line-height:1.55;margin:6px 0 14px;max-width:640px;}
.gw-hint{font-size:12.5px;color:var(--text3);line-height:1.5;margin-top:8px;}
.gw-err{color:var(--danger);}
.gw-warn{font-size:13px;color:var(--warning);margin:6px 0 12px;font-weight:500;}
.gw-link{color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
html[data-theme="light"] .gw-link{color:var(--primary);}
.gw-input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 13px;font-family:inherit;font-size:13.5px;}
.gw-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;}
textarea.gw-input{resize:vertical;}
.gw-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:13px;margin:0 6px;}
.gw-form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.gw-form-row .gw-input{flex:1;min-width:160px;}
.gw-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.gw-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
.gw-fields .gw-field{margin-bottom:0;}
.gw-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);}
.gw-steps{display:flex;flex-direction:column;}
.gw-step{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);}
.gw-step:first-child{border-top:0;}
.gw-step-dot{width:20px;height:20px;border-radius:50%;border:1px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}
.gw-step.is-done .gw-step-dot{border-color:var(--lime-ink);color:var(--lime-ink);}
.gw-step-main{flex:1;min-width:0;}
.gw-step-t{font-size:13.5px;font-weight:600;}
.gw-step-d{font-size:12.5px;color:var(--text3);margin-top:2px;}
.gw-bars{display:flex;flex-direction:column;gap:10px;}
.gw-bar-row{display:grid;grid-template-columns:150px 1fr 120px;gap:12px;align-items:center;font-size:13px;}
.gw-bar-n{color:var(--text);}
.gw-bar{height:8px;border-radius:999px;background:var(--row);overflow:hidden;display:block;}
.gw-bar i{display:block;height:100%;background:var(--lime);border-radius:999px;}
.gw-bar-v{text-align:right;font-family:var(--font);font-size:12.5px;color:var(--text2);}
.gw-tablecard{padding:0;margin-bottom:16px;overflow:hidden;}
.gw-table{width:100%;border-collapse:collapse;font-size:13px;}
.gw-table th{text-align:left;padding:12px 18px;font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--line);}
.gw-table td{padding:12px 18px;border-top:1px solid var(--line);vertical-align:top;}
.gw-table tbody tr:first-child td{border-top:0;}
.gw-num{text-align:right!important;font-family:var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;}
.gw-act{text-align:right;white-space:nowrap;}
.gw-cell-t{font-weight:600;color:var(--text);}
.gw-mono-t{font-family:var(--font);}
.gw-cell-d{font-size:12px;color:var(--text3);margin-top:2px;}
.gw-badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;line-height:18px;padding:1px 8px;border-radius:6px;background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text2);white-space:nowrap;}
.gw-st-accepted,.gw-st-verified,.gw-st-published{background:var(--tint-lime);box-shadow:none;color:var(--lime-ink);}
.gw-st-proposed,.gw-st-approved,.gw-st-measuring,.gw-st-exported{background:var(--tint-lilac);box-shadow:none;color:var(--accent);}
html[data-theme="light"] .gw-st-proposed,html[data-theme="light"] .gw-st-approved{color:var(--primary);}
.gw-st-rejected{background:var(--tint-coral);box-shadow:none;color:var(--danger);}
.gw-sugg-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.gw-sugg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);}
.gw-sugg-row:first-child{border-top:0;}
.gw-sugg-main{min-width:0;flex:1;}
.gw-sugg-main .gw-cell-d{overflow-wrap:anywhere;}
@media (max-width:640px){.gw-sugg-row{flex-direction:column;align-items:flex-start;}.gw-sugg-row .gw-act{text-align:left;}}
.gw-keybox{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:8px 0;}
.gw-keybox code,.gw-keybox pre{font-family:var(--font);font-size:12px;color:var(--text);word-break:break-all;white-space:pre-wrap;margin:0;flex:1;min-width:0;}
.gw-kv{margin:10px 0;}
.gw-details{margin-top:8px;}
.gw-details summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text2);padding:6px 0;}
.gw-key-once{border-color:var(--line-strong);}
.gw-conn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:16px;}
.gw-conn-meta{font-size:12.5px;color:var(--text2);margin:6px 0 10px;}
.gw-source-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.gw-sheet-sum{max-height:240px;overflow:auto;}
.gw-flash{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin-bottom:16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);font-size:13px;}
.gw-flash.is-err{border-color:var(--danger);color:var(--danger);}
.gw-viewas{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:16px;padding:9px 16px;background:var(--surface);border-bottom:1px solid var(--line-strong);font-size:13px;color:var(--text);}
html[data-gw-banner] body{padding-top:40px;}
html[data-readonly] [data-gw-write]{opacity:.45;cursor:not-allowed;}
.gw-saveaudit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 64px 0;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
.gw-saveaudit[hidden]{display:none;}
.gw-saveaudit-t{flex:1;min-width:200px;font-size:13px;color:var(--text2);}
html[data-workspace="live"] .gw-ob-live > :not(.gw-ob){display:none!important;}
html[data-workspace="live"] .gw-ob-rail-live .ob-step:nth-child(n+3){display:none;}
.gw-ob-live > .gw-ob{display:block;}
@media (max-width:900px){
  .gw-bar-row{grid-template-columns:100px 1fr 84px;gap:8px;}
  .gw-fields{grid-template-columns:1fr;}
  .gw-saveaudit{margin:12px 16px 0;}
  .gw-table thead{display:none;}
  .gw-table,.gw-table tbody,.gw-table tr,.gw-table td{display:block;width:100%;}
  .gw-table tr{padding:10px 0;border-top:1px solid var(--line);}
  .gw-table tbody tr:first-child{border-top:0;}
  .gw-table td{border:0;padding:4px 16px;text-align:left!important;}
  .gw-table td[data-l]::before{content:attr(data-l);display:block;font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:2px;}
  .gw-act{white-space:normal;}
  .gw-select{max-width:120px;}
}

/* Billing (gn-billing.js). Tokens only; lime is not used here, only the existing status tints. */
.gb-price{display:inline-flex;align-items:baseline;gap:4px;}
.gb-price b{font-size:28px;letter-spacing:-.03em;font-weight:700;color:var(--text);}
.gb-per{font-size:13px;color:var(--text2);}
.gb-note{display:block;font-size:12px;color:var(--text3);margin-top:2px;}
/* Pricing: five plans, billing period toggle, daily-tracking sentence, tax label */
.gn-plans.is-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1440px;padding:28px 32px 16px;}
.gn-plans.is-five .gn-plan{padding:20px;}
.gn-plans.is-five .gb-price b{font-size:24px;}
.gn-plans.is-five .gb-price{flex-wrap:wrap;}
.gn-pr-toggle{display:flex;justify-content:center;padding:20px 16px 0;}
.gn-bill-toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:3px;gap:2px;max-width:100%;}
.gn-bill-toggle button{font:inherit;font-size:13.5px;padding:7px 16px;border:0;border-radius:999px;background:transparent;color:var(--text2);cursor:pointer;}
.gn-bill-toggle button.is-on{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);}
.gn-bill-tag{font-family:var(--font);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);margin-left:4px;}
.gn-pr-daily{text-align:center;font-size:14px;color:var(--text-body);padding:14px 16px 0;max-width:720px;margin:0 auto;}
.gn-pr-tax{text-align:center;font-size:12px;color:var(--text3);padding:6px 16px 0;}
@media (max-width:1380px){ .gn-plans.is-five{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:900px){ .gn-plans.is-five{grid-template-columns:minmax(0,1fr);padding:24px 16px 8px;} .gn-bill-toggle button{padding:7px 12px;} }
.gb-status{font-size:13.5px;color:var(--text2);line-height:1.6;}
.gb-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px;}
.gb-plan{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.gb-plan-price b{font-size:22px;letter-spacing:-.02em;}
#gb-free-badge{margin-left:8px;}
@media (max-width:640px){ .gb-plans{grid-template-columns:1fr;} }

/* ===== Brand v3 premium polish: true black and white, violet/lilac/lime kept, tighter modern type ===== */
.geo-hero__h1{letter-spacing:-.05em;line-height:1.02;font-weight:700;}
.geo-hero__h1 .hl-2{color:var(--accent);}
.geo-hero__h1 .hl-3{color:var(--lime-ink);}
.page-title{letter-spacing:-.045em;}
.kpi-val{letter-spacing:-.05em;}
html:not([data-theme="light"]) .app-shell .card,html:not([data-theme="light"]) .gn-insight{box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
html:not([data-theme="light"]) .gn-insight{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));}
html:not([data-theme="light"]) .gn-insight::before{background:var(--accent);}
html:not([data-theme="light"]) .gn-insight .gn-eyebrow{color:var(--accent);}
.gn-insight-ic{background:var(--violet);color:#fff;}
html[data-theme="light"] .gn-insight::before{background:var(--violet);}
html[data-theme="light"] .gn-insight .gn-eyebrow{color:var(--violet);}

/* ===== v3.1 Apple polish (designer spec: brandbook/apple-style-design-proposal.md) ===== */
:root{--primary:#B89BFF;--on-primary:#050506;--on-violet:#050506;--primary-hover:#CDB6FF;--primary-press:#A483F2;--focus:#B89BFF;--shadow-cta:none;--shadow-cta-hover:none;--text3:#94949E;--border:rgba(247,247,248,.08);--line:rgba(247,247,248,.08);}
html[data-theme="light"]{--primary:#5E30B5;--on-primary:#FFFFFF;--on-violet:#FFFFFF;--primary-hover:#6C3DCC;--primary-press:#4F279C;--focus:#5E30B5;--border:rgba(10,10,10,.08);--line:rgba(10,10,10,.08);--text3:#6B6B75;}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
::selection{background:rgba(184,155,255,.35);}
html[data-theme="light"] ::selection{background:rgba(94,48,181,.22);}
/* buttons: flat, one primary per view */
.btn{font-weight:600;min-height:40px;padding:0 20px;font-size:14px;transition:background-color .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s;}
.btn.btn-sm{min-height:32px;padding:0 14px;font-size:13px;}
.btn:active{transform:scale(.98);}
.btn-lime:hover{box-shadow:none;background:var(--signal-lime);filter:brightness(1.05);}
.geo-hero__cta-primary{box-shadow:none;}
a:focus-visible,.btn:focus-visible,.clickable:focus-visible,span:focus-visible{outline:2px solid var(--focus);outline-offset:3px;}
.btn-ghost,.btn-quiet{background:transparent;color:var(--text);border:1px solid var(--line-strong);}
.btn-ghost:hover,.btn-quiet:hover{background:var(--hover);border-color:var(--line-strong);}
.btn-link{background:none;border:0;padding:0;min-height:0;color:var(--accent);font-weight:500;}
.btn-link:hover{text-decoration:underline;text-underline-offset:3px;}
.btn-danger{background:transparent;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);}
/* hero: one primary (lime audit). Plans stay in the nav, demo becomes a quiet link */
#hero-cta2{display:none!important;}
#hero-cta3{background:none!important;border:0!important;min-height:0;padding:6px 2px!important;color:var(--accent)!important;font-weight:500;}
#hero-cta3:hover{text-decoration:underline;text-underline-offset:3px;}
/* path choice reads as one segmented control */
.gn-paths{gap:0;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;max-width:560px;}
.gn-path{border:0;border-radius:0;background:transparent;box-shadow:none!important;padding:12px 16px;}
.gn-path+.gn-path{border-left:1px solid var(--line-strong);}
.gn-path.is-on,.gn-path[aria-selected="true"]{background:var(--tint-lilac);}
.gn-path:hover{border-color:transparent;background:var(--hover);}
.gn-path-radio{display:none;}
.gn-path-t{font-size:15px;font-weight:600;letter-spacing:-.01em;}
.gn-path-d{font-size:13px;color:var(--text2);}
/* type: semibold display, calm tracking, one accent phrase, no lime in the headline */
.geo-hero__h1,.geo-hero #hero-headline{font-weight:600!important;letter-spacing:-.035em!important;line-height:1.04!important;}
.geo-hero #hero-headline{font-size:clamp(34px,3.9vw,54px)!important;}
.geo-hero__h1 .hl-3{color:inherit;}
.page-title{font-size:28px;font-weight:600;letter-spacing:-.03em;}
.kpi-val{font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums;}
.hero.geo-hero{padding-top:56px;}
/* surfaces: hairlines and a soft highlight, no heavy borders or hover lift */
html:not([data-theme="light"]) .app-shell .card,html:not([data-theme="light"]) .card{box-shadow:inset 0 1px 0 rgba(247,247,248,.06);}
html[data-theme="light"] .card{box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05);}
.card.clickable:hover{border-color:var(--border);transform:none;background:var(--hover);}
.input,input[type="text"],input[type="email"],input[type="url"],select,textarea{border-color:rgba(247,247,248,.28);}
html[data-theme="light"] .input,html[data-theme="light"] input[type="text"],html[data-theme="light"] input[type="email"],html[data-theme="light"] input[type="url"],html[data-theme="light"] select,html[data-theme="light"] textarea{border-color:rgba(10,10,10,.28);}
/* less boxing: quiet captions instead of outlined chips and dashed tags */
.gn-data-chip{border:0;background:none;padding:0;color:var(--text3);}
.ph-pending{border:0;background:none;padding:0;color:var(--warning);}
.gn-band{border:0;padding:0;}
.gn-band::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;}
.chip{box-shadow:none;border-radius:8px;}
.chip.active,.chip.is-on{background:var(--tint-violet);color:var(--text);}
/* lists: only the top-ranked row keeps the primary button */
.act-list .act-row:not(:first-child) .btn-primary{background:transparent;color:var(--text);border:1px solid var(--line-strong);}
.act-list .act-row:not(:first-child) .btn-primary:hover{background:var(--hover);}
nav.gn-nav,header.gn-nav,.site-nav{backdrop-filter:saturate(180%) blur(20px);}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}
.badge.clickable[style*="background:var(--text)"] span{color:var(--bg)!important;opacity:.65;}
.gn-chrome-honesty{display:flex;gap:14px;margin-left:16px;align-items:center;flex-wrap:wrap;}
.gn-chrome-honesty .gn-data-chip+.gn-data-chip::before{content:'·';margin-right:14px;color:var(--text3);}
/* while a check runs or shows its result, the Acme sample card steps aside so no sample numbers sit next to real ones */
.hero[data-check="run"] #gn-sample,.hero[data-check="result"] #gn-sample{display:none!important;}

/* AI visibility section of the live report (free audit and workspace audit). Tokens only. */
.lv-eng.has{border-color:var(--accent);color:var(--text);}
.lv-dash{color:var(--text3);}
.lv-dash.lv-sm{font-size:14px;font-weight:600;letter-spacing:0;}
.lv-ai-state{margin:0;}
.lv-ai-state.is-off{color:var(--text2);}
.lv-ai-teaser{display:flex;flex-direction:column;gap:12px;padding:18px 20px;}
.lv-ai-teaser-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.lv-ai-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.lv-ai-mini .mv{font:600 20px/1.1 var(--font);margin-top:6px;color:var(--text);}
.lv-ai-mini .mv.lv-dash{color:var(--text3);}
.lv-ai-how{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.rr-row.lv-skel .rr-val,.rr-row.lv-skel .rr-rank{color:var(--text3);}
.rr-row.lv-skel .rr-name{color:var(--text3);font-style:normal;}
.ar-tr .lv-dash{font-family:inherit;font-size:12px;}
@media (max-width:700px){ .lv-ai-mini{grid-template-columns:minmax(0,1fr);} .lv-ai-how{grid-template-columns:minmax(0,1fr);} }
/* the report inside a workspace page */
.gw-audit .lv-head{padding:8px 0;}
.gw-audit .ar-sec{padding:12px 0 8px;}
.gw-audit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.gw-audit-hist{display:flex;flex-direction:column;}
.gw-audit-hist .gw-hrow{display:grid;grid-template-columns:minmax(0,1fr) 70px 90px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;}
.gw-audit-hist .gw-hrow:last-child{border-bottom:0;}
.gw-audit-hist .gw-hnum{font-family:var(--font);text-align:right;font-variant-numeric:tabular-nums;}
.gw-audit-hist .gw-hmode{font:500 11px/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);text-align:right;}
.gw-audit-top{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px;padding:0;list-style:none;font-size:13px;color:var(--text2);}
.gw-audit-score{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.gw-audit-score .big{font:700 38px/1 var(--font);}
.gw-audit-score .big span{font-size:15px;color:var(--text3);font-weight:500;}
@media (min-width:901px){ .lv-q .ar-tr{grid-template-columns:minmax(0,1fr) 80px 130px 150px;} .lv-q .ar-tr .lv-dash{white-space:nowrap;} }

/* Hero CTAs (Dafne 2026-10-03): audit stays the first action; View plans is the second; Book a demo is a quiet link.
   Amazon path has no audit, so View plans is the primary there (violet/lilac, never lime) and the demo link shows. */
#page-home .hero:not([data-path="A"]) #hero-cta2{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;padding:0 20px!important;border-radius:999px;background:transparent!important;color:var(--text)!important;border:1px solid var(--line-strong)!important;font-size:14px!important;font-weight:600;text-decoration:none!important;width:max-content;}
#page-home .hero:not([data-path="A"]) #hero-cta2:hover{background:var(--hover)!important;}
#page-home .hero[data-path="A"] #hero-cta1{background:var(--primary)!important;color:var(--on-primary)!important;}
#page-home .hero[data-path="A"] #hero-cta3{display:inline-flex!important;}

/* Hero CTAs keep their own compositing layer above the WebGL robot, so a pointer move over the hero never repaints them away (Dafne 2026-10-03: buttons vanished for a few seconds on hover). */
#page-home .hero .hero-ctas,#page-home .hero .gn-twin,#page-home .hero .hero-form{position:relative;z-index:3;}
#page-home .hero .btn{transition:background-color .16s cubic-bezier(.2,.8,.2,1),border-color .16s;}
#page-home .hero .btn:hover,#page-home .hero .btn:active{transform:none;}

/* No filter or transform on hover for hero buttons: a filter makes Chrome allocate a render surface over the WebGL robot and the button can blank for seconds. Hover is a plain background swap. */
#page-home .hero .btn,#page-home .hero .btn:hover,#page-home .hero .btn:active,#page-home .hero .btn:focus-visible{filter:none!important;transform:none!important;will-change:auto;}
#page-home .hero .btn-lime:hover{background:#C7F565!important;box-shadow:none!important;}
#page-home .hero[data-path="A"] #hero-cta1:hover{background:var(--primary-hover)!important;}

/* Audit-fed Actions and live Crawlers (workspace layer). Lime = the customer's own good result, coral = bad, lilac = action. No gradients. */
.gw-st-done{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text2);}
.gw-st-resolved{background:var(--tint-lime);box-shadow:none;color:var(--lime-ink);}
.gw-table th.gw-num,.gw-table td.gw-num{text-align:right;font-family:var(--font);white-space:nowrap;}
.gw-code{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-family:var(--font);font-size:12px;line-height:1.6;overflow-x:auto;max-height:340px;overflow-y:auto;white-space:pre;}
.gw-code .gw-ln{display:block;}
.gw-ln-add{background:var(--tint-lilac);color:var(--text);}
.gw-ln-del{background:var(--tint-coral);color:var(--danger);}

/* Setting up your workspace (automatic bootstrap after onboarding). Tokens only: lime = done, coral = needs a retry, lilac = in progress. */
.gw-setup{max-width:640px;}
.gw-setup .gw-steps{margin:18px 0 12px;}
.gw-step.is-run .gw-step-dot{border-color:var(--accent);border-top-color:transparent;animation:gw-spin 900ms linear infinite;}
.gw-step.is-skip .gw-step-dot{color:var(--text3);}
.gw-step.is-fail .gw-step-dot{border-color:var(--danger);color:var(--danger);}
.gw-step.is-wait .gw-step-t{color:var(--text2);font-weight:500;}
.gw-step-s{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);white-space:nowrap;}
.gw-step.is-done .gw-step-s{color:var(--lime-ink);}
.gw-step.is-fail .gw-step-s{color:var(--danger);}
.gw-bar-fill{height:4px;border-radius:999px;background:var(--row);overflow:hidden;margin:6px 0 2px;}
.gw-bar-fill i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width var(--motion-medium) var(--ease-standard);}
.gw-setup-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px;}
@keyframes gw-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.gw-step.is-run .gw-step-dot{animation:none;border-top-color:var(--accent);}.gw-bar-fill i{transition:none;}}
@media (max-width:640px){.gw-step-s{white-space:normal;text-align:right;max-width:40%;}}
.gw-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

/* Dafne 2026-10-04: ChatGPT Ads is parked (hidden, not deleted: remove this block to bring it back).
   ChatGPT Shopping stays: it is for products sold on the brand's own site with its own product feed.
   Cross-links from Amazon product pages to it stay hidden: an ASIN is an Amazon product, so that page is Alexa for Shopping only. */
[data-nav="ads"],
.kh-nav-item[data-article="chatgpt-ads"],
[onclick*="showAppPage('ads')"],
[onclick*="showAppPage('commerce');setCommerceTab"]{display:none!important;}

/* Brand Discovery Intelligence: four beats section (Dafne 2026-10-04). Tokens only, no gradients, radii 14 and 20. */
#page-home .gn-beats{padding-top:72px;}
#page-home .gn-beats-d{margin:12px 0 0;max-width:680px;font-size:16px;line-height:1.6;color:var(--text2);}
#page-home .gn-beats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;}
#page-home .gn-beat{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
#page-home .gn-beat-n{font-family:var(--font);font-size:11px;letter-spacing:.08em;color:var(--text3);}
#page-home .gn-beat-t{margin:0;font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--text);}
#page-home .gn-beat-d{margin:0 0 8px;font-size:14px;line-height:1.55;color:var(--text2);}
#page-home .gn-beat-c{margin-top:auto;font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
#page-home .gn-beats-n{margin:24px 0 0;font-size:14px;color:var(--text3);}
@media (max-width:960px){ #page-home .gn-beats-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){ #page-home .gn-beats{padding-top:48px;} #page-home .gn-beats-grid{grid-template-columns:minmax(0,1fr);} }
#page-home .gn-beats-d{margin-left:auto;margin-right:auto;text-align:center;}
#page-home .gn-beats-n{text-align:center;}

/* Hero: the four beats are visible under the headline, and the category name is a pill, not a whisper (Dafne 2026-10-04). */
#page-home .hero #hero-subhead.gn-hero-trim{display:block!important;max-width:none!important;margin:2px 0 0;font-size:clamp(18px,1.9vw,24px)!important;line-height:1.35;font-weight:600;letter-spacing:-.015em;color:var(--text2)!important;}
#page-home .hero #hero-subhead .hb{display:inline-block;margin-right:.55em;white-space:nowrap;}
#page-home .hero #hero-subhead .hb:last-child{margin-right:0;color:var(--text);}
#page-home .hero .hero-eyebrow{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;padding:6px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);font-size:11.5px;letter-spacing:.1em;color:var(--text);}
@media (max-width:560px){ #page-home .hero #hero-subhead .hb{white-space:normal;} #page-home .hero .hero-eyebrow{font-size:10.5px;padding:5px 10px;} }

/* ---- hero v7: one primary action (Run a free audit); plans and demo become quiet links; lede under the headline ---- */
.hero.geo-hero #hero-lede{order:3;}
.hero.geo-hero .gn-hero-lede{max-width:36ch!important;font-size:clamp(17px,1.8vw,20px)!important;line-height:1.5;color:var(--text-body);}
.hero.geo-hero .gn-hero-cap{text-align:center;max-width:44ch;margin:0 auto;}
#page-home .hero.geo-hero .gn-twin{justify-content:center;gap:6px 22px;}
#page-home .hero.geo-hero .gn-twin #hero-cta2,#page-home .hero.geo-hero .gn-twin #hero-cta3{background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;padding:4px 2px!important;border-radius:0!important;color:var(--text2)!important;font-weight:500;font-size:14px!important;text-decoration-line:underline!important;text-underline-offset:4px;text-decoration-color:var(--line-strong);flex:0 0 auto!important;}
#page-home .hero.geo-hero .gn-twin #hero-cta2:hover,#page-home .hero.geo-hero .gn-twin #hero-cta3:hover{color:var(--text)!important;background:none!important;text-decoration-color:var(--text2);}
#gn-paths-micro{display:none!important;}
.lv-err-a{margin-top:14px;}

/* ---- hero v8 (Dafne 2026-10-07): SEO, GEO and AEO named in the hero, the four-beats line moves out of the hero, "why now" + one-job terms section ---- */
#page-home .hero #hero-subhead.gn-hero-trim,#page-home .hero #hero-subhead[hidden]{display:none!important;}
#page-home .gn-now{padding-top:72px;text-align:center;}
#page-home .gn-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px auto 0;max-width:880px;text-align:left;}
#page-home .gn-term{display:flex;flex-direction:column;gap:6px;padding:22px 22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
#page-home .gn-term-k{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text);}
#page-home .gn-term-f{font-family:var(--font);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
#page-home .gn-term-d{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--text2);}
@media (max-width:720px){ #page-home .gn-now{padding-top:48px;} #page-home .gn-terms{grid-template-columns:minmax(0,1fr);} }

/* ---- beat characters (Dafne 2026-10-07): one calm character per beat, large, above the number and title. Posters first, canvas on top once live. ---- */
#page-home .gn-beat-stage{position:relative;width:100%;aspect-ratio:10/9;margin:-6px 0 0;}
#page-home .gn-beat-stage img,#page-home .gn-beat-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;}
#page-home .gn-beat-stage canvas{opacity:0;transition:opacity var(--motion-short,160ms) var(--ease-standard,ease);}
#page-home .gn-beat-stage.is-live canvas{opacity:1;}
#page-home .gn-beat-stage.is-live img{opacity:0;transition:opacity var(--motion-short,160ms) var(--ease-standard,ease);}
html[data-theme="light"] #page-home .gn-beat-stage .th-dark,html:not([data-theme="light"]) #page-home .gn-beat-stage .th-light{display:none;}
html[data-motion="reduce"] #page-home .gn-beat-stage canvas{display:none;}
html[data-motion="reduce"] #page-home .gn-beat-stage.is-live img{opacity:1;}

/* ==== Hero stage · full width ====
   The slot bleeds to the viewport edges (no side margins, nothing clipped). The canvas covers it and never takes pointer events:
   gn-robot.js hit-tests from the window, so the form, paths and links stay clickable. .gn-stage-box is where the group sits;
   the poster and the live 3D group share it, so the swap from poster to live does not move anything. */
.hero-anim-slot .gn-stage-box{position:absolute;pointer-events:none;}
.hero.geo-hero #hero-anim-slot{pointer-events:none;}
.hero.geo-hero #hero-anim-slot .gn-robot-poster img{position:absolute;left:50%;top:50%;width:86%;height:auto!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform:translate(-50%,-50%);}
@media (min-width:900px){
  #page-home{overflow-x:clip;}
  .hero.geo-hero{overflow-x:visible;}
  .hero.geo-hero .hero-visual{position:static;min-height:0;align-self:end;justify-self:center;display:block;}
  .hero.geo-hero #hero-anim-slot,.hero.geo-hero #hero-anim-slot.is-empty{position:absolute;z-index:0;left:50%;width:100vw;max-width:none;margin:0 0 0 -50vw;top:0;bottom:0;height:auto!important;min-height:0!important;}
  .hero.geo-hero #hero-anim-slot .gn-stage-box{left:calc(50% - 8px);width:min(calc(50% - 10px),1040px);top:2%;bottom:10%;}
  .hero.geo-hero .robot-chip{right:auto;translate:-50% -100%;}
}
@media (max-width:899px){
  .hero.geo-hero #hero-anim-slot,.hero.geo-hero #hero-anim-slot.is-empty{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px);max-width:none;}
  .hero.geo-hero #hero-anim-slot .gn-stage-box{left:6px;right:6px;top:0;bottom:0;}
  .hero.geo-hero .robot-chip{right:auto;translate:-50% -100%;}
}

/* Violet's guide bubble: attached to it (a small tail), and a soft ring on the free-audit button while it points */
.gn-guide-chip{padding:8px 16px;font-weight:600;color:var(--text);border-color:var(--accent);}
.gn-guide-chip::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;margin-left:-5px;background:inherit;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);transform:rotate(45deg);}
@keyframes gnHint{0%{box-shadow:0 0 0 0 rgba(184,242,74,.55);}100%{box-shadow:0 0 0 16px rgba(184,242,74,0);}}
#hero-cta1.gn-hint{animation:gnHint 1.2s ease-out 2;}
html[data-motion="reduce"] #hero-cta1.gn-hint{animation:none;}
@media (prefers-reduced-motion:reduce){ #hero-cta1.gn-hint{animation:none;} }
@keyframes gnHintLink{0%,100%{text-shadow:0 0 0 rgba(184,155,255,0);}50%{text-shadow:0 0 14px rgba(184,155,255,.5);}}
#hero-cta2.gn-hint-link{text-decoration:underline;text-decoration-color:var(--accent);animation:gnHintLink 1.4s ease-in-out 2;}
html[data-motion="reduce"] #hero-cta2.gn-hint-link{animation:none;}
@media (prefers-reduced-motion:reduce){ #hero-cta2.gn-hint-link{animation:none;} }

/* ==== Section tones · plain Apple-style backgrounds, light and dark in turn (Dafne 2026-10-08) ====
   gn-alt-a follows the site theme (dark by default); gn-alt-b is the opposite. Each section re-declares the tokens, so everything inside
   (type, cards, chips, borders) adapts by itself. Backgrounds are plain and full width; no grid, no glow except the hero's own. */
html:not([data-theme="light"]) .gn-alt-b,
html[data-theme="light"] .gn-alt-a,
.gn-tone-light, .gn-tone-lilac{
  --bg:#F5F5F7; --bg-sunken:#EDEDF0; --surface:#FFFFFF; --raised:#FFFFFF; --surface2:#F0F0F3; --row:#E2E2E7;
  --border:#E3E3E8; --line:#E3E3E8; --line-strong:#D2D2D7;
  --text:#1D1D1F; --text-body:#3A3A3C; --text2:#6E6E73; --text3:#86868B;
  --accent:#5E30B5; --lime-ink:#3F6410; --success:#3F6410; --danger:#B83232; --warning:#875600;
  --primary:#5E30B5; --primary-hover:#6C3DCC; --primary-press:#4F279C; --on-primary:#FFFFFF; --violet2:#6C3DCC;
  --hover:rgba(0,0,0,.035); --active:rgba(0,0,0,.06);
  --tint-violet:rgba(94,48,181,.09); --tint-lilac:rgba(94,48,181,.07); --tint-lime:rgba(184,242,74,.28); --tint-coral:rgba(255,138,138,.18);
  --shadow-pop:0 24px 60px -18px rgba(0,0,0,.28); --shadow-card:0 1px 2px rgba(0,0,0,.05); --grid-line:#E8E8ED;
  color:var(--text);
}
html[data-theme="light"] .gn-alt-b,
html:not([data-theme="light"]) .gn-alt-a,
.gn-tone-dark{
  --bg:#050506; --bg-sunken:#030304; --surface:#0C0C0E; --raised:#121215; --surface2:#17171B; --row:#26262C;
  --border:#1D1D22; --line:#1D1D22; --line-strong:#2E2E36;
  --text:#F5F5F7; --text-body:#D4D4D8; --text2:#A1A1A6; --text3:#86868B;
  --accent:#B89BFF; --lime-ink:#B8F24A; --success:#B8F24A; --danger:#FF8A8A; --warning:#FFC66B;
  --primary:#B89BFF; --primary-hover:#CDB6FF; --primary-press:#A483F2; --on-primary:#050506; --violet2:#8E6BE0;
  --hover:rgba(247,247,248,.04); --active:rgba(247,247,248,.08);
  --tint-violet:rgba(94,48,181,.22); --tint-lilac:rgba(184,155,255,.14); --tint-lime:rgba(184,242,74,.12); --tint-coral:rgba(255,138,138,.12);
  --shadow-pop:0 24px 64px -16px rgba(0,0,0,.6); --shadow-card:none; --grid-line:#121216;
  color:var(--text);
}
#page-home > .gn-alt-a, #page-home > .gn-alt-b{position:relative;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);margin-top:0!important;margin-bottom:0!important;}
#page-home > .gn-alt-b.gn-showcase{padding-top:72px;padding-bottom:72px;}
/* images and marks that follow the theme: in the opposite sections they follow the section instead */
html:not([data-theme="light"]) .gn-alt-b .gn-th-d, html[data-theme="light"] .gn-alt-b .gn-th-l{display:none!important;}
html:not([data-theme="light"]) .gn-alt-b .gn-th-l, html[data-theme="light"] .gn-alt-b .gn-th-d{display:block!important;}
html:not([data-theme="light"]) .gn-alt-b .logo-white{filter:brightness(0) saturate(100%);opacity:.8;}
html[data-theme="light"] .gn-alt-b .logo-white{filter:none;opacity:1;}
.hero-slot-cap, .gn-sample{display:none!important;}
#page-home > .lp-sec.gn-alt-a, #page-home > .lp-sec.gn-alt-b{padding-top:clamp(56px,7vw,88px)!important;padding-bottom:clamp(56px,7vw,88px)!important;}
#page-home > .gn-faq-sec.gn-alt-a{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px);}
#page-home > .gn-cta-wrap.gn-alt-b{padding-top:clamp(48px,6vw,80px)!important;}

/* ==== The four beats as Apple-style tiles: 2 by 2, edge to edge, big centred title, a short line, the character below ==== */
#page-home .gn-beats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:56px calc(50% - 50vw + 12px) 0;}
#page-home .gn-beat{position:relative;align-items:center;text-align:center;gap:0;padding:64px 32px 0;min-height:clamp(560px,52vw,720px);border:0;border-radius:0;overflow:hidden;background:var(--bg);color:var(--text);}
#page-home .gn-beat.gn-tone-dark{background:#000;}
#page-home .gn-beat.gn-tone-lilac{background:linear-gradient(180deg,#EDE7FB 0%,#F5F5F7 70%);}
#page-home .gn-beat-n{display:none;}
#page-home .gn-beat-c{order:1;margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text3);}
#page-home .gn-beat-t{order:2;font-size:clamp(34px,4.4vw,56px);font-weight:600;letter-spacing:-.03em;line-height:1.05;color:var(--text);}
#page-home .gn-beat-d{order:3;max-width:34ch;margin:14px auto 0;font-size:clamp(16px,1.5vw,21px);line-height:1.38;color:var(--text2);}
#page-home .gn-beat-stage{order:4;margin:auto 0 0;aspect-ratio:auto;height:clamp(280px,32vw,440px);}
#page-home .gn-beat .gn-beat-stage img,#page-home .gn-beat .gn-beat-stage canvas{object-fit:contain;object-position:50% 55%;}
/* each tile has its own tone, so its character follows the tile, not the site theme */
#page-home .gn-beat.gn-tone-light .th-dark,#page-home .gn-beat.gn-tone-lilac .th-dark,#page-home .gn-beat.gn-tone-dark .th-light{display:none!important;}
#page-home .gn-beat.gn-tone-light .th-light,#page-home .gn-beat.gn-tone-lilac .th-light,#page-home .gn-beat.gn-tone-dark .th-dark{display:block!important;}
@media (max-width:900px){ #page-home .gn-beats-grid{grid-template-columns:minmax(0,1fr);} #page-home .gn-beat{min-height:0;padding-top:48px;} #page-home .gn-beat-stage{height:300px;} }

/* ==== Colour play on the dark sections (Dafne 2026-10-08: it does not have to match the brand book, the book follows) ====
   Headlines on dark take a soft sky, lilac, pink gradient; on light sections they stay solid and clean. */
html:not([data-theme="light"]) .gn-alt-a, html[data-theme="light"] .gn-alt-b, .gn-tone-dark{--grad:linear-gradient(96deg,#8EC5FF 0%,#B89BFF 46%,#FF9EC0 100%);}
#page-home .geo-hero__h1, #page-home .gn-alt-a .lp-h, #page-home .gn-alt-b .lp-h, #page-home .gn-beat-t{
  background-image:var(--grad, linear-gradient(var(--text),var(--text)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
html[data-theme="light"] #page-home .gn-alt-a .lp-h, html[data-theme="light"] #page-home .geo-hero__h1, html:not([data-theme="light"]) #page-home .gn-alt-b .lp-h{background-image:linear-gradient(var(--text),var(--text));}
html[data-theme="light"] #page-home .gn-alt-b .lp-h{background-image:var(--grad);}
#page-home .gn-beat.gn-tone-light .gn-beat-t, #page-home .gn-beat.gn-tone-lilac .gn-beat-t{background-image:linear-gradient(var(--text),var(--text));}

/* ==== Hero · Apple-style: centered text, the audit field, then one wide row of characters with GEONOS standing behind them (Dafne 2026-10-08) ==== */
#page-home .hero.geo-hero{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center!important;width:100%;max-width:1320px;min-height:0!important;gap:0!important;row-gap:0!important;padding:clamp(36px,6vh,72px) 48px 8px!important;}
#page-home .hero.geo-hero > *{grid-area:auto!important;}
#page-home .hero.geo-hero .hero-grid{display:none;}
#page-home .hero.geo-hero .hero-eyebrow{order:1;margin:0;}
#page-home .hero.geo-hero #hero-headline{order:2;width:100%;max-width:none!important;margin:18px 0 0;font-size:clamp(38px,5.8vw,88px)!important;line-height:1.03!important;letter-spacing:-.035em!important;font-weight:700!important;text-align:center;text-wrap:balance;}
#page-home .hero.geo-hero #hero-lede{order:3;max-width:44ch!important;margin:18px auto 0;font-size:clamp(17px,1.7vw,23px)!important;line-height:1.4;color:var(--text2);text-align:center;}
#page-home .hero.geo-hero .gn-paths{order:4;display:inline-flex!important;grid-template-columns:none;gap:4px;width:auto;max-width:none;margin:30px auto 0;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:visible;}
#page-home .hero.geo-hero .gn-path{display:inline-flex;flex-direction:row;align-items:center;padding:10px 22px!important;border:0!important;border-radius:999px!important;background:transparent!important;text-align:center;box-shadow:none!important;}
#page-home .hero.geo-hero .gn-path .gn-path-radio,#page-home .hero.geo-hero .gn-path .gn-path-t,#page-home .hero.geo-hero .gn-path .gn-path-d{display:none!important;}
#page-home .hero.geo-hero .gn-path.is-on,#page-home .hero.geo-hero .gn-path[aria-selected="true"]{background:var(--active)!important;}
#page-home .hero.geo-hero .gn-path .gn-path-eb{font-size:15px;color:var(--text);white-space:nowrap;}
#page-home .hero.geo-hero .hero-ctas{order:5;width:100%;display:flex;flex-direction:column;align-items:center;margin:22px 0 0!important;}
#page-home .hero.geo-hero .hero-form{width:min(560px,100%);margin-left:auto;margin-right:auto;}
#page-home .hero.geo-hero .gn-hero-cap,#page-home .hero.geo-hero .gn-twin-micro{text-align:center;margin-left:auto;margin-right:auto;}
#page-home .hero.geo-hero .gn-twin{justify-content:center;}
#page-home .hero.geo-hero .gn-hero-links{order:6;justify-content:center;}
#page-home .hero.geo-hero .hero-trust{order:8;}
#page-home .hero.geo-hero .hero-visual{order:7;position:relative!important;display:block;width:min(calc(100vw - 48px),1500px);aspect-ratio:3.8/1;min-height:0!important;margin:44px auto 0;align-self:center;justify-self:auto;}
#page-home .hero.geo-hero .hero-visual::before{display:none;}
#page-home .hero.geo-hero #hero-anim-slot,#page-home .hero.geo-hero #hero-anim-slot.is-empty{position:absolute!important;z-index:0;left:50%;width:100vw!important;max-width:none!important;margin:0 0 0 -50vw!important;top:-70px!important;bottom:-28px!important;height:auto!important;min-height:0!important;}
#page-home .hero.geo-hero #hero-anim-slot .gn-stage-box{left:50%!important;right:auto!important;width:min(calc(100vw - 48px),1500px)!important;top:70px!important;bottom:28px!important;transform:translateX(-50%);}
#page-home .hero.geo-hero #hero-anim-slot .gn-robot-poster img{width:auto;height:100%!important;max-width:100%;object-fit:contain!important;}
@media (max-width:899px){
  #page-home .hero.geo-hero{padding:32px 20px 8px!important;}
  #page-home .hero.geo-hero #hero-headline{font-size:clamp(34px,10vw,52px)!important;}
  #page-home .hero.geo-hero .gn-paths{display:grid!important;grid-template-columns:1fr;width:100%;border-radius:22px;}
  #page-home .hero.geo-hero .gn-path{justify-content:center;}
  #page-home .hero.geo-hero .gn-path .gn-path-eb{white-space:normal;}
  #page-home .hero.geo-hero .hero-visual{width:calc(100vw - 16px);aspect-ratio:1.7/1;margin-top:28px;}
  #page-home .hero.geo-hero #hero-anim-slot .gn-stage-box{width:calc(100vw - 16px)!important;}
}
#page-home .hero.geo-hero{padding-top:clamp(28px,4.5vh,56px)!important;}
#page-home .hero.geo-hero #hero-headline{font-size:clamp(36px,5.2vw,78px)!important;margin-top:14px;}
#page-home .hero.geo-hero #hero-lede{max-width:54ch!important;margin-top:14px;font-size:clamp(16px,1.5vw,21px)!important;}
#page-home .hero.geo-hero .gn-paths{margin-top:22px;}
#page-home .hero.geo-hero .hero-ctas{margin-top:16px!important;}
#page-home .hero.geo-hero .gn-hero-cap,#page-home .hero.geo-hero #hero-cta-caption{max-width:none!important;margin-top:8px;font-size:13px;}
#page-home .hero.geo-hero .hero-visual{margin-top:20px;}

/* ==== Headline style (Dafne 2026-10-08, the Play example): tight, semibold, soft sky to pink gradient on dark AND on light ==== */
html:not([data-theme="light"]) .gn-alt-b, html[data-theme="light"] .gn-alt-a, .gn-tone-light, .gn-tone-lilac{--grad:linear-gradient(96deg,#2F7DE1 0%,#7B4FD8 50%,#D9487D 100%);}
#page-home .geo-hero__h1, #page-home .gn-alt-a .lp-h, #page-home .gn-alt-b .lp-h, #page-home .gn-beat-t{background-image:var(--grad, linear-gradient(var(--text),var(--text)))!important;}
html[data-theme="light"] #page-home .gn-alt-a .lp-h, html[data-theme="light"] #page-home .geo-hero__h1{background-image:var(--grad)!important;}
#page-home .geo-hero__h1{font-weight:650!important;letter-spacing:-.048em!important;line-height:1.02!important;}
#page-home .lp-h, #page-home .gn-eng-h{font-weight:650;letter-spacing:-.042em;line-height:1.06;}
#page-home .gn-beat-t{font-weight:650;letter-spacing:-.04em;}
#page-home .gn-beat.gn-tone-light .gn-beat-t, #page-home .gn-beat.gn-tone-lilac .gn-beat-t{background-image:var(--grad)!important;}

/* ==== The first screen shows everything: text, field and the whole row of characters, whatever the window height ==== */
@media (min-width:900px){
  #page-home .hero.geo-hero{min-height:calc(100vh - 84px)!important;padding-top:clamp(18px,3.2vh,44px)!important;padding-bottom:0!important;}
  #page-home .hero.geo-hero #hero-headline{font-size:clamp(34px,min(5vw,7.6vh),76px)!important;margin-top:clamp(8px,1.6vh,16px);}
  #page-home .hero.geo-hero #hero-lede{font-size:clamp(15px,min(1.5vw,2.3vh),21px)!important;margin-top:clamp(8px,1.5vh,14px);}
  #page-home .hero.geo-hero .gn-paths{margin-top:clamp(12px,2.2vh,22px);}
  #page-home .hero.geo-hero .gn-path{padding-top:clamp(7px,1.1vh,10px)!important;padding-bottom:clamp(7px,1.1vh,10px)!important;}
  #page-home .hero.geo-hero .hero-ctas{margin-top:clamp(10px,1.8vh,16px)!important;}
  #page-home .hero.geo-hero .hero-visual{flex:1 1 auto;aspect-ratio:auto!important;height:auto;min-height:clamp(230px,31vh,440px);margin-top:clamp(6px,1.2vh,14px);}
}


/* ==== Apple-style product UI (Dafne 2026-10-08): soft surfaces, no hard borders, sentence-case labels; light is white on a pale grey, dark is graphite glass ==== */
.app-shell{--app-shadow:0 0 0 1px rgba(0,0,0,.045),0 1px 2px rgba(0,0,0,.04),0 14px 36px -12px rgba(0,0,0,.10);--app-pill:rgba(0,0,0,.045);}
html:not([data-theme="light"]) .app-shell{--app-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(255,255,255,.065),0 28px 56px -28px rgba(0,0,0,.9);--app-pill:rgba(255,255,255,.07);}
html[data-theme="light"] .app-shell{--bg:#F5F5F7;--surface:#FFFFFF;--surface2:#F5F5F7;--border:rgba(0,0,0,.07);--line:rgba(0,0,0,.07);--line-strong:rgba(0,0,0,.12);--text:#1D1D1F;--text2:#6E6E73;--text3:#86868B;}
html[data-theme="light"] .app-shell, html[data-theme="light"] .app-shell .app-main, html[data-theme="light"] .app-shell .app-content{background:#F5F5F7;}
html:not([data-theme="light"]) .app-shell, html:not([data-theme="light"]) .app-shell .app-main, html:not([data-theme="light"]) .app-shell .app-content{background:radial-gradient(1100px 520px at 18% -8%,rgba(94,48,181,.20),transparent 62%),radial-gradient(900px 480px at 100% 0%,rgba(46,125,225,.10),transparent 60%),#06060A;}
.app-shell .card,.app-shell .stat-row,.app-shell .gn-insight,.app-shell .finalize-widget{border:0!important;border-radius:20px!important;box-shadow:var(--app-shadow);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;}
html[data-theme="light"] .app-shell .card,html[data-theme="light"] .app-shell .stat-row,html[data-theme="light"] .app-shell .gn-insight{background:#FFF;}
html:not([data-theme="light"]) .app-shell .card,html:not([data-theme="light"]) .app-shell .stat-row,html:not([data-theme="light"]) .app-shell .gn-insight,html:not([data-theme="light"]) .app-shell .finalize-widget{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);}
.app-shell .card:hover{transform:translateY(-3px);}
html[data-theme="light"] .app-shell .card:hover{box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04),0 24px 48px -14px rgba(0,0,0,.16);}
.app-shell .card .clickable,.app-shell .card [class*="tile"]{border:0!important;border-radius:14px!important;background:var(--app-pill);}
.app-shell .gn-insight{border-left:0!important;}
.app-shell .gn-insight::before{display:none;}
html[data-theme="light"] .app-shell .gn-insight{background:linear-gradient(135deg,#F4EEFF,#FFFFFF 60%);}
html:not([data-theme="light"]) .app-shell .gn-insight{background:linear-gradient(135deg,rgba(94,48,181,.35),rgba(255,255,255,.03) 65%);}
.app-shell .kpi-label,.app-shell .gn-eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important;font-weight:500!important;color:var(--text3)!important;}
.app-shell th{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:500!important;color:var(--text3)!important;}
.app-shell .disp,.app-shell .kpi-value,.app-shell .num{letter-spacing:-.03em;}
.app-shell .btn,.app-shell button.btn{border-radius:999px;}
.app-shell .nav-item{border-radius:12px;border:0!important;}
.app-shell .nav-item.active{background:var(--app-pill)!important;box-shadow:none!important;}
html[data-theme="light"] .app-shell .nav-item.active{background:rgba(94,48,181,.10)!important;color:#5E30B5;}
html[data-theme="light"] .app-shell .sidebar{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.06);}
html:not([data-theme="light"]) .app-shell .sidebar{background:rgba(10,10,14,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.06);}
.app-shell .topbar,.app-shell .app-top{border-bottom:0;}

/* ==== The product on the page: a light device on white sections, a dark one on dark, tilted a little in 3D with floating layers ==== */
#gn-showcase{perspective:2600px;}
html:not([data-theme="light"]) #gn-showcase, html[data-theme="light"] #gn-showcase{--lid:#E6E6EB;--lid-edge:#CFCFD6;}
html[data-theme="light"] #gn-showcase{--lid:#0B0B0E;--lid-edge:#26262C;}
#gn-showcase .gn-laptop{transform:rotateX(7deg) rotateY(-5deg) translateZ(0);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 60px 50px rgba(0,0,0,.28));}
#gn-showcase:hover .gn-laptop{transform:rotateX(3deg) rotateY(-2deg);}
#gn-showcase .gn-laptop-lid{background:var(--lid);border:1px solid var(--lid-edge);}
#gn-showcase .gn-laptop-base{background:linear-gradient(180deg,var(--lid),var(--lid-edge));border-color:var(--lid-edge);}
#gn-showcase .gn-float{transform:translateZ(90px);box-shadow:0 40px 70px -24px rgba(0,0,0,.45);border-radius:14px;}

/* dark dashboards: soft sky, violet, pink gradients on bars and rings, like the references (light keeps flat brand fills) */
html:not([data-theme="light"]) .app-shell [class*="bar"] > i,
html:not([data-theme="light"]) .app-shell [class*="fill"],
html:not([data-theme="light"]) .app-shell .rr-bar i{background-image:linear-gradient(90deg,#7FB8FF,#B89BFF 55%,#FF9EC0)!important;background-color:transparent!important;}
html:not([data-theme="light"]) .app-shell .kpi-value,html:not([data-theme="light"]) .app-shell .stat-row .num{background:linear-gradient(180deg,#FFF,#C9C9DA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* ==== Client dashboard, every section: soft surfaces everywhere, calmer tables, gradient titles and charts, 3D depth ==== */
.app-shell [style*="border:1px solid var(--border)"]:not(#ask-geonos-btn),.app-shell [style*="border: 1px solid var(--border)"]:not(#ask-geonos-btn),.app-shell .gn-why-i{border:0!important;border-radius:16px!important;box-shadow:var(--app-shadow);}
html[data-theme="light"] .app-shell [style*="border:1px solid var(--border)"],html[data-theme="light"] .app-shell .gn-why-i{background-color:#FFF;}
html[data-theme="light"] .app-shell [style*="border:1px solid var(--border)"][style*="background:var(--surface2)"]{background:#F5F5F7!important;box-shadow:none;}
.app-shell table{border-collapse:separate;border-spacing:0;}
.app-shell th,.app-shell td{border-left:0!important;border-right:0!important;}
.app-shell th{border-bottom:1px solid var(--line)!important;padding-top:10px;padding-bottom:10px;}
.app-shell td{border-bottom:1px solid var(--line)!important;}
.app-shell tbody tr:last-child td{border-bottom:0!important;}
.app-shell tbody tr{transition:background .2s;}
.app-shell tbody tr:hover{background:var(--hover);}
.app-shell .tabs,.app-shell [role="tablist"]{border:0!important;background:var(--app-pill);border-radius:999px;}
.app-shell [role="tab"],.app-shell .tab{border:0!important;border-radius:999px!important;}
.app-shell .badge,.app-shell [class*="badge"],.app-shell [class*="chip"]:not(.clickable){text-transform:none!important;letter-spacing:0!important;}
.app-shell .mono,.app-shell .num:not(.kpi-value){font-family:var(--font)!important;font-variant-numeric:tabular-nums;}
/* page titles take the site's headline gradient on dark; solid on light */
html:not([data-theme="light"]) .app-shell .page-title{background-image:linear-gradient(96deg,#9CC8FF 0%,#C2A8FF 50%,#FF9EC0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;}
/* light charts get the deeper gradient, so both themes read as one family */
html[data-theme="light"] .app-shell [class*="bar"] > i,html[data-theme="light"] .app-shell [class*="fill"],html[data-theme="light"] .app-shell .rr-bar i{background-image:linear-gradient(90deg,#2F7DE1,#7B4FD8 55%,#D9487D)!important;background-color:transparent!important;}
/* depth: cards sit on a layered shadow, lift and tilt a touch toward the pointer */
.app-shell .card{transform-style:preserve-3d;will-change:transform;}
.app-shell .card.gn-tilt{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px);}
html:not([data-theme="light"]) .app-shell .card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(184,155,255,.13),transparent 60%);opacity:0;transition:opacity .3s;}
html:not([data-theme="light"]) .app-shell .card:hover::after{opacity:1;}
.app-shell .card{position:relative;}
html[data-motion="reduce"] .app-shell .card.gn-tilt{transform:none;}
@media (prefers-reduced-motion:reduce){ .app-shell .card.gn-tilt{transform:none;} }

html:not([data-theme="light"]) .app-shell h1.page-title{background-image:linear-gradient(96deg,#9CC8FF 0%,#C2A8FF 50%,#FF9EC0 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}

/* ==== Light dashboard, same richness as dark: pastel aurora behind the content, gradient title and numbers, taller cards, tinted frosted sidebar ==== */
html[data-theme="light"] .app-shell, html[data-theme="light"] .app-shell .app-main, html[data-theme="light"] .app-shell .app-content{
  background:radial-gradient(900px 460px at 14% -6%,rgba(150,120,255,.22),transparent 62%),radial-gradient(760px 420px at 100% 2%,rgba(80,170,255,.18),transparent 60%),radial-gradient(700px 420px at 62% 105%,rgba(255,140,190,.14),transparent 60%),#F6F6FA;
}
html[data-theme="light"] .app-shell{--app-shadow:0 0 0 1px rgba(60,40,140,.06),0 2px 4px rgba(40,30,90,.05),0 22px 44px -16px rgba(60,40,140,.20);}
html[data-theme="light"] .app-shell .card,html[data-theme="light"] .app-shell .stat-row,html[data-theme="light"] .app-shell [style*="border:1px solid var(--border)"]:not(#ask-geonos-btn){background:linear-gradient(180deg,#FFFFFF,#FBFAFF);}
html[data-theme="light"] .app-shell .card:hover{box-shadow:0 0 0 1px rgba(94,48,181,.12),0 4px 8px rgba(40,30,90,.06),0 34px 60px -18px rgba(94,48,181,.28);}
html[data-theme="light"] .app-shell .gn-insight{background:linear-gradient(120deg,#EADFFF 0%,#F4F0FF 45%,#E3F0FF 100%);box-shadow:0 0 0 1px rgba(94,48,181,.10),0 26px 50px -22px rgba(94,48,181,.35);}
html[data-theme="light"] .app-shell h1.page-title{background-image:linear-gradient(96deg,#2F5FD8 0%,#7B4FD8 50%,#D9487D 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}
html[data-theme="light"] .app-shell .kpi-value,html[data-theme="light"] .app-shell .stat-row .num{background:linear-gradient(180deg,#1D1D1F,#4B3F7A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
html[data-theme="light"] .app-shell .sidebar{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(244,240,255,.72));}
html[data-theme="light"] .app-shell .card .clickable,html[data-theme="light"] .app-shell .card [class*="tile"]{background:linear-gradient(180deg,#F7F5FF,#F1F5FF);}
html[data-theme="light"] .app-shell .nav-item.active{background:linear-gradient(90deg,rgba(94,48,181,.14),rgba(94,48,181,.06))!important;}
html[data-theme="light"] .app-shell .btn-primary,html[data-theme="light"] .app-shell button.btn-primary{background:linear-gradient(180deg,#6C3DCC,#5E30B5);box-shadow:0 10px 22px -8px rgba(94,48,181,.55),inset 0 1px 0 rgba(255,255,255,.25);}

/* ==== 3D layer for the client dashboard (both themes): a floating sidebar, glossy gradient icon chips, layered cards with a coloured under-glow, soft orbs behind the content ==== */
@media (min-width:900px){
  .app-shell{padding:12px 12px 12px 0;gap:0;}
  .app-shell .sidebar{margin:0 0 0 12px;height:calc(var(--gn-vh,100vh) - 24px);min-height:min(676px,calc(var(--gn-vh,100vh) - 24px));border:0!important;border-radius:26px;box-shadow:var(--app-shadow),0 40px 70px -30px rgba(40,20,110,.38);transform:translateZ(0);}
  html:not([data-theme="light"]) .app-shell .sidebar{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,255,255,.07),0 40px 80px -30px rgba(0,0,0,.95);}
  .app-shell .app-content,.app-shell .app-main{border-radius:26px;}
}
/* glossy chips behind the sidebar icons */
.app-shell .nav-item svg{box-sizing:content-box;padding:5px;border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(160,140,255,.22));box-shadow:0 6px 12px -6px rgba(94,48,181,.5),inset 0 1px 0 rgba(255,255,255,.9);color:#5E30B5;}
html:not([data-theme="light"]) .app-shell .nav-item svg{background:linear-gradient(145deg,rgba(184,155,255,.42),rgba(94,48,181,.28));box-shadow:0 8px 16px -8px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.28);color:#E8DEFF;}
.app-shell .nav-item.active svg{background:linear-gradient(145deg,#8E6BE0,#5E30B5);color:#fff;box-shadow:0 10px 18px -8px rgba(94,48,181,.8),inset 0 1px 0 rgba(255,255,255,.45);}
/* layered cards: a coloured glow under them, and the first rows float higher */
.app-shell .card,.app-shell .stat-row{box-shadow:var(--app-shadow),0 30px 50px -34px rgba(94,48,181,.42);}
.app-shell .gn-insight{box-shadow:var(--app-shadow),0 40px 64px -30px rgba(94,48,181,.6);transform:translateZ(30px);}
html:not([data-theme="light"]) .app-shell .card,html:not([data-theme="light"]) .app-shell .stat-row{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.06),0 34px 56px -32px rgba(94,48,181,.65);}
.app-shell .btn-primary,.app-shell button.btn-primary,html:not([data-theme="light"]) .app-shell .btn-primary{box-shadow:0 12px 22px -8px rgba(94,48,181,.6),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.12);}
/* soft glossy orbs drifting behind the content */
.app-shell .app-content{position:relative;}
.app-shell .app-content::before,.app-shell .app-content::after{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(2px);}
.app-shell .app-content::before{width:340px;height:340px;right:-90px;top:90px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.75),rgba(150,120,255,.55) 38%,rgba(110,70,230,.22) 70%,transparent 72%);opacity:.5;animation:gnOrb 14s ease-in-out infinite alternate;}
.app-shell .app-content::after{width:240px;height:240px;left:300px;bottom:-110px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.7),rgba(255,140,190,.5) 40%,rgba(255,120,160,.2) 70%,transparent 72%);opacity:.38;animation:gnOrb 18s ease-in-out infinite alternate-reverse;}
html:not([data-theme="light"]) .app-shell .app-content::before{opacity:.32;mix-blend-mode:screen;}
html:not([data-theme="light"]) .app-shell .app-content::after{opacity:.22;mix-blend-mode:screen;}
.app-shell .app-content > *{position:relative;z-index:1;}
@keyframes gnOrb{from{transform:translate3d(0,0,0) scale(1);}to{transform:translate3d(-30px,26px,0) scale(1.08);}}
html[data-motion="reduce"] .app-shell .app-content::before,html[data-motion="reduce"] .app-shell .app-content::after{animation:none;}
@media (prefers-reduced-motion:reduce){ .app-shell .app-content::before,.app-shell .app-content::after{animation:none;} }

/* ==== Fixes: the sidebar list scrolls visibly and is tighter on short windows; neutral bars get the gradient, semantic bars keep their colour with a gloss ==== */
@media (min-width:900px){
  .sidebar>div:first-child>div:last-child{scrollbar-width:thin;scrollbar-color:rgba(120,100,200,.35) transparent;mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent);}
  .sidebar>div:first-child>div:last-child::-webkit-scrollbar{width:6px;}
  .sidebar>div:first-child>div:last-child::-webkit-scrollbar-thumb{background:rgba(120,100,200,.35);border-radius:6px;}
}
@media (min-width:900px) and (max-height:960px){
  .app-shell .sidebar{padding-top:14px;padding-bottom:10px;}
  .app-shell .finalize-widget{display:none;}                       /* the onboarding card gives its space to the list; it comes back on taller windows */
  .app-shell .gn-sb-foot{margin:2px 0;padding-top:2px;}
  .app-shell .gn-sb-foot .nav-item{padding-top:4px;padding-bottom:4px;}
}
.app-shell [style*="height:100%"][style*="background:var(--accent)"]{background:linear-gradient(90deg,#7FB8FF,#8E6BE0 55%,#E07AA8)!important;}
html[data-theme="light"] .app-shell [style*="height:100%"][style*="background:var(--accent)"]{background:linear-gradient(90deg,#2F7DE1,#7B4FD8 55%,#D9487D)!important;}
.app-shell [style*="height:100%"][style*="background:var(--"]{border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 8px -2px currentColor;}
.app-shell [style*="height:100%"][style*="background:var(--accent)"]{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 12px -3px rgba(123,79,216,.55);}
@media (min-width:900px) and (max-height:860px){
  .app-shell .sidebar .nav-item{padding-top:6px;padding-bottom:6px;}
  .app-shell .sidebar .nav-group-label,.app-shell .sidebar .nav-group>div:first-child{padding-top:6px;padding-bottom:6px;}
}

/* ==== Dashboard: no orbs behind the content; light theme becomes frosted glass (translucent, blurred, hairline edges, specular top light) over a soft colour mesh ==== */
.app-shell .app-content::before,.app-shell .app-content::after{display:none!important;content:none!important;}
html[data-theme="light"] .app-shell{
  background:
    radial-gradient(1100px 700px at 8% -10%,rgba(139,108,255,.55),transparent 60%),
    radial-gradient(900px 640px at 98% 0%,rgba(70,170,255,.50),transparent 58%),
    radial-gradient(1000px 700px at 78% 108%,rgba(255,120,185,.42),transparent 60%),
    radial-gradient(800px 600px at 0% 100%,rgba(90,220,210,.28),transparent 60%),
    #EEF0FA;
  background-attachment:fixed;
}
html[data-theme="light"] .app-shell .app-main,html[data-theme="light"] .app-shell .app-content{background:transparent;}
html[data-theme="light"] .app-shell .card,
html[data-theme="light"] .app-shell .stat-row,
html[data-theme="light"] .app-shell [style*="border:1px solid var(--border)"]:not(#ask-geonos-btn):not([style*="background:var(--surface2)"]){
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.40))!important;
  -webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35),0 1px 2px rgba(40,30,110,.06),0 24px 48px -20px rgba(60,40,160,.30);
}
html[data-theme="light"] .app-shell [style*="border:1px solid var(--border)"][style*="background:var(--surface2)"],
html[data-theme="light"] .app-shell .card .clickable:not([style*="background"]),html[data-theme="light"] .app-shell .card [class*="tile"]:not([style*="background"]){
  background:rgba(255,255,255,.42)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .app-shell .gn-insight{
  background:linear-gradient(120deg,rgba(190,160,255,.55),rgba(255,255,255,.55) 50%,rgba(150,200,255,.5))!important;
  -webkit-backdrop-filter:blur(28px) saturate(200%);backdrop-filter:blur(28px) saturate(200%);
  border:1px solid rgba(255,255,255,.8)!important;box-shadow:inset 0 1px 0 #fff,0 30px 56px -24px rgba(94,48,181,.4);
}
html[data-theme="light"] .app-shell .sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.40))!important;
  -webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px rgba(255,255,255,.7),0 40px 70px -30px rgba(60,40,160,.4);
}
html[data-theme="light"] .app-shell .nav-item.active{background:rgba(255,255,255,.7)!important;box-shadow:0 8px 18px -10px rgba(94,48,181,.5),inset 0 1px 0 #fff;}
html[data-theme="light"] .app-shell .topbar,html[data-theme="light"] .app-shell .app-topbar,html[data-theme="light"] .app-shell .app-main>header{
  background:rgba(255,255,255,.45)!important;-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);border-bottom:1px solid rgba(255,255,255,.7)!important;
}
html[data-theme="light"] .app-shell .btn:not(.btn-primary){background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(60,40,160,.3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
/* stronger colour mesh behind the glass so the blur reads, and slightly clearer panels */
html[data-theme="light"] .app-shell{
  background:
    radial-gradient(1000px 520px at 30% 22%,rgba(120,150,255,.34),transparent 62%),
    radial-gradient(900px 520px at 85% 48%,rgba(190,120,255,.30),transparent 62%),
    radial-gradient(900px 520px at 20% 80%,rgba(255,140,190,.30),transparent 62%),
    radial-gradient(1100px 700px at 8% -10%,rgba(139,108,255,.55),transparent 60%),
    radial-gradient(900px 640px at 98% 0%,rgba(70,170,255,.50),transparent 58%),
    radial-gradient(1000px 700px at 78% 108%,rgba(255,120,185,.42),transparent 60%),
    radial-gradient(800px 600px at 0% 100%,rgba(90,220,210,.28),transparent 60%),
    #E9ECFA;
  background-attachment:fixed;
}
html[data-theme="light"] .app-shell .card,html[data-theme="light"] .app-shell .stat-row,
html[data-theme="light"] .app-shell [style*="border:1px solid var(--border)"]:not(#ask-geonos-btn):not([style*="background:var(--surface2)"]){
  background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.34))!important;
}
html[data-theme="light"] .app-shell .act-list,html[data-theme="light"] .app-shell .table-wrap,html[data-theme="light"] .app-shell .gn-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.34))!important;-webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);
  border:1px solid rgba(255,255,255,.75)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 24px 48px -20px rgba(60,40,160,.30);
}
html[data-theme="light"] .app-shell .act-row{background:transparent!important;}

/* ==== Floating menus: solid, readable surface; rows are plain items, not stacked translucent pills ==== */
.app-shell .card:is([style*="position:absolute"],[style*="position: absolute"]){background:#17171C!important;background-image:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 24px 60px -10px rgba(0,0,0,.7)!important;transform:none;}
html[data-theme="light"] .app-shell .card:is([style*="position:absolute"],[style*="position: absolute"]){background:#FFFFFF!important;background-image:none!important;border:1px solid rgba(30,30,60,.10)!important;box-shadow:0 24px 60px -12px rgba(40,30,110,.35)!important;}
.app-shell .card:is([style*="position:absolute"],[style*="position: absolute"]) .clickable{background:transparent!important;box-shadow:none!important;border-radius:10px!important;margin:0!important;}
.app-shell .card:is([style*="position:absolute"],[style*="position: absolute"]) .clickable:hover{background:rgba(144,133,233,.16)!important;}
html[data-theme="light"] .app-shell .card:is([style*="position:absolute"],[style*="position: absolute"]) .clickable:hover{background:rgba(94,48,181,.08)!important;}
/* a card that holds an open menu must paint above the cards that follow it (each card is its own stacking context) */
.app-shell .card:has(:is([style*="position:absolute"],[style*="position: absolute"]):is([style*="display: block"],[style*="display:block"])){position:relative;z-index:60;}

#hero-cta-caption{display:none!important;}

/* AI engines: Today's answers */
.eng-ans-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.eng-ans-pill{font:inherit;font-size:12.5px;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;}
.eng-ans-pill.is-on{background:var(--surface2);color:var(--text);border-color:var(--accent);font-weight:600;}
.eng-ans-box{border:1px solid var(--border);border-radius:16px;background:var(--surface2);padding:16px 18px;}
.eng-ans-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.eng-ans-who{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;}
.eng-ans-who img{width:18px!important;height:18px!important;object-fit:contain;}
.eng-ans-who i{font-style:normal;font-weight:400;font-size:12px;color:var(--text3);margin-left:4px;}
.eng-ans-st{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid var(--border);}
.eng-ans-st.ok{color:var(--success);}
.eng-ans-st.no{color:var(--danger);}
.eng-ans-q{font-size:12.5px;color:var(--text2);padding:8px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--border);display:inline-block;margin-bottom:12px;}
.eng-ans-a{font-size:13.5px;line-height:1.65;color:var(--text);}
.eng-ans-a p{margin:0 0 10px;}
.eng-ans-a ol,.eng-ans-a ul{margin:0 0 10px;padding-left:20px;}
.eng-ans-a li{margin-bottom:6px;}
.eng-ans-a sup{color:var(--accent);font-size:10px;}
.eng-me{color:inherit;background:linear-gradient(transparent 62%,color-mix(in srgb,var(--lime) 55%,transparent) 0);font-weight:700;padding:0 1px;}
.eng-ans-src{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;}
.eng-ans-sl{font-size:11.5px;color:var(--text3);margin-right:4px;}
.eng-q.is-you{border-color:var(--accent);color:var(--text);}
.eng-ans-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--text3);}
.eng-ans-cmp{margin-top:16px;}
.eng-ans-engs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.eng-ans-eng{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;padding:6px 11px 6px 8px;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;}
.eng-ans-eng.is-on{border-color:var(--accent);color:var(--text);background:var(--surface2);}
.eng-ans-eng img{width:16px!important;height:16px!important;object-fit:contain;}
.eng-ans-eng em{font-style:normal;font-weight:700;font-size:11px;}
.eng-ans-eng em.ok{color:var(--success);}
.eng-ans-eng em.no{color:var(--text3);}
@media(max-width:640px){.eng-ans-box{padding:14px;}.eng-ans-pill{font-size:12px;}}
/* Optimization actions: scoring logic */
.act-logic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0 12px;}
.act-logic span{display:block;font-size:12px;line-height:1.45;color:var(--text2);padding:9px 11px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);}
.act-logic b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:10.5px;font-weight:700;}
@media(max-width:900px){.act-logic{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.act-logic{grid-template-columns:1fr;}}

/* Text size: the whole dashboard scales as one piece (zoom), so layouts keep their proportions. --gn-z and --gn-vh are set by gnApplyFs in app.js. */
html[data-fs-on] #app-chrome,html[data-fs-on] #drawer,html[data-fs-on] .gn-sheet{zoom:var(--gn-z,1);}
html[data-fs-on] #drawer{height:var(--gn-vh,100vh);max-width:calc(92vw / var(--gn-z,1));}
.fs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.fs-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);cursor:pointer;color:var(--text2);}
.fs-opt .fs-aa{font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.1;}
.fs-opt b{font-size:13px;color:var(--text);font-weight:600;}
.fs-opt small{font-size:12px;color:var(--text3);}
.fs-opt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);}
.fs-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
@media(max-width:700px){.fs-grid{grid-template-columns:1fr 1fr;}}

/* Analytics: direct and indirect attribution */
.an-kind{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text2);}
.an-kind.d{color:var(--accent);}
.an-kind.t{color:var(--success);}
#an-ladder-t td{vertical-align:top;}

/* Never crop letters: gradient text is painted only inside its own box, so descenders (g, p, y) were cut at the bottom edge.
   A little bottom padding with the same negative margin keeps the layout and paints the whole glyph. */
.tr-h,.tr-co .gt,#page-home .geo-hero__h1,#page-home .gn-alt-a .lp-h,#page-home .gn-alt-b .lp-h,#page-home .gn-beat-t,
.app-shell .page-title,.app-shell .kpi-value,.app-shell .stat-row .num,.rp-cover h1{padding-bottom:.2em;margin-bottom:-.2em;}
.tr-h{line-height:1.08;}
.tr-h,.tr-co .gt,.app-shell .page-title{overflow:visible;}

/* ===== Beat orbs (Dafne 2026-10-08): four simple, futuristic spheres with colour moving inside, no faces. Press play to hear the section explained. ===== */
@property --gn-a{syntax:"<angle>";inherits:false;initial-value:0deg;}
#page-home .gn-beat-stage{height:auto;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;margin:auto 0 0;padding:34px 0 36px;}
#page-home .gn-beat-stage[data-orb="found"]{--c1:#7B4FD6;--c2:#B89BFF;--c3:#4F7BFF;--c4:#FF8ACB;--base:#2a1a5e;--glow:123,79,214;}
#page-home .gn-beat-stage[data-orb="understood"]{--c1:#B8F24A;--c2:#EAFFA0;--c3:#4FD6A0;--c4:#FFE86B;--base:#8fcc2e;--glow:150,210,50;}
#page-home .gn-beat-stage[data-orb="trusted"]{--c1:#FF6B6B;--c2:#FFA3A0;--c3:#FFB98A;--c4:#B89BFF;--base:#ff7468;--glow:255,107,107;}
#page-home .gn-beat-stage[data-orb="chosen"]{--c1:#FFB020;--c2:#FFD87F;--c3:#FF7A3D;--c4:#FF9EC0;--base:#ff9a1f;--glow:255,176,32;}
.gn-orb{position:relative;display:block;width:clamp(210px,24vw,300px);aspect-ratio:1;padding:0;border:0;border-radius:50%;overflow:hidden;isolation:isolate;cursor:pointer;background:var(--base);box-shadow:0 34px 90px -26px rgba(var(--glow),.7),0 0 0 1px rgba(255,255,255,.14) inset;transition:transform .45s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;}
.gn-orb:hover{transform:scale(1.035);}
.gn-orb:focus-visible{outline:2px solid #fff;outline-offset:5px;}
.gn-orb::before{content:"";position:absolute;inset:-28%;z-index:0;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c3),var(--c4),var(--c2),var(--c1));filter:blur(34px) saturate(1.3);animation:gnOrbSwirl calc(16s / var(--spd,1)) linear infinite;will-change:transform;}
@keyframes gnOrbSwirl{to{transform:rotate(360deg);}}
.gn-orb-blobs{position:absolute;inset:-14%;filter:blur(30px) saturate(1.35);z-index:0;opacity:.82;animation:gnOrbCounter calc(26s / var(--spd,1)) linear infinite reverse;will-change:transform;}
@keyframes gnOrbCounter{to{transform:rotate(360deg);}}
.gn-orb-blobs i{position:absolute;width:64%;height:64%;border-radius:50%;will-change:transform;}
.gn-orb-blobs i:nth-child(1){left:-4%;top:2%;background:var(--c1);animation:gnOrbA calc(8s / var(--spd,1)) ease-in-out infinite alternate;}
.gn-orb-blobs i:nth-child(2){right:-6%;top:14%;background:var(--c2);animation:gnOrbB calc(10s / var(--spd,1)) ease-in-out infinite alternate;}
.gn-orb-blobs i:nth-child(3){left:10%;bottom:-6%;background:var(--c3);animation:gnOrbC calc(7s / var(--spd,1)) ease-in-out infinite alternate;}
.gn-orb-blobs i:nth-child(4){right:6%;bottom:2%;width:52%;height:52%;background:var(--c4);animation:gnOrbD calc(9s / var(--spd,1)) ease-in-out infinite alternate;}
@keyframes gnOrbA{0%{transform:translate(-6%,-4%) scale(1);}50%{transform:translate(34%,18%) scale(1.18);}100%{transform:translate(12%,42%) scale(.9);}}
@keyframes gnOrbB{0%{transform:translate(4%,6%) scale(1.05);}50%{transform:translate(-36%,26%) scale(.92);}100%{transform:translate(-14%,-10%) scale(1.2);}}
@keyframes gnOrbC{0%{transform:translate(0,4%) scale(1);}50%{transform:translate(38%,-30%) scale(1.15);}100%{transform:translate(52%,-8%) scale(.95);}}
@keyframes gnOrbD{0%{transform:translate(8%,0) scale(.95);}50%{transform:translate(-40%,-26%) scale(1.2);}100%{transform:translate(-10%,-44%) scale(1);}}
.gn-orb-shade{position:absolute;inset:0;z-index:1;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.62),rgba(255,255,255,0) 36%),radial-gradient(circle at 72% 88%,rgba(var(--glow),.42),rgba(var(--glow),0) 58%),radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 58%,rgba(255,255,255,.18) 100%);pointer-events:none;}
.gn-orb-grain{position:absolute;inset:0;z-index:2;border-radius:50%;opacity:.34;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");}
.gn-orb::after{content:"";position:absolute;inset:0;z-index:3;border-radius:50%;pointer-events:none;background:conic-gradient(from var(--gn-a),rgba(255,255,255,0) 0deg,rgba(255,255,255,.75) 38deg,rgba(255,255,255,0) 90deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:gnOrbRim calc(9s / var(--spd,1)) linear infinite;}
@keyframes gnOrbRim{to{--gn-a:360deg;}}
.gn-orb-play{position:absolute;left:50%;top:50%;z-index:4;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b0b0e;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:transform .25s ease;}
.gn-orb:hover .gn-orb-play{transform:scale(1.08);}
.gn-orb-play .ic-play{margin-left:3px;}
.gn-orb-play .ic-pause,.gn-orb.is-playing .gn-orb-play .ic-play{display:none;}
.gn-orb.is-playing .gn-orb-play .ic-pause{display:block;}
.gn-orb.is-playing{--spd:2.6;animation:gnOrbPulse 1.6s ease-in-out infinite;}
@keyframes gnOrbPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.045);}}
.gn-orb.is-off .gn-orb-blobs,.gn-orb.is-off .gn-orb-blobs i,.gn-orb.is-off::before,.gn-orb.is-off::after{animation-play-state:paused;}
.gn-orb-cap{margin:18px auto 0;min-height:4.4em;max-width:34ch;font-size:clamp(14px,1.2vw,16px);line-height:1.45;color:var(--text2);text-align:center;}
.gn-orb-hint{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);}
html[data-motion="reduce"] .gn-orb-blobs,html[data-motion="reduce"] .gn-orb-blobs i,html[data-motion="reduce"] .gn-orb::before,html[data-motion="reduce"] .gn-orb::after,html[data-motion="reduce"] .gn-orb.is-playing{animation:none;}
@media (prefers-reduced-motion:reduce){.gn-orb-blobs,.gn-orb-blobs i,.gn-orb::before,.gn-orb::after,.gn-orb.is-playing{animation:none;}}
@media (max-width:900px){#page-home .gn-beat-stage{margin-top:26px;}}

/* Beat orbs, real 3D: when the WebGL sphere is running it replaces the CSS gradient layers (which stay as the fallback). */
.gn-orb-gl{position:absolute;inset:0;z-index:1;width:100%;height:100%;border-radius:50%;pointer-events:none;}
.gn-orb.is-gl{background:transparent;box-shadow:0 36px 90px -30px rgba(var(--glow),.75);}
.gn-orb.is-gl .gn-orb-blobs,.gn-orb.is-gl .gn-orb-shade,.gn-orb.is-gl::before,.gn-orb.is-gl::after{display:none;}
.gn-orb.is-gl .gn-orb-grain{opacity:.16;}
#page-home .gn-beat-stage .gn-orb .gn-orb-gl{opacity:1;transition:none;}

/* ===== Public nav menus (Platform, By industry, Resources): glass, Apple style (Dafne 2026-10-09) =====
   Before: the panels were flat and the text did not wrap (inherited nowrap), so Spanish copy spilled out of the panel over the page.
   Now: translucent glass with blur, rounded, a 2-column grid that wraps text, soft hover rows. Public site is dark only. */
#nav-platform-dropdown,#nav-solutions-dropdown,#nav-resources-dropdown{
  top:46px!important;left:-28px!important;padding:26px 24px 22px!important;border-radius:22px!important;
  background:rgba(22,16,36,.74)!important;border:1px solid rgba(255,255,255,.11)!important;
  -webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);
  box-shadow:0 32px 90px rgba(0,0,0,.6),0 2px 0 rgba(255,255,255,.04) inset!important;
  white-space:normal!important;text-align:left;max-width:calc(100vw - 32px);box-sizing:border-box;
}
#nav-platform-dropdown{width:740px!important;}
#nav-solutions-dropdown{width:600px!important;}
#nav-resources-dropdown{width:360px!important;padding:14px!important;gap:2px!important;}
#nav-platform-dropdown div[style*="grid-template-columns"],#nav-solutions-dropdown div[style*="grid-template-columns"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 10px!important;}
#nav-platform-dropdown .clickable,#nav-solutions-dropdown .clickable,#nav-resources-dropdown .clickable{
  min-width:0;padding:11px 14px;border-radius:14px;transition:background .15s ease;}
#nav-platform-dropdown .clickable:hover,#nav-solutions-dropdown .clickable:hover,#nav-resources-dropdown .clickable:hover{background:rgba(255,255,255,.07);}
#nav-platform-dropdown .clickable > div:first-child,#nav-solutions-dropdown .clickable > div:first-child,#nav-resources-dropdown .gn-res-t{
  color:var(--text);font-weight:600;letter-spacing:-.005em;}
#nav-platform-dropdown .clickable > div:last-child,#nav-solutions-dropdown .clickable > div:last-child,#nav-resources-dropdown .gn-res-d{
  color:var(--text2);line-height:1.45;margin-top:2px;}
#nav-platform-dropdown [id^="navdd-group-"],#nav-solutions-dropdown [id^="navdd-group-"]{padding:0 14px;margin-bottom:8px!important;letter-spacing:.09em!important;}
#nav-platform-dropdown div[style*="height:1px"],#nav-solutions-dropdown div[style*="height:1px"]{background:rgba(255,255,255,.09)!important;margin:12px 14px!important;}
@media (max-width:1000px){ #nav-platform-dropdown div[style*="grid-template-columns"],#nav-solutions-dropdown div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;} }

/* The nav bar used to carry its own backdrop-filter, which makes it a "backdrop root": menus inside it could only blur the bar, not the page behind.
   The bar's glass now lives on a pseudo-element, so the menus blur the page like real glass. */
.pub-nav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
.pub-nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
#nav-platform-dropdown,#nav-solutions-dropdown,#nav-resources-dropdown{background:rgba(24,18,40,.62)!important;-webkit-backdrop-filter:saturate(180%) blur(34px);backdrop-filter:saturate(180%) blur(34px);}

/* ===== Platform menu (14 modules in 4 groups) and module pages: glass, Apple style (Dafne 2026-10-09) ===== */
#nav-platform-dropdown{max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;}
@media (min-width:1280px){
  #nav-platform-dropdown{width:960px!important;}
  #nav-platform-dropdown div[style*="grid-template-columns"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
#page-platform-module{position:relative;isolation:isolate;}
#page-platform-module::before{content:"";position:absolute;inset:0 0 auto 0;height:620px;z-index:-1;pointer-events:none;
  background:radial-gradient(58% 70% at 16% 0%,rgba(94,48,181,.46),transparent 70%),radial-gradient(48% 60% at 86% 8%,rgba(184,155,255,.24),transparent 70%),radial-gradient(40% 50% at 55% 30%,rgba(184,242,74,.05),transparent 70%);}
#page-platform-module #pm-back{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:99px;}
#page-platform-module #pm-badge{background:rgba(255,255,255,.08)!important;color:var(--accent)!important;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px 14px;border-radius:99px;letter-spacing:.05em;}
#page-platform-module #pm-title{font-size:clamp(34px,4.6vw,56px)!important;letter-spacing:-.028em;line-height:1.1;padding-bottom:.1em;font-weight:700;}
#page-platform-module #pm-subhead{font-size:clamp(16px,1.7vw,20px)!important;line-height:1.5;max-width:700px!important;}
.pm-vcard{flex:1;min-width:260px;padding:28px 26px 26px!important;border-radius:24px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:saturate(180%) blur(26px);backdrop-filter:saturate(180%) blur(26px);
  box-shadow:0 20px 56px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease;}
.pm-vcard:hover{transform:translateY(-3px);border-color:rgba(184,155,255,.4)!important;}
.pm-vn{display:block;font-size:12px;letter-spacing:.14em;color:var(--accent);font-weight:700;margin-bottom:14px;}
.pm-vt{font-weight:650;font-size:18px;letter-spacing:-.012em;line-height:1.25;margin-bottom:8px;}
.pm-vd{font-size:14px;line-height:1.6;color:var(--text2);}
.pm-step{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
.pm-num{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--text);background:rgba(184,155,255,.18);border:1px solid rgba(184,155,255,.38);}
.pm-st{font-size:14.5px;line-height:1.5;color:var(--text2);}
#page-platform-module #pm-cta{background:linear-gradient(135deg,rgba(94,48,181,.66),rgba(94,48,181,.22))!important;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:saturate(180%) blur(26px);backdrop-filter:saturate(180%) blur(26px);box-shadow:0 26px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);border-radius:28px!important;}
@media (max-width:700px){ #page-platform-module > div{padding-left:20px!important;padding-right:20px!important;} }

/* ===== Engines strip: light glass panel with a tile per platform (Dafne 2026-10-09) =====
   Sits right after the product tour. Light band (gn-alt-b) between the dark tour and the dark Why now. The marks are the white originals,
   turned to ink by the light-band rule, each on a glass chip with a soft glow in the platform's own colour. */
#engines{max-width:none;padding:clamp(56px,7vw,96px) 24px;position:relative;isolation:isolate;}
#engines::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(32% 34% at 12% 56%,rgba(96,160,255,.26),transparent 70%),radial-gradient(32% 34% at 90% 50%,rgba(160,120,255,.24),transparent 70%),radial-gradient(40% 34% at 52% 92%,rgba(255,140,200,.18),transparent 72%);}
#engines .gn-eng-head{max-width:780px;margin:0 auto 38px;text-align:center;}
#engines .gn-eng-h{font-size:clamp(28px,3.8vw,48px);font-weight:650;letter-spacing:-.04em;line-height:1.1;padding-bottom:.08em;margin-top:10px;}
#engines .gn-eng-sub{margin:14px auto 0;max-width:600px;font-size:clamp(15px,1.4vw,18px);line-height:1.5;color:var(--text2);}
#engines .gn-eng-strip{position:relative;max-width:1280px;margin:0 auto;padding:28px 20px 24px;border-radius:34px;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:14px 10px;
  background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(26px);backdrop-filter:saturate(180%) blur(26px);
  box-shadow:0 34px 90px -34px rgba(50,30,120,.34),0 2px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(0,0,0,.04);}
#engines .gn-et{--g:#7B4FD8;flex:1 1 0;min-width:0;max-width:124px;width:auto;display:flex;flex-direction:column;align-items:center;gap:11px;padding:16px 4px 13px;border-radius:24px;
  background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.05);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease;}
#engines .gn-et:hover{transform:translateY(-5px);box-shadow:0 22px 40px -18px color-mix(in srgb,var(--g) 60%,transparent);}
#engines .gn-et-i{position:relative;width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(160deg,#FFFFFF,#EFEFF5);
  box-shadow:0 12px 26px -12px color-mix(in srgb,var(--g) 65%,transparent),inset 0 0 0 1px rgba(0,0,0,.05),inset 0 1px 0 #fff;}
#engines .gn-et-i img{width:30px;height:30px;}
#engines .gn-et-n{font-size:10.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text2);text-align:center;line-height:1.3;}
#engines .gn-eng-div{display:block;flex:0 0 1px;align-self:stretch;background:rgba(0,0,0,.1);margin:6px 2px;}
#engines .gn-et:nth-child(1){--g:#4285F4;} #engines .gn-et:nth-child(2){--g:#10A37F;} #engines .gn-et:nth-child(3){--g:#8B6CF0;} #engines .gn-et:nth-child(4){--g:#20B8CD;}
#engines .gn-et:nth-child(5){--g:#D97757;} #engines .gn-et:nth-child(6){--g:#5B7CF7;} #engines .gn-et:nth-child(7){--g:#0A7CFF;} #engines .gn-et:nth-child(8){--g:#7B5CFF;}
#engines .gn-et:nth-child(9){--g:#6E6E73;} #engines .gn-et:nth-child(10){--g:#4285F4;} #engines .gn-et:last-child{--g:#00B2E8;}
@media (max-width:1199px){ #engines .gn-eng-strip{flex-wrap:wrap;} #engines .gn-et{flex:0 0 108px;} }
@media (max-width:900px){
  #engines{padding:44px 16px;}
  #engines .gn-eng-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:18px 12px;border-radius:26px;}
  #engines .gn-eng-div{display:none;}
  #engines .gn-et{max-width:none;padding:12px 4px 10px;}
}

/* Engines on pure white, bubbles stay on light grey (Dafne 2026-10-09): Apple-style grey and white in turn, with a hairline between them.
   The glass panel turns soft grey so it still reads as a panel on white. */
#page-home > #engines.gn-alt-b{background:#FFFFFF;box-shadow:0 0 0 100vmax #FFFFFF,inset 0 1px 0 rgba(0,0,0,.07);}
#engines .gn-eng-strip{background:rgba(244,244,247,.78);border:1px solid rgba(0,0,0,.05);box-shadow:0 30px 70px -36px rgba(50,30,120,.30),0 1px 0 #fff inset;}
#engines .gn-et{background:#FFFFFF;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(0,0,0,.04);}
#engines::before{background:radial-gradient(32% 34% at 12% 56%,rgba(96,160,255,.20),transparent 70%),radial-gradient(32% 34% at 90% 50%,rgba(160,120,255,.18),transparent 70%),radial-gradient(40% 34% at 52% 92%,rgba(255,140,200,.14),transparent 72%);}

/* No empty band between the bubbles and the engines (Dafne 2026-10-09): the note under the bubbles is gone, so its space goes too. */
#page-home > .lp-sec.gn-beats.gn-alt-b#gn-beats{padding-bottom:16px!important;}

/* Bubbles section headline, bigger (Dafne 2026-10-09). Gradient text: bottom padding keeps the descenders (y, g, p) painted. */
#page-home #gn-beats .gn-sec-eb{font-size:14px;letter-spacing:.14em;margin-bottom:16px;}
#page-home #gn-beats-h{font-size:clamp(38px,6.4vw,84px);font-weight:650;letter-spacing:-.046em;line-height:1.04;padding-bottom:.14em;margin-bottom:12px;}
#page-home #gn-beats-d{max-width:780px;font-size:clamp(16px,1.6vw,21px);line-height:1.55;margin-top:6px;}
@media (max-width:560px){ #page-home #gn-beats-h{font-size:clamp(34px,10.4vw,44px);} }

/* ===== Glass on every public inner page (Dafne 2026-10-09: "absolutely everything needs to follow") =====
   By industry pages, Pricing, For Amazon sellers, For AI answers, the guides and the free audit now share the module pages' look:
   a soft violet glow at the top, glass cards (blur, 1px light border, deep shadow, big radius), pill badges and glass buttons.
   Public site is dark only. */
:is(#page-vertical-solution,#page-pricing,#page-path-amazon,#page-path-ai,#page-guide,#page-audit){position:relative;isolation:isolate;}
:is(#page-vertical-solution,#page-pricing,#page-path-amazon,#page-path-ai,#page-guide,#page-audit)::before{content:"";position:absolute;inset:0 0 auto 0;height:640px;z-index:-1;pointer-events:none;
  background:radial-gradient(58% 70% at 16% 0%,rgba(94,48,181,.42),transparent 70%),radial-gradient(48% 60% at 86% 8%,rgba(184,155,255,.22),transparent 70%),radial-gradient(40% 50% at 55% 30%,rgba(184,242,74,.04),transparent 70%);}
/* glass cards */
:is(#page-vertical-solution,#page-audit) .card,
#page-pricing .gn-plan,#page-pricing .gn-sales-row,
:is(#page-path-amazon,#page-path-ai) :is(.gn-plan,.gn-step,.gn-rung,.gn-pp-band,.gn-pp-why),
#page-guide :is(.gn-guide-toc,.gn-guide-kh,.gn-pp-band){
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;
  -webkit-backdrop-filter:saturate(180%) blur(26px);backdrop-filter:saturate(180%) blur(26px);
  box-shadow:0 20px 56px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)!important;}
#page-pricing .gn-plan,#page-vertical-solution .card:not(.clickable),:is(#page-path-amazon,#page-path-ai) .gn-step{transition:transform .25s ease,border-color .25s ease;}
#page-pricing .gn-plan:hover,#page-vertical-solution .card:not(.clickable):hover,:is(#page-path-amazon,#page-path-ai) .gn-step:hover{transform:translateY(-3px);border-color:rgba(184,155,255,.4)!important;}
#page-pricing .gn-plan.is-mine,:is(#page-path-amazon,#page-path-ai) .gn-plan.is-mine,:is(#page-path-amazon,#page-path-ai) .gn-rung.is-you{border-color:rgba(184,155,255,.55)!important;box-shadow:0 24px 64px rgba(94,48,181,.38),inset 0 1px 0 rgba(255,255,255,.1)!important;}
:is(#page-vertical-solution,#page-audit) .card.clickable:hover{border-color:rgba(184,155,255,.4)!important;}
/* pills and buttons */
:is(#page-vertical-solution,#page-audit) .badge{background:rgba(255,255,255,.08)!important;color:var(--accent)!important;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:6px 14px;border-radius:99px;letter-spacing:.05em;}
:is(#page-vertical-solution,#page-pricing,#page-path-amazon,#page-path-ai,#page-guide,#page-audit) .btn-ghost,#page-pricing .gn-plan .btn,#page-pricing .gn-sales-row .btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:99px;}
#page-pricing .gn-bill-toggle{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:99px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
/* type */
:is(#page-vertical-solution) #vs-title{font-size:clamp(34px,4.6vw,56px)!important;letter-spacing:-.028em;line-height:1.1;padding-bottom:.1em;font-weight:700;}
:is(#page-vertical-solution) #vs-subhead{font-size:clamp(16px,1.7vw,20px)!important;line-height:1.5;max-width:700px!important;}
#page-pricing .gn-pr-h{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.03em;line-height:1.1;padding-bottom:.08em;}
#page-pricing .gn-pr-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.5;}
#page-audit h1,#page-audit .disp:first-of-type{letter-spacing:-.028em;}
#page-guide h1{font-size:clamp(34px,4.4vw,54px);letter-spacing:-.028em;line-height:1.1;padding-bottom:.08em;}
/* the audience table becomes one glass panel with soft rows */
#page-vertical-solution table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 56px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07);}
#page-vertical-solution table th{padding:14px 20px!important;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);font-weight:650;background:rgba(255,255,255,.03);}
#page-vertical-solution table td{padding:16px 20px!important;font-size:14px;line-height:1.5;}
#page-vertical-solution table tr + tr td{border-top:1px solid rgba(255,255,255,.08);}
/* the audit form on a glass panel with glass inputs */
#page-audit input[type="text"],#page-audit input[type="email"],#page-audit input:not([type]){background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
/* demo screenshots (browser mockups) get the glass frame too */
:is(#page-path-amazon,#page-path-ai) figure.gn-mac{border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);}
@media (max-width:700px){ #page-vertical-solution > div{padding-left:20px!important;padding-right:20px!important;} }
#page-vertical-solution #vs-cta{background:linear-gradient(135deg,rgba(94,48,181,.66),rgba(94,48,181,.22))!important;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:saturate(180%) blur(26px);backdrop-filter:saturate(180%) blur(26px);box-shadow:0 26px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);border-radius:28px!important;}
#page-vertical-solution #vs-faq .card{padding:16px 22px!important;border-radius:20px!important;}

/* ===== Knowledge Hub and onboarding: glass too (Dafne 2026-10-09) ===== */
#kh-chrome,#onboarding-chrome{position:relative;isolation:isolate;}
#kh-chrome::before,#onboarding-chrome::before{content:"";position:fixed;left:0;right:0;top:0;height:560px;z-index:-1;pointer-events:none;
  background:radial-gradient(58% 70% at 18% 0%,rgba(94,48,181,.38),transparent 70%),radial-gradient(48% 60% at 88% 6%,rgba(184,155,255,.2),transparent 70%);}
#kh-chrome .kh-topbar{position:sticky;top:0;z-index:5;background:rgba(12,9,22,.58);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid rgba(255,255,255,.08);}
#kh-chrome .kh-topbar ~ div > div:first-child{background:rgba(255,255,255,.025);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.08)!important;}
#kh-chrome .kh-nav-item{border-radius:12px;transition:background .15s ease;}
#kh-chrome .kh-nav-item:hover{background:rgba(255,255,255,.07);}
#kh-chrome .kh-nav-item.active{background:rgba(184,155,255,.16);box-shadow:inset 0 0 0 1px rgba(184,155,255,.3),inset 0 1px 0 rgba(255,255,255,.08);color:var(--text);}
#kh-chrome :is(.card,.kh-example,.kh-toc,.kh-provecho,.kh-next,.kh-do-avoid,.kh-table-wrap,.kh-note,.kh-facts){
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:22px!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)!important;}
#kh-chrome .kh-tile{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;}
#kh-chrome .card.clickable{transition:transform .25s ease,border-color .25s ease;}
#kh-chrome .card.clickable:hover{transform:translateY(-3px);border-color:rgba(184,155,255,.4)!important;}
#kh-chrome .kh-article-page .disp,#kh-chrome .disp[style*="font-size:28px"],#kh-chrome .disp[style*="font-size:30px"],#kh-chrome .disp[style*="font-size:32px"]{font-size:clamp(32px,4vw,50px)!important;letter-spacing:-.03em;line-height:1.1;padding-bottom:.08em;}
#onboarding-chrome .ob-rail{background:rgba(255,255,255,.03)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.08)!important;}
#onboarding-chrome .ob-step-dot.current{background:rgba(184,155,255,.9);box-shadow:0 0 0 6px rgba(184,155,255,.16);}
#onboarding-chrome :is(.card,.gn-goal > *,.gn-goal-pre,.ob-topic-group,.ob-checklist-item){
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)!important;}
#onboarding-chrome .gn-goal > *{transition:transform .25s ease,border-color .25s ease;}
#onboarding-chrome .gn-goal > *:hover{transform:translateY(-2px);border-color:rgba(184,155,255,.4)!important;}
#onboarding-chrome .ob-input{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;}
#onboarding-chrome .disp[style*="font-size:26px"]{font-size:clamp(28px,3.2vw,40px)!important;letter-spacing:-.028em;line-height:1.12;padding-bottom:.06em;}
#onboarding-chrome .gn-goal-c.is-on{background:linear-gradient(160deg,rgba(184,155,255,.22),rgba(94,48,181,.12))!important;border-color:rgba(184,155,255,.7)!important;box-shadow:0 22px 56px rgba(94,48,181,.4),inset 0 1px 0 rgba(255,255,255,.12)!important;}

/* ===== Path pages and inner-page headlines: same Apple glass + gradient language as the home (Dafne 2026-10-09) =====
   Gradient headline (same ramp as the home hero), pill eyebrows, no hard divider lines, glass engine tiles,
   glass chips, glowing device frames. Public site is dark only. */
:is(#page-path-amazon,#page-path-ai) .gn-pp-h,
#page-pricing .gn-pr-h,#page-guide h1,:is(#page-vertical-solution) #vs-title{
  background-image:linear-gradient(96deg,#9CC8FF 0%,#C2A8FF 52%,#FF9EC0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-bottom:.14em;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-h{font-size:clamp(38px,4.6vw,66px);font-weight:650;letter-spacing:-.045em;line-height:1.06;margin-top:16px;text-wrap:balance;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-sub{font-size:clamp(17px,1.7vw,21px);line-height:1.5;max-width:560px;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.035em;line-height:1.1;padding-bottom:.1em;margin-top:14px;
  background-image:linear-gradient(180deg,#FFFFFF,#C9C3E6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-hero{padding-top:72px;padding-bottom:72px;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-sec{border-top:0;padding-top:72px;padding-bottom:72px;}
/* pill eyebrows */
:is(#page-path-amazon,#page-path-ai) :is(.gn-pp-hero,.gn-pp-sec,.gn-frow-c) > .gn-eyebrow{display:inline-block;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--accent);letter-spacing:.07em;font-weight:600;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-copy > .gn-eyebrow{display:inline-block;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:var(--accent);letter-spacing:.07em;font-weight:600;}
/* device frames glow instead of sitting flat */
:is(#page-path-amazon,#page-path-ai) figure.gn-mac{position:relative;box-shadow:0 40px 110px -20px rgba(94,48,181,.55),0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.1);}
:is(#page-path-amazon,#page-path-ai) .gn-frow{gap:56px;padding:32px 0;}
/* engine tiles: glass cards with a lit logo tile and a soft brand glow */
:is(#page-path-amazon,#page-path-ai) .gn-eng-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px;margin-top:28px;max-width:1100px;}
:is(#page-path-amazon,#page-path-ai) .gn-et{--g:#7B4FD8;width:auto;gap:12px;padding:20px 8px 16px;border-radius:24px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);
  -webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;}
:is(#page-path-amazon,#page-path-ai) .gn-et:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--g) 55%,transparent);box-shadow:0 26px 54px -18px color-mix(in srgb,var(--g) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.1);}
:is(#page-path-amazon,#page-path-ai) .gn-et-i{width:58px;height:58px;border-radius:19px;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 28px -12px color-mix(in srgb,var(--g) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.14);}
:is(#page-path-amazon,#page-path-ai) .gn-et-i img{width:30px;height:30px;}
:is(#page-path-amazon,#page-path-ai) .gn-et-n{font-size:10.5px;font-weight:650;letter-spacing:.05em;color:var(--text2);}
:is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(1){--g:#10A37F;} :is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(2){--g:#4285F4;} :is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(3){--g:#8B6CF0;}
:is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(4){--g:#20B8CD;} :is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(5){--g:#D97757;} :is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(6){--g:#5B7CF7;}
:is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(7){--g:#A0A0AB;} :is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(8){--g:#0A7CFF;} :is(#page-path-amazon,#page-path-ai) .gn-et:nth-child(9){--g:#B79BFF;}
/* chips (industries, plan engines) become glass pills */
:is(#page-path-amazon,#page-path-ai) .gn-chip,:is(#page-path-amazon,#page-path-ai,#page-pricing) .gn-plan-eng span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
:is(#page-path-amazon,#page-path-ai) .gn-chip{padding:9px 18px;transition:transform .2s ease,border-color .2s ease,background .2s ease;}
:is(#page-path-amazon,#page-path-ai) .gn-chip:hover{transform:translateY(-2px);border-color:rgba(184,155,255,.5);background:rgba(184,155,255,.14);}
/* the callouts and the closing band */
:is(#page-path-amazon,#page-path-ai) .gn-pp-why{border-radius:20px!important;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-band{background:linear-gradient(135deg,rgba(94,48,181,.62),rgba(94,48,181,.2))!important;padding:40px 44px;border-radius:28px!important;box-shadow:0 26px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1)!important;}
:is(#page-path-amazon,#page-path-ai) .gn-pp-band h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;}
@media (max-width:900px){ :is(#page-path-amazon,#page-path-ai) .gn-pp-hero{padding-top:36px;padding-bottom:36px;} :is(#page-path-amazon,#page-path-ai) .gn-pp-sec{padding-top:44px;padding-bottom:44px;}
  :is(#page-path-amazon,#page-path-ai) .gn-eng-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} :is(#page-path-amazon,#page-path-ai) .gn-frow{gap:24px;} }

:is(#page-path-amazon,#page-path-ai) .gn-eng-row{grid-template-columns:repeat(9,minmax(0,1fr));max-width:none;}
@media (max-width:1100px){ :is(#page-path-amazon,#page-path-ai) .gn-eng-row{grid-template-columns:repeat(5,minmax(0,1fr));} }
/* FAQ on path pages, pricing and guides: glass question cards, no hard divider lines */
:is(#page-path-amazon,#page-path-ai,#page-pricing,#page-guide) .gn-faq-sec{border-top:0;}
:is(#page-path-amazon,#page-path-ai,#page-pricing) .gn-faq-h{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.035em;line-height:1.1;padding-bottom:.1em;background-image:linear-gradient(180deg,#FFFFFF,#C9C3E6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
:is(#page-path-amazon,#page-path-ai,#page-pricing) .gn-faq-list{gap:12px;}
:is(#page-path-amazon,#page-path-ai,#page-pricing,#page-guide) .gn-qa{padding:20px 24px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.028));-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 16px 44px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07);}

/* ===== Glass app icon (Dafne 2026-10-09): the Geonos mark on a frosted violet tile =====
   Translucent violet gradient, blur, 1px light rim, a glossy sheen on the top half, inner light and shadow, soft violet glow. Every use of the icon. */
.gn-appicon,html[data-theme="light"] .gn-appicon{position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(145deg,rgba(188,154,255,.85) 0%,rgba(128,80,232,.66) 52%,rgba(78,36,170,.8) 100%);
  border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);
  box-shadow:0 10px 26px -8px rgba(124,77,255,.7),0 2px 6px rgba(20,8,60,.35),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 16px rgba(40,10,110,.38),inset 0 0 0 .5px rgba(255,255,255,.12);}
.gn-appicon::before{content:"";position:absolute;inset:0 0 46% 0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,.04));}
.gn-appicon::after{content:"";position:absolute;left:14%;right:14%;bottom:-30%;height:60%;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(214,190,255,.5),transparent);}
.gn-appicon .gn-mark{filter:drop-shadow(0 1px 2px rgba(36,10,100,.55));}

/* ===== Home "Two ways in" and the pricing band: Apple glass on the light tone (Dafne 2026-10-09) =====
   Pastel lilac and sky glow behind frosted white cards, gradient headline with room for descenders, glass pill eyebrow,
   logo tiles, glass buttons. Written for the light tone the public site shows here (gn-alt-b on the dark theme). */
#page-home #gn-ways::before,#page-home #gn-teaser::after{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;
  background:radial-gradient(46% 60% at 10% 0%,rgba(167,139,250,.30),transparent 70%),radial-gradient(40% 55% at 92% 8%,rgba(125,190,255,.28),transparent 70%),radial-gradient(38% 45% at 52% 100%,rgba(255,170,200,.2),transparent 72%);}
#page-home #gn-ways{position:relative;isolation:isolate;}
#page-home #gn-ways-eb{display:inline-block;align-self:center;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.62);border:1px solid rgba(94,48,181,.16);color:#5B3BC4;letter-spacing:.07em;font-weight:600;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #fff;}
#page-home #gn-ways-h{font-size:clamp(34px,5.2vw,66px);letter-spacing:-.042em;line-height:1.06;padding-bottom:.16em;margin:16px 0 22px;}
#page-home #gn-ways .gn-ways-grid{gap:20px;max-width:1184px;margin-left:auto;margin-right:auto;}
#page-home #gn-ways .gn-way{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:34px;gap:0;border-radius:32px;
  background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
  box-shadow:0 0 0 1px rgba(94,48,181,.07),0 30px 70px -30px rgba(94,48,181,.42),inset 0 1px 0 #fff;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;}
#page-home #gn-ways .gn-way:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(94,48,181,.12),0 44px 90px -30px rgba(94,48,181,.55),inset 0 1px 0 #fff;}
#page-home #gn-ways .gn-way::before{content:"";position:absolute;z-index:-1;right:-70px;top:-80px;width:280px;height:280px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(150,110,255,.38),transparent 72%);}
#page-home #gn-ways .gn-way[data-path="A"]::before{background:radial-gradient(closest-side,rgba(255,170,120,.36),transparent 72%);}
#page-home #gn-ways .gn-way-c{flex:1;align-items:flex-start;gap:6px;}
#page-home #gn-ways .gn-way-c .gn-eyebrow{display:inline-block;padding:5px 12px;border-radius:99px;background:rgba(94,48,181,.08);border:1px solid rgba(94,48,181,.14);color:#5B3BC4;font-weight:600;letter-spacing:.06em;}
#page-home #gn-ways .gn-way-t{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.035em;line-height:1.12;margin:14px 0 26px;padding-bottom:.06em;max-width:520px;}
#page-home #gn-ways .gn-way-b{margin-top:auto;padding:12px 22px;border-radius:99px;font-weight:600;color:#3B1F8E;background:rgba(255,255,255,.78);border:1px solid rgba(94,48,181,.22);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 20px -10px rgba(94,48,181,.4),inset 0 1px 0 #fff;transition:background .25s ease,color .25s ease,transform .25s ease;}
#page-home #gn-ways .gn-way-b::after{content:" \2192";display:inline-block;transition:transform .25s ease;}
#page-home #gn-ways .gn-way:hover .gn-way-b{background:linear-gradient(135deg,#8A5CFF,#5E30B5);color:#fff;border-color:rgba(255,255,255,.5);}
#page-home #gn-ways .gn-way:hover .gn-way-b::after{transform:translateX(4px);}
#page-home #gn-ways .gn-way-vis{order:-1;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;}
#page-home #gn-ways .gn-way-vis span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(160deg,#FFFFFF,#EDE8FB);
  box-shadow:0 10px 22px -10px rgba(94,48,181,.5),inset 0 0 0 1px rgba(94,48,181,.1),inset 0 1px 0 #fff;}
#page-home #gn-ways .gn-way-vis img{width:24px;height:24px;}
#page-home #gn-ways .gn-way-vis.is-one span{width:60px;height:60px;border-radius:20px;}
#page-home #gn-ways .gn-way-vis.is-one img{width:34px;height:34px;}
/* the pricing band: full-bleed light band, glass card drawn behind the content */
#page-home #gn-teaser{--tgx:max(16px,calc((100% - 1184px)/2));position:relative;isolation:isolate;max-width:none;margin:0;
  padding:88px calc(var(--tgx) + 48px);border:0;border-radius:0;}
#page-home #gn-teaser::before{content:"";position:absolute;z-index:-1;left:var(--tgx);right:var(--tgx);top:48px;bottom:48px;border-radius:32px;border:1px solid rgba(255,255,255,.95);
  background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,255,255,.5));-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);
  box-shadow:0 0 0 1px rgba(94,48,181,.07),0 30px 70px -34px rgba(94,48,181,.4),inset 0 1px 0 #fff;}
#page-home #gn-teaser .gn-eyebrow{display:inline-block;padding:5px 12px;border-radius:99px;background:rgba(94,48,181,.08);border:1px solid rgba(94,48,181,.14);color:#5B3BC4;font-weight:600;letter-spacing:.06em;}
#page-home #gn-teaser-h{font-size:clamp(26px,3.2vw,42px);letter-spacing:-.038em;line-height:1.1;padding-bottom:.08em;margin:14px 0 6px;}
#page-home #gn-teaser-go{padding:15px 30px;border-radius:99px;font-weight:700;background:linear-gradient(135deg,#8A5CFF,#5E30B5);color:#fff;border:1px solid rgba(255,255,255,.45);
  box-shadow:0 16px 36px -12px rgba(94,48,181,.7),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .25s ease,box-shadow .25s ease;}
#page-home #gn-teaser-go:hover{transform:translateY(-2px);box-shadow:0 22px 44px -12px rgba(94,48,181,.8),inset 0 1px 0 rgba(255,255,255,.5);}
@media (max-width:900px){ #page-home #gn-ways .gn-way{min-height:0;padding:26px 22px;border-radius:26px;} #page-home #gn-teaser{padding:64px calc(var(--tgx) + 22px);} #page-home #gn-teaser::before{top:32px;bottom:32px;border-radius:26px;} #page-home #gn-ways .gn-way-vis span{width:38px;height:38px;border-radius:13px;} #page-home #gn-ways .gn-way-vis img{width:20px;height:20px;} }
#page-home #gn-teaser::after{background:radial-gradient(44% 70% at 50% 100%,rgba(167,139,250,.22),transparent 72%),radial-gradient(34% 60% at 90% 100%,rgba(125,190,255,.2),transparent 72%);}

/* "Two ways in" buttons: the same solid violet glass CTA as the pricing band (Dafne 2026-10-09) */
#page-home #gn-ways .gn-way-b{padding:15px 30px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8A5CFF,#5E30B5);border:1px solid rgba(255,255,255,.45);
  box-shadow:0 16px 36px -12px rgba(94,48,181,.7),inset 0 1px 0 rgba(255,255,255,.45);-webkit-backdrop-filter:none;backdrop-filter:none;}
#page-home #gn-ways .gn-way:hover .gn-way-b,#page-home #gn-ways .gn-way-b:hover{background:linear-gradient(135deg,#8A5CFF,#5E30B5);color:#fff;border-color:rgba(255,255,255,.5);transform:translateY(-2px);box-shadow:0 22px 44px -12px rgba(94,48,181,.8),inset 0 1px 0 rgba(255,255,255,.5);}

/* ===== Trust foundation panel (Brand command > Foundation): preparation, importance and priority drawn as three different things ===== */
#gn-trust-root{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;}
.gn-tr-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;}
.gn-tr-big{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;color:var(--text);}
.gn-tr-big b{font-size:1.5em;letter-spacing:-.04em;margin-right:4px;}
.gn-tr-sub{font-size:13.5px;color:var(--text2);line-height:1.5;max-width:560px;}
.gn-tr-read{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.gn-tr-read>div{padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface2);display:flex;flex-direction:column;gap:4px;}
.gn-tr-read b{font-size:13px;color:var(--text);}
.gn-tr-read span{font-size:12.5px;line-height:1.5;color:var(--text2);}
.gn-tr-card{padding:0;overflow:hidden;}
.gn-tr-h{padding:18px 20px;border-bottom:1px solid var(--border);}
.gn-tr-note{font-size:12.5px;color:var(--text2);margin-top:4px;line-height:1.55;max-width:900px;}
.gn-tr-note b{color:var(--text);font-weight:600;}
.gn-tr-t td{vertical-align:top;}
.gn-tr-t .gn-tr-prep{min-width:250px;}
.gn-tr-bar{height:8px;border-radius:99px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--border);overflow:hidden;}
.gn-tr-bar i{display:block;height:100%;border-radius:99px;}
.gn-tr-pct{display:flex;flex-direction:column;gap:2px;margin-top:6px;}
.gn-tr-pct b{font-size:15px;color:var(--text);}
.gn-tr-pct span{font-size:11.5px;line-height:1.4;color:var(--text3);}
.gn-tr-basis{font-size:12.5px;line-height:1.5;color:var(--text2);max-width:340px;}
.gn-tr-st{font-weight:700;margin-right:6px;}
.gn-tr-gate{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);vertical-align:middle;}
.gn-tr-scroll{overflow-x:auto;}
.gn-tr-m{min-width:980px;}
.gn-tr-m th{font-size:11px;white-space:nowrap;text-align:center;}
.gn-tr-m th:first-child,.gn-tr-m td:first-child{text-align:left;white-space:nowrap;}
.gn-tr-m td{text-align:center;padding:10px 6px;}
.gn-tr-c{display:inline-block;min-width:44px;padding:3px 8px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.03em;cursor:help;}
.gn-tr-c-G{background:var(--primary);color:var(--on-primary);}
.gn-tr-c-D{color:var(--accent);border:1px solid var(--accent);}
.gn-tr-c-I{color:var(--text2);border:1px dashed var(--text3);}
.gn-tr-none{color:var(--text3);}
.gn-tr-foot{padding:12px 20px;font-size:11.5px;line-height:1.55;color:var(--text3);border-top:1px solid var(--border);}
.gn-tr-ord{list-style:none;margin:0;padding:6px 20px 14px;counter-reset:gn-tr;}
.gn-tr-ord li{counter-increment:gn-tr;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);}
.gn-tr-ord li:last-child{border-bottom:0;}
.gn-tr-ord li>span:first-child{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--text);}
.gn-tr-ord li>span:first-child::before{content:counter(gn-tr);font-size:11px;font-weight:700;color:var(--text3);}
.gn-tr-ord em{font-style:normal;font-size:12.5px;line-height:1.5;color:var(--text2);}
@media (max-width:760px){ .gn-tr-t .gn-tr-prep{min-width:0;} .gn-tr-basis{max-width:none;} .gn-tr-ord li{flex-direction:column;align-items:flex-start;} }

.gn-tr-bar i.s-Strong{background:var(--lime)!important;background-image:none!important;}
.gn-tr-bar i.s-Partly{background:var(--warning)!important;background-image:none!important;}
.gn-tr-bar i.s-Gap{background:var(--danger)!important;background-image:none!important;}
#gn-trust-root .gn-tr-bar i.s-Strong{background:var(--lime)!important;background-image:none!important;}
#gn-trust-root .gn-tr-bar i.s-Partly{background:var(--warning)!important;background-image:none!important;}
#gn-trust-root .gn-tr-bar i.s-Gap{background:var(--danger)!important;background-image:none!important;}
#gn-trust-root .gn-tr-ord li>span:first-child .gn-tr-gate{align-self:flex-start;margin-left:0;}
#gn-trust-root .gn-tr-m{min-width:880px;}
#gn-trust-root .gn-tr-m th:first-child,#gn-trust-root .gn-tr-m td:first-child{white-space:normal;min-width:150px;max-width:190px;}
#gn-trust-root .gn-tr-m td{padding:10px 3px;}
#gn-trust-root .gn-tr-m th{padding-left:3px;padding-right:3px;font-size:10.5px;}
#gn-trust-root .gn-tr-c{min-width:40px;padding:3px 6px;}
/* how the pieces fit: the purpose of each one, in one row */
.gn-tr-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:none;}
.gn-tr-flow li{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px 14px 12px;border:1px solid var(--border);border-radius:16px;background:var(--surface2);}
.gn-tr-flow li.is-here{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;}
.gn-tr-flow .gn-tr-n{font-size:11px;font-weight:700;color:var(--text3);}
.gn-tr-flow b{font-size:14px;color:var(--text);}
.gn-tr-flow li>span:not(.gn-tr-n){font-size:12.5px;line-height:1.5;color:var(--text2);}
.gn-tr-lk{margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.gn-tr-det>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:18px 20px;}
.gn-tr-det>summary::-webkit-details-marker{display:none;}
.gn-tr-det>summary::after{content:"Show";position:absolute;right:20px;top:18px;font-size:12.5px;font-weight:600;color:var(--accent);}
.gn-tr-det[open]>summary::after{content:"Hide";}
.gn-tr-det{position:relative;}
@media (max-width:900px){ .gn-tr-flow{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:480px){ .gn-tr-flow{grid-template-columns:minmax(0,1fr);} }

/* ---- Journey stage, two lenses, evidence level, keywords behind prompts (docs/JOURNEY.md) ---- */
.gn-stg,.gn-evi{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text);white-space:nowrap;vertical-align:middle;}
.gn-stg::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;}
.gn-stg-Awareness{background:var(--tint-lilac);}
.gn-stg-Consideration{background:var(--tint-violet);}
.gn-stg-Decision{background:var(--tint-amber);}
.gn-stg-Retention{background:var(--tint-lime);}
.gn-evi{margin-left:6px;font-weight:600;}
.gn-evi-Official{background:var(--tint-lime);}
.gn-evi-Study{background:var(--tint-violet);}
.gn-evi-Vendorstudy{background:var(--tint-lilac);}
.gn-evi-Practitioner{background:var(--tint-amber);}
.gn-evi-Inferred{background:transparent;border-style:dashed;color:var(--text2);}
.gn-evi-Inferred::before{content:"";}
td .gn-stg,li .gn-stg{margin-left:6px;}
td .gn-stg:first-child{margin-left:0;}
/* legend on Prompt research */
.gn-sl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px;}
.gn-sl>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);}
html[data-theme="light"] .gn-sl>div{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.55));}
.gn-sl span:not(.gn-stg){font-size:12.5px;color:var(--text2);line-height:1.5;}
.gn-sl em{font-style:normal;font-size:11.5px;color:var(--text3);}
/* by-stage strip on Visibility */
.gn-ss{padding:20px 22px;margin-bottom:16px;}
.gn-ss-n{font-size:12.5px;color:var(--text2);margin:4px 0 14px;line-height:1.5;}
.gn-ss-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gn-ss-c{padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:var(--surface2);display:flex;flex-direction:column;gap:6px;align-items:flex-start;}
.gn-ss-c.is-low{border-color:var(--warning);}
.gn-ss-v{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;}
.gn-ss-m{font-size:12px;color:var(--text2);}
.gn-ss-b{font-size:11.5px;font-weight:600;color:var(--warning);}
.gn-ss-f{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text2);line-height:1.6;}
.gn-ss-l{color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
/* two lenses on Optimization actions */
.gn-lens{margin:12px 0 4px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--surface2);}
.gn-lens-t{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-bottom:10px;}
.gn-lens-r{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.gn-lens-r span{font-size:12.5px;color:var(--text2);line-height:1.55;}
.gn-lens-r b{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:3px;}
.gn-lens-e{margin-top:10px;font-size:12px;color:var(--text3);line-height:1.5;}
.gn-lens-note{margin:0 0 16px;padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:var(--tint-violet);font-size:12.5px;color:var(--text);line-height:1.6;}
/* Overview card */
.gn-ovf{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;margin-bottom:16px;}
.gn-ovf-h{font-weight:600;margin-bottom:6px;}
.gn-ovf-b{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--text2);}
.gn-ovf-a{display:flex;gap:8px;flex-wrap:wrap;}
/* AI engines: evidence line */
.eng-evi{margin-top:12px;font-size:12.5px;color:var(--text2);line-height:1.6;}
.eng-evi .gn-evi{margin:0 6px 0 0;}
.eng-evi-v{display:block;margin-top:6px;font-size:11.5px;color:var(--text3);}
/* keywords behind prompts */
.gn-kwl{margin-top:8px;font-size:12px;color:var(--text2);line-height:1.5;white-space:normal;}
.gn-kwl b{color:var(--text);}
.gn-kwc{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:8px;background:var(--tint-lilac);color:var(--text);}
.gn-kwy{margin-top:4px;color:var(--text3);max-width:560px;}
.gn-kwy b{color:var(--text2);}
.gn-kwm{padding:0;overflow:hidden;margin-bottom:16px;}
.gn-kwm-h{padding:18px 20px 4px;}
.gn-kwm .gn-ss-f{margin:0;padding:14px 20px;}
.gn-kwm table{width:100%;}
.gn-kwwhy{color:var(--text2);font-size:12px;line-height:1.5;min-width:220px;white-space:normal;}
.gn-kwr{color:var(--text3);font-size:11.5px;}
.gn-kwd{padding:12px 0;border-top:1px solid var(--border);}
.gn-kwd:first-of-type{border-top:0;}
@media (max-width:900px){.gn-sl,.gn-ss-g{grid-template-columns:repeat(2,minmax(0,1fr));}.gn-lens-r{grid-template-columns:1fr;}}
@media (max-width:520px){.gn-sl,.gn-ss-g{grid-template-columns:1fr;}.gn-kwm{overflow-x:auto;}}
#tracked-prompts-table td:first-child{min-width:300px;}
#tracked-prompts-table .gn-kwl{max-width:380px;}
#tracked-prompts-table .gn-kwy{max-width:380px;}
/* three proofs on each suggested piece: prompts attacked, AI steps, keywords */
.gn-pk{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;gap:14px;margin:10px 0 4px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(138,92,255,.12),rgba(138,92,255,.03));-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);}
.gn-pk.is-full{grid-template-columns:1fr;}
.gn-pk-c>b{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin-bottom:8px;}
.gn-pk-p1{margin-bottom:8px;}
.gn-pk-q{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;line-height:1.4;}
.gn-pk-a{margin-top:8px;padding:8px 10px;border-radius:12px;border-left:3px solid var(--accent);background:var(--surface2);font-size:12px;color:var(--text2);line-height:1.5;}
.gn-pk-st{margin:0;padding-left:18px;font-size:12.5px;color:var(--text2);line-height:1.55;}
.gn-pk-st li{margin-bottom:4px;}
.gn-pk-st li.is-gap{color:var(--text);font-weight:600;list-style:none;margin-left:-18px;padding:6px 10px;border-radius:10px;background:var(--tint-amber);}
.gn-pk summary{cursor:pointer;font-size:12.5px;color:var(--accent);}
.gn-pk details[open] summary{margin-bottom:8px;}
.gn-pk-k1{margin-bottom:8px;font-size:12.5px;display:flex;flex-direction:column;gap:2px;}
.gn-pk-k1 b{color:var(--text);}
.gn-pk-t{margin:14px 0 4px;font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.4px;}
html[data-theme="light"] .gn-pk{background:linear-gradient(160deg,rgba(94,48,181,.07),rgba(255,255,255,.6));}
@media (max-width:900px){.gn-pk{grid-template-columns:1fr;}}

/* Roadmap tab in the site audit: the one that says what to do next, always highlighted */
.lv2-tabs .lv2-tab.lv2-tab-hl{color:var(--text);font-weight:700;border-color:rgba(168,132,255,.7);background:linear-gradient(160deg,rgba(138,92,255,.38),rgba(94,48,181,.2));box-shadow:0 0 0 1px rgba(168,132,255,.25),0 6px 22px rgba(138,92,255,.35);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);display:inline-flex;align-items:center;gap:8px;}
.lv2-tabs .lv2-tab.lv2-tab-hl::before{content:"";width:7px;height:7px;border-radius:50%;background:#C2A8FF;box-shadow:0 0 8px #C2A8FF;}
.lv2-tabs .lv2-tab.lv2-tab-hl:hover{box-shadow:0 0 0 1px rgba(168,132,255,.45),0 8px 28px rgba(138,92,255,.5);}
.lv2-tabs .lv2-tab.lv2-tab-hl[aria-selected="true"]{color:#fff;border-color:transparent;background:linear-gradient(135deg,#8A5CFF,#5E30B5);box-shadow:0 8px 26px rgba(138,92,255,.55),inset 0 1px 0 rgba(255,255,255,.35);}
.lv2-tabs .lv2-tab.lv2-tab-hl[aria-selected="true"]::before{background:#fff;box-shadow:0 0 8px #fff;}
html[data-theme="light"] .lv2-tabs .lv2-tab.lv2-tab-hl:not([aria-selected="true"]){color:#3A1F82;background:linear-gradient(160deg,rgba(138,92,255,.22),rgba(138,92,255,.08));border-color:rgba(94,48,181,.55);box-shadow:0 4px 16px rgba(94,48,181,.18);}
html[data-theme="light"] .lv2-tabs .lv2-tab.lv2-tab-hl:not([aria-selected="true"])::before{background:#5E30B5;box-shadow:none;}

/* Recommendations by channel and the content calendar (gn-channels.js) */
.gn-vs{display:inline-flex;gap:4px;padding:4px;margin:0 0 16px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);max-width:100%;overflow-x:auto;}
.gn-vs button{font:inherit;font-size:13px;font-weight:600;color:var(--text2);background:transparent;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;white-space:nowrap;}
.gn-vs button.is-on{color:#fff;background:linear-gradient(135deg,#8A5CFF,#5E30B5);box-shadow:0 6px 20px rgba(138,92,255,.45),inset 0 1px 0 rgba(255,255,255,.3);}
.gn-vs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.gn-cov,.gn-cal{padding:0;overflow:hidden;}
.gn-cov-h{padding:18px 20px 6px;}
.gn-cov table,.gn-cal table{width:100%;}
.gn-cov td,.gn-cal td{vertical-align:top;}
.gn-cov-w{color:var(--text2);font-size:12.5px;line-height:1.5;min-width:220px;white-space:normal;}
.gn-cov-a{color:var(--accent);font-size:12.5px;font-weight:600;white-space:nowrap;}
.gn-cv{display:inline-flex;font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:999px;border:1px solid var(--border);white-space:nowrap;color:var(--text);}
.gn-cv.is-in{background:var(--tint-lime);}
.gn-cv.is-out{background:var(--tint-amber);}
.gn-cv.is-na{background:transparent;color:var(--text2);border-style:dashed;}
.gn-cv.is-tbc{background:var(--tint-lilac);}
.gn-na{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;}
.gn-na p{margin:6px 0 0;font-size:13px;color:var(--text2);line-height:1.6;}
.gn-pc{padding:0;margin-top:12px;}
.gn-pc>summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 18px;}
.gn-pc>summary::-webkit-details-marker{display:none;}
.gn-pc-id{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:8px;background:var(--tint-violet);color:var(--text);}
.gn-pc-t{font-weight:600;font-size:14px;flex:1 1 280px;line-height:1.4;}
.gn-pc-m{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
.gn-pc-m .gn-evi{margin-left:6px;}
.gn-pc-w{margin-left:8px;font-size:12px;color:var(--text3);}
.gn-pc-b{display:inline-flex;margin-left:8px;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:var(--tint-coral);color:var(--danger);}
.gn-pc-b2{padding:0 18px 18px;}
.gn-pc-l{margin:4px 0 10px;grid-template-columns:1fr 1fr;}
.gn-topic{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px;}
.gn-topic span{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);font-size:12.5px;color:var(--text);min-width:110px;}
.gn-topic b{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--text3);}
.gn-dfs{display:flex;flex-direction:column;gap:10px;}
.gn-df{display:grid;grid-template-columns:150px 1fr auto;gap:4px 12px;align-items:start;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);}
.gn-df>b{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text2);}
.gn-df>span{font-size:13px;color:var(--text);line-height:1.55;}
.gn-df>i{font-style:normal;font-size:12px;color:var(--success);white-space:nowrap;}
.gn-df>i.is-over{color:var(--danger);font-weight:700;}
.gn-df>i.gn-df-n{color:var(--text3);}
.gn-why{grid-column:2 / -1;display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);}
.gn-w{font-size:12px;color:var(--text2);line-height:1.5;}
.gn-w b{display:inline-block;min-width:62px;margin-right:8px;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:7px;color:var(--text);}
.gn-w-Prompt b{background:var(--tint-violet);}
.gn-w-Keyword b{background:var(--tint-lilac);}
.gn-w-Buyer b{background:var(--tint-lime);}
.gn-w-AI b{background:var(--tint-amber);}
.gn-vp{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.gn-vp li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);font-size:12.5px;color:var(--text2);}
.gn-vp i{font-style:normal;color:var(--text3);white-space:nowrap;}
.gn-pc-f{margin-top:12px;padding:12px 14px;border-radius:14px;border-left:3px solid var(--accent);background:var(--surface2);font-size:12.5px;color:var(--text2);line-height:1.6;}
.gn-pc-f b{color:var(--text);}
.gn-cal tr.gn-cal-m td{background:var(--tint-violet);font-size:12.5px;}
.gn-chtabs{margin-bottom:6px;}
@media (max-width:900px){.gn-df{grid-template-columns:1fr;}.gn-why{grid-column:1;}.gn-pc-l{grid-template-columns:1fr;}.gn-cov,.gn-cal{overflow-x:auto;}}
.gn-dcta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;margin:0 0 16px;border-color:rgba(168,132,255,.5);background:linear-gradient(160deg,rgba(138,92,255,.22),rgba(138,92,255,.06));}
.gn-dcta-h{font-weight:700;font-size:15px;margin-bottom:4px;}
.gn-dcta-b{font-size:12.5px;color:var(--text2);line-height:1.55;max-width:640px;}
.gn-dcta-a{display:flex;gap:8px;flex-wrap:wrap;}
.gn-type{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text);margin-right:8px;white-space:nowrap;}
.gn-type.is-fix{background:var(--tint-amber);}
.gn-type.is-content{background:var(--tint-violet);}
.gn-dl{color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-right:10px;}
.gn-pr{margin-left:8px;font-size:11.5px;font-weight:600;color:var(--text2);padding:4px 9px;border-radius:999px;border:1px dashed var(--border);white-space:nowrap;}
/* channel filters, studio context, sample note */
.gn-old{display:none!important;}
.gn-fl{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;}
.gn-fl-h{margin-top:8px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);font-weight:700;}
.gn-wrap{flex-wrap:wrap!important;row-gap:8px;}
.gn-fl .chip i{font-style:normal;font-size:11px;color:var(--text3);margin-left:4px;}
.gn-fl .chip em{font-style:normal;font-size:10.5px;color:var(--warning);margin-left:4px;}
.gn-pc-a{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.gn-sample-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border-radius:14px;border:1px dashed var(--border);background:var(--surface2);font-size:12.5px;color:var(--text2);line-height:1.5;}
.gn-sctx{padding:18px 20px;margin:0 0 16px;border-color:rgba(168,132,255,.5);background:linear-gradient(160deg,rgba(138,92,255,.18),rgba(138,92,255,.05));}
.gn-sctx-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px;}
.gn-chbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text2);padding:4px 2px;}
.gn-chbar b{color:var(--text);}
/* simpler recommended drafts: summary line, tabs, folded why, counters, groups */
.gn-pc>summary{row-gap:6px;}
.gn-pc-sub{flex:1 1 100%;font-size:12.5px;color:var(--text2);line-height:1.5;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.gn-pc-sub b{color:var(--text);}
.gn-st{display:inline-flex;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text);margin-right:6px;white-space:nowrap;}
.gn-st.is-ok{background:var(--tint-lime);}
.gn-st.is-warn{background:var(--tint-amber);}
.gn-st.is-bad{background:var(--tint-coral);}
.gn-pc-act{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;}
.gn-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px;border-bottom:1px solid var(--border);}
.gn-tabs button{font:inherit;font-size:13px;font-weight:600;color:var(--text2);background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 12px;cursor:pointer;margin-bottom:-1px;}
.gn-tabs button.is-on{color:var(--text);border-bottom-color:var(--accent);}
.gn-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.gn-tp[hidden]{display:none;}
.gn-rules{margin:0 0 12px;padding:10px 14px;border-radius:14px;border:1px dashed var(--border);background:var(--surface2);font-size:12.5px;color:var(--text2);line-height:1.55;}
.gn-rules b{color:var(--text);margin-right:6px;}
.gn-df{grid-template-columns:150px 1fr 96px;}
.gn-df-l{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.gn-df-l b{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text2);}
.gn-df-t{font-size:13px;color:var(--text);line-height:1.55;}
.gn-whyb{font-size:11.5px;font-weight:600;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
.gn-ctr{font-style:normal;font-size:12px;color:var(--success);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.gn-ctr.is-over{color:var(--danger);font-weight:700;}
.gn-ctr.gn-df-n{color:var(--text3);}
.gn-ctr-b{display:block;width:84px;height:4px;border-radius:2px;background:var(--surface2);overflow:hidden;border:1px solid var(--border);}
.gn-ctr-b span{display:block;height:100%;background:var(--success);}
.gn-ctr.is-over .gn-ctr-b span{background:var(--danger);}
.gn-miss{font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:8px;background:var(--tint-amber);color:var(--text);margin-left:6px;white-space:nowrap;}
.gn-why[hidden]{display:none;}
.gn-grp{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 4px;padding:0 2px;font-size:14px;}
.gn-grp b{font-size:15px;}
@media (max-width:900px){.gn-df{grid-template-columns:1fr;}.gn-ctr{align-items:flex-start;}}
/* approvals on the draft, editor */
.btn.is-off{opacity:.45;cursor:not-allowed;}
.gn-rc{margin:0 0 12px;}
.gn-rc textarea{width:100%;box-sizing:border-box;font:inherit;font-size:13px;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:10px 12px;resize:vertical;}
.gn-stf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px;}
.gn-stf .chip i{font-style:normal;font-size:11px;color:var(--text3);margin-left:4px;}
.gn-edit{outline:none;border-radius:8px;padding:2px 4px;margin:-2px -4px;}
.gn-edit:focus{background:var(--tint-violet);box-shadow:0 0 0 2px var(--accent);}

/* ===== Home: Why now + the four bubbles as one scene (Dafne 2026-10-11) =====
   Order: engines, tour, Why now, bubbles, paths. The bubbles keep the bare-bubble look and the voice; the four tiles sit in one row
   (two by two on tablets, one column on phones), rounded glass tiles with a soft glow in each bubble's colour. */
#page-home > .lp-sec.gn-now.gn-alt-a{padding-bottom:clamp(40px,5vw,64px)!important;}
#page-home #gn-now-h{font-size:clamp(34px,4.6vw,60px);font-weight:650;letter-spacing:-.04em;line-height:1.06;padding-bottom:.14em;max-width:16ch;margin-left:auto;margin-right:auto;}
#page-home #gn-now-d{max-width:640px;font-size:clamp(16px,1.4vw,19px);}
#page-home .gn-terms{max-width:900px;gap:12px;margin-top:28px;}
#page-home .gn-term{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;padding:16px 20px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 40px -26px rgba(0,0,0,.6);}
html[data-theme="light"] #page-home .gn-alt-a .gn-term{border-color:rgba(0,0,0,.07);background:linear-gradient(180deg,#fff,rgba(255,255,255,.7));box-shadow:inset 0 1px 0 #fff,0 18px 40px -28px rgba(60,40,140,.35);}
#page-home .gn-term-k{font-size:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
#page-home .gn-term-f{flex:1 1 auto;}
#page-home .gn-term-d{flex-basis:100%;margin:2px 0 0;font-size:15px;}

#page-home > .lp-sec.gn-beats.gn-alt-b#gn-beats{padding-top:clamp(48px,6vw,80px)!important;padding-bottom:clamp(40px,5vw,72px)!important;}
#page-home #gn-beats .gn-sec-eb{display:none;}
#page-home #gn-beats-h{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.04em;margin-bottom:8px;}
#page-home #gn-beats-d{max-width:640px;font-size:clamp(15px,1.3vw,18px);}
#page-home #gn-beats .gn-beats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(28px,3.4vw,44px) calc(50% - 50vw + clamp(12px,2vw,28px)) 0;}
#page-home #gn-beats .gn-beat{min-height:0;padding:36px 20px 26px;border-radius:30px;border:1px solid rgba(0,0,0,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 30px 60px -40px rgba(40,20,100,.35);}
#page-home #gn-beats .gn-beat.gn-tone-dark{background:linear-gradient(180deg,#14111f 0%,#050506 62%);border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 60px -36px rgba(0,0,0,.7);}
#page-home #gn-beats .gn-beat.gn-tone-light{background:linear-gradient(180deg,#FFFFFF 0%,#F0F0F5 100%);}
#page-home #gn-beats .gn-beat.gn-tone-lilac{background:linear-gradient(180deg,#EDE7FB 0%,#F7F5FD 100%);}
#page-home #gn-beats .gn-beat-c{font-size:11.5px;margin-bottom:10px;}
#page-home #gn-beats .gn-beat-t{font-size:clamp(26px,2.5vw,34px);padding-bottom:.12em;}
#page-home #gn-beats .gn-beat-d{max-width:26ch;margin-top:10px;font-size:clamp(14.5px,1.15vw,16px);line-height:1.45;}
#page-home #gn-beats .gn-beat-stage{padding:26px 0 0;}
#page-home #gn-beats .gn-beat-stage::before{content:"";position:absolute;left:50%;top:44%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(var(--glow),.30),rgba(var(--glow),.08) 55%,transparent 72%);pointer-events:none;z-index:0;}
#page-home #gn-beats .gn-orb{width:clamp(150px,14.5vw,200px);z-index:1;}
#page-home #gn-beats .gn-orb-play{width:48px;height:48px;margin:-24px 0 0 -24px;}
#page-home #gn-beats .gn-orb-cap{margin-top:14px;min-height:5.2em;max-width:26ch;font-size:14px;position:relative;z-index:1;}
#page-home #gn-beats .gn-beat.gn-tone-dark .gn-orb-cap{color:#B8B8BF;}
@media (max-width:1100px){ #page-home #gn-beats .gn-beats-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #page-home #gn-beats .gn-orb{width:clamp(170px,26vw,210px);} }
@media (max-width:620px){ #page-home #gn-beats .gn-beats-grid{grid-template-columns:minmax(0,1fr);} #page-home #gn-beats .gn-beat{padding:32px 20px 22px;} #page-home #gn-beats .gn-orb-cap{min-height:4.4em;} #page-home .gn-term{padding:14px 16px 16px;} }
#page-home #gn-now-h{max-width:22ch;}
#page-home > .lp-sec.gn-now.gn-alt-a{padding-top:clamp(44px,5vw,64px)!important;}

/* ===== Final CTA band: gradient and glass, not a flat block (Dafne 2026-10-11) ===== */
#page-home > .gn-cta-wrap{padding:0 clamp(12px,2vw,28px) clamp(40px,5vw,72px)!important;}
#page-home .cta-band.gn-ctaband{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,40px);flex-wrap:wrap;padding:clamp(34px,5vw,64px)!important;border-radius:36px!important;border:1px solid rgba(255,255,255,.20);
  background:radial-gradient(60% 130% at 10% -10%,rgba(184,155,255,.60),transparent 62%),radial-gradient(48% 110% at 104% 108%,rgba(255,158,192,.50),transparent 64%),radial-gradient(40% 80% at 60% 50%,rgba(142,197,255,.20),transparent 70%),linear-gradient(135deg,#2E1670 0%,#5E30B5 52%,#7B4FD6 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 50px 90px -48px rgba(70,30,160,.65);}
#page-home .cta-band.gn-ctaband .cta-mark{right:36%;opacity:.10;}
#page-home .gn-ctaband-t{max-width:15ch;margin:0;font-size:clamp(30px,3.8vw,52px);font-weight:650;letter-spacing:-.04em;line-height:1.06;padding-bottom:.1em;background:linear-gradient(180deg,#FFFFFF 20%,#DCCFFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
#page-home .gn-ctaband .gn-band-form{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.38);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 40px -22px rgba(20,8,60,.6);}
#page-home .gn-ctaband .gn-band-form input{color:#fff;background:transparent;}
#page-home .gn-ctaband .gn-band-form input::placeholder{color:rgba(255,255,255,.66);}
#page-home .gn-ctaband .gn-band-form:focus-within{border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 0 4px rgba(184,155,255,.35),0 18px 40px -22px rgba(20,8,60,.6);}
@media (max-width:900px){ #page-home .cta-band.gn-ctaband{border-radius:28px!important;} #page-home .gn-ctaband-t{max-width:none;} #page-home .cta-band.gn-ctaband .cta-mark{display:none;} }

/* ===== Home: guides band (internal links to the blog) and blog links in the nav and footer (2026-10-11) ===== */
#page-home .gn-guides{text-align:center;}
#page-home .gn-guides-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1160px;margin:32px auto 0;text-align:left;}
#page-home .gn-guide-card{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:26px;text-decoration:none;color:var(--text);border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface2));box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 24px 50px -38px rgba(40,20,100,.4);transition:transform .2s ease,border-color .2s ease;}
#page-home .gn-guide-card:hover{transform:translateY(-3px);border-color:var(--accent);}
#page-home .gn-guide-t{font-size:19px;font-weight:650;letter-spacing:-.025em;line-height:1.2;}
#page-home .gn-guide-d{font-size:14.5px;line-height:1.45;color:var(--text2);}
#page-home .gn-guide-go{margin-top:auto;font-size:13.5px;font-weight:600;color:var(--accent);}
#page-home .gn-guide-go::after{content:" \2192";}
#page-home .gn-guides-all{display:inline-block;margin-top:24px;font-weight:600;color:var(--accent);text-decoration:none;}
#page-home .gn-guides-all:hover{text-decoration:underline;}
@media (max-width:1000px){ #page-home .gn-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:600px){ #page-home .gn-guides-grid{grid-template-columns:minmax(0,1fr);} }
.gn-res-a{display:block;text-decoration:none;color:inherit;}
.sf-cols>div a{color:inherit;text-decoration:none;}
.sf-cols>div a:hover{color:var(--text);}
@media (prefers-reduced-motion:reduce){ #page-home .gn-guide-card{transition:none;} }

/* Menu items are real links now (crawlable); they keep the same look and still open the in-app view for people (2026-10-11) */
a.gn-nav-a{display:block;color:inherit;text-decoration:none;}
a.gn-nav-a:hover .gn-nav-t,a.gn-nav-a:focus-visible{color:inherit;}

/* Platform menu now mirrors the dashboard sidebar: 27 items in six groups, three columns (2026-10-11) */
#nav-platform-dropdown{width:920px!important;}
#nav-platform-dropdown div[style*="grid-template-columns"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
#nav-platform-dropdown [id^="navdd2-group-"]{padding:0 14px;margin-bottom:6px!important;letter-spacing:.09em!important;}
#nav-platform-dropdown a.gn-nav-a > div:first-child{color:var(--text);font-weight:600;letter-spacing:-.005em;}
#nav-platform-dropdown a.gn-nav-a > div:last-child{color:var(--text2);line-height:1.45;margin-top:2px;}
@media (max-width:1000px){ #nav-platform-dropdown div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;} }
#nav-platform-dropdown a.gn-nav-a.clickable{padding:7px 14px;}
#nav-platform-dropdown a.gn-nav-a > div:first-child{margin-bottom:2px!important;}

.lv-basis{font-size:12px;line-height:1.45;color:var(--text2);margin-top:8px;max-width:30ch;}

/* Brand command > Foundation: live entity evidence */
.gn-ent{margin-bottom:16px;}
.gn-ent-t{width:100%;border-collapse:collapse;margin-top:6px;}
.gn-ent-t td{padding:10px 8px;border-top:1px solid var(--line);vertical-align:top;font-size:13px;color:var(--text);}
.gn-ent-t td:first-child{white-space:nowrap;}
.gn-ent-d{color:var(--text2);line-height:1.5;}
.gn-ent-d a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.gn-ent-chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500;border:1px solid var(--line);color:var(--text2);white-space:nowrap;}
.gn-ent-ok{color:var(--lime);border-color:currentColor;}
.gn-ent-part{color:var(--warning);border-color:currentColor;}
.gn-ent-gap{color:var(--danger);border-color:currentColor;}
@media (max-width:640px){.gn-ent-t td:first-child{white-space:normal;}.gn-ent-t td{display:block;border-top:0;padding:4px 0;}.gn-ent-t tr{display:block;padding:10px 0;border-top:1px solid var(--line);}}
.gn-ent-f{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px;}
.gn-ent-f input{flex:1 1 220px;min-width:0;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:13.5px;}
.gn-ent-ul{margin:6px 0 0;padding-left:18px;}
.gn-ent-ul li{margin:3px 0;line-height:1.45;color:var(--text2);}
.gn-ent-ul b{color:var(--text);font-weight:500;}
.gn-ent-why{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:12.5px;line-height:1.5;color:var(--text2);}
.gn-ent-why b{color:var(--text);font-weight:500;}
.gn-ent-why em{font-style:normal;opacity:.9;}

.gw-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0;}
.gw-kpi{padding:12px 14px;border-radius:14px;border:1px solid var(--line);}
.gw-kpi .gw-card-t{font-size:22px;margin-top:4px;}
.gw-form-col{display:flex;flex-direction:column;gap:8px;flex:1;min-width:220px;}
.gw-label{font-size:12.5px;color:var(--text2);font-weight:600;}
textarea.gw-input{width:100%;resize:vertical;font-family:inherit;}
.gw-form-col .gw-check{align-items:flex-start;}
#gn-drafts .gn-beats-d{margin-bottom:32px;}

/* "Two ways in" on the dark tone (the light theme shows this section dark): the glass cards were drawn for a light background and went grey.
   Dark glass, light chips and white engine marks instead. The light tone is unchanged. (Dafne 2026-10-17) */
html[data-theme="light"] #page-home #gn-ways::before{background:radial-gradient(46% 60% at 10% 0%,rgba(139,92,246,.30),transparent 70%),radial-gradient(40% 55% at 92% 8%,rgba(59,130,246,.16),transparent 70%),radial-gradient(38% 45% at 52% 100%,rgba(236,72,153,.12),transparent 72%);}
html[data-theme="light"] #page-home #gn-ways-eb{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#CDBBFF;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);}
html[data-theme="light"] #page-home #gn-ways .gn-way{background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border-color:rgba(255,255,255,.15);box-shadow:0 0 0 1px rgba(139,92,246,.10),0 30px 70px -30px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.15);}
html[data-theme="light"] #page-home #gn-ways .gn-way:hover{box-shadow:0 0 0 1px rgba(167,139,250,.35),0 44px 90px -30px rgba(139,92,246,.55),inset 0 1px 0 rgba(255,255,255,.2);}
html[data-theme="light"] #page-home #gn-ways .gn-way-c .gn-eyebrow{background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.30);color:#DCD0FF;}
html[data-theme="light"] #page-home #gn-ways .gn-way-vis span{background:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.06));box-shadow:0 10px 22px -10px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.16);}
html[data-theme="light"] #page-home #gn-ways .gn-way-vis img{filter:brightness(0) invert(1);opacity:.92;}
/* Pricing band on the dark tone: same fix, dark glass and light chip. */
html[data-theme="light"] #page-home #gn-teaser::before{background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border-color:rgba(255,255,255,.15);box-shadow:0 0 0 1px rgba(139,92,246,.10),0 30px 70px -30px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.15);}
html[data-theme="light"] #page-home #gn-teaser .gn-eyebrow{background:rgba(167,139,250,.14);border-color:rgba(167,139,250,.30);color:#DCD0FF;}

/* Same question, different answers (home, 2026-10-18). Lime only for the customer's brand when it is named; the miss state is a word plus a dashed edge. */
.gn-ask-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;}
.gn-ask-c{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;gap:16px;}
.gn-ask-c.is-named{border-color:var(--success);}
.gn-ask-c.is-miss{border-style:dashed;border-color:var(--line-strong);}
.gn-ask-h{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em;}
.gn-ask-s{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--text2);white-space:nowrap;}
.gn-ask-s.is-named{color:var(--success);border-color:var(--success);background:var(--tint-lime);}
.gn-ask-p,.gn-ask-a{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:var(--bg-sunken);}
.gn-ask-l{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);}
.gn-ask-q{font-size:17px;line-height:1.4;color:var(--text);font-weight:500;}
.gn-ask-a span:last-child{font-size:15px;line-height:1.55;color:var(--text-body);}
.gn-ask-n{font-size:14px;line-height:1.5;color:var(--text2);}
.gn-ask-tag{margin-top:16px;font-size:12px;letter-spacing:.04em;color:var(--text3);text-align:center;}
@media (max-width:820px){ .gn-ask-grid{grid-template-columns:minmax(0,1fr);} }