:root{--bg:#070a13;--panel:#101626;--panel-2:#151d31;--text:#f7f8ff;--muted:#aab4cf;--line:rgba(164,181,255,.16);--blue:#6e7dff;--cyan:#4fd1ff;--max:1180px;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit}button,a{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(7,10,19,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;white-space:nowrap}.brand>span:last-child>span{color:#8fa6ff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 8px 22px rgba(80,138,255,.3)}.main-menu{display:flex;gap:26px;margin-left:auto}.main-menu a{text-decoration:none;color:var(--muted);font-size:15px}.main-menu a:hover{color:var(--text)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 24px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:800;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 15px 34px rgba(79,127,255,.26)}.button--ghost{border-color:var(--line);background:rgba(255,255,255,.035)}.button--small{min-height:42px;padding:9px 18px}.breadcrumbs{display:flex;gap:10px;align-items:center;padding-top:24px;color:var(--muted);font-size:14px}.breadcrumbs a{text-decoration:none}.hero{position:relative;overflow:hidden;padding:70px 0 92px;background-image:linear-gradient(rgba(121,140,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(121,140,255,.035) 1px,transparent 1px);background-size:42px 42px}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.22;pointer-events:none}.hero-glow--one{left:-180px;top:-120px;background:#685cff}.hero-glow--two{right:-160px;bottom:-220px;background:#36c7ff}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px}.eyebrow{display:inline-flex;color:#a8b6ff;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900}.hero h1{max-width:760px;margin:18px 0 24px;font-size:clamp(44px,6vw,76px);line-height:1.01;letter-spacing:-.045em}.hero-copy>p{max-width:720px;margin:0;color:var(--muted);font-size:clamp(18px,2vw,23px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-benefits{display:flex;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none;color:#ccd4e9;font-size:14px}.hero-benefits li::before{content:"✓";margin-right:8px;color:#6fe0ff}.slide-preview{overflow:hidden;transform:rotate(1.8deg);border:1px solid rgba(164,181,255,.2);border-radius:24px;background:#0d1220;box-shadow:0 35px 90px rgba(0,0,0,.48)}.slide-toolbar{display:flex;align-items:center;gap:7px;height:46px;padding:0 15px;border-bottom:1px solid var(--line)}.slide-toolbar span{width:8px;height:8px;border-radius:50%;background:#33405e}.slide-toolbar b{margin-left:8px;color:#7f8aa7;font-size:11px}.slide-layout{display:grid;grid-template-columns:72px 1fr;min-height:390px}.slide-layout aside{display:flex;flex-direction:column;gap:10px;padding:16px 10px;border-right:1px solid var(--line)}.slide-layout aside i{height:42px;border:1px solid var(--line);border-radius:5px;background:#151c2d}.slide-layout aside i:first-child{border-color:#6f91ff}.slide-canvas{position:relative;margin:24px;padding:38px;border-radius:12px;background:radial-gradient(circle at 80% 20%,rgba(74,201,255,.2),transparent 28%),linear-gradient(135deg,#1a2054,#101831 54%,#101a24);overflow:hidden}.slide-canvas strong{display:block;margin-top:28px;font-size:33px;line-height:1.02}.slide-canvas p{color:#c0cceb}.slide-kicker{font-size:10px;letter-spacing:.16em;color:#9babff}.slide-chart{position:absolute;right:30px;bottom:34px;display:flex;align-items:end;gap:7px;height:95px}.slide-chart i{width:14px;border-radius:4px;background:linear-gradient(#53d3ff,#6979ff)}.slide-chart i:nth-child(1){height:35%}.slide-chart i:nth-child(2){height:62%}.slide-chart i:nth-child(3){height:46%}.slide-chart i:nth-child(4){height:88%}.section{padding:92px 0}.section--tint{background:#0b0f1b;border-block:1px solid rgba(164,181,255,.08)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2,.cta-card h2,.prose h2{margin:10px 0 14px;font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-.03em}.section-heading p,.prose p,.cta-card p{color:var(--muted);font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{min-height:245px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(20,29,49,.95),rgba(11,16,28,.95))}.feature-card>span{color:#7fc8ff;font-size:12px;font-weight:900}.feature-card h3{margin:36px 0 10px;font-size:22px;line-height:1.2}.feature-card p{margin:0;color:var(--muted);font-size:15px}.steps{display:grid;gap:14px}.steps article{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:22px;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.steps article>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:20px;font-weight:900}.steps h3{margin:0 0 7px;font-size:23px}.steps p{margin:0;color:var(--muted)}.scenario-grid,.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.scenario-grid a,.related-grid a{display:flex;min-height:150px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel);text-decoration:none}.scenario-grid a{flex-direction:column;justify-content:space-between}.scenario-grid b{font-size:22px}.scenario-grid span{color:#9bb4ff}.related-grid a{align-items:center;justify-content:space-between;min-height:100px}.related-grid b{font-size:24px;color:#67caff}.cta-section{padding:26px 0}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:42px;border:1px solid rgba(111,145,255,.35);border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(65,202,255,.2),transparent 30%),linear-gradient(135deg,#18205a,#101a34)}.cta-card h2{font-size:clamp(28px,3.5vw,44px)}.cta-card p{margin-bottom:0}.cta-card .button{flex:0 0 auto}.prose{max-width:900px}.prose p{line-height:1.85}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:18px;background:var(--panel)}.faq-item summary{display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:14px;padding:21px 24px;cursor:pointer;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:#738bff;font-size:12px}.faq-item summary i::before,.faq-item summary i::after{content:"";display:block;width:16px;height:2px;background:#c8d0e6}.faq-item summary i::after{transform:rotate(90deg) translateX(-2px)}.faq-item[open] summary i::after{display:none}.faq-item p{margin:0;padding:0 24px 24px 82px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px}.comparison-table{width:100%;border-collapse:collapse;background:var(--panel)}.comparison-table th,.comparison-table td{min-width:210px;padding:20px;text-align:left;border-bottom:1px solid var(--line)}.comparison-table th{color:#9fd1ff;background:#151d34}.site-footer{padding:72px 0 24px;border-top:1px solid var(--line);background:#080b13}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-grid p{color:var(--muted)}.footer-grid nav{display:grid;align-content:start;gap:10px}.footer-grid nav a{color:var(--muted);text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:50px;padding-top:20px;border-top:1px solid var(--line);color:#74809d;font-size:13px}.metric-pixel{position:absolute;left:-9999px;width:1px;height:1px}.error-page{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at center,rgba(104,92,255,.22),transparent 36%)}.error-card{max-width:760px;text-align:center}.error-card h1{font-size:clamp(46px,8vw,90px);margin:15px 0}.error-card p{color:var(--muted);font-size:20px}.error-card .hero-actions{justify-content:center}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.slide-preview{max-width:650px}.feature-grid,.scenario-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.header-inner>.button{display:none}}@media(max-width:720px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{height:66px}.menu-toggle{display:block;margin-left:auto}.main-menu{position:absolute;top:66px;left:14px;right:14px;display:none;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:#0c111e}.main-menu.is-open{display:flex}.main-menu a{padding:12px}.hero{padding:52px 0 68px}.hero h1{font-size:clamp(40px,12vw,58px)}.slide-preview{transform:none}.slide-layout{grid-template-columns:52px 1fr;min-height:300px}.slide-canvas{margin:14px;padding:24px}.slide-canvas strong{font-size:26px}.slide-chart{display:none}.section{padding:68px 0}.feature-grid,.scenario-grid,.related-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.feature-card h3{margin-top:25px}.steps article{grid-template-columns:52px 1fr;padding:20px;gap:15px}.steps article>span{width:46px;height:46px}.cta-card{align-items:flex-start;flex-direction:column;padding:30px}.faq-item summary{grid-template-columns:34px 1fr 20px;padding:18px}.faq-item p{padding:0 18px 20px 66px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.breadcrumbs{overflow:auto;white-space:nowrap}}@media(max-width:430px){.hero-actions .button,.cta-card .button{width:100%}.hero-benefits{display:grid}.slide-layout aside{display:none}.slide-layout{grid-template-columns:1fr}.slide-canvas{min-height:250px}.section-heading h2,.prose h2{font-size:34px}}
