:root{--paper:#F7F5EE;--paper2:#EFECE2;--ink:#17150F;--soft:#17150FA6;--mute:#17150F80;--rule:#17150F1f;--dark:#1F1D17;--dark2:#2A2820;--a:#FFE14A;--aHi:#FFEA7A;--aSoft:#FFF4B8;--aText:#8C6D00}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;background-image:radial-gradient(#17150F12 1.3px,transparent 1.3px);background-size:26px 26px;pointer-events:none;z-index:-1}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}
.mono{font-family:'DM Mono',ui-monospace,monospace}.hidden{display:none!important}.sp{flex:1}
mark{background:linear-gradient(transparent 10%,var(--a) 10%,var(--a) 90%,transparent 90%);color:inherit;padding:0 .08em;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.k{display:inline-flex;align-items:center;gap:10px;font:500 13px 'DM Mono';letter-spacing:.14em;color:var(--mute)}
.k i{width:8px;height:8px;border-radius:50%;background:var(--a);box-shadow:0 0 0 4px #FFE14A55}

.top{position:sticky;top:0;z-index:10;height:72px;display:flex;align-items:center;gap:40px;padding:0 36px;background:#F7F5EEE6;backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:10px;font:700 25px 'Space Grotesk';letter-spacing:-.03em}
.mk svg{width:36px;height:36px;display:block}
.links{display:flex;gap:28px;font:500 15px 'DM Sans';color:var(--soft)}.links a:hover{color:var(--ink)}
.nav{margin-left:auto;display:flex;gap:10px}
.pill{height:42px;padding:0 18px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px 'Space Grotesk';white-space:nowrap;cursor:pointer}
.pill.ghost{border:1.5px solid var(--rule)}.pill.ghost:hover{border-color:#17150F66}
.pill.hi{background:var(--a);color:var(--ink)}.pill.hi:hover{background:var(--aHi)}

.hero{max-width:1100px;margin:0 auto;padding:56px 24px 0;text-align:center}
h1{margin:18px 0 0;font:600 clamp(44px,6.4vw,86px)/.98 'Space Grotesk';letter-spacing:-.045em}
.sub{max-width:600px;margin:22px auto 0;font-size:18px;color:var(--soft)}

.reader{position:relative;max-width:1000px;margin:44px auto 0;background:var(--dark);color:var(--paper);border-radius:28px;padding:24px 28px 0;text-align:left;box-shadow:0 40px 80px -40px var(--dark);min-height:420px;display:flex;flex-direction:column}
.rdrop{position:absolute;right:-30px;top:-64px;width:92px;height:92px;animation:bob 3.2s ease-in-out infinite}.rdrop svg{width:100%;height:100%}
@keyframes bob{50%{transform:translateY(-6px) rotate(3deg)}}
.rhead{display:flex;align-items:center;gap:12px;font-size:13px;color:#F7F5EE88}
.tag{padding:6px 10px;border-radius:99px;background:#F7F5EE14;color:var(--paper)}
.live{display:flex;align-items:center;gap:8px;color:#F7F5EE88}.live i{width:7px;height:7px;border-radius:50%;background:var(--a)}.live b{color:var(--a);font-weight:500}
.step{flex:1;padding:18px 0 22px}
.ask{display:flex;gap:10px;background:#F7F5EE0d;border:1.5px solid #F7F5EE1f;border-radius:18px;padding:8px}
.ask:focus-within{border-color:var(--a)}
.ask input{flex:1;min-width:0;background:none;border:0;outline:0;padding:0 12px;font-size:18px;color:var(--paper)}.ask input::placeholder{color:#F7F5EE59}
.go{height:48px;padding:0 22px;border-radius:12px;background:var(--a);color:var(--ink);font:600 15px 'Space Grotesk'}.go:hover{background:var(--aHi)}
.sugg{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.sugg button{padding:8px 13px;border-radius:99px;border:1.5px solid #F7F5EE1f;font-size:14px;color:#F7F5EEcc;text-align:left}.sugg button:hover{border-color:var(--a);color:var(--paper)}
.budget{display:flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;letter-spacing:.1em;color:#F7F5EE88;flex-wrap:wrap}
.budget button{height:30px;padding:0 12px;border-radius:99px;border:1.5px solid #F7F5EE1f;font:500 13px 'DM Mono';color:#F7F5EEcc}.budget button.on{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.budget small{letter-spacing:0;font-size:12px}
.rq{font:600 22px/1.3 'Space Grotesk';letter-spacing:-.02em}.rq small{display:block;margin-bottom:6px;font:500 12px 'DM Mono';letter-spacing:.12em;color:#F7F5EE66}
.hits{display:grid;gap:8px;margin-top:14px}
.hit{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:#F7F5EE0a;border:1.5px solid transparent;cursor:pointer;text-align:left}
.hit.on{border-color:#FFE14A99;background:#FFE14A0f}
.hit .cb{width:20px;height:20px;border-radius:6px;border:1.5px solid #F7F5EE55;margin-top:2px;display:grid;place-items:center;font-size:13px;color:var(--ink)}.hit.on .cb{background:var(--a);border-color:var(--a)}
.hit h5{margin:0;font:600 16px/1.3 'Space Grotesk'}.hit .meta{font:500 12px 'DM Mono';color:#F7F5EE77;margin-top:4px}
.hit .pv{margin-top:6px;font-size:14px;color:#F7F5EEaa}
.hit .pr{font:500 14px 'DM Mono';color:var(--a);white-space:nowrap}
.lk{display:inline-block;height:.6em;border-radius:5px;background:#F7F5EE1c;vertical-align:.05em;margin-right:.25em}
.gate{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--dark2)}
.gate .gt{flex:1;min-width:220px;font:500 13px/1.5 'DM Mono';color:#F7F5EEcc}.gate .gt b{color:var(--paper)}.gate .gt .warn{color:var(--a)}
.gate .ghost2{height:44px;padding:0 16px;border-radius:12px;border:1.5px solid #F7F5EE26;font:600 14px 'Space Grotesk';color:#F7F5EEcc}
.page{margin-top:12px;max-height:340px;overflow:auto;padding-right:6px}
.psg{padding:14px 0;border-top:1px solid #F7F5EE14}.psg:first-child{border-top:0}
.psg .ph{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.psg .ph b{font:600 17px 'Space Grotesk'}.psg .ph span{font:500 12px 'DM Mono';color:#F7F5EE66}
.psg .pt{margin-top:6px;font-size:18px;line-height:1.6;color:var(--paper)}
.w{transition:background .4s}.w.new{background:#FFE14A40;border-radius:3px}
.w.lock{display:inline-block;height:.62em;border-radius:5px;background:#F7F5EE1c;vertical-align:.05em;color:transparent;overflow:hidden}
.cut{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;background:var(--a);color:var(--ink);font:500 11px 'DM Mono'}
.ans{margin-top:14px;padding:16px 18px;border-radius:16px;background:var(--paper);color:var(--ink)}
.ans .al{font:500 12px 'DM Mono';letter-spacing:.12em;color:var(--mute)}.ans p{margin:6px 0 0;font-size:17px}.ans sup{font:500 11px 'DM Mono';color:var(--aText)}
.ans .acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ans .acts button{height:36px;padding:0 14px;border-radius:99px;border:1.5px solid var(--rule);font:600 13px 'Space Grotesk'}.ans .acts button.hi{background:var(--a);border-color:var(--a)}
.meter{display:flex;gap:24px;flex-wrap:wrap;margin:0 -28px;padding:16px 28px;border-top:1px solid #F7F5EE18;font-size:12px;letter-spacing:.08em;color:#F7F5EE88}
.meter b{color:var(--paper);font-weight:500;letter-spacing:0}.meter b.y{color:var(--a)}
.demo{margin:16px auto 0;font-size:12px;color:var(--mute)}

.wire{margin-top:70px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:var(--a);overflow:hidden;white-space:nowrap;font-size:13px;letter-spacing:.06em}
.wtrack{display:inline-block;padding:12px 0;animation:tick 90s linear infinite}.wtrack span{margin:0 26px}.wtrack b{font-weight:500}
@keyframes tick{to{transform:translateX(-50%)}}

.sec{max-width:1180px;margin:0 auto;padding:100px 36px 0}
.sh{max-width:720px}
h2{margin:14px 0 0;font:600 clamp(34px,4.4vw,56px)/1.02 'Space Grotesk';letter-spacing:-.04em}
.sh p,.lead{font-size:17px;color:var(--soft);margin:16px 0 0}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.filters button{height:36px;padding:0 14px;border-radius:99px;border:1.5px solid var(--rule);font:500 13px 'DM Mono';color:var(--soft)}.filters button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.filters button i{font-style:normal;opacity:.55;margin-left:6px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.clip{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--rule);border-radius:22px;padding:18px 18px 16px;min-height:220px}
.clip .cm{display:flex;justify-content:space-between;font:500 12px 'DM Mono';color:var(--mute)}
.clip h4{margin:10px 0 0;font:600 19px/1.25 'Space Grotesk';letter-spacing:-.02em}
.clip .cp{margin-top:10px;font-size:15px;color:var(--soft);flex:1}.clip .cp .lk{background:#17150F14}
.clip .cf{display:flex;align-items:center;gap:10px;margin-top:14px}
.clip .cf span{font:500 12px 'DM Mono';color:var(--mute)}.clip .cf button{margin-left:auto;height:34px;padding:0 14px;border-radius:99px;background:var(--ink);color:var(--paper);font:600 13px 'Space Grotesk'}.clip .cf button:hover{background:#000}
.upd{margin-top:16px;font-size:12px;color:var(--mute)}

.dark{margin-top:110px;background:var(--dark);color:var(--paper);padding-bottom:100px}
.dark .sec{padding-top:90px}.dark .sh p{color:#F7F5EEaa}.k.inv{color:#F7F5EE88}
.dark mark{color:var(--ink)}
.steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.steps li{padding:20px;border-radius:22px;background:var(--dark2)}
.steps b{font:500 13px 'DM Mono';color:var(--a)}.steps h4{margin:14px 0 0;font:600 22px 'Space Grotesk';letter-spacing:-.02em}.steps p{margin:6px 0 0;color:#F7F5EEaa;font-size:15px}

.split{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
.calc{margin-top:26px;padding:22px;border-radius:24px;background:#fff;border:1.5px solid var(--rule);display:grid;gap:16px}
.calc label{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14px;color:var(--soft)}.calc label b{font:500 14px 'DM Mono';color:var(--ink)}
.calc input{grid-column:1/-1;width:100%;accent-color:var(--ink)}
.cout{display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--aSoft)}.cout span{font-size:12px;letter-spacing:.12em;color:var(--aText)}.cout b{font:600 40px/1 'Space Grotesk';letter-spacing:-.03em}.cout small{font-size:12px;color:var(--soft)}
.fine{font-size:12px;color:var(--mute)}
.wl{padding:26px;border-radius:28px;background:var(--dark);color:var(--paper);display:grid;gap:10px;position:sticky;top:96px}
.wl h3{margin:0;font:600 28px 'Space Grotesk';letter-spacing:-.03em}.wl>p{margin:0 0 6px;color:#F7F5EEaa}
.wl input{height:50px;padding:0 16px;border-radius:14px;border:1.5px solid #F7F5EE1f;background:#F7F5EE0d;outline:0;color:var(--paper)}.wl input:focus{border-color:var(--a)}.wl input::placeholder{color:#F7F5EE59}
.pill.big{height:52px;font-size:16px;border-radius:14px;border:0}
.hp{position:absolute;left:-9999px}.ok{color:var(--a);font:500 14px 'DM Mono'}

.faq{margin-top:26px;max-width:820px}
.faq details{border-bottom:1.5px solid var(--rule);padding:18px 0}.faq summary{cursor:pointer;font:600 20px 'Space Grotesk';letter-spacing:-.02em;list-style:none}.faq summary::after{content:"+";float:right;color:var(--mute)}.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:var(--soft)}.faq a{text-decoration:underline;text-decoration-color:var(--a);text-decoration-thickness:3px}

.foot{max-width:1180px;margin:110px auto 0;padding:0 36px 40px;border-top:1.5px solid var(--rule)}
.foot .big{display:flex;align-items:center;gap:10px;font:700 clamp(90px,16vw,220px)/1 'Space Grotesk';letter-spacing:-.06em;margin-top:30px}
.foot .big svg{width:.55em;height:.55em}
.fl{display:flex;gap:22px;margin-top:10px;font-size:13px}.fl a:hover{color:var(--aText)}
.foot p{font-size:12px;color:var(--mute);margin-top:14px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;transition:.25s;background:var(--ink);color:var(--paper);padding:11px 18px;border-radius:99px;font-size:14px;pointer-events:none;z-index:30}.toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1000px){.links{display:none}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.wl{position:static}.rdrop{right:6px}}
@media (max-width:640px){
  .top{padding:0 16px;gap:12px}.pill.ghost{display:none}.brand{font-size:22px}
  .hero{padding:34px 16px 0}.sub{font-size:16px}.hero>.k{font-size:11px;letter-spacing:.08em}
  .reader{padding:18px 16px 0;border-radius:22px;margin-top:56px}.rdrop{width:64px;height:64px;top:-46px;right:10px}
  .rhead .live{display:none}.ask input{font-size:16px;padding:0 6px}.go{padding:0 14px}
  .meter{margin:0 -16px;padding:14px 16px;gap:14px}.meter .sp{display:none}
  .hit{grid-template-columns:22px 1fr}.hit .pr{grid-column:2}
  .sec{padding:80px 16px 0}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}
  .foot{padding:0 16px 32px}
}