:root{--bg:#050b11;--panel:#08131d;--panel2:#0a1823;--line:#163142;--cyan:#08c8ee;--cyan2:#68e7ff;--white:#f3f7fb;--muted:#a0b0bd;--dim:#617482;--font:'Inter',sans-serif;--display:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(90px);opacity:.11;border-radius:50%}.ambient-one{width:320px;height:320px;background:#006caa;top:10%;left:-180px}.ambient-two{width:300px;height:300px;background:#00b8d7;right:-200px;top:55%}.topbar{height:78px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #14232d;background:#050b11ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;flex-direction:column;line-height:1;color:#fff;font-family:var(--display);font-weight:800;letter-spacing:.17em;font-size:25px}.brand .aqua{color:var(--cyan)}.brand small{font:700 8px var(--font);letter-spacing:.48em;text-align:center;margin-top:7px;color:#c3d2db}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:11px;color:#bdc9d2;transition:.2s}.nav a:hover,.nav a.active{color:var(--cyan)}.nav a.active:after{content:'';display:block;height:2px;background:var(--cyan);margin-top:8px}.topline{font-size:9px;letter-spacing:.13em;color:#b7c4ce}.topline i,.footer i{color:var(--cyan);font-style:normal;margin:0 5px}.menu-toggle{display:none}.hero{min-height:clamp(560px,86vh,880px);position:relative;display:flex;align-items:center;padding:75px 5.2%;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#0b9cc00b 1px,transparent 1px),linear-gradient(90deg,#0b9cc00b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 85%)}.hero-copy{position:relative;max-width:650px;z-index:1}.eyebrow{font-size:9px;letter-spacing:.23em;color:var(--cyan);font-weight:700;margin:0 0 18px}.eyebrow span{color:#8da0ae}.hero h1,.section-wrap h2,.contact h2{font:800 clamp(36px,min(6.1vw,10vh),78px)/.94 var(--display);letter-spacing:.01em;margin:0;text-transform:uppercase}.hero h1 span,.section-wrap h2 span,.contact h2 span{color:var(--cyan)}.hero-text{font-size:14px;color:#d1dce3;max-width:440px;margin:24px 0 25px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:25px;padding:13px 19px;font-size:10px;font-weight:800;letter-spacing:.08em;border:1px solid var(--cyan);transition:.2s}.btn-primary{background:var(--cyan);color:#031018}.btn-primary:hover{background:#fff;border-color:#fff}.btn-outline{border-color:#80919d;color:#fff}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}.hero-note{font-size:9px;letter-spacing:.14em;color:#b3c1ca;margin-top:43px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:10px}.hero-side{position:absolute;right:5.3%;top:17%;font:600 16px/1.4 var(--display);letter-spacing:.13em;color:#9ceeff;text-align:right}.hero-index{position:absolute;bottom:22px;left:5.2%;right:5.2%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em;color:#6e8493}.section-wrap{padding:105px 5.2%;border-bottom:1px solid var(--line)}.services{display:grid;grid-template-columns:.75fr 1.8fr;gap:55px}.section-intro h2,.section-heading h2,.approach h2,.about h2{font-size:clamp(36px,4vw,53px)}.section-intro>p:last-child,.section-heading>p,.approach-copy>p:not(.eyebrow),.about-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:370px;margin-top:22px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:235px;padding:21px 18px;background:linear-gradient(145deg,#0a1721,#061019);border:1px solid #153040;position:relative;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-4px);border-color:#087f9a}.card-top{display:flex;justify-content:space-between;align-items:center}.line-icon{font-size:27px;color:var(--cyan)}.card-no{font-size:9px;color:#536b7a;letter-spacing:.15em}.service-card h3{font:700 24px var(--display);margin:20px 0 8px}.service-card p{font-size:11px;color:var(--muted);line-height:1.75;margin:0 0 28px}.card-foot{font-size:7px;letter-spacing:.12em;color:var(--cyan)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading>p{max-width:260px;margin:0 0 5px}.product-feature{display:grid;grid-template-columns:1.15fr .7fr .75fr;min-height:350px;border:1px solid #174054;background:#06111a;position:relative;overflow:hidden}.product-main{padding:38px 28px;display:grid;grid-template-columns:72px 1fr;gap:22px;align-content:center}.observe-mark{font:900 68px/.8 var(--display);color:var(--cyan);text-shadow:0 0 24px #00c7ed45}.observe-mark span{color:#e7f8ff;display:block;margin-left:16px;margin-top:-4px}.product-kicker{font-size:8px;letter-spacing:.14em;color:#8ba5b4;margin:0 0 8px}.product-main h3{font:800 44px/.9 var(--display);letter-spacing:.1em;margin:0 0 13px}.product-lead{font-size:15px;font-weight:600;margin:0 0 10px}.product-desc{font-size:11px;color:var(--muted);max-width:420px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0}.tag-row span{border:1px solid #234454;color:#9fc0ce;font-size:7px;letter-spacing:.08em;padding:5px 7px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.11em;color:var(--cyan);font-weight:800;margin-top:10px}.text-link:hover{color:#fff}.product-specs{border-left:1px solid #1b3b4b;padding:28px 22px;display:flex;flex-direction:column;justify-content:center;gap:25px}.product-specs>div{display:flex;gap:12px;align-items:start}.spec-icon{font:700 13px var(--display);color:var(--cyan);border:1px solid #1b5267;padding:4px 6px}.product-specs p{margin:0;display:flex;flex-direction:column;gap:4px}.product-specs b{font-size:9px;letter-spacing:.1em}.product-specs small{font-size:9px;color:var(--muted)}.product-art{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#07516b8c 0%,#07121c 58%,#040a10 100%);border-left:1px solid #123443}.product-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#13b9e10d 1px,transparent 1px),linear-gradient(90deg,#13b9e10d 1px,transparent 1px);background-size:24px 24px}.orbit{position:absolute;border:1px solid #08c8ee48;border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:240px;height:110px}.orbit-b{width:170px;height:250px;transform:rotate(42deg)}.core-mark{font:900 72px var(--display);color:#f1fcff;text-shadow:0 0 25px #08c8ee;z-index:1}.core-mark span{color:var(--cyan)}.product-art p{z-index:1;letter-spacing:.16em;font-size:10px;line-height:1.6;text-align:center;color:#8eeeff}.product-art small{position:absolute;bottom:22px;font-size:7px;letter-spacing:.17em;color:#6e9aab}.product-note{display:flex;align-items:center;gap:17px;padding:18px 22px;border:1px solid #112c3b;border-top:0;color:var(--muted);font-size:11px}.product-note p{margin:0}.product-note b{color:#fff}.note-symbol{font-size:24px;color:var(--cyan)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.approach-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030a10 0%,#030a1099 38%,transparent 70%);pointer-events:none}.visual-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 48%,#0cc6e52c 49%,transparent 50%);background-size:35px 35px;opacity:.6}.visual-caption{position:absolute;left:27px;bottom:25px;display:flex;flex-direction:column;z-index:1}.visual-caption span{font-size:8px;letter-spacing:.17em;color:var(--cyan)}.visual-caption b{font:800 38px var(--display);margin-top:7px}.visual-caption small{font-size:9px;letter-spacing:.2em;color:#d0e2eb}.approach-copy ul{list-style:none;padding:0;margin:27px 0 0}.approach-copy li{font-size:11px;color:#c6d3db;padding:10px 0;border-bottom:1px solid #122a38}.approach-copy li span{color:var(--cyan);margin-right:10px}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}.about-copy .text-link{margin-top:23px}.about-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid #163747}.stat{min-height:120px;padding:22px;border-bottom:1px solid #163747}.stat:nth-child(odd){border-right:1px solid #163747}.stat-number{display:block;font:800 39px/.95 var(--display);color:var(--cyan)}.stat-label{display:block;font-size:8px;letter-spacing:.12em;line-height:1.7;color:#a8bac5;margin-top:11px}.stat-quote{grid-column:1/-1;padding:21px;font:600 20px/1.25 var(--display);color:#e1edf3}.contact{position:relative;padding:90px 5.2%;overflow:hidden;border-bottom:1px solid var(--line);background:#07121a}.contact-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 82% 50%,#06475a65,transparent 42%),linear-gradient(90deg,#07121a 0%,#07121aeb 55%,#07121a75 100%)}.contact-inner{position:relative;max-width:650px}.contact h2{font-size:clamp(48px,6vw,74px)}.contact-inner>p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:13px}.contact-options{display:flex;gap:12px;margin-top:30px;max-width:560px}.contact-option{flex:1;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #1b485b;background:#06111be0;transition:.2s;min-width:0}.contact-option:hover{border-color:var(--cyan);background:#0a202c}.contact-icon{font-size:23px;color:var(--cyan)}.contact-option>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.contact-option b{font-size:10px;letter-spacing:.12em}.contact-option small{font-size:10px;color:#9db0bd;overflow-wrap:anywhere}.option-arrow{margin-left:auto;color:var(--cyan)}.contact-hint{font-size:9px!important;color:#8196a4!important}.contact-code{position:absolute;right:5.2%;bottom:35px;font-size:9px;letter-spacing:.18em;color:#8beeff;line-height:2}.contact-code span{color:#5d8291}.contact-code i{display:block;width:45px;height:2px;background:var(--cyan);margin-top:8px}.footer{padding:30px 5.2%;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:21px}.footer-brand small{font-size:7px}.footer>p{font-size:8px;letter-spacing:.15em;color:#8295a2}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.footer-right a{font-size:9px;color:var(--cyan);letter-spacing:.12em}.footer-right small{font-size:7px;letter-spacing:.08em;color:#718492}.menu-toggle{background:none;border:0;color:#fff}.menu-toggle span{display:block;width:22px;height:2px;background:var(--cyan);margin:5px}
@media(max-width:1000px){.topline{display:none}.services{grid-template-columns:1fr;gap:35px}.section-intro{max-width:600px}.service-grid{grid-template-columns:repeat(3,1fr)}.product-feature{grid-template-columns:1fr 1fr}.product-main{grid-column:1/-1}.product-specs{border-top:1px solid #1b3b4b}.product-art{min-height:250px}.hero-side{font-size:12px}.approach{gap:4%}}@media(max-width:680px){.topbar{height:68px;padding:0 5%}.brand{font-size:22px}.menu-toggle{display:block;z-index:3}.nav{display:none;position:absolute;top:67px;left:0;right:0;padding:22px 6%;background:#061019;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:18px}.nav.open{display:flex}.nav a.active:after{display:none}.hero{min-height:650px;padding:78px 6% 70px;align-items:flex-start}.hero-image{background-position:58% center;opacity:.62}.hero-copy{margin-top:20px}.hero h1{font-size:clamp(45px,12vw,68px)}.hero-side{top:auto;bottom:68px;right:6%;font-size:10px}.hero-note{margin-top:32px}.hero-index{left:6%;right:6%}.section-wrap{padding:72px 6%}.services{gap:28px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:220px;padding:17px 14px}.service-card h3{font-size:22px}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.section-heading>p{margin:0}.product-feature{grid-template-columns:1fr}.product-main{grid-column:auto;grid-template-columns:45px 1fr;padding:28px 18px;gap:13px}.observe-mark{font-size:45px}.product-main h3{font-size:38px}.product-specs{border-left:0}.product-art{border-left:0;border-top:1px solid #123443}.approach,.about{grid-template-columns:1fr;gap:35px}.approach-visual{height:260px}.about-stats{margin-top:0}.contact{padding:72px 6%}.contact-options{flex-direction:column}.contact-code{display:none}.footer{padding:27px 6%;flex-wrap:wrap}.footer>p{order:3;width:100%;margin:0}.footer-right{align-items:flex-end}.footer-right small{text-align:right;max-width:190px}.section-intro h2,.section-heading h2,.approach h2,.about h2{font-size:42px}}@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card{min-height:190px}.hero h1{font-size:43px}.product-main{grid-template-columns:1fr}.observe-mark{display:none}.footer-brand{font-size:18px}}

/* ---- artwork: one real image that always keeps the subject in frame ---- */
.hero-image{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#0a2233 0%,var(--bg) 70%)}
.hero-image img{position:absolute;right:0;top:0;height:100%;width:74%;max-width:none;object-fit:cover;object-position:68% 40%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 24%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 24%);mask-composite:intersect;opacity:.92}
.hero-grid{pointer-events:none}
.approach-visual{aspect-ratio:16/10;height:auto;min-height:240px;max-height:420px;position:relative;overflow:hidden;border:1px solid #193c4c;background:#06111a}
.approach-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:32% 55%;opacity:.9}
.approach-visual>*{z-index:1}.approach-visual .visual-lines{z-index:1}.approach-visual:after{z-index:1}
img{max-width:100%}

/* tablet and large phone, portrait: picture becomes a banner above the words */
@media (max-width:820px),(max-aspect-ratio:1/1) and (max-width:1100px){
  .hero{display:block;min-height:0;padding:0}
  .hero-image{position:relative;inset:auto;aspect-ratio:16/10;max-height:56vh;width:100%;overflow:hidden}
  .hero-image img{position:absolute;inset:0;width:100%;height:100%;object-position:70% 38%;opacity:1;
    -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 40%);mask-image:linear-gradient(0deg,transparent 0,#000 40%);-webkit-mask-composite:source-over;mask-composite:add}
  .hero-grid{display:none}
  .hero-copy{max-width:none;margin:-8% 0 0;padding:0 6% 28px;position:relative}
  .hero h1{font-size:clamp(40px,11.5vw,84px)}
  .hero-text{max-width:560px}
  .hero-side{position:static;text-align:left;padding:0 6% 8px;font-size:12px;color:#7ddff2}
  .hero-index{position:static;padding:14px 6% 26px}
  .hero-note{margin-top:28px}
}
/* phone in landscape: short screen, so everything is tighter and the picture stays on the right */
@media (max-height:520px) and (orientation:landscape){
  .topbar{height:56px}
  html{scroll-padding-top:64px}
  .hero{display:flex;min-height:0;padding:34px 5.2% 56px;align-items:center}
  .hero-image{position:absolute;inset:0;aspect-ratio:auto;max-height:none}
  .hero-image img{position:absolute;right:0;top:0;left:auto;height:100%;width:62%;opacity:.9;object-position:70% 40%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%);-webkit-mask-composite:source-over;mask-composite:add}
  .hero-copy{margin:0;padding:0;max-width:58%}
  .hero h1{font-size:clamp(32px,10.5vh,52px)}
  .hero-text{margin:12px 0 14px;font-size:12px;max-width:360px}
  .hero-note,.hero-side,.hero-index span{display:none}
  .hero-index{position:absolute;padding:0;bottom:14px;left:5.2%;right:5.2%}
  .hero-eyebrow,.eyebrow{margin-bottom:10px}
  .section-wrap,.contact{padding-top:56px;padding-bottom:56px}
  .nav{gap:22px}
}
/* readable small print on phones */
@media (max-width:680px){
  .eyebrow{font-size:10px;letter-spacing:.18em}
  .card-foot,.tag-row span,.stat-label,.footer>p,.footer-right small,.product-kicker{font-size:9.5px}
  .card-no,.hero-note,.hero-index,.contact-hint,.visual-caption span{font-size:10px!important}
  .service-card p,.product-desc,.product-specs small,.approach-copy li,.product-note{font-size:12.5px}
  .btn{font-size:11px;padding:14px 18px}
  .approach-visual{aspect-ratio:4/3}
}
/* very wide screens: keep the page from stretching forever */
@media (min-width:1700px){
  .topbar,.section-wrap,.hero,.contact,.footer{padding-left:max(5.2%,calc((100vw - 1560px)/2));padding-right:max(5.2%,calc((100vw - 1560px)/2))}
  .hero-index{left:max(5.2%,calc((100vw - 1560px)/2));right:max(5.2%,calc((100vw - 1560px)/2))}
  .hero-side{right:max(5.3%,calc((100vw - 1560px)/2))}
  body{font-size:15px}
}
.approach-visual .visual-caption{z-index:2}
.approach-visual .visual-caption span{color:var(--cyan2)}
.approach-visual .visual-caption small{color:#e3f1f7}
.stat:nth-child(3){grid-column:1/-1;border-right:0!important}
@media (max-width:900px){.approach,.about{grid-template-columns:1fr;gap:35px}.approach-visual{aspect-ratio:16/9}.about-copy p:not(.eyebrow),.approach-copy>p:not(.eyebrow){max-width:560px}}
.approach>*,.about>*{min-width:0}
@media (max-width:900px){.approach,.about{grid-template-columns:minmax(0,1fr)}}
@media (max-width:680px){.approach-visual{min-height:0;max-height:none}}