:root{--cf-orange:#f6821f;--cf-orange-dark:#d4601a;--cf-orange-light:#fff4ec;--cf-blue:#0051c3;--cf-blue-light:#e8f0fe;--cf-dark:#1d1d1f;--cf-mid:#404040;--cf-muted:#6e6e6e;--cf-border:#e5e5e5;--cf-bg:#f5f5f7;--cf-card:#fff;--cf-success:#00a550;--cf-success-light:#e6f6ee;--cf-warning:#f59e0b;--cf-warning-light:#fef9ec;--cf-danger:#ef4444;--cf-danger-light:#fef2f2;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f,0 4px 16px #0000000f;--shadow-lg:0 8px 32px #0000001f;--transition:150ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px;scroll-behavior:smooth}body{background:#f5f5f7;background:var(--cf-bg);color:#1d1d1f;color:var(--cf-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font:inherit}code,pre{font-family:SF Mono,Fira Code,Consolas,Courier New,monospace;font-size:.875em}pre{background:#1e1e2e;border-radius:8px;border-radius:var(--radius-sm);color:#cdd6f4;line-height:1.7;overflow-x:auto;padding:1rem 1.25rem}code{background:#f0f0f0;border-radius:4px;color:#d4601a;color:var(--cf-orange-dark);padding:.1em .4em}pre code{background:none;color:inherit;padding:0}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.portal{display:flex;flex-direction:column;min-height:100vh}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid var(--cf-border);height:60px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav,.nav-brand{align-items:center;display:flex}.nav-brand{color:var(--cf-dark);font-size:1.05rem;font-weight:700;gap:.625rem}.nav-brand .cf-logo{height:28px;width:28px}.nav-links{gap:.25rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--cf-muted);font-size:.875rem;font-weight:500;gap:.4rem;padding:.35rem .75rem;transition:color var(--transition),background var(--transition)}.nav-link:hover{background:var(--cf-border);color:var(--cf-dark)}.nav-link.active{background:var(--cf-orange-light);color:var(--cf-orange)}.nav-badge{background:var(--cf-orange);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.02em;padding:.1rem .4rem}.hero{background:linear-gradient(135deg,#0d1117,#1a1f2e 50%,#0d2144);color:#fff;overflow:hidden;padding:4rem 2rem 3.5rem;position:relative;text-align:center}.hero:before{background:radial-gradient(ellipse 80% 60% at 50% 0,#f6821f26 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.hero-eyebrow{align-items:center;background:#f6821f26;border:1px solid #f6821f4d;border-radius:999px;color:var(--cf-orange);display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.08em;margin-bottom:1.25rem;padding:.35rem .875rem;text-transform:uppercase}.hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem}.hero h1 span{color:var(--cf-orange)}.hero-sub{color:#ffffffb3;font-size:1.1rem;margin:0 auto 2rem;max-width:560px}.hero-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.hero-stat{text-align:center}.hero-stat-num{color:#fff;display:block;font-size:1.75rem;font-weight:800;line-height:1}.hero-stat-label{color:#ffffff80;font-size:.8rem;margin-top:.25rem}.main{flex:1 1;margin:0 auto;max-width:1200px;padding:2.5rem 2rem 4rem;width:100%}.section-header{justify-content:space-between;margin-bottom:1.25rem}.section-header,.section-title{align-items:center;display:flex}.section-title{color:var(--cf-dark);font-size:1.1rem;font-weight:700;gap:.5rem}.section-title .dot{background:var(--cf-orange);border-radius:50%;display:inline-block;height:8px;width:8px}.domain-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2.5rem}.domain-card{background:var(--cf-card);border:1px solid var(--cf-border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.domain-card:before{background:var(--cf-orange);background:var(--card-accent,var(--cf-orange));border-radius:var(--radius) var(--radius) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.domain-card:hover{border-color:#0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.domain-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.domain-icon{background:var(--cf-orange-light);background:var(--icon-bg,var(--cf-orange-light));border-radius:var(--radius-sm);flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;width:44px}.domain-icon,.domain-status{align-items:center;display:flex}.domain-status{border-radius:999px;font-size:.75rem;font-weight:600;gap:.35rem;padding:.25rem .6rem}.status-live{background:var(--cf-success-light);color:var(--cf-success)}.status-building{background:var(--cf-warning-light);color:#92400e}.status-offline{background:var(--cf-danger-light);color:var(--cf-danger)}.status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.domain-card h3{color:var(--cf-dark);font-size:1rem;font-weight:700;line-height:1.3}.domain-card-url{color:var(--cf-muted);font-family:SF Mono,monospace;font-size:.78rem;margin-top:.15rem}.domain-card p{color:var(--cf-mid);font-size:.875rem;line-height:1.5}.domain-card-demos{display:flex;flex-wrap:wrap;gap:.4rem}.demo-tag{background:var(--cf-bg);border:1px solid var(--cf-border);border-radius:999px;color:var(--cf-mid);font-size:.72rem;font-weight:600;letter-spacing:.01em;padding:.2rem .6rem}.domain-card-cta{align-items:center;color:var(--cf-orange);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;margin-top:auto}.domain-card-cta svg{transition:transform var(--transition)}.domain-card:hover .domain-card-cta svg{transform:translateX(3px)}.demo-page{margin:0 auto;max-width:900px}.demo-page-header{margin-bottom:2rem}.breadcrumb{align-items:center;color:var(--cf-muted);display:flex;font-size:.8rem;gap:.5rem;margin-bottom:1rem}.breadcrumb a{color:var(--cf-orange)}.breadcrumb-sep{color:var(--cf-border)}.demo-page-header h2{color:var(--cf-dark);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.demo-page-header p{color:var(--cf-muted);font-size:.95rem}.demo-list{display:flex;flex-direction:column;gap:1.25rem}.demo-widget{background:var(--cf-card);border:1px solid var(--cf-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.demo-widget-header{align-items:center;border-bottom:1px solid var(--cf-border);display:flex;justify-content:space-between;padding:1.125rem 1.5rem}.demo-widget-title{align-items:center;display:flex;gap:.625rem}.demo-widget-icon{font-size:1.25rem}.demo-widget-title h3{color:var(--cf-dark);font-size:1rem;font-weight:700}.demo-widget-title .product-badge{background:var(--cf-blue-light);border-radius:4px;color:var(--cf-blue);font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.15rem .5rem}.demo-script{align-items:flex-start;color:var(--cf-muted);display:flex;font-size:.8rem;font-style:italic;gap:.375rem;line-height:1.5}.demo-script:before{content:"��";flex-shrink:0}.demo-widget-body{padding:1.5rem}.btn{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.5rem 1.125rem;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--cf-orange);color:#fff}.btn-primary:hover{background:var(--cf-orange-dark)}.btn-secondary{background:var(--cf-bg);border:1px solid var(--cf-border);color:var(--cf-dark)}.btn-secondary:hover{background:var(--cf-border)}.btn-ghost{color:var(--cf-muted);padding:.4rem .75rem}.btn-ghost:hover{background:var(--cf-border);color:var(--cf-dark)}.btn-sm{font-size:.8rem;padding:.35rem .75rem}.btn-lg{font-size:1rem;padding:.75rem 1.5rem}.btn:disabled{cursor:not-allowed;opacity:.5}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-label{color:var(--cf-mid);font-size:.825rem;font-weight:600}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid var(--cf-border);border-radius:var(--radius-sm);color:var(--cf-dark);font:inherit;font-size:.9rem;padding:.6rem .875rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--cf-orange);box-shadow:0 0 0 3px #f6821f1f;outline:none}.form-textarea{min-height:100px;resize:vertical}.result-box{border-radius:var(--radius-sm);font-size:.875rem;line-height:1.6;padding:1rem 1.25rem}.result-success{background:var(--cf-success-light);border:1px solid #a7f3d0;color:#064e3b}.result-error{background:var(--cf-danger-light);border:1px solid #fecaca;color:#7f1d1d}.result-info{background:var(--cf-blue-light);border:1px solid #bfdbfe;color:#1e3a8a}.result-warning{background:var(--cf-warning-light);border:1px solid #fde68a;color:#78350f}.metric-row{align-items:center;border-bottom:1px solid var(--cf-border);display:flex;justify-content:space-between;padding:.625rem 0}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--cf-muted);font-size:.825rem}.metric-value{color:var(--cf-dark);font-family:SF Mono,monospace;font-size:.875rem;font-weight:600}.spinner{animation:spin .7s linear infinite;border:2.5px solid #f6821f33;border-radius:50%;border-top:2.5px solid var(--cf-orange);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.toggle{background:var(--cf-bg);border:1px solid var(--cf-border);border-radius:var(--radius-sm);display:flex;gap:2px;padding:3px}.toggle-opt{border-radius:6px;color:var(--cf-muted);flex:1 1;font-size:.8rem;font-weight:600;padding:.35rem .75rem;text-align:center;transition:all var(--transition)}.toggle-opt.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--cf-dark)}.footer{background:#fff;border-top:1px solid var(--cf-border);color:var(--cf-muted);font-size:.8rem;padding:1.5rem 2rem;text-align:center}.footer a{color:var(--cf-orange)}@media (max-width:768px){.nav-links{display:none}.main{padding:1.5rem 1rem 3rem}.hero{padding:2.5rem 1rem 2rem}.hero-stats{gap:1.25rem}.domain-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.15679d7e.css.map*/