:root{--hv2-bg0: #060b16;--hv2-bg1: #0d1730;--hv2-bg2: #132346;--hv2-ink: #f6f8ff;--hv2-muted: rgba(246, 248, 255, .74);--sx-page: #f5f7fc;--sx-ink: #0f172a;--sx-muted: rgba(15, 23, 42, .66);--sx-border: #e4eaf5;--sx-accent: #3271ff;--sx-accent-soft: rgba(50, 113, 255, .1);--sx-warm: #d4713a;--sx-glow: rgba(50, 113, 255, .2);--maxw: 1180px;--radius-xl: 24px;--radius-lg: 18px}body{background:radial-gradient(1100px 620px at 20% -10%,rgba(138,167,255,.24),transparent 60%),radial-gradient(900px 520px at 90% 0%,rgba(66,214,186,.16),transparent 60%),linear-gradient(180deg,var(--hv2-bg0) 0%,var(--hv2-bg1) 48%,var(--hv2-bg2) 100%);color:var(--hv2-ink);overflow-x:hidden}.wrap{position:relative;z-index:1;overflow:clip}.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}.section{padding:104px 0}.nav{background:#080d1875;border-bottom:1px solid rgba(246,248,255,.08)}.nav.scrolled{background:#080d18f0;border-bottom:1px solid rgba(246,248,255,.12)}.nav-center a{color:#f6f8ffa8}.nav-center a:hover,.nav-center a.active{color:#fff}.nav-contact{background:linear-gradient(135deg,#2f6dff,#4f86ff);box-shadow:0 12px 28px #3271ff47}.hero{position:relative;padding:154px 0 84px;overflow:hidden;border-bottom:1px solid rgba(246,248,255,.1)}.hero:before{content:"";position:absolute;inset:-100px -180px -180px;background:radial-gradient(780px 430px at 24% 22%,rgba(86,131,255,.26),transparent 62%),radial-gradient(760px 440px at 88% 28%,rgba(66,214,186,.16),transparent 58%),radial-gradient(780px 420px at 50% 92%,rgba(212,113,58,.14),transparent 64%);filter:blur(40px);animation:heroAurora 14s ease-in-out infinite alternate;z-index:0;pointer-events:none}@keyframes heroAurora{0%{transform:translate3d(-12px,-6px,0) scale(1)}to{transform:translate3d(14px,10px,0) scale(1.05)}}.hero-net{position:absolute;inset:0;width:100%;height:100%;opacity:.72;mix-blend-mode:screen;pointer-events:none;z-index:1}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(246,248,255,.18);background:#0a101e75;color:#f6f8ffdb;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.kicker-dot{width:8px;height:8px;border-radius:999px;background:#42d6ba;box-shadow:0 0 0 8px #42d6ba1f;animation:ping 2.6s ease-in-out infinite}@keyframes ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.26);opacity:.76}}h1.hero-title{margin:18px 0 14px;max-width:880px;font-size:clamp(40px,5vw,72px);line-height:1.02;letter-spacing:-1.5px;color:#fff}.hero-sub{margin:0 0 24px;max-width:650px;color:var(--hv2-muted);font-size:18px;line-height:1.75}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:14px;border:1px solid rgba(246,248,255,.18);text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.01em;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;will-change:transform}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2f6dff,#4f86ff);box-shadow:0 14px 34px #3271ff52}.btn-ghost{color:#f6f8ffe0;background:#f6f8ff0a}.support-line{margin-top:15px;color:#f6f8ffa3;font-size:13px;line-height:1.6}.hero-stack{position:relative;min-height:460px}.hero-main-card{border-radius:22px;border:1px solid rgba(246,248,255,.2);background:linear-gradient(160deg,#f6f8ff1f,#f6f8ff0a);box-shadow:0 28px 76px #030a188f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .2s ease;will-change:transform;position:relative;z-index:2}.hero-main-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(246,248,255,.14);background:#090e1a59}.head-dots{display:flex;gap:7px}.head-dot{width:8px;height:8px;border-radius:999px;background:#f6f8ff38}.head-dot.r{background:#ff7070e6}.head-dot.y{background:#fccc63e6}.head-dot.g{background:#5ddca4e6}.head-label{color:#f6f8ffc7;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;white-space:nowrap}.hero-main-body{padding:12px}.hero-main-body img{width:100%;height:auto;border-radius:14px;border:1px solid rgba(246,248,255,.12);box-shadow:0 18px 48px #040a1a80;display:block}.hero-main-foot{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}.hero-chip{border-radius:999px;border:1px solid rgba(246,248,255,.14);background:#f6f8ff0f;color:#f6f8ffd1;padding:7px 10px;font-size:11px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:7px}.hero-chip-dot{width:7px;height:7px;border-radius:999px;background:#42d6ba;box-shadow:0 0 0 7px #42d6ba1f;animation:ping 2.6s ease-in-out infinite}.float-card{position:absolute;border-radius:18px;border:1px solid rgba(246,248,255,.18);background:#080e1a9e;box-shadow:0 18px 50px #040a1875;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 14px;color:#f6f8ffe6;font-size:12px;line-height:1.6;animation:floatY var(--dur, 7s) ease-in-out infinite;animation-delay:var(--delay, 0s);z-index:3}.float-card strong{display:block;color:#fff;font-size:12px;margin-bottom:2px;letter-spacing:.02em}.float-card.one{left:-8%;top:10%;max-width:210px}.float-card.two{right:-10%;top:26%;max-width:220px}.float-card.three{left:10%;bottom:-4%;max-width:240px}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.content{background:radial-gradient(1100px 640px at 8% 0%,rgba(50,113,255,.1),transparent 64%),radial-gradient(1000px 640px at 100% 8%,rgba(212,113,58,.1),transparent 66%),linear-gradient(180deg,var(--sx-page) 0%,#ffffff 46%,var(--sx-page) 100%);color:var(--sx-ink);border-top-left-radius:30px;border-top-right-radius:30px;margin-top:-24px;padding-top:24px;position:relative;z-index:3}.content:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px);background-size:44px 44px;opacity:.35;pointer-events:none;mask-image:radial-gradient(900px 580px at 50% 0%,black 0%,transparent 74%);-webkit-mask-image:radial-gradient(900px 580px at 50% 0%,black 0%,transparent 74%)}.section-label{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(50,113,255,.2);background:#3271ff14;color:#172f6ad6;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:14px}.section-label .dot{width:7px;height:7px;border-radius:999px;background:var(--sx-accent)}.title{margin:0 0 12px;color:var(--sx-ink);font-size:clamp(32px,4vw,56px);line-height:1.08;letter-spacing:-1px;max-width:920px}.sub{margin:0;color:var(--sx-muted);font-size:18px;line-height:1.78;max-width:830px}.grid-2{display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:start}.sx-card{border-radius:var(--radius-xl);border:1px solid var(--sx-border);background:#ffffffeb;box-shadow:0 22px 56px #0f172a14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:22px;position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.sx-card:hover{transform:translateY(-5px);border-color:#3271ff57;box-shadow:0 30px 64px #0f172a1f}.sx-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(50,113,255,.08) 42%,transparent 62%);opacity:0;transform:translate(-70%);transition:opacity .35s ease;pointer-events:none}.sx-card:hover:after{opacity:1;animation:sweep 1.8s ease}@keyframes sweep{0%{transform:translate(-70%)}to{transform:translate(70%)}}.sx-card h3{margin:0 0 10px;color:var(--sx-ink);font-size:21px;line-height:1.25;letter-spacing:-.3px}.sx-card p{margin:0;color:var(--sx-muted);font-size:15px;line-height:1.75}.problem-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:#0f172acc;line-height:1.72}.problem-list li{position:relative;padding-left:26px}.problem-list li:before{content:"!";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#9b5500;background:#d4713a26;border:1px solid rgba(212,113,58,.24)}.workflow{display:grid;gap:10px;margin-top:10px}.wf-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wf-node{border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#0f172a08;color:#0f172adb;font-size:12px;padding:8px 11px;white-space:nowrap}.wf-arrow{color:#0f172a61;font-size:13px;line-height:1}.punch{margin-top:14px;color:var(--sx-ink);font-size:20px;font-weight:900;letter-spacing:-.3px}.path-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.path-card{padding-top:18px}.path-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.path-num{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#1542a9;background:var(--sx-accent-soft);border:1px solid rgba(50,113,255,.22)}.path-head b{color:var(--sx-ink);font-size:17px;letter-spacing:-.2px}.diff-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff-mini{border-radius:var(--radius-lg);border:1px solid var(--sx-border);background:#ffffffd6;padding:14px;color:#0f172ab8;font-size:14px;line-height:1.65}.diff-mini strong{display:block;margin-bottom:4px;color:var(--sx-ink);font-size:14px}.checks{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:9px;color:#0f172ac7;line-height:1.7}.checks li{position:relative;padding-left:24px}.checks li:before{content:"+";position:absolute;left:0;top:0;font-weight:900;color:#1f58d1}.steps{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.step-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-top b{color:var(--sx-ink);font-size:18px;line-height:1.3;letter-spacing:-.2px}.proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.proof-frame{border-radius:var(--radius-xl);border:1px solid var(--sx-border);background:#ffffffe6;box-shadow:0 26px 64px #0f172a1a;padding:12px;overflow:hidden;position:relative}.proof-frame img{width:100%;height:auto;border-radius:14px;border:1px solid rgba(15,23,42,.1);display:block}.proof-meta{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.proof-pill{border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#0f172a08;color:#0f172ad6;font-size:11px;padding:7px 8px;text-align:center;line-height:1.5;font-weight:700;letter-spacing:.02em}.split{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.fit-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:9px;color:#0f172ac2;line-height:1.72}.fit-list li{position:relative;padding-left:24px}.fit-list li:before{content:"-";position:absolute;left:8px;top:-1px;font-weight:900;color:#0f172a7a}.microcopy{margin-top:12px;color:#0f172a8f;font-size:13px;line-height:1.65}.final{padding:0 0 118px}.final-box{border-radius:28px;border:1px solid var(--sx-border);background:radial-gradient(820px 420px at 12% 0%,rgba(50,113,255,.16),transparent 65%),radial-gradient(840px 440px at 90% 16%,rgba(212,113,58,.12),transparent 67%),linear-gradient(180deg,#fffffff5,#ffffffd6);box-shadow:0 32px 78px #0f172a24;padding:58px 48px;text-align:center;position:relative;overflow:hidden}.final-box h2{margin:0 0 12px;color:var(--sx-ink);font-size:clamp(30px,3.8vw,50px);line-height:1.08;letter-spacing:-1px}.final-box p{margin:0 auto 22px;max-width:840px;color:var(--sx-muted);font-size:18px;line-height:1.75}.final-line{margin-top:14px;color:#0f172a9e;font-size:13px;line-height:1.6}@media (max-width: 1020px){.hero-grid,.grid-2,.proof-grid,.split,.path-grid,.steps,.diff-grid{grid-template-columns:1fr}.hero-stack{min-height:0}.float-card{display:none}.proof-meta{grid-template-columns:1fr}.final-box{padding:46px 22px}}@media (prefers-reduced-motion: reduce){.hero:before,.float-card{animation:none}.hero-net{display:none}.sx-card:after{animation:none}.hero-main-card{transition:none}}