:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06111f;--bg-deep:#020713;--surface:#091b30c7;--surface-strong:#0c2642f0;--surface-soft:#ffffff0e;--line:#8edaff2e;--line-strong:#6dddff6b;--text:#eef8ff;--muted:#a9bdd0;--muted-2:#7390a8;--brand:#38dcff;--brand-2:#5ee2b8;--brand-3:#9fb7ff;--warning:#ffd36c;--danger:#ff7d8a;--ok:#7af0bc;--shadow:0 30px 90px #00000059;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--max:1180px;--font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--bg-deep);scroll-behavior:smooth;min-height:100%}body{font-family:var(--font);color:var(--text);text-rendering:geometricprecision;background:radial-gradient(circle at 20% 0,#38dcff2e,#0000 32rem),radial-gradient(circle at 80% 5%,#5ee2b81c,#0000 30rem),linear-gradient(#071525 0%,#040b16 45%,#030711 100%);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#6dddff09 1px,#0000 1px),linear-gradient(90deg,#6dddff09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 75%);mask-image:linear-gradient(#000c,#0000 75%)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}::selection{background:#38dcff59}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0207139e;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-shell{max-width:var(--max);justify-content:space-between;align-items:center;gap:24px;min-height:76px;margin:0 auto;padding:0 22px;display:flex}.brand{align-items:center;gap:12px;min-width:196px;display:flex}.brand img{width:168px;height:auto}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:var(--muted);border-radius:999px;padding:10px 12px;font-size:14px;transition:color .2s,background .2s,transform .2s}.nav-link:hover{color:var(--text);background:#ffffff12;transform:translateY(-1px)}.nav-cta{color:#03101d;background:linear-gradient(135deg, var(--brand), var(--brand-2));font-weight:700}.nav-cta:hover{color:#03101d;background:linear-gradient(135deg,#8af0ff,#7af0bc)}.mobile-menu{display:none}main{position:relative}.section{padding:112px 22px;position:relative}.section.compact{padding-block:72px}.container{width:min(var(--max), calc(100vw - 44px));margin-inline:auto}.eyebrow{color:var(--brand);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--brand));width:28px;height:1px}h1,h2,h3,p{margin:0}.display{letter-spacing:-.075em;max-width:920px;font-size:clamp(46px,7vw,92px);line-height:.94}.title-lg{letter-spacing:-.055em;max-width:880px;font-size:clamp(34px,4.8vw,64px);line-height:1.02}.title-md{letter-spacing:-.035em;font-size:clamp(24px,3vw,38px);line-height:1.12}.lead{color:var(--muted);max-width:780px;font-size:clamp(17px,2vw,21px);line-height:1.75}.muted{color:var(--muted)}.small{color:var(--muted-2);font-size:14px;line-height:1.7}.gradient-text{background:linear-gradient(135deg,#fff,#8aefff 48%,#81f2c0);color:#0000;-webkit-background-clip:text;background-clip:text}.hero{align-items:center;min-height:calc(100vh - 76px);padding:86px 22px 120px;display:grid;overflow:hidden}.hero-grid{width:min(var(--max), calc(100vw - 44px));grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:50px;margin:0 auto;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-copy .lead{margin-top:28px}.hero-actions,.cta-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.btn{min-height:48px;color:var(--text);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;display:inline-flex}.btn:hover{border-color:#38dcff73;transform:translateY(-2px);box-shadow:0 16px 40px #38dcff1f}.btn.primary{color:#03101d;background:linear-gradient(135deg, var(--brand), var(--brand-2));border:0;font-weight:800}.btn.ghost{background:0 0}.hero-panel{border-radius:var(--radius-xl);min-height:600px;box-shadow:var(--shadow);background:linear-gradient(#0a2139db,#040d19b8),radial-gradient(circle at 50% 20%,#38dcff2e,#0000 22rem);border:1px solid #6dddff38;position:relative;overflow:hidden}.hero-scene{width:100%;height:100%;position:absolute;inset:0}.hero-fallback{opacity:.88;background:url(/assets/hero-blueprint.svg) 50%/cover no-repeat;border-radius:28px;position:absolute;inset:24px}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid;position:absolute;inset:auto 24px 24px}.metric{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0207138f;border:1px solid #ffffff1a;border-radius:18px;padding:16px}.metric strong{margin-bottom:4px;font-size:22px;display:block}.card-grid{gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border-radius:var(--radius-lg);background:linear-gradient(#ffffff13,#ffffff08),#06111fc2;border:1px solid #ffffff1a;min-height:210px;padding:26px;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000038}.card:after{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,0%), #38dcff38, transparent 18rem);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:-1px}.card:hover:after{opacity:1}.card h3{letter-spacing:-.03em;margin-bottom:12px;font-size:22px}.card p{color:var(--muted);line-height:1.72}.card .num{color:var(--brand);letter-spacing:.16em;margin-bottom:26px;font-weight:900}.problem-map{grid-template-columns:.9fr 1.1fr;align-items:start;gap:34px;margin-top:46px;display:grid}.problem-chain{gap:14px;display:grid;position:relative}.problem-item{background:#ffffff0b;border:1px solid #ffffff17;border-radius:18px;padding:18px}.problem-item span{color:var(--brand-2);font-weight:800}.loop-stage{border-radius:var(--radius-xl);background:linear-gradient(#ffffff0f,#ffffff06);border:1px solid #6dddff33;margin-top:46px;overflow:hidden}.loop-canvas{grid-template-columns:.85fr 1.15fr;align-items:center;gap:34px;min-height:620px;padding:clamp(24px,4vw,52px);display:grid}.loop-copy{gap:18px;display:grid}.loop-steps{gap:12px;display:grid;position:relative}.loop-step{transform-origin:0;background:#0207136b;border:1px solid #ffffff17;border-radius:16px;grid-template-columns:46px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.loop-step .dot{color:#02111d;background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.pyramid{gap:16px;margin-top:44px;display:grid}.pyramid-layer{background:linear-gradient(90deg,#38dcff1a,#ffffff0b);border:1px solid #ffffff1a;border-radius:24px;grid-template-columns:210px 1fr;align-items:stretch;gap:18px;padding:22px;display:grid}.layer-label{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-weight:900}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.tag{color:var(--muted);background:#ffffff12;border:1px solid #ffffff17;border-radius:999px;padding:8px 12px;font-size:13px}.saas-demo{border-radius:var(--radius-xl);box-shadow:var(--shadow);background:radial-gradient(circle at 80% 0,#38dcff24,#0000 24rem),linear-gradient(#081a2df0,#030912eb);border:1px solid #6dddff2e;margin-top:46px;padding:clamp(18px,3vw,34px);overflow:hidden}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.dashboard-main,.dashboard-side,.phone-card{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:22px;padding:20px}.dashboard-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.kpi{background:#02071373;border-radius:18px;padding:16px}.kpi b{margin-bottom:6px;font-size:28px;display:block}.progress{background:#ffffff14;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.progress i{height:100%;width:var(--w,50%);background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:inherit;display:block}.trust-wall{grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px;margin-top:46px;display:grid}.trust-visual{border-radius:var(--radius-xl);background:#ffffff0d;border:1px solid #6dddff33;overflow:hidden}.trust-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.trust-item{background:#ffffff0e;border:1px solid #ffffff17;border-radius:18px;padding:18px}.cta-band{background:radial-gradient(circle at 70% 20%,#5ee2b833,#0000 24rem),linear-gradient(135deg,#38dcff29,#ffffff0e);border:1px solid #6dddff33;border-radius:36px;padding:clamp(34px,6vw,72px);position:relative;overflow:hidden}.footer{background:#020713;border-top:1px solid #ffffff14;padding:58px 22px 34px}.footer-grid{max-width:var(--max);grid-template-columns:1fr 1.5fr;gap:40px;margin:0 auto;display:grid}.footer-links{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.footer h4{color:var(--text);margin:0 0 12px;font-size:14px}.footer a,.footer p{color:var(--muted);font-size:14px;line-height:1.85}.page-hero{padding:92px 22px 56px}.page-hero .lead{margin-top:22px}.feature-list{gap:14px;margin-top:28px;display:grid}.feature-row{background:#ffffff0b;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:42px 1fr;align-items:start;gap:14px;padding:18px;display:grid}.feature-row b{width:34px;height:34px;color:var(--brand);background:#38dcff29;border-radius:50%;place-items:center;display:grid}.lead-form{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:28px;gap:14px;padding:24px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.field{gap:8px;display:grid}.field.full{grid-column:1/-1}label{color:var(--muted);font-size:13px}input,select,textarea{width:100%;color:var(--text);background:#0207138f;border:1px solid #ffffff1f;border-radius:14px;outline:none;padding:13px 14px}textarea{resize:vertical;min-height:132px}input:focus,select:focus,textarea:focus{border-color:#38dcffa6;box-shadow:0 0 0 4px #38dcff1a}.status{min-height:24px;color:var(--brand-2);font-size:14px}@media (max-width:960px){.nav-links{background:#020713f0;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;padding:14px;display:none;position:fixed;top:82px;left:16px;right:16px}.nav-links[data-open=true]{display:flex}.mobile-menu{color:var(--text);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;display:inline-flex}.hero-grid,.problem-map,.loop-canvas,.dashboard-grid,.trust-wall,.footer-grid{grid-template-columns:1fr}.hero-panel{min-height:520px}.grid-3,.grid-4,.grid-2,.pyramid-layer,.form-grid{grid-template-columns:1fr}}@media (max-width:640px){.section{padding-block:76px}.hero{padding-top:54px}.hero-metrics{grid-template-columns:1fr}.hero-panel{min-height:460px}.dashboard-metrics,.trust-list,.footer-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-scene,[data-motion-heavy=true]{display:none!important}[data-motion]{opacity:1!important;transform:none!important}}
