@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_b792f8f7-module__HCtePq__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_b792f8f7-module__HCtePq__variable{--font-body:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_12c0bff1-module__DZILDW__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_12c0bff1-module__DZILDW__variable{--font-heading:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:var(--font-body), ui-sans-serif, system-ui, sans-serif;--font-display:var(--font-heading), var(--font-sans);--bg-base:#f4f6fc;--bg-elevated:#fff;--bg-muted:#eef2fa;--bg-glass:#ffffffb8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#0f172a14;--border-strong:#0f172a1f;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-glow:#4f46e538;--square:#006aff;--square-soft:#e8f2ff;--flow:#0d9488;--flow-soft:#ccfbf1;--success:#059669;--success-soft:#d1fae5;--warning:#d97706;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 12px 32px #0f172a14;--shadow-lg:0 24px 64px #0f172a1f;--shadow-glow:0 0 0 1px #4f46e514, 0 20px 48px var(--accent-glow);--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease-out:cubic-bezier(.22, 1, .36, 1);--transition:.18s var(--ease-out)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background:radial-gradient(ellipse 80% 50% at 50% -20%, #6366f12e, transparent), radial-gradient(ellipse 60% 40% at 100% 0%, #0ea5e91f, transparent), radial-gradient(ellipse 50% 30% at 0% 100%, #0d94881a, transparent), var(--bg-base);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--accent-hover)}.site-header{z-index:50;border-bottom:1px solid var(--border);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);position:sticky;top:0}.site-header__inner,.page-shell{width:min(1120px,100% - 48px);margin-inline:auto}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand__logo{object-fit:contain;width:auto;height:40px;display:block}.brand__text strong{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(120deg, var(--square) 0%, var(--accent) 45%, var(--flow) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700;display:block}.header-badge{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.header-badge__dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.55}}.page-shell{padding:40px 0 80px}.hero{gap:40px;margin-bottom:48px;display:grid}@media (min-width:900px){.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px}}.hero__content{animation:fade-up .7s var(--ease-out) both}.hero__eyebrow{background:linear-gradient(90deg, var(--accent-soft), #f0f9ff);color:var(--accent-hover);letter-spacing:.04em;text-transform:uppercase;border:1px solid #4f46e526;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 12px 6px 8px;font-size:12px;font-weight:700;display:inline-flex}.hero__eyebrow svg{flex-shrink:0}.hero h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(2.25rem,5vw,3.35rem);font-weight:800;line-height:1.08}.hero h1 .gradient-text{background:linear-gradient(120deg, var(--square) 0%, var(--accent) 45%, var(--flow) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:52ch;color:var(--text-secondary);margin:0 0 28px;font-size:1.05rem;line-height:1.7}.hero__stats{flex-wrap:wrap;gap:12px;display:flex}.stat-chip{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;min-width:120px;padding:14px 18px;display:flex}.stat-chip strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.25rem}.stat-chip span{color:var(--text-muted);font-size:12px;font-weight:600}.hero__steps{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-md);animation:fade-up .7s var(--ease-out) .12s both;padding:28px}.hero__steps h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 20px;font-size:1rem;font-weight:700}.step-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.step-item{border-radius:var(--radius-md);transition:background var(--transition);grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:14px;display:grid}.step-item:hover{background:var(--bg-muted)}.step-item__num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.step-item__num--square{background:var(--square-soft);color:var(--square)}.step-item__num--flow{background:var(--flow-soft);color:var(--flow)}.step-item strong{margin-bottom:4px;font-size:14px;display:block}.step-item p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.console{animation:fade-up .7s var(--ease-out) .2s both;gap:24px;display:grid}.console-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-md);overflow:hidden}.console-card:focus-within{box-shadow:var(--shadow-glow)}.console-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 0;display:flex}.console-card__header h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 6px;font-size:1.35rem;font-weight:700}.console-card__header p{color:var(--text-muted);margin:0;font-size:14px}.console-card__body{gap:20px;padding:24px 28px 28px;display:grid}.console-divider{background:var(--border);height:1px;margin:0 28px}.alert{border-radius:var(--radius-md);animation:fade-in .35s var(--ease-out);align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert--info{background:linear-gradient(135deg, var(--accent-soft), #f0f9ff);color:#3730a3;border:1px solid #4f46e52e}.alert--success{background:var(--success-soft);color:#065f46;border:1px solid #0596692e}.alert--error{background:var(--danger-soft);color:#991b1b;border:1px solid #dc26262e}.field{gap:8px;display:grid}.field label{color:var(--text-primary);font-size:13px;font-weight:600}.field input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);padding:12px 14px}.field input::placeholder{color:#94a3b8}.field input:hover{border-color:#0f172a2e}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);outline:none}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background var(--transition), opacity var(--transition);border:0;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;box-shadow:0 8px 24px var(--accent-glow)}.btn--primary:hover:not(:disabled){box-shadow:0 12px 28px #4f46e552}.btn--square{background:linear-gradient(135deg, var(--square), #3b82f6);color:#fff;box-shadow:0 8px 24px #006aff38}.btn--secondary{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-muted)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn--danger{background:var(--danger-soft);color:var(--danger);border:1px solid #dc262633}.btn--danger:hover:not(:disabled){background:#fecaca}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.status-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.status-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--bg-elevated), var(--bg-muted));padding:20px;position:relative;overflow:hidden}.status-card:before{content:"";background:var(--border-strong);width:100%;height:3px;position:absolute;inset:0 auto auto 0}.status-card--connected:before{background:linear-gradient(90deg, var(--success), #34d399)}.status-card--square:before{background:linear-gradient(90deg, var(--square), #60a5fa)}.status-card--flow:before{background:linear-gradient(90deg, var(--flow), #2dd4bf)}.status-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.status-card__icon{border-radius:12px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.status-card__icon--square{background:var(--square-soft)}.status-card__icon--flow{background:var(--flow-soft)}.status-card__icon--sync{background:var(--accent-soft)}.status-card__title{font-family:var(--font-display);flex:1;font-size:15px;font-weight:700}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.badge--neutral{color:#475569;background:#e2e8f0}.badge--success{background:var(--success-soft);color:var(--success)}.status-card__rows{gap:12px;display:grid}.status-row{gap:4px;display:grid}.status-row span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.status-row code{color:var(--text-primary);word-break:break-all;font-family:ui-monospace,Cascadia Code,SF Mono,monospace;font-size:12px;line-height:1.45}.sf-section{padding:28px}.sf-section__head{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.sf-section__icon{background:var(--flow-soft);width:44px;height:44px;color:var(--flow);border-radius:14px;place-items:center;font-size:20px;display:grid}.sf-section h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 4px;font-size:1.2rem;font-weight:700}.sf-section p{color:var(--text-muted);margin:0;font-size:14px}.sf-form{gap:18px;display:grid}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:56px;padding-top:24px;font-size:13px}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.site-header__inner,.page-shell{width:calc(100% - 32px)}.console-card__header,.console-card__body,.sf-section{padding-inline:20px}.console-divider{margin-inline:20px}}
