:root{
  --navy:#001433;
  --deep:#001F52;
  --turq:#00C3C8;
  --blue:#0066CC;
  --white:#FFFFFF;
  --serif:"Playfair Display",Georgia,serif;
  --sans:"DM Sans",Inter,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.edge{position:fixed;top:0;left:0;width:6px;height:100vh;background:var(--turq);z-index:60}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:74px;padding:0 40px 0 52px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,20,51,.91);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px)}
.wordmark{font-family:var(--serif);font-size:34px;font-weight:900;color:var(--turq)}
.links{display:flex;align-items:center;gap:22px;color:rgba(255,255,255,.72);font-size:14px}
.links a{display:inline-flex;align-items:center;min-height:42px;white-space:nowrap}
.links a:hover{color:var(--white)}
.nav-actions{display:flex;gap:10px;align-items:center}
.lang-switch{display:inline-flex;align-items:center;gap:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px;font-size:10px;letter-spacing:1px}
.lang-btn{background:none;border:0;color:rgba(255,255,255,.62);padding:5px 9px;border-radius:999px;cursor:pointer;font:inherit;text-transform:uppercase;font-weight:700}
.lang-btn.active{background:linear-gradient(135deg,var(--turq),var(--blue));color:var(--navy)}
.lang-btn:hover:not(.active){color:var(--white)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--white);font-size:14px;font-weight:700;white-space:nowrap}
.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--turq),var(--blue));color:var(--navy)}
.btn:hover{border-color:var(--turq)}
.container{width:min(1180px,calc(100vw - 64px));margin:0 auto}
.hero{position:relative;min-height:86svh;padding:122px 0 72px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--navy) 0%,rgba(0,20,51,.98) 40%,rgba(0,20,51,.54) 70%,var(--navy) 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(0,195,200,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(0,195,200,.08) 1px,transparent 1px);background-size:56px 56px;opacity:.28}
.hero .container{position:relative;z-index:3}
.hero-copy{max-width:690px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--turq);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:20px}
.eyebrow::before{content:"";display:inline-block;width:38px;height:3px;background:var(--turq)}
h1,h2,h3{font-family:var(--serif);color:var(--white);font-weight:700;margin:0}
h1{font-size:70px;line-height:1}
h2{font-size:48px;line-height:1.06}
h3{font-size:26px;line-height:1.16}
.accent{color:var(--turq)}
.lead{font-size:19px;color:rgba(255,255,255,.82);max-width:660px;margin:24px 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.section{padding:88px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.section-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:42px}
.section-intro p{margin:0;color:rgba(255,255,255,.74);font-size:17px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--deep);padding:26px}
.card h3{margin-bottom:12px}
.card p{color:rgba(255,255,255,.72);margin:0}
.tag{color:var(--turq);font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:14px}
.fine{color:rgba(255,255,255,.62);font-size:13px}
.list{display:grid;gap:10px;padding:0;margin:18px 0 0;list-style:none}
.list li{display:flex;gap:10px;color:rgba(255,255,255,.8);font-size:14px}
.list li::before{content:"";width:7px;height:7px;margin-top:8px;flex:0 0 auto;border-radius:50%;background:var(--turq)}
.panel{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--deep);padding:28px}
.panel p{color:rgba(255,255,255,.72)}
.route-card{min-height:390px;display:flex;flex-direction:column}
.route-card .btn{width:max-content;margin-top:auto}
.maturity-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;margin-top:20px}
.maturity-level{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.04);padding:14px;min-height:148px;display:flex;flex-direction:column;justify-content:space-between}
.maturity-level.t3,.maturity-level.t4,.maturity-level.t5{border-color:rgba(0,195,200,.5)}
.level-bar{height:44px;border-radius:8px;background:linear-gradient(180deg,var(--turq),var(--blue));margin-bottom:12px}
.t1 .level-bar{height:18px}.t2 .level-bar{height:30px}.t3 .level-bar{height:46px}.t4 .level-bar{height:60px}.t5 .level-bar{height:74px}
.level-id{font-family:var(--serif);font-size:28px;color:var(--turq);line-height:1}
.level-name{font-weight:700;margin-top:6px}
.level-copy{font-size:12px;color:rgba(255,255,255,.68);margin-top:8px}
.matrix{display:grid;grid-template-columns:92px repeat(5,1fr);gap:8px;align-items:stretch}
.mx-head,.mx-rowhead,.mx-cell{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.035);padding:11px;min-height:68px}
.mx-head{color:var(--turq);font-weight:700;text-align:center}
.mx-rowhead{color:rgba(255,255,255,.72);font-size:12px}
.mx-cell{font-size:12px;color:rgba(255,255,255,.66)}
.mx-cell.good{border-color:rgba(0,195,200,.64);background:rgba(0,195,200,.08);color:var(--white)}
.mx-cell.ai{background:linear-gradient(135deg,rgba(0,195,200,.18),rgba(0,102,204,.24));border-color:var(--turq);color:var(--white)}
.mx-cell.risk{border-color:rgba(0,102,204,.7);background:rgba(0,102,204,.14)}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.flow-step{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--deep);padding:18px;min-height:178px}
.flow-step::after{content:"";position:absolute;right:-13px;top:50%;width:13px;height:2px;background:var(--turq)}
.flow-step:last-child::after{display:none}
.step-num{width:34px;height:34px;border:1px solid var(--turq);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--turq);font-weight:700;margin-bottom:12px}
.step-title{font-weight:700;margin-bottom:8px}
.step-copy{font-size:13px;color:rgba(255,255,255,.7)}
.architecture{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.arch-layer{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(255,255,255,.035);margin-top:10px}
.arch-layer strong{color:var(--turq)}
.arch-layer span{color:rgba(255,255,255,.72)}
.journey{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.journey-card{border-top:4px solid var(--turq);border-radius:8px;background:var(--deep);padding:24px}
.visual-scene{position:absolute;right:-150px;top:104px;z-index:2;width:820px;height:650px;perspective:1300px;pointer-events:none}
.desktop{position:absolute;right:70px;top:70px;width:680px;transform:rotateX(8deg) rotateY(-18deg) rotateZ(2deg);transform-style:preserve-3d}
.screen{height:420px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,var(--deep),var(--navy));box-shadow:0 40px 80px rgba(0,20,51,.72);overflow:hidden}
.screenbar{height:40px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:rgba(255,255,255,.72);font-size:12px;background:rgba(0,20,51,.78)}
.dots{display:flex;gap:7px}.dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.32)}.dots span:first-child{background:var(--turq)}
.screenbody{height:380px;display:grid;grid-template-columns:250px 1fr;gap:14px;padding:14px}
.mini-panel{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(0,20,51,.54);padding:14px}
.chat{display:flex;flex-direction:column;gap:10px}
.msg{border-radius:8px;background:rgba(255,255,255,.06);padding:10px;color:rgba(255,255,255,.78);font-size:12px}
.msg.ai{border-left:3px solid var(--turq);background:rgba(0,195,200,.09);color:var(--white)}
.rowcol{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.cell{height:26px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:rgba(255,255,255,.035)}
.cell.active{background:linear-gradient(135deg,rgba(0,195,200,.2),rgba(0,102,204,.22));border-color:var(--turq)}
.bars{display:grid;gap:8px;margin-top:14px}
.bar{height:8px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.09)}
.bar span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--turq),var(--blue))}
.stand{width:144px;height:76px;margin:0 auto;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.04));clip-path:polygon(35% 0,65% 0,84% 100%,16% 100%)}
.base{width:300px;height:24px;margin:-2px auto 0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.18),rgba(255,255,255,.06))}
.float-chip{position:absolute;border:1px solid rgba(0,195,200,.45);background:rgba(0,31,82,.82);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--white);box-shadow:0 18px 36px rgba(0,20,51,.34)}
.float-chip b{display:block;color:var(--turq);font-size:11px}.fc1{left:20px;top:82px}.fc2{right:0;top:46px}.fc3{right:40px;top:500px}.fc4{left:70px;top:530px}
.supply-map{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:center;margin-top:24px}
.supply-node{border:1px solid rgba(0,195,200,.44);border-radius:8px;background:rgba(0,31,82,.8);padding:14px;text-align:center;min-height:92px;display:flex;flex-direction:column;justify-content:center}
.supply-node strong{color:var(--turq);display:block}.supply-arrow{height:2px;background:var(--turq)}
.quote{border-left:4px solid var(--turq);padding:20px 24px;background:rgba(0,31,82,.7);border-radius:0 8px 8px 0;color:rgba(255,255,255,.82);font-family:var(--serif);font-size:23px}
.hero.immersive{min-height:92svh}
.xpa3d-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;background:var(--navy)}
.experience-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--navy) 0%,rgba(0,20,51,.92) 34%,rgba(0,20,51,.34) 72%,rgba(0,20,51,.7) 100%);pointer-events:none}
.hero.immersive::before{display:none}
.hero.immersive::after{z-index:1;opacity:.18}
.hero.immersive .container{position:relative;z-index:3}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:720px;margin-top:28px}
.metric-card{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(0,31,82,.72);padding:14px;backdrop-filter:blur(10px)}
.metric-label{color:rgba(255,255,255,.62);font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px}
.metric-value{font-family:var(--serif);font-size:28px;color:var(--white);line-height:1.1;margin-top:5px}
.demo-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:rgba(255,255,255,.62);font-size:13px}
.demo-note::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--turq)}
.experience-grid{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:stretch}
.scenario-panel,.scenario-output,.model-panel,.driver-board{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--deep);padding:24px}
.scenario-list{display:grid;gap:10px;margin-top:18px}
.scenario-btn{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.04);color:var(--white);font:inherit;font-weight:700;text-align:left;padding:0 14px;cursor:pointer}
.scenario-btn:hover,.scenario-btn.active{border-color:var(--turq);background:rgba(0,195,200,.1)}
.scenario-output{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.scenario-narrative{border-left:4px solid var(--turq);padding-left:18px;color:rgba(255,255,255,.82)}
.scenario-table{display:grid;gap:8px}
.scenario-row{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);padding:8px 0;color:rgba(255,255,255,.72)}
.scenario-row strong{color:var(--white)}
.anonymized-experience{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:stretch}
.experience-copy-panel{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--deep);padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:460px}
.experience-copy-panel h3{margin-bottom:12px}
.experience-copy-panel .btn{margin-top:auto}
.experience-kpis{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 24px}
.experience-kpis div{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.035);padding:14px}
.experience-kpis span{display:block;font-family:var(--serif);font-size:30px;line-height:1.05;color:var(--white)}
.experience-kpis small{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:11px;text-transform:uppercase;font-weight:700}
.experience-preview-shell{position:relative;min-height:520px;border:1px solid rgba(0,195,200,.52);border-radius:8px;background:var(--navy);overflow:hidden;cursor:grab;box-shadow:0 34px 80px rgba(0,20,51,.36)}
.experience-preview-shell:focus-visible{outline:2px solid var(--turq);outline-offset:4px}
.experience-preview-shell.is-dragging{cursor:grabbing}
.experience-preview-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:var(--navy)}
.experience-preview-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,195,200,.08),transparent 38%,rgba(0,102,204,.16));pointer-events:none}
.experience-preview-hint{position:absolute;left:22px;right:22px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,20,51,.78);padding:14px 16px;backdrop-filter:blur(16px);pointer-events:none}
.experience-preview-hint span{color:rgba(255,255,255,.74);font-size:13px;font-weight:700}
.experience-preview-hint strong{color:var(--turq);font-size:14px}
.experience-preview-shell:hover .experience-preview-hint,.experience-preview-shell.show-open-option .experience-preview-hint{border-color:var(--turq);background:rgba(0,31,82,.92)}
.model-hero-visual{position:absolute;right:8vw;top:148px;z-index:2;width:470px;display:grid;gap:10px;transform:perspective(900px) rotateY(-14deg) rotateX(6deg)}
.model-step{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:rgba(0,31,82,.78);padding:14px 16px;box-shadow:0 26px 60px rgba(0,20,51,.36)}
.model-step b{color:var(--turq);font-family:var(--serif);font-size:24px}
.model-step span{color:rgba(255,255,255,.76);font-size:13px}
.model-workbench{display:grid;grid-template-columns:320px 1fr;gap:18px}
.model-switch{display:grid;gap:10px;margin-top:18px}
.model-choice{min-height:46px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.04);color:var(--white);font:inherit;font-weight:700;text-align:left;padding:0 14px;cursor:pointer}
.model-choice:hover,.model-choice.active{border-color:var(--turq);background:rgba(0,195,200,.1)}
.driver-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.driver-node{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(255,255,255,.035);padding:16px;min-height:112px}
.driver-node.primary{grid-column:1/-1;border-color:rgba(0,195,200,.62);background:rgba(0,195,200,.08)}
.driver-node small{display:block;color:var(--turq);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.driver-node strong{display:block;color:var(--white);font-size:18px;margin-bottom:6px}
.driver-node span{color:rgba(255,255,255,.68);font-size:13px}
.synthetic-table{display:grid;gap:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;overflow:hidden}
.synthetic-table div{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:13px}
.synthetic-table div:first-child{background:rgba(0,195,200,.1);color:var(--white);font-weight:700}
.synthetic-table div:last-child{border-bottom:0}
.cta{padding:72px 0}
.cta-box{border:1px solid rgba(0,195,200,.44);border-radius:8px;background:linear-gradient(135deg,rgba(0,31,82,.92),rgba(0,20,51,.96));padding:38px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.cta-box p{color:rgba(255,255,255,.74);margin:12px 0 0;max-width:760px}
.footer{padding:36px 0 48px;color:rgba(255,255,255,.58);font-size:13px}
.footer .container{display:flex;justify-content:space-between;gap:20px}
@media(max-width:1120px){
  h1{font-size:58px}.visual-scene{right:-360px;opacity:.48}.section-intro,.split,.architecture,.experience-grid,.anonymized-experience,.model-workbench{grid-template-columns:1fr}.grid-3,.journey{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.flow-step::after{display:none}.maturity-scale{grid-template-columns:1fr}.matrix{grid-template-columns:1fr}.mx-head{display:none}.supply-map{grid-template-columns:1fr}.supply-arrow{height:18px;width:2px;margin:0 auto}.arch-layer{grid-template-columns:1fr}.model-hero-visual{right:-120px;opacity:.42}.metric-strip{grid-template-columns:1fr 1fr}.scenario-output{grid-template-columns:1fr}.experience-copy-panel{min-height:auto}.experience-preview-shell{min-height:460px}
}
@media(max-width:760px){
  .nav{height:auto;min-height:70px;padding:12px 22px 12px 32px;align-items:flex-start}.links{display:none}.nav-actions .btn{display:none}.wordmark{font-size:30px}.container{width:min(100vw - 42px,1180px)}.lang-switch{font-size:9px}.lang-btn{padding:4px 7px}
  .hero{min-height:82svh;padding:108px 0 48px}.hero::before{background:rgba(0,20,51,.83)}h1{font-size:44px}.lead{font-size:17px}.visual-scene{right:-560px;top:230px;transform:scale(.7);transform-origin:top right;opacity:.42}
  .section{padding:64px 0}h2{font-size:34px}.section-intro{gap:22px}.grid-4,.flow,.metric-strip,.driver-board,.experience-kpis{grid-template-columns:1fr}.cta-box{grid-template-columns:1fr}.footer .container{flex-direction:column}.model-hero-visual{display:none}.scenario-panel,.scenario-output,.model-panel,.driver-board,.experience-copy-panel{padding:18px}.synthetic-table div{grid-template-columns:1fr}.experience-preview-shell{min-height:360px}.experience-preview-hint{left:14px;right:14px;bottom:14px;align-items:flex-start;flex-direction:column}
}