:root{--ink:#0b0b0d;--paper:#f5f6f2;--pink:#ff008c;--lime:#ff008c;--line:#d9dbd3;--muted:#686963;--display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,246,242,.91);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font:700 20px var(--display)}.brand-mark,.mini-brand span{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:700;transform:rotate(-5deg)}.nav-links{display:flex;gap:30px;font-weight:600;font-size:14px}.nav-links a:hover{color:var(--pink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--ink);color:white;border-radius:999px;padding:16px 22px;font-weight:700;transition:.25s}.button:hover{background:var(--pink);transform:translateY(-2px)}.button span{font-size:19px}.button-small{padding:11px 18px;font-size:14px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;padding:clamp(50px,7vw,105px) clamp(20px,6vw,96px);position:relative}.eyebrow,.section-label{font:700 12px var(--display);letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 6px rgba(255,45,141,.12)}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.045em}h1{font-size:clamp(58px,7vw,108px);line-height:.87;max-width:800px;margin:28px 0}h1 em,h2 em{font-style:normal;color:var(--pink)}.lede{font-size:clamp(18px,1.6vw,22px);line-height:1.5;max-width:630px;color:#41423f}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.text-link{font-weight:700;border-bottom:1px solid}.trust-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px;color:var(--muted);font-size:13px;font-weight:600}.trust-row span:before{content:"✓";margin-right:7px;color:var(--pink)}.hero-visual{min-height:540px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #cfd1ca;border-radius:50%;animation:spin 25s linear infinite}.orbit-one{width:500px;height:500px}.orbit-two{width:390px;height:390px;animation-direction:reverse}.product-card{width:min(360px,78vw);padding:16px;background:white;border:1px solid #e3e4de;border-radius:28px;box-shadow:0 26px 70px rgba(10,10,12,.15);transform:rotate(3deg);z-index:2}.card-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.12em;padding:6px}.live-dot{width:9px;height:9px;border-radius:50%;background:#ff008c;box-shadow:0 0 0 5px rgba(43,199,111,.12)}.product-art{height:330px;border-radius:20px;background:linear-gradient(140deg,#ff008c,#ff8bc9 40%,#ff4aa2);display:grid;place-items:center;position:relative;overflow:hidden}.product-art:before{content:"";position:absolute;width:260px;height:260px;border:60px solid rgba(255,255,255,.35);border-radius:50%}.shoe{width:180px;height:82px;border-radius:70% 25% 32% 28%;background:var(--ink);color:white;font:700 32px var(--display);display:grid;place-items:center;transform:rotate(-17deg);box-shadow:0 18px 0 rgba(11,11,13,.18);z-index:1}.burst{position:absolute;top:15px;right:15px;width:76px;height:76px;background:var(--pink);color:white;border-radius:50%;display:grid;place-content:center;text-align:center;font:700 22px/1 var(--display);z-index:2}.burst small{font-size:9px;letter-spacing:.1em}.card-info{display:flex;justify-content:space-between;align-items:center;padding:15px 6px 4px}.card-info div{display:grid}.card-info small{color:var(--muted);margin-top:4px}.float-card{position:absolute;z-index:3;background:var(--ink);color:white;border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 35px rgba(0,0,0,.2)}.float-card div{display:grid}.float-card small{font-size:11px;color:#c5c6c0;margin-top:2px}.float-one{top:8%;left:0}.float-two{right:-2%;bottom:12%;background:white;color:var(--ink)}.icon{width:36px;height:36px;border-radius:11px;background:var(--pink);display:grid;place-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:800}.signal-strip{height:72px;background:var(--ink);color:white;display:flex;align-items:center;gap:28px;white-space:nowrap;overflow:hidden;font:700 13px var(--display);letter-spacing:.12em}.signal-strip span:first-child{margin-left:3vw}.signal-strip i{color:var(--pink);font-style:normal}.section{padding:110px clamp(20px,6vw,96px)}.problem-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;margin-top:30px}.problem h2,.section-head h2,.feature-copy h2,.compare h2{font-size:clamp(38px,4.5vw,68px);line-height:1.02}.problem p,.section-head>p{font-size:19px;line-height:1.65;color:var(--muted);max-width:520px}.how{background:white}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end}.section-head .section-label{margin-bottom:22px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:34px 28px 42px;border-right:1px solid var(--line)}.steps article:last-child{border-right:0}.steps article>span{font:600 12px var(--display);color:var(--pink)}.step-icon{font-size:31px;margin:60px 0 30px}.steps h3{font-size:22px}.steps p{line-height:1.55;color:var(--muted)}.feature-stage{background:var(--ink);color:white;display:grid;grid-template-columns:1.12fr .88fr;gap:6vw;align-items:center}.dashboard-shell{background:#f7f7f4;border-radius:28px;min-height:500px;color:var(--ink);display:grid;grid-template-columns:65px 1fr;overflow:hidden;transform:perspective(1000px) rotateY(4deg);box-shadow:-30px 30px 90px rgba(0,0,0,.38)}.dashboard-shell aside{background:#171719;padding:18px 15px;display:flex;flex-direction:column;align-items:center;gap:28px}.mini-brand span{width:34px;height:34px;background:var(--lime);color:var(--ink)}.dashboard-shell aside i{width:24px;height:7px;border-radius:4px;background:#505052}.dash-main{padding:28px}.dash-header,.dash-metrics,.chart-title{display:flex;justify-content:space-between}.dash-header small,.dash-metrics small{color:#777;font-size:9px;letter-spacing:.11em}.dash-header h3{font-size:29px;margin-top:6px}.dash-header button{border:0;border-radius:99px;background:#2b1020;color:#ff008c;padding:7px 13px}.dash-metrics{gap:10px;margin:28px 0}.dash-metrics div{background:white;border:1px solid #e6e6e1;border-radius:14px;padding:17px;display:grid;flex:1}.dash-metrics b{font:700 22px var(--display);margin:9px 0}.dash-metrics em{font-style:normal;color:#ff008c;font-size:10px}.dash-content{display:grid;grid-template-columns:1fr 170px;gap:12px}.chart-card,.activity{background:white;border:1px solid #e6e6e1;border-radius:14px;padding:18px}.chart-title span{font-size:9px;color:#777}.bars{height:160px;display:flex;align-items:end;gap:7px;border-bottom:1px solid #ddd}.bars i{height:var(--h);flex:1;background:linear-gradient(var(--pink),#ff91c3);border-radius:5px 5px 0 0;animation:grow .8s calc(var(--d)*.04s) both}.activity p{font-size:10px;border-bottom:1px solid #eee;padding:11px 0;margin:0}.activity span{color:var(--pink);font-weight:800;margin-right:5px}.feature-copy .section-label{color:var(--lime);margin-bottom:25px}.feature-copy h2{margin-bottom:45px}.feature-copy ul{list-style:none;padding:0}.feature-copy li{display:flex;gap:20px;border-top:1px solid #363638;padding:22px 0}.feature-copy li>span{color:var(--pink);font:700 12px var(--display)}.feature-copy li div{display:grid;gap:6px}.feature-copy li b{font-size:18px}.feature-copy li p{color:#a9aaa6;margin:0}.templates{background:var(--lime)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.template{aspect-ratio:4/5;min-height:430px;padding:30px;border-radius:22px;position:relative;overflow:hidden;display:flex;flex-direction:column}.template h3{font-size:clamp(35px,4vw,62px);line-height:.9}.template-logo{position:absolute;bottom:26px;left:30px;font:700 13px var(--display);letter-spacing:.14em}.t-one{background:var(--ink);color:white;justify-content:center}.t-one small{position:absolute;top:30px;letter-spacing:.15em}.pink-pill{margin-top:30px;background:var(--pink);width:max-content;padding:10px 13px;border-radius:6px;font-weight:800;transform:rotate(-3deg)}.t-two{background:var(--pink);color:white;justify-content:flex-end;padding-bottom:85px}.counter{position:absolute;top:25px;right:25px;font:700 70px/.7 var(--display);text-align:right}.counter span{display:block;font-size:11px;margin-top:13px;letter-spacing:.2em}.t-three{background:#fff;justify-content:flex-end;padding-bottom:80px}.t-three small{position:absolute;top:30px}.prize-ring{position:absolute;top:70px;right:-40px;width:240px;height:240px;border:40px solid var(--lime);border-radius:50%;display:grid;place-items:center}.prize-ring span{font-size:70px;color:var(--pink)}.compare{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}.compare h2{margin-top:25px}.compare-list>div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);gap:30px;padding:21px 0}.compare-list>div:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800}.compare-list p{margin:0;color:var(--muted)}.compare-list b:before{content:"✦";color:var(--pink);margin-right:10px}.cta{margin:0 2.5vw 35px;padding:100px 30px;text-align:center;background:var(--pink);color:white;border-radius:30px;position:relative;overflow:hidden}.cta h2{font-size:clamp(55px,8vw,120px);line-height:.86;position:relative}.cta p{font-size:19px;max-width:600px;margin:28px auto;position:relative}.cta .section-label{margin-bottom:30px}.button-light{background:white;color:var(--ink);position:relative}.button-light:hover{background:var(--lime);color:var(--ink)}.cta-noise{position:absolute;inset:-50%;opacity:.12;background:repeating-radial-gradient(circle at center,white 0 1px,transparent 1px 11px);transform:rotate(12deg)}footer{padding:55px clamp(20px,6vw,96px);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}footer p{color:var(--muted)}footer>div{display:flex;gap:22px;font-weight:700;font-size:14px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:var(--muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes grow{from{height:0}}@media(max-width:950px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:500px}.problem-grid,.feature-stage,.compare{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(2){border-right:0}.template-grid{grid-template-columns:1fr 1fr}.template:last-child{grid-column:1/-1;aspect-ratio:auto}.section-head{display:grid}.dashboard-shell{transform:none}.feature-copy{order:-1}footer{grid-template-columns:1fr auto}footer p{display:none}}@media(max-width:620px){.nav{height:70px}.nav .button-small{font-size:0;padding:10px}.nav .button-small:before{content:"Early access";font-size:13px}.hero{padding-left:20px;padding-right:20px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:440px}.orbit-one{width:390px;height:390px}.orbit-two{width:310px;height:310px}.product-card{width:280px}.product-art{height:270px}.float-one{left:-12px}.float-two{right:-18px}.section{padding:78px 20px}.problem-grid{gap:20px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.step-icon{margin:35px 0 20px}.template-grid{grid-template-columns:1fr}.template:last-child{grid-column:auto}.dashboard-shell{grid-template-columns:44px 1fr;min-height:auto}.dashboard-shell aside{padding:12px 5px}.dash-main{padding:14px}.dash-metrics{display:grid}.dash-content{grid-template-columns:1fr}.activity{display:none}.bars{gap:3px}.feature-stage{padding-left:12px;padding-right:12px}.compare-list>div{gap:12px;font-size:14px}.cta{margin:0 12px 25px;padding:80px 18px}footer{display:flex;flex-direction:column;align-items:flex-start}footer>div{flex-wrap:wrap}}
