@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#101b3f;--navy-2:#182954;--violet:#5d45a2;--cyan:#2aa8bc;--yellow:#e1ae35;--ink:#1b2235;--muted:#687083;--warm:#f6f4ef;--soft:#eef0f3;--white:#fff;--line:#dfe2e7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow-sm:0 8px 24px rgba(16,27,63,.08);--shadow:0 18px 48px rgba(16,27,63,.12);--radius:8px;--container:min(1320px,calc(100% - 48px));--section:112px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:var(--container);margin-inline:auto}.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:fixed;top:8px;left:8px;background:#fff;padding:8px 14px;z-index:300;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:92px;position:absolute;z-index:100;left:0;right:0;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(16,27,63,.08);transition:.25s}.site-header.scrolled{position:fixed;height:76px;box-shadow:0 5px 24px rgba(16,27,63,.09);backdrop-filter:blur(14px);animation:drop .25s}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;width:145px;height:72px;flex-shrink:0}.brand img{width:145px;height:72px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.site-nav a{position:relative;padding:32px 0;font-size:14px;font-weight:600;color:#323b52}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:25px;height:2px;background:var(--violet);transition:.2s}.site-nav a:hover,.site-nav a.active{color:var(--violet)}.site-nav a:hover:after,.site-nav a.active:after{right:0}.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:11px 18px;border-radius:4px;font-size:14px;font-weight:700}.nav-cta:hover{background:var(--violet)}.nav-toggle{display:none;border:0;background:transparent;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px;transition:.2s}
.home-hero{height:min(900px,100vh);min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,34,.93) 0%,rgba(8,14,34,.77) 36%,rgba(8,14,34,.14) 67%,rgba(8,14,34,.03))}.hero-content{position:relative;color:#fff;padding-top:85px}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--violet);font-size:14px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.home-hero .eyebrow{color:#d5caef}.eyebrow>span{display:block;width:26px;height:1px;background:currentColor}.eyebrow.light{color:#c7cfe3}.home-hero h1{font:600 clamp(54px,6.4vw,91px)/.99 var(--serif);letter-spacing:-.045em;max-width:720px;margin:22px 0 25px}.home-hero h1 em{display:inline-block;color:#fff;font-style:italic;font-weight:600}.home-hero p{font-size:17px;line-height:1.7;color:#d5d9e2;max-width:560px;margin:0 0 32px}.button-row{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 20px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 10px 28px rgba(32,20,71,.25)}.btn-primary:hover{background:#6c52b7}.btn-light,.btn-white{background:#fff;color:var(--navy)}.btn-light:hover,.btn-white:hover{background:#f2f0eb}.btn-ghost{border-color:#cfd3da;background:transparent;color:var(--navy)}.btn-outline-light{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}.hero-caption{position:absolute;right:35px;bottom:31px;color:#fff;text-align:right;padding-right:16px;border-right:2px solid var(--yellow)}.hero-caption span{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.15em;color:#d9dce2}.hero-caption b{font:600 18px var(--serif)}
.section{padding:var(--section) 0}.section-number{display:block;margin-bottom:18px;color:var(--violet);font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-number.light{color:#bcb2de}h2{font-family:var(--serif);letter-spacing:-.035em}.intro-editorial{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:center}.intro-copy h2,.section-heading h2,.surface-copy h2,.why-heading h2,.loyalty-copy h2,.business-cta h2{font:600 clamp(38px,4.2vw,61px)/1.1 var(--serif);margin:0 0 24px}.intro-copy .lead{font-size:20px;line-height:1.55;color:#313a50}.intro-copy p:not(.lead){color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:17px;color:var(--violet);font-size:14px;font-weight:700;margin-top:18px}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(5px)}.craft-photo{height:680px;margin:0;position:relative;overflow:hidden;background:var(--soft)}.craft-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.craft-photo figcaption{position:absolute;left:0;bottom:0;background:#fff;padding:19px 28px;min-width:240px}.craft-photo figcaption span{display:block;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.15em}.craft-photo figcaption strong{font:600 19px var(--serif)}
.solution-categories{background:var(--warm)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-heading h2{margin:0}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.category-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.category-panel{height:540px;position:relative;overflow:hidden;color:#fff}.category-panel>img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.category-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,14,34,.86),rgba(8,14,34,.03) 68%)}.category-panel:hover>img{transform:scale(1.035)}.category-panel>div{position:absolute;z-index:2;left:36px;right:36px;bottom:33px}.category-panel small{font-size:14px;letter-spacing:.16em}.category-panel h3{font:600 34px var(--serif);margin:5px 0}.category-panel p{max-width:370px;color:#d7dbe4;margin:0 0 13px;font-size:14px}.category-panel b{font-size:14px;text-transform:uppercase;letter-spacing:.12em}.category-shade{position:absolute;top:25px;right:28px;z-index:2;font-size:14px;text-transform:uppercase;letter-spacing:.18em}.category-interior img{object-position:65% center}.category-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5d3ce;margin-top:38px}.category-links a{display:grid;grid-template-columns:1fr auto;gap:4px;padding:22px 28px 22px 0;border-right:1px solid #d5d3ce;margin-right:28px;font-size:14px}.category-links a:last-child{border:0;margin:0}.category-links span{font:600 19px var(--serif)}.category-links b{grid-column:1;font-weight:400;color:var(--muted);font-size:14px}.category-links a:hover{color:var(--violet)}
.products-feature{background:#fff}.heading-link{margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-grid.compact{grid-template-columns:repeat(3,1fr)}.product-card{background:#fff;border:1px solid var(--line);transition:.28s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:290px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f5f5f3}.product-visual img{width:100%;height:100%;object-fit:contain;padding:26px;transition:.3s}.product-card:hover .product-visual img{transform:scale(1.035)}.product-tag{position:absolute;left:12px;top:12px;background:#fff;padding:5px 9px;font-size:14px;font-weight:700;color:var(--violet);letter-spacing:.06em;text-transform:uppercase}.product-placeholder{width:140px;height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--navy);color:#fff;position:relative;border-radius:3px;box-shadow:var(--shadow-sm)}.product-placeholder>span{position:absolute;top:-8px;width:65px;height:18px;background:#c8c9c7;border-radius:2px}.product-placeholder img{width:100px;height:68px;object-fit:contain;background:#fff;padding:5px}.product-placeholder small{font-size:14px;margin-top:7px}.product-placeholder.large{width:240px;height:275px}.product-body{padding:20px}.product-meta{display:flex;justify-content:space-between;color:#858b99;font-size:14px;text-transform:uppercase;letter-spacing:.09em;min-height:20px}.product-meta strong{font-size:14px;color:var(--navy)}.product-body h3{font:600 20px/1.3 var(--serif);margin:6px 0 8px}.product-body p{font-size:14px;color:var(--muted);min-height:62px;margin:0}.product-body .text-link{margin-top:15px;font-size:14px}.premium-empty{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:40px;padding:45px;background:var(--warm);border:1px solid #e3e0d9}.premium-empty h3{font:600 29px var(--serif);margin:0 0 6px}.premium-empty p{color:var(--muted);max-width:620px;margin:0}.empty-product-can{height:150px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;position:relative}.empty-product-can:before{content:"";position:absolute;width:82px;height:12px;background:#c9c9c6;top:-7px}.empty-product-can img{width:105px}.empty-products:not(.premium-empty){padding:40px;background:var(--warm);display:flex;align-items:center;gap:25px}.empty-swatch{display:flex}.empty-swatch i{width:24px;height:60px;display:block;background:var(--navy);margin-left:-4px}.empty-swatch i:nth-child(2){background:var(--violet)}.empty-swatch i:nth-child(3){background:var(--yellow)}
.why-section{background:var(--navy);color:#fff}.why-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:80px}.why-heading .section-number{grid-column:1/-1;margin:0}.why-heading h2{margin:12px 0 0}.why-heading>p{color:#b5bdcf;max-width:440px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid rgba(255,255,255,.16)}.benefit-grid article{padding:38px 30px 10px 0;margin-right:30px;border-right:1px solid rgba(255,255,255,.16)}.benefit-grid article:last-child{border:0;margin:0}.benefit-grid svg{width:39px;height:39px;fill:none;stroke:#c5b8ec;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.benefit-grid h3{font:600 20px var(--serif);margin:22px 0 8px}.benefit-grid p{font-size:14px;color:#aeb7cb}
.surface-story{padding:0;display:grid;grid-template-columns:1.15fr .85fr;min-height:660px;background:var(--warm)}.surface-image{overflow:hidden}.surface-image img{width:100%;height:100%;object-fit:cover}.surface-copy{padding:90px clamp(45px,7vw,110px);display:flex;justify-content:center;flex-direction:column}.surface-copy p{color:var(--muted);max-width:600px}.surface-actions{display:flex;gap:30px;margin-top:25px}.surface-actions a{padding-bottom:8px;border-bottom:1px solid var(--navy);font-size:14px;font-weight:700}.surface-actions a:hover{color:var(--violet);border-color:var(--violet)}
.loyalty-preview{background:#fff}.loyalty-panel{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;min-height:610px;overflow:hidden}.loyalty-copy{padding:75px 0 75px 75px;display:flex;flex-direction:column;justify-content:center}.loyalty-copy h2{margin-top:17px}.loyalty-copy>p{color:#b7c0d4;max-width:590px}.loyalty-steps{display:flex;gap:18px;margin:25px 0 30px}.loyalty-steps span{font-size:14px;color:#c8cede}.loyalty-steps b{display:block;color:#a999dd;font-size:14px}.store-link{font-size:14px;color:#d5caef;margin-left:8px}.app-showcase{position:relative;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(145deg,#1c2d59,#122044)}.app-showcase:before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.1);border-radius:50%;top:40px}.app-device{width:285px;height:535px;background:#f7f7f8;border:9px solid #090e20;border-bottom:0;border-radius:35px 35px 0 0;padding:20px 18px;color:var(--ink);position:relative;box-shadow:0 30px 70px rgba(0,0,0,.38)}.app-top{display:flex;align-items:center;justify-content:space-between}.app-top img{width:78px;height:48px;object-fit:contain}.app-top span{font-size:14px;background:#ebe8f4;color:var(--violet);padding:4px 8px}.app-balance{background:var(--navy);color:#fff;padding:20px;margin:16px 0}.app-balance small{display:block;color:#aeb6ca}.app-balance strong{display:block;font:600 19px var(--serif)}.app-qr{width:90px;height:90px;background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0/14px 14px;margin-top:17px;border:8px solid #fff}.app-row{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e5e6e9;padding:12px;margin-top:9px}.app-row i{width:26px;height:26px;border-radius:50%;background:#e9e5f4}.app-row span{flex:1}.app-row b,.app-row small{display:block}.app-row b{font-size:14px}.app-row small{font-size:14px;color:#878d9b}.app-row em{font-style:normal;color:var(--violet)}
.business-cta{padding-top:0}.business-cta-inner{background:var(--violet);color:#fff;padding:60px 65px;display:flex;align-items:center;justify-content:space-between;gap:40px}.business-cta h2{font-size:42px;max-width:700px;margin:0}.business-cta .section-number{margin-bottom:10px}
.page-hero{min-height:500px;padding:180px 0 80px;color:#fff;position:relative;overflow:hidden;background:var(--navy)}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,34,.94),rgba(8,14,34,.72) 54%,rgba(8,14,34,.25)),url('/images/website/hero-interior.webp') center/cover}.page-hero-inner{position:relative}.page-hero h1{font:600 clamp(50px,6vw,76px)/1 var(--serif);letter-spacing:-.045em;margin:17px 0}.page-hero p{font-size:17px;color:#d2d7e2;max-width:640px}.breadcrumb{display:flex;gap:9px;margin-top:30px;font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#aeb6ca}.breadcrumb strong{color:#fff}.page-orb{display:none}
.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.editorial-art{height:610px;background:url('/images/website/painter-craft.webp') center/cover;display:flex;align-items:flex-end;padding:35px;color:#fff;position:relative}.editorial-art:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,14,34,.75))}.editorial-art>span{position:relative;z-index:2;font:600 28px var(--serif)}.paint-arch{display:none}.editorial-grid h2,.promise-grid h2,.contact-copy h2,.catalog-tools h2,.product-info-grid h2,.app-promo h2,.faq-wrap h2{font:600 clamp(36px,4vw,55px)/1.1 var(--serif);margin:0 0 20px}.editorial-grid p,.promise-grid p{color:var(--muted)}.editorial-grid .lead{font-size:19px;color:#323b50}.soft-section,.values-section,.catalog-section,.reward-audience{background:var(--warm)}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dcd9d2}.vision-grid article{background:#fff;padding:45px}.vision-grid article>span{display:grid;place-items:center;width:45px;height:45px;background:var(--navy);color:#fff;font:600 18px var(--serif)}.vision-grid h3{font:600 25px var(--serif);margin:22px 0 9px}.vision-grid p{color:var(--muted)}.promise-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:85px;align-items:center}.promise-stats{display:flex;gap:35px;margin-top:35px}.promise-stats span{font-size:14px;color:var(--muted)}.promise-stats strong{display:block;color:var(--violet);font-size:19px}.quality-card{background:var(--navy);color:#fff;padding:50px}.quality-card .seal{width:68px;height:68px;border:1px solid #8f98af;display:grid;place-items:center;font:600 33px var(--serif)}.quality-card h3{font:600 26px var(--serif);margin:22px 0 8px}.quality-card p{color:#adb6ca}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dad8d1}.value-grid article{background:var(--warm);padding:35px}.value-grid b{font-size:14px;color:var(--violet)}.value-grid h3{font:600 23px var(--serif);margin:29px 0 8px}.value-grid p{color:var(--muted);font-size:14px}
.catalog-tools{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.product-search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);padding:5px}.product-search input{border:0;outline:0;padding:10px;width:250px}.product-search button{border:0;background:var(--navy);color:#fff;padding:10px 17px;font-weight:700;cursor:pointer}.product-search>a{font-size:14px;color:var(--violet);margin:0 9px}.pagination-wrap{margin-top:35px}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav>div:last-child{display:flex;justify-content:space-between;align-items:center}.pagination-wrap svg{width:18px}.product-detail-hero{padding:145px 0 80px;background:var(--warm)}.detail-breadcrumb{display:flex;gap:9px;color:#7d8493;font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:35px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-visual{height:590px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.detail-visual img{width:100%;height:100%;object-fit:contain;padding:50px}.detail-copy h1{font:600 clamp(44px,5vw,68px)/1.02 var(--serif);letter-spacing:-.045em;margin:15px 0}.detail-copy .lead{font-size:18px;color:var(--muted)}.detail-facts{display:flex;border-block:1px solid #d4d6db;margin:28px 0}.detail-facts span{padding:18px 35px 18px 0;margin-right:35px;border-right:1px solid #d4d6db}.detail-facts small{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#808797}.detail-facts strong{font:600 19px var(--serif)}.price-note{display:block;color:#858b98;margin-top:16px}.product-info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px}.prose{font-size:16px;color:var(--muted)}.benefit-card{background:var(--navy);color:#fff;padding:40px}.benefit-card h3{font:600 23px var(--serif);margin:0 0 18px}.benefit-card ul{list-style:none;padding:0}.benefit-card li{display:flex;gap:11px;padding:13px 0;border-top:1px solid rgba(255,255,255,.15)}.benefit-card li i{font-style:normal;color:#c2b5e7}.benefit-card p{font-size:14px;color:#aeb6ca}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps-grid article{padding:30px;border:1px solid var(--line);background:#fff}.steps-grid article>b{font-size:14px;color:var(--violet)}.steps-grid article>span{display:block;font:600 32px var(--serif);color:var(--navy);margin:25px 0 15px}.steps-grid h3{font:600 20px var(--serif);margin:0}.steps-grid p{font-size:14px;color:var(--muted)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience-grid article{padding:50px;min-height:440px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.painter-card{background:var(--violet)}.dealer-card{background:var(--navy-2)}.audience-label{font-size:14px;text-transform:uppercase;letter-spacing:.16em}.audience-grid h2{font:600 40px var(--serif);margin:50px 0 12px}.audience-grid p,.audience-grid ul{color:#d8dbe4}.app-promo{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center;background:var(--soft);padding:65px}.app-phone{width:235px;height:455px;background:#0c1228;padding:10px;border-radius:28px;transform:rotate(-3deg);box-shadow:var(--shadow)}.app-phone>div{height:100%;background:var(--navy-2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px}.app-phone span{font-weight:700}.mini-qr,.fake-qr{width:120px;height:120px;margin:20px;background:repeating-conic-gradient(#fff 0 25%,transparent 0 50%) 0/17px 17px}.store-note{font-size:14px;color:var(--muted)}.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list details{border-top:1px solid #d5d6d9}.faq-list details:last-child{border-bottom:1px solid #d5d6d9}.faq-list summary{list-style:none;display:flex;justify-content:space-between;padding:21px 0;font-weight:600;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{color:var(--muted);font-size:14px;margin:0 40px 20px 0}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-copy>p{color:var(--muted)}.contact-methods{margin:30px 0}.contact-methods article{display:grid;grid-template-columns:38px 1fr;padding:16px 0;border-top:1px solid var(--line)}.contact-methods article>span{font-size:14px;color:var(--violet)}.contact-methods small{display:block;color:#828896;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.contact-methods strong{font-size:14px}.dealer-note{padding:20px;background:var(--warm);border-left:2px solid var(--violet)}.dealer-note h3{font:600 17px var(--serif);margin:0}.dealer-note p{font-size:14px;margin:4px 0}.contact-form-card{padding:42px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.contact-form-card form{display:flex;flex-direction:column;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contact-form-card label{font-size:14px;font-weight:700}.contact-form-card label>span{color:#b7464d}.contact-form-card label>em{float:right;color:#9499a5;font-style:normal;font-weight:400}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{width:100%;padding:11px 12px;border:1px solid #d7d9de;margin-top:6px;outline:0;background:#fbfbfa;border-radius:2px}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{border-color:var(--violet)}.contact-form-card label>small{display:block;color:#b23642}.form-success{padding:13px;background:#e7f4eb;color:#17663a;margin-bottom:18px;font-size:14px}.form-privacy{font-size:14px;color:var(--muted)}.form-privacy a{color:var(--violet)}.map-section{padding-top:0}.map-placeholder{height:330px;background:#e9ebed;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.map-lines{position:absolute;inset:0;background:linear-gradient(35deg,transparent 48%,#d2d5da 49% 51%,transparent 52%);background-size:190px 150px}.map-pin{position:relative;width:50px;height:50px;background:var(--violet);color:#fff;display:grid;place-items:center;margin-right:35px;font:600 20px var(--serif)}.map-pin+div{position:relative}.map-pin+div h2{font:600 27px var(--serif);margin:5px}.map-pin+div p{margin:0;color:var(--muted)}
.legal-grid{display:grid;grid-template-columns:230px 1fr;gap:85px;align-items:start}.legal-index{position:sticky;top:100px;border-left:1px solid var(--line);display:flex;flex-direction:column}.legal-index span,.legal-index a{padding:7px 18px;font-size:14px}.legal-index span{color:var(--violet);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.legal-index a{color:var(--muted)}.legal-copy{max-width:760px}.legal-updated{font-size:14px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}.legal-copy section{padding:21px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.legal-copy h2{font:600 23px var(--serif);margin:0 0 8px}.legal-copy p{color:#596174}.legal-copy a{color:var(--violet);text-decoration:underline}
.cta-section{padding-top:35px}.contact-cta{background:var(--navy);color:#fff;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-cta h2{font:600 40px var(--serif);margin:10px 0 4px}.contact-cta p{color:#b7c0d3;margin:0}.site-footer{background:#0b132d;color:#fff;margin-top:70px}.footer-ribbon{height:4px;background:linear-gradient(90deg,var(--violet) 0 60%,var(--cyan) 60% 82%,var(--yellow) 82%)}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:65px;padding:67px 0 48px}.footer-intro .brand{width:175px;height:100px;background:#fff;padding:8px}.footer-intro .brand img{width:160px;height:88px}.footer-intro p{color:#a8b0c4;max-width:280px}.made-in{font-size:14px;text-transform:uppercase;letter-spacing:.15em;color:#727e9b}.footer-grid h2{font:700 14px var(--sans);text-transform:uppercase;letter-spacing:.15em;color:#77839f;margin:0 0 18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid a{font-size:14px;color:#c2c8d7}.footer-grid a:hover{color:#fff}.footer-note{font-size:14px;color:#68738f}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#6e7893;text-transform:uppercase;letter-spacing:.08em}.footer-bottom a{color:#aeb7cc;text-decoration:underline;text-underline-offset:3px}.footer-bottom a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes drop{from{transform:translateY(-100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:1050px){:root{--section:90px}.site-nav{gap:18px}.site-nav a{font-size:14px}.nav-cta{display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.intro-editorial{gap:65px}.craft-photo{height:590px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid article:nth-child(2){border-right:0}.surface-copy{padding:65px 45px}.loyalty-copy{padding-left:50px}.footer-grid{gap:35px}}
@media(max-width:800px){:root{--container:min(100% - 36px,720px);--section:76px}.site-header{height:78px}.site-header.scrolled{height:70px}.brand,.brand img{width:120px;height:65px}.nav-toggle{display:block;margin-left:auto;z-index:3}.site-nav{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:0;transform:translateX(100%);transition:.3s}.site-nav.open{transform:none}.site-nav a{font:600 26px var(--serif);padding:9px}.site-nav a:after{display:none}.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .nav-toggle span:nth-child(2){opacity:0}.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.home-hero{height:780px;min-height:0;align-items:flex-end;padding-bottom:75px}.hero-photo{object-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(8,14,34,.9),rgba(8,14,34,.56)),linear-gradient(0deg,rgba(8,14,34,.8),transparent 60%)}.hero-content{padding:0}.home-hero h1{font-size:57px}.hero-caption{display:none}.intro-editorial,.surface-story,.loyalty-panel,.editorial-grid,.promise-grid,.product-detail-grid,.product-info-grid,.faq-wrap,.contact-grid,.legal-grid,.app-promo{grid-template-columns:1fr}.intro-editorial{gap:45px}.craft-photo{height:580px}.category-panel{height:450px}.category-links{grid-template-columns:1fr}.category-links a{border-right:0;border-bottom:1px solid #d5d3ce;margin:0}.product-grid{grid-template-columns:repeat(2,1fr)}.premium-empty{grid-template-columns:120px 1fr}.premium-empty .btn{grid-column:2}.why-heading{grid-template-columns:1fr;gap:10px}.why-heading .section-number{grid-column:auto}.surface-story{min-height:0}.surface-image{height:500px}.loyalty-copy{padding:60px}.app-showcase{min-height:560px}.business-cta-inner,.section-heading,.catalog-tools,.contact-cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.page-hero{min-height:450px;padding-top:155px}.value-grid{grid-template-columns:repeat(2,1fr)}.legal-index{display:none}.detail-visual{height:500px}.audience-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.app-promo{padding:50px}.app-phone{margin:auto}.map-placeholder{padding:40px 20px}}
@media(max-width:560px){:root{--container:calc(100% - 28px);--section:62px}.home-hero{height:720px;padding-bottom:54px}.hero-photo{object-position:67% center}.home-hero h1{font-size:43px}.home-hero p{font-size:15px}.button-row .btn{width:100%}.intro-copy h2,.section-heading h2,.surface-copy h2,.why-heading h2,.loyalty-copy h2,.business-cta h2,.editorial-grid h2,.promise-grid h2,.contact-copy h2,.catalog-tools h2,.product-info-grid h2,.app-promo h2,.faq-wrap h2{font-size:35px}.craft-photo{height:490px}.category-panels{grid-template-columns:1fr}.category-panel{height:400px}.category-panel>div{left:24px;right:24px;bottom:24px}.section-heading{margin-bottom:30px}.product-grid,.product-grid.compact{grid-template-columns:1fr}.premium-empty{display:flex;flex-direction:column;align-items:flex-start;padding:28px}.empty-product-can{width:130px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);margin:0;padding:27px 0}.surface-image{height:360px}.surface-copy{padding:55px 25px}.surface-actions{flex-direction:column;gap:14px}.loyalty-copy{padding:42px 25px}.loyalty-steps{flex-direction:column;gap:8px}.app-showcase{min-height:510px}.app-device{width:260px;height:485px}.business-cta-inner{padding:42px 25px}.page-hero{min-height:420px;padding-top:135px}.page-hero h1{font-size:44px}.editorial-art{height:460px}.vision-grid,.steps-grid{grid-template-columns:1fr}.vision-grid article{padding:31px}.promise-stats{flex-direction:column}.value-grid{grid-template-columns:1fr}.product-search{width:100%;flex-wrap:wrap}.product-search input{width:100%}.detail-visual{height:380px}.detail-copy h1{font-size:42px}.detail-facts{flex-direction:column}.detail-facts span{border-right:0;border-bottom:1px solid #d4d6db}.audience-grid article{padding:34px 25px}.audience-grid h2{font-size:35px}.app-promo{padding:38px 20px}.form-row{grid-template-columns:1fr}.contact-form-card{padding:28px 20px}.map-placeholder{height:350px;flex-direction:column}.map-pin{margin:0 0 20px}.contact-cta{padding:40px 25px}.footer-grid{grid-template-columns:1fr 1fr;gap:38px 20px}.footer-intro{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}}
/* Supplied premium product banner hero */
.banner-hero{height:auto;min-height:0;padding-top:92px;display:block;background:#071126;overflow:hidden}
.banner-visual{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:#071126}
.banner-actions{background:#fff;border-bottom:1px solid var(--line)}
.banner-actions-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.banner-actions p{margin:0;color:var(--muted);font-size:14px}
.banner-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}
@media(max-width:800px){.banner-hero{padding-top:78px}.banner-visual{height:auto;max-height:none;object-fit:contain}.banner-actions-inner{padding-block:18px;align-items:flex-start;flex-direction:column}.banner-buttons{width:100%;flex-wrap:wrap}}
@media(max-width:560px){.banner-hero{padding-top:78px}.banner-actions p{font-size:14px}.banner-buttons .btn{flex:1;min-width:160px}}
/* Premium linear background for the homepage About introduction */
.intro-section{position:relative;background-color:#faf8f3;background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url('/images/website/about-linear-background.webp');background-position:center;background-size:cover;background-repeat:no-repeat;border-block:1px solid rgba(16,27,63,.06)}
@media(max-width:800px){.intro-section{background-position:38% center}}

/* Premium paint-brand art direction */
:root{--violet:#59409b;--violet-deep:#352369;--cyan:#25a7b8;--yellow:#e4ad2f;--coral:#d76251;--green:#608b72;--cream:#f7f3ea;--paper:#fcfbf8;--shadow-premium:0 28px 80px rgba(16,27,63,.14)}
body{background:var(--paper)}
.site-header{border-bottom-color:rgba(16,27,63,.07);box-shadow:0 1px 0 rgba(255,255,255,.8)}
.site-header:not(.scrolled){backdrop-filter:blur(12px)}
.nav-cta,.btn{border-radius:999px}.nav-cta{padding-inline:22px}.btn{padding:14px 24px}
.btn-primary{background:linear-gradient(135deg,var(--violet),var(--violet-deep));box-shadow:0 12px 30px rgba(65,43,126,.24)}
.btn-primary:hover{background:linear-gradient(135deg,#6b50b1,#402d77);box-shadow:0 16px 35px rgba(65,43,126,.3)}
.section-number{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}.section-number:before{content:"";width:28px;height:3px;border-radius:9px;background:linear-gradient(90deg,var(--yellow),var(--coral))}
.section-number.light:before{background:linear-gradient(90deg,#fff,var(--cyan))}
.section-heading h2 span{color:var(--violet)}

/* Branded hero framing */
.banner-hero{background:radial-gradient(circle at 85% 15%,#293b68 0,transparent 27%),#071126}
.banner-visual{filter:saturate(1.06) contrast(1.02)}
.banner-actions{position:relative;background:rgba(255,255,255,.98);box-shadow:0 18px 55px rgba(10,18,42,.1);z-index:3}
.banner-actions:before{content:"";position:absolute;inset:0 auto 0 0;width:clamp(7px,1vw,14px);background:linear-gradient(180deg,var(--violet) 0 25%,var(--cyan) 25% 50%,var(--yellow) 50% 75%,var(--coral) 75%)}
.banner-actions p{font-size:15px;color:#394157;max-width:510px}
.page-hero{min-height:540px;display:flex;align-items:flex-end;padding-bottom:86px}
.page-hero:before{filter:saturate(.9)}
.page-hero:after{content:"";position:absolute;width:450px;height:450px;right:-110px;bottom:-220px;border:80px solid rgba(255,255,255,.06);border-radius:50%}
.page-hero-inner:after{content:"";display:block;width:190px;height:8px;border-radius:20px;margin-top:34px;background:linear-gradient(90deg,var(--violet) 0 28%,var(--cyan) 28% 55%,var(--yellow) 55% 78%,var(--coral) 78%)}
.page-website-about .page-hero:before{background:linear-gradient(90deg,rgba(8,14,34,.94),rgba(8,14,34,.55)),url('/images/website/painter-craft.webp') center 42%/cover}
.page-website-products .page-hero:before,.page-website-products-show .page-hero:before{background:linear-gradient(90deg,rgba(8,14,34,.95),rgba(8,14,34,.48)),url('/images/website/premium-paint-banner.webp') center/cover}
.page-website-loyalty .page-hero:before{background:radial-gradient(circle at 78% 35%,rgba(43,168,188,.34),transparent 28%),radial-gradient(circle at 68% 70%,rgba(225,174,53,.24),transparent 25%),linear-gradient(120deg,#0d1736 0%,#182954 54%,#503b8a 100%)}
.page-website-contact .page-hero:before{background:linear-gradient(90deg,rgba(8,14,34,.95),rgba(8,14,34,.52)),url('/images/website/exterior-home.webp') center/cover}

/* Surface storytelling */
.intro-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(var(--violet) 0 25%,var(--cyan) 25% 50%,var(--yellow) 50% 75%,var(--coral) 75%)}
.intro-copy{position:relative;padding:52px 0}
.intro-copy:after{content:"ALONE";position:absolute;z-index:-1;left:-20px;top:-40px;font:700 clamp(80px,10vw,145px)/1 var(--serif);color:rgba(89,64,155,.045);letter-spacing:-.06em}
.craft-photo{border-radius:190px 190px 16px 16px;box-shadow:var(--shadow-premium)}
.craft-photo:before{content:"";position:absolute;z-index:2;inset:18px;border:1px solid rgba(255,255,255,.55);border-radius:172px 172px 8px 8px;pointer-events:none}
.craft-photo figcaption{left:24px;bottom:24px;border-radius:12px;box-shadow:var(--shadow-sm)}
.paint-spectrum{display:flex;align-items:center;margin-bottom:55px;padding-bottom:18px;border-bottom:1px solid rgba(16,27,63,.1)}
.paint-spectrum i{display:block;width:50px;height:13px}.paint-spectrum i:first-child{background:var(--navy)}.paint-spectrum i:nth-child(2){background:var(--violet)}.paint-spectrum i:nth-child(3){background:var(--cyan)}.paint-spectrum i:nth-child(4){background:var(--yellow)}.paint-spectrum i:nth-child(5){background:var(--coral)}
.paint-spectrum span{margin-left:auto;font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.solution-categories{position:relative;background:linear-gradient(180deg,#f6f1e7,#fbfaf6)}
.solution-categories:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(16,27,63,.1) .7px,transparent .7px);background-size:16px 16px;opacity:.16;pointer-events:none}
.solution-categories>.container{position:relative}
.category-panels{gap:28px}.category-panel{border-radius:22px;box-shadow:0 24px 55px rgba(16,27,63,.14)}
.category-panel:before{content:"";position:absolute;z-index:2;inset:16px;border:1px solid rgba(255,255,255,.38);border-radius:12px;pointer-events:none}
.category-panel:after{background:linear-gradient(0deg,rgba(7,15,38,.9),rgba(7,15,38,.08) 72%)}
.category-panel>div{bottom:43px;left:45px}.category-panel h3{font-size:39px}.category-shade{top:35px;right:38px;padding:7px 13px;border:1px solid rgba(255,255,255,.46);border-radius:999px;backdrop-filter:blur(8px)}
.category-links{border-top:0;gap:14px}.category-links a{position:relative;border:1px solid rgba(16,27,63,.1)!important;border-radius:12px;margin:0;background:rgba(255,255,255,.72);padding:24px 26px;transition:.25s}
.category-links a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:12px 0 0 12px;background:var(--violet)}.category-links a:nth-child(2):before{background:var(--cyan)}.category-links a:nth-child(3):before{background:var(--yellow)}
.category-links a:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--shadow-sm)}

/* Products displayed like real retail objects */
.products-feature{position:relative;background:#fff}.products-feature:before{content:"";position:absolute;right:0;top:0;width:33%;height:100%;background:linear-gradient(145deg,transparent 45%,rgba(89,64,155,.035) 45%)}
.products-feature>.container{position:relative}
.product-grid{gap:28px}.product-card{border:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 34px rgba(16,27,63,.1)}
.product-card:hover{transform:translateY(-8px);box-shadow:0 28px 58px rgba(16,27,63,.17)}
.product-visual{height:310px;background:linear-gradient(155deg,#f3f0e9,#fff);border-bottom:1px solid rgba(16,27,63,.06)}
.product-visual:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(89,64,155,.07);filter:blur(1px)}
.product-visual>img,.product-placeholder,.product-tag{z-index:1}
.product-tag{left:18px;top:18px;border-radius:999px;padding:7px 12px;box-shadow:0 5px 18px rgba(16,27,63,.08)}
.product-placeholder{border-radius:7px 7px 16px 16px;background:linear-gradient(145deg,var(--navy-2),var(--navy));box-shadow:0 28px 30px rgba(16,27,63,.22)}
.product-placeholder:after{content:"";position:absolute;left:10px;right:10px;bottom:13px;height:6px;border-radius:50%;background:rgba(0,0,0,.16)}
.product-body{padding:25px}.product-body h3{font-size:22px}.product-body p{min-height:64px}
.premium-empty,.empty-products:not(.premium-empty){border:0;border-radius:20px;background:linear-gradient(135deg,#f6f1e7,#fff);box-shadow:inset 0 0 0 1px rgba(16,27,63,.08)}

/* Trust, use case, and loyalty sections */
.why-section{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%,#293d70 0,transparent 34%),var(--navy)}
.why-section:before{content:"";position:absolute;width:520px;height:520px;right:-220px;bottom:-300px;border:90px solid rgba(255,255,255,.035);border-radius:50%}
.why-section>.container{position:relative}.why-kicker{display:flex;align-items:center;gap:10px;margin-bottom:55px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;width:max-content;max-width:100%}.why-kicker span{font-size:14px;color:#aeb7ca;text-transform:uppercase;letter-spacing:.14em;margin-right:8px}.why-kicker i{font-style:normal;font-size:14px;color:#fff;background:rgba(255,255,255,.08);padding:7px 12px;border-radius:999px}.why-kicker i:nth-of-type(2){color:#bfeaf0}.why-kicker i:nth-of-type(3){color:#f6d98e}.why-kicker i:nth-of-type(4){color:#edb8ae}
.benefit-grid{gap:16px;border:0}.benefit-grid article{border:1px solid rgba(255,255,255,.12)!important;border-radius:16px;margin:0;padding:30px;background:rgba(255,255,255,.035);backdrop-filter:blur(5px);transition:.25s}.benefit-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.065)}
.surface-story{background:#ece8de}.surface-image{margin:40px 0 40px 40px;border-radius:22px;box-shadow:var(--shadow-premium)}.surface-copy{position:relative}.surface-copy:before{content:"";position:absolute;top:55px;left:clamp(45px,7vw,110px);width:84px;height:10px;border-radius:20px;background:linear-gradient(90deg,var(--violet) 33%,var(--cyan) 33% 66%,var(--yellow) 66%)}
.loyalty-panel{border-radius:26px;background:radial-gradient(circle at 10% 10%,#2a4076,transparent 38%),var(--navy);box-shadow:var(--shadow-premium)}
.app-showcase{background:radial-gradient(circle at 50% 42%,rgba(89,64,155,.62),transparent 38%),linear-gradient(145deg,#1c2d59,#122044)}
.business-cta-inner,.contact-cta{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 24px 65px rgba(63,40,125,.22)}
.business-cta-inner{background:linear-gradient(135deg,var(--violet),#744db0)}
.business-cta-inner:after,.contact-cta:after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-125px;border:45px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}

/* Inner-page premium cards */
.editorial-art{border-radius:210px 210px 18px 18px;box-shadow:var(--shadow-premium);overflow:hidden}.editorial-art:before{content:"";position:absolute;z-index:2;inset:18px;border:1px solid rgba(255,255,255,.45);border-radius:195px 195px 10px 10px}
.vision-grid{gap:22px;background:transparent}.vision-grid article{position:relative;overflow:hidden;border-radius:18px;box-shadow:var(--shadow-sm);padding:48px}.vision-grid article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;bottom:-90px;background:rgba(89,64,155,.07)}.vision-grid article:nth-child(2):after{background:rgba(42,168,188,.1)}
.vision-grid article>span{border-radius:50%;box-shadow:0 10px 25px rgba(16,27,63,.2)}
.quality-card,.benefit-card{position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(42,168,188,.2),transparent 35%),var(--navy);box-shadow:var(--shadow-premium)}
.quality-card:after,.benefit-card:after{content:"";position:absolute;width:160px;height:160px;border:35px solid rgba(255,255,255,.04);border-radius:50%;right:-85px;bottom:-90px}
.value-grid{gap:15px;background:transparent}.value-grid article{position:relative;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);transition:.25s}.value-grid article:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:14px 14px 0 0;background:var(--violet)}.value-grid article:nth-child(2):before{background:var(--cyan)}.value-grid article:nth-child(3):before{background:var(--yellow)}.value-grid article:nth-child(4):before{background:var(--coral)}.value-grid article:hover{transform:translateY(-5px)}
.catalog-section{background:linear-gradient(180deg,#f5f1e8,#fbfaf7)}.product-search{border:0;border-radius:999px;padding:6px;box-shadow:0 10px 32px rgba(16,27,63,.1)}.product-search input{background:transparent;padding-left:17px}.product-search button{border-radius:999px;padding-inline:22px}
.detail-visual{position:relative;border:0;border-radius:25px;background:linear-gradient(145deg,#eee9df,#fff);box-shadow:var(--shadow-premium);overflow:hidden}.detail-visual:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(89,64,155,.06)}.detail-visual img,.detail-visual .product-placeholder{z-index:1}.product-detail-hero{background:linear-gradient(135deg,#f1ede3,#fcfbf8)}
.steps-grid{gap:22px;counter-reset:steps}.steps-grid article{position:relative;overflow:hidden;border:0;border-radius:18px;box-shadow:var(--shadow-sm);transition:.25s}.steps-grid article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--violet)}.steps-grid article:nth-child(2):after{background:var(--cyan)}.steps-grid article:nth-child(3):after{background:var(--yellow)}.steps-grid article:nth-child(4):after{background:var(--coral)}.steps-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.audience-grid{gap:28px}.audience-grid article{position:relative;overflow:hidden;border-radius:24px;box-shadow:var(--shadow-premium)}.painter-card{background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.16),transparent 30%),linear-gradient(145deg,#6c4eb0,var(--violet-deep))}.dealer-card{background:radial-gradient(circle at 90% 10%,rgba(42,168,188,.22),transparent 30%),linear-gradient(145deg,#263d72,var(--navy))}
.app-promo{border-radius:24px;background:linear-gradient(135deg,#ece8df,#f8f7f3);box-shadow:inset 0 0 0 1px rgba(16,27,63,.06)}

/* Consultation and legal experience */
.contact-section{background:linear-gradient(135deg,#fff 0 47%,#f2eee5 47%)}
.contact-methods article{grid-template-columns:48px 1fr;border:0;border-bottom:1px solid var(--line);padding:20px 0}.contact-methods article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ede8f6;font-weight:700}.dealer-note{border:0;border-radius:14px;background:linear-gradient(135deg,#eee9f8,#f8f6fb);padding:25px}
.contact-form-card{border:0;border-radius:24px;box-shadow:var(--shadow-premium);padding:50px}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{border-radius:10px;padding:14px;background:#faf9f6}.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{box-shadow:0 0 0 3px rgba(89,64,155,.1)}
.map-placeholder{height:360px;border-radius:24px;background:radial-gradient(circle at 15% 20%,rgba(42,168,188,.16),transparent 28%),linear-gradient(135deg,#e9e4da,#f8f6f1);box-shadow:inset 0 0 0 1px rgba(16,27,63,.07)}.map-pin{border-radius:50% 50% 50% 8px;transform:rotate(-45deg);box-shadow:0 18px 35px rgba(89,64,155,.28)}.map-pin+div{max-width:560px;text-align:left}.map-pin+div h2{font-size:34px}.map-pin{font-size:0}.map-pin:after{content:"A";font:600 20px var(--serif);transform:rotate(45deg)}
.legal-copy{background:#fff;padding:46px 54px;border-radius:20px;box-shadow:var(--shadow-sm)}.legal-index{border-left:0;background:#f3efe6;border-radius:14px;padding:18px 0}.legal-index a:hover{color:var(--violet);padding-left:23px}
.contact-cta{background:radial-gradient(circle at 80% 15%,#2a4076,transparent 35%),var(--navy)}
.site-footer{margin-top:90px}.footer-ribbon{height:7px}.footer-intro .brand{border-radius:12px}.footer-grid a{transition:.2s}.footer-grid a:hover{transform:translateX(3px)}

@media(max-width:1050px){.category-panels{gap:20px}.benefit-grid{gap:14px}.benefit-grid article{padding:25px}.contact-form-card{padding:40px}}
@media(max-width:800px){.page-hero{min-height:470px}.paint-spectrum{margin-bottom:40px}.craft-photo,.editorial-art{border-radius:130px 130px 14px 14px}.category-panel>div{left:32px;bottom:34px}.surface-image{margin:25px 25px 0;height:500px}.surface-copy:before{top:35px;left:45px}.why-kicker{width:100%;overflow:auto}.contact-section{background:linear-gradient(180deg,#fff 0 48%,#f2eee5 48%)}.legal-copy{padding:35px}.product-grid{gap:20px}}
@media(max-width:560px){.page-hero{min-height:430px}.page-hero-inner:after{width:130px}.paint-spectrum i{width:30px}.paint-spectrum span{font-size:14px}.category-panel{border-radius:16px}.category-links{gap:10px}.why-kicker span{display:none}.benefit-grid{gap:10px}.surface-image{margin:14px 14px 0;height:350px}.surface-copy:before{left:25px;top:28px}.loyalty-panel,.business-cta-inner,.contact-cta,.audience-grid article,.app-promo{border-radius:16px}.product-visual{height:290px}.contact-form-card{padding:28px 20px;border-radius:16px}.map-placeholder{padding:35px 24px}.map-pin+div{text-align:center}.legal-copy{padding:26px 20px}.site-footer{margin-top:60px}}

/* Real mobile app previews replace illustrative device screens */
.real-app-device,.real-app-phone{--screen-scale:.685;overflow:hidden;padding:0;background:#f8fafc;isolation:isolate}
.real-app-device iframe,.real-app-phone iframe{display:block;width:calc(100% / var(--screen-scale));height:calc(100% / var(--screen-scale));border:0;transform:scale(var(--screen-scale));transform-origin:top left;pointer-events:none;background:#f8fafc}
.real-app-device:after,.real-app-phone:after{content:"Feature preview";position:absolute;z-index:4;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 11px;border-radius:999px;background:rgba(9,14,32,.82);color:#fff;font:700 14px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(6px)}
.play-store-button{gap:11px;text-align:left}.play-store-button>svg{width:22px;height:22px;flex:0 0 22px;fill:currentColor}.play-store-button>span{display:flex;flex-direction:column;font-size:14px;line-height:1.05}.play-store-button small{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.72;margin-bottom:3px}
.real-app-phone{--screen-scale:.55;position:relative;border:9px solid #0c1228;padding:0}
.real-app-phone iframe{border-radius:18px}
@media(max-width:560px){.real-app-device{--screen-scale:.62}.real-app-phone{--screen-scale:.55}}

/* Premium floating header and navigation */
.site-header{height:102px;background:transparent;border:0;box-shadow:none;padding:0 18px}
.site-header:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--violet) 0 28%,var(--cyan) 28% 54%,var(--yellow) 54% 77%,var(--coral) 77%)}
.nav-wrap{position:relative;height:72px;margin-top:15px;padding:0 10px 0 18px;gap:26px;border:1px solid rgba(16,27,63,.09);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(11,19,45,.13);backdrop-filter:blur(18px)}
.nav-wrap:before{content:"";position:absolute;inset:8px auto 8px 7px;width:3px;border-radius:5px;background:linear-gradient(var(--violet),var(--cyan),var(--yellow))}
.site-header .brand{width:128px;height:62px}.site-header .brand img{width:128px;height:62px}
.site-nav{margin-left:auto;gap:2px;padding:5px;background:#f4f1ea;border:1px solid rgba(16,27,63,.055);border-radius:999px}
.site-nav>a{padding:10px 14px;border-radius:999px;color:#4d5568;font-size:14px;letter-spacing:.01em;transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.site-nav>a:after{display:none}.site-nav>a:hover{color:var(--navy);background:rgba(255,255,255,.72);transform:translateY(-1px)}
.site-nav>a.active{color:var(--violet-deep);background:#fff;box-shadow:0 5px 16px rgba(16,27,63,.1)}
.site-nav>a.active:before{content:"";display:inline-block;width:5px;height:5px;margin:0 6px 1px 0;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 0 0 3px rgba(89,64,155,.09)}
.nav-cta{min-width:145px;justify-content:flex-start;gap:10px;padding:10px 17px;border-radius:14px;background:linear-gradient(135deg,var(--navy-2),var(--navy));box-shadow:0 10px 24px rgba(16,27,63,.2)}
.nav-cta:hover{background:linear-gradient(135deg,var(--violet),var(--violet-deep));transform:translateY(-2px);box-shadow:0 14px 28px rgba(65,43,126,.27)}
.nav-cta svg{width:20px;height:20px;fill:#fff;flex:0 0 20px}.nav-cta>span{display:flex;flex-direction:column;line-height:1.05}.nav-cta small{font-size:14px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#aeb8d0}.nav-cta strong{font-size:14px;color:#fff;margin-top:3px}
.mobile-nav-download{display:none}
.site-header.scrolled{height:84px;background:rgba(246,244,239,.76);padding:0 18px;box-shadow:none;backdrop-filter:blur(16px)}
.site-header.scrolled .nav-wrap{height:68px;margin-top:7px;box-shadow:0 12px 38px rgba(11,19,45,.12)}
.banner-hero{padding-top:102px}

@media(max-width:1120px){.nav-wrap{gap:16px}.site-nav>a{padding-inline:10px}.nav-cta{min-width:132px;padding-inline:13px}}
@media(max-width:900px){.site-nav>a{padding-inline:8px;font-size:14px}.nav-cta{min-width:0}.nav-cta>span{display:none}.nav-cta svg{width:22px;height:22px}}
@media(max-width:800px){
    .site-header,.site-header.scrolled{height:84px;padding:0 10px;background:transparent;backdrop-filter:none}
    .site-header:before{height:3px}.nav-wrap,.site-header.scrolled .nav-wrap{height:66px;margin-top:9px;padding:0 10px 0 16px;border-radius:17px;background:rgba(255,255,255,.97)}
    .site-header .brand,.site-header .brand img{width:116px;height:58px}
    .nav-toggle{width:44px;height:44px;display:grid;place-content:center;margin-left:auto;border:1px solid rgba(16,27,63,.09);border-radius:14px;background:#f5f2eb;box-shadow:0 5px 16px rgba(16,27,63,.08)}
    .nav-toggle span{width:20px;height:2px;margin:3px;border-radius:5px}.nav-toggle span:nth-child(2){width:14px;margin-left:auto}
    .nav-cta{display:none}
    .site-nav{counter-reset:premium-nav;position:fixed;z-index:2;inset:0 0 0 12%;margin:0;padding:112px 30px 34px;display:flex;align-items:stretch;justify-content:flex-start;gap:3px;border:0;border-radius:30px 0 0 30px;background:radial-gradient(circle at 100% 0,rgba(42,168,188,.16),transparent 30%),linear-gradient(160deg,#fff,#f5f1e8);box-shadow:-30px 0 80px rgba(11,19,45,.2);transform:translateX(110%);overflow-y:auto}
    .site-nav.open{transform:none}.site-nav>a{counter-increment:premium-nav;display:flex;align-items:center;padding:14px 5px;border-radius:0;border-bottom:1px solid rgba(16,27,63,.08);background:transparent!important;box-shadow:none!important;color:var(--navy);font:600 clamp(25px,7vw,34px)/1.15 var(--serif);letter-spacing:-.03em;transform:none!important}
    .site-nav>a:before,.site-nav>a.active:before{content:"0" counter(premium-nav);width:30px;height:auto;margin:0 15px 0 0;background:none;box-shadow:none;color:var(--violet);font:700 14px/1 var(--sans);letter-spacing:.08em}
    .site-nav>a.active{color:var(--violet)}
    .mobile-nav-download{display:flex;flex-direction:column;align-items:flex-start;margin-top:auto;padding:22px;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(42,168,188,.25),transparent 40%),var(--navy);color:#fff;box-shadow:0 18px 38px rgba(16,27,63,.18)}
    .mobile-nav-download>span{font-size:14px;text-transform:uppercase;letter-spacing:.13em;color:#aeb8ce}.mobile-nav-download>strong{font:600 23px var(--serif);margin:5px 0 14px}.mobile-nav-download>a{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:999px;background:#fff;color:var(--navy);font:700 14px var(--sans)}
    .menu-open .nav-toggle{position:relative;z-index:4;background:#fff}.menu-open .nav-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-open .nav-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
    .banner-hero{padding-top:84px}
}

@media(max-width:560px){.site-nav{inset:0 0 0 7%;padding:100px 22px 24px}.mobile-nav-download{padding:18px}.nav-wrap:before{display:none}}

/* Sticky, background-free header requested for the final navigation */
.site-header,.site-header.scrolled{position:sticky;top:0;height:86px;padding:0 18px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.site-header:before{display:none}
.nav-wrap,.site-header.scrolled .nav-wrap{height:86px;margin-top:0;padding:0;gap:28px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.nav-wrap:before{display:none}
.site-nav{gap:26px;padding:0;border:0;border-radius:0;background:transparent}
.site-nav>a{padding:30px 0 26px;border-radius:0;background:transparent;box-shadow:none}
.site-nav>a:hover{background:transparent;box-shadow:none}
.site-nav>a.active{position:relative;background:transparent;box-shadow:none}
.site-nav>a.active:after{content:"";display:block;position:absolute;left:11px;right:0;bottom:20px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--violet),var(--cyan))}
.nav-cta{border-radius:999px}
.banner-hero{padding-top:0}
.page-hero{padding-top:105px}
.product-detail-hero{padding-top:95px}

@media(max-width:1120px){.site-nav{gap:18px}}
@media(max-width:900px){.site-nav{gap:13px}}
@media(max-width:800px){
    .site-header,.site-header.scrolled{position:sticky;height:76px;padding:0 12px;background:transparent}
    .nav-wrap,.site-header.scrolled .nav-wrap{height:76px;margin:0;padding:0;gap:0;background:transparent;box-shadow:none}
    .nav-toggle{background:transparent;box-shadow:none}
    .site-nav{gap:3px;padding:112px 30px 34px;background:radial-gradient(circle at 100% 0,rgba(42,168,188,.16),transparent 30%),linear-gradient(160deg,#fff,#f5f1e8)}
    .site-nav>a{padding:14px 5px}.site-nav>a.active:after{display:none}
    .menu-open .nav-toggle{background:transparent}
    .banner-hero{padding-top:0}
    .page-hero{padding-top:78px}
}
@media(max-width:560px){.site-nav{padding:100px 22px 24px}.page-hero{padding-top:66px}}

/* Final header states: transparent over hero, coloured and fixed on scroll */
.site-header{position:absolute;top:0;height:96px;padding:0 18px;background:transparent;box-shadow:none;backdrop-filter:none}
.site-header .nav-wrap{height:96px;margin:0;padding:0;gap:28px;background:transparent;box-shadow:none}
.site-header:not(.scrolled) .site-nav>a{color:#fff;text-shadow:0 1px 14px rgba(5,12,30,.28)}
.site-header:not(.scrolled) .site-nav>a:hover,.site-header:not(.scrolled) .site-nav>a.active{color:#fff}
.site-header:not(.scrolled) .site-nav>a.active:before{background:linear-gradient(135deg,#fff,var(--cyan));box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.site-header:not(.scrolled) .site-nav>a.active:after{background:linear-gradient(90deg,#fff,var(--cyan))}
.site-header:not(.scrolled) .nav-cta{border:1px solid rgba(255,255,255,.45);background:rgba(10,20,48,.42);box-shadow:0 10px 28px rgba(5,12,30,.18);backdrop-filter:blur(10px)}
.page-website-products-show .site-header:not(.scrolled) .site-nav>a{color:var(--navy);text-shadow:none}
.page-website-products-show .site-header:not(.scrolled) .site-nav>a.active:after{background:linear-gradient(90deg,var(--violet),var(--cyan))}
.page-website-products-show .site-header:not(.scrolled) .nav-cta{background:var(--navy);border-color:transparent}

.site-header.scrolled{position:fixed;top:0;height:78px;padding:0 18px;background:linear-gradient(110deg,rgba(8,18,45,.97) 0%,rgba(31,43,83,.96) 43%,rgba(68,43,119,.95) 73%,rgba(13,113,105,.94) 100%);box-shadow:0 14px 42px rgba(8,18,45,.24);backdrop-filter:blur(18px);animation:drop .25s}
.site-header.scrolled:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--yellow),var(--coral))}
.site-header.scrolled .nav-wrap{height:78px;margin:0;padding:0;background:transparent;box-shadow:none}
.site-header.scrolled .site-nav>a{padding-top:26px;padding-bottom:24px;color:#dce3f0}
.site-header.scrolled .site-nav>a:hover,.site-header.scrolled .site-nav>a.active{color:#fff}
.site-header.scrolled .site-nav>a.active:before{background:linear-gradient(135deg,#fff,var(--cyan));box-shadow:0 0 0 3px rgba(255,255,255,.1)}
.site-header.scrolled .site-nav>a.active:after{bottom:18px;background:linear-gradient(90deg,#fff,var(--cyan))}
.site-header.scrolled .nav-cta{background:#fff;color:var(--navy);box-shadow:0 10px 28px rgba(4,10,28,.24)}
.site-header.scrolled .nav-cta svg{fill:var(--navy)}.site-header.scrolled .nav-cta small{color:#727b90}.site-header.scrolled .nav-cta strong{color:var(--navy)}
.site-header.scrolled .nav-cta:hover{background:#f6f2e9}
.page-hero{padding-top:180px}
.product-detail-hero{padding-top:145px}

@media(max-width:800px){
    .site-header{position:absolute;height:80px;padding:0 12px}.site-header .nav-wrap{height:80px}
    .site-header:not(.scrolled) .nav-toggle{border-color:rgba(255,255,255,.38)}.site-header:not(.scrolled) .nav-toggle span{background:#fff}
    .page-website-products-show .site-header:not(.scrolled) .nav-toggle{border-color:rgba(16,27,63,.12)}.page-website-products-show .site-header:not(.scrolled) .nav-toggle span{background:var(--navy)}
    .site-header.scrolled{position:fixed;height:72px;padding:0 12px}.site-header.scrolled .nav-wrap{height:72px}.site-header.scrolled .nav-toggle{border-color:rgba(255,255,255,.28)}.site-header.scrolled .nav-toggle span{background:#fff}
    .site-header .site-nav>a,.site-header.scrolled .site-nav>a{padding:14px 5px;color:var(--navy);text-shadow:none}.site-header .site-nav>a:hover,.site-header .site-nav>a.active,.site-header.scrolled .site-nav>a:hover,.site-header.scrolled .site-nav>a.active{color:var(--violet)}
    .page-hero{padding-top:155px}.product-detail-hero{padding-top:125px}
}
@media(max-width:560px){.page-hero{padding-top:135px}.product-detail-hero{padding-top:110px}}

/* Optical centring for logo, navigation, and header action */
.nav-wrap,.site-header.scrolled .nav-wrap{display:grid;grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr);align-items:center;gap:24px;margin-left:auto;margin-right:auto}
.site-header .brand{justify-self:start;align-self:center;display:flex;align-items:center;justify-content:center;width:138px;height:72px}
.site-header .brand img{display:block;width:138px;height:72px;object-fit:contain;object-position:center}
.site-nav,.site-header.scrolled .site-nav{justify-self:center;align-self:center;display:flex;align-items:center;height:48px;margin:0}
.site-nav>a,.site-header.scrolled .site-nav>a{display:flex;align-items:center;height:44px;padding-top:0;padding-bottom:0}
.site-nav>a.active:after{bottom:4px}.site-header.scrolled .site-nav>a.active:after{bottom:4px}
.nav-cta{justify-self:end;align-self:center;margin:0}

@media(max-width:1120px){.nav-wrap,.site-header.scrolled .nav-wrap{grid-template-columns:minmax(132px,1fr) auto minmax(132px,1fr);gap:16px}}
@media(max-width:900px){.nav-wrap,.site-header.scrolled .nav-wrap{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:12px}}
@media(max-width:800px){
    .nav-wrap,.site-header.scrolled .nav-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}
    .site-header .brand{grid-column:1;justify-self:start;width:120px;height:62px}.site-header .brand img{width:120px;height:62px}
    .nav-toggle{grid-column:2;justify-self:end;align-self:center;margin:0}
    .site-nav,.site-header.scrolled .site-nav{display:flex;height:auto;align-items:stretch}
    .site-nav>a,.site-header.scrolled .site-nav>a{height:auto}
}

/* Final specificity override: centre the header container in every state */
.site-header .nav-wrap,.site-header.scrolled .nav-wrap{margin-left:auto;margin-right:auto}

/* Site-wide readability and final premium polish */
body{font-size:16px;line-height:1.72}
.eyebrow{font-size:14px;letter-spacing:.15em}.section-number{font-size:14px;letter-spacing:.16em}.btn{font-size:14px;padding:14px 25px}.text-link{font-size:14px}.site-nav>a{font-size:14px}.nav-cta strong{font-size:14px}.nav-cta small{font-size:14px}
.banner-actions p{font-size:16px}.intro-copy p:not(.lead),.section-heading>p,.surface-copy p,.editorial-grid p,.promise-grid p{font-size:16px}.intro-copy .lead,.editorial-grid .lead{font-size:21px}
.category-panel small,.category-shade{font-size:14px}.category-panel p{font-size:15px;line-height:1.65}.category-panel b{font-size:14px}.category-links b{font-size:14px}.category-links span{font-size:21px}
.product-tag{font-size:14px}.product-meta{font-size:14px}.product-meta strong{font-size:14px}.product-body p{font-size:14.5px;line-height:1.65}.product-body .text-link{font-size:14px}.product-placeholder small{font-size:14px;line-height:1.25;text-align:center;padding-inline:8px}
.why-heading>p{font-size:16px;line-height:1.7}.why-kicker span,.why-kicker i{font-size:14px}.benefit-grid p{font-size:14px;line-height:1.65}.loyalty-copy>p{font-size:16px}.loyalty-steps span{font-size:14px}.loyalty-steps b{font-size:14px}.store-link,.store-note{font-size:14px}
.vision-grid p,.value-grid p{font-size:14.5px}.vision-grid h3,.value-grid h3{line-height:1.25}.promise-stats span{font-size:14px}.promise-stats strong{font-size:21px}
.breadcrumb,.detail-breadcrumb{font-size:14px}.page-hero p,.detail-copy .lead{font-size:18px}.price-note{font-size:14px;line-height:1.55}.prose{font-size:16.5px;line-height:1.8}.benefit-card li{font-size:14px}.benefit-card p{font-size:14px;line-height:1.55}
.product-search input,.product-search button{font-size:14px}.product-search>a{font-size:14px}.empty-products p{font-size:15px;line-height:1.65}
.steps-grid article>b{font-size:14px}.steps-grid h3{font-size:21px}.steps-grid p{font-size:14.5px;line-height:1.65}.audience-label{font-size:14px}.audience-grid p,.audience-grid li{font-size:15px;line-height:1.7}
.faq-list summary{font-size:15.5px}.faq-list details p{font-size:14.5px;line-height:1.75}.contact-copy>p{font-size:16px}.contact-methods article>span,.contact-methods small{font-size:14px}.contact-methods strong{font-size:14.5px}.dealer-note h3{font-size:19px}.dealer-note p{font-size:14px}
.contact-form-card label{font-size:14px}.contact-form-card input,.contact-form-card select,.contact-form-card textarea{font-size:14.5px}.form-privacy{font-size:14px}.form-success{font-size:14px}.map-pin+div p{font-size:15px}
.legal-index span,.legal-index a{font-size:14px}.legal-updated{font-size:14px}.legal-copy h2{font-size:25px}.legal-copy p{font-size:15.5px;line-height:1.8}
.contact-cta p{font-size:15px}.footer-grid h2{font-size:14px}.footer-grid a{font-size:14px}.footer-intro p{font-size:14px}.made-in{font-size:14px}.footer-note{font-size:14px;line-height:1.65}.footer-bottom{font-size:14px}

/* Richer section rhythm without adding visual noise */
.section-heading{position:relative;padding-bottom:24px}.section-heading:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(89,64,155,.28),rgba(42,168,188,.16),transparent 75%)}
.soft-section{position:relative;background:linear-gradient(145deg,#f4efe5,#faf9f5)}.soft-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(89,64,155,.12) .7px,transparent .7px);background-size:18px 18px;opacity:.12;pointer-events:none}.soft-section>.container{position:relative}
.vision-grid article,.value-grid article,.steps-grid article,.product-card,.contact-form-card,.legal-copy{border:1px solid rgba(16,27,63,.055)}
.vision-grid article:hover,.steps-grid article:hover,.value-grid article:hover{box-shadow:0 25px 58px rgba(16,27,63,.13)}
.faq-list details{background:rgba(255,255,255,.58);padding-inline:18px;border-color:rgba(16,27,63,.1)}.faq-list details[open]{background:#fff;box-shadow:0 12px 30px rgba(16,27,63,.07)}
.legal-copy section{padding:27px 0}.contact-methods article{transition:.2s}.contact-methods article:hover{padding-left:8px}.contact-methods article:hover>span{background:var(--violet);color:#fff}
.footer-grid>div:not(:first-child){padding-top:6px}.footer-grid a{line-height:1.65}

@media(max-width:800px){body{font-size:15.5px}.site-nav>a{font-size:inherit}.section-heading{padding-bottom:20px}.page-hero p{font-size:16.5px}.intro-copy .lead,.editorial-grid .lead{font-size:19px}}
@media(max-width:560px){.eyebrow{font-size:14px}.section-number{font-size:14px}.btn{font-size:14px}.banner-actions p{font-size:14px}.category-panel p{font-size:14px}.footer-grid a{font-size:14px}.legal-copy p{font-size:14.5px}.faq-list{margin-inline:-4px}.faq-list details{padding-inline:14px}}

/* Premium homepage storytelling */
.page-website-root .banner-actions{background:linear-gradient(110deg,#fff 0%,#f8f4eb 68%,#f0eaf7 100%)}
.page-website-root .banner-actions-inner{min-height:132px;padding-block:22px}
.banner-message{max-width:650px}.banner-message>span{display:block;margin-bottom:5px;color:var(--violet);font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.banner-message p{max-width:640px;color:#343d52;font-size:16px;line-height:1.55}
.hero-proof{display:flex;align-items:center;gap:20px;margin-top:13px}.hero-proof i{position:relative;padding-left:13px;color:#697184;font-size:14px;font-style:normal;font-weight:700}.hero-proof i:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--violet);transform:translateY(-50%)}.hero-proof i:nth-child(2):before{background:var(--cyan)}.hero-proof i:nth-child(3):before{background:var(--yellow)}
.page-website-root .banner-buttons{gap:12px}.page-website-root .banner-buttons .btn{white-space:nowrap}

.project-planner{position:relative;overflow:hidden;background:#f8f6f1}
.project-planner:before{content:"PROJECT / SURFACE / SYSTEM";position:absolute;right:-20px;top:22px;color:rgba(16,27,63,.035);font:700 clamp(70px,9vw,150px)/1 var(--serif);letter-spacing:-.06em;white-space:nowrap}
.project-planner:after{content:"";position:absolute;width:420px;height:420px;left:-260px;bottom:-260px;border:75px solid rgba(89,64,155,.035);border-radius:50%}
.project-planner>.container{position:relative;z-index:1}
.project-planner-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;margin-bottom:48px}.project-planner-head h2{font:600 clamp(42px,5vw,68px)/1.03 var(--serif);letter-spacing:-.045em;margin:0}.project-planner-head>p{max-width:470px;margin:0;color:var(--muted);font-size:16px}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.project-card{position:relative;min-height:420px;display:flex;flex-direction:column;overflow:hidden;padding:42px;border:1px solid rgba(16,27,63,.08);border-radius:24px;color:var(--ink);box-shadow:0 16px 45px rgba(16,27,63,.09);transition:transform .35s ease,box-shadow .35s ease}
.project-card:before{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-120px;border:48px solid rgba(255,255,255,.3);border-radius:50%}.project-card:after{content:"";position:absolute;inset:auto 0 0;height:7px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--yellow))}
.project-card>*{position:relative;z-index:1}.project-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px rgba(16,27,63,.16)}
.project-interior{background:linear-gradient(145deg,#ebe4f5,#f9f7fb)}.project-exterior{background:linear-gradient(145deg,#dfeee7,#f6faf8)}.project-new-wall{background:linear-gradient(145deg,#eee4d2,#fbf8f1)}.project-repaint{background:linear-gradient(145deg,#e2e9f3,#f7f9fc)}
.project-exterior:after{background:linear-gradient(90deg,var(--green),var(--cyan),#b7d5c2)}.project-new-wall:after{background:linear-gradient(90deg,var(--yellow),#d88753,#f0c86b)}.project-repaint:after{background:linear-gradient(90deg,var(--navy),var(--violet),var(--coral))}
.project-number{position:absolute;right:34px;top:30px;color:rgba(16,27,63,.2);font:600 15px var(--serif)}
.project-swatch{display:flex;height:48px;margin-bottom:48px;align-items:flex-end}.project-swatch i{display:block;width:38px;height:38px;border-radius:50%;margin-right:-10px;border:3px solid rgba(255,255,255,.78);box-shadow:0 6px 14px rgba(16,27,63,.12)}.project-swatch i:first-child{background:#ddd0b3}.project-swatch i:nth-child(2){height:44px;width:44px;background:#77639e}.project-swatch i:nth-child(3){background:#b8cbd3}.project-exterior .project-swatch i:first-child{background:#667e64}.project-exterior .project-swatch i:nth-child(2){background:#9bb6a3}.project-exterior .project-swatch i:nth-child(3){background:#d8c9a7}.project-new-wall .project-swatch i:first-child{background:#d8c5a3}.project-new-wall .project-swatch i:nth-child(2){background:#f3ead9}.project-new-wall .project-swatch i:nth-child(3){background:#c9ad7f}.project-repaint .project-swatch i:first-child{background:#324a6d}.project-repaint .project-swatch i:nth-child(2){background:#b25c75}.project-repaint .project-swatch i:nth-child(3){background:#dba840}
.project-card>small{color:#686f7f;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.project-card h3{font:600 clamp(29px,3vw,40px)/1.08 var(--serif);letter-spacing:-.035em;margin:10px 0 12px}.project-card>p{max-width:440px;margin:0;color:#596174;font-size:15px}.project-system{display:flex;gap:7px;margin:22px 0 26px}.project-system b{padding:6px 10px;border:1px solid rgba(16,27,63,.12);border-radius:999px;background:rgba(255,255,255,.48);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.project-card>strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid rgba(16,27,63,.12);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.project-card>strong em{font-style:normal;font-size:22px;transition:.2s}.project-card:hover>strong em{transform:translateX(5px)}

.page-website-root .products-feature{background:linear-gradient(180deg,#fff,#fbfaf7)}
.page-website-root .products-feature .section-heading h2{position:relative}.page-website-root .products-feature .section-heading h2:after{content:"";display:inline-block;width:11px;height:11px;margin-left:12px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:17px 0 0 var(--yellow)}
.page-website-root .business-cta-inner{padding:72px 68px;background:radial-gradient(circle at 88% 20%,rgba(42,168,188,.28),transparent 28%),linear-gradient(135deg,#49317f,#6a49a9)}

@media(max-width:900px){.page-website-root .banner-actions-inner{align-items:flex-start}.banner-message{max-width:56%}.hero-proof{gap:10px;flex-wrap:wrap}.project-planner-head{gap:45px}.project-card{padding:34px;min-height:400px}}
@media(max-width:800px){.page-website-root .banner-actions-inner{flex-direction:column}.banner-message{max-width:100%}.project-planner-head{grid-template-columns:1fr;gap:16px}.project-grid{grid-template-columns:1fr}.project-card{min-height:390px}.project-swatch{margin-bottom:38px}}
@media(max-width:560px){.page-website-root .banner-actions-inner{padding-block:24px}.hero-proof{gap:7px 14px}.hero-proof i{font-size:14px}.page-website-root .banner-buttons{display:grid;grid-template-columns:1fr;width:100%}.page-website-root .banner-buttons .btn{width:100%}.project-planner-head{margin-bottom:30px}.project-card{min-height:370px;padding:28px 24px;border-radius:18px}.project-swatch{margin-bottom:30px}.project-card>small{font-size:14px}.project-card h3{font-size:31px}.project-card>p{font-size:14px}.project-system{margin-top:18px}.page-website-root .business-cta-inner{padding:48px 26px}}

/* Editorial colour stories — premium homepage campaign section */
.colour-stories{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(89,64,155,.34),transparent 28%),radial-gradient(circle at 5% 92%,rgba(42,168,188,.16),transparent 24%),#0b1532}
.colour-stories:before{content:"COLOUR";position:absolute;right:-32px;top:-48px;color:rgba(255,255,255,.026);font:700 clamp(140px,20vw,340px)/1 var(--serif);letter-spacing:-.08em;pointer-events:none}
.colour-stories:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(90deg,var(--violet) 0 24%,var(--cyan) 24% 48%,var(--yellow) 48% 73%,var(--coral) 73%)}
.colour-stories>.container{position:relative;z-index:1}
.colour-stories-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:90px;margin-bottom:52px}.colour-stories-head h2{font:600 clamp(45px,5.5vw,76px)/1.02 var(--serif);letter-spacing:-.045em;margin:0}.colour-stories-head h2 em{color:#c9bced;font-weight:600}.colour-stories-head p{max-width:470px;margin:0;color:#bdc5d7;font-size:16px}.colour-stories-head .text-link{color:#fff}.colour-stories .section-number{color:#bfb1e8}
.mood-gallery{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;height:720px}.mood-stack{display:grid;grid-template-rows:1fr 1fr;gap:22px;min-height:0}
.mood-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#172445;color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.24);isolation:isolate}
.mood-card:before{content:"";position:absolute;z-index:2;inset:16px;border:1px solid rgba(255,255,255,.32);border-radius:15px;pointer-events:none;transition:.35s}.mood-card:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(7,14,34,.94),rgba(7,14,34,.05) 70%)}
.mood-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .7s ease}.mood-card:hover img{transform:scale(1.045);filter:saturate(1.08)}.mood-card:hover:before{inset:11px;border-color:rgba(255,255,255,.5)}
.mood-overlay{position:absolute;z-index:3;left:46px;right:46px;bottom:42px}.mood-overlay>span{display:block;margin-bottom:9px;color:#d0c5ef;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mood-overlay h3{font:600 clamp(31px,4vw,54px)/1.02 var(--serif);letter-spacing:-.04em;margin:0}.mood-overlay>p{max-width:560px;margin:14px 0 0;color:#d2d7e2;font-size:15px}
.mood-palette{display:flex;align-items:center;margin-top:24px}.mood-palette i{display:block;width:35px;height:35px;margin-right:-7px;border:3px solid rgba(255,255,255,.85);border-radius:50%;background:var(--swatch);box-shadow:0 7px 16px rgba(0,0,0,.24)}.mood-palette b{margin-left:18px;color:#fff;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.mood-card-exterior .mood-overlay,.mood-card-craft .mood-overlay{left:34px;right:34px;bottom:30px}.mood-card-exterior .mood-overlay h3,.mood-card-craft .mood-overlay h3{font-size:32px}.mood-card-exterior .mood-palette{margin-top:17px}.mood-card-exterior .mood-palette i{width:29px;height:29px}.mood-card-craft img{object-position:center 30%}.mood-card-craft .mood-overlay>strong{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.25);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.mood-card-craft .mood-overlay em{font-size:20px;font-style:normal;transition:.25s}.mood-card-craft:hover .mood-overlay em{transform:translateX(5px)}
.colour-note{max-width:780px;margin:24px 0 0;color:#7e8aa5;font-size:14px;line-height:1.6}

/* Small luxury details carried through the homepage */
.page-website-root .intro-editorial{position:relative}.page-website-root .intro-editorial:after{content:"01";position:absolute;right:-18px;top:-35px;color:rgba(16,27,63,.08);font:600 54px var(--serif)}
.page-website-root .solution-categories .section-heading:before{content:"02";position:absolute;right:0;top:-22px;color:rgba(16,27,63,.08);font:600 48px var(--serif)}
.page-website-root .project-planner-head:after{content:"03";position:absolute;right:0;top:-25px;color:rgba(16,27,63,.08);font:600 48px var(--serif)}.project-planner-head{position:relative}
.page-website-root .why-section .container:after{content:"ALONE / PAINT / PEOPLE";position:absolute;right:0;top:0;color:rgba(255,255,255,.045);font:700 42px var(--serif);letter-spacing:.02em;writing-mode:vertical-rl}
.page-website-root .surface-image img{transition:transform .8s ease}.page-website-root .surface-story:hover .surface-image img{transform:scale(1.025)}

@media(max-width:1000px){.colour-stories-head{gap:50px}.mood-gallery{height:650px}.mood-overlay{left:35px;right:35px;bottom:34px}.mood-card-exterior .mood-overlay h3,.mood-card-craft .mood-overlay h3{font-size:27px}}
@media(max-width:800px){.colour-stories-head{grid-template-columns:1fr;gap:18px}.mood-gallery{grid-template-columns:1fr;height:auto}.mood-card-main{height:600px}.mood-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.mood-card-exterior,.mood-card-craft{height:400px}.mood-card-exterior .mood-overlay,.mood-card-craft .mood-overlay{left:27px;right:27px}.mood-palette b{display:none}.page-website-root .why-section .container:after{display:none}}
@media(max-width:560px){.colour-stories-head{margin-bottom:30px}.colour-stories-head h2{font-size:43px}.mood-card{border-radius:18px}.mood-card:before{inset:10px;border-radius:11px}.mood-card-main{height:520px}.mood-stack{grid-template-columns:1fr}.mood-card-exterior,.mood-card-craft{height:380px}.mood-overlay{left:26px;right:26px;bottom:28px}.mood-overlay h3{font-size:37px}.mood-overlay>p{font-size:14px}.mood-palette i{width:30px;height:30px}.page-website-root .intro-editorial:after,.page-website-root .solution-categories .section-heading:before,.page-website-root .project-planner-head:after{display:none}}

/* Alternative homepage banner concept — retained below the current banner for approval */
.banner-concept-preview{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 15%,rgba(56,82,139,.55),transparent 30%),radial-gradient(circle at 96% 85%,rgba(89,64,155,.4),transparent 27%),linear-gradient(125deg,#071126 0%,#101d43 48%,#172957 100%);border-block:1px solid rgba(255,255,255,.1)}
.banner-concept-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}
.banner-concept-preview:after{content:"";position:absolute;width:520px;height:520px;right:-230px;top:-260px;border:80px solid rgba(255,255,255,.035);border-radius:50%;pointer-events:none}
.concept-review-label{position:absolute;z-index:5;top:24px;left:50%;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,17,38,.7);box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(12px);transform:translateX(-50%)}.concept-review-label span{font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#c8d0e1}.concept-review-label b{padding:5px 9px;border-radius:999px;background:linear-gradient(135deg,var(--yellow),#f2c95f);color:var(--navy);font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.concept-hero{min-height:820px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;padding-top:100px;padding-bottom:70px;position:relative;z-index:1}
.concept-copy{padding-block:35px}.concept-eyebrow{display:flex;align-items:center;gap:11px;color:#d6ccf0;font-size:14px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.concept-eyebrow i{width:36px;height:3px;border-radius:6px;background:linear-gradient(90deg,var(--yellow),var(--coral))}
.concept-copy h2{font:600 clamp(54px,5.7vw,82px)/.96 var(--serif);letter-spacing:-.052em;margin:24px 0 28px}.concept-copy h2 em{display:block;margin-top:8px;color:#d0c3ef;font-size:.58em;line-height:1.15;font-weight:600}.concept-copy>p{max-width:620px;margin:0;color:#c1c9da;font-size:17px;line-height:1.75}
.concept-pillars{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0;border-block:1px solid rgba(255,255,255,.14)}.concept-pillars>span{position:relative;padding:19px 18px 19px 0;border-right:1px solid rgba(255,255,255,.14)}.concept-pillars>span+span{padding-left:18px}.concept-pillars>span:last-child{border:0}.concept-pillars b,.concept-pillars strong,.concept-pillars small{display:block}.concept-pillars b{color:#aa9bd6;font-size:14px}.concept-pillars strong{font:600 18px var(--serif);margin:3px 0}.concept-pillars small{color:#8f9ab2;font-size:14px}
.concept-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.concept-play-link{display:flex;align-items:center;gap:10px;color:#fff}.concept-play-link svg{width:24px;height:24px;fill:#fff}.concept-play-link span{display:flex;flex-direction:column;line-height:1.1}.concept-play-link small{color:#8f9ab2;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.concept-play-link strong{font-size:14px;margin-top:4px}
.concept-visual{position:relative;height:660px}.concept-image{position:absolute;inset:35px 10px 28px 68px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:280px 280px 28px 28px;background:#09132c;box-shadow:0 45px 90px rgba(0,0,0,.34)}.concept-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,14,34,.55),transparent 48%),linear-gradient(90deg,rgba(6,14,34,.23),transparent 45%)}.concept-image img{width:100%;height:100%;object-fit:cover;object-position:72% center;transform:scale(1.18);filter:saturate(1.08) contrast(1.03)}
.concept-colour-fan{position:absolute;z-index:3;left:7px;top:165px;display:flex;transform:rotate(-8deg)}.concept-colour-fan i{display:block;width:52px;height:150px;margin-left:-33px;border:3px solid rgba(255,255,255,.7);border-radius:28px 28px 10px 10px;transform-origin:50% 90%;box-shadow:0 14px 28px rgba(0,0,0,.25)}.concept-colour-fan i:first-child{margin:0;background:#decda8;transform:rotate(-24deg)}.concept-colour-fan i:nth-child(2){background:#d36556;transform:rotate(-12deg)}.concept-colour-fan i:nth-child(3){background:#e1ae35}.concept-colour-fan i:nth-child(4){background:#2aa8bc;transform:rotate(12deg)}.concept-colour-fan i:nth-child(5){background:#5d45a2;transform:rotate(24deg)}
.concept-feature{position:absolute;z-index:3;width:205px;padding:17px 18px;border:1px solid rgba(255,255,255,.35);border-radius:15px;background:rgba(255,255,255,.9);color:var(--ink);box-shadow:0 20px 45px rgba(0,0,0,.24);backdrop-filter:blur(12px)}.concept-feature small,.concept-feature strong,.concept-feature span{display:block}.concept-feature small{color:var(--violet);font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.concept-feature strong{font:600 18px var(--serif);margin:4px 0}.concept-feature span{color:#697184;font-size:14px;line-height:1.45}.concept-feature-top{right:-12px;top:124px}.concept-feature-bottom{left:5px;bottom:54px}
.concept-app-card{position:absolute;z-index:4;right:-18px;bottom:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:235px;padding:13px 14px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:linear-gradient(135deg,rgba(89,64,155,.94),rgba(36,27,78,.96));box-shadow:0 22px 46px rgba(0,0,0,.28)}.concept-app-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;color:var(--violet);font:700 17px var(--serif)}.concept-app-card small,.concept-app-card strong{display:block}.concept-app-card small{color:#c8bce8;font-size:14px}.concept-app-card strong{font-size:14px;margin-top:2px}.concept-app-card>b{font-size:17px}
.concept-seal{position:absolute;z-index:4;right:28px;top:24px;width:112px;height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(8,18,45,.72);box-shadow:0 18px 40px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.concept-seal:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.3);border-radius:50%}.concept-seal small,.concept-seal strong{position:relative}.concept-seal small{color:#aab4c9;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.concept-seal strong{font:600 17px/1.05 var(--serif);margin-top:3px}
.concept-bottom-line{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);background:rgba(5,12,30,.38)}.concept-bottom-line>.container{min-height:70px;display:flex;align-items:center;gap:17px}.concept-bottom-line span{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d5dbe8}.concept-bottom-line i{width:5px;height:5px;border-radius:50%;background:var(--yellow)}.concept-bottom-line b{margin-left:auto;color:#76829c;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:1080px){.concept-hero{grid-template-columns:1fr 1fr;gap:35px}.concept-copy h2{font-size:58px}.concept-visual{height:610px}.concept-feature{width:180px}.concept-feature-top{right:0}.concept-app-card{right:0}}
@media(max-width:800px){.concept-hero{grid-template-columns:1fr;gap:20px;padding-top:105px}.concept-copy{padding-bottom:0}.concept-copy h2{font-size:60px}.concept-visual{height:640px;max-width:620px;width:100%;margin:auto}.concept-image{inset:25px 28px}.concept-feature-top{right:0}.concept-feature-bottom{left:0}.concept-app-card{right:0}.concept-bottom-line b{display:none}}
@media(max-width:560px){.concept-review-label{top:17px}.concept-review-label span{font-size:14px}.concept-hero{padding-top:80px;padding-bottom:40px}.concept-copy h2{font-size:44px}.concept-copy>p{font-size:15px}.concept-pillars{grid-template-columns:1fr}.concept-pillars>span,.concept-pillars>span+span{display:grid;grid-template-columns:28px 1fr;align-items:center;padding:11px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.concept-pillars>span:last-child{border-bottom:0}.concept-pillars b{grid-row:1/3}.concept-pillars strong{font-size:16px}.concept-actions{align-items:flex-start;flex-direction:column}.concept-visual{height:520px}.concept-image{inset:20px 0 24px;border-radius:180px 180px 20px 20px}.concept-colour-fan{display:none}.concept-feature{width:164px;padding:13px}.concept-feature-top{right:-5px;top:85px}.concept-feature-bottom{left:-5px;bottom:50px}.concept-feature strong{font-size:15px}.concept-feature span{font-size:14px}.concept-app-card{right:-4px;bottom:12px;width:210px}.concept-seal{width:88px;height:88px;right:10px;top:10px}.concept-seal strong{font-size:14px}.concept-bottom-line>.container{min-height:58px;gap:9px;justify-content:center}.concept-bottom-line span{font-size:14px}}

/* Hero-level refinement for the alternative banner */
.banner-concept-preview{background:radial-gradient(ellipse at 72% 38%,rgba(49,78,143,.62),transparent 34%),radial-gradient(circle at 22% 92%,rgba(89,64,155,.28),transparent 28%),linear-gradient(118deg,#050d20 0%,#0a1634 46%,#172c5c 100%)}
.banner-concept-preview:before{background-image:linear-gradient(115deg,transparent 0 61%,rgba(255,255,255,.035) 61% 61.15%,transparent 61.15%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,100% 52px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.7))}
.concept-hero{min-height:900px;grid-template-columns:.88fr 1.12fr;gap:58px;padding-top:112px;padding-bottom:72px}
.concept-copy{position:relative;z-index:2}.concept-copy:before{content:"A";position:absolute;z-index:-1;left:-70px;top:-76px;color:rgba(255,255,255,.025);font:700 330px/1 var(--serif)}
.concept-copy h2{position:relative;font-size:clamp(62px,6vw,88px);max-width:700px;margin-top:27px}.concept-copy h2:after{content:"";display:block;width:132px;height:6px;margin-top:28px;border-radius:99px;background:linear-gradient(90deg,var(--yellow),var(--coral),var(--violet));box-shadow:0 7px 24px rgba(225,174,53,.22)}
.concept-copy h2 em{font-size:.56em;color:#d8cef1}.concept-copy>p{font-size:17px;max-width:590px}.concept-pillars{max-width:590px}.concept-actions .btn-white{padding:16px 27px;box-shadow:0 16px 35px rgba(0,0,0,.22)}
.concept-visual{height:710px;filter:drop-shadow(0 42px 70px rgba(0,0,0,.27))}
.concept-image{inset:0 -44px 0 42px;border:1px solid rgba(255,255,255,.28);border-radius:34px;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%,0 16%);box-shadow:none}
.concept-image:before{content:"";position:absolute;z-index:2;inset:13px;border:1px solid rgba(255,255,255,.3);border-radius:22px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 15%);pointer-events:none}.concept-image:after{background:linear-gradient(0deg,rgba(5,12,30,.72),transparent 46%),linear-gradient(90deg,rgba(5,12,30,.36),transparent 42%)}
.concept-image img{object-position:72% center;transform:scale(1.14)}
.concept-range-caption{position:absolute;z-index:4;left:90px;top:36px;padding-left:16px;border-left:3px solid var(--yellow);text-shadow:0 3px 16px rgba(0,0,0,.5)}.concept-range-caption span,.concept-range-caption strong{display:block}.concept-range-caption span{color:#d5dbea;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.concept-range-caption strong{font:600 20px var(--serif);margin-top:3px}
.concept-colour-fan{left:-17px;top:215px}.concept-colour-fan i{height:165px}
.concept-feature{border-color:rgba(255,255,255,.55);box-shadow:0 24px 54px rgba(0,0,0,.3)}.concept-feature-top{right:-52px;top:158px}.concept-feature-bottom{left:-10px;bottom:76px}
.concept-app-card{right:-50px;bottom:55px;padding:15px 16px;background:linear-gradient(135deg,rgba(101,72,168,.97),rgba(35,26,78,.98))}.concept-seal{right:2px;top:-34px;width:126px;height:126px;background:rgba(5,13,32,.84)}
.concept-bottom-line{background:linear-gradient(90deg,rgba(5,12,30,.82),rgba(18,35,75,.72))}.concept-bottom-line>.container{min-height:76px}.concept-bottom-line span{font-size:14px}.concept-bottom-line b{color:#929db4;font-size:14px}

@media(max-width:1120px){.concept-hero{grid-template-columns:.95fr 1.05fr;gap:28px}.concept-copy h2{font-size:62px}.concept-image{right:-15px}.concept-feature-top,.concept-app-card{right:-8px}.concept-seal{right:15px}}
@media(max-width:800px){.concept-hero{grid-template-columns:1fr;min-height:0}.concept-copy h2{font-size:64px}.concept-visual{height:680px}.concept-image{inset:0 15px}.concept-feature-top{right:0}.concept-app-card{right:0}.concept-seal{right:30px}.concept-range-caption{left:65px}}
@media(max-width:560px){.concept-copy:before{display:none}.concept-copy h2{font-size:46px}.concept-copy h2:after{height:4px;margin-top:20px}.concept-visual{height:540px}.concept-image{inset:0;border-radius:22px;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 11%)}.concept-image:before{inset:8px;border-radius:15px}.concept-range-caption{left:30px;top:25px}.concept-range-caption strong{font-size:16px}.concept-feature-top{top:110px}.concept-feature-bottom{bottom:56px}.concept-seal{right:8px;top:-22px}.concept-app-card{right:-4px;bottom:16px}}

/* Rebuilt alternative as a true full-width hero banner */
.banner-concept-preview{min-height:860px;display:flex;align-items:stretch;background:#071126}
.banner-concept-preview:before{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 100%;mask-image:linear-gradient(90deg,#000,transparent 60%)}
.banner-concept-preview:after{z-index:1;width:620px;height:620px;left:-390px;right:auto;top:-340px;border-width:95px}
.hero-banner-media{position:absolute;inset:0 0 0 37%;overflow:hidden;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%,0 12%)}.hero-banner-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,38,.72),transparent 30%),linear-gradient(0deg,rgba(7,17,38,.38),transparent 38%)}.hero-banner-media img{width:100%;height:100%;object-fit:cover;object-position:72% center;filter:saturate(1.08) contrast(1.03);transform:scale(1.04)}
.hero-banner-wash{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#071126 0%,rgba(7,17,38,.99) 32%,rgba(7,17,38,.78) 48%,rgba(7,17,38,.08) 72%),linear-gradient(0deg,rgba(7,17,38,.56),transparent 38%);pointer-events:none}
.hero-banner-content{position:relative;z-index:3;min-height:860px;display:flex;align-items:center;padding-top:88px;padding-bottom:120px}
.hero-banner-copy{width:min(610px,52%);padding:45px 0}.hero-banner-kicker{display:flex;align-items:center;gap:12px;color:#d4c9ee;font-size:14px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero-banner-kicker i{width:42px;height:3px;border-radius:10px;background:linear-gradient(90deg,var(--yellow),var(--coral))}
.hero-banner-copy h2{font:600 clamp(62px,6.4vw,94px)/.95 var(--serif);letter-spacing:-.055em;margin:25px 0 27px;color:#fff}.hero-banner-copy h2 em{display:block;color:#d5c8ee;font-weight:600}.hero-banner-copy>p{max-width:570px;margin:0;color:#c2cad9;font-size:17px;line-height:1.75}.hero-banner-actions{display:flex;align-items:center;gap:11px;margin-top:31px;flex-wrap:wrap}.hero-banner-actions .btn{padding:15px 24px}
.hero-banner-proof{display:grid;grid-template-columns:repeat(3,1fr);max-width:590px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.hero-banner-proof>span{display:grid;grid-template-columns:24px 1fr;padding-right:17px}.hero-banner-proof i{grid-row:1/3;width:17px;height:17px;display:grid;place-items:center;margin-top:2px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#c8bce7;font-size:14px;font-style:normal}.hero-banner-proof b{font:600 15px var(--serif)}.hero-banner-proof small{color:#818ca4;font-size:14px;margin-top:2px}
.hero-banner-app{position:absolute;right:0;bottom:104px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:262px;padding:15px 16px;border:1px solid rgba(255,255,255,.35);border-radius:17px;background:rgba(11,22,51,.78);color:#fff;box-shadow:0 24px 55px rgba(0,0,0,.32);backdrop-filter:blur(16px)}.hero-banner-app-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--violet),var(--cyan));font:700 19px var(--serif)}.hero-banner-app small,.hero-banner-app strong,.hero-banner-app em{display:block}.hero-banner-app small{color:#9eabc2;font-size:14px}.hero-banner-app strong{font-size:14px;margin:2px 0}.hero-banner-app em{color:#d9cdef;font-size:14px;font-style:normal}.hero-banner-app>b{font-size:18px}
.hero-banner-rail{position:absolute;z-index:4;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.14);background:rgba(4,11,27,.82);backdrop-filter:blur(12px)}.hero-banner-rail>.container{min-height:82px;display:grid;grid-template-columns:repeat(4,1fr)}.hero-banner-rail span{display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.12);color:#d1d7e4;font-size:14px;font-weight:700;letter-spacing:.04em}.hero-banner-rail span:last-child{border:0}.hero-banner-rail b{color:#9d8dcb;font-size:14px}

@media(max-width:1050px){.hero-banner-media{left:32%}.hero-banner-copy{width:57%}.hero-banner-copy h2{font-size:68px}.hero-banner-app{right:10px}.hero-banner-rail span{font-size:14px}}
@media(max-width:800px){.banner-concept-preview,.hero-banner-content{min-height:980px}.hero-banner-media{inset:38% 0 0;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}.hero-banner-wash{background:linear-gradient(180deg,#071126 0%,#071126 42%,rgba(7,17,38,.74) 60%,rgba(7,17,38,.15) 82%),linear-gradient(0deg,rgba(7,17,38,.55),transparent)}.hero-banner-content{align-items:flex-start;padding-top:105px}.hero-banner-copy{width:100%;max-width:620px;padding:15px 0}.hero-banner-copy h2{font-size:70px}.hero-banner-app{right:18px;bottom:105px}.hero-banner-rail>.container{grid-template-columns:repeat(2,1fr);padding-block:10px}.hero-banner-rail span{min-height:32px}.hero-banner-rail span:nth-child(2){border-right:0}}
@media(max-width:560px){.banner-concept-preview,.hero-banner-content{min-height:940px}.hero-banner-content{padding-top:82px}.hero-banner-copy h2{font-size:48px}.hero-banner-copy>p{font-size:15px}.hero-banner-actions{align-items:stretch;flex-direction:column}.hero-banner-actions .btn{width:100%}.hero-banner-proof{gap:10px}.hero-banner-proof>span{grid-template-columns:19px 1fr;padding:0}.hero-banner-proof b{font-size:14px}.hero-banner-proof small{font-size:14px}.hero-banner-media{inset:51% 0 0}.hero-banner-app{left:14px;right:14px;bottom:92px;width:auto}.hero-banner-rail>.container{min-height:76px;gap:0 10px}.hero-banner-rail span{font-size:14px;gap:6px}.hero-banner-rail b{font-size:14px}}

/* Ultra-premium finishing layer for the hero candidate */
.banner-concept-preview{background:radial-gradient(ellipse at 76% 42%,rgba(44,73,139,.72),transparent 38%),radial-gradient(circle at 18% 88%,rgba(86,50,145,.32),transparent 29%),linear-gradient(120deg,#030918 0%,#07142f 46%,#152b59 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.08)}
.banner-concept-preview .concept-review-label{border-color:rgba(233,190,91,.35);background:rgba(3,9,24,.78)}
.banner-concept-preview .concept-review-label b{background:linear-gradient(135deg,#f7df9a,#c8952b);box-shadow:0 6px 18px rgba(225,174,53,.24)}
.hero-banner-wash:before{content:"";position:absolute;right:9%;top:10%;width:420px;height:110px;border-radius:50%;background:linear-gradient(90deg,rgba(42,168,188,.36),rgba(89,64,155,.42),rgba(225,174,53,.3),rgba(215,98,81,.28));filter:blur(45px);opacity:.75;transform:rotate(-11deg)}
.hero-banner-wash:after{content:"";position:absolute;right:7%;top:8%;width:440px;height:440px;border:1px solid rgba(232,194,101,.2);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(18deg)}
.hero-banner-media{filter:drop-shadow(-24px 30px 55px rgba(0,0,0,.3))}.hero-banner-media:before{content:"";position:absolute;z-index:2;inset:14px 14px 14px 8%;border:1px solid rgba(236,202,126,.32);clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 12%);pointer-events:none}.hero-banner-media:after{background:linear-gradient(90deg,rgba(3,9,24,.72),transparent 31%),linear-gradient(0deg,rgba(3,9,24,.53),transparent 44%),radial-gradient(circle at 76% 35%,transparent 0 33%,rgba(3,9,24,.14) 76%)}
.hero-banner-media img{filter:saturate(1.14) contrast(1.06) brightness(1.02)}
.hero-banner-copy:before{content:"ALONE";position:absolute;z-index:-1;left:-34px;top:-52px;color:rgba(255,255,255,.025);font:700 150px/1 var(--serif);letter-spacing:-.08em;pointer-events:none}
.hero-banner-kicker{color:#eee5cf}.hero-banner-kicker i{height:4px;background:linear-gradient(90deg,#f7dda0,#c5902f);box-shadow:0 5px 17px rgba(225,174,53,.24)}
.hero-banner-copy h2{margin-top:28px;text-shadow:0 9px 32px rgba(0,0,0,.22)}.hero-banner-copy h2 em{display:inline-block;margin-top:8px;color:transparent;background:linear-gradient(110deg,#f8e6b5 0%,#d5a94b 34%,#fff0c2 58%,#bd8730 100%);background-clip:text;-webkit-background-clip:text;text-shadow:none;filter:drop-shadow(0 8px 22px rgba(197,144,47,.14))}
.hero-banner-copy>p{position:relative;padding-left:18px;border-left:1px solid rgba(236,202,126,.36);color:#ccd3e1}
.hero-banner-actions .btn-white{border-color:#efdca7;background:linear-gradient(135deg,#fff7dc,#dfb95f);color:#111c3f;box-shadow:0 16px 38px rgba(203,153,49,.22)}.hero-banner-actions .btn-white:hover{background:linear-gradient(135deg,#fffbea,#edca75);box-shadow:0 20px 44px rgba(203,153,49,.3)}
.hero-banner-actions .btn-outline-light{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.035);backdrop-filter:blur(8px)}.hero-banner-actions .btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.09)}
.hero-banner-proof{border-image:linear-gradient(90deg,rgba(236,202,126,.42),rgba(255,255,255,.1),transparent) 1}.hero-banner-proof i{border-color:rgba(236,202,126,.45);background:rgba(225,174,53,.09);color:#f4d990}.hero-banner-proof>span:nth-child(2) i{border-color:rgba(42,168,188,.45);background:rgba(42,168,188,.1);color:#9de2eb}.hero-banner-proof>span:nth-child(3) i{border-color:rgba(164,136,222,.48);background:rgba(89,64,155,.16);color:#d8caef}
.hero-banner-app{border-color:rgba(236,202,126,.38);background:linear-gradient(135deg,rgba(12,25,55,.9),rgba(50,34,91,.9));box-shadow:0 28px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12)}.hero-banner-app-icon{background:conic-gradient(from 210deg,var(--cyan),var(--violet),var(--coral),var(--yellow),var(--cyan));color:#fff;box-shadow:0 9px 22px rgba(89,64,155,.32)}.hero-banner-app em{color:#f0d893}
.hero-banner-rail{border-top-color:rgba(236,202,126,.18);background:linear-gradient(90deg,rgba(2,7,18,.92),rgba(9,20,44,.88),rgba(23,34,73,.84))}.hero-banner-rail span{position:relative;padding-left:18px}.hero-banner-rail span:before{content:"";position:absolute;left:0;width:4px;height:28px;border-radius:4px;background:var(--violet)}.hero-banner-rail span:nth-child(2):before{background:var(--cyan)}.hero-banner-rail span:nth-child(3):before{background:var(--yellow)}.hero-banner-rail span:nth-child(4):before{background:var(--coral)}.hero-banner-rail b{color:#dec786}

@keyframes premiumHeroDrift{0%,100%{transform:scale(1.04) translate3d(0,0,0)}50%{transform:scale(1.065) translate3d(-.5%,0,0)}}
@keyframes premiumAppFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:no-preference){.hero-banner-media img{animation:premiumHeroDrift 14s ease-in-out infinite}.hero-banner-app{animation:premiumAppFloat 5s ease-in-out infinite}}
@media(max-width:800px){.hero-banner-copy:before{font-size:120px;top:-35px}.hero-banner-wash:before{right:-15%;width:330px}.hero-banner-media:before{inset:11px}}
@media(max-width:560px){.hero-banner-copy:before{display:none}.hero-banner-copy h2 em{margin-top:5px}.hero-banner-copy>p{padding-left:13px}.hero-banner-rail span{padding-left:8px}.hero-banner-rail span:before{height:19px;width:3px}}

/* Colour spectrum and evidence-based trust treatment */
.hero-colour-pattern{position:absolute;z-index:5;left:52%;bottom:106px;width:280px;padding:14px 16px 13px;border:1px solid rgba(255,255,255,.32);border-radius:16px;background:rgba(5,13,32,.74);box-shadow:0 24px 54px rgba(0,0,0,.32);backdrop-filter:blur(14px)}
.hero-colour-pattern>span{display:block;color:#f0dfae;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-colour-pattern>div{display:flex;height:30px;margin:9px 0 7px;overflow:hidden;border-radius:8px}.hero-colour-pattern i{display:block;flex:1;transform:skewX(-12deg);margin-left:-3px;box-shadow:inset 1px 0 rgba(255,255,255,.22)}.hero-colour-pattern i:first-child{margin-left:-8px;background:#dfd2b7}.hero-colour-pattern i:nth-child(2){background:#a98772}.hero-colour-pattern i:nth-child(3){background:#d9a72f}.hero-colour-pattern i:nth-child(4){background:#d5584e}.hero-colour-pattern i:nth-child(5){background:#63439d}.hero-colour-pattern i:nth-child(6){background:#20a4b8}.hero-colour-pattern>small{display:block;color:#98a4ba;font-size:14px}
.hero-trust-seal{position:absolute;z-index:5;right:38px;top:116px;width:148px;height:148px;padding:7px;border:1px solid rgba(238,207,133,.48);border-radius:50%;background:rgba(4,11,28,.68);box-shadow:0 28px 65px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06);backdrop-filter:blur(16px)}
.hero-trust-seal:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(238,207,133,.36);border-radius:50%;animation:trustSealSpin 30s linear infinite}.hero-trust-seal>div{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hero-trust-seal svg{position:relative;width:23px;height:23px;margin-bottom:3px;padding:4px;border-radius:50%;background:linear-gradient(135deg,#efd890,#bd862c);fill:none;stroke:#111c3f;stroke-width:2.2}.hero-trust-seal small,.hero-trust-seal strong,.hero-trust-seal span{position:relative;display:block}.hero-trust-seal small{color:#aab4c7;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-trust-seal strong{color:#f4e5bd;font:600 17px/1.02 var(--serif);margin:3px 0 4px}.hero-trust-seal span{max-width:104px;color:#8f9ab0;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.hero-banner-rail span{font-size:14px;text-transform:uppercase;letter-spacing:.065em}
@keyframes trustSealSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hero-trust-seal:before{animation:none}}
@media(max-width:1120px){.hero-colour-pattern{left:48%;width:240px}.hero-trust-seal{right:18px;width:130px;height:130px}.hero-banner-rail span{font-size:14px}}
@media(max-width:800px){.hero-trust-seal{right:24px;top:420px}.hero-colour-pattern{left:24px;bottom:108px}.hero-banner-rail span{font-size:14px}}
@media(max-width:560px){.hero-trust-seal{display:none}.hero-colour-pattern{left:14px;right:14px;bottom:169px;width:auto;padding:10px 12px}.hero-colour-pattern>div{height:22px;margin:6px 0}.hero-colour-pattern>small{display:none}.hero-banner-rail span{text-transform:none;letter-spacing:.02em}}

/* Overlapping physical colour chips based on the approved palette reference */
.hero-colour-pattern{width:250px;padding:15px 17px 14px;border-color:rgba(247,239,218,.42);background:linear-gradient(135deg,rgba(8,16,36,.88),rgba(30,29,57,.82));box-shadow:0 25px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.1)}
.hero-colour-pattern>span{color:#ead9a9;font-size:14px;letter-spacing:.18em}
.hero-colour-pattern>div{height:48px;display:flex;align-items:center;overflow:visible;margin:9px 0 8px;padding-left:2px;border-radius:0}
.hero-colour-pattern i{position:relative;flex:0 0 46px;width:46px;height:46px;margin-left:-10px;border:3px solid #f8f5ed;border-radius:50%;transform:none;box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,0,0,.05);transition:transform .25s ease}
.hero-colour-pattern i:first-child{z-index:1;margin-left:0;background:#e8e0d2}.hero-colour-pattern i:nth-child(2){z-index:2;background:#cbbca8}.hero-colour-pattern i:nth-child(3){z-index:3;background:#97849f}.hero-colour-pattern i:nth-child(4){z-index:4;background:#435366}.hero-colour-pattern i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 46%);pointer-events:none}
.hero-colour-pattern:hover i{transform:translateX(2px)}.hero-colour-pattern:hover i:nth-child(2){transform:translateX(5px)}.hero-colour-pattern:hover i:nth-child(3){transform:translateX(8px)}.hero-colour-pattern:hover i:nth-child(4){transform:translateX(11px)}
.hero-colour-pattern>small{color:#9ba6ba;font-size:14px;letter-spacing:.025em}
@media(max-width:560px){.hero-colour-pattern{left:14px;right:auto;bottom:164px;width:220px;padding:10px 13px}.hero-colour-pattern>div{height:39px;margin:6px 0}.hero-colour-pattern i{flex-basis:39px;width:39px;height:39px;border-width:2px}.hero-colour-pattern>small{display:none}}

/* Final crafted-luxury details for palette, trust, and product framing */
.hero-colour-pattern{width:285px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;text-shadow:0 3px 15px rgba(0,0,0,.55)}
.hero-colour-pattern:before{content:"";position:absolute;left:-15px;top:-12px;width:1px;height:96px;background:linear-gradient(transparent,rgba(239,216,154,.75),transparent)}
.hero-colour-pattern>span{display:flex;align-items:center;gap:9px;color:#f0dfa9;font-size:14px}.hero-colour-pattern>span:after{content:"";width:58px;height:1px;background:linear-gradient(90deg,rgba(239,216,154,.75),transparent)}
.hero-colour-pattern>div{height:62px;margin:11px 0 8px}.hero-colour-pattern i{flex-basis:58px;width:58px;height:58px;margin-left:-15px;border:4px solid #fffaf0;box-shadow:0 13px 28px rgba(0,0,0,.4),inset 0 0 0 1px rgba(0,0,0,.07)}.hero-colour-pattern i:first-child{margin-left:0}.hero-colour-pattern i:before{content:"";position:absolute;left:10px;top:7px;width:15px;height:8px;border-radius:50%;background:rgba(255,255,255,.34);filter:blur(1px);transform:rotate(-28deg)}
.hero-colour-pattern>small{color:#c1c9d8;font-size:14px;letter-spacing:.04em}
.hero-trust-seal{width:158px;height:158px;border:0;background:linear-gradient(145deg,rgba(8,17,39,.93),rgba(38,31,71,.88));box-shadow:0 32px 75px rgba(0,0,0,.44),inset 0 0 0 1px rgba(255,255,255,.1)}
.hero-trust-seal:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#e6c875 0 1deg,transparent 1deg 8deg);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);opacity:.72}
.hero-trust-seal:before{inset:9px;border-style:solid;border-color:rgba(239,216,154,.32);box-shadow:inset 0 0 25px rgba(225,174,53,.08)}
.hero-trust-seal svg{background:linear-gradient(145deg,#fff0bd,#c38e2e);box-shadow:0 7px 18px rgba(225,174,53,.25)}.hero-trust-seal strong{font-size:18px}.hero-trust-seal span{color:#aeb7ca}
.hero-banner-media{overflow:visible}.hero-banner-media:before{box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.hero-banner-content:before,.hero-banner-content:after{content:"";position:absolute;z-index:5;pointer-events:none}.hero-banner-content:before{right:4px;top:92px;width:82px;height:82px;border-top:2px solid rgba(239,216,154,.58);border-right:2px solid rgba(239,216,154,.58)}.hero-banner-content:after{right:4px;bottom:113px;width:82px;height:82px;border-right:2px solid rgba(239,216,154,.4);border-bottom:2px solid rgba(239,216,154,.4)}
.hero-banner-proof>span{transition:transform .25s ease}.hero-banner-proof>span:hover{transform:translateY(-3px)}
.hero-banner-rail span{transition:background .25s ease,padding-left .25s ease}.hero-banner-rail span:hover{padding-left:24px;background:rgba(255,255,255,.035)}.hero-banner-rail b{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(239,216,154,.28);border-radius:50%;background:rgba(225,174,53,.07)}
@media(max-width:1120px){.hero-colour-pattern{width:245px}.hero-colour-pattern i{flex-basis:50px;width:50px;height:50px}.hero-colour-pattern>div{height:54px}.hero-trust-seal{width:138px;height:138px}}
@media(max-width:800px){.hero-banner-content:before,.hero-banner-content:after{display:none}.hero-colour-pattern{width:245px}.hero-trust-seal{width:128px;height:128px}}
@media(max-width:560px){.hero-colour-pattern{left:18px;bottom:166px;width:205px;padding:0}.hero-colour-pattern:before{height:66px}.hero-colour-pattern>span{font-size:14px}.hero-colour-pattern>div{height:43px;margin:6px 0}.hero-colour-pattern i{flex-basis:42px;width:42px;height:42px;margin-left:-11px;border-width:3px}.hero-colour-pattern>small{display:none}.hero-banner-rail span:hover{padding-left:8px}.hero-banner-rail b{width:18px;height:18px}}

/* Larger hero typography for comfortable reading */
.banner-concept-preview .concept-review-label span{font-size:14px}.banner-concept-preview .concept-review-label b{font-size:14px}
.hero-banner-kicker{font-size:14px}.hero-banner-copy h2{font-size:clamp(66px,6.6vw,98px)}.hero-banner-copy>p{font-size:19px;line-height:1.7}
.hero-banner-actions .btn{font-size:15px;padding:16px 27px}
.hero-banner-proof b{font-size:17px}.hero-banner-proof small{font-size:14px}.hero-banner-proof i{width:20px;height:20px;font-size:14px}
.hero-banner-app{width:285px}.hero-banner-app small{font-size:14px}.hero-banner-app strong{font-size:14px}.hero-banner-app em{font-size:14px}.hero-banner-app>b{font-size:21px}
.hero-colour-pattern>span{font-size:14px}.hero-colour-pattern>small{font-size:14px;line-height:1.45}
.hero-trust-seal small{font-size:14px}.hero-trust-seal strong{font-size:21px}.hero-trust-seal span{font-size:14px;line-height:1.35}
.hero-banner-rail span{font-size:14px}.hero-banner-rail b{font-size:14px}

@media(max-width:800px){.hero-banner-kicker{font-size:14px}.hero-banner-copy>p{font-size:17px}.hero-banner-proof b{font-size:16px}.hero-banner-proof small{font-size:14px}.hero-banner-app{width:275px}.hero-banner-rail span{font-size:14px}}
@media(max-width:560px){.banner-concept-preview .concept-review-label span{font-size:14px}.banner-concept-preview .concept-review-label b{font-size:14px}.hero-banner-kicker{font-size:14px}.hero-banner-copy h2{font-size:50px}.hero-banner-copy>p{font-size:16px}.hero-banner-actions .btn{font-size:14px}.hero-banner-proof b{font-size:14px}.hero-banner-proof small{font-size:14px}.hero-colour-pattern>span{font-size:14px}.hero-banner-app{width:auto}.hero-banner-app small{font-size:14px}.hero-banner-app strong{font-size:14px}.hero-banner-app em{font-size:14px}.hero-banner-rail span{font-size:14px}.hero-banner-rail b{font-size:14px}}

/* Published contact details */
.contact-methods strong a{display:inline-flex;align-items:center;min-height:28px;color:var(--navy);font-size:15px;transition:color .2s,transform .2s}.contact-methods strong a:hover{color:var(--violet);transform:translateX(3px)}

/* Final hero composition — clearer message, stronger product focus, quieter utility layer */
.banner-concept-preview{min-height:820px;isolation:isolate;background:radial-gradient(ellipse at 75% 32%,rgba(38,72,139,.62),transparent 36%),linear-gradient(112deg,#030a19 0%,#07142e 48%,#132a57 100%)}
.banner-concept-preview .hero-banner-media{inset:0 0 0 43%;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 10%)}
.banner-concept-preview .hero-banner-media img{object-position:67% center;transform:scale(1.015);filter:saturate(1.12) contrast(1.045) brightness(1.02)}
.banner-concept-preview .hero-banner-media:before{inset:14px 14px 14px 6%}
.banner-concept-preview .hero-banner-media:after{background:linear-gradient(90deg,rgba(3,10,25,.82),rgba(3,10,25,.25) 26%,transparent 43%),linear-gradient(0deg,rgba(3,10,25,.48),transparent 40%)}
.banner-concept-preview .hero-banner-wash{background:linear-gradient(90deg,#030a19 0%,rgba(3,10,25,.99) 35%,rgba(3,10,25,.82) 47%,rgba(3,10,25,.08) 68%),linear-gradient(0deg,rgba(3,10,25,.5),transparent 42%)}
.banner-concept-preview .hero-banner-content{min-height:820px;align-items:center;padding-top:92px;padding-bottom:126px}
.banner-concept-preview .hero-banner-copy{width:48%;max-width:550px;padding:30px 0 52px}
.banner-concept-preview .hero-banner-copy:before{left:-48px;top:-65px;font-size:260px;opacity:.72}
.banner-concept-preview .hero-banner-copy h2{max-width:540px;margin:25px 0 25px;font-size:clamp(60px,5.25vw,82px);line-height:.98;letter-spacing:-.05em}
.banner-concept-preview .hero-banner-copy h2 em{margin-top:7px;color:#e7c978;text-shadow:0 9px 34px rgba(219,174,66,.15)}
.banner-concept-preview .hero-banner-copy>p{max-width:525px;padding-left:17px;border-left-color:rgba(230,198,118,.6);font-size:17px;line-height:1.72;color:#cbd3e2}
.banner-concept-preview .hero-banner-actions{margin-top:27px}
.banner-concept-preview .hero-banner-actions .btn{min-height:54px;padding:15px 24px}
.banner-concept-preview .hero-banner-proof{max-width:535px;margin-top:30px;padding-top:20px}
.banner-concept-preview .hero-banner-proof b{font-size:15px}
.banner-concept-preview .hero-banner-proof small{font-size:14px}
.banner-concept-preview .hero-trust-seal{top:105px;right:42px;width:136px;height:136px}
.banner-concept-preview .hero-trust-seal strong{font-size:19px}
.banner-concept-preview .hero-banner-content:before{right:3px;top:84px;width:74px;height:74px}
.banner-concept-preview .hero-banner-content:after{display:none}
.hero-banner-tools{position:absolute;z-index:6;right:max(30px,calc((100vw - 1200px)/2));bottom:91px;display:flex;align-items:stretch;gap:10px;padding:9px;border:1px solid rgba(239,216,154,.25);border-radius:21px;background:linear-gradient(135deg,rgba(4,12,30,.82),rgba(22,24,52,.75));box-shadow:0 25px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.hero-banner-tools .hero-colour-pattern{position:relative;left:auto;bottom:auto;width:218px;min-height:74px;padding:7px 13px 5px;text-shadow:none}
.hero-banner-tools .hero-colour-pattern:before{top:3px;left:auto;right:-5px;height:65px;background:linear-gradient(transparent,rgba(239,216,154,.45),transparent)}
.hero-banner-tools .hero-colour-pattern>span{font-size:14px}
.hero-banner-tools .hero-colour-pattern>span:after{width:32px}
.hero-banner-tools .hero-colour-pattern>div{height:39px;margin:4px 0 2px}
.hero-banner-tools .hero-colour-pattern i{flex-basis:38px;width:38px;height:38px;margin-left:-8px;border-width:3px;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.hero-banner-tools .hero-colour-pattern i:first-child{margin-left:0}
.hero-banner-tools .hero-colour-pattern i:before{left:7px;top:5px;width:10px;height:5px}
.hero-banner-tools .hero-colour-pattern>small{font-size:14px;color:#aeb8ca}
.hero-banner-tools .hero-banner-app{position:relative;right:auto;bottom:auto;width:254px;min-height:74px;padding:10px 13px;border:0;border-radius:14px;background:linear-gradient(135deg,rgba(53,42,96,.92),rgba(27,40,80,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.hero-banner-tools .hero-banner-app-icon{width:35px;height:35px;border-radius:11px;font-size:17px}
.hero-banner-tools .hero-banner-app small{font-size:14px}.hero-banner-tools .hero-banner-app strong{font-size:14px}.hero-banner-tools .hero-banner-app em{font-size:14px}
.banner-concept-preview .hero-banner-rail{background:linear-gradient(90deg,rgba(2,8,20,.76),rgba(9,19,42,.72),rgba(17,31,66,.68));backdrop-filter:blur(18px)}
.banner-concept-preview .hero-banner-rail>.container{min-height:70px}
.banner-concept-preview .hero-banner-rail span{padding-left:12px;font-size:14px;color:#c8d0df}
.banner-concept-preview .hero-banner-rail span:before{width:2px;height:22px}
.banner-concept-preview .hero-banner-rail b{width:23px;height:23px;font-size:14px}
@media(prefers-reduced-motion:no-preference){.hero-banner-tools .hero-banner-app{animation:none}.hero-banner-tools{animation:premiumAppFloat 6s ease-in-out infinite}}
@media(max-width:1120px){.banner-concept-preview .hero-banner-media{left:40%}.banner-concept-preview .hero-banner-copy{width:52%;max-width:520px}.banner-concept-preview .hero-banner-copy h2{font-size:64px}.hero-banner-tools{right:20px}.hero-banner-tools .hero-colour-pattern{display:none}}
@media(max-width:800px){.banner-concept-preview,.banner-concept-preview .hero-banner-content{min-height:1020px}.banner-concept-preview .hero-banner-media{inset:42% 0 0;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.banner-concept-preview .hero-banner-wash{background:linear-gradient(180deg,#030a19 0%,#030a19 43%,rgba(3,10,25,.64) 61%,rgba(3,10,25,.18) 82%)}.banner-concept-preview .hero-banner-content{align-items:flex-start;padding-top:98px}.banner-concept-preview .hero-banner-copy{width:100%;max-width:620px;padding-top:18px}.banner-concept-preview .hero-banner-copy h2{font-size:68px}.banner-concept-preview .hero-trust-seal{top:445px;right:22px;width:118px;height:118px}.hero-banner-tools{right:18px;bottom:88px;padding:7px}.banner-concept-preview .hero-banner-rail>.container{min-height:76px}}
@media(max-width:560px){.banner-concept-preview,.banner-concept-preview .hero-banner-content{min-height:1000px}.banner-concept-preview .hero-banner-content{padding-top:78px}.banner-concept-preview .hero-banner-copy h2{font-size:48px}.banner-concept-preview .hero-banner-copy>p{font-size:15px}.banner-concept-preview .hero-banner-proof{margin-top:24px}.banner-concept-preview .hero-banner-media{inset:55% 0 0}.banner-concept-preview .hero-trust-seal{display:none}.hero-banner-tools{left:14px;right:14px;bottom:86px}.hero-banner-tools .hero-banner-app{width:100%}.banner-concept-preview .hero-banner-rail span{padding-left:7px;font-size:14px}.banner-concept-preview .hero-banner-rail b{width:19px;height:19px;font-size:14px}}

/* Wider hero canvas to remove the oversized empty left gutter on large screens */
.banner-concept-preview .hero-banner-content,
.banner-concept-preview .hero-banner-rail>.container{width:min(1500px,calc(100% - 96px))}
.banner-concept-preview .hero-banner-copy{margin-left:0}
.banner-concept-preview .hero-banner-tools{right:max(48px,calc((100vw - 1500px)/2))}
@media(max-width:1120px){.banner-concept-preview .hero-banner-content,.banner-concept-preview .hero-banner-rail>.container{width:var(--container)}.banner-concept-preview .hero-banner-tools{right:24px}}
@media(max-width:560px){.banner-concept-preview .hero-banner-tools{left:14px;right:14px}}

/* Persistent WhatsApp contact */
.whatsapp-float{position:fixed;z-index:120;right:24px;bottom:24px;width:58px;height:58px;display:grid;place-items:center;padding:6px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:linear-gradient(145deg,#2bdf71,#18ad50);color:#fff;box-shadow:0 16px 42px rgba(7,54,34,.28),0 5px 14px rgba(16,27,63,.12);transition:transform .25s ease,box-shadow .25s ease}
.whatsapp-float:before{content:"";position:absolute;inset:-5px;border:1px solid rgba(37,211,102,.28);border-radius:inherit;pointer-events:none}
.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 21px 50px rgba(7,54,34,.3),0 7px 18px rgba(16,27,63,.14)}
.whatsapp-float:focus-visible{outline:3px solid rgba(37,211,102,.38);outline-offset:4px}
.whatsapp-float-icon{position:relative;width:45px;height:45px;display:grid;place-items:center;border-radius:50%}
.whatsapp-float-icon:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(37,211,102,.3);animation:whatsappPulse 2.3s ease-out infinite}
.whatsapp-float-icon svg{width:27px;height:27px;fill:#fff}
@keyframes whatsappPulse{0%{opacity:.85;transform:scale(.9)}75%,100%{opacity:0;transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.whatsapp-float-icon:after{animation:none}}
@media(max-width:560px){.whatsapp-float{right:15px;bottom:15px;width:54px;height:54px;padding:5px}.whatsapp-float-icon{width:41px;height:41px}}

/* Premium banner motion — restrained, layered, and scroll-triggered */
@keyframes heroContentEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroGoldShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes heroGlowTravel{0%,100%{opacity:.5;transform:translate3d(0,0,0) rotate(-11deg)}50%{opacity:.88;transform:translate3d(-55px,24px,0) rotate(-5deg)}}
@keyframes heroFrameGlow{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes heroSealFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1.5deg)}}
@keyframes heroChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes heroButtonSweep{0%{transform:translateX(-150%) skewX(-20deg)}55%,100%{transform:translateX(240%) skewX(-20deg)}}
@keyframes heroRailPulse{0%,100%{box-shadow:0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 18px currentColor}}
@media(prefers-reduced-motion:no-preference){
    .banner-concept-preview .hero-banner-wash:before{animation:heroGlowTravel 9s ease-in-out infinite}
    .banner-concept-preview .hero-banner-media:before{animation:heroFrameGlow 4.5s ease-in-out infinite}
    .banner-concept-preview .hero-trust-seal{animation:heroSealFloat 5.5s ease-in-out infinite}
    .banner-concept-preview .hero-banner-copy.is-visible .hero-banner-kicker{animation:heroContentEnter .65s .08s both}
    .banner-concept-preview .hero-banner-copy.is-visible h2{animation:heroContentEnter .78s .18s both}
    .banner-concept-preview .hero-banner-copy.is-visible>p{animation:heroContentEnter .72s .3s both}
    .banner-concept-preview .hero-banner-copy.is-visible .hero-banner-actions{animation:heroContentEnter .7s .4s both}
    .banner-concept-preview .hero-banner-copy.is-visible .hero-banner-proof{animation:heroContentEnter .7s .5s both}
    .banner-concept-preview .hero-banner-copy h2 em{background:linear-gradient(100deg,#e0ba5c 0%,#fff0bd 42%,#d7a943 68%,#e7c978 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:heroGoldShimmer 6s ease-in-out infinite}
    .banner-concept-preview .hero-banner-actions .btn-white{position:relative;overflow:hidden}
    .banner-concept-preview .hero-banner-actions .btn-white:after{content:"";position:absolute;inset:-20% auto -20% -35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);animation:heroButtonSweep 4.8s 1.2s ease-in-out infinite;pointer-events:none}
    .hero-banner-tools .hero-colour-pattern i{animation:heroChipFloat 3.8s ease-in-out infinite}
    .hero-banner-tools .hero-colour-pattern i:nth-child(2){animation-delay:.25s}.hero-banner-tools .hero-colour-pattern i:nth-child(3){animation-delay:.5s}.hero-banner-tools .hero-colour-pattern i:nth-child(4){animation-delay:.75s}
    .banner-concept-preview .hero-banner-rail span:before{animation:heroRailPulse 3.2s ease-in-out infinite}
    .banner-concept-preview .hero-banner-rail span:nth-child(2):before{animation-delay:.35s}.banner-concept-preview .hero-banner-rail span:nth-child(3):before{animation-delay:.7s}.banner-concept-preview .hero-banner-rail span:nth-child(4):before{animation-delay:1.05s}
}

/* Realistic depth and light response for the premium banner */
.banner-concept-preview{--hero-media-x:0px;--hero-media-y:0px;--hero-tools-x:0px;--hero-tools-y:0px;--hero-seal-x:0px;--hero-light-x:72%;--hero-light-y:28%;perspective:1400px}
.banner-concept-preview:after{z-index:2;left:var(--hero-light-x);right:auto;top:var(--hero-light-y);width:560px;height:560px;border:0;background:radial-gradient(circle,rgba(255,224,145,.15) 0%,rgba(79,162,202,.07) 31%,transparent 70%);filter:blur(12px);transform:translate(-50%,-50%);opacity:.85;transition:left .8s cubic-bezier(.2,.7,.2,1),top .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.banner-concept-preview .hero-banner-media{transform:translate3d(var(--hero-media-x),var(--hero-media-y),0);transform-origin:center;transition:transform .95s cubic-bezier(.16,1,.3,1);will-change:transform}
.banner-concept-preview .hero-banner-media:after{background:radial-gradient(circle at var(--hero-light-x) var(--hero-light-y),rgba(255,231,170,.16),transparent 21%),linear-gradient(90deg,rgba(3,10,25,.82),rgba(3,10,25,.25) 26%,transparent 43%),linear-gradient(0deg,rgba(3,10,25,.48),transparent 40%);transition:background-position .8s ease}
.banner-concept-preview .hero-banner-tools{animation:none;transform:translate3d(var(--hero-tools-x),var(--hero-tools-y),30px);transition:transform 1s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;will-change:transform}
.banner-concept-preview .hero-banner-tools:hover{box-shadow:0 32px 78px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13)}
@keyframes premiumHeroDrift{0%,100%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.035) translate3d(-.3%,.15%,0)}}
@keyframes heroSealFloat{0%,100%{transform:translate3d(var(--hero-seal-x),0,45px) rotate(0)}50%{transform:translate3d(var(--hero-seal-x),-8px,45px) rotate(1deg)}}
@media(prefers-reduced-motion:no-preference){.banner-concept-preview .hero-banner-media img{animation-duration:18s}.banner-concept-preview .hero-trust-seal{animation:heroSealFloat 6.5s ease-in-out infinite}.banner-concept-preview .hero-colour-pattern i{animation-duration:5.2s}}
@media(pointer:coarse){.banner-concept-preview .hero-banner-media,.banner-concept-preview .hero-banner-tools{will-change:auto}}

/* Homepage hero concept v2 — clean editorial message with a cinematic product stage */
.hero-showcase{--hero-media-x:0px;--hero-media-y:0px;--hero-tools-x:0px;--hero-tools-y:0px;--hero-light-x:72%;--hero-light-y:28%;position:relative;isolation:isolate;min-height:850px;overflow:hidden;color:#fff;background:radial-gradient(circle at 23% 18%,#12264b 0%,#07142c 32%,#030b1c 74%);border-block:1px solid rgba(226,195,113,.18)}
.hero-showcase:before{content:"ALONE";position:absolute;z-index:-1;left:-42px;top:-118px;color:rgba(255,255,255,.018);font:700 285px/1 var(--serif);letter-spacing:-.08em;pointer-events:none}
.hero-showcase:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:96px;height:1px;background:linear-gradient(90deg,transparent,rgba(231,199,119,.62) 20%,rgba(231,199,119,.08) 66%,transparent);pointer-events:none}
.hero-showcase-art{position:absolute;z-index:1;inset:0 0 0 42%;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 12%);transform:translate3d(var(--hero-media-x),var(--hero-media-y),0);transform-origin:center;transition:transform 1s cubic-bezier(.16,1,.3,1);will-change:transform}
.hero-showcase-art:before{content:"";position:absolute;z-index:2;inset:20px 18px 116px 9%;border-top:1px solid rgba(239,216,154,.42);border-right:1px solid rgba(239,216,154,.28);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 10%);pointer-events:none}
.hero-showcase-art:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#061228 0%,rgba(6,18,40,.78) 13%,rgba(6,18,40,.18) 33%,transparent 51%),linear-gradient(0deg,rgba(3,10,26,.72) 0%,transparent 35%),radial-gradient(circle at var(--hero-light-x) var(--hero-light-y),rgba(255,224,143,.16),transparent 23%)}
.hero-showcase-art img{width:100%;height:100%;object-fit:cover;object-position:69% center;filter:saturate(1.1) contrast(1.04) brightness(.98);transform:scale(1.025)}
.hero-showcase-light{position:absolute;z-index:2;left:var(--hero-light-x);top:var(--hero-light-y);width:570px;height:570px;border-radius:50%;background:radial-gradient(circle,rgba(255,222,135,.13),rgba(53,150,191,.06) 34%,transparent 70%);filter:blur(17px);transform:translate(-50%,-50%);transition:left .9s cubic-bezier(.16,1,.3,1),top .9s cubic-bezier(.16,1,.3,1);pointer-events:none}
.hero-showcase-inner{position:relative;z-index:5;width:min(1660px,calc(100% - 128px));min-height:850px;margin-inline:auto;display:flex;align-items:center;padding:72px 0 158px}
.hero-showcase-copy{width:46%;max-width:650px}
.hero-showcase-preview{width:max-content;display:flex;align-items:center;gap:8px;margin-bottom:51px;padding:6px 7px 6px 13px;border:1px solid rgba(239,216,154,.24);border-radius:999px;background:rgba(3,11,28,.5);backdrop-filter:blur(10px)}
.hero-showcase-preview span,.hero-showcase-preview b{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-showcase-preview span{color:#aeb8cb}.hero-showcase-preview b{padding:5px 9px;border-radius:999px;background:#e8c56f;color:#07142c}
.hero-showcase-kicker{display:flex;align-items:center;gap:13px;margin:0;color:#e7d7ae;font-size:14px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.hero-showcase-kicker i{display:block;width:40px;height:2px;background:linear-gradient(90deg,#e8c56f,#fff0bd)}
.hero-showcase h2{max-width:650px;margin:22px 0 24px;font:600 clamp(65px,5.25vw,94px)/.93 var(--serif);letter-spacing:-.058em}.hero-showcase h2 span,.hero-showcase h2 em{display:block}.hero-showcase h2 span{color:#fff}.hero-showcase h2 em{margin-top:9px;color:#e8c56f;font-style:italic;font-weight:600}
.hero-showcase-lede{max-width:585px;margin:0;padding-left:18px;border-left:1px solid rgba(232,197,111,.56);color:#c6cede;font-size:17px;line-height:1.72}
.hero-showcase-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.hero-showcase-primary{min-height:56px;padding:15px 25px;border-color:#f2dc9f;border-radius:999px;background:linear-gradient(135deg,#fff2c7,#d5a844);color:#0a1733;box-shadow:0 15px 38px rgba(203,153,49,.2)}.hero-showcase-primary:hover{background:linear-gradient(135deg,#fff8df,#e7be59);box-shadow:0 20px 46px rgba(203,153,49,.3)}
.hero-showcase-link{display:flex;align-items:center;gap:14px;color:#edf1f8;font-size:14px;font-weight:700}.hero-showcase-link span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;transition:.25s}.hero-showcase-link:hover span{border-color:#e8c56f;background:rgba(232,197,111,.1);transform:translate(2px,-2px)}
.hero-showcase-palette{display:flex;align-items:center;gap:18px;margin-top:34px}.hero-showcase-palette>div{display:flex;align-items:center}.hero-showcase-palette i{position:relative;width:40px;height:40px;margin-left:-9px;border:3px solid #fffaf0;border-radius:50%;box-shadow:0 8px 18px rgba(0,0,0,.28)}.hero-showcase-palette i:first-child{margin-left:0;background:#e7dfd1}.hero-showcase-palette i:nth-child(2){background:#cabda9}.hero-showcase-palette i:nth-child(3){background:#96839e}.hero-showcase-palette i:nth-child(4){background:#405164}.hero-showcase-palette p{margin:0}.hero-showcase-palette small,.hero-showcase-palette strong{display:block}.hero-showcase-palette small{color:#8895aa;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-showcase-palette strong{margin-top:3px;color:#d9dfeb;font-size:14px}
.hero-showcase-promise{position:absolute;z-index:6;right:5.4%;top:105px;display:flex;align-items:center;gap:13px;padding:12px 16px 12px 12px;border:1px solid rgba(239,216,154,.4);border-radius:16px;background:linear-gradient(135deg,rgba(5,14,35,.88),rgba(38,31,69,.78));box-shadow:0 24px 55px rgba(0,0,0,.35);backdrop-filter:blur(14px);transform:translate3d(var(--hero-tools-x),var(--hero-tools-y),30px);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.hero-showcase-promise>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#f5dfa2,#b88329);color:#07142c;font:700 22px var(--serif)}.hero-showcase-promise small,.hero-showcase-promise strong{display:block}.hero-showcase-promise small{color:#9ca8bd;font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero-showcase-promise strong{margin-top:3px;color:#f3e3b9;font:600 14px var(--serif)}
.hero-showcase-footer{position:absolute;z-index:7;left:0;right:0;bottom:0;min-height:96px;display:flex;align-items:center;gap:40px;padding-inline:max(64px,calc((100vw - 1660px)/2));background:linear-gradient(90deg,rgba(2,8,21,.94),rgba(8,19,43,.9) 54%,rgba(23,34,72,.87));backdrop-filter:blur(18px)}
.hero-showcase-trust{display:grid;grid-template-columns:repeat(3,minmax(160px,210px));flex:1}.hero-showcase-trust>span{position:relative;display:grid;grid-template-columns:33px 1fr;padding-right:28px}.hero-showcase-trust>span+span{padding-left:28px;border-left:1px solid rgba(255,255,255,.12)}.hero-showcase-trust i{grid-row:1/3;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(232,197,111,.36);border-radius:50%;color:#e8c56f;font-size:14px;font-style:normal}.hero-showcase-trust b{color:#f4f6fa;font:600 15px var(--serif)}.hero-showcase-trust small{margin-top:2px;color:#7f8ba3;font-size:14px}
.hero-showcase-app{width:265px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.055);transition:.25s}.hero-showcase-app:hover{border-color:rgba(232,197,111,.48);background:rgba(255,255,255,.09);transform:translateY(-2px)}.hero-showcase-app>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:conic-gradient(from 210deg,var(--cyan),var(--violet),var(--coral),var(--yellow),var(--cyan));font:700 18px var(--serif)}.hero-showcase-app small,.hero-showcase-app strong{display:block}.hero-showcase-app small{color:#8e9ab1;font-size:14px}.hero-showcase-app strong{font-size:14px}.hero-showcase-app>i{color:#e8c56f;font-size:17px;font-style:normal}
@keyframes showcaseImageDrift{0%,100%{transform:scale(1.025) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.35%,.15%,0)}}
@keyframes showcasePromiseFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
@keyframes showcasePaletteBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:no-preference){.hero-showcase-art img{animation:showcaseImageDrift 18s ease-in-out infinite}.hero-showcase-promise{animation:showcasePromiseFloat 6s ease-in-out infinite}.hero-showcase-palette i{animation:showcasePaletteBreathe 5s ease-in-out infinite}.hero-showcase-palette i:nth-child(2){animation-delay:.3s}.hero-showcase-palette i:nth-child(3){animation-delay:.6s}.hero-showcase-palette i:nth-child(4){animation-delay:.9s}}
@media(max-width:1120px){.hero-showcase-inner{width:var(--container)}.hero-showcase-copy{width:52%}.hero-showcase h2{font-size:66px}.hero-showcase-art{left:40%}.hero-showcase-footer{padding-inline:24px}.hero-showcase-promise{right:24px}.hero-showcase-trust{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.hero-showcase{min-height:1040px}.hero-showcase:after{bottom:138px}.hero-showcase-art{inset:45% 0 0;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.hero-showcase-art:before{inset:14px 14px 145px}.hero-showcase-art:after{background:linear-gradient(180deg,#061228 0%,rgba(6,18,40,.34) 25%,transparent 48%),linear-gradient(0deg,rgba(3,10,26,.8),transparent 40%)}.hero-showcase-inner{min-height:1040px;align-items:flex-start;padding-top:90px}.hero-showcase-copy{width:100%;max-width:650px}.hero-showcase-preview{margin-bottom:34px}.hero-showcase h2{font-size:70px}.hero-showcase-promise{top:500px;right:22px}.hero-showcase-footer{min-height:138px;align-items:stretch;gap:18px;padding:18px}.hero-showcase-trust{grid-template-columns:repeat(3,1fr)}.hero-showcase-trust>span{grid-template-columns:28px 1fr;padding-right:12px}.hero-showcase-trust>span+span{padding-left:12px}.hero-showcase-app{width:225px}}
@media(max-width:560px){.hero-showcase{min-height:1040px}.hero-showcase:before{display:none}.hero-showcase:after{bottom:166px}.hero-showcase-inner{min-height:1040px;width:calc(100% - 28px);padding-top:72px}.hero-showcase-preview{margin-bottom:28px}.hero-showcase-preview span{font-size:14px}.hero-showcase-kicker{font-size:14px;letter-spacing:.13em}.hero-showcase-kicker i{width:25px}.hero-showcase h2{font-size:47px;margin-top:18px}.hero-showcase-lede{font-size:14px;line-height:1.65}.hero-showcase-actions{align-items:flex-start;flex-direction:column;gap:17px;margin-top:24px}.hero-showcase-primary{width:100%}.hero-showcase-palette{margin-top:24px}.hero-showcase-palette i{width:34px;height:34px}.hero-showcase-palette strong{font-size:14px}.hero-showcase-art{inset:54% 0 0}.hero-showcase-promise{top:565px;right:14px;padding:8px 11px 8px 8px}.hero-showcase-promise>span{width:39px;height:39px;font-size:17px}.hero-showcase-promise strong{font-size:14px}.hero-showcase-footer{min-height:166px;display:block;padding:14px}.hero-showcase-trust{grid-template-columns:repeat(3,1fr);margin-bottom:12px}.hero-showcase-trust>span{display:flex;align-items:center;gap:5px;padding:0 5px}.hero-showcase-trust>span+span{padding-left:7px}.hero-showcase-trust i{width:18px;height:18px;flex:0 0 auto;font-size:14px}.hero-showcase-trust b{font:700 14px var(--sans)}.hero-showcase-trust small{display:none}.hero-showcase-app{width:100%;grid-template-columns:35px 1fr auto;padding:8px 10px}.hero-showcase-app>b{width:33px;height:33px}}

/* Final campaign composition using purpose-built hero artwork */
.hero-showcase{min-height:800px;background:#061226}
.hero-showcase:before{top:-132px;opacity:.55}
.hero-showcase:after{bottom:82px}
.hero-showcase-art{inset:-16px;clip-path:none}
.hero-showcase-art:before{inset:36px 28px 112px;border:1px solid rgba(239,216,154,.3);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.hero-showcase-art:after{background:linear-gradient(90deg,rgba(3,10,25,.42) 0%,rgba(3,10,25,.22) 32%,transparent 52%),linear-gradient(0deg,rgba(3,10,25,.5),transparent 33%),radial-gradient(circle at var(--hero-light-x) var(--hero-light-y),rgba(255,224,143,.13),transparent 22%)}
.hero-showcase-art img{object-position:center;filter:saturate(1.06) contrast(1.03) brightness(.98)}
.hero-showcase-inner{width:min(1600px,calc(100% - 96px));min-height:800px;padding:86px 0 132px}
.hero-showcase-copy{width:43%;max-width:620px}
.hero-showcase-kicker{font-size:14px}
.hero-showcase h2{max-width:620px;margin:24px 0 27px;font-size:clamp(62px,4.7vw,84px);line-height:.96}
.hero-showcase h2 em{margin-top:8px}
.hero-showcase-lede{max-width:555px;font-size:16px;line-height:1.7}
.hero-showcase-actions{margin-top:29px}
.hero-showcase-promise{top:65px;right:max(40px,calc((100vw - 1600px)/2));padding:10px 14px 10px 10px}
.hero-showcase-promise>span{width:44px;height:44px;font-size:20px}
.hero-showcase-footer{min-height:82px;padding-inline:max(48px,calc((100vw - 1600px)/2));background:linear-gradient(90deg,rgba(2,8,21,.96),rgba(8,19,43,.93) 58%,rgba(19,31,66,.9))}
.hero-showcase-app{width:255px;padding:8px 12px}.hero-showcase-app>b{background:transparent}.hero-showcase-app>b svg{width:25px;height:25px;fill:#fff}
@media(max-width:1120px){.hero-showcase-inner{width:var(--container)}.hero-showcase-copy{width:49%}.hero-showcase h2{font-size:62px}.hero-showcase-footer{padding-inline:24px}.hero-showcase-promise{right:24px}}
@media(max-width:800px){.hero-showcase{min-height:1000px}.hero-showcase:after{bottom:138px}.hero-showcase-art{inset:43% -16px -16px}.hero-showcase-art img{object-position:72% center}.hero-showcase-art:before{inset:18px 18px 154px}.hero-showcase-art:after{background:linear-gradient(180deg,#061226 0%,rgba(6,18,38,.3) 28%,transparent 52%),linear-gradient(0deg,rgba(3,10,25,.66),transparent 42%)}.hero-showcase-inner{min-height:1000px;padding-top:82px}.hero-showcase-copy{width:100%;max-width:610px}.hero-showcase h2{font-size:67px}.hero-showcase-promise{top:455px}.hero-showcase-footer{min-height:138px}}
@media(max-width:560px){.hero-showcase{min-height:970px}.hero-showcase:after{bottom:160px}.hero-showcase-inner{min-height:970px;padding-top:62px}.hero-showcase h2{font-size:45px}.hero-showcase-art{inset:50% -16px -16px}.hero-showcase-promise{top:505px}.hero-showcase-footer{min-height:160px}.hero-showcase-trust>span{min-width:0}.hero-showcase-app{width:100%;max-width:100%;box-sizing:border-box}}

/* Left-aligned message and a full-spectrum 0–100% illuminated frame trace */
@keyframes heroFrameTrace{
    0%,8%{background-size:0 1px,1px 0,0 1px,1px 0;opacity:0}
    27%{background-size:100% 1px,1px 0,0 1px,1px 0;opacity:.92}
    46%{background-size:100% 1px,1px 100%,0 1px,1px 0;opacity:.92}
    65%{background-size:100% 1px,1px 100%,100% 1px,1px 0;opacity:.92}
    82%{background-size:100% 1px,1px 100%,100% 1px,1px 100%;opacity:.92}
    93%{background-size:100% 1px,1px 100%,100% 1px,1px 100%;opacity:.62}
    100%{background-size:100% 1px,1px 100%,100% 1px,1px 100%;opacity:0}
}
@keyframes heroKickerLine{0%,12%{transform:scaleX(0);opacity:.25}58%,100%{transform:scaleX(1);opacity:1}}
@media(min-width:1121px){
    .hero-showcase-inner{width:calc(100% - 96px);max-width:none;margin-left:48px;margin-right:48px}
    .hero-showcase-copy{width:40%;max-width:620px}
}
.hero-showcase-art:before{border:0;clip-path:none;background:linear-gradient(90deg,#9b7229,#f4dfaa 48%,#b78934) top left/0 1px no-repeat,linear-gradient(180deg,#b78934,#f6e5b8 52%,#9b7229) top right/1px 0 no-repeat,linear-gradient(270deg,#9b7229,#f4dfaa 48%,#b78934) bottom right/0 1px no-repeat,linear-gradient(0deg,#b78934,#f6e5b8 52%,#9b7229) bottom left/1px 0 no-repeat;filter:drop-shadow(0 0 3px rgba(229,191,101,.38))}
.hero-showcase-kicker i{transform-origin:left center;background:linear-gradient(90deg,#a97b2a,#f5dfa5,#b88931);box-shadow:0 0 7px rgba(225,188,96,.2)}
@media(prefers-reduced-motion:no-preference){.hero-showcase-art:before{animation:heroFrameTrace 9.5s cubic-bezier(.55,0,.25,1) infinite}.hero-showcase-copy.is-visible .hero-showcase-kicker i{animation:heroKickerLine 1.4s .25s cubic-bezier(.16,1,.3,1) both}}
@media(prefers-reduced-motion:reduce){.hero-showcase-art:before{background-size:100% 1px,1px 100%,100% 1px,1px 100%;opacity:.55}}

/* Final premium header alignment and logo treatment */
.site-header,.site-header.scrolled{padding-inline:32px}
.site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:min(1760px,calc(100% - 16px));grid-template-columns:190px minmax(520px,auto) 190px;gap:34px}
.site-header .brand{position:relative;width:174px;height:78px;padding:5px 10px 4px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(244,247,252,.82));box-shadow:0 12px 34px rgba(3,10,27,.18),inset 0 1px 0 #fff;backdrop-filter:blur(12px)}
.site-header .brand:after{content:"";position:absolute;inset:auto 21px -1px;height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);opacity:.7}
.site-header .brand img{width:154px;height:68px;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(10,24,60,.12))}
.site-header .site-nav,.site-header.scrolled .site-nav{gap:30px}
.site-header .site-nav>a,.site-header.scrolled .site-nav>a{font-size:14px;font-weight:700;letter-spacing:.005em;white-space:nowrap}
.site-header:not(.scrolled):after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,9,23,.48),rgba(2,9,23,.18) 68%,transparent);pointer-events:none}
.site-header .nav-cta{min-width:158px;min-height:47px;padding:9px 18px;border-color:rgba(255,255,255,.55);background:rgba(5,15,37,.48);box-shadow:0 10px 30px rgba(2,8,24,.2)}
.site-header.scrolled .brand{height:64px;width:155px;padding:3px 8px;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.96)}
.site-header.scrolled .brand img{width:137px;height:57px}
@media(max-width:1250px){.site-header .nav-wrap,.site-header.scrolled .nav-wrap{grid-template-columns:165px minmax(480px,auto) 155px;gap:20px}.site-header .brand{width:158px}.site-header .brand img{width:138px}.site-header .site-nav,.site-header.scrolled .site-nav{gap:19px}.site-header .nav-cta{min-width:148px}}
@media(max-width:1050px){.site-header .nav-wrap,.site-header.scrolled .nav-wrap{grid-template-columns:150px minmax(440px,auto) 52px;gap:14px}.site-header .site-nav,.site-header.scrolled .site-nav{gap:14px}.site-header .nav-cta{min-width:48px;width:48px;padding:0;justify-content:center}.site-header .nav-cta>span{display:none}}
@media(max-width:800px){.site-header,.site-header.scrolled{padding-inline:12px}.site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:100%;grid-template-columns:1fr auto}.site-header .brand,.site-header.scrolled .brand{width:145px;height:62px;padding:3px 8px;border-radius:14px}.site-header .brand img,.site-header.scrolled .brand img{width:129px;height:55px}.site-header:not(.scrolled):after{background:linear-gradient(180deg,rgba(2,9,23,.38),transparent)}}

/* The homepage artwork already contains the brand mark; reveal the header logo after scroll */
.page-website-root .site-header:not(.scrolled) .brand{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px)}
.page-website-root .site-header .brand{transition:opacity .28s ease,transform .28s ease,visibility .28s}
.page-website-root .site-header.scrolled .brand{visibility:visible;opacity:1;transform:none}

/* Clear homepage navigation: no blur over the artwork and stronger readable type */
.page-website-root .site-header:not(.scrolled){background:transparent;backdrop-filter:none}
.page-website-root .site-header:not(.scrolled):after{display:none}
.page-website-root .site-header:not(.scrolled) .nav-wrap{background:transparent;backdrop-filter:none}
.page-website-root .site-header:not(.scrolled) .site-nav>a{font-size:17px;font-weight:700;letter-spacing:.005em;text-shadow:0 2px 9px rgba(0,0,0,.78),0 0 2px rgba(0,0,0,.6)}
.page-website-root .site-header:not(.scrolled) .site-nav{gap:27px}
.page-website-root .site-header:not(.scrolled) .site-nav>a.active:before{width:6px;height:6px;margin-right:7px}
.page-website-root .site-header:not(.scrolled) .site-nav>a.active:after{height:2px;bottom:2px;box-shadow:0 2px 8px rgba(42,168,188,.45)}
.page-website-root .site-header:not(.scrolled) .nav-cta{min-width:176px;min-height:50px;padding:10px 20px;background:rgba(3,11,28,.62);border-color:rgba(255,255,255,.58);backdrop-filter:none}
.page-website-root .site-header:not(.scrolled) .nav-cta svg{width:22px;height:22px}.page-website-root .site-header:not(.scrolled) .nav-cta small{font-size:14px}.page-website-root .site-header:not(.scrolled) .nav-cta strong{font-size:14px}
@media(max-width:1250px){.page-website-root .site-header:not(.scrolled) .site-nav{gap:23px}.page-website-root .site-header:not(.scrolled) .site-nav>a{font-size:14px}.page-website-root .site-header:not(.scrolled) .nav-cta{min-width:158px}}
@media(max-width:1050px){.page-website-root .site-header:not(.scrolled) .site-nav{gap:16px}.page-website-root .site-header:not(.scrolled) .site-nav>a{font-size:14px}.page-website-root .site-header:not(.scrolled) .nav-cta{min-width:48px}}

/* Premium floating navigation capsule over the homepage banner */
@media(min-width:801px){
    .page-website-root .site-header:not(.scrolled){height:98px;padding:0}
    .page-website-root .site-header:not(.scrolled) .nav-wrap{width:min(900px,calc(100% - 48px));height:72px;display:flex;justify-content:center;gap:30px;margin:7px auto 0;padding:0 17px 0 27px;border:1px solid rgba(236,210,143,.3);border-radius:999px;background:radial-gradient(circle at 82% 0,rgba(89,64,155,.3),transparent 30%),linear-gradient(110deg,rgba(7,18,43,.95),rgba(22,35,70,.94) 52%,rgba(50,33,75,.93));box-shadow:0 18px 46px rgba(1,7,20,.38),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(231,197,111,.13);backdrop-filter:none}
    .page-website-root .site-header:not(.scrolled) .nav-wrap:before{display:block;content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.055);border-radius:inherit;background:none;pointer-events:none}
    .page-website-root .site-header:not(.scrolled) .nav-wrap:after{content:"";position:absolute;left:11%;right:11%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#c59a42,#f4dda1,#c59a42,transparent);opacity:.7}
    .page-website-root .site-header:not(.scrolled) .brand{display:none}
    .page-website-root .site-header:not(.scrolled) .site-nav{flex:1;justify-content:center;gap:28px}
    .page-website-root .site-header:not(.scrolled) .site-nav>a{height:52px;font-size:17px;text-shadow:0 2px 8px rgba(0,0,0,.55)}
    .page-website-root .site-header:not(.scrolled) .site-nav>a:hover{color:#f5dfa7}
    .page-website-root .site-header:not(.scrolled) .site-nav>a.active:after{bottom:3px;background:linear-gradient(90deg,#f1cf78,#fff0be);box-shadow:0 3px 12px rgba(230,190,89,.45)}
    .page-website-root .site-header:not(.scrolled) .nav-cta{flex:0 0 174px;min-width:174px;min-height:48px;border-color:rgba(242,219,160,.38);background:linear-gradient(135deg,rgba(4,13,32,.7),rgba(21,32,64,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
    .page-website-root .site-header:not(.scrolled) .nav-cta:hover{border-color:rgba(242,219,160,.68);background:linear-gradient(135deg,rgba(20,36,76,.95),rgba(72,44,103,.92))}
}
@media(min-width:801px) and (max-width:1100px){.page-website-root .site-header:not(.scrolled) .nav-wrap{width:calc(100% - 36px);gap:16px;padding-left:20px}.page-website-root .site-header:not(.scrolled) .site-nav{gap:17px}.page-website-root .site-header:not(.scrolled) .site-nav>a{font-size:14px}.page-website-root .site-header:not(.scrolled) .nav-cta{flex-basis:52px;min-width:52px}}

/* Keep the same premium capsule and typography after the homepage header becomes sticky */
@media(min-width:801px){
    .page-website-root .site-header.scrolled{height:92px;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
    .page-website-root .site-header.scrolled:after{display:none}
    .page-website-root .site-header.scrolled .nav-wrap{width:min(1400px,calc(100% - 48px));height:72px;display:grid;grid-template-columns:175px minmax(570px,1fr) 175px;gap:28px;margin:8px auto 0;padding:0 14px 0 10px;border:1px solid rgba(236,210,143,.32);border-radius:999px;background:radial-gradient(circle at 82% 0,rgba(89,64,155,.3),transparent 30%),linear-gradient(110deg,rgba(7,18,43,.97),rgba(22,35,70,.96) 52%,rgba(50,33,75,.95));box-shadow:0 18px 46px rgba(1,7,20,.34),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(231,197,111,.13);backdrop-filter:none}
    .page-website-root .site-header.scrolled .nav-wrap:before{display:block;content:"";position:absolute;inset:4px;width:auto;border:1px solid rgba(255,255,255,.055);border-radius:inherit;background:none;pointer-events:none}
    .page-website-root .site-header.scrolled .nav-wrap:after{content:"";position:absolute;left:11%;right:11%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#c59a42,#f4dda1,#c59a42,transparent);opacity:.7}
    .page-website-root .site-header.scrolled .brand{display:flex;width:155px;height:58px;padding:3px 8px;border-color:rgba(242,219,160,.32);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,240,235,.94));box-shadow:0 8px 22px rgba(1,7,20,.2)}
    .page-website-root .site-header.scrolled .brand:after{display:none}
    .page-website-root .site-header.scrolled .brand img{width:137px;height:51px}
    .page-website-root .site-header.scrolled .site-nav{height:52px;justify-content:center;gap:27px}
    .page-website-root .site-header.scrolled .site-nav>a{height:52px;padding:0;color:#fff;font-size:17px;font-weight:700;letter-spacing:.005em;text-shadow:0 2px 8px rgba(0,0,0,.5)}
    .page-website-root .site-header.scrolled .site-nav>a:hover{color:#f5dfa7}
    .page-website-root .site-header.scrolled .site-nav>a.active:after{bottom:3px;height:2px;background:linear-gradient(90deg,#f1cf78,#fff0be);box-shadow:0 3px 12px rgba(230,190,89,.45)}
    .page-website-root .site-header.scrolled .nav-cta{min-width:165px;min-height:48px;padding:9px 18px;border:1px solid rgba(242,219,160,.38);background:linear-gradient(135deg,rgba(4,13,32,.7),rgba(21,32,64,.72));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
    .page-website-root .site-header.scrolled .nav-cta svg{width:22px;height:22px;fill:#fff}
    .page-website-root .site-header.scrolled .nav-cta small{color:#aeb8d0;font-size:14px}
    .page-website-root .site-header.scrolled .nav-cta strong{color:#fff;font-size:14px}
    .page-website-root .site-header.scrolled .nav-cta:hover{border-color:rgba(242,219,160,.68);background:linear-gradient(135deg,rgba(20,36,76,.98),rgba(72,44,103,.95))}
}
@media(min-width:801px) and (max-width:1250px){.page-website-root .site-header.scrolled .nav-wrap{width:calc(100% - 36px);grid-template-columns:150px minmax(500px,1fr) 55px;gap:17px}.page-website-root .site-header.scrolled .brand{width:142px}.page-website-root .site-header.scrolled .brand img{width:124px}.page-website-root .site-header.scrolled .site-nav{gap:19px}.page-website-root .site-header.scrolled .site-nav>a{font-size:14px}.page-website-root .site-header.scrolled .nav-cta{min-width:50px;width:50px;padding:0;justify-content:center}.page-website-root .site-header.scrolled .nav-cta>span{display:none}}

/* One consistent premium navigation system across every public page */
@media(min-width:801px){
    .site-body .site-header,.site-body .site-header.scrolled{height:92px;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
    .site-body .site-header:after,.site-body .site-header.scrolled:after{display:none}
    .site-body .site-header .nav-wrap,.site-body .site-header.scrolled .nav-wrap{position:relative;width:min(1400px,calc(100% - 48px));height:72px;display:grid;grid-template-columns:175px minmax(570px,1fr) 175px;align-items:center;gap:28px;margin:8px auto 0;padding:0 14px 0 10px;border:1px solid rgba(236,210,143,.32);border-radius:999px;background:radial-gradient(circle at 82% 0,rgba(89,64,155,.3),transparent 30%),linear-gradient(110deg,rgba(7,18,43,.97),rgba(22,35,70,.96) 52%,rgba(50,33,75,.95));box-shadow:0 18px 46px rgba(1,7,20,.34),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(231,197,111,.13);backdrop-filter:none}
    .site-body .site-header .nav-wrap:before,.site-body .site-header.scrolled .nav-wrap:before{display:block;content:"";position:absolute;inset:4px;width:auto;border:1px solid rgba(255,255,255,.055);border-radius:inherit;background:none;pointer-events:none}
    .site-body .site-header .nav-wrap:after,.site-body .site-header.scrolled .nav-wrap:after{content:"";position:absolute;left:11%;right:11%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#c59a42,#f4dda1,#c59a42,transparent);opacity:.7}
    .site-body .site-header .brand,.site-body .site-header.scrolled .brand{display:flex;visibility:visible;opacity:1;transform:none;width:155px;height:58px;padding:3px 8px;border:1px solid rgba(242,219,160,.32);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,240,235,.94));box-shadow:0 8px 22px rgba(1,7,20,.2)}
    .site-body .site-header .brand:after,.site-body .site-header.scrolled .brand:after{display:none}
    .site-body .site-header .brand img,.site-body .site-header.scrolled .brand img{width:137px;height:51px;filter:drop-shadow(0 3px 5px rgba(10,24,60,.1))}
    .site-body .site-header .site-nav,.site-body .site-header.scrolled .site-nav{height:52px;justify-self:center;justify-content:center;gap:27px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
    .site-body .site-header .site-nav>a,.site-body .site-header.scrolled .site-nav>a{height:52px;padding:0;color:#fff;font-size:17px;font-weight:700;letter-spacing:.005em;text-shadow:0 2px 8px rgba(0,0,0,.5)}
    .site-body .site-header .site-nav>a:hover,.site-body .site-header.scrolled .site-nav>a:hover{color:#f5dfa7}
    .site-body .site-header .site-nav>a.active,.site-body .site-header.scrolled .site-nav>a.active{color:#fff}
    .site-body .site-header .site-nav>a.active:before,.site-body .site-header.scrolled .site-nav>a.active:before{background:linear-gradient(135deg,#fff,var(--cyan));box-shadow:0 0 0 3px rgba(255,255,255,.1)}
    .site-body .site-header .site-nav>a.active:after,.site-body .site-header.scrolled .site-nav>a.active:after{display:block;bottom:3px;height:2px;background:linear-gradient(90deg,#f1cf78,#fff0be);box-shadow:0 3px 12px rgba(230,190,89,.45)}
    .site-body .site-header .nav-cta,.site-body .site-header.scrolled .nav-cta{min-width:max-content;min-height:48px;padding:9px 18px;border:1px solid rgba(242,219,160,.38);border-radius:999px;background:linear-gradient(135deg,rgba(4,13,32,.7),rgba(21,32,64,.72));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
    .site-body .site-header .nav-cta svg,.site-body .site-header.scrolled .nav-cta svg{width:22px;height:22px;fill:#fff}
    .site-body .site-header .nav-cta small,.site-body .site-header.scrolled .nav-cta small{color:#aeb8d0;font-size:14px}
    .site-body .site-header .nav-cta strong,.site-body .site-header.scrolled .nav-cta strong{color:#fff;font-size:14px}
    .site-body .site-header .nav-cta:hover,.site-body .site-header.scrolled .nav-cta:hover{border-color:rgba(242,219,160,.68);background:linear-gradient(135deg,rgba(20,36,76,.98),rgba(72,44,103,.95))}
    .page-website-root .site-header:not(.scrolled) .brand{display:flex;visibility:hidden;opacity:0;pointer-events:none}
}
@media(min-width:801px) and (max-width:1250px){
    .site-body .site-header .nav-wrap,.site-body .site-header.scrolled .nav-wrap{width:calc(100% - 36px);grid-template-columns:150px minmax(500px,1fr) 55px;gap:17px}
    .site-body .site-header .brand,.site-body .site-header.scrolled .brand{width:142px}.site-body .site-header .brand img,.site-body .site-header.scrolled .brand img{width:124px}
    .site-body .site-header .site-nav,.site-body .site-header.scrolled .site-nav{gap:19px}.site-body .site-header .site-nav>a,.site-body .site-header.scrolled .site-nav>a{font-size:14px}
    .site-body .site-header .nav-cta,.site-body .site-header.scrolled .nav-cta{min-width:50px;width:50px;padding:0;justify-content:center}.site-body .site-header .nav-cta>span,.site-body .site-header.scrolled .nav-cta>span{display:none}
}

/* Homepage starts without a logo: remove its reserved column and centre the capsule contents */
@media(min-width:801px){
    .page-website-root .site-header:not(.scrolled) .nav-wrap{width:min(900px,calc(100% - 48px));display:flex;grid-template-columns:none;justify-content:center;gap:24px;padding:0 14px 0 26px}
    .page-website-root .site-header:not(.scrolled) .brand{display:none;visibility:hidden;width:0;height:0;padding:0;border:0}
    .page-website-root .site-header:not(.scrolled) .site-nav{flex:1 1 auto;justify-self:auto;justify-content:center;gap:27px}
    .page-website-root .site-header:not(.scrolled) .nav-cta{flex:0 0 165px;width:auto;min-width:165px}
}
@media(min-width:801px) and (max-width:1100px){
    .page-website-root .site-header:not(.scrolled) .nav-wrap{width:calc(100% - 36px);gap:15px;padding-left:19px}
    .page-website-root .site-header:not(.scrolled) .site-nav{gap:17px}
    .page-website-root .site-header:not(.scrolled) .site-nav>a{font-size:14px}
    .page-website-root .site-header:not(.scrolled) .nav-cta{flex-basis:50px;width:50px;min-width:50px;padding:0}
}

/* Premium About page */
.about-hero{position:relative;isolation:isolate;min-height:780px;display:flex;align-items:stretch;overflow:hidden;background:#061226;color:#fff}
.about-hero-image{position:absolute;z-index:-3;inset:0 0 0 38%;overflow:hidden}.about-hero-image img{width:100%;height:100%;object-fit:cover;object-position:54% center;filter:saturate(.85) contrast(1.04)}
.about-hero-overlay{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#061226 0%,rgba(6,18,38,.98) 36%,rgba(6,18,38,.72) 52%,rgba(6,18,38,.12) 78%),linear-gradient(0deg,rgba(4,11,27,.62),transparent 42%)}
.about-hero:before{content:"";position:absolute;z-index:-1;left:-160px;top:-280px;width:600px;height:600px;border:95px solid rgba(255,255,255,.025);border-radius:50%}
.about-hero:after{content:"";position:absolute;right:5%;top:14%;width:390px;height:390px;border:1px solid rgba(231,199,119,.24);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(18deg)}
.about-hero-inner{position:relative;z-index:2;min-height:780px;display:flex;align-items:center;padding-top:116px;padding-bottom:112px}
.about-hero-copy{width:53%;max-width:690px}.about-kicker{display:flex;align-items:center;gap:13px;color:#e9d9ad;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.about-kicker i{display:block;width:42px;height:2px;background:linear-gradient(90deg,#bb8a31,#f3dea3)}
.about-hero h1{margin:24px 0 27px;font:600 clamp(62px,5.7vw,90px)/.94 var(--serif);letter-spacing:-.058em}.about-hero h1 em{display:block;margin-top:9px;color:#e7c56f;font-style:italic;font-weight:600}
.about-hero-copy>p{max-width:610px;margin:0;padding-left:18px;border-left:1px solid rgba(231,197,111,.56);color:#c7cfdd;font-size:18px;line-height:1.72}
.about-hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.about-primary-btn{min-height:56px;border-color:#f0d99a;background:linear-gradient(135deg,#fff2c6,#d5a844);color:#0a1733;box-shadow:0 16px 38px rgba(203,153,49,.2)}.about-primary-btn:hover{background:linear-gradient(135deg,#fff8dd,#e8bd59);box-shadow:0 20px 46px rgba(203,153,49,.3)}
.about-text-link{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700}.about-text-link span{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:.25s}.about-text-link:hover span{border-color:#e7c56f;color:#e7c56f;transform:translate(2px,-2px)}
.about-hero-note{position:absolute;z-index:3;right:0;bottom:124px;width:300px;padding:21px 24px;border:1px solid rgba(231,199,119,.35);border-radius:16px;background:linear-gradient(135deg,rgba(5,14,35,.9),rgba(43,31,73,.84));box-shadow:0 25px 65px rgba(0,0,0,.4);backdrop-filter:blur(14px)}.about-hero-note span,.about-hero-note strong{display:block}.about-hero-note span{color:#9ca8bd;font-size:14px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.about-hero-note strong{margin-top:8px;color:#f3e4bb;font:600 19px/1.28 var(--serif)}
.about-hero-rail{position:absolute;z-index:4;left:0;right:0;bottom:0;min-height:88px;border-top:1px solid rgba(231,199,119,.18);background:linear-gradient(90deg,rgba(2,8,21,.94),rgba(10,21,47,.9),rgba(28,31,67,.88));backdrop-filter:blur(16px)}.about-hero-rail>.container{min-height:88px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.about-hero-rail span{display:flex;align-items:center;gap:14px;min-height:38px;padding-left:28px;border-left:1px solid rgba(255,255,255,.12)}.about-hero-rail span:first-child{padding-left:0;border:0}.about-hero-rail b{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(231,199,119,.38);border-radius:50%;color:#e7c56f;font-size:14px}.about-hero-rail strong{font:600 15px var(--serif)}

.about-story{background:linear-gradient(145deg,#fbfaf7,#f3eee3)}.about-story-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:105px;align-items:center}.about-story-visual{position:relative;height:690px;padding:18px 0 0 18px}.about-story-visual:before{content:"";position:absolute;left:0;top:0;width:72%;height:72%;border:1px solid rgba(16,27,63,.16)}.about-story-visual:after{content:"";position:absolute;right:-28px;bottom:45px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,rgba(42,168,188,.22),rgba(89,64,155,.25));filter:blur(2px)}.about-story-visual>img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;box-shadow:0 32px 75px rgba(16,27,63,.17)}
.about-story-caption{position:absolute;z-index:3;left:-24px;bottom:34px;width:260px;padding:22px 25px;background:#fff;box-shadow:0 22px 48px rgba(16,27,63,.15)}.about-story-caption small,.about-story-caption strong{display:block}.about-story-caption small{color:var(--violet);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.about-story-caption strong{margin-top:6px;color:var(--navy);font:600 20px var(--serif)}
.about-story-number{position:absolute;z-index:2;right:-30px;top:30px;color:rgba(16,27,63,.07);font:700 130px/1 var(--serif)}
.about-story-copy h2{margin:0 0 24px;font:600 clamp(43px,4.2vw,64px)/1.05 var(--serif);letter-spacing:-.045em}.about-story-copy .lead{color:#283249;font-size:20px;line-height:1.58}.about-story-copy>p:not(.lead){color:var(--muted);font-size:16px}.about-story-copy blockquote{position:relative;margin:29px 0;padding:20px 24px;border-left:2px solid #d4a642;background:rgba(255,255,255,.7);color:#374056;font:italic 600 17px/1.55 var(--serif)}
.about-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:32px;background:#d9d8d4}.about-audience span{display:grid;grid-template-columns:34px 1fr;padding:16px 13px;background:#fff}.about-audience i{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;font-style:normal}.about-audience b{font-size:14px}.about-audience small{color:#8a91a0;font-size:14px}

.about-manifesto{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%,rgba(89,64,155,.35),transparent 28%),linear-gradient(135deg,#040c1e,#0c1b3c 60%,#172a58);color:#fff}.about-manifesto:before{content:"A";position:absolute;right:-30px;bottom:-145px;color:rgba(255,255,255,.025);font:700 480px/1 var(--serif)}.about-manifesto-head{position:relative;z-index:1;display:grid;grid-template-columns:170px 1fr .75fr;gap:55px;align-items:end;margin-bottom:58px}.about-manifesto-head .section-number{margin:0}.about-manifesto-head h2{margin:0;font:600 clamp(48px,5vw,73px)/.98 var(--serif);letter-spacing:-.05em}.about-manifesto-head h2 em{color:#e7c56f;font-style:italic}.about-manifesto-head p{margin:0;color:#aeb8cb;font-size:16px}
.about-manifesto-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.15)}.about-manifesto-grid article{position:relative;padding:46px 54px 30px 0}.about-manifesto-grid article+article{padding-left:54px;border-left:1px solid rgba(255,255,255,.15)}.about-manifesto-grid article>span{color:#e7c56f;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.about-manifesto-grid h3{max-width:520px;margin:20px 0 14px;font:600 32px/1.2 var(--serif)}.about-manifesto-grid p{max-width:550px;color:#9da9bf;font-size:15px}

.about-quality{background:#fff}.about-quality-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-quality-copy h2{margin:0 0 24px;font:600 clamp(43px,4.3vw,65px)/1.05 var(--serif);letter-spacing:-.045em}.about-quality-copy>p{color:var(--muted);font-size:16px}
.about-quality-steps{margin-top:33px;border-top:1px solid var(--line)}.about-quality-steps article{display:grid;grid-template-columns:54px 1fr;padding:20px 0;border-bottom:1px solid var(--line)}.about-quality-steps b{color:var(--violet);font-size:14px}.about-quality-steps strong,.about-quality-steps span{display:block}.about-quality-steps strong{color:var(--navy);font:600 18px var(--serif)}.about-quality-steps span{margin-top:3px;color:#747c8c;font-size:14px}
.about-quality-stage{position:relative;height:620px;overflow:hidden;background:#071327;box-shadow:0 34px 80px rgba(16,27,63,.18)}.about-quality-stage>img{width:100%;height:100%;object-fit:cover;object-position:64% center}.about-quality-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,25,.78),transparent 52%)}
.about-quality-seal{position:absolute;z-index:2;right:25px;top:25px;width:105px;height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(239,216,154,.55);border-radius:50%;background:rgba(4,12,29,.78);box-shadow:0 20px 45px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.about-quality-seal span{color:#f3d98d;font:700 31px var(--serif)}.about-quality-seal small{color:#aeb8cb;font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.about-quality-card{position:absolute;z-index:2;left:28px;right:28px;bottom:27px;padding:22px 24px;border:1px solid rgba(255,255,255,.22);background:rgba(4,12,29,.78);color:#fff;backdrop-filter:blur(14px)}.about-quality-card small,.about-quality-card strong{display:block}.about-quality-card small{color:#e7c56f;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.about-quality-card strong{margin-top:5px;font:600 25px var(--serif)}.about-quality-card p{margin:5px 0 0;color:#aeb8cb;font-size:14px}

.about-values{background:linear-gradient(145deg,#f4efe5,#faf9f5)}.about-values-head{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end;margin-bottom:46px}.about-values-head h2{margin:0;font:600 clamp(43px,4.3vw,63px)/1.05 var(--serif)}.about-values-head>p{margin:0;color:var(--muted);font-size:16px}.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.about-values-grid article{position:relative;min-height:280px;padding:28px 27px;border:1px solid rgba(16,27,63,.07);background:#fff;box-shadow:0 14px 35px rgba(16,27,63,.07);overflow:hidden;transition:.3s}.about-values-grid article:before{content:"";position:absolute;right:-60px;bottom:-70px;width:145px;height:145px;border-radius:50%;background:rgba(89,64,155,.07)}.about-values-grid article:hover{transform:translateY(-7px);box-shadow:0 25px 55px rgba(16,27,63,.13)}.about-values-grid article>span{color:#8a91a0;font-size:14px;font-weight:800}.about-values-grid article>i{display:block;width:42px;height:5px;margin:48px 0 23px;border-radius:5px;background:var(--violet)}.about-values-grid article:nth-child(2)>i{background:var(--cyan)}.about-values-grid article:nth-child(3)>i{background:var(--yellow)}.about-values-grid article:nth-child(4)>i{background:var(--coral)}.about-values-grid h3{margin:0 0 10px;color:var(--navy);font:600 28px var(--serif)}.about-values-grid p{margin:0;color:var(--muted);font-size:14px}

.page-website-about .cta-section{padding-top:38px}.page-website-about .contact-cta{position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(89,64,155,.45),transparent 28%),linear-gradient(120deg,#061226,#152957)}.page-website-about .contact-cta:after{content:"";position:absolute;right:-65px;top:-110px;width:280px;height:280px;border:45px solid rgba(255,255,255,.035);border-radius:50%}

@media(max-width:1050px){.about-hero-copy{width:59%}.about-hero-note{right:24px;width:260px}.about-story-grid{gap:60px}.about-story-visual{height:610px}.about-manifesto-head{grid-template-columns:130px 1fr .75fr;gap:32px}.about-quality-grid{gap:55px}.about-values-grid article{padding:25px 22px}}
@media(max-width:800px){.about-hero{min-height:940px}.about-hero-image{inset:45% 0 0}.about-hero-overlay{background:linear-gradient(180deg,#061226 0%,#061226 46%,rgba(6,18,38,.58) 65%,rgba(6,18,38,.2))}.about-hero-inner{min-height:940px;align-items:flex-start;padding-top:145px}.about-hero-copy{width:100%;max-width:650px}.about-hero-note{right:18px;bottom:110px}.about-story-grid,.about-quality-grid{grid-template-columns:1fr}.about-story-grid{gap:62px}.about-story-visual{width:90%;height:620px}.about-manifesto-head{grid-template-columns:1fr;gap:17px}.about-manifesto-head p{max-width:560px}.about-manifesto-grid{grid-template-columns:1fr}.about-manifesto-grid article{padding-right:0}.about-manifesto-grid article+article{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.15)}.about-quality-grid{gap:55px}.about-quality-stage{height:570px}.about-values-head{grid-template-columns:1fr;gap:18px}.about-values-head>p{max-width:560px}.about-values-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.about-hero{min-height:890px}.about-hero-inner{min-height:890px;padding-top:115px}.about-hero h1{font-size:48px}.about-hero-copy>p{font-size:15px}.about-hero-actions{align-items:stretch;flex-direction:column;gap:17px}.about-primary-btn{width:100%}.about-hero-note{left:14px;right:14px;bottom:99px;width:auto;padding:15px 18px}.about-hero-note strong{font-size:15px}.about-hero-rail{min-height:84px}.about-hero-rail>.container{min-height:84px;gap:4px}.about-hero-rail span{align-items:flex-start;flex-direction:column;gap:5px;padding-left:8px}.about-hero-rail b{width:20px;height:20px;font-size:14px}.about-hero-rail strong{font:700 14px var(--sans)}.about-story-grid{gap:50px}.about-story-visual{width:100%;height:470px;padding:10px 0 0 10px}.about-story-caption{left:-7px;bottom:20px;width:220px;padding:17px}.about-story-number{right:-5px;font-size:85px}.about-story-copy h2,.about-quality-copy h2,.about-values-head h2{font-size:39px}.about-story-copy .lead{font-size:18px}.about-audience{grid-template-columns:1fr}.about-manifesto-head h2{font-size:47px}.about-manifesto-grid h3{font-size:27px}.about-manifesto-grid article{padding:32px 0}.about-quality-stage{height:450px}.about-quality-seal{width:85px;height:85px}.about-quality-card{left:14px;right:14px;bottom:14px}.about-values-grid{grid-template-columns:1fr}.about-values-grid article{min-height:225px}.about-values-grid article>i{margin-top:32px}}

/* Premium catalogue and product detail */
.catalog-hero{position:relative;min-height:650px;overflow:hidden;background:#061226;color:#fff}.catalog-hero-art{position:absolute;inset:0 0 0 34%}.catalog-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061226 0%,rgba(6,18,38,.94) 30%,rgba(6,18,38,.35) 56%,transparent 77%),linear-gradient(0deg,rgba(4,11,27,.5),transparent 40%)}.catalog-hero-art img{width:100%;height:100%;object-fit:cover;object-position:69% center}.catalog-hero-inner{position:relative;z-index:2;min-height:650px;display:flex;align-items:center;padding-top:115px}.catalog-hero-copy{width:53%;max-width:690px}.catalog-kicker{display:flex;align-items:center;gap:12px;color:#e8d7a9;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.catalog-kicker i{display:block;width:40px;height:2px;background:linear-gradient(90deg,#b8862d,#f3dda0)}.catalog-hero h1{margin:23px 0 24px;font:600 clamp(60px,5.4vw,86px)/.94 var(--serif);letter-spacing:-.055em}.catalog-hero h1 em{color:#e7c56f;font-style:italic}.catalog-hero-copy>p{max-width:600px;color:#c7cfdd;font-size:17px;line-height:1.7}.catalog-hero-links{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.catalog-hero-links a{display:flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.04);font-size:14px;font-weight:700;transition:.25s}.catalog-hero-links a:hover{border-color:#e7c56f;background:rgba(231,197,111,.1);transform:translateY(-2px)}.catalog-hero-note{position:absolute;z-index:3;right:4%;top:120px;padding:17px 21px;border:1px solid rgba(231,199,119,.36);border-radius:15px;background:rgba(5,14,35,.78);backdrop-filter:blur(12px)}.catalog-hero-note small,.catalog-hero-note strong{display:block}.catalog-hero-note small{color:#9da8bd;font-size:14px;text-transform:uppercase;letter-spacing:.13em}.catalog-hero-note strong{margin-top:5px;color:#f3e3b9;font:600 16px var(--serif)}
.catalog-premium{background:linear-gradient(180deg,#f3eee4,#fbfaf7)}.catalog-premium-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:25px}.catalog-premium-head h2{margin:0 0 9px;font:600 clamp(40px,4.2vw,61px)/1.05 var(--serif)}.catalog-premium-head p{margin:0;color:var(--muted)}.premium-product-search{display:flex;align-items:center;min-width:440px;padding:6px;border:1px solid rgba(16,27,63,.07);border-radius:999px;background:#fff;box-shadow:0 14px 40px rgba(16,27,63,.1)}.premium-product-search svg{width:20px;height:20px;margin-left:13px;fill:none;stroke:#737b8d;stroke-width:1.7}.premium-product-search input{flex:1;min-width:0;padding:11px;border:0;outline:0;background:transparent}.premium-product-search button{padding:11px 22px;border:0;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.premium-product-search>a{padding:0 10px;color:var(--violet);font-size:14px}.catalog-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:40px;padding-top:21px;border-top:1px solid #ddd9d0;flex-wrap:wrap}.catalog-filter-row>span{margin-right:10px;color:#7f8797;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.catalog-filter-row a{padding:8px 13px;border:1px solid #d8d6d0;border-radius:999px;background:rgba(255,255,255,.55);font-size:14px;font-weight:700}.catalog-filter-row a:hover,.catalog-filter-row a.active{border-color:var(--navy);background:var(--navy);color:#fff}.premium-catalog-grid{grid-template-columns:repeat(3,1fr)}.premium-catalog-grid .product-card{border-radius:20px}.premium-catalog-grid .product-visual{height:360px;background:radial-gradient(circle at 50% 45%,#fff,#ece8df)}.premium-catalog-grid .product-body{padding:24px 25px 27px}.premium-catalog-grid .product-body h3{font-size:24px}.premium-catalog-grid .product-body p{font-size:14px}.catalog-empty{border-radius:20px;background:#fff!important;box-shadow:0 20px 50px rgba(16,27,63,.1)}
.product-system-story{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 0,rgba(89,64,155,.34),transparent 28%),linear-gradient(135deg,#040c1e,#0c1b3c 62%,#172a58);color:#fff}.product-system-head{display:grid;grid-template-columns:170px 1fr .75fr;gap:50px;align-items:end;margin-bottom:50px}.product-system-head .section-number{margin:0}.product-system-head h2{margin:0;font:600 clamp(46px,4.8vw,70px)/1 var(--serif)}.product-system-head p{margin:0;color:#aab5c9}.product-system-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14)}.product-system-grid article{padding:38px 40px 10px 0}.product-system-grid article+article{padding-left:40px;border-left:1px solid rgba(255,255,255,.14)}.product-system-grid b{color:#e7c56f;font-size:14px}.product-system-grid span{display:block;margin-top:25px;color:#8f9bb2;font-size:14px;text-transform:uppercase;letter-spacing:.14em}.product-system-grid h3{margin:8px 0 11px;font:600 27px var(--serif)}.product-system-grid p{color:#9ca8bd;font-size:14px}
.premium-detail-hero{padding:130px 0 90px;background:linear-gradient(145deg,#f3eee4,#fbfaf7)}.premium-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.premium-detail-visual{position:relative;height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 45%,#fff,#e8e2d7);box-shadow:0 35px 80px rgba(16,27,63,.16)}.premium-detail-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(16,27,63,.08);border-radius:20px}.premium-detail-visual>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:62px}.detail-stage-label{position:absolute;z-index:2;left:30px;top:28px;color:#7d8493;font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.detail-stage-palette{position:absolute;z-index:2;right:30px;bottom:27px;display:flex}.detail-stage-palette i{width:30px;height:30px;margin-left:-7px;border:2px solid #fff;border-radius:50%}.detail-stage-palette i:first-child{background:#e7dfd1}.detail-stage-palette i:nth-child(2){background:#cabda9}.detail-stage-palette i:nth-child(3){background:#96839e}.detail-stage-palette i:nth-child(4){background:#405164}.premium-detail-copy h1{margin:20px 0 20px;font:600 clamp(49px,5vw,75px)/.98 var(--serif);letter-spacing:-.05em}.premium-detail-copy .lead{color:#5e6678;font-size:19px;line-height:1.65}.premium-detail-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0;border-block:1px solid #d3d0c8}.premium-detail-facts span{padding:19px 18px 19px 0}.premium-detail-facts span+span{padding-left:18px;border-left:1px solid #d3d0c8}.premium-detail-facts small,.premium-detail-facts strong{display:block}.premium-detail-facts small{color:#858c9b;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.premium-detail-facts strong{margin-top:4px;font:600 18px var(--serif)}.detail-back-link{color:var(--navy)}.premium-product-info{background:#fff}.premium-benefit-card{padding:42px;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(89,64,155,.45),transparent 32%),linear-gradient(135deg,#061226,#172957);color:#fff;box-shadow:0 25px 60px rgba(16,27,63,.18)}.premium-benefit-card>span{color:#e7c56f;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.premium-benefit-card h3{margin:12px 0 21px;font:600 29px var(--serif)}.premium-benefit-card ul{list-style:none;padding:0}.premium-benefit-card li{display:flex;gap:12px;padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}.premium-benefit-card li i{color:#e7c56f;font-style:normal}.premium-benefit-card p{color:#9eabc0;font-size:14px}.related-premium{background:linear-gradient(145deg,#f3eee4,#fbfaf7)}
@media(max-width:1050px){.catalog-hero-copy{width:59%}.premium-catalog-grid{grid-template-columns:repeat(2,1fr)}.product-system-head{grid-template-columns:130px 1fr .75fr;gap:30px}.premium-detail-grid{gap:55px}.premium-detail-visual{height:560px}.premium-detail-facts{grid-template-columns:repeat(2,1fr)}.premium-detail-facts span:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #d3d0c8}}
@media(max-width:800px){.catalog-hero{min-height:900px}.catalog-hero-art{inset:43% 0 0}.catalog-hero-art:after{background:linear-gradient(180deg,#061226 0%,#061226 8%,rgba(6,18,38,.38) 45%,transparent)}.catalog-hero-inner{min-height:900px;align-items:flex-start;padding-top:150px}.catalog-hero-copy{width:100%}.catalog-hero-note{top:470px;right:20px}.catalog-premium-head{align-items:flex-start;flex-direction:column}.premium-product-search{width:100%;min-width:0}.product-system-head{grid-template-columns:1fr;gap:17px}.product-system-grid{grid-template-columns:1fr}.product-system-grid article,.product-system-grid article+article{padding:30px 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.product-system-grid article:first-child{border-top:0}.premium-detail-grid{grid-template-columns:1fr}.premium-detail-visual{height:590px}.premium-detail-copy{padding-bottom:20px}}
@media(max-width:560px){.catalog-hero{min-height:850px}.catalog-hero-inner{min-height:850px;padding-top:115px}.catalog-hero h1{font-size:48px}.catalog-hero-copy>p{font-size:15px}.catalog-hero-art{inset:53% 0 0}.catalog-hero-note{top:500px;right:14px}.premium-catalog-grid{grid-template-columns:1fr}.premium-catalog-grid .product-visual{height:330px}.premium-product-search{flex-wrap:wrap;border-radius:20px}.premium-product-search input{width:calc(100% - 45px)}.premium-product-search button{flex:1}.catalog-filter-row>span{width:100%}.product-system-head h2{font-size:45px}.premium-detail-hero{padding-top:110px}.premium-detail-visual{height:420px}.premium-detail-visual>img{padding:40px}.premium-detail-copy h1{font-size:46px}.premium-detail-facts{grid-template-columns:1fr}.premium-detail-facts span+span,.premium-detail-facts span:last-child{grid-column:auto;padding-left:0;border-left:0;border-top:1px solid #d3d0c8}}

/* Premium loyalty program */
.rewards-hero{position:relative;isolation:isolate;min-height:820px;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(57,83,153,.64),transparent 32%),radial-gradient(circle at 92% 82%,rgba(89,64,155,.36),transparent 25%),linear-gradient(125deg,#030a19,#091735 52%,#162b59);color:#fff}.rewards-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 65%)}.rewards-hero-glow{position:absolute;right:7%;top:11%;width:470px;height:470px;border:1px solid rgba(231,199,119,.22);border-radius:50%;box-shadow:0 0 100px rgba(42,168,188,.12),inset 0 0 100px rgba(89,64,155,.1)}.rewards-hero-inner{position:relative;z-index:2;min-height:820px;display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center;padding-top:110px;padding-bottom:90px}.rewards-kicker{display:flex;align-items:center;gap:12px;color:#e7d7aa;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rewards-kicker i{width:40px;height:2px;background:linear-gradient(90deg,#b9872f,#f4dda0)}.rewards-hero h1{margin:24px 0 25px;font:600 clamp(60px,5.4vw,86px)/.94 var(--serif);letter-spacing:-.055em}.rewards-hero h1 em{color:#e7c56f;font-style:italic}.rewards-hero-copy>p{max-width:600px;color:#c6cede;font-size:18px;line-height:1.72}.rewards-hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.rewards-primary{min-height:58px;background:linear-gradient(135deg,#fff2c7,#d5a844);color:#08152f;box-shadow:0 16px 38px rgba(203,153,49,.22)}.rewards-primary svg{width:23px;height:23px;fill:#08152f}.rewards-primary span{display:flex;flex-direction:column;line-height:1.05}.rewards-primary small{font-size:14px;text-transform:uppercase}.rewards-hero .about-text-link{color:#fff}.rewards-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:39px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15)}.rewards-hero-proof span{font-size:14px;font-weight:700}.rewards-hero-proof b{display:block;margin-bottom:4px;color:#e7c56f;font-size:14px}.rewards-device-stage{position:relative;height:650px;display:grid;place-items:center}.rewards-phone{position:relative;z-index:3;width:320px;height:620px;box-shadow:0 40px 85px rgba(0,0,0,.45)}.rewards-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.orbit-one{width:500px;height:500px}.orbit-two{width:410px;height:410px;border-color:rgba(231,199,119,.22)}.rewards-float-card{position:absolute;z-index:4;width:210px;padding:15px 17px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(5,14,35,.76);box-shadow:0 22px 50px rgba(0,0,0,.32);backdrop-filter:blur(12px)}.rewards-float-card small,.rewards-float-card strong{display:block}.rewards-float-card small{color:#8e9ab0;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.rewards-float-card strong{margin-top:4px;font-size:14px}.rewards-float-top{right:-25px;top:130px}.rewards-float-bottom{left:-20px;bottom:90px}.rewards-hero-rail{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:62px;display:flex;align-items:center;justify-content:center;gap:22px;border-top:1px solid rgba(255,255,255,.12);background:rgba(3,10,25,.72);color:#aeb8c9;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rewards-hero-rail i{width:4px;height:4px;border-radius:50%;background:#e7c56f}
.rewards-process{background:linear-gradient(145deg,#f4efe5,#fbfaf7)}.rewards-process-head{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end;margin-bottom:48px}.rewards-process-head h2{margin:0;font:600 clamp(45px,4.6vw,68px)/1.02 var(--serif)}.rewards-process-head p{margin:0;color:var(--muted)}.rewards-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.rewards-process-grid article{position:relative;min-height:330px;padding:25px;border:1px solid rgba(16,27,63,.07);background:#fff;box-shadow:0 14px 35px rgba(16,27,63,.07);transition:.3s}.rewards-process-grid article:hover{transform:translateY(-7px);box-shadow:0 26px 58px rgba(16,27,63,.14)}.rewards-process-grid b{color:#8a91a0;font-size:14px}.rewards-process-grid i{width:48px;height:48px;display:grid;place-items:center;margin:40px 0 22px;border-radius:50%;background:linear-gradient(135deg,#12254f,#5b4198);color:#fff;font-style:normal;font-size:17px}.rewards-process-grid span{color:var(--violet);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rewards-process-grid h3{margin:8px 0 11px;font:600 23px/1.2 var(--serif)}.rewards-process-grid p{color:var(--muted);font-size:14px}
.rewards-audience-premium{background:radial-gradient(circle at 85% 0,rgba(89,64,155,.32),transparent 28%),linear-gradient(135deg,#040c1e,#0c1b3c 62%,#172a58);color:#fff}.rewards-audience-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:46px}.rewards-audience-head h2{margin:0;font:600 clamp(46px,4.8vw,70px)/1 var(--serif)}.rewards-audience-head h2 em{color:#e7c56f;font-style:italic}.rewards-audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.rewards-audience-grid article{display:grid;grid-template-columns:.8fr 1.2fr;min-height:460px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04)}.rewards-audience-image{overflow:hidden}.rewards-audience-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.rewards-audience-grid article:hover img{transform:scale(1.04)}.rewards-audience-copy{padding:42px 36px}.rewards-audience-copy>span{color:#e7c56f;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.rewards-audience-copy h3{margin:13px 0 14px;font:600 31px/1.15 var(--serif)}.rewards-audience-copy p{color:#aab5c8;font-size:14px}.rewards-audience-copy ul{padding:0;list-style:none}.rewards-audience-copy li{padding:9px 0;border-top:1px solid rgba(255,255,255,.12);color:#d3d9e4;font-size:14px}
.rewards-download{background:#fff}.rewards-download-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:center;padding:65px 70px;border-radius:25px;background:radial-gradient(circle at 90% 0,rgba(42,168,188,.22),transparent 25%),linear-gradient(120deg,#061226,#172957);color:#fff;box-shadow:0 35px 80px rgba(16,27,63,.18)}.rewards-download-card:before{content:"A";position:absolute;right:300px;bottom:-130px;color:rgba(255,255,255,.025);font:700 330px/1 var(--serif)}.rewards-download-card h2{margin:0 0 18px;font:600 clamp(43px,4.4vw,64px)/1.03 var(--serif)}.rewards-download-card h2 em{color:#e7c56f;font-style:italic}.rewards-download-card p{max-width:670px;color:#aeb8ca}.rewards-store-card{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:17px 19px;border:1px solid rgba(231,199,119,.4);border-radius:17px;background:rgba(255,255,255,.07);box-shadow:0 20px 45px rgba(0,0,0,.2)}.rewards-store-card svg{width:34px;height:34px;fill:#fff}.rewards-store-card small,.rewards-store-card strong,.rewards-store-card em{display:block}.rewards-store-card small{color:#9eabc0;font-size:14px;text-transform:uppercase}.rewards-store-card strong{font-size:16px}.rewards-store-card em{color:#e7c56f;font-size:14px;font-style:normal}.rewards-store-card>b{color:#e7c56f}.rewards-faq{background:linear-gradient(145deg,#f4efe5,#fbfaf7)}
@media(max-width:1050px){.rewards-hero-inner{grid-template-columns:1fr .7fr;gap:30px}.rewards-phone{width:285px;height:570px}.rewards-float-card{width:175px}.rewards-process-grid{grid-template-columns:repeat(2,1fr)}.rewards-audience-grid article{grid-template-columns:1fr}.rewards-audience-image{height:270px}.rewards-download-card{grid-template-columns:1fr 280px;padding:55px 45px}}
@media(max-width:800px){.rewards-hero{min-height:1120px}.rewards-hero-inner{min-height:1120px;grid-template-columns:1fr;align-items:start;padding-top:145px}.rewards-device-stage{height:600px}.rewards-process-head{grid-template-columns:1fr;gap:17px}.rewards-audience-grid{grid-template-columns:1fr}.rewards-download-card{grid-template-columns:1fr}.rewards-store-card{max-width:340px}}
@media(max-width:560px){.rewards-hero{min-height:1080px}.rewards-hero-inner{min-height:1080px;padding-top:115px}.rewards-hero h1{font-size:48px}.rewards-hero-copy>p{font-size:15px}.rewards-hero-actions{align-items:stretch;flex-direction:column}.rewards-primary{width:100%}.rewards-hero-proof{gap:8px}.rewards-device-stage{height:540px}.rewards-phone{width:255px;height:500px}.rewards-float-card{width:155px;padding:11px}.rewards-float-top{right:-4px}.rewards-float-bottom{left:-5px}.rewards-hero-rail{gap:8px;font-size:14px}.rewards-process-grid{grid-template-columns:1fr}.rewards-process-grid article{min-height:270px}.rewards-audience-copy{padding:30px 24px}.rewards-download-card{padding:40px 24px}.rewards-download-card h2{font-size:40px}.rewards-store-card{grid-template-columns:40px 1fr auto;padding:14px}}

/* Premium contact page and live location */
.contact-hero-premium{position:relative;min-height:610px;overflow:hidden;background:#061226;color:#fff}.contact-hero-image{position:absolute;inset:0 0 0 42%}.contact-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061226,rgba(6,18,38,.86) 24%,rgba(6,18,38,.18) 58%,transparent),linear-gradient(0deg,rgba(3,10,25,.52),transparent 45%)}.contact-hero-image img{width:100%;height:100%;object-fit:cover}.contact-hero-inner{position:relative;z-index:2;min-height:610px;display:flex;align-items:center;padding-top:115px}.contact-hero-copy{width:57%;max-width:780px}.contact-kicker{display:flex;align-items:center;gap:12px;color:#e8d7a9;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.contact-kicker i{width:40px;height:2px;background:linear-gradient(90deg,#b9872f,#f4dda0)}.contact-hero-premium h1{margin:23px 0 24px;font:600 clamp(57px,5.2vw,82px)/.95 var(--serif);letter-spacing:-.055em}.contact-hero-premium h1 em{color:#e7c56f;font-style:italic}.contact-hero-copy>p{max-width:650px;color:#c7cfdd;font-size:17px;line-height:1.72}.contact-hero-card{position:absolute;z-index:3;right:4%;bottom:55px;width:270px;padding:20px 22px;border:1px solid rgba(231,199,119,.36);border-radius:16px;background:rgba(5,14,35,.8);box-shadow:0 24px 60px rgba(0,0,0,.36);backdrop-filter:blur(13px)}.contact-hero-card small,.contact-hero-card strong,.contact-hero-card span{display:block}.contact-hero-card small{color:#9da8bd;font-size:14px;text-transform:uppercase;letter-spacing:.13em}.contact-hero-card strong{margin-top:7px;color:#f3e3b9;font:600 21px/1.2 var(--serif)}.contact-hero-card span{margin-top:9px;color:#8f9bb1;font-size:14px}
.contact-premium{background:linear-gradient(145deg,#f4efe5,#fbfaf7)}.contact-premium-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:85px;align-items:start}.contact-premium-copy{padding-top:25px}.contact-premium-copy h2{margin:0 0 22px;font:600 clamp(43px,4.3vw,63px)/1.05 var(--serif)}.contact-premium-copy>p{color:var(--muted);font-size:16px}.premium-contact-methods{margin:31px 0}.premium-contact-methods>a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:17px 0;border-top:1px solid #d8d5ce;transition:.25s}.premium-contact-methods>a:hover{padding-left:7px;color:var(--violet)}.premium-contact-methods i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #c9c5bc;border-radius:50%;font-size:14px;font-style:normal}.premium-contact-methods small,.premium-contact-methods strong{display:block}.premium-contact-methods small{color:#858c9b;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.premium-contact-methods strong{margin-top:3px;color:var(--navy);font-size:15px}.premium-contact-methods b{font-size:18px}.premium-dealer-note{padding:24px 26px;border-left:3px solid #d6a844;background:#fff;box-shadow:0 12px 35px rgba(16,27,63,.08)}.premium-dealer-note>span{color:var(--violet);font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.premium-dealer-note h3{margin:7px 0 5px;font:600 22px var(--serif)}.premium-dealer-note p{margin:0;color:var(--muted);font-size:14px}
.premium-contact-form{padding:48px;border:1px solid rgba(16,27,63,.07);border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(16,27,63,.14)}.premium-form-head{margin-bottom:29px;padding-bottom:23px;border-bottom:1px solid var(--line)}.premium-form-head>span{color:var(--violet);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.premium-form-head h2{margin:7px 0 5px;font:600 32px var(--serif)}.premium-form-head p{margin:0;color:#858c9b;font-size:14px}.premium-contact-form form{display:flex;flex-direction:column;gap:18px}.premium-contact-form label{color:#30394d;font-size:14px;font-weight:700}.premium-contact-form label>span{color:#b8464e}.premium-contact-form label>em{float:right;color:#969ca8;font-style:normal;font-weight:400}.premium-contact-form input,.premium-contact-form select,.premium-contact-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8d9dc;border-radius:8px;background:#fbfbfa;outline:0;transition:.2s}.premium-contact-form input:focus,.premium-contact-form select:focus,.premium-contact-form textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(89,64,155,.08);background:#fff}.premium-contact-form label>small{display:block;color:#b23642}.premium-contact-form .about-primary-btn{align-self:flex-start}.premium-contact-form .form-privacy{font-size:14px}
.location-premium{padding-top:30px;background:#fff}.location-premium-head{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:35px}.location-premium-head h2{margin:0;font:600 clamp(43px,4.3vw,63px)/1.05 var(--serif)}.location-premium-head>p{margin:0;color:var(--muted)}.location-map-card{position:relative;height:560px;overflow:hidden;border-radius:24px;background:#e8e6df;box-shadow:0 30px 75px rgba(16,27,63,.16)}.location-map-card iframe{width:100%;height:100%;border:0;filter:saturate(.88) contrast(1.02)}.location-map-info{position:absolute;left:25px;bottom:25px;display:flex;align-items:center;gap:15px;width:310px;padding:17px 19px;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 20px 48px rgba(16,27,63,.18);backdrop-filter:blur(12px)}.location-map-info>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#12254f,#5b4198);color:#fff;font:600 20px var(--serif)}.location-map-info small,.location-map-info strong{display:block}.location-map-info small{color:var(--violet);font-size:14px;text-transform:uppercase;letter-spacing:.12em}.location-map-info strong{margin-top:2px;font:600 16px var(--serif)}.location-map-info p{margin:2px 0 0;color:#858c9b;font-size:14px}
@media(max-width:1050px){.contact-hero-copy{width:62%}.contact-premium-grid{gap:50px}.premium-contact-form{padding:38px}.location-map-card{height:500px}}
@media(max-width:800px){.contact-hero-premium{min-height:800px}.contact-hero-image{inset:46% 0 0}.contact-hero-image:after{background:linear-gradient(180deg,#061226 0%,rgba(6,18,38,.45) 43%,transparent)}.contact-hero-inner{min-height:800px;align-items:flex-start;padding-top:145px}.contact-hero-copy{width:100%}.contact-hero-card{right:18px;bottom:28px}.contact-premium-grid{grid-template-columns:1fr}.location-premium-head{grid-template-columns:1fr;gap:17px}}
@media(max-width:560px){.contact-hero-premium{min-height:760px}.contact-hero-inner{min-height:760px;padding-top:115px}.contact-hero-premium h1{font-size:46px}.contact-hero-copy>p{font-size:15px}.contact-hero-image{inset:55% 0 0}.contact-hero-card{left:14px;right:14px;bottom:18px;width:auto}.premium-contact-form{padding:30px 20px}.premium-contact-form .form-row{grid-template-columns:1fr}.location-map-card{height:480px;border-radius:17px}.location-map-info{left:12px;right:12px;bottom:12px;width:auto}}

/* Premium legal and policy reading experience */
.page-privacy-policy .page-hero,.page-website-terms .page-hero{min-height:520px;background:radial-gradient(circle at 82% 10%,rgba(89,64,155,.34),transparent 27%),linear-gradient(125deg,#030a19,#0a1836 58%,#172b59)}
.page-privacy-policy .page-hero:before,.page-website-terms .page-hero:before{background:linear-gradient(90deg,rgba(3,10,25,.97),rgba(3,10,25,.72)),url('/images/website/about-linear-background.webp') center/cover;opacity:.42}
.page-privacy-policy .page-hero h1,.page-website-terms .page-hero h1{max-width:800px;font-size:clamp(55px,6vw,82px)}
.page-privacy-policy .page-hero p,.page-website-terms .page-hero p{max-width:690px;color:#c5cede;font-size:17px}
.page-privacy-policy .legal-section,.page-website-terms .legal-section{background:linear-gradient(145deg,#f4efe5,#fbfaf7)}
.page-privacy-policy .legal-grid,.page-website-terms .legal-grid{grid-template-columns:265px 1fr;gap:70px;align-items:start}
.page-privacy-policy .legal-index,.page-website-terms .legal-index{top:115px;padding:20px 0;border:1px solid rgba(16,27,63,.07);border-left:0;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(16,27,63,.08);overflow:hidden}
.page-privacy-policy .legal-index:before,.page-website-terms .legal-index:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--violet),var(--cyan),var(--yellow))}
.page-privacy-policy .legal-index span,.page-website-terms .legal-index span{padding:7px 24px 15px;color:var(--navy);font-size:14px}
.page-privacy-policy .legal-index a,.page-website-terms .legal-index a{position:relative;padding:9px 24px;color:#6d7586;font-size:14px;transition:.2s}.page-privacy-policy .legal-index a:hover,.page-website-terms .legal-index a:hover{padding-left:29px;background:#f7f4ed;color:var(--violet)}
.page-privacy-policy .legal-copy,.page-website-terms .legal-copy{max-width:none;padding:55px 65px;border:1px solid rgba(16,27,63,.06);border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(16,27,63,.1)}
.page-privacy-policy .legal-updated,.page-website-terms .legal-updated{display:inline-flex;margin:0 0 26px;padding:8px 13px;border:1px solid #dedbd4;border-radius:999px;color:#7e8594;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.page-privacy-policy .legal-copy section,.page-website-terms .legal-copy section{position:relative;padding:31px 0 31px 54px;border-bottom:1px solid #e5e3de}
.page-privacy-policy .legal-copy section:before,.page-website-terms .legal-copy section:before{content:"";position:absolute;left:0;top:39px;width:28px;height:2px;background:linear-gradient(90deg,#c08d31,#ead18e)}
.page-privacy-policy .legal-copy h2,.page-website-terms .legal-copy h2{margin:0 0 12px;color:var(--navy);font:600 27px/1.25 var(--serif)}
.page-privacy-policy .legal-copy p,.page-website-terms .legal-copy p{color:#5e6677;font-size:15px;line-height:1.82}
.page-privacy-policy .legal-copy a,.page-website-terms .legal-copy a{color:var(--violet);font-weight:700;text-underline-offset:3px}
@media(max-width:800px){.page-privacy-policy .legal-grid,.page-website-terms .legal-grid{grid-template-columns:1fr}.page-privacy-policy .legal-index,.page-website-terms .legal-index{display:none}.page-privacy-policy .legal-copy,.page-website-terms .legal-copy{padding:38px}.page-privacy-policy .page-hero,.page-website-terms .page-hero{min-height:480px}}
@media(max-width:560px){.page-privacy-policy .legal-copy,.page-website-terms .legal-copy{padding:27px 20px}.page-privacy-policy .legal-copy section,.page-website-terms .legal-copy section{padding:25px 0 25px 35px}.page-privacy-policy .legal-copy section:before,.page-website-terms .legal-copy section:before{width:20px}.page-privacy-policy .legal-copy h2,.page-website-terms .legal-copy h2{font-size:23px}.page-privacy-policy .legal-copy p,.page-website-terms .legal-copy p{font-size:14px}}

/* Final contact polish and edge-to-edge map */
.page-website-contact .contact-premium{position:relative;overflow:hidden}.page-website-contact .contact-premium:before{content:"";position:absolute;left:-230px;top:13%;width:430px;height:430px;border:70px solid rgba(89,64,155,.035);border-radius:50%}.page-website-contact .contact-premium-grid{position:relative;z-index:1}
.page-website-contact .contact-premium-copy:before{content:"Let’s talk";display:block;margin-bottom:30px;color:rgba(16,27,63,.055);font:700 82px/1 var(--serif);letter-spacing:-.06em}
.page-website-contact .premium-contact-methods>a{position:relative;padding:19px 15px 19px 0}.page-website-contact .premium-contact-methods>a:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--yellow));transition:.35s}.page-website-contact .premium-contact-methods>a:hover:after{width:100%}
.page-website-contact .premium-contact-form{position:relative;overflow:hidden}.page-website-contact .premium-contact-form:before{content:"";position:absolute;right:-85px;top:-90px;width:210px;height:210px;border-radius:50%;background:linear-gradient(135deg,rgba(42,168,188,.12),rgba(89,64,155,.12))}.page-website-contact .premium-contact-form>*{position:relative;z-index:1}
.location-fullwidth{padding:105px 0 0;background:linear-gradient(180deg,#fff,#f4efe5)}.location-fullwidth .location-premium-head{margin-bottom:42px}.location-fullwidth .location-map-card{height:650px;border-radius:0;box-shadow:none}.location-fullwidth .location-map-card:before{content:"";position:absolute;z-index:2;inset:0;box-shadow:inset 0 22px 50px rgba(6,18,38,.12);pointer-events:none}.location-fullwidth .location-map-card iframe{position:absolute;inset:0;width:100%;height:100%}.location-overlay-wrap{position:relative;z-index:3;height:100%;pointer-events:none}
.page-website-contact .site-footer{margin-top:0}
.location-fullwidth .location-map-info{left:0;bottom:34px;width:370px;grid-template-columns:48px 1fr auto;padding:19px 21px;pointer-events:auto}.location-map-info>a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #d7d4cc;border-radius:50%;color:var(--violet);font-size:17px;transition:.25s}.location-map-info>a:hover{border-color:var(--violet);background:var(--violet);color:#fff;transform:translate(2px,-2px)}
.location-contact-strip{position:absolute;right:0;bottom:34px;display:grid;grid-template-columns:repeat(2,1fr);width:480px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:rgba(5,14,35,.88);box-shadow:0 20px 48px rgba(3,10,25,.3);backdrop-filter:blur(13px);pointer-events:auto;overflow:hidden}.location-contact-strip a{padding:18px 21px;color:#fff}.location-contact-strip a+a{border-left:1px solid rgba(255,255,255,.14)}.location-contact-strip small,.location-contact-strip strong{display:block}.location-contact-strip small{color:#95a1b7;font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.location-contact-strip strong{margin-top:4px;font-size:14px}.location-contact-strip a:hover strong{color:#f0d993}
@media(max-width:900px){.location-contact-strip{width:400px}.location-fullwidth .location-map-card{height:600px}}
@media(max-width:800px){.page-website-contact .contact-premium-copy:before{font-size:65px}.location-fullwidth{padding-top:80px}.location-fullwidth .location-map-info{left:18px}.location-contact-strip{right:18px;width:390px}}
@media(max-width:650px){.location-fullwidth .location-map-card{height:680px}.location-overlay-wrap{width:100%}.location-fullwidth .location-map-info{left:14px;right:14px;bottom:113px;width:auto}.location-contact-strip{left:14px;right:14px;bottom:16px;width:auto}.page-website-contact .contact-premium-copy:before{font-size:54px;margin-bottom:22px}}
@media(max-width:420px){.location-contact-strip{grid-template-columns:1fr 1fr}.location-contact-strip a{padding:14px 12px}.location-contact-strip strong{font-size:14px}.location-fullwidth .location-map-info{grid-template-columns:42px 1fr auto;padding:15px}.location-fullwidth .location-map-info>span{width:38px;height:38px}}

/* Final homepage responsive quality pass */
html,body{max-width:100%;overflow-x:clip}
.home-hero.banner-hero{height:auto;min-height:0;padding-bottom:0}

@media(max-width:800px){
    .site-header .site-nav,.site-header.scrolled .site-nav{
        inset:0;
        width:100%;
        min-width:0;
        height:100dvh;
        padding:104px clamp(22px,7vw,44px) 28px;
        border-radius:0;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateX(100%);
        transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility .35s;
    }
    .site-header .site-nav.open,.site-header.scrolled .site-nav.open{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
    }
    .site-header .site-nav>a,.site-header.scrolled .site-nav>a{
        min-height:58px;
        padding:13px 4px;
        color:var(--navy)!important;
        font-family:var(--serif)!important;
        font-size:clamp(28px,7vw,36px)!important;
        font-weight:600!important;
        line-height:1.15!important;
        letter-spacing:-.03em!important;
        text-shadow:none!important;
    }
    .site-header .site-nav>a:hover,.site-header .site-nav>a.active,
    .site-header.scrolled .site-nav>a:hover,.site-header.scrolled .site-nav>a.active{color:var(--violet)}
    .site-header .nav-toggle,.site-header.scrolled .nav-toggle{
        position:relative;
        z-index:4;
        width:48px;
        height:48px;
        border:1px solid rgba(242,219,160,.62);
        border-radius:15px;
        background:rgba(4,13,32,.78);
        box-shadow:0 10px 28px rgba(2,8,24,.26);
    }
    .site-header .nav-toggle span,.site-header.scrolled .nav-toggle span{background:#fff}
    .menu-open .site-header .nav-toggle,.menu-open .site-header.scrolled .nav-toggle{background:#fff;border-color:rgba(16,27,63,.12)}
    .menu-open .site-header .nav-toggle span,.menu-open .site-header.scrolled .nav-toggle span{background:var(--navy)}
    .home-hero.banner-hero{padding:0}
    .banner-visual{width:100%;height:auto;aspect-ratio:1806/872;object-fit:contain}
    .page-website-root .banner-actions-inner{min-height:0}
    .page-website-root .intro-copy{padding:0}
    .page-website-root .intro-editorial{gap:42px}
    .page-website-root .section-heading,.page-website-root .business-cta-inner{width:100%}
    .page-website-root .category-links a{min-height:84px}
    .page-website-root .product-card{min-width:0}
    .page-website-root .product-body h3,.page-website-root h2,.page-website-root h3{overflow-wrap:break-word}
    .page-website-root .text-link,.page-website-root .hero-showcase-link,
    .page-website-root .surface-actions a,.page-website-root .store-link{
        min-height:44px;
        display:inline-flex;
        align-items:center;
    }
    .page-website-root .product-body h3 a{min-height:44px;display:inline-flex;align-items:center}
    .page-website-root .project-card>small{font-size:14px}
    .page-website-root .project-system b{font-size:14px}
    .page-website-root .hero-showcase-promise small{font-size:14px}
    .page-website-root .hero-showcase-trust small{font-size:14px}
}

@media(max-width:560px){
    :root{--section:58px}
    .site-header,.site-header.scrolled{height:72px}
    .site-header .nav-wrap,.site-header.scrolled .nav-wrap{height:72px}
    .site-header .nav-toggle,.site-header.scrolled .nav-toggle{width:46px;height:46px}
    .banner-visual{
        width:100%;
        height:clamp(235px,67vw,270px);
        aspect-ratio:auto;
        object-fit:cover;
        object-position:left center;
    }
    .page-website-root .banner-actions-inner{padding-block:22px}
    .banner-message p{font-size:15px;line-height:1.6}
    .hero-proof{align-items:flex-start}
    .hero-proof i{font-size:14px}
    .page-website-root .banner-buttons .btn{min-height:52px}
    .page-website-root .intro-copy h2{font-size:clamp(36px,11vw,43px)}
    .page-website-root .intro-copy .lead{font-size:18px}
    .page-website-root .craft-photo{height:clamp(390px,118vw,470px)}
    .page-website-root .colour-stories-head h2{font-size:clamp(39px,11vw,46px)}
    .page-website-root .mood-card-main{height:500px}
    .page-website-root .mood-card-exterior,.page-website-root .mood-card-craft{height:350px}
    .page-website-root .mood-overlay{left:24px;right:24px;bottom:25px}
    .page-website-root .mood-overlay h3{font-size:clamp(31px,9vw,38px)}
    .page-website-root .craft-photo figcaption span{font-size:14px}
    .page-website-root .paint-spectrum span{font-size:14px}
    .page-website-root .category-panel{height:380px}
    .page-website-root .project-card{min-height:350px}
    .page-website-root .product-visual{height:310px}
    .page-website-root .surface-copy{padding:52px 24px}
    .page-website-root .loyalty-copy{padding:42px 24px}
    .page-website-root .business-cta-inner{padding:43px 24px}
    .page-website-root .business-cta .button-row{width:100%}
    .page-website-root .business-cta .btn{width:100%;min-height:50px}
    .whatsapp-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .reveal,.hero-showcase-art img,.hero-showcase-promise,.hero-showcase-art:before{animation:none!important;transition:none!important}
}

/* The homepage banner already contains the brand logo.
   Keep the non-scrolled menu compact so it does not cover that artwork. */
@media(min-width:801px){
    .page-website-root .site-header:not(.scrolled) .nav-wrap{
        width:max-content;
        max-width:calc(100% - 48px);
        height:72px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:24px;
        margin:8px auto 0;
        padding:0 14px 0 26px;
    }
    .page-website-root .site-header:not(.scrolled) .brand{
        display:none;
        visibility:hidden;
        opacity:0;
        width:0;
        height:0;
        padding:0;
        border:0;
        pointer-events:none;
    }
    .page-website-root .site-header:not(.scrolled) .site-nav{
        flex:none;
        justify-content:center;
        gap:27px;
    }
    .page-website-root .site-header:not(.scrolled) .nav-cta{
        width:auto;
        min-width:max-content;
        flex:none;
    }
}

@media(min-width:801px) and (max-width:1250px){
    .page-website-root .site-header:not(.scrolled) .nav-wrap{
        width:max-content;
        max-width:calc(100% - 36px);
        gap:17px;
        padding-left:19px;
    }
    .page-website-root .site-header:not(.scrolled) .brand{
        display:none;
        width:0;
    }
    .page-website-root .site-header:not(.scrolled) .site-nav{
        gap:19px;
    }
    .page-website-root .site-header:not(.scrolled) .site-nav>a{
        font-size:14px;
    }
    .page-website-root .site-header:not(.scrolled) .nav-cta{
        width:50px;
        min-width:50px;
        padding:0;
        justify-content:center;
    }
    .page-website-root .site-header:not(.scrolled) .nav-cta>span{
        display:none;
    }
}

@media(max-width:800px){
    .site-body .site-header .nav-toggle,
    .site-body .site-header.scrolled .nav-toggle{
        display:grid!important;
        grid-column:2;
        place-content:center;
        justify-self:end;
        align-self:center;
        margin:0;
    }
}

/* Alone Paints brand signature */
.banner-message>strong{display:block;margin:2px 0 6px;color:var(--navy);font:600 clamp(23px,2vw,30px)/1.15 var(--serif);letter-spacing:-.025em}
.alone-brand-signature{position:relative;overflow:hidden;padding-top:48px;background:radial-gradient(circle at 50% 0,rgba(221,202,157,.16),transparent 34%),linear-gradient(180deg,#fff 0%,#f4f0e8 100%)}
.alone-brand-signature:before{content:"ALONE PAINTS";position:absolute;left:50%;top:20px;color:rgba(16,27,63,.024);font:700 clamp(110px,16vw,250px)/1 var(--serif);letter-spacing:-.075em;white-space:nowrap;transform:translateX(-50%);pointer-events:none}
.alone-brand-card{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;grid-template-rows:560px 108px;overflow:hidden;border:1px solid rgba(157,116,42,.32);border-radius:24px;background:#07142d;box-shadow:0 38px 95px rgba(7,20,45,.2),0 0 0 8px rgba(255,255,255,.72);color:#fff}
.alone-brand-card:before{content:"";position:absolute;z-index:4;inset:16px 16px 124px;border:1px solid rgba(239,216,154,.34);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);pointer-events:none}
.alone-brand-card:after{content:"";position:absolute;z-index:5;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#aa7a27,#f1d999 28%,#b68531 50%,#f1d999 72%,#aa7a27)}
.alone-brand-copy{position:relative;z-index:3;display:flex;justify-content:center;flex-direction:column;padding:58px 62px;background:radial-gradient(circle at 7% 8%,rgba(89,64,155,.2),transparent 29%),linear-gradient(135deg,#061228,#0b1a38)}
.alone-brand-copy:after{content:"";position:absolute;right:0;top:13%;bottom:13%;width:1px;background:linear-gradient(transparent,rgba(232,197,111,.62),transparent)}
.alone-brand-name{display:flex;align-items:center;gap:17px;margin-bottom:25px;color:#fff;font-size:16px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.alone-colour-mark{position:relative;width:55px;height:43px;display:block}
.alone-colour-mark i{position:absolute;width:34px;height:34px;border-radius:55% 65% 62% 48%;transform:rotate(37deg);box-shadow:0 7px 18px rgba(0,0,0,.2)}
.alone-colour-mark i:first-child{left:0;top:7px;background:var(--yellow)}
.alone-colour-mark i:nth-child(2){left:18px;top:9px;background:var(--cyan)}
.alone-colour-mark i:nth-child(3){left:11px;top:0;background:linear-gradient(145deg,#f01078,#a929ab)}
.alone-brand-kicker{display:flex;align-items:center;gap:12px;margin:0 0 13px;color:#e7d7ae;font-size:14px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.alone-brand-kicker:before{content:"";width:34px;height:1px;background:linear-gradient(90deg,#ad7c2d,#f1d999)}
.alone-brand-copy h2{margin:0;color:#fff;font:600 clamp(51px,4.25vw,69px)/.95 var(--serif);letter-spacing:-.05em}
.alone-brand-copy h2 em{color:#e8c56f;font-weight:600}
.alone-brand-lede{max-width:520px;margin:22px 0 25px;color:#c3ccdc;font-size:16px;line-height:1.7}
.alone-brand-button{border-color:#f1d996;background:linear-gradient(135deg,#fff0bd,#d6a941);color:#0b1835;box-shadow:0 16px 38px rgba(203,153,49,.2)}
.alone-brand-button:hover{background:linear-gradient(135deg,#fff8dd,#ebc567)}
.alone-brand-visual{position:relative;z-index:1;height:560px;overflow:hidden;background:#d8d1c3}
.alone-brand-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 31%;transition:transform .8s ease}
.alone-brand-card:hover .alone-brand-visual>img{transform:scale(1.025)}
.alone-brand-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,45,.28),transparent 33%),linear-gradient(0deg,rgba(3,10,25,.78),transparent 46%)}
.alone-brand-visual-note{position:absolute;z-index:2;left:45px;bottom:38px;padding:15px 20px 15px 18px;border-left:2px solid #e8c56f;background:linear-gradient(90deg,rgba(4,13,31,.74),transparent);text-shadow:0 2px 12px rgba(0,0,0,.25)}.alone-brand-visual-note small,.alone-brand-visual-note strong{display:block}.alone-brand-visual-note small{color:#e8d8ad;font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.alone-brand-visual-note strong{margin-top:6px;color:#fff;font:600 27px/1.15 var(--serif)}
.alone-brand-system{position:relative;z-index:3;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);height:108px;padding:0 28px;background:linear-gradient(180deg,#f8f2e5,#e9ddc5);color:#101b3f}
.alone-brand-system article{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:22px 25px;border-right:1px solid rgba(91,69,31,.17);transition:background .25s ease}
.alone-brand-system article:last-child{border-right:0}.alone-brand-system article:hover{background:rgba(255,255,255,.38)}
.alone-brand-system article>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #b38737;border-radius:50%;background:#f8f1e2;color:#75531f;font-size:14px;font-weight:800;box-shadow:0 0 0 5px rgba(248,241,226,.9)}
.alone-brand-system article:nth-child(2)>span,.alone-brand-system article:nth-child(3)>span,.alone-brand-system article:nth-child(4)>span{border-color:#b38737;color:#75531f}
.alone-brand-system small,.alone-brand-system strong{display:block}
.alone-brand-system small{color:#887753;font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.alone-brand-system article strong{margin-top:2px;color:#101b3f;font:600 22px var(--serif)}
.alone-brand-trust{position:absolute;z-index:3;right:30px;top:28px;width:126px;height:126px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding:12px;border:1px solid rgba(232,197,111,.7);border-radius:50%;background:radial-gradient(circle,#172342,#07142d);box-shadow:0 20px 50px rgba(0,0,0,.3),inset 0 0 0 5px rgba(232,197,111,.09);text-align:center}
.alone-brand-trust:before{content:"";position:absolute;inset:7px;border:1px dashed rgba(232,197,111,.42);border-radius:50%}
.alone-brand-trust>b{position:relative;z-index:1;width:auto;height:auto;display:block;background:none;color:#e8c56f;font:700 31px/1 var(--serif)}
.alone-brand-trust small,.alone-brand-trust strong{display:block}
.alone-brand-trust span{position:relative;z-index:1}.alone-brand-trust small{margin-top:5px;color:#e8c56f;font-size:14px;letter-spacing:.05em}.alone-brand-trust strong{margin-top:1px;color:#fff;font:600 14px/1.15 var(--serif)}
@media(max-width:1000px){
    .alone-brand-card{grid-template-columns:1fr;grid-template-rows:auto 500px auto}
    .alone-brand-card:before{bottom:122px}
    .alone-brand-copy{padding:65px 58px}
    .alone-brand-visual{height:500px;min-height:0}
    .alone-brand-copy h2{font-size:64px}
    .alone-brand-card:before{bottom:205px}
    .alone-brand-system{grid-template-columns:repeat(2,1fr);height:auto;padding:0 28px}
    .alone-brand-system article{min-height:96px}
    .alone-brand-system article:nth-child(2){border-right:0}
    .alone-brand-system article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.11)}
}
@media(max-width:560px){
    .alone-brand-signature{padding-top:20px}
    .alone-brand-card{min-height:0;grid-template-rows:auto 390px auto;border-radius:20px}
    .alone-brand-card:before{inset:10px 10px 211px;border-radius:15px}
    .alone-brand-copy{padding:45px 25px 40px}
    .alone-brand-name{margin-bottom:30px;font-size:14px}
    .alone-brand-kicker{font-size:14px;line-height:1.5}
    .alone-brand-copy h2{font-size:clamp(43px,13vw,55px)}
    .alone-brand-lede{font-size:15px;line-height:1.65}
    .alone-brand-button{width:100%}
    .alone-brand-visual{height:390px;min-height:0}
    .alone-brand-visual-note{left:24px;right:24px;bottom:25px}.alone-brand-visual-note strong{font-size:25px}
    .alone-brand-system{grid-template-columns:1fr 1fr;height:auto;padding:0 10px}
    .alone-brand-system article{grid-template-columns:34px 1fr;gap:9px;padding:20px 12px}
    .alone-brand-system article>span{width:31px;height:31px}
    .alone-brand-system article strong{font-size:20px}
    .alone-brand-system small{letter-spacing:.06em}
    .alone-brand-trust{display:none}
}