:root{
    --bg:#F7F7F5; --surface:#FFFFFF; --surface2:#F2F1EC; --raise:#FBFBF9;
    --ink:#111318; --muted:#565A63; --faint:#8B8E96;
    --line:#E6E4DD; --line2:#EFEEE8;
    --navy:#182645; --navy-deep:#0F1A32; --navy-soft:#EDEFF4;
    --gold:#A9814A; --gold-deep:#856334; --gold-soft:#F2EAD9; --gold-line:#E6D7B9;
    --good:#3F7D53; --good-soft:#E8F0E9;
    --warn:#A9762E; --warn-soft:#F4ECDB;
    --cool:#41607F; --cool-soft:#E9EEF3;
    --header-bg:rgba(247,247,245,.82);
    --btn-bg:#182645; --btn-bg-hover:#0F1A32; --btn-fg:#fff;
    --accent-ink:#182645;
    --font-display:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;
    --font-sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
    --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
    --shadow-sm:0 1px 2px rgba(20,22,30,.04),0 1px 3px rgba(20,22,30,.05);
    --shadow:0 6px 22px -8px rgba(20,22,30,.12);
    --shadow-lg:0 26px 60px -26px rgba(15,26,50,.30);
    --maxw:1140px;
  }
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
    --bg:#0F1216; --surface:#171B22; --surface2:#1F242D; --raise:#13171C;
    --ink:#ECEDF0; --muted:#A2A7B0; --faint:#6B7078;
    --line:#2A2F39; --line2:#232830;
    --navy:#1B2A4E; --navy-deep:#16233F; --navy-soft:#202634;
    --gold:#C6A063; --gold-deep:#D8B77E; --gold-soft:#2A2317; --gold-line:#3F3626;
    --good:#6FB98A; --good-soft:#18241C; --warn:#D19A54; --warn-soft:#2A2216; --cool:#82A2C6; --cool-soft:#1A2029;
    --header-bg:rgba(15,18,22,.82);
    --btn-bg:#ECEDF1; --btn-bg-hover:#FFFFFF; --btn-fg:#14161B;
    --accent-ink:#A9B9DD;
    --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow:0 8px 24px -10px rgba(0,0,0,.5); --shadow-lg:0 24px 60px -26px rgba(0,0,0,.6);
  } }
  :root[data-theme="dark"]{
    --bg:#0F1216; --surface:#171B22; --surface2:#1F242D; --raise:#13171C;
    --ink:#ECEDF0; --muted:#A2A7B0; --faint:#6B7078;
    --line:#2A2F39; --line2:#232830;
    --navy:#1B2A4E; --navy-deep:#16233F; --navy-soft:#202634;
    --gold:#C6A063; --gold-deep:#D8B77E; --gold-soft:#2A2317; --gold-line:#3F3626;
    --good:#6FB98A; --good-soft:#18241C; --warn:#D19A54; --warn-soft:#2A2216; --cool:#82A2C6; --cool-soft:#1A2029;
    --header-bg:rgba(15,18,22,.82);
    --btn-bg:#ECEDF1; --btn-bg-hover:#FFFFFF; --btn-fg:#14161B;
    --accent-ink:#A9B9DD;
    --shadow-sm:0 1px 2px rgba(0,0,0,.35); --shadow:0 8px 24px -10px rgba(0,0,0,.5); --shadow-lg:0 24px 60px -26px rgba(0,0,0,.6);
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.06;margin:0;color:var(--ink);text-wrap:balance}
  p{margin:0}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  section{padding:92px 0}
  .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-deep)}
  .lead{color:var(--muted);font-size:18px;line-height:1.55;max-width:34ch}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:15px;border-radius:11px;padding:11px 18px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}
  .btn:active{transform:translateY(1px)}
  .btn-p{background:var(--btn-bg);color:var(--btn-fg)}
  .btn-p:hover{background:var(--btn-bg-hover)}
  .btn-g{background:transparent;color:var(--accent-ink);border-color:var(--line)}
  .btn-g:hover{border-color:var(--navy);background:var(--surface)}
  .btn-lg{font-size:16px;padding:14px 22px;border-radius:12px}
  .btn-link{color:var(--gold-deep);font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:6px}
  .btn-link:hover{color:var(--navy)}
  .btn-link .ar{transition:transform .15s ease}
  .btn-link:hover .ar{transform:translateX(3px)}

  /* header */
  header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}
  .hd{display:flex;align-items:center;gap:26px;height:66px}
  .brand{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.02em}
  .brand b{font-weight:700}
  .mark{width:26px;height:26px;flex:none;color:var(--accent-ink)}
  .nav{display:flex;gap:24px;margin:0 auto}
  .nav a{font-size:14.5px;color:var(--muted);font-weight:500}
  .nav a:hover{color:var(--ink)}
  .hd-r{display:flex;align-items:center;gap:14px}
  .login{font-size:14.5px;font-weight:600;color:var(--ink)}
  .login:hover{color:var(--gold-deep)}
  .theme-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;flex:none}
  .theme-btn:hover{color:var(--ink);border-color:var(--accent-ink)}
  .theme-btn svg{width:17px;height:17px}
  .theme-btn .i-sun{display:none}
  .theme-btn.dark .i-sun{display:block} .theme-btn.dark .i-moon{display:none}
  @media(max-width:900px){.nav{display:none}}
  @media(max-width:560px){.login{display:none}}

  /* hero */
  .hero{padding:74px 0 60px}
  .hero-g{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center}
  @media(max-width:960px){.hero-g{grid-template-columns:1fr;gap:44px}}
  h1{font-size:clamp(38px,5.4vw,60px);font-weight:600}
  h1 .b2{color:var(--accent-ink)}
  .hero .lead{margin-top:22px;font-size:19px;max-width:42ch}
  .analyze{margin-top:30px;max-width:440px}
  .field{display:flex;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:7px 7px 7px 15px;box-shadow:var(--shadow-sm)}
  .field:focus-within{border-color:var(--accent-ink)}
  .field input{flex:1;border:0;outline:0;background:transparent;font-family:var(--font-sans);font-size:15px;color:var(--ink);min-width:0}
  .field input::placeholder{color:var(--faint)}
  .micro{margin-top:13px;font-size:13px;color:var(--faint);font-family:var(--font-mono);display:flex;gap:9px;flex-wrap:wrap;align-items:center}
  .micro .d{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.7}

  /* dashboard card (hero right) */
  .dash{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden}
  .dash-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line2)}
  .opp{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--gold-deep)}
  .opp .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
  .tag-s{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
  .dash-body{padding:20px 18px}
  .dash-h{display:flex;align-items:center;gap:16px}
  .ring{position:relative;width:96px;height:96px;flex:none}
  .ring svg{transform:rotate(-90deg)}
  .ring .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .ring .num b{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1}
  .ring .num span{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:3px}
  .dash-h .t b{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;display:block;line-height:1.2}
  .dash-h .t span{font-size:13px;color:var(--muted)}
  .metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
  .m{background:var(--surface2);border-radius:11px;padding:11px 13px}
  .m .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
  .m .v{font-size:15px;font-weight:600;margin-top:3px}
  .m .v.mono{font-family:var(--font-mono);font-size:14px}
  .v.good{color:var(--good)} .v.warn{color:var(--warn)}
  .dash-foot{border-top:1px solid var(--line2);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .dash-foot .rn{font-size:12px;color:var(--faint)}
  .dash-note{padding:0 18px 16px;font-size:11.5px;color:var(--faint);line-height:1.45}
  .demo{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:20px;padding:3px 9px}
  .rec{display:flex;flex-direction:column;gap:1px;min-width:0}
  .rec .rv{font-size:12.5px;color:var(--ink);font-weight:600}

  /* proof band */
  .band{background:var(--navy);color:#fff;border-radius:0}
  .band-in{padding:40px 0}
  .band h2{color:#fff;font-size:22px}
  .pts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}
  @media(max-width:800px){.pts{grid-template-columns:1fr 1fr;gap:16px}}
  .pt{display:flex;gap:11px;align-items:flex-start}
  .pt .ic{color:#CBB68A;flex:none;margin-top:1px}
  .pt b{display:block;font-weight:600;font-size:15px}
  .pt span{font-size:13px;color:rgba(255,255,255,.62)}

  /* step layout */
  .step{display:grid;grid-template-columns:.86fr 1.14fr;gap:56px;align-items:center}
  .step>*{min-width:0}
  .step.flip .txt{order:2}
  @media(max-width:900px){.step,.step.flip{grid-template-columns:1fr;gap:32px}.step.flip .txt{order:0}}
  .txt h2{font-size:clamp(27px,3.4vw,36px);margin-top:15px}
  .txt .lead{margin-top:16px}
  .txt .btn-link{margin-top:20px}
  .cap{font-size:13.5px;color:var(--faint);margin-top:16px;font-style:normal}
  .cap b{color:var(--gold-deep);font-weight:600}

  /* generic panel */
  .panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
  .pbar{display:flex;align-items:center;gap:6px;padding:11px 15px;border-bottom:1px solid var(--line2)}
  .pbar .c{width:9px;height:9px;border-radius:50%;background:var(--line)}
  .pbar .ttl{margin-left:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--faint)}
  .pbar .ex{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;color:var(--faint);border:1px solid var(--line);border-radius:20px;padding:2px 8px}
  .pbar .qual{margin-left:10px;font-family:var(--font-mono);font-size:11px;color:var(--good);border:1px solid var(--good-soft);background:var(--good-soft);padding:2px 8px;border-radius:20px}

  /* opportunities table */
  .tscroll{overflow-x:auto}
  table.opps{width:100%;border-collapse:collapse}
  .opps th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:500;text-align:right;padding:13px 16px 9px}
  .opps th:first-child{text-align:left}
  .opps td{padding:13px 16px;border-top:1px solid var(--line2);text-align:right;font-size:14px}
  .opps td:first-child{text-align:left;font-weight:600}
  .win{font-family:var(--font-mono);font-weight:600;color:var(--navy)}
  .win.hi{color:var(--gold-deep)}
  .chip{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:20px}
  .chip.s{color:var(--good);background:var(--good-soft)}
  .chip.m{color:var(--warn);background:var(--warn-soft)}
  .chip.l{color:var(--cool);background:var(--cool-soft)}

  /* compare (analyze) */
  .cmp{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .cmp .col{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm)}
  .cmp .col.lead-col{border-color:var(--gold-line);background:linear-gradient(0deg,var(--gold-soft),var(--surface) 60%)}
  .cmp .cl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
  .cmp .rowline{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--line2);font-size:14px}
  .cmp .rowline:first-of-type{border-top:0}
  .cmp .rowline .k{color:var(--muted)} .cmp .rowline .val{font-weight:600}
  .cmp-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--navy);color:#fff;border-radius:14px;padding:15px 18px;flex-wrap:wrap}
  .cmp-foot .oc{font-size:12px;color:rgba(255,255,255,.6);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
  .cmp-foot .ov{font-family:var(--font-display);font-size:19px;font-weight:600}
  .cmp-foot .btn{background:#fff;color:var(--navy)}
  .cmp-ex{grid-column:1/-1;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--faint);margin-top:2px}
  @media(max-width:560px){.cmp{grid-template-columns:1fr}.opps th,.opps td{padding:11px 12px}.opps td{font-size:13px}}

  /* build flow (vertical) */
  .flow{display:flex;flex-direction:column;gap:0;max-width:420px;margin:0 auto}
  .fnode{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 17px;box-shadow:var(--shadow-sm)}
  .fnode .l{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-deep)}
  .fnode .v{font-size:15.5px;font-weight:600;margin-top:3px}
  .fnode.em{border-color:var(--navy);background:var(--navy);color:#fff}
  .fnode.em .l{color:#CBB68A} .fnode.em .v{color:#fff}
  .farr{height:26px;display:flex;align-items:center;justify-content:center;color:var(--faint)}
  .bp{padding:6px 18px 18px}
  .bp-title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em;padding:14px 0 8px}
  .bp-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line2);font-size:14px}
  .bp-row .k{color:var(--muted)} .bp-row .val{font-weight:600;text-align:right}
  .bp-row .val.mono{font-family:var(--font-mono);font-size:13.5px}
  .bp-cta{margin-top:16px;width:100%;justify-content:center}

  /* create gallery */
  .create{display:grid;grid-template-columns:168px 44px 1fr;gap:26px;align-items:center}
  @media(max-width:760px){.create{grid-template-columns:1fr;gap:22px}}
  .src{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);text-align:center}
  .src .ph{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;border:1px solid var(--line)}
  .src .ph svg{position:absolute;inset:0;width:100%;height:100%}
  .src .ph .tag{position:absolute;left:7px;bottom:7px;font-family:var(--font-mono);font-size:9.5px;color:var(--muted);background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
  .src .cp{font-size:12px;color:var(--muted);margin-top:10px}
  .gal{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  @media(max-width:560px){.gal{grid-template-columns:repeat(3,1fr)}}
  .slot{position:relative;aspect-ratio:1;border-radius:11px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--surface)}
  .slot .scene{position:absolute;inset:0;width:100%;height:100%;display:block}
  .slot .slab{position:absolute;left:7px;bottom:7px;font-family:var(--font-mono);font-size:9.5px;color:var(--ink);background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
  .slot.hero-slot{box-shadow:0 0 0 2px var(--gold),var(--shadow)}
  .slot.hero-slot .slab{color:#fff;background:rgba(24,38,69,.82);border-color:transparent}
  .trans{display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:20px}
  @media(max-width:760px){.trans{transform:rotate(90deg);height:22px}}
  .create.in .slot{opacity:0;animation:slotin .5s cubic-bezier(.2,.7,.2,1) forwards}
  .create.in .gal .slot:nth-child(1){animation-delay:.04s} .create.in .gal .slot:nth-child(2){animation-delay:.09s}
  .create.in .gal .slot:nth-child(3){animation-delay:.14s} .create.in .gal .slot:nth-child(4){animation-delay:.19s}
  .create.in .gal .slot:nth-child(5){animation-delay:.24s} .create.in .gal .slot:nth-child(6){animation-delay:.29s}
  .create.in .gal .slot:nth-child(7){animation-delay:.34s} .create.in .gal .slot:nth-child(8){animation-delay:.39s}
  .create.in .gal .slot:nth-child(9){animation-delay:.44s} .create.in .gal .slot:nth-child(10){animation-delay:.49s}
  @keyframes slotin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){.create.in .slot{opacity:1;animation:none}}

  /* listing */
  .lst{padding:18px}
  .lst .fld{margin-bottom:15px}
  .lst .fl{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
  .lst .title{font-size:15px;font-weight:600;line-height:1.4;background:var(--surface2);border-radius:9px;padding:11px 13px}
  .lst .tags{display:flex;flex-wrap:wrap;gap:6px}
  .lst .tags span{font-size:12px;color:var(--gold-deep);background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:6px;padding:3px 9px}
  .lst .desc{display:flex;flex-direction:column;gap:7px}
  .lst .desc i{height:9px;border-radius:4px;background:var(--surface2)}
  .lst .qbar{display:flex;align-items:center;justify-content:space-between;background:var(--good-soft);border-radius:11px;padding:12px 15px}
  .lst .qbar .ql{font-size:13px;color:var(--good);font-weight:600}
  .lst .qbar .qn{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--good)}

  /* publish */
  .pub{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
  @media(max-width:640px){.pub{grid-template-columns:1fr;gap:14px}}
  .pcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;text-align:center}
  .pcard.nw{background:var(--navy);color:#fff;border-color:var(--navy)}
  .pcard .bl{font-family:var(--font-display);font-weight:700;font-size:18px}
  .pcard.nw .sub{font-size:12px;color:rgba(255,255,255,.6);margin-top:4px}
  .parr{display:grid;place-items:center;color:var(--gold);font-size:22px}
  @media(max-width:640px){.parr{transform:rotate(90deg)}}
  .draft{text-align:left}
  .draft .dh{display:flex;align-items:center;gap:9px;margin-bottom:12px}
  .draft .dh .ck{width:22px;height:22px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
  .draft .dh b{font-size:14px}
  .pchk{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:9px}
  .pchk li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}
  .cx{width:18px;height:18px;border-radius:50%;background:var(--good-soft);color:var(--good);display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}
  .pdone{display:flex;align-items:center;gap:9px;background:var(--good-soft);border-radius:11px;padding:10px 13px;margin-bottom:12px}
  .pdone .ck{width:22px;height:22px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
  .pdone b{color:var(--good);font-size:14px}
  .draft .btn{width:100%;justify-content:center}
  .pub.in .pchk li{opacity:0;animation:pchkin .4s ease forwards}
  .pub.in .pchk li:nth-child(1){animation-delay:.12s} .pub.in .pchk li:nth-child(2){animation-delay:.30s}
  .pub.in .pchk li:nth-child(3){animation-delay:.48s} .pub.in .pchk li:nth-child(4){animation-delay:.66s}
  .pub.in .pchk li:nth-child(5){animation-delay:.84s}
  .pub.in .pdone{opacity:0;animation:pchkin .4s ease 1s forwards}
  @keyframes pchkin{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){.pub.in .pchk li,.pub.in .pdone{opacity:1;animation:none}}

  /* grow */
  .grow-p{padding:18px}
  .grow-top{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
  @media(max-width:560px){.grow-top{grid-template-columns:repeat(2,1fr)}}
  .grow-rec{margin-top:12px}
  .stat{flex:1;background:var(--surface2);border-radius:11px;padding:12px 14px}
  .stat .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
  .stat .v{font-size:20px;font-weight:700;font-family:var(--font-display);margin-top:2px;display:flex;align-items:baseline;gap:6px}
  .stat .up{font-size:12px;color:var(--good);font-weight:600}
  .todo{border:1px solid var(--gold-line);background:var(--gold-soft);border-radius:12px;padding:14px 15px}
  .todo .th{font-size:13.5px;font-weight:600;color:var(--gold-deep);margin-bottom:10px}
  .todo ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
  .todo li{display:flex;align-items:center;gap:9px;font-size:13.5px}
  .todo li .ic{color:var(--gold-deep)}

  /* why */
  .why{text-align:center}
  .why-g{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px;margin:34px auto 0;text-align:left}
  @media(max-width:680px){.why-g{grid-template-columns:1fr}}
  .wc{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}
  .wc.us{border-color:var(--accent-ink);box-shadow:var(--shadow)}
  .wc .wh{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
  .wc.us .wh{color:var(--gold-deep)}
  .wstep{display:flex;align-items:center;gap:10px;font-size:14.5px;padding:8px 0}
  .wstep .dot{width:6px;height:6px;border-radius:50%;background:var(--line);flex:none}
  .wc.us .wstep .dot{background:var(--gold)}
  .wstep.mute{color:var(--faint)}
  .wsep{height:14px;width:1px;background:var(--line);margin-left:2px}
  .why-line{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:600;margin-top:40px;color:var(--accent-ink)}

  /* honesty */
  .honesty{background:var(--surface2)}
  .hon-in{max-width:760px;margin:0 auto;text-align:center}
  .honesty h2{font-size:clamp(28px,3.6vw,40px)}
  .honesty .lead{margin:18px auto 0;max-width:52ch;font-size:18px}
  .hon-pts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
  .hon-pts span{font-family:var(--font-mono);font-size:13px;color:var(--accent-ink);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:7px 15px}

  /* pricing */
  .pricing{text-align:center}
  .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px;margin:38px auto 0;text-align:left}
  @media(max-width:860px){.plans{grid-template-columns:1fr;max-width:420px}}
  .plan{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);position:relative}
  .plan.hero-plan{border-color:var(--accent-ink);box-shadow:var(--shadow-lg)}
  .pl-tag{position:absolute;top:-11px;left:24px;font-size:11px;font-weight:700;color:#fff;background:var(--navy);padding:3px 11px;border-radius:20px}
  .pl-name{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
  .pl-for{font-size:13px;color:var(--muted);margin-top:2px}
  .pl-price{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:-.02em;margin:16px 0 18px}
  .pl-price span{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--muted)}
  .pl-feat{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
  .pl-feat li{font-size:14px;color:var(--muted);padding-left:24px;position:relative}
  .pl-feat li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
  .plan .btn{justify-content:center}
  .pl-note{font-size:12px;color:var(--faint);max-width:560px;margin:22px auto 0}

  /* final cta */
  .final{text-align:center}
  .final h2{font-size:clamp(30px,4vw,46px)}
  .final .lead{margin:16px auto 0;text-align:center;max-width:46ch}
  .final .analyze{margin:28px auto 0}

  /* footer */
  footer{border-top:1px solid var(--line);padding:44px 0 54px}
  .foot{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;align-items:flex-start}
  .foot .slog{font-family:var(--font-display);font-size:15px;color:var(--muted);margin-top:12px;max-width:26ch}
  .foot-links{display:flex;gap:48px;flex-wrap:wrap}
  .fcol b{font-size:12px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:11px}
  .fcol a{display:block;font-size:14px;color:var(--muted);padding:4px 0}
  .fcol a:hover{color:var(--ink)}
  .foot-b{max-width:var(--maxw);margin:32px auto 0;padding:20px 28px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--faint);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

  /* reveal */
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

  /* ---- multi-page / locale additions ---- */
  .langsw{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;font-size:12px;font-family:var(--font-mono)}
  .langsw a{padding:5px 9px;color:var(--faint)} .langsw a.on{background:var(--surface2);color:var(--ink);font-weight:600}
  .langsw a:hover{color:var(--ink)}
  .lhead{max-width:720px;margin:0 auto 40px}
  .lhead.ctr{text-align:center}
  .lhead h2{font-size:clamp(26px,3.2vw,34px);margin-top:14px}
  .lhead .lead{margin-top:16px}
  .lhead.ctr .lead{margin:16px auto 0;text-align:center}
  .crumb{font-size:12px;color:var(--faint);font-family:var(--font-mono)}
  .crumb a{color:var(--faint)} .crumb a:hover{color:var(--ink)} .crumb b{color:var(--muted);font-weight:500}
  .lp-hero{padding:56px 0 44px;text-align:center}
  .lp-hero h1{font-size:clamp(32px,4.4vw,50px);margin-top:16px}
  .lp-hero .lead{margin:20px auto 0;text-align:center;font-size:19px;max-width:44ch}
  .analyze.ctr{margin-left:auto;margin-right:auto}
  .analyze.ctr .micro{justify-content:center}
  .lp-dash{max-width:560px;margin:34px auto 0}
  .fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  @media(max-width:820px){.fcards{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.fcards{grid-template-columns:1fr}}
  .fcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease}
  .fcard:hover{transform:translateY(-2px);border-color:var(--accent-ink)}
  .fcard .ft{font-family:var(--font-display);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .fcard .ft .ar{color:var(--gold-deep)}
  .fcard p{font-size:13.5px;color:var(--muted);margin-top:8px;line-height:1.5}
  .related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:960px;margin:0 auto}
  @media(max-width:700px){.related{grid-template-columns:1fr}}
  .rl{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm);transition:border-color .15s ease}
  .rl:hover{border-color:var(--accent-ink)}
  .rl b{font-weight:600;font-size:14.5px;display:flex;justify-content:space-between;gap:8px} .rl b .ar{color:var(--gold-deep)}
  .rl span{font-size:12.5px;color:var(--muted);display:block;margin-top:5px}
  .faqs{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
  .faq{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .faq summary{cursor:pointer;padding:15px 18px;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";color:var(--gold-deep);font-size:20px;font-weight:400;line-height:1}
  .faq[open] summary::after{content:"\2013"}
  .faq .a{padding:0 18px 16px;color:var(--muted);font-size:14.5px;line-height:1.6}
  .bullets{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;max-width:820px;margin:0 auto}
  @media(max-width:640px){.bullets{grid-template-columns:1fr}}
  .bullets li{list-style:none;font-size:14.5px;color:var(--muted);padding-left:24px;position:relative;line-height:1.5}
  .bullets li::before{content:"";position:absolute;left:0;top:7px;width:11px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
  .bullets li b{color:var(--ink);font-weight:600}
  .desc-t{font-size:13.5px;color:var(--muted);line-height:1.55;background:var(--surface2);border-radius:9px;padding:11px 13px}
  .slot img.scene{object-fit:cover}
  .src .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  .art-meta{max-width:720px;margin:0 auto;font-family:var(--font-mono);font-size:12px;color:var(--faint)}
  .prose{max-width:720px;margin:0 auto}
  .prose .lead-p{font-size:19px;color:var(--muted);line-height:1.62;margin:0 0 24px}
  .prose h2{font-family:var(--font-display);font-size:clamp(21px,2.4vw,26px);font-weight:600;letter-spacing:-.01em;margin:36px 0 12px}
  .prose h3{font-size:17.5px;font-weight:600;margin:24px 0 8px}
  .prose p{color:var(--muted);font-size:16.5px;line-height:1.72;margin:0 0 14px}
  .prose strong{color:var(--ink);font-weight:600}
  .prose ul{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
  .prose ul li{color:var(--muted);font-size:15.5px;line-height:1.55;padding-left:24px;position:relative}
  .prose ul li::before{content:"";position:absolute;left:0;top:8px;width:11px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
  .art-cta{max-width:720px;margin:36px auto 0;background:var(--surface);border:1px solid var(--accent-ink);border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}
  .art-cta .t{font-family:var(--font-display);font-weight:600;font-size:17px}
  .art-links{max-width:720px;margin:30px auto 0;border-top:1px solid var(--line);padding-top:18px}
  .art-links b{font-size:12px;font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:10px}
  .art-links a{display:inline-block;margin:0 16px 8px 0;color:var(--accent-ink);font-weight:600;font-size:15px}
  .art-links a:hover{text-decoration:underline}