@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#403514;--muted:#76705f;--blue:#c49d23;--line:#dce3e6;--paper:#f3f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #c49d23;outline-offset:7px}.header{height:108px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;line-height:1}.brand-icon{width:44px;height:44px;background:var(--ink);color:white;border-radius:5px;display:grid;place-items:center;font-size:34px;font-weight:500;padding-bottom:6px}.brand-sub{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:3.1px;font-weight:600;margin-top:6px}.header nav{display:flex;gap:30px;font-size:14px;font-weight:500}.header nav a:hover{color:var(--blue)}.header-link{font-size:14px;border-bottom:1px solid var(--ink);padding:10px 0}.header-link span{padding-left:16px}.hero{max-width:1440px;margin:0 auto;padding:48px 5% 64px;display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:700;margin:0 0 25px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{height:7px;width:7px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(46px,5.1vw,74px);letter-spacing:-3.7px;line-height:1.12;font-weight:600;margin-bottom:27px}h1 em{font-style:normal;color:var(--blue)}.hero-description{max-width:400px;color:var(--muted);font-size:18px;line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:38px;background:var(--ink);color:#fff;padding:19px 24px;border-radius:3px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--blue);transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.hero-note{display:flex;align-items:center;gap:16px;font-size:13px;line-height:1.6;color:var(--muted);margin-top:34px}.mini-line{width:30px;height:1px;background:#b2ac98}.hero-visual{min-width:0}.comparison{height:505px;position:relative;overflow:hidden;border-radius:5px;background:#e6edf0;isolation:isolate}.photo{position:absolute;inset:0;background-image:url('assets/roof-aerial-comparison.png');background-size:auto 200%;background-repeat:no-repeat}.photo-after{background-position:center bottom}.photo-before{background-position:center top;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.photo-label{position:absolute;top:22px;background:#fffef8ed;color:var(--ink);font-size:11px;letter-spacing:1.4px;padding:9px 12px;border-radius:2px}.before-label{left:20px}.after-label{right:20px}.divider{position:absolute;left:var(--position);top:0;bottom:0;width:2px;background:white;transform:translateX(-50%);pointer-events:none}.divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;width:52px;height:52px;box-shadow:0 3px 15px #0002;display:flex;align-items:center;justify-content:center;gap:8px;font-size:27px}.divider i{height:15px;border-left:1px solid #d2cfc5}.compare-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3;touch-action:pan-y}.comparison:focus-within{outline:3px solid var(--blue);outline-offset:5px}.drag-note{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#403514db;color:white;font-size:12px;padding:11px 17px;border-radius:30px;pointer-events:none}.drag-note span{padding-left:12px}.visual-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:15px 0}.visual-caption span:last-child{letter-spacing:1.4px;font-size:10px;color:var(--muted)}.illustration-note{font-size:12px;color:var(--muted);margin:0}.service-strip{display:flex;align-items:center;justify-content:center;gap:45px;background:var(--paper);border-top:1px solid #e8ecee;border-bottom:1px solid #e8ecee;padding:25px 5%;font-size:14px;font-weight:500}.service-strip i{font-style:normal;color:var(--blue);font-size:20px}.section{max-width:1440px;margin:auto;padding:95px 5%}.section-top{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:48px}h2{font-size:clamp(32px,3vw,43px);font-weight:550;letter-spacing:-1.7px;line-height:1.25;margin-bottom:0}.section-top>p{color:var(--muted);font-size:16px;line-height:1.9;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service{position:relative;padding:37px 32px 10px 0}.service+.service{border-left:1px solid var(--line);padding-left:32px}.service-number{color:#9d9681;font-size:12px;letter-spacing:1px;position:absolute;right:30px;top:38px}.service svg{width:48px;height:48px;stroke:var(--blue);stroke-width:1.4;margin-bottom:28px}.service h3{font-size:23px;letter-spacing:-.7px;font-weight:600}.service p{color:var(--muted);font-size:15px;line-height:1.85;min-height:138px}.service-tag{font-size:12px;color:#6f664b}.approach{max-width:none;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}.approach-intro{max-width:390px;color:var(--muted);line-height:1.85;margin:25px 0}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #b8b29e;padding-bottom:8px}.text-link span{margin-left:22px}.steps article{display:flex;gap:27px;padding:25px 0;border-top:1px solid #dedace}.steps article:first-child{padding-top:0;border:0}.steps article>span{font-size:13px;color:var(--blue);padding-top:4px}.steps h3{font-size:20px;font-weight:600;margin-bottom:10px}.steps p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.questions details{border-bottom:1px solid var(--line);padding:21px 0}.questions details:first-child{padding-top:0}.questions summary{list-style:none;font-size:16px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;gap:24px;line-height:1.6}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:22px;color:var(--blue);font-weight:400}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:15px;line-height:1.85;color:var(--muted);padding-right:25px;margin:16px 0 0}.closing{text-align:center;padding:70px 20px;background:var(--ink);color:white}.closing .eyebrow{color:#ddd7c2}.closing h2{font-size:49px;margin-bottom:30px}.button-light{background:white;color:var(--ink)}.button-light:hover{background:#f8f1db;color:var(--ink)}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:38px 5%;gap:25px}footer p,footer>a:last-child{font-size:13px;color:var(--muted);margin:0}footer .brand{font-size:23px}footer .brand-icon{width:37px;height:37px;font-size:29px}footer .brand-sub{font-size:8px}section[id]{scroll-margin-top:24px}@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:80px}.comparison{height:550px}}@media(max-width:1000px){.header nav{gap:18px}.header-link{display:none}.hero{gap:30px}h1{letter-spacing:-2.5px}.comparison{height:450px}.service-strip{gap:20px;font-size:12px}.section{padding-top:70px;padding-bottom:70px}.service p{min-height:190px}.section-top{gap:6%}}@media(max-width:700px){.header{height:85px}.brand{font-size:24px}.header nav{gap:16px;font-size:12px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:38px;gap:30px}.hero .eyebrow{font-size:10px;letter-spacing:1.3px}h1{font-size:54px;letter-spacing:-2.8px}.hero-description{font-size:16px;max-width:90%}.hero-note{display:none}.comparison{height:380px}.visual-caption{font-size:11px}.visual-caption span:last-child{font-size:9px}.service-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center;font-size:12px}.service-strip i{display:none}.section{padding:55px 6%}.section-top,.approach,.faq{grid-template-columns:1fr;gap:28px}.section-top{margin-bottom:32px}h2{font-size:32px;letter-spacing:-1.2px}.eyebrow{font-size:11px;margin-bottom:18px}.service-grid{grid-template-columns:1fr}.service,.service+.service{padding:28px 0;border:0;border-bottom:1px solid var(--line)}.service svg{margin-bottom:16px;width:40px;height:40px}.service p{min-height:0}.service h3{font-size:22px;margin-bottom:13px}.service-number{right:0}.steps{margin-top:8px}.closing{padding:55px 20px}.closing h2{font-size:40px}footer{flex-wrap:wrap;padding:30px 6%}footer p{display:none}.illustration-note{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* ETS Tonello — noir, orange et matière */
:root{--ink:#191919;--muted:#676767;--blue:#ce9d00;--line:#d8d5d1;--paper:#f0efed;--orange:#f4c329}body{background:#f7f6f4}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777777' opacity='.22' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.header{position:relative;z-index:2;height:105px;background:#f7f6f4}.brand{font-size:21px;letter-spacing:-.6px;gap:10px}.brand-ets{color:#191919;font-size:13px;letter-spacing:0}.brand-name{color:#cf9d00;font-weight:800}.brand-icon{color:#191919;background:transparent;border:2px solid #191919;border-radius:0;width:40px;height:44px;font-size:29px;display:block;text-align:center;line-height:40px;padding:0}.brand-icon>span{color:#dca700}.brand-sub{letter-spacing:2.3px;font-size:9px;color:#393939}.header-link{border-bottom-color:var(--orange)}.hero{position:relative;padding-top:58px;padding-bottom:65px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0 0 0 42%;z-index:-2;background:linear-gradient(125deg,#edeeeb 0%,#e5e4df 75%);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#28282806 1px,transparent 1px),linear-gradient(90deg,#28282806 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-decoration{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.hero-decoration span{position:absolute;width:310px;height:310px;right:-125px;top:-185px;border:1px solid #f4c32966;transform:rotate(35deg);animation:drift 13s ease-in-out infinite alternate}.hero-decoration span:nth-child(2){width:370px;height:370px;top:-205px;right:-145px;animation-delay:-4s}.hero-decoration span:nth-child(3){width:430px;height:430px;top:-225px;right:-165px;animation-delay:-8s}.hero-copy{position:relative}.hero .eyebrow{letter-spacing:1.25px}.hero h1{font-weight:650}.hero h1 em{color:#ce9d00}.hero-note{color:#555}.mini-line{background:var(--orange);height:2px}.hero-visual{position:relative}.hero-visual:before{content:'';position:absolute;top:-12px;right:-12px;width:90px;height:90px;border-top:3px solid var(--orange);border-right:3px solid var(--orange)}.comparison{border-radius:2px;box-shadow:0 15px 45px #17171716}.photo{background-image:var(--image,url('assets/roof-aerial-comparison.png'));background-size:auto 200.3%}.button{background:#191919;border-radius:0}.button:hover{background:#b58a00}.button span{color:#ffd54f}.divider{background:#ffcf36}.divider>span{background:#ffcf36;color:#191919}.divider i{border-color:#19191955}.photo-label{background:#ffffffeb;color:#191919}.drag-note{background:#1a1a1ae8}.service-strip{background:#1c1c1c;color:#f5f3ef;border:0;padding-top:29px;padding-bottom:29px}.service-strip i{color:#f4c329}.expertise{background:#202020;color:#fff;max-width:none;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2));position:relative;background-image:radial-gradient(ellipse at 94% 0,#61501c55,transparent 43%),linear-gradient(125deg,transparent 70%,#ffffff03 70%,#ffffff03 71%,transparent 71%)}.expertise .eyebrow{color:#ffda66}.section-top>p{color:inherit;opacity:.73}.expertise h2{font-weight:550}.expertise .section-top{margin-bottom:25px}.comparison-intro{font-size:14px;line-height:1.8;color:#d0cbc6;margin-bottom:26px}.service-grid{border:0;gap:25px}.service,.service+.service{padding:0 0 24px;border:1px solid #ffffff20;background:#292929;transition:transform .35s,border-color .35s;overflow:hidden}.service:hover{transform:translateY(-5px);border-color:#f4c32988}.service-comparison{height:260px;box-shadow:none;border-radius:0;margin-bottom:26px}.service-comparison .photo-label{top:15px;font-size:10px;padding:7px 9px}.service-comparison .before-label{left:12px}.service-comparison .after-label{right:12px}.service-comparison .divider>span{width:43px;height:43px;font-size:23px;gap:6px}.service-comparison .drag-note{font-size:11px;bottom:14px;padding:8px 13px}.service-number{top:287px;right:24px;color:#c4beab}.service svg{margin:0 24px 20px;stroke:#ffd245;width:38px;height:38px}.service h3,.service p,.service-tag{margin-left:24px;margin-right:24px}.service h3{font-size:22px}.service p{color:#c9c7c3;font-size:15px;min-height:168px}.service-tag{color:#ffdc6c;display:block;font-size:12px;line-height:1.7}.services-disclaimer{background:#202020;color:#bab6b1;margin:0;padding:0 5% 45px;text-align:center;font-size:12px;line-height:1.8}.approach{position:relative;background-color:#efede9;background-image:repeating-linear-gradient(135deg,transparent,transparent 27px,#352b0b05 27px,#352b0b05 28px);border-bottom:1px solid #d8d5cf}.approach:before{content:'';position:absolute;top:0;left:5%;height:40px;width:3px;background:var(--orange)}.steps article{border-color:#ccc9c0}.steps article>span{color:#c39400}.text-link{border-color:#f4c329}.faq{background:#f7f6f4}.questions summary span{color:#c39400}.closing{position:relative;overflow:hidden;background:#171717;isolation:isolate}.closing:before,.closing:after{content:'';position:absolute;z-index:-1;width:420px;height:420px;border:1px solid #f4c32944;transform:rotate(35deg);top:-40px;left:-170px;animation:drift 14s ease-in-out infinite alternate}.closing:after{left:auto;right:-220px;top:100px;width:510px;height:510px;border-width:55px;border-color:#f4c3290d;animation-delay:-7s}.closing .eyebrow{color:#ffdb68}.button-light{background:#f4c329;color:#161616}.button-light span{color:#161616}.button-light:hover{background:#ffd654}.closing h2{font-weight:550}footer{background:#f7f6f4}footer .brand{font-size:20px}footer .brand-icon{line-height:33px}.reveal{opacity:0;translate:0 22px;transition:opacity .7s ease,translate .7s ease}.revealed{opacity:1;translate:0 0}.service:nth-child(2){transition-delay:.08s}.service:nth-child(3){transition-delay:.16s}@keyframes drift{from{transform:translate(0,0) rotate(35deg)}to{transform:translate(-15px,25px) rotate(45deg)}}@media(max-width:1000px){.header nav{gap:17px}.service-grid{gap:16px}.service-comparison{height:240px}.service p{min-height:218px}.service h3{font-size:20px}.service-number{top:267px}.hero .eyebrow{font-size:10px}.brand{font-size:19px}}@media(max-width:700px){.header{height:88px}.brand{font-size:18px;gap:8px}.brand-ets{font-size:10px}.brand-sub{font-size:8px;letter-spacing:1.5px}.brand-icon{width:32px;height:38px;font-size:25px;line-height:33px}.header nav{font-size:11px;gap:12px}.hero{padding-top:28px}.hero:before{inset:43% 0 0 12%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.hero .eyebrow{font-size:9px}.hero-visual:before{right:-7px;top:-7px}.service-strip{font-size:12px}.expertise{padding-bottom:30px}.service-grid{gap:24px}.service-comparison{height:310px}.service-number{top:337px}.service h3{font-size:23px}.service p{min-height:0}.service,.service+.service{padding-bottom:24px}.service-tag{font-size:12px}.services-disclaimer{text-align:left;padding:0 6% 40px}.comparison-intro{font-size:14px}.closing:before{left:-330px}.closing:after{right:-400px}.reveal{translate:0 12px}.revealed{translate:0 0}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none}.hero-decoration span,.closing:before,.closing:after{animation:none}}
/* Fill every comparison viewport without exposing the adjacent panel. */
.comparison{container-type:inline-size}.photo{background-size:auto max(200.3%,116.9cqw)}
.packages{position:relative;background:#202020;color:#fff;padding:34px 30px;border-top:3px solid #f4c329;box-shadow:0 22px 55px #19191912}.packages:after{content:'';position:absolute;right:14px;top:14px;width:46px;height:46px;border-right:1px solid #f4c32944;border-top:1px solid #f4c32944;pointer-events:none}.packages .eyebrow{color:#ffdb68;font-size:11px;margin-bottom:16px}.packages h2{font-size:34px;line-height:1.25;letter-spacing:-1.2px;margin-bottom:27px}.package-list{display:grid;gap:12px}.package{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:20px 16px;border:1px solid #ffffff24;background:#2a2a2a;transition:background .2s,border-color .2s,transform .2s}.package:hover{background:#34302c;border-color:#f4c329;transform:translateX(-3px)}.package-index{font-size:12px;color:#ffdb68;align-self:start;padding-top:3px}.package h3{font-size:18px;font-weight:600;margin:0 0 7px;letter-spacing:-.4px}.package p{font-size:13px;line-height:1.6;color:#c7c3bf;margin:0}.package-price{font-size:12px;font-weight:600;white-space:nowrap;color:#ffdd72}.package-price>span{display:block;text-align:right;font-size:20px;margin-top:8px}.package-note{font-size:12px;color:#c4c1b8;line-height:1.7;margin:21px 0 0}#transformation,.service[id]{scroll-margin-top:28px}@media(max-width:1000px){.packages{padding:28px 20px}.package{padding:18px 12px;gap:9px;grid-template-columns:18px 1fr auto}.packages h2{font-size:30px}.package h3{font-size:16px}}@media(max-width:700px){.packages{padding:29px 22px}.package{padding:20px 14px}.packages h2{font-size:32px}.package h3{font-size:18px}.package p{font-size:12px}}@media(max-width:380px){.package{grid-template-columns:1fr auto}.package-index{display:none}}

.tonello-mark{width:45px;height:48px;flex-shrink:0}.brand{gap:11px}.brand-name{color:#cf9d00}.brand-ets{color:#191919}@media(max-width:700px){.brand .tonello-mark{width:34px;height:38px}}
/* Full-site black and orange environment */
:root{color-scheme:dark;--ink:#f4f1e7;--muted:#b9b4a6;--blue:#ffcf35;--line:#6b592266;--paper:#14110f;--orange:#ffcb26}html{background:#090909}body{background:#090909;color:#f4f1e7;isolation:isolate}.depth-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;perspective:950px;background:radial-gradient(ellipse at 82% 8%,#48390866,transparent 49%),radial-gradient(ellipse at 9% 84%,#4a3b0b55,transparent 42%),#090909}.depth-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 65% 45%,#ffc20017,transparent 46%);animation:glow-travel 19s ease-in-out infinite alternate}.depth-floor{position:absolute;left:-60%;right:-60%;height:90vh;bottom:-40vh;background-image:linear-gradient(#fdc71e28 1px,transparent 1px),linear-gradient(90deg,#fdc71e28 1px,transparent 1px);background-size:80px 80px;transform:rotateX(65deg);transform-origin:center;mask-image:radial-gradient(ellipse,#000,transparent 69%);animation:floor-travel 18s linear infinite}.volume-orbit{position:absolute;width:var(--edge);height:var(--edge);perspective:800px;opacity:.62;animation:volume-hover 12s ease-in-out infinite alternate}.volume{height:100%;width:100%;position:relative;transform-style:preserve-3d;animation:volume-turn 38s linear infinite}.volume-face{position:absolute;inset:0;border:1px solid #ffcc2a99;background:linear-gradient(135deg,#ffcb2715,#0b0b0b60);box-shadow:inset 0 0 28px #f4c32909;backface-visibility:visible}.face-front{transform:translateZ(calc(var(--edge)/2))}.face-back{transform:rotateY(180deg) translateZ(calc(var(--edge)/2))}.face-left{transform:rotateY(-90deg) translateZ(calc(var(--edge)/2))}.face-right{transform:rotateY(90deg) translateZ(calc(var(--edge)/2))}.face-top{transform:rotateX(90deg) translateZ(calc(var(--edge)/2))}.face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--edge)/2))}.orbit-1{--edge:180px;right:-40px;top:13%;animation-delay:-5s}.orbit-2{--edge:110px;left:-40px;top:53%;animation-delay:-8s}.orbit-2 .volume{animation-direction:reverse;animation-duration:45s}.orbit-3{--edge:65px;left:40%;top:5%;opacity:.3;animation-delay:-3s}.orbit-4{--edge:140px;right:12%;bottom:-35px;opacity:.35}.orbit-4 .volume{animation-duration:55s}.header{background:#090909e8;border-bottom:1px solid #ffcb252b;max-width:none;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}.brand{background:#ffcd2f;padding:8px 12px;border-radius:2px;color:#0b0b0b;box-shadow:0 6px 28px #ffc20010}.brand-name,.brand-ets,.brand-sub{color:#0c0c0c}.brand .tonello-mark{background:#111;border-radius:2px;padding:3px}.brand .tonello-mark path[stroke="#181818"]{stroke:#ffcd2f}.header nav{color:#e4decc}.header nav a:hover{color:#ffd13f}.header-link{color:#ffde75;border-color:#91761f}.hero{background:transparent}.hero:before{background:linear-gradient(120deg,#ffc40810,#100d0a25);border:none}.hero:after{background-image:linear-gradient(#ffcb280a 1px,transparent 1px),linear-gradient(90deg,#ffcb280a 1px,transparent 1px)}.hero-decoration span{border-color:#fbc82844}.hero h1 em{color:#ffcf35}.hero .eyebrow{color:#f7dc87}.hero-description,.hero-note{color:#c0bbad}.button{background:#ffcc2a;color:#111;border:1px solid #ffcc2a;box-shadow:0 8px 28px #fbbf0018}.button span{color:#111}.button:hover{background:#ffd961;color:#111}.mini-line{background:#ffcc2a}.packages{background:#15110ee6;border:1px solid #fac8284a;border-top:3px solid #ffcd2e;box-shadow:0 20px 50px #0006}.package{background:#201d13e0;border-color:#b996293d}.package:hover{background:#302914;border-color:#ffcd2f}.package p,.package-note{color:#c8c0a8}.package-index,.package-price{color:#ffda66}.service-strip{background:#161308c9;border-top:1px solid #fbc7212e;border-bottom:1px solid #fbc7212e;color:#ebe3c9}.service-strip i{color:#ffcd2e}.expertise{background:linear-gradient(135deg,#0c0c0cf0,#16100bd9);border-top:1px solid #f8c4211c}.section-top>p,.comparison-intro{color:#c7c1ae;opacity:1}.service,.service+.service{background:#181411e8;border-color:#f4c32938}.service h3{color:#fff9e5}.service p{color:#c5bfad}.service-tag{color:#ffdb6a}.services-disclaimer{background:#100d0bea;color:#aca691}.approach{background:linear-gradient(115deg,#211c0bd9,#0c0b0be8);border-top:1px solid #f4c32933;border-bottom:1px solid #f4c32933}.approach .eyebrow,.faq .eyebrow{color:#ffda65}.approach-intro,.steps p{color:#c1baa5}.steps article{border-color:#f4c32936}.steps article>span{color:#ffd03d}.text-link{color:#ffe698;border-color:#a58729}.faq{background:#0d0b09c7}.questions details{border-color:#a486283d}.questions summary{color:#ece6d3}.questions summary span{color:#ffd03d}.questions details p{color:#beb8a3}.closing{background:#110b06e8;border-top:1px solid #f4c3293a}.closing:before,.closing:after{border-color:#ffcc2a26}.closing .eyebrow{color:#ffdb67}.button-light{background:#ffcc2a;color:#111}.button-light:hover{background:#ffdb67}footer{background:#090909ed;max-width:none;border-top:1px solid #f4c32933;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2));padding-bottom:80px}footer p,footer>a:last-child{color:#bdb69f}.photo-label{background:#12100eeb;color:#ffe182;border:1px solid #ffcc2a55}.comparison{background:#17120e}.divider>span{background:#ffcd2e;color:#111}.drag-note{background:#120d08ed;color:#fff2c7;border:1px solid #ffcc2a3b}.background-motion{position:fixed;right:18px;bottom:16px;z-index:20;border:1px solid #c3a03299;background:#17140bed;color:#ffe48f;padding:10px 14px;font:500 12px 'DM Sans',sans-serif;cursor:pointer;border-radius:3px;box-shadow:0 5px 20px #0007}.background-motion span{margin-right:8px}.background-motion:focus-visible{outline:3px solid #ffcf35;outline-offset:4px}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}@keyframes volume-turn{from{transform:rotateX(-18deg) rotateY(0deg) rotateZ(15deg)}to{transform:rotateX(342deg) rotateY(360deg) rotateZ(15deg)}}@keyframes volume-hover{from{translate:0 -12px}to{translate:0 18px}}@keyframes floor-travel{to{background-position:0 80px,0 80px}}@keyframes glow-travel{from{transform:translateX(-5%)}to{transform:translateX(8%)}}@media(max-width:700px){.header{gap:12px}.brand{padding:6px 8px;gap:8px}.header nav{font-size:10px;gap:10px}.orbit-1{--edge:110px;right:-45px}.orbit-2{--edge:75px}.orbit-3{display:none}.orbit-4{--edge:95px;right:-20px}.volume-orbit{opacity:.42}.background-motion{right:10px;bottom:10px;font-size:11px;padding:9px 11px}.hero:before{background:linear-gradient(120deg,#ffc40814,#100d0a25)}footer{padding-bottom:72px}}@media(prefers-reduced-motion:reduce){.depth-background *{animation:none!important}.background-motion{display:none}}
/* Keep the animated depth visible throughout the page. */
.expertise{background:linear-gradient(135deg,#0c0c0c70,#16100b88)}.approach{background:linear-gradient(115deg,#211c0b88,#0c0b0b66)}.faq{background:#0d0b0966}.closing{background:#110b0688}.services-disclaimer{background:#100d0b80}.volume-orbit{opacity:.8}.orbit-3{opacity:.45}.orbit-4{opacity:.5}@media(max-width:700px){.volume-orbit{opacity:.65}}
/* ETS Tonello supplied identity and gold contact details */
:root{--gold:#d9b34f;--orange:#d9b34f;--blue:#dfbd69;--ink:#f3eee2}.brand,footer .brand{background:#000;padding:0;border-radius:0;box-shadow:none;display:block}.company-logo{display:block;width:230px;height:115px;object-fit:contain}.header{height:142px;background:#050505eb;gap:22px}.header nav{gap:26px}.header nav a[aria-current="page"]{color:#f1d581;border-bottom:2px solid #d9b34f;padding-bottom:9px}.header-link{font-size:19px;color:#eed286;font-weight:650;white-space:nowrap}.hero h1 em{color:#e6c875}.hero{align-items:start;padding-top:60px}.hero-copy{padding-top:28px}.phone-highlight{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(115deg,#bb903b,#f6df96 45%,#ceaa50);color:#080808;padding:23px 26px;margin:28px 0 22px;max-width:410px;border:1px solid #f2d785;box-shadow:0 8px 0 #604719,0 18px 40px #0007;transform:perspective(700px) rotateY(-3deg);transition:transform .3s,box-shadow .3s;border-radius:3px}.phone-highlight:hover{transform:perspective(700px) rotateY(0) translateY(-3px);box-shadow:0 10px 0 #604719,0 24px 45px #0008}.phone-highlight>span{font-size:11px;font-weight:700;letter-spacing:1.4px}.phone-highlight strong{font:800 clamp(27px,3.2vw,40px)/1.4 Manrope,sans-serif;white-space:nowrap;letter-spacing:.4px}.phone-highlight small{font-size:13px;font-weight:600}.hero-demo-link{color:#e6c875}.packages{padding:28px}.package{padding:14px 13px}.package h3{font-size:17px}.package p{font-size:12px}.demo-page .expertise{padding-top:55px}.demo-page .section-top{align-items:center}.demo-page .section-top h1{font-size:43px;font-weight:550;letter-spacing:-1.7px;margin:0;line-height:1.3}.audience-selector{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0 24px;perspective:1000px}.audience-card{position:relative;padding:30px;text-align:left;border:1px solid #a2823955;background:linear-gradient(135deg,#252015,#080808);color:#e4c470;cursor:pointer;box-shadow:0 9px 0 #030303,0 22px 35px #0005;transform:rotateX(3deg);transition:transform .3s,border-color .3s,box-shadow .3s;min-width:0;overflow:hidden}.audience-card:before{content:'';position:absolute;width:120px;height:120px;right:-45px;top:-55px;border:1px solid #e5c46c66;transform:rotate(35deg);animation:drift 13s ease-in-out infinite alternate;pointer-events:none}.audience-card.active{background:linear-gradient(115deg,#b99442,#f0d68c 47%,#c5a14c);color:#0b0a07;border-color:#f7e3a4;box-shadow:0 8px 0 #665023,0 20px 38px #0007}.audience-card:hover{transform:rotateX(0) translateY(-4px);border-color:#e5c46c}.audience-card:focus-visible{outline:3px solid #ffdc79;outline-offset:5px}.audience-kicker{display:block;font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:10px}.audience-card strong{display:block;font:700 clamp(25px,3vw,37px)/1.2 Manrope,sans-serif;letter-spacing:-1px;margin-bottom:13px}.audience-card>span:last-of-type{display:block;font-size:14px;line-height:1.7;max-width:90%}.audience-card i{position:absolute;right:24px;bottom:24px;font-size:24px;font-style:normal}.audience-status{font-size:14px;line-height:1.7;color:#e3c779;margin:15px 0}.service-grid{row-gap:28px}.service[hidden]{display:none!important}.service-symbol{height:38px;margin:0 24px 20px;color:#e4c371;font-size:36px;line-height:38px}.demo-contact{text-align:center;padding:50px 6% 65px;border-top:1px solid #ccb46733;background:#0c0b0980}.demo-contact h2{font-size:30px;margin-bottom:25px}.footer-contact{flex-basis:100%;display:flex;flex-direction:column;gap:12px;align-items:center;border-top:1px solid #d2b15633;padding-top:27px;margin-top:10px}.footer-contact>span{font-size:11px;letter-spacing:2px;color:#ac9b71}.footer-contact>a{color:#e5c575;font-size:18px}.footer-email{font-size:20px!important;overflow-wrap:anywhere;text-align:center}footer{flex-wrap:wrap}footer .company-logo{width:200px;height:100px}.demo-page .service p{min-height:165px}@media(max-width:1000px){.header-link{display:none}.company-logo{width:205px;height:104px}.header{height:125px}.phone-highlight{padding:20px}.audience-card{padding:25px}.demo-page .service p{min-height:205px}}@media(max-width:700px){.header{height:auto;min-height:137px;flex-direction:column;gap:8px;padding-top:8px;padding-bottom:16px}.header nav{display:flex;gap:27px;font-size:14px}.header nav a:last-child{display:block}.header nav a[aria-current="page"]{padding-bottom:4px}.company-logo{width:215px;height:106px}.hero{padding-top:25px}.hero-copy{padding-top:0}.phone-highlight{width:100%;max-width:410px;transform:none;padding:20px 23px}.phone-highlight strong{font-size:33px}.hero-demo-link{font-size:14px}.packages{padding:25px 22px}.audience-selector{gap:17px;grid-template-columns:1fr;margin-top:27px}.audience-card{padding:25px;transform:none}.audience-card strong{font-size:31px}.audience-card>span:last-of-type{font-size:13px}.demo-page .section-top h1{font-size:34px;letter-spacing:-1px}.demo-page .section-top{gap:22px}.demo-page .expertise{padding-top:35px}.demo-page .service p{min-height:0}.demo-contact h2{font-size:27px}.footer-contact{align-items:flex-start}.footer-email{text-align:left;font-size:18px!important}.background-motion{font-size:10px}footer .company-logo{width:190px;height:95px}}@media(prefers-reduced-motion:reduce){.audience-card:before{animation:none}.audience-card,.phone-highlight{transform:none}}

/* Clear service headings and helpful local copy */
.service h2.service-title{font-family:inherit;font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.6px;margin:0 0 15px}.service-hook{display:block;color:#e8c56c;margin-bottom:9px;font-weight:600}.hero-description strong{font-weight:500;color:#e8c56c}.questions a{color:#e8c56c;text-underline-offset:3px}.demo-contact>p{max-width:620px;margin:0 auto 24px;line-height:1.7;color:#bcb7aa}

/* Grouped visitor guide */
.faq-guide{display:block}.faq-heading{max-width:850px;margin-bottom:40px}.faq-heading>p{color:#c5bfad;line-height:1.8}.faq-topics{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.faq-topics a{border:1px solid #d9b34f55;border-radius:4px;padding:11px 15px;color:#eed286;background:#17140c;font-size:14px;transition:transform .2s,background .2s}.faq-topics a:hover{transform:translateY(-2px);background:#302710}.faq-context{font-size:14px}.faq-group{scroll-margin-top:30px;margin-bottom:38px}.faq-group h3{font-size:23px;color:#e8c56c;margin:0 0 14px;line-height:1.4}.faq-guide .questions{max-width:1000px}.faq-guide details p{max-width:900px;line-height:1.85;overflow-wrap:anywhere}.faq-guide summary{gap:20px}.faq-guide summary span{flex-shrink:0}.faq-topics a:focus-visible{outline:2px solid #e8c56c;outline-offset:4px}@media(max-width:700px){.header nav{gap:20px}.faq-topics a{font-size:13px}.faq-group h3{font-size:21px}}