.hero{padding:56px 0 72px;border-bottom:1px solid var(--line-soft);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:center}.hero h1{margin:22px 0 18px}.hero .sub{font-size:19px;line-height:1.5;color:var(--ink-2);max-width:32ch;letter-spacing:-.005em}.hero .sub strong{color:var(--ink);font-weight:500}.hero-form{margin-top:28px;display:flex;gap:8px;max-width:460px}.hero-form .sk-input{flex:1;min-width:0}.hero-meta{margin-top:14px;font-size:13px;color:var(--ink-3);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-meta a{color:var(--accent);border-bottom:1px solid color-mix(in oklch,var(--accent) 40%,transparent)}.hero-meta .sep{color:var(--ink-4)}.preview-wrap{position:relative;perspective:1600px}.preview{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 0 color-mix(in oklch,var(--ink) 10%,transparent) inset,0 60px 80px -40px rgba(0,0,0,.55),0 20px 40px -20px rgba(0,0,0,.4);transform:rotate(-.5deg)}.preview:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 60% at 50% 0,color-mix(in oklch,var(--accent) 10%,transparent),transparent 60%);pointer-events:none}.preview-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line-soft);background:color-mix(in oklch,var(--bg-2) 80%,var(--bg))}.preview-dots{display:flex;gap:6px}.preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--bg-3);border:1px solid var(--line)}.preview-url{flex:1;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);padding:4px 10px;background:var(--bg);border:1px solid var(--line-soft);border-radius:6px;max-width:60%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-bell{position:relative;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--ink);background:var(--bg);border:1px solid var(--line);cursor:pointer}.bell-badge{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;background:var(--accent);color:var(--accent-ink);border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg-2)}.app-body{display:grid;grid-template-columns:160px 1fr;min-height:420px;background:var(--bg-2)}.app-side{border-right:1px solid var(--line-soft);padding:16px 12px;display:flex;flex-direction:column;gap:4px;background:color-mix(in oklch,var(--bg-2) 85%,var(--bg))}.app-side .ws{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:8px;margin-bottom:12px}.app-side .ws-mark{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,oklch(.7 .13 250),oklch(.65 .15 320))}.app-side .ws-name{font-size:12px;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;font-size:12.5px;color:var(--ink-3)}.nav-item.is-active{background:var(--bg-3);color:var(--ink)}.nav-item .ico{width:14px;height:14px;border-radius:3px;background:var(--ink-4);opacity:.6}.nav-item.is-active .ico{background:var(--accent);opacity:1}.app-main{padding:18px 22px;position:relative}.app-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.app-title{font-size:16px;font-weight:600}.app-skel{background:var(--bg-3);border-radius:4px}.skel-row{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line-soft);border-radius:8px;background:color-mix(in oklch,var(--bg-2) 95%,var(--bg));margin-bottom:8px}.skel-cell-1{height:8px;width:30%}.skel-cell-2{height:8px;width:18%;opacity:.65}.skel-cell-3{height:8px;width:12%;opacity:.45}.popover{position:absolute;right:14px;top:56px;width:320px;background:var(--bg-3);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px color-mix(in oklch,var(--accent) 18%,transparent);overflow:hidden;transform-origin:top right;z-index:5;opacity:1}@media (prefers-reduced-motion:no-preference){.popover{animation:pop-in .6s cubic-bezier(.2,.9,.2,1.1) forwards}}@keyframes pop-in{0%{transform:translateY(-4px) scale(.985)}to{transform:translateY(0) scale(1)}}.pop-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line-soft);gap:12px}.pop-title{font-size:13px;font-weight:600;white-space:nowrap}.pop-sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.pop-list{padding:6px;max-height:320px}.pop-item{padding:10px;border-radius:8px;display:grid;grid-template-columns:1fr;gap:4px}.pop-item+.pop-item{border-top:1px solid var(--line-soft);border-radius:0;margin-top:2px;padding-top:12px}.pop-item .row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.pop-item .date{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.pop-item h4{margin:0;font-size:13.5px;font-weight:600;line-height:1.35;letter-spacing:-.005em}.pop-item p{margin:0;font-size:12.5px;color:var(--ink-2);line-height:1.45}.pop-foot{padding:10px 14px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;font-size:12px}.pop-foot .powered{color:var(--ink-4);font-family:var(--font-mono);font-size:10px}.pop-foot a{color:var(--accent);font-weight:500;text-decoration:none}.cursor{position:absolute;width:18px;height:22px;pointer-events:none;right:60px;top:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:cursor-tap 3s .3s infinite}@keyframes cursor-tap{0%,12%{transform:translate(20px,30px) scale(1);opacity:0}18%,28%{transform:translate(0) scale(1);opacity:1}32%,38%{transform:translate(0) scale(.85);opacity:1}42%,80%{transform:translate(0) scale(1);opacity:1}90%,to{transform:translate(20px,30px) scale(1);opacity:0}}.replaces{padding:36px 0;border-bottom:1px solid var(--line-soft)}.replaces-inner{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center}.replaces-lead{font-size:13px;color:var(--ink-3);line-height:1.5}.replaces-lead b{color:var(--ink);font-weight:500}.replaces-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-family:var(--font-mono);color:var(--ink-3);font-size:16px}.replaces-row .wm{display:inline-flex;align-items:center;gap:8px}.replaces-row .wm .swatch{width:12px;height:12px;border-radius:3px}.replaces-row .strike{text-decoration:line-through;text-decoration-color:var(--ink-4)}.replaces-row .arrow{color:var(--ink-4);font-size:14px}.replaces-row .us{color:var(--ink);font-weight:500}.replaces-row .us .swatch{background:var(--accent)}section.phases{padding:96px 0 80px;border-bottom:1px solid var(--line-soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}.section-head h2{font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.025em;margin:8px 0 0;max-width:20ch}.section-head h2 em{font-family:var(--font-serif);font-weight:400;font-style:italic;color:var(--ink-3)}.section-head h2 .em-accent{color:var(--accent)}.section-head .lede{color:var(--ink-2);font-size:15px;max-width:32ch}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phase{position:relative;padding:24px;border-radius:16px;background:var(--bg-2);border:1px solid var(--line-soft);display:flex;flex-direction:column;gap:14px;min-height:320px}.phase.live{border-color:color-mix(in oklch,var(--accent) 35%,var(--line));background:radial-gradient(80% 60% at 0 0,color-mix(in oklch,var(--accent) 8%,transparent),transparent 60%),var(--bg-2);box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 25%,transparent)}.phase.soon{background:repeating-linear-gradient(135deg,var(--bg-2) 0 8px,color-mix(in oklch,var(--bg-2) 80%,var(--bg)) 8px 9px)}.phase-head{display:flex;align-items:center;justify-content:space-between}.phase-tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.phase.live .phase-tag{color:var(--accent)}.phase-status{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-3)}.phase.live .phase-status{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.phase h3{font-size:24px;font-weight:600;margin:4px 0 0;letter-spacing:-.02em;line-height:1.15}.phase p,.phase.soon h3{color:var(--ink-2)}.phase p{margin:0;font-size:14px;line-height:1.55}.phase-art,.phase.soon p{color:var(--ink-3)}.phase-art{margin-top:auto;border-radius:10px;border:1px solid var(--line-soft);background:var(--bg);padding:12px;font-family:var(--font-mono);font-size:11px;min-height:88px;display:flex;flex-direction:column;gap:6px;overflow:hidden;position:relative}.phase.soon .phase-art{opacity:.55}.mini-entry{display:flex;align-items:center;gap:8px}.mini-entry .mini-tag{font-size:8.5px;padding:1px 5px;border-radius:3px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;font-family:var(--font-mono)}.mini-entry .mini-tag.tag-feature{background:color-mix(in oklch,var(--accent) 20%,transparent);color:var(--accent)}.mini-entry .mini-tag.tag-improve{background:oklch(.78 .12 240/.18);color:oklch(.85 .1 240)}.mini-entry .mini-tag.tag-fix{background:oklch(.82 .16 65/.16);color:oklch(.88 .13 65)}.mini-entry .mini-title{color:var(--ink-2)}.mini-entry .mini-date{margin-left:auto;color:var(--ink-4);font-size:10px}section.pricing{padding:96px 0;border-bottom:1px solid var(--line-soft)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.plan{border:1px solid var(--line-soft);border-radius:16px;padding:22px;background:var(--bg-2);display:flex;flex-direction:column;gap:12px;min-height:260px}.plan.popular{border-color:color-mix(in oklch,var(--accent) 40%,var(--line));background:radial-gradient(120% 80% at 100% 0,color-mix(in oklch,var(--accent) 10%,transparent),transparent 60%),var(--bg-2);box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 25%,transparent);position:relative}.plan.popular:after{content:"Most teams";position:absolute;top:-10px;right:16px;font-size:10px;letter-spacing:.1em;background:var(--accent);color:var(--accent-ink);padding:3px 8px;border-radius:4px;font-weight:600;white-space:nowrap}.plan-name,.plan.popular:after{font-family:var(--font-mono);text-transform:uppercase}.plan-name{font-size:11px;letter-spacing:.12em;color:var(--ink-3)}.plan.popular .plan-name{color:var(--accent)}.plan-price{font-size:36px;font-weight:600;letter-spacing:-.03em;line-height:1;display:flex;align-items:baseline;gap:6px}.plan-price .per{font-size:13px;color:var(--ink-3);font-weight:400;letter-spacing:0}.plan-blurb{line-height:1.5}.plan-blurb,.plan-feats{font-size:13px;color:var(--ink-2)}.plan-feats{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.plan-feats li{position:relative;padding-left:14px;line-height:1.5}.plan-feats li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.plan-cta{margin-top:auto}section.cta{padding:96px 0}.cta-card{border:1px solid var(--line);border-radius:24px;padding:56px 48px;background:radial-gradient(60% 100% at 0 100%,color-mix(in oklch,var(--accent) 12%,transparent),transparent 60%),var(--bg-2);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.cta-card h2{font-size:clamp(32px,4vw,56px);font-weight:600;letter-spacing:-.03em;line-height:1.02;margin:0;max-width:18ch}.cta-card h2 em{font-family:var(--font-serif);font-style:italic;color:var(--accent);font-weight:400}.cta-actions{display:flex;gap:10px;align-items:center}footer.foot{padding:36px 0 64px}.foot-row{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink-3);font-size:13px;flex-wrap:wrap}.foot-links{display:flex;gap:22px}.foot-links a:hover{color:var(--ink)}section.howto{padding:96px 0;border-bottom:1px solid var(--line-soft)}.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{position:relative;padding:28px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:14px}.step-num{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.step h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.2}.step p{margin:0;font-size:14px}.step p,.step-code{color:var(--ink-2);line-height:1.55}.step-code{margin-top:auto;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:12px 14px;font-family:var(--font-mono);font-size:11.5px;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.step-code .tag{color:var(--ink-3)}.step-code .attr{color:var(--accent)}@media (max-width:880px){.howto-grid{grid-template-columns:1fr}}@media (max-width:1200px){.hero-grid{gap:28px}.preview{transform:rotate(-.3deg) scale(.94);transform-origin:top right}}@media (max-width:880px){.cta-card,.hero-grid,.replaces-inner{grid-template-columns:1fr!important}.phase-grid,.price-grid{grid-template-columns:1fr 1fr}.preview{transform:none}}@media (max-width:640px){.container-page{padding:0 20px}.phase-grid,.price-grid{grid-template-columns:1fr}.nav-links .nav-link{display:none}.app-body{grid-template-columns:1fr}.app-side{display:none}.preview-bar .preview-url{max-width:50%}.cta-card{padding:36px 28px}}