:root{
  --ink:#10263b;--ink-soft:#193b58;--blue:#315f83;--blue-light:#dce7ed;
  --paper:#f5f3ed;--paper-2:#eeeae1;--white:#fff;--accent:#e6aa35;--accent-soft:#f4d38b;
  --muted:#66737d;--line:rgba(16,38,59,.11);--line-light:rgba(255,255,255,.13);
  --radius-xl:42px;--radius-lg:30px;--radius-md:22px;--shadow:0 28px 70px rgba(16,38,59,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
.page-top-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.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;left:18px;top:-80px;z-index:200;background:#fff;padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);transition:top .2s}.skip-link:focus{top:18px}
.progress{position:fixed;inset:0 0 auto;height:3px;z-index:140;background:transparent}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-soft));box-shadow:0 0 16px rgba(230,170,53,.35)}

.site-header{position:sticky;top:0;z-index:120;padding:14px clamp(16px,3vw,42px);background:linear-gradient(to bottom,rgba(245,243,237,.94),rgba(245,243,237,.80));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-shell{max-width:1540px;margin:auto;height:70px;padding:0 16px 0 12px;border:1px solid rgba(16,38,59,.08);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 10px 35px rgba(16,38,59,.05);display:flex;align-items:center;justify-content:space-between;gap:26px}
.static-header{position:relative}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-copy{display:flex;flex-direction:column;line-height:1.04}.brand strong{font-size:20px;letter-spacing:.075em}.brand small{font-size:9px;color:var(--muted);letter-spacing:.045em;margin-top:5px}
.brand-logo{width:50px;height:50px;display:block;object-fit:cover;border-radius:15px;box-shadow:0 6px 18px rgba(16,38,59,.11);border:1px solid rgba(16,38,59,.08);flex:0 0 auto}
.nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700}.nav a:not(.nav-cta){position:relative;color:#34495a;transition:color .2s}.nav a:not(.nav-cta):before{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--accent);transition:right .28s}.nav a:hover,.nav a.active{color:var(--ink)}.nav a:hover:before,.nav a.active:before{right:0}.nav-cta{background:var(--ink);color:#fff;padding:12px 17px;border-radius:999px;display:inline-flex;gap:10px;align-items:center;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,38,59,.18)}
.menu-button{display:none;border:0;background:transparent;padding:10px;border-radius:12px}.menu-button span:not(.sr-only){display:block;width:25px;height:2px;background:var(--ink);margin:6px;border-radius:3px;transition:transform .25s,opacity .25s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}

.hero{min-height:calc(100vh - 98px);max-width:1680px;margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:5vw;padding:clamp(60px,8vw,122px) clamp(22px,6vw,96px) clamp(70px,8vw,115px);position:relative;isolation:isolate}
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}.wash{position:absolute;border-radius:50%;filter:blur(2px)}.wash-one{width:560px;height:560px;right:-150px;top:2%;background:radial-gradient(circle at 35% 35%,rgba(230,170,53,.18),rgba(230,170,53,.03) 62%,transparent 70%)}.wash-two{width:480px;height:480px;left:-260px;bottom:-100px;background:radial-gradient(circle,rgba(49,95,131,.10),transparent 70%)}.grid-noise{position:absolute;inset:0;background-image:linear-gradient(rgba(16,38,59,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(16,38,59,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,black,transparent 58%);opacity:.65}
.hero-content{max-width:860px}.availability{width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;color:#55636f;margin-bottom:25px}.availability i{width:8px;height:8px;border-radius:50%;background:#4f9868;box-shadow:0 0 0 4px rgba(79,152,104,.12)}
.eyebrow{margin:0 0 19px;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:800;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(49px,6.2vw,96px);line-height:.94;letter-spacing:-.066em;margin:0 0 30px;font-weight:800}h2{font-size:clamp(39px,4.7vw,74px);line-height:.99;letter-spacing:-.052em;margin:0 0 24px;font-weight:800}.serif-accent{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-.04em}.hero-lead{font-size:clamp(16px,1.38vw,20px);line-height:1.75;color:#596a76;max-width:720px;margin-bottom:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 47px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:800;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff;box-shadow:0 14px 34px rgba(16,38,59,.17)}.primary:hover{box-shadow:0 18px 38px rgba(16,38,59,.24)}.ghost{background:rgba(255,255,255,.48);border-color:var(--line)}.light{background:#fff;color:var(--ink);box-shadow:0 15px 32px rgba(16,38,59,.11)}.compact{min-height:44px;padding:0 18px}.phone-dot{width:8px;height:8px;background:var(--accent);border-radius:50%}
.trust-row{display:flex;gap:38px;flex-wrap:wrap;padding-top:27px;border-top:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column;gap:4px}.trust-row strong{font-size:20px;letter-spacing:-.025em}.trust-row div>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.075em;font-weight:700}
.hero-visual{display:flex;justify-content:center;perspective:1200px}.visual-frame{width:min(620px,44vw);aspect-ratio:.90;position:relative;border-radius:var(--radius-xl);background:#fff;padding:11px;box-shadow:0 36px 90px rgba(16,38,59,.15);border:1px solid rgba(16,38,59,.07);transform:rotate(.7deg);transition:transform .16s ease-out;will-change:transform}.room-scene{position:absolute;inset:11px;border-radius:32px;overflow:hidden;background:#e8e4dc}.wall{position:absolute;inset:0 0 27%}.wall-left{background:linear-gradient(138deg,#f0ede6 0 52%,transparent 52%)}.wall-right{background:linear-gradient(42deg,transparent 0 48%,#cfc0a5 48%)}.ceiling-line{position:absolute;z-index:3;left:0;right:0;top:0;height:22px;background:linear-gradient(#faf8f3,#ebe6dc)}.floor{position:absolute;bottom:0;left:-4%;right:-4%;height:31%;background:repeating-linear-gradient(99deg,#b78454 0 24px,#c79662 25px 49px);transform:perspective(260px) rotateX(9deg);transform-origin:bottom}.window{position:absolute;z-index:2;left:13%;top:16%;width:39%;height:31%;border:12px solid #f7f4ed;background:linear-gradient(150deg,#c8e0e7,#e9f4f5);box-shadow:0 14px 25px rgba(16,38,59,.13)}.window:before,.window:after{content:"";position:absolute;background:#f7f4ed}.window:before{width:8px;height:100%;left:48%}.window:after{height:8px;width:100%;top:48%}.window span{position:absolute;inset:auto 12px 10px;height:16px;background:linear-gradient(90deg,#77946d,#9eb08c);opacity:.55;border-radius:80% 60% 20% 30%}.skirting{position:absolute;z-index:4;left:0;right:0;bottom:27%;height:11px;background:#f5f1e8;box-shadow:0 2px 6px rgba(16,38,59,.05)}.paint-strip{position:absolute;z-index:4;right:7%;top:16%;width:24%;height:40%;border-radius:14px;background:linear-gradient(180deg,var(--blue) 0 31%,var(--accent) 31% 63%,#e8e4da 63%);border:7px solid rgba(255,255,255,.8);box-shadow:0 15px 30px rgba(16,38,59,.12)}.sample-stack{position:absolute;right:8%;bottom:15%;display:flex;gap:8px;z-index:5}.sample-stack span{width:32px;height:32px;background:var(--swatch);border-radius:50%;border:5px solid rgba(255,255,255,.85);box-shadow:0 7px 16px rgba(16,38,59,.14)}
.visual-note{position:absolute;z-index:8;background:rgba(255,255,255,.91);backdrop-filter:blur(14px);border:1px solid rgba(16,38,59,.08);box-shadow:0 16px 35px rgba(16,38,59,.10);border-radius:18px;padding:15px 17px;display:flex;flex-direction:column}.visual-note small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:800}.visual-note strong{font-size:13px;margin-top:4px}.note-top{right:-7%;top:12%}.note-bottom{left:-8%;bottom:10%;flex-direction:row;align-items:center;gap:12px}.note-bottom div{display:flex;flex-direction:column}.mini-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px}

.proof-strip{background:var(--ink);color:#fff;overflow:hidden}.proof-track{min-height:72px;padding:0 clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:center;gap:27px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.105em;text-transform:uppercase}.proof-track i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.section{padding:clamp(88px,10vw,155px) clamp(22px,7vw,112px)}.section-kicker{display:flex;align-items:center;gap:15px;margin-bottom:36px}.section-kicker>span{font-size:10px;font-weight:800;color:var(--accent);border:1px solid var(--line);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.section-kicker .eyebrow{margin:0}.intro{max-width:1680px;margin:auto}.intro-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start}.intro-heading h2{max-width:900px}.intro-copy{padding-top:8px}.large-copy{font-size:clamp(20px,2.15vw,31px);line-height:1.5;letter-spacing:-.027em;color:#263c4c}.intro-copy>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:650px;margin-top:28px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:75px}.value-card{min-height:310px;border:1px solid rgba(16,38,59,.07);background:rgba(255,255,255,.68);border-radius:var(--radius-lg);padding:27px;position:relative;overflow:hidden;transform-style:preserve-3d;transition:box-shadow .25s,border-color .25s}.value-card:hover{box-shadow:var(--shadow);border-color:rgba(16,38,59,.12)}.value-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--accent);opacity:.07;right:-40px;top:-50px}.value-number{font-size:10px;font-weight:800;color:var(--muted)}.value-icon{width:54px;height:54px;border-radius:18px;background:var(--ink);color:var(--accent);display:grid;place-items:center;font-size:23px;margin:55px 0 20px}.value-card h3{font-size:20px;letter-spacing:-.025em;margin-bottom:10px}.value-card p{font-size:13px;line-height:1.72;color:var(--muted);max-width:350px}

.services-wrap{padding:0 18px}.services{background:#fff;border-radius:48px;max-width:1640px;margin:auto;padding-left:clamp(22px,6vw,90px);padding-right:clamp(22px,6vw,90px);box-shadow:0 1px 0 rgba(16,38,59,.04)}.section-head{display:grid;grid-template-columns:1fr minmax(260px,400px);gap:70px;align-items:end;margin-bottom:60px}.section-head h2{margin:0}.section-head>p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:46px 76px minmax(260px,.8fr) 1.2fr;gap:24px;align-items:center;padding:27px 10px;border-bottom:1px solid var(--line);position:relative;transition:padding .25s,background .25s}.service-row:hover{padding-left:18px;padding-right:18px;background:#faf9f6}.service-index{font-size:10px;color:var(--muted);font-weight:800}.service-symbol{width:58px;height:58px;border-radius:18px;background:var(--paper);position:relative}.service-symbol:before,.service-symbol:after,.service-symbol i:before,.service-symbol i:after{content:"";position:absolute}.brush-symbol:before{width:30px;height:10px;background:var(--accent);left:14px;top:13px;border-radius:4px}.brush-symbol:after{width:6px;height:24px;background:var(--ink);left:27px;top:23px;border-radius:0 0 6px 6px}.trowel-symbol:before{width:32px;height:17px;background:var(--blue);left:13px;top:15px;clip-path:polygon(0 30%,100% 0,85% 100%,7% 90%)}.trowel-symbol:after{width:6px;height:23px;background:var(--ink);left:27px;top:30px;transform:rotate(30deg);border-radius:5px}.texture-symbol:before{inset:12px;background:repeating-radial-gradient(circle at 0 0,var(--accent) 0 2px,transparent 2px 7px);border-radius:10px}.grain-symbol:before{inset:12px;background:radial-gradient(circle,var(--blue) 2px,transparent 2.8px);background-size:9px 9px}.facade-symbol:before{width:36px;height:30px;background:var(--accent);left:11px;top:19px;clip-path:polygon(50% 0,100% 35%,90% 35%,90% 100%,10% 100%,10% 35%,0 35%)}.facade-symbol:after{width:10px;height:16px;background:var(--ink);left:24px;top:33px}.service-title h3{font-size:20px;margin:0 0 5px;letter-spacing:-.025em}.service-title span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}.service-row>p{margin:0;color:var(--muted);font-size:13px;line-height:1.72;max-width:650px}

.finishes{max-width:1680px;margin:auto}.finish-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.finish-card{grid-column:span 6;background:#fff;border-radius:30px;overflow:hidden;border:1px solid rgba(16,38,59,.07);transition:transform .32s,box-shadow .32s}.finish-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.finish-card:last-child{grid-column:span 12}.finish-visual{height:300px;position:relative;overflow:hidden;background:#e9e5dc}.finish-visual>b{position:absolute;right:18px;bottom:13px;font-size:9px;letter-spacing:.18em;color:rgba(16,38,59,.55);z-index:6}.finish-info{padding:25px 27px 29px;display:grid;grid-template-columns:38px 1fr;gap:8px}.finish-info>span{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.1em}.finish-info h3{font-size:21px;margin:0 0 8px;letter-spacing:-.03em}.finish-info p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:620px}.finish-paint .finish-visual{background:#ece8df}.paint-pass{position:absolute;inset:0;background:var(--blue);transform:translateX(-104%);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.finish-card.visible .paint-pass{transform:translateX(-22%)}.mini-roller{position:absolute;width:84px;height:24px;background:var(--ink);border-radius:7px;left:-12%;top:46%;transition:left 1.4s cubic-bezier(.2,.8,.2,1);box-shadow:0 8px 20px rgba(16,38,59,.2)}.finish-card.visible .mini-roller{left:72%}.mini-roller:after{content:"";position:absolute;width:11px;height:52px;border:5px solid var(--ink);border-left:0;right:-11px;top:16px;border-radius:0 8px 8px 0}.mini-roller i{position:absolute;width:38px;height:6px;background:var(--ink);right:-43px;top:63px;border-radius:4px;transform:rotate(-18deg);transform-origin:left}.finish-smooth .finish-visual{background:linear-gradient(115deg,#d5d0c6,#faf8f3 49%,#d1cdc4)}.finish-smooth .finish-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 30px,rgba(255,255,255,.22) 31px 33px)}.trowel-pass{position:absolute;width:165px;height:82px;background:linear-gradient(145deg,#4f5f6c,#c3c7c7);clip-path:polygon(5% 30%,100% 0,82% 100%,0 78%);left:-190px;top:39%;filter:drop-shadow(0 12px 12px rgba(16,38,59,.18));transition:left 1.45s cubic-bezier(.2,.8,.2,1)}.finish-card.visible .trowel-pass{left:66%}.trowel-pass:after{content:"";position:absolute;width:14px;height:76px;background:var(--ink);left:68px;top:31px;transform:rotate(27deg);border-radius:8px}.finish-grain .finish-visual{background:#e9e5dc}.finish-grain .finish-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(16,38,59,.24) 1.1px,transparent 1.3px);background-size:8px 8px;opacity:.67}.grain-sweep{position:absolute;inset:-25%;background:linear-gradient(100deg,transparent 34%,rgba(230,170,53,.62) 48%,transparent 62%);transform:translateX(-72%) rotate(-5deg);transition:transform 1.6s ease}.finish-card.visible .grain-sweep{transform:translateX(58%) rotate(-5deg)}.finish-sand .finish-visual{background:#e7e0d3}.finish-sand .finish-visual:before,.finish-sand .finish-visual:after{content:"";position:absolute;left:-8%;width:116%;height:83px;border-radius:50%;border-top:3px solid rgba(49,95,131,.28)}.finish-sand .finish-visual:before{top:34%;transform:rotate(-4deg)}.finish-sand .finish-visual:after{top:57%;transform:rotate(5deg)}.sand-sweep{position:absolute;width:55%;height:170%;top:-35%;left:-65%;background:rgba(255,255,255,.41);transform:rotate(20deg);transition:left 1.5s ease}.finish-card.visible .sand-sweep{left:112%}.finish-outside .finish-visual{height:340px;background:linear-gradient(#dce9ec 0 56%,#d3c1a3 56%)}.facade-shape{position:absolute;left:12%;right:12%;bottom:0;height:79%;background:#f7f4ed;clip-path:polygon(0 24%,42% 24%,50% 0,58% 24%,100% 24%,100% 100%,0 100%);box-shadow:inset 0 -18px 0 rgba(16,38,59,.05)}.facade-shape:before,.facade-shape:after{content:"";position:absolute;background:var(--ink);top:43%;width:16%;height:35%;opacity:.9}.facade-shape:before{left:22%}.facade-shape:after{right:22%}.sun-dot{position:absolute;width:72px;height:72px;border-radius:50%;background:var(--accent);right:10%;top:12%;box-shadow:0 0 0 18px rgba(230,170,53,.12)}

.process{background:var(--ink);color:#fff;padding:clamp(90px,10vw,150px) clamp(22px,7vw,112px);position:relative;overflow:hidden}.process:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-310px;top:-290px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}.process-inner{max-width:1460px;margin:auto;position:relative}.light-kicker>span{border-color:rgba(255,255,255,.16)}.process .eyebrow{color:var(--accent-soft)}.process-head{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:80px;align-items:end}.process-head p{font-size:14px;line-height:1.75;color:#aab8c2;margin:0}.process .serif-accent{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:70px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);border-radius:28px;overflow:hidden}.steps article{padding:33px;min-height:290px;background:var(--ink);transition:background .25s}.steps article:hover{background:#15304a}.steps b{font-size:10px;color:var(--accent-soft);letter-spacing:.1em}.step-line{height:1px;width:100%;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.08));margin:35px 0 50px}.steps h3{font-size:19px;margin-bottom:12px}.steps p{font-size:13px;line-height:1.72;color:#aebbc5;margin:0}
.quote-band{min-height:640px;background:var(--accent);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:90px 22px}.quote-content{position:relative;z-index:2;max-width:1150px}.quote-content .eyebrow{color:var(--ink)}.quote-content h2{font-size:clamp(46px,6.35vw,96px);margin-bottom:24px}.quote-content>p:not(.eyebrow){max-width:650px;margin:0 auto 34px;font-size:15px;line-height:1.7;color:rgba(16,38,59,.75)}.quote-texture{position:absolute;inset:0}.quote-texture:before{content:"";position:absolute;width:130vw;height:190px;background:rgba(255,255,255,.15);left:-15vw;top:20%;transform:rotate(-6deg);border-radius:50%}.quote-texture span:first-child{position:absolute;width:490px;height:490px;border:1px solid rgba(16,38,59,.12);border-radius:50%;left:-140px;bottom:-240px}.quote-texture span:last-child{position:absolute;width:360px;height:360px;border:1px solid rgba(16,38,59,.12);border-radius:50%;right:-90px;top:-150px}

.contact{background:#fff;display:grid;grid-template-columns:.88fr 1.12fr;gap:7vw}.contact-copy h2{font-size:clamp(40px,4.7vw,72px)}.contact-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:550px}.contact-links{display:grid;gap:10px;margin-top:36px}.contact-links a{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;max-width:520px;background:#faf9f6;transition:transform .2s,border-color .2s}.contact-links a:hover{transform:translateX(4px);border-color:rgba(16,38,59,.18)}.contact-icon{width:42px;height:42px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px}.contact-links div{display:flex;flex-direction:column}.contact-links small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-bottom:3px}.contact-links strong{font-size:14px}.contact-reassurance{margin-top:23px;font-size:11px;color:var(--muted)}.contact-reassurance span{color:#4b8b61;font-weight:900}.contact-form{background:var(--paper);padding:clamp(24px,4vw,50px);border-radius:34px;display:grid;gap:17px;border:1px solid rgba(16,38,59,.06);align-self:start}.form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line);margin-bottom:2px}.form-head span{font-size:13px;font-weight:800}.form-head small{font-size:9px;color:var(--muted)}.field.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{display:grid;gap:8px;font-size:11px;font-weight:800;color:#33495a}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(16,38,59,.12);background:#fff;padding:15px 16px;border-radius:14px;outline:0;color:var(--ink);transition:border-color .2s,box-shadow .2s}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a7ad}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(49,95,131,.09)}.char-count{justify-self:end;margin-top:-3px;color:#9aa2a8;font-size:9px;font-weight:600}.consent{grid-template-columns:20px 1fr!important;align-items:start;font-weight:500!important;color:var(--muted)!important;line-height:1.55}.consent input{width:17px;height:17px;padding:0;accent-color:var(--ink)}.consent a{text-decoration:underline;text-underline-offset:2px}.hp-field{position:absolute!important;left:-9999px!important}.submit{border:0;margin-top:4px;width:max-content}.form-note{font-size:11px;color:var(--muted);margin:0;min-height:16px}.form-note.success{color:#35794f}.form-note.error{color:#a64343}

.faq{max-width:1680px;margin:auto}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}.faq-heading p{color:var(--muted);font-size:14px;line-height:1.75;max-width:420px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px 0;font-weight:700;font-size:15px}summary::-webkit-details-marker{display:none}summary span{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:18px;font-weight:400;transition:transform .2s,background .2s}details[open] summary span{transform:rotate(45deg);background:var(--ink);color:#fff}details p{padding:0 52px 25px 0;color:var(--muted);font-size:13px;line-height:1.75;max-width:760px}

footer{background:#091a2a;color:#fff;padding:75px clamp(22px,7vw,112px) 30px}.footer-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}.footer-brand .brand-logo{box-shadow:0 8px 24px rgba(0,0,0,.22);border-color:rgba(255,255,255,.16)}.footer-top>p{margin:0;color:#8d9ba6;line-height:1.75;font-size:14px;max-width:610px}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px;padding-top:35px;border-top:1px solid rgba(255,255,255,.1)}.footer-nav>div{display:flex;flex-direction:column;gap:10px}.footer-nav small{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#647584;font-weight:800;margin-bottom:7px}.footer-nav a{font-size:12px;color:#bdc6cd;transition:color .2s}.footer-nav a:hover{color:#fff}.footer-bottom{margin-top:60px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#657786}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.delay{transition-delay:.11s}.reveal.visible{opacity:1;transform:none}

.privacy-page{background:var(--paper)}.privacy-main{max-width:1450px;margin:auto;padding:80px clamp(22px,7vw,100px) 130px}.privacy-hero{max-width:850px;margin-bottom:80px}.privacy-hero h1{font-size:clamp(52px,7vw,100px)}.privacy-hero>p:last-child{font-size:17px;line-height:1.75;color:var(--muted);max-width:650px}.privacy-content{display:grid;grid-template-columns:240px 1fr;gap:9vw;align-items:start}.privacy-content aside{position:sticky;top:120px;display:flex;flex-direction:column;gap:11px;border-top:1px solid var(--line);padding-top:20px}.privacy-content aside strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.privacy-content aside a{font-size:12px;color:var(--muted)}.privacy-content article{max-width:850px}.privacy-content article section{padding:0 0 55px;margin-bottom:50px;border-bottom:1px solid var(--line);position:relative}.privacy-content article section>span{font-size:10px;color:var(--accent);font-weight:800}.privacy-content article h2{font-size:clamp(28px,3vw,44px);margin:12px 0 20px}.privacy-content article p{font-size:14px;line-height:1.85;color:var(--muted)}.privacy-content article a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.privacy-footer{background:var(--ink);color:#9cacb8;padding:28px clamp(22px,7vw,100px);display:flex;justify-content:space-between;gap:20px;font-size:10px}

@media(max-width:1100px){
  .nav{gap:16px}.nav a:not(.nav-cta){display:none}.nav-cta{display:inline-flex}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-content{max-width:920px}.hero-visual{margin-top:28px}.visual-frame{width:min(720px,90vw);aspect-ratio:1.25}.note-top{right:-3%}.note-bottom{left:-3%}.grid-noise{mask-image:none;opacity:.34}
  .intro-layout,.contact,.faq-layout{grid-template-columns:1fr;gap:45px}.value-grid{grid-template-columns:1fr 1fr}.value-card:last-child{grid-column:1/-1}.section-head,.process-head{grid-template-columns:1fr;gap:20px}.service-row{grid-template-columns:42px 68px minmax(220px,.8fr) 1.2fr}.steps{grid-template-columns:1fr 1fr}.privacy-content{grid-template-columns:1fr}.privacy-content aside{position:relative;top:auto;display:none}
}
@media(max-width:780px){
  html{scroll-padding-top:92px}.site-header{padding:9px 10px}.header-shell{height:62px;border-radius:19px;padding:0 8px 0 10px}.brand-logo{width:44px;height:44px;border-radius:13px}.brand strong{font-size:17px}.brand small{font-size:7px}.nav{display:none;position:absolute;left:10px;right:10px;top:79px;background:#fff;border-radius:22px;padding:18px;box-shadow:var(--shadow);border:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px}.nav.open{display:flex}.nav a:not(.nav-cta){display:block;padding:12px}.nav a:not(.nav-cta):before{display:none}.nav-cta{margin-top:8px;justify-content:center}.menu-button{display:block}.hero{padding:55px 20px 72px}.hero h1{font-size:clamp(46px,13.6vw,66px)}.hero-actions{display:grid}.hero-actions .button{width:100%}.trust-row{gap:18px}.trust-row div{width:calc(50% - 10px)}.trust-row div:last-child{width:100%}.visual-frame{width:100%;aspect-ratio:1/1.03;border-radius:28px}.room-scene{border-radius:21px}.note-top{top:7%;right:-2%}.note-bottom{bottom:6%;left:-2%}.visual-note{padding:12px 14px}.proof-track{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 22px}.proof-track::-webkit-scrollbar{display:none}.section{padding:82px 20px}.section-kicker{margin-bottom:26px}.value-grid{grid-template-columns:1fr;margin-top:45px}.value-card:last-child{grid-column:auto}.value-card{min-height:265px}.value-icon{margin-top:38px}.services-wrap{padding:0 7px}.services{border-radius:30px;padding-left:16px;padding-right:16px}.section-head{margin-bottom:40px}.service-row{grid-template-columns:38px 58px 1fr;gap:13px;padding:22px 4px}.service-row>p{grid-column:2/-1;padding-top:2px}.service-symbol{width:50px;height:50px}.service-title h3{font-size:17px}.finish-card,.finish-card:last-child{grid-column:span 12}.finish-visual,.finish-outside .finish-visual{height:235px}.process{padding:85px 20px}.steps{grid-template-columns:1fr}.steps article{min-height:auto}.step-line{margin:28px 0 34px}.quote-band{min-height:540px}.field.two{grid-template-columns:1fr}.contact-form{padding:24px 17px;border-radius:24px}.form-head{align-items:flex-start;gap:8px;flex-direction:column}.submit{width:100%}.faq-layout{gap:25px}.footer-top{grid-template-columns:1fr;gap:28px}.footer-nav{grid-template-columns:1fr 1fr}.footer-nav>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.privacy-main{padding:65px 20px 90px}.privacy-hero{margin-bottom:55px}.privacy-footer{padding:25px 20px;flex-direction:column}.static-header .compact{font-size:11px;padding:0 14px}
}
@media(max-width:480px){
  .brand small{display:none}.hero h1{font-size:45px}.hero-lead{font-size:15px}.visual-frame{aspect-ratio:.9}.window{width:43%;height:29%}.paint-strip{width:27%}.visual-note strong{font-size:11px}.note-top{right:-1%}.note-bottom{left:-1%}.trust-row strong{font-size:17px}.service-row{grid-template-columns:32px 50px 1fr}.service-symbol{transform:scale(.88);transform-origin:left center}.finish-info{padding:22px}.footer-nav{grid-template-columns:1fr}.footer-nav>div:last-child{grid-column:auto}.static-header .brand small{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.visual-frame,.button,.value-card,.service-row,.finish-card{transition:none}.paint-pass{transform:translateX(-22%)}.mini-roller{left:72%}.trowel-pass{left:66%}.grain-sweep,.sand-sweep{display:none}}

/* V5 — informational contact section (no contact/offerte form) */
.contact{grid-template-columns:.84fr 1.16fr;align-items:start}
.contact-copy>p{max-width:600px}
.contact-panel{background:linear-gradient(145deg,#f6f3ec,#fbfaf7);padding:clamp(26px,4vw,48px);border-radius:34px;border:1px solid rgba(16,38,59,.07);box-shadow:0 24px 70px rgba(16,38,59,.07)}
.contact-panel-head{padding-bottom:26px;border-bottom:1px solid var(--line)}
.contact-panel-head .eyebrow{margin:0 0 12px;color:var(--accent)}
.contact-panel-head h3{margin:0;font-size:clamp(25px,2.5vw,39px);line-height:1.08;letter-spacing:-.035em}
.contact-panel-head>p:last-child{margin:14px 0 0;max-width:580px;color:var(--muted);font-size:13px;line-height:1.7}
.contact-options{display:grid;gap:12px;margin-top:24px}
.contact-option{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:19px 20px;background:#fff;border:1px solid rgba(16,38,59,.08);border-radius:20px;transition:transform .22s,border-color .22s,box-shadow .22s}
.contact-option:hover{transform:translateY(-3px);border-color:rgba(16,38,59,.18);box-shadow:0 14px 35px rgba(16,38,59,.08)}
.contact-option-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:15px;font-weight:800}
.contact-option-copy{display:flex;flex-direction:column;min-width:0}
.contact-option-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800;margin-bottom:4px}
.contact-option-copy strong{font-size:clamp(14px,1.5vw,18px);overflow-wrap:anywhere}
.contact-option-copy em{font-style:normal;font-size:10px;color:var(--accent);margin-top:5px;font-weight:750}
.contact-option-arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:14px;transition:background .2s,color .2s,transform .2s}
.contact-option:hover .contact-option-arrow{background:var(--ink);color:#fff;transform:translateX(2px)}
.contact-tip{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;margin-top:22px;padding:17px 18px;border-radius:18px;background:rgba(49,95,131,.07);color:var(--muted)}
.contact-tip>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(49,95,131,.12);color:var(--blue);font-weight:900;font-family:Georgia,serif}
.contact-tip p{margin:1px 0 0;font-size:11px;line-height:1.65}.contact-tip strong{color:var(--ink)}
@media(max-width:850px){.contact-panel{padding:24px 17px;border-radius:24px}.contact-option{grid-template-columns:48px 1fr auto;padding:15px}.contact-option-icon{width:48px;height:48px;border-radius:14px}.contact-option-arrow{width:32px;height:32px}}
@media(max-width:430px){.contact-option{grid-template-columns:44px 1fr;gap:12px}.contact-option-icon{width:44px;height:44px}.contact-option-arrow{display:none}.contact-option-copy strong{font-size:13px}}


/* Xerabyte website credit */
.xerabyte-credit{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#7f909d;font-size:10px}
.xerabyte-credit strong{color:#fff;font-weight:700}.xerabyte-credit-name{color:#9caab4}.xerabyte-credit a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#dce7ef;font-weight:800;transition:.22s ease}
.xerabyte-credit a:hover{transform:translateY(-2px);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.26)}
.privacy-footer{flex-wrap:wrap}.privacy-footer .xerabyte-credit{flex:1 0 100%;margin-top:4px;width:100%}
@media(max-width:780px){.xerabyte-credit{align-items:flex-start;flex-direction:column}.xerabyte-credit a{width:100%;justify-content:center}.privacy-footer .xerabyte-credit{margin-top:12px}}

/* V6 — mobile responsiveness hardening */
/* Grid/flex children are allowed to shrink instead of forcing the page wider than the viewport. */
main, section, header, footer, .hero, .intro-layout, .section-head, .service-row,
.finish-grid, .process-inner, .steps, .contact, .contact-copy, .contact-panel,
.contact-options, .contact-option, .contact-option-copy, .faq-layout, .footer-top,
.footer-nav, .footer-bottom, .xerabyte-credit { min-width:0; }

img, svg, video, canvas { max-width:100%; }
.contact-option-copy strong { overflow-wrap:break-word; word-break:normal; }

@media(max-width:1100px){
  /* This must live after the V5 contact rules so the desktop two-column layout
     cannot override the responsive breakpoint through normal CSS cascade. */
  .contact{
    grid-template-columns:minmax(0,1fr);
    gap:45px;
  }
  .contact-copy,
  .contact-panel{
    width:100%;
    max-width:100%;
  }
}

@media(max-width:780px){
  body{width:100%;max-width:100%;overflow-x:hidden}
  .site-header,.header-shell,main,footer{max-width:100%}

  .contact{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:34px;
    padding-left:20px;
    padding-right:20px;
  }
  .contact-copy h2{font-size:clamp(38px,11.5vw,54px)}
  .contact-copy>p{max-width:none}
  .contact-reassurance{line-height:1.7}

  .contact-panel{
    width:100%;
    max-width:none;
    padding:22px 16px;
    border-radius:24px;
  }
  .contact-panel-head h3{font-size:clamp(25px,8.2vw,34px)}
  .contact-options{width:100%}
  .contact-option{
    width:100%;
    min-width:0;
    grid-template-columns:48px minmax(0,1fr) 32px;
    gap:13px;
    padding:15px;
  }
  .contact-option-copy strong{
    max-width:100%;
    font-size:14px;
    line-height:1.35;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .contact-tip{grid-template-columns:28px minmax(0,1fr);padding:16px}
  .contact-tip p{min-width:0}

  /* Prevent long footer/contact strings from creating horizontal overflow. */
  .footer-nav a,.xerabyte-credit span,.privacy-content a{overflow-wrap:anywhere}
}

@media(max-width:480px){
  .section{padding-left:18px;padding-right:18px}
  .contact{padding-left:18px;padding-right:18px}

  .contact-option{
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }
  .contact-option-icon{width:44px;height:44px}
  .contact-option-arrow{display:none}
  .contact-option-copy strong{font-size:13px;overflow-wrap:anywhere}

  .footer-top>p{font-size:13px}
  .xerabyte-credit{width:100%}
}
