.site{max-width:1040px;margin:0 auto;padding:0 24px 64px;overflow-x:clip}.nav{justify-content:space-between;align-items:center;padding:26px 0 22px;display:flex}.nav .brand{color:var(--ink);letter-spacing:-.04em;font-size:60px;line-height:1;text-decoration:none;position:relative;top:5px}.nav nav{align-items:center;gap:22px;font-size:14px;display:flex}.nav nav a{color:var(--ink-2);text-decoration:none}.nav nav a:hover{color:var(--ink)}.nav nav .btn{color:var(--paper)}.site .btn{text-align:center;width:auto;text-decoration:none;display:inline-block}.site .btn.ghost{color:var(--ink)}.hero-site{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;min-height:calc(100vh - 108px);padding:0 0 40px;display:grid}.hero-copy{flex-direction:column;gap:18px;display:flex}.hero-copy h1{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(38px,5.6vw,66px);font-weight:700;line-height:1.02}.hero-copy .lead{max-width:48ch;font-size:19px}.lead{color:var(--ink-2);max-width:52ch;margin:0;font-size:17px;line-height:1.55}.cta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:6px;display:flex}.btn.big{padding:16px 26px;font-size:17px}.sample{color:var(--ink-2);border-bottom:1px solid var(--line);font-size:15px;text-decoration:none}.sample:hover{color:var(--kept);border-color:var(--kept)}.switch{appearance:none;background:var(--line);cursor:pointer;border:0;border-radius:15px;width:56px;height:30px;padding:0;transition:background .2s;position:relative}.switch[aria-checked=true]{background:var(--kept)}.switch .knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .22s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true] .knob{transform:translate(26px)}.switch svg{width:16px;height:16px;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.switch .sun{color:#d9a23f;right:7px}.switch .moon{color:#fff;left:7px}.switch[aria-checked=false] .moon,.switch[aria-checked=true] .sun{opacity:0}.float{justify-self:center;width:100%;max-width:440px;position:relative}.float .phone{animation:5s ease-in-out infinite levitate}.particles{pointer-events:none;position:absolute;inset:0}.particles i{background:var(--kept);opacity:0;border-radius:50%;animation:6s ease-in-out infinite drift;position:absolute}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes drift{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:.7}50%{opacity:.9;transform:translate(6px,-22px)scale(1)}75%{opacity:.5}to{opacity:0;transform:translate(-4px,-44px)scale(.5)}}.phone{background:var(--card);border:1px solid var(--line);border-radius:28px;flex-direction:column;gap:10px;width:100%;padding:30px 26px;display:flex;box-shadow:0 1px 2px #0000000f,0 30px 60px -30px #00000059}.phone-top{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.phone .kept{font-size:68px}.phone .card{background:var(--paper);margin-top:8px}.phone .explain p{font-size:15px}.how{border-top:1px solid var(--line);height:340vh}.how-stage{grid-template-columns:1fr 1fr;align-items:center;gap:64px;height:100vh;padding:0;display:grid;position:sticky;top:0}.how-copy h2{font-family:var(--display);letter-spacing:-.03em;letter-spacing:-.02em;margin:0 0 48px;font-size:54px;font-weight:700}.how-steps{min-height:330px;position:relative}.how-step{transition:opacity .38s,transform .38s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0 0 auto}.how-step.is-active{opacity:1;transform:translateY(0)}.how-step.is-past{opacity:0;pointer-events:none;transform:translateY(-28px)}.how-step.is-next{opacity:0;pointer-events:none;transform:translateY(28px)}.how-num{background:var(--kept-soft);width:52px;height:52px;color:var(--kept);font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;font-size:24px;font-weight:700;display:inline-flex}.how-step b{font-family:var(--display);letter-spacing:-.03em;margin-bottom:18px;font-size:50px;font-weight:700;line-height:1.02;display:block}.how-step p{color:var(--ink-2);max-width:36ch;margin:0;font-size:22px;line-height:1.5}.how-dots{gap:8px;margin-top:44px;display:flex}.how-dots i{border-radius:5px;width:10px;height:10px}.how-dots i.on{width:30px}.how-dots i{background:var(--line);border-radius:4px;width:8px;height:8px;transition:width .3s,background .3s}.how-dots i.on{background:var(--kept);width:24px}.how-cards{height:600px;position:relative}.how-card{max-width:540px;height:fit-content;margin:auto;padding:32px;transition:opacity .38s,transform .38s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;box-shadow:0 1px 2px #0000000f,0 30px 60px -30px #00000059}.how-card.is-active{opacity:1;transform:translateY(0)scale(1)}.how-card.is-past{opacity:0;pointer-events:none;transform:translateY(-36px)scale(.97)}.how-card.is-next{opacity:0;pointer-events:none;transform:translateY(36px)scale(.97)}.how-card h3{font-family:var(--display);margin:0 0 14px;font-size:22px;font-weight:700}.how-card .fake{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:15px 16px;font-size:18px}.how-card .form{gap:16px}.how-card .field label{font-size:14px}.how-card .costs{grid-template-columns:repeat(2,1fr);gap:18px}.how-card .cost span{font-size:14px}.how-card .cost b{font-size:30px}.how-card .costs-foot{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:17px}.how-card .actions .btn{cursor:default;flex:1}.how-card .kept{margin:8px 0;font-size:84px}.how-card .sub{font-size:18px}.how-card .bar{height:16px}.how-card .legend{font-size:14px}.how-card .sub{margin:0 0 6px}.explain-mini{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.explain-mini p{margin:0;font-size:17px;line-height:1.5}.explain-mini .tag{letter-spacing:.05em;text-transform:uppercase;color:var(--kept);background:var(--kept-soft);border-radius:6px;margin-bottom:8px;padding:3px 7px;font-size:11px;font-weight:600;display:inline-block}.learn{border-top:1px solid var(--line);padding:120px 0 100px}.learn-head{max-width:720px;margin-bottom:48px}.learn h2,.promise h2,.final h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 16px;font-size:54px;font-weight:700;line-height:1.02}.learn .lead,.promise .lead,.final .lead{margin:0;font-size:22px}.learn-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.lesson{padding:32px}.lesson .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--kept);background:var(--kept-soft);border-radius:6px;margin-bottom:18px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.lesson h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.1}.lesson p{color:var(--ink-2);margin:0;font-size:17px;line-height:1.55}.promise{background:var(--ink);color:var(--paper);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:64px;display:grid}.promise .lead{color:var(--paper);opacity:.7}.promise-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.promise-list li{opacity:.75;border-top:1px solid #ffffff24;padding:20px 0;font-size:17px;line-height:1.5}.promise-list li:first-child{border-top:0;padding-top:0}.promise-list li:last-child{padding-bottom:0}.promise-list b{opacity:1;color:var(--paper);margin-bottom:2px;font-size:20px;display:block}[data-theme=dark] .promise{background:var(--card);border:1px solid var(--line)}.final{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;padding:120px 0 80px;display:grid}.final .cta{margin-top:28px}.final-art{justify-self:center;width:100%;max-width:380px;height:auto;animation:5s ease-in-out infinite levitate}.site-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:40px 0 8px;font-size:17px;display:flex}.site-foot .brand{font-size:30px}.site-foot .muted{font-size:16px}.site-foot nav{gap:28px;display:flex}.site-foot nav a{color:var(--ink-2);text-decoration:none}.site-foot nav a:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){.float .phone,.particles i,.final-art{animation:none}.how-step,.how-card{transition:opacity .2s;transform:none!important}.particles i{opacity:.5}}@media (width<=820px){.hero-site{grid-template-columns:1fr;gap:40px;min-height:0;padding:24px 0 48px}.how{height:300vh}.how-stage{grid-template-columns:1fr;align-content:start;gap:20px;padding-top:40px}.how-cards{margin-top:0}.how-copy h2{margin-bottom:18px;font-size:26px}.how-steps{min-height:150px}.how-step b{font-size:22px}.how-step p{font-size:15px}.how-dots{margin-top:12px}.how-cards{height:300px}.how-card{max-width:100%;padding:16px}.how-card .kept{font-size:44px}.learn{padding:72px 0 56px}.learn h2,.promise h2,.final h2{font-size:36px}.learn .lead,.promise .lead,.final .lead{font-size:18px}.learn-grid{grid-template-columns:1fr}.lesson{padding:24px}.lesson h3{font-size:22px}.promise{grid-template-columns:1fr;gap:28px;padding:32px 24px}.final{text-align:center;grid-template-columns:1fr;padding:72px 0 48px}.final .cta{justify-content:center}.final-art{max-width:260px}.site-foot{flex-direction:column;align-items:flex-start;gap:14px}.site-foot nav{flex-wrap:wrap;gap:14px}.nav nav a:not(.btn){display:none}.nav .brand{font-size:40px;top:3px}}
