@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne Fallback;src:local("Arial");ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.00%;size-adjust:98.47%}.__className_744198{font-family:Syne,Syne Fallback;font-style:normal}.__variable_744198{--font-syne:"Syne","Syne Fallback"}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/88da59c891d37117-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/1e377d93cbdd6b44-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/36d711d427a06e51-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/f1f7cdf240180e28-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/55fbdf033607a0e1-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/b6a6f0b43d027304-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:200 900;font-display:swap;src:url(/_next/static/media/9cf9c6e84ed13b5e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Source Sans\ 3 Fallback;src:local("Arial");ascent-override:109.21%;descent-override:42.66%;line-gap-override:0.00%;size-adjust:93.76%}.__className_1fdbab{font-family:Source Sans\ 3,Source Sans\ 3 Fallback;font-style:normal}.__variable_1fdbab{--font-source-sans:"Source Sans 3","Source Sans 3 Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-jetbrains:"JetBrains Mono","JetBrains Mono Fallback"}:root{--ink:#0c0f14;--ink-soft:#4a525e;--ink-mute:#8a93a0;--paper:#f5f6f8;--paper-raised:#ffffff;--paper-sunken:#eceef2;--line:#e1e4ea;--line-strong:#c9ced6;--accent:#0b7f8a;--accent-deep:#075d66;--accent-tint:#e6f2f3;--accent-ink:#053b42;--warn:#b8842a;--warn-tint:#f6ecd6;--ok:#2f7d4f;--ok-tint:#e2f0e6;--shadow-sm:0 1px 2px rgba(12,15,20,0.04);--shadow:0 1px 2px rgba(12,15,20,0.04),0 10px 28px rgba(12,15,20,0.06);--shadow-lg:0 1px 2px rgba(12,15,20,0.04),0 24px 60px rgba(12,15,20,0.10);--font-display:var(--font-syne),"Segoe UI",sans-serif;--font-body:var(--font-source-sans),"Segoe UI",sans-serif;--font-mono:var(--font-jetbrains),ui-monospace,SFMono-Regular,Menlo,monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--ease:cubic-bezier(0.22,1,0.36,1);--maxw:1180px}*,:after,:before{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes tick-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(1turn)}}.rise{animation:rise .6s var(--ease) both}.rise-1{animation-delay:.06s}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.18s}.rise-4{animation-delay:.24s}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.eyebrow strong{color:var(--ink);font-weight:600}.divider{height:1px;background:var(--line);border:0;margin:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--maxw);margin:0 auto;padding:1.5rem 1.5rem 1rem}.brand{display:inline-flex;align-items:baseline;gap:.4rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:1.1rem}.brand span{color:var(--accent);font-weight:600}.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--ink);color:#fff;font-family:var(--font-mono);font-weight:700;font-size:.78rem;letter-spacing:0;transform:translateY(2px)}.nav-actions{display:flex;gap:.5rem}.btn,.nav-actions{align-items:center}.btn{display:inline-flex;justify-content:center;gap:.45rem;border-radius:var(--radius-sm);border:1px solid transparent;padding:.6rem 1rem;font-weight:600;font-size:.92rem;line-height:1;cursor:pointer;transition:transform .12s var(--ease),background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#1a1f28}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-deep)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);background:var(--paper-raised)}.btn-subtle{background:transparent;color:var(--ink-soft)}.btn-subtle:hover{color:var(--ink);background:var(--paper-sunken)}.btn-arrow:after{content:"\2192";margin-left:.1rem;transition:transform .18s var(--ease)}.btn-arrow:hover:after{transform:translateX(2px)}.btn-sm{padding:.42rem .7rem;font-size:.82rem;border-radius:var(--radius-sm)}.hero{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:3rem;gap:3rem;align-items:center;max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.5rem 4rem;min-height:calc(100dvh - 5rem)}.hero-copy h1{margin:.6rem 0 1.4rem;font-family:var(--font-display);font-size:clamp(2.7rem,5.4vw,4.6rem);line-height:.92;letter-spacing:-.045em;font-weight:700}.hero-copy h1 .accent,.hero-copy h1 .dot{color:var(--accent)}.hero-copy p{margin:0 0 1.75rem;max-width:42ch;font-size:1.1rem;line-height:1.55;color:var(--ink-soft)}.hero-cta{gap:.6rem}.hero-cta,.hero-meta{display:flex;flex-wrap:wrap}.hero-meta{gap:1.25rem;margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-mute);letter-spacing:.04em}.hero-meta b{color:var(--ink);font-weight:600}.hero-stage{position:relative;min-height:340px}.hero-stage:before{content:"";position:absolute;inset:6% 4%;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(11,127,138,.1),rgba(11,127,138,.02));filter:blur(4px)}.banner-preview{position:relative;display:grid;grid-gap:.9rem;gap:.9rem;padding:1.4rem 1.5rem;border-radius:var(--radius);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow)}.banner-preview .preview-tag{position:absolute;top:-10px;left:16px;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .55rem;border-radius:var(--radius-sm)}.banner-preview strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em;font-weight:700}.timer-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.timer-unit{text-align:center;padding:.75rem .35rem .55rem;border-radius:var(--radius-sm);background:var(--paper-sunken);border:1px solid var(--line)}.timer-unit b{display:block;font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.03em;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-unit:first-child b,.timer-unit:nth-child(2) b{animation:tick-pulse 1.2s ease-in-out infinite}.timer-unit:nth-child(2) b{animation-delay:.15s}.timer-unit:nth-child(3) b{animation:tick-pulse 1.2s ease-in-out infinite;animation-delay:.3s}.timer-unit:nth-child(4) b{animation:tick-pulse 1.2s ease-in-out infinite;animation-delay:.45s}.timer-unit span{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute)}.banner-preview .cta-chip{justify-self:start;padding:.5rem .95rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.85rem;font-weight:600}.section{max-width:var(--maxw);margin:0 auto;padding:3rem 1.5rem 4.5rem}.section-head{display:grid;grid-gap:.4rem;gap:.4rem;margin-bottom:2rem}.section-head .eyebrow{display:flex;align-items:center;gap:.6rem}.section-head h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,2.5rem);letter-spacing:-.035em;font-weight:700;line-height:1}.section-head p{margin:0;max-width:52ch;color:var(--ink-soft);line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature{padding:1.5rem 1.5rem 1.75rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-raised)}.feature .num{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;color:var(--accent);margin-bottom:.85rem;display:block}.feature h3{margin:0 0 .45rem;font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.02em;font-weight:700}.feature p{margin:0;color:var(--ink-soft);line-height:1.55;font-size:.96rem}.pricing-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.price-card{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.35rem 1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised)}.price-card.featured{border-color:var(--ink);box-shadow:var(--shadow);position:relative}.price-card.featured:before{content:"POPULAR";position:absolute;top:-9px;right:14px;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;padding:.22rem .5rem;border-radius:var(--radius-sm)}.price-card h3{margin:0;font-size:1.1rem;letter-spacing:-.02em}.price-card .amount,.price-card h3{font-family:var(--font-display);font-weight:700}.price-card .amount{margin:.2rem 0 .4rem;font-size:1.85rem;letter-spacing:-.03em}.price-card .amount span{font-size:.85rem;font-weight:500;color:var(--ink-mute);font-family:var(--font-body);letter-spacing:0}.price-card ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:.4rem;gap:.4rem;color:var(--ink-soft);font-size:.92rem;line-height:1.4}.price-card ul li:before{content:"+ ";color:var(--accent);font-weight:700}.price-card .btn{margin-top:auto}.site-footer{max-width:var(--maxw);margin:0 auto;padding:1.75rem 1.5rem;border-top:1px solid var(--line);color:var(--ink-mute);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100dvh;background:var(--paper)}.app-sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 1rem 1rem;background:var(--paper-raised);border-right:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100dvh;overflow-y:auto}.app-sidebar .brand{padding:.25rem .5rem;margin-bottom:.5rem}.sidebar-section{display:grid;grid-gap:.35rem;gap:.35rem}.sidebar-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:0 .5rem .35rem}.product-nav{display:grid;grid-gap:.2rem;gap:.2rem}.product-link{display:grid;grid-template-columns:auto 1fr;grid-gap:.65rem;gap:.65rem;align-items:start;padding:.6rem .65rem;border-radius:var(--radius-sm);color:var(--ink-soft);transition:background .12s var(--ease),color .12s var(--ease)}.product-link:hover{background:var(--paper-sunken);color:var(--ink)}.product-link .code{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;color:var(--ink-mute);padding-top:.15rem}.product-link .text{display:grid;grid-gap:.1rem;gap:.1rem}.product-link strong{color:var(--ink);font-weight:600;font-size:.95rem}.product-link small{font-size:.78rem;line-height:1.35;color:var(--ink-mute)}.product-link[data-active=true]{background:var(--accent-tint);color:var(--accent-ink)}.product-link[data-active=true] strong{color:var(--accent-ink)}.product-link[data-active=true] .code,.product-link[data-active=true] small{color:var(--accent-deep)}.product-link[data-soon=true]{opacity:.55;cursor:default}.product-link[data-soon=true]:hover{background:transparent}.sidebar-footer{margin-top:auto;padding:.75rem .5rem .25rem;border-top:1px solid var(--line);display:grid;grid-gap:.5rem;gap:.5rem}.account-chip{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-sm);background:var(--paper-sunken)}.account-chip .avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:.78rem}.account-chip .meta{display:grid;line-height:1.2}.account-chip .meta b{font-size:.85rem;font-weight:600}.account-chip .meta span{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);letter-spacing:.04em}.app-main{display:flex;flex-direction:column;min-width:0}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--line);background:rgba(245,246,248,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-topbar .crumbs{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.82rem;color:var(--ink-mute);letter-spacing:.04em}.app-topbar .crumbs a:hover{color:var(--ink)}.app-topbar .crumbs .sep{color:var(--line-strong)}.app-topbar .crumbs .current{color:var(--ink);font-weight:600}.app-topbar .actions{display:flex;align-items:center;gap:.5rem}.app-content{padding:1.75rem 1.5rem 3rem;max-width:1240px;width:100%}.panel{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 1.75rem 1.85rem;box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.panel-head .titles{display:grid;grid-gap:.35rem;gap:.35rem}.panel-head h1{margin:0;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.6rem,2.6vw,2rem);font-weight:700;line-height:1}.panel-head p{margin:0;color:var(--ink-soft);max-width:56ch;font-size:.96rem;line-height:1.5}.panel-head .eyebrow{margin-bottom:.15rem}.panel-actions{align-items:center}.empty-actions,.panel-actions{display:flex;flex-wrap:wrap;gap:.5rem}.note{margin-top:1rem;padding:.7rem .85rem;border-radius:var(--radius-sm);background:var(--warn-tint);color:#6a4d12;font-size:.88rem;line-height:1.45;border:1px solid rgba(184,132,42,.25)}.note.ok{background:var(--ok-tint);color:#1f5235;border-color:rgba(47,125,79,.25)}.note.muted{background:var(--paper-sunken);color:var(--ink-soft);border-color:var(--line)}.note code{font-family:var(--font-mono);font-size:.84rem;background:rgba(255,255,255,.55);padding:.05rem .3rem;border-radius:4px}.preview-block{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.preview-block h2{margin:0 0 .3rem;font-family:var(--font-display);font-size:1.15rem;letter-spacing:-.02em;font-weight:700}.preview-frame{margin-top:1rem;min-height:120px;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:#0f1218;display:flex;align-items:center;justify-content:center}.widget-list{display:grid;grid-gap:.6rem;gap:.6rem;margin-top:1.5rem}.widget-row{display:grid;grid-template-columns:auto 1fr auto;grid-gap:1rem;gap:1rem;align-items:center;padding:.95rem 1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.widget-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.widget-row .code{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--ink-mute);padding:.3rem .5rem;border-radius:var(--radius-sm);background:var(--paper-sunken)}.widget-row .info{display:grid;grid-gap:.2rem;gap:.2rem}.widget-row .info strong{font-family:var(--font-display);font-size:1.02rem;letter-spacing:-.02em;font-weight:700}.widget-row .info .meta{display:flex;gap:.85rem;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-mute);letter-spacing:.04em}.widget-row .info .meta .badge{padding:.1rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper-raised);color:var(--ink-soft)}.widget-row .info .meta .badge.live{color:var(--ok);border-color:rgba(47,125,79,.3);background:var(--ok-tint)}.widget-row .row-actions{display:flex;gap:.4rem}.editor-shell{display:grid;grid-template-columns:minmax(300px,380px) 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.editor-controls{display:grid;grid-gap:.85rem;gap:.85rem}.editor-section{display:grid;grid-gap:.7rem;gap:.7rem;padding:1rem 1rem 1.05rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised)}.editor-section .section-head-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.editor-section .step{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}.editor-section h3{margin:0;font-family:var(--font-display);font-size:.95rem;letter-spacing:-.02em;font-weight:700}.editor-section .hint{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-mute);letter-spacing:.04em}.editor-field{display:grid;grid-gap:.3rem;gap:.3rem}.editor-field>label{font-size:.78rem;font-weight:600;color:var(--ink-soft);letter-spacing:.02em}.editor-field .field-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);letter-spacing:.03em}.editor-input,.editor-section input[type=datetime-local],.editor-section input[type=text],.editor-section select,.editor-section textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.5rem .65rem;background:var(--paper-raised);font-size:.92rem;transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.editor-input:focus,.editor-section input:focus,.editor-section select:focus,.editor-section textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-gap:0;gap:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--paper-raised)}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-right:1px solid var(--line);background:transparent;padding:.5rem;font-size:.82rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease);display:flex;flex-direction:column;align-items:center;gap:.15rem}.segmented button:last-child{border-right:none}.segmented button:hover{background:var(--paper-sunken);color:var(--ink)}.segmented button[data-active=true]{background:var(--ink);color:#fff}.segmented button[data-active=true] .seg-sub{color:rgba(255,255,255,.7)}.segmented .seg-sub{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--ink-mute);text-transform:uppercase}.swatch-row{display:flex;flex-wrap:wrap;gap:.4rem}.swatch{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);cursor:pointer;position:relative;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.swatch:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.swatch[data-active=true]{box-shadow:0 0 0 2px var(--paper-raised),0 0 0 4px var(--ink)}.color-field{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.5rem;gap:.5rem;align-items:center}.color-field input[type=color]{width:38px;height:34px;padding:0;cursor:pointer}.color-field input[type=color],.color-field input[type=text]{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper-raised)}.color-field input[type=text]{padding:.45rem .55rem;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em}.color-field input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.check-row{display:flex;flex-wrap:wrap;gap:.65rem 1rem}.check-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--ink-soft);cursor:pointer}.check-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.field-with-clear{display:grid;grid-template-columns:1fr auto;grid-gap:.45rem;gap:.45rem;align-items:center}.button-card{display:grid;grid-gap:.55rem;gap:.55rem;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-sunken)}.button-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.editor-section-collapsible{gap:.7rem}.editor-section-collapsible>summary{list-style:none;cursor:pointer}.editor-section-collapsible>summary::-webkit-details-marker{display:none}.editor-section-collapsible>summary:after{content:"▾";font-size:.75rem;color:var(--ink-mute)}.editor-section-collapsible:not([open])>summary:after{content:"▸"}.editor-actions{position:-webkit-sticky;position:sticky;bottom:1rem;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow);flex-wrap:wrap}.editor-actions .status{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft);letter-spacing:.03em}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-mute)}.status-dot.saving{background:var(--warn);animation:spin 1s linear infinite;border-radius:2px}.status-dot.ok{background:var(--ok)}.status-dot.error{background:#c0392b}.editor-actions .buttons{display:flex;gap:.45rem}.editor-preview{position:-webkit-sticky;position:sticky;top:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);overflow:hidden;min-height:320px;display:flex;flex-direction:column}.editor-preview .preview-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--line);background:var(--paper-sunken)}.editor-preview .preview-head .dots{display:flex;gap:.3rem}.editor-preview .preview-head .dots span{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.editor-preview .preview-head .url{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-mute);letter-spacing:.04em}.editor-preview .preview-stage{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;min-height:220px;overflow:hidden;isolation:isolate;transform:translateZ(0);background:linear-gradient(45deg,var(--paper-sunken) 25%,transparent 25%) -10px 0 /20px 20px,linear-gradient(-45deg,var(--paper-sunken) 25%,transparent 25%) -10px 0 /20px 20px,linear-gradient(45deg,transparent 75%,var(--paper-sunken) 75%) 0 0 /20px 20px,linear-gradient(-45deg,transparent 75%,var(--paper-sunken) 75%) 0 0 /20px 20px,var(--paper-raised)}.editor-preview .preview-stage .preview-frame,.editor-preview .preview-stage>*{position:relative;max-width:100%;min-height:140px}.editor-preview .preview-stage .preview-frame{outline:1px solid var(--line);background:var(--paper);box-shadow:0 0 0 8px transparent}.editor-preview .preview-stage .preview-frame [data-dxd-preview]{position:relative;width:100%;min-height:140px;overflow:hidden;transform:translateZ(0)}.breakpoint-bar{display:flex;gap:.35rem;padding:.55rem .85rem;border-bottom:1px solid var(--line);background:var(--paper-raised);flex-wrap:wrap}.breakpoint-bar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--paper);color:var(--ink-mute);border-radius:var(--radius-sm);padding:.28rem .65rem;font:inherit;font-size:.78rem;cursor:pointer}.breakpoint-bar button[data-active=true]{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--paper))}.preview-frame{position:relative;margin-inline:auto}.preview-hidden-badge{position:absolute;top:.5rem;right:.5rem;z-index:2;padding:.2rem .5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 72%,transparent);color:#fff;font-size:.72rem;letter-spacing:.02em;pointer-events:none}.placement-bp-hint{margin-bottom:.65rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.editor-preview .preview-foot{padding:.75rem .85rem;border-top:1px solid var(--line);background:var(--paper-raised);display:grid;grid-gap:.4rem;gap:.4rem}.snippet-box{margin:0;padding:.85rem .95rem;border-radius:var(--radius-sm);background:var(--ink);color:#e8eef2;font-family:var(--font-mono);font-size:.76rem;line-height:1.5;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.snippet-box .copy{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;color:var(--ink-mute);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.15);background:transparent;color:#e8eef2;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;padding:.2rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.copy-btn:hover{background:rgba(255,255,255,.08)}.docs{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.docs h1{margin:.5rem 0 1rem;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:-.035em;line-height:1}.docs h1,.docs h2{font-family:var(--font-display);font-weight:700}.docs h2{margin:2rem 0 .6rem;font-size:1.25rem;letter-spacing:-.02em}.docs p{margin:0 0 .85rem;color:var(--ink-soft);line-height:1.6}.docs li code,.docs p code{font-family:var(--font-mono);font-size:.84rem;background:var(--paper-sunken);padding:.05rem .35rem;border-radius:4px;color:var(--ink)}.docs ol,.docs ul{margin:0 0 1rem;padding-left:1.25rem;color:var(--ink-soft);line-height:1.6}.docs .snippet-box{margin:.5rem 0 1.25rem}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:.85rem;gap:.85rem;margin-top:1.5rem}.workspace-card{display:grid;grid-gap:.5rem;gap:.5rem;padding:1.4rem 1.35rem 1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-raised);transition:border-color .12s var(--ease),box-shadow .12s var(--ease),transform .12s var(--ease);text-decoration:none}.workspace-card:hover{border-color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px)}.workspace-card .card-code{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.workspace-card h3{margin:.2rem 0 .4rem;font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em;font-weight:700}.workspace-card p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.5}.workspace-card .card-foot{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-mute);letter-spacing:.06em}.workspace-card .card-foot .status-pill{padding:.15rem .45rem;border-radius:var(--radius-sm);background:var(--ok-tint);color:var(--ok);border:1px solid rgba(47,125,79,.25)}.workspace-card .card-foot .status-pill.soon{background:var(--paper-sunken);color:var(--ink-mute);border-color:var(--line)}@media (max-width:980px){.editor-shell{grid-template-columns:1fr}.editor-preview{position:static;min-height:240px}}@media (max-width:900px){.hero{min-height:unset;padding-top:1.5rem;gap:2rem}.feature-grid,.hero,.pricing-row{grid-template-columns:1fr}.feature-grid{border-left:none}.feature{border-right:none}.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.panel-head{flex-direction:column;align-items:flex-start}}