:root{--paper:#fff8ec;--ink:#1e2a22;--accent:#ff6b3d;--lime:#c9f56a;--blue:#bcdcff;--line:rgba(30,42,34,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden;transition:background .4s,color .4s}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--paper);border-radius:50%;font-family:Georgia,serif;font-style:italic}.theme-button{border:1px solid var(--ink);border-radius:99px;background:transparent;color:inherit;padding:10px 16px;cursor:pointer;font:600 13px inherit}.theme-button span{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:6px}
.hero{min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 20px 110px;position:relative;isolation:isolate}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#38b66b;margin-right:9px;box-shadow:0 0 0 6px rgba(56,182,107,.12)}h1{font-size:clamp(56px,9vw,118px);line-height:.87;letter-spacing:-.075em;margin:0;max-width:1100px}em{font-family:"Gowun Dodum",sans-serif;font-style:normal;color:var(--accent);letter-spacing:-.07em}.lede{font-family:"Gowun Dodum",sans-serif;max-width:600px;font-size:18px;line-height:1.8;margin:38px auto 30px;color:color-mix(in srgb,var(--ink) 72%,transparent)}.hero-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;gap:28px;border-radius:99px;padding:15px 21px;text-decoration:none;font:700 14px inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1}.orbit-one{width:440px;height:440px}.orbit-two{width:620px;height:620px}.floating-card{position:absolute;background:white;border:1px solid var(--ink);padding:12px 18px;border-radius:8px;box-shadow:5px 5px 0 var(--ink);font-weight:700;font-size:13px;animation:float 4s ease-in-out infinite}.floating-card span{color:var(--accent)}.card-one{left:12%;top:31%;transform:rotate(-7deg)}.card-two{right:12%;bottom:24%;transform:rotate(5deg);animation-delay:-2s}@keyframes float{50%{margin-top:-12px}}
.marquee{overflow:hidden;border-block:1px solid var(--ink);background:var(--lime);padding:17px 0;white-space:nowrap;transform:rotate(-1deg) scale(1.02)}.marquee div{font-size:15px;font-weight:700;letter-spacing:.02em;animation:marquee 22s linear infinite;width:max-content}.marquee b{margin:0 26px;color:var(--accent)}@keyframes marquee{to{transform:translateX(-50%)}}
.playground{padding:130px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-heading span,.label{font-size:11px;letter-spacing:.16em;font-weight:700}.section-heading h2{font-size:clamp(45px,6vw,78px);line-height:.95;letter-spacing:-.06em;margin:0}.demo-grid{display:grid;grid-template-columns:1.25fr 1fr .75fr;gap:16px}.demo-card{min-height:430px;border:1px solid var(--ink);border-radius:16px;padding:30px;position:relative;display:flex;flex-direction:column;box-shadow:0 7px 0 var(--ink);overflow:hidden}.demo-card h3{font-size:24px;margin:8px 0}.card-number{position:absolute;right:24px;top:22px;border:1px solid;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:12px;font-weight:700}.generator-card{background:var(--blue)}.checklist-card{background:#fff}.counter-card{background:var(--accent);color:#fff;align-items:center;text-align:center}.idea{font-family:"Gowun Dodum",sans-serif;font-size:20px;line-height:1.5;margin:auto 0;padding:30px 0}.idea strong{font-family:"DM Sans",sans-serif;font-size:30px;letter-spacing:-.04em}.wide-button{border:1px solid;background:rgba(255,255,255,.5);border-radius:9px;padding:15px;display:flex;justify-content:space-between;font:700 14px inherit;cursor:pointer}.checks{display:flex;flex-direction:column;gap:13px;margin:auto 0}.checks label{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:9px;cursor:pointer;font-size:14px}.checks input{display:none}.checks label span{width:20px;height:20px;border:1px solid;border-radius:5px;display:grid;place-items:center}.checks input:checked+span{background:var(--ink)}.checks input:checked+span:after{content:'✓';color:white;font-size:12px}.progress-text{font-size:12px;margin:0 0 8px}.progress{height:5px;background:#ddd;border-radius:4px}.progress i{display:block;height:100%;width:33.33%;background:var(--accent);transition:width .3s}.counter-value{font-size:118px;font-weight:700;letter-spacing:-.09em;margin:auto 0 0}.counter-card p:not(.label){font-size:13px;margin:0 0 auto}.round-button{width:62px;height:62px;border-radius:50%;border:1px solid var(--ink);background:var(--lime);font-size:30px;cursor:pointer;transition:transform .15s}.round-button:active{transform:scale(.88)}
.closing{text-align:center;padding:150px 20px;background:var(--blue);border-top:1px solid}.closing>p{font-family:"Gowun Dodum";font-size:18px}.closing h2{font-size:clamp(60px,9vw,112px);line-height:.9;letter-spacing:-.075em;margin:24px 0 50px}.dark{background:var(--ink);color:white;border:0}footer{display:flex;justify-content:space-between;padding:28px 5vw;background:var(--ink);color:var(--paper);font-size:10px;letter-spacing:.15em}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,100px);background:var(--ink);color:white;padding:15px 22px;border-radius:99px;z-index:30;font-size:13px;transition:transform .4s}.toast.show{transform:translate(-50%,0)}#confetti{position:fixed;inset:0;pointer-events:none;z-index:25}
body.alt{--paper:#eaf4ff;--ink:#27203c;--accent:#7657ff;--lime:#ffdf6e;--blue:#ffd5e6}
@media(max-width:800px){nav{height:64px}.theme-button{font-size:0;padding:10px}.theme-button span{margin:0}.hero{min-height:650px}.floating-card{display:none}.orbit-one{width:310px;height:310px}.orbit-two{width:430px;height:430px}.hero-actions{flex-direction:column}.section-heading{display:block}.section-heading span{display:block;margin-bottom:20px}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:370px}.playground{padding:100px 20px}.closing{padding:110px 20px}footer{gap:20px}}