@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap");


:root{
  --bg:#03121b; --bg2:#061923; --ink:#f7f8fa; --muted:#a9b8c2; --dim:#6f8491;
  --line:#274251; --line2:#365b6f; --blue:#5bb5ff; --blue2:#2563ff;
  --panel:#071923; --panel2:#0a2130; --max:1240px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:"Sora",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block} p{margin:0;color:var(--muted);line-height:1.55} b,strong{font-weight:650}.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}.nav{position:sticky;top:0;z-index:50;background:rgba(3,15,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(62,96,112,.48)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{width:94px}.menu{display:flex;align-items:center;gap:32px;font-size:13px;color:#dce7ee}.menu a{opacity:.82}.menu a:hover,.menu a.active{opacity:1;color:#fff}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #6bbcff;border-radius:999px;padding:11px 18px;color:#fff}.pill:hover{background:rgba(91,181,255,.08)}.pill.light{background:#fff;color:#06131b;border-color:#fff;font-weight:650}.pill.blue{background:linear-gradient(90deg,#4b9dff,#70bdff);color:#03121b;border:0;font-weight:700}
.hero{position:relative;min-height:690px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);overflow:hidden;background-position:center;background-size:cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,23,.91) 0%,rgba(3,15,23,.62) 39%,rgba(3,15,23,.18) 70%,rgba(3,15,23,.48) 100%)}.hero.home{background-image:url('assets/home-hero.png')}.hero.tech{background-image:url('assets/tech-hero.png')}.hero.company{background-image:url('assets/company-hero.png')}.hero.contact{background-image:url('assets/contact-banner-new.png')}.hero .inner{position:relative;z-index:2;padding:126px 0 76px;max-width:700px}.hero .side-note{position:absolute;right:8%;top:38%;width:210px;color:#d4e2e9;text-transform:uppercase;letter-spacing:.12em;font-size:12px;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#d4e3eb;font-size:11px;margin-bottom:14px}.eyebrow.blue{color:var(--blue)}h1{font-weight:500;font-size:clamp(48px,6vw,82px);letter-spacing:-.055em;line-height:.98;margin:0 0 18px}h2{font-weight:500;font-size:clamp(34px,4.2vw,58px);letter-spacing:-.045em;line-height:1.04;margin:0 0 16px}h3{font-weight:500;font-size:28px;letter-spacing:-.03em;line-height:1.12;margin:0 0 10px}.hero p{font-size:18px;color:#e1ebf0;max-width:650px}.scroll{margin-top:28px;color:#b9c8d0;font-size:12px}.section{padding:76px 0;border-bottom:1px solid var(--line)}.section.compact{padding:50px 0}.section.dark{background:#041720}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.small{font-size:13px}.button-row{margin-top:24px}.media-box{border:1px solid var(--line);background:#031018;overflow:hidden}.media-box img{width:100%;height:100%;object-fit:cover}.surface-wrap{display:grid;grid-template-columns:.78fr 1.22fr;gap:36px;align-items:center}.surface-img{height:360px;border:1px solid var(--line);background:url('assets/surface-subsurface.png') center/cover}.panel{border:1px solid var(--line);background:linear-gradient(180deg,#071923,#04131c)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.how-card{border:1px solid var(--line);background:#061923}.how-card img{height:250px;width:100%;object-fit:cover}.how-card .copy{padding:20px}.number{color:var(--blue);font-weight:700;font-size:14px;margin-bottom:7px;letter-spacing:.08em}.platform{display:grid;grid-template-columns:.86fr 1.14fr;gap:42px;align-items:center}.platform-img{border:1px solid var(--line);background:#031018;padding:0;box-shadow:0 22px 80px rgba(0,0,0,.35)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{padding:36px 32px;border-right:1px solid var(--line);background:#041720}.feature:last-child{border-right:0}.icon{font-size:34px;color:var(--blue);margin-bottom:14px}.mission{position:relative;min-height:360px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,15,23,.88),rgba(3,15,23,.35)),url('assets/portfolio-banner-new.png') center/cover;border-bottom:1px solid var(--line)}.mission .mission-list{position:absolute;right:7%;top:50%;transform:translateY(-50%);display:grid;gap:18px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mission .mission-list span{display:flex;align-items:center;gap:12px;color:#dce7ee}.mission .mission-list i{width:9px;height:9px;border:1px solid #86caff;border-radius:50%}.logos{display:flex;gap:48px;align-items:center;justify-content:space-between;flex-wrap:wrap}.logos img{max-height:54px;max-width:190px;object-fit:contain;opacity:1}.logos .text-logo{font-size:20px;font-weight:700}.footer{padding:42px 0 26px}.foot-main{display:flex;align-items:center;justify-content:space-between;gap:30px}.foot-left{display:flex;align-items:center;gap:28px}.foot-nav{display:flex;gap:28px;font-size:13px;color:#b8c8d1}.legal{margin-top:26px;padding-top:18px;border-top:1px solid #213844;color:#718693;font-size:12px;display:flex;justify-content:space-between}.layers{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.layers-img{border:1px solid var(--line)}.deep-tech{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.deep-tech img{border:1px solid var(--line)}.deploy-card{border:1px solid var(--line);background:#061923;overflow:hidden}.deploy-card img{height:260px;width:100%;object-fit:cover}.deploy-card .copy{padding:18px}.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:30px}.compare>div{padding:28px}.compare>div+div{border-left:1px solid var(--line)}.compare ul{padding:0;margin:16px 0 0;list-style:none}.compare li{padding:9px 0;border-bottom:1px solid #1d3440;color:#b9c7d0;font-size:13px}.compare .old li:before{content:'○';margin-right:10px;color:#92a3ad}.compare .new li:before{content:'●';margin-right:10px;color:var(--blue)}.mission2{display:grid;grid-template-columns:1fr .6fr;gap:46px}.mission-points{display:grid;gap:16px}.point{display:flex;align-items:center;gap:12px;border-bottom:1px solid #213844;padding-bottom:14px;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.point i{width:10px;height:10px;border:1px solid #86caff;border-radius:50%}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.person{border:1px solid var(--line);background:#071923;overflow:hidden}.person img{width:100%;aspect-ratio:1/1.06;object-fit:cover;object-position:center 24%}.bio{padding:16px}.name{font-weight:700;font-size:14px}.role{font-size:12px;color:var(--blue);margin:5px 0 10px}.origin{min-height:360px;background:linear-gradient(90deg,rgba(3,15,23,.88),rgba(3,15,23,.26)),url('assets/contact-bridge.png') center/cover;display:flex;align-items:center;border-bottom:1px solid var(--line)}.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.award{min-height:160px;border:1px solid var(--line);background:#071923;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.award img{max-height:70px;max-width:185px;object-fit:contain}.award span{font-size:13px;margin-top:14px;color:#c8d5dc}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:38px}.form{display:grid;gap:14px}label{font-size:12px;color:#dce7ee;margin-bottom:6px;display:block}input,select,textarea{width:100%;background:#061923;border:1px solid #365b6f;color:white;padding:15px 16px;border-radius:2px}textarea{min-height:145px;resize:vertical}.side{border-left:1px solid var(--line);padding-left:32px}.contact-item{padding:18px 0;border-bottom:1px solid #213844}.map-banner{min-height:360px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,15,23,.86),rgba(3,15,23,.18)),url('assets/global-banner-new.png') center/cover;border-bottom:1px solid var(--line)}
@media(max-width:900px){.wrap{padding:0 22px}.menu a:not(.pill){display:none}.hero{min-height:610px}.hero .side-note{display:none}h1{font-size:clamp(32px,8vw,50px)}.grid2,.grid3,.grid4,.surface-wrap,.how,.platform,.feature-strip,.layers,.deep-tech,.mission2,.team,.contact-grid,.compare{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}.mission .mission-list{position:static;transform:none;margin-top:30px}.mission{padding:76px 0}.logos{justify-content:flex-start}.foot-main,.foot-left,.legal{flex-direction:column;align-items:flex-start}.side{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:22px}.how-card img,.deploy-card img{height:230px}.platform{gap:28px}}
/* v4 — restore clear Home / Technology separation */
.surface-wrap{grid-template-columns:.72fr 1.35fr .72fr}.surface-copy{text-align:left}.memory{display:grid;grid-template-columns:.75fr 1.25fr;gap:42px;align-items:center}.memory>img{border:1px solid var(--line);width:100%}.workflow .how-card{position:relative}.workflow .how-card:not(:last-child):after{content:'→';position:absolute;right:-19px;top:116px;z-index:3;color:#dce7ee;font-size:28px}.home-deploy-head{align-items:end}
@media(max-width:900px){.surface-wrap,.memory{grid-template-columns:1fr}.workflow .how-card:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-27px}.surface-copy{text-align:left}}

/* Talk to Talpa — form states (added on Wix Forms wiring) */
.field-error{display:block;color:#ff8f8f;font-size:12px;margin-top:6px;letter-spacing:0}
.field-error:empty{display:none}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#c0392b;outline-color:#c0392b}
.form-status{color:#ff8f8f;font-size:13px;margin-top:4px}
.form-status:empty{display:none}
.form-thankyou{border:1px solid var(--line);background:#061923;padding:26px;border-radius:2px}
.form-thankyou h3{color:var(--blue)}
.form-thankyou:focus{outline:none}

/* --- Mobile navigation (hamburger) --- */
.nav-toggle{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:8px;margin:-8px;line-height:0}
.nav-toggle svg line{transition:transform .2s ease,opacity .2s ease;transform-origin:center}
@media(max-width:900px){
  .nav-toggle{display:inline-flex;align-items:center}
  /* Turn the menu into a full-width dropdown panel under the bar */
  .menu{position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
        background:rgba(3,15,23,.98);backdrop-filter:blur(18px);
        border-bottom:1px solid rgba(62,96,112,.48);padding:6px 0;display:none}
  .nav.nav-open .menu{display:flex}
  /* Reveal the links that were hidden on mobile */
  .menu a:not(.pill){display:block}
  .menu a{padding:15px 22px;opacity:1;font-size:15px;border-bottom:1px solid rgba(62,96,112,.28)}
  .menu a.pill{border:1px solid #6bbcff;margin:12px 22px;justify-content:center;border-bottom:1px solid #6bbcff}
  /* Animate hamburger into an X when open */
  .nav.nav-open .nav-toggle .l1{transform:translateY(5px) rotate(45deg)}
  .nav.nav-open .nav-toggle .l2{opacity:0}
  .nav.nav-open .nav-toggle .l3{transform:translateY(-5px) rotate(-45deg)}
}

/* --- Phone typography & spacing refinements --- */
@media(max-width:600px){
  .wrap{padding:0 26px}
  h1{letter-spacing:-.03em;line-height:1.02}
  h2{font-size:clamp(26px,6.8vw,38px)}
  h3{font-size:23px}
  .hero p{font-size:16px}
  .hero .inner{padding:100px 26px 56px}
  .section{padding:56px 0}
}