:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;color:#172033;font:inherit}textarea{resize:vertical}select{border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;color:#172033;font:inherit}label{display:grid;gap:7px;color:#334155;font-size:13px;font-weight:700}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#101827;color:#e6edf7;padding:24px 18px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#2dd4bf;color:#09201d;font-weight:800}.brand strong,.brand span{display:block}.brand span{color:#9fb0c5;font-size:13px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:#b8c4d6;text-decoration:none;font-size:14px}nav a.active,nav a:hover{background:#1f2a3d;color:#fff}.main-panel{padding:28px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{color:#0f766e;font-size:12px;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{margin-top:4px;font-size:28px}h2{font-size:18px}p{color:#64748b;margin-top:6px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:0;border-radius:6px;cursor:pointer;font-weight:700}.public-shell{--pf-ink: #0e1024;--pf-primary: #4f46e5;--pf-primary-dark: #3730a3;--pf-primary-soft: #eef2ff;--pf-accent: #d97706;--pf-warm: #f2664f;--pf-warm-soft: #fdece8;--pf-muted: #64748b;--pf-border: #e4e9f2;--pf-surface: #ffffff;--pf-bg: #f7f8fc;min-height:100vh;background:var(--pf-bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.public-shell h1,.public-shell h2,.public-shell h3,.public-shell .brand strong,.public-shell strong{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}.public-shell .brand-mark{border-radius:10px;background:var(--pf-primary);color:#fff}.public-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(120px,1fr);align-items:center;gap:18px;padding:14px 32px;border-bottom:1px solid var(--pf-border);background:#f7f8fcdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.public-brand{display:inline-flex;align-items:center;gap:12px;color:var(--pf-ink);text-decoration:none}.public-brand strong,.public-brand span{display:block}.public-brand strong{font-size:16px;letter-spacing:-.01em}.public-brand span{color:var(--pf-muted);font-size:12.5px}.public-nav{display:flex;align-items:center;gap:4px}.public-nav a{padding:8px 12px;border-radius:7px;color:#3f4a63;font-size:14.5px;font-weight:600;text-decoration:none;transition:background-color .15s ease,color .15s ease}.public-nav a:hover{background:#4f46e512;color:var(--pf-primary)}.public-nav a.active{background:var(--pf-primary-soft);color:var(--pf-primary)}.public-header>.primary-button{justify-self:end;text-decoration:none}.public-shell .primary-button{background:var(--pf-primary);color:#fff;border-radius:8px;box-shadow:0 1px 2px #14142b0f;transition:background-color .15s ease,transform .1s ease}.public-shell .primary-button:hover{background:var(--pf-primary-dark)}.public-shell .primary-button:active{transform:translateY(1px)}.public-shell .secondary-button{background:#fff;color:var(--pf-ink);border:1px solid var(--pf-border);border-radius:8px;transition:border-color .15s ease,background-color .15s ease}.public-shell .secondary-button:hover{border-color:#c7cfe0;background:#fbfbfe}.public-shell .eyebrow{color:var(--pf-primary);letter-spacing:.06em}.public-page{display:grid;gap:56px}.public-hero{position:relative;min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:34px;padding:48px 32px 64px;overflow:hidden;background-image:radial-gradient(720px 480px at 12% 8%,rgba(99,102,241,.28),transparent 60%),radial-gradient(640px 520px at 88% 82%,rgba(242,102,79,.16),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%236366f1' stroke-width='1.5' stroke-dasharray='2 11' stroke-linecap='round' opacity='0.4'%3E%3Cpath d='M-50 620 C 250 480, 550 700, 880 420 S 1350 300 1700 380'/%3E%3Cpath d='M-50 180 C 300 320, 650 60, 1000 220 S 1450 120 1700 200'/%3E%3C/g%3E%3Cg fill='none' stroke='%23f2664f' stroke-width='1.5' stroke-dasharray='2 11' stroke-linecap='round' opacity='0.26'%3E%3Cpath d='M1700 760 C 1400 640, 1100 820, 780 600 S 250 520 -50 640'/%3E%3C/g%3E%3Cg fill='%236366f1' opacity='0.7'%3E%3Ccircle cx='880' cy='420' r='4'/%3E%3Ccircle cx='1000' cy='220' r='4'/%3E%3C/g%3E%3Cg fill='%23f2664f' opacity='0.55'%3E%3Ccircle cx='780' cy='600' r='4'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#07070f,#0d0e22 46%,#101132);background-size:auto,auto,cover,auto;background-position:0 0,0 0,center,0 0;background-repeat:no-repeat}.public-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.public-hero-overlay{position:relative;z-index:1;max-width:680px;color:#fff}.public-hero-overlay .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c7cbfa;padding:6px 12px;border-radius:999px;border:1px solid rgba(165,180,252,.28);background:#6366f11f}.public-hero h1{margin-top:18px;font-size:clamp(46px,6.6vw,82px);font-weight:800;line-height:1.02;letter-spacing:-.02em}.public-hero p{max-width:620px;margin-top:22px;color:#c6cbe0;font-size:18.5px;line-height:1.7}.public-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.public-actions a{text-decoration:none}.product-preview{position:relative;min-height:480px;overflow:hidden;border-radius:16px;padding:10px 10px 26px;background:linear-gradient(165deg,#1c1e3a,#0e0f22);box-shadow:0 40px 110px #00000080,0 0 0 1px #ffffff0f inset;transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg)}.product-preview:before{content:"";position:absolute;left:50%;bottom:10px;width:46px;height:4px;border-radius:999px;background:#ffffff24;transform:translate(-50%)}.preview-topbar{display:flex;gap:7px;padding:12px 14px;border-radius:8px 8px 0 0;background:#e2e8f0}.preview-topbar span{width:10px;height:10px;border-radius:999px;background:#94a3b8}.preview-shell{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:440px;overflow:hidden;border-radius:0 0 8px 8px}.preview-shell aside{display:grid;align-content:start;gap:12px;padding:20px;background:#101827;color:#e6edf7}.preview-shell aside span{padding:8px 10px;border-radius:6px;color:#b8c4d6}.preview-shell section{display:grid;gap:18px;padding:22px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-metrics span,.preview-table{border:1px solid #dbe4ef;border-radius:8px;background:#fff}.preview-metrics span{display:grid;gap:6px;min-height:86px;padding:14px;color:#64748b}.preview-metrics strong{color:#172033;font-size:24px}.preview-chart{display:flex;align-items:end;gap:12px;height:160px;padding:18px;border:1px solid #dbe4ef;border-radius:8px;background:#fff}.preview-chart i{flex:1;min-width:18px;border-radius:6px 6px 0 0;background:#4f46e5}.preview-table{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;overflow:hidden}.preview-table span,.preview-table em{padding:12px 14px;border-bottom:1px solid #e2e8f0;font-style:normal}.preview-table em{color:#166534;font-weight:800}.public-section{width:min(1160px,calc(100% - 48px));margin:0 auto}.section-heading{max-width:760px;margin-bottom:24px}.section-heading.centered{max-width:640px;margin-left:auto;margin-right:auto;text-align:center}.section-heading h1,.section-heading h2,.auth-copy h1,.contact-layout h1,.about-grid h1,.legal-layout h1{margin-top:8px;font-size:38px;line-height:1.12;letter-spacing:-.01em;color:var(--pf-ink, #172033)}.section-heading p,.auth-copy p,.contact-layout p,.about-grid p{font-size:16px;line-height:1.7}.public-feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.public-feature,.pricing-card,.legal-item,.value-list article,.contact-form{border:1px solid #e4e9f2;border-radius:10px;background:#fff;box-shadow:0 8px 28px #0f172a0d}.public-feature{display:grid;gap:12px;padding:20px;transition:transform .15s ease,box-shadow .15s ease}.public-feature:hover{transform:translateY(-2px);box-shadow:0 14px 34px #4f46e51a}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#eef2ff;color:#4f46e5}.trust-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:8px;align-items:center}.trust-illustration{display:flex;justify-content:center}.trust-illustration svg{width:100%;max-width:300px;height:auto}.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.trust-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e4e9f2;border-radius:10px;background:#fff;box-shadow:0 6px 20px #0f172a0a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.trust-item:hover{transform:translateY(-2px);border-color:#d7ddf5;box-shadow:0 14px 30px #4f46e51a}.trust-item-icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--pf-warm-soft, #fdece8);color:#f2664f}.trust-item span{color:#334155;font-size:15px;line-height:1.6}.value-list svg{color:#4f46e5}.public-feature p{line-height:1.6}.public-band{width:min(1160px,calc(100% - 48px));display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:24px;margin:0 auto 56px;padding:32px;border:1px solid #23264a;border-radius:14px;background:linear-gradient(135deg,#12142e,#191b3c)}.public-band h2{margin-top:8px;color:#fff;font-size:30px}.public-band p{color:#b9beda;line-height:1.7}.public-stat-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public-stat-list span{display:grid;gap:4px;padding:14px;border:1px solid rgba(148,155,219,.18);border-radius:9px;color:#b9beda}.public-stat-list strong{color:#a5b4fc;font-size:26px}.pricing-card{position:relative;display:grid;gap:16px;align-content:start;padding:22px;transition:transform .15s ease,box-shadow .15s ease}.pricing-card.featured{border-color:#4f46e5;box-shadow:0 16px 40px #4f46e529}.pricing-card:hover{transform:translateY(-2px)}.pricing-badge{position:absolute;top:-12px;right:18px;padding:4px 10px;border-radius:999px;background:#4f46e5;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.pricing-detail{color:#4f46e5;font-size:13px;font-weight:800}.pricing-card>strong{font-size:36px}.pricing-card small{color:#64748b;font-size:14px}.pricing-card ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}.pricing-card li{display:flex;gap:8px;align-items:center;color:#334155}.pricing-card svg{color:#4f46e5;flex:0 0 auto}.pricing-card a{text-decoration:none}.faq-grid{display:grid;gap:12px}.faq-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:18px;border:1px solid #e4e9f2;border-radius:10px;background:#fff}.faq-item svg{margin-top:2px;color:#4f46e5}.faq-item strong{display:block;margin-bottom:4px}.faq-item p{margin-top:0;line-height:1.6}.about-grid,.contact-layout,.auth-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:32px;align-items:start;padding-top:56px}.value-list{display:grid;gap:12px}.value-list article{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px 12px;padding:16px}.value-list article span{grid-column:2;color:#64748b;line-height:1.6}.contact-methods{display:grid;gap:10px;margin-top:22px}.contact-methods span{display:flex;gap:10px;align-items:center;color:#334155;font-weight:700}.contact-form{display:grid;gap:14px;padding:20px}.legal-layout{display:grid;gap:14px;padding-top:56px}.legal-item{padding:18px}.legal-item p{line-height:1.7}.auth-page{padding-bottom:56px}.auth-copy{padding-top:30px}.demo-accounts{display:grid;gap:8px;margin-top:24px;padding:16px;border:1px solid #dbe4ef;border-radius:8px;background:#fff}.demo-accounts span{color:#64748b;overflow-wrap:anywhere}.auth-card{width:min(100%,420px);display:grid;gap:16px;padding:24px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;box-shadow:0 12px 34px #0f172a14}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand strong,.auth-brand span{display:block}.auth-brand span{color:#64748b;font-size:13px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:#e2e8f0}.segmented button{border:0;border-radius:6px;padding:9px;background:transparent;cursor:pointer;font-weight:700}.segmented button.selected{background:#fff}.public-footer{width:min(1160px,calc(100% - 48px));display:flex;gap:18px;align-items:center;justify-content:space-between;margin:56px auto 0;padding:24px 0 34px;border-top:1px solid #e4e9f2;color:#64748b}.public-footer-brand{display:flex;align-items:center;gap:10px}.public-footer-brand span{color:#172033;font-weight:800;font-family:Manrope,Inter,sans-serif}.public-footer-links{display:flex;align-items:center;gap:20px}.public-footer-links a{display:inline-flex;align-items:center;gap:5px;color:#64748b;text-decoration:none;font-size:14px}.public-footer-links a:hover{color:#4f46e5}.form-error{color:#b91c1c;font-weight:700}.primary-button{background:#2563eb;color:#fff}.secondary-button{background:#e2e8f0;color:#172033}.page-stack{display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.panel{background:#fff;border:1px solid #dbe4ef;border-radius:8px;box-shadow:0 8px 28px #0f172a0d}.metric-card{position:relative;min-height:126px;padding:18px}.metric-card span,.metric-card small{color:#64748b}.metric-card strong{display:block;margin-top:8px;font-size:28px}.metric-card svg{position:absolute;right:18px;top:18px;color:#0f766e}.metric-card small{position:absolute;bottom:18px;left:18px}.panel{padding:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{min-width:180px}.member-picker{margin-bottom:14px}.secret-box{display:grid;gap:8px;margin-bottom:16px;padding:12px;border:1px solid #facc15;border-radius:6px;background:#fefce8}.secret-box code{overflow-wrap:anywhere}.dns-record-warning{margin:0;padding:8px 10px;border:1px solid #fcd34d;border-radius:6px;background:#fffbeb;color:#92400e;font-size:12.5px;font-weight:600;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.template-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.segment-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.template-list{position:sticky;top:20px}.template-list-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:12px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc;color:#172033;cursor:pointer;text-align:left}.template-list-item.selected{border-color:#2563eb;background:#eff6ff}.template-list-item span,.template-list-item strong,.template-list-item small{display:block;min-width:0}.template-list-item small{overflow:hidden;color:#64748b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.code-textarea{font-family:Cascadia Code,Consolas,monospace;font-size:13px}.preview-frame{min-height:160px;padding:18px;border:1px solid #dbe4ef;border-radius:6px;background:#fff}.full-span{grid-column:1 / -1}.form-result{align-self:center;color:#0f766e;font-weight:700}.compact-form{margin-bottom:18px}.separated-list{margin-top:18px}.field-value-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.field-value-list span{padding:8px 10px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc;color:#334155;font-size:13px}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer}.event-list{display:grid;gap:10px}.event-item{display:grid;gap:4px;padding:12px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc}.event-item span,.event-item small{color:#64748b}.chart-box{height:260px}.analytics-chart{height:340px}.small-chart{height:280px}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-billing-card{align-items:start}.admin-billing-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.admin-create-plan{margin-top:16px}.checklist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.checklist span{min-height:66px;padding:14px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc;color:#334155;font-weight:600}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.usage-meter{display:grid;gap:10px;padding:14px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc}.usage-meter div:first-child{display:flex;justify-content:space-between;gap:12px}.usage-meter span{color:#64748b;font-size:13px}.usage-track{overflow:hidden;height:8px;border-radius:999px;background:#dbe4ef}.usage-track span{display:block;height:100%;border-radius:inherit;background:#0f766e}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:14px}tbody tr{cursor:pointer}.selected-row td{background:#eff6ff}th{color:#64748b;font-weight:700}.status{display:inline-flex;padding:4px 9px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:700;font-size:12px}.card-list{display:grid;gap:12px}.row-card{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc}.row-card strong,.row-card span{display:block}.row-card span,.row-card small{color:#64748b;font-size:13px}.empty-panel{min-height:260px;display:grid;place-content:center;text-align:center}@media (max-width: 940px){.app-shell{grid-template-columns:1fr}.public-header{grid-template-columns:1fr;justify-items:start}.public-nav{flex-wrap:wrap}.public-header>.primary-button{justify-self:start}.public-hero,.public-band,.about-grid,.contact-layout,.auth-layout,.trust-layout{grid-template-columns:1fr}.trust-illustration svg{max-width:180px}.product-preview{min-height:380px;transform:none}.public-feature-grid,.pricing-grid,.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.checklist,.usage-grid,.two-column-grid,.admin-billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-layout,.segment-layout{grid-template-columns:1fr}.template-list{position:static}}@media (max-width: 620px){.main-panel{padding:18px}.public-header{padding:14px 18px}.public-page{gap:38px}.public-hero{min-height:auto;padding:34px 18px 42px}.public-hero h1{font-size:44px}.public-section,.public-band,.public-footer{width:min(100% - 32px,1160px)}.public-feature-grid,.pricing-grid,.trust-grid,.preview-metrics,.public-stat-list,.preview-shell{grid-template-columns:1fr}.preview-shell aside{display:none}.product-preview{min-height:330px}.section-heading h1,.section-heading h2,.auth-copy h1,.contact-layout h1,.about-grid h1,.legal-layout h1{font-size:30px}.public-footer,.topbar,.panel-header{align-items:flex-start;flex-direction:column}.metric-grid,.checklist,.form-grid,.usage-grid,.two-column-grid,.admin-billing-grid{grid-template-columns:1fr}nav{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column;width:100%}}