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

:root { --navy:#071421; --navy-2:#0b2133; --blue:#2f85e8; --cyan:#55c8ff; --orange:#ff7155; --paper:#f4f6f7; --ink:#132330; --muted:#73818a; --line:#d7e0e5; --max:1320px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Manrope','Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-shell { overflow:hidden; }
.site-header { width:min(100% - 84px,var(--max)); height:92px; margin:0 auto; display:flex; align-items:center; gap:24px; border-bottom:1px solid rgba(19,35,48,.15); }
.brand { display:inline-flex; align-items:center; flex:none; }.brand img { display:block; width:155px; height:auto; }.product-context { display:flex; align-items:center; gap:8px; margin-left:20px; color:#7b8991; font:500 .58rem 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.04em; }.product-context b { color:#b0bbc0; font-weight:400; }.product-context strong { color:var(--ink); font-weight:500; }.context-dot { width:7px; height:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px rgba(47,133,232,.12); }
.nav { display:flex; align-items:center; gap:27px; margin-left:auto; color:#60717a; font-size:.7rem; font-weight:700; }.nav a:hover { color:var(--ink); }.header-cta { padding-bottom:7px; border-bottom:1px solid var(--ink); font-size:.68rem; font-weight:800; white-space:nowrap; }.header-cta span,.button span { margin-left:9px; transition:transform .2s ease; }.header-cta:hover span,.button:hover span { display:inline-block; transform:translate(3px,-2px); }.menu-toggle { display:none; border:0; background:transparent; color:var(--ink); font-size:.68rem; font-weight:800; }
.hero { position:relative; min-height:780px; display:grid; grid-template-columns:minmax(330px,.73fr) minmax(650px,1.27fr); gap:62px; align-items:center; padding:86px max(42px,calc((100% - var(--max))/2)) 100px; background:var(--navy); color:#f0f5f7; }.hero:before { content:''; position:absolute; width:740px; height:740px; right:-220px; top:-240px; border-radius:50%; background:radial-gradient(circle,rgba(58,160,239,.3),rgba(7,20,33,0) 68%); pointer-events:none; }.hero-copy,.tower-shot { position:relative; z-index:1; }.product-lockup { display:flex; align-items:center; gap:13px; margin-bottom:40px; }.product-lockup img { width:39px; height:39px; object-fit:contain; }.product-lockup span { color:#8ea1ad; font:500 .52rem/1.45 'DM Mono',monospace; letter-spacing:.08em; }.eyebrow { margin:0 0 21px; color:#7994a5; font:500 .61rem 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.12em; }.hero .eyebrow { color:#61bdf1; }.hero h1 { max-width:570px; margin:0 0 27px; color:#f6fafb; font-size:clamp(3.1rem,5.6vw,6rem); line-height:.94; letter-spacing:-.08em; }.hero h1 em,.modules h2 em,.operation h2 em,.report-copy h2 em,.implantation h2 em,.contact h2 em { color:#6e8490; font-style:normal; }.hero-lede { max-width:495px; margin:0 0 34px; color:#a9bac3; font-size:.88rem; line-height:1.75; }.hero-actions { display:flex; align-items:center; gap:25px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:14px 18px; font-size:.68rem; font-weight:800; transition:transform .2s ease,background .2s ease; }.button:hover { transform:translateY(-2px); }.button-primary { background:#eef6f9; color:var(--navy); }.button-blue { background:var(--blue); color:#fff; }.text-link { color:#d2e1e8; font-size:.68rem; font-weight:800; }.text-link span { margin-left:7px; }.hero-footnote { display:flex; align-items:center; gap:13px; max-width:430px; margin-top:53px; color:#718793; font:400 .56rem/1.5 'DM Mono',monospace; }.footnote-line { width:33px; height:1px; flex:none; background:var(--orange); order:-1; }
.tower-shot { min-width:0; }.shot-caption { display:flex; justify-content:space-between; padding:0 3px 12px; color:#76909e; font:500 .54rem 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.06em; }.shot-caption-bottom { padding:12px 3px 0; color:#607985; }.app-window { overflow:hidden; background:#f8fafb; color:var(--ink); border:1px solid rgba(255,255,255,.3); border-radius:4px; box-shadow:0 29px 70px rgba(0,0,0,.35),0 0 0 8px rgba(65,154,222,.06); transform:rotate(.35deg); }.app-topbar { min-height:55px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid #dce5e9; background:#fff; }.app-brand,.app-top-actions { display:flex; align-items:center; gap:9px; }.app-brand img { width:24px; height:24px; object-fit:contain; }.app-brand strong { font-size:.71rem; }.app-brand span { padding-left:8px; border-left:1px solid #d6e0e4; color:#809099; font:400 .53rem 'DM Mono',monospace; }.app-top-actions { color:#6d808a; font:400 .52rem 'DM Mono',monospace; }.sync-status i,.app-bottom-line i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#62bf76; }.app-avatar { display:grid; place-items:center; width:23px; height:23px; margin-left:8px; border-radius:50%; background:#e4edf2; color:#517080; font:700 .58rem 'Manrope',sans-serif; }.app-body { padding:27px 25px 16px; background:linear-gradient(130deg,#fbfcfd,#f1f5f7); }.app-heading { display:flex; justify-content:space-between; gap:20px; }.app-eyebrow { color:#72858f; font:500 .53rem 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }.app-heading h2 { margin:7px 0 6px; font-size:1.55rem; letter-spacing:-.06em; }.app-heading p { margin:0; color:#85939a; font-size:.58rem; }.app-action { align-self:start; padding:8px 11px; border:1px solid #d6e1e5; background:#fff; color:#536a76; font:500 .52rem 'DM Mono',monospace; }.app-kpis { display:grid; grid-template-columns:1.4fr 1fr 1.2fr 1fr; gap:8px; margin:24px 0 13px; }.app-kpi { min-height:83px; padding:13px 12px; border:1px solid #dce5e8; background:#fff; }.app-kpi-main { border-top:3px solid var(--blue); }.app-kpi span,.app-kpi small { display:block; color:#84949c; font:500 .48rem 'DM Mono',monospace; }.app-kpi strong { display:block; margin:9px 0 5px; font-size:1.18rem; letter-spacing:-.06em; }.app-kpi small { color:#5a9b6a; font-size:.46rem; }.app-kpi small.red { color:#d36756; }.app-content-grid { display:grid; grid-template-columns:1.52fr .82fr; gap:8px; }.notes-table,.chart-panel { border:1px solid #dce5e8; background:#fff; }.notes-table { padding:15px 15px 11px; }.table-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }.table-title strong { font-size:.62rem; }.table-title span { color:#89989f; font:400 .45rem 'DM Mono',monospace; }.table-head,.note-row { display:grid; grid-template-columns:1.45fr 1.25fr .55fr; gap:10px; align-items:center; }.table-head { padding:7px 0; color:#89979d; border-bottom:1px solid #e8eef0; font:500 .45rem 'DM Mono',monospace; text-transform:uppercase; }.note-row { min-height:52px; border-bottom:1px solid #eef2f3; color:#536873; font-size:.5rem; }.note-row b,.note-row small { display:block; }.note-row b { color:#253c48; }.note-row small { margin-top:4px; color:#8c999f; font-size:.47rem; }.note-row > span:nth-child(2) { display:flex; align-items:center; gap:6px; }.note-row > strong { justify-self:end; color:#b95b4a; font-size:.55rem; }.risk { width:6px; height:6px; display:inline-block; border-radius:50%; }.risk-high { background:#ec6652; }.risk-medium { background:#e3ae54; }.risk-low { background:#5b9bc4; }.table-footer { display:flex; justify-content:space-between; padding-top:11px; color:#7f8f96; font:400 .46rem 'DM Mono',monospace; }.table-footer span:last-child { color:#337fc3; }.chart-panel { padding:15px; }.bar-chart { height:132px; display:flex; align-items:flex-end; justify-content:space-around; gap:8px; padding:16px 6px 0; border-bottom:1px solid #e6edef; }.bar-chart div { display:flex; flex:1; height:100%; flex-direction:column; align-items:center; justify-content:flex-end; gap:8px; }.bar-chart span { width:22px; max-width:75%; min-height:10px; border-radius:3px 3px 0 0; background:#94bfd1; }.bar-chart span.hot { background:var(--orange); }.bar-chart small { color:#89989f; font:500 .46rem 'DM Mono',monospace; }.chart-callout { display:flex; align-items:center; gap:7px; padding-top:13px; color:#87969c; font-size:.5rem; }.chart-callout b { color:var(--orange); }.app-bottom-line { display:flex; justify-content:space-between; gap:12px; padding-top:14px; color:#7c8e96; font:400 .46rem 'DM Mono',monospace; }.app-bottom-line span:first-child { color:#579267; }
.product-strip { display:grid; grid-template-columns:repeat(3,1fr) 1.05fr; padding:25px max(42px,calc((100% - var(--max))/2)); background:#0d2639; color:#e7f2f6; }.product-strip > div { min-height:55px; display:flex; flex-direction:column; justify-content:center; padding:0 25px; border-right:1px solid rgba(230,242,246,.16); }.product-strip > div:first-child { padding-left:0; }.strip-label { margin-bottom:6px; color:#78a0b6; font:500 .5rem 'DM Mono',monospace; text-transform:uppercase; }.product-strip strong { font-size:.83rem; letter-spacing:-.03em; }.strip-mark { flex-direction:row!important; align-items:center; gap:12px; border:0!important; }.strip-mark span { display:grid; place-items:center; width:35px; height:35px; border:1px solid #3d9ee1; border-radius:9px; color:#5cc9ff; font-size:.7rem; font-weight:800; }.strip-mark small { color:#83a3b2; font:400 .5rem/1.4 'DM Mono',monospace; }
.section-pad { width:min(100% - 84px,var(--max)); margin:0 auto; }.section-marker { margin-bottom:80px; color:#84939a; font:500 .6rem 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.12em; }.modules { padding-top:142px; padding-bottom:152px; }.modules-intro { display:grid; grid-template-columns:1.15fr .85fr; gap:80px; align-items:end; margin-left:18%; margin-bottom:71px; }.modules h2,.operation h2,.report-copy h2,.implantation h2 { margin:0; font-size:clamp(2.9rem,5vw,5.2rem); line-height:.92; letter-spacing:-.08em; }.modules-intro > p { max-width:360px; margin:0 0 3px; color:#718089; font-size:.79rem; line-height:1.75; }.module-list { margin-left:18%; border-top:1px solid var(--line); }.module-row { display:grid; grid-template-columns:42px 1.15fr 1.28fr .95fr; gap:28px; align-items:center; min-height:132px; border-bottom:1px solid var(--line); }.module-number { align-self:start; padding-top:28px; color:#9aa8ae; font:500 .59rem 'DM Mono',monospace; }.module-name h3 { margin:0 0 7px; font-size:1.17rem; letter-spacing:-.05em; }.module-name span { color:#8a989e; font:500 .48rem 'DM Mono',monospace; text-transform:uppercase; }.module-copy,.module-result { color:#708088; font-size:.68rem; line-height:1.55; }.module-result { max-width:185px; padding-left:17px; border-left:2px solid #dce6ea; }.module-result b,.module-result span { display:block; }.module-result b { margin-bottom:4px; color:#2d5365; font-size:.58rem; }.module-result span { font-size:.62rem; }
.operation { padding-top:38px; padding-bottom:150px; }.operation-head { margin-left:18%; margin-bottom:70px; }.operation-flow { display:grid; grid-template-columns:1fr 54px 1fr 54px 1fr 54px 1fr; align-items:start; margin-left:18%; }.operation-step { position:relative; min-height:210px; padding-right:15px; }.operation-step > span { color:#9aa8ae; font:500 .58rem 'DM Mono',monospace; }.step-icon { display:grid; place-items:center; width:42px; height:42px; margin:25px 0 20px; border:1px solid #b8d9e8; border-radius:50%; color:var(--blue); font-size:1.1rem; }.operation-step h3 { margin:0 0 9px; font-size:1.05rem; letter-spacing:-.04em; }.operation-step p { max-width:190px; margin:0; color:#78878e; font-size:.65rem; line-height:1.65; }.flow-connector { height:1px; margin-top:73px; background:#c9d8df; position:relative; }.flow-connector:after { content:'›'; position:absolute; right:-1px; top:-11px; color:#8aa8b7; font-size:1.1rem; }
.report-section { display:grid; grid-template-columns:.86fr 1.14fr; gap:75px; align-items:center; padding-top:55px; padding-bottom:153px; }.report-copy { padding-left:18%; }.report-copy > p:not(.eyebrow) { max-width:380px; color:#718089; font-size:.77rem; line-height:1.75; }.report-tags { display:flex; flex-wrap:wrap; gap:7px; max-width:420px; margin-top:24px; }.report-tags span { padding:8px 9px; border:1px solid #d2e0e6; color:#537487; font:500 .48rem 'DM Mono',monospace; text-transform:uppercase; }.report-paper { padding:25px 28px 19px; background:#fff; border:1px solid #d9e2e6; box-shadow:22px 25px 50px rgba(38,70,87,.09); transform:rotate(-1.3deg); }.paper-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:17px; border-bottom:1px solid #dce6ea; color:#8b999e; font:500 .47rem 'DM Mono',monospace; }.paper-head div { display:flex; align-items:center; gap:8px; color:#335466; }.paper-head img { width:24px; height:24px; object-fit:contain; }.paper-title { display:grid; grid-template-columns:1fr auto; gap:3px 14px; padding:26px 0 22px; }.paper-title span { color:#607985; font-size:.62rem; }.paper-title strong { grid-row:span 2; align-self:center; color:var(--orange); font-size:3.5rem; line-height:.7; letter-spacing:-.1em; }.paper-title small { color:#a3afb3; font:400 .5rem 'DM Mono',monospace; }.paper-lines > div { display:grid; grid-template-columns:1.5fr 1fr .7fr .4fr; gap:10px; align-items:center; min-height:38px; border-top:1px solid #e9eff1; color:#6e8088; font-size:.53rem; }.paper-lines > div:first-child { min-height:26px; color:#9aa7ac; font:500 .45rem 'DM Mono',monospace; text-transform:uppercase; }.paper-lines b { color:#314d5b; font-size:.53rem; }.paper-lines em { justify-self:end; color:var(--orange); font-style:normal; font-weight:800; }.paper-footer { display:flex; justify-content:space-between; padding-top:17px; color:#a1adb1; font:400 .45rem 'DM Mono',monospace; }
.implantation { padding-top:50px; padding-bottom:150px; }.implantation-grid { display:grid; grid-template-columns:1fr 1fr; gap:110px; margin-left:18%; }.implantation-copy > p { max-width:400px; margin:0 0 38px; color:#718089; font-size:.82rem; line-height:1.75; }.implantation-list { border-top:1px solid var(--line); }.implantation-list div { display:grid; grid-template-columns:35px 1fr 1.5fr; align-items:center; min-height:58px; border-bottom:1px solid var(--line); }.implantation-list span { color:#9aa8ae; font:500 .56rem 'DM Mono',monospace; }.implantation-list strong { font-size:.67rem; }.implantation-list small { color:#829097; font-size:.6rem; }
.contact { padding:115px 42px 120px; background:var(--navy); color:#f4f8f9; text-align:center; }.contact-inner { max-width:900px; margin:0 auto; }.contact-inner > img { width:52px; height:52px; margin-bottom:30px; object-fit:contain; }.contact .eyebrow { color:#57bdf2; }.contact h2 { margin:21px 0 24px; font-size:clamp(2.7rem,5.3vw,5.6rem); line-height:.93; letter-spacing:-.08em; }.contact p:not(.eyebrow) { max-width:490px; margin:0 auto 30px; color:#a5b7c1; font-size:.8rem; line-height:1.7; }
.site-footer { width:min(100% - 84px,var(--max)); margin:0 auto; padding:35px 0 23px; }.footer-top { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:start; padding-bottom:39px; border-bottom:1px solid var(--line); }.footer-top .brand img { width:143px; }.footer-top div { display:flex; flex-direction:column; gap:7px; color:#4f6875; font-size:.64rem; }.footer-top small { color:#89979d; font:400 .53rem 'DM Mono',monospace; }.back-top { justify-self:end; color:#667a83; font:500 .56rem 'DM Mono',monospace; }.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:18px; color:#8b999e; font:400 .52rem 'DM Mono',monospace; }.footer-bottom a:hover { color:var(--ink); }
.reveal { opacity:1; transform:translateY(0); }.js-ready .reveal { opacity:0; transform:translateY(16px); transition:opacity .6s ease,transform .6s ease; }.js-ready .reveal.is-visible { opacity:1; transform:none; }.js-ready .reveal-delay { transition-delay:.16s; }
@media (max-width:1080px) { .hero { grid-template-columns:1fr; gap:65px; }.hero-copy { max-width:690px; }.tower-shot { width:100%; max-width:900px; margin:auto; }.modules-intro,.module-list,.operation-head,.operation-flow,.report-copy,.implantation-grid { margin-left:7%; }.report-section { grid-template-columns:1fr 1.2fr; gap:40px; }.product-context { display:none; } }
@media (max-width:760px) { .site-header,.section-pad,.site-footer { width:min(100% - 38px,var(--max)); }.site-header { height:76px; }.site-header .brand img { width:138px; }.nav,.header-cta { display:none; }.menu-toggle { display:block; margin-left:auto; }.site-header:has(.menu-toggle[aria-expanded="true"]) .nav { display:flex; position:absolute; z-index:4; top:76px; left:19px; right:19px; padding:19px; background:var(--paper); border:1px solid var(--line); box-shadow:0 18px 30px rgba(8,28,43,.12); flex-direction:column; align-items:flex-start; gap:18px; }.hero { min-height:0; padding:62px 19px 69px; }.product-lockup { margin-bottom:31px; }.hero h1 { font-size:clamp(3rem,14vw,5.1rem); }.hero-lede { font-size:.8rem; }.hero-actions { flex-wrap:wrap; gap:17px; }.hero-footnote { margin-top:35px; }.shot-caption { font-size:.45rem; }.app-window { transform:none; }.app-topbar { padding:0 11px; }.app-brand span,.sync-status { display:none; }.app-body { padding:19px 12px 13px; }.app-heading { display:block; }.app-heading h2 { font-size:1.23rem; }.app-action { margin-top:12px; }.app-kpis { grid-template-columns:1fr 1fr; gap:5px; margin:18px 0 8px; }.app-kpi { min-height:72px; padding:9px 8px; }.app-kpi strong { font-size:1rem; }.app-kpi span,.app-kpi small { font-size:.42rem; }.app-content-grid { grid-template-columns:1fr; }.chart-panel { display:none; }.notes-table { padding:12px 10px 9px; }.table-title span { display:none; }.note-row { min-height:47px; font-size:.46rem; }.note-row small { font-size:.42rem; }.table-footer { font-size:.4rem; }.app-bottom-line { display:block; line-height:1.8; font-size:.41rem; }.product-strip { grid-template-columns:1fr 1fr; padding:12px 19px; }.product-strip > div { min-height:65px; padding:4px 10px; }.product-strip > div:nth-child(2) { border-right:0; }.strip-mark { grid-column:1/-1; border-top:1px solid rgba(230,242,246,.16)!important; margin-top:6px; padding-left:10px!important; }.modules,.operation,.implantation { padding-top:93px; padding-bottom:100px; }.section-marker { margin-bottom:55px; }.modules-intro,.module-list,.operation-head,.operation-flow,.report-copy,.implantation-grid { margin-left:0; }.modules-intro { display:block; margin-bottom:45px; }.modules-intro > p { margin-top:31px; font-size:.72rem; }.modules h2,.operation h2,.report-copy h2,.implantation h2 { font-size:clamp(2.65rem,13vw,4.3rem); }.module-row { grid-template-columns:28px 1fr; gap:8px 14px; padding:17px 0; min-height:0; }.module-number { padding-top:5px; }.module-name h3 { font-size:1rem; }.module-name span { font-size:.44rem; }.module-copy { grid-column:2; font-size:.62rem; }.module-result { grid-column:2; max-width:none; margin-top:3px; padding-left:10px; font-size:.57rem; }.operation-head { margin-bottom:40px; }.operation-flow { display:block; }.operation-step { min-height:0; padding:17px 0 22px 55px; border-bottom:1px solid var(--line); }.operation-step > span { position:absolute; left:0; top:20px; }.step-icon { position:absolute; left:25px; top:7px; width:22px; height:22px; margin:0; font-size:.7rem; }.operation-step h3 { font-size:.95rem; }.operation-step p { max-width:none; font-size:.61rem; }.flow-connector { display:none; }.report-section { display:block; padding-top:25px; padding-bottom:105px; }.report-copy { margin-bottom:45px; }.report-copy > p:not(.eyebrow) { font-size:.72rem; }.report-paper { padding:18px 14px 13px; transform:none; }.paper-head span:last-child { font-size:.4rem; }.paper-title { padding:21px 0 16px; }.paper-title strong { font-size:2.9rem; }.paper-lines > div { grid-template-columns:1.4fr .8fr .6fr .35fr; font-size:.45rem; }.paper-lines b { font-size:.45rem; }.paper-footer { font-size:.4rem; }.implantation-grid { display:block; }.implantation-copy { margin-top:38px; }.implantation-copy > p { font-size:.72rem; }.implantation-list div { grid-template-columns:28px .9fr 1.5fr; }.implantation-list small { font-size:.52rem; }.contact { padding:83px 19px 88px; }.contact h2 { font-size:clamp(2.7rem,13vw,4.8rem); }.contact p:not(.eyebrow) { font-size:.72rem; }.footer-top { grid-template-columns:1fr 1fr; gap:25px; }.footer-top div { grid-column:1/-1; grid-row:2; }.back-top { align-self:start; }.footer-bottom { flex-wrap:wrap; font-size:.47rem; } }