@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #07090e;--bg-soft: #0c1018;--panel: rgba(16, 20, 29, .92);--panel-strong: rgba(18, 23, 34, .98);--text: #f5f7fb;--muted: #92a0b7;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--primary: #ff3d7f;--primary-strong: #ff5a91;--accent: #ffb22d;--blue: #4b8dff;--green: #35d39c;--shadow: 0 28px 100px rgba(0, 0, 0, .52);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,61,127,.16),transparent 24%),radial-gradient(circle at 80% 10%,rgba(255,178,45,.14),transparent 18%),linear-gradient(180deg,#06070b,#07090e 35%,#050608);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}code,pre{font-family:IBM Plex Mono,monospace}.site-shell{position:relative;min-height:100vh;isolation:isolate}.site-backdrop{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:62px 62px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 88%);opacity:.22}.site-backdrop:before,.site-backdrop:after{content:"";position:absolute;border-radius:999px;filter:blur(96px)}.site-backdrop:before{left:-8vw;top:12vh;width:30vw;height:30vw;background:#ff3d7f29}.site-backdrop:after{right:-10vw;top:24vh;width:24vw;height:24vw;background:#ffb22d24}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;padding:12px 16px;background:linear-gradient(180deg,#05070bd1,#05070b2e);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar-shell{width:min(var(--container),100%);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:58px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:0 20px 50px #00000059}.brand-lockup{display:inline-flex;align-items:center;gap:12px}.brand-mark{width:29px;height:29px;object-fit:contain}.brand-wordmark{display:inline-flex;align-items:baseline;gap:6px}.brand-lockup strong{display:inline-block;font-size:1.12rem;line-height:1}.brand-lockup em{display:inline-block;font-style:normal;font-size:1.12rem;color:var(--primary);font-weight:500}.topnav{display:inline-flex;align-items:center;gap:22px;justify-self:center;margin:0 auto}.topnav a{color:var(--muted);font-size:.88rem;font-weight:600;transition:color .15s ease}.topnav a:hover{color:var(--text)}.cta-button,.ghost-button,.copy-button,.text-pill{border:0;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.95rem 1.35rem;border-radius:999px;background:linear-gradient(135deg,var(--primary),#ff5a5a);color:#fff;font-weight:700;box-shadow:0 14px 40px #ff3d7f3d}.cta-button:hover{transform:translateY(-1px)}.cta-button--top{justify-self:end}.topbar-shell .cta-button--top{padding:.68rem .98rem;font-size:.82rem;box-shadow:none}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.92rem 1.25rem;border-radius:999px;color:var(--text);background:#ffffff0a;border:1px solid var(--border)}.ghost-button:hover{background:#ffffff14;border-color:var(--border-strong)}.text-pill{padding:.72rem 1rem;border-radius:999px;background:#ffffff0a;color:var(--muted);border:1px solid var(--border)}.panel{background:linear-gradient(180deg,#151a27f5,#0c1018f5);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.panel--hero{display:none}main{width:min(var(--container),calc(100% - 32px));margin:0 auto;padding:112px 0 72px}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;text-align:center;padding:24px 0 0}.hero-copy{align-self:center;display:flex;flex-direction:column;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:.55rem .85rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);font-size:.84rem;font-weight:700;letter-spacing:.02em}.hero-copy h1{margin:20px 0 0;font-size:clamp(3rem,7vw,6.3rem);line-height:.94;letter-spacing:-.06em;max-width:9ch}.hero-copy h1 span{display:block;margin-top:.22em;background:linear-gradient(90deg,#fff,#ff7bac 35%,#ffb22d 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:58ch;margin:18px 0 0;color:var(--muted);font-size:1.18rem;line-height:1.62}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}.mini-bars span,.snippet-head,.download-panel,.brand-notes,.ui-strip,.closing-panel,.preview-card,.token-card,.component-card,.app-card,.logo-card{position:relative}.hero-preview{width:min(860px,100%);margin:0 auto;min-width:0;padding:18px}.navbar-preset-grid,.copy-blocks-grid,.icon-wall,.component-lab-grid,.auth-grid,.auth-steps-grid{display:grid;gap:18px}.auth-grid{grid-template-columns:1.15fr .85fr}.auth-card{padding:24px}.auth-card--primary{background:radial-gradient(circle at 12% 0,rgba(255,61,127,.16),transparent 35%),linear-gradient(180deg,#151a27f5,#0c1018f5)}.auth-card h3,.auth-step-card h3{margin:8px 0 0;font-size:1.42rem}.auth-card p,.auth-step-card p{margin:10px 0 0;color:var(--muted);line-height:1.7}.auth-cta-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.auth-link-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.auth-link-list .copy-button{justify-content:flex-start}.auth-steps-grid{margin-top:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.auth-step-card{padding:18px}.navbar-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar-card{padding:16px}.navbar-card-shell{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.navbar-card-brand{display:inline-flex;align-items:center;gap:6px}.navbar-card-brand img{width:20px;height:20px}.navbar-card-brand strong{font-size:.98rem}.navbar-card-brand span{color:var(--primary);font-size:.88rem}.navbar-card-links{display:inline-flex;flex-wrap:wrap;gap:8px}.navbar-card-links span{font-size:.76rem;padding:.26rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.navbar-card-cta{border:0;border-radius:10px;background:linear-gradient(135deg,var(--primary),#ff5a5a);color:#fff;font-weight:700;padding:.58rem .8rem}.icon-toolbar{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px}.icon-toolbar h3{margin:6px 0 0;font-size:1.3rem;letter-spacing:-.02em}.icon-toolbar p{margin:10px 0 0;color:var(--muted)}.icon-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-card{padding:18px}.icon-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--primary);border:1px solid rgba(255,61,127,.3);background:#ff3d7f24}.icon-card h3{margin:12px 0 0}.icon-card p{margin:8px 0 12px;color:var(--muted)}.component-lab-grid{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.component-lab-card{padding:22px}.component-lab-card h3{margin:8px 0 0}.component-lab-card .copy-button{margin-top:12px}.mini-form{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.mini-form input{flex:1 1 220px;min-height:44px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:0 12px}.mini-form input::placeholder{color:var(--muted)}.mini-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-stats div{border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff08}.mini-stats strong{display:block;font-size:1.35rem}.mini-stats span{display:block;margin-top:4px;font-size:.78rem;color:var(--muted)}.copy-blocks-grid{margin-bottom:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-card{overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#11151eeb,#0d1119f5)}.preview-card--main{min-height:420px;background:radial-gradient(circle at 22% 12%,rgba(255,61,127,.2),transparent 22%),radial-gradient(circle at 80% 22%,rgba(255,178,45,.16),transparent 18%),linear-gradient(180deg,#10131cfa,#0a0d13fa)}.window-bar{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.window-bar span{width:11px;height:11px;border-radius:999px;background:#fff3}.window-bar p{margin:0 0 0 8px;color:var(--muted);font-size:.8rem}.preview-body{padding:28px}.preview-body pre,.snippet-card pre,.code-surface pre{text-align:left;white-space:pre;overflow:auto}.snippet-switcher{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.switch-pill{border:1px solid var(--border);border-radius:999px;background:#ffffff0a;color:var(--muted);font-size:.78rem;font-weight:700;padding:.5rem .8rem;cursor:pointer}.switch-pill.is-active{color:var(--text);border-color:#ff3d7f85;background:#ff3d7f2e}.copy-button--hero{margin-top:14px}.preview-badge,.micro-label{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.preview-body h2,.brand-notes h3,.section-title h2,.component-card h3,.logo-card h3,.app-card h3,.snippet-card h3,.closing-panel h2{margin:0;letter-spacing:-.05em}.preview-body h2{margin-top:18px;font-size:clamp(2rem,4vw,3rem);line-height:.95}.preview-body p{margin:14px 0 0;color:var(--muted);line-height:1.7}.mini-bars{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.mini-bars span{padding:.55rem .7rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--text);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.component-card h3,.logo-card h3,.app-card h3,.snippet-card h3,.brand-notes h3{font-size:1.3rem;margin-top:14px}.logo-card p,.component-card p,.app-card p,.brand-notes p,.snippet-card p,.download-panel p,.closing-panel p{margin:10px 0 0;color:var(--muted);line-height:1.7}.mini-accent,.app-accent{width:100%;height:8px;border-radius:999px}.section-stack{margin-top:34px;padding:34px 0 0}.section-stack--split,.token-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:24px}.section-stack--single{padding-bottom:0}.token-column{min-width:0}.section-title{max-width:680px;margin-bottom:18px}.eyebrow--section{margin-bottom:18px}.section-title h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:.98}.section-title p{margin:16px 0 0;max-width:62ch;color:var(--muted);line-height:1.7}.logo-grid,.token-grid,.component-grid,.app-grid,.snippet-grid{display:grid;gap:18px}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-card{padding:20px}.logo-stage{min-height:208px;display:grid;place-items:center;border-radius:22px;border:1px solid var(--border);overflow:hidden}.logo-stage--dark{background:linear-gradient(180deg,#020305,#10131a)}.logo-stage--light{background:linear-gradient(180deg,#fff,#f2f4f8)}.logo-stage--mesh{background:radial-gradient(circle at 20% 18%,rgba(255,61,127,.28),transparent 22%),radial-gradient(circle at 82% 24%,rgba(255,178,45,.24),transparent 22%),linear-gradient(135deg,#10131a,#171d28)}.logo-stage img{width:min(180px,54%);object-fit:contain;filter:drop-shadow(0 16px 30px rgba(0,0,0,.3))}.brand-notes{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:18px;padding:24px 26px}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.token-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px}.swatch{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff29}.token-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.token-head code,.type-row code{color:var(--muted);font-size:.78rem}.type-scale{padding:22px}.type-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}.type-row:last-child{border-bottom:0}.type-row span{color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.type-row strong{display:block;line-height:1.12;letter-spacing:-.05em}.type-row code{display:inline-block;margin-top:10px}.type-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.type-card{padding:20px}.type-card h3{margin:8px 0 0;line-height:1.05;letter-spacing:-.03em}.type-card p{margin:12px 0 0;color:var(--muted)}.component-grid,.app-grid,.snippet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.snippet-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.component-card,.app-card,.snippet-card{padding:22px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.code-surface{padding:20px;margin-top:18px}.code-surface h3{margin:6px 0 0}.app-card a{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#ffd1df;font-weight:700}.snippet-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.copy-button{display:inline-flex;align-items:center;gap:8px;padding:.7rem .9rem;border-radius:999px;background:#ffffff0d;color:var(--text);border:1px solid var(--border)}.copy-button:hover{background:#ffffff14}.snippet-card pre{overflow:auto;margin:18px 0 0;padding:18px;border-radius:18px;background:#091017;border:1px solid rgba(255,255,255,.06);color:#cfe0ff;line-height:1.7;font-size:.88rem}.code-surface pre{margin:14px 0 0;padding:16px;border-radius:14px;background:#091017;border:1px solid rgba(255,255,255,.06);color:#cfe0ff;line-height:1.7;font-size:.88rem}.download-panel,.ui-strip,.closing-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;margin-top:18px}.button-samples{display:flex;flex-wrap:wrap;gap:10px}.closing-panel{flex-direction:column;align-items:start}.closing-panel h2{font-size:clamp(2rem,4vw,3.5rem);line-height:.98}@media(max-width:1080px){.panel--hero,.section-stack--split,.token-layout{grid-template-columns:1fr}.brand-notes,.download-panel,.ui-strip{flex-direction:column;align-items:start}.logo-grid,.navbar-preset-grid,.icon-wall,.auth-steps-grid,.type-cards,.component-grid,.app-grid,.copy-blocks-grid,.snippet-grid,.snippet-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-grid,.token-grid{grid-template-columns:1fr}}@media(max-width:840px){.topbar{padding:10px}.topbar-shell{grid-template-columns:auto 1fr;gap:12px;min-height:52px}.topnav{display:none}.cta-button--top{justify-self:end}.logo-grid,.navbar-preset-grid,.icon-wall,.auth-grid,.auth-steps-grid,.type-cards,.component-grid,.app-grid,.component-lab-grid,.copy-blocks-grid,.snippet-grid,.snippet-grid--compact{grid-template-columns:1fr}.icon-toolbar{flex-direction:column;align-items:flex-start}.mini-stats{grid-template-columns:1fr}.type-row{grid-template-columns:1fr;gap:10px}main{width:min(var(--container),calc(100% - 22px));padding-top:20px}.logo-card,.component-card,.app-card,.snippet-card,.download-panel,.ui-strip,.closing-panel{padding:18px}.hero-copy h1{max-width:9.5ch}.hero-preview{padding:10px}}@media(max-width:560px){.brand-lockup em{display:none}.topbar-shell .cta-button--top{padding:.66rem .95rem;font-size:.82rem}.navbar-card-shell{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.9rem,15vw,4.5rem)}.section-title h2,.closing-panel h2{font-size:clamp(1.9rem,10vw,3rem)}.hero-copy p,.section-title p,.brand-notes p,.component-card p,.logo-card p,.app-card p,.snippet-card p,.closing-panel p{font-size:.98rem}}