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

:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#090b0d;color:#f4f1ea;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 5%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 26rem),#090b0d;color:#f4f1ea}a{color:inherit;text-decoration:none}button,input{font:inherit}.demo-notice{min-height:34px;padding:7px 4vw;display:flex;justify-content:center;gap:12px;background:var(--accent);color:#080a0c;font-size:11px;letter-spacing:.05em}.demo-notice b{font-family:'Space Grotesk';letter-spacing:.12em}.demo-header{height:82px;padding:0 4vw;display:flex;align-items:center;gap:34px;border-bottom:1px solid #ffffff18;position:relative;z-index:3}.demo-header>a:first-child{margin-right:auto}.demo-header img{width:88px;display:block}.demo-header nav{display:flex;gap:26px;color:#c8c9cb;font-size:14px}.demo-header nav a:hover{color:var(--accent)}.header-cta,.hero-copy a:first-child,.final-cta>a{padding:14px 21px;background:var(--accent);color:#090b0d;font-weight:800}.demo-hero{min-height:720px;padding:64px 4vw 78px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);gap:5vw;align-items:center;overflow:hidden}.hero-copy>span,.section-head>span,.intent>span,.compliance>div>span,.project-panel>div>span,.final-cta>span{font-family:'Space Grotesk';font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:700}.hero-copy h1,.section-head h2,.compliance h2,.project-panel h2,.final-cta h2{font-family:'Space Grotesk';font-size:clamp(48px,6vw,92px);line-height:.96;letter-spacing:-.06em;margin:24px 0}.hero-copy h1 em,.section-head h2 em,.compliance h2 em,.final-cta h2 em{color:var(--accent);font-style:normal}.hero-copy p{max-width:650px;color:#b9bcc1;font-size:19px;line-height:1.65}.hero-copy>div{display:flex;gap:12px;margin-top:34px}.hero-copy a{border:1px solid #ffffff2b;padding:14px 21px;font-weight:700}.hero-image{height:570px;margin:0;overflow:hidden;position:relative;border:1px solid #ffffff24;border-radius:2px;box-shadow:0 35px 90px #0008}.hero-image:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 48%,#080a0ccc)}.hero-image img{height:100%;width:1000%;max-width:none;object-fit:cover;transform:translateX(calc(var(--scene) * -10%));filter:saturate(.9) contrast(1.05)}.hero-image figcaption{position:absolute;z-index:2;left:28px;bottom:24px;display:flex;flex-direction:column}.hero-image figcaption span{font-size:10px;letter-spacing:.18em;color:var(--accent)}.hero-image figcaption b{font:700 27px 'Space Grotesk'}.intent{padding:76px 8vw;background:#f3f0e9;color:#0b0d0f;display:grid;grid-template-columns:1fr 2.3fr;gap:3vw}.intent>span{color:#606267}.intent h2{font:600 clamp(32px,4vw,62px)/1.05 'Space Grotesk';letter-spacing:-.04em;margin:0}.intent p{grid-column:2;color:#646568;font-size:17px;max-width:720px;line-height:1.6}.experience{padding:120px 4vw}.section-head{max-width:1040px;margin-bottom:55px}.section-head h2{font-size:clamp(43px,5vw,78px)}.section-head p{max-width:700px;color:#aeb1b6;line-height:1.65}.demo-stage{--active:0;--depth:.74;--score:74%;--reveal:74%;border:1px solid #ffffff21;background:linear-gradient(135deg,#12161a,#090b0d 72%);min-height:650px;padding:24px;position:relative;overflow:hidden}.demo-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent)}.demo-stage-head,.demo-controls,.demo-range{position:relative;z-index:2}.demo-stage-head{display:flex;justify-content:space-between;text-transform:uppercase;font:600 11px 'Space Grotesk';letter-spacing:.14em;color:#959ba2}.demo-stage-head output{color:var(--accent)}.demo-visual{height:430px;display:grid;place-items:center;position:relative;perspective:1100px}.demo-orbit{width:min(700px,85%);height:330px;position:relative;transform-style:preserve-3d;transform:rotateX(calc((var(--depth) - .5) * 18deg)) rotateY(calc(var(--active) * -5deg));transition:.55s ease}.demo-orbit article{position:absolute;width:260px;height:180px;left:50%;top:50%;padding:24px;border:1px solid #ffffff25;background:linear-gradient(145deg,#232a31,#101317);transform:translate(-50%,-50%) rotateY(calc(var(--i) * 90deg)) translateZ(245px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 60px #0009;transition:.4s}.demo-orbit article.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 25px 70px color-mix(in srgb,var(--accent) 20%,#000)}.demo-orbit article>span{color:var(--accent);font:700 12px 'Space Grotesk'}.demo-orbit strong{font:600 24px/1.05 'Space Grotesk'}.demo-orbit small{color:#8f959b}.demo-meter{display:none;width:320px;aspect-ratio:1;border-radius:50%;place-items:center;position:relative;background:conic-gradient(var(--accent) var(--score),#ffffff12 0);box-shadow:0 0 80px color-mix(in srgb,var(--accent) 18%,transparent)}.demo-meter:before{content:'';position:absolute;inset:22px;border-radius:50%;background:#0d1013}.demo-meter b,.demo-meter small{position:absolute;z-index:1}.demo-meter b{font:700 84px 'Space Grotesk';letter-spacing:-.08em}.demo-meter small{margin-top:104px;letter-spacing:.13em;color:#a3a8ad}.demo-map{display:none;width:min(700px,90%);height:340px;position:relative;border:1px solid #ffffff1c;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 12%),linear-gradient(32deg,transparent 48%,#ffffff16 49%,transparent 50%),linear-gradient(-23deg,transparent 49%,#ffffff12 50%,transparent 51%)}.demo-map strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 18px;background:#090b0d;border:1px solid var(--accent)}.demo-map i{position:absolute;width:18px;height:18px;border:4px solid var(--accent);border-radius:50%;box-shadow:0 0 0 15px color-mix(in srgb,var(--accent) 12%,transparent);transition:.35s}.demo-map i:nth-child(1){left:20%;top:30%}.demo-map i:nth-child(2){right:18%;top:25%}.demo-map i:nth-child(3){left:28%;bottom:18%}.demo-map i:nth-child(4){right:24%;bottom:22%}.demo-map i.active{transform:scale(1.8);background:var(--accent)}.demo-timeline{display:none;width:min(900px,94%);align-items:center;gap:0}.demo-timeline i{flex:1;position:relative;font-style:normal;color:#858b91}.demo-timeline i:before{content:'';position:absolute;left:0;right:0;top:20px;height:2px;background:#ffffff1a}.demo-timeline b{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#171c20;border:1px solid #ffffff24}.demo-timeline span{display:block;max-width:150px;margin-top:18px;font-size:13px}.demo-timeline i.active{color:#fff}.demo-timeline i.active:before,.demo-timeline i.active b{background:var(--accent);color:#090b0d}.demo-stage[data-demo-mode="simulator"] .demo-meter,.demo-stage[data-demo-mode="pulse"] .demo-meter{display:grid}.demo-stage[data-demo-mode="map"] .demo-map{display:block}.demo-stage[data-demo-mode="planner"] .demo-timeline,.demo-stage[data-demo-mode="timeline"] .demo-timeline,.demo-stage[data-demo-mode="wizard"] .demo-timeline{display:flex}.demo-stage[data-demo-mode="compare"] .demo-orbit:after{content:'APRÈS';position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,#111),#101318);clip-path:inset(0 calc(100% - var(--reveal)) 0 0);display:grid;place-items:center;font:700 48px 'Space Grotesk';color:var(--accent);border-right:2px solid var(--accent);pointer-events:none}.demo-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.demo-controls button{padding:16px 13px;text-align:left;background:#101419;border:1px solid #ffffff18;color:#d5d8dc;cursor:pointer}.demo-controls button span{display:block;color:#777e85;font-size:10px;margin-bottom:6px}.demo-controls button.active{background:var(--accent);border-color:var(--accent);color:#090b0d}.demo-controls button.active span{color:#090b0d}.demo-range{display:flex;align-items:center;gap:14px;margin-top:20px;color:#92989e;font-size:12px}.demo-range input{flex:1;accent-color:var(--accent)}.demo-range span{color:var(--accent);font-weight:700}.value-grid{padding:30px 4vw 120px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-grid article{padding:34px;border:1px solid #ffffff1a;background:#0e1114}.value-grid span{color:var(--accent);font:700 11px 'Space Grotesk'}.value-grid h3{font:600 30px 'Space Grotesk';margin:60px 0 14px}.value-grid p{color:#9da2a7;line-height:1.6}.compliance{padding:110px 4vw;background:#f2efe8;color:#0d1012;display:grid;grid-template-columns:1.05fr 1.25fr .85fr;gap:5vw}.compliance>div>span{color:#536067}.compliance h2{font-size:clamp(40px,4.3vw,68px)}.compliance h2 em{color:#0d1012}.compliance>div>p{color:#63676a;line-height:1.65}.compliance-list p{display:flex;gap:14px;padding:16px 0;margin:0;border-bottom:1px solid #1112;line-height:1.5}.compliance-list i{font-style:normal;color:#178b64;font-weight:900}.compliance aside{padding:26px;background:#0d1012;color:#fff;align-self:start}.compliance aside>b{display:block;margin-bottom:18px}.compliance aside a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff1a;color:#d8dbde;font-size:13px}.compliance aside a:hover{color:var(--accent)}.compliance aside small{display:block;margin-top:18px;color:#899097;line-height:1.5}.project-panel{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.project-panel h2{font-size:clamp(44px,5vw,72px)}.project-panel p{color:#aeb2b6;line-height:1.65;font-size:17px}.panel-ui{padding:26px;border:1px solid #ffffff20;background:#11151a;box-shadow:0 30px 80px #0008}.panel-ui>b{display:block;color:var(--accent);font:700 12px 'Space Grotesk';letter-spacing:.12em;margin-bottom:22px}.panel-ui p{display:flex;justify-content:space-between;margin:0;padding:18px 0;border-bottom:1px solid #ffffff17;color:#eee}.panel-ui p i{font-style:normal;color:#8be7b9;font-size:12px}.panel-ui button{margin-top:24px;padding:14px 18px;background:var(--accent);border:0;color:#080a0c;font-weight:800}.final-cta{margin:30px 4vw 90px;padding:100px 7vw;min-height:600px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(120deg,#101419,#0b0d0f),#101419;border:1px solid #ffffff1b;position:relative;overflow:hidden}.final-cta:after{content:'';position:absolute;width:600px;height:600px;right:-180px;border-radius:50%;border:100px solid color-mix(in srgb,var(--accent) 18%,transparent)}.final-cta h2{font-size:clamp(54px,7vw,108px);max-width:950px;z-index:1}.final-cta p{max-width:650px;color:#b2b6bb;line-height:1.7;z-index:1}.final-cta>a{margin-top:26px;z-index:1}footer{min-height:100px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;color:#93989d;font-size:13px}footer a:hover{color:var(--accent)}

@media(max-width:980px){.demo-header nav{display:none}.demo-hero{grid-template-columns:1fr;min-height:auto}.hero-image{height:500px}.intent{grid-template-columns:1fr}.intent p{grid-column:1}.compliance{grid-template-columns:1fr}.project-panel{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.demo-controls{grid-template-columns:1fr 1fr}.demo-stage{min-height:610px}.demo-orbit{transform:scale(.8) rotateX(calc((var(--depth) - .5) * 18deg)) rotateY(calc(var(--active) * -5deg))}}
@media(max-width:640px){.demo-notice{align-items:center;text-align:center}.demo-notice span{display:none}.demo-header{height:68px}.demo-header img{width:72px}.header-cta{font-size:12px;padding:11px}.demo-hero{padding-top:44px}.hero-copy h1{font-size:47px}.hero-copy>div{flex-direction:column}.hero-copy a{text-align:center}.hero-image{height:410px}.intent,.experience,.compliance,.project-panel{padding:75px 20px}.demo-stage{padding:15px;min-height:590px}.demo-visual{height:355px}.demo-orbit{transform:scale(.62) rotateX(calc((var(--depth) - .5) * 18deg)) rotateY(calc(var(--active) * -5deg))}.demo-meter{width:250px}.demo-meter b{font-size:65px}.demo-map{height:290px}.demo-timeline{align-items:flex-start;flex-direction:column;gap:12px}.demo-timeline i{width:100%;display:flex;gap:12px;align-items:center}.demo-timeline i:before{left:20px;right:auto;top:0;bottom:-14px;width:2px;height:auto}.demo-timeline span{margin:0}.demo-controls{grid-template-columns:1fr}.demo-range{display:none}.value-grid{padding:20px 20px 75px}.final-cta{margin:20px;padding:70px 24px;min-height:540px}.final-cta h2{font-size:50px}footer{padding:30px 20px;gap:18px;align-items:flex-start;flex-direction:column}}
