@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#050b13;--bg2:#081322;--white:#f3f7ff;--muted:#95a9be;--line:rgba(174,205,236,.15);--blue:#2e9fff;--cyan:#6bd9ff;--max:1390px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(130,173,225,.12) .6px,transparent .7px);background-size:7px 7px;opacity:.085;z-index:5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#296cb9;color:white}.shell{width:min(calc(100% - 104px),var(--max));margin:auto}.label{font-size:10px;letter-spacing:.24em;font-weight:700;color:#8ab9e7;text-transform:uppercase}.nav{position:fixed;top:0;left:0;width:100%;z-index:80;border-bottom:1px solid transparent;transition:background .35s,border-color .35s,backdrop-filter .35s}.nav.scrolled,.nav.open{background:rgba(5,12,22,.85);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-color:var(--line)}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-mark{height:34px;width:37px;display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}.brand-name{font-family:Manrope,sans-serif;letter-spacing:.19em;font-size:17px;font-weight:700}.nav-links{display:flex;align-items:center;gap:38px;margin-left:auto}.nav-links a{font-size:12px;font-weight:600;color:#b6c4d7;transition:color .2s}.nav-links a:hover,.nav-links a.current{color:white}.nav-cta{font-size:12px;font-weight:700;white-space:nowrap;padding:13px 20px;border:1px solid rgba(123,186,249,.5);border-radius:3px;background:rgba(9,40,76,.2);transition:background .25s,border .25s}.nav-cta:hover{background:#106bd4;border-color:#106bd4}.menu-toggle{display:none;border:0;background:transparent;color:white;padding:12px}.menu-toggle span{display:block;width:23px;height:1px;background:white;margin:6px}.hero{min-height:850px;height:100svh;max-height:1120px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 64% 55% at 78% 52%,rgba(5,52,106,.21),transparent 78%),radial-gradient(ellipse 60% 56% at 25% 92%,rgba(6,43,87,.19),transparent 70%),#050b13}.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:24%;background:linear-gradient(transparent,#050b13);pointer-events:none;z-index:-1}.hero-orbit{position:absolute;inset:0;background:radial-gradient(ellipse 49% 25% at 74% 87%,rgba(0,103,255,.18),transparent 85%);z-index:-2;pointer-events:none}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2;opacity:.7}.hero-content{position:relative;z-index:3;padding-top:46px}.eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:38px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#91c4f2;font-weight:700}.eyebrow:before{content:'';width:35px;height:1px;background:var(--blue);box-shadow:0 0 10px #42abff}.hero h1,.page-hero h1{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.073em;font-size:clamp(55px,6.1vw,108px);line-height:1.05;max-width:780px;margin:0}.hero h1 .accent,.page-hero h1 .accent{color:#60bcff}.hero-sub{color:#aebdd0;max-width:460px;font-size:15px;line-height:1.9;margin:29px 0 35px}.cta-row{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.btn{min-height:52px;border:1px solid rgba(142,189,233,.34);padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:19px;font-size:12px;font-weight:700;letter-spacing:.01em;background:rgba(16,39,69,.23);border-radius:3px;transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.btn svg{width:16px;height:16px}.btn:hover{transform:translateY(-3px);border-color:#5bb6ff;background:rgba(39,95,157,.26)}.btn.primary{color:#061120;background:#eff6ff;border-color:#eff6ff}.btn.primary:hover{background:#cfeaff;box-shadow:0 12px 40px rgba(28,115,225,.17)}.hero-art{position:absolute;width:min(62vw,850px);aspect-ratio:1;right:-1%;top:49%;transform:translateY(-50%);z-index:0;pointer-events:none;filter:drop-shadow(0 20px 100px rgba(6,96,215,.1))}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:.88;mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 53%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 53%,transparent 100%);animation:heroFloat 9s ease-in-out infinite}.hero-art .holo{position:absolute;inset:8%;border:1px solid rgba(55,131,220,.08);border-radius:50%;transform:rotateX(70deg);filter:blur(2px)}@keyframes heroFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-15px,0) rotate(1deg)}}.hero-note{position:absolute;bottom:43px;left:0;width:100%;z-index:3}.hero-note .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.scroll-cue{display:flex;gap:12px;align-items:center;color:#7f95ad;letter-spacing:.22em;font-size:9px;text-transform:uppercase}.scroll-cue i{height:43px;width:21px;border:1px solid #43617d;border-radius:20px;display:block;position:relative}.scroll-cue i:after{content:'';position:absolute;top:8px;left:9px;width:1px;height:8px;background:#8bc6ff;animation:scrollDown 2s infinite}@keyframes scrollDown{to{transform:translateY(15px);opacity:0}}.loc{font-size:10px;color:#748ba3;letter-spacing:.13em}.section{padding:150px 0;position:relative}.section.alt{background:linear-gradient(180deg,#07111e,#050b13)}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:50px;margin-bottom:70px}.section h2,.section-title{font-family:Manrope,sans-serif;line-height:1.14;letter-spacing:-.055em;font-weight:600;font-size:clamp(38px,4.4vw,74px);margin:17px 0 0;max-width:850px}.section-desc{max-width:380px;color:#96aabd;font-size:14px;line-height:1.9;padding-top:36px}.index{color:#567596;font-size:12px;letter-spacing:.18em}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:85px minmax(0,1fr) 220px 30px;align-items:center;gap:30px;min-height:148px;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.service-row:hover{padding-left:18px;background:linear-gradient(90deg,rgba(15,55,100,.26),transparent 72%)}.service-row h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.04em;font-size:clamp(27px,2.4vw,42px);margin:0}.service-row p{color:#91a7bd;font-size:12px;line-height:1.7}.service-row .arr{color:#92cfff;font-size:26px;transition:transform .25s}.service-row:hover .arr{transform:translate(5px,-5px)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.art-panel{height:550px;background:radial-gradient(ellipse at 50% 42%,rgba(20,95,190,.23),transparent 60%),#071525;border:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center}.art-panel:before{content:'';position:absolute;inset:35px;border:1px solid rgba(100,152,208,.11)}.art-panel .ring{width:300px;height:300px;border:1px solid rgba(71,165,255,.4);border-radius:50%;transform:rotateX(65deg) rotate(-20deg);position:absolute;box-shadow:0 0 60px rgba(34,113,255,.11)}.art-panel .center-logo{width:55%;opacity:.76;mix-blend-mode:screen;filter:drop-shadow(0 0 25px rgba(44,128,250,.25))}.text-block h2{font-size:clamp(40px,4vw,65px);line-height:1.15;letter-spacing:-.05em;font-weight:600;font-family:Manrope,sans-serif;margin:20px 0}.text-block p{color:#a7b8ca;font-size:15px;line-height:1.95;max-width:500px}.underlink{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #4384ca;padding:16px 0 13px;font-weight:700;font-size:12px;color:#d9eafa;margin-top:17px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:110px}.stat{padding:37px 20px 37px 0;border-right:1px solid var(--line)}.stat:last-child{border:none;padding-left:36px}.stat:nth-child(2){padding-left:36px}.stat strong{font-family:Manrope,sans-serif;font-size:23px;font-weight:500}.stat p{color:#8298ae;font-size:12px;line-height:1.7;max-width:280px}.markets{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line)}.market{padding:57px 52px;background:#07111d;min-height:310px;position:relative;overflow:hidden;transition:background .3s}.market:hover{background:#0a1a2c}.market:after{content:'';position:absolute;width:230px;height:230px;border:1px solid rgba(80,145,224,.1);border-radius:50%;right:-70px;top:-90px}.market small{letter-spacing:.18em;color:#6ea9e7;font-size:11px}.market h3{font:500 39px Manrope,sans-serif;letter-spacing:-.055em;margin:45px 0 12px}.market p{color:#99adc4;font-size:13px;line-height:1.8;max-width:350px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.step{padding:37px 29px 25px 0;border-right:1px solid var(--line)}.step:not(:first-child){padding-left:29px}.step:last-child{border:0}.step b{font:500 40px Manrope,sans-serif;color:#4d7da9}.step h3{font-size:19px;margin:55px 0 13px;font-weight:600}.step p{font-size:13px;line-height:1.85;color:#8da3bb}.quote{max-width:970px;font:500 clamp(29px,3.2vw,52px)/1.42 Manrope,sans-serif;letter-spacing:-.04em;margin:33px 0;color:#e8f3ff}.muted-note{font-size:12px;line-height:1.8;color:#7891a9}.footer-cta{padding:120px 0;background:radial-gradient(ellipse 50% 80% at 65% 100%,rgba(20,85,166,.22),transparent 90%),#070f1a;border-top:1px solid var(--line)}.footer-cta h2{font:600 clamp(42px,6.4vw,100px)/1.06 Manrope,sans-serif;letter-spacing:-.065em;max-width:1100px;margin:19px 0 34px}.footer{border-top:1px solid var(--line);background:#050b13;padding:48px 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer h4{color:#9bb8d6;letter-spacing:.16em;font-size:10px;text-transform:uppercase;margin:6px 0 20px}.footer a:not(.brand){display:block;font-size:12px;line-height:2.7;color:#9aacc0}.footer a:hover{color:white}.footer-bottom{margin-top:70px;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:15px;color:#6b839b;font-size:11px}.page-hero{min-height:650px;padding-top:210px;padding-bottom:110px;position:relative;background:radial-gradient(ellipse 46% 65% at 90% 42%,rgba(4,66,144,.28),transparent 83%),#06101c;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-180px;top:100px;width:550px;height:550px;border:1px solid rgba(69,140,223,.13);border-radius:50%;box-shadow:0 0 0 100px rgba(44,115,204,.012),0 0 0 230px rgba(44,115,204,.018);pointer-events:none}.page-hero h1{font-size:clamp(55px,6.2vw,100px);max-width:1050px}.page-hero p{color:#a1b5c9;font-size:15px;line-height:1.9;max-width:620px;margin-top:27px}.breadcrumb{font-size:10px;letter-spacing:.12em;color:#7296b6;margin-bottom:44px}.breadcrumb a{color:#b9d2eb}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{padding:35px;min-height:300px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(16,42,68,.49),rgba(7,13,23,.4));transition:border-color .3s,transform .3s}.feature:hover{transform:translateY(-5px);border-color:#366797}.feature .number{font-size:12px;letter-spacing:.18em;color:#4da4e9}.feature h3{font:500 23px Manrope,sans-serif;letter-spacing:-.04em;margin-top:64px;margin-bottom:14px}.feature p{color:#95a9bf;font-size:13px;line-height:1.85}.feature a{display:inline-block;margin-top:14px;color:#a6d8ff;font-size:12px;border-bottom:1px solid #3b78a8;padding-bottom:8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.split h2{font:600 clamp(35px,4vw,65px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;margin:15px 0}.split p{font-size:14px;line-height:1.95;color:#a0b2c7}.bullet-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.bullet-list li{padding:22px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;gap:15px}.bullet-list li:before{content:'↗';color:#63beff}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight{min-height:390px;display:flex;flex-direction:column;justify-content:space-between;padding:32px;border:1px solid var(--line);background:radial-gradient(ellipse at 85% 10%,rgba(23,91,169,.22),transparent 58%),#0a1421}.insight .tag{color:#6ab5f3;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.insight h3{font:500 28px/1.25 Manrope,sans-serif;letter-spacing:-.05em}.insight p{color:#99adc2;font-size:13px;line-height:1.8}.faq{max-width:920px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{list-style:none;cursor:pointer;font-size:17px;font-weight:600;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:23px;color:#7bbffc}.faq details[open] summary:after{content:'−'}.faq p{font-size:14px;line-height:1.9;color:#9ab0c6;max-width:740px}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.contact-layout h2{font:600 clamp(34px,3.9vw,58px) Manrope,sans-serif;letter-spacing:-.06em}.contact-layout p{color:#9caec4;font-size:14px;line-height:1.9}.form{padding:42px;border:1px solid var(--line);background:#091625;display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:10px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#aabfd4;letter-spacing:.04em}.field input,.field select,.field textarea{border:1px solid #274057;background:#07101d;color:white;outline:none;border-radius:2px;padding:16px;min-height:52px;transition:border .2s;width:100%}.field textarea{resize:vertical;min-height:135px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#72b9f3}.field input::placeholder,.field textarea::placeholder{color:#58728b}.field option{background:#081423}.form .check{display:flex;align-items:flex-start;gap:13px;grid-column:1/-1;color:#8fa5b9;font-size:12px;line-height:1.75}.form .check input{accent-color:#50a9f5;margin-top:5px}.form .submit{justify-self:start}.form-message{grid-column:1/-1;color:#88b6df;font-size:12px;line-height:1.8}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.page-cover{position:fixed;inset:0;background:#071b30;z-index:101;pointer-events:none;transform:scaleY(0);transform-origin:bottom}.page-cover.enter{animation:coverExit .65s ease-in-out forwards}.page-cover.leave{animation:coverEnter .5s ease-in-out forwards}@keyframes coverEnter{to{transform:scaleY(1)}}@keyframes coverExit{from{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}@media(max-width:1100px){.shell{width:min(calc(100% - 60px),var(--max))}.hero h1{font-size:clamp(55px,6vw,80px)}.hero-art{right:-13%;width:73vw;opacity:.7}.nav-links{gap:20px}.section{padding:110px 0}.service-row{grid-template-columns:60px minmax(0,1fr) 170px 26px}.editorial{gap:50px}.contact-layout{gap:50px}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.nav-inner{height:70px;gap:12px}.brand-name{font-size:13px}.brand-mark{height:29px;width:31px}.nav-cta{margin-left:auto;padding:10px 12px;font-size:10px}.menu-toggle{display:block}.nav-links{position:absolute;top:70px;left:0;right:0;background:#081421;padding:23px 20px 30px;border-bottom:1px solid var(--line);display:none;flex-direction:column;gap:0;align-items:stretch}.nav.open .nav-links{display:flex}.nav-links a{padding:14px 0;font-size:16px;border-bottom:1px solid var(--line)}.hero{min-height:740px;height:auto;max-height:none;padding:155px 0 125px;align-items:flex-start}.hero-content{padding:0}.hero h1{font-size:clamp(47px,10.5vw,76px);max-width:100%}.hero-sub{font-size:14px;max-width:330px;margin-top:21px}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:24px}.hero-art{width:110vw;right:-37%;top:65%;opacity:.47;transform:translateY(-40%)}.hero-note{bottom:29px}.loc{display:none}.section{padding:88px 0}.section-top{flex-direction:column;gap:8px;margin-bottom:38px}.section h2,.section-title{font-size:clamp(38px,9vw,56px)}.section-desc{padding-top:0}.service-row{grid-template-columns:35px 1fr 24px;gap:13px;min-height:120px}.service-row p{display:none}.service-row h3{font-size:clamp(24px,5.4vw,32px)}.service-row .index{font-size:10px}.editorial,.split,.contact-layout{grid-template-columns:1fr;gap:43px}.art-panel{height:380px}.stat-strip{grid-template-columns:1fr;margin-top:65px}.stat,.stat:nth-child(2),.stat:last-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border:0}.markets{grid-template-columns:1fr}.market{padding:33px;min-height:240px}.market h3{margin-top:28px;font-size:31px}.process{grid-template-columns:1fr 1fr}.step{padding:26px 20px 26px 0}.step:nth-child(2){border-right:0}.step:nth-child(3){padding-left:0}.step h3{margin-top:25px}.grid-3,.insight-grid{grid-template-columns:1fr}.feature{min-height:240px}.feature h3{margin-top:35px}.page-hero{min-height:560px;padding-top:175px;padding-bottom:90px}.page-hero h1{font-size:clamp(45px,10.3vw,70px)}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid .footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-cta{padding:90px 0}.form{grid-template-columns:1fr;padding:22px;gap:18px}.field{grid-column:1/-1}.contact-layout h2{font-size:40px}.insight{min-height:300px}}@media(max-width:420px){.nav-cta{display:none}.hero{min-height:720px}.hero h1{font-size:43px}.btn{padding:0 17px}.eyebrow{max-width:320px;line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* METISIÈRE MOTION EDITION — visible, purposeful animation */
.hero{perspective:1200px; background:radial-gradient(ellipse 61% 67% at 78% 51%,rgba(10,53,109,.29),transparent 76%),#030913}
.hero:before{content:'';position:absolute;inset:-24%;z-index:0;pointer-events:none;background:conic-gradient(from 180deg at 69% 50%,transparent 0deg,rgba(17,101,226,.065) 33deg,transparent 86deg,rgba(20,124,255,.045) 158deg,transparent 220deg);animation:atmosphere 20s linear infinite}
@keyframes atmosphere{to{transform:rotate(360deg)}}
.hero-canvas{opacity:1;z-index:1;mask-image:linear-gradient(to bottom,transparent 4%,#000 28%,#000 90%,transparent 100%)}
.hero-light{position:absolute;z-index:1;pointer-events:none;width:min(65vw,950px);height:min(65vw,950px);right:-5%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(14,108,240,.25),rgba(15,86,201,.08) 35%,transparent 69%);filter:blur(28px);animation:lightPulse 7s ease-in-out infinite alternate}
@keyframes lightPulse{from{opacity:.38;transform:translateY(-50%) scale(.83)}to{opacity:.9;transform:translateY(-50%) scale(1.1)}}
.hero-beam{position:absolute;z-index:2;pointer-events:none;right:-25%;top:18%;width:100%;height:2px;transform:rotate(-23deg) translateX(-110%);background:linear-gradient(90deg,transparent,rgba(42,122,255,.05),rgba(112,215,255,.88),#fff,rgba(21,108,255,.45),transparent);box-shadow:0 0 22px #087ef7,0 0 80px rgba(0,103,255,.46);animation:beamCross 6.8s ease-in-out 1.2s infinite;opacity:0}
@keyframes beamCross{0%,9%{opacity:0;transform:rotate(-23deg) translateX(-110%)}18%{opacity:.9}38%{opacity:.6;transform:rotate(-23deg) translateX(105%)}45%,100%{opacity:0;transform:rotate(-23deg) translateX(105%)}}
.hero-art{z-index:2;transform:translateY(-50%) translateZ(0);animation:artEnter 1.7s cubic-bezier(.15,.75,.15,1) both;will-change:transform}
@keyframes artEnter{from{opacity:0;transform:translateY(-48%) translateX(90px) scale(.87);filter:blur(14px)}to{opacity:1;transform:translateY(-50%) translateX(0) scale(1);filter:blur(0)}}
.hero-art img{animation:none;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateY(var(--art-ry,0deg)) rotateX(var(--art-rx,0deg));transition:transform .8s cubic-bezier(.2,.75,.2,1);will-change:transform;opacity:.95;filter:drop-shadow(0 0 34px rgba(18,132,255,.15))}
.logo-halo{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,rgba(29,115,240,.2),transparent 65%);filter:blur(55px);animation:haloBreath 5s ease-in-out infinite alternate}
@keyframes haloBreath{to{transform:scale(1.35);opacity:.42}}
.logo-scan{position:absolute;left:17%;top:18%;width:72%;height:65%;z-index:2;pointer-events:none;mix-blend-mode:screen;transform:translateX(-160%) skewX(-17deg);background:linear-gradient(90deg,transparent 40%,rgba(67,167,255,.06) 49%,rgba(210,245,255,.35) 50%,rgba(27,120,252,.1) 51%,transparent 60%);animation:logoScan 5.7s ease-in-out 1.75s infinite}
@keyframes logoScan{0%,15%{transform:translateX(-160%) skewX(-17deg)}48%,100%{transform:translateX(175%) skewX(-17deg)}}
.hero-content{z-index:4}.hero-intro-line{width:0;height:1px;background:linear-gradient(90deg,#187bff,#75daff);box-shadow:0 0 16px #157bfd;margin:0 0 19px;animation:introRule 1.1s cubic-bezier(.2,.8,.2,1) .15s forwards}
@keyframes introRule{to{width:74px}}
.hero .eyebrow{animation:headlineIn .8s .35s both}.hero h1{animation:headlineIn 1.05s .55s both}.hero-sub{animation:headlineIn .95s .83s both}.hero .cta-row{animation:headlineIn .95s 1.07s both}.hero-note{animation:headlineIn .95s 1.4s both}
@keyframes headlineIn{from{opacity:0;transform:translateY(40px);filter:blur(11px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.hero h1 .accent{background:linear-gradient(105deg,#72cfff,#218cff,#9eeaff,#3c9dff);background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:accentShimmer 7s linear infinite}
@keyframes accentShimmer{to{background-position:250% center}}
.hero-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:7;background:rgba(55,119,192,.15)}.hero-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#136fff,#6edaff);box-shadow:0 0 14px #228eff;transition:width .12s linear}
.service-row{position:relative;overflow:hidden}.service-row:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#65caff,transparent);transform:translateX(-105%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.service-row:hover:after{transform:translateX(105%)}
@media(max-width:760px){.hero-art{width:112vw;right:-35%;top:31%;opacity:.5;animation:artEnterMobile 1.5s both}.hero-art img{opacity:.58}.hero-content{padding-top:135px}.hero-light{width:110vw;height:110vw;right:-33%;top:32%}.hero-beam{display:none}.hero h1{position:relative;text-shadow:0 2px 35px rgba(0,0,0,.65)}@keyframes artEnterMobile{from{opacity:0;transform:translateY(-45%) translateX(40px) scale(.9)}to{opacity:.65;transform:translateY(-50%) scale(1)}}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero-sub,.hero .cta-row,.hero-note,.hero-art{animation:none!important;opacity:1!important;filter:none!important}.hero-art{transform:translateY(-50%)}.hero-beam,.logo-scan{display:none}}

/* METISIÈRE COMPACT HOME — hero art direction matching motion storyboard */
@media(min-width:761px){
.hero{height:100svh;min-height:640px;max-height:none;display:block}
.hero-content{position:absolute;left:0;right:0;top:39%;transform:translateY(-50%);padding:0;pointer-events:none}
.hero-content a{pointer-events:auto}
.hero h1{font-size:clamp(48px,4.7vw,82px);max-width:650px;line-height:1.095;letter-spacing:-.07em}
.hero-sub{max-width:435px;line-height:1.75;font-size:14px;margin:23px 0 25px}
.hero .eyebrow{font-size:10px;margin-bottom:24px}
.hero-art{width:min(56vw,800px);right:-1%;top:42%}
.hero-services{position:absolute;left:50%;transform:translateX(-50%);bottom:69px;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(158,202,255,.2);border-bottom:1px solid rgba(158,202,255,.16);background:linear-gradient(90deg,rgba(3,10,22,.40),rgba(8,25,50,.55),rgba(3,10,22,.42));backdrop-filter:blur(14px)}
.hero-service{min-height:104px;border-right:1px solid rgba(135,190,241,.18);display:flex;align-items:center;gap:17px;padding:17px 20px 17px 9px;position:relative;transition:background .3s}
.hero-service:last-child{border-right:none}
.hero-service:hover{background:rgba(14,86,174,.22)}
.hero-service-icon{width:44px;flex:0 0 44px;color:#78bfff;filter:drop-shadow(0 0 9px rgba(22,130,255,.42))}
.hero-service-icon svg{width:100%;height:44px}
.hero-service-info{display:flex;flex-direction:column;gap:7px}
.hero-service-title{font:600 13px Manrope, sans-serif;color:#f5f8ff}
.hero-service-desc{font-size:11px;color:#88a3bf;line-height:1.5}
.hero-service-arrow{position:absolute;right:9px;bottom:18px;font-size:19px;color:#63b9f7;transition:transform .25s}
.hero-service:hover .hero-service-arrow{transform:translate(3px,-3px)}
.hero-note{bottom:13px}.scroll-cue i{height:25px;width:15px}.scroll-cue i:after{left:6px;top:5px;height:5px}
.hero-service{animation:headlineIn .8s both}.hero-service:nth-child(1){animation-delay:1.3s}.hero-service:nth-child(2){animation-delay:1.45s}.hero-service:nth-child(3){animation-delay:1.6s}.hero-service:nth-child(4){animation-delay:1.75s}
}
@media(min-width:761px) and (max-height:760px){
.nav-inner{height:70px}.hero-content{top:38%}.hero h1{font-size:clamp(44px,4.2vw,67px)}.hero .eyebrow{margin-bottom:15px}.hero-sub{margin:16px 0 19px}.hero-services{bottom:43px}.hero-service{min-height:88px;padding-top:10px;padding-bottom:10px}.hero-note{bottom:6px}.hero-note .scroll-cue i{display:none}
}
@media(min-width:761px) and (max-width:1150px){.hero-service{gap:8px;padding-right:11px}.hero-service-icon{width:32px;flex-basis:32px}.hero-service-icon svg{height:32px}.hero-service-title{font-size:11px}.hero-service-desc{font-size:10px}.hero-art{right:-14%;width:67vw}.hero h1{max-width:530px}}
@media(max-width:760px){
.hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:129px 0 46px;align-items:stretch}
.hero-content{padding:0;order:1;position:relative;z-index:4}
.hero h1{font-size:clamp(38px,9vw,65px);max-width:530px}
.hero .eyebrow{max-width:100%;font-size:8px;margin-bottom:20px;letter-spacing:.12em}
.hero-sub{max-width:370px;margin:19px 0 22px;line-height:1.75}
.hero-art{width:110vw;right:-45%;top:34%;opacity:.33}
.hero-art img{opacity:.55}
.hero-services{order:2;position:relative;z-index:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:68px;gap:1px;background:rgba(99,158,221,.18);border:1px solid rgba(99,158,221,.16)}
.hero-service{min-height:126px;padding:18px 13px;background:rgba(5,17,34,.96);display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative}
.hero-service-icon{width:33px;color:#73baff}.hero-service-icon svg{width:33px;height:33px}
.hero-service-info{display:flex;flex-direction:column;gap:5px;padding-right:10px}
.hero-service-title{font:600 12px Manrope,sans-serif}.hero-service-desc{font-size:10px;color:#8ca8c1;line-height:1.5}
.hero-service-arrow{position:absolute;right:11px;top:15px;color:#6ac4ff}
.hero-note{display:none}.hero-progress{display:none}.hero-light{opacity:.45}
}
@media(max-width:370px){.hero h1{font-size:37px}.hero-service-title{font-size:11px}}

/* V3 — single-scene homepage; mountains drawn as custom SVG */
body:has(.hero):before{opacity:.025}
body:has(.hero) {background:#030913}
.hero{overflow:hidden;background:#020814;isolation:isolate}
.mountain-scene{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(1,5,14,.94) 0%,rgba(2,7,17,.71) 30%,rgba(2,8,18,.18) 75%,rgba(2,7,17,.12) 100%),linear-gradient(180deg,rgba(2,7,17,.64),transparent 32%,rgba(2,7,17,.06) 59%,rgba(1,5,12,.76) 100%),url('mountains.svg');background-size:cover;background-position:center center;pointer-events:none;animation:mountainReveal 2.4s ease-out both}
.mountain-haze{position:absolute;inset:40% 0 0;background:radial-gradient(ellipse 54% 36% at 69% 58%,rgba(20,119,236,.13),transparent 72%);animation:hazePulse 9s ease-in-out infinite alternate}
@keyframes mountainReveal{from{opacity:0;transform:scale(1.045);filter:blur(7px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes hazePulse{to{opacity:.45;transform:translateX(2%)}}
.hero:before{opacity:.18}
.hero-orbit{opacity:.47}
.hero-canvas{opacity:.44}
.hero-art{filter:drop-shadow(0 10px 44px rgba(15,100,236,.32))}
.hero-art img{opacity:.98;mix-blend-mode:screen}
.hero-services{box-shadow:0 12px 75px rgba(0,0,0,.25);border-top:1px solid rgba(160,209,253,.26);background:linear-gradient(90deg,rgba(1,9,21,.72),rgba(7,24,46,.75),rgba(1,10,21,.68))}
.hero-service:hover{background:rgba(14,92,171,.35)}
.scene-bottom{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:6;font-size:9px;letter-spacing:.16em;color:#718da9}
.scene-bottom a{color:#a7d8ff;transition:color .2s}.scene-bottom a:hover{color:#fff}.scene-divider{display:inline-block;height:11px;width:1px;background:#4b6e91;margin:0 14px;vertical-align:middle}
@media(min-width:761px){.hero{height:100svh;min-height:610px}.hero-art{top:42%;right:-1.5%;width:min(54vw,780px)}.hero-content{top:38%}.hero-services{bottom:58px}.hero-services .hero-service{min-height:100px}}
@media(min-width:761px) and (max-height:760px){.hero-content{top:39%}.hero-art{top:43%;width:min(48vw,680px)}.hero-services{bottom:32px}.hero-services .hero-service{min-height:82px}.scene-bottom{bottom:4px}}
@media(max-width:760px){.hero{min-height:100svh;padding:125px 0 44px}.mountain-scene{background-position:55% center;background-image:linear-gradient(180deg,rgba(2,7,17,.82) 0%,rgba(2,7,17,.48) 35%,rgba(2,7,17,.5) 80%,rgba(2,7,17,.92) 100%),url('mountains.svg')}.hero-services{margin-top:66px}.hero-art{top:31%;right:-42%}.scene-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.mountain-scene,.mountain-haze{animation:none}}