:root{--bg:#07111f;--bg2:#0d1c30;--card:rgba(10,20,34,.68);--line:rgba(174,210,255,.16);--text:#f4f8ff;--muted:#9eb3d1;--accent:#6ee7ff;--accent2:#8b8cff;--accent3:#43f3b2;--shadow:0 24px 60px rgba(0,0,0,.35);--radius:24px;--font:"Inter",system-ui,sans-serif;--font-display:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(circle at top,rgba(110,231,255,.16),transparent 30%),radial-gradient(circle at 80% 20%,rgba(139,140,255,.18),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg2));min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{position:relative;overflow:hidden}#scene-root{position:fixed;inset:0;z-index:0;pointer-events:none}#scene-root canvas{width:100%;height:100%;display:block}.site-header{position:fixed;top:16px;left:16px;right:16px;z-index:10;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--line);background:rgba(8,16,28,.58);backdrop-filter:blur(18px);border-radius:999px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.18em;font-size:.72rem}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(110,231,255,.28),rgba(139,140,255,.28));border:1px solid var(--line);font-size:.7rem}.site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.82rem}.site-nav a:hover{color:var(--text)}.menu-toggle{display:none}.cta{border:1px solid var(--line);border-radius:999px;padding:12px 18px;background:transparent;color:var(--text);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.cta:hover{transform:translateY(-1px);border-color:hsla(0,0%,100%,.3)}.cta-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06111e;border:none;font-weight:800}.cta-secondary{background:hsla(0,0%,100%,.06)}.cta-ghost{background:transparent}.section{position:relative;z-index:1;padding:140px 24px 80px;max-width:1280px;margin:0 auto}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:170px}.eyebrow,.section-heading span{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;max-width:12ch;margin-top:14px}.hero-copy{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.7;margin:24px 0 0}.builder-toolbar,.hero-actions,.section-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:680px;margin-top:34px}.alert-card,.analytics-card,.control-item,.glass,.hero-metrics div,.pricing-card,.security-card,.template-card,.testimonial-card,.widget-card{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-metrics div{padding:18px;border-radius:20px}.hero-metrics strong{display:block;font-size:1.7rem}.hero-metrics span{color:var(--muted);font-size:.82rem}.section-heading h2{font-size:clamp(2rem,4vw,3.2rem);margin-top:10px}.contact-layout,.customization-layout,.visualizer-layout{display:grid;grid-template-columns:1.5fr .9fr;gap:22px;margin-top:28px}.visualizer-stage{position:relative;min-height:540px;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,rgba(10,20,34,.55),rgba(8,15,25,.25));border:1px solid var(--line);box-shadow:var(--shadow)}#data-canvas{width:100%;height:100%;display:block}.hotspot-panel{position:absolute;left:20px;bottom:20px;display:flex;flex-wrap:wrap;gap:10px;max-width:calc(100% - 40px)}.hotspot{padding:10px 12px;border-radius:999px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);font-size:.76rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.hotspot:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.16)}.builder-panel,.contact-card,.contact-form,.custom-controls,.custom-preview,.visualizer-inspector{border-radius:28px;padding:22px}.contact-card p,.modal-body,.muted,.visualizer-inspector p{color:var(--muted);line-height:1.65}.inspector-list{display:grid;gap:10px;margin:18px 0}.detail-pill,.inspector-item{padding:12px 14px;border-radius:16px;background:hsla(0,0%,100%,.06);border:1px solid var(--line)}.alerts-grid,.analytics-grid,.metrics-grid,.pricing-grid,.security-grid,.template-grid,.testimonial-grid,.widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.alert-card,.analytics-card,.pricing-card,.security-card,.template-card,.testimonial-card,.widget-card{border-radius:24px;padding:18px;position:relative;overflow:hidden}.widget-card{min-height:220px}.alert-card h3,.analytics-card h3,.pricing-card h3,.security-card h3,.template-card h3,.testimonial-card h3,.widget-card h3{font-size:1.15rem}.card-meta,.contact-details,.mini-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.pill,.status,.tag{font-size:.72rem;padding:7px 10px;border-radius:999px;background:rgba(110,231,255,.12);color:#d9f8ff;border:1px solid rgba(110,231,255,.15)}.widget-preview{height:96px;border-radius:18px;margin-top:16px;background:linear-gradient(180deg,rgba(110,231,255,.15),rgba(139,140,255,.06));border:1px solid hsla(0,0%,100%,.08)}.alert-card button,.analytics-card button,.pricing-card button,.security-card button,.template-card button,.widget-card button{margin-top:16px;width:100%}.split-layout{display:block}.builder-panel{margin-top:28px}.builder-toolbar{margin-top:0}.dashboard-canvas{margin-top:18px;min-height:320px;border-radius:24px;padding:18px;background:linear-gradient(90deg,rgba(110,231,255,.07) 1px,transparent 0),linear-gradient(rgba(110,231,255,.07) 1px,transparent 0),hsla(0,0%,100%,.04);background-size:48px 48px,48px 48px,auto;border:1px solid var(--line);position:relative;overflow:hidden}.dash-widget{position:absolute;width:170px;height:110px;border-radius:18px;padding:12px;background:rgba(9,18,31,.84);border:1px solid hsla(0,0%,100%,.12);box-shadow:var(--shadow)}.dash-widget strong{display:block}.metrics-section .metrics-grid div,.pricing-card .price{font-size:1rem}.contact-form label,.field-grid label{display:grid;gap:8px;color:var(--muted);font-size:.84rem}.contact-form input,.contact-form textarea,.custom-input{width:100%;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);color:var(--text);padding:12px 14px;outline:none}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.contact-card{align-self:start}.form-status,.toast{margin-top:14px;color:var(--accent3);font-weight:600;min-height:24px}.modal{position:fixed;inset:0;z-index:30;background:rgba(3,8,16,.72);display:grid;place-items:center;padding:18px}.hidden{display:none!important}.modal-card{max-width:720px;width:100%;padding:24px;border-radius:28px;position:relative}.modal-close{position:absolute;right:16px;top:12px;border:none;background:transparent;color:var(--text);font-size:2rem;cursor:pointer}.modal-title{font-family:var(--font-display);font-size:1.6rem;margin-bottom:10px}.toast{position:fixed;right:18px;bottom:18px;z-index:40;min-width:240px;padding:14px 16px;border-radius:18px;background:rgba(9,18,31,.9);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.glass{background:var(--card);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.integration-cloud{min-height:360px;border-radius:32px;padding:24px;display:flex;flex-wrap:wrap;gap:14px;align-content:flex-start;position:relative;overflow:hidden}.node{padding:12px 16px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12)}.node.connected{background:rgba(67,243,178,.14)}.customization-layout{align-items:stretch}.custom-controls{display:grid;gap:14px}.control-item{padding:14px;border-radius:18px}.control-item input[type=range]{width:100%}.custom-preview{min-height:360px;position:relative;overflow:hidden}.preview-orb{position:absolute;border-radius:50%;filter:blur(2px);background:radial-gradient(circle,rgba(110,231,255,.65),transparent 70%)}@media (max-width:1080px){.site-header{grid-template-columns:auto auto auto;grid-template-areas:"brand menu cta" "nav nav nav";border-radius:28px}.brand{grid-area:brand}.menu-toggle{display:inline-flex;grid-area:menu}.site-nav{grid-area:nav;display:none;justify-content:flex-start;padding-top:12px}.site-nav.open{display:flex}.site-header .cta-primary{grid-area:cta}.alerts-grid,.analytics-grid,.contact-layout,.customization-layout,.metrics-grid,.pricing-grid,.security-grid,.template-grid,.testimonial-grid,.visualizer-layout,.widget-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.section{padding:120px 16px 60px}.hero{padding-top:180px}h1{font-size:2.9rem}.alerts-grid,.analytics-grid,.contact-layout,.customization-layout,.field-grid,.hero-metrics,.metrics-grid,.pricing-grid,.security-grid,.template-grid,.testimonial-grid,.visualizer-layout,.widget-grid{grid-template-columns:1fr}.site-header{top:10px;left:10px;right:10px;padding:12px}.site-header .cta-primary{display:none}.builder-panel,.custom-preview,.integration-cloud,.visualizer-stage{min-height:420px}}