@font-face{font-family:Tajawal;src:url('assets/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}:root{--ink:#142820;--paper:#f4f3ed;--yellow:#f5dc46;--line:#c8cec6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:400 18px/1.7 Tajawal,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{border:0}em,i{font-style:normal}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b89b00;outline-offset:5px}.skip{position:fixed;top:-100px;z-index:100;background:var(--yellow);padding:10px}.skip:focus{top:10px}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:17px 4.5%;gap:30px;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #d7ded6}.brand{display:flex;gap:12px;align-items:center}.emblem{width:35px;height:54px;object-fit:contain}.wordmark{width:225px}.site-header nav{display:flex;gap:32px;font-size:18px;font-weight:700}.site-header nav a{position:relative}.site-header nav a:after{content:'';height:2px;background:var(--ink);position:absolute;bottom:-5px;left:100%;right:0;transition:left .2s}.site-header nav a:hover:after{left:0}.request-button{background:var(--ink);color:#fff;padding:9px 16px 9px 9px;display:flex;align-items:center;gap:18px;font-size:16px;font-weight:700;border-radius:30px}.request-count{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--ink);font:20px Arial}.hero{min-height:700px;position:relative;color:#fff;isolation:isolate;display:grid;grid-template-columns:1.5fr .6fr;padding:62px 5.5% 95px;overflow:hidden}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,#071c14f5 0%,#10281ee3 40%,#14291f55 78%,#10251e55),linear-gradient(0deg,#0b201bf5,transparent 50%)}.overline,.eyebrow{font-size:13px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:10px;margin-bottom:20px}.overline{font-size:18px;letter-spacing:0}.live-dot{width:8px;height:8px;background:var(--yellow);border-radius:50%}.hero h1{font-size:82px;line-height:1.23;letter-spacing:-3px;font-weight:700}.highlight{color:var(--yellow)}.hero-dots{letter-spacing:-8px;margin-right:4px;color:#c3cdc5}.hero-content>p{margin-top:22px;line-height:1.9;font-size:20px;color:#d0dbd3}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.hero-cta{background:var(--yellow);color:var(--ink);padding:10px 26px 10px 10px;display:flex;align-items:center;gap:32px;border-radius:45px;font-size:22px;font-weight:700}.hero-cta i{width:49px;height:49px;background:var(--ink);color:var(--yellow);border-radius:50%;display:grid;place-items:center;font:28px Arial;transition:transform .25s}.hero-cta:hover i{transform:rotate(-45deg)}.ghost-link{font-size:17px;border-bottom:1px solid #9daea0;padding:6px 0}.ghost-link span{margin-right:15px}.hero-caption{font-size:14px;color:#b4c7b9;margin-top:23px}.hero-aside{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:25px}.coordinate{writing-mode:vertical-rl;font:9px Arial;letter-spacing:3px;color:#d1dcd1}.film-trigger{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto;gap:13px;align-items:center;position:relative;padding:78px 18px 16px;overflow:hidden;width:245px;text-align:right;color:#fff;background:#182c24;border:1px solid #ffffff55;border-radius:4px;box-shadow:0 15px 40px #0002}.film-trigger>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.film-trigger:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c201df9,transparent);z-index:1}.film-trigger>span{position:relative;z-index:2}.play-circle{width:40px;height:40px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:12px}.film-trigger b{font-size:20px;display:block}.film-trigger small{display:block;font-size:11px;color:#d4ddd6}.film-trigger:hover .play-circle{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.hero-edition{font:9px/1.8 Arial;letter-spacing:3px;text-align:left;color:#b7c7ba}.hero-bottom{position:absolute;bottom:26px;right:5.5%;left:5.5%;display:flex;justify-content:space-between;align-items:center;padding-top:19px;border-top:1px solid #8b9f8c66;font-size:13px;color:#c9d9ce}.hero-bottom a{font:16px Arial;letter-spacing:2px;color:var(--yellow)}.entry-strip{display:grid;grid-template-columns:.75fr 1fr 1fr 1fr;padding:34px 5.5%;gap:25px;background:#e9ede4}.strip-label{font-size:12px;display:block;margin-bottom:4px;color:#6e7c6f}.entry-strip h2{font-size:25px;line-height:1.2}.entry-strip>button,.entry-strip>a{display:flex;align-items:center;gap:15px;text-align:right;border-right:1px solid #b6c2b6;padding:8px 20px;background:none;position:relative;transition:background .2s}.entry-strip>button:hover,.entry-strip>a:hover{background:#fff7}.entry-number{align-self:flex-start;font:10px Arial;color:#7c8b7e;padding-top:5px}.entry-strip b{display:block;font-size:19px}.entry-strip small{font-size:12px;color:#6b786b}.entry-strip i{font:23px Arial;margin-right:auto}.explore-section{padding:90px 5.5% 70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;gap:25px}.section-heading h2,.quote-heading h2,.visit-content h2{font-size:58px;line-height:1.18;letter-spacing:-1.5px}.section-heading h2>span{color:#849183}.section-heading>p{font-size:17px;color:#667366;max-width:310px;line-height:1.7}.eyebrow{font:11px/1.6 Tajawal,Arial;color:#6b786c;letter-spacing:1px}.explorer{display:grid;grid-template-columns:.72fr 1.5fr;gap:55px}.category-nav{display:flex;flex-direction:column;justify-content:center}.category-nav button{background:none;color:var(--ink);display:flex;gap:18px;align-items:center;text-align:right;padding:18px 6px;border-bottom:1px solid #c8d0c6;transition:color .2s,padding .2s}.category-nav button span{font:11px Arial;color:#748373}.category-nav b{font-size:27px}.category-nav i{font:24px Arial;margin-right:auto;opacity:0;transform:translateX(10px);transition:opacity .2s,transform .2s}.category-nav button[aria-selected=true]{color:#9b7812;padding-right:17px;background:#ecebe0}.category-nav button[aria-selected=true] span{color:#9b7812}.category-nav button[aria-selected=true] i{opacity:1;transform:none}.category-nav button:hover{color:#8f7014}.range-panel{background:#fff;min-width:0}.range-media{height:365px;position:relative;overflow:hidden;background:#18372c}.range-media>img#range-image{width:100%;height:100%;object-fit:cover;object-position:center 50%;transition:opacity .2s;animation:stageIn .4s ease}.range-media>img.disc-view#range-image{transform:scale(2.5);transform-origin:center bottom}.range-media>img.machine-background#range-image{opacity:.2;filter:blur(2px);object-position:center}.range-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c241db5,transparent 70%);pointer-events:none}.range-stamp{position:absolute;bottom:20px;right:25px;z-index:2;color:#fff;font-size:12px;display:flex;gap:8px;align-items:center}.range-stamp:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--yellow)}.range-logo{position:absolute;top:25px;right:25px;width:145px;background:#fff;padding:10px}.range-purpose{position:absolute;inset:45px 35px 50px;color:#fff}.range-purpose>span{font:10px Arial;letter-spacing:2px;color:#e3d993}.range-purpose h4{font-size:36px;line-height:1.3;margin:18px 0}.range-purpose p{font-size:16px;color:#c7d7cd;max-width:400px}.range-info{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 30px}.range-english{font:10px Arial;letter-spacing:2px;color:#718374;display:block;margin-bottom:7px}.range-info h3{font-size:28px;line-height:1.3}.range-info p{font-size:15px;color:#607266;margin-top:11px;max-width:490px}.range-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.range-tags span{font-size:11px;padding:3px 10px;background:#eef1e9;border-radius:20px;color:#536457}.range-start{background:var(--yellow);border-radius:50%;width:91px;height:91px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--ink)}.range-start span{font:25px Arial;transition:transform .2s}.range-start:hover span{transform:rotate(-45deg)}.brand-band{padding:27px 5.5%;border-top:1px solid #c4cdc1;border-bottom:1px solid #c4cdc1;display:flex;gap:35px;align-items:center}.brand-band>span{white-space:nowrap;font-size:13px;color:#6e7c6e}.brand-band>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;width:100%}.brand-band b{font:700 17px Arial;letter-spacing:.5px;color:#20372b}.quote-section{padding:85px 5.5%;background:#132a21;color:#fff}.quote-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:30px}.quote-heading h2{font-size:59px}.quote-heading em{color:var(--yellow);font-style:normal}.quote-heading .eyebrow{color:#a2b5a6}.quote-heading>p{font-size:18px;color:#bed0c2;line-height:1.7;max-width:330px}.visit-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:90px 5.5%;background:#fff}.visit-photo{height:530px;position:relative}.visit-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 40%}.visit-photo-label{position:absolute;bottom:20px;right:20px;left:20px;background:#122e22e6;color:#fff;padding:11px 16px;font-size:10px;letter-spacing:1px}.visit-content h2{font-size:52px}.visit-content h2 span{color:#7e8e7c}.visit-content>p{font-size:19px;color:#627465;margin:25px 0;max-width:420px}.visit-content address{font-style:normal;display:flex;flex-direction:column;border-top:1px solid #cfd7cc;padding-top:20px;margin:25px 0}.visit-content address b{font-size:24px}.visit-content address span{font-size:16px;color:#647562}.visit-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.solid-link{display:flex;justify-content:space-between;gap:30px;background:var(--ink);color:#fff;border-radius:30px;padding:13px 23px;font-size:16px;font-weight:700}.phone-link{font:18px Arial;letter-spacing:1px;border-bottom:1px solid #9dac9b;padding-bottom:5px}.closing{padding:70px 5.5% 25px;background:#dce5d4;position:relative}.closing h2{font-size:70px;line-height:1.15;letter-spacing:-2px}.closing h2 span{color:#6a8068}.closing-cta{position:absolute;left:7%;top:70px;width:130px;height:130px;border-radius:50%;font:80px Arial;background:var(--yellow);color:#183525;transition:transform .3s}.closing-cta:hover{transform:rotate(-45deg)}.closing-bottom{display:flex;justify-content:space-between;margin-top:60px;border-top:1px solid #a6b99f;padding-top:23px;font-size:16px}.closing-bottom small{margin-right:15px;font:11px Arial;color:#63795f}footer{background:#fff;padding:40px 5.5% 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand>img:first-child{width:39px;height:60px;object-fit:contain}.footer-brand>img:last-child{width:250px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;font:12px Arial}.footer-base{grid-column:span 2;border-top:1px solid #d6ded1;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#6a7b67}.mobile-actions{display:none}dialog{padding:0;border:0;width:min(820px,90vw);background:#132a21;color:#fff;box-shadow:0 40px 100px #0007}dialog::backdrop{background:#071811c9;backdrop-filter:blur(5px)}.film-top{display:flex;justify-content:space-between;align-items:center;padding:15px 25px}.film-top h2{font-size:22px}.film-top button{background:none;color:white;font:30px Arial;padding:5px 12px}dialog video{display:block;width:100%;max-height:65vh}dialog>p{font-size:12px;color:#c6d9c9;margin:12px 25px 20px}.no-scroll{overflow:hidden}[hidden]{display:none!important}@keyframes stageIn{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.hero{min-height:800px;padding-top:80px}.hero h1{font-size:112px}.hero-content>p{font-size:24px}.hero-caption{font-size:17px}.hero-aside{padding-left:5%}.film-trigger{width:310px;padding-top:120px}.section-heading h2,.quote-heading h2{font-size:72px}.range-media{height:440px}}
@media(max-width:1100px){.site-header{gap:20px;padding:15px 4%}.site-header nav{gap:23px;font-size:16px}.wordmark{width:185px}.emblem{width:30px}.request-button{font-size:14px;gap:12px}.hero{min-height:650px;padding-top:53px;grid-template-columns:1.5fr .65fr}.hero h1{font-size:65px}.hero-content>p{font-size:18px}.hero-cta{font-size:19px;gap:24px}.hero-cta i{width:42px;height:42px}.hero-actions{gap:23px}.hero-caption{font-size:12px}.hero-aside{gap:20px}.film-trigger{width:218px;padding:64px 13px 13px;gap:10px}.film-trigger b{font-size:19px}.film-trigger small{font-size:9px}.entry-strip{gap:15px;padding:28px 4%}.entry-strip>button,.entry-strip>a{padding-right:13px;gap:10px}.entry-strip b{font-size:16px}.entry-strip small{font-size:10px}.entry-strip h2{font-size:23px}.entry-strip i{font-size:18px}.explore-section,.quote-section{padding:65px 5%}.explorer{gap:30px;grid-template-columns:.75fr 1.4fr}.category-nav button{padding:16px 4px;gap:12px}.category-nav b{font-size:23px}.range-media{height:335px}.range-info{padding:25px 23px;gap:20px}.range-info h3{font-size:24px}.range-start{width:77px;height:77px;font-size:13px}.range-info p{font-size:14px}.range-purpose h4{font-size:30px}.brand-band{gap:25px}.brand-band>div{gap:16px}.brand-band b{font-size:14px}.section-heading h2,.quote-heading h2{font-size:50px}.visit-section{gap:50px;padding:70px 5%}.visit-content h2{font-size:44px}.visit-photo{height:470px}.visit-content>p{font-size:17px}.closing h2{font-size:61px}}
@media(max-width:760px){html{scroll-padding-top:90px}body{font-size:17px}.site-header{height:80px;padding:13px 5%;gap:10px}.site-header nav{display:none}.brand{gap:8px}.wordmark{width:150px}.emblem{width:26px;height:40px}.request-button{font-size:12px;padding:7px 12px 7px 7px;gap:9px}.request-count{width:29px;height:29px;font-size:18px}.hero{display:block;min-height:760px;padding:44px 6% 84px}.hero-shade{background:linear-gradient(90deg,#10271dc2,#0b2419e8),linear-gradient(0deg,#0e281b,transparent 70%)}.hero-background{object-position:40% center}.hero .overline{font-size:15px;margin-bottom:22px}.hero h1{font-size:53px;letter-spacing:-1.6px;line-height:1.23}.hero-content>p{font-size:18px;margin-top:22px;line-height:1.75}.hero-content>p br{display:none}.hero-actions{gap:20px;margin-top:29px}.hero-cta{font-size:18px;padding:8px 20px 8px 8px;gap:20px}.hero-cta i{width:38px;height:38px;font-size:23px}.ghost-link{font-size:13px}.ghost-link span{margin-right:7px}.hero-caption{font-size:11px;line-height:1.6;margin-top:19px;max-width:290px}.hero-aside{display:block;margin-top:32px}.coordinate,.hero-edition{display:none}.film-trigger{width:220px;padding:12px;grid-template-columns:38px 1fr;min-height:78px;margin-right:auto;border-color:#8ca79077}.film-trigger:after{background:#0c241b99}.film-trigger small{font-size:10px}.film-trigger b{font-size:18px}.play-circle{width:35px;height:35px;font-size:10px}.hero-bottom{bottom:22px;right:6%;left:6%;font-size:10px;gap:15px;align-items:flex-end;line-height:1.6}.hero-bottom>span{max-width:170px}.hero-bottom a{font-size:12px;white-space:nowrap;letter-spacing:1px}.entry-strip{display:grid;grid-template-columns:1fr;padding:26px 6%;gap:0}.entry-strip>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.entry-strip h2{font-size:24px;line-height:1.3}.entry-strip h2 br{display:none}.strip-label{font-size:13px}.entry-strip>button,.entry-strip>a{padding:17px 0;border-right:0;border-top:1px solid #becbbd;gap:16px}.entry-strip b{font-size:20px}.entry-strip small{font-size:12px}.entry-number{padding-top:7px}.entry-strip i{font-size:24px}.explore-section{padding:50px 6%}.section-heading{display:block;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.5px;margin-bottom:15px}.section-heading h2,.quote-heading h2{font-size:43px;line-height:1.2}.section-heading>p{font-size:16px;margin-top:18px;max-width:100%}.section-heading>p br{display:none}.explorer{display:flex;flex-direction:column;gap:22px}.category-nav{display:flex;flex-direction:row;overflow:auto;justify-content:flex-start;gap:8px;padding-bottom:10px;scrollbar-width:thin}.category-nav button{white-space:nowrap;flex-shrink:0;padding:10px 14px;border:1px solid #b9c6b6;gap:7px;border-radius:25px}.category-nav b{font-size:17px}.category-nav span{font-size:9px}.category-nav button[aria-selected=true]{padding-right:14px;background:var(--ink);color:#fff;border-color:var(--ink)}.category-nav button[aria-selected=true] span{color:#d3dcce}.category-nav i{display:none}.range-media{height:300px}.range-info{padding:23px 20px;gap:14px;align-items:flex-end}.range-info h3{font-size:25px}.range-info p{font-size:15px}.range-english{font-size:9px;letter-spacing:1px}.range-start{width:63px;height:63px;font-size:12px}.range-start span{font-size:22px}.range-tags{gap:6px;margin-top:13px}.range-tags span{font-size:10px;padding:3px 8px}.range-stamp{font-size:10px;right:20px;bottom:17px}.range-purpose{inset:30px 22px 45px}.range-purpose h4{font-size:31px;margin:20px 0 13px}.range-purpose p{font-size:15px}.range-purpose>span{font-size:9px}.range-logo{width:118px;top:20px;right:20px}.brand-band{display:block;padding:23px 6%}.brand-band>span{display:block;margin-bottom:17px;font-size:12px}.brand-band>div{justify-content:flex-start;gap:18px 22px}.brand-band b{font-size:14px}.quote-section{padding:50px 5%}.quote-heading{display:block;margin:0 1% 28px}.quote-heading>p{font-size:17px;margin-top:19px;max-width:100%}.quote-heading>p br{display:none}.visit-section{display:flex;flex-direction:column;gap:32px;padding:50px 6%}.visit-photo{width:100%;height:370px}.visit-photo-label{font-size:9px;padding:9px 12px;right:15px;left:15px;bottom:15px}.visit-content{width:100%}.visit-content h2{font-size:42px}.visit-content>p{font-size:18px;margin:20px 0}.visit-content address b{font-size:23px}.visit-actions{gap:23px}.solid-link{font-size:16px;padding:12px 20px;gap:20px}.phone-link{font-size:15px}.closing{padding:45px 6% 24px}.closing h2{font-size:41px;letter-spacing:-1px;max-width:280px;line-height:1.25}.closing-cta{position:static;width:70px;height:70px;font-size:43px;margin-top:23px}.closing-bottom{margin-top:30px;display:block;font-size:15px}.closing-bottom a{display:block;padding:8px 0}.closing-bottom small{font-size:10px}footer{display:block;padding:35px 6% 90px}.footer-brand{gap:10px}.footer-brand>img:first-child{width:31px;height:49px}.footer-brand>img:last-child{width:220px}.footer-links{justify-content:flex-start;gap:20px;margin-top:29px;font-size:11px}.footer-base{display:block;margin-top:28px;font-size:11px;line-height:1.8}.footer-base>span{display:block}.mobile-actions{display:grid;grid-template-columns:.7fr 1.6fr;gap:10px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ccd6c8;padding:9px 5%;z-index:45;box-shadow:0 -5px 25px #13291a16}.mobile-actions>a,.mobile-actions>button{padding:10px 8px;text-align:center;font-size:15px;font-weight:700;border-radius:23px;background:#eaf0e5;color:var(--ink)}.mobile-actions>button{background:var(--yellow)}.film-top{padding:12px 16px}.film-top h2{font-size:17px}.film-top button{font-size:26px}dialog>p{margin:12px 16px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Integrate the quotation journey into the showroom design. */
#quote-experience .quote-game{padding:0;background:transparent;--qg-ink:#172d23;--qg-night:#0c2018;--qg-yellow:#f5dc46;--qg-line:#d6dfd3;--qg-muted:#627567}#quote-experience .qg-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#quote-experience .qg-progress li{color:#91a697;border-top-color:#42604c}#quote-experience .qg-progress li>span{border-color:#6e8675}#quote-experience .qg-progress li.is-current{color:#f5dc46;border-top-color:#f5dc46}#quote-experience .qg-progress li.is-current>span{color:#172d23;border-color:#f5dc46}#quote-experience .qg-progress li.is-done{color:#e4ebdf;border-top-color:#99ad9a}#quote-experience .qg-layout{border:0}#quote-experience .qg-aside{border-right:1px solid #48634d}#quote-experience .qg-panel{min-height:570px}#quote-experience .qg-btn-primary{border-radius:26px}#quote-experience .qg-btn-back{border-radius:26px}#quote-experience .qg-btn-whatsapp{border-radius:26px}
@media(max-width:760px){#quote-experience .quote-game{padding:0}#quote-experience .qg-panel{min-height:0}#quote-experience .qg-aside{border-right:0}}

/* Category accents vary with the selected range; original brand artwork stays untouched. */
.category-nav [data-range="power"],.range-panel[data-active-range="power"]{--range-accent:#245aa9;--range-tint:#edf3fc}
.category-nav [data-range="hand"],.range-panel[data-active-range="hand"]{--range-accent:#147567;--range-tint:#eaf6f0}
.category-nav [data-range="generators"],.range-panel[data-active-range="generators"]{--range-accent:#a54923;--range-tint:#fff2e8}
.category-nav [data-range="compressors"],.range-panel[data-active-range="compressors"]{--range-accent:#176d87;--range-tint:#eaf5f8}
.category-nav [data-range="discs"],.range-panel[data-active-range="discs"]{--range-accent:#74519b;--range-tint:#f3edf9}
.category-nav [data-range="ladders"],.range-panel[data-active-range="ladders"]{--range-accent:#786006;--range-tint:#fff6d7}
.category-nav [data-range="ezzi"],.range-panel[data-active-range="ezzi"]{--range-accent:#a5440f;--range-tint:#fff0e5}
.category-nav button{border-inline-start:3px solid transparent;padding-inline-start:10px;transition:color .2s,padding .2s,background-color .2s,border-color .2s}
.category-nav button:hover,.category-nav button[aria-selected=true]{color:var(--range-accent);background:var(--range-tint);border-inline-start-color:var(--range-accent)}
.category-nav button[aria-selected=true] span{color:var(--range-accent)}
.category-nav button:focus-visible{outline-color:var(--range-accent)}
.range-panel{border-radius:5px;overflow:hidden;box-shadow:0 7px 28px #18312208}
.range-info{border-top:4px solid var(--range-accent);background:var(--range-tint);transition:background-color .25s,border-color .25s}
.range-english{color:var(--range-accent)}
.range-tags span{background:#ffffffbd;color:var(--range-accent);border:1px solid #ffffff}
.range-start{background:var(--range-accent);color:#fff;transition:background-color .25s,box-shadow .25s,transform .25s}
.entry-strip>button,.entry-strip>a{border-radius:5px}
.entry-strip>button:nth-child(2){--entry-accent:#245aa9;--entry-tint:#edf3fc}
.entry-strip>button:nth-child(3){--entry-accent:#147567;--entry-tint:#eaf6f0}
.entry-strip>a:nth-child(4){--entry-accent:#a54923;--entry-tint:#fff2e8}
.entry-strip .entry-number{color:var(--entry-accent)}
.entry-strip>button:hover,.entry-strip>a:hover{background:var(--entry-tint)}
.entry-strip>button:hover i,.entry-strip>a:hover i{color:var(--entry-accent)}
/* A dated review snapshot, with direct links to Google's current reviews. */
.reviews-section{padding:80px 5.5%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;background:linear-gradient(115deg,#f2f5fc 0%,#f8f7ef 55%,#fff5df 100%);border-top:1px solid #e4e8e0}
.reviews-intro{max-width:530px}
.reviews-intro .eyebrow{color:#65764d;margin-bottom:16px}
.reviews-intro h2{font-size:54px;line-height:1.23;letter-spacing:-1px}
.reviews-intro h2>span{color:#a46b26}
.reviews-intro>p{font-size:18px;color:#617061;line-height:1.9;max-width:480px;margin:24px 0}
.reviews-read{display:inline-flex;gap:25px;align-items:center;font-size:17px;font-weight:700;color:#244c7c;padding:5px 0 9px;border-bottom:1px solid #9db3cb}
.reviews-read>span{transition:transform .2s}
.reviews-card{width:100%;max-width:470px;justify-self:end;background:#fff;border:1px solid #e2e6dd;border-radius:16px;box-shadow:0 14px 45px #2d42200c;overflow:hidden;position:relative}
.reviews-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#5189d2 0% 25%,#62a899 25% 50%,#e2a65c 50% 75%,#f1d046 75%)}
.reviews-card-top{display:flex;align-items:center;justify-content:space-between;padding:27px 30px 0;gap:15px}
.reviews-card-top>span:first-child{font:700 16px/1.4 Arial,sans-serif;color:#344a56}
.review-label{font-size:12px;background:#f3f5ef;color:#64735f;padding:4px 10px;border-radius:20px}
.reviews-score{text-align:center;padding:30px 25px 23px}
.reviews-score>strong{display:block;font:700 76px/1 Arial,sans-serif;color:#18382c;letter-spacing:-4px}
.reviews-score small{font-size:22px;font-weight:400;letter-spacing:0;color:#7b897f}
.reviews-stars{position:relative;display:inline-block;direction:ltr;font:29px/1.3 Arial,sans-serif;letter-spacing:5px;white-space:nowrap;margin:17px 0 8px;color:#e1e6dc}
.reviews-stars-fill{position:absolute;left:0;top:0;overflow:hidden;width:94%;color:#bd8800}
.reviews-score>p{font-size:15px;color:#6d7b6e}
.reviews-score b{color:#344f3c;font-weight:700}
.reviews-card-bottom{padding:22px 30px 25px;border-top:1px solid #e8ede3;text-align:center}
.reviews-card-bottom>a{display:flex;justify-content:center;align-items:center;gap:22px;padding:12px 20px;background:#edf3e7;color:#284e3a;font-weight:700;font-size:17px;border-radius:28px;transition:background-color .2s}
.reviews-card-bottom>a:hover{background:#deead3}
.reviews-snapshot{font-size:11px;color:#6c786b;line-height:1.7;margin-top:16px}
@media(hover:hover){.range-start:hover{transform:translateY(-3px);box-shadow:0 6px 18px #14282022}.reviews-read:hover>span{transform:translate(-3px,-3px)}}
@media(min-width:1500px){.reviews-section{gap:120px}.reviews-intro h2{font-size:64px}.reviews-card{max-width:500px}}
@media(min-width:761px) and (max-width:1100px){.site-header nav{gap:15px;font-size:15px}.site-header{gap:15px}.reviews-section{gap:45px;padding:65px 5%}.reviews-intro h2{font-size:44px}.reviews-intro>p{font-size:17px}.reviews-card-top{padding:25px 23px 0}.reviews-card-bottom{padding:20px 23px 24px}}
@media(min-width:761px) and (max-width:950px){.site-header .wordmark{width:155px}.site-header .brand{gap:8px}.site-header nav{gap:12px;font-size:14px}.site-header .request-button{font-size:13px;gap:8px}}
@media(max-width:760px){.category-nav button{padding-inline-start:14px;border-inline-start-width:1px}.category-nav button[aria-selected=true]{color:var(--range-accent);background:var(--range-tint);border-color:var(--range-accent)}.category-nav button[aria-selected=true] span{color:var(--range-accent)}.reviews-section{display:block;padding:50px 6%}.reviews-intro h2{font-size:41px;letter-spacing:-.7px}.reviews-intro>p{font-size:17px;margin:20px 0}.reviews-read{font-size:16px}.reviews-card{max-width:100%;margin-top:30px}.reviews-card-top{padding:25px 23px 0}.reviews-card-top>span:first-child{font-size:15px}.review-label{font-size:11px}.reviews-score{padding:27px 20px 23px}.reviews-score>strong{font-size:70px}.reviews-card-bottom{padding:20px 23px 24px}.reviews-card-bottom>a{font-size:17px}.reviews-snapshot{font-size:11px}}
@media(prefers-reduced-motion:reduce){.range-start:hover,.reviews-read:hover>span{transform:none}.range-info,.range-start,.category-nav button,.reviews-read>span,.reviews-card-bottom>a{transition:none}}
