:root{--paper: #f6f3ec;--paper-2: #fbfaf5;--ink: #1f241e;--ink-soft: #5c6358;--ink-faint: #6a7060;--line: #e4dfd2;--line-soft: #eeeadf;--g0: #e7e2d6;--g1: #c4d7b6;--g2: #90c091;--g3: #5e9e72;--g4: #3b7a55;--btn: #2f6a48;--btn-hi: #27593d;--accent: #e08a3c;--accent-deep: #9a5214;--accent-soft: #f7e6cd;--display: "Bricolage Grotesque", system-ui, sans-serif;--body: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--btn);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}section[id]{scroll-margin-top:84px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);display:inline-flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:22px;height:9px;border-radius:2px;background:linear-gradient(90deg,var(--g1),var(--g3) 60%,var(--g4));display:inline-block}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;letter-spacing:-.02em}h2{font-size:clamp(28px,4vw,40px)}p{color:var(--ink-soft)}.nav{position:sticky;top:0;z-index:50;background:var(--paper);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.01em}.brand .mark{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5px;width:24px;height:24px}.brand .mark i{border-radius:2px;background:var(--g0)}.brand .mark i:nth-child(2),.brand .mark i:nth-child(4),.brand .mark i:nth-child(8){background:var(--g2)}.brand .mark i:nth-child(5),.brand .mark i:nth-child(9){background:var(--g4)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:15px;color:var(--ink-soft);font-weight:500}.nav-links a:hover{color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--body);font-weight:600;font-size:15px;padding:11px 20px;border-radius:11px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.btn-primary{background:var(--btn);color:#fff;box-shadow:0 1px #0000000a,0 8px 22px -12px #2f6a4899}.btn-primary:hover{background:var(--btn-hi);transform:translateY(-1px)}.nav-links a.btn-primary{color:#fff}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink-faint);background:var(--paper-2)}.btn .spark{position:relative}.hero{padding:64px 0 40px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center}.hero h1{font-size:clamp(38px,5.4vw,62px);margin:18px 0 0}.hero h1 .tint{color:var(--g4)}.hero .sub{font-size:clamp(17px,1.5vw,20px);margin-top:20px;max-width:32ch}.hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.hero-foot{margin-top:22px;font-family:var(--mono);font-size:12.5px;color:var(--ink-faint);display:flex;gap:18px;flex-wrap:wrap}.hero-foot span{display:inline-flex;align-items:center;gap:7px}.hero-foot span:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--g3)}.panel{background:var(--paper-2);border:1px solid var(--line);border-radius:20px;padding:22px 22px 20px;box-shadow:0 1px #fff inset,0 26px 50px -34px #1f241e66}.panel-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.panel-top .lab{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.streak{font-family:var(--display);font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:7px}.streak .flame{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.cal{display:flex;gap:3px;overflow:visible}.cal-col{display:grid;grid-template-rows:repeat(7,1fr);gap:3px;flex:1 1 0;min-width:0}.cell{width:100%;aspect-ratio:1;border-radius:2.5px;background:var(--g0);transform:scale(.6);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.3,1),opacity .4s ease,background .4s ease}.cell.show{transform:scale(1);opacity:1}.cell.today{box-shadow:0 0 0 2px var(--paper-2),0 0 0 3.5px var(--accent)}.cell.l1{background:var(--g1)}.cell.l2{background:var(--g2)}.cell.l3{background:var(--g3)}.cell.l4{background:var(--g4)}.legend{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.legend .lk{display:flex;gap:3px}.legend .lk i{width:11px;height:11px;border-radius:2.5px;display:inline-block}.legend .lk i:nth-child(1){background:var(--g0)}.legend .lk i:nth-child(2){background:var(--g1)}.legend .lk i:nth-child(3){background:var(--g2)}.legend .lk i:nth-child(4){background:var(--g3)}.legend .lk i:nth-child(5){background:var(--g4)}.affirm{display:flex;align-items:center;gap:9px;margin-top:14px;padding:10px 13px;border-radius:12px;background:var(--accent-soft);border:1px solid #efd9b8;font-size:13.5px;color:var(--accent-deep);opacity:0;transform:translateY(6px);transition:opacity .55s ease,transform .55s ease}.affirm.in{opacity:1;transform:none}.affirm .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #f3dcbb;flex:none}.affirm b{font-weight:600}.viz-celebrate{width:100%;display:flex;flex-direction:column;gap:11px;justify-content:center}.affirm-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--accent-deep);background:var(--accent-soft);border:1px solid #efd9b8;padding:6px 11px;border-radius:9px}.affirm-pill .spark2{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #f3dcbb}.viz-celebrate .viz-race .lane{height:8px}.stack{padding:72px 0 8px}.stack-head{max-width:60ch}.stack-head h2{margin-top:14px}.stack-head p{margin-top:14px;font-size:18px}.swap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:40px}.before{display:flex;flex-wrap:wrap;gap:10px}.chip{font-family:var(--mono);font-size:13px;color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);padding:9px 13px;border-radius:10px;position:relative;opacity:.92;transition:opacity .5s ease,transform .5s ease,filter .5s ease}.swap.go .chip{opacity:.45;filter:saturate(.4)}.chip s{text-decoration-color:var(--accent-deep);text-decoration-thickness:1.5px}.arrow{font-family:var(--mono);color:var(--ink-faint);font-size:22px;justify-self:center}.after{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 18px 40px -30px #1f241e73}.after .mini{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:84px;flex:none}.after .mini i{aspect-ratio:1;border-radius:2px;background:var(--g0)}.after .ttl{font-family:var(--display);font-weight:700;font-size:19px}.after .ds{font-size:14px;color:var(--ink-soft);margin-top:2px}.features{padding:78px 0 30px}.f-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:38px}.f-head h2{max-width:18ch}.f-head p{max-width:36ch;color:var(--ink-soft)}.f-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:26px 26px 28px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 24px 46px -32px #1f241e80;border-color:#d8d2c2}.card .num{font-family:var(--mono);font-size:12px;color:var(--ink-faint);letter-spacing:.08em}.card h3{font-size:22px;margin:14px 0 9px}.card p{font-size:15.5px}.card .viz{height:64px;margin-top:18px;display:flex;align-items:center;gap:4px}.viz-grid{display:flex;gap:4px}.viz-grid i{width:13px;height:13px;border-radius:3px;background:var(--g0)}.viz-grid i.a{background:var(--g2)}.viz-grid i.b{background:var(--g3)}.viz-grid i.c{background:var(--g4)}.viz-pad{width:100%;display:flex;flex-direction:column;gap:7px}.viz-pad span{height:6px;border-radius:3px;background:var(--line);display:block}.viz-pad span:nth-child(1){width:78%}.viz-pad span:nth-child(2){width:54%}.viz-pad span:nth-child(3){width:66%;background:var(--g2)}.viz-timer{display:flex;align-items:center;gap:14px}.ring{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--g4) 0 68%,var(--g0) 68% 100%);-webkit-mask:radial-gradient(circle 16px at center,transparent 98%,#000 100%);mask:radial-gradient(circle 16px at center,transparent 98%,#000 100%)}.viz-timer b{font-family:var(--mono);font-size:20px;color:var(--ink)}.viz-race{width:100%;display:flex;flex-direction:column;gap:9px}.lane{height:11px;border-radius:6px;background:var(--line-soft);position:relative;overflow:hidden}.lane i{position:absolute;left:0;top:0;bottom:0;border-radius:6px}.lane.you i{width:82%;background:var(--g3)}.lane.her i{width:71%;background:var(--accent)}.quote-sec{padding:84px 0}.quote-card{background:linear-gradient(180deg,var(--paper-2),#fff);border:1px solid var(--line);border-radius:24px;padding:46px clamp(26px,5vw,62px);box-shadow:0 30px 60px -44px #1f241e80;position:relative}.quote-card:before{content:"";position:absolute;top:30px;left:clamp(26px,5vw,62px);width:34px;height:9px;border-radius:2px;background:linear-gradient(90deg,var(--g1),var(--g3),var(--g4))}.quote-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:26px;display:block}.quote-card blockquote{font-family:var(--display);font-weight:500;font-size:clamp(20px,2.4vw,27px);line-height:1.35;letter-spacing:-.01em;color:var(--ink);margin:18px 0 0;max-width:30ch}.quote-body{margin-top:22px;font-size:16.5px;max-width:60ch}.quote-body p+p{margin-top:13px}.by{display:flex;align-items:center;gap:12px;margin-top:28px}.by .av{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--g2),var(--g4));flex:none}.by .nm{font-family:var(--display);font-weight:700;font-size:15px}.by .rl{font-size:13.5px;color:var(--ink-faint)}.cta{padding:0 0 96px}.cta-band{background:var(--ink);color:var(--paper);border-radius:26px;padding:clamp(40px,6vw,68px);text-align:center;position:relative;overflow:hidden}.cta-band h2{color:#fff;font-size:clamp(28px,3.6vw,44px);max-width:20ch;margin:0 auto}.cta-band p{color:#cfd3c8;margin:16px auto 0;max-width:46ch;font-size:17px}.cta-band .hero-cta{justify-content:center;margin-top:30px}.cta-band .btn-ghost{color:#fff;border-color:#ffffff40}.cta-band .btn-ghost:hover{border-color:#ffffff80;background:#ffffff0f}.cta-strip{position:absolute;inset:auto 0 0;height:10px;display:flex}.cta-strip i{flex:1;background:var(--g0);opacity:.25}.cta-strip i.a{background:var(--g2);opacity:.5}.cta-strip i.b{background:var(--g3);opacity:.7}.cta-strip i.c{background:var(--g4);opacity:.9}.mission{padding:34px 0 74px;text-align:center}.mission .eyebrow{justify-content:center}.mission-line{font-family:var(--display);font-weight:600;font-size:clamp(25px,3.4vw,38px);line-height:1.18;letter-spacing:-.02em;color:var(--ink);max-width:20ch;margin:16px auto 0}.site-foot{border-top:1px solid var(--line);padding:34px 0 50px}.foot-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-in .brand{font-size:17px}.foot-links{display:flex;gap:22px;font-size:14px;color:var(--ink-soft)}.foot-links a{color:var(--ink-soft)}.foot-links a:hover{color:var(--ink)}.foot-note{font-family:var(--mono);font-size:12px;color:var(--ink-faint);width:100%;margin-top:18px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}html:not(.js) .reveal,html:not(.js) .affirm{opacity:1;transform:none}html:not(.js) .panel{display:none}@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:38px}.panel{order:-1}.f-grid{grid-template-columns:1fr}.swap{grid-template-columns:1fr;gap:18px}.arrow{transform:rotate(90deg)}.foot-in{gap:14px}.nav-links a:not(.btn){display:none}.cal,.cal-col{gap:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn-primary:hover,.card:hover{transform:none}}