/* Digitrix — a connected, illuminated studio. Content is preserved verbatim. */
:root{--bg:#0b1224;--text:#edf3ff;--muted:#a3b2cb;--cyan:#b3d5ff;--silver:#91b8e8;--width:1440px;--gutter:64px}
body{background:var(--bg)}
.header{background:#0b1224e8;backdrop-filter:blur(20px);border-bottom:1px solid #a9c8ff12}
.header-inner{min-height:88px}.brand>span{font-weight:650}.header-whatsapp{border-color:#9bbce338;background:#9bbce307}
.hero{grid-template-columns:1.1fr 1fr;gap:10px;min-height:800px;padding-top:80px;padding-bottom:118px;position:relative}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 44%,#2351a21a,transparent 60%)}
.hero h1{font-size:clamp(44px,4.7vw,72px);font-weight:550;letter-spacing:-.065em;line-height:1.08;text-wrap:initial}
.hero .eyebrow{color:#becde3;font-size:13px;display:flex;align-items:center;gap:11px;margin-bottom:28px}
.hero .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:#a3caff;box-shadow:0 0 14px #709eff80}
.hero-caption{font-size:16px;max-width:455px;line-height:1.8;margin-top:27px}
.hero-description{max-width:420px;font-size:12px;line-height:1.8;margin-top:24px;padding-left:15px;border-left:1px solid #7da5e04d}
.whatsapp-button{border-radius:12px;background:#d4e4ff;border:1px solid #f0f6ff;color:#11223f;box-shadow:0 5px 0 #92aed41f,0 12px 40px #3f77d220;min-height:58px;font-weight:700}
.whatsapp-button:hover{background:#f0f6ff;box-shadow:0 5px 0 #92aed41f,0 12px 45px #639dff36}
.contact-secondary-buttons{gap:24px;margin-top:15px}.original-hero-actions{gap:23px;margin-top:3px}.original-hero-actions a{color:#b5c8e2;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#718daf60}
.scroll-cue{margin-top:25px;border:1px solid #94b8e12e;border-radius:50%;width:34px;height:34px}.scroll-cue .icon{width:16px}
.hero-visual.wire-node{width:112%;max-width:660px;margin-right:-15px;perspective:1000px}
.hero-visual::before{inset:12%;background:radial-gradient(ellipse,#507fd025,transparent 65%);filter:blur(28px)}
.hero-visual .wire-illustration{transform:none;will-change:auto}
.wire-device{filter:none}
.wire-core{filter:drop-shadow(0 14px 18px #0007)}
.wire-core image{transform:translate(300px,280px) scale(.87) translate(-300px,-280px)}
.wire-cables>g:nth-child(2){stroke:#6b91be;stroke-width:2}
.wire-node .wire-signal{stroke:#c0e0ff;stroke-width:3;filter:drop-shadow(0 0 4px #70aaff);animation:signal-arrive 2.3s cubic-bezier(.3,0,.3,1) 1.2s both}
.wire-node .wire-signal-two{animation-delay:1.4s}.wire-node .wire-signal-three{animation-delay:1.6s}.wire-node .wire-signal-four{animation-delay:1.8s}
.wire-node .wire-device-link{animation:none;opacity:1}
.wire-node .wire-device{animation:none;opacity:1;transform-box:fill-box;transform-origin:center;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s}

.wire-core{animation:core-arrive 1.5s cubic-bezier(.16,1,.3,1) both;transform-origin:300px 280px}
.hero-copy{animation:copy-arrive 1.1s cubic-bezier(.16,1,.3,1) both}
.orbital-stage{animation:core-arrive 2s ease both}
@keyframes device-arrive{from{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.92)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes core-arrive{from{opacity:0;transform:scale(.87)}to{opacity:1;transform:scale(1)}}
@keyframes copy-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes signal-arrive{0%{stroke-dasharray:0 100;stroke-dashoffset:100;opacity:0}20%{opacity:1;stroke-dasharray:18 82}100%{stroke-dasharray:0 100;stroke-dashoffset:0;opacity:0}}
.hero-visual.is-active .wire-signal{animation:signal-interaction 1.7s ease-out both}
@keyframes signal-interaction{from{stroke-dasharray:14 86;stroke-dashoffset:100;opacity:1}to{stroke-dasharray:14 86;stroke-dashoffset:0;opacity:0}}
.original-section{padding-block:85px;gap:90px;padding-left:124px}.original-section::after{left:124px;background:#90b1de22}
.original-heading h2{font-size:34px;line-height:1.3;letter-spacing:-.04em}.eyebrow{color:#8faad1}.original-prose{line-height:1.95;color:#aabbd2}
.presentation{padding-top:36px;padding-bottom:90px}.services{padding-top:100px}.services-heading{margin-left:60px;max-width:740px}.services h2{font-size:50px;max-width:650px;line-height:1.12}
.route-layout{padding-top:85px}.service-row{gap:95px;margin-bottom:140px}.service-help{margin-bottom:72px}
.service-port{width:260px;height:260px;background:transparent!important;border-radius:50%;border:1px solid #87b3f01a;background-image:radial-gradient(ellipse,#416ab42b,transparent 70%)!important}
.service-port::before{content:'';position:absolute;inset:22px;border:1px dashed #91b4e32b;border-radius:50%}.device-icon{width:150px;height:150px;stroke:#afcef3}.device-case{fill:#213553;stroke:#b0c7e7}.device-screen{fill:#101e36;stroke:#7daae3}
.service-port::after{bottom:18px;border-color:var(--bg)}.service-copy{background:var(--bg)}
.service-entry{border-color:#99b6df30}.service-entry:last-child{border-color:#99b6df30}.service-entry summary{min-height:83px}.service-entry h3{font-size:24px;font-weight:500}.service-entry[open] h3{color:#edf3ff}.service-entry summary::after{width:27px;height:27px;border:1px solid #88a9d53b;border-radius:50%;background-size:10px 1px,1px 10px}.service-entry[open] summary::after{background-color:#8bb9ff13}
.service-detail p{color:#aabbd2}.service-detail{max-width:490px;padding-bottom:28px}
.original-grid article{border-top-color:#91b4e333;padding-top:22px}.original-grid{gap:40px 30px}.original-grid h3{font-size:18px}
.contact{padding-top:120px;padding-bottom:115px}.contact-layout{gap:60px}.contact-copy{background:transparent}.contact h2{font-size:60px;max-width:580px}.contact-port{width:190px;height:190px;border-color:#8aafe45c;background:radial-gradient(circle at 40% 20%,#263e60,#101b31);box-shadow:0 0 0 24px #91b9ff05,0 0 0 25px #91b9ff13,0 25px 70px #0003}.contact-device{width:74px;height:74px}
.footer{border-color:#8aa7d12e;padding-top:46px}.footer-original-grid{gap:90px}
.digitrix-cable-wire{stroke:#7598c8;stroke-opacity:.3}.digitrix-cable-signal{stroke:#9ebff0;stroke-width:1.5}.digitrix-cable-head{fill:#e5f0ff;filter:drop-shadow(0 0 5px #9ec5ff)}
@media(min-width:1600px){.hero{min-height:850px}.hero h1{font-size:72px}}
@media(max-width:1100px){:root{--gutter:40px}.hero{min-height:730px;grid-template-columns:1.1fr 1fr;padding-top:65px}.hero h1{font-size:50px}.hero-visual.wire-node{width:110%;margin-right:-10px}.original-section{padding-left:90px;gap:44px}.original-section::after{left:90px}.service-row{gap:50px}.service-port{width:210px;height:210px}.contact h2{font-size:48px}}
@media(max-width:780px){:root{--gutter:30px}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:70px;gap:18px}.hero h1{font-size:clamp(38px,7.6vw,60px)}.hero-caption{max-width:510px}.hero-copy{max-width:640px}.hero-visual.wire-node{width:min(100%,460px);margin:0;justify-self:center}.hero-description{max-width:510px}.scroll-cue{display:none}.original-section{padding-left:76px;padding-block:55px}.original-section::after{left:76px}.original-heading h2{font-size:30px}.services{padding-top:65px}.services h2{font-size:38px}.route-layout{padding-top:44px}.service-row,.service-tools{padding-left:85px;margin-bottom:65px}.service-port{width:62px;height:76px;border:0;background:none!important}.service-port::before{display:none}.device-icon{width:58px;height:58px}.service-port::after{bottom:0}.service-entry h3{font-size:22px}.service-entry summary{min-height:74px}.contact{padding-block:75px}.contact-layout{grid-template-columns:56px 1fr;gap:34px}.contact-port{width:56px;height:56px;margin-top:36px;box-shadow:0 0 0 8px #91b9ff08}.contact-device{width:28px;height:28px}.contact h2{font-size:43px}.footer-original-grid{gap:30px}}
@media(max-width:480px){:root{--gutter:22px}.header-inner{min-height:72px}.header nav{gap:15px}.header-whatsapp{padding:5px 11px}.hero{padding-top:35px;gap:12px;padding-bottom:40px}.hero .eyebrow{margin-bottom:23px}.hero h1{font-size:clamp(32px,8.7vw,42px);line-height:1.13}.hero-caption{font-size:14px;margin-top:21px}.hero .whatsapp-button{margin-top:24px;min-height:56px}.hero-description{font-size:12px;margin-top:16px}.hero-visual.wire-node{width:100%;max-width:360px}.contact-secondary-buttons{gap:25px;margin-top:13px}.original-hero-actions{margin-top:0}.original-section{padding-left:55px;padding-block:40px}.original-section::after{left:55px;right:22px}.original-heading h2{font-size:27px}.original-prose{font-size:14px}.services-heading{margin-left:33px}.services h2{font-size:32px}.services{padding-top:45px}.service-row,.service-tools{padding-left:48px;margin-bottom:48px}.service-port{left:-9px;width:42px;height:58px}.device-icon{width:40px;height:40px}.service-entry h3{font-size:19px}.service-entry summary{gap:10px;min-height:72px}.service-entry summary::after{width:23px;height:23px}.service-detail{padding-right:4px}.original-grid{gap:28px}.contact-layout{grid-template-columns:22px 1fr;gap:23px}.contact-port{width:30px;height:36px;box-shadow:none;border:0;background:none;margin-top:30px}.contact-device{width:25px;height:25px}.contact h2{font-size:36px}.contact{padding-block:65px}.contact-secondary-buttons strong{font-size:12px}.footer-original-grid{gap:28px}.brand>span{display:block}}
@media(prefers-reduced-motion:reduce){.hero-copy,.wire-core,.orbital-stage,.wire-node .wire-device{animation:none;opacity:1;transform:none}.hero-visual .wire-illustration{transform:none;transition:none;will-change:auto}.wire-node .wire-signal{animation:none;opacity:0}}
/* The logo's electric-blue cubes and light trails extend into the atmosphere. */
.electric-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:-2;contain:paint}
.electric-halo{position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(ellipse,#124fff29 0%,#1458ff12 35%,transparent 68%);animation:blue-breathe 16s ease-in-out infinite alternate}
.electric-halo-one{top:-180px;right:-170px}.electric-halo-two{top:35%;left:-420px;animation-delay:-7s}.electric-halo-three{bottom:80px;right:-300px;animation-delay:-11s}
.electric-fragments{position:absolute;width:220px;height:auto;overflow:visible;opacity:.5;animation:blue-drift 22s ease-in-out infinite alternate;will-change:transform}
.fragments-1{top:8px;right:5%;width:190px;transform:rotate(-13deg);--angle:-13deg;animation-delay:-4s}
.fragments-2{top:540px;left:-70px;width:210px;--angle:15deg;animation-delay:-12s;opacity:.32}
.fragments-3{top:25%;right:-50px;width:260px;--angle:12deg;animation-delay:-7s;opacity:.4}
.fragments-4{top:49%;left:-100px;width:285px;--angle:-18deg;animation-delay:-16s;opacity:.32}
.fragments-5{top:68%;right:-65px;width:230px;--angle:14deg;animation-delay:-9s;opacity:.32}
.fragments-6{bottom:65px;left:7%;width:200px;--angle:-12deg;animation-delay:-3s;opacity:.4}
.fragment-small{transform-box:fill-box;transform-origin:center;animation:fragment-turn 20s ease-in-out infinite alternate}.fragment-dot{filter:drop-shadow(0 0 6px #1260ff)}
.electric-streak{position:absolute;width:480px;height:1px;background:linear-gradient(90deg,transparent,#1458ff55 40%,#218affaa 75%,transparent);transform:rotate(-34deg);opacity:.65}
.electric-streak::after{content:'';position:absolute;inset:-1px 0;background:linear-gradient(90deg,transparent 35%,#2c8aff 50%,#70dbff 53%,transparent 65%);transform:scaleX(.18);filter:drop-shadow(0 0 5px #1464ff);animation:blue-trace 14s ease-in-out infinite;opacity:0}
.electric-streak-one{top:190px;right:-120px}.electric-streak-two{top:56%;left:-260px}.electric-streak-two::after{animation-delay:-8s}.electric-streak-three{bottom:420px;right:-240px}.electric-streak-three::after{animation-delay:-4s}
@keyframes blue-drift{from{transform:translate3d(0,-9px,0) rotate(var(--angle))}to{transform:translate3d(12px,15px,0) rotate(calc(var(--angle) + 8deg))}}
@keyframes fragment-turn{from{transform:translateY(-3px) rotate(-6deg)}to{transform:translateY(7px) rotate(7deg)}}
@keyframes blue-breathe{from{transform:scale(.95);opacity:.7}to{transform:scale(1.08);opacity:1}}
@keyframes blue-trace{0%,65%{translate:-180px 0;opacity:0}72%{opacity:1}91%,100%{translate:180px 0;opacity:0}}
@media(max-width:780px){.fragments-1{top:450px;right:-80px;width:190px;opacity:.35}.fragments-2{top:700px;left:-110px;opacity:.25}.electric-halo-one{top:340px;right:-330px;width:620px;height:620px}.electric-fragments{opacity:.25}.fragments-3,.fragments-5{right:-140px}.fragments-4{left:-180px}.fragments-6{left:-110px}.electric-streak-one{top:650px;right:-310px}.electric-streak{opacity:.4}}
@media(prefers-reduced-motion:reduce){.electric-background *,.electric-background *::after{animation:none!important;will-change:auto}.electric-fragments{transform:rotate(var(--angle))}.electric-streak::after{display:none}}
@media print{.electric-background{display:none}}
/* Editorial hierarchy: clear headings, grouped reading, and a real four-step path. */
.original-heading>.eyebrow,.services-heading>.eyebrow,.contact-copy>.eyebrow{display:flex;align-items:center;gap:12px;color:#8fbbff;font-size:13px;font-weight:700;margin-bottom:21px}
.original-heading>.eyebrow::before,.services-heading>.eyebrow::before,.contact-copy>.eyebrow::before{content:'';width:22px;height:2px;background:#286dff;box-shadow:0 0 9px #256bff50}
.original-heading h2{font-weight:600;line-height:1.22;max-width:480px}.services h2{font-weight:600}.section-description{max-width:490px;line-height:1.8}
.presentation{align-items:start;gap:90px;padding-top:50px;padding-bottom:80px}
.presentation .original-prose{padding-top:40px;font-size:16px;line-height:1.9;max-width:620px}
.presentation .original-prose p+p{padding:19px 22px;margin-top:24px;border-left:2px solid #347bff;background:linear-gradient(90deg,#2264ed14,transparent);border-radius:0 9px 9px 0;font-size:14px;color:#d3e1f7;line-height:1.8}
.services-heading{max-width:none;display:grid;grid-template-columns:1.15fr .85fr;column-gap:80px;align-items:end}
.services-heading>.eyebrow{grid-column:1/-1}.services-heading>.section-description{margin:0 0 5px;max-width:340px;padding-left:22px;border-left:1px solid #3373dc70}
.service-copy{border:1px solid #86b0ed26;border-radius:18px;padding:7px 26px;background:linear-gradient(125deg,#142039f5,#0d1529fa);box-shadow:0 20px 50px #03081820}
.service-entry{border-color:#89a7d026}.service-entry:first-child{border-top:0}.service-entry:last-child{border-bottom:0}.service-entry summary{min-height:80px;gap:24px}.service-entry h3{font-size:22px;font-weight:550;line-height:1.4;letter-spacing:-.025em}.service-entry[open] h3{color:#c4dcff}.service-entry[open] summary::after{background-color:#2463e92b;border-color:#3b7beb80;color:#9fc4ff}.service-detail{padding:0 36px 25px 16px;border-left:2px solid #3275e8;margin:0 0 22px;max-width:520px}.service-detail p{font-size:14px;line-height:1.85}.service-entry[open]+.service-entry{border-top-color:#89a7d03b}
#accompagnement{align-items:start;padding-top:90px;padding-bottom:90px}
#accompagnement .original-grid{grid-template-columns:1fr;gap:0;position:relative;padding-left:30px;border-left:1px solid #306fe35c}
#accompagnement .original-grid article{position:relative;padding:0 0 27px;border:0}
#accompagnement .original-grid article+article{padding-top:24px;border-top:1px solid #91b4e322}
#accompagnement .original-grid article:last-child{padding-bottom:0}
#accompagnement .original-grid article::before{content:'';position:absolute;left:-36px;top:8px;width:10px;height:10px;border:1px solid #75b9ff;background:#143976;box-shadow:0 0 0 6px var(--bg);transform:rotate(45deg)}
#accompagnement .original-grid article+article::before{top:32px}
.original-grid h3,.profile-detail h3{font-weight:650;font-size:19px;color:#e2ecff}.original-grid p{margin-top:7px;max-width:450px;line-height:1.8}
#pour-qui{align-items:center}.audiences{gap:18px}.profile-detail{padding:25px 23px;border:1px solid #729fe632;border-radius:14px;background:linear-gradient(145deg,#1a2b4d90,#111b3060)}.profile-detail summary{padding-right:25px}.profile-detail summary>span{font-size:13px;line-height:1.7;margin-top:11px}.profile-detail summary::after{top:6px}.audiences ul{padding-top:14px;border-top:1px solid #89a7d026}.audiences li{font-size:13px}
#pourquoi{padding-block:54px}.commitments-detail>summary{padding:25px 60px 25px 0}.commitments-detail>summary::after{top:50%;right:4px}.commitments-detail>summary h2{font-size:34px;max-width:720px}.commitments-detail>summary .section-description{margin-top:15px}.commitments-detail .commitments{gap:16px;margin-top:18px}.commitments-detail .commitments article{padding:24px;border:1px solid #91b4e324;border-radius:12px;background:#13213a70}.commitments-detail .commitments h3{font-size:17px}.commitments-detail .commitments p{font-size:13px}
.contact-copy>.contact-owner{padding-top:21px;border-top:1px solid #91b4e32b;max-width:470px}.contact-copy>.contact-brand{color:#819ecc}.contact h2{font-weight:600}.contact-copy>p:not(.eyebrow){max-width:500px}
@media(max-width:1100px){.presentation{gap:45px}.services-heading{column-gap:35px}.service-copy{padding-inline:21px}.service-entry h3{font-size:20px}.audiences{grid-template-columns:1fr}}
@media(max-width:780px){.presentation .original-prose{padding-top:0;margin-top:27px;font-size:15px}.services-heading{display:block}.services-heading>.section-description{margin-top:23px;max-width:440px}.service-copy{padding-inline:20px}.service-entry h3{font-size:21px}.service-entry summary{gap:15px}.service-detail{padding-right:6px}#accompagnement{padding-block:55px}#accompagnement .original-grid{margin-top:32px}.audiences{grid-template-columns:1fr 1fr}.commitments-detail>summary h2{font-size:30px}}
@media(max-width:480px){.presentation .original-prose{font-size:14px}.presentation .original-prose p+p{padding:15px 17px;font-size:13px}.original-heading>.eyebrow,.services-heading>.eyebrow,.contact-copy>.eyebrow{gap:9px;font-size:12px}.original-heading>.eyebrow::before,.services-heading>.eyebrow::before,.contact-copy>.eyebrow::before{width:15px}.service-copy{padding-inline:15px;border-radius:13px}.service-entry h3{font-size:17px;line-height:1.45}.service-entry summary{min-height:76px;gap:10px}.service-entry summary::after{width:21px;height:21px}.service-detail{padding-left:10px;margin-bottom:18px;padding-bottom:4px}.service-detail p{font-size:13px}.service-row,.service-tools{padding-left:37px}.service-port{left:-14px}.audiences{grid-template-columns:1fr}.profile-detail{padding:22px}.commitments-detail>summary{padding-right:35px}.commitments-detail>summary h2{font-size:27px}.commitments-detail .commitments{grid-template-columns:1fr}.commitments-detail .commitments article{padding:20px}#pourquoi{padding-block:30px}}
@media(min-width:781px){.fragments-1{opacity:.8;filter:drop-shadow(0 0 12px #1254ff25)}.fragments-2{opacity:.45}.fragments-3{opacity:.55}}
/* Disclosure choreography: the heading stays anchored as its content unfolds. */
summary{list-style:none}summary::-webkit-details-marker{display:none}
#accompagnement .original-grid{gap:0}
.journey-step{position:relative;border-top:1px solid #91b4e326}
.journey-step:first-child{border-top:0}
.journey-step summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:83px;padding:23px 0;cursor:pointer}
.journey-step summary::after{content:'';flex:none;width:25px;height:25px;border:1px solid #6190d54d;border-radius:50%;background:linear-gradient(#a8caff,#a8caff) center/10px 1px no-repeat,linear-gradient(#a8caff,#a8caff) center/1px 10px no-repeat;transition:transform .35s,background-color .35s}
.journey-step[open] summary::after{transform:rotate(45deg);background-color:#2463e929}
.journey-step::before{content:'';position:absolute;left:-36px;top:35px;width:10px;height:10px;border:1px solid #75b9ff;background:#143976;box-shadow:0 0 0 6px var(--bg);transform:rotate(45deg);transition:background .3s,box-shadow .3s}
.journey-step[open]::before{background:#428eff;box-shadow:0 0 0 6px var(--bg),0 0 19px #246bff80}
.journey-detail{padding:0 35px 25px 0}.journey-detail p{margin:0}
.journey-step summary:hover h3,.journey-step[open] h3{color:#b7d5ff}
.profile-detail summary,.commitments-detail>summary{transition:color .25s}.profile-detail[open]{border-color:#4b85de66}
.service-entry,.journey-step,.profile-detail,.commitments-detail{box-sizing:border-box}
.is-expanding>.service-detail,.is-expanding>.journey-detail,.is-expanding>ul,.is-expanding>.commitments{animation:detail-materialize .4s ease both}
@keyframes detail-materialize{from{opacity:.15;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.journey-step summary{min-height:78px;padding-block:21px}.journey-step h3{font-size:17px}.journey-detail{padding-right:8px}.journey-step::before{top:32px}}
@media(prefers-reduced-motion:reduce){.is-expanding>*{animation:none!important}}
/* Keep the email action centered directly under the WhatsApp action. */
.hero-copy>.whatsapp-button,.hero-copy>.other-contacts{width:300px;max-width:100%}
.hero-copy>.other-contacts{justify-content:center}
.contact-copy>.whatsapp-button,.contact-copy>.contact-secondary-buttons{width:300px;max-width:100%}
.contact-copy>.contact-secondary-buttons{justify-content:center}
@media(max-width:600px){.hero-copy>.whatsapp-button,.hero-copy>.other-contacts,.contact-copy>.whatsapp-button,.contact-copy>.contact-secondary-buttons{width:100%}}
/* Digitrix signature: a dormant network, cipher seals, and silicon traces. */
.digital-relic{position:absolute;width:420px;height:auto;overflow:visible;opacity:.55;filter:drop-shadow(0 0 9px #1254ff20);pointer-events:none}
.relic-1{top:-48px;right:-90px;width:400px;opacity:.67;transform:rotate(-18deg)}
.relic-2{top:550px;left:-155px;width:440px;opacity:.45;transform:rotate(-18deg)}
.relic-3{top:26%;right:-185px;width:480px;opacity:.5;transform:rotate(10deg)}
.relic-4{top:46%;left:-190px;width:500px;opacity:.45;transform:rotate(162deg)}
.relic-5{top:67%;right:-170px;width:470px;opacity:.55;transform:rotate(24deg)}
.relic-6{bottom:65px;left:-110px;width:430px;opacity:.5;transform:rotate(-12deg)}
.circuit-traces{opacity:.65}.circuit-pads{opacity:.9}
.data-pulse{stroke-dasharray:8 92;stroke-dashoffset:110;animation:network-signal 12s linear infinite;filter:drop-shadow(0 0 4px #1064ff)}
.pulse-late{animation-delay:-6s;animation-duration:17s}
.relic-3 .data-pulse{animation-delay:-3s}.relic-4 .data-pulse{animation-delay:-8s}.relic-6 .data-pulse{animation-delay:-5s}
.cipher-orbit{animation:cipher-rotate 90s linear infinite;transform-origin:0 0}
.cipher-inner{animation:cipher-awake 12s ease-in-out infinite;transform-origin:0 0}
.cipher-beacon{filter:drop-shadow(0 0 6px #126aff);animation:cipher-awake 8s ease-in-out infinite}
.relic-5 .cipher-orbit{animation-direction:reverse}.relic-5 .cipher-inner{animation-delay:-6s}
.electric-halo-one{background:radial-gradient(ellipse,#144fff35, #104aff12 38%,transparent 68%);right:-200px;top:-270px}
@keyframes network-signal{0%{stroke-dashoffset:110;opacity:0}8%{opacity:1}50%{stroke-dashoffset:0;opacity:1}58%,100%{stroke-dashoffset:-10;opacity:0}}
@keyframes cipher-rotate{to{transform:rotate(360deg)}}
@keyframes cipher-awake{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:780px){.digital-relic{opacity:.35}.relic-1{width:310px;top:490px;right:-185px;opacity:.5}.relic-2{top:690px;left:-270px;width:410px}.relic-3{right:-320px}.relic-4{left:-355px}.relic-5{right:-330px}.relic-6{left:-290px}.electric-halo-one{top:370px;right:-350px}}
@media(prefers-reduced-motion:reduce){.digital-relic *{animation:none!important}.data-pulse{opacity:0}.cipher-inner,.cipher-beacon{opacity:.8}}
/* Two contact choices on one shared baseline. */
.contact-button-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px;width:100%;max-width:480px;margin-top:27px;align-items:stretch}
.hero-copy>.contact-button-row{order:3}
.contact-button-row .whatsapp-button,.hero .contact-button-row .whatsapp-button,.contact .contact-button-row .whatsapp-button{margin:0;width:100%;min-height:64px;padding:13px 16px;gap:10px;font-size:13px;box-shadow:0 8px 30px #3f77d21a}
.contact-button-row .contact-secondary-buttons{display:flex;margin:0;width:auto;max-width:none;gap:0}
.contact-button-row .contact-secondary-buttons a{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 16px;min-height:64px;border:1px solid #91b6ed66;border-radius:12px;background:#17274470;color:#d7e6ff;font-size:13px;line-height:1.5;transition:background .2s,border-color .2s,transform .2s}
.contact-button-row .contact-secondary-buttons a:hover{background:#213b62;border-color:#a5caff;transform:translateY(-2px)}
.contact-button-row .contact-secondary-buttons strong{font-size:13px;font-weight:600}
.contact-button-row .contact-secondary-buttons .icon{width:20px;height:20px}
.hero-copy>.original-hero-actions{margin-top:14px}
@media(max-width:480px){.contact-button-row{gap:9px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.contact-button-row .whatsapp-button,.hero .contact-button-row .whatsapp-button,.contact .contact-button-row .whatsapp-button{padding:12px 10px;font-size:12px;gap:7px}.contact-button-row .whatsapp-button .icon{width:21px;height:21px}.contact-button-row .contact-secondary-buttons a{padding:12px 9px;font-size:12px;gap:7px}.contact-button-row .contact-secondary-buttons strong,.contact-button-row .whatsapp-contact strong{font-size:12px}.contact-button-row .contact-secondary-buttons .icon{width:17px;height:17px}}
/* A single audience section gathers profiles, benefits and bespoke requests. */
.audiences{align-items:start}.bespoke-detail{grid-column:1/-1;background:#13213a50}
.profile-body{padding-top:20px}.profile-body>p{font-size:14px;line-height:1.8;color:#bfcee5;margin:0}
.profile-body ul{margin-top:18px;padding-top:16px}.profile-body ul li{padding-block:3px}
.is-expanding>.profile-body{animation:detail-materialize .4s ease both}
.bespoke-detail .profile-body{max-width:500px}.service-tools:last-child{margin-bottom:64px}
@media(prefers-reduced-motion:reduce){.is-expanding>.profile-body{animation:none}}
#pour-qui{align-items:start}
/* Slow depth choreography: blue relics surface, come into focus, then recede. */
.digital-relic{--relic-angle:0deg;--depth-x:18px;--depth-y:-24px;transform-origin:center;animation:relic-depth 23s cubic-bezier(.45,0,.55,1) infinite;will-change:transform,opacity,filter}
.relic-1{--relic-angle:-18deg;--depth-x:-26px;--depth-y:22px;animation-delay:-7s;animation-duration:24s}
.relic-2{--relic-angle:-18deg;--depth-x:30px;--depth-y:-20px;animation-delay:-16s;animation-duration:28s}
.relic-3{--relic-angle:10deg;--depth-x:-28px;--depth-y:26px;animation-delay:-3s;animation-duration:26s}
.relic-4{--relic-angle:162deg;--depth-x:32px;--depth-y:-18px;animation-delay:-20s;animation-duration:30s}
.relic-5{--relic-angle:24deg;--depth-x:-35px;--depth-y:20px;animation-delay:-12s;animation-duration:25s}
.relic-6{--relic-angle:-12deg;--depth-x:24px;--depth-y:-28px;animation-delay:-5s;animation-duration:27s}
@keyframes relic-depth{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--relic-angle)) scale(.83);opacity:.18;filter:blur(2px) drop-shadow(0 0 6px #1555ff20)}
  32%{opacity:.48;filter:blur(.5px) drop-shadow(0 0 14px #1555ff55)}
  52%{transform:translate3d(var(--depth-x),var(--depth-y),0) rotate(calc(var(--relic-angle) + 9deg)) scale(1.18);opacity:.78;filter:blur(0) drop-shadow(0 0 20px #1769ff70)}
  73%{opacity:.45;filter:blur(.7px) drop-shadow(0 0 12px #1555ff40)}
}
@media(max-width:780px){.digital-relic{animation-name:relic-depth-mobile}}
@keyframes relic-depth-mobile{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--relic-angle)) scale(.9);opacity:.15;filter:blur(1px)}
  50%{transform:translate3d(-10px,12px,0) rotate(calc(var(--relic-angle) + 6deg)) scale(1.08);opacity:.55;filter:blur(0) drop-shadow(0 0 10px #1769ff50)}
}
.electric-background .digital-relic.is-dormant,.electric-background .digital-relic.is-dormant *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.digital-relic{animation:none!important;will-change:auto;transform:rotate(var(--relic-angle));opacity:.45;filter:none}}
/* Geometric silhouettes return, with circuit fragments between them. */
.geometry-satellite{transform-box:fill-box;transform-origin:center;animation:geometry-orbit 18s ease-in-out infinite alternate}
@keyframes geometry-orbit{from{transform:translate(0,-8px) rotate(-5deg)}to{transform:translate(7px,10px) rotate(7deg)}}
@media(prefers-reduced-motion:reduce){.geometry-satellite{animation:none!important}}
/* Preserve the headset illustration in the merged audience section. */
.audience-emblem{display:grid;place-items:center;position:relative;width:158px;height:158px;margin:0 0 29px;border:1px solid #87b3f026;border-radius:50%;background:radial-gradient(ellipse,#235be52b,transparent 72%)}
.audience-emblem::before{content:'';position:absolute;inset:13px;border:1px dashed #91b4e338;border-radius:50%}
.audience-emblem .device-icon{width:99px;height:99px;filter:drop-shadow(0 8px 15px #1255ff30)}
.audience-emblem::after{content:'';position:absolute;bottom:-5px;width:6px;height:6px;border-radius:50%;background:#a3d4ff;box-shadow:0 0 13px #397eff}
@media(max-width:780px){.audience-emblem{width:110px;height:110px;margin-bottom:25px}.audience-emblem .device-icon{width:72px;height:72px}}
/* Electric cursor: softly lit atmosphere, a short particle wake, and click waves. */
.pointer-atmosphere{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden;contain:strict;opacity:0;transition:opacity .35s}
.pointer-atmosphere.is-tracking{opacity:1}
.pointer-aura{position:absolute;left:-110px;top:-110px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#2076ff18, #115aff09 35%,transparent 65%);will-change:transform;transition:background .3s}
.pointer-trace{position:absolute;left:0;top:0;width:var(--size);height:var(--size);margin-left:-2px;margin-top:-2px;border-radius:50%;background:#80c9ff;opacity:var(--alpha);box-shadow:0 0 9px #216fff;will-change:transform}
.pointer-atmosphere.is-interactive .pointer-aura{background:radial-gradient(circle,#298dff27, #155aff10 35%,transparent 65%)}
.pointer-wave{position:absolute;width:30px;height:30px;border:1px solid #72c9ff;border-radius:50%;box-shadow:0 0 15px #226aff66,inset 0 0 15px #226aff33;animation:cursor-wave .8s cubic-bezier(.16,1,.3,1) both}
@keyframes cursor-wave{from{transform:translate(-50%,-50%) scale(.3);opacity:.9}to{transform:translate(-50%,-50%) scale(4);opacity:0}}
@media(hover:hover) and (pointer:fine){
.wire-device-link:hover .wire-device{filter:none}

.wire-device-mouse>g>path:first-child{transition:stroke .35s,fill .35s}
.wire-device-link:hover .wire-device-mouse>g>path:first-child{stroke:#8adfff;fill:#1c3f69}
.wire-device-link:hover .wire-device-mouse rect{stroke:#75d2ff;filter:none}
}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.pointer-atmosphere{display:none}.wire-device-link:hover .wire-device,.wire-device-link:hover .wire-device-mouse{transform:none;transition:none}}
/* A ghostly blue seal follows the finger without capturing touch gestures. */
.touch-atmosphere{position:fixed;inset:0;z-index:39;pointer-events:none;overflow:hidden;contain:strict}
.touch-glow,.touch-seal{position:absolute;left:0;top:0;pointer-events:none;opacity:0;transition:opacity 1s ease;will-change:transform}
.touch-glow::before{content:'';position:absolute;left:-120px;top:-120px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#258bff24, #155bff12 35%,transparent 68%)}
.touch-seal::before,.touch-seal::after{content:'';position:absolute;border-radius:50%;animation:touch-orbit 16s linear infinite;animation-play-state:paused}
.touch-seal::before{left:-44px;top:-44px;width:88px;height:88px;border:1px dashed #489aff60;border-right-color:#88d5ffb0;box-shadow:0 0 15px #135dff18}
.touch-seal::after{left:-31px;top:-31px;width:62px;height:62px;border:1px solid #2c7dff38;border-top-color:#62b5ff80;border-bottom-color:transparent;animation-direction:reverse;animation-duration:10s}
.is-touching .touch-glow,.is-touching .touch-seal{opacity:1;transition:opacity .15s}
.is-touching .touch-seal::before,.is-touching .touch-seal::after{animation-play-state:running}
.touch-wave{position:absolute;width:30px;height:30px;border-radius:50%;border:1px solid #6dbdff99;box-shadow:0 0 12px #1768ff50;animation:touch-ripple 1.1s cubic-bezier(.16,1,.3,1) both}
@keyframes touch-orbit{to{rotate:360deg}}
@keyframes touch-ripple{from{transform:translate(-50%,-50%) scale(.4);opacity:.85}to{transform:translate(-50%,-50%) scale(5);opacity:0}}
@media(prefers-reduced-motion:reduce){.touch-atmosphere{display:none}}
/* A restrained lift gives cards a tactile response to the pointer. */
.service-copy,.profile-detail,.commitments-detail .commitments article{transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .4s}
@media(hover:hover) and (pointer:fine){
.service-copy:hover,.profile-detail:hover,.commitments-detail .commitments article:hover{transform:translateY(-4px);border-color:#5699ff75;box-shadow:0 14px 32px #02091a40,0 0 20px #226bff10}
}
@media(prefers-reduced-motion:reduce){.service-copy,.profile-detail,.commitments-detail .commitments article{transition:none}.service-copy:hover,.profile-detail:hover,.commitments-detail .commitments article:hover{transform:none}}
/* Unified audience accordions: no uneven columns when a profile unfolds. */
#pour-qui .audiences{display:flex;flex-direction:column;gap:14px;min-width:0}
#pour-qui .profile-detail{width:100%;padding:0;border-radius:15px;background:linear-gradient(120deg,#182742d9,#101b30ed);border-color:#789ed633;box-shadow:0 9px 28px #0209181c}
#pour-qui .profile-detail>summary{padding:23px 64px 23px 25px;min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:7px}
#pour-qui .profile-detail>summary h3{font-size:20px;line-height:1.35;letter-spacing:-.02em}
#pour-qui .profile-detail>summary>span{margin:0;font-size:13px;line-height:1.65;color:#a5b9d6;max-width:440px}
#pour-qui .profile-detail>summary::after{right:24px;top:calc(50% - 14px);width:28px;height:28px;border-radius:50%;border:1px solid #78a9ed50;background-size:10px 1px,1px 10px}
#pour-qui .profile-detail[open]{border-color:#528cea70;background:linear-gradient(120deg,#1a2c4ce8,#111e36f5)}
#pour-qui .profile-detail[open]>summary::after{background-color:#397ee426}
#pour-qui .profile-body{display:grid;grid-template-columns:1fr 1.05fr;gap:23px;padding:23px 25px 27px;border-top:1px solid #8bb8f029;margin:0}
#pour-qui .profile-body>p{font-size:14px;line-height:1.85;color:#ccd9ee;padding-left:14px;border-left:2px solid #3d83ef;align-self:start}
#pour-qui .profile-body ul{display:flex;flex-wrap:wrap;align-content:start;gap:8px;margin:0;padding:0;border:0}
#pour-qui .profile-body li{padding:5px 10px;border:1px solid #769fdb29;border-radius:6px;background:#4778bd0c;font-size:12px;line-height:1.5;color:#b9cbe4}
#pour-qui .profile-body li::before{display:none}
#pour-qui .bespoke-detail>summary{min-height:78px}
#pour-qui .bespoke-detail>summary h3{font-size:18px}
#pour-qui .bespoke-detail .profile-body{display:block;max-width:none}
@media(max-width:1100px){#pour-qui .profile-body{grid-template-columns:1fr;gap:19px}}
@media(max-width:480px){#pour-qui .profile-detail>summary{padding:19px 48px 19px 18px;min-height:94px}#pour-qui .profile-detail>summary h3{font-size:18px}#pour-qui .profile-detail>summary>span{font-size:12px}#pour-qui .profile-detail>summary::after{right:15px;width:24px;height:24px;top:calc(50% - 12px)}#pour-qui .profile-body{padding:20px 18px 23px}#pour-qui .profile-body>p{font-size:13px}#pour-qui .profile-body li{font-size:11px;padding:5px 8px}#pour-qui .bespoke-detail>summary h3{font-size:17px}}
/* A reachable WhatsApp shortcut after the opening contact actions scroll away. */
.floating-whatsapp{display:none}
@media(max-width:780px){
.floating-whatsapp:not([hidden]){position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#062a17;border:1px solid #98f1b8;box-shadow:0 8px 28px #0006,0 0 0 5px #25d36614;animation:whatsapp-float-in .3s cubic-bezier(.22,1,.36,1) both}
.floating-whatsapp .icon{width:30px;height:30px}
.floating-whatsapp:active{transform:scale(.95)}
}
@keyframes whatsapp-float-in{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp:not([hidden]){animation:none}}
@media print{.floating-whatsapp{display:none!important}}

@media(prefers-reduced-motion:reduce){.wire-node .wire-device-link{animation:none;opacity:1;transform:none}}

/* No animated SVG bounds, compositing filters, or opacity resets on devices. */
.hero-visual .wire-device-link,.hero-visual .wire-device{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
.hero-visual .wire-device path,.hero-visual .wire-device rect{transition:stroke .3s}
.hero-visual .wire-device-link:hover .wire-device>g>rect,.hero-visual .wire-device-link:hover .wire-device>g>path{stroke:#85cfff}

/* Compact descriptions and one continuous disclosure movement. */
details{overflow-anchor:none}
.is-expanding>.service-detail,.is-expanding>.journey-detail,.is-expanding>.profile-body,.is-expanding>.commitments{animation:none}
.service-detail{max-width:none;padding:0 0 0 14px;margin:0 0 22px}
.service-detail p{margin:0;line-height:1.65;text-wrap:pretty}
.service-entry h3,.journey-step h3,.profile-detail h3{text-wrap:pretty}
.footer{padding-block:22px}
.footer-original-bottom{margin-top:0;flex-wrap:wrap;gap:8px 24px}
.footer-original-bottom p,.footer-original-bottom a{font-size:12px}
.footer-original-bottom>div{flex-wrap:wrap;gap:8px 24px}
@media(max-width:600px){.footer-original-bottom{display:flex;flex-direction:column;align-items:flex-start}.service-detail{padding-left:10px;margin-bottom:18px}}

/* Keep disclosure headers still under the pointer. */
.service-copy:hover,.profile-detail:hover{transform:none}
.service-copy,.profile-detail{transition:border-color .2s}

/* Disclosure text never fades out or restarts an entrance animation. */
.service-detail,.journey-detail,.profile-body,.commitments-detail>.commitments{animation:none!important;opacity:1;transform:none}
#pour-qui{align-items:start}