:root{--navy:#1e1e24;--ink:#1e1e24;--muted:#585862;--red:#d31f14;--red-dark:#a10f0d;--cream:#f8f8f8;--paper:#fffffc;--line:#dadee3;--green:#00b67a;--radius:12px;--max:1680px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Poppins,Arial,sans-serif;line-height:1.48;-webkit-font-smoothing:antialiased}
body,button,input,textarea{font-family:Poppins,Arial,sans-serif}
img{max-width:100%;display:block}
button,input,textarea{font-size:inherit}
button{cursor:pointer}
a{color:inherit}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em}
h2{font-size:clamp(2.25rem,4vw,4.55rem);font-weight:800}
h3{font-size:clamp(1.35rem,1.75vw,2rem)}
p{line-height:1.6}
.container{width:min(calc(100% - 8rem),var(--max));margin-inline:auto}
.section-pad{padding-block:clamp(5rem,8vw,9rem)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;z-index:100;top:-60px;left:1rem;background:var(--navy);color:#fff;padding:.6rem 1rem}
.skip-link:focus{top:1rem}
.eyebrow{font-size:.78rem;line-height:1.25;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.eyebrow.red{color:var(--red)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:54px;padding:.9rem 1.55rem;border:1px solid transparent;border-radius:6px;text-decoration:none;font-size:.92rem;font-weight:800;line-height:1.15;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 9px 18px #1e1e2420}
.button:focus-visible,.text-link:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d31f14;outline-offset:3px}
.button-red{background:var(--red);color:white}
.button-red:hover{background:var(--red-dark)}
.button-quiet{background:white;border-color:#dadee3;color:var(--navy)}
.text-link{display:inline-flex;gap:1rem;align-items:center;color:var(--red);font-weight:800;text-decoration:none}
.text-link:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #f8f8f8;box-shadow:0 4px 18px #1e1e240a}
.header-inner{min-height:88px;display:flex;align-items:center;gap:3rem}
.brand{font-weight:900;letter-spacing:-.075em;font-size:1.65rem;text-decoration:none;white-space:nowrap;color:var(--navy)}
.brand span{color:var(--red)}
.brand sup{font-size:.43em;vertical-align:top;letter-spacing:0;margin-left:.15em}
.header-nav{display:flex;gap:2rem;margin-left:auto}
.header-nav a{text-decoration:none;font-size:.88rem;font-weight:700}
.header-nav a:hover{color:var(--red)}
.header-phone{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;white-space:nowrap;font-size:.86rem}
.header-phone .phone-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted)}
.header-phone .flag-fr{font-size:1.1rem;line-height:1}
.header-phone strong{font-weight:800}
.hero{position:relative;overflow:hidden;background:var(--paper)}
.hero-disc{position:absolute;width:min(65vw,1120px);aspect-ratio:1;border-radius:50%;background:var(--red);right:-17vw;top:-43vw;pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;min-height:770px}
.hero-copy{z-index:2;padding:5rem 0 6rem}
.hero h1{margin-top:1.7rem;max-width:840px;font-size:clamp(3.4rem,5.7vw,7rem);font-weight:900;line-height:.99;letter-spacing:-.075em}
.hero h1 span{color:var(--red)}
.hero h1 sup{font-size:.27em;letter-spacing:0;vertical-align:top;margin-left:.08em}
.hero-lead{font-size:clamp(1rem,1.24vw,1.27rem);max-width:760px;margin-top:2.5rem;color:#3b3e44}
.hero-proof{display:flex;flex-wrap:wrap;gap:.75rem 1.3rem;margin-top:2.2rem;font-size:.78rem;font-weight:700;color:var(--ink)}
.hero-proof span{display:inline-flex;align-items:center;gap:.5rem}
.hero-proof span:before{content:"";width:7px;height:7px;background:var(--red);border-radius:50%;flex:none}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem 2.7rem;margin-top:2.25rem}
.hero-visual{position:relative;align-self:stretch;display:flex;align-items:end;overflow:visible}
.hero-visual img{width:150%;max-width:none;height:auto;object-fit:contain;margin-left:-35%;-webkit-mask-image:linear-gradient(to right,transparent,#000 22%),linear-gradient(to bottom,transparent,#000 18%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 22%),linear-gradient(to bottom,transparent,#000 18%);mask-composite:intersect}
.center-heading{text-align:center;max-width:1100px;margin:0 auto 3.5rem}
.center-heading em{color:var(--red);font-style:normal}
.center-heading p{font-size:1.13rem;max-width:700px;margin:1.7rem auto 0;color:#585862}
.benefits{background:#fff}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}
.benefit-card{border:1px solid #dadee3;border-radius:10px;min-height:375px;padding:2.5rem;background:#fff}
.card-top{display:flex;justify-content:space-between;align-items:start;font-size:2.3rem;font-weight:800;line-height:1;color:var(--red);margin-bottom:3.4rem}
.card-top span:last-child{font-size:2.7rem;font-weight:400}
.benefit-card h3{max-width:360px;font-size:clamp(1.45rem,2.2vw,2.45rem);margin-bottom:1.3rem}
.benefit-card p{font-size:.98rem;color:#585862}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem;margin-top:3rem}
.proof-photo,.proof-tile,.proof-stack{height:425px;border-radius:12px;overflow:hidden}
.proof-photo{position:relative}
.proof-photo img{width:100%;height:100%;object-fit:cover}
.proof-overlay{position:absolute;left:1.25rem;bottom:1.25rem;background:white;width:63%;padding:1.4rem;border-radius:9px;display:flex;flex-direction:column;gap:.9rem}
.proof-overlay strong,.proof-tile strong{font-size:clamp(3.4rem,5.5vw,6.4rem);font-weight:800;letter-spacing:-.07em;line-height:1}
.proof-overlay span,.proof-tile span{font-weight:600;font-size:.94rem}
.proof-tile{display:flex;flex-direction:column;justify-content:space-between;padding:2rem}
.proof-tile-light{background:#f8f8f8}
.proof-stack{display:grid;grid-template-rows:1.5fr 1fr;gap:1rem;overflow:visible}
.proof-stack .proof-tile{height:auto}
.proof-tile-red{background:var(--red);color:#fff}
.proof-tile-navy{background:var(--navy);color:#fff;flex-direction:row;align-items:center;gap:1.4rem}
.proof-tile-navy strong{font-size:4.5rem}
.growth{background:linear-gradient(to bottom,#fff 0 50%,#f8f8f8 50% 100%)}
.split-heading{display:grid;grid-template-columns:1.5fr .8fr;align-items:end;gap:4rem}
.split-heading h2{margin-top:1rem;font-size:clamp(2.4rem,3.9vw,4.5rem)}
.split-heading>p{max-width:480px;font-size:1.08rem;color:#585862;padding-bottom:.35rem}
.growth-visual{display:grid;grid-template-columns:27% 73%;gap:2rem;min-height:440px;align-items:end;padding-top:4rem}
.growth blockquote{font-weight:700;font-size:1.05rem;line-height:1.55;padding-bottom:2rem}
.growth cite{display:block;margin-top:1.6rem;font-size:.8rem;font-style:normal;color:#798087}
.growth-steps{display:flex;justify-content:space-between;align-items:end;gap:1rem;height:100%;padding-left:1rem}
.growth-step{width:29%;min-height:210px;display:flex;flex-direction:column;justify-content:flex-start;background:white;border:1px solid #dadee3;border-radius:9px;padding:1.5rem;box-shadow:0 12px 36px #1e1e2412}
.growth-step:nth-child(2){min-height:275px}
.growth-step-final{min-height:365px;background:#1e1e24;color:white;position:relative;overflow:hidden}
.growth-step strong{font-size:clamp(1.5rem,2.5vw,2.8rem);letter-spacing:-.055em;line-height:1.1}
.growth-step span{font-size:.9rem;margin-top:.7rem}
.mini-bars{height:100px;position:absolute;bottom:0;left:0;right:0;background:repeating-linear-gradient(90deg,#f0544f 0 4px,transparent 4px 12px);clip-path:polygon(0 70%,8% 68%,15% 47%,22% 60%,30% 36%,38% 50%,45% 42%,52% 25%,60% 33%,66% 12%,74% 24%,82% 10%,90% 27%,100% 0,100% 100%,0 100%);opacity:.5}
.client-strip{display:flex;justify-content:space-between;align-items:center;gap:2rem;overflow:auto;margin-top:5rem;padding:2.5rem 0 0;border-top:1px solid #dadee3;white-space:nowrap;color:#3b3e44}
.client-strip span{font-weight:900;font-size:1.2rem;letter-spacing:-.04em}
.reviews{background:#1e1e24;color:white}
.review-heading{display:flex;align-items:end;gap:3rem;margin-bottom:2.4rem}
.review-heading>div:first-child{display:flex;align-items:center;gap:1.2rem}
.review-score{font-size:clamp(4.5rem,7vw,8rem);font-weight:800;letter-spacing:-.08em;line-height:.9}
.stars{letter-spacing:.12em;color:var(--green);font-size:1.45rem}
.review-heading>div:nth-child(2){display:flex;flex-direction:column;gap:.35rem;padding-bottom:.4rem}
.review-heading strong{font-size:1.3rem}
.review-heading small{color:#cdcdcf}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.review-card{background:white;color:var(--navy);border-radius:10px;padding:2rem;display:flex;flex-direction:column;min-height:320px}
.review-card .stars{font-size:1rem}
.review-card figcaption{font-size:.72rem;font-weight:700;color:#798087;margin:.35rem 0 1.2rem}
.review-card blockquote{font-size:1rem;line-height:1.55;flex:1}
.review-card p{display:flex;flex-direction:column;margin-top:1.5rem;font-size:.88rem}
.review-card small{color:#798087}
.applications{background:#f8f8f8}
.section-heading{max-width:1200px;margin-bottom:3.3rem}
.section-heading h2{margin-top:.9rem}
.section-heading h3{margin-top:.65rem;font-size:clamp(1.5rem,2.5vw,2.7rem)}
.section-heading p:not(.eyebrow){max-width:930px;color:#585862;margin-top:1.5rem;font-size:1.08rem}
.application-heading{max-width:none;margin-bottom:3.25rem;color:#1e1e24}
.application-kicker{font-size:1.05rem;font-weight:700;line-height:1.35;color:#3b3e44}
.application-heading h2{margin-top:.65rem;font-size:clamp(2.7rem,3.75vw,3.8rem);line-height:1.12;letter-spacing:-.035em}
.application-heading>p:last-child{max-width:660px;margin-top:.65rem;font-size:1.08rem;line-height:1.5;color:#585862}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}
.application-card{--card-bg:#fff;--card-fg:#1e1e24;--tag-fg:#3b3e44;display:flex;flex-direction:column;min-width:0;min-height:0;color:var(--card-fg)}
.application-card.accent{--card-bg:#d31f14;--card-fg:#fff;--tag-fg:#fff}
.application-card.slate{--card-bg:#26262e;--card-fg:#fff;--tag-fg:#fff}
.application-card.blue{--card-bg:#1e1e24;--card-fg:#fff;--tag-fg:#fff}
.application-card-main{display:flex;flex-direction:column;min-height:385px;padding:1.55rem 1.5rem 2rem;background:var(--card-bg);border:1px solid #1e1e240a;border-bottom:0;border-radius:20px 20px 20px 0}
.application-icon{display:block;flex:none;width:90px;height:90px;margin-bottom:1.6rem;color:var(--card-fg)}
.application-icon svg{display:block;width:100%;height:100%}
.application-icon.boxed{width:95px;height:95px;padding:9px;background:#26262e;color:#fff}
.application-card h3{max-width:360px;font-size:clamp(1.75rem,2.5vw,2.55rem);line-height:1.22;letter-spacing:-.02em}
.application-card-main p{max-width:400px;margin-top:1rem;font-size:clamp(.93rem,1.16vw,1.1rem);line-height:1.52;color:inherit}
.application-card .card-tag{display:flex;align-items:center;align-self:flex-start;max-width:100%;min-height:70px;margin-top:-1px;padding:1.1rem 1.4rem;border:1px solid #1e1e240a;border-top:0;border-radius:0 18px 18px 18px;background:var(--card-bg);color:var(--tag-fg);font-size:.86rem;font-weight:800;line-height:1.3}
.application-footer{margin-top:3.3rem;color:#585862;font-size:1rem}
.application-footer a{color:var(--red);font-weight:800;text-decoration:none}
.application-footer a:hover{text-decoration:underline}
.image-band{height:clamp(280px,31vw,570px);overflow:hidden}
.image-band img{width:100%;height:100%;object-fit:cover;object-position:center}
.image-band.second img{object-position:center 53%}
.comparison{background:#fff}
.comparison-inner{max-width:1440px}
.comparison-scroll{--comparison-red:#d31f14;border:1px solid #dadee3;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #1e1e2408}
.comparison-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;text-align:left}
.comparison-table th,.comparison-table td{border-bottom:1px solid #dadee3;border-right:1px solid #dadee3;padding:1.55rem 2.15rem;vertical-align:middle;font-size:clamp(1rem,1.18vw,1.16rem);line-height:1.38}
.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}
.comparison-table thead th{height:80px;padding-top:1rem;padding-bottom:1rem;background:#fff;color:#979899;font-size:.96rem;font-weight:700;letter-spacing:.11em;line-height:1.25;text-transform:uppercase}
.comparison-table thead th:first-child,.comparison-table thead th:last-child{width:32%}
.comparison-table thead th:nth-child(2){width:36%}
.comparison-table thead th.dakla-col{background:var(--comparison-red);color:#fff;white-space:nowrap}
.comparison-table thead th.dakla-col strong{display:inline-block;margin-left:.7rem;padding:.4rem .68rem;border-radius:999px;background:#ffffff2b;color:#fff;font-size:.76rem;font-weight:700;letter-spacing:0;line-height:1;text-transform:none;vertical-align:middle}
.comparison-table tbody th{background:#fff;color:#3b3e44;font-weight:700}
.comparison-table tbody tr:last-child>*{border-bottom:0}
.comparison-table td.dakla-col{background:#f8f8f8;color:#1e1e24;font-weight:700}
.comparison-table tbody td:last-child{color:#979899;font-weight:400}
.cell-content{display:flex;align-items:flex-start;gap:1rem}
.cell-icon{display:inline-grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;font-size:1.05rem;font-weight:700;line-height:1}
.cell-icon.check{background:#f6e5e5;color:var(--comparison-red)}
.cell-icon.minus{background:#f8f8f8;color:#979899;font-size:1.3rem}
.mobile-col-label{display:none}
.comparison-cta{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}
.comparison-cta span{font-size:.85rem;color:#798087}
.faq{background:#fff}
.faq-grid{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:3rem}
.faq h2{margin-top:1rem}
.faq-list{border-top:1px solid #dadee3}
.faq-list details{border-bottom:1px solid #dadee3}
.faq-list summary{list-style:none;cursor:pointer;padding:1.45rem 2rem 1.45rem 0;font-weight:800;font-size:1.06rem;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:.3rem;top:1.1rem;font-size:1.6rem;line-height:1;color:var(--red);font-weight:400}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{color:#585862;padding:0 2.2rem 1.5rem 0}
.sustainability{background:var(--cream)}
.sustain-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}
.sustain-panel{border-radius:10px;padding:2.5rem}
.sustain-panel h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem}
.sustain-panel h3 span{font-size:2.6rem;font-weight:400}
.sustain-panel ol{list-style:none;counter-reset:items;padding:0;margin:0}
.sustain-panel li{counter-increment:items;display:grid;grid-template-columns:1fr 2rem;gap:2rem;align-items:start;border-top:1px solid;padding:1.2rem 0;font-size:.98rem;line-height:1.5}
.sustain-panel li:after{content:counter(items,decimal-leading-zero);font-size:.9rem;font-weight:800;text-align:right}
.positive{background:var(--navy);color:#fff}
.positive li{border-color:#ffffff35}
.negative{background:#fff;color:var(--navy)}
.negative h3 span{color:var(--red)}
.negative li{border-color:#f8f8f8}
.negative li:after{color:var(--red)}
.sustain-note{background:var(--navy);color:#fff;margin-top:2rem;padding:1.55rem 2rem;border-radius:7px;font-size:1rem}
.ppwr{background:#fff}
.ppwr-grid{display:grid;grid-template-columns:1fr .93fr;gap:5rem;align-items:center}
.ppwr-grid h2{margin-top:.9rem}
.ppwr-grid p:not(.eyebrow){margin-top:1.6rem;max-width:660px;color:#585862;font-size:1.06rem}
.ppwr-grid img{width:100%;height:410px;object-fit:cover;border-radius:10px}
.enquiry{display:grid;grid-template-columns:1fr 1fr;min-height:800px}
.enquiry-info{background:var(--navy);color:#fff;display:flex;justify-content:flex-end}
.enquiry-info-inner{width:min(100%,780px);padding:5.5rem 5rem 4rem max(4rem,calc((100vw - var(--max))/2))}
.enquiry-info h2{font-size:clamp(2.6rem,4vw,5rem);margin-top:1rem}
.enquiry-info h2 em{font-style:normal;color:#f0544f}
.enquiry-info-inner>p:not(.eyebrow):not(.direct-contact){margin-top:1.7rem;color:#dadee3}
.enquiry-info ul{list-style:none;padding:0;margin:2rem 0}
.enquiry-info li{padding:.45rem 0;color:#f8f8f8}
.enquiry-info li:before{content:"✓";color:#f0544f;margin-right:.8rem}
.enquiry-info blockquote{border-left:2px solid #f0544f;padding-left:1.1rem;color:#dadee3;font-size:.88rem;line-height:1.6;margin-top:3rem}
.enquiry-info cite{display:block;font-style:normal;font-weight:800;margin-top:.7rem}
.direct-contact{font-size:.9rem;margin-top:2.5rem}
.direct-contact a{color:#f0544f}
.enquiry-form-panel{background:#fff;display:flex;align-items:center;justify-content:flex-start;padding:4rem max(4rem,calc((100vw - var(--max))/2)) 4rem 5rem}
#project-form{width:min(100%,710px)}
.stepper{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:3.4rem}
.stepper span{display:flex;align-items:center;gap:.5rem;color:#979899;font-size:.84rem;font-weight:700;white-space:nowrap}
.stepper b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid #dadee3;font-size:.78rem}
.stepper .active{color:var(--navy)}
.stepper .active b{background:var(--navy);color:#fff;border-color:var(--navy)}
.form-step h3{font-size:2rem}
.form-step>p:not(.form-error){color:#798087;margin:.7rem 0 1.8rem}
fieldset{border:0;padding:0;margin:0 0 1.8rem}
fieldset legend{font-weight:800;margin-bottom:.8rem}
.choice-grid,.volume-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.choice-grid label,.volume-grid label{position:relative;display:block}
.choice-grid input,.volume-grid input{position:absolute;opacity:0;inset:0;cursor:pointer}
.choice-grid span,.volume-grid span{min-height:58px;border:1px solid #dadee3;border-radius:6px;padding:.6rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.85rem;font-weight:700;line-height:1.2;transition:background .2s,border .2s,color .2s}
.volume-grid span{min-height:46px}
.choice-grid label:hover span,.volume-grid label:hover span{border-color:var(--red)}
.choice-grid input:checked+span,.volume-grid input:checked+span{background:#f6e5e5;border:2px solid var(--red);color:var(--red)}
.choice-grid input:focus-visible+span,.volume-grid input:focus-visible+span{outline:3px solid #d31f14;outline-offset:2px}
.form-error{min-height:1.3rem;color:#a10f0d;font-weight:700;font-size:.82rem;margin:0 0 .5rem}
.form-error a{color:inherit;text-decoration:underline;text-underline-offset:.18em}
.form-error a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.form-next{width:100%}
.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.2rem;font-weight:800;font-size:.9rem}
.field input,.field textarea{width:100%;border:1px solid #dadee3;border-radius:6px;padding:.85rem 1rem;font-weight:400;color:var(--navy);background:#fff}
.field textarea{resize:vertical}
.form-nav{display:flex;gap:.8rem}
.form-nav .button-red{flex:1}
.form-step small{display:block;color:#798087;margin-top:1rem}
.site-footer{background:#f8f8f8}
.site-footer .container{display:flex;align-items:center;gap:2rem;min-height:100px}
.site-footer span{font-size:.8rem;color:#798087}
.site-footer a:last-child{margin-left:auto;font-size:.82rem;font-weight:700;text-decoration:none}
@media(max-width:1250px){.container{width:min(calc(100% - 4rem),var(--max))}.header-nav{gap:1rem}.hero-grid{grid-template-columns:52% 48%;min-height:650px}.hero h1{font-size:clamp(3.3rem,5.4vw,6rem)}.hero-visual img{height:75%}.benefit-card{padding:1.8rem}.enquiry-info-inner{padding:4rem 3rem}.enquiry-form-panel{padding:4rem 3rem}.proof-tile strong{font-size:4.4rem}}
@media(max-width:950px){.header-nav{display:none}.header-phone{font-size:.8rem}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:4.5rem 0 1rem}.hero h1{max-width:800px;font-size:clamp(3.6rem,8vw,5.8rem)}.hero-disc{width:90vw;right:-30vw;top:40%}.hero-visual{height:440px;justify-content:center}.hero-visual img{width:100%;height:100%;margin:0;object-position:center}.benefit-grid,.proof-grid,.application-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-card:last-child,.application-card:last-child{grid-column:span 2}.proof-grid .proof-stack{grid-column:span 2;height:220px;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.proof-tile-navy{flex-direction:column;align-items:start}.split-heading{grid-template-columns:1fr;gap:1.5rem}.growth-visual{grid-template-columns:1fr;gap:1rem}.growth blockquote{max-width:550px}.growth-steps{height:350px}.ppwr-grid{gap:2rem}.enquiry{grid-template-columns:1fr}.enquiry-info{justify-content:center}.enquiry-info-inner{width:min(calc(100% - 4rem),760px);padding:4.5rem 0}.enquiry-form-panel{justify-content:center;padding:4.5rem 2rem}.sustain-grid{gap:1rem}}
@media(max-width:650px){.container{width:calc(100% - 2.25rem)}.section-pad{padding-block:4rem}.header-inner{min-height:72px;gap:1rem}.brand{font-size:1.4rem}.header-phone{display:flex;flex-direction:column;margin-left:auto;text-align:right;line-height:1.2}.header-phone span{font-size:.62rem}.header-phone strong{font-size:.8rem}.hero-copy{padding:3.6rem 0 .2rem}.hero h1{font-size:clamp(2.75rem,12vw,4.6rem);line-height:1.03;margin-top:1.1rem}.hero-lead{font-size:1rem;margin-top:1.5rem}.hero-proof{font-size:.74rem;margin-top:1.5rem}.hero-actions{align-items:stretch;gap:1rem;margin-top:1.6rem}.hero-actions .button{width:100%}.text-link{justify-content:center;width:100%;font-size:.86rem}.hero-visual{height:290px;margin:1rem -1.125rem 0;overflow:hidden}.hero-visual img{width:100%;object-position:62%}.hero-disc{top:auto;bottom:-130px;right:-45vw;width:115vw}.center-heading{text-align:left;margin-bottom:2rem}.center-heading h2 br{display:none}.center-heading p{margin:1rem 0 0;font-size:1rem}.benefit-grid,.proof-grid,.application-grid,.review-grid{grid-template-columns:1fr}.benefit-card:last-child,.application-card:last-child,.proof-grid .proof-stack{grid-column:auto}.benefit-card{min-height:0;padding:1.6rem}.card-top{margin-bottom:2rem;font-size:1.8rem}.proof-photo,.proof-tile{height:300px}.proof-stack{height:auto!important;display:grid;grid-template-columns:1fr!important;grid-template-rows:180px 130px!important}.proof-tile-red strong{font-size:4rem}.proof-tile-navy{flex-direction:row;align-items:center}.proof-tile-navy strong{font-size:3.7rem}.split-heading h2 br{display:none}.growth-visual{padding-top:2rem}.growth blockquote{padding-bottom:0}.growth-steps{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0}.growth-step,.growth-step:nth-child(2),.growth-step-final{min-height:190px;width:auto;padding:1rem}.growth-step strong{font-size:1.2rem}.growth-step span{font-size:.7rem}.growth-step-final{min-height:190px}.mini-bars{height:55px}.client-strip{margin-top:2.5rem}.review-heading,.review-heading>div:first-child{align-items:start;flex-wrap:wrap;gap:.8rem}.review-heading>div:first-child{width:100%}.review-score{font-size:5.5rem}.review-card{min-height:270px}.application-card{min-height:300px}.application-card h4{font-size:2rem}.image-band{height:260px}.faq-grid{grid-template-columns:1fr;gap:2rem}.faq h2 br{display:none}.ppwr-grid{grid-template-columns:1fr;gap:2rem}.ppwr-grid img{height:260px}.sustain-grid{grid-template-columns:1fr}.sustain-panel{padding:1.5rem}.sustain-panel h3{font-size:1.45rem}.sustain-panel li{font-size:.9rem}.sustain-note{padding:1.2rem}.enquiry-info-inner{width:calc(100% - 2.25rem);padding:4rem 0}.enquiry-info h2{font-size:clamp(2.5rem,10vw,4rem)}.enquiry-form-panel{padding:3rem 1.125rem 4rem}.stepper{margin-bottom:2rem;gap:.25rem}.stepper span{font-size:.66rem;gap:.25rem}.stepper b{width:23px;height:23px;font-size:.62rem}.form-step h3{font-size:1.7rem}.choice-grid,.volume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid span,.volume-grid span{font-size:.78rem}.form-nav{flex-direction:column-reverse}.form-nav .button{width:100%}.site-footer .container{flex-wrap:wrap;gap:.5rem 1rem;padding:1.5rem 0}.site-footer a:last-child{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:650px){.hero-disc{display:none}}
@media(max-width:950px){.hero-disc{display:none}}

/* Keep the product photo blended into the page at every breakpoint. */
@media(max-width:1250px){
  .hero-visual img{height:auto}
}
@media(max-width:950px){
  .hero-visual{height:min(58vw,460px);margin-inline:-2rem;overflow:hidden}
  .hero-visual img{width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;object-position:65% center;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%);mask-image:linear-gradient(to bottom,transparent,#000 20%)}
}
@media(max-width:900px){
  .comparison-scroll{border:0;border-radius:0;box-shadow:none;overflow:visible}
  .comparison-table,.comparison-table tbody{display:block;width:100%}
  .comparison-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .comparison-table tbody{display:grid;gap:1rem}
  .comparison-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #dadee3;border-radius:14px;box-shadow:0 5px 16px #1e1e2408}
  .comparison-table tbody th{grid-column:1/-1;padding:1.05rem 1.2rem;background:#fff;color:#3b3e44;border-right:0;border-bottom:1px solid #dadee3;font-size:1rem}
  .comparison-table tbody td{padding:1.1rem 1.2rem;border-bottom:0;font-size:.9rem;line-height:1.45}
  .comparison-table tbody td.dakla-col{border-right:1px solid #dadee3}
  .mobile-col-label{display:block;margin-bottom:.7rem;font-size:.7rem;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.07em;color:var(--comparison-red)}
  .comparison-table tbody td:last-child .mobile-col-label{color:#979899}
  .cell-content{gap:.55rem}
  .cell-icon{width:23px;height:23px;font-size:.86rem}
  .cell-icon.minus{font-size:1.05rem}
  .comparison-cta{flex-wrap:wrap}
}
@media(max-width:650px){
  html{scroll-padding-top:82px}
  .center-heading h2 br,.split-heading h2 br{display:initial}
  .proof-tile-light strong{font-size:clamp(2.5rem,10vw,3.4rem)}
  .proof-tile-light{height:230px}
  .hero-visual{height:clamp(260px,74vw,360px);margin:1rem -1.125rem 0}
  .hero-visual img{width:110%;max-width:none;object-position:68% center}
  .comparison-table tbody th{padding:.95rem 1rem}
  .comparison-table tbody td{padding:1rem;font-size:.82rem}
  .comparison-cta{flex-direction:column;align-items:stretch;text-align:center}
}
@media(max-width:560px){
  .comparison-table tbody tr{grid-template-columns:1fr}
  .comparison-table tbody td.dakla-col{border-right:0;border-bottom:1px solid #dadee3}
  .comparison-table tbody td{padding:1rem 1.1rem}
  .comparison-table .cell-content{align-items:center}
}
@media(max-width:380px){
  .brand{font-size:1.22rem}
  .header-phone strong{font-size:.72rem}
  .header-phone .phone-label{font-size:.56rem;gap:.2rem}
}

/* DaklaPack's supplied typography and palette. */
@font-face{font-family:Poppins;src:url('./assets/fonts/Poppins-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('./assets/fonts/Poppins-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('./assets/fonts/Poppins-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('./assets/fonts/Poppins-ExtraBold.woff2') format('woff2');font-weight:800 900;font-display:swap}
:root{--navy:#1e1e24;--ink:#1e1e24;--muted:#4a4a4f;--red:#d31f14;--red-dark:#a10f0d;--cream:#f8f8f8;--paper:#fff;--line:#dadee3}
body,button,input,textarea,select{font-family:Poppins,Arial,sans-serif}
h1,h2,h3,h4{letter-spacing:-.025em}
h1{font-weight:800;letter-spacing:-.02em}
h2,h3,h4{font-weight:800}
.brand{display:inline-flex;align-items:center;flex:none}
.brand img{display:block;width:170px;height:auto}
.hero{background:#fff}
.hero-disc{width:min(54vw,820px);right:-19vw;top:-19vw;opacity:.95}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.hero h1{font-size:clamp(3.3rem,5.2vw,6rem);letter-spacing:-.025em;line-height:1.05}
.hero-lead{color:#4a4a4f}
.hero-visual{align-items:center;justify-content:center;min-width:0}
.hero-visual img{width:115%;max-width:115%;height:auto;margin:0 -5% 0 0;object-fit:contain;-webkit-mask-image:none;mask-image:none}
.image-band{background:#f8f8f8;display:flex;align-items:center;justify-content:center;height:clamp(300px,34vw,520px)}
.image-band img,.image-band.second img{width:min(100%,980px);height:100%;object-fit:contain;object-position:center}
.ppwr-grid img{object-fit:contain;background:#f8f8f8}
.enquiry-info h2 em{color:#f0544f}
.enquiry-info li:before{color:#f0544f}
.direct-contact a{color:#f0544f}
.enquiry-form-panel{align-items:flex-start}
#project-form{width:min(100%,760px)}
.form-progress{margin-bottom:2.7rem}
.form-progress>span{display:block;margin-bottom:.75rem;font-size:.82rem;font-weight:700;color:#4a4a4f}
.progress-track{height:6px;border-radius:99px;background:#f8f8f8;overflow:hidden}
.progress-track span{display:block;width:11.111%;height:100%;background:var(--red);border-radius:99px;transition:width .25s ease}
.form-step[hidden]{display:none!important}
.form-step .form-eyebrow{margin:0 0 .8rem!important;color:var(--red)!important;font-size:.76rem!important;font-weight:800;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}
.form-step h3{font-size:clamp(1.65rem,2.35vw,2.45rem);line-height:1.18;letter-spacing:-.025em}
.form-step .form-help{margin:.75rem 0 2rem!important;color:#585862!important;font-size:.94rem;line-height:1.55}
.form-step fieldset{margin:1.65rem 0 1.5rem}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.option-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1.05rem;border:1px solid #dadee3;border-radius:9px;background:#fff;cursor:pointer;min-height:88px;transition:border-color .18s,background .18s,box-shadow .18s}
.option-card:hover{border-color:var(--red)}
.option-card input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.option-card:has(input:checked){border:2px solid var(--red);background:#f6e5e5;box-shadow:0 4px 14px #d31f1410;padding:calc(1rem - 1px) calc(1.05rem - 1px)}
.option-card:has(input:focus-visible){outline:3px solid #d31f14;outline-offset:3px}
.option-text{display:flex;flex-direction:column;gap:.25rem;min-width:0;pointer-events:none}
.option-text strong{font-size:.86rem;line-height:1.35;font-weight:700}
.option-text small{font-size:.72rem;color:#798087;line-height:1.4;font-weight:400}
.option-check{display:block;flex:none;width:18px;height:18px;border:1.5px solid #cdcdcf;border-radius:50%;pointer-events:none}
.option-card:has(input:checked) .option-check{border:5px solid var(--red)}
.form-step .form-nav{margin-top:1.5rem;display:flex;flex-direction:row}
.form-nav .button-red{flex:1}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.field{font-size:.83rem;font-weight:700}
.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid #dadee3;border-radius:7px;padding:.75rem .9rem;font-weight:400;color:var(--ink);background:#fff}
.field:has(> select){position:relative}
.field select{appearance:none;-webkit-appearance:none;min-height:54px;padding:.82rem 3.1rem .82rem 1rem;border-color:#c6cbd1;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(30,30,36,.055);font-weight:600;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.field select:has(option:checked[value=""]){color:#656b73}
.field select:hover{border-color:#747b83;box-shadow:0 3px 12px rgba(30,30,36,.09)}
.field select:focus-visible{border-color:#d31f14;outline:3px solid rgba(211,31,20,.17);outline-offset:2px}
.field:has(> select)::after{content:"";position:absolute;right:1.15rem;bottom:1.42rem;width:.56rem;height:.56rem;border-right:2px solid #1e1e24;border-bottom:2px solid #1e1e24;transform:rotate(45deg);pointer-events:none}
.field:has(> select:focus-visible)::after{border-color:#d31f14}
.field select option{color:#1e1e24;background:#fff;font-weight:500}
.field textarea{min-height:120px}
.date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem}
.date-grid .option-card{min-height:54px;justify-content:center;text-align:center;padding:.65rem}
.date-grid .option-text strong{font-size:.75rem}
.date-grid .option-check{display:none}
.option-card.flexible{min-height:54px}
.sample-check{display:flex;align-items:flex-start;gap:.7rem;margin:1.15rem 0;font-size:.82rem;line-height:1.4;cursor:pointer}
.sample-check input{width:18px;height:18px;accent-color:var(--red);flex:none;margin:1px 0 0}
.form-note{display:block;color:#798087;margin-top:1rem;font-size:.72rem;line-height:1.5}
.captcha-field{margin:1.5rem 0 1rem;padding:1.1rem;border:1px solid #dadde3;border-radius:12px;background:#fff}
.captcha-field strong{display:block;color:#1e1e24;font-size:.94rem}
.captcha-field p{margin:.3rem 0 1rem;color:#585862;font-size:.82rem;line-height:1.5}
.captcha-widget{min-height:65px;max-width:100%;overflow:hidden}
.form-error{color:#a10f0d}
@media(max-width:1250px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-visual img{height:auto}.enquiry-form-panel{padding:4rem 2rem}}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.hero-disc{display:none}.hero-visual{height:auto;margin:0 auto;overflow:visible;max-width:720px}.hero-visual img{width:100%;max-width:100%;height:auto;margin:0;object-fit:contain;object-position:center;-webkit-mask-image:none;mask-image:none}.enquiry-form-panel{padding:4rem 2rem}}
@media(max-width:650px){.brand img{width:130px}.hero h1{font-size:clamp(2.55rem,10.6vw,4rem)}.hero-visual{height:auto;margin:1rem -1.125rem 0;overflow:visible;max-width:none}.hero-visual img{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center}.option-grid,.field-grid{grid-template-columns:1fr}.option-card{min-height:72px}.date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-step .form-nav{flex-direction:column-reverse}.enquiry-form-panel{padding:3rem 1.125rem 4rem}.header-phone strong{font-size:.73rem}}
@media(max-width:950px){
  .application-grid{gap:1.5rem}
  .application-card:last-child{grid-column:auto}
  .application-card-main{min-height:390px}
}
@media(max-width:650px){
  .application-heading{margin-bottom:2.2rem}
  .application-heading h2{font-size:clamp(2.3rem,9vw,3rem)}
  .application-heading>p:last-child{font-size:.98rem;line-height:1.55}
  .application-grid{gap:1.8rem}
  .application-card{min-height:0}
  .application-card-main{min-height:345px;padding:1.45rem 1.35rem 1.7rem}
  .application-icon{width:82px;height:82px;margin-bottom:1.3rem}
  .application-icon.boxed{width:86px;height:86px}
  .application-card h3{font-size:1.85rem}
  .application-card-main p{font-size:.96rem}
  .application-card .card-tag{min-height:62px;font-size:.79rem}
  .application-footer{margin-top:2.5rem}
}

/* Hero colors and edge-to-edge product artwork. */
.hero{background:#f8f8f8}
.hero-disc{width:clamp(820px,75vw,1280px);right:-28vw;top:50%;transform:translateY(-50%);background:#d31f14;opacity:1}
@media(max-width:950px){
  .hero-visual{position:relative;z-index:1}
  .hero-visual::before{content:"";position:absolute;width:min(110vw,800px);aspect-ratio:1;right:-20vw;top:50%;transform:translateY(-50%);border-radius:50%;background:#d31f14}
  .hero-visual img{position:relative;z-index:1}
}
@media(max-width:650px){
  .hero-copy{padding-bottom:0}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-visual{left:50%;width:100vw;max-width:none;height:auto;margin:0;transform:translateX(-50%);justify-content:flex-start;overflow:hidden}
  .hero-visual::before{width:125vw;right:-35vw}
  .hero-visual img{flex:none;width:120%;max-width:none;height:auto;margin:0;transform:translateX(-8.333%);object-fit:contain}
}

/* Option 10: colors, photographs and card details measured from the Figma export. */
:root{--navy:#1e1e24;--ink:#1e1e24;--muted:#585862;--red:#d31f14;--red-dark:#a10f0d;--cream:#f8f8f8;--paper:#fff;--line:#dadee3}
body{color:var(--ink)}
.container{width:min(calc(100% - 12rem),var(--max))}
h2{font-size:clamp(2.25rem,3vw,3.6rem)}
.site-header{background:#fff}
.hero{background:#f8f8f8}
.hero-grid{grid-template-columns:minmax(0,44%) minmax(0,56%);min-height:clamp(750px,49.5vw,950px)}
.hero-disc{display:block;width:105vw;height:105vw;aspect-ratio:auto;right:-60vw;top:-53vw;transform:none;background:transparent;border:16vw solid #d31f14;border-radius:50%;opacity:1}
.hero-copy{padding-block:5rem}
.hero .eyebrow{font-size:1rem;letter-spacing:0;text-transform:none;color:#1e1e24}
.hero h1{max-width:740px;font-size:clamp(3.45rem,3.5vw,4.25rem);line-height:1.05;letter-spacing:-.035em;color:#1e1e24}
.hero h1 span{color:inherit}
.hero-lead{max-width:675px;margin-top:1.6rem;font-size:1.05rem;line-height:1.65;color:#1e1e24}
.hero-proof{margin-top:1.7rem;font-size:.8rem;font-weight:500;color:#585862}
.hero-proof span:before{content:'✓';display:inline-grid;place-items:center;width:14px;height:14px;background:transparent;border:1.5px solid #d31f14;border-radius:50%;color:#d31f14;font-size:.55rem;font-weight:800}
.hero-actions{margin-top:2rem}
.hero-actions .button{border-radius:999px;gap:.5rem}
.hero-actions .button span{display:none}
.hero-visual{justify-content:flex-start;align-items:center}
.hero-visual img{width:min(64vw,1180px);max-width:none;margin:0;transform:translateX(-10%);height:auto;object-fit:contain}
.card-top img{width:74px;height:74px;object-fit:contain}
.proof-photo img{object-position:center}
.proof-tile-light{background:#f8f8f8}
.proof-tile-navy,.application-card.slate{background:#26262e}
.growth{background:linear-gradient(to bottom,#fff 0 50%,#f8f8f8 50% 100%)}
.split-heading h2{font-size:clamp(2.3rem,3vw,3.4rem)}
.client-strip{overflow-x:auto;gap:3rem;align-items:center;scrollbar-width:thin}
.client-strip img{flex:none;width:auto;max-width:none;height:72px;object-fit:contain}
.reviews{background:#1e1e24}
.review-heading{align-items:center}
.review-heading>div:first-child{display:grid;grid-template-columns:auto auto;column-gap:1.4rem;row-gap:0;align-items:center}
.review-heading .review-score{grid-row:1/3}
.review-heading .stars{align-self:end}
.review-heading>div:first-child>span:last-child{color:#cdcdcf;font-size:.86rem}
.review-card{min-height:370px;padding:2.5rem;border-radius:20px}
.review-card .stars{font-size:.85rem;letter-spacing:.28em}
.review-card figcaption{color:#008e67;letter-spacing:.15em;text-transform:uppercase}
.review-card blockquote{font-style:italic;color:#3b3e44}
.review-card p{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:70px;margin-top:1.7rem;padding:1rem 0 0 4.2rem;border-top:1px solid #f8f8f8}
.review-card p:before{content:'JC';position:absolute;top:1rem;left:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1e1e24;color:#fff;font-size:.85rem;font-weight:800}
.review-card:nth-child(2) p:before{content:'FL';background:#d31f14}
.review-card:nth-child(3) p:before{content:'CI'}
.applications{background:#f8f8f8}
.application-kicker{color:#1e1e24}
.application-heading{color:#1e1e24}
.application-heading h2{font-size:clamp(2.7rem,3vw,3.5rem)}
.application-heading>p:last-child{color:#1e1e24}
.application-grid{gap:2.6rem}
.application-card{position:relative;min-height:405px;border-radius:20px;overflow:hidden;background:var(--card-bg)}
.application-card.accent{--card-bg:#d31f14;--card-fg:#fff;--tag-fg:#fff}
.application-card.slate{--card-bg:#26262e;--card-fg:#fff;--tag-fg:#fff}
.application-card.blue{--card-bg:#1e1e24;--card-fg:#fff;--tag-fg:#fff}
.application-card-main{min-height:405px;padding:1.55rem 1.55rem 5.7rem;border:0;border-radius:0;background:transparent}
.application-icon{display:block;width:auto;max-width:205px;height:95px;margin:0 0 1.1rem;object-fit:contain;object-position:left center}
.application-card h3{font-size:clamp(1.85rem,2.15vw,2.45rem);line-height:1.18}
.application-card-main p{margin-top:.8rem;font-size:clamp(.95rem,1.05vw,1.08rem);line-height:1.48}
.application-card .card-tag{position:absolute;bottom:0;left:0;min-height:70px;max-width:calc(100% - 1.2rem);margin:0;padding:.8rem 1.3rem;background:var(--card-bg);border:10px solid #f8f8f8;border-left:0;border-bottom:0;border-radius:0 20px 0 0;color:var(--tag-fg)}
.application-footer{color:#1e1e24}
.image-band{height:clamp(300px,31.25vw,600px);background:#fff}
.image-band img,.image-band.second img{width:100%;height:100%;object-fit:cover;object-position:center}
.comparison-scroll{--comparison-red:#d31f14}
.comparison-inner{max-width:1265px}
.comparison .section-heading h2{font-size:clamp(2.4rem,2.8vw,3.35rem);line-height:1.18}
.comparison .section-heading p:not(.eyebrow){max-width:780px;font-size:1rem}
.comparison-table thead th.dakla-col{background:#d31f14}
.ppwr-grid img{height:550px;object-fit:cover;background:#fff}
@media(max-width:950px){
  .container{width:min(calc(100% - 4rem),var(--max))}
  .hero-grid{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:4rem 0 1rem}
  .hero h1{font-size:clamp(3rem,6vw,4rem)}
  .hero-disc{display:none}
  .hero-visual{width:100%;max-width:none;height:auto;margin:0;overflow:visible}
  .hero-visual::before{content:'';position:absolute;width:145vw;height:145vw;aspect-ratio:auto;right:-85vw;top:-58vw;transform:none;background:transparent;border:22vw solid #d31f14;border-radius:50%;z-index:0}
  .hero-visual img{position:relative;z-index:1;width:100%;max-width:none;height:auto;margin:0;transform:none;object-fit:contain}
  .application-grid{gap:1.4rem}
  .application-card,.application-card-main{min-height:410px}
}
@media(max-width:650px){
  .container{width:calc(100% - 2.25rem)}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-copy{padding:3rem 0 1rem}
  .hero .eyebrow{font-size:.72rem}
  .hero h1{font-size:clamp(2.55rem,10vw,3.5rem);line-height:1.06}
  .hero-lead{font-size:.92rem;margin-top:1.25rem}
  .hero-proof{font-size:.72rem;gap:.55rem .8rem}
  .hero-visual{left:50%;width:100vw;max-width:none;margin:0;transform:translateX(-50%);overflow:hidden}
  .hero-visual::before{width:180vw;height:180vw;right:-112vw;top:-80vw;border-width:28vw}
  .hero-visual img{width:100vw;max-width:none;transform:none}
  .card-top img{width:58px;height:58px}
  .client-strip img{height:56px}
  .review-card{min-height:330px;padding:1.5rem}
  .applications{padding-block:4rem}
  .application-grid{gap:1.15rem}
  .application-card,.application-card-main{min-height:370px}
  .application-card-main{padding:1.4rem 1.3rem 5.4rem}
  .application-icon{height:78px;max-width:175px;margin-bottom:1rem}
  .application-card .card-tag{min-height:63px}
  .image-band{height:260px}
  .ppwr-grid img{height:310px}
}

/* Xavier review: show every supplied customer mark in a calm, continuous reel. */
.growth{background:#fff}
.growth .split-heading{align-items:end}
.growth .split-heading p:last-child{max-width:450px}
.client-marquee{position:relative;overflow:hidden;margin-top:3rem;padding-block:1.5rem;border-block:1px solid #dadee3}
.client-marquee:before,.client-marquee:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:45px;pointer-events:none}
.client-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.client-marquee:after{right:0;background:linear-gradient(270deg,#fff,transparent)}
.client-track{display:flex;width:max-content;animation:client-reel 65s linear infinite}
.client-marquee:hover .client-track,.client-marquee:focus-within .client-track{animation-play-state:paused}
.client-group{display:flex;flex:none;align-items:center;gap:12px;padding-right:12px}
.client-logo{display:grid;flex:none;place-items:center;width:185px;height:105px;padding:14px 20px;border:1px solid #f8f8f8;border-radius:14px;background:#fff;transition:border-color .2s,transform .2s}
.client-logo:hover,.client-logo:focus-visible{border-color:#d31f14;transform:translateY(-2px)}
.client-logo:not(a){cursor:default;transition:none}
.client-logo:not(a):hover{border-color:#f8f8f8;transform:none}
.client-logo.logo-on-dark:not(a):hover{border-color:#1e1e24}
.client-logo img{display:block;width:100%;height:72px;object-fit:contain}
.client-logo.logo-on-dark{background:#1e1e24;border-color:#1e1e24}
@keyframes client-reel{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.client-marquee{overflow-x:auto}.client-track{animation:none}.client-group[aria-hidden="true"]{display:none}}
.header-phone{gap:.55rem;padding:.55rem .8rem;border:1px solid #f8f8f8;border-radius:999px;font-size:.95rem}
.header-phone:hover,.header-phone:focus-visible{border-color:#d31f14;background:#f6e5e5}
.header-phone strong{font-size:1rem}
@media(max-width:650px){
  .header-phone{gap:.1rem;padding:.36rem .45rem;border-radius:12px}
  .header-phone .phone-label{font-size:.64rem}
  .header-phone strong{font-size:.85rem}
  .client-marquee{margin-top:2rem}
  .client-logo{width:150px;height:85px;padding:10px 14px}
  .client-logo img{height:60px}
}
.form-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.form-status{padding:2rem;border:1px solid #d8e9df;border-radius:18px;background:#f0faf4;color:#173b2b}
.form-status h3{margin:0 0 .75rem;font-size:1.7rem}
.form-status p{margin:0;line-height:1.6}
.form-progress[hidden],.form-status[hidden]{display:none!important}

/* Exact three-product image supplied for the hero. */
.hero-products{display:flex;align-items:flex-end;min-height:610px;padding-bottom:2rem;overflow:visible}
.hero-products img{display:block;position:relative;z-index:1;flex:none;width:min(58vw,1000px);max-width:none;height:auto;margin:0;transform:none;object-fit:contain;-webkit-mask-image:none;mask-image:none}
@media(max-width:950px){
  .hero-disc{display:none}
  .hero-products{width:100vw;max-width:none;height:auto;min-height:0;margin:0;left:50%;transform:translateX(-50%);padding:0;overflow:hidden;justify-content:center}
  .hero-products img{width:100vw;max-width:none;height:auto;margin:0;transform:none}
}
@media(max-width:650px){
  .hero-products{margin-top:1rem}
  .hero-products img{width:112vw;transform:none}
}

/* Three Trustpilot cards per slide, following the supplied Figma layout. */
.reviews>.container{display:block}
.review-heading{display:flex;flex-direction:row;align-items:center;gap:3.5rem;margin:0 0 3rem}
.review-heading>div:nth-child(2){padding:.5rem 0 .5rem 3.5rem;border-left:1px solid #585862}
.review-heading strong{font-size:1.4rem}
.review-heading small{font-style:italic}
.review-slideshow{min-width:0}
.review-slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.review-card{position:relative;min-width:0;min-height:355px;margin:0;padding:2rem;border-radius:20px;box-shadow:0 20px 40px #1e1e2420}
.review-card[hidden]{display:none}
.review-card::after{content:'”';position:absolute;top:.2rem;right:1.25rem;color:#f8f8f8;font-size:5.5rem;font-weight:800;line-height:1;pointer-events:none}
.review-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.7rem}
.review-card-top .stars{color:#00a878;font-size:1rem;letter-spacing:.18em}
.review-verified{color:#008e67;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.review-translated{color:#798087;font-size:.7rem;font-weight:600;line-height:1.25}
.review-card blockquote{position:relative;z-index:1;flex:1;margin:1.7rem 0;font-size:clamp(1.05rem,1.1vw,1.3rem);line-height:1.55;font-weight:400;font-style:italic;color:#3b3e44}
.review-card figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .85rem;margin:0;padding-top:1.15rem;border-top:1px solid #dadee3;color:#798087;font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none}
.review-card figcaption::before{content:attr(data-initials);display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;background:#1e1e24;color:#fff;font-size:.85rem;font-weight:800}
.review-card:nth-child(3n+2) figcaption::before{background:#d31f14}
.review-author{display:flex;flex:1;min-width:85px;flex-direction:column;line-height:1.35}
.review-card figcaption strong{color:#1e1e24;font-size:.88rem}
.review-card figcaption a{color:#a10f0d;font-size:.75rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.review-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #585862}
.trustpilot-profile{display:inline-flex;align-items:center;gap:.6rem;color:#cdcdcf;font-size:.9rem;text-decoration:none}
.trustpilot-profile:hover,.trustpilot-profile:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:4px}
.review-footer .trustpilot-profile{color:#00af7c;font-size:1.1rem}
.review-footer .trustpilot-profile span{color:#cdcdcf;font-size:.9rem}
.review-controls{display:flex;align-items:center;justify-content:flex-end;gap:.9rem;margin:0}
.review-position{min-width:3rem;color:#dadee3;font-size:.85rem;font-weight:700;text-align:center}
.review-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #979899;border-radius:50%;background:transparent;color:#fff;font:inherit;font-size:1.25rem;cursor:pointer}
.review-arrow:hover,.review-arrow:focus-visible{background:#fff;color:#1e1e24}
@media(max-width:1050px){.review-slides{grid-template-columns:repeat(2,minmax(0,1fr))}.review-heading{gap:2rem}.review-heading>div:nth-child(2){padding-left:2rem}}
@media(max-width:650px){.review-heading{align-items:flex-start;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.review-heading>div:nth-child(2){padding:0;border:0}.review-slides{grid-template-columns:minmax(0,1fr)}.review-card{min-height:320px;padding:1.5rem}.review-card blockquote{font-size:1.13rem}.review-footer{gap:.5rem}.review-footer .trustpilot-profile span{font-size:.72rem}.review-controls{gap:.3rem}.review-arrow{width:36px;height:36px}}

.ppwr-eyebrow{display:flex;align-items:center;gap:.75rem}
.ppwr-grid .ppwr-eyebrow img{display:block;flex:none;width:34px;height:23px;object-fit:contain;border-radius:0;background:transparent}

/* Keep primary links on the page centre line, with contact and language on the right. */
.header-inner{position:relative;gap:1rem}
.header-nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;gap:1.5rem;white-space:nowrap}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;margin-left:auto;min-width:0}
.header-actions .header-phone{margin:0;padding:.4rem .6rem;gap:.4rem;font-size:.78rem}
.header-actions .header-phone strong{font-size:.85rem}
.language-switcher{position:relative;flex:none;z-index:60}
.language-switcher details{position:relative}
.language-switcher summary{display:flex;align-items:center;gap:.32rem;min-width:48px;min-height:38px;padding:.35rem .5rem;border:1px solid #dadee3;border-radius:9px;list-style:none;font-size:.72rem;font-weight:800;letter-spacing:.05em;cursor:pointer}
.language-switcher summary::-webkit-details-marker{display:none}
.language-switcher summary::after{content:'⌄';font-size:1rem;line-height:.7}
.language-switcher summary:hover,.language-switcher summary:focus-visible{border-color:#d31f14;color:#d31f14}
.language-options{position:absolute;top:calc(100% + .4rem);right:0;min-width:148px;padding:.35rem;border:1px solid #dadee3;border-radius:12px;background:#fff;box-shadow:0 14px 35px #1e1e2424}
.language-options a{display:block;padding:.55rem .7rem;border-radius:7px;font-size:.78rem;font-weight:600;text-decoration:none;white-space:nowrap}
.language-options a:hover,.language-options a:focus-visible,.language-options a[aria-current="page"]{background:#f8f8f8;color:#d31f14}
@media(max-width:1250px){.header-nav{gap:1rem}}
@media(max-width:1100px){.header-actions .header-phone .phone-label{font-size:0}.header-actions .header-phone .flag-fr{font-size:1rem}}
@media(max-width:950px){.header-nav{display:none}}
@media(max-width:650px){.header-inner{gap:.55rem}.header-actions{gap:.4rem}.header-actions .header-phone{flex-direction:row;gap:.2rem;padding:.36rem .45rem}.header-actions .header-phone strong{font-size:.76rem}.header-actions .header-phone .flag-fr{font-size:.9rem}}
@media(max-width:380px){.brand img{width:112px}.header-actions .header-phone strong{font-size:.69rem}.language-switcher summary{min-width:42px;padding:.3rem}}

/* Language choice lives in the footer on every market page. */
.site-footer .language-switcher{margin-left:auto}
.site-footer .language-switcher summary{background:#fff}
.site-footer .language-options{top:auto;bottom:calc(100% + .5rem);right:0}
.site-footer .language-options a{margin-left:0;font-size:.78rem;font-weight:600;width:auto}
.site-footer .container>a:last-child{margin-left:0;font-size:.82rem;font-weight:700;width:auto}
.site-footer .legal-links a,.form-privacy a,.spanish-service-links a,.spanish-certifications a{color:var(--red);font-weight:700;text-underline-offset:.2em}
.site-footer .legal-links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.site-footer .legal-links a{font-size:.82rem}
.form-privacy{font-size:.78rem;line-height:1.6;color:#585862;margin-top:1.25rem}
.spanish-service-links,.spanish-certifications{font-size:.92rem;line-height:1.6;margin:1.35rem 0 0}
.spanish-certifications{color:#585862}
@media(max-width:650px){
  .site-footer .container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.5rem 0}
  .site-footer .container>.brand{grid-column:1/-1}
  .site-footer .container>span{grid-column:1/-1}
  .site-footer .language-switcher{grid-column:1;margin:0;justify-self:start}
  .site-footer .container>a:last-child{grid-column:2;grid-row:3;align-self:center}
  .site-footer .language-options{right:auto;left:0}
  .site-footer .legal-links{grid-column:1/-1;grid-row:3}
  .site-footer .language-switcher{grid-row:4}
  .site-footer .container>a:last-child{grid-row:4}
}

/* DaklaPack palette and the dark header used on daklapack.fr. */
:root{--navy:#1e1e24;--ink:#1e1e24;--muted:#4a4a4f;--red:#d31f14;--red-dark:#a10f0d;--cream:#f8f8f8;--paper:#fffffc;--line:#dadee3}
.site-header{background:#1e1e24;border-bottom:1px solid #3b3e44;box-shadow:0 4px 18px #1e1e2420;color:#fffffc}
.site-header .brand{color:#fffffc}
.site-header .header-nav a{color:#fffffc}
.site-header .header-nav a:hover,.site-header .header-nav a:focus-visible{color:#f0544f}
.site-header .header-phone{background:#26262e;border-color:#585862;color:#fffffc}
.site-header .header-phone .phone-label{color:#fefefc}
.site-header .header-phone:hover,.site-header .header-phone:focus-visible{background:#3b3e44;border-color:#f0544f}
.hero,.applications,.sustainability,.site-footer{background:#f8f8f8}
.benefits,.growth,.comparison,.faq,.ppwr,.enquiry-form-panel{background:#fffffc}
.review-card{background:#fffffc;color:#1e1e24}
.review-card blockquote{color:#3b3e44}
.application-card.blue{--card-bg:#1e1e24}
.application-card.slate{--card-bg:#26262e}
.application-card .card-tag{border-color:#f8f8f8}
.comparison-table td.dakla-col{background:#f8f8f8}
.comparison-table thead th.dakla-col{background:#d31f14}
.review-arrow:hover,.review-arrow:focus-visible{color:#1e1e24}
.review-verified{color:#175d4b}
.review-card small,.comparison-cta span,.option-text small,.site-footer span{color:#585862}
.comparison-table tbody td:last-child,.comparison-table tbody td:last-child .mobile-col-label{color:#585862}
.proof-tile-light .range-value{font-size:clamp(2.7rem,4vw,4rem);letter-spacing:-.02em;line-height:1.08;white-space:nowrap}
@media(max-width:650px){.proof-tile-light .range-value{font-size:clamp(2.7rem,10vw,3.6rem)}}