@font-face{font-family:Outfit;src:url(/fonts/outfit-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--accent:#e14197;--ink:#030202;--white:#fff;--yellow:#ffc426;--blue:#00ace5;--muted:#6b6f79;--line:#e5e7eb;--soft:#f2f3f5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}.wrap{max-width:1200px;margin:0 auto}.hl{background:var(--accent);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.18em;padding:0 .18em}.accent{color:var(--accent)}.btn{cursor:pointer;text-align:center;border:0;border-radius:12px;padding:18px 34px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block}.btn-accent{background:var(--accent);color:var(--ink)}.btn-ink{background:var(--ink);color:var(--white)}.btn-white{background:var(--white);color:var(--ink)}.btn-sm{border-radius:999px;padding:12px 22px;font-size:15px}.topbar{background:var(--accent);padding:0 24px;font-size:14px;font-weight:700}.topbar .wrap{align-items:center;gap:12px;height:40px;display:flex}.topbar button{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:4px 8px;font-size:18px}.topbar-window{flex:1;overflow:hidden}.topbar-track{transition:transform .45s;display:flex}.topbar-track span{text-align:center;flex:0 0 100%}.nav{background:var(--ink);padding:0 24px}.nav .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.nav-links{gap:32px;font-size:16px;display:flex}.nav-links a{color:var(--white);text-decoration:none}.nav-links a:hover{color:var(--accent)}section{padding:112px 24px}.dark{background:var(--ink);color:var(--white)}.yellow{background:var(--yellow)}h1{letter-spacing:-.02em;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1.04}h2{letter-spacing:-.02em;margin-bottom:48px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.06}h3{letter-spacing:-.01em;font-size:26px}.lead{max-width:560px;font-size:20px;line-height:1.4}.small{color:var(--muted);font-size:14px}.eyebrow{background:var(--ink);color:var(--white);border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.hero{padding:80px 24px 136px}.hero-grid{flex-wrap:wrap;align-items:center;gap:56px;display:flex}.hero-copy{flex-direction:column;flex:520px;gap:28px;min-width:0;display:flex}.hero-art{flex:440px;min-width:0}.ctas{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.art-frame{background:var(--ink);border-radius:36px;flex-direction:column;gap:16px;padding:40px 32px;display:flex}.art-badge{background:var(--accent);border-radius:18px;justify-content:space-between;gap:12px;margin-right:16px;padding:16px 24px;font-weight:700;display:flex}.feed{background:var(--white);color:var(--ink);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 8px 24px #03020224}.profile{align-items:center;gap:12px;display:flex}.avatar{background:conic-gradient(var(--yellow), var(--accent), #b21e8e, var(--yellow));border-radius:999px;width:44px;height:44px;padding:3px}.avatar:after{content:"";background:var(--ink);border:3px solid var(--white);border-radius:999px;width:100%;height:100%;display:block}.profile b{font-size:16px;display:block}.profile span{color:var(--muted);font-size:13px}.feed-title{font-size:20px;font-weight:700}.grid{grid-template-columns:repeat(var(--cols,3), 1fr);gap:var(--gap,6px);display:grid}.tile{aspect-ratio:1;cursor:pointer;background:var(--bg);border:0;position:relative;overflow:hidden}.tile:after{content:"";background:#ffffff47;border-radius:999px;width:34%;height:34%;position:absolute;inset:22% 22% auto auto}.grid.tiles .tile{aspect-ratio:2/3}.t0{--bg:linear-gradient(135deg, #e14197, #b21e8e)}.t1{--bg:linear-gradient(135deg, #ffc426, #f7911e)}.t2{--bg:linear-gradient(135deg, #00ace5, #3f67b1)}.t3{--bg:linear-gradient(135deg, #2ed3a7, #00b696)}.t4{--bg:linear-gradient(135deg, #3a3d45, #030202)}.t5{--bg:linear-gradient(135deg, #e3e322, #6bbe45)}.demo{padding:120px 24px 96px}.demo-sub{color:#c9cdd4;margin:-28px 0 48px;font-size:18px}.demo-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.panel{background:var(--white);color:var(--ink);border-radius:24px;flex-direction:column;gap:20px;padding:28px;display:flex}.panel h3{font-size:20px}.field{flex-direction:column;gap:8px;font-size:15px;font-weight:700;display:flex}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{font:inherit;border:2px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;min-height:40px;padding:8px 16px;font-size:14px;font-weight:700}.pill[aria-pressed=true]{background:var(--ink);color:var(--white)}.field input[type=text]{font:inherit;border:2px solid #c9cdd4;border-radius:10px;padding:12px;font-weight:500}.field input[type=range]{accent-color:var(--accent);width:100%}.check{cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.stats{gap:12px;display:flex}.stat{background:var(--soft);border-radius:16px;flex:1;padding:16px 20px}.stat.on{background:var(--accent)}.stat span{font-size:13px;display:block}.stat b{letter-spacing:-.02em;font-size:36px}.hint{color:var(--muted);font-size:13px}.store-bar{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.store-bar i{background:#c9cdd4;border-radius:999px;width:10px;height:10px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.card{border-radius:28px;flex-direction:column;gap:16px;min-height:280px;padding:40px;font-size:17px;line-height:1.45;display:flex}.card.ink{background:var(--ink);color:var(--white)}.card.acc{background:var(--accent)}.card.yel{background:var(--yellow)}.card.blu{background:var(--blue)}.minis{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.mini{background:var(--white);color:var(--ink);border-radius:18px;flex-direction:column;gap:6px;padding:24px;font-size:15px;line-height:1.45;display:flex}.mini b{font-size:18px}.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.step{background:var(--ink);color:var(--white);border-radius:28px;flex-direction:column;gap:12px;padding:36px;font-size:16px;line-height:1.45;display:flex}.step.acc{background:var(--accent);color:var(--ink)}.step .num{color:var(--accent);font-size:56px;font-weight:700;line-height:1}.step.acc .num{color:var(--ink)}.trust-grid .card{min-height:220px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:920px;margin:0 auto;display:grid}.price-card{background:var(--accent);color:var(--ink);border-radius:28px;flex-direction:column;gap:18px;padding:40px;display:flex}.price{letter-spacing:-.03em;font-size:64px;font-weight:700}.price small{font-size:18px;font-weight:500}.ticks{flex-direction:column;gap:10px;font-size:16px;list-style:none;display:flex}.ticks li:before{content:"✓";margin-right:10px;font-weight:700}.support-card{background:var(--white);color:var(--ink);border-radius:28px;flex-direction:column;gap:16px;padding:40px;display:flex}.support-item{background:var(--soft);border-radius:16px;padding:18px 20px;font-size:15px;line-height:1.4}.support-item b{margin-bottom:4px;font-size:17px;display:block}.center{text-align:center}.cta-band{background:var(--accent);border-radius:36px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:72px 56px;display:flex}.cta-band h2{margin:0}footer{background:var(--ink);color:var(--white);padding:64px 24px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}footer nav{flex-wrap:wrap;gap:28px;font-size:16px;display:flex}footer nav a{text-decoration:none}footer nav a:hover{color:var(--accent)}footer .tag{color:#c9cdd4;max-width:320px;margin-top:12px;font-size:16px}.copy{color:#6b6f79;max-width:1200px;margin:40px auto 0;font-size:13px}@media (width<=860px){.nav-links{display:none}.demo-grid{grid-template-columns:1fr}}@media (width<=560px){section{padding:72px 20px}.hero{padding:48px 20px 80px}.art-frame{border-radius:28px;padding:24px 16px}.art-badge{margin-right:0}.card,.price-card,.support-card{padding:28px}.cta-band{padding:40px 28px}.ctas .btn{width:100%}.topbar{font-size:12px}}