:root{--bg:#090b11;--panel:#111620;--panel2:#171d29;--line:#273043;--text:#f4f6fb;--muted:#99a3b5;--red:#e43f4b;--red2:#7b202b;--gold:#e0a93d;--blue:#5aa1ff;--green:#45d39b;--violet:#a26df0;--max:1180px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 5%,rgba(110,24,36,.18),transparent 32%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(228,63,75,.2);background:rgba(9,11,17,.88);backdrop-filter:blur(18px)}.site-header-inner{min-height:66px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(228,63,75,.6);border-radius:10px;background:linear-gradient(145deg,rgba(228,63,75,.28),rgba(228,63,75,.04));color:#ff6570}.brand-mark svg,.nav-link svg,.button svg,.contact-icon svg{width:18px;height:18px}.site-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-link{padding:8px 10px;border-radius:8px;text-decoration:none;color:#b9c0ce;font-size:13px;font-weight:700}.nav-link:hover,.nav-link[aria-current=page]{background:rgba(255,255,255,.06);color:#fff}.nav-toggle{display:none;margin-left:auto;border:0;background:transparent;color:#fff;padding:8px}.hero{position:relative;min-height:640px;overflow:hidden;border-bottom:1px solid rgba(228,63,75,.16)}.hero-grid{display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(380px,.92fr);align-items:center;min-height:640px}.hero-copy{position:relative;z-index:5;padding:92px 0 86px}.eyebrow{margin:0 0 16px;color:#ff6974;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1,.page-hero h1{margin:0;max-width:740px;font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em}.hero h1 span{display:block;color:#ff5b67}.lead{max-width:650px;margin:24px 0 0;color:#b4bdcc;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid #333c50;border-radius:10px;background:#171d29;color:#fff;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer}.button.primary{border-color:#ed4a56;background:linear-gradient(135deg,#dd3946,#852430);box-shadow:0 12px 32px rgba(228,63,75,.2)}.button:hover{transform:translateY(-1px);border-color:#66728a}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:#8f99aa;font-size:12px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.hero-visual{position:relative;align-self:stretch;min-height:600px}.globe-wrap{position:absolute;left:-31%;top:14%;width:108%;aspect-ratio:900/480;opacity:.72}.globe-wrap svg,.globe-fx{position:absolute;inset:0;width:100%;height:100%}.globe-fx{pointer-events:none}.globe-grid{fill:none;stroke:#812c38;stroke-width:1.25;opacity:.58}.globe-outline{fill:none;stroke:#bf4653;stroke-width:1.5;opacity:.55}.globe-point{fill:#ff6570;filter:drop-shadow(0 0 5px rgba(255,75,89,.8))}.hero-warrior{position:absolute;z-index:2;right:-12%;bottom:0;width:min(720px,125%);max-height:610px;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 20px 38px rgba(0,0,0,.55))}.section{padding:88px 0}.section.muted{border-block:1px solid rgba(255,255,255,.05);background:rgba(17,22,32,.55)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2,.page-hero h2{margin:0;font-size:clamp(29px,4vw,46px);letter-spacing:-.035em}.section-head p{max-width:560px;margin:0;color:var(--muted)}.value-grid,.module-grid,.contact-grid,.studio-grid{display:grid;gap:16px}.value-grid{grid-template-columns:repeat(3,1fr)}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(24,30,42,.96),rgba(13,17,25,.96));padding:24px}.card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--card-accent,var(--red))}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted)}.metric{display:block;margin-bottom:16px;color:var(--card-accent,var(--red));font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.module-grid{grid-template-columns:repeat(3,1fr)}.module-card{min-height:220px}.module-card ul,.feature-block ul{padding-left:20px;margin:18px 0 0;color:#bec6d4}.module-card li,.feature-block li{margin:7px 0}.demo-band{display:grid;grid-template-columns:.74fr 1.26fr;gap:18px;align-items:stretch}.demo-info{display:flex;flex-direction:column;justify-content:center}.credential{margin:22px 0;padding:18px;border:1px dashed #526078;border-radius:12px;background:#0a0e15}.credential code{display:block;margin-top:6px;color:#fff;font-size:20px;font-weight:900;letter-spacing:.08em}.demo-frame{min-height:490px;width:100%;border:1px solid #343e52;border-radius:16px;background:#0b0e14}.page-hero{padding:84px 0 48px;border-bottom:1px solid rgba(255,255,255,.06)}.page-hero .lead{max-width:760px}.feature-stack{display:grid;gap:18px}.feature-block{display:grid;grid-template-columns:300px 1fr;gap:36px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(120deg,rgba(22,28,39,.98),rgba(12,16,23,.98));padding:30px}.feature-block:nth-child(2n){border-color:#403355}.feature-block h2{margin:0;font-size:25px}.feature-benefit{margin:8px 0 0;color:#c3cad6}.feature-tag{display:inline-flex;margin-bottom:15px;padding:5px 9px;border-radius:999px;background:rgba(228,63,75,.12);color:#ff737d;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.contact-grid{grid-template-columns:1fr 1fr}.contact-card{min-height:300px;display:flex;flex-direction:column}.contact-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:24px;border-radius:13px;background:rgba(90,161,255,.13);color:#7bb5ff}.contact-card .button{margin-top:auto;align-self:flex-start}.fine{color:#737e91;font-size:12px}.footer{padding:30px 0;border-top:1px solid rgba(255,255,255,.06);color:#707b8d;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.studio-shell{min-height:100vh;background:#080a0f}.studio-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;min-height:58px;padding:0 24px;border-bottom:1px solid #262e3c;background:rgba(11,14,20,.94);backdrop-filter:blur(14px)}.studio-top .studio-stats{display:flex;align-items:center;gap:18px;margin-left:auto;color:#939eb0;font-size:11px}.studio-top .studio-stats b{display:block;color:#fff;font-size:15px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;padding:24px}.studio-sidebar{position:sticky;top:82px;align-self:start;max-height:calc(100vh - 106px);overflow:auto;border:1px solid #2a3241;border-radius:15px;background:#10151f;padding:14px}.studio-group+ .studio-group{margin-top:18px}.studio-group-title{margin:0 0 8px;color:#7f8ba0;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.studio-nav-btn{display:flex;width:100%;align-items:center;gap:10px;margin:4px 0;padding:10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#aab3c3;text-align:left;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.studio-nav-btn:hover,.studio-nav-btn.active{border-color:#63303a;background:#21171d;color:#fff}.studio-nav-btn i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#1c2432;color:#82b3ff;font-style:normal}.studio-content{min-width:0}.studio-panel{display:none}.studio-panel.active{display:block}.studio-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.studio-panel-head h1{margin:0;font-size:28px}.studio-panel-head p{margin:5px 0 0;color:#8893a6}.studio-grid{grid-template-columns:repeat(3,1fr)}.studio-metric{min-height:120px}.studio-metric b{font-size:25px}.studio-table{width:100%;border-collapse:collapse;font-size:13px}.studio-table th,.studio-table td{padding:13px 12px;border-bottom:1px solid #252c39;text-align:left}.studio-table th{color:#7f8ca2;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green)}.locked-wrap{position:relative;overflow:hidden;border-radius:11px}.locked-content{filter:blur(5px);opacity:.45;pointer-events:none;user-select:none}.locked-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(8,10,15,.34);color:#fff;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.fake-code{min-height:190px;padding:18px;border:1px solid #30394c;background:#090d14;color:#7fa6d8;font:12px/1.7 Consolas,monospace}.demo-lock-toast{position:fixed;left:50%;bottom:24px;z-index:9999;transform:translate(-50%,18px);padding:10px 15px;border:1px solid #d44854;border-radius:9px;background:#161019;color:#fff;font-size:12px;font-weight:900;opacity:0;pointer-events:none;transition:.2s}.demo-lock-toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:66px;left:20px;right:20px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:12px;background:#10151f}.site-nav.open{display:flex}.nav-toggle{display:block}.hero-grid{grid-template-columns:1fr;min-height:760px}.hero-copy{padding:70px 0 360px}.hero-visual{position:absolute;inset:260px 0 0;min-height:500px}.globe-wrap{left:-8%;top:6%;width:76%}.hero-warrior{right:-8%;width:70%;max-height:510px}.module-grid,.value-grid{grid-template-columns:1fr 1fr}.demo-band,.feature-block,.contact-grid{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.studio-sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr);max-height:none}.studio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.shell{width:min(calc(100% - 24px),var(--max))}.hero h1,.page-hero h1{font-size:42px}.hero-copy{padding-bottom:330px}.hero-visual{inset:300px 0 0}.globe-wrap{width:100%;left:-32%;top:4%}.hero-warrior{right:-24%;width:104%}.value-grid,.module-grid,.studio-grid{grid-template-columns:1fr}.section{padding:62px 0}.section-head{align-items:start;flex-direction:column}.demo-frame{min-height:570px}.studio-top{padding:0 12px}.studio-top .studio-stats{display:none}.studio-layout{padding:12px}.studio-sidebar{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column}}
.home-particles{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.72}.compatibility-strip{position:relative;z-index:4;padding:18px 0 0;background:linear-gradient(180deg,rgba(9,11,17,.98),rgba(9,11,17,.72))}.compatibility-compact{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center;padding:18px 22px;border:1px solid #2c3748;border-top:2px solid var(--green);border-radius:14px;background:linear-gradient(135deg,rgba(19,25,36,.97),rgba(10,14,21,.97));box-shadow:0 14px 40px rgba(0,0,0,.22)}.compatibility-compact .metric{margin-bottom:6px;font-size:10px}.compatibility-compact h2{margin:0 0 5px;font-size:20px;letter-spacing:-.02em}.compatibility-compact p{margin:0;color:#98a3b5;font-size:12px;line-height:1.55}.compatibility-meta .compat-chips{margin:0 0 8px}.compatibility-meta>p{font-size:11px;color:#798599}.catalog-grid{display:grid;grid-template-columns:1.05fr .78fr 1.17fr;gap:16px}.catalog-card{padding:0}.catalog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.catalog-head h3{margin:0;font-size:17px}.catalog-count{display:grid;place-items:center;min-width:29px;height:29px;padding:0 8px;border:1px solid color-mix(in srgb,var(--card-accent) 68%,transparent);border-radius:999px;color:var(--card-accent);font-size:11px;font-weight:900}.catalog-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:13px 18px 18px;list-style:none}.catalog-list li{position:relative;padding:8px 7px 8px 17px;color:#ccd2dc;font-size:13px;font-weight:700}.catalog-list li:before{content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--card-accent);box-shadow:0 0 9px color-mix(in srgb,var(--card-accent) 65%,transparent)}.catalog-list.single{grid-template-columns:1fr}.requirements-grid{display:grid;grid-template-columns:1fr;gap:18px}.requirement-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.requirement-row{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:16px;border:1px solid #2b3446;border-radius:12px;background:#0c1119}.requirement-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#182131;color:#7eb2ff}.requirement-icon svg{width:19px;height:19px}.requirement-row h3{margin:0 0 4px;font-size:15px}.requirement-row p{margin:0;color:var(--muted);font-size:13px}.compat-chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.compat-chip{padding:5px 9px;border:1px solid #38445a;border-radius:999px;background:#111823;color:#d6dbe4;font-size:11px;font-weight:800}.compat-note{padding:16px;border-left:2px solid var(--green);background:rgba(69,211,155,.06);color:#aab6c7;font-size:13px}.info-only{margin-top:18px;color:#758195;font-size:12px}
@media(max-width:1040px){.catalog-grid{grid-template-columns:1fr 1fr}.catalog-card:last-child{grid-column:1/-1}.catalog-card:last-child .catalog-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.compatibility-compact{grid-template-columns:1fr;gap:12px}.requirements-grid{grid-template-columns:1fr}.requirement-panel{grid-template-columns:1fr}}
@media(max-width:620px){.catalog-grid{grid-template-columns:1fr}.catalog-card:last-child{grid-column:auto}.catalog-card:last-child .catalog-list,.catalog-list{grid-template-columns:1fr 1fr}.home-particles{opacity:.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.globe-fx,.home-particles{display:none}.button{transition:none}}

.brand-logo{width:34px;height:34px;border-radius:50%;object-fit:cover;display:block}
.nav-cta{display:inline-flex;align-items:center;margin-left:10px;min-height:38px;padding:0 18px;border:1px solid #ed4a56;border-radius:999px;background:linear-gradient(135deg,#dd3946,#852430);color:#fff;text-decoration:none;font-weight:800;font-size:13px;box-shadow:0 10px 26px rgba(228,63,75,.22)}.nav-cta:hover{filter:brightness(1.1)}
.compat-chip-safe{border-color:rgba(69,211,155,.45);background:rgba(69,211,155,.09);color:#74e2b5}
.hero h1{max-width:680px;font-size:clamp(40px,5.15vw,68px);line-height:1;letter-spacing:-.05em}.globe-wrap{left:-66%;top:2%;width:96%;opacity:.82}.home-particles{z-index:0;opacity:.82}.site-header,.hero,.compatibility-strip,.section,.footer{position:relative}.site-header{z-index:40}.hero,.compatibility-strip,.section,.footer{z-index:1}
@media(max-width:900px){.globe-wrap{left:-20%;top:0;width:72%}}
@media(max-width:620px){.hero h1{font-size:38px}.globe-wrap{left:-38%;top:0;width:96%}}
.hero{min-height:560px}.hero-grid{grid-template-columns:minmax(460px,1.14fr) minmax(360px,.86fr);min-height:560px}.hero-copy{padding:58px 0 54px}.hero h1{max-width:610px;font-size:clamp(38px,4.45vw,58px);line-height:1.02}.hero-copy .lead{max-width:620px;margin-top:20px;font-size:16px}.hero-copy .actions{margin-top:26px}.hero-copy .trust-row{margin-top:26px}.hero-visual{min-height:540px}.hero-warrior{right:-8%;bottom:28px;width:min(720px,132%);max-height:570px}.globe-wrap{left:-72%;top:-2%;width:102%}
@media(max-width:900px){.hero{min-height:720px}.hero-grid{grid-template-columns:1fr;min-height:720px}.hero-copy{padding:54px 0 330px}.hero-visual{min-height:470px}.hero-warrior{right:-7%;bottom:18px;width:72%;max-height:500px}.globe-wrap{left:-22%;top:-2%;width:74%}}
@media(max-width:620px){.hero{min-height:690px}.hero-grid{min-height:690px}.hero-copy{padding:48px 0 320px}.hero h1{font-size:36px}.hero-copy .lead{font-size:15px}.hero-warrior{right:-22%;bottom:12px;width:104%}.globe-wrap{left:-42%;top:-3%;width:98%}}
@media(max-width:900px){.nav-cta{margin-left:auto}}
.studio-layout{grid-template-columns:270px minmax(0,1fr)}
.studio-sidebar{grid-column:1;grid-row:1}
.studio-content{grid-column:2;grid-row:1}
@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-sidebar{grid-column:1;grid-row:1}.studio-content{grid-column:1;grid-row:2}}
.studio-nav-btn:disabled{cursor:default;opacity:.62}.studio-nav-btn:disabled:hover{border-color:transparent;background:transparent;color:#aab3c3}.studio-nav-btn:disabled i{filter:saturate(.55)}
body:has(.hero) .site-header-inner .brand{order:1}body:has(.hero) .site-header-inner .nav-cta{order:2;margin:0 0 0 18px;min-width:190px;border-radius:9px}body:has(.hero) .site-header-inner .site-nav{order:3;margin-left:auto}body:has(.hero) .site-header-inner .lg-wrap{order:4}body:has(.hero) .site-header-inner .nav-toggle{order:5}
body:has(.hero) .section{padding:64px 0}body:has(.hero) .section.muted{background:rgba(13,16,23,.72)}body:has(.hero) .card{border-color:#2b303b;background:linear-gradient(145deg,rgba(20,23,31,.97),rgba(11,13,18,.98))}body:has(.hero) .card:before{background:#d8424e}body:has(.hero) .metric,body:has(.hero) .catalog-count{color:#f0646e}body:has(.hero) .compatibility-strip{background:#090b11}body:has(.hero) .compatibility-compact{border-color:#2b303b;border-top-color:#d8424e;background:linear-gradient(135deg,#12151d,#0c0e14);box-shadow:none}body:has(.hero) .compat-chip,body:has(.hero) .compat-chip-safe{border-color:#343a47;background:#151922;color:#d2d6de}body:has(.hero) .trust-row i{background:#d8424e;box-shadow:0 0 8px rgba(216,66,78,.7)}body:has(.hero) .button{min-height:40px;padding:0 16px}body:has(.hero) .module-card{min-height:0}body:has(.hero) .section-head{margin-bottom:24px}body:has(.hero) .section-head h2{font-size:clamp(28px,3.2vw,40px)}
@media(max-width:1100px){body:has(.hero) .site-header-inner .nav-cta{min-width:150px;margin-left:8px}body:has(.hero) .site-header-inner{gap:14px}}
@media(max-width:900px){body:has(.hero) .site-header-inner .nav-cta{order:3;min-width:0;margin-left:auto}body:has(.hero) .site-header-inner .site-nav{order:6}body:has(.hero) .site-header-inner .lg-wrap{order:4}body:has(.hero) .site-header-inner .nav-toggle{order:5;margin-left:0}}
@media(max-width:620px){body:has(.hero) .site-header-inner .nav-cta{display:none}}