*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#04131d;color:#eef7fb;font:15px/1.55 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:76px;position:sticky;top:0;z-index:5;background:#04131def;backdrop-filter:blur(12px);border-bottom:1px solid #123342;display:flex;align-items:center;padding:0 4vw;gap:4vw}.brand{display:flex;flex-direction:column;min-width:210px}.brand b{font-size:25px;letter-spacing:.12em}.brand b span,em,.eyebrow{color:#19c8ff;font-style:normal}.brand small{font-size:8px;letter-spacing:.16em;color:#91b6c7}nav{display:flex;gap:26px;flex:1;font-size:13px}nav a:hover{color:#19c8ff}.btn{background:#18bff2;color:#02131d;padding:11px 19px;border-radius:9px;font-weight:750;border:1px solid #18bff2;display:inline-block}.btn.ghost{background:transparent;color:#fff}.btn.big{padding:14px 24px}.hero{min-height:680px;padding:78px 4vw 55px;display:grid;grid-template-columns:.9fr 1.25fr;gap:5vw;align-items:center;background:radial-gradient(circle at 75% 40%,#0b3d54 0,#061d2a 25%,#04131d 58%)}.eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(48px,5vw,78px);line-height:.98;margin:12px 0 18px;letter-spacing:-.04em}.hero h2{color:#19c8ff;font-size:24px}.lead{max-width:600px;color:#bdd0d9;font-size:18px}.sources{color:#9bb7c4;font-size:12px;margin-top:42px}.mock{border:1px solid #31556a;border-radius:15px;background:#071c29;box-shadow:0 40px 80px #0008;overflow:hidden}.bar{height:46px;background:#0b2230;padding:13px 16px;display:flex;justify-content:space-between;font-size:11px}.screen{display:grid;grid-template-columns:145px 1fr 150px;height:390px}.screen aside{padding:18px 10px;background:#071923;font-size:9px;color:#7f9ba8}.screen aside strong{display:block;background:#0b4058;color:#fff;padding:7px}.view{background:radial-gradient(circle,#16455c,#07141c 60%);display:grid;place-items:center;position:relative}.view div{font-size:170px;color:#9ec9d7;text-shadow:0 0 18px #33d5ff;opacity:.7}.view small{position:absolute;bottom:12px;left:12px}.note{display:block;text-align:center;color:#527889;padding:7px}.intro,.split article,.outputs,.modules,.principle,.saie,.signup{padding:68px 4vw;border-bottom:1px solid #123342}.intro{display:grid;grid-template-columns:1fr 1.5fr;gap:10vw;background:#061a26}.intro h2,.split h2,.outputs h2,.modules h2,.principle h2,.saie h2,.signup h2{font-size:34px;line-height:1.12;margin:8px 0 18px}.intro p,.split p,.outputs>p,.principle p,.saie p,.signup p{color:#b2c8d2}.split{display:grid;grid-template-columns:1fr 1fr}.split article:first-child{border-right:1px solid #123342}.flow{margin:30px 0;padding:18px;border:1px solid #176a89;border-radius:9px;color:#bfeeff}.split blockquote{border-left:2px solid #19c8ff;padding:14px;background:#082331;margin:25px 0}.coords{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-top:30px}.coords div{border:1px solid #176a89;border-radius:8px;padding:16px}.coords span{text-align:center;font-size:30px;color:#19c8ff}.cards,.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}.cards div,.grid article{min-height:130px;border:1px solid #1b5068;border-radius:8px;background:#071e2a;padding:18px}.cards div{display:flex;flex-direction:column;justify-content:space-between;font-size:42px;color:#6faabd}.cards b{font-size:13px;color:#fff}.grid{grid-template-columns:repeat(3,1fr)}.grid i{font-size:35px;color:#19c8ff}.grid article small{float:right;background:#163c4e;padding:4px 7px;border-radius:10px}.principle{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:radial-gradient(circle at 80%,#07344b,#04131d 50%)}blockquote{margin-left:0}.legend{display:flex;flex-direction:column;gap:10px;color:#b9d2dc}.legend span:first-child{color:#22d8d0}.wave{font-size:28px;line-height:.5;color:#0faee3;letter-spacing:4px;margin-top:30px;transform:skewY(-5deg)}.saie{text-align:center;background:#071e2a}.saie p{max-width:720px;margin:15px auto 28px}.signup{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.signup form{display:grid;gap:12px}.signup label{font-size:12px;color:#a9c2cc}.signup input:not([type=checkbox]){display:block;width:100%;margin-top:5px;padding:13px;border-radius:7px;border:1px solid #285267;background:#061923;color:#fff}.check{display:flex;gap:8px}.signup button{cursor:pointer}footer{padding:34px 4vw;display:flex;justify-content:space-between;align-items:center;color:#7897a5;font-size:11px}@media(max-width:900px){nav{display:none}.hero,.intro,.split,.principle,.signup{grid-template-columns:1fr}.split article:first-child{border-right:0}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.screen{grid-template-columns:105px 1fr}.screen aside:last-child{display:none}.hero h1{font-size:52px}}@media(max-width:560px){header{padding:0 18px}.hero,.intro,.split article,.outputs,.modules,.principle,.saie,.signup{padding-left:22px;padding-right:22px}.hero h1{font-size:44px}.cards{grid-template-columns:1fr 1fr}.coords{grid-template-columns:1fr}.coords span{transform:rotate(90deg)}footer{flex-direction:column;gap:18px;text-align:center}}
/* v2 brand + point cloud + IFC + mobile refinements */
.brand{flex-direction:row;align-items:center;gap:9px}.brand-copy{display:flex;flex-direction:column}.logo-mark{width:43px;height:36px;color:#19c8ff;overflow:visible;flex:0 0 auto}.logo-mark circle{fill:#19c8ff;stroke:none}
.pointcloud{position:relative!important;width:78%!important;height:68%!important;font-size:0!important;filter:drop-shadow(0 0 13px #19c8ff66);opacity:.95!important;transform:perspective(500px) rotateX(4deg) rotateY(-8deg)}
.pointcloud span{position:absolute;display:block;border:2px dotted #64dfff;background-image:radial-gradient(circle,#b9f3ff 1px,transparent 1.4px);background-size:7px 7px;opacity:.82}
.pc-wall{left:18%;top:30%;width:50%;height:48%;clip-path:polygon(0 15%,100% 0,100% 100%,0 88%)}
.pc-roof{left:13%;top:9%;width:58%;height:31%;clip-path:polygon(0 78%,44% 0,100% 63%,87% 100%,43% 38%,12% 100%)}
.pc-wing{right:2%;top:40%;width:37%;height:37%;clip-path:polygon(0 15%,100% 0,100% 100%,0 88%)}
.pc-ground{left:3%;bottom:3%;width:92%;height:20%;clip-path:polygon(0 65%,55% 0,100% 42%,43% 100%)}
.cards{grid-template-columns:repeat(6,1fr)}.ifc-card{border-color:#19c8ff!important;position:relative}.ifc-card small{font-size:8px;color:#8bb2c2}.ifc-card em{font-size:8px;letter-spacing:.08em;background:#0d4257;padding:4px 6px;border-radius:10px;align-self:flex-start}.roadmap-note{margin-top:22px!important;padding:15px 18px;border-left:2px solid #19c8ff;background:#071e2a}.roadmap-note strong{display:block;color:#7ea5b5;font-size:11px;margin-top:5px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){header{height:68px}.brand{min-width:0}.logo-mark{width:36px;height:30px}.brand b{font-size:20px}.brand small{font-size:6px}.hero{padding-top:42px}.mock{transform:none}.sources{display:flex;flex-wrap:wrap;gap:8px 18px}.cards{grid-template-columns:repeat(2,1fr)}.saie p{max-width:620px}}
@media(max-width:560px){header>.btn{font-size:10px;padding:9px 10px}.brand small{display:none}.logo-mark{width:32px}.hero{min-height:auto}.hero h1{font-size:42px}.hero h2{font-size:20px}.lead{font-size:16px}.hero p .btn{display:block;text-align:center;margin:9px 0}.mock{margin-top:12px}.screen{height:270px;grid-template-columns:92px 1fr}.screen aside{font-size:7px;padding:12px 7px}.bar{font-size:8px}.pointcloud{width:88%!important;height:62%!important}.intro,.split article,.outputs,.modules,.principle,.saie,.signup{padding-top:50px;padding-bottom:50px}.intro h2,.split h2,.outputs h2,.modules h2,.principle h2,.saie h2,.signup h2{font-size:29px}.cards{gap:10px}.cards div{min-height:115px}.signup form .btn{width:100%}}

/* --- v3: approved AXIVET brand + smartphone navigation --- */
.brand-image{display:flex;align-items:center;min-width:0}
.brand-image img{display:block;width:220px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.footer-brand img{width:190px}
.logo-mark,.brand-copy{display:none!important}
.site-header{height:78px}
.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;padding:8px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#eef7fb;margin:6px 0;border-radius:2px;transition:.2s}
.mobile-demo{display:none!important}
@media(max-width:900px){
  .site-header{height:68px;padding:0 18px;justify-content:space-between;gap:12px}
  .brand-image img{width:175px;max-height:48px}
  .menu-toggle{display:block;margin-left:auto}
  .desktop-demo{display:none}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:68px;background:#061923f7;border-top:1px solid #123342;border-bottom:1px solid #1b5068;padding:12px 18px 18px;flex-direction:column;gap:0;box-shadow:0 18px 35px #0008}
  .site-header nav.open{display:flex}
  .site-header nav a{padding:14px 4px;border-bottom:1px solid #123342;font-size:15px}
  .site-header nav .mobile-demo{display:block!important;margin-top:12px;border:1px solid #19c8ff;border-radius:8px;text-align:center;color:#19c8ff;font-weight:700}
  .hero{grid-template-columns:1fr!important;gap:34px!important;padding-top:44px!important}
  .mock{width:100%;max-width:700px;margin-inline:auto}
  .intro,.split,.principle,.signup{grid-template-columns:1fr!important}
  .split article:first-child{border-right:0!important}
  .split article{border-bottom:1px solid #123342}
  .cards{grid-template-columns:repeat(3,1fr)!important}
  .grid{grid-template-columns:1fr!important}
  .signup{gap:34px!important}
  footer{flex-direction:column;align-items:flex-start!important;gap:18px}
}
@media(max-width:600px){
  .brand-image img{width:145px}
  .hero{padding:36px 18px 44px!important}
  .hero h1{font-size:42px!important;line-height:1.02!important}
  .hero h2{font-size:19px!important}
  .lead{font-size:15.5px!important}
  .hero p:has(.btn){display:grid;grid-template-columns:1fr;gap:10px}
  .hero p .btn{width:100%;text-align:center;margin:0!important}
  .sources{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin-top:26px!important}
  .mock{border-radius:10px}
  .bar{height:38px!important;padding:10px!important}
  .bar span{display:none}
  .screen{height:250px!important;grid-template-columns:85px 1fr!important}
  .screen aside{font-size:6.5px!important;padding:10px 6px!important;overflow:hidden}
  .screen aside:last-child{display:none!important}
  .pointcloud{width:91%!important;height:68%!important}
  .intro,.split article,.outputs,.modules,.principle,.saie,.signup{padding:46px 18px!important}
  .intro h2,.split h2,.outputs h2,.modules h2,.principle h2,.saie h2,.signup h2{font-size:28px!important}
  .coords{grid-template-columns:1fr!important}
  .coords span{transform:none!important}
  .cards{grid-template-columns:1fr 1fr!important}
  .cards div{min-height:108px!important;font-size:32px!important}
  .ifc-card{grid-column:1/-1}
  .roadmap-note{font-size:13px}
  .saie .btn,.signup .btn{width:100%;text-align:center}
  .signup form{gap:15px}
  footer{padding:30px 18px!important}
  .footer-brand img{width:160px}
}
@media(max-width:380px){
  .brand-image img{width:128px}
  .hero h1{font-size:37px!important}
  .cards{grid-template-columns:1fr!important}
  .ifc-card{grid-column:auto}
  .sources{grid-template-columns:1fr}
}

/* v4: corrected approved brand asset */
.brand-image img{
  width:250px!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.footer-brand img{width:220px!important}
@media(max-width:900px){
  .brand-image img{width:190px!important;max-height:48px!important}
}
@media(max-width:600px){
  .brand-image img{width:162px!important;max-height:44px!important}
}
@media(max-width:380px){
  .brand-image img{width:145px!important}
}

/* v5: real hero point cloud */
.view.real-hero{display:flex!important;align-items:center;justify-content:center;background:#02070b!important;overflow:hidden}
.view.real-hero img{width:100%;height:100%;object-fit:contain;display:block}
.view.real-hero small{position:absolute;bottom:10px;left:12px;background:#04131dcc;padding:4px 7px;border-radius:5px;color:#9fdff4}
@media(max-width:600px){
  .view.real-hero img{object-fit:cover;object-position:center center}
}

/* v7.1: demo contact, accessibility, responsive image */
section[id],main[id]{scroll-margin-top:90px}a:focus-visible,button:focus-visible{outline:3px solid #9be8ff;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:#eef7fb;color:#04131d;padding:12px}.skip-link:focus{top:12px}.project-image{display:block;width:100%;height:auto}.mock{margin:0;min-width:0}.note{color:#a9c2cc}.contact-card{min-width:0;border:1px solid #285267;border-radius:12px;padding:24px;background:#061923}.contact-card h3{margin-top:0;font-size:23px}.contact-help{font-size:13px;color:#b2c8d2}.contact-card p a,footer p a,.data-page a{text-decoration:underline;text-underline-offset:3px}footer{gap:22px;flex-wrap:wrap;font-size:13px;color:#b2c8d2}.data-page{max-width:900px;margin:auto;padding:50px 24px}.data-page h1{font-size:36px}.legend{min-width:0}.wave{overflow:hidden}.coords div{min-width:0}.hero>div,.saie-hero>div{min-width:0}@media(max-width:600px){.contact-card{padding:20px}.landing-header{gap:12px}.landing-header .btn{font-size:11px;padding:10px}.landing-header img{max-width:135px}.sources{display:block!important}.note{font-size:11px}.contact-card .btn{white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
