@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--bg:#09182c;--bg2:#102745;--mint:#80c0ff;--mint2:#2785df;--ink:#f5f9ff;--muted:#a2bad7;--line:rgba(176,205,244,.19);--paper:#f8fafd;--pad:clamp(22px,5.3vw,88px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body,button,a{ -webkit-tap-highlight-color:transparent }
button,a{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
::selection{background:var(--mint);color:#070d14}
.site-shell{overflow:hidden}
.container{width:min(100%,1600px);margin-inline:auto;padding-inline:var(--pad)}
.skip-link{position:absolute;left:15px;top:-100px;z-index:1000;padding:12px 18px;background:var(--mint);color:#070d14}
.skip-link:focus{top:15px}
.site-header{height:91px;position:absolute;z-index:40;top:0;left:0;right:0;border-bottom:1px solid var(--line);background:rgba(7,13,20,.48);backdrop-filter:blur(20px)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.brand-symbol{height:39px;width:39px;object-fit:contain;flex:none}
.brand-word{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.9px;font-weight:800}
.brand-word span{color:var(--mint)}
.brand-divider{height:23px;width:1px;background:rgba(255,255,255,.25);margin-left:12px}
.brand-descriptor{font:9px/1.3 "DM Mono",monospace;color:#758fb0;letter-spacing:1.2px;max-width:92px}
.primary-nav{display:flex;align-items:center;gap:clamp(17px,2.25vw,35px)}
.primary-nav>a{font-size:12px;letter-spacing:.01em;color:#c6ced9;transition:color .25s}
.primary-nav>a:hover{color:var(--mint)}
.primary-nav .nav-contact{border:1px solid rgba(174,201,237,.5);padding:11px 17px;border-radius:2px;color:var(--mint);display:flex;gap:19px;align-items:center}
.nav-contact span{font-size:17px}
.lang-toggle{border:0;background:none;color:#6c87aa;font:11px "DM Mono",monospace;padding:10px 0;display:flex;gap:5px;align-items:center}
.lang-active{color:var(--mint)}
.lang-separator{color:#415570}
.nav-toggle{display:none}
.hero{position:relative;min-height:800px;padding:140px 0 55px;background:radial-gradient(circle at 76% 48%,#184477 0,transparent 43%),radial-gradient(circle at 25% 85%,rgba(35,99,171,.2),transparent 50%),linear-gradient(120deg,#09182c 10%,#102a4c 85%)}
.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}
.hero:before{background-image:linear-gradient(rgba(178,195,217,.047) 1px,transparent 1px),linear-gradient(90deg,rgba(178,195,217,.047) 1px,transparent 1px);background-size:83px 83px;mask-image:linear-gradient(to right,transparent,#000 45%,#000)}
.hero:after{background:linear-gradient(180deg,transparent 80%,#070d14);opacity:.5}
.hero-noise{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");pointer-events:none}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:600px;align-items:center;gap:2vw}
.hero-copy{padding-bottom:14px;position:relative;z-index:3}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:14px;color:var(--mint);letter-spacing:1.6px;font:10px/1.4 "DM Mono",monospace}
.eyebrow-line{width:27px;height:1px;background:var(--mint)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,sans-serif}
.hero h1{font-size:clamp(49px,5.35vw,85px);letter-spacing:-.075em;line-height:1.12;margin:29px 0 27px;font-weight:700}
.hero h1 em{font-style:normal;color:var(--mint);letter-spacing:-.078em}
.hero-intro{max-width:548px;font-size:clamp(16px,1.36vw,20px);line-height:1.75;color:#a3b4ca;letter-spacing:-.01em}
.hero-actions{display:flex;align-items:center;gap:30px;margin:40px 0 79px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;font-size:12px;font-weight:700;transition:transform .25s,background .25s,color .25s}
.button:hover{transform:translateY(-3px)}
.button-primary{padding:0 21px 0 24px;background:#1675d1;color:#fff;border:1px solid #1675d1;border-radius:3px}
.button-primary:hover{background:#288bef;border-color:#288bef}
.button-arrow{font-size:22px;font-weight:400}
.button-text{color:#d7e0eb;gap:17px;border-bottom:1px solid rgba(215,224,235,.4);min-height:41px}
.button-text span:last-child{font-size:19px}
.hero-bottom-line{display:flex;align-items:center;gap:11px;font:10px/1.5 "DM Mono",monospace;color:#97abc4;letter-spacing:1px}
.status-pulse,.green-dot{width:6px;height:6px;border-radius:50%;background:#82afe9;box-shadow:0 0 13px rgba(98,157,235,.65)}
.small-serial{margin-left:12px;color:#5b789d}
.hero-visual{position:relative;min-width:0;height:580px;display:flex;align-items:center;justify-content:center}
.visual-halo{position:absolute;height:520px;width:520px;max-width:110%;border-radius:50%;background:radial-gradient(circle,rgba(108,165,240,.14),rgba(21,45,77,.08) 42%,transparent 70%);filter:blur(8px)}
.visual-orbit{position:absolute;border-radius:50%;border:1px solid rgba(164,191,226,.11);width:560px;height:560px;transform:rotate(13deg)}
.orbit-two{width:460px;height:460px;border-color:rgba(164,191,226,.07)}
.system-card{position:relative;width:min(100%,510px);min-width:0;z-index:1;padding:18px 20px 16px;background:linear-gradient(140deg,rgba(20,33,49,.98),rgba(7,14,23,.98));border:1px solid rgba(162,198,246,.25);border-radius:8px;box-shadow:0 42px 140px #0008,0 0 0 9px rgba(158,196,245,.025),inset 0 1px 0 rgba(255,255,255,.09);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg)}
.system-card-top,.system-card-heading,.system-card-footer,.module-panel-heading{display:flex;justify-content:space-between;align-items:center}
.system-card-top{padding-bottom:15px;border-bottom:1px solid var(--line)}
.mono-label{font:9px "DM Mono",monospace;letter-spacing:1.2px;color:#6380a6}
.top-dots{display:flex;gap:5px}
.top-dots b{width:5px;height:5px;border:1px solid #58759a;border-radius:50%}
.system-card-heading{padding:21px 0 0}
.system-badge{font:700 13px Manrope,sans-serif;letter-spacing:1.3px}
.system-badge>span{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--mint)}
.system-diagram{height:278px;position:relative}
.diagram-wires{position:absolute;inset:0;width:100%;height:100%}
.core-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:97px;height:97px;border-radius:50%;background:#142337;border:1px solid rgba(178,208,247,.65);box-shadow:0 0 0 8px rgba(117,159,215,.05),0 0 50px rgba(117,159,215,.16);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--mint)}
.core-node .core-logo{height:44px;width:44px;object-fit:contain;border-radius:10px}
.core-node small{font:9px "DM Mono",monospace;letter-spacing:2px;color:#a0b8d8;margin-top:4px}
.diagram-node{position:absolute;display:flex;align-items:center;gap:8px;font:9px "DM Mono",monospace;letter-spacing:.2px;color:#c7d5e7;padding:9px 11px;background:#101b2a;border:1px solid #2f445f;border-radius:4px;white-space:nowrap}
.node-icon{font-size:9px;color:#8dafdc}
.node-one{top:13px;left:12px}.node-two{top:13px;right:12px}.node-three{bottom:10px;left:12px}.node-four{bottom:10px;right:12px}
.system-card-footer{border-top:1px solid var(--line);padding-top:15px;font:8px "DM Mono",monospace;letter-spacing:1.3px;color:#58759a}
.tiny-grid{font-size:17px;color:#98b0cf}
.floating-label{position:absolute;z-index:2;font:10px "DM Mono",monospace;color:var(--mint);letter-spacing:1.3px;background:#0a1524;border:1px solid #2c4566;padding:12px 14px;box-shadow:0 15px 30px #0006}
.floating-label span{color:#b1bfd2;margin-left:9px}
.label-left{left:-10px;top:120px}.label-right{right:-13px;bottom:116px}
.visual-caption{position:absolute;bottom:2px;right:8px;font:8px/1.5 "DM Mono",monospace;letter-spacing:1px;color:#607da3}
.hero-edge-label{position:absolute;right:-110px;top:50%;transform:rotate(90deg);font:9px "DM Mono",monospace;letter-spacing:2px;color:#4e6788;white-space:nowrap}
.statement-band{background:#176fc8;color:#fff;padding:17px 0}
.statement-inner{display:flex;justify-content:space-around;align-items:center;gap:12px;font:700 10px "DM Mono",monospace;letter-spacing:1.4px}
.band-separator{color:rgba(21,34,50,.3)}
.tiny-diamond{font-size:10px}
.section-space{padding:136px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:60px}
.section-kicker{color:#6895d0;letter-spacing:1.5px}
.section-kicker span:first-child{color:#526c8f}
.section-head h2,.about-copy h2,.contact-layout h2{font-size:clamp(41px,4.65vw,67px);line-height:1.14;letter-spacing:-.064em;font-weight:700;margin:22px 0 0}
.section-head>p{font-size:16px;line-height:1.85;color:#99acc4;max-width:425px;margin:0 0 8px}
.approach-section{background:#0b111a;position:relative}
.approach-section:before{content:"";position:absolute;height:580px;width:580px;border-radius:50%;right:-340px;top:40px;border:1px solid rgba(148,176,212,.08);box-shadow:0 0 0 80px rgba(148,176,212,.015),0 0 0 160px rgba(148,176,212,.012);pointer-events:none}
.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:#0e151e}
.pillar{padding:36px 39px 45px;min-height:345px;border-right:1px solid var(--line);position:relative;transition:background .3s}
.pillar:hover{background:#111b28}
.pillar:last-child{border-right:0}
.pillar-no{font:10px "DM Mono",monospace;color:#6682a7;letter-spacing:1px}
.pillar-icon{margin:55px 0 29px;color:var(--mint)}
.pillar-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pillar h3{font-size:20px;letter-spacing:-.04em;margin-bottom:12px}
.pillar p{color:#8aa0bc;font-size:14px;line-height:1.75;max-width:285px;margin-bottom:0}
.product-section{background:#f8fafd;color:#102a4c;padding:145px 0 150px;position:relative}
.product-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 140px,rgba(4,17,34,.04) 141px);pointer-events:none}
.product-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,7vw,120px);align-items:center;position:relative}
.product-intro .section-kicker{color:#1d4273}
.product-intro .section-kicker span:first-child{color:#6581a6}
.product-titleline{display:flex;align-items:center;justify-content:space-between;margin-top:45px;margin-bottom:30px}
.product-symbol{display:block;height:72px;width:72px;object-fit:contain;border-radius:13px}
.product-index{font:10px "DM Mono",monospace;letter-spacing:1px;color:#6b86aa}
.product-intro h2{font-size:clamp(55px,6vw,86px);font-weight:800;letter-spacing:-.089em;line-height:1.05;margin:0 0 24px}
.title-accent{color:#1675d1}
.product-lead{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.4;margin-bottom:19px;max-width:430px}
.product-description{font-size:16px;line-height:1.8;max-width:438px;color:#4a6281}
.button-product{margin-top:23px;background:#102a4c;border-color:#102a4c;color:#fff}
.button-product:hover{background:#234b79;border-color:#234b79}
.product-button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:23px}
.product-button-row .button{margin-top:0;min-height:50px;gap:15px;padding:0 16px;font-size:11px}
.button-demo{background:#1675d1;color:#fff;border-color:#1675d1}
.button-demo:hover{background:#288bef;border-color:#288bef}
.product-footnote{margin-top:25px;font-size:11px;line-height:1.6;color:#6e88ab;max-width:400px}
.module-panel{background:#fff;border:1px solid #d5e1ef;box-shadow:14px 14px 0 rgba(35,89,156,.06),0 36px 70px rgba(25,41,63,.06)}
.module-panel-heading{padding:24px 30px;background:#102a4c;color:#b9ddff;font:10px "DM Mono",monospace;letter-spacing:1.2px}
.module-row{display:grid;grid-template-columns:30px 1fr 19px;gap:17px;align-items:start;padding:28px 30px;border-bottom:1px solid #d8dee5}
.module-number{font:11px "DM Mono",monospace;color:#506a8b;padding-top:4px}
.module-row h3{font-size:19px;letter-spacing:-.035em;margin:0 0 7px}
.module-row p{font-size:13px;line-height:1.65;color:#557093;margin:0;max-width:385px}
.module-arrow{font-size:21px;color:#6581a6}
.module-bottom{display:flex;gap:10px;align-items:center;padding:19px 30px;font:9px "DM Mono",monospace;letter-spacing:1px;color:#5f7ca3}
.module-bottom .green-dot{background:#35629c;box-shadow:none}
.screenshot-section{padding-top:83px;margin-top:96px;border-top:1px solid #c7cfda}
.screenshot-heading{display:flex;align-items:end;justify-content:space-between;gap:65px}
.screenshot-heading .section-kicker{color:#345176}
.screenshot-heading h3{font-size:clamp(35px,3.45vw,53px);line-height:1.15;letter-spacing:-.065em;margin:20px 0 0}
.screenshot-heading p{font-size:15px;line-height:1.8;max-width:475px;color:#4c6585;margin:0 0 7px}
.screenshot-frame{margin:38px 0 0;background:#0b1828;border:1px solid #22334a;border-radius:6px;overflow:hidden;box-shadow:0 35px 65px rgba(11,28,51,.2),12px 12px 0 rgba(47,72,104,.08)}
.screenshot-toolbar{min-height:49px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0b1828;color:#9aafca;font:10px "DM Mono",monospace;letter-spacing:1.2px}
.screenshot-toolbar-right{display:flex;align-items:center;gap:9px;color:#7a92b2}
.screenshot-indicator{height:7px;width:7px;background:#8bb0e0;border-radius:50%;box-shadow:0 0 12px #8bb0e055}
.screenshot-viewport{position:relative;width:100%;aspect-ratio:2.27;overflow:hidden;background:#0b1c28}
.screenshot-viewport img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.screenshot-viewport:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(217,229,245,.08),inset 0 20px 35px rgba(7,21,39,.12)}
.screenshot-frame figcaption{padding:17px 24px 19px;margin:0;color:#8097b6;font:10px/1.7 "DM Mono",monospace;letter-spacing:.4px}
.deployment-section{background:#112e52;padding:125px 0 116px;position:relative;overflow:hidden}
.deployment-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 3%,rgba(139,185,244,.13),transparent 43%),linear-gradient(90deg,transparent 49.9%,rgba(159,193,237,.045) 50%,transparent 50.1%);opacity:.8}
.deployment-section .container{position:relative}
.deployment-head .section-kicker{color:#a1c1eb}
.deployment-head .section-kicker span:first-child{color:#607da4}
.deployment-head>p{color:#a0b1c8}
.deployment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.deployment-card{border:1px solid rgba(171,204,247,.2);background:linear-gradient(155deg,rgba(7,17,29,.95),rgba(12,25,43,.83));padding:32px 35px 27px;min-height:375px;position:relative;overflow:hidden}
.deployment-card:after{content:"";position:absolute;border:1px solid rgba(162,193,233,.07);border-radius:50%;width:360px;height:360px;right:-190px;top:20px;pointer-events:none}
.deployment-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px "DM Mono",monospace;letter-spacing:1.2px;color:#8198b7}
.deployment-chip{border:1px solid #4b6484;color:#99b9e2;padding:8px 10px}
.deployment-icon{height:69px;margin:37px 0 25px;color:#a7c5ec}
.deployment-icon svg{width:61px;height:61px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.deployment-card h3{font-size:28px;letter-spacing:-.06em;margin-bottom:13px}
.deployment-card p{font-size:14px;line-height:1.85;color:#9dafc6;max-width:480px;margin-bottom:26px}
.deployment-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(177,205,242,.12);padding-top:18px;font:9px "DM Mono",monospace;letter-spacing:1px;color:#7a92b2}
.deployment-note{margin:22px 0 0;color:#7c94b4;font:10px/1.7 "DM Mono",monospace;letter-spacing:.25px}
.process-section{background:#0b111a}
.solution-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:56px}
.solution-path{display:flex;flex-direction:column;min-height:325px;padding:33px 36px 30px;border:1px solid #2b394c;background:linear-gradient(150deg,#0f1926,#101720);position:relative;overflow:hidden}
.solution-path:after{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border:1px solid rgba(169,199,238,.11);border-radius:50%;pointer-events:none}
.solution-path-direct{background:linear-gradient(150deg,#162840,#0c1a2c);border-color:#496b98}
.solution-path-label{font:10px "DM Mono",monospace;letter-spacing:1.25px;color:#94afd3;display:flex;gap:13px}
.solution-path-label span:first-child{color:#577296}
.solution-path h3{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.055em;margin:34px 0 15px;line-height:1.18}
.solution-path p{font-size:14px;line-height:1.85;color:#abbbcf;max-width:510px;margin:0 0 28px}
.solution-path-footer{margin-top:auto;padding-top:19px;border-top:1px solid rgba(175,202,238,.16);font:9px/1.6 "DM Mono",monospace;letter-spacing:.95px;color:#8a9fbb}
.solution-path-link{margin-top:auto;border-top:1px solid rgba(175,202,238,.22);padding-top:17px;color:#c7dcf8;display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 13px Manrope,sans-serif;transition:color .2s}
.solution-path-link:hover{color:#fff}
.solution-path-link span:last-child{font-size:23px;font-weight:400}
.process-steps-label{display:flex;align-items:center;gap:11px;margin:0 0 33px;color:#7c94b4;font:10px/1.5 "DM Mono",monospace;letter-spacing:1.1px}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.steps-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.step-num{font:13px "DM Mono",monospace;color:#77a1d9}
.step-track{height:1px;background:#2a3748;margin:27px 0 34px;position:relative}
.step-track span{position:absolute;left:0;top:-4px;width:9px;height:9px;border-radius:50%;background:#a5c5ef;box-shadow:0 0 0 5px rgba(124,167,223,.1)}
.step h3{font-size:21px;letter-spacing:-.04em;margin-bottom:13px}
.step p{color:#8299b7;line-height:1.75;font-size:14px;max-width:320px}
.steps-four .step h3{font-size:19px}
.steps-four .step p{font-size:13px}
.licensing-section{background:#edf5ff;color:#102a4c;padding:120px 0;position:relative}
.licensing-section:before{content:"";position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:linear-gradient(rgba(32,57,90,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(32,57,90,.08) 1px,transparent 1px);background-size:88px 88px}
.licensing-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(55px,8vw,135px)}
.licensing-copy .section-kicker{color:#3d608f}
.licensing-copy .section-kicker span:first-child{color:#7a93b3}
.licensing-copy h2{font-size:clamp(43px,4.7vw,70px);line-height:1.13;letter-spacing:-.065em;margin:22px 0 28px}
.licensing-copy p{color:#425874;font-size:16px;line-height:1.85;max-width:560px}
.licensing-copy .licensing-small{font-size:13px;color:#6a85a9;padding-top:10px}
.licensing-visual{background:#0d1d31;border:1px solid #365276;box-shadow:14px 14px 0 rgba(33,63,102,.1),0 35px 65px rgba(25,51,84,.14);padding:29px 31px}
.licensing-visual-head,.licensing-visual-foot{display:flex;justify-content:space-between;font:9px "DM Mono",monospace;letter-spacing:1px;color:#7e97b7}
.licensing-visual-head{padding-bottom:28px;border-bottom:1px solid rgba(176,205,242,.2)}
.license-stage{display:grid;grid-template-columns:58px 1fr 29px;gap:17px;align-items:center;padding:29px 0}
.license-stage>div:nth-child(2){display:flex;flex-direction:column;gap:8px}
.license-index{font:20px "DM Mono",monospace;color:#90b3e1}
.license-stage strong{font:700 20px Manrope,sans-serif;letter-spacing:-.04em;color:#dbe8fa}
.license-stage span:not(.license-stage-icon){color:#849bb8;font-size:13px}
.license-stage-icon{font-size:28px;color:#9dbde7}
.license-connect{height:1px;background:repeating-linear-gradient(90deg,rgba(134,167,211,.4),rgba(134,167,211,.4) 5px,transparent 5px,transparent 13px)}
.licensing-visual-foot{padding-top:21px;border-top:1px solid rgba(176,205,242,.2);line-height:1.6}
.about-section{background:#101925;padding:125px 0;position:relative;border-top:1px solid var(--line)}
.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(76,105,142,.14),transparent 40%);pointer-events:none}
.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(70px,10vw,170px);position:relative}
.about-mark{aspect-ratio:1.26;max-width:560px;border:1px solid rgba(183,205,233,.15);background:linear-gradient(135deg,#132236,#09121d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.about-mark:before,.about-mark:after{content:"";position:absolute;inset:11%;border:1px solid rgba(169,195,228,.14);transform:rotate(35deg)}
.about-mark:after{inset:23%;transform:rotate(-35deg)}
.about-mark-symbol{display:block;position:relative;z-index:2;width:min(61%,290px);height:auto;filter:drop-shadow(0 18px 35px rgba(24,104,216,.2))}
.about-mark-caption{position:absolute;left:26px;bottom:24px;color:#7e97b7;font:9px/1.4 "DM Mono",monospace;letter-spacing:1.6px}
.about-copy h2{margin-bottom:27px}
.about-copy p{color:#99acc5;font-size:16px;line-height:1.9;max-width:490px}
.about-signoff{display:flex;align-items:center;gap:17px;margin-top:43px;color:#829bbb;font:10px "DM Mono",monospace;letter-spacing:1px}
.about-rule{width:28px;height:1px;background:#829bbb}
.contact-section{background:#e5f1ff;color:#102a4c;padding:100px 0 115px}
.contact-layout{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}
.contact-layout .section-kicker{color:#264061}.contact-layout .section-kicker span:first-child{color:#5e7ca3}
.contact-layout h2{font-size:clamp(44px,4.65vw,68px)}
.contact-layout p{font-size:15px;line-height:1.7;color:#455b77;margin:22px 0 0;max-width:530px}
.contact-card{min-width:390px;min-height:157px;border:1px solid #97bde7;background:#fff;padding:27px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .25s,background .25s}
.contact-card:hover{transform:translateY(-5px);background:#f0f7ff}
.contact-card-label{font:10px "DM Mono",monospace;letter-spacing:1.3px;color:#45658e}
.contact-card strong{font:700 23px Manrope,sans-serif;letter-spacing:-.04em}
.contact-icon{position:absolute;right:26px;top:21px;font-size:27px}
.footer{background:#070d14;border-top:1px solid #172434}
.footer-inner{min-height:119px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-brand{display:flex;align-items:center;gap:10px;font:800 15px Manrope,sans-serif;letter-spacing:-.5px}
.footer-brand img{width:28px;height:28px;object-fit:contain}
.footer-center{font-size:11px;color:#607da4}
.footer-right{display:flex;gap:25px;align-items:center;font:10px "DM Mono",monospace;color:#607da4}
.footer-right a{color:#b2c8e7}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:1150px){
  .brand-descriptor,.brand-divider{display:none}
  .hero{min-height:750px}
  .hero-layout{grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(46px,5vw,68px)}
  .system-card{transform:none}
  .diagram-node{font-size:8px}
  .floating-label{display:none}
  .hero-actions{gap:17px}
  .product-layout{gap:55px}
  .steps-four{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:45px;row-gap:35px}
  .contact-card{min-width:340px}
}
@media (max-width:900px){
  .site-header{height:74px}
  .nav-toggle{display:flex;flex-direction:column;gap:6px;border:1px solid #324256;background:rgba(8,20,35,.8);padding:11px 10px;border-radius:3px;width:43px;align-items:center}
  .nav-toggle span{height:2px;width:21px;background:var(--mint);transition:transform .2s}
  .nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .primary-nav{position:absolute;top:74px;left:0;right:0;background:#0a121d;border-bottom:1px solid var(--line);padding:22px var(--pad) 28px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px #0007}
  .primary-nav.open{display:flex}
  .primary-nav>a{font-size:15px;padding:15px 0;border-bottom:1px solid var(--line)}
  .primary-nav .nav-contact{margin-top:18px;padding:13px 17px;justify-content:space-between}
  .lang-toggle{align-self:start;margin-top:12px}
  .hero{padding:128px 0 88px}
  .hero-layout{grid-template-columns:1fr;gap:20px}
  .hero-copy{max-width:700px}
  .hero h1{font-size:clamp(55px,8vw,79px)}
  .hero-intro{max-width:650px}
  .hero-actions{margin-bottom:38px}
  .hero-visual{height:420px;margin-top:15px}
  .system-card{max-width:540px}
  .visual-orbit{height:490px;width:490px}
  .visual-caption{bottom:-12px}
  .hero-edge-label{display:none}
  .section-head{align-items:start;flex-direction:column;gap:24px}
  .solution-paths{grid-template-columns:1fr;gap:14px}
  .solution-path{min-height:0}
  .section-head>p{max-width:650px}
  .section-space{padding:96px 0}
  .pillar{padding:27px}
  .pillar-icon{margin-top:40px}
  .product-layout{grid-template-columns:1fr;gap:60px}
  .product-intro{max-width:650px}
  .product-intro h2{font-size:80px}
  .product-section{padding:100px 0}
  .screenshot-section{margin-top:74px;padding-top:66px}
  .screenshot-heading{align-items:start;flex-direction:column;gap:20px}
  .screenshot-heading p{max-width:630px}
  .deployment-section{padding:93px 0}
  .deployment-card{min-height:365px;padding:26px}
  .licensing-layout{grid-template-columns:1fr;gap:42px}
  .licensing-copy{max-width:700px}
  .licensing-section{padding:90px 0}
  .about-layout{gap:60px}
  .contact-layout{grid-template-columns:1fr;gap:45px}
  .contact-card{max-width:480px;min-width:0}
}
@media (max-width:640px){
  :root{--pad:23px}
  .brand-symbol{width:33px;height:33px}
  .brand-word{font-size:18px}
  .hero{padding:118px 0 65px}
  .eyebrow{font-size:8px;letter-spacing:.85px;gap:9px}
  .hero h1{font-size:clamp(44px,11vw,60px);letter-spacing:-.07em;line-height:1.1;margin:26px 0 21px}
  .hero h1 em{letter-spacing:-.08em}
  .hero-intro{font-size:15px;line-height:1.75}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:14px;margin:28px 0 33px}
  .button-primary{min-height:51px}
  .hero-bottom-line{flex-wrap:wrap;font-size:8px}
  .small-serial{display:none}
  .hero-visual{height:334px;margin:15px -15px 0}
  .system-card{padding:13px 14px;transform:scale(.87);width:115%;flex-shrink:0}
  .system-diagram{height:220px}
  .core-node{width:77px;height:77px}
  .core-node .core-logo{height:34px;width:34px;border-radius:8px}
  .diagram-node{font-size:7px;padding:8px 6px;gap:3px}
  .node-one,.node-three{left:0}
  .node-two,.node-four{right:0}
  .system-card-heading{padding-top:14px}
  .visual-caption{font-size:7px;right:23px;bottom:0;text-align:right}
  .statement-inner{font-size:8px;letter-spacing:.4px;flex-wrap:wrap;justify-content:center;column-gap:10px;row-gap:6px}
  .tiny-diamond{display:none}
  .section-space{padding:77px 0}
  .section-head{margin-bottom:38px}
  .section-head h2,.about-copy h2,.contact-layout h2{font-size:42px;line-height:1.13}
  .section-head>p{font-size:14px;line-height:1.7}
  .pillar-grid{grid-template-columns:1fr}
  .pillar{min-height:0;padding:27px 28px 30px;border-right:0;border-bottom:1px solid var(--line)}
  .pillar:last-child{border-bottom:0}
  .pillar-icon{margin:26px 0 18px}
  .pillar-icon svg{width:43px;height:43px}
  .pillar h3{font-size:19px}
  .pillar p{font-size:13px}
  .product-section{padding:84px 0}
  .product-titleline{margin-top:30px}
  .product-intro h2{font-size:61px}
  .product-lead{font-size:19px}
  .product-description{font-size:14px}
  .product-layout{gap:46px}
  .screenshot-section{margin-top:62px;padding-top:52px}
  .screenshot-heading h3{font-size:36px}
  .screenshot-heading p{font-size:13px}
  .screenshot-frame{margin-top:28px}
  .screenshot-toolbar{padding:0 13px;min-height:42px;font-size:8px}
  .screenshot-viewport{aspect-ratio:1.35}
  .screenshot-viewport img{object-position:64% 60%;transform:scale(1.2);transform-origin:65% 80%}
  .screenshot-frame figcaption{font-size:8px;padding:15px}
  .deployment-section{padding:75px 0}
  .deployment-grid{grid-template-columns:1fr}
  .deployment-card{padding:25px;min-height:0}
  .deployment-icon{margin:23px 0 12px}
  .deployment-card h3{font-size:24px}
  .deployment-card p{font-size:13px}
  .deployment-note{font-size:9px}
  .steps-four{grid-template-columns:1fr;gap:29px}
  .solution-path{padding:27px 25px}
  .solution-path h3{margin-top:24px;font-size:26px}
  .solution-path p{font-size:13px}
  .process-steps-label{font-size:9px;letter-spacing:.6px}
  .licensing-section{padding:77px 0}
  .licensing-copy h2{font-size:42px}
  .licensing-copy p{font-size:14px}
  .licensing-visual{padding:22px 21px}
  .licensing-visual-head{font-size:8px}
  .license-stage{grid-template-columns:38px 1fr 18px;gap:9px;padding:24px 0}
  .license-stage strong{font-size:17px}
  .license-stage span:not(.license-stage-icon){font-size:11px}
  .license-stage-icon{font-size:18px}
  .licensing-visual-foot{font-size:8px}
  .module-panel-heading{padding:20px}
  .module-row{padding:22px 20px;grid-template-columns:21px 1fr 12px;gap:11px}
  .module-row h3{font-size:16px}
  .module-row p{font-size:12px}
  .module-arrow{font-size:15px}
  .module-bottom{padding:18px 20px;font-size:8px}
  .steps-grid{grid-template-columns:1fr;gap:29px}
  .step-track{margin:15px 0 17px}
  .step h3{margin-bottom:8px}
  .step p{margin-bottom:0}
  .about-section{padding:78px 0}
  .about-layout{grid-template-columns:1fr;gap:43px}
  .about-mark{max-width:100%;aspect-ratio:1.55}
  .about-mark>span{font-size:clamp(90px,24vw,155px)}
  .about-copy p{font-size:14px}
  .about-signoff{font-size:8px}
  .contact-section{padding:79px 0 89px}
  .contact-layout p{font-size:14px}
  .contact-card{min-height:134px;padding:22px}
  .contact-card strong{font-size:20px}
  .footer-inner{align-items:flex-start;flex-direction:column;padding-top:32px;padding-bottom:32px;gap:17px}
  .footer-right{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
