/* MYDEN — zero-dependency production design system */
:root {
  --obsidian:#060B0F; --obsidian-2:#0B1217; --ivory:#F4F0E7; --ivory-2:#E9E3D8;
  --olive:#566044; --blue:#1B3E5A; --champagne:#B5A06D; --graphite:#858982;
  --text:#F4F0E7; --muted:#A9AAA6; --surface:#0B1217; --surface-2:#10191F; --line:rgba(244,240,231,.14);
  --accent:var(--page-accent,#B5A06D); --container:min(1320px,calc(100vw - 48px));
  --radius:22px; --shadow:0 30px 90px rgba(0,0,0,.25); --ease:cubic-bezier(.22,1,.36,1);
  color-scheme:dark;
}
html[data-theme="light"]{
  --text:#11171B; --muted:#5F625F; --surface:#F4F0E7; --surface-2:#EDE7DC; --line:rgba(6,11,15,.14);
  --shadow:0 30px 80px rgba(62,52,38,.12); color-scheme:light;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--surface)}body{margin:0;background:var(--surface);color:var(--text);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden;transition:background .45s var(--ease),color .45s var(--ease)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.container{width:var(--container);margin-inline:auto}.section{position:relative;padding:clamp(88px,10vw,160px) 0}.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;background:var(--ivory);color:var(--obsidian);padding:12px 18px;border-radius:10px;transition:top .2s}.skip-link:focus{top:16px}
::selection{background:color-mix(in srgb,var(--accent) 72%,transparent);color:#fff}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;padding:14px 0;transition:background .35s,backdrop-filter .35s,border-color .35s}.site-header.is-scrolled{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.scroll-progress{position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--accent)}.nav-shell{width:min(1460px,calc(100vw - 28px));height:72px;margin:auto;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(6,11,15,.74);backdrop-filter:blur(20px);padding:7px 10px 7px 16px;box-shadow:0 10px 40px rgba(0,0,0,.12)}
html[data-theme="light"] .nav-shell{background:rgba(244,240,231,.78);border-color:rgba(6,11,15,.12)}
.brand{width:190px;height:58px;display:flex;align-items:center;gap:11px;overflow:visible}.brand-mark{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.brand-wordmark{position:relative;display:block;width:112px;height:34px}.brand-logo{position:absolute;left:0;top:50%;transform:translateY(-50%);width:112px;height:auto;filter:none;transition:opacity .25s}.brand-logo--light-bg{opacity:0}html[data-theme="light"] .brand-logo--dark-bg{opacity:0}html[data-theme="light"] .brand-logo--light-bg{opacity:1}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.2vw,36px)}.desktop-nav a,.nav-expertise-trigger{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:none;border:0;padding:12px 0;cursor:pointer;transition:color .2s}.desktop-nav a:hover,.nav-expertise-trigger:hover{color:var(--text)}.nav-expertise-trigger span{margin-left:4px}.nav-actions{display:flex;align-items:center;gap:8px}.theme-toggle{width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer;overflow:hidden}.theme-toggle span{grid-area:1/1;transition:transform .4s var(--ease),opacity .25s}.theme-toggle__moon{opacity:0;transform:translateY(18px)}html[data-theme="light"] .theme-toggle__sun{opacity:0;transform:translateY(-18px)}html[data-theme="light"] .theme-toggle__moon{opacity:1;transform:none}.nav-contact{height:48px;border-radius:14px;background:var(--ivory);color:var(--obsidian);display:flex;align-items:center;gap:24px;padding:0 18px;font-weight:650;font-size:13px}.nav-contact span:last-child{color:var(--accent)}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:none;border-radius:13px}.menu-toggle i{display:block;width:18px;height:1px;background:currentColor;margin:5px auto;transition:.3s}
.mega-menu{position:absolute;top:98px;left:50%;width:min(1180px,calc(100vw - 40px));transform:translate(-50%,-20px);display:grid;grid-template-columns:.8fr 2fr;gap:36px;background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.35s var(--ease)}.mega-menu.is-open{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-menu__intro span{font-size:11px;letter-spacing:.18em;color:var(--accent)}.mega-menu__intro h2{font-family:Georgia,serif;font-weight:400;font-size:36px;line-height:1.08;margin:16px 0}.mega-menu__intro p{color:var(--muted);max-width:30ch}.mega-menu__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mega-menu__grid>a{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;transition:.3s}.mega-menu__grid>a:hover{background:var(--surface-2);transform:translateY(-2px)}.mega-menu__grid img{width:48px;height:48px;object-fit:contain}.mega-menu__grid b{display:block}.mega-menu__grid small{display:block;color:var(--muted);line-height:1.3;margin-top:2px}.mobile-menu{display:none}
.universe-rail{position:fixed;z-index:100;left:17px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px}.universe-link{width:48px;height:48px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(15px);border-radius:14px;display:flex;align-items:center;overflow:hidden;transition:.35s var(--ease)}.universe-link:hover,.universe-link.is-active{width:126px;background:var(--surface-2)}.universe-link__mark{flex:0 0 46px;height:46px;display:grid;place-items:center}.universe-link img{width:36px;height:36px;object-fit:contain}.universe-link span:last-child{white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.universe-link.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}

/* Hero */
.breadcrumbs{padding-top:132px;display:flex;gap:10px;color:var(--muted);font-size:12px}.breadcrumbs a:hover{color:var(--text)}.hero{min-height:100svh;display:flex;align-items:center;padding-top:150px;padding-bottom:92px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(40px,6vw,100px);align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.eyebrow__line{display:inline-block;width:34px;height:1px;background:currentColor}.display{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(54px,6.3vw,112px);line-height:.96;letter-spacing:-.055em;margin:24px 0 28px;max-width:11.5ch}.hero-lede{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:var(--muted);max-width:62ch}.hero-note{font-family:Georgia,serif;font-style:italic;color:var(--text);font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:0 20px;border-radius:15px;border:1px solid var(--line);font-size:13px;font-weight:700;cursor:pointer;transition:transform .3s var(--ease),background .3s,color .3s,border .3s}.button--primary{background:var(--text);color:var(--surface);border-color:transparent}.button--primary:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.button--ghost{background:transparent}.button--ghost:hover{background:var(--surface-2);transform:translateY(-2px)}.button__arrow{color:var(--accent)}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.hero-tags span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted)}.hero-media{position:relative}.hero-media__frame{position:relative;overflow:hidden;border-radius:34px;aspect-ratio:4/5;box-shadow:var(--shadow);border:1px solid var(--line);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.hero-media__frame::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.25);border-radius:23px;z-index:2;pointer-events:none}.hero-media__frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.hero-media__wash{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,color-mix(in srgb,var(--accent) 22%,transparent));mix-blend-mode:multiply}.hero-media__caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.15em;margin-top:13px}.hero-backdrop span{position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none}.hero-backdrop span:nth-child(1){width:70vw;height:70vw;right:-35vw;top:-30vw}.hero-backdrop span:nth-child(2){width:45vw;height:45vw;right:-18vw;top:-18vw}.hero-backdrop span:nth-child(3){width:12px;height:12px;background:var(--accent);border:0;right:9vw;top:20vh;box-shadow:0 0 100px 28px color-mix(in srgb,var(--accent) 48%,transparent)}.hero-mark{position:relative;display:grid;place-items:center;min-height:570px}.hero-mark img{width:min(70%,560px);position:relative;z-index:2;filter:drop-shadow(0 40px 60px rgba(0,0,0,.25))}.hero-mark__orbit{position:absolute;border:1px solid var(--line);border-radius:50%;animation:orbit 18s linear infinite}.hero-mark__orbit--1{width:76%;aspect-ratio:1}.hero-mark__orbit--2{width:96%;aspect-ratio:1;animation-direction:reverse;animation-duration:26s}.hero-mark__orbit::after{content:"";position:absolute;top:8%;left:22%;width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 24px var(--accent)}@keyframes orbit{to{transform:rotate(360deg)}}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.scroll-cue i{width:44px;height:1px;background:var(--line);position:relative;overflow:hidden}.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%);animation:cue 2s infinite}@keyframes cue{50%,100%{transform:translateX(100%)}}

/* Headings and content */
.section-heading{max-width:860px;margin-bottom:56px}.section-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,76px);line-height:1.04;letter-spacing:-.04em;margin:18px 0 24px}.section-heading>p{color:var(--muted);font-size:18px;max-width:75ch}.prose p{color:var(--muted);font-size:17px;margin:0 0 18px;max-width:70ch}.micro-note{font-size:12px;color:var(--muted);margin-top:22px;padding-left:16px;border-left:2px solid var(--accent)}.section-action{margin-top:38px}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:28px;font-weight:700}.text-link span{color:var(--accent)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:none}

/* Expertise cards */
.expertise-system{background:linear-gradient(180deg,var(--surface),var(--surface-2))}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.expertise-card{min-height:460px;padding:24px;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:color-mix(in srgb,var(--surface) 76%,transparent);transition:.45s var(--ease)}.expertise-card::before{content:"";position:absolute;inset:auto -40% -45%;height:65%;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent,var(--accent)) 30%,transparent),transparent 68%);opacity:.2;transition:.45s}.expertise-card[data-accent="telecom"]{--card-accent:var(--olive)}.expertise-card[data-accent="it"]{--card-accent:var(--blue)}.expertise-card[data-accent="print"]{--card-accent:var(--champagne)}.expertise-card[data-accent="security"]{--card-accent:var(--graphite)}.expertise-card:hover{transform:translateY(-9px);border-color:color-mix(in srgb,var(--card-accent) 65%,transparent)}.expertise-card:hover::before{opacity:.85}.expertise-card__top{display:flex;justify-content:space-between;align-items:flex-start}.expertise-card__index{font-size:11px;color:var(--muted)}.expertise-card img{width:96px;height:96px;object-fit:contain}.expertise-card h3{font-size:25px;margin:82px 0 16px}.expertise-card p{color:var(--muted);font-size:14px}.expertise-card__link{display:flex;justify-content:space-between;margin-top:auto;padding-top:25px;border-top:1px solid var(--line);font-size:12px}.expertise-card__link span:last-child{color:var(--card-accent)}

/* Split */
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,7vw,110px);align-items:center}.split-grid--reverse{direction:rtl}.split-grid--reverse>*{direction:ltr}.split-media{position:relative;overflow:hidden;border-radius:28px;min-height:560px;box-shadow:var(--shadow);border:1px solid var(--line)}.split-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1.1s var(--ease)}.split-media:hover img{transform:scale(1.035)}.media-index{position:absolute;left:18px;bottom:18px;font-size:10px;letter-spacing:.14em;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);padding:8px 10px;border-radius:8px}.inline-statement{font-family:Georgia,serif;font-size:30px;line-height:1.2;margin:0 0 28px;border-left:3px solid var(--accent);padding-left:20px}.check-list{list-style:none;padding:0;margin:26px 0;display:grid;gap:12px}.check-list li{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}.check-list li span{color:var(--accent);font-size:12px;margin-top:4px}

/* Scenarios */
.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scenario-card{position:relative;min-height:270px;border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--surface-2);overflow:hidden}.scenario-card::after{content:"";position:absolute;width:170px;height:170px;border:1px solid var(--line);border-radius:50%;right:-75px;bottom:-75px;transition:.45s}.scenario-card:hover::after{transform:scale(1.25);border-color:var(--accent)}.scenario-card__num{font-size:11px;color:var(--accent)}.scenario-card h3{font-size:24px;margin:42px 0 10px;max-width:22ch}.scenario-card p{color:var(--muted);max-width:50ch}.scenario-card i{position:absolute;right:28px;top:28px;color:var(--accent);font-style:normal}

/* Process */
.process-section{background:var(--surface-2)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}.process-step{background:var(--surface);padding:28px;min-height:270px}.process-step>span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);color:var(--accent);font-size:12px}.process-step h3{margin:48px 0 10px;font-size:22px}.process-step p{color:var(--muted);font-size:14px}.process-image{height:420px;border-radius:28px;overflow:hidden;margin-bottom:18px;border:1px solid var(--line)}.process-image img{width:100%;height:100%;object-fit:cover}.process-split .mini-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-step{border:1px solid var(--line);padding:20px;border-radius:18px}.mini-step span{color:var(--accent);font-size:11px}.mini-step h3{font-size:17px;margin:28px 0 8px}.mini-step p{color:var(--muted);font-size:13px}

/* Statement */
.statement-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(42px,8vw,130px);align-items:center}.statement-quote{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,4.2vw,66px);line-height:1.08;letter-spacing:-.035em;margin:0;color:var(--text);position:relative;padding-top:50px}.statement-quote::before{content:"“";position:absolute;top:-40px;left:-15px;font-size:140px;color:color-mix(in srgb,var(--accent) 28%,transparent)}.statement-mark{min-height:480px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;position:relative}.statement-mark::before,.statement-mark::after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.statement-mark::before{inset:12%}.statement-mark::after{inset:25%}.statement-mark img{width:58%;position:relative;z-index:2}
.commitment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.commitment{border-top:1px solid var(--line);padding:20px 4px;min-height:190px}.commitment span{color:var(--accent);font-size:11px}.commitment p{font-family:Georgia,serif;font-size:22px;line-height:1.28;margin-top:52px}

/* Service layouts */
.service-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(42px,8vw,120px)}.service-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.service-list li{display:grid;grid-template-columns:60px 1fr;align-items:center;min-height:84px;border-bottom:1px solid var(--line);font-size:17px}.service-list li span{color:var(--accent);font-size:11px}.wide-media{height:460px;border-radius:28px;overflow:hidden;border:1px solid var(--line);margin-bottom:16px}.wide-media img{width:100%;height:100%;object-fit:cover}.cards-image--vertical .wide-media{height:650px;max-width:450px;margin-left:auto}.cards-image--vertical .container{position:relative}.cards-image--vertical .mini-card-grid{max-width:820px;margin-top:-420px;position:relative;z-index:2;background:var(--surface);padding:12px;border-radius:24px}.mini-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--surface);min-height:220px}.mini-card span{font-size:11px;color:var(--accent)}.mini-card h3{margin:45px 0 10px;font-size:19px}.mini-card p{color:var(--muted);font-size:13px}
.quote-section__head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.giant-quote{font-family:Georgia,serif;font-size:clamp(40px,6vw,88px);line-height:1.02;letter-spacing:-.045em;margin:70px 0 0;padding:50px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dark-feature{background:#05090C;color:#F4F0E7}.dark-feature__grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.dark-feature h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,5vw,76px);line-height:1.04;margin:20px 0 28px}.dark-feature .prose p{color:#A8AAA7}.dark-feature blockquote{font-family:Georgia,serif;font-size:30px;line-height:1.25;margin:36px 0;border-left:3px solid var(--accent);padding-left:20px}.dark-feature__media{height:650px;border-radius:28px;overflow:hidden}.dark-feature__media img{width:100%;height:100%;object-fit:cover}.dark-feature__links{display:flex;gap:10px;flex-wrap:wrap}.dark-feature__links a{border:1px solid rgba(255,255,255,.15);padding:9px 13px;border-radius:999px;font-size:12px}.dark-cards{background:#05090C;color:#F4F0E7}.dark-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dark-card{border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:28px;min-height:250px}.dark-card span{color:var(--accent);font-size:11px}.dark-card h3{font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.2;margin-top:90px}

/* Sectors and references */
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sector-tile{min-height:220px;border:1px solid var(--line);border-radius:22px;padding:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.sector-tile::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);filter:blur(50px);right:-40px;bottom:-40px}.sector-tile span{font-size:11px;color:var(--accent)}.sector-tile h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin-top:80px}.sector-tile i{position:absolute;right:24px;top:24px;color:var(--accent);font-style:normal}.reference-list{border-top:1px solid var(--line)}.reference-row{display:grid;grid-template-columns:70px 1fr 130px 40px;align-items:center;min-height:118px;border-bottom:1px solid var(--line);transition:.25s}.reference-row:hover{padding-inline:14px;background:var(--surface-2)}.reference-row span{color:var(--accent);font-size:11px}.reference-row h3{font-size:23px}.reference-row small{color:var(--muted)}.reference-row i{color:var(--accent);font-style:normal}.sector-detail{padding:72px 0;border-top:1px solid var(--line)}.sector-detail__grid{display:grid;grid-template-columns:150px 1fr;gap:60px}.sector-detail__number{font-family:Georgia,serif;font-size:74px;color:var(--accent)}.sector-detail .section-heading{margin-bottom:24px}.sector-detail__body{color:var(--muted);max-width:74ch;font-size:17px}.filters-section{padding-bottom:50px}.filter-chips{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 16px;cursor:pointer;color:var(--muted);transition:.25s}.filter-chip:hover,.filter-chip.is-active{background:var(--text);color:var(--surface);border-color:transparent}.featured-case__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px}.case-rows{border-top:1px solid var(--line)}.case-row{display:grid;grid-template-columns:120px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:20px 0}.case-row span{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.case-row p{margin:0;color:var(--muted)}.project-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card,.article-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:18px;min-height:340px;display:flex;flex-direction:column;background:var(--surface-2)}.project-card__visual{height:170px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,var(--surface)),var(--surface));display:grid;place-items:center;position:relative}.project-card__visual span{position:absolute;left:12px;top:12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.project-card__visual img{width:90px;opacity:.45}.project-card h3,.article-card h3{font-size:22px;line-height:1.3;margin:24px 0 12px}.project-card p,.article-card p{color:var(--muted);font-size:13px}.project-card a,.article-card a{margin-top:auto;color:var(--accent);font-size:12px}.article-card>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.featured-article__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.featured-article h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,74px);line-height:1.06;margin:22px 0}.featured-article p{font-size:18px;color:var(--muted)}.featured-article small{display:block;color:var(--muted)}

/* CTA */
.cta-box{min-height:460px;border:1px solid var(--line);border-radius:32px;padding:clamp(32px,6vw,82px);display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface-2),var(--surface))}.cta-box h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,5vw,78px);line-height:1.02;max-width:14ch;margin:24px 0}.cta-box p{color:var(--muted);max-width:66ch}.cta-box__actions{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}.cta-box>img{position:absolute;width:420px;right:8%;top:50%;transform:translateY(-50%);opacity:.055;filter:grayscale(1)}

/* Contact */
.contact-form-section{background:var(--surface-2)}.contact-intro{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end}.contact-intro>p{color:var(--muted);font-size:17px;margin-bottom:60px}.contact-wizard{max-width:1080px;margin:auto;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,50px);box-shadow:var(--shadow)}.form-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:34px}.form-progress span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.form-progress span.is-active{color:var(--accent)}.form-progress i{position:absolute;left:0;bottom:-1px;height:2px;background:var(--accent);width:33.33%;transition:.4s var(--ease)}.form-step{display:none}.form-step.is-active{display:block;animation:stepIn .5s var(--ease)}@keyframes stepIn{from{opacity:0;transform:translateX(20px)}}fieldset{border:0;padding:0;margin:0 0 30px}legend{font-family:Georgia,serif;font-size:28px;margin-bottom:20px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;min-height:116px;border:1px solid var(--line);border-radius:16px;padding:18px;transition:.25s}.choice-grid input:checked+span{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.choice-grid b{display:block}.choice-grid small{display:block;color:var(--muted);margin-top:8px;line-height:1.35}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.field input,.field select,.field textarea{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.field-error{font-size:12px;color:#C56F67;min-height:1em}.consent{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:13px;margin:15px 0}.consent input{margin-top:4px;accent-color:var(--accent)}.form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.form-status{margin-top:20px;font-weight:700}.form-status.is-success{color:#6F9B72}.form-status.is-error{color:#C56F67}.honeypot{position:absolute!important;left:-9999px!important}

/* Footer */
.site-footer{background:#04080B;color:#F4F0E7;padding-top:90px}.footer-top{display:grid;grid-template-columns:.9fr 1.6fr;gap:80px;padding-bottom:70px}.footer-brand img{width:210px;height:auto}.footer-brand p{font-family:Georgia,serif;font-size:30px;max-width:12ch;margin:20px 0}.footer-brand small{color:#969A97;max-width:42ch;display:block}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.footer-columns h3{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--champagne);margin-bottom:20px}.footer-columns a{display:block;color:#B7B9B5;margin:10px 0;font-size:14px}.footer-columns a:hover{color:#fff}.footer-columns p{color:#777D7A;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;color:#767C79;font-size:11px}.footer-bottom div{display:flex;gap:22px}.legal-section{min-height:60vh;padding-top:180px}

/* Cursor */
.cursor{position:fixed;left:0;top:0;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:difference}.cursor span{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.cursor.is-hover{width:58px;height:58px;background:rgba(255,255,255,.08)}

/* Responsive */
@media(max-width:1500px){.universe-rail{display:none}}
@media(max-width:1180px){.desktop-nav{display:none}.nav-shell{grid-template-columns:1fr auto}.menu-toggle{display:block}.nav-contact{display:none}.universe-rail{display:none}.mobile-menu{position:fixed;inset:96px 14px 14px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--line);border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;opacity:0;visibility:hidden;transform:translateY(-20px);transition:.35s var(--ease);backdrop-filter:blur(20px)}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu__links a{display:block;font-family:Georgia,serif;font-size:34px;line-height:1.35}.mobile-menu__expertises{display:grid;align-content:start;gap:10px}.mobile-menu__expertises a{padding:14px;border:1px solid var(--line);border-radius:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px}.dot--telecom{background:var(--olive)}.dot--it{background:var(--blue)}.dot--print{background:var(--champagne)}.dot--security{background:var(--graphite)}.hero-grid{grid-template-columns:1fr 440px}.expertise-grid{grid-template-columns:1fr 1fr}.process-grid,.commitment-grid,.mini-card-grid,.dark-card-grid{grid-template-columns:1fr 1fr}.sector-grid{grid-template-columns:1fr 1fr}.project-grid,.article-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){:root{--container:min(100% - 28px,680px)}.site-header{padding-top:8px}.nav-shell{height:64px;width:calc(100vw - 16px);border-radius:16px}.brand{width:150px;height:50px}.brand-mark{width:36px;height:36px;flex-basis:36px}.brand-wordmark{width:92px}.brand-logo{width:92px}.breadcrumbs{padding-top:100px}.hero{min-height:auto;padding-top:140px}.hero-grid{grid-template-columns:1fr}.display{font-size:clamp(48px,14vw,78px)}.hero-media{order:2}.hero-media__frame{aspect-ratio:16/12;transform:none}.hero-mark{min-height:380px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.scroll-cue{display:none}.section{padding:84px 0}.section-heading{margin-bottom:36px}.section-heading h2{font-size:clamp(38px,11vw,60px)}.split-grid,.statement-grid,.service-grid,.dark-feature__grid,.featured-case__grid,.featured-article__grid,.contact-intro,.quote-section__head{grid-template-columns:1fr}.split-media{min-height:420px}.split-grid--reverse{direction:ltr}.scenario-grid,.expertise-grid,.process-grid,.commitment-grid,.mini-card-grid,.dark-card-grid,.sector-grid,.project-grid,.article-grid{grid-template-columns:1fr}.expertise-card{min-height:340px}.expertise-card h3{margin-top:36px}.process-step{min-height:220px}.process-split .mini-steps{grid-template-columns:1fr}.cards-image--vertical .wide-media{height:480px;max-width:none}.cards-image--vertical .mini-card-grid{max-width:none;margin:12px 0 0;padding:0;background:none}.quote-section__head{gap:10px}.giant-quote{font-size:44px}.dark-feature__media{height:430px}.sector-detail__grid{grid-template-columns:70px 1fr;gap:18px}.sector-detail__number{font-size:44px}.reference-row{grid-template-columns:42px 1fr 24px}.reference-row small{display:none}.featured-article__grid{gap:30px}.cta-box{grid-template-columns:1fr;min-height:520px}.cta-box__actions{width:100%}.choice-grid,.field-grid{grid-template-columns:1fr}.contact-wizard{padding:20px}.form-progress span{font-size:9px}.footer-top{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.mobile-menu{grid-template-columns:1fr;overflow:auto}.mobile-menu__links a{font-size:27px}.mega-menu{display:none}.cursor{display:none}}
@media(max-width:520px){.nav-shell{padding-left:10px}.theme-toggle{display:none}.mobile-menu{padding:22px}.hero{padding-top:118px}.hero-lede{font-size:16px}.hero-tags{gap:6px}.hero-tags span{font-size:9px}.hero-media__frame{border-radius:22px}.section{padding:70px 0}.split-media{min-height:340px}.section-heading h2{font-size:40px}.scenario-card{min-height:235px}.sector-detail__grid{grid-template-columns:1fr}.sector-detail__number{font-size:22px}.footer-columns{grid-template-columns:1fr}.footer-bottom div{flex-wrap:wrap}.form-progress{gap:4px}.form-progress span{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}body[data-motion="gentle"] .kinetic-scene{opacity:.62}}
@view-transition{navigation:auto}::view-transition-old(root){animation:fadeOut .25s ease both}::view-transition-new(root){animation:fadeIn .45s var(--ease) both}@keyframes fadeOut{to{opacity:0;transform:translateY(-8px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}}


/* ========================================================================== 
   MYDEN V2.1 — Precision Experience System
   Consolidated visual layer: fixed geometry, sharp backgrounds, reliable
   navigation and a coherent neon language across every page and breakpoint.
   ========================================================================== */
:root{
  --black:#030608;
  --black-2:#071015;
  --black-3:#0A141A;
  --paper:#F6F3EC;
  --paper-2:#ECE7DC;
  --white:#F8F8F4;
  --ink:#0B1114;
  --neon:#D8B56E;
  --neon-rgb:216,181,110;
  --neon-soft:rgba(var(--neon-rgb),.10);
  --neon-line:rgba(var(--neon-rgb),.34);
  --panel:rgba(8,16,20,.74);
  --panel-solid:#091116;
  --panel-2:rgba(13,24,30,.72);
  --hairline:rgba(255,255,255,.095);
  --hairline-strong:rgba(255,255,255,.16);
  --copy-muted:rgba(244,240,231,.66);
  --copy-soft:rgba(244,240,231,.48);
  --radius-lg:30px;
  --radius-md:22px;
  --radius-sm:15px;
  --header-height:92px;
  --rail-safe:96px;
  --mouse-x:70vw;
  --mouse-y:28vh;
  --scroll-energy:0;
  --container:min(1320px,calc(100vw - 56px));
  --accent:var(--neon);
}
body[data-accent="telecom"]{--neon:#9CCB4B;--neon-rgb:156,203,75}
body[data-accent="it"]{--neon:#39A8F2;--neon-rgb:57,168,242}
body[data-accent="print"]{--neon:#EAB45E;--neon-rgb:234,180,94}
body[data-accent="security"]{--neon:#9DA19C;--neon-rgb:157,161,156;--brand-security:#858982}
body[data-accent="group"]{--neon:#D8B56E;--neon-rgb:216,181,110}

html{background:var(--black);scroll-padding-top:112px}
body{
  min-height:100%;
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(760px 520px at var(--mouse-x) var(--mouse-y),rgba(var(--neon-rgb),.065),transparent 68%),
    linear-gradient(180deg,#020506 0%,#050B0E 44%,#030608 100%);
  font-family:"Avenir Next","Segoe UI Variable","Helvetica Neue",Inter,Arial,sans-serif;
  letter-spacing:-.008em;
  color:var(--text);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  opacity:1;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 58%,transparent 94%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 58%,transparent 94%);
}
body::after{
  content:"";
  position:fixed;
  inset:-16%;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 18%,rgba(var(--neon-rgb),.055),transparent 22%),
    radial-gradient(circle at 86% 74%,rgba(var(--neon-rgb),.035),transparent 24%);
  transform:translate3d(0,calc(var(--scroll-energy) * -.45px),0);
}
html[data-theme="light"]{
  --text:#10171B;
  --muted:#5C6467;
  --surface:#F4F0E7;
  --surface-2:#EAE5DA;
  --line:rgba(6,11,15,.14);
  --panel:rgba(249,247,241,.78);
  --panel-solid:#F5F2EA;
  --panel-2:rgba(236,231,220,.78);
  --hairline:rgba(8,15,18,.105);
  --hairline-strong:rgba(8,15,18,.17);
  --copy-muted:rgba(15,23,27,.66);
  --copy-soft:rgba(15,23,27,.48);
}
html[data-theme="light"] body{
  background:
    radial-gradient(760px 520px at var(--mouse-x) var(--mouse-y),rgba(var(--neon-rgb),.09),transparent 68%),
    linear-gradient(180deg,#F7F5EF 0%,#EEE9DE 52%,#F5F2EB 100%);
}
html[data-theme="light"] body::before{
  background:
    linear-gradient(rgba(8,15,18,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,15,18,.035) 1px,transparent 1px);
}
img{image-rendering:auto}
main{position:relative;z-index:1;overflow:clip}
.site-footer{position:relative;z-index:2}
.neon-field{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.60}
html[data-theme="light"] .neon-field{opacity:.30}

/* Accessibility and interaction integrity */
a,button,input,select,textarea,label{position:relative}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--neon);
  outline-offset:4px;
}
[data-header],.nav-shell,.desktop-nav,.nav-actions,.mega-menu,.mobile-menu{pointer-events:auto}
.nav-shell::before,.nav-shell::after,.mega-menu::before,.universe-link::before,
.button::before,.button::after,.site-footer::before{pointer-events:none!important}

/* Header — reliable floating command bar */
.site-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:1200!important;
  padding:12px 0 0;
  background:transparent!important;
  border:0!important;
  transform:translateZ(0);
}
.site-header.is-scrolled{background:transparent!important;backdrop-filter:none!important}
.nav-shell{
  position:relative;
  z-index:2;
  width:min(1480px,calc(100vw - 220px));
  min-width:980px;
  height:68px;
  margin:0 auto;
  display:grid;
  grid-template-columns:210px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:7px 9px 7px 15px;
  overflow:visible;
  border:1px solid var(--hairline);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(8,15,19,.91),rgba(4,9,12,.82));
  -webkit-backdrop-filter:blur(26px) saturate(145%);
  backdrop-filter:blur(26px) saturate(145%);
  box-shadow:0 16px 55px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);
}
.nav-shell::before{
  content:"";
  position:absolute;
  left:28px;right:28px;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--neon-rgb),.58),transparent);
  opacity:.74;
}
.nav-shell::after{
  content:"";
  position:absolute;
  width:230px;height:64px;
  left:var(--nav-light-x,70%);top:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(var(--neon-rgb),.10),transparent 72%);
  transition:left .1s linear;
  z-index:0;
}
.nav-shell>*{z-index:1}
html[data-theme="light"] .nav-shell{
  background:linear-gradient(180deg,rgba(250,248,242,.93),rgba(244,240,231,.83));
  border-color:rgba(8,15,18,.12);
  box-shadow:0 16px 50px rgba(55,46,32,.13),inset 0 1px 0 rgba(255,255,255,.7);
}
.brand{width:190px;height:54px;gap:10px}
.brand-mark{width:40px;height:40px;flex-basis:40px}
.brand-wordmark{width:116px;height:32px}
.brand-logo{width:116px}
.desktop-nav{gap:clamp(15px,1.8vw,30px);min-width:0}
.desktop-nav a,.nav-expertise-trigger{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding:0;
  border:0;
  background:transparent;
  color:color-mix(in srgb,var(--text) 58%,transparent);
  font-size:10.5px;
  font-weight:650;
  letter-spacing:.13em;
  text-transform:uppercase;
  cursor:pointer;
}
.desktop-nav a::after,.nav-expertise-trigger::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:5px;
  height:1px;
  background:var(--neon);
  transform:scaleX(0);
  transform-origin:right;
  transition:transform .32s var(--ease);
  box-shadow:0 0 10px rgba(var(--neon-rgb),.62);
}
.desktop-nav a:hover,.nav-expertise-trigger:hover,
.desktop-nav a.is-current{color:var(--text)}
.desktop-nav a:hover::after,.nav-expertise-trigger:hover::after,
.desktop-nav a.is-current::after{transform:scaleX(1);transform-origin:left}
.nav-actions{gap:8px}
.theme-toggle,.menu-toggle{
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid var(--hairline);
  background:rgba(255,255,255,.025);
  border-radius:50%;
  cursor:pointer;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.theme-toggle:hover,.menu-toggle:hover{border-color:var(--neon-line);box-shadow:0 0 20px rgba(var(--neon-rgb),.16)}
.nav-contact{
  min-width:156px;
  height:48px;
  padding:0 7px 0 17px;
  gap:14px;
  border-radius:999px;
  border:1px solid rgba(var(--neon-rgb),.42);
  background:rgba(var(--neon-rgb),.07);
  color:var(--text);
  font-size:12px;
  font-weight:700;
  box-shadow:inset 0 0 20px rgba(var(--neon-rgb),.03);
  overflow:hidden;
  isolation:isolate;
}
.nav-contact::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.13) 48%,transparent 74%);
  transform:translateX(-135%);transition:transform .6s var(--ease);
}
.nav-contact:hover::before{transform:translateX(135%)}
.nav-contact:hover{border-color:var(--neon);box-shadow:0 0 24px rgba(var(--neon-rgb),.22),inset 0 0 20px rgba(var(--neon-rgb),.08)}
.nav-contact span:last-child{
  width:35px;height:35px;flex:0 0 35px;
  display:grid;place-items:center;
  border-radius:50%;background:var(--neon);color:#061014;
  box-shadow:0 0 17px rgba(var(--neon-rgb),.38);
  font-size:0;
}
.nav-contact span:last-child::before{content:"→";font-size:16px;transform:rotate(-34deg);transition:transform .32s var(--ease)}
.nav-contact:hover span:last-child::before{transform:rotate(0)}
.scroll-progress{left:50%;bottom:-1px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--neon),#fff,var(--neon),transparent);box-shadow:0 0 15px rgba(var(--neon-rgb),.64)}

/* Mega menu */
.mega-menu{
  position:fixed;
  z-index:1199;
  top:90px;
  left:50%;
  width:min(1180px,calc(100vw - 220px));
  transform:translate(-50%,-14px) scale(.985);
  display:grid;
  grid-template-columns:.78fr 2fr;
  gap:34px;
  padding:30px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  border:1px solid rgba(var(--neon-rgb),.24);
  border-radius:24px;
  background:rgba(4,9,12,.96);
  -webkit-backdrop-filter:blur(30px) saturate(150%);
  backdrop-filter:blur(30px) saturate(150%);
  box-shadow:0 30px 100px rgba(0,0,0,.58),0 0 65px rgba(var(--neon-rgb),.07);
  transition:opacity .25s,visibility .25s,transform .35s var(--ease);
}
.mega-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.mega-menu__intro span{color:var(--neon);font-size:10px;letter-spacing:.2em}
.mega-menu__intro h2{font-family:inherit;font-weight:300;font-size:38px;letter-spacing:-.045em;line-height:1.04;margin:14px 0 18px}
.mega-menu__intro p{color:var(--copy-muted);font-size:14px}
.mega-menu__grid{gap:10px}
.mega-menu__grid>a{
  min-height:104px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--hairline);
  border-radius:17px;
  background:rgba(255,255,255,.018);
  transition:transform .32s var(--ease),border-color .25s,background .25s;
}
.mega-menu__grid>a:hover{transform:translateY(-3px);border-color:rgba(var(--item-rgb,var(--neon-rgb)),.45);background:rgba(var(--item-rgb,var(--neon-rgb)),.055)}
.mega-menu__grid>a[href*="telecom"]{--item-rgb:156,203,75}
.mega-menu__grid>a[href*="/it/"]{--item-rgb:57,168,242}
.mega-menu__grid>a[href*="print"]{--item-rgb:234,180,94}
.mega-menu__grid>a[href*="securite"]{--item-rgb:133,137,130}

/* Left-side universe switch — fixed, centered and never part of document flow */
.universe-rail{
  position:fixed!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  height:auto!important;
  z-index:1100!important;
  display:flex!important;
  flex-direction:column;
  gap:9px;
  color:#F8F8F4;
  pointer-events:auto;
}
.universe-link{
  --rail-rgb:216,181,110;
  width:52px;height:52px;
  display:flex;align-items:center;
  overflow:hidden;
  border:1px solid rgba(var(--rail-rgb),.24);
  border-radius:16px;
  background:rgba(5,11,14,.82);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.024),0 12px 32px rgba(0,0,0,.22);
  transition:width .38s var(--ease),border-color .28s,background .28s,box-shadow .28s,transform .28s;
}
.universe-link[href*="telecom"]{--rail-rgb:156,203,75}
.universe-link[href*="/it/"]{--rail-rgb:57,168,242}
.universe-link[href*="print"]{--rail-rgb:234,180,94}
.universe-link[href*="securite"]{--rail-rgb:133,137,130}
.universe-link::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(135deg,rgba(var(--rail-rgb),.72),transparent 42%,rgba(var(--rail-rgb),.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s;
}
.universe-link:hover,.universe-link.is-active{
  width:146px;
  background:rgba(6,13,17,.94);
  border-color:rgba(var(--rail-rgb),.55);
  box-shadow:0 0 26px rgba(var(--rail-rgb),.16),inset 0 0 24px rgba(var(--rail-rgb),.055);
}
.universe-link:hover::before,.universe-link.is-active::before{opacity:1}
.universe-link__mark{flex:0 0 50px;height:50px;display:grid;place-items:center}
.universe-link img{width:36px;height:36px;filter:drop-shadow(0 0 8px rgba(var(--rail-rgb),.25))}
.universe-link span:last-child{font-size:10px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;white-space:nowrap;padding-right:18px}

/* Breadcrumbs and hero geometry */
.breadcrumbs{
  width:min(1320px,calc(100vw - 220px));
  margin:0 auto;
  padding-top:108px;
  min-height:136px;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--copy-soft);
  font-size:10px;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.breadcrumbs a:hover{color:var(--text)}
.hero{
  position:relative;
  display:block;
  min-height:0;
  padding:0 0 72px;
  overflow:visible;
}
body[data-page="home"] .hero{padding-top:104px}
.hero-grid{
  position:relative;
  width:min(1540px,calc(100vw - 180px));
  min-height:clamp(690px,calc(100svh - 128px),900px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);
  align-items:center;
  gap:0;
  overflow:hidden;
  border:1px solid var(--hairline-strong);
  border-radius:clamp(24px,2.3vw,38px);
  background:#05090C;
  box-shadow:0 34px 120px rgba(0,0,0,.46),0 0 0 1px rgba(var(--neon-rgb),.035),0 0 72px rgba(var(--neon-rgb),.055);
  isolation:isolate;
}
.hero-grid::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,7,9,.97) 0%,rgba(3,7,9,.91) 37%,rgba(3,7,9,.62) 57%,rgba(3,7,9,.12) 100%),
    linear-gradient(0deg,rgba(3,7,9,.68),transparent 38%),
    radial-gradient(620px 470px at 78% 47%,rgba(var(--neon-rgb),.13),transparent 70%);
}
.hero-grid::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
  background:
    linear-gradient(90deg,transparent,rgba(var(--neon-rgb),.18),transparent) top/100% 1px no-repeat,
    linear-gradient(180deg,transparent,rgba(var(--neon-rgb),.14),transparent) right/1px 100% no-repeat;
  opacity:.7;
}
.hero-copy{
  grid-column:1;
  position:relative;
  z-index:5;
  width:min(100%,920px);
  max-height:none;
  padding:clamp(48px,5.4vw,86px) 26px clamp(44px,5vw,78px) clamp(48px,5.8vw,94px);
}
.hero-copy::before{
  content:"";position:absolute;left:clamp(48px,5.8vw,94px);top:clamp(28px,3.5vw,54px);
  width:5px;height:5px;border-radius:50%;background:var(--neon);box-shadow:0 0 14px 4px rgba(var(--neon-rgb),.34);
}
.eyebrow{
  color:var(--neon);
  gap:13px;
  font-size:10px;
  font-weight:750;
  letter-spacing:.2em;
  text-shadow:0 0 15px rgba(var(--neon-rgb),.24);
}
.eyebrow__line{width:42px;background:currentColor;box-shadow:0 0 11px rgba(var(--neon-rgb),.55)}
.display,
.section-heading h2,.cta-box h2,.featured-article h2,.giant-quote,.statement-quote,
.footer-brand p,.mega-menu__intro h2,legend{
  font-family:"Avenir Next","Segoe UI Variable","Helvetica Neue",Inter,Arial,sans-serif;
  font-weight:300;
  letter-spacing:-.052em;
}
.display{
  max-width:18ch;
  margin:22px 0 24px;
  color:#F8F8F4;
  font-size:clamp(50px,4.15vw,80px);
  line-height:.99;
  text-wrap:balance;
  overflow-wrap:normal;
  text-shadow:0 0 36px rgba(var(--neon-rgb),.065);
}
body[data-page="home"] .display{max-width:19ch}
.hero-lede{
  max-width:62ch;
  margin:0;
  color:rgba(244,240,231,.70);
  font-size:clamp(15px,1.02vw,18px);
  line-height:1.58;
}
.hero-note{
  max-width:58ch;
  margin:22px 0 0;
  padding-left:16px;
  border-left:1px solid var(--neon);
  color:rgba(244,240,231,.84);
  font-family:inherit;
  font-size:14px;
  font-style:normal;
  letter-spacing:.012em;
}
.hero-actions{gap:10px;margin-top:28px}
.hero-tags{gap:7px;margin-top:24px}
.hero-tags span{
  padding:6px 10px;
  border-color:rgba(255,255,255,.115);
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.58);
  font-size:9px;
  letter-spacing:.14em;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  margin:0!important;
  transform:none!important;
}
.hero-media__frame{
  position:absolute;inset:0;
  width:100%;height:100%;aspect-ratio:auto;
  border:0;border-radius:0;box-shadow:none;
  transform:none!important;
}
.hero-media__frame::before{content:none}
.hero-media__frame img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.01)!important;
  filter:saturate(.82) contrast(1.08) brightness(.76);
  transition:transform 1.15s var(--ease),filter .65s var(--ease);
}
.hero-grid:hover .hero-media__frame img{transform:scale(1.035)!important;filter:saturate(.91) contrast(1.08) brightness(.80)}
.hero-media__wash{background:linear-gradient(115deg,rgba(2,6,8,.32),transparent 52%,rgba(var(--neon-rgb),.13));mix-blend-mode:screen;opacity:.52}
.hero-media__caption{
  position:absolute;right:28px;bottom:24px;z-index:6;
  display:flex;gap:28px;margin:0;
  color:rgba(255,255,255,.54);
  font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;
}
.hero-mark{position:absolute;inset:0 0 0 45%;z-index:0;min-height:0;display:grid;place-items:center;overflow:hidden}
.hero-mark::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--neon-rgb),.15),transparent 68%);filter:blur(12px)}
.hero-mark img{width:min(54%,610px);opacity:.76;filter:drop-shadow(0 0 34px rgba(var(--neon-rgb),.18)) grayscale(.12)}
.hero-mark__orbit{border-color:rgba(var(--neon-rgb),.14)!important;box-shadow:0 0 25px rgba(var(--neon-rgb),.04)}
.hero-backdrop{display:none}
.scroll-cue{left:auto;right:4.5vw;bottom:26px;z-index:8;color:rgba(255,255,255,.50)}
.scroll-cue i{border-color:rgba(var(--neon-rgb),.48);box-shadow:0 0 12px rgba(var(--neon-rgb),.14)}

/* Buttons — modern directional capsules */
.button{
  min-height:54px;
  padding:0 7px 0 19px;
  gap:16px;
  border:1px solid rgba(var(--neon-rgb),.28);
  border-radius:999px;
  background:rgba(255,255,255,.022);
  color:var(--text);
  font-size:12px;
  font-weight:720;
  letter-spacing:.025em;
  overflow:hidden;
  isolation:isolate;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 0 18px rgba(var(--neon-rgb),.024);
}
.button::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(190px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(var(--neon-rgb),.18),transparent 68%);opacity:0;transition:opacity .25s}
.button::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.11) 50%,transparent 72%);transform:translateX(-130%);transition:transform .62s var(--ease)}
.button:hover::before{opacity:1}.button:hover::after{transform:translateX(130%)}
.button--primary{background:rgba(var(--neon-rgb),.105);border-color:rgba(var(--neon-rgb),.52);color:var(--text)}
.button--primary:hover,.button--ghost:hover{background:rgba(var(--neon-rgb),.13);border-color:var(--neon);color:var(--text);box-shadow:0 0 25px rgba(var(--neon-rgb),.19),inset 0 0 20px rgba(var(--neon-rgb),.07);transform:translateY(-2px)}
.button__arrow{
  width:39px;height:39px;flex:0 0 39px;
  display:grid;place-items:center;
  border-radius:50%;background:var(--neon);color:#061014;
  box-shadow:0 0 17px rgba(var(--neon-rgb),.34);
  font-size:0;
}
.button__arrow::before{content:"→";font-size:16px;transform:rotate(-34deg);transition:transform .32s var(--ease)}
.button:hover .button__arrow::before{transform:rotate(0)}

/* Section rhythm and sharp atmospheric backgrounds */
.section{position:relative;padding:clamp(92px,8.5vw,148px) 0}
main>.section:not(.hero)::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.065) 20%,rgba(var(--neon-rgb),.16) 50%,rgba(255,255,255,.065) 80%,transparent);
}
main>.section:not(.hero)::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(520px 380px at 10% 20%,rgba(var(--neon-rgb),.025),transparent 72%),
    linear-gradient(180deg,transparent 0%,rgba(255,255,255,.009) 48%,transparent 100%);
}
.process-section,.scenarios,.commitments,.article-section,.project-section{background:rgba(255,255,255,.008)}
.expertise-system,.service-intro,.filters-section{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005))}
.dark-feature,.dark-cards,.contact-form-section{background:linear-gradient(180deg,#04090C,#061015 52%,#04090C);color:#F4F0E7}
.section-heading{max-width:930px;margin-bottom:clamp(40px,4.6vw,64px)}
.section-heading h2{
  max-width:15ch;
  margin:16px 0 22px;
  font-size:clamp(40px,4.7vw,72px);
  line-height:1.01;
  text-wrap:balance;
}
.section-heading>p,.prose p{color:var(--copy-muted)}
.section-heading>p{max-width:72ch;font-size:clamp(16px,1.15vw,18px);line-height:1.65}
.prose p{font-size:16px;line-height:1.72}
.micro-note{max-width:78ch;padding:11px 0 11px 16px;border-left:1px solid var(--neon);color:var(--copy-soft);font-size:12px;line-height:1.55}
.text-link{color:var(--text)}.text-link span{color:var(--neon)}

/* Media and split compositions */
.split-grid{gap:clamp(44px,6.5vw,104px);align-items:center}
.split-media,.wide-media,.dark-feature__media,.process-image,.featured-case__grid>img,.featured-article__grid>img{
  position:relative;
  overflow:hidden;
  border:1px solid var(--hairline);
  border-radius:26px;
  box-shadow:0 28px 90px rgba(0,0,0,.30),0 0 42px rgba(var(--neon-rgb),.035),inset 0 1px 0 rgba(255,255,255,.035);
}
.split-media::before,.wide-media::before,.dark-feature__media::before,.process-image::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(135deg,rgba(var(--neon-rgb),.08),transparent 42%,rgba(255,255,255,.018));mix-blend-mode:screen;
}
.split-media img,.wide-media img,.dark-feature__media img,.process-image img{filter:saturate(.83) contrast(1.07);transition:transform .85s var(--ease),filter .55s}
.split-media:hover img,.wide-media:hover img,.dark-feature__media:hover img,.process-image:hover img{transform:scale(1.03);filter:saturate(.95) contrast(1.07)}
.split-media{min-height:clamp(470px,43vw,650px)}
.split-media img{width:100%;height:100%;object-fit:cover}
.media-index{left:18px;bottom:18px;padding:7px 11px;border:1px solid rgba(var(--neon-rgb),.21);border-radius:999px;background:rgba(4,10,13,.78);color:rgba(255,255,255,.64);font-size:8.5px;letter-spacing:.16em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.wide-media{height:clamp(400px,42vw,600px)}
.process-image{height:clamp(330px,32vw,500px)}

/* Shared card surface */
.expertise-card,.scenario-card,.process-step,.sector-tile,.reference-row,.mini-card,
.dark-card,.project-card,.article-card,.commitment,.case-row,.choice-grid span,.contact-wizard,.cta-box{
  --surface-rgb:var(--neon-rgb);
  position:relative;
  overflow:hidden;
  border-color:var(--hairline);
  background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.010));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.033),0 20px 64px rgba(0,0,0,.15);
}
.expertise-card::after,.scenario-card::after,.process-step::after,.sector-tile::after,.reference-row::after,
.mini-card::after,.dark-card::after,.project-card::after,.article-card::after,.commitment::after,
.case-row::after,.contact-wizard::after,.cta-box::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(330px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(var(--surface-rgb),.14),transparent 66%);
  opacity:0;transition:opacity .28s;
}
.expertise-card:hover::after,.scenario-card:hover::after,.process-step:hover::after,.sector-tile:hover::after,
.reference-row:hover::after,.mini-card:hover::after,.dark-card:hover::after,.project-card:hover::after,
.article-card:hover::after,.commitment:hover::after,.case-row:hover::after,.contact-wizard:hover::after,.cta-box:hover::after{opacity:1}
.expertise-card:hover,.scenario-card:hover,.process-step:hover,.sector-tile:hover,.reference-row:hover,.mini-card:hover,
.dark-card:hover,.project-card:hover,.article-card:hover,.commitment:hover,.case-row:hover{
  border-color:rgba(var(--surface-rgb),.38);
  box-shadow:0 0 27px rgba(var(--surface-rgb),.075),0 24px 72px rgba(0,0,0,.22),inset 0 0 22px rgba(var(--surface-rgb),.022);
}

/* Expertise system */
.expertise-grid{gap:14px}
.expertise-card{
  min-height:440px;
  padding:27px;
  border-radius:24px;
  transform-style:preserve-3d;
}
.expertise-card[data-accent="telecom"]{--surface-rgb:156,203,75}
.expertise-card[data-accent="it"]{--surface-rgb:57,168,242}
.expertise-card[data-accent="print"]{--surface-rgb:234,180,94}
.expertise-card[data-accent="security"]{--surface-rgb:133,137,130}
.expertise-card::before{inset:auto -22% -24%;height:58%;opacity:.20;background:radial-gradient(circle,rgba(var(--surface-rgb),.32),transparent 68%);filter:blur(10px)}
.expertise-card:hover::before{opacity:.62}
.expertise-card__top img{filter:drop-shadow(0 0 14px rgba(var(--surface-rgb),.24));transition:transform .5s var(--ease),filter .4s}
.expertise-card:hover .expertise-card__top img{transform:translateY(-3px) scale(1.055);filter:drop-shadow(0 0 21px rgba(var(--surface-rgb),.40))}
.expertise-card h3{font-size:27px;letter-spacing:-.035em}
.expertise-card p{font-size:14px;line-height:1.6;color:var(--copy-muted)}
.expertise-card__link{border-color:var(--hairline);font-size:11px}

/* Process, scenarios, commitments */
.process-grid,.scenario-grid,.commitment-grid,.mini-card-grid,.dark-card-grid{gap:13px}
.process-step{
  min-height:210px;
  padding:25px;
  border:1px solid var(--hairline);
  border-radius:21px;
}
.process-step::before{background:linear-gradient(90deg,var(--neon),transparent);box-shadow:0 0 11px rgba(var(--neon-rgb),.30)}
.process-step>span,.scenario-card__num,.sector-tile>span{color:var(--neon);text-shadow:0 0 11px rgba(var(--neon-rgb),.25)}
.process-step h3{font-size:20px;margin-bottom:8px}.process-step p{font-size:13px;line-height:1.55;color:var(--copy-muted)}
.scenario-card{min-height:270px;padding:27px;border-radius:23px}
.scenario-card h3{font-size:24px;line-height:1.2;margin-top:58px}
.scenario-card p{color:var(--copy-muted);font-size:14px;line-height:1.58}
.scenario-card i{color:var(--neon)}
.commitment{min-height:210px;border-radius:22px}.commitment span{color:var(--neon)}
.mini-card{min-height:200px;border-radius:21px;padding:22px}.mini-card h3{margin-top:38px}.mini-card p{color:var(--copy-muted)}
.dark-card{min-height:230px;border-radius:22px;padding:27px}.dark-card span{color:var(--neon)}.dark-card h3{margin-top:72px;font-family:inherit;font-weight:350;font-size:26px;letter-spacing:-.035em}

/* Statement and quote sections */
.statement-grid{gap:clamp(54px,7vw,112px)}
.statement-quote{font-size:clamp(36px,4.2vw,64px);line-height:1.06}
.statement-quote::before{color:rgba(var(--neon-rgb),.22)}
.statement-mark{border-color:var(--hairline);background:radial-gradient(circle,rgba(var(--neon-rgb),.055),transparent 66%)}
.giant-quote{font-size:clamp(40px,5.4vw,80px);border-color:var(--hairline);text-shadow:0 0 28px rgba(var(--neon-rgb),.045)}
.inline-statement{color:var(--text)}

/* Dark feature */
.dark-feature__grid{gap:clamp(50px,6vw,90px)}
.dark-feature h2{font-family:inherit;font-weight:300;letter-spacing:-.05em;font-size:clamp(42px,4.8vw,72px)}
.dark-feature blockquote{font-family:inherit;font-weight:350;font-size:27px;border-left-color:var(--neon)}
.dark-feature__media{height:clamp(480px,46vw,650px)}
.dark-feature__links a{border-color:var(--hairline);background:rgba(255,255,255,.018);transition:border-color .25s,background .25s,box-shadow .25s}
.dark-feature__links a:hover{border-color:var(--neon-line);background:rgba(var(--neon-rgb),.075);box-shadow:0 0 18px rgba(var(--neon-rgb),.10)}
.check-list li span{color:var(--neon);text-shadow:0 0 9px rgba(var(--neon-rgb),.34)}

/* Sectors, references, projects and articles */
.sector-grid,.project-grid,.article-grid{gap:14px}
.sector-tile{min-height:210px;border-radius:21px;padding:23px}
.sector-tile::before{background:rgba(var(--neon-rgb),.18)}
.sector-tile h3{font-family:inherit;font-weight:350;font-size:25px;letter-spacing:-.035em;margin-top:72px}
.sector-tile i,.reference-row i{color:var(--neon)}
.reference-list{border-top-color:var(--hairline)}
.reference-row{min-height:106px;margin-bottom:8px;padding:0 20px;border:1px solid var(--hairline);border-radius:17px}
.reference-row:hover{padding-inline:25px;background:rgba(255,255,255,.025)}
.reference-row span{color:var(--neon)}
.reference-row h3{font-size:21px;line-height:1.3}
.sector-detail{border-top-color:var(--hairline)}
.sector-detail__number{color:var(--neon);font-family:inherit;font-weight:250}
.filter-chip{border-color:var(--hairline);background:rgba(255,255,255,.018);transition:.25s}
.filter-chip:hover,.filter-chip.is-active{background:rgba(var(--neon-rgb),.12);border-color:var(--neon);color:var(--text);box-shadow:0 0 20px rgba(var(--neon-rgb),.12)}
.case-rows{border-top-color:var(--hairline)}
.case-row{border-bottom-color:var(--hairline);padding:18px 12px}
.case-row span{color:var(--neon)}
.project-card,.article-card{min-height:330px;border-radius:22px;padding:17px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.011))}
.project-card__visual{border:1px solid var(--hairline);background:linear-gradient(135deg,rgba(var(--neon-rgb),.11),rgba(255,255,255,.012))}
.project-card h3,.article-card h3{font-size:21px}.project-card p,.article-card p{color:var(--copy-muted)}
.project-card a,.article-card a,.article-card>span{color:var(--neon)}
.featured-article__grid{gap:clamp(44px,6vw,80px)}
.featured-article h2{font-size:clamp(40px,4.7vw,70px)}
.featured-article p{color:var(--copy-muted)}

/* CTA and forms */
.cta-box{
  min-height:430px;
  padding:clamp(36px,5.2vw,74px);
  gap:50px;
  border:1px solid rgba(var(--neon-rgb),.20);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(var(--neon-rgb),.065),rgba(255,255,255,.014) 44%,rgba(255,255,255,.007));
  box-shadow:0 32px 105px rgba(0,0,0,.30),0 0 54px rgba(var(--neon-rgb),.05),inset 0 1px 0 rgba(255,255,255,.05);
}
.cta-box h2{font-size:clamp(42px,4.8vw,72px);max-width:15ch}
.cta-box p{color:var(--copy-muted)}
.cta-box>img{opacity:.055;filter:grayscale(.35) drop-shadow(0 0 24px rgba(var(--neon-rgb),.17))}
.contact-form-section{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.contact-intro>p{color:var(--copy-muted)}
.contact-wizard{
  border:1px solid rgba(var(--neon-rgb),.18);
  border-radius:27px;
  background:rgba(5,11,14,.75);
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  box-shadow:0 34px 105px rgba(0,0,0,.38),0 0 48px rgba(var(--neon-rgb),.05);
}
html[data-theme="light"] .contact-wizard{background:rgba(249,247,241,.78)}
.form-progress i{background:linear-gradient(90deg,var(--neon),#fff);box-shadow:0 0 14px rgba(var(--neon-rgb),.40)}
.form-progress span.is-active{color:var(--neon)}
.choice-grid span{border-radius:17px;background:rgba(255,255,255,.018)}
.choice-grid input:checked+span{border-color:var(--neon);box-shadow:0 0 22px rgba(var(--neon-rgb),.12),inset 0 0 18px rgba(var(--neon-rgb),.05);background:rgba(var(--neon-rgb),.06)}
.field input,.field select,.field textarea{border-radius:15px;background:rgba(255,255,255,.025);border-color:var(--hairline)}
html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea{background:rgba(8,15,18,.025)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon),0 0 22px rgba(var(--neon-rgb),.12)}
legend{font-size:28px}

/* Reveal, cursor and particles */
.reveal{opacity:0;transform:translate3d(0,28px,0);filter:blur(5px);clip-path:inset(0 0 8% 0);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease),clip-path .9s var(--ease);transition-delay:var(--delay,0ms)}
.reveal.is-visible{opacity:1;transform:none;filter:blur(0);clip-path:inset(0 0 0 0)}
.cursor{width:23px;height:23px;border:1px solid rgba(var(--neon-rgb),.67);background:rgba(var(--neon-rgb),.03);mix-blend-mode:normal;box-shadow:0 0 14px rgba(var(--neon-rgb),.20),inset 0 0 10px rgba(var(--neon-rgb),.07);transition:width .23s var(--ease),height .23s var(--ease),background .23s,border-color .23s}
.cursor span{width:3px;height:3px;background:var(--neon);box-shadow:0 0 7px rgba(var(--neon-rgb),.70)}
.cursor.is-hover{width:48px;height:48px;border-color:rgba(var(--neon-rgb),.40);background:rgba(var(--neon-rgb),.05);box-shadow:0 0 25px rgba(var(--neon-rgb),.20),inset 0 0 16px rgba(var(--neon-rgb),.07)}
.neon-ripple{position:fixed;width:9px;height:9px;z-index:1198;border:1px solid rgba(var(--neon-rgb),.67);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:neonRipple .68s var(--ease) forwards;box-shadow:0 0 13px rgba(var(--neon-rgb),.32)}
@keyframes neonRipple{to{width:80px;height:80px;opacity:0;border-width:0}}

/* Footer */
.site-footer{background:#020506;border-top:1px solid rgba(var(--neon-rgb),.11);overflow:hidden}
.site-footer::before{content:"";position:absolute;width:70vw;height:480px;left:15%;top:-370px;background:radial-gradient(ellipse,rgba(var(--neon-rgb),.10),transparent 70%)}
.footer-brand p{font-size:29px}
.footer-columns h3{color:var(--neon);text-shadow:0 0 13px rgba(var(--neon-rgb),.20)}
.footer-columns a{transition:color .22s,text-shadow .22s,transform .22s}
.footer-columns a:hover{color:#fff;text-shadow:0 0 11px rgba(var(--neon-rgb),.30);transform:translateX(3px)}
.legal-section{padding-top:150px}

/* Desktop rail-safe layout */
@media(min-width:1240px){
  :root{--container:min(1320px,calc(100vw - 220px))}
  .universe-rail{display:flex!important}
  .hero-grid{width:min(1540px,calc(100vw - 180px))}
  .breadcrumbs{width:min(1320px,calc(100vw - 220px))}
}
@media(max-width:1500px) and (min-width:1240px){
  .nav-shell{width:calc(100vw - 150px);min-width:0}
  .desktop-nav{gap:16px}
  .desktop-nav a,.nav-expertise-trigger{font-size:9.5px;letter-spacing:.105em}
  .hero-grid{width:calc(100vw - 150px);margin-left:102px;margin-right:48px}
  .breadcrumbs{width:calc(100vw - 180px);margin-left:102px;margin-right:78px}
}

/* Laptop / tablet */
@media(max-width:1239px){
  :root{--container:min(100% - 42px,1120px)}
  .universe-rail{display:none!important}
  .nav-shell{width:calc(100vw - 28px);min-width:0;grid-template-columns:190px minmax(0,1fr) auto}
  .desktop-nav{gap:clamp(13px,1.7vw,24px)}
  .desktop-nav a,.nav-expertise-trigger{font-size:9.5px;letter-spacing:.10em}
  .nav-contact{min-width:146px}
  .breadcrumbs{width:var(--container)}
  .hero-grid{width:calc(100% - 28px);min-height:clamp(650px,calc(100svh - 126px),820px)}
  .hero-copy{width:min(100%,790px);padding-left:clamp(42px,5vw,68px)}
  .hero-copy::before{left:clamp(42px,5vw,68px)}
  .display{font-size:clamp(48px,5.8vw,72px)}
  .expertise-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1040px){
  .desktop-nav{display:none}
  .nav-shell{grid-template-columns:1fr auto}
  .menu-toggle{display:grid}
  .nav-contact{display:flex}
  .mega-menu{display:none}
  .mobile-menu{
    position:fixed;inset:88px 14px 14px;z-index:1199;
    display:grid;grid-template-columns:1fr 1fr;gap:34px;
    padding:30px;
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateY(-14px) scale(.99);
    border:1px solid rgba(var(--neon-rgb),.18);border-radius:24px;
    background:rgba(4,10,13,.97);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);
    box-shadow:0 26px 90px rgba(0,0,0,.52),0 0 48px rgba(var(--neon-rgb),.05);
    transition:opacity .25s,visibility .25s,transform .34s var(--ease);
    overflow:auto;
  }
  .mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .mobile-menu__links a{font-family:inherit;font-weight:300;font-size:clamp(27px,4vw,38px);letter-spacing:-.035em;line-height:1.35}
  .mobile-menu__expertises{display:grid;align-content:start;gap:9px}
  .mobile-menu__expertises a{padding:14px;border:1px solid var(--hairline);border-radius:14px;background:rgba(255,255,255,.018)}
  .menu-toggle.is-open i:first-child{transform:translateY(3px) rotate(45deg)}
  .menu-toggle.is-open i:last-child{transform:translateY(-3px) rotate(-45deg)}
  .hero-grid::before{background:linear-gradient(90deg,rgba(3,7,9,.97) 0%,rgba(3,7,9,.90) 45%,rgba(3,7,9,.35) 100%),linear-gradient(0deg,rgba(3,7,9,.64),transparent 38%),radial-gradient(520px 420px at 78% 45%,rgba(var(--neon-rgb),.12),transparent 70%)}
  .hero-copy{width:min(76%,740px)}
  .process-grid,.commitment-grid,.mini-card-grid,.dark-card-grid{grid-template-columns:repeat(2,1fr)}
  .sector-grid{grid-template-columns:repeat(2,1fr)}
  .project-grid,.article-grid{grid-template-columns:repeat(2,1fr)}
}

/* Mobile */
@media(max-width:820px){
  :root{--container:min(100% - 28px,680px);--header-height:80px}
  body::before{background-size:48px 48px}
  .neon-field{opacity:.34}
  .site-header{padding-top:8px}
  .nav-shell{width:calc(100vw - 16px);height:64px;border-radius:15px;padding-left:10px}
  .brand{width:150px;height:50px}.brand-mark{width:36px;height:36px;flex-basis:36px}.brand-wordmark{width:92px}.brand-logo{width:92px}
  .nav-contact{display:none}
  .theme-toggle{width:42px;height:42px}
  .menu-toggle{width:42px;height:42px}
  .mobile-menu{inset:80px 8px 8px;grid-template-columns:1fr;padding:24px;border-radius:20px}
  .breadcrumbs{width:var(--container);padding-top:88px;min-height:118px;margin-bottom:0;font-size:9px}
  body[data-page="home"] .hero{padding-top:80px}
  .hero{padding-bottom:50px}
  .hero-grid{width:calc(100% - 16px);min-height:720px;align-items:end;border-radius:23px}
  .hero-grid::before{background:linear-gradient(0deg,rgba(2,6,8,.985) 0%,rgba(2,6,8,.88) 54%,rgba(2,6,8,.18) 100%),radial-gradient(430px 330px at 70% 18%,rgba(var(--neon-rgb),.13),transparent 70%)}
  .hero-copy{grid-column:1;width:100%;align-self:end;padding:40px 24px 34px}
  .hero-copy::before{display:none}
  .display{max-width:12.5ch!important;margin:17px 0 20px;font-size:clamp(43px,11.7vw,66px);line-height:.98}
  .hero-lede{font-size:15px;line-height:1.52}
  .hero-note{font-size:13px}
  .hero-media__frame img{object-position:center 28%;filter:saturate(.83) contrast(1.06) brightness(.70)}
  .hero-media__caption{display:none}
  .hero-mark{inset:0 0 38% 0;opacity:.76}
  .hero-mark img{width:55%}
  .hero-actions{margin-top:24px}.hero-actions .button{width:100%}
  .hero-tags{margin-top:20px}.hero-tags span{font-size:8px;padding:5px 8px}
  .scroll-cue{display:none}
  .section{padding:82px 0}
  .section-heading{margin-bottom:34px}.section-heading h2{max-width:none;font-size:clamp(36px,10vw,54px)}
  .split-grid,.statement-grid,.service-grid,.dark-feature__grid,.featured-case__grid,.featured-article__grid,.contact-intro,.quote-section__head{grid-template-columns:1fr;gap:36px}
  .split-grid--reverse{direction:ltr}.split-media{min-height:390px;order:0}.split-copy{order:1}
  .scenario-grid,.expertise-grid,.process-grid,.commitment-grid,.mini-card-grid,.dark-card-grid,.sector-grid,.project-grid,.article-grid{grid-template-columns:1fr}
  .expertise-card{min-height:340px}.process-step{min-height:185px}.scenario-card{min-height:235px}
  .process-split .mini-steps{grid-template-columns:1fr}
  .cards-image--vertical .wide-media{height:440px;max-width:none}.cards-image--vertical .mini-card-grid{max-width:none;margin:12px 0 0;padding:0;background:none}
  .dark-feature__media{height:410px}
  .sector-detail__grid{grid-template-columns:64px 1fr;gap:18px}.sector-detail__number{font-size:42px}
  .reference-row{grid-template-columns:38px 1fr 22px}.reference-row small{display:none}
  .cta-box{grid-template-columns:1fr;min-height:0;padding:36px 24px}.cta-box__actions{width:100%}.cta-box__actions .button{width:100%}
  .choice-grid,.field-grid{grid-template-columns:1fr}.contact-wizard{padding:20px}.form-progress span{font-size:8.5px}
  .footer-top{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}
  .cursor{display:none}
}
@media(max-width:520px){
  :root{--container:min(100% - 22px,520px)}
  .theme-toggle{display:none}
  .mobile-menu{padding:20px}.mobile-menu__links a{font-size:25px}
  .hero-grid{min-height:680px}
  .hero-copy{padding:32px 18px 25px}
  .display{font-size:clamp(40px,11.6vw,57px)}
  .hero-actions{gap:8px}
  .button{min-height:53px}
  .section{padding:70px 0}
  .split-media{min-height:320px}
  .section-heading h2{font-size:38px}
  .sector-detail__grid{grid-template-columns:1fr}.sector-detail__number{font-size:22px}
  .footer-columns{grid-template-columns:1fr}.footer-bottom div{flex-wrap:wrap}
  .form-progress{gap:4px}.form-progress span{letter-spacing:.05em}
}
@media(max-height:760px) and (min-width:821px){
  .hero-grid{min-height:620px}
  .hero-copy{padding-top:54px;padding-bottom:46px}
  .display{font-size:clamp(46px,3.7vw,68px);margin:17px 0 18px}
  .hero-lede{font-size:15px;line-height:1.48}
  .hero-note{margin-top:15px}
  .hero-actions{margin-top:20px}.hero-tags{margin-top:17px}
}
@media(prefers-reduced-motion:reduce){
  .neon-field{display:none}.hero-media__frame img{transition:none}.neon-ripple{display:none}
  .reveal{opacity:1;transform:none;filter:none;clip-path:none}
}


/* V2.1 geometry safeguards */
.menu-toggle{display:none}
.hero.section{padding:0 0 72px}
body[data-page="home"] .hero.section{padding:104px 0 72px}
@media(max-width:1040px){.menu-toggle{display:grid}}
@media(max-width:820px){
  body[data-page="home"] .hero.section{padding:80px 0 50px}
  .breadcrumbs+.hero.section{padding:0 0 50px}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-copy{grid-column:1/-1;width:100%}
}


/* ========================================================================== 
   MYDEN V2.2 — Coherent Light System, Graphite Security & Living Vectors
   ========================================================================== */
:root{
  --security:#858982;
  --security-rgb:133,137,130;
  --light-canvas:#F4F0E7;
  --light-panel:#FBF9F4;
  --light-panel-2:#F0ECE3;
  --light-line:rgba(15,23,27,.105);
  --light-line-strong:rgba(15,23,27,.17);
  --light-shadow:0 22px 65px rgba(41,37,29,.075);
}
body[data-accent="security"]{--neon:#858982;--neon-rgb:133,137,130}
.mega-menu__grid>a[href*="securite"],
.universe-link[href*="securite"],
.expertise-card[data-accent="security"]{--item-rgb:133,137,130;--rail-rgb:133,137,130;--surface-rgb:133,137,130}
.dot--security{background:#858982!important}

/* Brand rail: white group symbol on the dark command rail. */
.universe-link--group img{
  width:35px!important;height:35px!important;object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.18))!important;
}

/* Modern directional icon — no typographic arrow glyphs. */
.button__arrow,.nav-contact span:last-child,
.motion-arrow,.dark-feature__links a span,.text-link span,.expertise-card__link span{
  position:relative;
  font-size:0!important;
  line-height:0;
}
.button__arrow::before,.nav-contact span:last-child::before,
.motion-arrow::before,.dark-feature__links a span::before,.text-link span::before,.expertise-card__link span::before{
  content:""!important;
  position:absolute;
  left:50%;top:50%;
  width:13px;height:1.5px;
  border-radius:999px;
  background:currentColor;
  transform:translate(-57%,-50%);
  transition:transform .38s var(--ease),width .38s var(--ease);
}
.button__arrow::after,.nav-contact span:last-child::after,
.motion-arrow::after,.dark-feature__links a span::after,.text-link span::after,.expertise-card__link span::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:6px;height:6px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
  transform:translate(5%,-50%) rotate(45deg);
  transition:transform .38s var(--ease);
}
.button:hover .button__arrow::before,.nav-contact:hover span:last-child::before,
.scenario-card:hover .motion-arrow::before,.reference-row:hover .motion-arrow::before,
.dark-feature__links a:hover span::before,.text-link:hover span::before,.expertise-card__link:hover span::before{
  width:17px;transform:translate(-51%,-50%);
}
.button:hover .button__arrow::after,.nav-contact:hover span:last-child::after,
.scenario-card:hover .motion-arrow::after,.reference-row:hover .motion-arrow::after,
.dark-feature__links a:hover span::after,.text-link:hover span::after,.expertise-card__link:hover span::after{
  transform:translate(30%,-50%) rotate(45deg);
}
.motion-arrow{display:block;width:26px;height:26px;color:var(--neon)}
.scenario-card .motion-arrow{position:absolute;right:24px;bottom:23px}

/* Coherent, clean light mode — warm ivory canvas, white mineral panels. */
html[data-theme="light"]{
  --text:#10171B;
  --muted:#62696B;
  --surface:#F4F0E7;
  --surface-2:#EEE9DF;
  --line:var(--light-line);
  --panel:rgba(251,249,244,.92);
  --panel-solid:#FBF9F4;
  --panel-2:rgba(240,236,227,.92);
  --hairline:var(--light-line);
  --hairline-strong:var(--light-line-strong);
  --copy-muted:rgba(16,23,27,.67);
  --copy-soft:rgba(16,23,27,.50);
  --shadow:var(--light-shadow);
}
html[data-theme="light"] body{
  background:
    radial-gradient(900px 620px at 82% -8%,rgba(var(--neon-rgb),.045),transparent 72%),
    linear-gradient(180deg,#F8F6F0 0%,#F4F0E7 42%,#F1EDE4 100%);
}
html[data-theme="light"] body::before{
  opacity:.42;
  background:
    linear-gradient(rgba(12,20,24,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,20,24,.022) 1px,transparent 1px);
  background-size:96px 96px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 84%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 84%);
}
html[data-theme="light"] body::after{
  opacity:.42;
  background:
    radial-gradient(circle at 9% 16%,rgba(var(--neon-rgb),.035),transparent 20%),
    radial-gradient(circle at 91% 76%,rgba(15,23,27,.018),transparent 24%);
}
html[data-theme="light"] .neon-field{opacity:.15}
html[data-theme="light"] .vector-field{opacity:.34}
html[data-theme="light"] main>.section:not(.hero)::before{
  background:linear-gradient(90deg,transparent,rgba(15,23,27,.055) 20%,rgba(var(--neon-rgb),.16) 50%,rgba(15,23,27,.055) 80%,transparent);
}
html[data-theme="light"] main>.section:not(.hero)::after{
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.25) 50%,transparent);
}
html[data-theme="light"] .process-section,
html[data-theme="light"] .scenarios,
html[data-theme="light"] .commitments,
html[data-theme="light"] .article-section,
html[data-theme="light"] .project-section,
html[data-theme="light"] .expertise-system,
html[data-theme="light"] .service-intro,
html[data-theme="light"] .filters-section{
  background:transparent;
}
html[data-theme="light"] .dark-feature,
html[data-theme="light"] .dark-cards,
html[data-theme="light"] .contact-form-section{
  background:linear-gradient(180deg,#080D10,#0B1418 52%,#070C0F);
  color:#F4F0E7;
}
html[data-theme="light"] .dark-feature .eyebrow,
html[data-theme="light"] .dark-cards .eyebrow,
html[data-theme="light"] .contact-form-section .eyebrow{color:var(--neon)}

html[data-theme="light"] .expertise-card,
html[data-theme="light"] .scenario-card,
html[data-theme="light"] .process-step,
html[data-theme="light"] .sector-tile,
html[data-theme="light"] .reference-row,
html[data-theme="light"] .mini-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .article-card,
html[data-theme="light"] .commitment,
html[data-theme="light"] .case-row,
html[data-theme="light"] .choice-grid span,
html[data-theme="light"] .contact-wizard,
html[data-theme="light"] .cta-box{
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(248,245,238,.93));
  border-color:var(--light-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),var(--light-shadow);
}
html[data-theme="light"] .process-step,
html[data-theme="light"] .mini-card,
html[data-theme="light"] .scenario-card,
html[data-theme="light"] .commitment{
  backdrop-filter:none;
}
html[data-theme="light"] .expertise-card::after,
html[data-theme="light"] .scenario-card::after,
html[data-theme="light"] .process-step::after,
html[data-theme="light"] .sector-tile::after,
html[data-theme="light"] .reference-row::after,
html[data-theme="light"] .mini-card::after,
html[data-theme="light"] .project-card::after,
html[data-theme="light"] .article-card::after,
html[data-theme="light"] .commitment::after,
html[data-theme="light"] .case-row::after,
html[data-theme="light"] .contact-wizard::after,
html[data-theme="light"] .cta-box::after{
  background:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(var(--surface-rgb),.075),transparent 68%);
}
html[data-theme="light"] .expertise-card:hover,
html[data-theme="light"] .scenario-card:hover,
html[data-theme="light"] .process-step:hover,
html[data-theme="light"] .sector-tile:hover,
html[data-theme="light"] .reference-row:hover,
html[data-theme="light"] .mini-card:hover,
html[data-theme="light"] .project-card:hover,
html[data-theme="light"] .article-card:hover,
html[data-theme="light"] .commitment:hover,
html[data-theme="light"] .case-row:hover{
  border-color:rgba(var(--surface-rgb),.30);
  box-shadow:0 20px 58px rgba(41,37,29,.105),inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-theme="light"] .process-step::before{
  box-shadow:none;
  opacity:.70;
}
html[data-theme="light"] .process-step>span,
html[data-theme="light"] .scenario-card__num,
html[data-theme="light"] .sector-tile>span{
  text-shadow:none;
}
html[data-theme="light"] .process-grid{
  gap:12px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
}
html[data-theme="light"] .micro-note{
  color:rgba(16,23,27,.50);
  background:transparent;
}
html[data-theme="light"] .split-media,
html[data-theme="light"] .wide-media,
html[data-theme="light"] .process-image,
html[data-theme="light"] .featured-case__grid>img,
html[data-theme="light"] .featured-article__grid>img{
  border-color:var(--light-line);
  box-shadow:0 24px 72px rgba(41,37,29,.105);
}
html[data-theme="light"] .nav-contact,
html[data-theme="light"] .button{
  background:rgba(255,255,255,.54);
  border-color:rgba(var(--neon-rgb),.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-theme="light"] .button--primary{
  background:rgba(var(--neon-rgb),.10);
  border-color:rgba(var(--neon-rgb),.42);
}
html[data-theme="light"] .button--primary:hover,
html[data-theme="light"] .button--ghost:hover,
html[data-theme="light"] .nav-contact:hover{
  background:rgba(var(--neon-rgb),.14);
  color:var(--text);
  box-shadow:0 12px 32px rgba(41,37,29,.10),inset 0 1px 0 rgba(255,255,255,.70);
}
html[data-theme="light"] .filter-chip{background:rgba(255,255,255,.52)}
html[data-theme="light"] .filter-chip:hover,
html[data-theme="light"] .filter-chip.is-active{background:rgba(var(--neon-rgb),.11)}
html[data-theme="light"] .reference-row:hover{background:rgba(255,255,255,.88)}
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea{
  background:#FFFDF9;
  border-color:var(--light-line);
}

/* More precise interactive cursor. */
@media(pointer:fine) and (min-width:821px){
  a,button,.expertise-card,.scenario-card,.process-step,.sector-tile,.reference-row,
  .mini-card,.dark-card,.project-card,.article-card,.commitment,.case-row,
  .split-media,.wide-media,.dark-feature__media,.filter-chip,.universe-link{cursor:none}
}
.cursor{
  width:24px;height:24px;
  overflow:visible;
  transition:width .28s var(--ease),height .28s var(--ease),background .24s,border-color .24s,box-shadow .24s;
}
.cursor span{transition:transform .25s var(--ease),opacity .22s}
.cursor b{
  position:absolute;left:50%;top:50%;width:7px;height:7px;
  border-top:1px solid var(--neon);border-right:1px solid var(--neon);
  opacity:0;transform:translate(-70%,-50%) rotate(45deg) scale(.55);
  transition:opacity .2s,transform .28s var(--ease);
}
.cursor.is-hover{width:46px;height:46px}
.cursor.is-action span{opacity:0;transform:translate(-50%,-50%) scale(.2)}
.cursor.is-action b{opacity:1;transform:translate(-55%,-50%) rotate(45deg) scale(1)}
.cursor.is-media{width:58px;height:58px;background:rgba(var(--neon-rgb),.055)}
.cursor.is-media::after{
  content:"VIEW";position:absolute;inset:0;display:grid;place-items:center;
  color:var(--neon);font-size:7px;font-weight:800;letter-spacing:.12em;
}
.cursor.is-media span,.cursor.is-media b{opacity:0}
.cursor.is-press{width:34px;height:34px;background:rgba(var(--neon-rgb),.13)}
.cursor-trail{
  position:fixed;left:0;top:0;z-index:9998;pointer-events:none;
  width:4px;height:4px;border-radius:50%;background:var(--neon);
  box-shadow:0 0 9px rgba(var(--neon-rgb),.48);
  transform:translate(-50%,-50%);animation:cursorTrail .62s ease-out forwards;
}
@keyframes cursorTrail{to{opacity:0;transform:translate(-50%,-50%) scale(.15)}}

/* Living vector background: architectural routes, not noisy particles. */
.vector-field{
  position:fixed;inset:0;width:100%;height:100%;z-index:-2;
  pointer-events:none;opacity:.52;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);
}
@media(max-width:820px){
  .vector-field{opacity:.30}
  html[data-theme="light"] .vector-field{opacity:.18}
}
@media(prefers-reduced-motion:reduce){.vector-field{display:none}}

.inline-motion-arrow{position:relative;display:inline-block;width:18px;height:18px;margin-left:6px;vertical-align:-4px;color:var(--neon);font-size:0}
.inline-motion-arrow::before{content:"";position:absolute;left:2px;top:8px;width:11px;height:1.5px;border-radius:999px;background:currentColor;transition:width .32s var(--ease),transform .32s var(--ease)}
.inline-motion-arrow::after{content:"";position:absolute;right:2px;top:5px;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);transition:transform .32s var(--ease)}
a:hover .inline-motion-arrow::before{width:14px;transform:translateX(2px)}
a:hover .inline-motion-arrow::after{transform:translateX(2px) rotate(45deg)}
.sector-tile .motion-arrow,.reference-row .motion-arrow{position:relative!important;right:auto!important;bottom:auto!important;justify-self:end;align-self:center}


/* ======================================================================
   MYDEN V2.3 — Technical iconography, tactile interaction and mineral light
   ====================================================================== */
body{--vector-opacity:.62}
body.myden-v23{--interaction-lift:-7px}

/* Keep both canvases above the page paint and below content. V2.2 used a
   negative stacking level, which placed the animation behind the body. */
.neon-field,.vector-field{z-index:0!important}
.neon-field{opacity:.48}
.vector-field{opacity:var(--vector-opacity);mix-blend-mode:screen}
main,.site-footer{isolation:isolate}
main>.section,.site-footer{z-index:1}

/* A visible, coherent routing language inside the individual sections. */
main>.section:not(.hero){isolation:isolate;overflow:hidden}
main>.section:not(.hero)>.container{position:relative;z-index:2}
.section-vector{
  position:absolute;z-index:0;pointer-events:none;
  width:min(720px,58vw);height:auto;right:-8%;top:4%;
  opacity:.25;color:var(--neon);filter:drop-shadow(0 0 10px rgba(var(--neon-rgb),.10));
  transform:translate3d(0,22px,0);transition:opacity 1s var(--ease),transform 1.25s var(--ease);
}
.section-vector.is-active{opacity:.42;transform:none}
.section-vector--left{right:auto;left:-12%;top:auto;bottom:-4%;transform:translate3d(-20px,22px,0) rotate(180deg)}
.section-vector--left.is-active{transform:rotate(180deg)}
.section-vector__route{
  fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;
  stroke-dasharray:9 16;opacity:.30;animation:mydenRouteFlow 16s linear infinite;
}
.section-vector__route--soft{stroke-width:.65;stroke-dasharray:2 13;opacity:.20;animation-duration:23s;animation-direction:reverse}
.section-vector__node{fill:var(--surface);stroke:currentColor;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:mydenNodePulse 4.8s ease-in-out infinite}
.section-vector__node:nth-of-type(2n){animation-delay:-1.7s}.section-vector__node:nth-of-type(3n){animation-delay:-3.2s}
.section-vector__signal{fill:currentColor;opacity:.16;animation:mydenSignalTravel 8s ease-in-out infinite}
@keyframes mydenRouteFlow{to{stroke-dashoffset:-200}}
@keyframes mydenNodePulse{0%,100%{opacity:.20;transform:scale(.72)}50%{opacity:.78;transform:scale(1.18)}}
@keyframes mydenSignalTravel{0%,100%{opacity:.10;transform:translateX(-12px)}50%{opacity:.72;transform:translateX(22px)}}

/* Consistent understandable technical icons. */
.tech-icon{
  position:absolute;right:20px;top:18px;z-index:4;
  width:46px;height:46px;border:1px solid rgba(var(--surface-rgb,var(--neon-rgb)),.24);
  border-radius:15px;display:grid;place-items:center;color:rgb(var(--surface-rgb,var(--neon-rgb)));
  background:linear-gradient(145deg,rgba(var(--surface-rgb,var(--neon-rgb)),.10),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 22px rgba(var(--surface-rgb,var(--neon-rgb)),.06);
  transition:transform .55s var(--ease),border-color .35s,background .35s,box-shadow .35s;
  transform:translate3d(var(--icon-x,0),var(--icon-y,0),0);
}
.tech-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.v23-panel:hover .tech-icon{
  border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.58);
  background:rgba(var(--surface-rgb,var(--neon-rgb)),.13);
  box-shadow:0 0 30px rgba(var(--surface-rgb,var(--neon-rgb)),.16),inset 0 0 14px rgba(var(--surface-rgb,var(--neon-rgb)),.07);
  transform:translate3d(var(--icon-x,0),calc(var(--icon-y,0) - 3px),0) rotate(-4deg) scale(1.05);
}
.tech-icon--inline{position:relative;right:auto;top:auto;width:40px;height:40px;border-radius:13px;justify-self:start}
.service-list li.has-tech-icon{grid-template-columns:54px 48px 1fr;gap:9px;transition:padding .35s var(--ease),background .35s,border-color .35s}
.service-list li.has-tech-icon:hover{padding-inline:10px;background:rgba(var(--neon-rgb),.035);border-color:rgba(var(--neon-rgb),.25)}
.service-list li.has-tech-icon .tech-icon{order:2}.service-list li.has-tech-icon .service-copy{order:3}
.mini-card.has-tech-icon h3,.process-step.has-tech-icon h3,.scenario-card.has-tech-icon h3,.commitment.has-tech-icon h3{padding-right:50px}
.dark-card.has-tech-icon h3,.sector-tile.has-tech-icon h3{padding-right:52px}

/* Tactile panels: local cursor light, edge beam and controlled 3D depth. */
.v23-panel{transform-style:preserve-3d;will-change:transform;transition:transform .46s var(--ease),border-color .32s,box-shadow .42s,background .35s}
.v23-panel>.interaction-edge{
  position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;padding:1px;
  width:auto!important;height:auto!important;display:block!important;border:0!important;color:transparent!important;box-shadow:none!important;
  background:radial-gradient(190px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(var(--surface-rgb,var(--neon-rgb)),.88),transparent 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s;
}
.v23-panel:hover>.interaction-edge{opacity:.82}
.v23-panel:hover{
  transform:perspective(1050px) translate3d(0,var(--interaction-lift),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important;
  border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.48)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.28),0 0 34px rgba(var(--surface-rgb,var(--neon-rgb)),.10),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.v23-panel h3,.v23-panel p,.v23-panel>span:not(.tech-icon):not(.interaction-edge),.v23-panel>div{position:relative;z-index:3;transition:transform .45s var(--ease)}
.v23-panel:hover h3{transform:translate3d(0,-2px,18px)}
.v23-panel:hover p{transform:translate3d(0,-1px,10px)}
.v23-panel:active{transform:perspective(1050px) translate3d(0,-2px,0) scale(.992)!important}

/* Cursor becomes an informative instrument rather than a decorative dot. */
.cursor::before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px dashed rgba(var(--neon-rgb),.38);opacity:0;transition:opacity .25s,transform .5s var(--ease)}
.cursor::after{
  content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;
  color:var(--neon);font-size:7px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  opacity:0;white-space:nowrap;transition:opacity .22s;
}
.cursor.has-label{width:68px;height:68px;background:rgba(var(--neon-rgb),.055);border-color:rgba(var(--neon-rgb),.50)}
.cursor.has-label::before{opacity:1;transform:rotate(45deg)}.cursor.has-label::after{opacity:1}
.cursor.has-label span,.cursor.has-label b{opacity:0!important}
.cursor.is-media::after{content:attr(data-label)}

/* Mineral light mode: light, not white; raised panels and clear hierarchy. */
html[data-theme="light"]{
  --text:#0D171B;--muted:#4E595C;
  --surface:#E6E3DB;--surface-2:#DCD8CE;
  --panel:#F4F2EC;--panel-solid:#F5F3ED;--panel-2:#ECE9E1;
  --line:rgba(13,23,27,.16);--hairline:rgba(13,23,27,.14);--hairline-strong:rgba(13,23,27,.23);
  --copy-muted:rgba(13,23,27,.72);--copy-soft:rgba(13,23,27,.56);
  --shadow:0 28px 74px rgba(38,41,39,.13);
  --vector-opacity:.32;
}
html[data-theme="light"] body{
  background:
    radial-gradient(820px 560px at var(--mouse-x) var(--mouse-y),rgba(var(--neon-rgb),.065),transparent 72%),
    linear-gradient(180deg,#ECE9E2 0%,#E3E0D7 48%,#E9E6DE 100%);
}
html[data-theme="light"] body::before{opacity:.46;background-size:84px 84px;background-image:linear-gradient(rgba(13,23,27,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,23,27,.035) 1px,transparent 1px)}
html[data-theme="light"] body::after{opacity:.55;background:radial-gradient(circle at 12% 16%,rgba(var(--neon-rgb),.045),transparent 22%),radial-gradient(circle at 87% 72%,rgba(13,23,27,.035),transparent 27%)}
html[data-theme="light"] .vector-field{opacity:.30;mix-blend-mode:multiply}
html[data-theme="light"] .neon-field{opacity:.12;mix-blend-mode:multiply}
html[data-theme="light"] .section-vector{opacity:.15;mix-blend-mode:multiply;filter:none}
html[data-theme="light"] .section-vector.is-active{opacity:.26}
html[data-theme="light"] main>.section:not(.hero):nth-of-type(even){background:rgba(255,255,255,.18)}
html[data-theme="light"] main>.section:not(.hero):nth-of-type(odd){background:rgba(30,40,43,.022)}
html[data-theme="light"] main>.section:not(.hero)::before{background:linear-gradient(90deg,transparent,rgba(13,23,27,.10) 18%,rgba(var(--neon-rgb),.25) 50%,rgba(13,23,27,.10) 82%,transparent)}
html[data-theme="light"] main>.section:not(.hero)::after{background:radial-gradient(620px 420px at 12% 16%,rgba(var(--neon-rgb),.038),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%,rgba(13,23,27,.018))}
html[data-theme="light"] .nav-shell{background:linear-gradient(180deg,rgba(247,245,239,.92),rgba(235,232,224,.88));border-color:rgba(13,23,27,.16);box-shadow:0 18px 50px rgba(42,43,39,.13),inset 0 1px 0 rgba(255,255,255,.82)}
html[data-theme="light"] .desktop-nav a,html[data-theme="light"] .nav-expertise-trigger{color:#4C5659}
html[data-theme="light"] .desktop-nav a:hover,html[data-theme="light"] .nav-expertise-trigger:hover{color:#0D171B}
html[data-theme="light"] .expertise-card,
html[data-theme="light"] .scenario-card,
html[data-theme="light"] .process-step,
html[data-theme="light"] .sector-tile,
html[data-theme="light"] .reference-row,
html[data-theme="light"] .mini-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .article-card,
html[data-theme="light"] .commitment,
html[data-theme="light"] .case-row,
html[data-theme="light"] .choice-grid span,
html[data-theme="light"] .contact-wizard,
html[data-theme="light"] .cta-box{
  background:linear-gradient(145deg,#F6F4EE,#ECE9E1);
  border-color:rgba(13,23,27,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 18px 46px rgba(41,42,38,.10),0 2px 8px rgba(41,42,38,.05);
}
html[data-theme="light"] .v23-panel:hover{
  border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.58)!important;
  background:linear-gradient(145deg,#F9F7F1,#ECE9E1);
  box-shadow:0 25px 64px rgba(39,41,39,.16),0 0 25px rgba(var(--surface-rgb,var(--neon-rgb)),.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .tech-icon{background:rgba(var(--surface-rgb,var(--neon-rgb)),.075);border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
html[data-theme="light"] .process-grid{gap:13px}
html[data-theme="light"] .process-section,html[data-theme="light"] .scenarios,html[data-theme="light"] .commitments,html[data-theme="light"] .article-section,html[data-theme="light"] .project-section,html[data-theme="light"] .expertise-system,html[data-theme="light"] .service-intro,html[data-theme="light"] .filters-section{background-color:transparent}
html[data-theme="light"] .button--primary,html[data-theme="light"] .nav-contact{background:#111A1E;color:#F4F0E7;border-color:#111A1E;box-shadow:0 10px 24px rgba(17,26,30,.17)}
html[data-theme="light"] .button--primary:hover,html[data-theme="light"] .nav-contact:hover{background:rgb(var(--neon-rgb));color:#071014;border-color:rgb(var(--neon-rgb));box-shadow:0 14px 34px rgba(var(--neon-rgb),.20)}
html[data-theme="light"] .button--ghost{background:rgba(246,244,238,.62);color:#111A1E;border-color:rgba(13,23,27,.20)}
html[data-theme="light"] .micro-note{padding:13px 16px;background:rgba(255,255,255,.24);border-left:2px solid var(--neon);color:rgba(13,23,27,.62)}
html[data-theme="light"] .service-list li.has-tech-icon:hover{background:rgba(255,255,255,.38)}
html[data-theme="light"] .dark-feature,html[data-theme="light"] .dark-cards,html[data-theme="light"] .contact-form-section{background:linear-gradient(180deg,#091014,#0C161B 52%,#080E11);color:#F4F0E7}

@media(max-width:1040px){.section-vector{width:72vw;opacity:.18}.section-vector.is-active{opacity:.30}}
@media(max-width:820px){
  .section-vector{width:105vw;right:-42%;top:10%;opacity:.14}.section-vector--left{left:-48%}.section-vector.is-active{opacity:.22}
  .tech-icon{width:42px;height:42px;right:16px;top:15px}.tech-icon svg{width:20px;height:20px}
  .v23-panel:hover{transform:none}
  .cursor{display:none!important}
}
@media(prefers-reduced-motion:reduce){.section-vector__route,.section-vector__node,.section-vector__signal{animation:none}.section-vector{transform:none!important}}


/* ======================================================================
   MYDEN V2.4 — Motion engine repair, visible vector narratives and form flow
   ====================================================================== */
body.myden-v24{--interaction-lift:-8px}

/* A dedicated, always-present motion plane. Reduced-motion keeps a very slow
   ambient drift instead of removing every visual layer. */
.motion-stage{
  position:fixed;inset:0;z-index:7;pointer-events:none;overflow:hidden;
  contain:strict;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 93%,transparent 100%);
}
.motion-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.motion-stage .vector-field{z-index:1!important;opacity:.58;mix-blend-mode:screen;filter:saturate(1.08)}
.motion-stage .neon-field{z-index:2!important;opacity:.50;mix-blend-mode:screen}
html[data-theme="light"] .motion-stage .vector-field{opacity:.34;mix-blend-mode:multiply;filter:saturate(.92)}
html[data-theme="light"] .motion-stage .neon-field{opacity:.24;mix-blend-mode:multiply}
.site-header,.universe-rail,.mega-menu,.mobile-menu,.cursor,.skip-link{z-index:1000}
.universe-rail{z-index:1010}.cursor{z-index:10000}
@media(max-width:820px){.motion-stage .vector-field{opacity:.38}.motion-stage .neon-field{opacity:.30}html[data-theme="light"] .motion-stage .vector-field{opacity:.24}html[data-theme="light"] .motion-stage .neon-field{opacity:.17}}
@media(prefers-reduced-motion:reduce){
  .motion-stage{opacity:.72}
  .motion-stage .vector-field{display:block!important;opacity:.36}
  .motion-stage .neon-field{display:block!important;opacity:.20}
}

/* Put local vectors above section paint, below content. */
main>.section:not(.hero){isolation:isolate;overflow:clip}
main>.section:not(.hero)::before{z-index:0}
main>.section:not(.hero)::after{z-index:0}
main>.section:not(.hero)>.container{position:relative;z-index:3}
.section-vector{
  z-index:1;width:min(1120px,88vw);right:-12%;top:-2%;
  opacity:.38;color:var(--neon);
  filter:drop-shadow(0 0 12px rgba(var(--neon-rgb),.23)) drop-shadow(0 0 34px rgba(var(--neon-rgb),.09));
  transform:translate3d(0,32px,0) scale(.97);
  transition:opacity 1s var(--ease),transform 1.2s var(--ease);
}
.section-vector.is-active{opacity:.72;transform:translate3d(0,0,0) scale(1)}
.section-vector--left{left:-18%;right:auto;bottom:-10%;top:auto;transform:translate3d(-22px,30px,0) rotate(180deg) scale(.97)}
.section-vector--left.is-active{transform:rotate(180deg) scale(1)}
.section-vector__route{stroke-width:1.45;stroke-dasharray:12 15;opacity:.58;animation-duration:13s;filter:drop-shadow(0 0 4px rgba(var(--neon-rgb),.28))}
.section-vector__route--soft{stroke-width:1;stroke-dasharray:3 12;opacity:.36;animation-duration:19s}
.section-vector__node{stroke-width:1.4;filter:drop-shadow(0 0 7px rgba(var(--neon-rgb),.50))}
.section-vector__signal{opacity:.96;filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 18px currentColor);animation:none}
html[data-theme="light"] .section-vector{opacity:.30;mix-blend-mode:multiply;filter:drop-shadow(0 0 8px rgba(var(--neon-rgb),.12))}
html[data-theme="light"] .section-vector.is-active{opacity:.52}
html[data-theme="light"] .section-vector__route{opacity:.48}
html[data-theme="light"] .section-vector__route--soft{opacity:.30}
@media(max-width:1040px){.section-vector{width:110vw;right:-34%}.section-vector--left{left:-38%}}
@media(max-width:820px){.section-vector{width:150vw;right:-62%;top:4%;opacity:.26}.section-vector--left{left:-68%;bottom:-4%}.section-vector.is-active{opacity:.44}}
@media(prefers-reduced-motion:reduce){
  .section-vector{display:block!important;opacity:.34!important;transform:none!important}
  .section-vector--left{transform:rotate(180deg)!important}
  .section-vector__route{animation:none!important;stroke-dasharray:none}
  .section-vector__node{animation:none!important;opacity:.58}
  .section-vector__signal{display:none}
}

/* Stronger, genuinely cursor-driven panels. */
.v23-panel{--tilt-x:0deg;--tilt-y:0deg;--spot-x:50%;--spot-y:50%;backface-visibility:hidden}
.v23-panel::before{
  content:"";position:absolute;inset:-1px;z-index:1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(260px circle at var(--spot-x) var(--spot-y),rgba(var(--surface-rgb,var(--neon-rgb)),.16),transparent 68%);
  opacity:0;transition:opacity .24s;
}
.v23-panel:hover::before{opacity:1}
.v23-panel:hover>.interaction-edge{opacity:1}
.v23-panel:hover{box-shadow:0 30px 82px rgba(0,0,0,.30),0 0 42px rgba(var(--surface-rgb,var(--neon-rgb)),.15),inset 0 1px 0 rgba(255,255,255,.075)!important}
html[data-theme="light"] .v23-panel::before{background:radial-gradient(280px circle at var(--spot-x) var(--spot-y),rgba(var(--surface-rgb,var(--neon-rgb)),.10),transparent 68%)}
html[data-theme="light"] .v23-panel:hover{box-shadow:0 28px 70px rgba(37,40,39,.18),0 0 30px rgba(var(--surface-rgb,var(--neon-rgb)),.10),inset 0 1px 0 rgba(255,255,255,.96)!important}

/* Animated form stage: height interpolation, directional transition and
   an architectural route that reacts to the active step. */
.contact-wizard{isolation:isolate;position:relative}
.contact-wizard>*:not(.form-motion-map){position:relative;z-index:2}
.form-motion-map{
  position:absolute;z-index:0;pointer-events:none;width:min(920px,92%);height:auto;right:-12%;bottom:-8%;
  color:var(--neon);opacity:.34;filter:drop-shadow(0 0 12px rgba(var(--neon-rgb),.18));
  transition:opacity .45s,transform .65s var(--ease);transform:translate3d(0,12px,0);
}
.contact-wizard[data-form-step="2"] .form-motion-map{transform:translate3d(-3%,0,0) rotate(-1deg);opacity:.44}
.contact-wizard[data-form-step="3"] .form-motion-map{transform:translate3d(-7%,-4%,0) rotate(-2deg);opacity:.52}
.form-motion-map__route{fill:none;stroke:currentColor;stroke-width:1.25;stroke-dasharray:10 15;opacity:.46;animation:mydenRouteFlow 12s linear infinite}
.form-motion-map__route--soft{stroke-width:.8;stroke-dasharray:3 12;opacity:.26;animation-duration:18s;animation-direction:reverse}
.form-motion-map__node{fill:var(--surface);stroke:currentColor;stroke-width:1.2;animation:mydenNodePulse 4s ease-in-out infinite}
.form-motion-map__signal{fill:currentColor;filter:drop-shadow(0 0 8px currentColor);opacity:.9}
.form-step-stage{position:relative;overflow:hidden;transition:height .5s var(--ease);min-height:1px}
.form-step-stage.is-transitioning{will-change:height}
.form-step{display:block!important;position:relative;width:100%}
.form-step[hidden]{display:none!important}
.form-step.is-measuring{position:absolute!important;left:0;top:0;visibility:hidden;display:block!important;pointer-events:none}
.form-progress i{box-shadow:0 0 15px rgba(var(--neon-rgb),.48);transition:width .58s var(--ease)}
.form-progress span{transition:color .32s,transform .32s var(--ease)}
.form-progress span.is-active{transform:translateY(-2px)}
.choice-grid span{transition:transform .36s var(--ease),border-color .3s,box-shadow .35s,background .35s}
.choice-grid label:hover span{transform:translateY(-4px);border-color:rgba(var(--neon-rgb),.42);box-shadow:0 16px 38px rgba(0,0,0,.16),0 0 24px rgba(var(--neon-rgb),.08)}
html[data-theme="light"] .form-motion-map{opacity:.22;mix-blend-mode:multiply;filter:none}
html[data-theme="light"] .contact-wizard[data-form-step="3"] .form-motion-map{opacity:.34}
@media(max-width:820px){.form-motion-map{width:150%;right:-62%;bottom:0;opacity:.20}.contact-wizard[data-form-step="3"] .form-motion-map{opacity:.28}}
@media(prefers-reduced-motion:reduce){
  .form-motion-map__route,.form-motion-map__node{animation:none!important}
  .form-motion-map__signal{display:none}
  .form-step-stage{transition-duration:.16s}
}

/* Motion diagnostics class ensures reveal content cannot remain hidden if an
   observer is unavailable or a browser pauses animations. */
html.motion-ready .reveal.is-visible{will-change:auto}


/* ======================================================================
   MYDEN V2.5 — Native kinetic scenes + editorial light-mode art direction
   Every animation below is embedded in the page itself (SVG/SMIL + CSS),
   so it cannot disappear behind an opaque canvas or fail with JS stacking.
   ====================================================================== */
body.myden-v25{--scene-graphite:18,27,31}
body.myden-v25 main{position:relative;z-index:auto!important;overflow:clip}
body.myden-v25 main>.section{position:relative;isolation:isolate;overflow:clip}
body.myden-v25 main>.section>.container{position:relative;z-index:5}
body.myden-v25 .hero>.container{position:relative;z-index:5}

/* Native motion canvas, physically inside each section. */
.kinetic-scene{
  position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;
  color:rgb(var(--neon-rgb));opacity:.72;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
}
.kinetic-scene svg{position:absolute;inset:-7% -5%;width:110%;height:114%;overflow:visible}
.kinetic-scene__mesh{fill:none;stroke:currentColor;stroke-width:.72;opacity:.11;vector-effect:non-scaling-stroke}
.kinetic-scene__route{fill:none;stroke:currentColor;stroke-width:1.45;opacity:.38;vector-effect:non-scaling-stroke;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(var(--neon-rgb),.42))}
.kinetic-scene__route--fine{stroke-width:.8;opacity:.22;filter:none}
.kinetic-scene__route--graphite{stroke:rgba(169,174,172,.48);opacity:.24;filter:none}
.kinetic-scene__node{fill:var(--surface);stroke:currentColor;stroke-width:1.1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(var(--neon-rgb),.55))}
.kinetic-scene__signal{fill:currentColor;filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 15px currentColor)}
.kinetic-scene__signal--soft{opacity:.52}
.kinetic-scene__plane{fill:rgba(var(--neon-rgb),.035);stroke:rgba(var(--neon-rgb),.20);stroke-width:1;transform-origin:center;animation:mydenPlaneDrift 18s ease-in-out infinite alternate}
.kinetic-scene__beam{position:absolute;width:42vw;height:1px;left:-46vw;top:24%;background:linear-gradient(90deg,transparent,rgba(var(--neon-rgb),.08),rgba(var(--neon-rgb),.75),rgba(var(--neon-rgb),.08),transparent);box-shadow:0 0 14px rgba(var(--neon-rgb),.34);animation:mydenBeamSweep 13s linear infinite}
.kinetic-scene__beam--two{top:72%;animation-delay:-6.5s;animation-duration:17s;opacity:.55}
@keyframes mydenPlaneDrift{0%{transform:translate3d(-18px,12px,0) rotate(-1deg)}100%{transform:translate3d(24px,-16px,0) rotate(1.4deg)}}
@keyframes mydenBeamSweep{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(190vw,0,0)}}

/* Hero gets a stronger kinetic signature and a scan across the temporary art. */
.hero .kinetic-scene{opacity:.88;z-index:1}
.hero .kinetic-scene svg{inset:-2% -4%;height:106%}
.hero-media__frame::after{
  content:"";position:absolute;z-index:3;inset:-40% -65%;pointer-events:none;
  background:linear-gradient(105deg,transparent 43%,rgba(var(--neon-rgb),.04) 47%,rgba(var(--neon-rgb),.36) 50%,rgba(255,255,255,.12) 52%,transparent 57%);
  transform:translate3d(-36%,0,0);animation:mydenHeroScan 9s cubic-bezier(.55,.08,.35,.96) infinite;
  mix-blend-mode:screen;
}
@keyframes mydenHeroScan{0%,20%{transform:translate3d(-44%,0,0)}68%,100%{transform:translate3d(44%,0,0)}}

/* Light mode: not a white clone. Each section has its own material world. */
html[data-theme="light"] body.myden-v25{
  --surface:#ECE8DE;--surface-2:#E1DDD2;--text:#10171A;--muted:#535D60;
  background:#E7E2D7;
}
html[data-theme="light"] body.myden-v25::before{
  opacity:.42;background-image:linear-gradient(rgba(18,27,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,27,31,.035) 1px,transparent 1px);background-size:88px 88px;
}
html[data-theme="light"] .kinetic-scene{opacity:.70;mix-blend-mode:multiply;color:rgb(var(--neon-rgb));filter:saturate(.86)}
html[data-theme="light"] .kinetic-scene__mesh{stroke:rgba(18,27,31,.24);opacity:.24}
html[data-theme="light"] .kinetic-scene__route{opacity:.52;filter:drop-shadow(0 0 3px rgba(var(--neon-rgb),.18))}
html[data-theme="light"] .kinetic-scene__route--fine{opacity:.31}
html[data-theme="light"] .kinetic-scene__route--graphite{stroke:rgba(18,27,31,.55);opacity:.34}
html[data-theme="light"] .kinetic-scene__node{fill:#F7F4EC;filter:drop-shadow(0 0 5px rgba(var(--neon-rgb),.22))}
html[data-theme="light"] .kinetic-scene__plane{fill:rgba(var(--neon-rgb),.04);stroke:rgba(18,27,31,.12)}
html[data-theme="light"] .kinetic-scene__beam{mix-blend-mode:multiply;opacity:.58}

html[data-theme="light"] main>.section::before,html[data-theme="light"] main>.section::after{pointer-events:none}
html[data-theme="light"] .light-scene--hero{
  background:
    radial-gradient(980px 620px at 76% 20%,rgba(var(--neon-rgb),.16),transparent 62%),
    linear-gradient(135deg,#F2EEE5 0%,#E8E2D6 48%,#F6F3EC 100%)!important;
  border-bottom:1px solid rgba(18,27,31,.12);
}
html[data-theme="light"] .light-scene--paper{
  background:
    linear-gradient(118deg,transparent 0 56%,rgba(var(--neon-rgb),.065) 56% 71%,transparent 71%),
    linear-gradient(180deg,#F5F2EA,#EDE8DE)!important;
  border-block:1px solid rgba(18,27,31,.09);
}
html[data-theme="light"] .light-scene--paper::after{
  content:"";position:absolute;z-index:0;width:54vw;height:54vw;right:-29vw;top:-28vw;border:1px solid rgba(18,27,31,.10);border-radius:50%;box-shadow:0 0 0 56px rgba(18,27,31,.018),0 0 0 112px rgba(18,27,31,.012);
}
html[data-theme="light"] .light-scene--blueprint{
  background:
    linear-gradient(rgba(30,54,66,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,54,66,.045) 1px,transparent 1px),
    radial-gradient(800px 540px at 14% 62%,rgba(var(--neon-rgb),.13),transparent 64%),
    linear-gradient(160deg,#E5E8E6,#F3EFE7 58%,#E7E2D8)!important;
  background-size:58px 58px,58px 58px,auto,auto!important;
  border-block:1px solid rgba(18,27,31,.13);
}
html[data-theme="light"] .light-scene--blueprint::after{
  content:"";position:absolute;z-index:0;inset:10% 4%;border:1px solid rgba(18,27,31,.10);border-radius:34px;clip-path:polygon(0 0,72% 0,100% 28%,100% 100%,28% 100%,0 72%);
}
html[data-theme="light"] .light-scene--mineral{
  background:
    radial-gradient(620px 430px at 84% 26%,rgba(var(--neon-rgb),.16),transparent 68%),
    linear-gradient(132deg,#D9D5CB 0%,#E8E4DA 46%,#DCD8CE 100%)!important;
  border-block:1px solid rgba(18,27,31,.12);
}
html[data-theme="light"] .light-scene--mineral::after{
  content:"";position:absolute;z-index:0;inset:auto -8% 13% 52%;height:1px;background:linear-gradient(90deg,rgba(18,27,31,.55),transparent);box-shadow:0 18px 0 rgba(18,27,31,.12),0 36px 0 rgba(18,27,31,.07);
}
html[data-theme="light"] .light-scene--gallery{
  background:
    linear-gradient(90deg,rgba(255,255,255,.66) 0 12%,transparent 12% 86%,rgba(255,255,255,.42) 86%),
    linear-gradient(180deg,#EEEAE1 0%,#F7F4ED 45%,#E8E3D9 100%)!important;
  border-block:1px solid rgba(18,27,31,.10);
}
html[data-theme="light"] .light-scene--gallery::after{
  content:"";position:absolute;z-index:0;left:7.5%;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,rgba(var(--neon-rgb),.78),transparent);box-shadow:0 0 16px rgba(var(--neon-rgb),.20);
}
html[data-theme="light"] .light-scene--signal{
  background:
    linear-gradient(145deg,rgba(var(--neon-rgb),.10) 0 19%,transparent 19% 70%,rgba(18,27,31,.045) 70%),
    linear-gradient(180deg,#F3EFE6,#E5E1D7)!important;
  border-block:1px solid rgba(18,27,31,.11);
}
html[data-theme="light"] .light-scene--contrast{background:linear-gradient(145deg,#071015,#0D181D 54%,#060B0F)!important;color:#F4F0E7;border-block:1px solid rgba(255,255,255,.10)}
html[data-theme="light"] .light-scene--contrast .kinetic-scene{mix-blend-mode:screen;opacity:.66}
html[data-theme="light"] .light-scene--contrast .kinetic-scene__mesh{stroke:currentColor;opacity:.12}

/* Professional light panels: sharp separation, varied depth, no muddy grey blocks. */
html[data-theme="light"] .expertise-card,
html[data-theme="light"] .scenario-card,
html[data-theme="light"] .process-step,
html[data-theme="light"] .mini-card,
html[data-theme="light"] .commitment,
html[data-theme="light"] .sector-tile,
html[data-theme="light"] .project-card,
html[data-theme="light"] .article-card,
html[data-theme="light"] .reference-row,
html[data-theme="light"] .case-row{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(244,240,231,.56))!important;
  border-color:rgba(18,27,31,.16)!important;
  box-shadow:0 18px 46px rgba(33,39,40,.09),inset 0 1px 0 rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
html[data-theme="light"] .expertise-card::after,
html[data-theme="light"] .scenario-card::after,
html[data-theme="light"] .process-step::after,
html[data-theme="light"] .mini-card::after{
  content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--surface-rgb,var(--neon-rgb)),.62),transparent);opacity:.72;
}
html[data-theme="light"] .light-scene--blueprint .v23-panel{background:linear-gradient(145deg,rgba(244,248,248,.88),rgba(228,233,232,.68))!important}
html[data-theme="light"] .light-scene--mineral .v23-panel{background:linear-gradient(145deg,rgba(250,248,242,.78),rgba(227,222,211,.70))!important}
html[data-theme="light"] .light-scene--gallery .v23-panel{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(239,235,226,.64))!important}
html[data-theme="light"] .section-heading h2{color:#0C1519;text-shadow:0 1px 0 rgba(255,255,255,.55)}
html[data-theme="light"] .section-heading p,html[data-theme="light"] .prose,html[data-theme="light"] .check-list{color:#4D595D}
html[data-theme="light"] .eyebrow{color:color-mix(in srgb,var(--neon) 72%,#273338)}
html[data-theme="light"] .tech-icon{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(var(--surface-rgb,var(--neon-rgb)),.08));border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.38);box-shadow:0 8px 20px rgba(31,38,39,.08),inset 0 1px 0 #fff}

/* Make card motion unmistakable while staying restrained. */
.v23-panel{transition:transform .42s var(--ease),box-shadow .42s var(--ease),border-color .3s,background .3s!important}
.v23-panel:hover{transform:perspective(1050px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(0,-9px,0)!important}
.v23-panel:hover .tech-icon{transform:translate3d(var(--icon-x,0),var(--icon-y,0),0) scale(1.08);box-shadow:0 0 28px rgba(var(--surface-rgb,var(--neon-rgb)),.25)}

@media(max-width:820px){
  .kinetic-scene{opacity:.50;-webkit-mask-image:none;mask-image:none}.kinetic-scene svg{width:170%;left:-35%;inset-block:-3%}
  .kinetic-scene__beam{width:70vw;left:-74vw}.light-scene--gallery::after{left:18px}
  html[data-theme="light"] .light-scene--blueprint{background-size:42px 42px,42px 42px,auto,auto!important}
  .v23-panel:hover{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .kinetic-scene__plane{animation-duration:34s!important}
  .kinetic-scene__beam{animation-duration:28s!important;opacity:.35}
  .hero-media__frame::after{animation-duration:22s!important;opacity:.44}
}


/* ======================================================================
   MYDEN V2.6 — Hybrid Light / Ink art direction, static iconography,
   safe motion geometry and contrast integrity.
   ====================================================================== */
body.myden-v26{--v26-ink:#071015;--v26-ink-2:#0B171C;--v26-paper:#EEE9DE;--v26-paper-hi:#F8F5ED;--v26-line:rgba(16,27,31,.15)}
body.myden-v26 main>.section{contain:paint;overflow:hidden}
body.myden-v26 main>.section>.container{isolation:isolate}

/* Reveal masks must be removed after entry. Keeping inset(0) still clips
   magnetic/translated children and caused the pill buttons to lose corners. */
body.myden-v26 .reveal.is-visible{clip-path:none!important;overflow:visible!important}
body.myden-v26 .hero-actions,
body.myden-v26 .section-action,
body.myden-v26 .cta-box__actions,
body.myden-v26 .form-actions{overflow:visible!important;padding:8px;margin:-8px}
body.myden-v26 .button,
body.myden-v26 .nav-contact{overflow:visible!important;transform-origin:center;backface-visibility:hidden}
body.myden-v26 .button::before,
body.myden-v26 .button::after{border-radius:inherit;clip-path:inset(0 round 999px)}
body.myden-v26 .button:hover{transform:translate3d(0,-3px,0)!important}
body.myden-v26 .button:active{transform:translate3d(0,-1px,0) scale(.985)!important}
body.myden-v26 .button__arrow{position:relative;z-index:3;overflow:hidden}
body.myden-v26 .button__arrow::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(6,16,20,.22);transform:scale(.72);opacity:0;transition:.35s var(--ease)}
body.myden-v26 .button:hover .button__arrow::after{transform:scale(1);opacity:1}

/* Static, immediately visible technical icons. */
body.myden-v26 .v26-icon-panel{position:relative;padding-top:26px}
body.myden-v26 .v26-icon-panel>.tech-icon{display:grid!important;visibility:visible!important;opacity:1!important}
body.myden-v26 .mini-step.v26-icon-panel{position:relative;padding:24px 72px 24px 24px;border:1px solid var(--hairline);border-radius:20px;background:rgba(255,255,255,.018)}
body.myden-v26 .mini-step.v26-icon-panel h3{margin:28px 0 8px}
body.myden-v26 .sector-tile.v26-icon-panel{padding-right:82px}
body.myden-v26 .sector-tile.v26-icon-panel>.tech-icon{top:17px;right:18px}
body.myden-v26 .tech-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,rgba(var(--surface-rgb,var(--neon-rgb)),.14),rgba(255,255,255,.025));border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(var(--surface-rgb,var(--neon-rgb)),.10)}
body.myden-v26 .tech-icon svg{width:24px;height:24px;stroke-width:1.6}
body.myden-v26 .v26-icon-panel:hover>.tech-icon{transform:translate3d(var(--icon-x,0),calc(var(--icon-y,0) - 4px),0) rotate(-5deg) scale(1.08);border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.76);box-shadow:0 0 34px rgba(var(--surface-rgb,var(--neon-rgb)),.23),inset 0 0 18px rgba(var(--surface-rgb,var(--neon-rgb)),.10)}
body.myden-v26 .service-list li.v26-icon-row{grid-template-columns:48px 54px minmax(0,1fr);gap:12px;padding-block:10px;min-height:92px}
body.myden-v26 .service-list li.v26-icon-row>.tech-icon{grid-column:2;grid-row:1;align-self:center}
body.myden-v26 .service-list li.v26-icon-row>.service-copy{grid-column:3;grid-row:1;color:var(--text);font-size:16px}
body.myden-v26 .service-list li.v26-icon-row>span:first-child{grid-column:1;grid-row:1}

/* Motion is visible but never competes with copy. */
body.myden-v26 .kinetic-scene{z-index:1;opacity:.82;-webkit-mask-image:none;mask-image:none}
body.myden-v26 .kinetic-scene__mesh{opacity:.13}
body.myden-v26 .kinetic-scene__route{opacity:.48;stroke-width:1.6}
body.myden-v26 .kinetic-scene__route--fine{opacity:.28}
body.myden-v26 .kinetic-scene__signal{opacity:.92}
body.myden-v26 .kinetic-scene__beam{height:1.5px;opacity:.72}
body.myden-v26 .section-heading,
body.myden-v26 .split-grid,
body.myden-v26 .process-grid,
body.myden-v26 .scenario-grid,
body.myden-v26 .mini-card-grid,
body.myden-v26 .service-grid,
body.myden-v26 .sector-grid,
body.myden-v26 .reference-list,
body.myden-v26 .cta-box{position:relative;z-index:4}

/* Hybrid light mode: warm editorial surfaces interrupted by intentional
   obsidian chapters. This keeps rhythm and avoids the endless beige page. */
html[data-theme="light"] body.myden-v26{--surface:#E8E3D8;--surface-2:#DDD7CB;--text:#10191D;--muted:#556064;background:linear-gradient(180deg,#E8E3D8,#DDD7CB 52%,#ECE7DC)}
html[data-theme="light"] body.myden-v26 main>.section{color:#10191D;border-block-color:rgba(16,27,31,.10)}
html[data-theme="light"] body.myden-v26 .light-scene--hero{background:radial-gradient(900px 600px at 76% 15%,rgba(var(--neon-rgb),.15),transparent 66%),linear-gradient(132deg,#F3EFE6 0%,#E0DBCF 54%,#F7F4ED 100%)!important}
html[data-theme="light"] body.myden-v26 .light-scene--paper{background:linear-gradient(117deg,transparent 0 60%,rgba(var(--neon-rgb),.055) 60% 72%,transparent 72%),linear-gradient(180deg,#F3F0E8,#E8E2D7)!important}
html[data-theme="light"] body.myden-v26 .light-scene--paper::after{width:40vw;height:40vw;right:-23vw;top:-18vw;opacity:.55;box-shadow:0 0 0 42px rgba(16,27,31,.014),0 0 0 84px rgba(16,27,31,.009)}
html[data-theme="light"] body.myden-v26 .light-scene--blueprint{background:linear-gradient(rgba(30,54,66,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,54,66,.035) 1px,transparent 1px),radial-gradient(740px 520px at 10% 70%,rgba(var(--neon-rgb),.105),transparent 68%),linear-gradient(155deg,#E1E5E3,#F2EEE5 58%,#DFDAD0)!important;background-size:64px 64px,64px 64px,auto,auto!important}
html[data-theme="light"] body.myden-v26 .light-scene--blueprint::after{content:"";position:absolute;inset:0!important;border:0!important;border-radius:0!important;clip-path:none!important;background:linear-gradient(112deg,transparent 0 69%,rgba(16,27,31,.075) 69% 69.12%,transparent 69.12%),linear-gradient(90deg,transparent 0 79%,rgba(var(--neon-rgb),.12) 79% 79.1%,transparent 79.1%);opacity:.65}
html[data-theme="light"] body.myden-v26 .light-scene--mineral{background:radial-gradient(680px 460px at 88% 24%,rgba(var(--neon-rgb),.13),transparent 70%),linear-gradient(132deg,#D4D0C6,#E7E2D8 47%,#D9D4C9)!important}
html[data-theme="light"] body.myden-v26 .light-scene--gallery{background:linear-gradient(90deg,rgba(255,255,255,.48) 0 9%,transparent 9% 89%,rgba(255,255,255,.30) 89%),linear-gradient(180deg,#ECE7DE,#F6F2EA 46%,#E3DED4)!important}
html[data-theme="light"] body.myden-v26 .light-scene--gallery::after{left:max(24px,calc((100vw - var(--container))/2));top:9%;bottom:9%;opacity:.75}
html[data-theme="light"] body.myden-v26 .light-scene--signal{background:linear-gradient(145deg,rgba(var(--neon-rgb),.075) 0 17%,transparent 17% 73%,rgba(16,27,31,.038) 73%),linear-gradient(180deg,#F0ECE3,#DFDAD0)!important}

/* Intentional dark chapters in light mode. */
html[data-theme="light"] body.myden-v26 .light-scene--ink,
html[data-theme="light"] body.myden-v26 .light-scene--contrast,
html[data-theme="light"] body.myden-v26 .dark-feature,
html[data-theme="light"] body.myden-v26 .dark-cards,
html[data-theme="light"] body.myden-v26 .contact-form-section{--text:#F4F0E7;--muted:rgba(244,240,231,.68);--surface:#081116;--surface-2:#0C181D;--line:rgba(244,240,231,.14);color:#F4F0E7!important;background:radial-gradient(780px 520px at 84% 18%,rgba(var(--neon-rgb),.13),transparent 68%),linear-gradient(145deg,#061015 0%,#0B181D 54%,#050B0E 100%)!important;border-block:1px solid rgba(255,255,255,.10)}
html[data-theme="light"] body.myden-v26 .light-scene--ink::after,
html[data-theme="light"] body.myden-v26 .light-scene--contrast::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:76px 76px;opacity:.55;border:0;clip-path:none;border-radius:0}
html[data-theme="light"] body.myden-v26 .light-scene--ink .section-heading h2,
html[data-theme="light"] body.myden-v26 .light-scene--contrast .section-heading h2,
html[data-theme="light"] body.myden-v26 .light-scene--ink h2,
html[data-theme="light"] body.myden-v26 .light-scene--contrast h2,
html[data-theme="light"] body.myden-v26 .light-scene--ink h3,
html[data-theme="light"] body.myden-v26 .light-scene--contrast h3{color:#F4F0E7!important;text-shadow:none!important}
html[data-theme="light"] body.myden-v26 .light-scene--ink p,
html[data-theme="light"] body.myden-v26 .light-scene--contrast p,
html[data-theme="light"] body.myden-v26 .light-scene--ink .prose,
html[data-theme="light"] body.myden-v26 .light-scene--contrast .prose{color:rgba(244,240,231,.68)!important}
html[data-theme="light"] body.myden-v26 .light-scene--ink .eyebrow,
html[data-theme="light"] body.myden-v26 .light-scene--contrast .eyebrow{color:rgb(var(--neon-rgb))!important}
html[data-theme="light"] body.myden-v26 .light-scene--ink .kinetic-scene,
html[data-theme="light"] body.myden-v26 .light-scene--contrast .kinetic-scene{mix-blend-mode:screen;opacity:.78;filter:none}
html[data-theme="light"] body.myden-v26 .light-scene--ink .kinetic-scene__mesh,
html[data-theme="light"] body.myden-v26 .light-scene--contrast .kinetic-scene__mesh{stroke:rgba(244,240,231,.30);opacity:.14}

/* Dark chapter panels stay dark; the former global light-card rule was the
   source of white text on white boxes. */
html[data-theme="light"] body.myden-v26 .light-scene--ink :is(.expertise-card,.scenario-card,.process-step,.mini-card,.mini-step,.commitment,.sector-tile,.project-card,.article-card,.reference-row,.case-row,.cta-box),
html[data-theme="light"] body.myden-v26 .light-scene--contrast :is(.expertise-card,.scenario-card,.process-step,.mini-card,.mini-step,.commitment,.sector-tile,.project-card,.article-card,.reference-row,.case-row,.cta-box),
html[data-theme="light"] body.myden-v26 .dark-feature :is(.mini-card,.dark-card,.commitment),
html[data-theme="light"] body.myden-v26 .dark-cards :is(.dark-card,.mini-card){background:linear-gradient(145deg,rgba(16,31,37,.88),rgba(7,16,20,.82))!important;border-color:rgba(244,240,231,.16)!important;color:#F4F0E7!important;box-shadow:0 22px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-theme="light"] body.myden-v26 .light-scene--ink :is(.expertise-card,.scenario-card,.process-step,.mini-card,.mini-step,.commitment,.sector-tile,.project-card,.article-card,.reference-row,.case-row,.cta-box) p,
html[data-theme="light"] body.myden-v26 .light-scene--contrast :is(.expertise-card,.scenario-card,.process-step,.mini-card,.mini-step,.commitment,.sector-tile,.project-card,.article-card,.reference-row,.case-row,.cta-box) p{color:rgba(244,240,231,.64)!important}

/* CTA is a dark destination in light mode, not a light card with inherited
   white typography. */
html[data-theme="light"] body.myden-v26 .cta-section.light-scene--contrast .cta-box{background:linear-gradient(132deg,rgba(13,27,33,.94),rgba(6,14,18,.90))!important;border-color:rgba(244,240,231,.16)!important;color:#F4F0E7!important;box-shadow:0 36px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055)!important}
html[data-theme="light"] body.myden-v26 .cta-section.light-scene--contrast .cta-box h2{color:#F4F0E7!important;opacity:1!important}
html[data-theme="light"] body.myden-v26 .cta-section.light-scene--contrast .cta-box p{color:rgba(244,240,231,.68)!important}
html[data-theme="light"] body.myden-v26 .cta-section.light-scene--contrast .cta-box>img{opacity:.09!important;filter:grayscale(1) brightness(2.5)!important}
html[data-theme="light"] body.myden-v26 .cta-section.light-scene--contrast .button--ghost{background:rgba(255,255,255,.035);color:#F4F0E7;border-color:rgba(244,240,231,.22)}

/* Standard light cards are sharper and more legible. */
html[data-theme="light"] body.myden-v26 main>.section:not(.light-scene--ink):not(.light-scene--contrast) :is(.expertise-card,.scenario-card,.process-step,.mini-card,.mini-step,.commitment,.sector-tile,.project-card,.article-card,.reference-row,.case-row){background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(235,230,219,.76))!important;border-color:rgba(16,27,31,.17)!important;color:#10191D!important;box-shadow:0 20px 52px rgba(36,42,42,.10),inset 0 1px 0 rgba(255,255,255,.92)!important}
html[data-theme="light"] body.myden-v26 main>.section:not(.light-scene--ink):not(.light-scene--contrast) .tech-icon{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(var(--surface-rgb,var(--neon-rgb)),.09));border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.43);box-shadow:0 10px 25px rgba(33,40,41,.09),inset 0 1px 0 #fff}

/* Theme transitions should feel designed, not flash. */
body.myden-v26.theme-is-transitioning main>.section,
body.myden-v26.theme-is-transitioning .nav-shell{transition:background .48s var(--ease),color .38s,border-color .38s,box-shadow .48s var(--ease)}

@media(max-width:820px){
  body.myden-v26 .button{width:100%}
  body.myden-v26 .hero-actions,body.myden-v26 .section-action,body.myden-v26 .cta-box__actions{padding:5px;margin:-5px}
  body.myden-v26 .kinetic-scene{opacity:.54}
  body.myden-v26 .v26-icon-panel>.tech-icon{width:44px;height:44px;right:15px;top:14px}
  body.myden-v26 .mini-step.v26-icon-panel{padding-right:66px}
  body.myden-v26 .service-list li.v26-icon-row{grid-template-columns:38px 46px minmax(0,1fr);gap:9px}
  html[data-theme="light"] body.myden-v26 .light-scene--gallery::after{left:18px}
}
@media(prefers-reduced-motion:reduce){
  body.myden-v26 .button:hover{transform:none!important}
  body.myden-v26 .v26-icon-panel:hover>.tech-icon{transform:none}
}
/* V2.6.1 arrow integrity: keep the vector shaft + head; the earlier ring
   experiment reused ::after and removed the arrowhead. */
body.myden-v26 .button__arrow::after{
  content:""!important;position:absolute;left:50%;top:50%;inset:auto;
  width:7px;height:7px;border:0;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;border-radius:0;
  transform:translate(5%,-50%) rotate(45deg);opacity:1;transition:transform .38s var(--ease);
}
body.myden-v26 .button:hover .button__arrow::after{transform:translate(30%,-50%) rotate(45deg)}
/* V2.6.2 desktop rail-safe composition: the active universe label expands to
   126px, so editorial content starts after a deliberate 150px safety lane. */
@media(min-width:1181px){
  body.myden-v26 main>.section>.container,
  body.myden-v26 .site-footer>.container{
    width:min(1320px,calc(100vw - 220px));
    margin-left:max(150px,calc((100vw - 1320px)/2));
    margin-right:auto;
  }
  body.myden-v26 .universe-link:hover,
  body.myden-v26 .universe-link.is-active{width:118px}
}


/* ======================================================================
   MYDEN V2.7 — semantic iconography, header-safe interaction and footer
   manifesto rhythm
   ====================================================================== */
body.myden-v27 .site-header{
  z-index:12050!important;
  isolation:isolate;
}
body.myden-v27 .nav-shell{
  isolation:isolate;
  overflow:visible;
  pointer-events:auto!important;
}
body.myden-v27 .desktop-nav,
body.myden-v27 .desktop-nav a,
body.myden-v27 .desktop-nav button,
body.myden-v27 .nav-actions,
body.myden-v27 .nav-actions a,
body.myden-v27 .nav-actions button,
body.myden-v27 .brand{
  pointer-events:auto!important;
}
body.myden-v27 .site-header .scroll-progress,
body.myden-v27 .site-header::before,
body.myden-v27 .site-header::after,
body.myden-v27 .nav-shell::before,
body.myden-v27 .nav-shell::after{
  pointer-events:none!important;
}
body.myden-v27 .mega-menu{z-index:12040!important;pointer-events:none}
body.myden-v27 .mega-menu.is-open{pointer-events:auto!important}
body.myden-v27 .mobile-menu{z-index:12040!important}
body.myden-v27 .site-header .magnetic,
body.myden-v27 .site-header a,
body.myden-v27 .site-header button{
  transform:none!important;
}
body.myden-v27 .cursor{z-index:11000}
body.myden-v27 .cursor.is-header-safe{
  opacity:0!important;
  width:16px!important;
  height:16px!important;
}

/* Icons are selected card-by-card, not by broad decorative keyword rules. */
body.myden-v27 .tech-icon{
  color:var(--surface-accent,var(--neon));
}
body.myden-v27 .tech-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
body.myden-v27 .tech-icon[data-icon="hotel_bell"] svg,
body.myden-v27 .tech-icon[data-icon="storefront"] svg,
body.myden-v27 .tech-icon[data-icon="public_network"] svg,
body.myden-v27 .tech-icon[data-icon="enterprise_network"] svg{
  width:27px;
  height:27px;
}
body.myden-v27 .v26-icon-panel:hover>.tech-icon{
  rotate:0deg;
}

.footer-manifesto{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  width:max-content;
  max-width:100%;
  font-size:clamp(23px,2vw,30px)!important;
  line-height:1.04;
  letter-spacing:-.025em;
}
.footer-manifesto span{
  display:block;
  white-space:nowrap;
}
@media(max-width:520px){
  .footer-manifesto{font-size:22px!important}
}

/* ======================================================================
   MYDEN V2.8 — stable command header, semantic technical panels,
   modern sector capability rows and unclipped tactile motion
   ====================================================================== */

/* The previous animated sheen escaped the header pill because V2.6 forced
   overflow:visible. It could cover the theme control and intercept clicks.
   V2.8 removes that decorative layer and keeps the command bar stable. */
body.myden-v28 .nav-shell::after,
body.myden-v28 .nav-contact::before{display:none!important}
body.myden-v28 .nav-contact{
  overflow:hidden!important;
  isolation:isolate;
  transform:none!important;
  transition:border-color .28s var(--ease),background .28s var(--ease),box-shadow .32s var(--ease)!important;
}
body.myden-v28 .nav-contact::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(130px circle at 82% 50%,rgba(var(--neon-rgb),.12),transparent 72%);
  opacity:.55;
  transition:opacity .3s var(--ease);
}
body.myden-v28 .nav-contact:hover::after{opacity:1}
body.myden-v28 .site-header,
body.myden-v28 .site-header *{pointer-events:auto}
body.myden-v28 .site-header::before,
body.myden-v28 .site-header::after,
body.myden-v28 .nav-shell::before,
body.myden-v28 .nav-shell::after,
body.myden-v28 .nav-contact::before,
body.myden-v28 .nav-contact::after{pointer-events:none!important}
body.myden-v28 .site-header .cursor-trail{display:none!important}

/* Semantic icon language: precise, consistent, and free from competing
   decorative arrows. */
body.myden-v28 .v26-icon-panel .motion-arrow,
body.myden-v28 .has-tech-icon .motion-arrow,
body.myden-v28 .v26-icon-panel .inline-motion-arrow{display:none!important}
body.myden-v28 .v26-icon-panel{padding-top:28px}
body.myden-v28 .v26-icon-panel h3{padding-right:78px!important}
body.myden-v28 .tech-icon{
  width:52px!important;
  height:52px!important;
  right:18px!important;
  top:17px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(var(--surface-rgb,var(--neon-rgb)),.14),rgba(255,255,255,.022))!important;
  border:1px solid rgba(var(--surface-rgb,var(--neon-rgb)),.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.16),0 0 24px rgba(var(--surface-rgb,var(--neon-rgb)),.08)!important;
  transform:none!important;
  rotate:0deg!important;
}
body.myden-v28 .tech-icon::after{
  content:"";
  position:absolute;
  width:8px;height:8px;
  right:-3px;bottom:-3px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  opacity:.55;
}
body.myden-v28 .tech-icon svg{width:27px!important;height:27px!important;stroke-width:1.55!important}
body.myden-v28 .v26-icon-panel:hover>.tech-icon{
  transform:translate3d(0,-2px,0) scale(1.035)!important;
  border-color:rgba(var(--surface-rgb,var(--neon-rgb)),.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.18),0 0 28px rgba(var(--surface-rgb,var(--neon-rgb)),.18)!important;
}

/* No labelled cursor over cards: the previous DÉTAIL disc obscured headings
   and icons. Card engagement is now carried by local light and edge tracing. */
body.myden-v28 .cursor.has-label[data-label="DÉTAIL"]{width:28px;height:28px;background:transparent}
body.myden-v28 .cursor.has-label[data-label="DÉTAIL"]::before,
body.myden-v28 .cursor.has-label[data-label="DÉTAIL"]::after{display:none}

/* Card movement stays inside its own layout box. The previous -9px lift was
   clipped by painted sections and made the top border disappear. */
body.myden-v28{--interaction-lift:0px}
body.myden-v28 .v23-panel{
  transform-origin:50% 50%;
  will-change:transform,box-shadow;
  overflow:hidden;
}
body.myden-v28 .v23-panel:hover{
  transform:perspective(1200px) rotateX(calc(var(--tilt-x,0deg) * .52)) rotateY(calc(var(--tilt-y,0deg) * .52)) scale(.998)!important;
  box-shadow:0 24px 62px rgba(0,0,0,.25),0 0 32px rgba(var(--surface-rgb,var(--neon-rgb)),.13),inset 0 1px 0 rgba(255,255,255,.075)!important;
}
body.myden-v28 .v23-panel:active{transform:perspective(1200px) scale(.992)!important}
body.myden-v28 :is(.expertise-grid,.scenario-grid,.process-grid,.sector-grid,.mini-card-grid,.service-grid,.project-grid,.article-grid){
  padding:14px;
  margin:-14px;
  overflow:visible;
}
body.myden-v28 .v23-panel:hover h3{transform:translate3d(0,-1px,8px)}
body.myden-v28 .v23-panel:hover p{transform:translate3d(0,0,5px)}

/* Modern interactive capabilities for the six Secteurs chapters. */
body.myden-v28 .sector-capability-list{
  list-style:none;
  margin:30px 0 32px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.myden-v28 .sector-capability{
  --cap-x:50%;
  position:relative;
  min-height:66px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 30px;
  align-items:center;
  gap:12px;
  padding:11px 13px;
  border:1px solid rgba(var(--neon-rgb),.18);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(var(--neon-rgb),.025));
  overflow:hidden;
  transition:transform .34s var(--ease),border-color .3s,background .3s,box-shadow .35s;
}
body.myden-v28 .sector-capability::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(170px circle at var(--cap-x) 50%,rgba(var(--neon-rgb),.14),transparent 72%);
  opacity:0;
  transition:opacity .28s;
}
body.myden-v28 .sector-capability:hover{
  transform:translateX(4px);
  border-color:rgba(var(--neon-rgb),.48);
  background:linear-gradient(145deg,rgba(var(--neon-rgb),.075),rgba(255,255,255,.028));
  box-shadow:0 14px 34px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06);
}
body.myden-v28 .sector-capability:hover::before{opacity:1}
body.myden-v28 .sector-capability__icon{
  position:relative;z-index:1;
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:13px;
  color:var(--neon);
  border:1px solid rgba(var(--neon-rgb),.30);
  background:rgba(var(--neon-rgb),.055);
  transition:transform .34s var(--ease),box-shadow .34s,border-color .3s;
}
body.myden-v28 .sector-capability__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
body.myden-v28 .sector-capability:hover .sector-capability__icon{
  transform:scale(1.06);
  border-color:rgba(var(--neon-rgb),.68);
  box-shadow:0 0 24px rgba(var(--neon-rgb),.18);
}
body.myden-v28 .sector-capability__copy{position:relative;z-index:1;font-size:13px;line-height:1.35;font-weight:620;color:var(--text)}
body.myden-v28 .sector-capability__signal{
  position:relative;z-index:1;
  width:28px;height:12px;
  display:flex;align-items:center;justify-content:flex-end;gap:3px;
}
body.myden-v28 .sector-capability__signal::before{
  content:"";
  position:absolute;left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--neon-rgb),.55));
  transform:scaleX(.45);transform-origin:right;
  transition:transform .35s var(--ease);
}
body.myden-v28 .sector-capability__signal i{position:relative;width:3px;height:3px;border-radius:50%;background:var(--neon);opacity:.28;transition:opacity .28s,transform .35s var(--ease)}
body.myden-v28 .sector-capability:hover .sector-capability__signal::before{transform:scaleX(1)}
body.myden-v28 .sector-capability:hover .sector-capability__signal i{opacity:.9;transform:translateX(2px)}
body.myden-v28 .sector-capability:hover .sector-capability__signal i:nth-child(2){transition-delay:.05s}
body.myden-v28 .sector-capability:hover .sector-capability__signal i:nth-child(3){transition-delay:.1s}

html[data-theme="light"] body.myden-v28 .sector-capability{
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(226,221,210,.62));
  border-color:rgba(16,27,31,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme="light"] body.myden-v28 .sector-capability:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(var(--neon-rgb),.08));
  border-color:rgba(var(--neon-rgb),.42);
  box-shadow:0 16px 36px rgba(36,42,42,.11),inset 0 1px 0 #fff;
}
html[data-theme="light"] body.myden-v28 .sector-capability__icon{background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff}

@media(max-width:820px){
  body.myden-v28 .sector-capability-list{grid-template-columns:1fr}
  body.myden-v28 .v26-icon-panel h3{padding-right:64px!important}
  body.myden-v28 .tech-icon{width:44px!important;height:44px!important;right:14px!important;top:14px!important}
  body.myden-v28 .tech-icon svg{width:23px!important;height:23px!important}
  body.myden-v28 :is(.expertise-grid,.scenario-grid,.process-grid,.sector-grid,.mini-card-grid,.service-grid,.project-grid,.article-grid){padding:8px;margin:-8px}
}
@media(prefers-reduced-motion:reduce){
  body.myden-v28 .sector-capability:hover{transform:none}
  body.myden-v28 .v23-panel:hover{transform:none!important}
}


/* --------------------------------------------------------------------------
   MYDEN V2.9 — controlled card lift
   Restores tactile upward movement without reintroducing clipping.
   Decorative content remains clipped inside each card, while card grids reserve
   an invisible hover runway around their children.
   -------------------------------------------------------------------------- */
body.myden-v29{
  --card-hover-lift:-8px;
  --card-hover-scale:1.004;
}
body.myden-v29 :is(
  .expertise-grid,
  .scenario-grid,
  .process-grid,
  .sector-grid,
  .mini-card-grid,
  .dark-card-grid,
  .project-grid,
  .article-grid,
  .commitment-grid
){
  padding-block:18px!important;
  padding-inline:16px!important;
  margin-block:-18px!important;
  margin-inline:-16px!important;
  overflow:visible!important;
  isolation:isolate;
}
body.myden-v29 .v23-panel{
  position:relative;
  z-index:1;
  transform-origin:50% 62%;
  backface-visibility:hidden;
  will-change:transform,box-shadow;
  transition:
    transform .44s cubic-bezier(.2,.78,.2,1),
    box-shadow .42s var(--ease),
    border-color .3s,
    background .3s!important;
}
@media (hover:hover) and (pointer:fine) and (min-width:821px){
  body.myden-v29 .v23-panel:hover{
    z-index:8;
    transform:
      perspective(1200px)
      translate3d(0,var(--card-hover-lift),16px)
      rotateX(calc(var(--tilt-x,0deg) * .42))
      rotateY(calc(var(--tilt-y,0deg) * .42))
      scale(var(--card-hover-scale))!important;
    box-shadow:
      0 32px 78px rgba(0,0,0,.29),
      0 0 38px rgba(var(--surface-rgb,var(--neon-rgb)),.14),
      inset 0 1px 0 rgba(255,255,255,.085)!important;
  }
  html[data-theme="light"] body.myden-v29 .v23-panel:hover{
    box-shadow:
      0 30px 66px rgba(37,40,39,.17),
      0 0 30px rgba(var(--surface-rgb,var(--neon-rgb)),.10),
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
  body.myden-v29 .v23-panel:active{
    transform:perspective(1200px) translate3d(0,-3px,4px) scale(.994)!important;
  }
}
@media (max-width:820px), (hover:none), (pointer:coarse){
  body.myden-v29 .v23-panel:hover{transform:none!important}
  body.myden-v29 :is(
    .expertise-grid,.scenario-grid,.process-grid,.sector-grid,.mini-card-grid,
    .dark-card-grid,.project-grid,.article-grid,.commitment-grid
  ){
    padding-block:8px!important;
    padding-inline:8px!important;
    margin-block:-8px!important;
    margin-inline:-8px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.myden-v29 .v23-panel:hover{transform:none!important}
}

/* ======================================================================
   MYDEN V2.12 — visual polish + conversion interaction pass
   ====================================================================== */
body.myden-v212{--hero-image-brightness:.95}

/* 1/2/3 — Hero language, lighter photography and cleaner metadata. */
body.myden-v212 .hero-media__frame img{
  filter:saturate(.88) contrast(1.045) brightness(var(--hero-image-brightness))!important;
}
body.myden-v212 .hero-grid:hover .hero-media__frame img{
  filter:saturate(.96) contrast(1.045) brightness(1)!important;
}
body.myden-v212 .hero-grid::before{
  background:
    linear-gradient(90deg,rgba(3,7,9,.88) 0%,rgba(3,7,9,.77) 37%,rgba(3,7,9,.43) 58%,rgba(3,7,9,.05) 100%),
    linear-gradient(0deg,rgba(3,7,9,.49),transparent 38%),
    radial-gradient(620px 470px at 78% 47%,rgba(var(--neon-rgb),.10),transparent 70%)!important;
}
body.myden-v212 .hero-media__wash{
  opacity:.34!important;
  background:linear-gradient(115deg,rgba(2,6,8,.18),transparent 48%,rgba(var(--neon-rgb),.10))!important;
}
body.myden-v212 .hero-media__caption{gap:0!important}

/* 4 — New MYDEN 'signal gate' action glyph. It implies entering a flow,
   without falling back to a generic arrow icon. */
body.myden-v212 .button__arrow,
body.myden-v212 .nav-contact>span:last-child{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  font-size:0!important;line-height:0!important;
  color:currentColor!important;
  isolation:isolate;
}
body.myden-v212 .button__arrow::before,
body.myden-v212 .nav-contact>span:last-child::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:19px!important;height:14px!important;
  border:0!important;border-radius:0!important;
  background:
    radial-gradient(circle at 2px 50%,currentColor 0 2px,transparent 2.4px),
    linear-gradient(currentColor,currentColor) 4px 50%/9px 1.5px no-repeat!important;
  transform:translate(-60%,-50%)!important;
  opacity:.96!important;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .35s!important;
}
body.myden-v212 .button__arrow::after,
body.myden-v212 .nav-contact>span:last-child::after{
  content:""!important;
  position:absolute!important;
  right:9px!important;left:auto!important;top:50%!important;inset:auto 9px auto auto!important;
  width:7px!important;height:13px!important;
  border:1.5px solid currentColor!important;border-left:0!important;
  border-radius:0 7px 7px 0!important;
  background:transparent!important;
  transform:translateY(-50%)!important;
  opacity:.92!important;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .3s!important;
}
body.myden-v212 .button:hover .button__arrow::before,
body.myden-v212 .nav-contact:hover>span:last-child::before{
  transform:translate(-36%,-50%)!important;
  filter:drop-shadow(0 0 6px currentColor);
}
body.myden-v212 .button:hover .button__arrow::after,
body.myden-v212 .nav-contact:hover>span:last-child::after{
  transform:translate(2px,-50%) scaleY(.82)!important;
  opacity:.7!important;
}
body.myden-v212 .button--primary .button__arrow,
body.myden-v212 .nav-contact>span:last-child{
  background:var(--neon)!important;
  color:#071014!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 22px rgba(var(--neon-rgb),.15)!important;
}
body.myden-v212 .button--ghost .button__arrow{
  background:rgba(var(--neon-rgb),.10)!important;
  border:1px solid rgba(var(--neon-rgb),.26)!important;
  color:var(--neon)!important;
}

/* 5 — Interactive verification modules instead of static check bullets. */
body.myden-v212 .check-list--interactive{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px!important;
  margin:30px 0 34px!important;
}
body.myden-v212 .check-list--interactive li{
  position:relative;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center!important;
  gap:13px!important;
  min-height:70px;
  padding:11px 16px 11px 11px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.105);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.037),rgba(255,255,255,.012));
  color:var(--copy-muted)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px rgba(0,0,0,.08);
  transform-style:preserve-3d;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .38s;
}
body.myden-v212 .check-list--interactive li::after{
  content:"";position:absolute;inset:-60% 42% -60% -30%;pointer-events:none;
  background:radial-gradient(circle,rgba(var(--neon-rgb),.15),transparent 64%);
  opacity:0;transform:translateX(-12%);transition:.4s;
}
body.myden-v212 .check-list--interactive li:hover{
  transform:perspective(800px) translate3d(0,-4px,10px) rotateX(1.2deg);
  border-color:rgba(var(--neon-rgb),.42);
  background:linear-gradient(145deg,rgba(var(--neon-rgb),.075),rgba(255,255,255,.018));
  box-shadow:0 18px 42px rgba(0,0,0,.17),0 0 30px rgba(var(--neon-rgb),.075),inset 0 1px 0 rgba(255,255,255,.07);
}
body.myden-v212 .check-list--interactive li:hover::after{opacity:1;transform:none}
body.myden-v212 .check-node{
  position:relative!important;z-index:1!important;
  width:46px;height:46px;margin:0!important;
  display:grid!important;place-items:center;
  color:var(--neon)!important;
  border:1px solid rgba(var(--neon-rgb),.34);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(var(--neon-rgb),.12),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 20px rgba(var(--neon-rgb),.06);
  transform:translateZ(12px);
  transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .3s;
}
body.myden-v212 .check-node svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
body.myden-v212 .check-node .check-node__echo{stroke-width:.75;opacity:.30;stroke-dasharray:4 4;transform-origin:center}
body.myden-v212 .check-node i{position:absolute;width:6px;height:6px;border-radius:50%;right:5px;top:5px;background:currentColor;box-shadow:0 0 12px currentColor;opacity:.55}
body.myden-v212 .check-list--interactive li:hover .check-node{
  transform:translate3d(0,-2px,20px) rotate(-4deg) scale(1.055);
  border-color:rgba(var(--neon-rgb),.7);box-shadow:0 10px 24px rgba(0,0,0,.15),0 0 24px rgba(var(--neon-rgb),.16);
}
body.myden-v212 .check-list--interactive li:hover .check-node__echo{animation:v212CheckOrbit 3.6s linear infinite}
body.myden-v212 .check-copy{position:relative;z-index:1;color:inherit!important;font-size:13px!important;line-height:1.45;margin:0!important;text-shadow:none!important}
@keyframes v212CheckOrbit{to{transform:rotate(360deg)}}
html[data-theme="light"] body.myden-v212 .check-list--interactive li{
  border-color:rgba(16,27,31,.14);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(230,225,214,.64));
  color:#445055!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 28px rgba(36,42,42,.07);
}
html[data-theme="light"] body.myden-v212 .check-list--interactive li:hover{border-color:rgba(var(--neon-rgb),.46);background:linear-gradient(145deg,#fff,rgba(var(--neon-rgb),.07));box-shadow:0 18px 38px rgba(36,42,42,.12),0 0 26px rgba(var(--neon-rgb),.07),inset 0 1px 0 #fff}
html[data-theme="light"] body.myden-v212 .check-node{background:linear-gradient(145deg,#fff,rgba(var(--neon-rgb),.10));box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(36,42,42,.06)}

/* 7 — Rebuild the IT infrastructure composition. The old negative overlap
   created the broken stack shown in the screenshot. */
body.myden-v212[data-page="it"] .cards-image--vertical .container{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,430px);
  grid-template-areas:"heading media" "cards media";
  column-gap:clamp(38px,5vw,76px);
  row-gap:28px;
  align-items:start;
}
body.myden-v212[data-page="it"] .cards-image--vertical .section-heading{grid-area:heading;margin:0;max-width:760px}
body.myden-v212[data-page="it"] .cards-image--vertical .wide-media{
  grid-area:media;width:100%;height:clamp(560px,58vw,720px);max-width:none;margin:0!important;
  border-radius:28px;align-self:stretch;
}
body.myden-v212[data-page="it"] .cards-image--vertical .wide-media img{object-position:center}
body.myden-v212[data-page="it"] .cards-image--vertical .mini-card-grid{
  grid-area:cards!important;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;
}
body.myden-v212[data-page="it"] .cards-image--vertical .mini-card{min-height:210px}

/* 8 — Accessible reusable contact modal. */
body.contact-modal-open{overflow:hidden}
.contact-modal{
  position:fixed;inset:0;z-index:30000;
  display:grid;place-items:center;
  padding:clamp(14px,3vw,34px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .3s ease,visibility .3s ease;
}
.contact-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.contact-modal__backdrop{
  position:absolute;inset:0;border:0;margin:0;padding:0;cursor:pointer;
  background:rgba(1,5,7,.72);-webkit-backdrop-filter:blur(17px) saturate(.82);backdrop-filter:blur(17px) saturate(.82);
}
.contact-modal__panel{
  position:relative;z-index:1;
  width:min(1100px,calc(100vw - 36px));max-height:min(900px,calc(100dvh - 40px));
  overflow:auto;overscroll-behavior:contain;
  border:1px solid rgba(var(--neon-rgb),.26);border-radius:30px;
  background:linear-gradient(145deg,rgba(8,14,17,.985),rgba(4,9,12,.985));
  box-shadow:0 40px 140px rgba(0,0,0,.62),0 0 70px rgba(var(--neon-rgb),.09),inset 0 1px 0 rgba(255,255,255,.06);
  padding:clamp(26px,4vw,52px);
  transform:translateY(22px) scale(.985);opacity:.96;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .35s;
  scrollbar-width:thin;scrollbar-color:rgba(var(--neon-rgb),.35) transparent;
}
.contact-modal.is-open .contact-modal__panel{transform:none;opacity:1}
.contact-modal__head{padding-right:64px;margin-bottom:28px;position:relative;z-index:3}
.contact-modal__head h2{font-family:"Avenir Next","Segoe UI Variable","Helvetica Neue",Arial,sans-serif;font-size:clamp(38px,4.5vw,68px);font-weight:300;line-height:1;letter-spacing:-.05em;margin:16px 0 12px;color:#F7F4EC}
.contact-modal__head p{max-width:65ch;color:rgba(244,240,231,.62);font-size:14px;line-height:1.55}
.contact-modal__close{
  position:sticky;float:right;top:0;z-index:12;
  width:48px;height:48px;margin:0 0 -48px auto;border-radius:50%;border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.045);color:#F5F2EA;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transition:transform .3s var(--ease),border-color .3s,background .3s;
}
.contact-modal__close span::before,.contact-modal__close span::after{content:"";position:absolute;left:50%;top:50%;width:17px;height:1.5px;background:currentColor;border-radius:2px}
.contact-modal__close span::before{transform:translate(-50%,-50%) rotate(45deg)}
.contact-modal__close span::after{transform:translate(-50%,-50%) rotate(-45deg)}
.contact-modal__close:hover{transform:rotate(6deg) scale(1.05);border-color:rgba(var(--neon-rgb),.48);background:rgba(var(--neon-rgb),.08)}
.contact-modal .contact-wizard{
  position:relative;z-index:2;max-width:none;margin:0;padding:clamp(20px,3vw,34px)!important;
  background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 60px rgba(0,0,0,.16)!important;
}
.contact-modal .choice-grid span{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.10);color:#F4F0E7}
.contact-modal .choice-grid small,.contact-modal .field label,.contact-modal .consent{color:rgba(244,240,231,.58)}
.contact-modal .field input,.contact-modal .field select,.contact-modal .field textarea{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);color:#F4F0E7}
.contact-modal .field select option{color:#0C1519;background:#F4F0E7}
.contact-modal .form-progress{border-color:rgba(255,255,255,.10)}
.contact-modal fieldset.has-error{outline:1px solid #C56F67!important;outline-offset:9px;border-radius:13px}
html[data-theme="light"] .contact-modal__panel{
  background:linear-gradient(145deg,#F6F2E9,#E8E3D8);border-color:rgba(16,27,31,.17);
  box-shadow:0 42px 120px rgba(34,39,38,.24),0 0 52px rgba(var(--neon-rgb),.06),inset 0 1px 0 #fff;
}
html[data-theme="light"] .contact-modal__head h2{color:#10191D}
html[data-theme="light"] .contact-modal__head p{color:#596366}
html[data-theme="light"] .contact-modal__close{color:#10191D;background:rgba(255,255,255,.62);border-color:rgba(16,27,31,.13)}
html[data-theme="light"] .contact-modal .contact-wizard{background:rgba(255,255,255,.46)!important;border-color:rgba(16,27,31,.12)!important;box-shadow:inset 0 1px 0 #fff!important}
html[data-theme="light"] .contact-modal .choice-grid span{background:rgba(255,255,255,.55);border-color:rgba(16,27,31,.12);color:#10191D}
html[data-theme="light"] .contact-modal .choice-grid small,html[data-theme="light"] .contact-modal .field label,html[data-theme="light"] .contact-modal .consent{color:#5B6567}
html[data-theme="light"] .contact-modal .field input,html[data-theme="light"] .contact-modal .field select,html[data-theme="light"] .contact-modal .field textarea{background:rgba(255,255,255,.68);border-color:rgba(16,27,31,.13);color:#10191D}

/* 9 — Groupe continuity cards: clearer hierarchy + dimensional materiality. */
body.myden-v212[data-page="le-groupe"] .commitments .commitment-grid{gap:16px}
body.myden-v212[data-page="le-groupe"] .commitments .commitment{
  position:relative;min-height:260px;padding:28px!important;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  border:1px solid rgba(255,255,255,.105)!important;
  background:
    radial-gradient(220px 160px at 90% 4%,rgba(var(--neon-rgb),.10),transparent 68%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 44px rgba(0,0,0,.10);
  transform-style:preserve-3d;
}
body.myden-v212[data-page="le-groupe"] .commitments .commitment::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:1px;
  background:linear-gradient(90deg,rgba(var(--neon-rgb),.78),rgba(var(--neon-rgb),0));
  opacity:.42;transition:opacity .3s,transform .45s;transform-origin:left;
}
body.myden-v212[data-page="le-groupe"] .commitments .commitment:hover::before{opacity:1;transform:scaleX(.72)}
body.myden-v212[data-page="le-groupe"] .commitments .commitment>span:first-of-type{
  position:absolute;left:28px;top:26px;font-size:10px!important;letter-spacing:.16em;color:var(--neon)!important;
}
body.myden-v212[data-page="le-groupe"] .commitments .commitment .tech-icon{top:22px!important;right:22px!important;transform:translateZ(18px);transition:transform .42s var(--ease),box-shadow .35s!important}
body.myden-v212[data-page="le-groupe"] .commitments .commitment:hover .tech-icon{transform:translate3d(var(--icon-x,0),calc(var(--icon-y,0) - 3px),24px) rotate(-4deg) scale(1.05)!important}
body.myden-v212[data-page="le-groupe"] .commitment-kicker{
  position:relative;z-index:2;margin:0 0 10px;padding:0!important;
  font-family:"Avenir Next","Segoe UI Variable","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(18px,1.45vw,22px)!important;line-height:1.1;font-weight:650;letter-spacing:-.03em;color:var(--text);
  transform:translateZ(14px);
}
body.myden-v212[data-page="le-groupe"] .commitments .commitment p{
  position:relative;z-index:2;margin:0!important;max-width:29ch;
  font-family:"Avenir Next","Segoe UI Variable","Helvetica Neue",Arial,sans-serif!important;
  font-size:13px!important;line-height:1.52!important;font-weight:430!important;letter-spacing:0!important;color:var(--copy-muted)!important;
  transform:translateZ(8px);
}
html[data-theme="light"] body.myden-v212[data-page="le-groupe"] .commitments .commitment{
  border-color:rgba(16,27,31,.14)!important;
  background:radial-gradient(220px 160px at 90% 4%,rgba(var(--neon-rgb),.08),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.86),rgba(232,227,216,.66))!important;
  box-shadow:inset 0 1px 0 #fff,0 18px 42px rgba(36,42,42,.08)!important;
}

/* Responsive refinements */
@media(max-width:1080px){
  body.myden-v212[data-page="it"] .cards-image--vertical .container{grid-template-columns:1fr;grid-template-areas:"heading" "media" "cards";gap:28px}
  body.myden-v212[data-page="it"] .cards-image--vertical .wide-media{height:clamp(420px,64vw,620px)}
  body.myden-v212[data-page="it"] .cards-image--vertical .mini-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body.myden-v212 .hero-grid::before{
    background:linear-gradient(0deg,rgba(2,6,8,.91) 0%,rgba(2,6,8,.72) 50%,rgba(2,6,8,.08) 100%),radial-gradient(430px 330px at 70% 18%,rgba(var(--neon-rgb),.08),transparent 70%)!important;
  }
  body.myden-v212 .hero-media__frame img{filter:saturate(.88) contrast(1.04) brightness(.91)!important}
  body.myden-v212 .check-list--interactive{grid-template-columns:1fr}
  body.myden-v212[data-page="it"] .cards-image--vertical .mini-card-grid{grid-template-columns:1fr!important}
  .contact-modal{padding:0;place-items:stretch}
  .contact-modal__panel{width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:20px 14px calc(24px + env(safe-area-inset-bottom));transform:translateY(4%);border-inline:0}
  .contact-modal__head{padding:14px 58px 0 8px;margin-bottom:20px}
  .contact-modal__head h2{font-size:clamp(36px,10vw,52px)}
  .contact-modal__close{top:4px;right:4px}
  .contact-modal .contact-wizard{padding:18px!important;border-radius:22px!important}
  .contact-modal .choice-grid,.contact-modal .field-grid{grid-template-columns:1fr!important}
  .contact-modal .choice-grid span{min-height:82px!important}
  .contact-modal .form-nav{position:sticky;bottom:0;padding-top:12px;background:linear-gradient(180deg,transparent,rgba(5,10,13,.96) 35%)}
  html[data-theme="light"] .contact-modal .form-nav{background:linear-gradient(180deg,transparent,rgba(239,234,223,.97) 35%)}
  body.myden-v212[data-page="le-groupe"] .commitments .commitment{min-height:230px}
}
@media(max-width:520px){
  body.myden-v212 .check-list--interactive li{grid-template-columns:42px 1fr;padding:9px 12px 9px 9px}
  body.myden-v212 .check-node{width:42px;height:42px}
  body.myden-v212 .button__arrow,body.myden-v212 .nav-contact>span:last-child{width:38px!important;height:38px!important;flex-basis:38px!important}
}
@media(prefers-reduced-motion:reduce){
  body.myden-v212 .check-list--interactive li:hover{transform:none}
  body.myden-v212 .check-node__echo{animation:none!important}
  .contact-modal__panel{transition-duration:.16s}
}


/* ======================================================================
   MYDEN V2.13 — navigation precision, coherent action glyphs, contact
   controls, mobile menu reliability and theme-aware brand lockups
   ====================================================================== */

/* 1 — The custom cursor is an interface layer, never an element behind the
   navigation. In the header it becomes a restrained 22px ring, without labels
   or magnetic distortion, and always remains above the logo / CTA. */
body.myden-v213 .cursor{
  z-index:200000!important;
  pointer-events:none!important;
}
body.myden-v213 .cursor.is-header,
body.myden-v213 .cursor.is-header-safe{
  opacity:1!important;
  width:22px!important;
  height:22px!important;
  background:rgba(var(--neon-rgb),.025)!important;
  border-color:rgba(var(--neon-rgb),.72)!important;
  box-shadow:0 0 14px rgba(var(--neon-rgb),.24),inset 0 0 8px rgba(var(--neon-rgb),.06)!important;
}
body.myden-v213 .cursor.is-header::before,
body.myden-v213 .cursor.is-header::after,
body.myden-v213 .cursor.is-header b,
body.myden-v213 .cursor.is-header-safe::before,
body.myden-v213 .cursor.is-header-safe::after,
body.myden-v213 .cursor.is-header-safe b{display:none!important}
body.myden-v213 .cursor.is-header span,
body.myden-v213 .cursor.is-header-safe span{opacity:1!important;transform:translate(-50%,-50%) scale(.82)!important}
body.myden-v213 .site-header{z-index:12050!important}

/* 2/3 — One coherent kinetic monoline arrow. No signal-dot / gate pieces.
   The visual is a single SVG path and moves as one object on hover. */
body.myden-v213 .button__arrow::before,
body.myden-v213 .button__arrow::after,
body.myden-v213 .nav-contact>span:last-child::before,
body.myden-v213 .nav-contact>span:last-child::after{display:none!important;content:none!important}
body.myden-v213 .button__arrow,
body.myden-v213 .nav-contact__icon{
  display:inline-grid!important;
  place-items:center!important;
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  isolation:isolate;
}
body.myden-v213 .action-arrow{
  width:20px;height:20px;
  fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
  transform:translateX(0);
  transition:transform .34s cubic-bezier(.2,.8,.2,1),stroke-width .3s ease;
}
body.myden-v213 :is(.button,.nav-contact):hover .action-arrow{transform:translateX(2.5px);stroke-width:1.8}
body.myden-v213 .button--primary .button__arrow,
body.myden-v213 .nav-contact__icon{
  background:var(--neon)!important;color:#071014!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 20px rgba(var(--neon-rgb),.14)!important;
}
body.myden-v213 .button--ghost .button__arrow{
  background:rgba(var(--neon-rgb),.08)!important;
  border:1px solid rgba(var(--neon-rgb),.25)!important;
  color:var(--neon)!important;
}

/* 4 — Homepage expertise cards: one navigation cue in the upper-left only.
   The card itself is the link, so the duplicated footer arrows are removed. */
body.myden-v213[data-page="home"] .expertise-card__top{align-items:flex-start}
body.myden-v213[data-page="home"] .expertise-card__index--action{
  width:38px;height:38px;display:grid;place-items:center;border-radius:12px;
  color:var(--card-accent);border:1px solid color-mix(in srgb,var(--card-accent) 38%,transparent);
  background:color-mix(in srgb,var(--card-accent) 8%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 rgba(var(--surface-rgb),0);
  transition:transform .38s var(--ease),background .3s,border-color .3s,box-shadow .35s;
}
body.myden-v213[data-page="home"] .expertise-card__top-arrow{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .38s var(--ease);
}
body.myden-v213[data-page="home"] .expertise-card:hover .expertise-card__index--action{
  transform:translate3d(0,-2px,10px);border-color:color-mix(in srgb,var(--card-accent) 72%,transparent);
  background:color-mix(in srgb,var(--card-accent) 13%,transparent);
  box-shadow:0 10px 28px color-mix(in srgb,var(--card-accent) 12%,transparent);
}
body.myden-v213[data-page="home"] .expertise-card:hover .expertise-card__top-arrow{transform:translateX(2.5px)}
body.myden-v213[data-page="home"] .expertise-card__link{display:none!important}
body.myden-v213[data-page="home"] .expertise-card{padding-bottom:30px}

/* 5 — Contact production hero: preserve the supplied photography without
   over-cropping faces; use the same calibrated hero mask as the site. */
body.myden-v213[data-page="contact"] .hero-media__frame img{object-position:center center!important}

/* 6 — Native contact selects: explicitly opt into a dark native control
   palette on the intentionally dark form chapter. This fixes white-on-white
   Windows/Chromium option lists in both site themes. */
body.myden-v213[data-page="contact"] .contact-form-section .field select,
body.myden-v213[data-page="contact"] #contact-form select{
  color-scheme:dark!important;
  color:#F4F0E7!important;
  background-color:#0B1419!important;
  border-color:rgba(244,240,231,.18)!important;
  -webkit-text-fill-color:#F4F0E7;
}
body.myden-v213[data-page="contact"] .contact-form-section .field select option,
body.myden-v213[data-page="contact"] #contact-form select option{
  color:#F4F0E7!important;
  background:#0B1419!important;
  -webkit-text-fill-color:#F4F0E7!important;
}
body.myden-v213[data-page="contact"] .contact-form-section .field select option:checked,
body.myden-v213[data-page="contact"] #contact-form select option:checked{
  color:#081014!important;background:#D9B45E!important;
}
body.myden-v213[data-page="contact"] .contact-form-section .field select:focus,
body.myden-v213[data-page="contact"] #contact-form select:focus{
  border-color:rgba(var(--neon-rgb),.82)!important;
  box-shadow:0 0 0 1px rgba(var(--neon-rgb),.55),0 0 24px rgba(var(--neon-rgb),.13)!important;
}

/* 7 — Mobile menu: one breakpoint shared with JS, explicit click layer,
   safe viewport sizing, and no invisible layer intercepting content. */
body.myden-v213 .mobile-menu{pointer-events:none}
body.myden-v213 .mobile-menu.is-open{pointer-events:auto!important}
@media(max-width:1180px){
  body.myden-v213 .desktop-nav{display:none!important}
  body.myden-v213 .menu-toggle{display:grid!important;place-items:center;align-content:center;cursor:pointer;z-index:3}
  body.myden-v213 .nav-contact{display:none!important}
  body.myden-v213 .mobile-menu{
    display:grid!important;
    position:fixed!important;
    inset:96px 14px 14px!important;
    max-height:calc(100dvh - 110px);
    overflow:auto!important;
    overscroll-behavior:contain;
    z-index:12040!important;
    opacity:0;visibility:hidden;transform:translateY(-12px) scale(.992);
  }
  body.myden-v213 .mobile-menu.is-open{opacity:1!important;visibility:visible!important;transform:none!important}
  body.myden-v213.mobile-menu-open .site-header{z-index:12060!important}
}
@media(max-width:820px){
  body.myden-v213 .mobile-menu{inset:80px 8px 8px!important;max-height:calc(100dvh - 88px);padding:24px!important}
}
@media(min-width:1181px){
  body.myden-v213 .menu-toggle{display:none!important}
  body.myden-v213 .mobile-menu{display:none!important}
}

/* 8 — Theme-aware MYDEN lockups. Dark UI = official light lockup;
   light UI = official dark lockup. */
body.myden-v213 .theme-brand-lockup{position:relative;z-index:2;display:grid;place-items:center;width:68%;max-width:430px}
body.myden-v213 .statement-mark .theme-brand-lockup img{grid-area:1/1;width:100%!important;height:auto;position:relative!important;z-index:2!important}
body.myden-v213 .theme-brand-lockup__dark{display:block!important}
body.myden-v213 .theme-brand-lockup__light{display:none!important}
html[data-theme="light"] body.myden-v213 .theme-brand-lockup__dark{display:none!important}
html[data-theme="light"] body.myden-v213 .theme-brand-lockup__light{display:block!important}
body.myden-v213 .universe-link__mark--theme{position:relative}
body.myden-v213 .universe-link__mark--theme .universe-mark{position:absolute!important;inset:5px!important;width:36px!important;height:36px!important;object-fit:contain}
body.myden-v213 .universe-mark--dark{display:block!important}
body.myden-v213 .universe-mark--light{display:none!important}
html[data-theme="light"] body.myden-v213 .universe-mark--dark{display:none!important}
html[data-theme="light"] body.myden-v213 .universe-mark--light{display:block!important}

@media(max-width:520px){
  body.myden-v213 .button__arrow,body.myden-v213 .nav-contact__icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  body.myden-v213 .action-arrow{width:18px;height:18px}
}

/* ======================================================================
   MYDEN V2.14 — Contact-page light-theme contrast repair
   The contact form is intentionally kept as a dark premium chapter in
   light mode. Earlier global light-card rules turned the wizard and choice
   tiles ivory while their typography inherited the dark-chapter white,
   producing white-on-white content. These page-scoped rules keep the full
   form hierarchy coherent and leave the reusable popup styling untouched.
   ====================================================================== */
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section{
  --text:#F5F1E8;
  --muted:rgba(245,241,232,.66);
  --surface:#081216;
  --surface-2:#0D1A1F;
  --line:rgba(245,241,232,.14);
  color:#F5F1E8!important;
  background:
    radial-gradient(850px 540px at 88% 10%,rgba(var(--neon-rgb),.12),transparent 68%),
    linear-gradient(145deg,#061015 0%,#0A171C 54%,#050B0E 100%)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .contact-intro,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .section-heading,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .contact-wizard{
  color:#F5F1E8!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .section-heading h2,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section legend,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .choice-grid b{
  color:#F5F1E8!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .contact-intro>p,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .choice-grid small,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field label,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .consent,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .form-progress span{
  color:rgba(245,241,232,.64)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .form-progress span.is-active{
  color:rgb(var(--neon-rgb))!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .contact-wizard{
  background:
    linear-gradient(145deg,rgba(14,28,34,.96),rgba(6,15,19,.94))!important;
  border-color:rgba(245,241,232,.16)!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .contact-wizard::after{
  background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(var(--neon-rgb),.085),transparent 70%)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .choice-grid span{
  background:linear-gradient(145deg,rgba(18,34,40,.93),rgba(9,21,26,.90))!important;
  border-color:rgba(245,241,232,.13)!important;
  color:#F5F1E8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .choice-grid label:hover span{
  border-color:rgba(var(--neon-rgb),.46)!important;
  background:linear-gradient(145deg,rgba(24,42,47,.96),rgba(10,24,29,.93))!important;
  box-shadow:0 18px 40px rgba(0,0,0,.23),0 0 24px rgba(var(--neon-rgb),.08),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .choice-grid input:checked+span{
  border-color:rgb(var(--neon-rgb))!important;
  background:linear-gradient(145deg,rgba(var(--neon-rgb),.13),rgba(10,23,28,.96))!important;
  box-shadow:inset 0 0 0 1px rgba(var(--neon-rgb),.58),0 14px 34px rgba(0,0,0,.20)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field input,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field select,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field textarea{
  color-scheme:dark!important;
  color:#F5F1E8!important;
  -webkit-text-fill-color:#F5F1E8;
  background:#0A171C!important;
  border-color:rgba(245,241,232,.16)!important;
  caret-color:rgb(var(--neon-rgb));
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field input::placeholder,
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field textarea::placeholder{
  color:rgba(245,241,232,.40)!important;
  -webkit-text-fill-color:rgba(245,241,232,.40)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field select option{
  color:#F5F1E8!important;
  background:#0A171C!important;
  -webkit-text-fill-color:#F5F1E8!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .field select option:checked{
  color:#071014!important;
  background:#D9B45E!important;
  -webkit-text-fill-color:#071014!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .form-progress{
  border-color:rgba(245,241,232,.12)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .button--ghost{
  color:#F5F1E8!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(245,241,232,.18)!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .button--primary{
  color:#071014!important;
  background:rgb(var(--neon-rgb))!important;
  border-color:rgb(var(--neon-rgb))!important;
}
html[data-theme="light"] body.myden-v214[data-page="contact"] .contact-form-section .kinetic-scene{
  mix-blend-mode:screen!important;
  opacity:.64!important;
}


/* ======================================================================
   MYDEN V2.15 — Interactive home hero discovery + contact light fix.
   Futuristic discovery hotspots on the homepage hero image and stronger,
   page-scoped light-theme form styling for /contact/.
   ====================================================================== */
body.myden-v215 .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.myden-v215 .hero-media__frame--interactive{overflow:hidden;isolation:isolate}
body.myden-v215 .hero-media__frame--interactive img{transition:transform .8s var(--ease),filter .8s var(--ease)}
body.myden-v215 .hero-media__frame--interactive:hover img{transform:scale(1.055)}
body.myden-v215 .hero-discovery{position:absolute;inset:0;z-index:5;pointer-events:none;--focus-x:50%;--focus-y:50%;--focus-rgb:181,160,109;--card-x:7%;--card-y:70%}
body.myden-v215 .hero-discovery__scrim{position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--focus-x) var(--focus-y),rgba(var(--focus-rgb),.24),rgba(var(--focus-rgb),.08) 22%,rgba(6,12,16,.05) 34%,rgba(6,12,16,.42) 74%,rgba(6,12,16,.62) 100%);opacity:0;transition:opacity .35s var(--ease),background .35s var(--ease)}
body.myden-v215 .hero-discovery[data-active]:not([data-active=""]) .hero-discovery__scrim{opacity:1}
body.myden-v215 .hero-hotspot{position:absolute;left:calc(var(--x) - var(--w)/2);top:calc(var(--y) - var(--h)/2);width:var(--w);height:var(--h);pointer-events:auto;appearance:none;border:0;background:transparent;border-radius:22px;cursor:pointer;transition:transform .3s var(--ease),opacity .3s var(--ease);z-index:2}
body.myden-v215 .hero-hotspot::before{content:"";position:absolute;inset:8%;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(145deg,rgba(255,255,255,.01),rgba(255,255,255,0));opacity:0;transform:scale(.96);transition:opacity .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}
body.myden-v215 .hero-hotspot::after{content:"";position:absolute;inset:-16%;border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb,181,160,109),.22),transparent 60%);opacity:0;transition:opacity .3s var(--ease)}
body.myden-v215 .hero-hotspot__marker{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(var(--accent-rgb,181,160,109),.18);border:1px solid rgba(var(--accent-rgb,181,160,109),.7);box-shadow:0 0 0 5px rgba(var(--accent-rgb,181,160,109),.08),0 0 18px rgba(var(--accent-rgb,181,160,109),.36)}
body.myden-v215 .hero-hotspot__marker::before,body.myden-v215 .hero-hotspot__marker::after{content:"";position:absolute;inset:50%;border-radius:999px;border:1px solid rgba(var(--accent-rgb,181,160,109),.45);transform:translate(-50%,-50%) scale(.7)}
body.myden-v215 .hero-hotspot__marker::before{width:28px;height:28px;animation:heroPulse 3.2s ease-out infinite}
body.myden-v215 .hero-hotspot__marker::after{width:40px;height:40px;animation:heroPulse 3.2s ease-out 1.2s infinite}
@keyframes heroPulse{0%{opacity:.75;transform:translate(-50%,-50%) scale(.55)}70%{opacity:0;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
body.myden-v215 .hero-hotspot--telecom,body.myden-v215 .hero-discovery[data-active="telecom"]{--accent-rgb:124,144,84}
body.myden-v215 .hero-hotspot--it,body.myden-v215 .hero-discovery[data-active="it"]{--accent-rgb:52,118,188}
body.myden-v215 .hero-hotspot--print,body.myden-v215 .hero-discovery[data-active="print"]{--accent-rgb:214,184,113}
body.myden-v215 .hero-hotspot--security,body.myden-v215 .hero-discovery[data-active="security"]{--accent-rgb:171,176,180}
body.myden-v215 .hero-hotspot:hover,body.myden-v215 .hero-hotspot:focus-visible,body.myden-v215 .hero-hotspot.is-active{transform:translateY(-2px)}
body.myden-v215 .hero-hotspot:hover::before,body.myden-v215 .hero-hotspot:focus-visible::before,body.myden-v215 .hero-hotspot.is-active::before{opacity:1;transform:scale(1);border-color:rgba(var(--accent-rgb,181,160,109),.55);box-shadow:0 0 0 1px rgba(var(--accent-rgb,181,160,109),.38) inset,0 0 34px rgba(var(--accent-rgb,181,160,109),.12)}
body.myden-v215 .hero-hotspot:hover::after,body.myden-v215 .hero-hotspot:focus-visible::after,body.myden-v215 .hero-hotspot.is-active::after{opacity:1}
body.myden-v215 .hero-hotspot:focus-visible{outline:none}
body.myden-v215 .hero-discovery__panel{position:absolute;left:var(--card-x);top:var(--card-y);width:min(300px,calc(100% - 34px));padding:16px 16px 17px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(155deg,rgba(8,17,22,.90),rgba(6,11,15,.82));backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);box-shadow:0 18px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);z-index:4;color:#F5F1E8;pointer-events:none;opacity:1;transform:translate3d(0,0,0);transition:left .35s var(--ease),top .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
body.myden-v215 .hero-discovery__panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(var(--accent-rgb,181,160,109),.6),rgba(255,255,255,.04) 36%,rgba(var(--accent-rgb,181,160,109),.16) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}
body.myden-v215 .hero-discovery__eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--accent-rgb,181,160,109));margin-bottom:10px}
body.myden-v215 .hero-discovery__line{width:26px;height:1px;background:currentColor;display:inline-block}
body.myden-v215 .hero-discovery__panel h3{font-size:25px;line-height:1.02;letter-spacing:-.04em;margin:0 0 10px;color:#fff}
body.myden-v215 .hero-discovery__panel p{margin:0;font-size:13px;line-height:1.55;color:rgba(245,241,232,.78)}
html[data-theme="light"] body.myden-v215 .hero-discovery__panel{background:linear-gradient(155deg,rgba(250,247,240,.86),rgba(242,236,227,.74));color:#0C171B;border-color:rgba(16,27,31,.10);box-shadow:0 22px 54px rgba(17,26,30,.16),inset 0 1px 0 rgba(255,255,255,.8)}
html[data-theme="light"] body.myden-v215 .hero-discovery__panel h3{color:#101C21}
html[data-theme="light"] body.myden-v215 .hero-discovery__panel p{color:rgba(16,28,33,.72)}
html[data-theme="light"] body.myden-v215 .hero-discovery__panel::before{opacity:.52}
html[data-theme="light"] body.myden-v215 .hero-hotspot::before{border-color:rgba(16,27,31,.08)}
html[data-theme="light"] body.myden-v215 .hero-discovery__scrim{background:radial-gradient(320px circle at var(--focus-x) var(--focus-y),rgba(var(--focus-rgb),.18),rgba(var(--focus-rgb),.06) 26%,rgba(244,240,231,.04) 36%,rgba(10,18,23,.18) 76%,rgba(10,18,23,.30) 100%)}
body.myden-v215 .hero-discovery[data-active="telecom"] .hero-discovery__panel,body.myden-v215 .hero-discovery[data-active="it"] .hero-discovery__panel,body.myden-v215 .hero-discovery[data-active="print"] .hero-discovery__panel,body.myden-v215 .hero-discovery[data-active="security"] .hero-discovery__panel{box-shadow:0 18px 60px rgba(0,0,0,.38),0 0 28px rgba(var(--accent-rgb,181,160,109),.10),inset 0 1px 0 rgba(255,255,255,.06)}
body.myden-v215 .hero-media__frame--interactive:hover .hero-media__wash{background:linear-gradient(125deg,rgba(8,13,18,.10),color-mix(in srgb,var(--accent) 14%,transparent))}
body.myden-v215 .hero-discovery__hint{display:none}
@media(max-width:980px){body.myden-v215 .hero-discovery__panel{width:min(320px,calc(100% - 24px));left:12px!important;top:auto!important;bottom:12px;right:12px}}
@media(max-width:820px){body.myden-v215 .hero-media__frame--interactive{aspect-ratio:16/12}body.myden-v215 .hero-hotspot{border-radius:18px}body.myden-v215 .hero-hotspot__marker{width:14px;height:14px}body.myden-v215 .hero-hotspot__marker::before{width:24px;height:24px}body.myden-v215 .hero-hotspot__marker::after{width:34px;height:34px}body.myden-v215 .hero-discovery__panel{padding:14px 14px 15px;border-radius:16px}body.myden-v215 .hero-discovery__panel h3{font-size:22px}}

/* stronger /contact/ light-mode rescue */
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section *{box-sizing:border-box}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section{--text:#F5F1E8;--muted:rgba(245,241,232,.70);--surface:#081216;--surface-2:#0D1A1F;--line:rgba(245,241,232,.14);color:#F5F1E8!important;background:radial-gradient(980px 620px at 88% 12%,rgba(var(--neon-rgb),.12),transparent 68%),linear-gradient(145deg,#061015 0%,#0A171C 54%,#050B0E 100%)!important;border-block:1px solid rgba(255,255,255,.10)}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .contact-intro,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .section-heading,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .section-heading h2,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section legend,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .choice-grid b,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .choice-grid small,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field label,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .consent,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .form-progress span,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .micro-note,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section p{color:inherit!important;opacity:1!important;text-shadow:none!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .contact-intro>p,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .choice-grid small,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field label,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .consent,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .form-progress span,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .micro-note{color:rgba(245,241,232,.68)!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .form-progress span.is-active{color:rgb(var(--neon-rgb))!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .contact-wizard{background:linear-gradient(145deg,rgba(14,28,34,.98),rgba(7,16,20,.95))!important;border-color:rgba(245,241,232,.16)!important;box-shadow:0 34px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)!important;color:#F5F1E8!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .contact-wizard::after{background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(var(--neon-rgb),.085),transparent 70%)!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .choice-grid span{background:linear-gradient(145deg,rgba(18,34,40,.94),rgba(9,21,26,.90))!important;border-color:rgba(245,241,232,.13)!important;color:#F5F1E8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .choice-grid label:hover span{border-color:rgba(var(--neon-rgb),.46)!important;background:linear-gradient(145deg,rgba(24,42,47,.96),rgba(10,24,29,.93))!important;box-shadow:0 18px 40px rgba(0,0,0,.23),0 0 24px rgba(var(--neon-rgb),.08),inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .choice-grid input:checked+span{border-color:rgb(var(--neon-rgb))!important;background:linear-gradient(145deg,rgba(var(--neon-rgb),.13),rgba(10,23,28,.96))!important;box-shadow:inset 0 0 0 1px rgba(var(--neon-rgb),.58),0 14px 34px rgba(0,0,0,.20)!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .choice-grid span *,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .contact-wizard .form-step,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .contact-wizard legend{color:#F5F1E8!important;opacity:1!important;visibility:visible!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field input,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field select,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field textarea{color-scheme:dark!important;color:#F5F1E8!important;-webkit-text-fill-color:#F5F1E8!important;background:#0A171C!important;border-color:rgba(245,241,232,.16)!important;caret-color:rgb(var(--neon-rgb))}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field input::placeholder,
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field textarea::placeholder{color:rgba(245,241,232,.42)!important;-webkit-text-fill-color:rgba(245,241,232,.42)!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field select option{color:#F5F1E8!important;background:#0A171C!important;-webkit-text-fill-color:#F5F1E8!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .field select option:checked{color:#071014!important;background:#D9B45E!important;-webkit-text-fill-color:#071014!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .button--ghost{color:#F5F1E8!important;background:rgba(255,255,255,.035)!important;border-color:rgba(245,241,232,.18)!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .button--primary{color:#071014!important;background:rgb(var(--neon-rgb))!important;border-color:rgb(var(--neon-rgb))!important}
html[data-theme="light"] body.myden-v215[data-page="contact"] .contact-form-section .kinetic-scene{mix-blend-mode:screen!important;opacity:.64!important}


/* ======================================================================
   MYDEN V2.16 — Homepage hero hotspot refinement
   - French discovery panel copy
   - Telecom hotspot made explicit on the video-call screens
   - Discovery card repositioned above the text conflict zone
   ====================================================================== */
body.myden-v216 .hero-media__frame--interactive{overflow:visible}
body.myden-v216 .hero-discovery{--card-x:67%;--card-y:16%}
body.myden-v216 .hero-discovery__panel{z-index:18;max-width:290px}
body.myden-v216 .hero-hotspot--telecom{z-index:8}
body.myden-v216 .hero-hotspot--telecom::before{border-color:rgba(124,144,84,.62);box-shadow:0 0 0 1px rgba(124,144,84,.28) inset,0 0 36px rgba(124,144,84,.14)}
body.myden-v216 .hero-hotspot--telecom .hero-hotspot__marker{background:rgba(124,144,84,.2);border-color:rgba(124,144,84,.85);box-shadow:0 0 0 5px rgba(124,144,84,.08),0 0 18px rgba(124,144,84,.36)}
body.myden-v216 .hero-hotspot--telecom .hero-hotspot__marker::before,
body.myden-v216 .hero-hotspot--telecom .hero-hotspot__marker::after{border-color:rgba(124,144,84,.55)}
body.myden-v216 .hero-discovery[data-active="telecom"] .hero-discovery__panel{box-shadow:0 18px 60px rgba(0,0,0,.38),0 0 28px rgba(124,144,84,.16),inset 0 1px 0 rgba(255,255,255,.06)}
@media(min-width:981px){
  body.myden-v216 .hero-discovery__panel{left:var(--card-x);top:var(--card-y)}
}
@media(max-width:980px){
  body.myden-v216 .hero-discovery__panel{left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;max-width:none}
}


/* ======================================================================
   MYDEN V2.17 — Hero discovery refinements
   - Telecom hotspot remapped precisely to the video-conversation screens
   - Discovery card made smaller, quieter, and more elegant by default
   ====================================================================== */
body.myden-v217 .hero-hotspot--telecom{z-index:12}
body.myden-v217 .hero-hotspot--telecom::before{inset:6%;border-radius:18px}
body.myden-v217 .hero-hotspot--telecom::after{inset:-10%}
body.myden-v217 .hero-discovery__panel{width:min(246px,calc(100% - 34px));max-width:246px;padding:13px 14px 14px;border-radius:17px;background:linear-gradient(155deg,rgba(8,16,21,.84),rgba(6,11,14,.74));box-shadow:0 14px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);opacity:.94;backdrop-filter:blur(16px) saturate(112%);-webkit-backdrop-filter:blur(16px) saturate(112%)}
body.myden-v217 .hero-discovery__eyebrow{margin-bottom:8px;font-size:9px;letter-spacing:.19em}
body.myden-v217 .hero-discovery__line{width:22px}
body.myden-v217 .hero-discovery__panel h3{font-size:18px;line-height:1.05;margin:0 0 8px}
body.myden-v217 .hero-discovery__panel p{font-size:12px;line-height:1.52;color:rgba(245,241,232,.72)}
body.myden-v217 .hero-discovery[data-active=""] .hero-discovery__panel,body.myden-v217 .hero-discovery:not([data-active]) .hero-discovery__panel{border-color:rgba(255,255,255,.10);box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
body.myden-v217 .hero-discovery[data-active="telecom"] .hero-discovery__panel,body.myden-v217 .hero-discovery[data-active="it"] .hero-discovery__panel,body.myden-v217 .hero-discovery[data-active="print"] .hero-discovery__panel,body.myden-v217 .hero-discovery[data-active="security"] .hero-discovery__panel{width:min(274px,calc(100% - 34px));max-width:274px;opacity:1}
html[data-theme="light"] body.myden-v217 .hero-discovery__panel{background:linear-gradient(155deg,rgba(250,247,240,.80),rgba(243,237,229,.70));box-shadow:0 16px 36px rgba(17,26,30,.12),inset 0 1px 0 rgba(255,255,255,.75)}
@media(max-width:980px){body.myden-v217 .hero-discovery__panel{width:min(290px,calc(100% - 24px));max-width:none}}


/* ======================================================================
   MYDEN V2.18 — Hero hotspot correction and quieter discovery card
   ====================================================================== */
body.myden-v218 .hero-discovery{--card-x:72%;--card-y:12%}
body.myden-v218 .hero-hotspot--telecom{z-index:14}
body.myden-v218 .hero-hotspot--telecom::before{inset:5%;border-radius:18px;border-color:rgba(124,144,84,.48);box-shadow:0 0 0 1px rgba(124,144,84,.18) inset,0 0 28px rgba(124,144,84,.09)}
body.myden-v218 .hero-hotspot--telecom .hero-hotspot__marker{width:14px;height:14px;background:rgba(124,144,84,.18);border-color:rgba(124,144,84,.88);box-shadow:0 0 0 4px rgba(124,144,84,.08),0 0 14px rgba(124,144,84,.32)}
body.myden-v218 .hero-hotspot--telecom .hero-hotspot__marker::before{width:22px;height:22px}
body.myden-v218 .hero-hotspot--telecom .hero-hotspot__marker::after{width:34px;height:34px}
body.myden-v218 .hero-discovery__panel{width:min(215px,calc(100% - 34px));max-width:215px;padding:11px 12px 11px;border-radius:16px;background:linear-gradient(155deg,rgba(8,16,21,.78),rgba(6,11,14,.68));backdrop-filter:blur(14px) saturate(108%);-webkit-backdrop-filter:blur(14px) saturate(108%);box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);opacity:.9;transition:left .35s var(--ease),top .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease),width .28s var(--ease),max-width .28s var(--ease),padding .28s var(--ease),opacity .28s var(--ease)}
body.myden-v218 .hero-discovery__eyebrow{margin-bottom:7px;font-size:8.5px;letter-spacing:.18em}
body.myden-v218 .hero-discovery__line{width:18px}
body.myden-v218 .hero-discovery__panel h3{font-size:14px;line-height:1.08;margin:0;color:rgba(255,255,255,.96)}
body.myden-v218 .hero-discovery__panel p{margin-top:7px;font-size:11px;line-height:1.45;color:rgba(245,241,232,.68)}
body.myden-v218 .hero-discovery[data-active=""] .hero-discovery__panel p{max-width:14ch}
body.myden-v218 .hero-discovery[data-active="telecom"] .hero-discovery__panel,
body.myden-v218 .hero-discovery[data-active="it"] .hero-discovery__panel,
body.myden-v218 .hero-discovery[data-active="print"] .hero-discovery__panel,
body.myden-v218 .hero-discovery[data-active="security"] .hero-discovery__panel{width:min(270px,calc(100% - 34px));max-width:270px;padding:14px 15px 15px;opacity:1;box-shadow:0 16px 46px rgba(0,0,0,.34),0 0 22px rgba(var(--accent-rgb,181,160,109),.10),inset 0 1px 0 rgba(255,255,255,.06)}
body.myden-v218 .hero-discovery[data-active="telecom"] .hero-discovery__panel h3,
body.myden-v218 .hero-discovery[data-active="it"] .hero-discovery__panel h3,
body.myden-v218 .hero-discovery[data-active="print"] .hero-discovery__panel h3,
body.myden-v218 .hero-discovery[data-active="security"] .hero-discovery__panel h3{font-size:18px;margin-bottom:8px}
body.myden-v218 .hero-discovery[data-active="telecom"] .hero-discovery__panel p,
body.myden-v218 .hero-discovery[data-active="it"] .hero-discovery__panel p,
body.myden-v218 .hero-discovery[data-active="print"] .hero-discovery__panel p,
body.myden-v218 .hero-discovery[data-active="security"] .hero-discovery__panel p{font-size:12px;line-height:1.5;color:rgba(245,241,232,.76)}
html[data-theme="light"] body.myden-v218 .hero-discovery__panel{background:linear-gradient(155deg,rgba(250,247,240,.78),rgba(243,237,229,.70));box-shadow:0 12px 26px rgba(17,26,30,.10),inset 0 1px 0 rgba(255,255,255,.72)}
@media(max-width:980px){body.myden-v218 .hero-discovery__panel{width:min(232px,calc(100% - 24px));max-width:none}body.myden-v218 .hero-discovery[data-active="telecom"] .hero-discovery__panel,body.myden-v218 .hero-discovery[data-active="it"] .hero-discovery__panel,body.myden-v218 .hero-discovery[data-active="print"] .hero-discovery__panel,body.myden-v218 .hero-discovery[data-active="security"] .hero-discovery__panel{width:min(290px,calc(100% - 24px))}}


/* ======================================================================
   MYDEN V2.19 — Root fix for hero telecom hotspot interference
   - prevent hero copy layer from blocking hotspot hover
   - reduce left dark mask spread and lighten it by ~8%
   - gently brighten hero image for cleaner hotspot reading
   ====================================================================== */
body.myden-v219 .hero-copy{pointer-events:none;width:min(100%,860px)}
body.myden-v219 .hero-copy .hero-actions,
body.myden-v219 .hero-copy .hero-actions *,
body.myden-v219 .hero-copy .hero-tags,
body.myden-v219 .hero-copy .hero-tags *,
body.myden-v219 .hero-copy a,
body.myden-v219 .hero-copy button{pointer-events:auto}
body.myden-v219 .hero-media__frame img{filter:saturate(.84) contrast(1.08) brightness(.80)}
body.myden-v219 .hero-grid:hover .hero-media__frame img{filter:saturate(.92) contrast(1.08) brightness(.84)}
body.myden-v219 .hero-media__wash{background:linear-gradient(115deg,rgba(2,6,8,.24),transparent 44%,rgba(var(--neon-rgb),.11));mix-blend-mode:screen;opacity:.44}
body.myden-v219 .hero-hotspot--telecom{left:calc(var(--x) - var(--w)/2 - .4%);top:calc(var(--y) - var(--h)/2);width:calc(var(--w) + 1.6%);height:calc(var(--h) + 1.2%);z-index:16}
body.myden-v219 .hero-hotspot--telecom::before{inset:4%;border-color:rgba(124,144,84,.56);box-shadow:0 0 0 1px rgba(124,144,84,.22) inset,0 0 32px rgba(124,144,84,.12)}
body.myden-v219 .hero-hotspot--telecom::after{inset:-14%}
body.myden-v219 .hero-hotspot--telecom .hero-hotspot__marker{width:15px;height:15px;box-shadow:0 0 0 4px rgba(124,144,84,.08),0 0 18px rgba(124,144,84,.34)}
@media (max-width: 1200px){body.myden-v219 .hero-copy{width:min(100%,820px)}}
@media (max-width: 980px){body.myden-v219 .hero-copy{pointer-events:auto;width:min(100%,920px)}body.myden-v219 .hero-media__wash{background:linear-gradient(115deg,rgba(2,6,8,.20),transparent 50%,rgba(var(--neon-rgb),.10));opacity:.36}}


/* ======================================================================
   MYDEN V2.20 — Expertise partner ecosystems
   Unified premium partner grid: equal optical sizing, neon edge response,
   pointer spotlight and restrained 3D depth across IT / Telecom / Print / Security.
   ====================================================================== */
body.myden-v220 .partner-ecosystem{
  position:relative;overflow:hidden;isolation:isolate;
  padding-block:clamp(92px,10vw,150px);
  background:
    radial-gradient(900px 480px at 12% 15%,rgba(var(--neon-rgb),.10),transparent 68%),
    radial-gradient(720px 420px at 88% 78%,rgba(var(--neon-rgb),.055),transparent 72%),
    linear-gradient(180deg,rgba(8,15,18,.98),rgba(5,10,13,.995));
  border-block:1px solid rgba(255,255,255,.075);
}
body.myden-v220 .partner-ecosystem::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:94px 94px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);
}
body.myden-v220 .partner-ecosystem::after{
  content:"";position:absolute;left:-12%;right:-12%;top:48%;height:1px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 3%,rgba(var(--neon-rgb),.10) 26%,rgba(var(--neon-rgb),.42) 50%,rgba(var(--neon-rgb),.10) 74%,transparent 97%);
  box-shadow:0 0 22px rgba(var(--neon-rgb),.10);
  animation:partnerRail 8s ease-in-out infinite alternate;
}
@keyframes partnerRail{from{transform:translateX(-3%);opacity:.52}to{transform:translateX(3%);opacity:.9}}
body.myden-v220 .partner-ecosystem__inner{position:relative}
body.myden-v220 .partner-ecosystem__head{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.76fr);column-gap:clamp(44px,7vw,112px);align-items:end;margin-bottom:clamp(46px,6vw,78px)}
body.myden-v220 .partner-ecosystem__head .eyebrow{grid-column:1/-1;margin-bottom:20px}
body.myden-v220 .partner-ecosystem__head h2{font-size:clamp(38px,4.7vw,74px);line-height:.98;letter-spacing:-.052em;margin:0;color:#f6f3ec;max-width:13.5ch}
body.myden-v220 .partner-ecosystem__head p{margin:0 0 4px;color:rgba(246,243,236,.67);font-size:clamp(15px,1.15vw,18px);line-height:1.65;max-width:58ch}
body.myden-v220 .partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;perspective:1200px}
body.myden-v220 .partner-grid--single{grid-template-columns:minmax(220px,300px);justify-content:center}
body.myden-v220 .partner-card{
  --mx:50%;--my:50%;--rx:0deg;--ry:0deg;
  position:relative;min-width:0;height:190px;padding:16px;border-radius:24px;overflow:hidden;isolation:isolate;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(18,29,34,.88),rgba(8,16,20,.94));
  box-shadow:0 16px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);
  transform-style:preserve-3d;
  transition:transform .38s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease),background .32s var(--ease);
  outline:none;
}
body.myden-v220 .partner-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(220px circle at var(--mx) var(--my),rgba(var(--neon-rgb),.14),transparent 72%);
  opacity:.28;transition:opacity .28s var(--ease);
}
body.myden-v220 .partner-card::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:4;padding:1px;
  background:linear-gradient(135deg,rgba(var(--neon-rgb),.54),rgba(255,255,255,.035) 38%,rgba(var(--neon-rgb),.10) 72%,rgba(255,255,255,.06));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.22;transition:opacity .28s var(--ease);
}
body.myden-v220 .partner-card:hover,body.myden-v220 .partner-card:focus-visible{
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-7px);
  border-color:rgba(var(--neon-rgb),.38);
  background:linear-gradient(145deg,rgba(22,36,42,.94),rgba(8,17,21,.98));
  box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 34px rgba(var(--neon-rgb),.09),inset 0 1px 0 rgba(255,255,255,.06);
  z-index:3;
}
body.myden-v220 .partner-card:hover::before,body.myden-v220 .partner-card:focus-visible::before{opacity:1}
body.myden-v220 .partner-card:hover::after,body.myden-v220 .partner-card:focus-visible::after{opacity:.72}
body.myden-v220 .partner-card__glow{
  position:absolute;left:var(--mx);top:var(--my);width:90px;height:90px;border-radius:50%;z-index:0;pointer-events:none;
  transform:translate(-50%,-50%) scale(.65);background:rgba(var(--neon-rgb),.16);filter:blur(24px);opacity:0;
  transition:opacity .25s var(--ease),transform .35s var(--ease);
}
body.myden-v220 .partner-card:hover .partner-card__glow,body.myden-v220 .partner-card:focus-visible .partner-card__glow{opacity:.85;transform:translate(-50%,-50%) scale(1)}
body.myden-v220 .partner-logo-plate{
  position:relative;z-index:2;height:104px;border-radius:17px;display:flex;align-items:center;justify-content:center;padding:12px 18px;overflow:hidden;
  background:linear-gradient(150deg,rgba(255,255,255,.985),rgba(244,244,241,.955));
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 10px 24px rgba(0,0,0,.17),inset 0 1px 0 #fff;
  transform:translateZ(20px);
  transition:transform .38s var(--ease),box-shadow .32s var(--ease);
}
body.myden-v220 .partner-card:hover .partner-logo-plate,body.myden-v220 .partner-card:focus-visible .partner-logo-plate{transform:translateZ(28px) scale(1.015);box-shadow:0 14px 30px rgba(0,0,0,.22),0 0 18px rgba(var(--neon-rgb),.08),inset 0 1px 0 #fff}
body.myden-v220 .partner-logo-plate img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none!important;opacity:1!important;transform:none!important}
body.myden-v220 .partner-card__meta{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 3px 0;transform:translateZ(12px)}
body.myden-v220 .partner-card__meta strong{font-size:13px;line-height:1.2;color:#f7f4ed;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.myden-v220 .partner-card__meta span{font-size:10px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:rgba(247,244,237,.48);text-align:right;white-space:nowrap}
body.myden-v220 .partner-card__signal{position:absolute;right:16px;top:14px;width:7px;height:7px;border-radius:50%;border:1px solid rgba(var(--neon-rgb),.62);z-index:5;box-shadow:0 0 12px rgba(var(--neon-rgb),.18)}
body.myden-v220 .partner-card__signal::before,body.myden-v220 .partner-card__signal::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(var(--neon-rgb),.28);border-radius:50%;transform:translate(-50%,-50%);opacity:0}
body.myden-v220 .partner-card__signal::before{width:19px;height:19px}
body.myden-v220 .partner-card__signal::after{width:31px;height:31px}
body.myden-v220 .partner-card:hover .partner-card__signal::before,body.myden-v220 .partner-card:focus-visible .partner-card__signal::before{animation:partnerPulse 1.7s ease-out infinite}
body.myden-v220 .partner-card:hover .partner-card__signal::after,body.myden-v220 .partner-card:focus-visible .partner-card__signal::after{animation:partnerPulse 1.7s .55s ease-out infinite}
@keyframes partnerPulse{0%{opacity:.55;transform:translate(-50%,-50%) scale(.48)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}
body.myden-v220 .partner-ecosystem__footer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:34px;color:rgba(246,243,236,.46);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:center}
body.myden-v220 .partner-ecosystem__pulse{width:6px;height:6px;border-radius:50%;background:rgb(var(--neon-rgb));box-shadow:0 0 14px rgba(var(--neon-rgb),.5);animation:partnerFooterPulse 2.8s ease-in-out infinite}
@keyframes partnerFooterPulse{50%{opacity:.35;box-shadow:0 0 4px rgba(var(--neon-rgb),.12)}}

/* expertise accent mapping for the shared partner component */
body.myden-v220 .partner-ecosystem[data-accent="it"]{--neon-rgb:50,139,222}
body.myden-v220 .partner-ecosystem[data-accent="telecom"]{--neon-rgb:132,148,85}
body.myden-v220 .partner-ecosystem[data-accent="print"]{--neon-rgb:220,178,91}
body.myden-v220 .partner-ecosystem[data-accent="security"]{--neon-rgb:168,171,168}

/* Light theme: retain depth instead of flattening into white */
html[data-theme="light"] body.myden-v220 .partner-ecosystem{
  background:
    radial-gradient(860px 450px at 9% 14%,rgba(var(--neon-rgb),.10),transparent 70%),
    linear-gradient(180deg,#e9e5dc 0%,#f1ede5 52%,#e6e1d8 100%);
  border-color:rgba(12,25,30,.10);
}
html[data-theme="light"] body.myden-v220 .partner-ecosystem::before{background-image:linear-gradient(rgba(10,24,29,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(10,24,29,.055) 1px,transparent 1px);opacity:.42}
html[data-theme="light"] body.myden-v220 .partner-ecosystem__head h2{color:#0b171c}
html[data-theme="light"] body.myden-v220 .partner-ecosystem__head p{color:rgba(11,23,28,.66)}
html[data-theme="light"] body.myden-v220 .partner-card{background:linear-gradient(145deg,rgba(250,248,242,.84),rgba(224,222,215,.78));border-color:rgba(12,25,30,.12);box-shadow:0 15px 38px rgba(20,29,32,.10),inset 0 1px 0 rgba(255,255,255,.86)}
html[data-theme="light"] body.myden-v220 .partner-card:hover,html[data-theme="light"] body.myden-v220 .partner-card:focus-visible{background:linear-gradient(145deg,rgba(255,253,248,.95),rgba(230,228,220,.92));border-color:rgba(var(--neon-rgb),.42);box-shadow:0 24px 50px rgba(20,29,32,.15),0 0 28px rgba(var(--neon-rgb),.08),inset 0 1px 0 #fff}
html[data-theme="light"] body.myden-v220 .partner-card__meta strong{color:#0d191e}
html[data-theme="light"] body.myden-v220 .partner-card__meta span{color:rgba(13,25,30,.50)}
html[data-theme="light"] body.myden-v220 .partner-ecosystem__footer{color:rgba(13,25,30,.46)}

@media(max-width:1180px){body.myden-v220 .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.myden-v220 .partner-ecosystem__head{grid-template-columns:1fr;row-gap:22px}.partner-ecosystem__head p{max-width:66ch}body.myden-v220 .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:620px){body.myden-v220 .partner-ecosystem{padding-block:76px}body.myden-v220 .partner-grid,body.myden-v220 .partner-grid--single{grid-template-columns:1fr}body.myden-v220 .partner-card{height:174px;border-radius:21px;padding:14px}body.myden-v220 .partner-logo-plate{height:94px;border-radius:15px}body.myden-v220 .partner-card__meta{padding-top:12px}body.myden-v220 .partner-card__meta strong{font-size:12px}body.myden-v220 .partner-card__meta span{font-size:9px}}
@media(hover:none),(pointer:coarse){body.myden-v220 .partner-card,body.myden-v220 .partner-card:hover{transform:none}body.myden-v220 .partner-card::before{opacity:.45}}
@media(prefers-reduced-motion:reduce){body.myden-v220 .partner-ecosystem::after,body.myden-v220 .partner-card__signal::before,body.myden-v220 .partner-card__signal::after,body.myden-v220 .partner-ecosystem__pulse{animation:none!important}body.myden-v220 .partner-card{transition:border-color .2s,box-shadow .2s}}


/* ======================================================================
   MYDEN V2.21 — Hero-adjacent partner technology stage
   Repositions the ecosystem immediately under expertise heroes and turns
   it into a compact interactive technology rail with equal-size modules,
   section-wide focus lighting, neon routing and refined 3D choreography.
   ====================================================================== */
body.myden-v221 .partner-ecosystem--hero-adjacent{
  --field-x:50%;--field-y:42%;--active-x:50%;
  position:relative;isolation:isolate;overflow:hidden;
  padding-block:clamp(66px,6.8vw,102px);
  margin-top:-1px;
  background:
    radial-gradient(640px 300px at var(--field-x) var(--field-y),rgba(var(--neon-rgb),.105),transparent 72%),
    radial-gradient(900px 430px at var(--active-x) 58%,rgba(var(--neon-rgb),.08),transparent 70%),
    linear-gradient(180deg,#071115 0%,#09151a 46%,#050c10 100%);
  border-top:1px solid rgba(var(--neon-rgb),.17);
  border-bottom:1px solid rgba(255,255,255,.075);
  transition:background .45s var(--ease);
}
body.myden-v221 .partner-ecosystem--hero-adjacent::before{
  content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;opacity:.30;
  background-image:
    linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);
  background-size:76px 76px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 88%,transparent 100%);
}
body.myden-v221 .partner-ecosystem--hero-adjacent::after{
  content:"";position:absolute;left:var(--active-x);top:56%;width:520px;height:520px;z-index:-2;pointer-events:none;
  transform:translate(-50%,-50%);border-radius:50%;opacity:.32;
  background:radial-gradient(circle,rgba(var(--neon-rgb),.13) 0,rgba(var(--neon-rgb),.055) 22%,transparent 67%);
  filter:blur(10px);transition:left .48s cubic-bezier(.2,.78,.2,1),opacity .32s var(--ease);
}
body.myden-v221 .partner-ecosystem--hero-adjacent.is-engaged::after{opacity:.68}
body.myden-v221 .partner-ecosystem__motion{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
body.myden-v221 .partner-ecosystem__orbit{position:absolute;border:1px solid rgba(var(--neon-rgb),.095);border-radius:50%;opacity:.58}
body.myden-v221 .partner-ecosystem__orbit--a{width:440px;height:440px;left:-180px;top:-255px;animation:partnerOrbitA 22s linear infinite}
body.myden-v221 .partner-ecosystem__orbit--b{width:620px;height:620px;right:-300px;bottom:-420px;border-style:dashed;opacity:.31;animation:partnerOrbitB 31s linear infinite reverse}
body.myden-v221 .partner-ecosystem__orbit::after{content:"";position:absolute;left:72%;top:9%;width:5px;height:5px;border-radius:50%;background:rgb(var(--neon-rgb));box-shadow:0 0 20px rgba(var(--neon-rgb),.72)}
body.myden-v221 .partner-ecosystem__scanner{position:absolute;left:-24%;top:0;width:22%;height:100%;opacity:.20;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(var(--neon-rgb),.14),rgba(255,255,255,.07),transparent);animation:partnerScanner 10.5s ease-in-out infinite}
body.myden-v221 .partner-ecosystem__spark{position:absolute;left:8%;top:38%;width:4px;height:4px;border-radius:50%;background:rgb(var(--neon-rgb));box-shadow:0 0 18px 4px rgba(var(--neon-rgb),.26);animation:partnerSpark 7.2s ease-in-out infinite alternate}
@keyframes partnerOrbitA{to{transform:rotate(360deg)}}
@keyframes partnerOrbitB{to{transform:rotate(360deg)}}
@keyframes partnerScanner{0%,12%{transform:translateX(0) skewX(-18deg);opacity:0}28%{opacity:.22}72%{opacity:.18}88%,100%{transform:translateX(690%) skewX(-18deg);opacity:0}}
@keyframes partnerSpark{0%{transform:translate3d(0,0,0);opacity:.28}45%{opacity:.95}100%{transform:translate3d(72vw,64px,0);opacity:.12}}

body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__inner{position:relative;z-index:2}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:clamp(34px,6vw,88px);align-items:end;
  margin-bottom:clamp(26px,3.8vw,46px);
}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head .eyebrow{grid-column:1/-1;margin-bottom:-8px;color:rgb(var(--neon-rgb))}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head h2{font-size:clamp(34px,4vw,60px);line-height:.98;letter-spacing:-.052em;max-width:15ch;color:#f7f4ed}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head p{font-size:clamp(14px,1.05vw,16px);line-height:1.62;color:rgba(247,244,237,.64);max-width:62ch}

body.myden-v221 .partner-stage{position:relative;padding:22px 0 20px;overflow:visible}
body.myden-v221 .partner-stage__rail{position:absolute;left:0;right:0;top:50%;height:1px;pointer-events:none;z-index:0;background:linear-gradient(90deg,transparent,rgba(var(--neon-rgb),.12) 10%,rgba(var(--neon-rgb),.34) 50%,rgba(var(--neon-rgb),.12) 90%,transparent);box-shadow:0 0 18px rgba(var(--neon-rgb),.10)}
body.myden-v221 .partner-stage__rail span{position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:rgb(var(--neon-rgb));box-shadow:0 0 14px rgba(var(--neon-rgb),.7);animation:partnerRailNode 6.8s cubic-bezier(.38,.02,.58,1) infinite}
body.myden-v221 .partner-stage__rail i{position:absolute;left:50%;top:-24px;width:1px;height:49px;background:linear-gradient(transparent,rgba(var(--neon-rgb),.34),transparent);opacity:.7}
@keyframes partnerRailNode{0%{left:2%;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:98%;opacity:0}}

body.myden-v221 .partner-ecosystem--hero-adjacent .partner-grid{
  position:relative;z-index:2;display:flex;justify-content:center;align-items:stretch;gap:clamp(10px,1vw,14px);
  perspective:1400px;overflow:visible;padding:8px 2px 12px;
}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-grid--single{display:flex;justify-content:center}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card{
  --mx:50%;--my:50%;--rx:0deg;--ry:0deg;
  flex:0 0 166px;width:166px;height:176px;padding:10px;border-radius:22px;overflow:hidden;isolation:isolate;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(145deg,rgba(18,31,37,.84),rgba(7,15,19,.93));
  box-shadow:0 18px 46px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,0,0) scale(1);
  transform-style:preserve-3d;
  opacity:1;filter:none;
  transition:transform .42s cubic-bezier(.2,.78,.2,1),border-color .3s var(--ease),box-shadow .34s var(--ease),background .34s var(--ease),opacity .32s var(--ease),filter .32s var(--ease);
}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card.reveal{opacity:0;transform:perspective(900px) rotateX(5deg) translate3d(0,24px,0) scale(.94);filter:blur(4px)}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card.reveal.is-visible{opacity:1;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,0,0) scale(1);filter:blur(0)}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card::before{background:radial-gradient(170px circle at var(--mx) var(--my),rgba(var(--neon-rgb),.19),transparent 70%);opacity:.30}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card::after{opacity:.28;background:linear-gradient(135deg,rgba(var(--neon-rgb),.62),rgba(255,255,255,.035) 32%,rgba(var(--neon-rgb),.08) 68%,rgba(255,255,255,.06))}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card.is-active,
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card:hover,
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card:focus-visible{
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-10px,30px) scale(1.035);
  border-color:rgba(var(--neon-rgb),.52);
  background:linear-gradient(145deg,rgba(25,42,49,.94),rgba(8,18,22,.98));
  box-shadow:0 30px 72px rgba(0,0,0,.40),0 0 36px rgba(var(--neon-rgb),.12),inset 0 1px 0 rgba(255,255,255,.07);
  z-index:5;
}
body.myden-v221 .partner-grid.is-engaged .partner-card:not(.is-active){opacity:.42;filter:saturate(.65) brightness(.82);transform:perspective(900px) translate3d(0,2px,0) scale(.975)}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__glow{width:112px;height:112px;filter:blur(28px);background:rgba(var(--neon-rgb),.20)}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-logo-plate{
  height:104px;padding:13px 15px;border-radius:17px;
  background:linear-gradient(150deg,rgba(255,255,255,.99),rgba(241,242,239,.96));
  border:1px solid rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(0,0,0,.17),inset 0 1px 0 #fff;
  transform:translateZ(20px);transition:transform .42s cubic-bezier(.2,.78,.2,1),box-shadow .34s var(--ease);
}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-logo-plate::after{
  content:"";position:absolute;top:-35%;bottom:-35%;left:-45%;width:34%;pointer-events:none;opacity:0;
  transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.74),transparent);
}
body.myden-v221 .partner-card.is-active .partner-logo-plate::after,
body.myden-v221 .partner-card:hover .partner-logo-plate::after,
body.myden-v221 .partner-card:focus-visible .partner-logo-plate::after{animation:partnerLogoSweep .72s ease-out 1}
@keyframes partnerLogoSweep{0%{left:-45%;opacity:0}22%{opacity:.72}100%{left:120%;opacity:0}}
body.myden-v221 .partner-card.is-active .partner-logo-plate,
body.myden-v221 .partner-card:hover .partner-logo-plate,
body.myden-v221 .partner-card:focus-visible .partner-logo-plate{transform:translateZ(38px) scale(1.025);box-shadow:0 18px 32px rgba(0,0,0,.24),0 0 22px rgba(var(--neon-rgb),.10),inset 0 1px 0 #fff}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__meta{padding:12px 3px 0;display:block;transform:translateZ(14px)}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__meta strong{display:block;font-size:12px;color:#f7f4ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__meta span{display:block;margin-top:4px;font-size:8.5px;text-align:left;letter-spacing:.095em;color:rgba(247,244,237,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__signal{right:13px;top:12px;width:6px;height:6px;background:rgba(var(--neon-rgb),.08)}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card.is-active .partner-card__signal{background:rgb(var(--neon-rgb));box-shadow:0 0 16px rgba(var(--neon-rgb),.72)}

body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__footer{margin-top:22px;font-size:9px;letter-spacing:.13em;color:rgba(247,244,237,.36)}
body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__pulse{width:5px;height:5px}

/* Print keeps the exact same module size but receives a focused halo instead of stretching the card. */
body.myden-v221 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::before,
body.myden-v221 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(var(--neon-rgb),.12);border-radius:50%;pointer-events:none}
body.myden-v221 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::before{width:330px;height:150px;animation:partnerSingleHalo 5s ease-in-out infinite}
body.myden-v221 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::after{width:420px;height:210px;border-style:dashed;opacity:.5;animation:partnerSingleHalo 6.8s 1.2s ease-in-out infinite reverse}
@keyframes partnerSingleHalo{50%{opacity:.25;transform:translate(-50%,-50%) scale(1.05)}}

/* Deliberately keep this hero-adjacent technology chapter dark in light mode. */
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent{
  background:
    radial-gradient(640px 300px at var(--field-x) var(--field-y),rgba(var(--neon-rgb),.11),transparent 72%),
    radial-gradient(900px 430px at var(--active-x) 58%,rgba(var(--neon-rgb),.07),transparent 70%),
    linear-gradient(180deg,#0a1519 0%,#0d1a1f 46%,#071014 100%);
  border-color:rgba(255,255,255,.08);
}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent::before{background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);opacity:.27}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head h2{color:#f7f4ed}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head p{color:rgba(247,244,237,.64)}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card{background:linear-gradient(145deg,rgba(20,34,40,.88),rgba(8,17,21,.95));border-color:rgba(255,255,255,.10);box-shadow:0 18px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.045)}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card.is-active,
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card:hover,
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card:focus-visible{background:linear-gradient(145deg,rgba(27,45,52,.96),rgba(8,18,22,.99));border-color:rgba(var(--neon-rgb),.52);box-shadow:0 30px 72px rgba(0,0,0,.38),0 0 36px rgba(var(--neon-rgb),.12),inset 0 1px 0 rgba(255,255,255,.07)}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__meta strong{color:#f7f4ed}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__meta span{color:rgba(247,244,237,.45)}
html[data-theme="light"] body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__footer{color:rgba(247,244,237,.36)}

@media(max-width:1280px){
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-grid{justify-content:flex-start;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;padding:10px max(2px,calc((100vw - min(92vw,1200px))/2)) 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-grid::-webkit-scrollbar{display:none}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card{scroll-snap-align:center}
}
@media(max-width:900px){
  body.myden-v221 .partner-ecosystem--hero-adjacent{padding-block:58px 64px}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__head h2{font-size:clamp(32px,8vw,50px)}
  body.myden-v221 .partner-stage{margin-inline:calc((100vw - 100%)/-2);padding-left:0;padding-right:0}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-grid{padding-left:max(18px,calc((100vw - min(92vw,1200px))/2));padding-right:max(18px,calc((100vw - min(92vw,1200px))/2))}
}
@media(max-width:620px){
  body.myden-v221 .partner-ecosystem--hero-adjacent{padding-block:50px 58px}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card{flex-basis:154px;width:154px;height:166px;border-radius:20px}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-logo-plate{height:96px;padding:12px;border-radius:15px}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__meta strong{font-size:11.5px}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card__meta span{font-size:8px}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-ecosystem__footer{justify-content:flex-start;text-align:left;font-size:8px;line-height:1.5}
  body.myden-v221 .partner-stage__rail{left:18px;right:18px}
}
@media(hover:none),(pointer:coarse){
  body.myden-v221 .partner-grid.is-engaged .partner-card:not(.is-active){opacity:1;filter:none;transform:none}
  body.myden-v221 .partner-ecosystem--hero-adjacent .partner-card.is-active{transform:translateY(-5px) scale(1.015)}
}
@media(prefers-reduced-motion:reduce){
  body.myden-v221 .partner-ecosystem__orbit,body.myden-v221 .partner-ecosystem__scanner,body.myden-v221 .partner-ecosystem__spark,body.myden-v221 .partner-stage__rail span,body.myden-v221 .partner-logo-plate::after,body.myden-v221 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::before,body.myden-v221 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::after{animation:none!important}
}


/* ======================================================================
   MYDEN V2.22 — Compact panoramic partner stages
   - materially reduced vertical footprint
   - tighter horizontal editorial header
   - equal compact modules
   - stronger optical logo consistency
   - no redundant footer statement
   ====================================================================== */
body.myden-v222 .partner-ecosystem--hero-adjacent{
  padding-block:34px 38px;
  min-height:0;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__inner{
  max-width:1320px;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head{
  display:grid;
  grid-template-columns:minmax(270px,.82fr) minmax(420px,1.18fr);
  grid-template-areas:"eyebrow eyebrow" "title copy";
  column-gap:clamp(38px,5vw,78px);
  row-gap:8px;
  align-items:end;
  margin-bottom:18px;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head .eyebrow{
  grid-area:eyebrow;
  margin:0 0 2px;
  font-size:9px;
  letter-spacing:.17em;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head .eyebrow__line{width:26px}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head h2{
  grid-area:title;
  font-size:clamp(25px,2.35vw,38px);
  line-height:1.02;
  letter-spacing:-.042em;
  max-width:20ch;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head p{
  grid-area:copy;
  margin:0 0 2px;
  font-size:clamp(11.5px,.9vw,13.5px);
  line-height:1.5;
  max-width:72ch;
  color:rgba(247,244,237,.57);
}
body.myden-v222 .partner-stage{padding-block:0}
body.myden-v222 .partner-stage__rail{top:64px;opacity:.64}
body.myden-v222 .partner-stage__rail i{top:-18px;height:37px}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-grid{
  gap:clamp(8px,.72vw,11px);
  padding:5px 2px 8px;
  align-items:center;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card{
  flex:0 0 158px;
  width:158px;
  height:132px;
  padding:8px;
  border-radius:19px;
  box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card.is-active,
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card:hover,
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card:focus-visible{
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-7px,24px) scale(1.025);
  box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 28px rgba(var(--neon-rgb),.11),inset 0 1px 0 rgba(255,255,255,.07);
}
body.myden-v222 .partner-grid.is-engaged .partner-card:not(.is-active){
  opacity:.55;
  filter:saturate(.72) brightness(.88);
  transform:perspective(900px) translate3d(0,1px,0) scale(.985);
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card__glow{
  width:86px;height:86px;filter:blur(24px);
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-logo-plate{
  height:78px;
  padding:8px 12px;
  border-radius:14px;
  box-shadow:0 7px 17px rgba(0,0,0,.14),inset 0 1px 0 #fff;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card.is-active .partner-logo-plate,
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card:hover .partner-logo-plate,
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card:focus-visible .partner-logo-plate{
  transform:translateZ(30px) scale(1.018);
  box-shadow:0 12px 24px rgba(0,0,0,.20),0 0 18px rgba(var(--neon-rgb),.09),inset 0 1px 0 #fff;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-logo-plate img{
  width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card__meta{
  padding:8px 3px 0;
  transform:translateZ(10px);
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card__meta strong{
  font-size:11px;
  line-height:1.12;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card__meta span{
  margin-top:3px;
  font-size:7.25px;
  line-height:1.12;
  letter-spacing:.075em;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card__signal{
  right:10px;top:9px;width:5px;height:5px;
}
body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__footer{display:none!important}

/* Optical corrections for flagged marks */
body.myden-v222 .partner-logo-plate img[alt="HP"]{max-width:82%;max-height:82%;margin:auto}
body.myden-v222 .partner-logo-plate img[alt="ESET"]{max-width:92%;max-height:86%;margin:auto}
body.myden-v222 .partner-logo-plate img[alt="Yealink"]{max-width:92%;max-height:82%;margin:auto}
body.myden-v222 .partner-logo-plate img[alt="Ajax Systems"]{max-width:90%;max-height:82%;margin:auto}

/* Print remains compact rather than receiving a tall halo field */
body.myden-v222 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::before{width:230px;height:92px}
body.myden-v222 .partner-ecosystem--hero-adjacent[data-partner-count="1"] .partner-stage::after{width:290px;height:126px}

@media(max-width:1280px){
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-grid{
    justify-content:flex-start;
    padding-top:5px;
    padding-bottom:11px;
  }
}
@media(max-width:900px){
  body.myden-v222 .partner-ecosystem--hero-adjacent{padding-block:30px 34px}
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head{
    grid-template-columns:1fr;
    grid-template-areas:"eyebrow" "title" "copy";
    gap:7px;
    margin-bottom:15px;
  }
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head h2{font-size:clamp(25px,6.4vw,35px);max-width:22ch}
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-ecosystem__head p{font-size:12px;line-height:1.45;max-width:62ch}
  body.myden-v222 .partner-stage{margin-inline:calc((100vw - 100%)/-2)}
}
@media(max-width:620px){
  body.myden-v222 .partner-ecosystem--hero-adjacent{padding-block:27px 31px}
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card{
    flex-basis:146px;width:146px;height:126px;border-radius:18px;
  }
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-logo-plate{height:73px;padding:8px 11px;border-radius:13px}
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card__meta strong{font-size:10.5px}
  body.myden-v222 .partner-ecosystem--hero-adjacent .partner-card__meta span{font-size:7px}
  body.myden-v222 .partner-stage__rail{top:59px}
}


/* ======================================================================
   MYDEN V2.23 PRO — Brand convergence scroll story
   Official palette from MYDEN Brand Guidelines:
   Telecom #566044 · IT #1B3E5A · Print #B5A06D · Security #858982
   Master Obsidian #060B0F · Warm Ivory #F4F0E7
   ====================================================================== */
body.myden-v223[data-page="home"] .myden-convergence{
  --myden-obsidian:#060B0F;--myden-ivory:#F4F0E7;
  --telecom:#566044;--it:#1B3E5A;--print:#B5A06D;--security:#858982;
  position:relative;height:350svh;padding:0!important;margin:0;background:var(--myden-obsidian);color:var(--myden-ivory);overflow:clip;
  border-block:1px solid rgba(244,240,231,.06);isolation:isolate;
}
body.myden-v223[data-page="home"] .myden-convergence__sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:#060B0F;isolation:isolate}
body.myden-v223[data-page="home"] .myden-convergence__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
body.myden-v223[data-page="home"] .myden-convergence__grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(244,240,231,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,231,.035) 1px,transparent 1px);background-size:clamp(90px,10vw,156px) clamp(90px,10vw,156px);mask-image:radial-gradient(circle at 50% 50%,#000 12%,rgba(0,0,0,.75) 55%,transparent 100%)}
body.myden-v223[data-page="home"] .myden-convergence__grid::before,body.myden-v223[data-page="home"] .myden-convergence__grid::after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(181,160,109,.11);border-radius:50%;transform:translate(-50%,-50%)}
body.myden-v223[data-page="home"] .myden-convergence__grid::before{width:min(72vw,980px);aspect-ratio:1}
body.myden-v223[data-page="home"] .myden-convergence__grid::after{width:min(48vw,650px);aspect-ratio:1;border-style:dashed;opacity:.6}
body.myden-v223[data-page="home"] .myden-convergence__vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 24%,rgba(6,11,15,.14) 58%,rgba(6,11,15,.68) 100%),linear-gradient(180deg,rgba(6,11,15,.10),transparent 22%,transparent 78%,rgba(6,11,15,.32))}
body.myden-v223[data-page="home"] .myden-convergence__content{position:relative;z-index:5;height:100%;max-width:1500px}
body.myden-v223[data-page="home"] .myden-convergence__intro{position:absolute;left:0;top:clamp(116px,16vh,164px);width:min(760px,65vw);transform-origin:left top;will-change:transform,opacity}
body.myden-v223[data-page="home"] .myden-convergence__intro .eyebrow{color:#B5A06D}
body.myden-v223[data-page="home"] .myden-convergence__intro h2{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:500;max-width:12ch;margin:22px 0 22px}
body.myden-v223[data-page="home"] .myden-convergence__intro p{max-width:68ch;color:rgba(244,240,231,.62);font-size:15px;line-height:1.75}
body.myden-v223[data-page="home"] .myden-convergence__logo{position:absolute;left:50%;top:48%;width:min(480px,42vw);aspect-ratio:1200/940;transform:translate(-50%,-50%) scale(.72);opacity:0;will-change:transform,opacity;pointer-events:none;filter:drop-shadow(0 28px 70px rgba(0,0,0,.42));z-index:7}
body.myden-v223[data-page="home"] .myden-convergence__logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
body.myden-v223[data-page="home"] .myden-convergence__logo--light{display:none}
body.myden-v223[data-page="home"] .myden-convergence__logo-halo{position:absolute;inset:18% 8% 20%;z-index:-1;border-radius:50%;background:conic-gradient(from 210deg,rgba(86,96,68,.32),rgba(27,62,90,.38),rgba(181,160,109,.35),rgba(133,137,130,.28),rgba(86,96,68,.32));filter:blur(48px);opacity:.58;transform:scale(.8)}
body.myden-v223[data-page="home"] .myden-convergence__mantra{position:absolute;left:50%;top:78%;transform:translate(-50%,20px);display:flex;gap:20px;align-items:center;font-size:10px;font-weight:650;letter-spacing:.18em;color:rgba(244,240,231,.62);opacity:0;white-space:nowrap;will-change:transform,opacity}
body.myden-v223[data-page="home"] .myden-convergence__mantra span+span::before{content:"";display:inline-block;width:22px;height:1px;background:rgba(181,160,109,.42);vertical-align:middle;margin-right:20px}
body.myden-v223[data-page="home"] .myden-convergence__cards{position:absolute;left:0;right:0;bottom:clamp(52px,7vh,76px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;z-index:9;pointer-events:none}
body.myden-v223[data-page="home"] .myden-convergence__card{--surface-rgb:var(--official-rgb);--card-accent:var(--official-accent);min-height:350px;padding:24px 26px 25px!important;border-radius:24px;background:linear-gradient(155deg,rgba(17,28,32,.84),rgba(8,16,20,.86))!important;border:1px solid rgba(var(--official-rgb),.28)!important;color:#F4F0E7!important;box-shadow:0 20px 54px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)!important;opacity:0;transform:translate3d(0,54px,0) scale(.94);will-change:transform,opacity;transition:border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)!important;overflow:hidden}
body.myden-v223[data-page="home"] .myden-convergence__card::before{content:"";position:absolute;left:10%;right:10%;top:-32%;height:58%;background:radial-gradient(circle,rgba(var(--official-rgb),.22),transparent 68%);filter:blur(22px);opacity:.48;pointer-events:none}
body.myden-v223[data-page="home"] .myden-convergence__card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.045),transparent 62%);transform:translateX(-80%);opacity:.55;pointer-events:none}
body.myden-v223[data-page="home"] .myden-convergence__cards.is-interactive{pointer-events:auto}
body.myden-v223[data-page="home"] .myden-convergence__card:hover{transform:translate3d(0,-7px,0) scale(1)!important;border-color:rgba(var(--official-rgb),.66)!important;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 34px rgba(var(--official-rgb),.10),inset 0 1px 0 rgba(255,255,255,.055)!important}
body.myden-v223[data-page="home"] .myden-convergence__card:hover::after{animation:v223CardSweep .75s var(--ease)}
@keyframes v223CardSweep{from{transform:translateX(-80%)}to{transform:translateX(100%)}}
body.myden-v223[data-page="home"] .myden-convergence__card .expertise-card__top{min-height:102px}
body.myden-v223[data-page="home"] .myden-convergence__card .expertise-card__top img{width:86px;height:auto;object-fit:contain;filter:drop-shadow(0 0 18px rgba(var(--official-rgb),.20))}
body.myden-v223[data-page="home"] .myden-convergence__card h3{font-size:25px!important;color:#F4F0E7!important;margin-top:30px}
body.myden-v223[data-page="home"] .myden-convergence__card p{color:rgba(244,240,231,.62)!important;font-size:13.5px!important;line-height:1.62!important}
body.myden-v223[data-page="home"] .myden-convergence__card .expertise-card__index--action{color:var(--official-accent)!important;border-color:rgba(var(--official-rgb),.42)!important;background:rgba(var(--official-rgb),.09)!important}
body.myden-v223[data-page="home"] .myden-convergence__phase{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:rgba(244,240,231,.38);font-size:9px;letter-spacing:.18em;z-index:10;pointer-events:none;transition:opacity .25s}
body.myden-v223[data-page="home"] .myden-convergence__phase span,body.myden-v223[data-page="home"] .myden-convergence__phase i{display:block;width:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(181,160,109,.55))}
body.myden-v223[data-page="home"] .myden-convergence__phase i{transform:scaleX(-1)}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence{background:#060B0F;color:#F4F0E7}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__logo--dark{display:none}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__logo--light{display:block}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__logo--light{filter:brightness(0) invert(1)}
@media(max-width:1180px){body.myden-v223[data-page="home"] .myden-convergence__intro{width:min(720px,78vw)}body.myden-v223[data-page="home"] .myden-convergence__cards{gap:10px}body.myden-v223[data-page="home"] .myden-convergence__card{min-height:320px;padding:20px!important}body.myden-v223[data-page="home"] .myden-convergence__card h3{font-size:21px!important}}
@media(max-width:820px){body.myden-v223[data-page="home"] .myden-convergence{height:300svh}body.myden-v223[data-page="home"] .myden-convergence__sticky{min-height:620px}body.myden-v223[data-page="home"] .myden-convergence__intro{top:108px;width:calc(100% - 38px);left:19px}body.myden-v223[data-page="home"] .myden-convergence__intro h2{font-size:clamp(38px,11vw,58px);max-width:10ch}body.myden-v223[data-page="home"] .myden-convergence__intro p{font-size:13px;line-height:1.65;max-width:46ch}body.myden-v223[data-page="home"] .myden-convergence__logo{top:44%;width:min(350px,78vw)}body.myden-v223[data-page="home"] .myden-convergence__mantra{top:68%;gap:8px;font-size:8px;letter-spacing:.12em}body.myden-v223[data-page="home"] .myden-convergence__mantra span+span::before{width:10px;margin-right:8px}body.myden-v223[data-page="home"] .myden-convergence__cards{left:18px;right:18px;bottom:50px;grid-template-columns:repeat(2,1fr);gap:9px}body.myden-v223[data-page="home"] .myden-convergence__card{min-height:205px;padding:15px!important;border-radius:18px}body.myden-v223[data-page="home"] .myden-convergence__card .expertise-card__top{min-height:55px}body.myden-v223[data-page="home"] .myden-convergence__card .expertise-card__top img{width:48px}body.myden-v223[data-page="home"] .myden-convergence__card .expertise-card__index--action{width:30px;height:30px;border-radius:9px}body.myden-v223[data-page="home"] .myden-convergence__card h3{font-size:17px!important;margin:14px 0 8px}body.myden-v223[data-page="home"] .myden-convergence__card p{font-size:10px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.myden-v223[data-page="home"] .myden-convergence__phase{bottom:18px;display:none}}
@media(prefers-reduced-motion:reduce){body.myden-v223[data-page="home"] .myden-convergence{height:auto;min-height:100svh;padding:120px 0 80px!important}body.myden-v223[data-page="home"] .myden-convergence__sticky{position:relative;height:auto;min-height:0;overflow:visible}body.myden-v223[data-page="home"] .myden-convergence__canvas,body.myden-v223[data-page="home"] .myden-convergence__logo,body.myden-v223[data-page="home"] .myden-convergence__mantra,body.myden-v223[data-page="home"] .myden-convergence__phase{display:none}body.myden-v223[data-page="home"] .myden-convergence__intro{position:relative;left:auto;top:auto;width:auto;opacity:1!important;transform:none!important;margin-bottom:40px}body.myden-v223[data-page="home"] .myden-convergence__cards{position:relative;left:auto;right:auto;bottom:auto;pointer-events:auto}body.myden-v223[data-page="home"] .myden-convergence__card{opacity:1!important;transform:none!important}}
/* V2.23 PRO: convergence chapter remains Obsidian in both UI themes, so the
   official light-on-dark Groupe lockup is always the correct theme asset. */
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__logo--dark{display:block!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__logo--light{display:none!important;filter:none!important}


/* V2.24 — asset swap, footer credit, home hero, light-card readability */
body.myden-v223[data-page="home"] .hero-media__caption{display:none!important}
/* keep the interactive Telecom area clearly separated from IT */
body.myden-v223[data-page="home"] .hero-hotspot--telecom{left:calc(var(--x) - var(--w)/2)!important;top:calc(var(--y) - var(--h)/2)!important;width:var(--w)!important;height:var(--h)!important;z-index:15}
body.myden-v223[data-page="home"] .hero-hotspot--telecom::before{inset:5%!important;border-radius:18px!important;border-color:rgba(124,144,84,.48)!important;box-shadow:0 0 0 1px rgba(124,144,84,.16) inset,0 0 24px rgba(124,144,84,.08)!important}
body.myden-v223[data-page="home"] .hero-hotspot--telecom::after{inset:-10%!important}
body.myden-v223[data-page="home"] .hero-hotspot--telecom .hero-hotspot__marker{width:14px;height:14px;box-shadow:0 0 0 4px rgba(124,144,84,.07),0 0 14px rgba(124,144,84,.28)!important}
/* brighter, lighter discovery mask */
body.myden-v223[data-page="home"] .hero-media__wash{background:linear-gradient(115deg,rgba(2,6,8,.18),transparent 47%,rgba(var(--neon-rgb),.10))!important;mix-blend-mode:screen!important;opacity:.39!important}
body.myden-v223[data-page="home"] .hero-discovery__scrim{background:radial-gradient(300px circle at var(--focus-x) var(--focus-y),rgba(var(--focus-rgb),.20),rgba(var(--focus-rgb),.07) 24%,rgba(6,12,16,.04) 36%,rgba(6,12,16,.34) 72%,rgba(6,12,16,.54) 100%)!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .hero-discovery__scrim{background:radial-gradient(300px circle at var(--focus-x) var(--focus-y),rgba(var(--focus-rgb),.17),rgba(var(--focus-rgb),.055) 24%,rgba(244,240,231,.05) 38%,rgba(10,18,23,.15) 74%,rgba(10,18,23,.26) 100%)!important}
/* slightly more compact discovery panel */
body.myden-v223[data-page="home"] .hero-discovery__panel{width:min(202px,calc(100% - 34px))!important;max-width:202px!important;padding:10px 12px 11px!important;border-radius:16px!important;background:linear-gradient(155deg,rgba(8,16,21,.76),rgba(6,11,14,.66))!important;backdrop-filter:blur(14px) saturate(106%)!important;-webkit-backdrop-filter:blur(14px) saturate(106%)!important;box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;opacity:.92!important}
body.myden-v223[data-page="home"] .hero-discovery__panel h3{font-size:14px!important;line-height:1.08!important;margin:0!important}
body.myden-v223[data-page="home"] .hero-discovery__panel p{margin-top:7px!important;font-size:11px!important;line-height:1.45!important}
body.myden-v223[data-page="home"] .hero-discovery[data-active="telecom"] .hero-discovery__panel,body.myden-v223[data-page="home"] .hero-discovery[data-active="it"] .hero-discovery__panel,body.myden-v223[data-page="home"] .hero-discovery[data-active="print"] .hero-discovery__panel,body.myden-v223[data-page="home"] .hero-discovery[data-active="security"] .hero-discovery__panel{width:min(244px,calc(100% - 34px))!important;max-width:244px!important;padding:13px 14px 14px!important;box-shadow:0 15px 40px rgba(0,0,0,.30),0 0 18px rgba(var(--accent-rgb,181,160,109),.08),inset 0 1px 0 rgba(255,255,255,.06)!important;opacity:1!important}
body.myden-v223[data-page="home"] .hero-discovery[data-active="telecom"] .hero-discovery__panel h3,body.myden-v223[data-page="home"] .hero-discovery[data-active="it"] .hero-discovery__panel h3,body.myden-v223[data-page="home"] .hero-discovery[data-active="print"] .hero-discovery__panel h3,body.myden-v223[data-page="home"] .hero-discovery[data-active="security"] .hero-discovery__panel h3{font-size:17px!important;margin-bottom:7px!important}
body.myden-v223[data-page="home"] .hero-discovery[data-active="telecom"] .hero-discovery__panel p,body.myden-v223[data-page="home"] .hero-discovery[data-active="it"] .hero-discovery__panel p,body.myden-v223[data-page="home"] .hero-discovery[data-active="print"] .hero-discovery__panel p,body.myden-v223[data-page="home"] .hero-discovery[data-active="security"] .hero-discovery__panel p{font-size:12px!important;line-height:1.5!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .hero-discovery__panel{background:linear-gradient(155deg,rgba(250,247,240,.80),rgba(243,237,229,.71))!important;box-shadow:0 12px 28px rgba(17,26,30,.10),inset 0 1px 0 rgba(255,255,255,.74)!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .hero-discovery__panel h3{color:#101C21!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .hero-discovery__panel p{color:rgba(16,28,33,.74)!important}
/* Light mode: convergence cards must use dark copy on light surfaces */
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__card{background:linear-gradient(155deg,rgba(248,245,238,.94),rgba(236,231,223,.90))!important;border-color:rgba(var(--official-rgb),.32)!important;color:#10191D!important;box-shadow:0 18px 48px rgba(24,30,34,.14),inset 0 1px 0 rgba(255,255,255,.92)!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__card::before{opacity:.34!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__card::after{background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.48),transparent 62%)!important;opacity:.72!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__card h3{color:#10191D!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__card p{color:rgba(16,25,29,.72)!important}
html[data-theme="light"] body.myden-v223[data-page="home"] .myden-convergence__card .expertise-card__index--action{background:rgba(var(--official-rgb),.08)!important;border-color:rgba(var(--official-rgb),.28)!important}


/* MYDEN room experience ------------------------------------------------ */
.myden-room-experience{isolation:isolate;overflow:hidden}
.myden-room-experience__base{z-index:0}
.myden-room-experience__veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(520px circle at 74% 84%,rgba(181,160,109,.16),rgba(181,160,109,.03) 18%,rgba(5,10,13,.05) 34%,rgba(5,10,13,.32) 78%,rgba(5,10,13,.52) 100%)}
.mx-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:4;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#F7F4EC;cursor:pointer}
.mx-hotspot__dot{position:relative;width:16px;height:16px;border-radius:50%;background:rgba(250,245,235,.92);box-shadow:0 0 0 1px rgba(255,255,255,.22),0 0 18px color-mix(in srgb,var(--spot,#B5A06D) 36%,transparent),0 0 38px color-mix(in srgb,var(--spot,#B5A06D) 18%,transparent)}
.mx-hotspot__dot::before,.mx-hotspot__dot::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.mx-hotspot__dot::before{width:30px;height:30px;border:1px solid color-mix(in srgb,var(--spot,#B5A06D) 75%,white 10%);opacity:.58}
.mx-hotspot__dot::after{width:52px;height:52px;border:1px solid color-mix(in srgb,var(--spot,#B5A06D) 58%,transparent);opacity:.24;animation:mxPulse 2.7s ease-out infinite}
@keyframes mxPulse{0%{transform:translate(-50%,-50%) scale(.72);opacity:.34}70%{transform:translate(-50%,-50%) scale(1);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}
.mx-hotspot__label{opacity:0;transform:translateY(4px);transition:opacity .28s var(--ease),transform .28s var(--ease);background:linear-gradient(155deg,rgba(8,16,21,.88),rgba(6,11,14,.80));border:1px solid rgba(255,255,255,.11);padding:9px 12px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(14px) saturate(108%);-webkit-backdrop-filter:blur(14px) saturate(108%);box-shadow:0 12px 28px rgba(0,0,0,.24)}
.mx-hotspot:hover .mx-hotspot__label,.mx-hotspot:focus-visible .mx-hotspot__label{opacity:1;transform:none}
.mx-hotspot:focus-visible{outline:none}
.mx-hotspot:focus-visible .mx-hotspot__dot{box-shadow:0 0 0 2px rgba(255,255,255,.3),0 0 0 6px rgba(181,160,109,.16),0 0 34px rgba(181,160,109,.28)}
.mx-call-card,.mx-access-shell,.mx-room-stage{position:absolute}
.mx-call-card{right:18px;bottom:18px;z-index:7;width:min(330px,calc(100% - 36px));padding:18px 18px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(160deg,rgba(8,16,21,.90),rgba(6,11,14,.82));backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%);box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .34s var(--ease),transform .34s var(--ease),visibility .34s step-end}
.myden-room-experience.is-call-open .mx-call-card{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-timing-function:var(--ease),var(--ease),step-start}
.mx-card-eyebrow,.mx-access-shell__eyebrow,.mx-room-stage__eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#D9C38F}
.mx-card-eyebrow::before,.mx-access-shell__eyebrow::before,.mx-room-stage__eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.8}
.mx-call-card h3,.mx-access-shell__panel h3,.mx-room-stage__copy h3{font-family:"Avenir Next","Segoe UI Variable","Helvetica Neue",Arial,sans-serif;font-weight:300;letter-spacing:-.05em;line-height:1.02;margin:12px 0 10px;color:#F7F4EC}
.mx-call-card h3{font-size:30px}.mx-access-shell__panel h3{font-size:clamp(28px,3vw,38px)}.mx-room-stage__copy h3{font-size:clamp(34px,4.6vw,58px)}
.mx-call-card p,.mx-access-shell__panel p,.mx-room-stage__copy p{margin:0;color:rgba(244,240,231,.74);font-size:14px;line-height:1.55}
.mx-call-card__actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.mx-call-card__actions .button{flex:1 1 140px;min-width:0}
.mx-access-shell{inset:14px;z-index:8;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s var(--ease),visibility .34s step-end}.mx-access-shell::before{content:"";position:absolute;inset:0;border-radius:24px;background:rgba(4,9,12,.50);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.myden-room-experience.is-access-open .mx-access-shell,.myden-room-experience.is-unlocking .mx-access-shell{opacity:1;visibility:visible;pointer-events:auto;transition-timing-function:var(--ease),step-start}
.mx-access-shell__close{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(8,16,21,.64);color:#F7F4EC;display:grid;place-items:center;cursor:pointer;transition:transform .24s var(--ease),border-color .24s var(--ease),background .24s var(--ease)}
.mx-access-shell__close:hover{transform:rotate(8deg) scale(1.04);border-color:rgba(181,160,109,.42);background:rgba(181,160,109,.08)}
.mx-access-shell__close span{position:relative;width:18px;height:18px;display:block}.mx-access-shell__close span::before,.mx-access-shell__close span::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.5px;background:currentColor;border-radius:2px}.mx-access-shell__close span::before{transform:translate(-50%,-50%) rotate(45deg)}.mx-access-shell__close span::after{transform:translate(-50%,-50%) rotate(-45deg)}
.mx-access-shell__panel{position:relative;z-index:1;width:min(440px,calc(100% - 18px));padding:24px 24px 22px;border-radius:28px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(160deg,rgba(8,16,21,.93),rgba(6,11,14,.86));box-shadow:0 26px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%);transition:transform .42s var(--ease),opacity .32s var(--ease)}
.myden-room-experience.is-unlocking .mx-access-shell__panel{transform:translateY(-12px) scale(.965);opacity:0}
.mx-quiz{margin-top:18px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
.mx-quiz__question{margin:0 0 12px;font-size:13px;color:#F7F4EC;line-height:1.45}
.mx-quiz__choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mx-quiz__choices button,.mx-keypad button{appearance:none;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.035);color:#F7F4EC;cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}
.mx-quiz__choices button{padding:12px 10px;font-size:15px;font-weight:600}.mx-quiz__choices button:hover,.mx-keypad button:hover{transform:translateY(-1px);border-color:rgba(181,160,109,.38);background:rgba(181,160,109,.08)}
.mx-quiz__choices button.is-correct{border-color:rgba(126,169,127,.54);background:rgba(126,169,127,.14)}.mx-quiz__choices button.is-wrong{border-color:rgba(198,111,103,.54);background:rgba(198,111,103,.12)}
.mx-code-reveal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:12px 14px;border-radius:16px;background:rgba(181,160,109,.10);border:1px solid rgba(181,160,109,.22);color:#F7F4EC;opacity:0;max-height:0;overflow:hidden;transform:translateY(8px);transition:opacity .26s var(--ease),transform .26s var(--ease),max-height .26s var(--ease),padding .26s var(--ease),margin .26s var(--ease)}
.mx-code-reveal strong{font-size:22px;letter-spacing:.22em}.mx-code-reveal span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#E0CC9B}
.myden-room-experience.is-quiz-solved .mx-code-reveal{opacity:1;max-height:72px;transform:none;margin:16px 0 0;padding:12px 14px;border-width:1px}
.mx-status{margin:16px 0 0;font-size:12px;line-height:1.45;color:rgba(244,240,231,.58);min-height:2.8em}.mx-status[data-tone="success"]{color:#A7D4AC}.mx-status[data-tone="error"]{color:#E5A097}
.mx-keypad-display{margin-top:10px;padding:18px 14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;letter-spacing:.28em;text-align:center;color:#F7F4EC;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.mx-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mx-keypad button{padding:13px 10px;font-size:15px;font-weight:600}.mx-keypad__ok{background:rgba(181,160,109,.14)!important;border-color:rgba(181,160,109,.34)!important}
.myden-room-experience.is-key-error .mx-keypad-display{animation:mxShake .28s linear}@keyframes mxShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.mx-room-stage{inset:0;z-index:6;opacity:0;visibility:hidden;pointer-events:none;background:#05090C;transition:opacity .68s var(--ease),visibility .68s step-end}.myden-room-experience.is-room-visible .mx-room-stage{opacity:1;visibility:visible;pointer-events:auto;transition-timing-function:var(--ease),step-start}
.mx-room-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,11,.70) 0%,rgba(4,8,11,.28) 34%,rgba(4,8,11,.08) 58%,rgba(4,8,11,.50) 100%)}
.mx-room-stage img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2s cubic-bezier(.18,.72,.16,1)}.myden-room-experience.is-room-visible .mx-room-stage img{transform:scale(1)}
.mx-room-stage__copy{position:absolute;left:24px;right:24px;top:24px;z-index:2;display:grid;justify-items:start;gap:10px;padding:22px 24px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(8,16,21,.70),rgba(6,11,14,.48));backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);box-shadow:0 16px 50px rgba(0,0,0,.20);opacity:0;transform:translateY(-18px);transition:opacity .58s var(--ease) .34s,transform .58s var(--ease) .34s;max-width:min(680px,100%)}.myden-room-experience.is-room-visible .mx-room-stage__copy{opacity:1;transform:none}
.myden-room-experience.is-call-open .mx-hotspot,.myden-room-experience.is-access-open .mx-hotspot,.myden-room-experience.is-room-visible .mx-hotspot{opacity:0;pointer-events:none}
.myden-room-experience.is-access-open .mx-call-card,.myden-room-experience.is-room-visible .mx-call-card{opacity:0;visibility:hidden;pointer-events:none}
.myden-room-experience .media-index{z-index:3}
html[data-theme="light"] .mx-hotspot{color:#10191D}
html[data-theme="light"] .mx-hotspot__label,html[data-theme="light"] .mx-call-card,html[data-theme="light"] .mx-access-shell__panel,html[data-theme="light"] .mx-room-stage__copy{background:linear-gradient(160deg,rgba(250,247,240,.88),rgba(243,237,229,.80));border-color:rgba(16,27,31,.10);box-shadow:0 16px 42px rgba(17,26,30,.12),inset 0 1px 0 rgba(255,255,255,.78)}
html[data-theme="light"] .mx-call-card h3,html[data-theme="light"] .mx-access-shell__panel h3,html[data-theme="light"] .mx-room-stage__copy h3,html[data-theme="light"] .mx-quiz__question,html[data-theme="light"] .mx-code-reveal,html[data-theme="light"] .mx-keypad-display{color:#10191D}
html[data-theme="light"] .mx-call-card p,html[data-theme="light"] .mx-access-shell__panel p,html[data-theme="light"] .mx-room-stage__copy p,html[data-theme="light"] .mx-status{color:#5A6467}
html[data-theme="light"] .mx-access-shell::before{background:rgba(241,235,224,.46)}
html[data-theme="light"] .mx-access-shell__close{color:#10191D;background:rgba(255,255,255,.78);border-color:rgba(16,27,31,.12)}
html[data-theme="light"] .mx-quiz{background:rgba(255,255,255,.50);border-color:rgba(16,27,31,.09)}
html[data-theme="light"] .mx-quiz__choices button,html[data-theme="light"] .mx-keypad button{background:rgba(255,255,255,.60);border-color:rgba(16,27,31,.10);color:#10191D}
html[data-theme="light"] .mx-code-reveal{background:rgba(181,160,109,.12);border-color:rgba(181,160,109,.28)}
html[data-theme="light"] .mx-keypad-display{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.64));border-color:rgba(16,27,31,.10)}
@media(max-width:820px){.mx-hotspot__label{display:none}.mx-call-card{left:12px;right:12px;bottom:12px;width:auto}.mx-access-shell{inset:8px}.mx-access-shell__panel{width:calc(100% - 8px);padding:18px 16px 16px;border-radius:22px}.mx-access-shell__close{top:8px;right:8px}.mx-room-stage__copy{left:12px;right:12px;top:12px;padding:16px 16px 15px;border-radius:20px}.mx-keypad-display{font-size:24px}.mx-quiz__choices,.mx-keypad{gap:8px}}
@media(max-width:520px){.mx-hotspot__dot{width:14px;height:14px}.mx-hotspot__dot::before{width:24px;height:24px}.mx-hotspot__dot::after{width:40px;height:40px}.mx-call-card h3{font-size:26px}.mx-access-shell__panel h3{font-size:26px}.mx-room-stage__copy h3{font-size:30px}.mx-room-stage__copy p{font-size:13px}.mx-card-eyebrow,.mx-access-shell__eyebrow,.mx-room-stage__eyebrow{font-size:9px;letter-spacing:.16em}}

.myden-room-experience.is-room-visible .media-index{opacity:0;transition:opacity .28s var(--ease)}


/* V2.25.2 — interactive room structural/reveal correction */
.myden-room-experience{position:relative;min-width:0}
.myden-room-experience>.mx-access-shell,.myden-room-experience>.mx-room-stage,.myden-room-experience>.mx-call-card{position:absolute}
.myden-room-experience>.mx-room-stage{
  inset:0;
  z-index:9;
  opacity:1;
  visibility:hidden;
  pointer-events:none;
  clip-path:circle(0% at 57.5% 47%);
  -webkit-clip-path:circle(0% at 57.5% 47%);
  transition:clip-path 1.18s cubic-bezier(.18,.72,.16,1),-webkit-clip-path 1.18s cubic-bezier(.18,.72,.16,1),visibility 0s linear 1.18s;
  background:#05090C;
}
.myden-room-experience.is-room-visible>.mx-room-stage{
  visibility:visible;
  pointer-events:auto;
  clip-path:circle(150% at 57.5% 47%);
  -webkit-clip-path:circle(150% at 57.5% 47%);
  transition:clip-path 1.18s cubic-bezier(.18,.72,.16,1),-webkit-clip-path 1.18s cubic-bezier(.18,.72,.16,1),visibility 0s linear 0s;
}
.myden-room-experience>.mx-room-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(190px circle at 57.5% 47%,rgba(244,240,231,.20),rgba(181,160,109,.09) 22%,transparent 64%);
  opacity:0;
  transform:scale(.65);
  transition:opacity .7s var(--ease),transform 1.05s cubic-bezier(.18,.72,.16,1);
}
.myden-room-experience.is-room-visible>.mx-room-stage::before{opacity:.42;transform:scale(1.7)}
.myden-room-experience>.mx-room-stage::after{
  z-index:1;
  background:linear-gradient(180deg,rgba(4,8,11,.58) 0%,rgba(4,8,11,.18) 34%,rgba(4,8,11,.04) 58%,rgba(4,8,11,.38) 100%);
}
.myden-room-experience>.mx-room-stage img{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.94) contrast(1.04) brightness(.96)!important;
  transform:scale(1.12) translate3d(0,1.2%,0)!important;
  transition:transform 1.85s cubic-bezier(.18,.72,.16,1),filter 1.1s var(--ease)!important;
}
.myden-room-experience.is-room-visible>.mx-room-stage img{transform:scale(1.005) translate3d(0,0,0)!important;filter:saturate(1) contrast(1.035) brightness(1)!important}
.myden-room-experience>.mx-room-stage .mx-room-stage__copy{z-index:3}
.myden-room-experience.is-unlocking>.mx-access-shell__panel{pointer-events:none}
.myden-room-experience.is-room-visible>.mx-access-shell{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.myden-room-experience.is-room-visible>.myden-room-experience__veil{opacity:0;transition:opacity .55s var(--ease)}
@media(max-width:820px){
  .myden-room-experience>.mx-room-stage{clip-path:circle(0% at 57.5% 47%);-webkit-clip-path:circle(0% at 57.5% 47%)}
  .myden-room-experience.is-room-visible>.mx-room-stage{clip-path:circle(180% at 57.5% 47%);-webkit-clip-path:circle(180% at 57.5% 47%)}
}
@media(prefers-reduced-motion:reduce){
  .myden-room-experience>.mx-room-stage,.myden-room-experience>.mx-room-stage img{transition-duration:.01ms!important}
}


/* V2.25.3 — room reveal root fix and precise interaction placement */
.myden-room-experience.is-room-visible>.mx-access-shell,
.myden-room-experience.is-room-visible.is-unlocking>.mx-access-shell{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:4!important;
}
.myden-room-experience.is-room-visible>.mx-room-stage{
  z-index:12!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.myden-room-experience.is-room-visible>.mx-room-stage img{
  opacity:1!important;
  visibility:visible!important;
}
.myden-room-experience.is-room-visible>.mx-room-stage::after{opacity:1}
.myden-room-experience.is-room-visible>.mx-room-stage .mx-room-stage__copy{z-index:14}
.myden-room-experience>.mx-hotspot--phone{z-index:6}
.myden-room-experience>.mx-hotspot--access{z-index:6}
.myden-room-experience>.media-index{z-index:7}
.myden-room-experience.is-room-visible>.media-index{opacity:0!important;pointer-events:none}


/* V2.25.4 — final room copy placement: preserve all three faces */
.myden-room-experience>.mx-room-stage .mx-room-stage__copy{
  left:18px!important;
  right:auto!important;
  top:18px!important;
  bottom:auto!important;
  width:min(390px,calc(100% - 36px))!important;
  max-width:390px!important;
  gap:6px!important;
  padding:15px 17px 16px!important;
  border-radius:20px!important;
  background:linear-gradient(155deg,rgba(8,16,21,.80),rgba(6,11,14,.62))!important;
  backdrop-filter:blur(13px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(106%)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.myden-room-experience>.mx-room-stage .mx-room-stage__copy h3{
  font-size:clamp(28px,2.65vw,36px)!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  margin:7px 0 4px!important;
  max-width:11.5ch!important;
}
.myden-room-experience>.mx-room-stage .mx-room-stage__copy p{
  max-width:35ch!important;
  font-size:11.5px!important;
  line-height:1.42!important;
  color:rgba(244,240,231,.68)!important;
}
.myden-room-experience>.mx-room-stage .mx-room-stage__eyebrow{
  font-size:8.5px!important;
  letter-spacing:.17em!important;
}
.myden-room-experience>.mx-room-stage .mx-room-stage__eyebrow::before{width:24px!important}
html[data-theme="light"] .myden-room-experience>.mx-room-stage .mx-room-stage__copy{
  background:linear-gradient(155deg,rgba(250,247,240,.84),rgba(243,237,229,.72))!important;
}
html[data-theme="light"] .myden-room-experience>.mx-room-stage .mx-room-stage__copy p{color:rgba(16,25,29,.68)!important}
@media(max-width:820px){
  .myden-room-experience>.mx-room-stage .mx-room-stage__copy{
    left:12px!important;right:auto!important;top:12px!important;width:min(330px,calc(100% - 24px))!important;max-width:330px!important;padding:13px 14px 14px!important;border-radius:18px!important;
  }
  .myden-room-experience>.mx-room-stage .mx-room-stage__copy h3{font-size:clamp(25px,7vw,31px)!important;max-width:12ch!important}
  .myden-room-experience>.mx-room-stage .mx-room-stage__copy p{font-size:10.8px!important;max-width:31ch!important}
}
@media(max-width:520px){
  .myden-room-experience>.mx-room-stage .mx-room-stage__copy{width:min(285px,calc(100% - 20px))!important;left:10px!important;top:10px!important;padding:11px 12px 12px!important}
  .myden-room-experience>.mx-room-stage .mx-room-stage__copy h3{font-size:25px!important}
  .myden-room-experience>.mx-room-stage .mx-room-stage__copy p{font-size:10.4px!important}
}


/* V2.25.5 — quick callback modal */
body.callback-modal-open{overflow:hidden}
.callback-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.callback-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.callback-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(4,9,12,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.callback-modal__panel{position:relative;z-index:2;width:min(700px,calc(100vw - 28px));max-height:min(92vh,940px);overflow:auto;border-radius:32px;padding:34px 32px 28px;background:linear-gradient(180deg,rgba(10,17,22,.94),rgba(7,13,17,.97));border:1px solid rgba(var(--neon-rgb),.18);box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)}
.callback-modal__head{padding-right:62px;margin-bottom:22px}
.callback-modal__head h2{font-family:"Avenir Next","Segoe UI Variable","Helvetica Neue",Arial,sans-serif;font-size:clamp(34px,4.2vw,58px);font-weight:300;line-height:1;letter-spacing:-.05em;margin:16px 0 12px;color:#F7F4EC}
.callback-modal__head p{max-width:58ch;color:rgba(244,240,231,.66);font-size:14px;line-height:1.55}
.callback-modal__close{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);display:grid;place-items:center;color:#F7F4EC;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.callback-modal__close span{position:relative;display:block;width:20px;height:20px}
.callback-modal__close span::before,.callback-modal__close span::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.6px;background:currentColor;border-radius:2px}
.callback-modal__close span::before{transform:translate(-50%,-50%) rotate(45deg)}
.callback-modal__close span::after{transform:translate(-50%,-50%) rotate(-45deg)}
.callback-modal__close:hover{transform:rotate(6deg) scale(1.04);border-color:rgba(var(--neon-rgb),.42);background:rgba(var(--neon-rgb),.07)}
.callback-form{position:relative;border-radius:28px;padding:24px 22px 20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.callback-form__topline{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.callback-form__kicker{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,240,231,.68)}
.callback-form__kicker::before{content:"";width:26px;height:1px;background:rgba(var(--neon-rgb),.92)}
.callback-badges{display:flex;flex-wrap:wrap;gap:8px}
.callback-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,240,231,.72)}
.callback-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:rgba(var(--neon-rgb),.95);box-shadow:0 0 16px rgba(var(--neon-rgb),.7)}
.callback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.callback-grid .field{margin:0}
.callback-grid .field--full{grid-column:1 / -1}
.callback-form .field label{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,240,231,.62)}
.callback-form .field input,.callback-form .field select,.callback-form .field textarea{width:100%;appearance:none;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);color:#F4F0E7;border-radius:16px;padding:14px 16px;min-height:52px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.callback-form .field textarea{min-height:108px;resize:vertical}
.callback-form .field input:focus,.callback-form .field select:focus,.callback-form .field textarea:focus{border-color:rgba(var(--neon-rgb),.44);box-shadow:0 0 0 4px rgba(var(--neon-rgb),.08);background:rgba(255,255,255,.06)}
.callback-form .field small{display:block;margin-top:7px;color:rgba(244,240,231,.48);font-size:12px;line-height:1.4}
.callback-form .field-error{min-height:18px;display:block;margin-top:6px;font-size:12px;color:#E09086}
.callback-form .consent{display:flex;gap:10px;align-items:flex-start;margin-top:4px;color:rgba(244,240,231,.62);font-size:13px;line-height:1.5}
.callback-form .consent input{width:18px;height:18px;margin-top:2px;accent-color:rgb(var(--neon-rgb))}
.callback-form__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}
.callback-form__meta{color:rgba(244,240,231,.48);font-size:12px;line-height:1.45}
.callback-form__submit{min-width:240px;justify-content:center}
.callback-form .form-status{margin-top:14px;font-size:14px;line-height:1.5;color:rgba(244,240,231,.7)}
.callback-form .form-status.is-success{color:#B9D2AF}
.callback-form .form-status.is-error{color:#E09086}
html[data-theme="light"] .callback-modal__panel{background:linear-gradient(180deg,rgba(245,242,236,.95),rgba(239,234,223,.98));border-color:rgba(16,27,31,.10);box-shadow:0 34px 90px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.88)}
html[data-theme="light"] .callback-modal__head h2{color:#10191D}
html[data-theme="light"] .callback-modal__head p{color:#596366}
html[data-theme="light"] .callback-modal__close{color:#10191D;background:rgba(255,255,255,.62);border-color:rgba(16,27,31,.13)}
html[data-theme="light"] .callback-form{background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.34));border-color:rgba(16,27,31,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.92)}
html[data-theme="light"] .callback-form__topline{border-bottom-color:rgba(16,27,31,.09)}
html[data-theme="light"] .callback-form__kicker,html[data-theme="light"] .callback-form .field label,html[data-theme="light"] .callback-form .consent,html[data-theme="light"] .callback-form__meta{color:#5B6567}
html[data-theme="light"] .callback-badge{background:rgba(255,255,255,.65);border-color:rgba(16,27,31,.1);color:#304047}
html[data-theme="light"] .callback-form .field input,html[data-theme="light"] .callback-form .field select,html[data-theme="light"] .callback-form .field textarea{background:rgba(255,255,255,.72);border-color:rgba(16,27,31,.13);color:#10191D}
html[data-theme="light"] .callback-form .field small,html[data-theme="light"] .callback-form .form-status{color:#667174}
html[data-theme="light"] .callback-form .field select option{color:#10191D;background:#fff}
@media (max-width: 768px){
  .callback-modal{padding:0;place-items:stretch}
  .callback-modal__panel{width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:20px 14px calc(24px + env(safe-area-inset-bottom));}
  .callback-modal__head{padding:12px 56px 0 8px;margin-bottom:18px}
  .callback-modal__head h2{font-size:clamp(34px,10vw,50px)}
  .callback-form{padding:18px 16px 18px;border-radius:22px}
  .callback-grid{grid-template-columns:1fr}
  .callback-form__actions{align-items:stretch}
  .callback-form__submit{width:100%;min-width:0}
}


/* V2.25.6 — references logo geometry */
body[data-page="references"] .hero-mark img{height:auto!important;max-height:none;aspect-ratio:auto;object-fit:contain}

/* V2.25.6 — supplied reference/news visuals retain their native 3:2 composition */
.featured-case .split-media,.featured-article .split-media{min-height:0;aspect-ratio:3/2}
.featured-case .split-media img,.featured-article .split-media img{object-fit:cover}

/* V2.25.7 — compact callback modal + clean hero/logo refinements */
.callback-modal__panel{width:min(660px,calc(100vw - 24px));max-height:min(88vh,820px);padding:28px 28px 24px;border-radius:30px}
.callback-modal__head{padding-right:58px;margin-bottom:16px}
.callback-modal__head h2{font-size:clamp(30px,3.4vw,50px);margin:14px 0 10px}
.callback-modal__head p{max-width:52ch;font-size:13px;line-height:1.5}
.callback-modal__close{top:16px;right:16px;width:44px;height:44px}
.callback-form{padding:20px 18px 16px;border-radius:24px}
.callback-form__topline{margin-bottom:14px;padding-bottom:10px}
.callback-form__kicker{font-size:11px;letter-spacing:.16em}
.callback-badges{gap:6px}
.callback-badge{padding:7px 11px;font-size:10px}
.callback-grid{gap:12px 14px}
.callback-form .field label{margin-bottom:6px;font-size:11px}
.callback-form .field input,.callback-form .field select,.callback-form .field textarea{padding:12px 14px;min-height:48px;border-radius:14px}
.callback-form .field textarea{min-height:84px}
.callback-form .field-error{min-height:16px;margin-top:5px;font-size:11px}
.callback-form .consent{gap:9px;font-size:12px;line-height:1.45}
.callback-form__actions{margin-top:14px;gap:12px}
.callback-form__meta{font-size:11px;line-height:1.4}
.callback-form__submit{min-width:220px}
@media (max-width: 900px){
  .callback-modal__panel{width:min(100vw - 20px,620px);max-height:min(92vh,780px);padding:24px 20px 20px}
  .callback-modal__head{margin-bottom:14px}
  .callback-form{padding:18px 16px 14px}
}
@media (max-width: 640px){
  .callback-modal__panel{width:100%;max-height:100dvh;height:100dvh;border-radius:0;padding:18px 12px calc(20px + env(safe-area-inset-bottom))}
  .callback-modal__head{padding:8px 52px 0 4px;margin-bottom:14px}
  .callback-modal__head h2{font-size:clamp(28px,9vw,42px)}
  .callback-form{padding:16px 14px 14px;border-radius:20px}
  .callback-grid{grid-template-columns:1fr}
  .callback-form__actions{align-items:stretch}
  .callback-form__submit{width:100%;min-width:0}
}

/* V2.25.9.1 — Actualités hero MYDEN mark geometry root fix */
body[data-page="actualites"] .hero-mark img{
  width:min(54%,610px)!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:644 / 570!important;
  object-fit:contain!important;
}
@media(max-width:820px){
  body[data-page="actualites"] .hero-mark img{
    width:55%!important;
    height:auto!important;
    aspect-ratio:644 / 570!important;
    object-fit:contain!important;
  }
}

/* V2.26 — MYDEN sonic hero micro-interactions */
body[data-page="home"] .hero-sound-toggle{
  position:absolute;left:14px;top:14px;z-index:24;
  width:38px;height:38px;padding:0;border-radius:999px;
  display:grid;place-items:center;pointer-events:auto;cursor:pointer;
  color:rgba(247,244,236,.9);background:rgba(7,13,17,.56);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%);
  transition:transform .24s var(--ease),border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
body[data-page="home"] .hero-sound-toggle:hover,
body[data-page="home"] .hero-sound-toggle:focus-visible{
  transform:translateY(-1px) scale(1.035);outline:none;
  border-color:rgba(181,160,109,.5);background:rgba(8,16,21,.72);
  box-shadow:0 12px 32px rgba(0,0,0,.28),0 0 20px rgba(181,160,109,.09),inset 0 1px 0 rgba(255,255,255,.07);
}
body[data-page="home"] .hero-sound-toggle::after{
  content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;
  transform:translate(4px,-50%);white-space:nowrap;pointer-events:none;
  padding:6px 9px;border-radius:999px;background:rgba(7,13,17,.76);
  border:1px solid rgba(255,255,255,.1);color:rgba(247,244,236,.78);
  font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  opacity:0;transition:opacity .2s ease,transform .2s var(--ease);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
body[data-page="home"] .hero-sound-toggle:hover::after,
body[data-page="home"] .hero-sound-toggle:focus-visible::after{opacity:1;transform:translate(0,-50%)}
body[data-page="home"] .hero-sound-toggle__icon{width:18px;height:18px;overflow:visible}
body[data-page="home"] .hero-sound-toggle__speaker,
body[data-page="home"] .hero-sound-toggle__wave,
body[data-page="home"] .hero-sound-toggle__slash{
  fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
  transition:opacity .2s ease,transform .2s var(--ease)
}
body[data-page="home"] .hero-sound-toggle__speaker{fill:rgba(247,244,236,.08)}
body[data-page="home"] .hero-sound-toggle__wave--1{opacity:.9}
body[data-page="home"] .hero-sound-toggle__wave--2{opacity:.66}
body[data-page="home"] .hero-sound-toggle__slash{opacity:0;transform:scale(.72);transform-origin:center}
body[data-page="home"] .hero-sound-toggle[data-sound="off"]{color:rgba(247,244,236,.55);border-color:rgba(255,255,255,.09)}
body[data-page="home"] .hero-sound-toggle[data-sound="off"] .hero-sound-toggle__wave{opacity:0;transform:translateX(-2px)}
body[data-page="home"] .hero-sound-toggle[data-sound="off"] .hero-sound-toggle__slash{opacity:.9;transform:scale(1)}
html[data-theme="light"] body[data-page="home"] .hero-sound-toggle{
  color:#1a272d;background:rgba(248,245,238,.68);border-color:rgba(16,27,31,.12);
  box-shadow:0 10px 24px rgba(17,26,30,.13),inset 0 1px 0 rgba(255,255,255,.8)
}
html[data-theme="light"] body[data-page="home"] .hero-sound-toggle::after{
  background:rgba(248,245,238,.88);border-color:rgba(16,27,31,.1);color:#324047
}
html[data-theme="light"] body[data-page="home"] .hero-sound-toggle__speaker{fill:rgba(16,27,31,.04)}
@media(max-width:820px){
  body[data-page="home"] .hero-sound-toggle{left:10px;top:10px;width:36px;height:36px}
  body[data-page="home"] .hero-sound-toggle::after{display:none}
}


/* ======================================================================
   MYDEN V2.26.5 — mobile menu root-cause fix
   ----------------------------------------------------------------------
   The menu is only portaled outside the fixed header while the responsive
   navigation breakpoint is active. All portal styles are breakpoint-scoped,
   so the desktop navigation can never inherit the mobile overlay layout.
   ====================================================================== */
body.mobile-menu-open{overflow:hidden!important}
@media(max-width:1180px){
  body.myden-v213 .mobile-menu[data-mobile-menu-portal]{
    position:fixed!important;
    top:var(--mobile-menu-top,88px)!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:clamp(18px,3vw,28px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    align-content:start!important;
    gap:clamp(20px,3vw,34px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-y;
    opacity:0;
    visibility:hidden;
    pointer-events:none!important;
    transform:translateY(-10px) scale(.995);
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(4,10,13,.995),rgba(5,11,14,.985))!important;
    border:1px solid rgba(var(--neon-rgb),.20)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.035)!important;
    -webkit-backdrop-filter:blur(28px)!important;
    backdrop-filter:blur(28px)!important;
    z-index:12040!important;
    transition:opacity .24s ease,visibility .24s ease,transform .3s var(--ease)!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal].is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__links{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    min-width:0!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__links a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:7px 2px!important;
    border-bottom:1px solid rgba(255,255,255,.075);
    font-family:inherit!important;
    font-size:clamp(28px,4vw,40px)!important;
    font-weight:300!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
    color:var(--text)!important;
    white-space:normal!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__links a:last-child{border-bottom:0}
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:start!important;
    gap:8px!important;
    min-width:0!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises a{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    min-height:48px!important;
    padding:11px 12px!important;
    margin:0!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.085)!important;
    background:rgba(255,255,255,.025)!important;
    font-size:12px!important;
    line-height:1.2!important;
    color:var(--muted)!important;
  }
  html[data-theme="light"] body.myden-v213 .mobile-menu[data-mobile-menu-portal]{
    background:linear-gradient(180deg,rgba(247,245,239,.995),rgba(238,235,227,.99))!important;
    border-color:rgba(13,23,27,.14)!important;
    box-shadow:0 24px 80px rgba(42,43,39,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  html[data-theme="light"] body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__links a{border-bottom-color:rgba(13,23,27,.09)!important}
  html[data-theme="light"] body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises a{border-color:rgba(13,23,27,.10)!important;background:rgba(255,255,255,.42)!important}
}
@media(max-width:820px){
  body.myden-v213 .mobile-menu[data-mobile-menu-portal]{
    top:var(--mobile-menu-top,80px)!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding:18px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
    border-radius:20px!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__links a{
    min-height:44px!important;
    padding:5px 2px!important;
    font-size:clamp(24px,7vw,32px)!important;
    line-height:1.05!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-top:10px!important;
    border-top:1px solid rgba(var(--neon-rgb),.18)!important;
  }
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises a{
    min-height:44px!important;
    padding:9px 10px!important;
    font-size:11px!important;
  }
}
@media(max-width:390px){
  body.myden-v213 .mobile-menu[data-mobile-menu-portal]{padding:14px!important;gap:10px!important;border-radius:17px!important}
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__links a{font-size:clamp(22px,6.8vw,28px)!important;min-height:40px!important;padding:4px 2px!important}
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises a{min-height:40px!important;padding:8px 9px!important;font-size:10px!important}
}
@media(max-height:680px) and (max-width:820px){
  body.myden-v213 .mobile-menu[data-mobile-menu-portal]{padding:12px 14px!important;gap:8px!important}
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__links a{font-size:21px!important;min-height:36px!important;padding:3px 2px!important}
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises{padding-top:7px!important;gap:6px!important}
  body.myden-v213 .mobile-menu[data-mobile-menu-portal] .mobile-menu__expertises a{min-height:36px!important;padding:6px 8px!important}
}