/* /assets/site-interface-v4.css */ :root{--ink:#122c35;--teal:#0c4045;--orange:#ee7141;--paper:#f6f5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;background:var(--paper)}a{color:inherit}img{max-width:100%;object-fit:cover}button{font:inherit}.wrap{width:min(1320px,90%);margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:white}header{background:#fff;position:relative;z-index:20}.header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:185px;height:auto;object-fit:contain}.header nav{display:flex;align-items:center;gap:22px}.header nav>a,.nav-group>button{text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.nav-group>button{border:0;background:none;color:var(--ink);padding:35px 0;cursor:pointer}.nav-group{position:relative}.dropdown{display:none;position:absolute;top:80px;left:-25px;width:320px;background:#fff;padding:23px;box-shadow:0 20px 45px #122c3526;border-top:3px solid var(--orange)}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group.open .dropdown{display:block}.dropdown p{font-size:13px;color:#6d7c7c;line-height:1.5}.dropdown a{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid #e6ece8;padding:13px 0;font-size:13px;font-weight:700}.dropdown a:hover{color:#d65e31}.nav-contact{background:var(--teal);color:white;padding:17px}.menu-toggle{display:none}.hero{height:min(730px,80vh);min-height:590px;position:relative;overflow:hidden;color:white;background:#163f43}.hero-poster,.hero video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(7,33,38,.91),rgba(8,38,42,.70) 52%,rgba(7,33,38,.15))}.hero-inner{position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;height:100%;max-width:1320px}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.19em;color:#ffac87}.eyebrow.dark{color:#c75b32}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,5.8vw,83px);line-height:1.03;max-width:850px;margin:22px 0}.hero-lead{max-width:650px;line-height:1.7;font-size:18px;color:#eef4ef}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;text-decoration:none;padding:18px 24px;font-weight:bold;font-size:13px;align-items:center}.orange{background:var(--orange);color:#102b31}.outline{border:1px solid #ffffffa0;color:white}.hero-side{position:absolute;bottom:35px;right:5%;font-size:10px;letter-spacing:.2em}.intro,.end-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:110px 0;align-items:center}h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,58px);line-height:1.09;font-weight:400;margin:18px 0 25px}h2 em{font-weight:400;color:#c25b36}.intro p,.split p,.end-section p,.services p{line-height:1.75;color:#4c6466}.large{font-size:21px;color:var(--ink)!important}.textlink{font-weight:bold;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:8px}.services{padding-bottom:120px}.service-head{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:40px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9c6bd;border-bottom:1px solid #b9c6bd;margin-top:35px}.service-grid article{padding:35px 25px 30px;border-right:1px solid #b9c6bd}.service-grid article:first-child{padding-left:0}.service-grid article:last-child{border:0}.service-grid article>span{color:#d76a40;font-size:30px}.service-grid h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.service-grid a{display:block;text-decoration:none;font-size:13px;font-weight:bold;padding:10px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-bottom:110px}.photo-frame{position:relative}.photo-frame img{width:100%;height:620px}.photo-frame span{position:absolute;bottom:-25px;right:-20px;background:var(--orange);padding:25px 35px;font-size:11px;letter-spacing:.12em;line-height:1.9}.photo-frame b{font-size:17px}.approach{margin-top:32px}.approach article{border-top:1px solid #bcc9c0;padding:14px 0}.approach h3{font-size:17px;margin:4px 0}.approach p{margin:4px 0;font-size:14px}.parallax{background:linear-gradient(90deg,#10383be8,#10383b88),url('/assets/images-perf/communication-digitale-reunion-strategie-marketing-240d8f81-1240.webp') center/cover fixed;color:#fff;padding:120px 0}.parallax h2 em{color:#ffab86}.end-section img{width:100%;height:400px}.cta{background:#dfebe4;padding:90px 0;text-align:center}.cta p:not(.eyebrow){color:#4c6466}.cta .button{margin-top:20px}footer{background:#102f35;color:#d7e6df;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid img{background:white;object-fit:contain;padding:5px}.footer-grid p{line-height:1.7;font-size:14px}.footer-grid a,.footer-grid span,.footer-grid strong{display:block;margin-bottom:14px;text-decoration:none;font-size:14px}.footbottom{border-top:1px solid #ffffff38;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px}.phone{position:fixed;bottom:22px;right:22px;z-index:30;background:var(--orange);color:#123338;border-radius:40px;padding:15px 19px;text-decoration:none;font-weight:bold;box-shadow:0 5px 18px #0003}.projects{padding-bottom:80px}.projects>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.projects figure{margin:0}.projects img{width:100%;height:240px}.projects figcaption{padding:15px;font-weight:bold}.legal{padding:80px 0;line-height:1.7;max-width:900px}.legal h1,.legal h2{font-size:32px}.legal a{overflow-wrap:anywhere}@media(max-width:1100px){.menu-toggle{display:block;border:0;background:var(--teal);color:#fff;padding:12px}.header{min-height:80px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:25px 5%;align-items:stretch;flex-direction:column;gap:0;max-height:80vh;overflow:auto}.header nav.active{display:flex}.header nav>a,.nav-group>button{display:block;padding:13px 0;white-space:normal;text-align:left;width:100%}.nav-contact{text-align:center!important;padding:15px!important}.dropdown{position:static;width:100%;box-shadow:none;border-top:1px solid #ddd;padding:10px 15px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:25px!important;border-bottom:1px solid #b9c6bd}.hero{min-height:550px}}@media(max-width:650px){.hero{height:auto;min-height:610px}.hero video{display:none}.hero h1{font-size:44px}.hero-lead{font-size:16px}.hero-side{display:none}.intro,.end-section,.split,.service-head{grid-template-columns:1fr;gap:25px;padding:70px 0}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0}.services{padding-bottom:30px}.photo-frame img{height:360px}.parallax{background-attachment:scroll;padding:80px 0}.end-section img{height:280px}.footer-grid{grid-template-columns:1fr;gap:20px}.footbottom{display:block;line-height:2}.projects>div{grid-template-columns:1fr}.phone span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero video{display:none}.parallax{background-attachment:scroll}} /* Identité AgenceSolution : noir, blanc et bleu cyan de la charte existante. */ :root{--ink:#0c0c0c;--teal:#0c0c0c;--orange:#2ecbff;--paper:#fff} body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0c0c0c} header{background:#0c0c0c;color:#fff}.nav-group>button{color:#fff}.header nav>a:not(.nav-contact):hover,.nav-group>button:hover{color:#2ecbff}.dropdown{color:#0c0c0c;border-top-color:#2ecbff}.dropdown a:hover{color:#087a9c}.nav-contact{background:#2ecbff;color:#071015}.hero{background:#080b0d}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.93),rgba(4,9,12,.74) 52%,rgba(0,0,0,.24))}.hero h1,h2,.service-grid h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:850;letter-spacing:-.045em}.hero h1{line-height:1}.eyebrow{color:#2ecbff}.eyebrow.dark{color:#087da5}.intro p,.split p,.end-section p,.services p{color:#555}.intro .large{color:#0c0c0c!important}h2 em{color:#0787af;font-style:normal}.button.orange{background:#2ecbff;color:#071015}.service-grid article>span{color:#0787af}.service-grid,.service-grid article,.approach article{border-color:#e1e5e7}.textlink{border-color:#2ecbff}.photo-frame span{background:#2ecbff;color:#071015}.parallax{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.55)),url('/assets/images-perf/communication-digitale-reunion-strategie-marketing-240d8f81-1240.webp')}.parallax h2 em{color:#2ecbff}.cta{background:#f2f7f9}.cta p:not(.eyebrow){color:#555}footer{background:#0c0c0c;color:#e7ebed}.footer-grid img{background:transparent;padding:0;object-fit:contain}.phone{background:#2ecbff;color:#071015}.menu-toggle{background:#2ecbff;color:#0c0c0c}@media(max-width:1100px){.header nav{background:#0c0c0c}.dropdown{background:#fff;color:#0c0c0c}.nav-contact{color:#071015}} /* Sous-menus et accueil inspirés du site AgenceSolution existant */ @media(min-width:1101px){.header nav{gap:20px}.nav-group .dropdown{width:620px;left:auto;right:-90px;top:76px;padding:0;border:1px solid #27343b;border-top:3px solid #2ecbff;box-shadow:0 26px 65px #0006;background:#fff;overflow:hidden}.nav-group:first-child .dropdown{left:-20px;right:auto}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group.open .dropdown{display:grid;grid-template-columns:230px 1fr}.nav-group>button{position:relative}.nav-group>button:after{content:"";position:absolute;bottom:21px;left:0;width:0;height:2px;background:#2ecbff;transition:width .2s}.nav-group:hover>button:after,.nav-group.open>button:after{width:100%}} .dropdown-intro{background:#10191d;color:white;padding:30px 26px;position:relative;overflow:hidden}.dropdown-intro:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:#2ecbff;filter:blur(65px);opacity:.18;right:-70px;bottom:-80px;pointer-events:none}.dropdown-kicker,.dropdown-label{display:block;color:#2ecbff;font-size:10px;font-weight:850;letter-spacing:.14em;margin-bottom:16px}.dropdown-intro strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.04em}.dropdown-intro p{color:#b6c4c9;font-size:12px;line-height:1.55;margin:12px 0 20px}.dropdown .dropdown-intro a{color:#2ecbff;border:0;font-size:11px;padding:0;position:relative;z-index:1}.dropdown-links{padding:28px 30px}.dropdown-links .dropdown-label{color:#71838a;margin-bottom:12px}.dropdown-links a{border:0;border-bottom:1px solid #e8edef;padding:13px 10px;font-size:13px;transition:background .2s,color .2s,transform .2s}.dropdown-links a span{color:#138db3}.dropdown-links a:hover,.dropdown-links a:focus-visible{background:#eefaff;color:#086889;transform:translateX(3px)} .home-hero{height:auto;min-height:690px}.home-hero-grid{position:relative;min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:60px 0}.home-copy h1{font-size:clamp(50px,5.5vw,82px);max-width:650px}.home-copy h1 span,.home-gallery em{color:#2ecbff;font-style:normal}.home-copy>p:not(.eyebrow){max-width:550px;font-size:19px;line-height:1.65;color:#d2d9db}.home-gallery{min-height:460px;position:relative;background:#f4fbfe;color:#0c1a21;border-radius:7px;overflow:hidden;box-shadow:0 24px 65px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:26px 30px}.home-gallery:before{content:"";position:absolute;width:390px;height:390px;right:-135px;top:-180px;border-radius:50%;border:55px solid #2ecbff;opacity:.28}.home-gallery:after{content:"✳";position:absolute;right:28px;bottom:25px;color:#2ecbff;font-size:100px;line-height:1;opacity:.45}.gallery-top,.gallery-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;font-weight:850;position:relative;z-index:1}.gallery-content{position:relative;z-index:1;padding:40px 0}.gallery-content>span{font-size:10px;letter-spacing:.16em;color:#087da5;font-weight:850}.gallery-content strong{display:block;font-size:clamp(34px,3.1vw,51px);letter-spacing:-.05em;line-height:1.03;margin:19px 0}.gallery-content p{font-size:14px;line-height:1.6;max-width:320px;color:#5c6e75}.gallery-content a{display:inline-flex;gap:25px;align-items:center;text-decoration:none;font-size:12px;font-weight:850;margin-top:12px;border-bottom:2px solid #2ecbff;padding-bottom:7px}.gallery-content a b{font-size:17px}.gallery-bottom{color:#788990}.home-trust{border-bottom:1px solid #e3e8ea}.home-trust>.wrap{display:grid;grid-template-columns:repeat(3,1fr)}.home-trust .wrap>div{padding:27px 32px;border-right:1px solid #e3e8ea;display:flex;align-items:baseline;gap:12px}.home-trust .wrap>div:last-child{border-right:0}.home-trust strong{color:#0d95be;font-size:23px;letter-spacing:-.04em}.home-trust span{font-size:13px;color:#657177}.home-solutions{padding:110px 0}.home-heading,.portfolio-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.home-heading>p{max-width:410px;line-height:1.7;color:#607078}.home-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-cards article{border:1px solid #dce5e8;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:transform .25s,box-shadow .25s}.home-cards article:hover{transform:translateY(-5px);box-shadow:0 22px 45px #11232a19}.card-copy{padding:26px 22px;flex:1}.card-tag{color:#0785aa;letter-spacing:.13em;font-size:10px;font-weight:850}.home-cards h3{font-size:25px;letter-spacing:-.05em;line-height:1.08;margin:18px 0}.home-cards p{font-size:14px;line-height:1.65;color:#627177;min-height:68px}.home-cards a{display:inline-block;color:#087da5;text-decoration:none;font-size:12px;font-weight:850}.home-cards img{width:100%;height:165px;object-fit:cover}.home-portfolio{background:#f3f7f8;padding:105px 0}.portfolio-head h2{margin-bottom:0}.black-outline{border:1px solid #151d20;color:#10191d;white-space:nowrap}.portfolio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-cards a{background:white;text-decoration:none;overflow:hidden;border-radius:6px}.portfolio-cards img{height:220px;width:100%;transition:transform .3s}.portfolio-cards a:hover img{transform:scale(1.025)}.portfolio-cards strong,.portfolio-cards small{display:block;margin:16px 19px}.portfolio-cards strong span{float:right;color:#0790b8}.portfolio-cards small{color:#71818a;margin-top:-8px}.cta-redesign{position:relative;overflow:hidden;background:#090d10;color:white;text-align:left;padding:105px 0}.cta-glow{position:absolute;right:-100px;top:-180px;width:600px;height:600px;background:radial-gradient(circle,#2ecbff55,transparent 65%);pointer-events:none}.cta-layout{position:relative;display:grid;grid-template-columns:1.5fr .8fr;gap:12%;align-items:center}.cta-redesign h2{font-size:clamp(42px,5vw,70px)}.cta-redesign h2 em{color:#2ecbff}.cta-redesign p:not(.eyebrow){color:#b3c1c8;max-width:580px;line-height:1.7}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-redesign .cta-actions .button{margin-top:16px}.cta-actions .orange{gap:35px}.cta-aside{border:1px solid #4c6b78;border-radius:8px;padding:30px;background:#ffffff09;backdrop-filter:blur(5px)}.cta-aside>span{font-size:10px;letter-spacing:.15em;color:#2ecbff;font-weight:850}.cta-aside strong{display:block;font-size:25px;letter-spacing:-.04em;line-height:1.15;margin:20px 0}.cta-aside p{font-size:13px}.cta-aside a{display:inline-block;color:#2ecbff;text-decoration:none;font-size:12px;font-weight:800;margin-top:7px} @media(max-width:1100px){.dropdown{padding:0!important;background:#fff!important}.nav-group.open .dropdown{display:grid;grid-template-columns:1fr 1.4fr}.dropdown-intro{padding:22px}.dropdown-links{padding:22px}.home-cards{grid-template-columns:1fr 1fr}.home-hero-grid{gap:25px}.home-gallery{min-height:390px}.home-copy h1{font-size:clamp(42px,6vw,65px)}} @media(max-width:650px){.nav-group.open .dropdown{display:block}.dropdown-intro{padding:19px}.dropdown-intro strong{font-size:17px}.dropdown-links{padding:18px}.home-hero-grid{grid-template-columns:1fr;padding:75px 0 40px;gap:36px}.home-hero{min-height:0}.home-copy h1{font-size:43px}.home-copy>p:not(.eyebrow){font-size:16px}.home-gallery{min-height:330px;padding:20px}.gallery-content{padding:20px 0}.gallery-content strong{font-size:34px}.home-trust>.wrap{grid-template-columns:1fr}.home-trust .wrap>div{border:0;border-bottom:1px solid #e3e8ea;padding:15px 0}.home-trust strong{font-size:19px}.home-solutions,.home-portfolio{padding:75px 0}.home-heading,.portfolio-head{display:block}.home-heading>p{margin-top:20px}.home-cards{grid-template-columns:1fr}.home-cards p{min-height:0}.home-cards img{height:180px}.portfolio-head .button{margin-top:22px}.portfolio-cards{grid-template-columns:1fr}.portfolio-cards img{height:200px}.cta-redesign{padding:75px 0}.cta-layout{grid-template-columns:1fr;gap:30px}.cta-redesign .cta-actions{display:grid}.cta-redesign .cta-actions .button{justify-content:center;margin-top:0}.cta-actions{margin-top:25px}} @media(min-width:1101px){.header{width:min(1400px,94%);gap:18px}.brand{flex:0 0 150px}.brand img{width:150px}.header nav{gap:14px}.header nav>a,.nav-group>button{font-size:12px}.nav-contact{padding:15px 13px}} /* Galerie centrale et CTA inspirés du site d'origine */ .home-gallery-v2{min-height:680px;height:auto;background:#050a0d}.home-gallery-v2 .hero-shade{background:linear-gradient(90deg,rgba(3,8,11,.86),rgba(3,8,11,.73) 50%,rgba(3,8,11,.84))}.gallery-v2-inner{position:relative;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:75px 0 105px}.gallery-slide{width:100%;max-width:1100px}.gallery-slide[hidden]{display:none}.gallery-slide h1,.gallery-title{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;font-size:clamp(45px,5.3vw,78px);font-weight:850;line-height:1.03;letter-spacing:-.052em;max-width:1050px;margin:22px auto}.gallery-slide h1 span,.gallery-title span{color:#2ecbff}.gallery-description{max-width:850px;margin:0 auto;color:#e1e6e8;font-size:18px;line-height:1.65}.gallery-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:32px}.gallery-buttons .button{min-width:205px;justify-content:center}.gallery-buttons .outline{background:#ffffff12;border-color:#ffffff80}.gallery-note-v2{display:block;margin-top:26px;color:#d0dade;font-size:13px;font-weight:650}.gallery-controls{position:absolute;bottom:31px;display:flex;align-items:center;gap:11px;background:#050a0d99;border:1px solid #ffffff30;border-radius:30px;padding:7px}.gallery-controls button{border:0;cursor:pointer;color:#fff;background:transparent}.gallery-controls button[data-gallery-prev],.gallery-controls button[data-gallery-next]{border:1px solid #ffffff50;width:36px;height:36px;border-radius:50%;font-size:18px}.gallery-controls button[data-gallery-prev]:hover,.gallery-controls button[data-gallery-next]:hover{background:#2ecbff;color:#08141a}.gallery-controls [data-gallery-dot]{width:10px;height:10px;border-radius:50%;background:#85949b;padding:0}.gallery-controls [data-gallery-dot].active{width:23px;border-radius:8px;background:#2ecbff}.home-quicklinks{display:grid;gap:0;margin-top:12px}.home-quicklinks a{display:block;border-top:1px solid #e5edf0;padding:9px 0;line-height:1.25}.home-quicklinks a:hover{text-decoration:underline}.home-cards p{min-height:0}.cta-original{position:relative;min-height:460px;overflow:hidden;background:#050708;color:#fff;display:flex;align-items:center}.cta-original-content{position:relative;z-index:2;padding:80px 0}.cta-original-content h2{font-size:clamp(46px,5.6vw,78px);max-width:850px;line-height:1.04;margin:20px 0}.cta-original-content h2 span{color:#2ecbff;display:block}.cta-original-content>p:not(.eyebrow){font-size:18px;color:#c8d0d3}.cta-original-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.cta-original-actions .button{min-height:56px}.cta-portrait{position:absolute;inset:0 6% 0 auto;width:34%;z-index:1}.cta-portrait:before{content:"";position:absolute;inset:10% 0 0;border-radius:50%;background:radial-gradient(circle,#2ecbff20,transparent 70%)}.cta-portrait img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center bottom} @media(max-width:820px){.gallery-v2-inner,.home-gallery-v2{min-height:600px}.gallery-slide h1,.gallery-title{font-size:clamp(39px,7vw,60px)}.cta-original-content{padding:70px 0}.cta-original-content h2{max-width:68%}.cta-portrait{right:-3%;width:45%;opacity:.55}} @media(max-width:600px){.gallery-v2-inner,.home-gallery-v2{min-height:615px}.gallery-v2-inner{padding:60px 0 95px}.gallery-slide h1,.gallery-title{font-size:clamp(35px,9vw,46px)}.gallery-description{font-size:16px}.gallery-buttons{display:grid;gap:10px}.gallery-buttons .button{width:min(100%,350px);margin:auto}.gallery-note-v2{line-height:1.5}.cta-original{min-height:430px}.cta-original-content{padding:65px 0}.cta-original-content h2{max-width:100%;font-size:clamp(39px,10vw,52px)}.cta-portrait{right:-20%;width:85%;opacity:.22}.cta-original-actions{display:grid;max-width:330px}.cta-original-actions .button{justify-content:center}} /* Situations clients et séparation entre appel à l’action et pied de page */ .needs-moments{background:#080b0d;color:#fff;padding:112px 0 120px}.moments-heading{display:grid;grid-template-columns:1.4fr .8fr;gap:10%;align-items:end;margin-bottom:55px}.moments-heading h2{margin:18px 0 0}.moments-heading h2 span{color:#2ecbff}.moments-heading>p{color:#b8c6cd;max-width:400px;line-height:1.75;margin:0 0 4px}.moments-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #43545b;border-bottom:1px solid #43545b}.moments-grid article{padding:32px 34px 36px;border-right:1px solid #43545b}.moments-grid article:first-child{padding-left:0}.moments-grid article:last-child{border-right:0}.moments-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #2ecbff;border-radius:50%;color:#2ecbff;font-size:22px}.moments-grid h3{font-size:25px;letter-spacing:-.04em;line-height:1.16;margin:27px 0 15px}.moments-grid p{max-width:320px;color:#acbbc2;line-height:1.7;font-size:15px;min-height:75px}.moments-grid a{display:inline-flex;gap:20px;color:#2ecbff;text-decoration:none;font-size:13px;font-weight:800;margin-top:12px;padding-bottom:7px;border-bottom:1px solid #2ecbff80}.moments-grid a:hover{color:#fff;border-color:#fff}.cta-original::after{content:"";position:absolute;z-index:3;height:2px;bottom:0;left:5%;right:5%;background:linear-gradient(90deg,transparent,#2ecbff 20%,#2ecbff 80%,transparent);opacity:.7;pointer-events:none} @media(max-width:820px){.moments-heading{grid-template-columns:1fr;gap:15px}.moments-grid{grid-template-columns:1fr}.moments-grid article,.moments-grid article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid #43545b}.moments-grid article:last-child{border-bottom:0}.moments-grid p{min-height:0;max-width:none}.needs-moments{padding:80px 0}.moments-grid h3{margin-top:18px}} /* Plus d'espace pour les éléments du menu principal */ @media(min-width:1101px){.header{width:calc(100% - 64px);max-width:1600px;gap:clamp(24px,2.5vw,44px)}.header nav{flex:1;justify-content:flex-end;gap:clamp(15px,1.8vw,30px)}.header nav>a,.nav-group>button{font-size:clamp(12px,.95vw,14px)}.brand{flex:0 0 150px}.nav-contact{padding:16px 18px}} @media(min-width:1101px) and (max-width:1450px){.header{gap:18px}.header nav{gap:12px}.header nav>a,.nav-group>button{font-size:12px}.nav-contact{padding:15px 12px}} .contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding:100px 0;align-items:start}.contact-grid p{line-height:1.7;color:#4b5b62}.contact-grid img{margin-top:30px;width:100%;height:300px}.contact-panel{background:#f2f7f9;padding:34px;border:1px solid #dbe5e8;border-radius:8px}.contact-panel h2{font-size:32px}.contact-panel label{display:block;font-size:14px;font-weight:750;margin:18px 0}.contact-panel input,.contact-panel textarea,.contact-panel select{display:block;width:100%;margin-top:7px;border:1px solid #aabcc3;border-radius:4px;background:white;padding:13px;font:inherit;color:#111}.contact-panel textarea{resize:vertical}.contact-panel button{border:0;cursor:pointer}.form-privacy{font-size:12px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{font-weight:bold}.form-status.is-error{color:#a22}.form-status.is-success{color:#087642}.cookie-link{background:none;border:0;color:inherit;cursor:pointer;text-decoration:underline;font:inherit;padding:0}.faq-service{padding:70px 0}.faq-service h2{font-size:clamp(30px,3vw,42px)}.faq-service details{border-top:1px solid #d1dadd;border-bottom:1px solid #d1dadd;padding:20px 0;margin-bottom:25px}.faq-service summary{font-weight:800;cursor:pointer}.faq-service p{max-width:800px;line-height:1.7;color:#4c6068}.legal table{width:100%;border-collapse:collapse}.legal th,.legal td{border:1px solid #d7e0e4;padding:10px;text-align:left}.legal{overflow-wrap:anywhere}@media(max-width:700px){.contact-grid{grid-template-columns:1fr;padding:65px 0;gap:35px}.contact-panel{padding:24px}.legal{overflow-x:auto}} /* Compositions complémentaires pour les pages de services. */ .page-layout-2 .intro{grid-template-columns:.85fr 1.15fr;gap:8%}.page-layout-2 .split .photo-frame{order:2}.page-layout-2 .split .split-copy{order:1}.page-layout-2 .photo-frame span{right:auto;left:-20px}.page-layout-2 .approach article{border-left:3px solid #2ecbff;border-top:0;background:#f2f7f9;margin:12px 0;padding:14px 18px} .page-layout-3 .intro{background:#f2f7f9;padding:75px 5%;margin-top:75px;margin-bottom:80px;border-left:4px solid #2ecbff}.page-layout-3 .split{grid-template-columns:.85fr 1.15fr}.page-layout-3 .photo-frame img{border-radius:8px 80px 8px 8px;height:550px}.page-layout-3 .end-section{grid-template-columns:1.15fr .85fr}.page-layout-3 .end-section img{border-radius:80px 8px 8px 8px}.page-layout-3 .approach{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.page-layout-3 .approach article{background:#f1f7f9;border-top:3px solid #2ecbff;padding:16px 13px} .page-layout-4 .intro{grid-template-columns:1fr 1fr;gap:7%;border-bottom:1px solid #cbd7dc}.page-layout-4 .split{padding-top:95px}.page-layout-4 .split .photo-frame{order:2}.page-layout-4 .split .split-copy{order:1}.page-layout-4 .photo-frame img{height:500px;border-radius:50% 50% 8px 8px}.page-layout-4 .photo-frame span{right:auto;left:-15px}.page-layout-4 .end-section img{order:-1}.page-layout-4 .approach article{position:relative;padding-left:22px}.page-layout-4 .approach article:before{content:"";position:absolute;left:0;top:21px;width:8px;height:8px;background:#2ecbff;border-radius:50%} .faq-service details+details{border-top:0}.faq-service details{padding:19px 0}.faq-service summary{position:relative;padding-right:30px}.faq-service summary::marker{color:#0787af}.faq-service a.textlink{display:inline-block;margin-top:14px}.faq-service details p{margin-bottom:0} @media(max-width:700px){.page-layout-2 .intro,.page-layout-3 .intro,.page-layout-4 .intro,.page-layout-3 .split,.page-layout-3 .end-section{grid-template-columns:1fr}.page-layout-2 .split .photo-frame,.page-layout-4 .split .photo-frame{order:0}.page-layout-2 .split .split-copy,.page-layout-4 .split .split-copy{order:0}.page-layout-3 .approach{grid-template-columns:1fr}.page-layout-3 .intro{padding:35px 6%;margin-top:40px;margin-bottom:35px}.page-layout-3 .photo-frame img,.page-layout-4 .photo-frame img{height:340px}.page-layout-4 .split{padding-top:45px}.page-layout-4 .end-section img{order:0}} /* Pages intérieures : blocs éditoriaux inspirés du site d'origine. */ .editorial-page h2 span{color:#078cb7}.editorial-intro{padding:108px 0 95px;background:#fff}.editorial-intro-grid{display:grid;grid-template-columns:.95fr 1fr;gap:10%;align-items:start}.editorial-intro h2,.editorial-section-heading h2,.editorial-showcase h2,.editorial-local h2,.editorial-faq h2{font-size:clamp(38px,4.3vw,62px);line-height:1.04;letter-spacing:-.045em}.editorial-intro p:not(.eyebrow),.editorial-local p:not(.eyebrow){color:#586b74;line-height:1.75}.editorial-intro .editorial-lead{font-size:20px;color:#17242a!important;line-height:1.65}.editorial-intro .textlink,.editorial-local .textlink{display:inline-block;margin-top:15px}.editorial-method{padding:88px 0 110px;background:#f3f7f8}.editorial-section-heading{text-align:center;max-width:850px;margin:0 auto 45px}.editorial-section-heading h2{margin-bottom:12px}.editorial-section-heading>p:last-child{color:#65767d;line-height:1.6}.editorial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.editorial-cards article{min-height:205px;background:#fff;border:1px solid #dce5e8;border-radius:12px;padding:29px 27px;box-shadow:0 14px 34px #102b3609}.editorial-line{display:block;width:37px;height:4px;background:#2ecbff;margin-bottom:26px}.editorial-cards h3{font-size:21px;letter-spacing:-.03em;margin:0 0 11px}.editorial-cards p{font-size:15px;color:#65767d;line-height:1.65;margin:0}.editorial-showcase{background:#090d10;color:#fff;overflow:hidden}.editorial-showcase-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:8%;padding:80px 0}.editorial-showcase-photo{position:relative}.editorial-showcase-photo img{display:block;width:100%;height:440px;object-fit:cover;border-radius:8px}.editorial-showcase-photo span{position:absolute;bottom:0;right:-18px;background:#2ecbff;color:#09202a;padding:17px 23px;font-size:11px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}.editorial-showcase-copy h2 span{color:#2ecbff}.editorial-showcase-copy p:not(.eyebrow){color:#c4cdd1;line-height:1.7;max-width:500px}.editorial-outline{display:inline-block;margin-top:18px;padding:16px 21px;border:1px solid #ffffff88;color:white;text-decoration:none;font-weight:800;font-size:13px}.editorial-outline:hover{background:#2ecbff;color:#09141a;border-color:#2ecbff}.editorial-local{background:#fff;padding:105px 0}.editorial-local-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.editorial-local img{display:block;width:100%;height:360px;object-fit:cover;border-radius:8px}.editorial-faq{background:#f4f7f8;padding:100px 0}.editorial-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.editorial-faq-grid>div:first-child>p:not(.eyebrow){color:#5c7078;line-height:1.6}.editorial-faq-list details{border-bottom:1px solid #cdd9dd;padding:21px 0}.editorial-faq-list details:first-child{border-top:1px solid #cdd9dd}.editorial-faq-list summary{font-weight:800;cursor:pointer;list-style:none;padding-right:40px;position:relative;line-height:1.45}.editorial-faq-list summary::-webkit-details-marker{display:none}.editorial-faq-list summary:after{content:'+';position:absolute;right:0;top:-5px;color:#078cb7;font-size:25px;font-weight:400}.editorial-faq-list details[open] summary:after{content:'−'}.editorial-faq-list details p{line-height:1.7;color:#596e77;margin:14px 30px 0 0}.editorial-variant-2 .editorial-showcase-grid{grid-template-columns:1fr 1.05fr}.editorial-variant-2 .editorial-showcase-photo{order:2}.editorial-variant-2 .editorial-showcase-copy{order:1}.editorial-variant-2 .editorial-method{background:#fff}.editorial-variant-2 .editorial-cards article{background:#f4f8f9}.editorial-variant-3 .editorial-intro{background:#f3f7f8}.editorial-variant-3 .editorial-method{background:#fff}.editorial-variant-3 .editorial-cards article{background:#f4f8f9}.editorial-variant-3 .editorial-local-grid>div:first-child{order:2}.editorial-variant-3 .editorial-local-grid>div:last-child{order:1} @media(max-width:750px){.editorial-intro,.editorial-local,.editorial-faq{padding:72px 0}.editorial-intro-grid,.editorial-showcase-grid,.editorial-local-grid,.editorial-faq-grid{grid-template-columns:1fr;gap:28px}.editorial-method{padding:72px 0}.editorial-cards{grid-template-columns:1fr}.editorial-cards article{min-height:0}.editorial-showcase-grid{padding:65px 0}.editorial-showcase-photo img{height:300px}.editorial-variant-2 .editorial-showcase-photo,.editorial-variant-2 .editorial-showcase-copy,.editorial-variant-3 .editorial-local-grid>div:first-child,.editorial-variant-3 .editorial-local-grid>div:last-child{order:0}.editorial-local img{height:270px}.editorial-faq-grid{gap:38px}} /* Cohérence de la FAQ pour toutes les pages du site. */ .editorial-faq h2 span{color:#078cb7} /* Sections de services : compositions et informations adaptées à chaque sujet. */ .service-visual,.service-split{background:#fff}.service-visual h2,.service-feature h2,.service-split h2{font-size:clamp(32px,3.4vw,50px);letter-spacing:-.04em;line-height:1.08}.service-visual p:not(.eyebrow),.service-feature p:not(.eyebrow),.service-split p:not(.eyebrow){font-size:16px;line-height:1.8;color:#59686f}.service-visual ul,.service-split ul{list-style:none;padding:0;margin:25px 0}.service-visual li,.service-split li{position:relative;padding:9px 0 9px 27px;color:#24343b;line-height:1.5;font-size:15px}.service-visual li:before,.service-split li:before{content:'✓';position:absolute;left:0;color:#078ab1;font-weight:900}.service-visual .button,.service-split .button,.service-feature .button{margin-top:15px}.visual-full{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.service-image img,.service-split-image img{display:block;width:100%;height:100%;object-fit:cover}.visual-full .service-image{min-height:570px}.visual-full .service-copy{padding:85px max(6vw,45px);max-width:760px;align-self:center}.small-rule{width:55px;height:3px;background:#2ecbff;margin:25px 0}.visual-contained{padding:100px 0;background:#f3f7f8}.service-contained-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:35px 8%;align-items:center}.service-contained-grid .service-image{height:420px}.service-contained-grid .service-image img{border-radius:8px}.service-note{grid-column:1/-1;background:#10222b;color:white;padding:25px 30px;display:flex;align-items:center;gap:45px;border-left:4px solid #2ecbff}.service-note strong{font-size:18px;white-space:nowrap}.service-note ul{margin:0;display:flex;gap:25px;flex-wrap:wrap}.service-note li{color:#e5eef0}.service-feature{background:#101920;color:#fff;padding:85px 0}.service-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.service-feature h2{color:white}.service-feature p:not(.eyebrow){color:#becbd1}.service-feature-photo img{width:100%;height:360px;object-fit:cover;border-radius:6px}.service-feature-points{display:flex;gap:0;border-top:1px solid #3e515a;margin-top:45px}.service-feature-points span{width:33.333%;padding:22px 25px 0 0;color:#d5e5e9;font-weight:700;font-size:14px}.service-feature-points span:before{content:'•';color:#2ecbff;margin-right:10px}.service-split{display:grid;grid-template-columns:1fr 1fr;align-items:center}.service-split-image{height:650px}.service-split-copy{padding:60px max(6vw,45px);max-width:760px}.service-aside{background:#edf8fc;border-left:4px solid #2ecbff;padding:24px 26px;margin:24px 0}.service-aside strong{font-size:18px}.service-aside ul{margin:12px 0 0}.service-aside li{padding-top:6px;padding-bottom:6px} @media(max-width:750px){.visual-full,.service-split,.service-contained-grid,.service-feature-grid{grid-template-columns:1fr}.visual-full .service-image{min-height:0;height:320px}.visual-full .service-copy,.service-split-copy{padding:55px 6%}.visual-contained,.service-feature{padding:65px 0}.service-contained-grid .service-image{height:300px}.service-note{grid-column:auto;display:block}.service-note strong{white-space:normal}.service-note ul{display:block;margin-top:12px}.service-feature-photo img{height:280px}.service-feature-points{display:block}.service-feature-points span{display:block;width:auto;padding:12px 0}.service-split-image{height:320px}} /* Repères dessinés à la main, en complément des appels à l'action. */ .editorial-link-sketch{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.editorial-link-sketch .handdrawn-arrow{width:98px;height:43px;overflow:visible;flex:none;transform:rotate(-5deg)}.editorial-link-sketch .handdrawn-arrow.arrow-b{width:108px;transform:rotate(2deg)}.editorial-link-sketch .handdrawn-arrow.arrow-c{width:83px;transform:rotate(-9deg)}.handdrawn-arrow path{fill:none;stroke:#079bc7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.editorial-link-sketch .textlink{margin-top:15px}@media(max-width:600px){.editorial-link-sketch .handdrawn-arrow{width:74px;height:34px}} /* Variations éditoriales adaptées aux sujets. */ .context-layout-2 .editorial-section-heading{text-align:left;margin-left:0;max-width:850px}.context-layout-2 .editorial-cards{gap:0;border-top:1px solid #cdd9dd;border-bottom:1px solid #cdd9dd}.context-layout-2 .editorial-cards article{border:0;border-right:1px solid #cdd9dd;border-radius:0;background:transparent;box-shadow:none;padding:30px}.context-layout-2 .editorial-cards article:first-child{padding-left:0}.context-layout-2 .editorial-cards article:last-child{border-right:0}.context-layout-3{background:#0d171d!important;color:#fff}.context-layout-3 .editorial-section-heading h2{color:#fff}.context-layout-3 .editorial-section-heading>p:last-child{color:#b8c9ce}.context-layout-3 .editorial-section-heading .eyebrow{color:#2ecbff}.context-layout-3 .editorial-cards article{background:#18272e;border-color:#3c505a;color:#fff;box-shadow:none}.context-layout-3 .editorial-cards p{color:#c0d0d5}.context-layout-4 .editorial-section-heading{text-align:left;margin-left:0}.context-layout-4 .editorial-cards article{border:0;border-top:3px solid #2ecbff;border-radius:0;background:#fff;box-shadow:0 15px 40px #0c283815}.context-layout-4 .editorial-line{display:none}.context-layout-4 .editorial-cards h3{margin-top:2px}@media(max-width:750px){.context-layout-2 .editorial-cards{border-bottom:0}.context-layout-2 .editorial-cards article,.context-layout-2 .editorial-cards article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid #cdd9dd}} /* Boutons transparents : survol bleu, texte blanc. */ .button.outline, .original-content .btn.btn-ghost, .original-content .btn.btn-outline { transition:background-color .2s ease,color .2s ease,border-color .2s ease; } a.button.outline:hover, a.button.outline:focus-visible, .original-content a.btn.btn-ghost:hover, .original-content a.btn.btn-ghost:focus-visible, .original-content a.btn.btn-outline:hover, .original-content a.btn.btn-outline:focus-visible { background:#2ecbff; border-color:#2ecbff; color:#fff; } a.button.outline:hover svg, a.button.outline:focus-visible svg { color:inherit; } /* Boutons : regles explicites, sans import ni :is(). */ html body a.button, html body a.btn, html body a.nav-contact, html body a.phone, html body a.black-outline, html body a.editorial-outline, html body button[type="submit"] { transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; } html body a.button:hover, html body a.button:focus-visible, html body a.btn:hover, html body a.btn:focus-visible, html body a.nav-contact:hover, html body a.nav-contact:focus-visible, html body a.phone:hover, html body a.phone:focus-visible, html body a.black-outline:hover, html body a.black-outline:focus-visible, html body a.editorial-outline:hover, html body a.editorial-outline:focus-visible, html body button[type="submit"]:hover, html body button[type="submit"]:focus-visible { background-color:#087da5 !important; background-image:none !important; border-color:#087da5 !important; color:#fff !important; transform:translateY(-2px); box-shadow:0 7px 20px #0003; } html body a.button.outline:hover, html body a.button.outline:focus-visible, html body a.btn-ghost:hover, html body a.btn-ghost:focus-visible, html body a.btn-outline:hover, html body a.btn-outline:focus-visible, html body a.black-outline:hover, html body a.black-outline:focus-visible, html body a.editorial-outline:hover, html body a.editorial-outline:focus-visible { background-color:#2ecbff !important; border-color:#2ecbff !important; color:#fff !important; } html body a.button:focus-visible, html body a.btn:focus-visible, html body a.nav-contact:focus-visible, html body a.phone:focus-visible, html body a.black-outline:focus-visible, html body a.editorial-outline:focus-visible, html body button[type="submit"]:focus-visible {outline:2px solid #2ecbff;outline-offset:4px} @media(prefers-reduced-motion:reduce) { html body a.button, html body a.btn, html body a.nav-contact, html body a.phone, html body a.black-outline, html body a.editorial-outline, html body button[type="submit"] {transition:none} html body a.button:hover, html body a.button:focus-visible, html body a.btn:hover, html body a.btn:focus-visible, html body a.nav-contact:hover, html body a.nav-contact:focus-visible, html body a.phone:hover, html body a.phone:focus-visible, html body a.black-outline:hover, html body a.black-outline:focus-visible, html body a.editorial-outline:hover, html body a.editorial-outline:focus-visible, html body button[type="submit"]:hover, html body button[type="submit"]:focus-visible {transform:none} } /* /assets/original-sections.css */ .original-content img{max-width:100%;display:block} .original-content a{text-decoration:none;color:inherit} .original-content button{font:inherit} .original-content .shell{width:min(calc(100% - 44px),var(--shell));margin-inline:auto} .original-content .skip-link{position:absolute;left:-9999px} .original-content .skip-link:focus{left:20px;top:20px;background:#fff;padding:12px;z-index:9999} .original-content .section-pad{padding:104px 0} .original-content .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;color:#138fbd;margin:0 0 16px} .original-content .eyebrow.light{color:var(--blue)} .original-content h1,.original-content h2,.original-content h3,.original-content p{margin-top:0} .original-content h1,.original-content h2,.original-content h3{letter-spacing:-.045em;line-height:.98} .original-content h2{font-size:clamp(40px,5vw,72px);margin-bottom:20px} .original-content h2 span,.original-content h1 span{color:var(--blue)} .original-content .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:4px;font-weight:900;font-size:13px;border:1px solid transparent;transition:.25s} .original-content .btn-primary{background:var(--blue);color:#051018} .original-content .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(46,203,255,.28)} .original-content .btn-ghost{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.02)} .original-content .btn-ghost:hover{background:#fff;color:#0c0c0c} .original-content .btn-outline{border-color:#0c0c0c} .original-content .btn-small{min-height:42px;padding-inline:17px} .original-content .site-header{position:absolute;inset:0 0 auto;z-index:1000;color:#fff} .original-content .site-header.scrolled{position:fixed;background:rgba(12,12,12,.92);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.14)} .original-content .header-inner{height:82px;display:flex;align-items:center;gap:34px} .original-content .brand{width:210px;flex:0 0 auto} .original-content .brand img{width:100%;height:auto} .original-content .main-nav{margin-left:auto;display:flex;align-items:center;gap:25px} .original-content .main-nav>a:not(.btn){font-size:12px;font-weight:800;color:#f5f5f5} .original-content .main-nav>a:not(.btn):hover{color:var(--blue)} .original-content .menu-toggle{display:none;margin-left:auto;background:none;border:0;width:42px;height:42px} .original-content .menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:7px auto} .original-content .hero{position:relative;min-height:760px;padding:145px 0 88px;background:#080b0d;color:#fff;overflow:hidden} .original-content .hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 74% 44%,rgba(46,203,255,.18),transparent 31%),linear-gradient(115deg,rgba(0,0,0,.25),rgba(0,0,0,.1));} .original-content .hero-bg:after{content:"";position:absolute;right:-9%;bottom:-35%;width:56%;aspect-ratio:1;background:radial-gradient(circle at 45% 35%,rgba(46,203,255,.5),transparent 34%),conic-gradient(from 30deg,transparent,rgba(46,203,255,.16),transparent 45%);filter:blur(8px);transform:rotate(-12deg)} .original-content .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:50px} .original-content .hero-copy{max-width:620px} .original-content .hero h1{font-size:clamp(56px,6.3vw,96px);margin-bottom:28px} .original-content .hero-lead{font-size:18px;color:#c2c7cc;max-width:570px} .original-content .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px} .original-content .hero-showcase{position:relative;min-height:520px;perspective:1200px} .original-content .device{position:absolute;margin:0;border-radius:20px;overflow:hidden;background:#111;border:7px solid #1c1d1f;box-shadow:0 35px 80px rgba(0,0,0,.55)} .original-content .device img{width:100%;height:100%;object-fit:cover} .original-content .device-main{width:70%;height:360px;left:0;top:80px;transform:rotateY(-10deg) rotateZ(-2deg)} .original-content .device-secondary{width:54%;height:315px;right:3%;top:112px;transform:rotateY(8deg) rotateZ(4deg)} .original-content .device-phone{width:18%;height:305px;right:0;top:215px;border-width:6px;border-radius:28px;transform:rotateZ(7deg)} .original-content .device-phone img{object-position:50% 10%} .original-content .hero-splash{position:absolute;border-radius:50%;filter:blur(2px);background:var(--blue);opacity:.78} .original-content .splash-one{width:11px;height:11px;left:6%;top:55px;box-shadow:35px 40px 0 4px #2ecbff,70px 15px 0 1px #2ecbff,110px 70px 0 8px #2ecbff} .original-content .splash-two{width:16px;height:16px;right:17%;bottom:50px;box-shadow:45px -25px 0 5px #2ecbff,90px 5px 0 2px #2ecbff} .original-content .trust-strip{background:#fff;border-bottom:1px solid var(--line)} .original-content .trust-grid{display:grid;grid-template-columns:repeat(3,1fr)} .original-content .trust-item{padding:25px 28px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:14px;border-right:1px solid var(--line)} .original-content .trust-item:last-child{border-right:0} .original-content .trust-icon{font-size:31px} .original-content .trust-item strong{font-size:27px;color:#179dc7} .original-content .trust-item small{font-size:13px;color:#555} .original-content .section-heading{max-width:800px} .original-content .section-heading.centered{text-align:center;margin:0 auto 48px} .original-content .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .original-content .service-card{position:relative;min-height:390px;padding:24px 24px 0;border:1px solid #ddd;border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:.28s} .original-content .service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b9ecfc} .original-content .service-top{display:flex;align-items:center;gap:14px} .original-content .service-icon{width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--blue);color:#159dca;font-size:27px} .original-content .service-card h3{font-size:24px;margin:0} .original-content .service-card p{font-size:14px;color:#555;margin:22px 0 18px} .original-content .service-card img{margin-top:auto;width:calc(100% + 48px);max-width:none;margin-left:-24px;height:155px;object-fit:cover;object-position:center;filter:saturate(.95);transition:.35s} .original-content .service-card:hover img{transform:scale(1.04);filter:saturate(1.08)} .original-content .card-link{position:absolute;left:18px;bottom:15px;background:rgba(12,12,12,.9);color:#fff;padding:7px 10px;font-size:10px;font-weight:800} .original-content .dark-section{background:#090b0c;color:#fff;position:relative;overflow:hidden} .original-content .plans-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center} .original-content .plans-copy h2{font-size:clamp(48px,5.2vw,78px)} .original-content .plans-copy p:last-child{color:#9da3a8;max-width:480px} .original-content .price-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .original-content .price-card{position:relative;padding:30px;border:1px solid #3b3f42;background:linear-gradient(180deg,#121619,#0b0e10);min-height:400px} .original-content .price-card.premium{border-color:var(--blue);box-shadow:0 0 0 1px rgba(46,203,255,.2) inset} .original-content .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--blue);color:#051018;padding:6px 15px;font-size:10px;font-weight:900;text-transform:uppercase} .original-content .plan-name{color:var(--blue);font-weight:900;font-size:20px;margin-bottom:4px} .original-content .price{font-size:54px;font-weight:950;letter-spacing:-.05em;margin:0} .original-content .plan-note{font-size:12px;color:#9ca3a8} .original-content .price-card ul{list-style:none;padding:0;margin:22px 0} .original-content .price-card li{font-size:13px;color:#d4d7da;margin:9px 0;padding-left:18px;position:relative} .original-content .price-card li:before{content:"✓";position:absolute;left:0;color:var(--blue)} .original-content .portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px} .original-content .portfolio-head h2{margin-bottom:0} .original-content .portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .original-content .project{display:block} .original-content .project-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eee} .original-content .project-media img{width:100%;height:100%;object-fit:cover;transition:.5s} .original-content .project:nth-child(3) .project-media img{object-position:center 20%} .original-content .project-media span{position:absolute;right:15px;bottom:15px;background:#fff;padding:8px 12px;font-size:10px;font-weight:900;opacity:0;transform:translateY(7px);transition:.25s} .original-content .project:hover img{transform:scale(1.045)} .original-content .project:hover .project-media span{opacity:1;transform:none} .original-content .project-meta{padding:15px 2px} .original-content .project-meta small{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.1em} .original-content .project-meta h3{font-size:25px;margin:6px 0 0} .original-content .performance{min-height:340px} .original-content .perf-image{position:absolute;left:0;top:0;bottom:0;width:29%;overflow:hidden} .original-content .perf-image img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:brightness(.45) saturate(.8)} .original-content .perf-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.4fr;gap:50px;align-items:center;min-height:340px} .original-content .perf-title{padding-left:17%} .original-content .perf-title h2{font-size:clamp(42px,4vw,62px);margin:0} .original-content .perf-points{display:grid;grid-template-columns:repeat(4,1fr)} .original-content .perf-points>div{padding:16px 20px;border-left:1px solid #2a2e31;display:flex;flex-direction:column;gap:8px} .original-content .perf-points b{width:42px;height:42px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:20px} .original-content .perf-points strong{font-size:17px} .original-content .perf-points small{color:#8f969b;font-size:11px;line-height:1.45} .original-content .split-showcase{display:grid;grid-template-columns:1fr 1fr;background:#fff} .original-content .showcase-block{position:relative;min-height:420px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:48px} .original-content .showcase-block.alternate{background:#f7fbfd} .original-content .showcase-copy{position:relative;z-index:2} .original-content .showcase-copy h2{font-size:clamp(36px,3.5vw,54px)} .original-content .showcase-copy p{font-size:14px;color:#555} .original-content .showcase-block>img{width:135%;max-width:none;height:270px;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.16);transform:rotate(-4deg) translateX(8%)} .original-content .showcase-block.alternate>img{transform:rotate(4deg) translateX(8%)} .original-content .agency-training{display:grid;grid-template-columns:1fr 1fr} .original-content .agency-panel{position:relative;min-height:460px;overflow:hidden;background:#0c0c0c} .original-content .agency-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(.9);transition:.6s} .original-content .agency-panel:hover>img{transform:scale(1.04);filter:brightness(.5) saturate(1)} .original-content .agency-panel:nth-child(2)>img{object-position:center 20%} .original-content .overlay-copy{position:absolute;inset:auto 7% 10%;color:#fff;max-width:560px} .original-content .overlay-copy h2{font-size:clamp(38px,4vw,58px)} .original-content .overlay-copy p{color:#d0d4d7;max-width:500px} .original-content .final-cta{min-height:390px} .original-content .final-bg{position:absolute;right:0;top:0;bottom:0;width:48%;overflow:hidden} .original-content .final-bg img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:brightness(.52) saturate(.95)} .original-content .final-bg:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#090b0c 0,rgba(9,11,12,.45) 36%,transparent)} .original-content .final-inner{position:relative;z-index:3;padding:70px 0;max-width:850px;margin-left:max(calc((100vw - var(--shell))/2),22px);margin-right:auto;width:min(60%,850px)} .original-content .final-inner h2{font-size:clamp(48px,5.7vw,82px);margin-bottom:13px} .original-content .final-inner>p{color:#c8cdd1;font-size:18px} .original-content .site-footer{background:#050607;color:#fff;padding:55px 0 20px} .original-content .footer-grid{display:grid;grid-template-columns:1.35fr .75fr .75fr .6fr;gap:45px} .original-content .footer-grid>div{display:flex;flex-direction:column;gap:9px;align-items:flex-start} .original-content .footer-brand img{width:225px} .original-content .footer-grid p,.original-content .footer-grid span{font-size:12px;color:#9ca2a6;max-width:340px} .original-content .footer-grid strong{font-size:11px;text-transform:uppercase;letter-spacing:.11em} .original-content .footer-grid a{font-size:12px;color:#c2c6ca} .original-content .footer-grid a:hover{color:var(--blue)} .original-content .footer-bottom{margin-top:40px;border-top:1px solid #24272a;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:#6f7579;font-size:11px} .original-content .footer-bottom div{display:flex;gap:20px} .original-content .cookie-link{border:0;background:none;color:#6f7579;padding:0;font-size:11px;cursor:pointer} .original-content .floating-call{position:fixed;z-index:1100;right:20px;bottom:20px;height:58px;border-radius:999px;background:var(--blue);color:#061017;display:flex;align-items:center;gap:0;box-shadow:0 20px 40px rgba(0,0,0,.24);font-weight:950;overflow:hidden} .original-content .floating-call span{width:58px;height:58px;display:grid;place-items:center;font-size:21px} .original-content .floating-call b{max-width:0;opacity:0;white-space:nowrap;transition:.25s;font-size:12px} .original-content .floating-call:hover b{max-width:150px;opacity:1;padding-right:18px} .original-content .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)} .original-content .reveal.is-visible{opacity:1;transform:none} @media(max-width:1080px){.original-content .main-nav{gap:15px} .original-content .main-nav>a:not(.btn){font-size:11px} .original-content .hero-grid{grid-template-columns:1fr} .original-content .hero{padding-top:135px} .original-content .hero-copy{max-width:780px} .original-content .hero-showcase{min-height:500px} .original-content .service-grid{grid-template-columns:repeat(2,1fr)} .original-content .plans-wrap{grid-template-columns:1fr} .original-content .price-grid{max-width:760px} .original-content .perf-grid{grid-template-columns:1fr} .original-content .perf-image{width:36%;opacity:.35} .original-content .perf-title{padding:55px 0 10px} .original-content .perf-points{padding-bottom:55px} .original-content .split-showcase{grid-template-columns:1fr} .original-content .agency-training{grid-template-columns:1fr 1fr}} @media(max-width:820px){.original-content .header-inner{height:72px} .original-content .brand{width:190px} .original-content .menu-toggle{display:block} .original-content .main-nav{position:fixed;top:78px;left:14px;right:14px;padding:24px;background:#101315;border:1px solid #2a2e31;display:flex;flex-direction:column;align-items:stretch;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s} .original-content .main-nav.open{opacity:1;pointer-events:auto;transform:none} .original-content .trust-grid{grid-template-columns:1fr} .original-content .trust-item{border-right:0;border-bottom:1px solid var(--line)} .original-content .portfolio-head{align-items:flex-start;flex-direction:column} .original-content .portfolio-grid{grid-template-columns:1fr 1fr} .original-content .portfolio-grid .project:last-child{grid-column:1/-1;max-width:50%} .original-content .perf-points{grid-template-columns:1fr 1fr} .original-content .agency-training{grid-template-columns:1fr} .original-content .final-bg{width:70%;opacity:.45} .original-content .final-inner{width:min(calc(100% - 44px),850px);margin-inline:auto} .original-content .footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:600px){.original-content .shell{width:min(calc(100% - 28px),var(--shell))} .original-content .section-pad{padding:76px 0} .original-content .hero{min-height:auto;padding:115px 0 65px} .original-content .hero h1{font-size:50px} .original-content .hero-lead{font-size:16px} .original-content .hero-showcase{min-height:350px} .original-content .device-main{width:76%;height:230px;top:60px} .original-content .device-secondary{width:52%;height:205px;top:90px} .original-content .device-phone{width:22%;height:190px;top:150px} .original-content .service-grid,.original-content .price-grid,.original-content .portfolio-grid{grid-template-columns:1fr} .original-content .portfolio-grid .project:last-child{grid-column:auto;max-width:none} .original-content .service-card{min-height:340px} .original-content .plans-copy h2{font-size:48px} .original-content .price-card{min-height:auto} .original-content .perf-image{width:100%;opacity:.18} .original-content .perf-points{grid-template-columns:1fr 1fr} .original-content .showcase-block{grid-template-columns:1fr;gap:30px;padding:38px 24px} .original-content .showcase-block>img,.original-content .showcase-block.alternate>img{width:110%;height:220px;transform:rotate(-2deg) translateX(-2%)} .original-content .agency-panel{min-height:410px} .original-content .overlay-copy{inset:auto 6% 8%} .original-content .final-bg{width:100%;opacity:.28} .original-content .final-inner h2{font-size:52px} .original-content .footer-grid{grid-template-columns:1fr} .original-content .footer-bottom{align-items:flex-start;flex-direction:column} .original-content .floating-call b{display:none} .original-content .floating-call{width:54px;height:54px} .original-content .floating-call span{width:54px;height:54px} .original-content .hero-actions{flex-direction:column;align-items:stretch} .original-content .hero-actions .btn{width:100%}} @media(prefers-reduced-motion:reduce){.original-content *:before,.original-content *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} .original-content .reveal{opacity:1;transform:none}} .original-content .hero-slider{overflow:visible} .original-content .hero-slide{position:absolute;inset:0;opacity:0;transform:translateX(32px) scale(.985);pointer-events:none;transition:opacity .6s ease,transform .75s cubic-bezier(.2,.7,.2,1)} .original-content .hero-slide.is-active{opacity:1;transform:none;pointer-events:auto;z-index:2} .original-content .hero-slide .device{transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .55s ease} .original-content .hero-slide:not(.is-active) .device-main{transform:translate(25px,12px) rotate(-2deg)} .original-content .hero-slide:not(.is-active) .device-secondary{transform:translate(-18px,10px) rotate(5deg)} .original-content .hero-slide:not(.is-active) .device-phone{transform:translate(10px,18px) rotate(3deg)} .original-content .hero-caption{position:absolute;z-index:8;left:7%;bottom:28px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;background:rgba(8,10,11,.78);border-left:3px solid var(--blue);backdrop-filter:blur(8px)} .original-content .hero-caption small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#aab0b4} .original-content .hero-caption strong{font-size:13px;color:#fff} .original-content .slider-controls{display:flex;align-items:center;gap:10px} .original-content .hero-slider-controls{position:absolute;z-index:12;right:2%;bottom:26px} .original-content .slider-arrow{width:42px;height:42px;border-radius:50%;border:1px solid #cfd5d9;background:#fff;color:#0c0c0c;cursor:pointer;font-size:17px;font-weight:900;display:grid;place-items:center;transition:.2s} .original-content .slider-arrow:hover{border-color:var(--blue);background:var(--blue)} .original-content .slider-arrow:focus-visible,.original-content .slider-dot:focus-visible{outline:3px solid rgba(46,203,255,.35);outline-offset:3px} .original-content .slider-dots{display:flex;align-items:center;gap:7px} .original-content .slider-dot{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:#737b80;cursor:pointer;transition:.25s} .original-content .slider-dot.is-active{width:24px;background:var(--blue)} .original-content .performance-slider{min-height:390px;overflow:hidden} .original-content .perf-visual{position:absolute;inset:0 auto 0 0;width:39%;overflow:hidden} .original-content .perf-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.15),#090b0c 92%)} .original-content .perf-visual-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.05);filter:brightness(.48) saturate(.85);transition:opacity .65s ease,transform 1s ease} .original-content .perf-visual-slide.is-active{opacity:1;transform:scale(1)} .original-content .perf-slider-grid{position:relative;z-index:2;min-height:390px;display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center} .original-content .perf-slider-heading{padding-left:27%} .original-content .perf-word-wrap{display:flex;flex-direction:column;margin:6px 0 16px} .original-content .perf-kicker{font-size:14px;color:#8f969b;text-transform:uppercase;letter-spacing:.13em;font-weight:850} .original-content .perf-word{font-size:clamp(58px,7vw,112px);line-height:.9;letter-spacing:-.065em;color:var(--blue);font-weight:950} .original-content .perf-slider-copy{max-width:690px;color:#c6cbcf;font-size:16px;line-height:1.6;min-height:78px} .original-content .perf-slider-controls{margin-top:22px} .original-content .light-arrow{background:transparent;color:#fff;border-color:#3a4044} .original-content .perf-stage{position:relative;min-height:245px;border-left:1px solid #303539;padding-left:45px;display:flex;align-items:center} .original-content .perf-stage-item{position:absolute;left:45px;right:0;opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;align-items:flex-start;gap:13px} .original-content .perf-stage-item.is-active{opacity:1;transform:none} .original-content .perf-stage-icon{width:68px;height:68px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:29px} .original-content .perf-stage-item small{text-transform:uppercase;letter-spacing:.14em;color:#838b90;font-size:9px} .original-content .perf-stage-item strong{font-size:clamp(30px,3vw,48px);max-width:510px;line-height:1.02;letter-spacing:-.04em} @media(max-width:1080px){.original-content .perf-slider-grid{grid-template-columns:1fr 1fr;gap:35px} .original-content .perf-slider-heading{padding-left:20%}} @media(max-width:820px){.original-content .hero-slider-controls{right:4%;bottom:14px} .original-content .hero-caption{left:3%;bottom:14px} .original-content .performance-slider{min-height:520px} .original-content .perf-visual{width:100%;opacity:.28} .original-content .perf-visual:after{background:linear-gradient(180deg,rgba(9,11,12,.5),#090b0c 85%)} .original-content .perf-slider-grid{grid-template-columns:1fr;gap:18px;padding-top:55px;padding-bottom:55px} .original-content .perf-slider-heading{padding-left:0} .original-content .perf-stage{min-height:160px;padding-left:24px} .original-content .perf-stage-item{left:24px}} @media(max-width:600px){.original-content .hero-caption{display:none} .original-content .hero-slider-controls{right:50%;transform:translateX(50%);bottom:-2px} .original-content .slider-arrow{width:38px;height:38px} .original-content .perf-word{font-size:58px} .original-content .perf-slider-copy{font-size:14px;min-height:90px} .original-content .perf-stage{min-height:190px} .original-content .perf-stage-item strong{font-size:34px}} @media(prefers-reduced-motion:reduce){.original-content .hero-slide,.original-content .perf-visual-slide,.original-content .perf-stage-item{transition:none!important;transform:none!important}} .original-content .hero{padding-bottom:112px} .original-content .hero-showcase{min-height:565px} .original-content .hero-copy [data-hero-eyebrow],.original-content .hero-copy [data-hero-title],.original-content .hero-copy [data-hero-lead]{ transition:opacity .26s ease,transform .34s cubic-bezier(.2,.7,.2,1); } .original-content .hero-copy.is-changing [data-hero-eyebrow],.original-content .hero-copy.is-changing [data-hero-title],.original-content .hero-copy.is-changing [data-hero-lead]{ opacity:0; transform:translateY(12px); } .original-content .hero-slider-controls{ right:50%; bottom:-24px; transform:translateX(50%); padding:7px 10px; border-radius:999px; background:rgba(8,11,13,.86); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(8px); } .original-content .hero-slider-controls .slider-arrow{ width:40px; height:40px; background:#fff; } .original-content .hero-slider-controls .slider-dot{background:#6c757b} .original-content .hero-slider-controls .slider-dot.is-active{background:var(--blue)} @media(max-width:1080px){.original-content .hero{padding-bottom:105px} .original-content .hero-showcase{min-height:545px}} @media(max-width:820px){.original-content .hero-slider-controls{ right:50%; bottom:-26px; transform:translateX(50%); }} @media(max-width:600px){.original-content .hero{padding-bottom:88px} .original-content .hero-showcase{min-height:390px} .original-content .hero-slider-controls{ right:50%; bottom:-20px; transform:translateX(50%); }} @media(prefers-reduced-motion:reduce){.original-content .hero-copy [data-hero-eyebrow],.original-content .hero-copy [data-hero-title],.original-content .hero-copy [data-hero-lead]{transition:none!important;transform:none!important}} .original-content .fx-defs{position:absolute;overflow:hidden;pointer-events:none} .original-content .hero{isolation:isolate;overflow:hidden} .original-content .hero-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none} .original-content .hero .shell{position:relative;z-index:2} .original-content .orb{position:absolute;border-radius:50%;filter:blur(55px);opacity:.18;will-change:transform} .original-content .orb-a{width:360px;height:360px;right:13%;top:8%;background:var(--blue);animation:orbFloatA 12s ease-in-out infinite alternate} .original-content .orb-b{width:240px;height:240px;right:34%;bottom:4%;background:#0d768f;animation:orbFloatB 15s ease-in-out infinite alternate} .original-content .water-light{ position:absolute; width:68%; height:44%; right:-7%; bottom:-13%; opacity:.22; background: repeating-radial-gradient(ellipse at 50% 80%, transparent 0 17px, rgba(46,203,255,.25) 18px 19px, transparent 20px 34px); transform:perspective(500px) rotateX(67deg) scaleX(1.4); transform-origin:center bottom; filter:blur(.5px); animation:waterDrift 9s linear infinite; } .original-content .scan-line{ position:absolute; top:0;bottom:0;left:-28%; width:16%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),rgba(46,203,255,.07),transparent); transform:skewX(-18deg); animation:scanSweep 10s ease-in-out infinite; } .original-content .hero-slide{ opacity:0; transform:translateX(18px) scale(.992); filter:blur(2px); transition: opacity 1.15s cubic-bezier(.22,.61,.36,1), transform 1.35s cubic-bezier(.16,1,.3,1), filter 1.05s ease; } .original-content .hero-slide.is-active{ opacity:1; transform:none; filter:none; } .original-content .hero-slide .device{ will-change:transform,opacity,filter; transition: transform 1.35s cubic-bezier(.16,1,.3,1), opacity 1.05s ease, filter 1.1s ease; } .original-content .hero-slide:not(.is-active) .device-main{transform:translate(18px,8px) rotate(-1.1deg) scale(.995);filter:blur(1px)} .original-content .hero-slide:not(.is-active) .device-secondary{transform:translate(-12px,7px) rotate(2deg) scale(.99);filter:blur(1px)} .original-content .hero-slide:not(.is-active) .device-phone{transform:translate(7px,10px) rotate(1.4deg) scale(.992);filter:blur(1px)} .original-content .hero-slide .device img{ filter:url(#waterRipple); transform:translateZ(0); } .original-content .hero-slide.is-active .device-main{animation:deviceBreath 7.5s ease-in-out infinite alternate} .original-content .hero-slide.is-active .device-secondary{animation:deviceBreathAlt 8.5s ease-in-out infinite alternate} .original-content .hero-slide.is-active .device-phone{animation:devicePhoneFloat 6.8s ease-in-out infinite alternate} .original-content .hero-showcase::after{ content:""; position:absolute; inset:4% 1% 3% 2%; z-index:10; pointer-events:none; opacity:.34; background:radial-gradient( 360px circle at var(--mx,68%) var(--my,40%), rgba(255,255,255,.13), rgba(46,203,255,.055) 28%, transparent 66% ); mix-blend-mode:screen; transition:opacity .35s ease; } .original-content .hero-showcase:hover::after{opacity:.55} .original-content .hero-showcase::before{ content:""; position:absolute; z-index:1; left:3%;right:-4%;bottom:5%; height:1px; background:linear-gradient(90deg,transparent,rgba(46,203,255,.18),rgba(46,203,255,.75),rgba(46,203,255,.16),transparent); box-shadow:0 0 28px rgba(46,203,255,.32); animation:horizonPulse 5.5s ease-in-out infinite; } .original-content .hero-copy [data-hero-eyebrow],.original-content .hero-copy [data-hero-title],.original-content .hero-copy [data-hero-lead]{ transition: opacity .48s ease, transform .65s cubic-bezier(.16,1,.3,1), filter .48s ease; } .original-content .hero-copy.is-changing [data-hero-eyebrow],.original-content .hero-copy.is-changing [data-hero-title],.original-content .hero-copy.is-changing [data-hero-lead]{ opacity:0; transform:translateY(16px); filter:blur(3px); } @keyframes deviceBreath{ 0%{transform:translate3d(0,0,0) rotate(0deg)} 100%{transform:translate3d(0,-6px,0) rotate(.18deg)} } @keyframes deviceBreathAlt{ 0%{transform:translate3d(0,0,0) rotate(0deg)} 100%{transform:translate3d(4px,-8px,0) rotate(-.2deg)} } @keyframes devicePhoneFloat{ 0%{transform:translate3d(0,0,0) rotate(0deg)} 100%{transform:translate3d(-2px,-10px,0) rotate(.35deg)} } @keyframes orbFloatA{ from{transform:translate3d(-12px,-8px,0) scale(.94)} to{transform:translate3d(28px,18px,0) scale(1.08)} } @keyframes orbFloatB{ from{transform:translate3d(0,18px,0) scale(.92)} to{transform:translate3d(-36px,-13px,0) scale(1.12)} } @keyframes waterDrift{ from{background-position:0 0} to{background-position:55px 22px} } @keyframes scanSweep{ 0%,18%{transform:translateX(0) skewX(-18deg);opacity:0} 33%{opacity:1} 58%{transform:translateX(840%) skewX(-18deg);opacity:.55} 70%,100%{transform:translateX(840%) skewX(-18deg);opacity:0} } @keyframes horizonPulse{ 0%,100%{opacity:.38;transform:scaleX(.95)} 50%{opacity:.82;transform:scaleX(1.02)} } @media(max-width:820px){.original-content .water-light{width:100%;right:-20%;opacity:.14} .original-content .orb{opacity:.12} .original-content .hero-showcase::after{opacity:.22}} @media(max-width:600px){.original-content .hero-showcase::after,.original-content .scan-line{display:none} .original-content .hero-slide .device img{filter:none} .original-content .water-light{opacity:.1}} @media(prefers-reduced-motion:reduce){.original-content .orb,.original-content .water-light,.original-content .scan-line,.original-content .hero-slide.is-active .device-main,.original-content .hero-slide.is-active .device-secondary,.original-content .hero-slide.is-active .device-phone,.original-content .hero-showcase::before{ animation:none!important; } .original-content .hero-slide .device img{filter:none!important}} .original-content .site-footer .footer-brand img{height:auto!important} .original-content .hero-text-gallery{ min-height:520px; overflow:hidden; background: radial-gradient(circle at 70% 30%,rgba(46,203,255,.11),transparent 28%), linear-gradient(135deg,#081016,#0b1115 58%,#071018); } .original-content .hero-copy-slide{ display:flex; align-items:center; padding:54px 56px 92px; } .original-content .hero-slide-content{ position:relative; z-index:4; max-width:730px; } .original-content .hero-slide-content small{ display:block; margin-bottom:18px; color:var(--blue); font-size:11px; font-weight:950; letter-spacing:.18em; } .original-content .hero-slide-content strong{ display:block; color:#fff; font-size:clamp(44px,4.3vw,72px); line-height:.94; letter-spacing:-.06em; } .original-content .hero-slide-content strong em{ color:var(--blue); font-style:italic; font-weight:700; } .original-content .hero-slide-content p{ max-width:610px; margin:24px 0; color:#c7d0d5; font-size:17px; line-height:1.6; } .original-content .hero-text-gallery .hero-slider-controls{ left:56px; right:auto; bottom:28px; transform:none; } .original-content .hero-graphic-bg{ position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; } .original-content .web-shape{ position:absolute; opacity:.16; color:var(--blue); border-color:var(--blue); will-change:transform; } .original-content .web-circle{ width:160px;height:160px;border:1px solid;border-radius:50%; right:9%;top:10%; animation:webFloat1 14s ease-in-out infinite alternate; } .original-content .web-square{ width:115px;height:115px;border:1px solid; right:29%;bottom:13%; transform:rotate(22deg); animation:webFloat2 18s ease-in-out infinite alternate; } .original-content .web-ring{ width:270px;height:270px;border:1px dashed;border-radius:50%; right:-6%;bottom:-17%; animation:webRotate 35s linear infinite; } .original-content .web-code{ right:38%;top:16%; font:900 44px/1 monospace; animation:webFloat3 16s ease-in-out infinite alternate; } .original-content .web-window{ width:230px;height:140px;border:1px solid;border-radius:12px; right:8%;top:43%; animation:webFloat4 20s ease-in-out infinite alternate; } .original-content .web-window:before{ content:""; position:absolute;left:0;right:0;top:25px; border-top:1px solid rgba(46,203,255,.8); } .original-content .web-window:after{ content:"•••"; position:absolute;left:12px;top:3px; font-size:15px;letter-spacing:5px; } @keyframes webFloat1{from{transform:translate3d(0,0,0)}to{transform:translate3d(-32px,24px,0)}} @keyframes webFloat2{from{transform:translate3d(0,0,0) rotate(22deg)}to{transform:translate3d(26px,-20px,0) rotate(34deg)}} @keyframes webRotate{to{transform:rotate(360deg)}} @keyframes webFloat3{from{transform:translateY(0)}to{transform:translateY(28px)}} @keyframes webFloat4{from{transform:translate3d(0,0,0)}to{transform:translate3d(-24px,-18px,0)}} .original-content .performance-slider .perf-visual{ background:url('/assets/images-perf/caracteristiques-site-performant-reunion-01aa955c-1600.webp') center/cover fixed no-repeat; } .original-content .performance-slider .perf-visual-slide{ opacity:0!important; } .original-content .final-cta .final-bg img{ object-fit:contain; object-position:right bottom; } @media(max-width:820px){.original-content .hero-text-gallery{min-height:470px} .original-content .hero-copy-slide{padding:42px 38px 86px} .original-content .hero-text-gallery .hero-slider-controls{left:38px} .original-content .performance-slider .perf-visual{background-attachment:scroll}} @media(max-width:600px){.original-content .hero-text-gallery{min-height:430px} .original-content .hero-copy-slide{padding:32px 22px 80px} .original-content .hero-slide-content strong{font-size:40px} .original-content .hero-slide-content p{font-size:15px} .original-content .hero-text-gallery .hero-slider-controls{left:22px;bottom:22px} .original-content .web-window{display:none}} @media(prefers-reduced-motion:reduce){.original-content .web-shape{animation:none!important}} .original-content .hero-text-gallery{ position:relative; min-height:590px; overflow:hidden; border:1px solid rgba(115,108,255,.10); background: radial-gradient(circle at 82% 24%, rgba(121,102,255,.11), transparent 22%), radial-gradient(circle at 20% 80%, rgba(163,116,255,.09), transparent 28%), linear-gradient(180deg, #f1effb 0%, #ece9fa 100%); box-shadow:0 28px 70px rgba(5, 10, 20, .10); } .original-content .hero-text-gallery .hero-copy-slide{ display:flex; align-items:center; justify-content:center; padding:54px 46px 108px; } .original-content .hero-slide-content-centered{ max-width:760px; text-align:center; } .original-content .hero-slide-content-centered small{ display:block; margin-bottom:18px; color:#7267ff; font-size:11px; font-weight:950; letter-spacing:.22em; } .original-content .hero-slide-content-centered strong{ display:block; margin:0 auto; color:#0d123f; font-size:clamp(34px,3.25vw,60px); line-height:1.06; letter-spacing:-.055em; max-width:720px; } .original-content .hero-slide-content-centered strong em{ font-style:italic; font-weight:500; color:#0d123f; } .original-content .hero-slide-content-centered p{ max-width:700px; margin:26px auto 0; color:#222a55; font-size:18px; line-height:1.55; } .original-content .hero-slide-content-centered .btn{ margin-top:28px; background:linear-gradient(90deg,#5a50ea,#c07df6); border:none; color:#fff; box-shadow:0 14px 34px rgba(90,80,234,.20); } .original-content .hero-slide-note{ display:inline-block; position:relative; margin-top:22px; color:#5a50ea; font-size:14px; font-weight:700; } .original-content .hero-slide-note::before{ content:''; position:absolute; left:-38px; top:50%; width:28px; height:14px; border-left:3px solid #5a50ea; border-bottom:3px solid #5a50ea; border-bottom-left-radius:18px; transform:translateY(-50%) rotate(-18deg); } .original-content .hero-gallery-surface{ position:absolute; inset:0; pointer-events:none; overflow:hidden; } .original-content .surface-orb,.original-content .surface-line,.original-content .surface-code{ position:absolute; opacity:.6; } .original-content .surface-orb{ border:1px solid rgba(115,108,255,.23); border-radius:50%; } .original-content .orb-one{width:170px;height:170px;right:10%;top:18%;} .original-content .orb-two{width:310px;height:310px;right:-5%;bottom:-8%;opacity:.3;border-style:dashed;} .original-content .surface-line{border:1px solid rgba(115,108,255,.15);} .original-content .line-one{width:210px;height:140px;right:14%;top:44%;border-radius:14px;} .original-content .line-two{width:86px;height:86px;right:34%;bottom:17%;transform:rotate(32deg);} .original-content .surface-code{left:10%;top:14%;font:900 34px/1 monospace;color:rgba(115,108,255,.10);} .original-content .hero-text-gallery .hero-slider-controls{ left:50%; right:auto; bottom:28px; transform:translateX(-50%); background:rgba(255,255,255,.86); padding:8px 10px; border-radius:999px; box-shadow:0 12px 30px rgba(10,18,63,.10); } .original-content .hero-text-gallery .slider-arrow{ background:#fff; color:#10152f; box-shadow:0 3px 10px rgba(0,0,0,.08); } .original-content .hero-text-gallery .slider-dot{background:rgba(16,21,47,.20)} .original-content .hero-text-gallery .slider-dot.is-active{background:#43c8ff} @media(max-width:1200px){.original-content .hero-text-gallery{min-height:540px} .original-content .hero-slide-content-centered strong{font-size:clamp(32px,3vw,52px)}} @media(max-width:820px){.original-content .hero-text-gallery{min-height:500px} .original-content .hero-text-gallery .hero-copy-slide{padding:40px 28px 92px} .original-content .hero-slide-content-centered p{font-size:16px} .original-content .surface-code,.original-content .line-one{display:none}} @media(max-width:600px){.original-content .hero-text-gallery{min-height:470px} .original-content .hero-slide-content-centered strong{font-size:34px} .original-content .hero-slide-note{display:none} .original-content .orb-two,.original-content .line-two{display:none}} .original-content .hero-text-gallery.gallery-dark{ position:relative; min-height:570px; overflow:hidden; background: radial-gradient(circle at 76% 24%, rgba(46,203,255,.12), transparent 24%), radial-gradient(circle at 22% 82%, rgba(46,203,255,.07), transparent 28%), linear-gradient(145deg,#071014 0%,#0a1116 54%,#0b1a22 100%); border:1px solid rgba(46,203,255,.08); box-shadow:0 28px 80px rgba(0,0,0,.24); } .original-content .hero-text-gallery.gallery-dark .hero-copy-slide{ display:flex; align-items:center; justify-content:center; padding:58px 58px 108px; } .original-content .gallery-center-copy{ position:relative; z-index:4; width:min(100%,780px); margin:auto; text-align:center; } .original-content .gallery-center-copy small{ display:block; margin-bottom:18px; color:var(--blue); font-size:11px; font-weight:950; letter-spacing:.20em; } .original-content .gallery-center-copy strong{ display:block; color:#fff; font-size:clamp(38px,3.7vw,64px); line-height:1.00; letter-spacing:-.058em; } .original-content .gallery-center-copy strong em{ color:var(--blue); font-style:normal; font-weight:900; } .original-content .gallery-center-copy p{ width:min(100%,700px); margin:24px auto 0; color:#c6cfd4; font-size:18px; line-height:1.55; } .original-content .gallery-actions{ display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:30px; } .original-content .gallery-center-copy .btn{ min-height:50px; } .original-content .gallery-note{ display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:rgba(255,255,255,.62); font-size:12px; font-weight:800; letter-spacing:.04em; } .original-content .gallery-note::before,.original-content .gallery-note::after{ content:''; width:22px; height:1px; background:rgba(46,203,255,.45); } .original-content .gallery-fun-bg{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; } .original-content .fun-shape{ position:absolute; color:rgba(46,203,255,.13); border-color:rgba(46,203,255,.13); will-change:transform; } .original-content .fun-circle{border:1px solid;border-radius:50%;} .original-content .circle-a{ width:170px;height:170px;right:8%;top:10%; animation:galleryFloatA 15s ease-in-out infinite alternate; } .original-content .circle-b{ width:290px;height:290px;left:-10%;bottom:-18%; border-style:dashed;opacity:.55; animation:galleryRotate 36s linear infinite; } .original-content .fun-card{ width:190px;height:118px;right:15%;bottom:16%; border:1px solid;border-radius:14px; transform:rotate(-8deg); animation:galleryFloatB 19s ease-in-out infinite alternate; } .original-content .fun-card::before{ content:'';position:absolute;left:0;right:0;top:26px;border-top:1px solid rgba(46,203,255,.13); } .original-content .fun-card::after{ content:'•••';position:absolute;left:12px;top:3px;font-size:15px;letter-spacing:5px; } .original-content .fun-code{ left:9%;top:14%;font:900 40px/1 monospace;opacity:.65; animation:galleryFloatC 14s ease-in-out infinite alternate; } .original-content .fun-cursor{ right:34%;top:13%;font-size:34px;opacity:.45; animation:galleryFloatD 17s ease-in-out infinite alternate; } .original-content .fun-dots{ left:18%;bottom:17%;font-size:24px;letter-spacing:8px;opacity:.40; animation:galleryFloatE 16s ease-in-out infinite alternate; } .original-content .hero-text-gallery.gallery-dark .hero-slider-controls{ left:50%;right:auto;bottom:26px;transform:translateX(-50%); background:rgba(5,10,13,.78); border:1px solid rgba(255,255,255,.10); box-shadow:0 12px 34px rgba(0,0,0,.20); } .original-content .hero-text-gallery.gallery-dark .slider-arrow{ background:#fff;color:#0c1115;border-color:#fff; } .original-content .hero-text-gallery.gallery-dark .slider-dot{background:rgba(255,255,255,.25)} .original-content .hero-text-gallery.gallery-dark .slider-dot.is-active{background:var(--blue)} @keyframes galleryFloatA{from{transform:translate3d(0,0,0)}to{transform:translate3d(-28px,22px,0)}} @keyframes galleryFloatB{from{transform:translate3d(0,0,0) rotate(-8deg)}to{transform:translate3d(-22px,-18px,0) rotate(-3deg)}} @keyframes galleryFloatC{from{transform:translate3d(0,0,0)}to{transform:translate3d(18px,24px,0)}} @keyframes galleryFloatD{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-18px,18px,0) rotate(8deg)}} @keyframes galleryFloatE{from{transform:translate3d(0,0,0)}to{transform:translate3d(25px,-12px,0)}} @keyframes galleryRotate{to{transform:rotate(360deg)}} @media(max-width:1000px){.original-content .hero-text-gallery.gallery-dark{min-height:530px} .original-content .gallery-center-copy strong{font-size:clamp(36px,4vw,56px)}} @media(max-width:820px){.original-content .hero-text-gallery.gallery-dark .hero-copy-slide{padding:44px 30px 96px} .original-content .gallery-center-copy p{font-size:16px} .original-content .fun-code,.original-content .fun-cursor{display:none}} @media(max-width:600px){.original-content .hero-text-gallery.gallery-dark{min-height:500px} .original-content .gallery-center-copy strong{font-size:35px} .original-content .gallery-actions{flex-direction:column;align-items:stretch} .original-content .gallery-actions .btn{width:100%} .original-content .gallery-note{display:none} .original-content .fun-card{right:-8%;bottom:12%;opacity:.45} .original-content .circle-a{width:120px;height:120px}} @media(prefers-reduced-motion:reduce){.original-content .gallery-fun-bg .fun-shape{animation:none!important}} .original-content .home-page .hero-grid{ grid-template-columns:1fr; gap:0; } .original-content .home-page .hero-copy{ display:none; } .original-content .home-page .hero-showcase.hero-text-gallery{ width:min(100%, 1240px); min-height:620px; margin:4px auto 0; border:1px solid rgba(46,203,255,.08); border-radius:0; background: radial-gradient(circle at 72% 22%, rgba(46,203,255,.12), transparent 20%), radial-gradient(circle at 28% 78%, rgba(46,203,255,.07), transparent 25%), linear-gradient(135deg, #05090c 0%, #091017 58%, #07131a 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.02); } .original-content .home-page .hero-copy-slide{ justify-content:center; align-items:center; text-align:center; padding:86px 60px 132px; } .original-content .home-page .gallery-center-copy{ position:relative; z-index:4; width:100%; max-width:1180px; margin:0 auto; } .original-content .home-page .gallery-center-copy small{ display:block; margin-bottom:22px; color:var(--blue); font-size:11px; font-weight:950; letter-spacing:.22em; text-transform:uppercase; } .original-content .home-page .gallery-center-copy strong{ display:block; max-width:980px; margin:0 auto; color:#fff; font-size:clamp(42px, 5vw, 86px); line-height:1.02; letter-spacing:-.055em; } .original-content .home-page .gallery-center-copy strong em{ color:var(--blue); font-style:normal; } .original-content .home-page .gallery-center-copy p{ max-width:920px; margin:26px auto 0; color:#c8d1d7; font-size:19px; line-height:1.5; } .original-content .home-page .gallery-actions{ display:flex; justify-content:center; gap:18px; flex-wrap:wrap; margin-top:34px; } .original-content .home-page .gallery-actions .btn{ min-width:208px; } .original-content .home-page .gallery-actions .btn-ghost{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.22); color:#fff; } .original-content .home-page .gallery-note{ display:block; margin-top:28px; color:#9eaab2; font-size:15px; font-weight:700; } .original-content .home-page .hero-text-gallery .hero-slider-controls{ left:50%; right:auto; bottom:34px; transform:translateX(-50%); padding:10px 14px; border-radius:999px; background:rgba(7,11,15,.68); border:1px solid rgba(255,255,255,.10); box-shadow:0 18px 40px rgba(0,0,0,.26); } .original-content .home-page .gallery-fun-bg{ position:absolute; inset:0; pointer-events:none; overflow:hidden; } .original-content .home-page .fun-shape{ position:absolute; opacity:.24; color:rgba(46,203,255,.35); border-color:rgba(46,203,255,.22); will-change:transform,opacity; } .original-content .home-page .fun-circle{ border:1px solid currentColor; border-radius:50%; } .original-content .home-page .circle-a{ width:190px;height:190px;right:10%;top:13%; animation:homeFloatA 16s ease-in-out infinite alternate; } .original-content .home-page .circle-b{ width:320px;height:320px;left:-6%;bottom:-10%; opacity:.12; animation:homeFloatB 18s ease-in-out infinite alternate; } .original-content .home-page .fun-card{ width:180px;height:112px;right:12%;bottom:16%; border:1px solid rgba(46,203,255,.17); border-radius:18px; transform:rotate(-8deg); animation:homeFloatC 14s ease-in-out infinite alternate; } .original-content .home-page .fun-code{ left:12%;top:18%; font:900 42px/1 monospace; color:rgba(46,203,255,.10); animation:homeFloatD 12s ease-in-out infinite alternate; } .original-content .home-page .fun-cursor{ right:24%;top:16%; font-size:34px; color:rgba(46,203,255,.14); animation:homeFloatB 10s ease-in-out infinite alternate; } .original-content .home-page .fun-dots{ left:17%;bottom:18%; letter-spacing:.22em; font-size:26px; color:rgba(46,203,255,.18); animation:homeFloatC 11s ease-in-out infinite alternate; } @keyframes homeFloatA{from{transform:translate3d(0,0,0)}to{transform:translate3d(12px,16px,0)}} @keyframes homeFloatB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-16px,-10px,0) scale(1.04)}} @keyframes homeFloatC{from{transform:rotate(-8deg) translate3d(0,0,0)}to{transform:rotate(-2deg) translate3d(10px,-14px,0)}} @keyframes homeFloatD{from{transform:translate3d(0,0,0)}to{transform:translate3d(8px,-10px,0)}} @media (max-width:1100px){.original-content .home-page .hero-showcase.hero-text-gallery{min-height:580px} .original-content .home-page .hero-copy-slide{padding:74px 36px 120px} .original-content .home-page .gallery-center-copy strong{font-size:clamp(38px, 5vw, 68px)} .original-content .home-page .gallery-center-copy p{font-size:18px}} @media (max-width:820px){.original-content .home-page .hero-showcase.hero-text-gallery{min-height:520px} .original-content .home-page .hero-copy-slide{padding:58px 24px 108px} .original-content .home-page .gallery-center-copy strong{font-size:clamp(34px, 8.8vw, 54px)} .original-content .home-page .gallery-center-copy p{font-size:16px} .original-content .home-page .circle-a,.original-content .home-page .fun-card{right:4%} .original-content .home-page .fun-code,.original-content .home-page .fun-dots{display:none}} @media (max-width:560px){.original-content .home-page .hero-showcase.hero-text-gallery{min-height:500px} .original-content .home-page .gallery-actions{flex-direction:column;align-items:center} .original-content .home-page .gallery-actions .btn{width:min(100%,290px)} .original-content .home-page .gallery-note{font-size:13px}} .original-content .home-page .hero-showcase.hero-text-gallery{ border:none; box-shadow:none; } .original-content .home-page .hero-showcase.hero-text-gallery::before,.original-content .home-page .hero-showcase.hero-text-gallery::after{ box-shadow:none; } .original-content .home-page .hero-showcase .hero-slide{ transform:translateY(12px) scale(.992); filter:blur(7px); will-change:opacity,transform,filter; backface-visibility:hidden; transition: opacity .95s cubic-bezier(.22,.61,.36,1), transform 1.05s cubic-bezier(.22,.61,.36,1), filter 1.05s cubic-bezier(.22,.61,.36,1); } .original-content .home-page .hero-showcase .hero-slide.is-active{ transform:none; filter:blur(0); } .original-content .home-page .hero-showcase .gallery-center-copy{ transform:translateY(0); transition:transform 1s cubic-bezier(.22,.61,.36,1), opacity .8s ease; } .original-content .home-page .hero-showcase .hero-slide:not(.is-active) .gallery-center-copy{ transform:translateY(10px); } .original-content .home-page .hero-showcase.hero-text-gallery{ border:0!important; outline:0!important; box-shadow:none!important; } .original-content .home-page .hero-showcase.hero-text-gallery::before,.original-content .home-page .hero-showcase.hero-text-gallery::after{ content:none!important; display:none!important; border:0!important; outline:0!important; box-shadow:none!important; background:none!important; } .original-content .home-page .hero-showcase.hero-text-gallery{ width:100%; max-width:none; margin:4px 0 0; background:transparent !important; border:none !important; outline:none !important; box-shadow:none !important; } .original-content .home-page .hero-showcase.hero-text-gallery::before,.original-content .home-page .hero-showcase.hero-text-gallery::after{ content:none !important; display:none !important; } .original-content .home-page .hero{ background: radial-gradient(circle at 72% 28%, rgba(46,203,255,.14), transparent 24%), radial-gradient(circle at 22% 82%, rgba(46,203,255,.08), transparent 26%), linear-gradient(135deg,#05090c 0%,#091017 58%,#07131a 100%); } .original-content .home-page .hero-bg,.original-content .home-page .hero-bg:after{ opacity:.72; } .original-content .home-page .fun-shape{ opacity:.34; color:rgba(46,203,255,.42); border-color:rgba(46,203,255,.28); } .original-content .home-page .circle-a{ width:220px; height:220px; } .original-content .home-page .circle-b{ width:380px; height:380px; opacity:.17; } .original-content .home-page .fun-card{ width:210px; height:126px; border-color:rgba(46,203,255,.22); } .original-content .home-page .fun-code{ color:rgba(46,203,255,.16); } .original-content .home-page .fun-cursor{ color:rgba(46,203,255,.20); } .original-content .home-page .fun-dots{ color:rgba(46,203,255,.24); } .original-content .home-page .hero-text-gallery .hero-slider-controls{ bottom:10px !important; } @media(max-width:820px){.original-content .home-page .hero-text-gallery .hero-slider-controls{ bottom:8px !important; }} .original-content .home-page .performance-slider{ padding-top:80px; padding-bottom:80px; } .original-content .home-page .performance-slider .perf-visual{ width:75%; } .original-content .home-page .performance-slider .perf-visual::after{ background:linear-gradient( 90deg, #090b0c 0%, rgba(9,11,12,.96) 16%, rgba(9,11,12,.82) 34%, rgba(9,11,12,.52) 54%, rgba(9,11,12,.18) 72%, rgba(9,11,12,0) 100% ); } @media(max-width:820px){.original-content .home-page .performance-slider .perf-visual{ width:100%; }} .original-content .perf-visual::after,.original-content .perf-visual:after{ background: linear-gradient( 90deg, rgba(9,11,12,1) 0%, rgba(9,11,12,1) 12%, rgba(9,11,12,.96) 24%, rgba(9,11,12,.88) 40%, rgba(9,11,12,.72) 56%, rgba(9,11,12,.54) 72%, rgba(9,11,12,.35) 100% ) !important; } .original-content .performance-slider .perf-visual{ width: 100% !important; } .original-content .performance-slider .perf-visual-slide{ filter: brightness(.56) saturate(.9) !important; object-position: center center; } .original-content .performance-slider .perf-visual::after,.original-content .performance-slider .perf-visual:after{ background: linear-gradient( 90deg, rgba(9,11,12,1) 0%, rgba(9,11,12,1) 11%, rgba(9,11,12,.96) 22%, rgba(9,11,12,.86) 38%, rgba(9,11,12,.72) 56%, rgba(9,11,12,.52) 76%, rgba(9,11,12,.35) 100% ) !important; } .original-content .final-cta .final-bg{ right: 4%; width: 36%; overflow: visible; } .original-content .final-cta .final-bg img{ position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: brightness(.96) saturate(1); } .original-content .final-cta .final-bg::after{ content: ""; position: absolute; z-index: 1; width: 340px; height: 340px; right: 16%; top: 18%; border-radius: 50%; background: radial-gradient(circle, rgba(46,203,255,.18) 0%, rgba(46,203,255,.10) 32%, rgba(46,203,255,.04) 58%, rgba(46,203,255,0) 78%); filter: blur(10px); pointer-events: none; } .original-content .eyebrow,.original-content .eyebrow.light{ color:var(--blue)!important; font-size:11px!important; font-weight:900!important; letter-spacing:.14em!important; line-height:1.35!important; text-transform:uppercase!important; margin-top:0!important; margin-bottom:16px!important; } .original-content .agency-photo img,.original-content .formation-editorial-photo img,.original-content .formation-photo-stack img,.original-content .com-strategy-images img,.original-content .ref-story-image img,.original-content .mosaic img{ transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .38s ease,box-shadow .38s ease; will-change:transform; } @media (hover:hover) and (pointer:fine){.original-content .agency-photo:hover img,.original-content .formation-editorial-photo:hover img,.original-content .ref-story-image:hover img{ transform:scale(1.025); filter:saturate(1.07) contrast(1.02) brightness(1.02); box-shadow:0 26px 60px rgba(6,30,52,.16); } .original-content .formation-photo-stack img:hover,.original-content .com-strategy-images img:hover,.original-content .mosaic img:hover{ z-index:8; transform:translateY(-5px) scale(1.025); filter:saturate(1.07) contrast(1.02) brightness(1.02); box-shadow:0 30px 66px rgba(6,30,52,.20); } .original-content .mosaic img:nth-child(2):hover{transform:translateY(-19px) scale(1.025);} .original-content .mosaic img:nth-child(3):hover{transform:translateY(9px) scale(1.025);}} .original-content .main-nav>a:not(.btn){position:relative;} .original-content .main-nav>a:not(.btn).is-active{color:#fff;} .original-content .main-nav>a:not(.btn).is-active::after{ content:""; position:absolute; left:0; right:0; bottom:-10px; height:2px; border-radius:2px; background:var(--blue); box-shadow:0 0 12px rgba(46,203,255,.32); } @media(max-width:820px){.original-content .main-nav>a:not(.btn).is-active{color:var(--blue);} .original-content .main-nav>a:not(.btn).is-active::after{ left:0; right:auto; bottom:-5px; width:34px; }} .original-content .as-cookie-banner,.original-content .as-cookie-modal,.original-content .as-cookie-manage,.original-content .as-cookie-backdrop{box-sizing:border-box} .original-content .as-cookie-banner *,.original-content .as-cookie-modal *,.original-content .as-cookie-manage *{box-sizing:border-box} .original-content .as-cookie-banner[hidden],.original-content .as-cookie-modal[hidden],.original-content .as-cookie-manage[hidden],.original-content .as-cookie-backdrop[hidden]{display:none!important} .original-content .as-cookie-banner{ position:fixed;z-index:4200;left:22px;bottom:22px;width:min(430px,calc(100vw - 44px)); display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px; background:rgba(5,7,8,.97);color:#fff;border:1px solid rgba(255,255,255,.11);border-radius:22px; box-shadow:0 28px 70px rgba(0,0,0,.38);backdrop-filter:blur(18px); opacity:0;transform:translateY(16px) scale(.985);transition:opacity .22s ease,transform .22s ease } .original-content .as-cookie-banner.is-visible{opacity:1;transform:none} .original-content .as-cookie-banner__mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--blue);color:var(--blue);font-size:26px;line-height:1} .original-content .as-cookie-kicker{margin:0 0 7px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .original-content .as-cookie-banner h2,.original-content .as-cookie-modal h2{margin:0;color:#fff;letter-spacing:-.04em} .original-content .as-cookie-banner h2{font-size:29px;line-height:1.05} .original-content .as-cookie-banner__body>p:not(.as-cookie-kicker):not(.as-cookie-note){margin:12px 0 17px;color:#bec5c9;font-size:13px;line-height:1.58} .original-content .as-cookie-actions{display:flex;gap:10px} .original-content .as-cookie-actions--main .as-cookie-btn{flex:1} .original-content .as-cookie-btn{appearance:none;border:1px solid transparent;border-radius:11px;min-height:44px;padding:10px 14px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease} .original-content .as-cookie-btn:hover{transform:translateY(-1px)} .original-content .as-cookie-btn:focus-visible,.original-content .as-cookie-customize:focus-visible,.original-content .as-cookie-close:focus-visible,.original-content .as-cookie-manage:focus-visible{outline:3px solid rgba(46,203,255,.42);outline-offset:3px} .original-content .as-cookie-btn--accept{background:var(--blue);color:#061e34;border-color:var(--blue)} .original-content .as-cookie-btn--reject{background:#15191b;color:#fff;border-color:#51585c} .original-content .as-cookie-btn--reject:hover{border-color:#fff} .original-content .as-cookie-btn--save{background:#fff;color:#061e34;border-color:#fff} .original-content .as-cookie-customize{margin-top:12px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:12px;font-weight:800;text-decoration:underline;text-decoration-color:rgba(46,203,255,.55);text-underline-offset:4px;cursor:pointer} .original-content .as-cookie-note{margin:13px 0 0;color:#7f888d;font-size:10px;line-height:1.45} .original-content .as-cookie-manage{position:fixed;z-index:4100;left:20px;bottom:20px;display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:#071017;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.23);cursor:pointer;opacity:0;transform:translateY(8px);transition:.2s} .original-content .as-cookie-manage.is-visible{opacity:1;transform:none} .original-content .as-cookie-manage span{color:var(--blue);font-size:20px} .original-content .as-cookie-manage b{font-size:11px;letter-spacing:.02em} .original-content .as-cookie-backdrop{position:fixed;z-index:4300;inset:0;background:rgba(0,0,0,.60);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s} .original-content .as-cookie-backdrop.is-visible{opacity:1} .original-content .as-cookie-modal{position:fixed;z-index:4310;left:50%;top:50%;width:min(670px,calc(100vw - 34px));max-height:min(760px,calc(100vh - 34px));overflow:auto;transform:translate(-50%,-48%) scale(.985);opacity:0;padding:28px;background:#090d0f;color:#fff;border:1px solid #2a3033;border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.48);transition:opacity .2s ease,transform .2s ease} .original-content .as-cookie-modal.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)} .original-content .cookie-modal-open{overflow:hidden} .original-content .as-cookie-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px} .original-content .as-cookie-modal h2{font-size:36px;line-height:1} .original-content .as-cookie-close{width:42px;height:42px;border-radius:50%;border:1px solid #353c40;background:#111618;color:#fff;font-size:25px;cursor:pointer} .original-content .as-cookie-close:hover{border-color:var(--blue);color:var(--blue)} .original-content .as-cookie-modal__intro{margin:18px 0 22px;color:#b8c0c4;font-size:14px;line-height:1.6} .original-content .as-cookie-purpose{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-top:1px solid #242a2d} .original-content .as-cookie-purpose:last-of-type{border-bottom:1px solid #242a2d} .original-content .as-cookie-purpose__text strong{display:block;color:#fff;font-size:16px} .original-content .as-cookie-purpose__text p{margin:6px 0 0;max-width:490px;color:#929ca1;font-size:12px;line-height:1.55} .original-content .as-cookie-always{flex:none;padding:7px 10px;border-radius:999px;background:rgba(46,203,255,.10);color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .original-content .as-cookie-purpose--toggle{cursor:pointer} .original-content .as-cookie-switch{position:relative;flex:none;width:50px;height:28px} .original-content .as-cookie-switch input{position:absolute;opacity:0;pointer-events:none} .original-content .as-cookie-switch span{position:absolute;inset:0;border-radius:999px;background:#30383c;border:1px solid #4d575c;transition:.2s} .original-content .as-cookie-switch span::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s} .original-content .as-cookie-switch input:checked+span{background:var(--blue);border-color:var(--blue)} .original-content .as-cookie-switch input:checked+span::after{transform:translateX(22px);background:#061e34} .original-content .as-cookie-switch input:focus-visible+span{outline:3px solid rgba(46,203,255,.4);outline-offset:3px} .original-content .as-cookie-details{padding:18px 0} .original-content .as-cookie-details p{margin:5px 0;color:#8f999e;font-size:11px;line-height:1.5} .original-content .as-cookie-details strong{color:#cdd3d6} .original-content .as-cookie-details a{color:var(--blue);text-decoration:underline;text-underline-offset:3px} .original-content .as-cookie-actions--modal{justify-content:flex-end;flex-wrap:wrap} .original-content .as-cookie-actions--modal .as-cookie-btn{min-width:145px} @media(max-width:620px){.original-content .as-cookie-banner{left:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:1fr;padding:18px;border-radius:18px} .original-content .as-cookie-banner__mark{display:none} .original-content .as-cookie-banner h2{font-size:25px} .original-content .as-cookie-actions--main{display:grid;grid-template-columns:1fr 1fr} .original-content .as-cookie-modal{padding:21px;border-radius:20px} .original-content .as-cookie-modal h2{font-size:30px} .original-content .as-cookie-purpose{align-items:flex-start} .original-content .as-cookie-actions--modal{display:grid;grid-template-columns:1fr} .original-content .as-cookie-actions--modal .as-cookie-btn{width:100%} .original-content .as-cookie-manage{left:12px;bottom:12px}} .original-content .seo-h1-context{ display:block!important; margin:0 0 16px!important; color:var(--blue)!important; font-size:12px!important; line-height:1.3!important; font-weight:900!important; letter-spacing:.14em!important; text-transform:uppercase!important; } .original-content .crumb-strip{background:#f6f8f9;border-bottom:1px solid #e1e7ea} .original-content .crumb-strip .shell{display:flex;align-items:center;gap:11px;min-height:48px;font-size:12px;font-weight:800;letter-spacing:.035em} .original-content .crumb-strip a{color:#657078;transition:color .2s ease} .original-content .crumb-strip a:hover{color:var(--blue)} .original-content .crumb-strip span{color:var(--blue);font-size:16px} .original-content .crumb-strip strong{color:#12191d} .original-content .seo-editorial{background:#f6f8f9} .original-content .seo-editorial .seo-editorial-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:72px;align-items:end;margin-bottom:42px} .original-content .seo-editorial .seo-editorial-head h2{margin:0;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.045em} .original-content .seo-editorial .seo-editorial-head>div>p:last-child,.original-content .seo-editorial .seo-editorial-head>p{margin:0;color:#68737a;font-size:17px;line-height:1.7} .original-content .seo-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch} .original-content .seo-editorial-grid article{position:relative;min-width:0;height:100%;padding:34px 32px 36px;background:rgba(255,255,255,.34);border:1px solid #dce3e6;border-radius:14px;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),background-color .28s ease,border-color .28s ease,box-shadow .28s ease} .original-content .seo-editorial-grid article:first-child,.original-content .seo-editorial-grid article:last-child{padding-left:32px;padding-right:32px} .original-content .seo-editorial-grid h3{margin:0 0 13px;font-size:24px;line-height:1.08;letter-spacing:-.025em} .original-content .seo-editorial-grid p{margin:0;color:#667178;line-height:1.68;font-size:15px} .original-content .seo-editorial-grid a,.original-content .seo-editorial-links a{color:#078fbf;font-weight:800;text-decoration:underline;text-decoration-color:rgba(46,203,255,.45);text-underline-offset:3px} .original-content .seo-editorial-links{margin:28px 0 0;color:#657078;line-height:1.7;font-size:15px} @media (hover:hover) and (pointer:fine){.original-content .seo-editorial-grid article:hover{background:#fff;transform:translateY(-6px);border-color:rgba(46,203,255,.55);box-shadow:0 20px 46px rgba(6,30,52,.10)} .original-content .seo-editorial-grid article:hover h3{color:#078fbf}} .original-content .seo-faq{background:#fff} .original-content .seo-faq .faq-heading h2{max-width:480px} @media(max-width:850px){.original-content .seo-editorial .seo-editorial-head{grid-template-columns:1fr;gap:20px} .original-content .seo-editorial-grid{grid-template-columns:1fr} .original-content .seo-editorial-grid article,.original-content .seo-editorial-grid article:first-child,.original-content .seo-editorial-grid article:last-child{padding:28px 26px;border:1px solid #dce3e6} .original-content .seo-editorial-grid article:last-child{border-bottom:1px solid #dce3e6} .original-content .seo-h1-context{font-size:10px!important;margin-bottom:12px!important} .original-content .crumb-strip .shell{min-height:44px}} .original-content .inner-hero .seo-h1-context{display:block;margin:0 0 17px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.14em;line-height:1.35;text-transform:uppercase} .original-content .home-page .seo-faq{ background:#fff; } .original-content .home-page .seo-faq .faq-grid{ display:grid; grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); gap:80px; align-items:start; } .original-content .home-page .seo-faq .faq-heading{ position:sticky; top:125px; } .original-content .home-page .seo-faq .faq-heading h2{ max-width:520px; margin:0; font-size:clamp(48px,4.7vw,76px); line-height:.98; letter-spacing:-.045em; } .original-content .home-page .seo-faq .faq-list{ border-top:1px solid #d8dddf; } .original-content .home-page .seo-faq .faq-list details{ border-bottom:1px solid #d8dddf; padding:0; } .original-content .home-page .seo-faq .faq-list summary{ position:relative; list-style:none; cursor:pointer; padding:25px 58px 25px 0; font-size:19px; line-height:1.35; font-weight:850; color:#111; transition:color .25s ease,padding-left .25s ease; } .original-content .home-page .seo-faq .faq-list summary::-webkit-details-marker{ display:none; } .original-content .home-page .seo-faq .faq-list summary::after{ content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:34px; height:34px; border:1px solid #cfd7dc; border-radius:50%; color:var(--blue); font-size:22px; font-weight:500; line-height:1; transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease; } .original-content .home-page .seo-faq .faq-list details[open] summary::after{ content:"−"; background:var(--blue); border-color:var(--blue); color:#061e34; } .original-content .home-page .seo-faq .faq-list details p{ margin:0; padding:0 62px 25px 0; max-width:780px; color:#657078; font-size:16px; line-height:1.7; } @media (hover:hover) and (pointer:fine){.original-content .home-page .seo-faq .faq-list summary:hover{ color:#149fce; padding-left:8px; } .original-content .home-page .seo-faq .faq-list summary:hover::after{ border-color:var(--blue); transform:translateY(-50%) scale(1.06); }} @media(max-width:1050px){.original-content .home-page .seo-faq .faq-grid{ grid-template-columns:1fr; gap:42px; } .original-content .home-page .seo-faq .faq-heading{ position:static; } .original-content .home-page .seo-faq .faq-heading h2{ max-width:720px; }} @media(max-width:650px){.original-content .home-page .seo-faq .faq-grid{ gap:30px; } .original-content .home-page .seo-faq .faq-heading h2{ font-size:46px; } .original-content .home-page .seo-faq .faq-list summary{ padding:21px 50px 21px 0; font-size:17px; } .original-content .home-page .seo-faq .faq-list details p{ padding:0 8px 22px 0; font-size:15px; }} @media (max-width:560px){.original-content .home-page .hero{ padding-top:115px; padding-bottom:54px; } .original-content .home-page .hero-showcase.hero-text-gallery{ min-height:0 !important; height:auto !important; overflow:hidden; display:flex; flex-direction:column; margin-top:0; } .original-content .home-page .hero-showcase .hero-slide{ position:relative !important; inset:auto !important; width:100%; display:none !important; opacity:1 !important; transform:none !important; filter:none !important; pointer-events:auto; } .original-content .home-page .hero-showcase .hero-slide.is-active{ display:flex !important; } .original-content .home-page .hero-copy-slide{ align-items:flex-start !important; justify-content:center !important; padding:18px 18px 0 !important; } .original-content .home-page .gallery-center-copy{ width:100%; max-width:100%; margin:0 auto; } .original-content .home-page .gallery-center-copy small{ display:block !important; margin:0 0 18px !important; font-size:10px; line-height:1.4; } .original-content .home-page .gallery-center-copy strong{ font-size:clamp(34px,10vw,42px) !important; line-height:1.02 !important; } .original-content .home-page .gallery-center-copy p{ margin-top:28px !important; font-size:16px !important; line-height:1.55 !important; } .original-content .home-page .gallery-actions{ margin-top:34px !important; gap:14px; flex-direction:column; align-items:center; } .original-content .home-page .gallery-actions .btn{ width:min(100%,355px) !important; } .original-content .home-page .gallery-note{ display:block !important; margin:28px auto 0 !important; padding:0 8px; font-size:13px !important; line-height:1.5; } .original-content .home-page .hero-text-gallery .hero-slider-controls{ position:relative !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; align-self:center; margin:34px auto 12px !important; z-index:20 !important; }} .original-content .inner-hero,.original-content .contact-hero{position:relative;overflow:hidden;background:#080b0d;color:#fff;padding:150px 0 90px;min-height:690px} .original-content .inner-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center} .original-content .inner-hero h1,.original-content .contact-hero h1{font-size:clamp(58px,6vw,94px);line-height:.92;letter-spacing:-.065em;margin:0 0 25px} .original-content .inner-hero h1 span,.original-content .contact-hero h1 span,.original-content .sticky-title h2 span,.original-content .internal-showcase h2 span,.original-content .contact-final h2 span{color:var(--blue)} .original-content .inner-hero-copy>p:not(.eyebrow),.original-content .contact-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#c6ccd0;max-width:650px} .original-content .inner-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;padding-top:25px;border-top:1px solid #303438} .original-content .inner-proof span{font-size:12px;color:#aab0b4} .original-content .inner-proof b{font-size:18px;color:#fff;margin-right:5px} .original-content .inner-visual{position:relative;min-height:460px;perspective:1200px} .original-content .inner-device{position:absolute;margin:0;overflow:hidden;border-radius:18px;border:6px solid #1c1d1f;box-shadow:0 30px 75px rgba(0,0,0,.5);background:#111} .original-content .inner-device img{width:100%;height:100%;object-fit:cover;filter:url(#waterRipple)} .original-content .inner-device.main{width:72%;height:350px;left:0;top:55px;transform:rotateY(-9deg) rotateZ(-2deg)} .original-content .inner-device.back{width:54%;height:280px;right:0;top:85px;transform:rotateY(7deg) rotateZ(4deg)} .original-content .inner-device.phone{width:18%;height:270px;right:2%;bottom:0;border-radius:26px;transform:rotate(6deg)} .original-content .crumb-strip{background:#f5f7f8;border-bottom:1px solid #e2e6e8} .original-content .crumb-strip .shell{display:flex;gap:10px;padding-top:15px;padding-bottom:15px;font-size:12px;color:#6d7377} .original-content .crumb-strip strong{color:#111} .original-content .internal-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:80px;align-items:start} .original-content .sticky-title{position:sticky;top:120px} .original-content .sticky-title h2{font-size:clamp(48px,4.5vw,74px);line-height:.96;letter-spacing:-.055em} .original-content .internal-copy .lead{font-size:23px;line-height:1.55;color:#272b2e;margin-top:0} .original-content .feature-lines{margin-top:40px;border-top:1px solid #ddd} .original-content .feature-lines>div{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #ddd} .original-content .feature-lines span{width:44px;height:44px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:20px} .original-content .feature-lines strong{font-size:20px} .original-content .feature-lines p{margin:6px 0 0;color:#666} .original-content .process-section{padding:95px 0} .original-content .process-section .section-heading{max-width:760px;margin-bottom:48px} .original-content .process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303438;border-bottom:1px solid #303438} .original-content .process-card{padding:34px 28px;border-right:1px solid #303438;min-height:260px} .original-content .process-card:last-child{border-right:0} .original-content .process-card span{color:var(--blue);font-size:11px;font-weight:900} .original-content .process-card h3{font-size:30px;margin:38px 0 13px} .original-content .process-card p{color:#aab0b4;line-height:1.55} .original-content .offer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1100px;margin:48px auto 0} .original-content .offer-detail{border:1px solid #d7dcdf;padding:34px;min-height:520px;display:flex;flex-direction:column} .original-content .offer-detail.featured{background:#0c0c0c;color:#fff;border-color:#0c0c0c;box-shadow:0 25px 70px rgba(0,0,0,.18)} .original-content .offer-top{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid #d7dcdf;padding-bottom:25px} .original-content .featured .offer-top{border-color:#333} .original-content .offer-top span{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--blue)} .original-content .offer-top strong{font-size:50px;letter-spacing:-.06em} .original-content .offer-detail>p{font-size:18px;line-height:1.55} .original-content .offer-detail ul{list-style:none;padding:0;margin:10px 0 30px;flex:1} .original-content .offer-detail li{padding:12px 0;border-bottom:1px solid #e4e7e9} .original-content .featured li{border-color:#303438;color:#c7cdd1} .original-content .internal-showcase{background:#0b0d0f;color:#fff;padding:100px 0;overflow:hidden} .original-content .showcase-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center} .original-content .internal-showcase h2{font-size:clamp(48px,4.5vw,76px);line-height:.95;letter-spacing:-.055em} .original-content .internal-showcase .showcase-copy>p:not(.eyebrow){color:#b4bcc1;font-size:18px;line-height:1.6} .original-content .mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:15px;transform:rotate(2deg)} .original-content .mosaic img{width:100%;height:100%;object-fit:cover;border:5px solid #1c1e20;box-shadow:0 24px 60px rgba(0,0,0,.4)} .original-content .mosaic img:first-child{grid-row:1/3} .original-content .mosaic img:nth-child(2){transform:translateY(-14px)} .original-content .mosaic img:nth-child(3){transform:translateY(14px)} .original-content .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px} .original-content .faq-heading h2{font-size:clamp(48px,4vw,68px)} .original-content .faq-list{border-top:1px solid #d8dddf} .original-content .faq-list details{border-bottom:1px solid #d8dddf;padding:21px 0} .original-content .faq-list summary{font-size:19px;font-weight:850;cursor:pointer;list-style:none} .original-content .faq-list summary:after{content:"+";float:right;color:var(--blue);font-size:24px} .original-content .faq-list details[open] summary:after{content:"−"} .original-content .faq-list p{color:#666;line-height:1.6;padding-right:40px} .original-content .contact-hero{padding-bottom:100px} .original-content .contact-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start} .original-content .contact-copy{padding-top:48px} .original-content .contact-direct{margin-top:40px;display:grid;gap:12px} .original-content .contact-direct>a,.original-content .contact-direct>div{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #303438} .original-content .contact-direct>*>span{width:46px;height:46px;border:1px solid var(--blue);color:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:20px} .original-content .contact-direct small{display:block;color:#969da2;text-transform:uppercase;letter-spacing:.12em;font-size:9px} .original-content .contact-direct strong{display:block;font-size:23px;margin-top:3px} .original-content .contact-note{font-size:13px!important;margin-top:28px} .original-content .contact-form-wrap{background:#fff;color:#0c0c0c;padding:34px;border-radius:3px;box-shadow:0 35px 90px rgba(0,0,0,.36)} .original-content .form-head{display:flex;gap:17px;align-items:center;padding-bottom:25px;border-bottom:1px solid #e0e4e6} .original-content .form-head>span{width:48px;height:48px;border-radius:50%;background:var(--blue);display:grid;place-items:center;font-weight:950} .original-content .form-head small{display:block;font-size:9px;letter-spacing:.15em;color:#777} .original-content .form-head strong{display:block;font-size:27px;margin-top:3px} .original-content .contact-form{margin-top:28px;display:grid;gap:18px} .original-content .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .original-content .contact-form label{font-size:12px;font-weight:850;color:#2c3033;display:grid;gap:8px} .original-content .contact-form input,.original-content .contact-form select,.original-content .contact-form textarea{width:100%;border:1px solid #d4d9dc;background:#f8f9fa;padding:14px;font:inherit;font-size:15px;border-radius:0;outline:none} .original-content .contact-form input:focus,.original-content .contact-form select:focus,.original-content .contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,203,255,.12)} .original-content .contact-form textarea{resize:vertical} .original-content .consent{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;line-height:1.45} .original-content .consent input{width:18px;height:18px;margin:1px 0 0} .original-content .consent a{text-decoration:underline} .original-content .form-submit{width:100%;border:0;cursor:pointer} .original-content .form-status{min-height:20px;margin:0;font-size:13px;color:#137346} .original-content .contact-reassurance{background:#f6f8f9;border-bottom:1px solid #e0e4e6} .original-content .reassurance-grid{display:grid;grid-template-columns:repeat(3,1fr)} .original-content .reassure{padding:28px 35px;border-right:1px solid #dce1e3} .original-content .reassure:last-child{border-right:0} .original-content .reassure span{color:var(--blue);font-size:10px;font-weight:900} .original-content .reassure strong{display:block;font-size:20px;margin:10px 0 5px} .original-content .reassure p{margin:0;color:#666;font-size:13px} .original-content .contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px} .original-content .contact-card{min-height:180px;border:1px solid #d9dddf;padding:25px;display:flex;flex-direction:column;transition:.25s} .original-content .contact-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.08)} .original-content .contact-card span{color:var(--blue);font-size:27px} .original-content .contact-card strong{font-size:22px;margin-top:auto} .original-content .contact-card small{margin-top:6px;color:#666} .original-content .contact-final{padding:95px 0} .original-content .contact-final-grid{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end} .original-content .contact-final h2{font-size:clamp(50px,5vw,82px);line-height:.92;letter-spacing:-.06em;margin:0} .original-content .contact-big-phone{min-width:350px;border-left:1px solid #34383b;padding:22px 0 22px 38px;position:relative} .original-content .contact-big-phone small{display:block;color:#8e969b;font-size:9px;letter-spacing:.15em} .original-content .contact-big-phone strong{display:block;font-size:34px;margin-top:5px} .original-content .contact-big-phone>span{position:absolute;right:0;top:50%;font-size:30px;color:var(--blue)} @media(max-width:1050px){.original-content .inner-hero-grid,.original-content .internal-grid,.original-content .showcase-inner,.original-content .contact-hero-grid,.original-content .faq-grid,.original-content .contact-final-grid{grid-template-columns:1fr} .original-content .inner-visual{min-height:450px} .original-content .sticky-title{position:static} .original-content .process-grid,.original-content .contact-cards{grid-template-columns:1fr 1fr} .original-content .contact-copy{padding-top:0} .original-content .contact-big-phone{min-width:0} .original-content .contact-final-grid{align-items:start}} @media(max-width:650px){.original-content .inner-hero,.original-content .contact-hero{padding:120px 0 65px;min-height:auto} .original-content .inner-hero-grid,.original-content .contact-hero-grid{gap:35px} .original-content .inner-hero h1,.original-content .contact-hero h1{font-size:50px} .original-content .inner-visual{min-height:340px} .original-content .inner-device.main{height:225px;top:35px} .original-content .inner-device.back{height:190px;top:75px} .original-content .inner-device.phone{height:175px} .original-content .inner-proof{gap:12px} .original-content .internal-grid,.original-content .showcase-inner,.original-content .faq-grid{gap:35px} .original-content .process-grid,.original-content .offer-detail-grid,.original-content .contact-cards,.original-content .reassurance-grid{grid-template-columns:1fr} .original-content .process-card{border-right:0;border-bottom:1px solid #303438;min-height:auto} .original-content .offer-detail{min-height:auto} .original-content .mosaic{grid-template-rows:160px 160px} .original-content .field-row{grid-template-columns:1fr} .original-content .contact-form-wrap{padding:25px 18px} .original-content .reassure{border-right:0;border-bottom:1px solid #dce1e3} .original-content .contact-final{padding:70px 0} .original-content .contact-big-phone{padding-left:0;border-left:0;border-top:1px solid #34383b}} .original-content .inner-hero-video-bg{ position:relative; overflow:hidden; min-height:760px; padding:170px 0 110px; background:#080b0d; } .original-content .inner-hero-bg-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; } .original-content .inner-hero-video-shade{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(5,7,8,.84) 0%, rgba(5,7,8,.68) 38%, rgba(5,7,8,.42) 62%, rgba(5,7,8,.58) 100%), linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.52) 100%); z-index:1; } .original-content .inner-hero-video-shell{ position:relative; z-index:2; } .original-content .inner-hero-video-bg .inner-hero-copy{ max-width:700px; } .original-content .inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){ color:#d0d7db; } .original-content .inner-hero-video-bg .inner-proof{ border-top-color:rgba(255,255,255,.18); } .original-content .inner-hero-video-bg .inner-proof span{ color:#c6ced3; } @media(max-width:650px){.original-content .inner-hero-video-bg{ min-height:640px; padding:135px 0 80px; } .original-content .inner-hero-video-shade{ background: linear-gradient(180deg, rgba(5,7,8,.18) 0%, rgba(5,7,8,.44) 34%, rgba(5,7,8,.88) 100%); }} @media(prefers-reduced-motion:reduce){.original-content .inner-hero-bg-video{ display:none; } .original-content .inner-hero-video-bg{ background:#080b0d; }} .original-content .inner-hero-video-bg{ min-height:520px; padding:135px 0 72px; } .original-content .inner-hero-video-bg .inner-hero-copy{ max-width:620px; } .original-content .inner-hero-video-bg .inner-hero-copy h1{ font-size:clamp(44px,4.3vw,66px); line-height:.98; letter-spacing:-.05em; margin-bottom:20px; } .original-content .inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){ max-width:590px; font-size:16px; line-height:1.6; } .original-content .inner-hero-video-bg .hero-actions{ margin-top:24px; } .original-content .inner-hero-video-bg .inner-proof{ margin-top:28px; padding-top:18px; } .original-content .inner-hero-video-bg .inner-proof span{ font-size:11px; } .original-content .inner-hero-video-bg .inner-proof b{ font-size:16px; } @media(max-width:650px){.original-content .inner-hero-video-bg{ min-height:500px; padding:120px 0 60px; } .original-content .inner-hero-video-bg .inner-hero-copy h1{ font-size:42px; } .original-content .inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){ font-size:15px; }} .original-content .inner-hero-video-bg{ min-height:430px; padding:92px 0 58px; display:flex; align-items:center; } .original-content .inner-hero-video-bg .hero-atmosphere{ display:none; } .original-content .inner-hero-video-shade{ background: linear-gradient(90deg, rgba(10,12,18,.64) 0%, rgba(10,12,18,.46) 42%, rgba(10,12,18,.26) 72%, rgba(10,12,18,.20) 100%), linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.20) 100%); } .original-content .inner-hero-video-bg .inner-hero-copy{ max-width:720px; } .original-content .inner-hero-video-bg .inner-hero-copy .eyebrow{ margin-bottom:14px; font-size:11px; letter-spacing:.08em; } .original-content .inner-hero-video-bg .inner-hero-copy h1{ font-size:clamp(40px,3.8vw,64px); line-height:1.02; letter-spacing:-.045em; margin:0 0 16px; } .original-content .inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){ max-width:620px; font-size:15px; line-height:1.62; } .original-content .inner-hero-video-bg .hero-actions{ margin-top:20px; } .original-content .inner-hero-video-bg .hero-actions .btn{ min-height:46px; padding:0 18px; } .original-content .inner-hero-video-bg .inner-proof{ margin-top:20px; padding-top:14px; gap:18px; } .original-content .inner-hero-video-bg .inner-proof span{ font-size:10px; } .original-content .inner-hero-video-bg .inner-proof b{ font-size:15px; } @media(max-width:650px){.original-content .inner-hero-video-bg{ min-height:380px; padding:88px 0 44px; } .original-content .inner-hero-video-shade{ background: linear-gradient(180deg, rgba(10,12,18,.28) 0%, rgba(10,12,18,.52) 45%, rgba(10,12,18,.82) 100%); } .original-content .inner-hero-video-bg .inner-hero-copy h1{ font-size:36px; line-height:1.04; } .original-content .inner-hero-video-bg .inner-hero-copy > p:not(.eyebrow){ font-size:14px; } .original-content .inner-hero-video-bg .hero-actions{ gap:10px; } .original-content .inner-hero-video-bg .hero-actions .btn{ min-height:42px; padding:0 15px; }} .original-content .inner-hero-video-bg{ min-height:470px; padding:86px 0 48px; } .original-content .inner-hero-video-shell{ width:min(calc(100% - 56px),var(--shell)); max-width:var(--shell); margin-inline:auto; } .original-content .inner-hero-composition{ position:relative; max-width:none!important; min-height:330px; } .original-content .hero-title-panel{ position:relative; width:min(720px,58vw); padding:34px 34px 26px; background:linear-gradient(90deg,rgba(8,13,17,.80),rgba(8,13,17,.58)); backdrop-filter:blur(4px); border-left:1px solid rgba(46,203,255,.32); } .original-content .hero-title-panel::before,.original-content .hero-title-panel::after{ content:""; position:absolute; left:-26px; height:42px; background:linear-gradient(90deg,rgba(8,13,17,.64),rgba(8,13,17,.18)); pointer-events:none; } .original-content .hero-title-panel::before{ top:-48px; width:86%; } .original-content .hero-title-panel::after{ bottom:-54px; width:66%; } .original-content .hero-title-panel .eyebrow{ color:var(--blue); margin:0 0 14px; } .original-content .hero-title-panel h1{ margin:0!important; font-size:clamp(44px,4.5vw,72px)!important; line-height:.98!important; letter-spacing:-.05em!important; } .original-content .hero-intro-panel{ position:absolute; right:0; top:98px; width:min(620px,48vw); padding:16px 18px; background:linear-gradient(90deg,rgba(8,13,17,.82),rgba(8,13,17,.58)); backdrop-filter:blur(4px); border-right:1px solid rgba(255,255,255,.14); } .original-content .hero-intro-panel p{ margin: -50px 0 0 50px; color: #d4dbe0 !important; font-size: 16px !important; line-height: 1.58 !important; max-width: none !important; } .original-content .inner-hero-composition .inner-proof{ position:absolute; left:0; bottom:0; width:min(780px,62vw); margin:0!important; padding-top:17px!important; border-top:1px solid rgba(255,255,255,.22); } .original-content .inner-hero-video-shade{ background: linear-gradient(90deg,rgba(5,9,12,.54) 0%,rgba(5,9,12,.26) 46%,rgba(5,9,12,.12) 70%,rgba(5,9,12,.20) 100%), linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.24)); } @media(max-width:950px){.original-content .inner-hero-video-bg{min-height:520px} .original-content .hero-title-panel{width:min(720px,72vw)} .original-content .hero-intro-panel{top:150px;width:min(580px,58vw)}} @media(max-width:650px){.original-content .inner-hero-video-bg{min-height:510px;padding:72px 0 40px} .original-content .inner-hero-video-shell{width:min(calc(100% - 28px),var(--shell))} .original-content .inner-hero-composition{min-height:390px} .original-content .hero-title-panel{width:100%;padding:24px 20px 20px} .original-content .hero-title-panel::before,.original-content .hero-title-panel::after{display:none} .original-content .hero-title-panel h1{font-size:40px!important} .original-content .hero-intro-panel{ position:relative;top:auto;right:auto;width:92%; margin:14px 0 0 auto;padding:14px 16px } .original-content .hero-intro-panel p{font-size:14px!important} .original-content .inner-hero-composition .inner-proof{width:100%}} .original-content .hero-title-panel{ background:none!important; backdrop-filter:none!important; border-left:0!important; padding-left:0!important; padding-right:0!important; } .original-content .hero-title-panel::before,.original-content .hero-title-panel::after{ display:none!important; } .original-content .hero-intro-panel{ background:none!important; backdrop-filter:none!important; border-right:0!important; padding-left:0!important; padding-right:0!important; } .original-content .hero-intro-panel{ top:132px !important; width:min(520px,34vw) !important; } @media(max-width:1200px){.original-content .hero-intro-panel{ width:min(470px,32vw) !important; }} @media(max-width:950px){.original-content .hero-intro-panel{ top:168px !important; width:min(520px,50vw) !important; }} @media (max-width:650px){.original-content .inner-hero-video-bg{ min-height:0 !important; padding:108px 0 34px !important; align-items:flex-start !important; } .original-content .inner-hero-video-shell{ width:min(calc(100% - 36px),var(--shell)) !important; } .original-content .inner-hero-video-bg .inner-hero-composition{ display:flex !important; flex-direction:column !important; min-height:0 !important; max-width:none !important; } .original-content .inner-hero-video-bg .hero-title-panel{ order:1; position:relative !important; width:100% !important; padding:0 !important; margin:0 !important; } .original-content .inner-hero-video-bg .hero-title-panel h1{ margin:0 !important; } .original-content .inner-hero-video-bg .hero-intro-panel{ order:2; position:static !important; inset:auto !important; top:auto !important; right:auto !important; width:100% !important; max-width:100% !important; margin:22px 0 0 !important; padding:0 !important; } .original-content .inner-hero-video-bg .hero-intro-panel p{ margin:0 !important; max-width:100% !important; font-size:14px !important; line-height:1.55 !important; color:#d4dbe0 !important; } .original-content .inner-hero-video-bg .inner-proof{ order:3; position:static !important; left:auto !important; right:auto !important; bottom:auto !important; width:100% !important; margin:34px 0 0 !important; padding:18px 0 0 !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; align-items:start !important; border-top:1px solid rgba(255,255,255,.24) !important; text-align:center !important; } .original-content .inner-hero-video-bg .inner-proof span{ min-width:0; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; gap:4px !important; padding:0 3px !important; font-size:10px !important; line-height:1.25 !important; color:#c6ced3 !important; } .original-content .inner-hero-video-bg .inner-proof b{ display:block !important; margin:0 !important; font-size:16px !important; line-height:1 !important; color:#fff !important; }} @media (max-width:390px){.original-content .inner-hero-video-bg .inner-proof{ gap:4px !important; } .original-content .inner-hero-video-bg .inner-proof span{ font-size:9px !important; } .original-content .inner-hero-video-bg .inner-proof b{ font-size:15px !important; }} .original-content.page-new .site-header{position:absolute} .original-content .new-hero{position:relative;min-height:650px;padding:138px 0 72px;background:#070a0d;color:#fff;overflow:hidden} .original-content .new-hero-bg{position:absolute;inset:0} .original-content .new-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;min-height:440px} .original-content .new-hero-copy{max-width:650px} .original-content .new-hero-copy h1{font-size:clamp(58px,6vw,92px);margin:0 0 25px} .original-content .new-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.62;color:#c4cbd0;max-width:610px} .original-content .hero-refonte .new-hero-bg{background:radial-gradient(circle at 76% 42%,rgba(46,203,255,.22),transparent 27%),linear-gradient(125deg,#050709 15%,#10171b 100%)} .original-content .hero-com .new-hero-bg{background:radial-gradient(circle at 80% 35%,rgba(46,203,255,.19),transparent 26%),radial-gradient(circle at 65% 80%,rgba(46,203,255,.08),transparent 30%),linear-gradient(130deg,#050709,#09151b)} .original-content .hero-formation .new-hero-bg{background:radial-gradient(circle at 76% 42%,rgba(46,203,255,.20),transparent 25%),linear-gradient(135deg,#06080a,#10171b)} .original-content .browser-stack{position:relative;height:430px;perspective:1000px} .original-content .browser-card{position:absolute;width:72%;height:305px;border:1px solid #303b41;background:#0e1418;box-shadow:0 35px 80px rgba(0,0,0,.45);padding:42px 28px 28px;overflow:hidden} .original-content .browser-card:before{content:"";position:absolute;left:18px;top:17px;width:7px;height:7px;border-radius:50%;background:#536067;box-shadow:14px 0 #536067,28px 0 #536067} .original-content .browser-card>span{position:absolute;left:0;right:0;top:39px;border-top:1px solid #263238} .original-content .browser-card strong{font-size:14px;text-transform:uppercase;letter-spacing:.15em} .original-content .browser-old{left:2%;top:20px;transform:rotate(-5deg);opacity:.62;filter:saturate(.25)} .original-content .browser-new{right:1%;bottom:4px;transform:rotate(4deg);border-color:rgba(46,203,255,.55)} .original-content .browser-new strong{color:var(--blue)} .original-content .fake-line,.original-content .new-title{height:16px;background:#475159;margin:32px 0 13px} .original-content .fake-line.short{width:58%;margin-top:0} .original-content .old-grid{height:120px;margin-top:28px;background:repeating-linear-gradient(90deg,#222b30 0 31%,transparent 31% 34%)} .original-content .new-title{width:68%;height:28px;background:var(--blue);opacity:.88} .original-content .new-cta{width:105px;height:30px;background:#fff;margin:18px 0} .original-content .new-grid{height:110px;background:linear-gradient(90deg,rgba(46,203,255,.18) 0 48%,transparent 48% 52%,rgba(255,255,255,.08) 52%)} .original-content .refresh-ring{position:absolute;z-index:4;left:45%;top:44%;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#061017;font-size:39px;font-weight:900;box-shadow:0 18px 50px rgba(46,203,255,.28)} .original-content .new-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe0e3;border-left:1px solid #dbe0e3} .original-content .new-service-grid article{min-height:245px;padding:30px;border-right:1px solid #dbe0e3;border-bottom:1px solid #dbe0e3} .original-content .new-service-grid b,.original-content .lever-card span,.original-content .training-grid article>span{font-size:11px;letter-spacing:.15em;color:#159dca} .original-content .new-service-grid h3{font-size:28px;margin:44px 0 12px} .original-content .new-service-grid p{color:#62686c;line-height:1.6;margin:0} .original-content .svg-icon{font-weight:900} .original-content .new-final-cta{min-height:350px} .original-content .new-final-cta .final-inner{padding:52px 0;width:min(60%,780px)} .original-content .new-final-cta .final-inner h2{font-size:clamp(42px,5vw,70px)} .original-content .new-final-cta .final-bg{right:8%;width:29%;overflow:visible} .original-content .new-final-cta .final-bg img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none} .original-content .new-final-cta .final-bg:before{background:linear-gradient(90deg,#090b0c 0%,#090b0c 18%,rgba(9,11,12,.65) 42%,rgba(9,11,12,0) 74%)} .original-content .new-final-cta .final-bg:after{content:"";position:absolute;z-index:1;width:250px;height:250px;right:10%;top:20%;border-radius:50%;background:radial-gradient(circle,rgba(46,203,255,.18),rgba(46,203,255,.08) 42%,rgba(46,203,255,0) 74%);filter:blur(14px)} .original-content .signal-stage{position:relative;height:430px} .original-content .signal-orbit{position:absolute;border:1px solid rgba(46,203,255,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)} .original-content .orbit-a{width:270px;height:270px} .original-content .orbit-b{width:410px;height:410px;border-style:dashed;animation:spin 24s linear infinite} .original-content .signal-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:var(--blue);color:#071017;display:grid;place-items:center;font-size:52px;font-weight:300;box-shadow:0 0 70px rgba(46,203,255,.25)} .original-content .signal-label{position:absolute;padding:10px 15px;border:1px solid #30444d;background:rgba(10,17,21,.92);font-size:11px;font-weight:900;letter-spacing:.12em;color:#d8f6ff} .original-content .s1{left:11%;top:22%} .original-content .s2{right:8%;top:24%} .original-content .s3{left:15%;bottom:18%} .original-content .s4{right:14%;bottom:15%} .original-content .signal-chart{position:absolute;right:19%;top:41%;width:130px;height:82px;display:flex;align-items:end;gap:8px} .original-content .signal-chart i{display:block;flex:1;background:var(--blue);opacity:.5} .original-content .signal-chart i:nth-child(1){height:20%} .original-content .signal-chart i:nth-child(2){height:45%} .original-content .signal-chart i:nth-child(3){height:37%} .original-content .signal-chart i:nth-child(4){height:72%} .original-content .signal-chart i:nth-child(5){height:100%} @keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}} .original-content .lever-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303438;border-left:1px solid #303438} .original-content .lever-card{padding:30px 25px;min-height:230px;border-right:1px solid #303438;border-bottom:1px solid #303438} .original-content .lever-card h3{font-size:27px;margin:45px 0 12px} .original-content .lever-card p{color:#9da7ad;line-height:1.55;margin:0} .original-content .strategy-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center} .original-content .strategy-copy h2{font-size:clamp(48px,4.7vw,72px);line-height:.96} .original-content .strategy-copy p:last-child{font-size:18px;color:#5f666a;line-height:1.65;max-width:580px} .original-content .metric-board,.original-content .training-steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d8dfe2;border-left:1px solid #d8dfe2} .original-content .metric-board>div,.original-content .training-steps>div{padding:28px;border-right:1px solid #d8dfe2;border-bottom:1px solid #d8dfe2;display:flex;flex-direction:column;min-height:155px} .original-content .metric-board small{color:#159dca;font-weight:900} .original-content .metric-board strong,.original-content .training-steps strong{font-size:24px;margin:auto 0 7px} .original-content .metric-board span,.original-content .training-steps span{color:#777;font-size:13px} .original-content .com-visual{position:relative;min-height:430px} .original-content .com-visual>img{position:absolute;inset:30px 10% 20px 3%;width:87%;height:380px;object-fit:cover;image-rendering:auto;filter:brightness(.46) saturate(.9);border:1px solid #263139} .original-content .com-stat{position:absolute;z-index:2;background:#fff;color:#0c0c0c;padding:18px 22px;min-width:155px;box-shadow:0 20px 50px rgba(0,0,0,.28)} .original-content .com-stat b{display:block;color:#159dca;font-size:23px} .original-content .com-stat span{font-size:11px} .original-content .com-stat.one{right:1%;top:18%} .original-content .com-stat.two{left:0;bottom:20%} .original-content .com-stat.three{right:8%;bottom:4%} .original-content .learning-stage{position:relative;height:430px} .original-content .learning-screen{position:absolute;left:9%;right:5%;top:25px;bottom:25px;border:1px solid #314049;background:linear-gradient(145deg,#10181d,#070b0d);box-shadow:0 35px 80px rgba(0,0,0,.4);padding:65px 50px} .original-content .screen-bar{position:absolute;left:20px;right:20px;top:20px;height:18px;border-bottom:1px solid #26333a;display:flex;gap:7px} .original-content .screen-bar i{width:6px;height:6px;border-radius:50%;background:#59666d} .original-content .learning-screen strong{font-size:clamp(42px,4vw,62px);line-height:.95} .original-content .learning-screen em{color:var(--blue);font-style:normal} .original-content .screen-progress{height:4px;background:#26343a;margin-top:55px} .original-content .screen-progress span{display:block;width:72%;height:100%;background:var(--blue)} .original-content .learning-pill{position:absolute;z-index:3;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0c0c0c;font-size:11px;font-weight:950;box-shadow:0 15px 35px rgba(0,0,0,.25)} .original-content .p1{left:0;top:65px} .original-content .p2{right:0;top:105px} .original-content .p3{left:4%;bottom:38px} .original-content .p4{right:9%;bottom:12px;background:var(--blue)} .original-content .training-catalog .section-heading{max-width:850px;margin-bottom:45px} .original-content .training-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #303438;border-left:1px solid #303438} .original-content .training-grid article{padding:28px;min-height:245px;border-right:1px solid #303438;border-bottom:1px solid #303438;display:flex;flex-direction:column} .original-content .training-grid h3{font-size:29px;margin:38px 0 10px} .original-content .training-grid p{color:#9ca5aa;line-height:1.5;margin:0 0 20px} .original-content .training-grid strong{color:var(--blue);font-size:20px;margin-top:auto} .original-content .training-grid .training-wide{grid-column:span 3;min-height:180px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:25px} .original-content .training-wide h3,.original-content .training-wide p,.original-content .training-wide strong{margin:0} .original-content .training-steps b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:13px} .original-content .training-steps strong{margin-top:25px} .original-content .training-showcase .mosaic img:nth-child(2){object-position:center} .original-content.page-new .footer-brand img{height:auto} @media(max-width:980px){.original-content .new-hero{min-height:auto} .original-content .new-hero-grid,.original-content .strategy-grid{grid-template-columns:1fr} .original-content .browser-stack,.original-content .signal-stage,.original-content .learning-stage{height:360px} .original-content .new-service-grid,.original-content .training-grid{grid-template-columns:1fr 1fr} .original-content .lever-grid{grid-template-columns:1fr 1fr} .original-content .training-grid .training-wide{grid-column:span 2} .original-content .new-final-cta .final-bg{right:-2%;width:40%;} .original-content .new-final-cta .final-inner{width:65%}} @media(max-width:720px){.original-content .new-hero{padding:125px 0 55px} .original-content .new-hero-copy h1{font-size:50px} .original-content .browser-stack,.original-content .signal-stage,.original-content .learning-stage{height:320px;margin-top:15px} .original-content .new-service-grid,.original-content .lever-grid,.original-content .training-grid,.original-content .metric-board,.original-content .training-steps{grid-template-columns:1fr} .original-content .training-grid .training-wide{grid-column:auto;display:flex;align-items:flex-start} .original-content .new-final-cta .final-bg{opacity:.30;width:58%;right:-10%} .original-content .new-final-cta .final-inner{width:calc(100% - 44px);padding:52px 0} .original-content .new-final-cta .final-inner h2{font-size:44px} .original-content .signal-orbit.orbit-b{width:300px;height:300px} .original-content .orbit-a{width:200px;height:200px} .original-content .learning-screen{left:3%;right:3%;padding:58px 28px} .original-content .learning-pill{width:54px;height:54px}} .original-content.page-new .new-hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; filter:brightness(.56) saturate(.88); } .original-content.page-new .new-hero-video-shade{ position:absolute; inset:0; z-index:1; pointer-events:none; } .original-content.page-new .new-hero-bg{z-index:1;pointer-events:none;} .original-content.page-new .new-hero-grid{z-index:2;} .original-content.page-refonte .new-hero-video{object-position:center 42%;filter:brightness(.42) saturate(.66);} .original-content.page-refonte .new-hero-video-shade{ background:linear-gradient(90deg,rgba(5,7,9,.97) 0%,rgba(5,7,9,.82) 45%,rgba(5,7,9,.40) 100%); } .original-content.page-refonte .hero-refonte .new-hero-bg{ background:radial-gradient(circle at 76% 42%,rgba(46,203,255,.18),transparent 28%); } .original-content .refonte-photo-break{background:#f3f6f7;padding:78px 0 88px;overflow:hidden;} .original-content .refonte-photo-layout{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;} .original-content .refonte-photo-frame{width:min(78%,950px);height:360px;transform:rotate(-1.6deg);box-shadow:0 28px 70px rgba(0,0,0,.18);overflow:hidden;border:8px solid #fff;} .original-content .refonte-photo-frame img{width:100%;height:100%;object-fit:cover;} .original-content .refonte-photo-mark{position:absolute;right:2%;bottom:25px;background:#0c0c0c;color:#fff;padding:19px 24px;display:flex;align-items:center;gap:17px;box-shadow:0 18px 42px rgba(0,0,0,.22);font-size:11px;font-weight:900;letter-spacing:.14em;} .original-content .refonte-photo-mark strong{color:var(--blue);font-size:13px;} .original-content .refonte-photo-mark i{font-style:normal;color:#687178;font-size:20px;} .original-content.page-communication .new-hero-video{object-position:center 48%;filter:brightness(.47) saturate(.72);} .original-content.page-communication .new-hero-video-shade{ background:linear-gradient(105deg,rgba(4,7,9,.96) 0%,rgba(4,7,9,.78) 42%,rgba(4,7,9,.28) 100%); } .original-content.page-communication .hero-com .new-hero-bg{ background:radial-gradient(circle at 79% 36%,rgba(46,203,255,.20),transparent 25%),radial-gradient(circle at 67% 80%,rgba(46,203,255,.09),transparent 28%); } .original-content .com-photo-break{background:#fff;padding:55px 0 100px;} .original-content .com-photo-stage{position:relative;height:390px;overflow:hidden;background:#090b0c;box-shadow:0 30px 80px rgba(0,0,0,.16);} .original-content .com-photo-stage img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.72) saturate(.88);} .original-content .com-photo-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,13,.72),rgba(8,11,13,.12) 48%,rgba(8,11,13,.46));} .original-content .com-photo-overlay{position:absolute;z-index:2;inset:auto 34px 28px;display:flex;justify-content:space-between;gap:18px;color:#fff;font-size:11px;font-weight:950;letter-spacing:.18em;} .original-content .com-photo-overlay span{padding:10px 14px;border:1px solid rgba(255,255,255,.28);background:rgba(5,8,10,.36);backdrop-filter:blur(7px);} .original-content.page-formation .new-hero-video{object-position:center 46%;filter:brightness(.50) saturate(.70);} .original-content.page-formation .new-hero-video-shade{ background:linear-gradient(100deg,rgba(5,7,9,.96) 0%,rgba(5,7,9,.79) 45%,rgba(5,7,9,.34) 100%); } .original-content.page-formation .hero-formation .new-hero-bg{ background:radial-gradient(circle at 76% 42%,rgba(46,203,255,.18),transparent 26%); } .original-content .formation-photo-break{background:#f6f9fa;padding:90px 0;overflow:hidden;} .original-content .formation-photo-layout{display:grid;grid-template-columns:.68fr 1.32fr;align-items:center;gap:65px;min-height:440px;} .original-content .formation-photo-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-weight:950;letter-spacing:-.055em;line-height:.84;color:#c5cdd1;font-size:clamp(48px,6vw,84px);} .original-content .formation-photo-copy strong{color:var(--blue);} .original-content .formation-photo-frame{margin:0;position:relative;width:88%;height:420px;justify-self:end;overflow:hidden;box-shadow:28px 30px 0 #0c0c0c,0 30px 70px rgba(0,0,0,.16);} .original-content .formation-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 28%;} .original-content .formation-photo-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);pointer-events:none;} @media(max-width:980px){.original-content .refonte-photo-frame{width:88%;} .original-content .formation-photo-layout{grid-template-columns:1fr;gap:35px;} .original-content .formation-photo-copy{flex-direction:row;flex-wrap:wrap;gap:10px 18px;font-size:52px;} .original-content .formation-photo-frame{justify-self:center;width:88%;}} @media(max-width:720px){.original-content.page-new .new-hero-video{object-position:center;} .original-content .refonte-photo-break,.original-content .formation-photo-break{padding:60px 0;} .original-content .refonte-photo-layout{min-height:280px;} .original-content .refonte-photo-frame{width:96%;height:270px;border-width:5px;} .original-content .refonte-photo-mark{right:0;bottom:5px;padding:14px 16px;} .original-content .com-photo-break{padding:35px 0 65px;} .original-content .com-photo-stage{height:300px;} .original-content .com-photo-overlay{inset:auto 15px 15px;flex-wrap:wrap;justify-content:flex-start;} .original-content .formation-photo-copy{font-size:40px;} .original-content .formation-photo-frame{width:94%;height:330px;box-shadow:14px 16px 0 #0c0c0c,0 20px 50px rgba(0,0,0,.15);}} @media(min-width:821px){.original-content.page-new .inner-hero.inner-hero-video-bg{min-height:600px;}} .original-content.page-new .inner-hero-video-bg .hero-intro-panel p{margin:-50px 0 0 50px;} .original-content .ref-diagnostic-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start} .original-content .ref-diagnostic-title h2{font-size:clamp(48px,4.7vw,76px);line-height:.95} .original-content .ref-diagnostic-list{border-top:1px solid #d9dfe2} .original-content .ref-diagnostic-list article{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:27px 0;border-bottom:1px solid #d9dfe2} .original-content .ref-diagnostic-list b{color:var(--blue);font-size:12px;letter-spacing:.14em} .original-content .ref-diagnostic-list h3{font-size:28px;margin:0 0 8px} .original-content .ref-diagnostic-list p{margin:0;color:#687177;line-height:1.6} .original-content .ref-beforeafter{padding:92px 0} .original-content .ref-beforeafter-stage{position:relative;min-height:520px;display:flex;align-items:center} .original-content .ref-beforeafter-stage>img{width:78%;height:480px;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.32)} .original-content .ref-beforeafter-card{position:absolute;right:0;width:min(520px,44%);padding:42px;background:#0b1b32;color:#fff;box-shadow:0 24px 65px rgba(0,0,0,.32)} .original-content .ref-beforeafter-card h2{font-size:clamp(38px,3.5vw,58px)} .original-content .ref-beforeafter-card>p{color:#c9d1d6;line-height:1.65} .original-content .ref-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px} .original-content .ref-mini span{border:1px solid rgba(46,203,255,.35);padding:8px 11px;font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--blue)} .original-content .ref-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .original-content .ref-pillar-grid article{background:#f2f4f5;padding:42px 38px;min-height:330px} .original-content .ref-pillar-grid .line-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid #15191b;font-size:28px;margin-bottom:54px} .original-content .ref-pillar-grid h3{font-size:32px;margin:0 0 18px} .original-content .ref-pillar-grid p{color:#636b70;line-height:1.6} .original-content .ref-visual-story{padding:100px 0;background:#fff} .original-content .ref-story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center} .original-content .ref-story-image{height:540px;overflow:hidden} .original-content .ref-story-image img{width:100%;height:100%;object-fit:cover} .original-content .ref-story-copy h2{font-size:clamp(44px,4vw,66px)} .original-content .ref-story-copy>p{font-size:18px;color:#5d666c;line-height:1.65} .original-content .ref-story-copy ul{list-style:none;padding:0;margin:28px 0 34px} .original-content .ref-story-copy li{padding:13px 0 13px 34px;border-bottom:1px solid #e0e4e6;position:relative} .original-content .ref-story-copy li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900} .original-content .com-visual-stage{position:relative;min-height:540px;overflow:hidden;background:#111} .original-content .com-visual-stage>img{width:100%;height:540px;object-fit:cover;filter:brightness(.72) saturate(.9);transform:scale(1.02)} .original-content .com-overlay-card{position:absolute;left:6%;bottom:0;width:min(520px,42%);padding:40px;background:#07090b;color:#fff} .original-content .com-overlay-card h2{font-size:clamp(38px,3.5vw,58px)} .original-content .com-overlay-card>p{color:#c8cfd3;line-height:1.65} .original-content .com-overlay-points{display:grid;gap:10px;margin-top:28px} .original-content .com-overlay-points span{padding:11px 0;border-top:1px solid #2d3337;font-size:12px;font-weight:850} .original-content .com-commit{padding-top:84px} .original-content .com-commit-head{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end;margin-bottom:48px} .original-content .com-commit-head h2{margin-bottom:0} .original-content .com-commit-head>p{color:#697177;line-height:1.7;font-size:18px} .original-content .com-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .original-content .com-card-grid article{background:#f1f3f4;padding:42px 38px;min-height:330px} .original-content .com-card-grid article>span{font-size:32px;display:block;margin-bottom:55px} .original-content .com-card-grid h3{font-size:31px;margin-bottom:17px} .original-content .com-card-grid p{color:#626a70;line-height:1.65} .original-content .com-strategy-split{padding:110px 0;background:#fff} .original-content .com-strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center} .original-content .com-strategy-images{position:relative;height:570px} .original-content .com-strategy-images img{position:absolute;object-fit:cover;box-shadow:0 25px 65px rgba(0,0,0,.15)} .original-content .com-img-one{width:50%;height:360px;left:0;top:0} .original-content .com-img-two{width:64%;height:410px;right:0;bottom:0} .original-content .com-strategy-copy h2{font-size:clamp(48px,4.3vw,72px)} .original-content .com-strategy-copy>p{font-size:18px;line-height:1.7;color:#666f74} .original-content .com-channel-list{margin-top:30px;border-top:1px solid #dfe3e5} .original-content .com-channel-list>div{display:grid;grid-template-columns:50px 1fr 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #dfe3e5;align-items:center} .original-content .com-channel-list b{color:var(--blue);font-size:11px} .original-content .com-channel-list span{font-weight:900} .original-content .com-channel-list strong{font-size:13px;color:#6b7479;text-align:right} .original-content .com-metrics{padding:55px 0} .original-content .com-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr)} .original-content .com-metrics-grid>div{padding:10px 35px;border-right:1px solid #2f3438} .original-content .com-metrics-grid>div:last-child{border-right:0} .original-content .com-metrics strong{display:block;color:var(--blue);font-size:26px;letter-spacing:-.03em} .original-content .com-metrics span{display:block;color:#aeb5ba;margin-top:7px;font-size:13px} .original-content .formation-editorial{overflow:hidden} .original-content .formation-editorial-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:0} .original-content .formation-editorial-title{position:relative;z-index:2;padding-right:20px} .original-content .formation-editorial-title h2{font-size:clamp(62px,7vw,110px);line-height:.82;margin-bottom:30px} .original-content .formation-editorial-title>p:last-child{font-size:17px;line-height:1.7;color:#677177;max-width:480px} .original-content .formation-editorial-photo{position:relative;margin:0;height:570px;transform:translateX(-5%)} .original-content .formation-editorial-photo img{width:100%;height:100%;object-fit:cover} .original-content .formation-editorial-photo figcaption{position:absolute;right:25px;bottom:25px;background:#0c0c0c;color:#fff;padding:14px 18px;font-size:11px;font-weight:800} .original-content .training-catalog-v2{padding:100px 0} .original-content .training-v2-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:end;margin-bottom:45px} .original-content .training-v2-head h2{margin:0} .original-content .training-v2-list{border-top:1px solid #34393d} .original-content .training-v2-list article{display:grid;grid-template-columns:70px .8fr 1.2fr 150px;gap:25px;align-items:center;padding:24px 0;border-bottom:1px solid #34393d;transition:background .28s ease,transform .28s ease,padding .28s ease,border-color .28s ease} .original-content .training-v2-list article:hover{background:rgba(46,203,255,.05);transform:translateX(10px);padding-inline:12px;border-color:rgba(46,203,255,.35)} .original-content .training-v2-list article:hover h3,.original-content .training-v2-list article:hover strong,.original-content .training-v2-list article:hover b{color:var(--blue)} .original-content .training-v2-list article:hover .price-note{color:#d7eef8} .original-content .training-v2-list b{color:var(--blue);font-size:11px} .original-content .training-v2-list h3{font-size:27px;margin:0} .original-content .training-v2-list p{color:#aab1b6;margin:0} .original-content .training-v2-list strong{display:flex;justify-content:flex-end;align-items:baseline;gap:5px;text-align:right;color:#fff;font-size:22px;font-weight:900} .original-content .training-v2-list .price-note{font-size:13px;color:#8e979c;font-weight:700} .original-content .formation-overlap{padding:120px 0} .original-content .formation-overlap-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center} .original-content .formation-photo-stack{position:relative;height:590px} .original-content .formation-photo-stack img{position:absolute;object-fit:cover;box-shadow:0 28px 70px rgba(0,0,0,.17);border:6px solid #fff} .original-content .stack-a{width:44%;height:330px;left:0;top:0} .original-content .stack-b{width:57%;height:380px;right:0;top:34px} .original-content .stack-c{width:53%;height:365px;left:21%;bottom:0} .original-content .formation-overlap-copy h2{font-size:clamp(50px,4.6vw,76px)} .original-content .formation-overlap-copy>p{font-size:18px;color:#687177;line-height:1.7} .original-content .formation-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #ddd} .original-content .formation-steps>div{padding:20px 16px 0 0} .original-content .formation-steps b{display:block;color:var(--blue);font-size:11px;margin-bottom:7px} .original-content .formation-steps span{font-weight:900} .original-content .formation-benefits{padding:90px 0;background:#f6f8f9} .original-content .formation-benefits-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center} .original-content .formation-benefits-copy h2{font-size:clamp(48px,4.5vw,72px)} .original-content .formation-benefits-copy ul{list-style:none;padding:0;margin:30px 0} .original-content .formation-benefits-copy li{position:relative;padding:14px 0 14px 42px;border-bottom:1px solid #dce1e3;font-size:17px} .original-content .formation-benefits-copy li:before{content:'✓';position:absolute;left:0;width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue);font-weight:900} .original-content .formation-benefits-img{height:460px;overflow:hidden} .original-content .formation-benefits-img img{width:100%;height:100%;object-fit:cover} .original-content .formation-faq-panel{background:#fff} .original-content .formation-faq-box{background:#f4f3f2;padding:70px 85px;border-radius:4px} .original-content .formation-faq-title{margin-bottom:30px} .original-content .formation-faq-title h2{font-size:clamp(44px,4vw,64px)} .original-content .formation-faq-box .faq-list{border-top:0} .original-content .formation-faq-box .faq-list details{padding:22px 0} .original-content.page-new .new-final-cta .final-bg{right:8%;width:29%;overflow:visible} .original-content.page-new .new-final-cta .final-bg img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none} .original-content.page-new .new-final-cta .final-bg:after{content:'';position:absolute;z-index:1;width:240px;height:240px;right:9%;top:22%;border-radius:50%;background:radial-gradient(circle,rgba(46,203,255,.18) 0%,rgba(46,203,255,.08) 42%,rgba(46,203,255,0) 72%);filter:blur(14px)} @media(max-width:980px){.original-content .ref-diagnostic-grid,.original-content .ref-story-grid,.original-content .com-commit-head,.original-content .com-strategy-grid,.original-content .formation-editorial-grid,.original-content .formation-overlap-grid,.original-content .formation-benefits-grid{grid-template-columns:1fr} .original-content .ref-beforeafter-card{width:52%} .original-content .com-card-grid{grid-template-columns:1fr} .original-content .formation-editorial-photo{transform:none} .original-content .training-v2-head{grid-template-columns:1fr} .original-content .training-v2-list article{grid-template-columns:45px 1fr} .original-content .training-v2-list article p,.original-content .training-v2-list article strong{grid-column:2;text-align:left} .original-content .training-v2-list article strong{justify-content:flex-start} .original-content .formation-photo-stack{height:540px} .original-content.page-new .new-final-cta .final-bg{right:2%;width:34%}} @media(max-width:700px){.original-content .ref-pillar-grid{grid-template-columns:1fr} .original-content .ref-beforeafter-stage{display:block} .original-content .ref-beforeafter-stage>img{width:100%;height:320px} .original-content .ref-beforeafter-card{position:relative;width:92%;margin:-45px auto 0} .original-content .com-visual-stage>img{height:430px} .original-content .com-overlay-card{left:18px;right:18px;width:auto} .original-content .com-strategy-images{height:450px} .original-content .com-metrics-grid{grid-template-columns:1fr} .original-content .com-metrics-grid>div{border-right:0;border-bottom:1px solid #2f3438;padding:18px 0} .original-content .formation-editorial-title h2{font-size:68px} .original-content .formation-editorial-photo{height:400px} .original-content .formation-overlap-grid{gap:40px} .original-content .formation-photo-stack{height:430px} .original-content .formation-faq-box{padding:45px 24px} .original-content.page-new .new-final-cta .final-bg{opacity:.45;width:55%;right:-12%}} .original-content .com-visual-stage>img{object-fit:cover;object-position:center} .original-content .com-card-grid article{transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease;border:1px solid transparent} .original-content .com-card-grid article:hover{transform:translateY(-8px);background:#ffffff;box-shadow:0 18px 38px rgba(12,12,12,.10);border-color:#dbe3e8} .original-content .com-card-grid article:hover h3{color:var(--blue)} .original-content .com-strategy-images img{background:#fff;border-radius:0;object-fit:contain;padding:0;box-shadow:0 25px 65px rgba(0,0,0,.15)} .original-content .com-metrics-grid>div{transition:transform .28s ease,background-color .28s ease,padding .28s ease} .original-content .com-metrics-grid>div:hover{background:#101315;transform:translateY(-4px);padding-top:16px;padding-bottom:16px} .original-content .com-metrics-grid>div:hover strong{color:#56d5ff} .original-content .com-metrics-grid>div:hover span{color:#ffffff} .original-content .ref-diagnostic-list article{transition:transform .28s ease,background-color .28s ease,padding-left .28s ease,padding-right .28s ease,box-shadow .28s ease} .original-content .ref-diagnostic-list article b{display:inline-block;transition:transform .28s ease,color .28s ease} .original-content .ref-diagnostic-list article h3{transition:color .28s ease} .original-content .ref-diagnostic-list article:hover{background:#f7fafb;transform:translateX(10px);padding-left:18px;padding-right:18px;box-shadow:0 10px 26px rgba(12,12,12,.05)} .original-content .ref-diagnostic-list article:hover h3{color:var(--blue)} .original-content .ref-diagnostic-list article:hover b{transform:scale(1.08)} .original-content .ref-pillar-grid article{transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease;border:1px solid transparent} .original-content .ref-pillar-grid .line-icon,.original-content .ref-pillar-grid h3{transition:color .28s ease,border-color .28s ease,background-color .28s ease} .original-content .ref-pillar-grid article:hover{transform:translateY(-8px);background:#ffffff;box-shadow:0 18px 38px rgba(12,12,12,.10);border-color:#dbe3e8} .original-content .ref-pillar-grid article:hover .line-icon{border-color:var(--blue);color:var(--blue);background:#f9fdff} .original-content .ref-pillar-grid article:hover h3{color:var(--blue)} @media (max-width:700px){.original-content.page-communication .com-visual-stage{ min-height:0 !important; overflow:visible !important; background:#111 !important; } .original-content.page-communication .com-visual-stage>img{ display:block !important; width:100% !important; height:500px !important; object-fit:cover !important; } .original-content.page-communication .com-overlay-card{ position:relative !important; left:auto !important; right:auto !important; bottom:auto !important; width:calc(100% - 36px) !important; margin:-365px auto 0 !important; padding:34px 28px 38px !important; } .original-content.page-communication .com-overlay-card h2{ margin-top:0 !important; font-size:clamp(38px,11vw,50px) !important; line-height:.98 !important; } .original-content.page-communication .com-overlay-card>p{ font-size:16px !important; line-height:1.6 !important; }} @media (max-width:700px){.original-content.page-communication .com-image-stack,.original-content.page-communication .com-image-collage,.original-content.page-communication .com-visual-stack{ background:transparent !important; } .original-content.page-communication .com-image-stack .image-card,.original-content.page-communication .com-image-collage .image-card,.original-content.page-communication .com-visual-stack .image-card,.original-content.page-communication .com-image-stack figure,.original-content.page-communication .com-image-collage figure,.original-content.page-communication .com-visual-stack figure{ background:transparent !important; box-shadow:none !important; } .original-content.page-communication .com-image-stack img,.original-content.page-communication .com-image-collage img,.original-content.page-communication .com-visual-stack img{ background:transparent !important; border-radius:10px !important; box-shadow:0 14px 34px rgba(6,30,52,.12) !important; }} @media (max-width:700px){.original-content.page-communication .com-strategy-images{ position:relative !important; height:430px !important; background:transparent !important; } .original-content.page-communication .com-strategy-images img{ height:auto !important; object-fit:initial !important; background:transparent !important; padding:0 !important; border-radius:8px !important; box-shadow:0 18px 42px rgba(6,30,52,.14) !important; } .original-content.page-communication .com-strategy-images .com-img-one{ width:54% !important; left:0 !important; top:18px !important; right:auto !important; bottom:auto !important; } .original-content.page-communication .com-strategy-images .com-img-two{ width:68% !important; right:0 !important; top:118px !important; left:auto !important; bottom:auto !important; }} @media (max-width:390px){.original-content.page-communication .com-strategy-images{ height:390px !important; } .original-content.page-communication .com-strategy-images .com-img-one{ width:56% !important; } .original-content.page-communication .com-strategy-images .com-img-two{ width:70% !important; top:108px !important; }} .original-content.portfolio-page,.original-content.agency-page{background:#fff;color:#0c0c0c} .original-content.portfolio-page .site-header,.original-content.agency-page .site-header{position:absolute} .original-content .inner-signature-hero{position:relative;min-height:600px;overflow:hidden;background:#080b0d;color:#fff;padding:145px 0 75px} .original-content .inner-signature-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.34) saturate(.8)} .original-content .inner-signature-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.92),rgba(4,7,9,.58) 48%,rgba(4,7,9,.26))} .original-content .inner-signature-copy{position:relative;z-index:2;max-width:900px;padding-top:55px} .original-content .inner-signature-copy h1{font-size:clamp(58px,6vw,96px);line-height:.93;letter-spacing:-.06em;margin:0 0 25px} .original-content .inner-signature-copy p:not(.eyebrow){max-width:700px;font-size:18px;line-height:1.65;color:#c5ccd0} .original-content .portfolio-intro{padding:100px 0 55px} .original-content .portfolio-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:end} .original-content .portfolio-intro h2{font-size:clamp(48px,5vw,76px);line-height:.96;margin:0} .original-content .portfolio-intro .lead{font-size:20px;line-height:1.65;color:#555e63;margin:0} .original-content .work-list{padding:0 0 110px} .original-content .work-row{position:relative;display:grid;grid-template-columns:130px minmax(0,1fr) 400px;gap:36px;align-items:center;min-height:245px;padding:30px 36px;border:1px solid #dce1e4;border-bottom:0;background:#fff;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} .original-content .work-row:last-child{border-bottom:1px solid #dce1e4} .original-content .work-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(46,203,255,.08),rgba(46,203,255,0) 60%);opacity:0;transition:.3s} .original-content .work-row:hover{z-index:2;transform:translateY(-4px);box-shadow:0 25px 65px rgba(0,0,0,.10);border-color:#9de8ff} .original-content .work-row:hover:before{opacity:1} .original-content .work-no,.original-content .work-copy,.original-content .work-image{position:relative;z-index:1} .original-content .work-no{font-size:70px;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--blue);letter-spacing:-.06em} .original-content .work-copy h2{font-size:34px;line-height:1.05;margin:0 0 14px;text-transform:uppercase;letter-spacing:-.035em} .original-content .work-copy p{max-width:690px;color:#5e666b;font-size:16px;line-height:1.6;margin:0 0 16px} .original-content .work-tag{display:inline-flex;background:var(--blue);padding:7px 11px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:950;color:#061017} .original-content .work-image{height:175px;overflow:hidden;background:#eef1f2} .original-content .work-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s} .original-content .work-row:hover .work-image img{transform:scale(1.07);filter:saturate(1.08)} .original-content .work-arrow{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid #d6dcdf;border-radius:50%;display:grid;place-items:center;font-size:18px;opacity:0;transform:translate(-8px,8px);transition:.28s;background:#fff} .original-content .work-row:hover .work-arrow{opacity:1;transform:none} .original-content .portfolio-cta{background:#090b0c;color:#fff;padding:90px 0} .original-content .portfolio-cta .shell{display:flex;align-items:end;justify-content:space-between;gap:50px} .original-content .portfolio-cta h2{font-size:clamp(46px,4.5vw,70px);max-width:780px;margin:0} .original-content .agency-manifesto{padding:110px 0 95px} .original-content .agency-manifesto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center} .original-content .agency-manifesto h2{font-size:clamp(52px,5vw,78px);line-height:.94;margin:0 0 25px} .original-content .agency-manifesto p{font-size:18px;line-height:1.7;color:#586166;max-width:650px} .original-content .agency-photo{height:560px;overflow:hidden;position:relative} .original-content .agency-photo img{width:100%;height:100%;object-fit:cover} .original-content .agency-photo:after{content:"2009";position:absolute;right:20px;bottom:-16px;font-size:110px;line-height:1;font-weight:950;color:rgba(255,255,255,.78);letter-spacing:-.08em} .original-content .agency-numbers{background:#0b0d0f;color:#fff;padding:0} .original-content .agency-numbers-grid{display:grid;grid-template-columns:repeat(3,1fr)} .original-content .agency-number{padding:55px 42px;border-right:1px solid #2b3033} .original-content .agency-number:last-child{border-right:0} .original-content .agency-number strong{display:block;font-size:70px;line-height:1;color:var(--blue);letter-spacing:-.06em} .original-content .agency-number span{display:block;margin-top:12px;color:#bac1c5;font-size:14px} .original-content .agency-principles{padding:110px 0} .original-content .agency-principles-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:55px} .original-content .agency-principles h2{font-size:clamp(48px,4.5vw,72px);margin:0} .original-content .agency-principles-head p{font-size:20px;line-height:1.7;color:#5e666b;margin:0} .original-content .agency-principle-list{border-top:1px solid #dce1e3} .original-content .agency-principle{display:grid;grid-template-columns:100px .8fr 1.2fr;gap:35px;padding:34px 0;border-bottom:1px solid #dce1e3;align-items:start} .original-content .agency-principle>span{font-size:42px;color:transparent;-webkit-text-stroke:1.5px var(--blue);font-weight:900} .original-content .agency-principle h3{font-size:29px;margin:0} .original-content .agency-principle p{margin:0;color:#626a6f;line-height:1.65} .original-content .agency-local{background:#f3f8fa;padding:105px 0} .original-content .agency-local-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center} .original-content .agency-local h2{font-size:clamp(48px,4.5vw,72px);margin-bottom:24px} .original-content .agency-local p{color:#5d656a;font-size:18px;line-height:1.7} .original-content .agency-local-card{background:#0b0d0f;color:#fff;padding:48px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden} .original-content .agency-local-card:before{content:"974";position:absolute;right:-15px;top:-30px;font-size:190px;line-height:1;font-weight:950;color:rgba(46,203,255,.08)} .original-content .agency-local-card strong{font-size:31px;max-width:420px;position:relative;z-index:1} .original-content .agency-local-card p{color:#aeb6ba;position:relative;z-index:1;font-size:15px} @media(max-width:900px){.original-content .inner-signature-hero{min-height:520px;padding-top:120px} .original-content .inner-signature-copy{padding-top:30px} .original-content .portfolio-intro-grid,.original-content .agency-manifesto-grid,.original-content .agency-principles-head,.original-content .agency-local-grid{grid-template-columns:1fr;gap:35px} .original-content .work-row{grid-template-columns:72px 1fr;gap:18px;padding:25px 20px} .original-content .work-image{grid-column:1/-1;height:220px} .original-content .work-no{font-size:52px} .original-content .work-copy h2{font-size:28px} .original-content .portfolio-cta .shell{display:block} .original-content .portfolio-cta .btn{margin-top:28px} .original-content .agency-photo{height:420px} .original-content .agency-numbers-grid{grid-template-columns:1fr} .original-content .agency-number{border-right:0;border-bottom:1px solid #2b3033} .original-content .agency-principle{grid-template-columns:70px 1fr} .original-content .agency-principle p{grid-column:2}}.original-content{--shell:1240px;--blue:#2ecbff;--ink:#0c0c0c;--line:#e8e8e8;--shadow:0 28px 70px rgba(0,0,0,.14)} .original-content .creation-method-steps article>div{grid-column:auto} @media (min-width:821px){.original-content.page-creation .inner-hero.inner-hero-video-bg{min-height:600px;}} .original-content.page-creation .feature-lines .text-icon-bolt{ font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",sans-serif; font-size:22px; line-height:1; color:var(--blue); } .original-content.page-creation .final-cta{min-height:350px;} .original-content.page-creation .final-inner{padding:54px 0;width:min(60%,780px);} .original-content.page-creation .final-inner h2{font-size:clamp(42px,5.1vw,70px);margin-bottom:10px;} .original-content.page-creation .final-inner>p{font-size:17px;} .original-content.page-creation .final-bg{right:8%;width:29%;overflow:visible;} .original-content.page-creation .final-bg img{ position:relative; z-index:2; width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:none; } .original-content.page-creation .final-bg:before{ background:linear-gradient(90deg,#090b0c 0%,#090b0c 18%,rgba(9,11,12,.68) 40%,rgba(9,11,12,0) 72%); } .original-content.page-creation .final-bg:after{ content:""; position:absolute; z-index:1; width:240px; height:240px; right:9%; top:22%; border-radius:50%; background:radial-gradient(circle,rgba(46,203,255,.18) 0%,rgba(46,203,255,.08) 42%,rgba(46,203,255,0) 72%); filter:blur(14px); pointer-events:none; } .original-content.page-creation .creation-method-editorial{ background:#fff; color:#0c0c0c; padding:105px 0 118px; overflow:hidden; } .original-content.page-creation .creation-method-wrap{ position:relative; min-height:760px; } .original-content.page-creation .creation-method-visual{ position:relative; width:72%; height:620px; margin-left:auto; overflow:hidden; background:#eef1f2; } .original-content.page-creation .creation-method-visual img{ width:100%; height:100%; object-fit:cover; object-position:center 47%; } .original-content.page-creation .creation-method-heading{ position:absolute; z-index:3; left:42px; top:82px; width:min(48%,610px); padding:18px 34px 34px 0; background:#fff; } .original-content.page-creation .creation-method-heading .eyebrow{ margin-bottom:18px; } .original-content.page-creation .creation-method-heading h2{ font-size:clamp(54px,5.2vw,84px); line-height:.94; letter-spacing:-.06em; margin:0 0 22px; } .original-content.page-creation .creation-method-heading>p:last-child{ max-width:500px; margin:0; color:#555e63; font-size:17px; line-height:1.6; } .original-content.page-creation .creation-method-label{display:none;} .original-content.page-creation .creation-method-steps{ position:absolute; z-index:5; right:0; bottom:0; width:78%; display:grid; grid-template-columns:repeat(2,1fr); background:#0c0c0c; color:#fff; box-shadow:0 26px 70px rgba(0,0,0,.18); } .original-content.page-creation .creation-method-steps article{ min-height:150px; padding:26px 30px; display:grid; grid-template-columns:38px 1fr; gap:15px; border-right:1px solid #2d3235; border-bottom:1px solid #2d3235; } .original-content.page-creation .creation-method-steps article:nth-child(2n){ border-right:0; } .original-content.page-creation .creation-method-steps article:nth-child(n+3){ border-bottom:0; } .original-content.page-creation .creation-method-steps span{ color:var(--blue); font-size:11px; font-weight:950; padding-top:5px; } .original-content.page-creation .creation-method-steps h3{ margin:0 0 8px; color:#fff; font-size:25px; letter-spacing:-.035em; } .original-content.page-creation .creation-method-steps p{ margin:0; color:#aeb6bb; font-size:13px; line-height:1.5; } @media(max-width:900px){.original-content.page-creation .creation-method-editorial{padding:72px 0 80px;} .original-content.page-creation .creation-method-wrap{min-height:auto;} .original-content.page-creation .creation-method-label{display:none;} .original-content.page-creation .creation-method-visual{ width:100%; height:470px; margin:0; } .original-content.page-creation .creation-method-heading{ position:relative; left:auto; top:auto; width:calc(100% - 28px); margin:-95px 0 0; padding:30px 28px 26px 0; background:#fff; } .original-content.page-creation .creation-method-heading h2{ font-size:clamp(46px,9vw,68px); } .original-content.page-creation .creation-method-steps{ position:relative; width:100%; right:auto; bottom:auto; grid-template-columns:1fr; } .original-content.page-creation .creation-method-steps article,.original-content.page-creation .creation-method-steps article:nth-child(2n),.original-content.page-creation .creation-method-steps article:nth-child(n+3){ border-right:0; border-bottom:1px solid #2d3235; } .original-content.page-creation .creation-method-steps article:last-child{border-bottom:0;}} .original-content.page-creation .feature-lines > div{ position:relative; transition: transform .28s cubic-bezier(.2,.7,.2,1), padding-left .28s cubic-bezier(.2,.7,.2,1), padding-right .28s cubic-bezier(.2,.7,.2,1), background-color .28s ease, border-color .28s ease, box-shadow .28s ease; } .original-content.page-creation .feature-lines > div > span,.original-content.page-creation .feature-lines > div strong{ transition: transform .28s cubic-bezier(.2,.7,.2,1), color .28s ease, background-color .28s ease, border-color .28s ease; } @media (hover:hover) and (pointer:fine){.original-content.page-creation .feature-lines > div:hover{ transform:translateX(10px); padding-left:14px; padding-right:14px; background:rgba(46,203,255,.045); border-color:#b8ecfb; box-shadow:0 10px 26px rgba(12,12,12,.045); } .original-content.page-creation .feature-lines > div:hover > span{ transform:scale(1.08); background:rgba(46,203,255,.08); border-color:var(--blue); } .original-content.page-creation .feature-lines > div:hover strong{ color:#159dca; transform:translateX(3px); }} .original-content.page-refonte .ref-beforeafter-stage{ position:relative; min-height:560px; display:grid; grid-template-columns:minmax(0,1.42fr) minmax(390px,.78fr); align-items:center; gap:0; } .original-content.page-refonte .ref-compare-wrap{ position:relative; z-index:1; width:100%; max-width:860px; border-radius:24px; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)); box-shadow:0 35px 90px rgba(0,0,0,.36); } .original-content.page-refonte .ref-compare-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 20px; background:rgba(255,255,255,.08); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.10); color:#fff; } .original-content.page-refonte .ref-compare-toolbar .dots{display:flex;gap:8px} .original-content.page-refonte .ref-compare-toolbar .dots i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55)} .original-content.page-refonte .ref-compare-toolbar .title{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#f5f7f8} .original-content.page-refonte .ref-compare-toolbar::after{content:"Faites glisser ↔";font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)} .original-content.page-refonte .ref-compare{ --compare-pos:54%; position:relative; aspect-ratio:1279/1286; background:#fff; user-select:none; overflow:hidden; } .original-content.page-refonte .ref-compare>img,.original-content.page-refonte .ref-compare-overlay img{ display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top center; } .original-content.page-refonte .ref-compare-overlay{ position:absolute; inset:0; overflow:hidden; clip-path:inset(0 calc(100% - var(--compare-pos)) 0 0); } .original-content.page-refonte .ref-compare-handle{ position:absolute; z-index:6; top:0; bottom:0; left:var(--compare-pos); width:2px; background:#fff; pointer-events:none; transform:translateX(-1px); box-shadow:0 0 0 1px rgba(6,30,52,.12); } .original-content.page-refonte .ref-compare-handle span{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:54px; height:54px; border-radius:50%; display:grid; place-items:center; background:#fff; color:#0b1b32; font-size:23px; font-weight:900; box-shadow:0 15px 34px rgba(0,0,0,.28); } .original-content.page-refonte .ref-compare-badge{ position:absolute; z-index:7; top:20px; padding:9px 13px; border-radius:999px; background:rgba(11,27,50,.86); border:1px solid rgba(255,255,255,.16); font-size:11px; font-weight:900; letter-spacing:.08em; color:#fff; backdrop-filter:blur(8px); } .original-content.page-refonte .ref-compare-badge.before{left:18px} .original-content.page-refonte .ref-compare-badge.after{right:18px;background:rgba(46,203,255,.94);border-color:transparent;color:#061e34} .original-content.page-refonte .ref-compare-range{position:absolute;z-index:10;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize} .original-content.page-refonte .ref-compare-caption{ position:absolute; z-index:7; left:18px; bottom:18px; padding:10px 13px; max-width:310px; border-radius:13px; background:rgba(6,16,28,.68); border:1px solid rgba(255,255,255,.12); color:#fff; backdrop-filter:blur(8px); } .original-content.page-refonte .ref-compare-caption strong{display:block;font-size:17px;line-height:1.1;margin-bottom:4px} .original-content.page-refonte .ref-compare-caption p{margin:0;color:rgba(255,255,255,.80);font-size:11px;line-height:1.45} .original-content.page-refonte .ref-beforeafter-card{ position:relative; z-index:5; right:auto; width:100%; max-width:520px; margin-left:-34px; } @media (max-width:1050px){.original-content.page-refonte .ref-beforeafter-stage{grid-template-columns:1fr;gap:0} .original-content.page-refonte .ref-compare-wrap{max-width:800px;margin:0 auto} .original-content.page-refonte .ref-beforeafter-card{width:min(640px,92%);max-width:none;margin:-34px auto 0}} @media (max-width:700px){.original-content.page-refonte .ref-compare-toolbar{padding:12px 14px} .original-content.page-refonte .ref-compare-toolbar::after{display:none} .original-content.page-refonte .ref-compare-badge{top:13px;padding:7px 10px} .original-content.page-refonte .ref-compare-caption{left:13px;bottom:13px;max-width:250px} .original-content.page-refonte .ref-compare-caption p{display:none} .original-content.page-refonte .ref-compare-handle span{width:46px;height:46px;font-size:19px}} @media (min-width:821px){.original-content.agency-page .inner-hero.inner-hero-video-bg{min-height:600px;}} .original-content.agency-page .agency-principle{ position:relative; transition: transform .28s cubic-bezier(.2,.7,.2,1), padding-left .28s cubic-bezier(.2,.7,.2,1), background-color .28s ease, border-color .28s ease; } .original-content.agency-page .agency-principle::before{ content:""; position:absolute; left:0; top:18%; bottom:18%; width:3px; background:var(--blue); transform:scaleY(0); transform-origin:center; transition:transform .28s cubic-bezier(.2,.7,.2,1); } .original-content.agency-page .agency-principle > span,.original-content.agency-page .agency-principle h3{ transition:transform .28s cubic-bezier(.2,.7,.2,1), color .28s ease; } @media (hover:hover) and (pointer:fine){.original-content.agency-page .agency-principle:hover{ padding-left:18px; background:rgba(46,203,255,.045); border-color:#b8ecfb; } .original-content.agency-page .agency-principle:hover::before{ transform:scaleY(1); } .original-content.agency-page .agency-principle:hover > span{ transform:translateX(5px); } .original-content.agency-page .agency-principle:hover h3{ transform:translateX(4px); color:#159dca; }} .original-content.agency-page .agency-final-cta .final-bg{ right:5%; width:31%; overflow:visible; } .original-content.agency-page .agency-final-cta .final-bg img{ width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:none; } .original-content.agency-page .agency-final-cta .final-bg::after{ content:""; position:absolute; z-index:1; width:280px; height:280px; right:10%; top:18%; border-radius:50%; background:radial-gradient(circle,rgba(46,203,255,.17) 0%,rgba(46,203,255,.08) 40%,rgba(46,203,255,0) 72%); filter:blur(14px); pointer-events:none; } .original-content.agency-page .agency-final-cta .final-bg img{ position:relative; z-index:2; } .original-content .work-row .work-image{ display:flex; align-items:center; justify-content:flex-end; height:175px; overflow:visible; background:transparent !important; } .original-content .work-row .work-image img{ width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain !important; object-position:center center !important; background:transparent !important; display:block; box-shadow:0 16px 34px rgba(6, 30, 52, 0.10); } .original-content .work-row:hover .work-image img{ transform:translateY(-2px) scale(1.02); filter:saturate(1.04); } @media (max-width: 767px){.original-content .work-row .work-image{ justify-content:center; height:auto; min-height:0; } .original-content .work-row .work-image img{ max-height:220px; }} @media (min-width:821px){.original-content.portfolio-page .inner-hero.inner-hero-video-bg{min-height:600px;}} .original-content .creation-method-steps article>div{grid-column:1/-1} /* Rupture entre le bloc editorial contenu et la photo pleine largeur. */ .original-content + .service-split { background: #090909; color: #fff; align-items: stretch; } .original-content + .service-split .service-split-copy { align-self: center; } .original-content + .service-split h2, .original-content + .service-split .service-aside strong { color: #fff; } .original-content + .service-split p:not(.eyebrow) { color: #c6cbd0; } .original-content + .service-split .eyebrow { color: #2ecbff; } .original-content + .service-split .service-aside { background: #161b1e; border-left-color: #2ecbff; } .original-content + .service-split li { color: #e1e6e9; } .original-content + .service-split li::before { color: #2ecbff; } /* /assets/cookies.css */ :root{--blue:#2ecbff} .as-cookie-banner, .as-cookie-modal, .as-cookie-manage, .as-cookie-backdrop{box-sizing:border-box} .as-cookie-banner *, .as-cookie-modal *, .as-cookie-manage *{box-sizing:border-box} .as-cookie-banner[hidden],.as-cookie-modal[hidden],.as-cookie-manage[hidden],.as-cookie-backdrop[hidden]{display:none!important} .as-cookie-banner{ position:fixed;z-index:4200;left:22px;bottom:22px;width:min(430px,calc(100vw - 44px)); display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px; background:rgba(5,7,8,.97);color:#fff;border:1px solid rgba(255,255,255,.11);border-radius:22px; box-shadow:0 28px 70px rgba(0,0,0,.38);backdrop-filter:blur(18px); opacity:0;transform:translateY(16px) scale(.985);transition:opacity .22s ease,transform .22s ease } .as-cookie-banner.is-visible{opacity:1;transform:none} .as-cookie-banner__mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--blue);color:var(--blue);font-size:26px;line-height:1} .as-cookie-kicker{margin:0 0 7px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase} .as-cookie-banner h2,.as-cookie-modal h2{margin:0;color:#fff;letter-spacing:-.04em}.as-cookie-banner h2{font-size:29px;line-height:1.05} .as-cookie-banner__body>p:not(.as-cookie-kicker):not(.as-cookie-note){margin:12px 0 17px;color:#bec5c9;font-size:13px;line-height:1.58} .as-cookie-actions{display:flex;gap:10px}.as-cookie-actions--main .as-cookie-btn{flex:1} .as-cookie-btn{appearance:none;border:1px solid transparent;border-radius:11px;min-height:44px;padding:10px 14px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease} .as-cookie-btn:hover{transform:translateY(-1px)}.as-cookie-btn:focus-visible,.as-cookie-customize:focus-visible,.as-cookie-close:focus-visible,.as-cookie-manage:focus-visible{outline:3px solid rgba(46,203,255,.42);outline-offset:3px} .as-cookie-btn--accept{background:var(--blue);color:#061e34;border-color:var(--blue)} .as-cookie-btn--reject{background:#15191b;color:#fff;border-color:#51585c}.as-cookie-btn--reject:hover{border-color:#fff} .as-cookie-btn--save{background:#fff;color:#061e34;border-color:#fff} .as-cookie-customize{margin-top:12px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:12px;font-weight:800;text-decoration:underline;text-decoration-color:rgba(46,203,255,.55);text-underline-offset:4px;cursor:pointer} .as-cookie-note{margin:13px 0 0;color:#7f888d;font-size:10px;line-height:1.45} .as-cookie-manage{position:fixed;z-index:4100;left:20px;bottom:20px;display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:#071017;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.23);cursor:pointer;opacity:0;transform:translateY(8px);transition:.2s} .as-cookie-manage.is-visible{opacity:1;transform:none}.as-cookie-manage span{color:var(--blue);font-size:20px}.as-cookie-manage b{font-size:11px;letter-spacing:.02em} .as-cookie-backdrop{position:fixed;z-index:4300;inset:0;background:rgba(0,0,0,.60);backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}.as-cookie-backdrop.is-visible{opacity:1} .as-cookie-modal{position:fixed;z-index:4310;left:50%;top:50%;width:min(670px,calc(100vw - 34px));max-height:min(760px,calc(100vh - 34px));overflow:auto;transform:translate(-50%,-48%) scale(.985);opacity:0;padding:28px;background:#090d0f;color:#fff;border:1px solid #2a3033;border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.48);transition:opacity .2s ease,transform .2s ease}.as-cookie-modal.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)} .cookie-modal-open{overflow:hidden}.as-cookie-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.as-cookie-modal h2{font-size:36px;line-height:1}.as-cookie-close{width:42px;height:42px;border-radius:50%;border:1px solid #353c40;background:#111618;color:#fff;font-size:25px;cursor:pointer}.as-cookie-close:hover{border-color:var(--blue);color:var(--blue)} .as-cookie-modal__intro{margin:18px 0 22px;color:#b8c0c4;font-size:14px;line-height:1.6} .as-cookie-purpose{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-top:1px solid #242a2d}.as-cookie-purpose:last-of-type{border-bottom:1px solid #242a2d}.as-cookie-purpose__text strong{display:block;color:#fff;font-size:16px}.as-cookie-purpose__text p{margin:6px 0 0;max-width:490px;color:#929ca1;font-size:12px;line-height:1.55}.as-cookie-always{flex:none;padding:7px 10px;border-radius:999px;background:rgba(46,203,255,.10);color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em} .as-cookie-purpose--toggle{cursor:pointer}.as-cookie-switch{position:relative;flex:none;width:50px;height:28px}.as-cookie-switch input{position:absolute;opacity:0;pointer-events:none}.as-cookie-switch span{position:absolute;inset:0;border-radius:999px;background:#30383c;border:1px solid #4d575c;transition:.2s}.as-cookie-switch span::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.as-cookie-switch input:checked+span{background:var(--blue);border-color:var(--blue)}.as-cookie-switch input:checked+span::after{transform:translateX(22px);background:#061e34}.as-cookie-switch input:focus-visible+span{outline:3px solid rgba(46,203,255,.4);outline-offset:3px} .as-cookie-details{padding:18px 0}.as-cookie-details p{margin:5px 0;color:#8f999e;font-size:11px;line-height:1.5}.as-cookie-details strong{color:#cdd3d6}.as-cookie-details a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.as-cookie-actions--modal{justify-content:flex-end;flex-wrap:wrap}.as-cookie-actions--modal .as-cookie-btn{min-width:145px} @media(max-width:620px){.as-cookie-banner{left:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:1fr;padding:18px;border-radius:18px}.as-cookie-banner__mark{display:none}.as-cookie-banner h2{font-size:25px}.as-cookie-actions--main{display:grid;grid-template-columns:1fr 1fr}.as-cookie-modal{padding:21px;border-radius:20px}.as-cookie-modal h2{font-size:30px}.as-cookie-purpose{align-items:flex-start}.as-cookie-actions--modal{display:grid;grid-template-columns:1fr}.as-cookie-actions--modal .as-cookie-btn{width:100%}.as-cookie-manage{left:12px;bottom:12px}} /* /assets/services-contenus-v1.css */ /* Nouvelles sections uniquement. Aucun selecteur de menu, hero ou footer. */ .service-depth{padding:88px 0;background:#f3f7f8}.service-depth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.service-depth h2,.service-prep h2{font-size:clamp(32px,3.5vw,49px);line-height:1.1;letter-spacing:-.04em;margin:18px 0 26px}.service-depth .eyebrow{color:#087da5}.service-depth-intro>p:not(.eyebrow),.service-prep p:not(.eyebrow){color:#586b74;font-size:16px;line-height:1.8}.service-depth-criteria{margin:0}.service-depth-criteria>div{border-top:1px solid #cdd9dd;padding:25px 0}.service-depth-criteria>div:first-child{border-top:3px solid #2ecbff}.service-depth-criteria dt{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}.service-depth-criteria dd{margin:0;color:#586b74;font-size:15px;line-height:1.8}.depth-editorial .service-depth-grid{grid-template-columns:.95fr 1.05fr}.depth-editorial .service-depth-criteria>div{padding:25px;background:white;border-top:0;border-left:3px solid #2ecbff;margin-bottom:16px}.depth-dark{background:#090909;color:#fff}.depth-dark h2,.depth-dark dt{color:#fff}.depth-dark .service-depth-intro>p:not(.eyebrow),.depth-dark dd{color:#c6cbd0}.depth-dark .eyebrow{color:#2ecbff}.depth-dark .service-depth-criteria>div{border-top-color:#364149}.depth-dark .service-depth-criteria>div:first-child{border-top-color:#2ecbff} .service-prep{padding:85px 0;background:#fff}.service-prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.service-prep .textlink{display:inline-block;margin-top:15px}.service-prep-list{list-style:none;padding:0;margin:0 0 30px}.service-prep-list li{padding:18px 0 18px 24px;position:relative;border-bottom:1px solid #dce5e8;color:#40545e;line-height:1.7;font-size:16px}.service-prep-list li:first-child{border-top:1px solid #dce5e8}.service-prep-list li:before{content:'';width:7px;height:7px;border-radius:50%;background:#2ecbff;position:absolute;left:0;top:28px}.service-related{border-left:3px solid #2ecbff;padding:1px 0 1px 22px}.service-related>p{font-size:11px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.service-related a{display:block;padding:8px 0;color:#13242c;font-size:14px;line-height:1.5;text-decoration:none;font-weight:750}.service-related a span{color:#087da5}.service-related a:hover,.service-related a:focus-visible{color:#087da5;text-decoration:underline;text-underline-offset:4px}.service-related a:focus-visible{outline:2px solid #2ecbff;outline-offset:4px} @media(max-width:850px){.service-depth,.service-prep{padding:60px 0}.service-depth-grid,.depth-editorial .service-depth-grid,.service-prep-grid{grid-template-columns:minmax(0,1fr);gap:30px}.service-depth h2,.service-prep h2{font-size:clamp(30px,6vw,42px)}.service-depth-criteria dt{font-size:19px}.service-depth-intro>p:not(.eyebrow),.service-prep p:not(.eyebrow){font-size:16px}.depth-editorial .service-depth-criteria>div{padding:22px}} /* /assets/rythme-fonds-v4.css */ /* Fonds reserves aux sections marquees ; aucune regle de menu, hero ou footer. */ .rhythm-page main .rhythm-paper {background:#fff;color:#0c0c0c} .rhythm-page main .rhythm-tint {background:#f5f5f5;color:#0c0c0c} .rhythm-page main .rhythm-paper h2, .rhythm-page main .rhythm-paper h3, .rhythm-page main .rhythm-tint h2, .rhythm-page main .rhythm-tint h3, .rhythm-page main .rhythm-tint dt {color:#0c0c0c} .rhythm-page main .rhythm-tint p:not(.eyebrow), .rhythm-page main .rhythm-tint dd, .rhythm-page main .rhythm-tint li {color:#505050} .rhythm-page main .rhythm-tint .eyebrow {color:#087da5} .rhythm-page main .rhythm-tint li::before {color:#087da5} .rhythm-page main .rhythm-tint .ref-pillar-grid article {background:#fff;border-color:#d8d8d8} .rhythm-page main .rhythm-tint .service-note, .rhythm-page main .rhythm-tint .service-aside {background:#fff;color:#0c0c0c;border-left-color:#2ecbff} .rhythm-page main .rhythm-tint .service-note strong, .rhythm-page main .rhythm-tint .service-aside strong, .rhythm-page main .rhythm-tint .service-note li {color:#0c0c0c} .rhythm-page main .rhythm-tint .service-feature-points {border-top-color:#cecece} .rhythm-page main .rhythm-tint .service-feature-points span {color:#263d48} .rhythm-page main .rhythm-tint .editorial-faq-list details {border-color:#cecece} .rhythm-page main .rhythm-tint .editorial-faq-list summary {color:#0c0c0c} .rhythm-page main .service-depth.rhythm-ink {background:#090909;color:#fff} .rhythm-page main .service-depth.rhythm-ink h2, .rhythm-page main .service-depth.rhythm-ink dt {color:#fff} .rhythm-page main .service-depth.rhythm-ink p:not(.eyebrow), .rhythm-page main .service-depth.rhythm-ink dd {color:#c6cbd0} .rhythm-page main .service-depth.rhythm-ink .eyebrow {color:#2ecbff} .rhythm-page main .service-depth.rhythm-ink .service-depth-criteria>div {border-color:#364149} .rhythm-page main .service-depth.rhythm-ink .service-depth-criteria>div:first-child {border-top-color:#2ecbff} .rhythm-page main .service-depth.depth-editorial.rhythm-ink .service-depth-criteria>div {background:#172026;border-left-color:#2ecbff} /* Une section d'approfondissement placee sous la galerie reste claire. */ .rhythm-page main .service-depth.rhythm-tint p:not(.eyebrow), .rhythm-page main .service-depth.rhythm-tint dd {color:#505050} .rhythm-page main .service-depth.rhythm-tint .service-depth-criteria>div {border-color:#cecece} .rhythm-page main .service-depth.rhythm-tint .service-depth-criteria>div:first-child {border-top-color:#2ecbff} .rhythm-page main .service-depth.depth-editorial.rhythm-tint .service-depth-criteria>div {background:#fff;border-left-color:#2ecbff} /* /assets/navigation-agence-web-v1.css */ /* Entrée Sites & visibilité : lien de page + bouton de sous-menu distinct. */ .header .nav-web-entry{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:5px} .header .nav-web-entry>.nav-web-link{display:block;color:inherit;text-decoration:none;font-size:clamp(12px,.95vw,14px);font-weight:700;white-space:nowrap;padding:35px 0;position:relative} .header .nav-web-entry>.nav-web-link:hover{color:#2ecbff} .header .nav-web-entry>.nav-web-link:focus-visible,.header .nav-web-entry>.nav-web-toggle:focus-visible{outline:2px solid #2ecbff;outline-offset:4px} .header .nav-web-entry>.nav-web-toggle{width:auto;min-width:24px;text-align:center;padding-left:3px;padding-right:3px} @media(min-width:1101px) and (max-width:1450px){.header .nav-web-entry>.nav-web-link{font-size:12px}} @media(max-width:1100px){.header .nav-web-entry{grid-template-columns:1fr 44px;column-gap:0}.header .nav-web-entry>.nav-web-link{padding:13px 0;color:#fff;white-space:normal;font-size:13px}.header .nav-web-entry>.nav-web-toggle{width:44px;min-height:44px;padding:10px 0}.header .nav-web-entry>.dropdown{grid-column:1/-1;width:100%}.header .nav-web-entry>.nav-web-link:hover{color:#2ecbff}} /* /assets/menu-transparent-v1.css */ /* Bandeau transparent uniquement ; sous-menus et boutons conservés. */ body.menu-transparent{--menu-height:98px} body.menu-transparent>header{background:transparent!important;box-shadow:none!important;border-bottom:0;color:#fff} body.menu-sur-galerie>header{position:absolute;top:0;left:0;right:0;width:100%;z-index:20} body.menu-sur-galerie #main>.hero:first-child{padding-top:var(--menu-height)} body.menu-sur-clair>header{position:relative;color:#0c0c0c} body.menu-sur-clair .header .brand img{filter:brightness(0)} @media(min-width:1101px){ body.menu-transparent .header nav{background:transparent!important} body.menu-sur-clair .header nav>a:not(.nav-contact), body.menu-sur-clair .header .nav-group>button, body.menu-sur-clair .header .nav-web-entry>.nav-web-link{color:#0c0c0c} body.menu-sur-clair .header nav>a:not(.nav-contact):hover, body.menu-sur-clair .header .nav-group>button:hover, body.menu-sur-clair .header .nav-web-entry>.nav-web-link:hover{color:#087da5} } @media(max-width:1100px){ body.menu-transparent{--menu-height:80px} body.menu-transparent .header nav{top:100%;background:#0c0c0c!important;max-height:calc(100dvh - var(--menu-height));color:#fff} body.menu-transparent .header nav>a:not(.nav-contact), body.menu-transparent .header .nav-group>button, body.menu-transparent .header .nav-web-entry>.nav-web-link{color:#fff} } /* /assets/navigation-categories-v1.css */ /* Même présentation que Sites & visibilité : lien de catégorie + bouton distinct. */ .header .nav-web-entry{column-gap:2px} .header .nav-web-entry>.nav-web-toggle{min-width:20px} .category-page .cat-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#627177;margin-bottom:38px} .category-page .cat-breadcrumb a{color:#087da5;text-decoration:none} .category-page .cat-breadcrumb a:hover{text-decoration:underline} /* Les quatre liens et leurs flèches demandent davantage de place : basculer vers le menu replié avant tout débordement horizontal. */ @media(min-width:1101px) and (max-width:1250px){ body.menu-transparent{--menu-height:80px} .header{min-height:80px} .menu-toggle{display:block;border:0;background:#2ecbff;color:#0c0c0c;padding:12px;font:inherit;cursor:pointer} body.menu-transparent .header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0c0c0c!important;padding:25px 5%;align-items:stretch;flex-direction:column;gap:0;max-height:calc(100dvh - 80px);overflow:auto} body.menu-transparent .header nav.active{display:flex} body.menu-transparent .header nav>a:not(.nav-contact),body.menu-transparent .header .nav-group>button,body.menu-transparent .header .nav-web-entry>.nav-web-link{color:#fff} .header nav>a,.header .nav-group>button{display:block;padding:13px 0;white-space:normal;text-align:left;width:100%} .header .nav-web-entry{display:grid;grid-template-columns:1fr 44px;column-gap:0} .header .nav-web-entry>.nav-web-link{padding:13px 0;white-space:normal;font-size:13px} .header .nav-web-entry>.nav-web-toggle{width:44px;min-height:44px;padding:10px 0} .header .nav-group>.dropdown{display:none!important;position:static;width:100%;left:auto;right:auto;top:auto;box-shadow:none;grid-column:1/-1} .header .nav-group.open>.dropdown{display:grid!important;grid-template-columns:1fr 1.4fr} } /* /assets/categories-v1.css */ .category-page .cat-section{padding:76px 0} .category-page .cat-section h2{font-size:clamp(29px,3.2vw,46px);line-height:1.12;letter-spacing:-.045em;margin:14px 0 25px;font-weight:650} .category-page .cat-section p{font-size:16px;line-height:1.85;color:#627177} .category-page .cat-intro-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:9%;align-items:start} .category-page .cat-services{background:#f5f5f5} .category-page .cat-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:35px} .category-page .cat-card{padding:32px;background:#fff;border:1px solid #dce5e8;border-radius:8px;position:relative} .category-page .cat-card:before{content:"";display:block;width:36px;height:3px;background:#2ecbff;margin-bottom:22px} .category-page .cat-card h3{font-size:24px;letter-spacing:-.03em;line-height:1.2;margin:0 0 15px} .category-page .cat-card p{font-size:15px;margin-bottom:23px} .category-page .cat-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center} .category-page .cat-photo{margin:0;overflow:hidden;border-radius:5px;background:#f5f5f5} .category-page .cat-photo img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover} .category-page .cat-checks{margin:30px 0 0;display:grid;gap:18px} .category-page .cat-checks div{border-top:1px solid #dce5e8;padding-top:16px} .category-page .cat-checks dt{font-size:17px;font-weight:700;margin-bottom:5px} .category-page .cat-checks dd{margin:0;color:#627177;font-size:14px;line-height:1.7} .category-page .cat-situation{background:#f5f5f5} .category-page .cat-situation-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center} .category-page .cat-related{margin-top:25px;padding-top:22px;border-top:1px solid #dce5e8;display:grid;gap:14px} .category-page .cat-related a{font-size:14px;line-height:1.6} .category-communication .cat-card-grid{grid-template-columns:minmax(0,1fr)} .category-communication .cat-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:0 7%;padding:35px 40px} .category-communication .cat-card:before{grid-column:1;grid-row:1} .category-communication .cat-card h3{grid-column:1;grid-row:2/4} .category-communication .cat-card p{grid-column:2;grid-row:1/3;margin-top:0} .category-communication .cat-card>a{grid-column:2} .category-hebergement .cat-feature{background:#0c0c0c;color:#fff} .category-hebergement .cat-feature p,.category-hebergement .cat-checks dd{color:#bdc8cd} .category-hebergement .cat-checks div{border-color:#34434a} .category-hebergement .cat-feature .eyebrow{color:#2ecbff} .category-hebergement .cat-situation{background:#fff} .category-hebergement .editorial-faq{background:#f5f5f5} @media(max-width:800px){ .category-page .cat-section{padding:52px 0} .category-page .cat-intro-grid,.category-page .cat-feature-grid,.category-page .cat-situation-grid{grid-template-columns:1fr;gap:28px} .category-page .cat-card{padding:26px} .category-communication .cat-card{display:block} .category-page .cat-section p{font-size:15px} } @media(max-width:600px){.category-page .cat-card-grid{grid-template-columns:1fr}.category-page .cat-card h3{font-size:23px}} .category-page .hero h1>span{color:#2ecbff} .category-page .cat-section p.eyebrow{font-size:12px;line-height:1.5;color:#087da5} .category-hebergement .cat-feature p.eyebrow{color:#2ecbff} @media(max-width:650px){ .category-page .hero{height:auto;min-height:0} .category-page .hero .hero-inner{height:auto;min-height:0;padding-top:34px;padding-bottom:60px} } /* /assets/footer-disposition-pj-v1.css */ /* Disposition de la référence : quatre colonnes, sauvegarde puis mentions. */ footer.footer-reference{background:#0c0c0c;color:#e7ebed;font-family:inherit;padding:30px 0 24px} .footer-reference .fr-wrap{width:calc(100% - 64px);max-width:1600px;margin:0 auto} .footer-reference .fr-columns{border-top:1px solid #2ecbff;padding-top:30px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.05fr;gap:40px} .footer-reference .fr-brand img{display:block;width:210px;max-width:100%;height:auto;object-fit:contain} .footer-reference .fr-tagline{font-size:14px;font-weight:400;line-height:1.7;letter-spacing:normal;max-width:310px;margin:22px 0 8px} .footer-reference .fr-since{font-size:14px;line-height:1.7;margin:0} .footer-reference .fr-since span{position:relative;display:inline-block} .footer-reference .fr-since span:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#2ecbff;transform:rotate(-6deg);border-radius:50%} .footer-reference h2.fr-heading{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:#b9c5ca;margin:0 0 15px} .footer-reference .fr-contact h2.fr-heading{color:#2ecbff} .footer-reference .fr-links{list-style:none;padding:0;margin:0;display:grid;gap:12px} .footer-reference .fr-links a{font-size:14px;font-weight:400;line-height:1.7;color:#e7ebed;text-decoration:none;letter-spacing:normal} .footer-reference .fr-arrow{color:#2ecbff;display:inline-block;margin-left:8px;transition:transform .2s} .footer-reference a:hover,.footer-reference a:focus-visible{color:#2ecbff} .footer-reference a:hover .fr-arrow{transform:translate(2px,-2px)} .footer-reference a:focus-visible,.footer-reference button:focus-visible{outline:2px solid #2ecbff;outline-offset:5px} .footer-reference .fr-contact{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px} .footer-reference .fr-contact h2.fr-heading{margin-bottom:3px} .footer-reference .fr-phone{font-family:inherit;font-size:26px;font-weight:400;line-height:1.3;white-space:nowrap;color:#fff;text-decoration:none} .footer-reference .fr-email{font-size:14px;font-weight:400;line-height:1.7;color:#e7ebed;text-decoration:none;overflow-wrap:anywhere} .footer-reference .fr-location{font-size:14px;line-height:1.7;color:#b9c5ca} .footer-reference .fr-backup{margin-top:26px;padding:10px 18px;background:#181a1c;border-radius:3px;text-align:right} .footer-reference .fr-backup a{font-size:14px;font-weight:400;line-height:1.7;color:#e7ebed;text-decoration:none} .footer-reference .fr-bottom{border-top:1px solid #ffffff38;margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px;line-height:1.7;color:#b9c5ca} .footer-reference .fr-legal{display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px} .footer-reference .fr-legal a,.footer-reference .fr-legal button{color:inherit;font:inherit;text-decoration:none;background:none;border:0;padding:0;cursor:pointer} .footer-reference .fr-legal a:hover,.footer-reference .fr-legal button:hover{color:#2ecbff;text-decoration:underline} @media(max-width:1100px){ .footer-reference .fr-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 45px} .footer-reference .fr-bottom{padding-bottom:60px} } @media(max-width:600px){ footer.footer-reference{padding-top:24px} .footer-reference .fr-wrap{width:calc(100% - 36px)} .footer-reference .fr-columns{grid-template-columns:1fr;gap:27px;padding-top:25px} .footer-reference .fr-links{gap:7px} .footer-reference .fr-links a{display:inline-block;padding:4px 0} .footer-reference .fr-tagline{margin-top:18px} .footer-reference .fr-backup{margin-top:24px;text-align:left} .footer-reference .fr-bottom{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:65px} } @media(prefers-reduced-motion:reduce){.footer-reference .fr-arrow{transition:none}} /* Espacement périphérique supplémentaire, disposition et typographie conservées. */ footer.footer-reference{padding-top:46px;padding-bottom:40px} .footer-reference .fr-wrap{width:calc(100% - 96px);max-width:1568px} @media(max-width:600px){ footer.footer-reference{padding-top:32px;padding-bottom:32px} .footer-reference .fr-wrap{width:calc(100% - 48px)} } /* Footer boxé sur le même conteneur que les sections du site. */ footer.footer-reference{padding-top:100px;padding-bottom:100px} .footer-reference .fr-wrap{width:min(1320px,90%);max-width:1320px;margin-left:auto;margin-right:auto} /* Espacement intérieur : entre la ligne cyan et les mentions, sans marge extérieure. */ footer.footer-reference{padding:0 0 24px} .footer-reference .fr-columns{padding-top:100px;padding-bottom:100px} .footer-reference .fr-backup{margin-top:0;background:transparent} .footer-reference .fr-bottom{padding-bottom:0} /* /assets/galeries-police-v1.css */ /* Police officielle Inter, hébergée localement, licence SIL OFL jointe. */ @font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap} /* Hauteur intrinsèque : le texte et les boutons restent dans la galerie. */ body.inner-gallery-fit #main>.hero:first-child{height:auto;min-height:590px;padding-top:var(--menu-height,98px)} body.inner-gallery-fit #main>.hero:first-child>.hero-inner{height:auto;min-height:490px;padding-top:55px;padding-bottom:85px} body.inner-gallery-fit #main>.hero:first-child h1{font-size:clamp(36px,4.4vw,66px);line-height:1.08;max-width:900px;overflow-wrap:break-word;margin:18px 0 22px} body.inner-gallery-fit #main>.hero:first-child .hero-lead{max-width:740px} body.inner-gallery-fit #main>.hero:first-child .hero-inner>*{flex-shrink:0} @media(max-width:1250px){body.inner-gallery-fit #main>.hero:first-child{--menu-height:80px}} @media(max-width:650px){ body.inner-gallery-fit #main>.hero:first-child{min-height:0} body.inner-gallery-fit #main>.hero:first-child>.hero-inner{min-height:0;padding-top:38px;padding-bottom:55px} body.inner-gallery-fit #main>.hero:first-child h1{font-size:clamp(32px,7.8vw,42px);line-height:1.1} body.inner-gallery-fit #main>.hero:first-child .actions{width:100%} body.inner-gallery-fit #main>.hero:first-child .button{max-width:100%;white-space:normal} } /* Titres de galerie plus légers : dimensions et hauteur conservées. */ body.inner-gallery-fit #main>.hero:first-child h1{font-weight:400} /* /assets/titres-contenu-light-v1.css */ /* Même graisse normale que les galeries validées, sans changement de taille. */ #main h2,#main h3,#main h4,#main h5,#main h6, #main>h1,#main>:not(.hero) h1{font-weight:400!important} #main h2 strong,#main h2 b,#main h2 em,#main h2 span, #main h3 strong,#main h3 b,#main h3 em,#main h3 span, #main h4 strong,#main h4 b,#main h4 em,#main h4 span{font-weight:inherit!important} /* /assets/menu-mobile-simple-v1.css */ .header .mobile-category-row,.header .mobile-category-overview{display:none!important} @media(max-width:1250px){ .header .nav-web-entry>.nav-web-link,.header .nav-web-entry>.nav-web-toggle{display:none!important} .header .nav-web-entry>.mobile-category-row{display:block!important;grid-column:1/-1;width:100%} .header .mobile-category-button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:48px;padding:13px 0;background:none;border:0;color:inherit;text-align:left;font:inherit;font-size:13px;font-weight:700;cursor:pointer} .header .mobile-category-button:focus-visible{outline:2px solid #2ecbff;outline-offset:3px} .header .mobile-category-arrow{color:#2ecbff;min-width:28px;text-align:center;transition:transform .2s} .header .mobile-category-button[aria-expanded="true"] .mobile-category-arrow{transform:rotate(180deg)} .header .nav-group>.dropdown{display:none!important;grid-column:1/-1} .header .nav-group.open>.dropdown{display:block!important} .header .dropdown .dropdown-intro{display:none!important} .header .dropdown-links{padding:10px 18px 18px} .header .dropdown-links .mobile-category-overview{display:flex!important;min-height:44px;align-items:center;color:#087da5} .header .dropdown-links>a{min-height:44px;align-items:center} } @media(prefers-reduced-motion:reduce){.header .mobile-category-arrow{transition:none}}