@import url('/assets/tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--treatment-color-ink);background:#fff;line-height:1.7}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}p+p{margin-top:16px}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(34px,3.6vw,50px);font-weight:600;margin-bottom:26px}h2 em{color:#168b80;font-style:normal}p{color:#47646b}a{color:inherit}.wrap{width:calc(100% - 64px);max-width:1200px;margin:auto}section{padding:88px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.11em;line-height:1.5;color:#3e7780;margin-bottom:22px;text-transform:uppercase}.cta{display:inline-flex;gap:26px;justify-content:center;align-items:center;min-height:56px;background:var(--treatment-color-cta-orange);color:#fff;border:0;border-radius:9px;padding:16px 24px;text-decoration:none;font-size:15px;font-weight:700;font-family:inherit;line-height:1.5;cursor:pointer}.cta span{font-size:20px}.cta:hover{background:#a8420f}.cta:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #168b80;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}.small{font-size:13px;line-height:1.65}.wl-hero{background:radial-gradient(ellipse at 30% 100%,#4b80d2 0,transparent 65%),linear-gradient(110deg,#195fbb,#00a487);color:#fff;padding:44px 0 64px}.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:7%}.brand{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:45px}.brand img{width:175px;height:auto}.brand>span{font-size:10px;letter-spacing:.12em;color:#d9eeee}.hero-copy>.eyebrow{color:#d0eeec;margin-bottom:20px}h1{font-size:clamp(45px,4.5vw,64px);font-weight:600;line-height:1.02;margin-bottom:25px}h1 em{font-style:normal;color:#c2f1dc}.hero-lead{font-size:20px;color:#fff;max-width:390px;line-height:1.5}.hero-points{display:flex;flex-direction:column;font-size:14px;margin:20px 0 28px;color:#e5f7f1}.hero-rating{color:#e3f4ef;font-size:13px;margin-top:26px!important}.hero-rating span{color:#ffdd8c;letter-spacing:2px;margin-right:12px}.hero-rating b{margin-right:9px}.hero-visual{background:#f3f9f6;border:1px solid #ffffff70;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px #063c4b25;margin-top:32px}.visual-top{display:flex;align-items:center;gap:10px;background:#fff;color:#234953;padding:20px 24px;font-size:14px;font-weight:600}.visual-top>span{color:#168b80}.visual-top>span:last-child{margin-left:auto;font-size:25px}.hero-visual>img{width:100%;aspect-ratio:1.16;object-fit:cover}.visual-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:26px 10px;text-align:center;color:#173a42}.visual-facts>div+div{border-left:1px solid #d4e6de}.visual-facts b,.visual-facts span{display:block}.visual-facts b{font-size:19px}.visual-facts span{font-size:12px;color:#607b7c;margin-top:4px}.wl-book{background:#fff;scroll-margin-top:20px}.booking-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.booking-grid>div>p{max-width:390px}.booking-grid .small{margin-top:24px}.booking-form{border:1px solid #d7e6df;background:var(--treatment-color-tint-cool);border-radius:24px;padding:32px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}label{font-size:13px;font-weight:700;display:block;line-height:1.55}label span{font-weight:400;font-size:11px}input,select{width:100%;min-width:0;border:1px solid #c6d9d2;background:#fff;border-radius:8px;min-height:49px;margin-top:8px;padding:12px;font:14px Arial;color:#173a42}input::placeholder{color:#6a7f82}.privacy{font-size:12px;margin:20px 0}.booking-form>.cta{width:100%}.preview-note{margin-top:12px;text-align:center}.wl-benefits{background:#eaf5f0;padding:60px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.number{display:grid;place-items:center;width:38px;height:38px;background:#fff;border:1px solid #c6ded3;border-radius:50%;font-size:13px;color:#168b80;font-weight:700}.benefit-grid h2{font-size:23px;letter-spacing:-.025em;margin:23px 0 14px}.benefit-grid p{font-size:14px;line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:370px;font-size:15px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result{border:1px solid #d7e6df;border-radius:19px;overflow:hidden;background:#f3f9f6}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#fff}.image-pair>div{position:relative}.image-pair img{width:100%;aspect-ratio:1.83;object-fit:cover}.image-pair span{position:absolute;bottom:10px;left:12px;background:#fffef0ed;padding:3px 9px;border-radius:4px;font-size:10px;letter-spacing:.08em;font-weight:700}.result figcaption{display:flex;align-items:center;gap:15px;padding:16px 22px;font-size:13px}.result figcaption b{color:#168b80}.center{text-align:center;margin-top:34px}.wl-reviews{background:#fbefe5}.wl-reviews .eyebrow{color:#925032}.stars{color:#a8420f;letter-spacing:3px}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.reviews-grid figure{padding:28px 30px;background:#ffffff9c;border:1px solid #edddcf;border-radius:20px}.quote-mark{display:block;color:#c8501e;font:64px/.8 Georgia}.reviews-grid blockquote{margin:10px 0 22px;font:20px/1.65 Georgia,serif;color:#314849}.reviews-grid figcaption b,.reviews-grid figcaption span{display:block}.reviews-grid figcaption b{font-size:14px}.reviews-grid figcaption span{font-size:12px;color:#667675;margin-top:3px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.editorial-image img{width:100%;border-radius:24px;aspect-ratio:1.2;object-fit:cover}.checklist{list-style:none;padding:0;margin:24px 0 0}.checklist li{position:relative;padding-left:29px;margin-top:12px;color:#47646b;font-size:15px}.checklist li:before{content:'✓';position:absolute;left:0;color:#168b80;font-weight:700}.wl-eligibility{background:#eaf5f0}.prices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.package{background:linear-gradient(140deg,#195fbb,#17487c);color:#fff;border-radius:24px;border-top:4px solid #c8501e;padding:30px;box-shadow:0 16px 40px #173a4212}.package .eyebrow{color:#d0e6fa;font-size:11px;margin-bottom:13px}.package h3{font-size:29px;letter-spacing:.01em}.price{font-size:46px;letter-spacing:-.045em;color:#fff;margin-top:22px;line-height:1.2;white-space:nowrap}.price span{font-size:20px;letter-spacing:0}.package dl{margin:25px 0}.package dl>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff35;font-size:13px}.package dt{color:#d9e9f7}.package dd{margin:0;font-weight:700}.package .cta{width:100%}.price-note{margin-top:28px;background:#fff4e9;border-left:3px solid #c8501e;border-radius:0 12px 12px 0;padding:22px 26px;font-size:14px}.wl-trust{background:#eaf5f0;padding:46px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:28px}.trust-grid b{display:block;font-size:48px;line-height:1.2;letter-spacing:-.04em;color:#175953}.trust-grid i{font-size:26px;font-style:normal;color:#c8501e}.trust-grid span{display:block;font-size:11px;letter-spacing:.07em;margin-top:14px;color:#47646b}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}details{border:1px solid #dce9e4;border-radius:14px;margin-bottom:12px;padding:0 22px}details[open]{background:#f3f9f6;border-color:#c9e1d5}summary{padding:20px 27px 20px 0;cursor:pointer;position:relative;font-size:16px;font-weight:600;line-height:1.55;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:17px;font-size:23px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:15px;padding-bottom:22px;line-height:1.8}.wl-final{background:radial-gradient(ellipse at 20% 90%,#3879c6,transparent 65%),linear-gradient(110deg,#195fbb,#009988);text-align:center;color:#fff;padding-bottom:28px}.wl-final .eyebrow{color:#c9eae4}.wl-final h2{font-size:clamp(38px,4vw,56px)}.wl-final h2 em{color:#c2f1dc}.wl-final>.wrap>p:not(.copyright){color:#e2f2ef}.wl-final .cta{margin-top:28px}.contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left;border-top:1px solid #ffffff40;margin-top:65px;padding-top:32px;font-size:14px}.contact-info p{color:#e2f2ef;margin-top:8px;font-size:13px}.copyright{border-top:1px solid #ffffff30;margin-top:30px;padding-top:22px;color:#d9eee9;font-size:11px;text-align:left;display:flex;justify-content:space-between}.mobile-cta{display:none}
@media(min-width:1600px){.wl-hero{padding-top:56px;padding-bottom:76px}}
@media(max-width:960px){.hero-grid{gap:4%}h1{font-size:49px}.brand{gap:12px}.brand>span{font-size:9px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.booking-grid{gap:5%}.booking-form{padding:24px}.fields{grid-template-columns:1fr}.package{padding:24px 19px}.price{font-size:38px}.package dl>div{font-size:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}section{padding:55px 0}.wl-hero{padding:28px 0 38px}.hero-grid,.booking-grid,.split,.faq-grid{grid-template-columns:1fr;gap:32px}.brand{margin-bottom:36px;justify-content:space-between}.brand img{width:145px}.brand>span{max-width:95px;line-height:1.7}h1{font-size:clamp(42px,10.7vw,62px)}h2{font-size:36px}.hero-lead{font-size:18px}.hero-visual{margin-top:2px;border-radius:23px}.hero-visual>img{aspect-ratio:1.35}.visual-top{padding:14px 19px;font-size:12px}.visual-facts{padding:20px 8px}.visual-facts b{font-size:16px}.visual-facts span{font-size:10px}.hero-copy>.cta{width:100%}.hero-points{font-size:13px}.hero-rating{font-size:12px}.booking-form{padding:23px}.fields{gap:17px}.booking-grid .small{margin-top:16px}.benefit-grid{gap:30px 23px}.benefit-grid h2{font-size:21px}.benefit-grid p{font-size:13px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px}.results-grid,.reviews-grid,.prices-grid{grid-template-columns:1fr;gap:20px}.result figcaption{font-size:12px;padding:14px 18px}.reviews-grid figure{padding:25px}.reviews-grid blockquote{font-size:19px}.editorial-image img{aspect-ratio:1.4}.wl-eligibility .editorial-image{order:-1}.package{padding:28px}.price{font-size:48px}.package dl>div{font-size:14px}.price-note{padding:20px;font-size:13px}.trust-grid{gap:16px}.trust-grid b{font-size:34px}.trust-grid span{font-size:9px;letter-spacing:.03em}.trust-grid i{font-size:18px}.wl-trust{padding:35px 0}.contact-info{grid-template-columns:1fr;gap:24px;margin-top:42px}.copyright{display:block}.copyright span{display:block;margin-top:8px}.wl-final{padding-bottom:110px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #cddfd5;z-index:5}.mobile-cta .cta{width:100%;min-height:48px;padding:10px 20px}.mobile-cta.hidden{display:none}#idopontkeres{scroll-margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Override intrinsic HTML image height while preserving responsive aspect ratios. */
.hero-visual>img{height:auto}.brand img{background:#fff;padding:8px 10px;border-radius:8px;width:190px}
@media(max-width:760px){.brand img{width:160px}}

/* Same two-layer white wordmark / original colour symbol as the homepage. */
.brand .landing-logo{position:relative;display:block;width:190px;max-width:none;line-height:0}
.brand .landing-logo img{width:100%;height:auto;background:transparent;padding:0;border-radius:0}
.brand .logo-wordmark{filter:brightness(0) invert(1);clip-path:inset(0 0 0 27%)}
.brand .landing-logo .logo-symbol{position:absolute;inset:0;filter:none;clip-path:inset(0 74% 0 0)}
/* Deliberate white / mint rhythm, matching the filling page. */
.wl-book,.wl-results,.wl-process,.wl-pricing,.wl-faq{background:#fff}
.wl-benefits,.wl-eligibility,.wl-trust{background:var(--treatment-color-tint-cool)}
.wl-reviews{background:#fae9dc}
/* Product colours from the live whitening page. */
.package{--product:#F58220;background:#f9fafb;color:#173a42;border:1px solid #dce9e4;border-top:0;padding:0 30px 30px;overflow:hidden}
.package-touch{--product:#ED1C24;background:#fff5f5}.package-ultra{--product:#812990}
.package-heading{background:var(--product);margin:0 -30px;padding:25px 30px;color:#fff}
.package .eyebrow{color:inherit}.package-click .package-heading{color:#fff}
.package .price{color:#173a42}.package dt{color:#47646b}.package dl>div{border-color:#d9e1df}
.package .cta{background:var(--product)}.package-click .cta{color:#fff}.package-touch .cta{background:#c41017}.package .cta:hover{filter:brightness(.9)}
.result-click figcaption b{color:#c8501e}.result-touch figcaption b{color:#c41017}.result-ultra figcaption b{color:#812990}
/* Full-size images share one viewport: the before layer is revealed by the range. */
.comparison{position:relative;aspect-ratio:1024/559;overflow:hidden;isolation:isolate;background:#eaf5f0}
.comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
.comparison-before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}
.comparison-label{position:absolute;top:14px;padding:4px 10px;background:#fffef0ed;border-radius:5px;font-size:10px;letter-spacing:.08em;font-weight:700;pointer-events:none}
.before-label{left:14px}.after-label{right:14px}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--position);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 7px #0006;pointer-events:none}
.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:#173a42b3;color:white;font-size:27px;line-height:1;white-space:pre}
.comparison .comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.comparison:focus-within{outline:3px solid #168b80;outline-offset:4px}.comparison:focus-within .comparison-divider>span{background:#175953}
@media(max-width:960px){.package{padding:0 19px 24px}.package-heading{margin:0 -19px;padding:24px 19px}}
@media(max-width:760px){.brand .landing-logo{width:160px}.package{padding:0 28px 28px}.package-heading{margin:0 -28px;padding:26px 28px}}

/* Focus the booking card and remove the hero image's enclosing hairline. */
.hero-visual{border:0}
.booking-form{background:var(--treatment-color-price-blue);border-color:var(--treatment-color-price-blue);color:#fff}
.booking-form .privacy,.booking-form .preview-note{color:#fff}
.booking-form input:focus-visible,.booking-form select:focus-visible,.booking-form .cta:focus-visible{outline-color:#c2f1dc}
.faq-contact{margin-top:38px}
.faq-contact h3{font-size:21px;letter-spacing:-.015em;margin-bottom:12px}
.faq-contact p{font-size:15px}
.faq-phone{display:flex;align-items:center;gap:12px;width:fit-content;font-size:clamp(23px,2.3vw,29px);font-weight:600;letter-spacing:-.02em;text-decoration:none;color:#175953;margin-top:28px}
.faq-write{display:block;width:fit-content;margin-top:20px;font-size:15px;text-underline-offset:5px;text-decoration-color:#b4ccc5}
.faq-phone:hover,.faq-write:hover{color:#087578;text-decoration:underline;text-underline-offset:5px}
.faq-contact a:focus-visible{outline:3px solid #168b80;outline-offset:5px}

/* Booking card matches the treatment price card supplied as reference. */
.booking-form{border:1px solid var(--treatment-color-price-blue);border-top:4px solid var(--treatment-color-cta-orange);border-radius:24px;box-shadow:0 20px 44px #195fbb20;padding:40px}
@media(max-width:760px){.booking-form{padding:27px}}

/* Product-tinted shadows and semantic benefit icons. */
.package-click{box-shadow:0 16px 40px #f5822033}
.package-touch{box-shadow:0 16px 40px #ed1c2433}
.package-ultra{box-shadow:0 16px 40px #81299033}
.benefit-icon{display:grid;place-items:center;width:48px;height:48px;background:#fff;border:1px solid #c6ded3;border-radius:50%;color:#168b80}

.benefit-grid article{text-align:center}.benefit-icon{margin-inline:auto}
.whatsapp-float{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:20px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#25d366;border-radius:50%;box-shadow:0 4px 12px #0004;z-index:7;text-decoration:none}
.whatsapp-float:hover{background:#128c7e}.whatsapp-float:focus-visible{outline:3px solid #175953;outline-offset:4px}
.mobile-cta.hidden{display:none}
.sticky-row{display:flex;align-items:center;gap:12px;max-width:700px;margin:auto}
.whatsapp-float.is-docked{position:static;width:48px;height:48px;flex:0 0 48px;box-shadow:none}
@media(max-width:768px){
.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 12px #0002;z-index:6}
.mobile-cta .cta{flex:1;min-width:0;min-height:48px;padding:10px 16px;width:auto}
.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:52px;height:52px}
.whatsapp-float.is-docked{width:48px;height:48px}
.wl-final{padding-bottom:110px}
}