/* AWR — "Every man's home is his castle" design system */
/* perf: metric-matched fallbacks, so the swap to the web fonts barely moves text (no layout shift on slow phones) */
@font-face{font-family:"Montserrat Fallback";src:local("Arial");size-adjust:113.39%;ascent-override:85.43%;descent-override:22.14%;line-gap-override:0%}
@font-face{font-family:"Manrope Fallback";src:local("Arial");size-adjust:103.93%;ascent-override:102.57%;descent-override:28.87%;line-gap-override:0%}
:root{
  --ink:#0f1115;--ink-2:#1b1d23;--ink-3:#2a2d35;--slate:#5b616d;
  --stone:#f2f3f5;--stone-2:#e6e8ec;--stone-3:#cfd3d9;--white:#fff;
  --red:#c8102e;--red-d:#a10d25;--cyan:#00aeef;--brass:#b8925a;
  --line:rgba(15,17,21,.12);--line-l:rgba(255,255,255,.14);
  --f-d:"Montserrat","Montserrat Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--f-b:"Manrope","Manrope Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:128px;
  --t-hero:clamp(2.6rem,1.4rem + 6vw,6.4rem);--t-h1:clamp(2.2rem,1.5rem + 3.4vw,4.4rem);--t-h2:clamp(1.8rem,1.3rem + 2.2vw,3.2rem);
  --t-h3:clamp(1.2rem,1.05rem + .6vw,1.55rem);--t-lead:clamp(1.06rem,1rem + .35vw,1.3rem);--t-body:1.0625rem;--t-sm:.9rem;
  --r1:6px;--r2:14px;--r3:24px;--r4:40px;
  --sh1:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06);--sh2:0 10px 40px -10px rgba(15,17,21,.28);--sh3:0 30px 80px -20px rgba(15,17,21,.45);
  --ease:cubic-bezier(.2,.7,.2,1);--wrap:1240px;--hdr:72px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;font:400 var(--t-body)/1.65 var(--f-b);color:var(--ink);background:var(--stone);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 var(--s2);font-variation-settings:"opsz" 144}
h1{font-size:var(--t-h1)}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3);line-height:1.2;letter-spacing:-.01em}
p{margin:0 0 var(--s2)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:12px 16px;border-radius:8px}.skip:focus{left:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 .78rem/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:var(--s2)}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.dark .eyebrow,.on-dark .eyebrow{color:#ff5a6e}
.lead{font-size:var(--t-lead);line-height:1.55;color:var(--slate);max-width:62ch}
.dark .lead{color:rgba(255,255,255,.74)}
.sec{padding:var(--s7) 0}.sec-sm{padding:var(--s6) 0}
.dark{background:var(--ink);color:#fff}.dark-2{background:var(--ink-2);color:#fff}.paper{background:var(--white)}.sand{background:var(--stone-2)}
.sec-head{max-width:760px;margin-bottom:var(--s5)}
.sec-head.c{margin-inline:auto;text-align:center}.sec-head.c .eyebrow{justify-content:center}

/* buttons */
.btn{--bg:var(--red);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;border:0;
  background:var(--bg);color:var(--fg);font:700 1rem/1 var(--f-b);text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;box-shadow:0 8px 24px -8px rgba(200,16,46,.6)}
.btn:hover{transform:translateY(-2px);background:var(--red-d)}
.btn:active{transform:translateY(0) scale(.98)}
.btn svg{width:20px;height:20px}
.btn.ghost{--bg:transparent;--fg:currentColor;box-shadow:inset 0 0 0 2px currentColor}.btn.ghost:hover{background:rgba(255,255,255,.08)}
.btn.light{--bg:#fff;--fg:var(--ink);box-shadow:var(--sh1)}.btn.light:hover{background:var(--stone)}
.btn.sm{min-height:44px;padding:0 18px;font-size:.92rem}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.link-arrow{font-weight:700;text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.link-arrow::after{content:"→";transition:transform .25s var(--ease)}.link-arrow:hover::after{transform:translateX(4px)}

/* header */
.hdr{position:sticky;top:0;z-index:50;height:var(--hdr);background:rgba(15,17,21,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);color:#fff;border-bottom:1px solid var(--line-l)}
.hdr.over{position:fixed;inset:0 0 auto;background:transparent;border-color:transparent;transition:background .35s}
.hdr.over.stuck{background:rgba(15,17,21,.92);border-color:var(--line-l)}
.hdr .wrap{height:100%;display:flex;align-items:center;gap:var(--s3)}
.logo{display:flex;align-items:center;flex:none}.logo img{height:38px;width:auto}
.nav{display:none;margin-left:auto}
.nav>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a,.nav button{display:block;padding:10px 14px;border-radius:999px;font:600 .95rem/1 var(--f-b);color:rgba(255,255,255,.86);text-decoration:none;background:none;border:0;cursor:pointer}
.nav a:hover,.nav button:hover,.nav [aria-current=page]{color:#fff;background:rgba(255,255,255,.08)}
.nav li{position:relative}
.mega{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;width:min(760px,90vw);background:#fff;color:var(--ink);border-radius:var(--r3);box-shadow:var(--sh3);padding:var(--s3);display:grid;grid-template-columns:repeat(3,1fr);gap:4px var(--s3);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s var(--ease)}
.nav li:hover>.mega,.nav li:focus-within>.mega{opacity:1;visibility:visible;transform:none}
.mega h4{font:700 .75rem/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:8px 0 6px}
.mega a{color:var(--ink);padding:8px 10px;border-radius:10px;font-weight:600}.mega a:hover{background:var(--stone);color:var(--ink)}
.hdr-cta{display:flex;gap:8px;margin-left:auto;align-items:center}
.hdr-tel{display:none;font-weight:700;text-decoration:none;white-space:nowrap}
.burger{width:46px;height:46px;border-radius:999px;border:1px solid var(--line-l);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.burger span{width:18px;height:2px;background:currentColor;position:relative;display:block}.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:.25s}
.burger span::before{top:-6px}.burger span::after{top:6px}
.menu-open .burger span{background:transparent}.menu-open .burger span::before{top:0;rotate:45deg}.menu-open .burger span::after{top:0;rotate:-45deg}
.drawer{position:fixed;inset:var(--hdr) 0 0;z-index:49;background:var(--ink);color:#fff;overflow:auto;padding:var(--s3) 20px 120px;transform:translateX(100%);transition:transform .4s var(--ease);visibility:hidden}
.menu-open .drawer{transform:none;visibility:visible}
.drawer details{border-bottom:1px solid var(--line-l)}.drawer summary{list-style:none;padding:18px 0;font:700 1.25rem/1 var(--f-d);display:flex;justify-content:space-between;cursor:pointer}
.drawer summary::after{content:"+";font-family:var(--f-b)}.drawer details[open] summary::after{content:"–"}
.drawer summary::-webkit-details-marker{display:none}
.drawer .dl{display:grid;gap:2px;padding:0 0 16px}.drawer .dl a{padding:10px 0;color:rgba(255,255,255,.8);text-decoration:none}
.drawer>a{display:block;padding:18px 0;font:700 1.25rem/1 var(--f-d);border-bottom:1px solid var(--line-l);text-decoration:none}
@media(min-width:1100px){.nav{display:block}.burger{display:none}.hdr-cta{margin-left:var(--s2)}.hdr-tel{display:inline}}
@media(min-width:600px){.hdr-tel{display:inline}}

/* mobile action bar */
.mbar{position:fixed;inset:auto 0 0;z-index:48;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(15,17,21,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line-l);transform:translateY(110%);transition:transform .35s var(--ease)}
.mbar.show{transform:none}.mbar .btn{min-height:50px;width:100%}
@media(min-width:900px){.mbar{display:none}}
body{padding-bottom:0}@media(max-width:899px){body{padding-bottom:76px}}

/* HERO (castle video) */
.hero{position:relative;min-height:100svh;display:grid;align-items:end;color:#fff;overflow:hidden;background:var(--ink) url(/assets/img/hero-poster.webp) center/cover no-repeat;isolation:isolate}
.hero video,.hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,17,21,.55) 0%,rgba(15,17,21,.1) 35%,rgba(15,17,21,.35) 60%,rgba(15,17,21,.92) 100%)}
.hero .wrap{padding:calc(var(--hdr) + var(--s6)) 0 var(--s6)}
.hero h1{font-size:var(--t-hero);font-weight:800;max-width:8.42em;margin-bottom:var(--s3);text-wrap:balance}
.hero h1 em{font-style:italic;font-weight:600;color:#fff;background:linear-gradient(transparent 70%,rgba(200,16,46,.75) 0) no-repeat;background-size:100% 100%}
.hero .lead{color:rgba(255,255,255,.85);max-width:28.3em;margin-bottom:var(--s4)}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:var(--s4);font-weight:600;font-size:.95rem;color:rgba(255,255,255,.82)}
.hero-meta span{display:inline-flex;align-items:center;gap:8px}.hero-meta svg{width:18px;height:18px;color:#ff5a6e}
.scroll-cue{position:absolute;right:20px;bottom:24px;font:700 .7rem/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl;color:rgba(255,255,255,.6);display:none}
@media(min-width:900px){.scroll-cue{display:block}}
.hero-word{display:inline-block;opacity:0;transform:translateY(.4em);animation:rise .9s var(--ease) forwards}
@keyframes rise{to{opacity:1;transform:none}}

/* page hero (inner pages) */
.phero{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.phero .wrap{display:grid;gap:var(--s4);padding:var(--s6) 0 var(--s6)}
.phero .lead{color:rgba(255,255,255,.78)}
.phero-media{border-radius:var(--r3);overflow:hidden;aspect-ratio:4/3;background:var(--ink-3);box-shadow:var(--sh3)}
.phero-media img{width:100%;height:100%;object-fit:cover}
.crumbs{font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:var(--s3)}.crumbs a{color:rgba(255,255,255,.8);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
@media(min-width:960px){.phero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;padding:var(--s7) 0}}
.phero::before{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;aspect-ratio:1;background:radial-gradient(closest-side,rgba(200,16,46,.22),transparent);z-index:-1}

/* answer box (AI search) */
.answer{background:#fff;border-left:4px solid var(--red);border-radius:var(--r2);padding:var(--s3);box-shadow:var(--sh1);font-size:1.08rem;max-width:860px}
.answer strong{display:block;font:700 .78rem/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}

/* grids & cards */
.grid{display:grid;gap:var(--s3)}
@media(min-width:700px){.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border-radius:var(--r3);padding:var(--s4);box-shadow:var(--sh1);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.card .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(200,16,46,.1);color:var(--red);margin-bottom:var(--s2)}
.card .ic svg{width:24px;height:24px}
.card p{color:var(--slate);margin:0}
.dark .card{background:var(--ink-2);box-shadow:none;border:1px solid var(--line-l)}.dark .card p{color:rgba(255,255,255,.7)}

/* product tiles */
.tiles{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.tiles{grid-template-columns:repeat(4,1fr);gap:var(--s3)}.tiles .tile:nth-child(1),.tiles .tile:nth-child(6){grid-column:span 2}}
.tile{position:relative;display:block;border-radius:var(--r3);overflow:hidden;aspect-ratio:3/4;color:#fff;text-decoration:none;background:var(--ink-3);isolation:isolate}
@media(min-width:900px){.tile{aspect-ratio:auto;min-height:340px}}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease)}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(15,17,21,.88))}
.tile:hover img{transform:scale(1.06)}
.tile .tt{position:absolute;inset:auto 0 0;padding:var(--s3)}
.tile h3{margin:0 0 4px;font-size:clamp(1.15rem,1rem + .8vw,1.7rem)}.tile p{margin:0;font-size:.92rem;color:rgba(255,255,255,.78);display:none}
@media(min-width:700px){.tile p{display:block}}

/* split feature */
.split{display:grid;gap:var(--s5);align-items:center}
@media(min-width:960px){.split{grid-template-columns:1fr 1fr}.split.rev>:first-child{order:2}}
.media{border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh2);background:var(--stone-3)}.media img{width:100%;height:100%;object-fit:cover}
.ticks{list-style:none;padding:0;margin:var(--s3) 0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start}.ticks li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat}

/* FORTRESS — signature scroll sequence */
.fort{position:relative;background:var(--ink);color:#fff}
.fort-inner{display:grid;gap:var(--s5)}
.fort-stage{position:sticky;top:calc(var(--hdr) + 4vh);height:min(78vh,640px);display:grid;place-items:center}
.fort-svg{width:100%;max-width:620px;height:auto;overflow:visible}
.fort-svg .ln{fill:none;stroke:rgba(255,255,255,.22);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fort-svg .lyr{opacity:.18;transition:opacity .7s var(--ease)}
.fort-svg .lyr .ln{stroke:#fff}
.fort-svg .lyr.on{opacity:1}
.fort-svg .lyr.on .ln{stroke:#fff;stroke-dasharray:var(--len,1200);stroke-dashoffset:0;animation:draw 1.4s var(--ease)}
.fort-svg .lyr.on .fill{fill:rgba(200,16,46,.9)}
.fort-svg .fill{fill:transparent;transition:fill .8s var(--ease) .4s}
.fort-svg .glass{fill:transparent;transition:fill .8s var(--ease) .3s}.fort-svg .lyr.on .glass{fill:rgba(0,174,239,.28)}
@keyframes draw{from{stroke-dashoffset:var(--len,1200)}}
.fort-steps{display:grid}
.fort-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:var(--s4) 0;opacity:.35;transition:opacity .5s}
.fort-step.on{opacity:1}
.fort-step .num{font:800 .8rem/1 var(--f-b);letter-spacing:.2em;color:#ff5a6e;margin-bottom:var(--s2)}
.fort-step h3{font-size:var(--t-h2);margin-bottom:var(--s2)}
.fort-step p{color:rgba(255,255,255,.75);max-width:44ch}
@media(max-width:959px){.fort-stage{height:44vh;top:var(--hdr);background:var(--ink);z-index:2;padding:12px 0}.fort-step{min-height:62vh}}
@media(min-width:960px){.fort-inner{grid-template-columns:1.1fr .9fr}}

/* stats / proof strip */
.proof{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}
@media(min-width:900px){.proof{grid-template-columns:repeat(4,1fr)}}
.proof div{border-top:2px solid var(--red);padding-top:var(--s2)}
.proof b{display:block;font:800 clamp(2rem,1.4rem + 2.4vw,3.4rem)/1 var(--f-d);letter-spacing:-.03em;margin-bottom:8px}
.proof span{color:var(--slate);font-weight:600}.dark .proof span{color:rgba(255,255,255,.7)}

/* marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#fff;padding:18px 0}
.marquee-track{display:flex;gap:48px;width:max-content;animation:marq 40s linear infinite}
.marquee span{font:700 1.05rem/1 var(--f-d);white-space:nowrap;display:flex;align-items:center;gap:48px;color:var(--ink-3)}
.marquee span::after{content:"";width:10px;height:10px;background:var(--red);clip-path:polygon(0 30%,20% 30%,20% 0,40% 0,40% 30%,60% 30%,60% 0,80% 0,80% 30%,100% 30%,100% 100%,0 100%)}
@keyframes marq{to{transform:translateX(-50%)}}

/* tools band */
.tools{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.tools{grid-template-columns:repeat(4,1fr)}}
.tool{display:flex;flex-direction:column;gap:10px;padding:var(--s3);border-radius:var(--r3);background:var(--ink-2);border:1px solid var(--line-l);color:#fff;text-decoration:none;transition:.3s var(--ease);min-height:170px}
.tool:hover{border-color:rgba(255,90,110,.6);transform:translateY(-4px);background:#20232a}
.tool svg{width:30px;height:30px;color:#ff5a6e}.tool b{font:700 1.15rem/1.2 var(--f-d)}.tool small{color:rgba(255,255,255,.66);font-size:.88rem;line-height:1.45}
.tool.feature{grid-column:1/-1;background:linear-gradient(135deg,#c8102e,#7d0a1d);border:0;min-height:0}
@media(min-width:900px){.tool.feature{grid-column:span 2;grid-row:span 2;justify-content:flex-end}}
.tool.feature b{font-size:clamp(1.4rem,1.1rem + 1.4vw,2.2rem)}.tool.feature small{color:rgba(255,255,255,.85)}.tool.feature svg{color:#fff}

/* process */
.steps{counter-reset:s;display:grid;gap:var(--s3)}
@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{list-style:none;counter-increment:s;padding-top:var(--s3);border-top:1px solid var(--line)}
.steps li::before{content:"0" counter(s);font:800 .8rem/1 var(--f-b);letter-spacing:.2em;color:var(--red);display:block;margin-bottom:var(--s2)}
.steps p{color:var(--slate);margin:0}.steps{padding:0;margin:0}

/* faq */
.faq{max-width:880px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--s3);padding:20px 0;font:700 1.12rem/1.35 var(--f-b)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--stone-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f1115' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/14px no-repeat;transition:rotate .3s var(--ease)}
.faq details[open] summary::after{rotate:45deg}
.faq .a{padding:0 0 20px;color:var(--slate);max-width:72ch}

/* prose */
.prose{max-width:72ch}.prose h2{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.4rem);margin-top:var(--s5)}.prose h3{margin-top:var(--s4)}
.prose p,.prose li{color:#33363d}.prose ul{padding-left:1.2em}.prose li{margin-bottom:8px}
.prose a{color:var(--red);font-weight:600}
.legal{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:var(--s4);font-size:.98rem}
.legal p{color:#2a2d33}

/* CTA band */
.cta{position:relative;overflow:hidden;border-radius:var(--r4);background:var(--ink) url(/assets/img/cta-castle.webp) center/cover;color:#fff;padding:clamp(40px,6vw,88px);isolation:isolate}
.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,17,21,.95) 30%,rgba(15,17,21,.5));z-index:-1}
.cta h2{max-width:16ch}.cta .lead{color:rgba(255,255,255,.8)}

/* quote form */
.qform{background:#fff;color:var(--ink);border-radius:var(--r3);padding:var(--s4);box-shadow:var(--sh3);display:grid;gap:14px}
.qform h3{margin-bottom:4px}
.qform label{display:grid;gap:6px;font-weight:700;font-size:.92rem}
.qform input,.qform select,.qform textarea{width:100%;min-height:52px;border:1.5px solid var(--stone-3);border-radius:12px;padding:12px 14px;font:500 1rem var(--f-b);color:var(--ink);background:#fff}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(0,174,239,.2)}
.qform .row{display:grid;gap:14px}@media(min-width:560px){.qform .row{grid-template-columns:1fr 1fr}}
.qform .fine{font-size:.82rem;color:var(--slate);margin:0}
.qform .ok{display:none;padding:var(--s3);border-radius:12px;background:#eaf7ee;color:#14532d;font-weight:600}
.qform.sent .ok{display:block}.qform.sent .fields{display:none}
.chk{display:flex!important;grid-template-columns:none!important;gap:10px!important;align-items:flex-start;font-weight:500!important;font-size:.85rem!important;color:var(--slate)}
.chk input{width:20px;min-height:20px;height:20px;margin-top:2px;flex:none}

/* area lists */
.places{columns:2 160px;column-gap:var(--s3);padding:0;margin:0;list-style:none}
.places li{break-inside:avoid;padding:6px 0;border-bottom:1px dashed var(--line)}
.places a{text-decoration:none;font-weight:600}.places a:hover{color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.chips a,.chips span{display:inline-block;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:.92rem}
.chips a:hover{border-color:var(--red);color:var(--red)}
.branch-map{aspect-ratio:4/5;max-height:640px;width:100%}

/* tool embed page */
.tool-shell{background:var(--ink);padding:0 0 var(--s4)}
.tool-frame{width:100%;height:calc(100svh - var(--hdr));min-height:640px;border:0;display:block;background:#1f2328}
.tool-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:14px 0;color:#fff}
.tool-bar h1{font-size:clamp(1.2rem,1rem + 1vw,1.8rem);margin:0}

/* footer */
.ftr{background:var(--ink);color:rgba(255,255,255,.78);padding:var(--s7) 0 var(--s4);font-size:.95rem}
.ftr a{color:rgba(255,255,255,.78);text-decoration:none}.ftr a:hover{color:#fff;text-decoration:underline}
.ftr-grid{display:grid;gap:var(--s5)}
@media(min-width:900px){.ftr-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.ftr h4{font:700 .8rem/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:var(--s3)}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ftr-big{font:800 clamp(2rem,1.2rem + 4vw,4.6rem)/1 var(--f-d);color:#fff;letter-spacing:-.03em;margin-bottom:var(--s3)}
.ftr-legal{margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--line-l);font-size:.82rem;color:rgba(255,255,255,.55);display:grid;gap:8px}

/* reveal motion */
.rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}
.no-js .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}.hero-word{opacity:1;transform:none}.marquee-track{animation:none}
  .hero video{display:none}
}
/* 2026-11-03 polish */
@media(min-width:900px){.tiles .tile:nth-child(9){grid-column:span 2}}
.hero .eyebrow{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.tile.tool-tile::after{background:linear-gradient(180deg,rgba(15,17,21,.15) 20%,rgba(200,16,46,.88))}
.qform{gap:18px}
.hero::after{background:linear-gradient(90deg,rgba(15,17,21,.85) 0%,rgba(15,17,21,.55) 45%,rgba(15,17,21,.15) 100%),linear-gradient(180deg,rgba(15,17,21,.5) 0%,transparent 30%,transparent 65%,rgba(15,17,21,.9) 100%)}
@media(max-width:899px){.hero::after{background:linear-gradient(180deg,rgba(15,17,21,.6) 0%,rgba(15,17,21,.45) 35%,rgba(15,17,21,.92) 75%)}}
/* grids never leave a hole */
.tools .tool:last-child:nth-child(even){grid-column:span 2}
@media(min-width:900px){
.tools .tool:last-child{grid-column:span 2}
.grid.g3:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,1fr)}
.grid.g3:has(> :nth-child(5):last-child) > *{grid-column:span 2}
.grid.g3:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:span 3}
.grid.g3:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
.grid.g4:has(> :nth-child(5):last-child),.grid.g4:has(> :nth-child(6):last-child){grid-template-columns:repeat(3,1fr)}
.places{columns:4}
}
.places li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 2px}
.places a{position:relative;transition:color .2s}
.places a:hover{color:var(--red)}
.places small{white-space:nowrap;font-variant-numeric:tabular-nums}
/* ===== motion + polish layer (agentA) ===== */
/* type rhythm */
h1,h2{text-wrap:balance}.lead,.card p,.faq .a,.prose p{text-wrap:pretty}
.sec{padding:clamp(72px,40px + 6vw,128px) 0}
.sec-head h2{max-width:20ch}.sec-head.c h2{margin-inline:auto}
/* header: deeper glass once scrolled, logo tightens, red reading-progress hairline */
.hdr{transition:background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.hdr.stuck{box-shadow:0 12px 32px -18px rgba(0,0,0,.7)}
.hdr:not(.over).stuck,.hdr.over.stuck{background:rgba(15,17,21,.96)}
.logo img{transform-origin:left center;transition:transform .35s var(--ease)}
.hdr.stuck .logo img{transform:scale(.9)}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red);transform:scaleX(var(--sp,0));transform-origin:left;pointer-events:none}
/* buttons: sheen sweep + icon nudge */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-110%);transition:transform .65s var(--ease);pointer-events:none}
.btn:hover::after{transform:translateX(110%)}
.btn svg{transition:transform .3s var(--ease)}.btn:hover svg:last-child{transform:translateX(3px)}
.btn:hover{box-shadow:0 14px 30px -10px rgba(200,16,46,.7)}
.btn.ghost:hover,.btn.light:hover{box-shadow:var(--sh1)}.btn.ghost:hover{box-shadow:inset 0 0 0 2px currentColor}
.btn:active{transition-duration:.1s}
/* eyebrow rule draws in as its block reveals */
.eyebrow::before{transform-origin:left;transition:transform .6s var(--ease) .15s}
html:not(.no-js) .rv:not(.in) .eyebrow::before,html:not(.no-js) .rv:not(.in).eyebrow::before{transform:scaleX(0)}
.sec-head.c .eyebrow::before{transform-origin:center}
/* cards: red top rule grows on hover, icon lifts */
.card{position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.card:hover::before,.card:focus-visible::before{transform:scaleX(1)}
.card .ic{transition:transform .35s var(--ease)}.card:hover .ic{transform:translateY(-3px) rotate(-4deg)}
a.card:hover h3{color:var(--red)}a.card h3{transition:color .25s}
/* product tiles: caption rises, red rule under heading */
.tile .tt{transition:transform .45s var(--ease)}.tile:hover .tt,.tile:focus-visible .tt{transform:translateY(-6px)}
.tile h3::after{content:"";display:block;width:28px;height:2px;margin-top:10px;background:var(--red);transform-origin:left;transition:transform .45s var(--ease)}
.tile:hover h3::after,.tile:focus-visible h3::after{transform:scaleX(2.2)}
.tile.tool-tile h3::after{background:#fff}
.tile:focus-visible{outline-offset:4px}
/* tool cards */
.tool svg{transition:transform .35s var(--ease)}.tool:hover svg{transform:translateY(-3px) scale(1.06)}
.tool.feature{position:relative;overflow:hidden;isolation:isolate}
.tool.feature::before{content:"";position:absolute;z-index:-1;right:-18%;top:-30%;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent);transition:transform .7s var(--ease);pointer-events:none}
.tool.feature:hover::before{transform:translate(-6%,8%) scale(1.08)}
/* stats row: red rule draws in, numbers stay steady while counting */
.proof b{font-variant-numeric:tabular-nums lining-nums}.proof b span,.dark .proof b span{color:inherit;font-weight:inherit}
.proof div{position:relative;border-top:0}
.proof div::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--red);transform-origin:left;transition:transform .7s var(--ease)}
.proof div:nth-child(2)::before{transition-delay:.1s}.proof div:nth-child(3)::before{transition-delay:.2s}.proof div:nth-child(4)::before{transition-delay:.3s}
html:not(.no-js) .proof.rv:not(.in) div::before{transform:scaleX(0)}
/* castle crenellation edge where dark sections meet stone */
.fort::before,.ftr::before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px;background:repeating-linear-gradient(90deg,var(--ink) 0 40px,transparent 40px 80px);pointer-events:none}
.ftr{position:relative}
@media(min-width:900px){.fort::before,.ftr::before{top:-17px;height:18px;background:repeating-linear-gradient(90deg,var(--ink) 0 56px,transparent 56px 112px)}}
/* scroll cue line */
.scroll-cue::after{content:"";display:block;width:1px;height:44px;margin:12px auto 0;background:currentColor;transform-origin:top;animation:cue 2.4s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);opacity:1}55%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
/* hero + inner media parallax hooks (JS sets transform) */
.hero video,.hero .hero-img,.hero .wrap{will-change:transform}
.px img{transform:scale(1.12)}
/* faq answer eases in */
.faq summary{transition:color .2s}.faq summary:hover{color:var(--red)}
.faq details[open] .a{animation:faqIn .45s var(--ease)}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}}
/* chips + places micro-interactions */
.chips a{transition:border-color .2s,color .2s,transform .25s var(--ease)}.chips a:hover{transform:translateY(-2px)}
.marquee:hover .marquee-track{animation-play-state:paused}
/* reveal tuning: 700ms ease-out */
.rv{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.media.rv,.phero-media.rv{transform:translateY(28px) scale(.98)}
.media.rv.in,.phero-media.rv.in{transform:none}
@media(prefers-reduced-motion:reduce){
  .eyebrow::before,.proof div::before{transform:none!important}
  .px img,.hero video,.hero .hero-img,.hero .wrap{transform:none!important;opacity:1!important}
  .scroll-cue::after{animation:none}
  .media.rv,.phero-media.rv{transform:none}
}
/* top announcement ticker */
.ann{--annh:38px;height:var(--annh);background:var(--red);color:#fff;overflow:hidden;position:relative;z-index:51;font:600 .86rem/var(--annh) var(--f-b);letter-spacing:.01em}
.ann-track{display:flex;width:max-content;animation:annmove 48s linear infinite}
.ann:hover .ann-track,.ann:focus-within .ann-track{animation-play-state:paused}
.ann-set{display:flex;align-items:center;gap:22px;padding-right:22px;white-space:nowrap}
.ann a{color:#fff;text-decoration:none}
.ann a:hover,.ann a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.ann span{opacity:.7;font-size:.7rem}
@keyframes annmove{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ann-track{animation:none}.ann-set+.ann-set{display:none}.ann{overflow-x:auto}}
.hdr.over{position:absolute;top:38px}
.hdr.over.stuck{position:fixed;top:0}
/* homepage EPC block */
.epc-sec{background:#fff}
.epc{display:grid;gap:8px;padding:var(--s4);border-radius:var(--r3);background:var(--ink);color:#fff;text-decoration:none;box-shadow:var(--sh3);transition:transform .4s var(--ease)}
.epc:hover{transform:translateY(-4px)}
.epc-h{font:700 .78rem var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:6px}
.epc-row{display:block}
.epc-bar{display:flex;align-items:center;justify-content:space-between;width:var(--w);min-height:40px;padding:0 14px;background:var(--c);color:#0f1115;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);transform-origin:left;transition:transform .7s var(--ease)}
.epc-bar b{font:800 1.2rem var(--f-d)}
.epc-bar small{font-weight:700;font-size:.8rem;padding-right:12px}
.epc-row:nth-child(n+6) .epc-bar{color:#fff}
html:not(.no-js) .epc.rv:not(.in) .epc-bar{transform:scaleX(.15)}
.epc-q{margin-top:10px;font-weight:700}
.epc-q u{text-decoration-color:var(--red);text-underline-offset:4px;text-decoration-thickness:2px}
@media(prefers-reduced-motion:reduce){html:not(.no-js) .epc.rv:not(.in) .epc-bar{transform:none}}
/* ===== visual polish layer (agent1, 2026-11-03) ===== */
/* type: Fraunces optical size everywhere it is used as display */
.tool b,.tile h3,.ftr-big,.drawer summary,.drawer>a,.marquee span,.proof b,.epc-bar b{font-variation-settings:"opsz" 144}
.tool b{letter-spacing:-.01em}
body{font-weight:430}
/* announcement ticker: soft red edge fades, steady height, cleaner separators */
.ann{isolation:isolate}
.ann::before,.ann::after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:1;pointer-events:none}
.ann::before{left:0;background:linear-gradient(90deg,var(--red),rgba(200,16,46,0))}
.ann::after{right:0;background:linear-gradient(270deg,var(--red),rgba(200,16,46,0))}
.ann span{opacity:.55;font-size:.6rem;transform:translateY(-1px)}
.ann a{white-space:nowrap}
@media(max-width:599px){.ann{font-size:.8rem}.ann-set{gap:16px;padding-right:16px}.ann-track{animation-duration:40s}}
/* home hero: account for the 38px banner so the hero fits the first screen */
body:has(.ann) .hero{min-height:calc(100svh - 38px)}
@media(max-width:899px){body:has(.ann) .hero .wrap{padding-bottom:var(--s5)}}
/* header over hero: solid once the menu opens */
.menu-open .hdr,.menu-open .hdr.over{background:rgba(15,17,21,.97);border-color:var(--line-l)}
.drawer{top:var(--dtop,var(--hdr))}
.drawer .btn{width:100%}
/* quote forms: consistent field rhythm */
.qform .fields{display:grid;gap:16px}
.qform .fields>h2,.qform .fields>h3{margin-bottom:0}
.qform .fields>h2+.fine,.qform .fields>h3+.fine{margin-top:-10px}
.qform label{gap:8px}
.qform input,.qform select,.qform textarea{transition:border-color .2s,box-shadow .2s}
.qform input:hover,.qform select:hover,.qform textarea:hover{border-color:var(--stone-3);border-color:#c4b89f}
.qform .chk{display:block!important;position:relative;padding-left:32px;line-height:1.5}
.qform .chk input{position:absolute;left:0;top:1px;margin:0;accent-color:var(--red)}
.qform .chk a{color:var(--ink);font-weight:700;white-space:nowrap}
.qform button[type=submit]{justify-self:start}
@media(max-width:559px){.qform{padding:var(--s3);border-radius:var(--r2)}.qform button[type=submit]{width:100%}}
/* cards: tighter on phones, icon beside the heading */
@media(max-width:699px){
  .card{padding:var(--s3);border-radius:var(--r2)}
  .card:has(>.ic:first-child){display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:start}
  .card:has(>.ic:first-child)>*{grid-column:2}
  .card:has(>.ic:first-child)>.ic{grid-column:1;grid-row:1/span 3;width:44px;height:44px;margin:0;border-radius:12px}
  .card:has(>.ic:first-child) h3{margin-bottom:6px;padding-top:9px}
  .grid{gap:14px}
  .answer{font-size:1rem;padding:20px}
}
/* product tiles: no orphan hole on phones */
@media(max-width:899px){.tiles .tile:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/9}}
/* tools grid on phones: equal cards, tidy type */
@media(max-width:899px){.tool{padding:20px;min-height:0}.tool b{font-size:1.05rem}}
/* prose: brand list markers and steadier rhythm */
.prose ul{list-style:none;padding-left:0}
.prose ul li{position:relative;padding-left:22px}
.prose ul li::before{content:"";position:absolute;left:2px;top:.68em;width:8px;height:8px;border-radius:2px;background:var(--red);transform:rotate(45deg)}
.prose ol{padding-left:1.3em}.prose ol li::marker{color:var(--red);font-weight:700}
.prose h2+p,.prose h3+p{margin-top:0}
.prose p{margin-bottom:1.1em}
@media(min-width:960px){.split:has(>.prose):has(>aside){grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:clamp(48px,6vw,96px)}}
/* footer: smaller sign-off line, two-column lists on phones, no battlements on dark-on-dark */
.ftr-big{font-size:clamp(2.2rem,1.4rem + 2.6vw,3.8rem);line-height:1.02;max-width:11ch}
@media(max-width:899px){
  .ftr-grid{grid-template-columns:1fr 1fr;gap:var(--s5) var(--s3)}
  .ftr-grid>:first-child{grid-column:1/-1}
  .ftr-grid>:last-child:nth-child(even){grid-column:1/-1}
  .ftr ul{gap:12px}
}
main:has(>:last-child.phero)+.ftr::before,main:has(>:last-child.dark)+.ftr::before,main:has(>:last-child .tool-shell)+.ftr::before,main:has(>.tool-shell:last-child)+.ftr::before{display:none}
main:has(>:last-child.phero)+.ftr,main:has(>:last-child.dark)+.ftr{border-top:1px solid var(--line-l)}
/* tool page bar */
.tool-bar{align-items:center;gap:12px 20px}
.tool-bar .crumbs{margin-bottom:4px}
@media(max-width:599px){.tool-bar{padding:12px 0}.tool-bar .btn{min-height:40px;padding:0 16px;font-size:.88rem}}
/* energy check: match site type (sentence case Fraunces, site wrap width) */
html body .ec h1,html body .ec h2{text-transform:none;letter-spacing:-.025em;line-height:1.02}
html body .ec .ec-btn{font-family:var(--f-b);text-transform:none;letter-spacing:0;font-size:1rem;font-weight:700;border-radius:999px}
html body .ec .ec-scheme b{text-transform:none}
html body .ec .ec-wrap{max-width:1280px}
/* --- QA round (agent1) --- */
/* ticker pause button (first child of .ann) */
.ann-toggle{position:absolute;right:0;top:0;z-index:3;width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-left:1px solid rgba(255,255,255,.22);background:var(--red-d);color:#fff;font:700 .62rem/1 var(--f-b);letter-spacing:-.05em;cursor:pointer;transition:background .2s}
.ann-toggle:hover{background:#7d0a1d}
.ann-toggle:focus-visible{outline:2px solid #fff;outline-offset:-5px;border-radius:6px}
.ann-toggle span{opacity:1!important;font-size:.72rem!important;transform:none!important;line-height:1}
.ann:has(.ann-toggle)::after{right:38px}
.ann.paused .ann-track{animation-play-state:paused}
/* chat bubble (shadow-DOM widget, fixed children): lift above the phone action bar while it shows */
#candai-chat{transition:transform .35s var(--ease)}
@media(max-width:899px){html.mbar-on #candai-chat{transform:translateY(calc(-72px - env(safe-area-inset-bottom)))}}
/* phones: footer owns the action-bar clearance so no stone strip shows under it */
@media(max-width:899px){body{padding-bottom:0}.ftr{padding-bottom:calc(var(--s4) + 84px + env(safe-area-inset-bottom))}}
/* tall lists never wait on a reveal */
.places.rv,.places .rv{opacity:1!important;transform:none!important}
.rv:focus-within{opacity:1;transform:none;transition:none}
/* no sideways scroll from long town names */
.places li{min-width:0}
.places a{min-width:0;overflow-wrap:anywhere;padding:8px 0;display:inline-block}
.places li{padding:2px 2px}
.places small{flex:none}
/* tick lists: text and links flow inline */
.ticks li{display:block;position:relative;padding-left:34px}
.ticks li::before{position:absolute;left:0;top:2px;margin-top:0}
/* tap targets >= 44px without changing the look */
.crumbs a{display:inline-block;padding:12px 0;margin:-12px 0}
.crumbs ol{row-gap:2px}
.link-arrow{min-height:44px}
.ftr ul{gap:0}.ftr ul a{display:inline-block;padding:9px 0}
.ftr-legal a{display:inline-block;padding:10px 0;margin:-10px 0}
.ftr p a:not(.btn),.ftr-legal a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.ftr p a:not(.btn):hover,.ftr-legal a:hover{text-decoration-color:#fff}
/* sticky side forms only when side-by-side */
@media(max-width:959px){.split>aside{position:static!important}}
/* small phones: hero eyebrow stays on one line */
@media(max-width:400px){.hero .eyebrow{font-size:.68rem;letter-spacing:.12em;gap:8px}.hero .eyebrow::before{width:16px}}
/* contrast: lighter red for small caps text on dark */
.phero .eyebrow,.sec.dark .eyebrow,.fort .eyebrow,.ftr .eyebrow,.dark-2 .eyebrow,.cta .eyebrow,.tool-shell .eyebrow{color:#ff6b7f}
.fort-step{opacity:.55}.fort-step.on{opacity:1}
/* EPC chart labels: dark text on light bars, white on the deep ones */
.epc-row .epc-bar,.epc-row:nth-child(n+6) .epc-bar{color:#0f1115}
.epc-row:nth-child(2) .epc-bar,.epc-row:nth-child(8) .epc-bar{color:#fff}
/* Escape closes the mega menu */
.nav li.mega-x>.mega{opacity:0;visibility:hidden;transform:translateY(8px)}
/* phone action bar: three equal buttons (Call / WhatsApp / Quote) */
.mbar{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding-inline:8px}
.mbar .btn{min-height:48px;padding:0 6px;gap:6px;font-size:.88rem;white-space:nowrap;box-shadow:none;letter-spacing:-.005em}
.mbar .btn svg{width:18px;height:18px;flex:none}
.mbar .btn:not(.light){box-shadow:0 6px 18px -8px rgba(200,16,46,.8)}
@media(max-width:374px){.mbar .btn{font-size:.8rem;gap:4px}.mbar .btn svg{width:16px;height:16px}}
/* hero headline paints at once: words only rise, never fade */
.hero-word{opacity:1;animation-name:riseT}
@keyframes riseT{to{transform:none}}
/* CTA band photo loads only when near the screen (JS adds .bg-on) */
.cta:not(.bg-on){background-image:none}
html.no-js .cta:not(.bg-on){background-image:url(/assets/img/cta-castle.webp)}
/* inline icons inside plain text links (e.g. footer WhatsApp) stay text-sized */
a:not(.btn):not(.tool):not(.tile):not(.card)>svg{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:6px}
.ftr p a[href^="https://wa.me"]{display:inline-flex;align-items:center;gap:8px;padding:10px 0;text-decoration:none}
.ftr p a[href^="https://wa.me"] svg{margin:0;color:#25d366}
@media(prefers-reduced-motion:reduce){.ann{scrollbar-width:none}.ann::-webkit-scrollbar{display:none}}
/* ===== art-direction layer (s1, 2026-11-03) ===== */
/* spacing: no double gaps */
.prose>:first-child,.prose>.rv:first-child{margin-top:0}
main>:is(.sec,.sec-sm):not(.paper,.dark,.dark-2,.sand,.epc-sec)+:is(.sec,.sec-sm):not(.paper,.dark,.dark-2,.sand,.epc-sec){padding-top:0}
@media(max-width:699px){.sec-sm{padding:56px 0}.sec-head{margin-bottom:var(--s4)}}
/* one photo treatment: gentle grade, hairline frame, soft base shade */
.media,.phero-media{position:relative;isolation:isolate}
.media img,.phero-media img,.tile img{filter:saturate(.9) contrast(1.05) brightness(.98)}
.media::after,.phero-media::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(15,17,21,.1),inset 0 -90px 90px -70px rgba(15,17,21,.28)}
.phero-media::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -90px 90px -70px rgba(15,17,21,.35)}
/* product tiles: captions stay legible over bright skies and white frames */
.tile::after{background:linear-gradient(180deg,rgba(15,17,21,0) 28%,rgba(15,17,21,.28) 52%,rgba(15,17,21,.9) 100%)}
.tile .tt{text-shadow:0 1px 14px rgba(0,0,0,.55)}
.tile p{color:rgba(255,255,255,.88)}
@media(max-width:699px){.tile .tt{padding:16px}.tile h3{font-size:1.12rem;line-height:1.12}}
/* gallery: editorial mosaic instead of a flat 4:3 list */
.grid:has(>figure.media:nth-child(7)){--gw:min(100vw - 40px,var(--wrap));grid-auto-flow:dense;gap:10px;grid-template-columns:repeat(2,1fr);grid-auto-rows:calc((var(--gw) - 10px)/2*.78)}
.grid:has(>figure.media:nth-child(7))>figure.media{aspect-ratio:auto!important;height:100%;border-radius:var(--r2);box-shadow:var(--sh1)}
.grid:has(>figure.media:nth-child(7))>figure.media:nth-child(3n+1){grid-column:span 2;grid-row:span 2}
.grid:has(>figure.media:nth-child(7))>figure.media.is-tall:not(:nth-child(3n+1)){grid-row:span 2}
.grid:has(>figure.media:nth-child(7))>figure.media img{transition:transform .8s var(--ease)}
@media(hover:hover){.grid:has(>figure.media:nth-child(7))>figure.media:hover img{transform:scale(1.04)}}
@media(min-width:700px){.grid:has(>figure.media:nth-child(7)){gap:16px;grid-auto-rows:calc((var(--gw) - 16px)/2*.62)}}
@media(min-width:1024px){
  .grid:has(>figure.media:nth-child(7)){gap:20px;grid-template-columns:repeat(3,1fr);grid-auto-rows:calc((var(--gw) - 40px)/3*.75)}
  .grid:has(>figure.media:nth-child(7))>figure.media:nth-child(3n+1){grid-column:auto;grid-row:auto}
  .grid:has(>figure.media:nth-child(7))>figure.media:nth-child(6n+1){grid-column:span 2;grid-row:span 2}
  .grid:has(>figure.media:nth-child(7))>figure.media.is-tall:not(:nth-child(6n+1)){grid-row:span 2}
  .grid:has(>figure.media:nth-child(7))>figure.media{border-radius:var(--r3)}
}
/* FAQ on wide screens: heading holds the left, questions take the right */
@media(min-width:1024px){
  .wrap:has(>.sec-head+.faq:last-child){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,112px);align-items:start}
  .wrap:has(>.sec-head+.faq:last-child)>.sec-head{position:sticky;top:calc(var(--hdr) + 40px);margin-bottom:0}
  .wrap:has(>.sec-head+.faq:last-child)>.faq{max-width:none;border-top:1px solid var(--line)}
}
/* ticker: quiet ink strip with red marks, not a sale banner */
.ann{background:#08090c;color:rgba(255,255,255,.86);border-bottom:1px solid rgba(255,255,255,.08);font-weight:600;letter-spacing:.005em}
.ann a{color:inherit}.ann a:hover,.ann a:focus-visible{color:#fff;text-decoration-color:var(--red)}
.ann span{color:var(--red);opacity:1;font-size:.55rem}
.ann::before{background:linear-gradient(90deg,#08090c,rgba(8,9,12,0))}
.ann::after{background:linear-gradient(270deg,#08090c,rgba(8,9,12,0))}
.ann-toggle{background:#08090c;border-left:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8)}
.ann-toggle:hover{background:var(--ink-3);color:#fff}
.ann-toggle span{color:inherit}
/* perf: ticker star and pause/play icon drawn in CSS (the old ✦ ❚❚ ▶ glyphs are not in our fonts and forced a slow system-font lookup) */
.ann .ann-dot{display:inline-block;flex:none;width:8px;height:8px;background:currentColor;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.ann-toggle .ann-ic{display:block;width:10px;height:10px;background:linear-gradient(90deg,currentColor 0 34%,transparent 34% 66%,currentColor 66%)}
.ann.paused .ann-toggle .ann-ic{background:currentColor;clip-path:polygon(12% 0,100% 50%,12% 100%)}
/* tool launch panels: framed, scrimmed, readable over any house photo */
.tool-launch{width:min(100% - 40px,var(--wrap));background:var(--ink-2);box-shadow:var(--sh3),inset 0 0 0 1px rgba(255,255,255,.08)}
.tool-launch>img{opacity:.62!important;filter:saturate(.85) blur(1px);transform:scale(1.02)}
.tool-launch::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(15,17,21,.86),rgba(15,17,21,.5) 75%,rgba(15,17,21,.6))}
.tool-launch>div{text-shadow:0 2px 18px rgba(0,0,0,.5);max-width:560px}
.tool-launch>div>p:last-child{opacity:1!important;color:rgba(255,255,255,.82)}
@media(max-width:599px){.tool-launch{min-height:440px!important;border-radius:var(--r2)!important}}
/* side tool card under quote forms */
aside>.tool{border-radius:var(--r2)}
/* energy check: card links read as one line with the arrow beside the words */
html body .ec .arrow{display:inline;line-height:1.35}
html body .ec li>.arrow{display:block;text-wrap:balance}
html body .ec .arrow::after{display:inline-block;margin-left:6px}
/* EPC block: crisper bars */
.epc{gap:6px}
.epc-bar{border-radius:4px 0 0 4px}
/* chat bubble: never cover hero badges, forms or the open menu on phones */
@media(max-width:899px){html:not(.chat-ok) #candai-chat{opacity:0;pointer-events:none;transition:opacity .25s}html.chat-ok #candai-chat{opacity:1;transition:opacity .25s}}
body.menu-open #candai-chat{opacity:0!important;pointer-events:none!important}
.phero .chips a{color:var(--ink)}
/* product hero photo mosaic: one main photo + two supporting */
.phero-mosaic{display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
.phero-mosaic .pm-main{grid-column:1/-1;aspect-ratio:4/3}
.phero-mosaic .pm-side{aspect-ratio:4/3}
.phero-mosaic>div{border-radius:var(--r3);overflow:hidden;position:relative;box-shadow:var(--sh3)}
.phero-mosaic img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.05)}
@media(min-width:960px){.phero-mosaic{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:3/2}.phero-mosaic .pm-main{grid-column:1;grid-row:1/3;aspect-ratio:auto}.phero-mosaic .pm-side{aspect-ratio:auto}}
/* phones: "four lines of defence" as a compact stack, no pinned drawing */
@media(max-width:959px){
.fort-stage{position:relative;top:auto;height:auto;padding:var(--s3) 0 0;background:none}
.fort-svg{max-width:300px;margin:0 auto}
.fort-svg .lyr{opacity:1}
.fort-svg .lyr .fill{fill:rgba(200,16,46,.9)}
.fort-svg .glass{fill:rgba(0,174,239,.28)}
.fort-steps{gap:14px}
.fort-step{min-height:0;opacity:1;padding:var(--s3);border-radius:var(--r3);background:rgba(255,255,255,.04);border:1px solid var(--line-l);border-left:3px solid var(--red)}
.fort-step h3{font-size:clamp(1.35rem,1.1rem + 1.2vw,1.8rem)}
}
.prose .prose-fig{margin:var(--s4) 0;border-radius:var(--r3);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--sh2,0 10px 30px rgba(15,17,21,.12))}
.prose .prose-fig img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.05)}
@media(max-width:899px){#candai-chat{transform-origin:100% 100%;transform:scale(.8)}html.mbar-on #candai-chat{transform:translateY(calc(-72px - env(safe-area-inset-bottom))) scale(.8)}}
/* Christmas season (html.xmas, auto Nov 1 - Jan 6): soft snowfall over the home hero */
html.xmas .hero::before{content:"";position:absolute;inset:-10% 0 0;z-index:0;pointer-events:none;opacity:.75;
background-image:radial-gradient(2px 2px at 20px 30px,#fff 50%,transparent 51%),radial-gradient(3px 3px at 120px 80px,rgba(255,255,255,.9) 50%,transparent 51%),radial-gradient(2px 2px at 200px 150px,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 60px 190px,#fff 50%,transparent 51%),radial-gradient(2.5px 2.5px at 170px 230px,rgba(255,255,255,.85) 50%,transparent 51%);
background-size:240px 260px;animation:awrsnow 14s linear infinite}
html.xmas .hero .wrap{position:relative;z-index:1}
@keyframes awrsnow{from{transform:translateY(-260px)}to{transform:translateY(0)}}
html.xmas .hero::before{height:calc(100% + 260px)}
@media(prefers-reduced-motion:reduce){html.xmas .hero::before{animation:none;opacity:.45}}
.hero video{opacity:0;transition:opacity 1.2s var(--ease)}
.hero video.on{opacity:1}


/* customer reviews (real, word for word) + approval badges */
.rev-grid{display:grid;gap:var(--s3);grid-template-columns:1fr}
@media (min-width:768px){.rev-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.rev-grid{grid-template-columns:repeat(3,1fr)}}
.rev{margin:0;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);border-radius:var(--r3);background:var(--white);box-shadow:var(--sh1);position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.rev::before{content:"\201C";position:absolute;top:.08em;right:.28em;font:700 6rem/1 var(--f-d);color:var(--red);opacity:.14;pointer-events:none}
.rev:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.rev-stars{color:#e0a100;letter-spacing:.12em;font-size:1.05rem}
.rev blockquote{margin:0;flex:1}
.rev blockquote p{margin:0;font-size:1.02rem;line-height:1.6}
.rev figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:.9rem;color:var(--slate);border-top:1px solid var(--line);padding-top:var(--s2)}
.rev figcaption b{color:var(--ink);font-size:1rem}
.rev figcaption span+span::before{content:"· ";}
.dark .rev{background:var(--ink-2);border:1px solid var(--line-l);box-shadow:none}
.dark .rev blockquote p{color:rgba(255,255,255,.88)}
.dark .rev figcaption{color:rgba(255,255,255,.62);border-color:var(--line-l)}
.dark .rev figcaption b{color:#fff}
.badges{list-style:none;padding:0;margin:var(--s5) 0 0;display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.badges li{background:#fff;border-radius:var(--r2);padding:12px 18px;display:flex;align-items:center}
.badges img{height:40px;width:auto;display:block}
@media (prefers-reduced-motion:reduce){.rev,.rev:hover{transition:none;transform:none}}
.ftr-badges{margin:var(--s5) 0 var(--s3)}
.ftr-badges li{padding:8px 14px}
.ftr-badges img{height:30px}
.ftr ul.ftr-badges{display:flex;flex-wrap:wrap;gap:10px;margin:var(--s5) 0 var(--s3)}
.ftr-badges li{flex:0 0 auto}

/* four lines of defence: real AWR job photos instead of a drawing */
.fort-pics{position:relative;width:100%;max-width:620px;aspect-ratio:4/5;max-height:100%;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh3);background:var(--ink-2)}
.fort-pics .lyr{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease),transform 1.4s var(--ease)}
.fort-pics .lyr.on{opacity:1;transform:none}
.fort-pics img{width:100%;height:100%;object-fit:cover;display:block}
.fort-pics::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,17,21,.45));pointer-events:none}
.fort-step-img{display:none}
@media(max-width:959px){
.fort-stage{display:none}
.fort-step-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r2);margin-bottom:var(--s3)}
}
@media (prefers-reduced-motion:reduce){.fort-pics .lyr{transition:none;transform:none}}

/* real people strip (replaces the number counters) */
.people{display:grid;gap:var(--s3);grid-template-columns:1fr}
@media(min-width:768px){.people{grid-template-columns:repeat(3,1fr)}}
.person{margin:0;background:var(--white);border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh1)}
.person .media{border-radius:0;box-shadow:none}
.person img{width:100%;height:100%;object-fit:cover;display:block}
.person img.contain{object-fit:contain;padding:8px}
.person figcaption{padding:var(--s3);display:grid;gap:6px}
.person figcaption b{font:700 var(--t-h3)/1.15 var(--f-d)}
.person figcaption span{color:var(--slate)}

/* Christmas: real snowfall canvas (site.js) replaces the CSS hero snow; snow caps on the castle battlements */
html.xmas .hero::before{display:none}
.snowfx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:70}
html.xmas .fort::after,html.xmas .ftr::after{content:"";position:absolute;left:0;right:0;top:-16px;height:6px;pointer-events:none;
background:repeating-linear-gradient(90deg,#f4f7fb 0 40px,transparent 40px 80px);border-radius:3px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
@media(min-width:900px){html.xmas .fort::after,html.xmas .ftr::after{top:-20px;height:7px;background:repeating-linear-gradient(90deg,#f4f7fb 0 56px,transparent 56px 112px)}}
html.xmas .ftr,html.xmas .fort{position:relative}

/* videos: local thumbnails, YouTube loads only on tap */
.yt-grid{display:grid;gap:var(--s3)}
@media(min-width:960px){.yt-grid{grid-template-columns:1.6fr 1fr;align-items:start}}
.yt-side{display:grid;gap:var(--s3);grid-template-columns:1fr 1fr}
@media(min-width:960px){.yt-side{grid-template-columns:1fr}.yt-side .ytc{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center}.yt-side .ytc figcaption{margin:0}}
.yt-all{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.ytc{margin:0}
.ytc figcaption{margin-top:10px;font-weight:700;font-size:.98rem}
.ytc.big figcaption{font:700 var(--t-h3)/1.2 var(--f-d)}
.yt{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--r2);overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/9;box-shadow:var(--sh2)}
.yt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease),opacity .3s}
.yt:hover img,.yt:focus-visible img{transform:scale(1.04);opacity:.85}
.yt-play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:14px;background:var(--red);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .25s var(--ease)}
.yt-play::after{content:"";position:absolute;left:28px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt:hover .yt-play{transform:scale(1.08)}
.yt-side .yt-play{width:48px;height:34px;margin:-17px 0 0 -24px;border-radius:10px}
.yt-side .yt-play::after{left:19px;top:9px;border-width:8px 0 8px 13px}
.yt-dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font:700 .75rem/1 var(--f-b);padding:4px 6px;border-radius:4px}
.ytbox{position:fixed;inset:0;z-index:200;background:rgba(10,11,14,.88);display:none;align-items:center;justify-content:center;padding:16px}
.ytbox.on{display:flex}
.ytbox-in{position:relative;width:min(1100px,100%);aspect-ratio:16/9}
.ytbox-f,.ytbox-f iframe{width:100%;height:100%;border:0;border-radius:12px;background:#000}
.ytbox-x{position:absolute;right:0;top:-48px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
html.ytbox-open{overflow:hidden}
/* factory band */
.factory{position:relative;isolation:isolate;color:#fff;min-height:min(80vh,720px);display:grid;align-items:end;overflow:hidden;background:var(--ink) url(/assets/img/factory-poster.webp) center/cover}
.factory-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.factory::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,17,21,.25),rgba(15,17,21,.88) 85%)}
.factory .wrap{padding:var(--s7) 0 var(--s6)}
.factory h2{max-width:16ch}
.factory .lead{color:rgba(255,255,255,.85);max-width:50ch}
@media(max-width:767px){html.xmas .hero::after{background:linear-gradient(180deg,rgba(15,17,21,.5) 0%,rgba(15,17,21,.22) 30%,rgba(15,17,21,.35) 55%,rgba(15,17,21,.9) 85%)}}

/* product visualiser (HomeVision, opened in place) */
.vis-sec{background:var(--ink);color:#fff}
.vis-sec .lead{color:rgba(255,255,255,.78)}
.vis-launch{position:relative;isolation:isolate;min-height:min(64vh,560px);display:grid;place-items:center;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh3)}
.vis-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.02);filter:saturate(.9)}
.vis-launch::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(15,17,21,.45),rgba(15,17,21,.82))}
.vis-cta{text-align:center;padding:var(--s4);display:grid;justify-items:center;gap:12px}
.vis-cta p{font:700 clamp(1.4rem,1rem + 2vw,2.2rem)/1.2 var(--f-d);margin:0}
.vis-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.vis-ic svg{width:30px;height:30px;color:#fff}
.vis-full{color:rgba(255,255,255,.85);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.vis-frame{width:100%;height:min(86vh,820px);border:0;border-radius:var(--r3);background:#fff;display:block}
/* Christmas hero: let the dressed house show (dark only behind the words) */
html.xmas .hero::after{background:linear-gradient(90deg,rgba(15,17,21,.72) 0%,rgba(15,17,21,.42) 38%,rgba(15,17,21,0) 62%),linear-gradient(180deg,rgba(15,17,21,.35) 0%,transparent 18%,transparent 78%,rgba(15,17,21,.6) 100%)}
@media(max-width:767px){html.xmas .hero::after{background:linear-gradient(180deg,rgba(15,17,21,.45) 0%,rgba(15,17,21,.1) 25%,rgba(15,17,21,.35) 55%,rgba(15,17,21,.85) 88%)}}
html.xmas .hero video{object-position:62% 40%}
/* top nav: tools, energy check and finance stand out in red */
.nav a.nav-hot{color:#ff4d63}
.nav a.nav-hot:hover,.nav a.nav-hot[aria-current]{color:#fff}
/* finance page */
.fin-keys{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:768px){.fin-keys{grid-template-columns:repeat(4,1fr)}}
.fin-keys li{background:rgba(255,255,255,.08);border:1px solid var(--line-l);border-radius:var(--r2);padding:14px 16px;display:grid;gap:2px}
.fin-keys b{font:800 1.6rem/1 var(--f-d);color:#fff}.fin-keys span{font-size:.85rem;color:rgba(255,255,255,.75)}
.fin-calc{background:#fff;color:var(--ink);border-radius:var(--r3);padding:var(--s4);box-shadow:var(--sh3);display:grid;gap:10px}
.fin-calc h2{font-size:var(--t-h3);margin:0 0 6px}
.fin-calc label{display:flex;justify-content:space-between;font-weight:700;margin-top:8px}
.fin-calc output{color:var(--red);font-weight:800}
.fin-calc input[type=range]{width:100%;accent-color:var(--red);height:32px}
.fc-res{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.fc-res div{background:var(--stone);border-radius:var(--r2);padding:14px}
.fc-res span{display:block;font-size:.85rem;color:var(--slate)}.fc-res b{font:800 1.7rem/1.1 var(--f-d)}
.fc-apr{font-weight:800;margin:4px 0 0}
.fc-note{font-size:.82rem;color:var(--slate);margin:0}
.fin-ex{background:var(--stone);border-radius:var(--r3);padding:var(--s4);margin:var(--s4) 0}
.fin-ex h3{margin-top:0}
.fin-ex table{width:100%;border-collapse:collapse}
.fin-ex th,.fin-ex td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.fin-ex th{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--slate)}
.fin-apr{font-weight:800;margin:12px 0 0}
.fin-keys li span{font:700 1rem/1.35 var(--f-b);color:#fff}
.phero .split>*,.fin-calc{min-width:0}.fin-calc label{gap:8px;flex-wrap:wrap}@media(max-width:480px){.fin-calc{padding:var(--s3)}.fc-res b{font-size:1.35rem}}
.split>*{min-width:0}.fin-ex{overflow-x:auto}.prose p{overflow-wrap:anywhere}

/* brochures: flick-through viewer + download */
.bros{display:grid;gap:var(--s6)}
.bro{scroll-margin-top:calc(var(--hdr) + 24px)}
.bro-head{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:end;justify-content:space-between;margin-bottom:var(--s3)}
.bro-head h2{margin:0 0 6px}.bro-head p{margin:0;color:var(--slate);max-width:60ch}
.bro-head .btn.ghost{color:var(--ink)}
.flip{background:var(--ink);border-radius:var(--r3);padding:var(--s3);box-shadow:var(--sh2);outline-offset:4px}
.flip-view{display:grid;place-items:center;min-height:min(70vh,640px);cursor:pointer;user-select:none}
.flip-view img{max-width:100%;max-height:min(70vh,640px);width:auto;height:auto;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.45);animation:flipin .35s var(--ease)}
.flip-view img[hidden]{display:none}
@keyframes flipin{from{opacity:.2;transform:perspective(900px) rotateY(-8deg)}}
@media (prefers-reduced-motion:reduce){.flip-view img{animation:none}}
.flip-bar{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-top:var(--s2);color:#fff;font-weight:700}
.flip-bar button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-l);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:grid;place-items:center}
.flip-bar button svg{width:20px;height:20px}.flip-prev svg{transform:rotate(180deg)}
.bro-band{display:flex;align-items:center;gap:var(--s3);background:var(--stone);border-radius:var(--r3);padding:var(--s2) var(--s3);text-decoration:none;color:inherit;transition:transform .3s var(--ease)}
.bro-band:hover{transform:translateY(-3px)}
.bro-band img{width:120px;height:auto;border-radius:6px;box-shadow:var(--sh1);flex:none}
.bro-band>span{display:grid;gap:2px;flex:1;min-width:0}.bro-band b{font:700 var(--t-h3)/1.2 var(--f-d)}.bro-band small{color:var(--slate)}
.bro-band>svg{width:24px;height:24px;flex:none;color:var(--red)}
@media(max-width:480px){.bro-band img{width:80px}.flip{padding:var(--s2)}.flip-view{min-height:0}}

/* start-your-quote tiles */
.st-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.st-grid{grid-template-columns:repeat(4,1fr)}}
.st{display:grid;gap:6px;align-content:start;padding:var(--s3);border-radius:var(--r3);background:#fff;box-shadow:var(--sh1);text-decoration:none;color:var(--ink);border:2px solid transparent;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.st>svg{width:34px;height:34px;color:var(--red)}
.st b{font:700 1.1rem/1.2 var(--f-d)}
.st span{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;color:var(--red)}
.st span svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.st:hover,.st:focus-visible{transform:translateY(-4px);border-color:var(--red);box-shadow:var(--sh2)}
.st:hover span svg{transform:translateX(4px)}
/* before / after */
.ba{position:relative;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh3);aspect-ratio:670/780;max-width:560px;margin:0 auto;width:100%;user-select:none;touch-action:pan-y}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ba-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.4);pointer-events:none}
.ba-handle::after{content:"\2039 \203A";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;font:800 20px/48px var(--f-b);text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-range:focus-visible+.ba-handle,.ba:focus-within .ba-handle::after{outline:3px solid #fff}
.ba-tag{position:absolute;top:14px;padding:6px 12px;border-radius:999px;font:800 .75rem/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;background:rgba(15,17,21,.75);color:#fff;pointer-events:none}
.ba-tag-b{left:14px}.ba-tag-a{right:14px;background:var(--red)}
/* ultion */
.ultion{background:var(--ink);color:#fff;padding:var(--s7) 0}
.ultion .lead{color:rgba(255,255,255,.8)}
.ultion .ticks li{color:rgba(255,255,255,.9)}
.ult-media{position:relative;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh3);aspect-ratio:4/3}
.ult-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 1.2s var(--ease)}
.ult-media:hover img{transform:scale(1.1)}
.ult-media .ult-badge{position:absolute;left:16px;bottom:16px;width:auto;height:44px;object-fit:contain;background:#fff;padding:8px 14px;border-radius:12px;transform:none}
/* quote nudge */
.nudge{position:fixed;left:24px;bottom:24px;z-index:90;width:320px;background:#fff;color:var(--ink);border-radius:var(--r3);box-shadow:var(--sh3);padding:var(--s3);display:grid;gap:8px;border-top:4px solid var(--red);transform:translateY(140%);transition:transform .5s var(--ease)}
.nudge.on{transform:none}
.nudge b{font:700 1.15rem/1.2 var(--f-d);padding-right:24px}.nudge span{font-size:.92rem;color:var(--slate)}
.nudge-tel{font-size:.88rem;font-weight:700;color:var(--ink)}
.nudge-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:var(--slate)}
@media (prefers-reduced-motion:reduce){.nudge,.st,.ult-media img{transition:none}}

/* plain facts line by every quote button */
.facts{list-style:none;padding:0;margin:0 0 var(--s3);display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:700;font-size:.95rem}
.facts li{display:inline-flex;align-items:center;gap:6px}.facts svg{width:18px;height:18px;color:var(--red)}
.cta .facts{color:inherit}
/* Praesidio door styles */
.door-tabs{display:inline-flex;gap:6px;background:var(--stone-2);padding:5px;border-radius:999px;margin-bottom:var(--s3)}
.door-tabs button{border:0;background:none;padding:10px 18px;border-radius:999px;font:700 .95rem var(--f-b);cursor:pointer;color:var(--ink)}
.door-tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.door-grid{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3);grid-template-columns:repeat(2,1fr)}
@media(min-width:700px){.door-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.door-grid{grid-template-columns:repeat(5,1fr)}}
.door-grid li[hidden]{display:none}
.door-grid figure{margin:0;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:var(--r3);box-shadow:var(--sh1);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.door-grid figure:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.dimg{background:linear-gradient(180deg,#f2f3f5,#e2e5e9);padding:18px 18px 0;display:flex;justify-content:center}
.dimg img{width:auto;max-width:100%;height:240px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22));transition:transform .4s var(--ease)}
.door-grid figure:hover .dimg img{transform:scale(1.04)}
.door-grid figcaption{padding:14px 16px 16px;display:grid;gap:4px;flex:1}
.dcol{font:800 .7rem/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.door-grid b{font:700 1.2rem/1.2 var(--f-d)}
.dtag{font-size:.86rem;color:var(--slate)}
.dq{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.88rem;color:var(--red);text-decoration:none}
.dq svg{width:15px;height:15px}
.door-colours{margin-top:var(--s5)}
.door-colours ul{list-style:none;padding:0;margin:var(--s2) 0;display:flex;flex-wrap:wrap;gap:12px}
.door-colours li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem;background:#fff;border-radius:999px;padding:6px 14px 6px 6px;box-shadow:var(--sh1)}
.door-colours li span{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
/* door security */
.sec-security{background:var(--stone)}
.sec-grid{display:grid;gap:var(--s3);grid-template-columns:1fr}
@media(min-width:700px){.sec-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.sec-grid{grid-template-columns:repeat(4,1fr)}}
.sec-card{background:#fff;border-radius:var(--r3);padding:var(--s3);box-shadow:var(--sh1);display:grid;gap:8px;align-content:start}
.sec-card img{height:56px;width:auto}.sec-card h3{margin:6px 0 0;font-size:1.15rem}.sec-card p{margin:0;color:var(--slate);font-size:.95rem}
.ult-guar{margin-top:var(--s4);display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;background:var(--ink);color:#fff;border-radius:var(--r3);padding:var(--s3) var(--s4)}
.ult-guar img{height:44px;width:auto;background:#fff;border-radius:10px;padding:6px 12px}
.ult-guar>div{flex:1 1 320px}.ult-guar b{font:700 var(--t-h3)/1.25 var(--f-d)}.ult-guar .fine{color:rgba(255,255,255,.7);margin:8px 0 0}
/* security checker */
.sc-tool{background:#fff;color:var(--ink);border-radius:var(--r3);padding:var(--s4);box-shadow:var(--sh3)}
.sc-form label{font-weight:800;display:block;margin-bottom:8px}
.sc-row{display:flex;gap:10px;flex-wrap:wrap}.sc-row input{flex:1 1 180px;min-height:52px;font-size:1.1rem;text-transform:uppercase;padding:0 16px;border:2px solid var(--line);border-radius:12px}
.sc-out{margin-top:var(--s3);display:grid;gap:var(--s3)}
.sc-where{margin:0;font-size:1.05rem}
.sc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sc-card{background:var(--stone);border-radius:14px;padding:12px;display:grid;gap:2px;justify-items:start}
.sc-card.hot{background:#fdecee}.sc-card .sc-ic svg{width:22px;height:22px;color:var(--red)}
.sc-card b{font:800 1.6rem/1 var(--f-d)}.sc-card>span:last-child{font-size:.8rem;color:var(--slate)}
.sc-help h3{margin:0 0 8px}.sc-h{border-left:4px solid var(--red);padding:4px 0 4px 12px;margin-bottom:12px}.sc-h p{margin:4px 0}.sc-h a{font-weight:800;color:var(--red)}
.sc-cta{background:var(--ink);color:#fff;border-radius:16px;padding:var(--s3);display:grid;gap:8px}.sc-cta span{color:rgba(255,255,255,.8)}
@media(max-width:480px){.sc-tool{padding:var(--s3)}.sc-cards{grid-template-columns:repeat(2,1fr)}}

/* free survey pack */
.pack{background:var(--ink);color:#fff;border-radius:var(--r3);padding:var(--s4);display:grid;gap:var(--s3)}
@media(min-width:960px){.pack{grid-template-columns:1fr 2fr;align-items:center}}
.pack h2{margin:0;color:#fff}
.pack-list{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:700px){.pack-list{grid-template-columns:repeat(2,1fr)}}
.pack-list li{display:grid;grid-template-columns:32px 1fr;gap:2px 12px;align-items:start}
.pack-list svg{grid-row:span 2;width:26px;height:26px;color:#ff5a6e}
.pack-list span{color:rgba(255,255,255,.75);font-size:.92rem}
.addon{display:block;margin-top:8px;font-size:.92rem;opacity:.85}
/* 10 questions guide */
.asks{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}
.ask{display:grid;grid-template-columns:56px 1fr;gap:var(--s2);background:#fff;border-radius:var(--r3);padding:var(--s3);box-shadow:var(--sh1)}
.ask-n{font:800 1.6rem/1 var(--f-d);color:var(--red)}
.ask h2{font-size:var(--t-h3);margin:0 0 6px}.ask p{margin:0 0 8px;color:var(--slate)}
.ask-a{background:var(--stone);border-radius:12px;padding:12px 14px;color:var(--ink)!important;margin:0!important}
/* start-your-quote: photo cards (replaces the plain white tiles) */
.st{position:relative;isolation:isolate;overflow:hidden;min-height:200px;padding:var(--s3);align-content:end;background:var(--ink);color:#fff;border:0;box-shadow:var(--sh2)}
@media(min-width:900px){.st{min-height:250px}}
.st img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease)}
.st::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,17,21,.05) 30%,rgba(15,17,21,.85) 100%)}
.st:hover img,.st:focus-visible img{transform:scale(1.07)}
.st .st-ic{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center}
.st .st-ic svg{width:22px;height:22px;color:var(--red)}
.st b{font:700 clamp(1.05rem,.95rem + .5vw,1.35rem)/1.2 var(--f-d);color:#fff}
.st .st-go{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:6px;padding:7px 14px;border-radius:999px;background:var(--red);color:#fff;font-size:.85rem;font-weight:800;transition:background .25s}
.st:hover .st-go{background:#e0143a}
.st:hover,.st:focus-visible{transform:translateY(-4px);box-shadow:var(--sh3);border-color:transparent}
/* design tools grid: no holes */
.tools{grid-auto-flow:dense}
@media(min-width:900px){.tools>.tool:last-child{grid-column:span 2}}
.tool{position:relative;overflow:hidden}
.tool::after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,110,.18),transparent 70%);transition:transform .4s var(--ease)}
.tool:hover::after{transform:scale(1.6)}
/* product tiles: stronger text panel */
.tile::after{background:linear-gradient(180deg,transparent 35%,rgba(15,17,21,.92))}
.tile .tt{padding:var(--s3) var(--s3) calc(var(--s3) + 4px)}
.tile h3::after{content:"";display:block;width:36px;height:3px;background:var(--red);margin-top:8px;border-radius:2px;transition:width .35s var(--ease)}
.tile:hover h3::after{width:72px}
/* Ultion: big hype band */
.ultion{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 85% 10%,rgba(200,16,46,.35),transparent 60%),var(--ink)}
.ult-top{max-width:820px;margin-bottom:var(--s5)}
.ult-top h2{font-size:clamp(2.2rem,1.4rem + 3.6vw,4.6rem);line-height:1.02}
.ult-hero{display:grid;gap:var(--s4);align-items:stretch}
@media(min-width:960px){.ult-hero{grid-template-columns:1fr 1.2fr}}
.ult-big{position:relative;border-radius:var(--r3);padding:var(--s5) var(--s4);background:linear-gradient(145deg,#c8102e,#6e0818);box-shadow:0 30px 80px -20px rgba(200,16,46,.6);display:grid;align-content:center;gap:6px}
.ult-big::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px);pointer-events:none}
.ult-k{font:800 .8rem/1 var(--f-b);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.ult-num{font:800 clamp(4.5rem,3rem + 7vw,9rem)/.9 var(--f-d);color:#fff;letter-spacing:-.03em;text-shadow:0 10px 40px rgba(0,0,0,.35)}
.ult-sub{font:700 clamp(1.4rem,1rem + 1.5vw,2.2rem)/1 var(--f-d);color:#fff}
.ult-big p{margin:var(--s2) 0 var(--s2);color:rgba(255,255,255,.9);max-width:38ch}
.ult-big img{height:46px;width:auto;background:#fff;border-radius:10px;padding:6px 12px;justify-self:start}
.ult-media{min-height:320px;aspect-ratio:auto}
.ult-media img{height:100%}
.ult-stats{list-style:none;padding:0;margin:var(--s4) 0 0;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
@media(min-width:960px){.ult-stats{grid-template-columns:repeat(4,1fr)}}
.ult-stats li{background:rgba(255,255,255,.06);border:1px solid var(--line-l);border-radius:var(--r2);padding:var(--s3);display:grid;gap:6px}
.ult-stats b{font:800 clamp(1.6rem,1.2rem + 1.4vw,2.4rem)/1 var(--f-d);color:#ff5a6e}
.ult-stats span{color:rgba(255,255,255,.82);font-size:.93rem}
.ult-btns{margin-top:var(--s4)}
.ult-terms{color:rgba(255,255,255,.55);margin-top:var(--s3);max-width:90ch}
@keyframes ultpulse{0%,100%{box-shadow:0 30px 80px -20px rgba(200,16,46,.6)}50%{box-shadow:0 30px 100px -10px rgba(255,60,90,.8)}}
@media (prefers-reduced-motion:no-preference){.ult-big{animation:ultpulse 4s ease-in-out infinite}}
.ult-terms{font-size:.8rem;line-height:1.5}
/* showroom at home */
.show{display:grid;gap:0;border-radius:var(--r3);overflow:hidden;background:var(--ink);color:#fff;box-shadow:var(--sh3)}
@media(min-width:960px){.show{grid-template-columns:1.3fr 1fr}}
.show-txt{padding:var(--s5) var(--s4)}
.show-txt h2{color:#fff;font-size:clamp(2rem,1.3rem + 2.8vw,3.6rem);line-height:1.04}
.show-txt .lead{color:rgba(255,255,255,.82)}
.show-img{min-height:280px;position:relative}
.show-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(min-width:900px){.mbar{display:none!important}}
.rev-joke{font:600 italic clamp(1.05rem,1rem + .4vw,1.3rem)/1.4 var(--f-d);margin:var(--s2) 0 0;max-width:60ch}.rev-joke a{color:inherit;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}.dark .rev-joke{color:#fff}
/* speed: skip style/layout/paint work for sections far below the screen until they come near */
main>section:not(.hero):not(.fort):not(.wr3d):not(.phero),main>.marquee~section:not(.fort):not(.wr3d),.ftr{content-visibility:auto;contain-intrinsic-size:auto 900px}

.hpf{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ===== Section 1: cinematic intro, kinetic hero type, magnetic buttons, page transitions ===== */
#intro{position:fixed;inset:0;z-index:300;display:grid;place-items:center;pointer-events:none}
html.intro-on{overflow:hidden}
.gate{position:absolute;top:0;bottom:0;width:50.5%;background:#0f1115;transition:transform 1s cubic-bezier(.7,0,.2,1);overflow:hidden}
.gl{left:0;box-shadow:inset -2px 0 0 rgba(200,16,46,.6)}.gr{right:0;box-shadow:inset 2px 0 0 rgba(200,16,46,.6)}
.gate i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.05) 46px 52px),repeating-linear-gradient(0deg,transparent 0 120px,rgba(255,255,255,.04) 120px 126px)}
.gl i::after,.gr i::after{content:"";position:absolute;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#c8102e,#6e0818)}
.gl i::after{right:0}.gr i::after{left:0}
#intro.open .gl{transform:translateX(-101%)}#intro.open .gr{transform:translateX(101%)}
.intro-mark{position:relative;z-index:2;display:grid;justify-items:center;gap:14px;color:#fff;font:700 clamp(1.3rem,1rem + 1.6vw,2.2rem)/1.1 var(--f-d);transition:opacity .35s,transform .6s cubic-bezier(.7,0,.2,1)}
.intro-mark svg{animation:introPop .6s cubic-bezier(.2,.9,.3,1.3) both}
.intro-mark span{animation:introUp .6s .12s cubic-bezier(.2,.8,.2,1) both}
#intro.open .intro-mark{opacity:0;transform:scale(.92)}
.intro-skip{position:absolute;right:18px;bottom:18px;z-index:3;pointer-events:auto;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:8px 16px;font:700 .85rem var(--f-b);cursor:pointer}
#intro.open .intro-skip{opacity:0}
@keyframes introPop{from{transform:scale(.4);opacity:0}}
@keyframes introUp{from{transform:translateY(16px);opacity:0}}
/* kinetic hero headline: each word rises out of its own mask */
.kin .kw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.kin .kw>span{display:inline-block;transform:translateY(105%);animation:kwUp .9s cubic-bezier(.2,.8,.2,1) forwards}
.kin .kw:nth-child(2)>span{animation-delay:.08s}.kin .kw:nth-child(3)>span{animation-delay:.16s}.kin .kw:nth-child(4)>span{animation-delay:.24s}.kin .kw:nth-child(5)>span{animation-delay:.36s}
html.intro-on .kin .kw>span{animation-play-state:paused}
html.intro-done .kin .kw>span{animation-delay:calc(var(--d,0s) + .45s)}
.kin em.kw{font-style:italic;font-weight:600;background:linear-gradient(transparent 70%,rgba(200,16,46,.75) 0) no-repeat;background-size:0 100%;animation:kwLine .7s .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes kwUp{to{transform:none}}
@keyframes kwLine{to{background-size:100% 100%}}
/* magnetic buttons */
@media (hover:hover) and (pointer:fine){.btn{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}}
/* page transitions between pages (Chrome/Edge/Safari 18+; others just load normally) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .28s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vtIn .45s cubic-bezier(0,0,.2,1) both}
.hdr{view-transition-name:hdr}
@keyframes vtOut{to{opacity:0;transform:translateY(-12px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(18px)}}
@media (prefers-reduced-motion:reduce){#intro{display:none}.kin .kw>span{transform:none;animation:none}.kin em.kw{background-size:100% 100%;animation:none}::view-transition-old(root),::view-transition-new(root){animation:none}}

.gr i::after{display:none}.gl{width:50%}.gr{width:50%}
.intro-mark{background:#0f1115;padding:22px 34px;border-radius:20px}
.intro-mark img{width:clamp(150px,30vw,236px);height:auto;animation:introPop .6s cubic-bezier(.2,.9,.3,1.3) both}

/* ===== Section 2: scroll-driven film ===== */
.scrub{position:relative;height:320vh;background:#0f1115;color:#fff}
.scrub-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;align-items:end}
.scrub-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0f1115}
.scrub-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,21,.82) 0%,rgba(15,17,21,.35) 45%,transparent 70%),linear-gradient(0deg,rgba(15,17,21,.7),transparent 40%)}
.scrub-txt{position:relative;z-index:1;padding-bottom:clamp(32px,8vh,96px)}
.scrub-txt h2{color:#fff;max-width:14ch;font-size:clamp(2rem,1.3rem + 3vw,4rem);line-height:1.03}
.scrub-ch{list-style:none;padding:0;margin:var(--s3) 0;display:grid;max-width:440px;min-height:96px}
.scrub-ch li{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.scrub-ch li.on{opacity:1;transform:none}
.scrub-ch b{display:block;font:800 .8rem/1 var(--f-b);letter-spacing:.18em;text-transform:uppercase;color:#ff5a6e;margin-bottom:8px}
.scrub-ch span{font:600 clamp(1.15rem,1rem + .8vw,1.6rem)/1.3 var(--f-d)}
.scrub-bar{height:3px;max-width:440px;background:rgba(255,255,255,.18);border-radius:3px;overflow:hidden;margin-bottom:var(--s3)}
.scrub-bar i{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(0)}
@media(max-width:767px){.scrub{height:280vh}.scrub-shade{background:linear-gradient(0deg,rgba(15,17,21,.9) 15%,rgba(15,17,21,.25) 60%,rgba(15,17,21,.4))}}
.scrub.static,.scrub.static .scrub-pin{height:auto}
.scrub.static .scrub-pin{min-height:80vh}
.scrub.static .scrub-ch{min-height:0;gap:14px}.scrub.static .scrub-ch li{grid-area:auto;opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.scrub{height:auto}.scrub-pin{position:relative;min-height:80vh}.scrub-ch li{grid-area:auto;opacity:1;transform:none}.scrub-ch{min-height:0;gap:14px}}
.scrub,.ultion{content-visibility:visible}
/* hero poster: normal season = AWR's real drone house; Christmas files only when html.xmas */
.hero{background-image:url(/assets/img/hero-awr-poster.webp);background-image:image-set(url(/assets/team/perf/hero-awr-poster.avif) type("image/avif"),url(/assets/img/hero-awr-poster.webp) type("image/webp"))}
@media (max-width:767px){.hero{background-image:url(/assets/img/hero-awr-poster-m.webp);background-image:image-set(url(/assets/team/perf/hero-awr-poster-m.avif) type("image/avif"),url(/assets/img/hero-awr-poster-m.webp) type("image/webp"))}}
/* perf: AVIF hero stills (42 KB phone / 115 KB desktop, were 88 KB / 274 KB WebP); browsers without image-set type() keep the WebP line above */
html.xmas .hero{background-image:url(/assets/img/hero-awr-xmas-poster.webp)}
@media (max-width:767px){html.xmas .hero{background-image:url(/assets/img/hero-awr-xmas-poster-m.webp)}}
.hero video{object-position:62% 40%}
.hero::after{background:linear-gradient(90deg,rgba(15,17,21,.75) 0%,rgba(15,17,21,.45) 38%,rgba(15,17,21,.05) 62%),linear-gradient(180deg,rgba(15,17,21,.4) 0%,transparent 18%,transparent 78%,rgba(15,17,21,.6) 100%)}
@media(max-width:767px){.hero::after{background:linear-gradient(180deg,rgba(15,17,21,.5) 0%,rgba(15,17,21,.15) 25%,rgba(15,17,21,.4) 55%,rgba(15,17,21,.88) 88%)}}
.hero video{object-position:68% 50%}

/* ===== Section 3: 3D door scroll story ===== */
.d3{position:relative;height:300vh;background:radial-gradient(900px 600px at 30% 40%,#2a2d35,#0f1115 70%);color:#fff;content-visibility:visible}
.d3-pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;overflow:hidden}
@media(min-width:960px){.d3-pin{grid-template-columns:1.2fr 1fr;align-items:center}}
.d3-stage{position:relative;min-height:52vh}
.d3-stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.d3-fallback{position:absolute;left:50%;top:50%;height:80%;width:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));display:none}
.d3-off .d3-fallback{display:block}
.d3-panel{padding-block:var(--s3) var(--s4);align-self:end}
@media(min-width:960px){.d3-panel{align-self:center;padding-right:var(--s5)}}
.d3-panel h2{color:#fff;font-size:clamp(2rem,1.3rem + 3vw,4rem);line-height:1.03}
.d3-caps{list-style:none;padding:0;margin:var(--s2) 0;display:grid;min-height:92px;max-width:460px}
.d3-cap{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.d3-cap.on{opacity:1;transform:none}
.d3-cap b{display:block;font:800 .8rem/1 var(--f-b);letter-spacing:.16em;text-transform:uppercase;color:#ff5a6e;margin-bottom:8px}
.d3-cap span{font:600 clamp(1.05rem,.95rem + .6vw,1.4rem)/1.35 var(--f-d)}
.d3-bar{height:3px;max-width:460px;background:rgba(255,255,255,.18);border-radius:3px;overflow:hidden;margin-bottom:var(--s3)}
.d3-bar i{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(0)}
.d3-sws{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--s3)}
.d3-sw{display:grid;justify-items:center;gap:4px;background:rgba(255,255,255,.06);border:2px solid transparent;border-radius:12px;padding:6px 8px;color:#fff;font:700 .72rem var(--f-b);cursor:pointer}
.d3-sw img{width:26px;height:56px;object-fit:cover;border-radius:3px}
.d3-sw[aria-pressed=true]{border-color:var(--red);background:rgba(200,16,46,.18)}
@media(max-width:959px){.d3{height:260vh}.d3-stage{min-height:46vh}.d3-panel h2{font-size:clamp(1.7rem,1.2rem + 3vw,2.4rem)}.d3-sws{display:none}}
.d3-off{height:auto}.d3-off .d3-pin{position:relative;height:auto;min-height:80vh}
.d3-off .d3-caps{min-height:0;gap:14px}.d3-off .d3-cap{grid-area:auto;opacity:1;transform:none}.d3-off .d3-sws,.d3-off .d3-bar{display:none}
@media (prefers-reduced-motion:reduce){.d3{height:auto}.d3-pin{position:relative;height:auto;min-height:80vh}.d3-fallback{display:block}.d3-caps{min-height:0;gap:14px}.d3-cap{grid-area:auto;opacity:1;transform:none}.d3-sws,.d3-bar{display:none}}
@media(min-width:960px){.d3-stage{height:100vh;min-height:0}}
@media(max-width:959px){.d3-pin{grid-template-rows:1fr auto}.d3-stage{min-height:0}}
@media(max-width:959px){.d3-stage{margin-top:var(--hdr)}}
.prose a.card{text-decoration:none;color:var(--ink);display:block}.prose a.card h3{color:var(--red);margin-top:0}.prose a.card p{color:var(--slate);margin:0}.prose a.card:hover{transform:translateY(-3px)}
.scrap-scale{list-style:none;padding:0;margin:var(--s3) 0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.scrap-scale li{border-radius:10px;padding:10px 4px;text-align:center;display:grid;gap:2px;color:#141414}
.scrap-scale b{font:800 1.5rem/1 var(--f-d)}.scrap-scale span{font-size:.72rem;font-weight:700}
.ss-a{background:#0e8a4a;color:#fff!important}.ss-b{background:#1fae55;color:#fff}.ss-c{background:#8cc63f}.ss-d{background:#ffd200}.ss-e{background:#fbb040}.ss-f{background:#f37021;color:#fff}.ss-g{background:#e31d23;color:#fff}

/* landlord checker */
.ll-tool{background:#fff;color:var(--ink);border-radius:var(--r3);padding:var(--s4);box-shadow:var(--sh3)}
.ll-tool h2{font-size:var(--t-h3);margin:0 0 6px}
.ll-bands{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:var(--s2) 0}
.ll-b{border:3px solid transparent;border-radius:10px;min-height:52px;font:800 1.4rem var(--f-d);cursor:pointer;color:#141414}
.ll-b[aria-pressed=true]{border-color:var(--ink);transform:translateY(-3px)}
.ll-out h3{margin:var(--s2) 0 6px;font-size:1.15rem}.ll-out p{margin:0 0 10px}

/* AWR hero slider (Praesidio + Ultion) */
.awrsl{position:relative;overflow:hidden;background:radial-gradient(800px 500px at 25% 50%,#1d3a6b 0%,#0f1115 70%);color:#fff;content-visibility:visible}
.awrsl-track{display:grid}
.awrsl-slide{grid-area:1/1;display:grid;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.awrsl-slide.on{opacity:1;visibility:visible}
@media(min-width:960px){.awrsl-slide{grid-template-columns:1.1fr 1fr;align-items:center;min-height:560px}}
.sl-art{position:relative;overflow:hidden}
.sl-art img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
@media(min-width:960px){.sl-art img{aspect-ratio:auto;height:560px}}
.awrsl-slide.on .sl-art img{animation:slZoom 7s ease-out both}
@keyframes slZoom{from{transform:scale(1.06)}to{transform:none}}
.sl-txt{padding:var(--s4) var(--s3) var(--s6);text-align:center;display:grid;justify-items:center;gap:12px}
@media(min-width:960px){.sl-txt{padding:var(--s5) var(--s6) var(--s5) var(--s4)}}
.sl-awr{height:34px;width:auto;filter:brightness(0) invert(1)}
.sl-h{color:#fff;font:600 clamp(1.5rem,1.1rem + 1.6vw,2.4rem)/1.2 var(--f-b);margin:0;max-width:22ch}
.praes{font:inherit;font-weight:800;color:#fff;letter-spacing:.01em}
.praes.big{font-size:2.4em}
.sl-logo{height:64px;width:auto;background:#fff;border-radius:12px;padding:8px 16px}
.sl-q{margin:0;max-width:52ch}.sl-q p{margin:0;font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.6;color:rgba(255,255,255,.92)}
.sl-q b{color:#ff5a6e}
.sl-p{margin:0;color:rgba(255,255,255,.85);max-width:44ch}
.sl-fine{margin:0;font-size:.78rem;color:rgba(255,255,255,.6)}
.awrsl-nav{position:absolute;top:min(30vw,280px);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center;z-index:2}
@media(min-width:960px){.awrsl-nav{top:50%;transform:translateY(-50%)}}
.awrsl-nav svg{width:22px;height:22px;color:#ff3b55}.awrsl-nav.prev{left:12px}.awrsl-nav.prev svg{transform:rotate(180deg)}.awrsl-nav.next{right:12px}
.awrsl-nav:hover{background:rgba(255,255,255,.25)}
.awrsl-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px}
.awrsl-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0}
.awrsl-dots button[aria-pressed=true]{background:#ff3b55;width:26px;border-radius:6px}
.branch-strip{background:#fff;border-bottom:1px solid var(--line)}
.branch-strip ul{list-style:none;margin:0 auto;padding:10px 12px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;max-width:var(--wrap)}
.branch-strip a{display:inline-flex;align-items:center;gap:6px;font:800 .95rem var(--f-b);color:var(--ink);text-decoration:none;padding:6px 0}
.branch-strip svg{width:16px;height:16px;color:var(--red)}
.branch-strip a:hover{color:var(--red)}
@media (prefers-reduced-motion:reduce){.awrsl-slide{transition:none}.awrsl-slide.on .sl-art img{animation:none}}

/* ===== team a11y ===== */
/* a11y overrides (team/a11y). Load after site.css. */
/* 1.4.3 red eyebrow on ink panels that are not .dark (3.21:1 -> 6:1) */
.vis-sec .eyebrow,.pack .eyebrow,.show-txt .eyebrow{color:#ff5a6e}
/* 2.5.8 mega menu chevron buttons were 20x34 */
.mega-btn{min-width:24px;min-height:24px}
/* 2.5.8 small inline quote link on door cards */
.dq{display:inline-flex;align-items:center;min-height:24px}
/* 2.4.11 focused items not hidden under the fixed phone bar */
html.mbar-on{scroll-padding-bottom:96px}
/* visible focus for before/after slider (its input is opacity:0) and flipbook */
.ba:focus-within{outline:3px solid var(--cyan,#00b3d6);outline-offset:3px}
.flip:focus-visible{outline:3px solid var(--cyan,#00b3d6);outline-offset:3px}
/* door filter now uses aria-pressed instead of aria-selected */
.door-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
@media (forced-colors:active){.btn,.mega-btn,.yt{border:1px solid CanvasText}}

/* ===== team answers ===== */
/* Answer guides (team: answers). Append to site.css. Uses existing tokens: --red, --ink, --line, --slate, --r2, --s2..s5, --sh1, --f-b */
.g-upd{margin:var(--s2) 0 0;font-size:.92rem;color:rgba(255,255,255,.8)}
.g-side{position:sticky;top:calc(var(--hdr) + 24px)}
/* comparison table: scrolls sideways inside its own box on small phones, page never scrolls */
.g-tbl{margin:var(--s3) 0 var(--s4);overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r2);background:#fff;box-shadow:var(--sh1)}
.g-tbl:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.g-tbl table{width:100%;min-width:520px;border-collapse:collapse;font-size:.95rem;line-height:1.45}
.g-tbl caption{caption-side:top;text-align:left;padding:14px 16px 10px;font:700 .78rem/1.3 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.g-tbl th,.g-tbl td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--line);color:#33363d}
.g-tbl thead th{background:var(--ink);color:#fff;font-weight:700;border-top:0}
.g-tbl thead td{background:var(--ink);border-top:0}
.g-tbl tbody th{font-weight:700;color:var(--ink);white-space:nowrap}
.g-tbl tbody tr:nth-child(even){background:#f7f7f8}
/* AWR's answer box */
.g-awr{margin:var(--s5) 0 var(--s4);padding:var(--s4);border-radius:var(--r2);background:var(--ink);color:#fff}
.g-awr h2{display:flex;align-items:center;gap:10px;margin:0 0 var(--s2);color:#fff;font-size:var(--t-h3)}
.g-awr h2 svg{width:26px;height:26px;color:var(--red);flex:none}
.prose .g-awr ul{margin:0 0 var(--s3);padding:0;list-style:none}
.prose .g-awr li{display:flex;gap:10px;align-items:flex-start;padding:0;margin:0 0 10px;color:#fff}
.prose .g-awr li::before{content:none}
.g-awr li svg{width:20px;height:20px;flex:none;margin-top:3px;color:#ff6b7f}
.g-awr .btns{margin:0}
.prose .g-awr .btn{color:#fff;text-decoration:none}
.prose .g-awr .btn.ghost{color:#fff;border-color:rgba(255,255,255,.55)}
/* sources */
.g-src{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line)}
.g-src h2{font-size:var(--t-h3);margin-top:0}
.g-src ol{padding-left:1.3em;margin:0}
.g-src li{margin-bottom:8px;font-size:.95rem;overflow-wrap:anywhere}
/* hub cards */
.g-cards{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.g-cards .card{position:relative;display:flex;flex-direction:column}
.g-cards h2{font-size:var(--t-h3);margin:6px 0 10px}
.g-cards h2 a{color:inherit;text-decoration:none}
.g-cards h2 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.g-cards h2 a:focus-visible{outline:none}
.g-cards .card:focus-within{outline:3px solid var(--red);outline-offset:3px}
.g-cards p{flex:1}
.g-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--red)}
.g-more svg{width:16px;height:16px;transition:transform .2s}
.g-cards .card:hover .g-more svg{transform:translateX(3px)}
@media(max-width:959px){.g-side{position:static}}
/* phones: each row becomes a small card, so no sideways scrolling and every column stays visible */
@media(max-width:599px){
.g-tbl{overflow:visible}
.g-tbl table{min-width:0}
.g-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.g-tbl tbody,.g-tbl tr,.g-tbl th,.g-tbl td{display:block}
.g-tbl tbody tr{padding:6px 0;border-top:1px solid var(--line)}
.g-tbl tbody tr:nth-child(even){background:transparent}
.g-tbl tbody th{border:0;padding:10px 16px 4px;white-space:normal;font-size:1rem}
.g-tbl tbody td{border:0;padding:4px 16px 8px}
.g-tbl tbody td[data-label]:not([data-label=""])::before{content:attr(data-label);display:block;font-weight:700;font-size:.8rem;letter-spacing:.04em;color:var(--slate)}
}
@media(prefers-reduced-motion:reduce){.g-more svg{transition:none}.g-cards .card:hover .g-more svg{transform:none}}

/* ===== team ar ===== */
/* ---- AR door section "See this door on your house" (team: ar). Paste at the end of site.css. ---- */
.dar{background:var(--white);overflow:hidden}
.dar-grid{display:grid;gap:var(--s3);grid-template-areas:"copy" "stage" "panel";grid-template-columns:minmax(0,1fr)}
.dar-copy{grid-area:copy}.dar-copy .lead{margin-bottom:0}
.dar-stage{grid-area:stage;position:relative;width:min(100%,calc(74svh * .8));aspect-ratio:4/5;margin-inline:auto;border-radius:var(--r3);overflow:hidden;
  background:radial-gradient(120% 75% at 50% 28%,#f8f9fa 0%,#eceef1 55%,#ddd3c0 100%);box-shadow:inset 0 -90px 90px -80px rgba(15,17,21,.28),var(--sh1)}
.dar-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9%;background:linear-gradient(#cfc4ae,#bfb39b);z-index:0;pointer-events:none}
.dar-poster,.dar-mv{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.dar-poster{object-fit:contain;transition:opacity .4s var(--ease)}
.dar-mv{display:block;background:transparent;--poster-color:transparent;--progress-bar-color:var(--red);outline-offset:-3px}
.dar-mv:not(:defined){visibility:hidden}
.dar-mv [slot="ar-button"]{display:none}
.dar.is-live .dar-poster{opacity:0}
.dar-tag{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;display:flex;justify-content:space-between;gap:8px;margin:0;pointer-events:none}
.dar-tag span{font:700 .74rem/1.2 var(--f-b);background:rgba(255,255,255,.9);color:var(--ink);padding:6px 10px;border-radius:999px;box-shadow:var(--sh1)}
.dar-drag{display:none}
.dar.is-live .dar-drag{display:inline}
.dar-panel{grid-area:panel;display:grid;gap:var(--s2);align-content:start;min-width:0}
.dar-panel>*{margin:0}
.dar-now{font-size:var(--t-sm);color:var(--slate)}.dar-now b{color:var(--ink)}
.dar-sws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dar-sw{display:flex;align-items:center;gap:8px;min-height:60px;padding:6px 8px 6px 6px;border:2px solid var(--line);border-radius:var(--r2);background:#fff;
  font:700 .86rem/1.1 var(--f-b);color:var(--ink);cursor:pointer;text-align:left;min-width:0;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .25s var(--ease)}
.dar-sw img{width:22px;height:47px;flex:none;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(15,17,21,.12)}
@media (max-width:599px){.dar-sw{flex-direction:column;justify-content:center;gap:6px;padding:8px 4px;text-align:center;font-size:.82rem}}
.dar-sw[aria-pressed="true"]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
@media (hover:hover) and (pointer:fine){.dar-sw:hover{transform:translateY(-2px);border-color:var(--ink-3)}}
.dar-ar{width:100%;font:800 1.02rem/1 var(--f-b)}
.dar-ar[hidden],.dar-msg[hidden],.dar-after[hidden]{display:none}
.dar-msg{padding:12px 14px;border-radius:var(--r2);background:var(--stone);font-size:var(--t-sm)}
.dar-qr{display:none;gap:var(--s2);align-items:center;padding:var(--s2);border:1px solid var(--line);border-radius:var(--r2);background:var(--stone)}
.dar-qr p{margin:4px 0 0;font-size:var(--t-sm);color:var(--slate)}
.dar-qr-svg{width:120px;height:120px;flex:none;border-radius:8px;box-shadow:var(--sh1)}
@media (hover:hover) and (pointer:fine){.dar-qr{display:flex}}
.dar.can-ar .dar-qr{display:none}
.dar-privacy{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-sm);color:var(--slate)}
.dar-privacy svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--ink)}
.dar-after{padding:var(--s3);border-radius:var(--r2);background:var(--ink);color:#fff;outline:none;animation:dar-in .5s var(--ease) both}
.dar-after p{color:rgba(255,255,255,.78);font-size:var(--t-sm)}
.dar-after-h{display:block;font:700 var(--t-h3)/1.2 var(--f-d);margin-bottom:6px}
.dar-after .btn{width:100%}
.dar.ar-done .dar-link{display:none}
.dar-link{color:var(--red-d)}
.dar-note{font-size:.8rem;color:var(--slate)}
@keyframes dar-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (min-width:1024px){
  .dar-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"stage copy" "stage panel";column-gap:var(--s6);row-gap:var(--s3);align-items:start}
  .dar-stage{width:100%;max-width:580px}
  .dar-copy{align-self:end}
  .dar-ar{width:auto;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.dar-sw,.dar-poster{transition:none}.dar-after{animation:none}.dar-sw:hover{transform:none}}

/* ===== team ba ===== */
/* ===== Before/after gallery (.bax) - team/ba. Replaces the old .ba rules. ===== */
.bax-grid{display:grid;gap:var(--s4);align-items:center}
@media (min-width:960px){.bax-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:var(--s6)}}
.bax-copy .lead{margin-bottom:var(--s3)}
.bax-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--s2);padding:6px;border-radius:999px;background:var(--stone-2);width:max-content;max-width:100%}
.bax-tab{min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 .95rem/1 var(--f-b);cursor:pointer}
.bax-tab:hover{background:rgba(15,17,21,.06)}
.bax-tab[aria-selected="true"]{background:var(--ink);color:#fff}
.bax-stage{width:100%;max-width:560px;margin:0 auto}
.bax-panel+.bax-panel{margin-top:var(--s5)}
.bax-js .bax-panel+.bax-panel{margin-top:0}
.bax-panel[hidden]{display:none}
.bax-fig{margin:0}
/* the slider: after image underneath, before image clipped on top */
.bax{--pos:50%;position:relative;aspect-ratio:4/5;width:100%;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh3);background:var(--ink-2);user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;-webkit-tap-highlight-color:transparent}
.bax img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.bax-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.bax-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.45);pointer-events:none}
.bax-knob{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.35);transition:transform .2s var(--ease)}
.bax-knob svg{width:24px;height:24px}
.bax.is-drag .bax-knob{transform:scale(1.08)}
.bax-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.bax-js .bax-range{pointer-events:none} /* JS handles drag; without JS the native range works */
.bax:focus-within .bax-knob{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--cyan),0 8px 22px rgba(0,0,0,.35)}
.bax-tag{position:absolute;top:14px;padding:7px 12px;border-radius:999px;font:800 .75rem/1 var(--f-b);letter-spacing:.12em;text-transform:uppercase;background:rgba(15,17,21,.8);color:#fff;pointer-events:none}
.bax-tag-b{left:14px}.bax-tag-a{right:14px;background:var(--red)}
.bax-cap{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);padding:var(--s2) 4px 0}
.bax-prod{font:700 var(--t-h3)/1.2 var(--f-d);letter-spacing:-.01em}
.bax-view{font:700 .78rem/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.bax-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s2)}
.bax-cta .btn{flex:1 1 auto}
.dark .bax-tabs{background:var(--ink-3)}.dark .bax-tab{color:#fff}.dark .bax-tab[aria-selected="true"]{background:#fff;color:var(--ink)}.dark .bax-view{color:rgba(255,255,255,.7)}
@media (prefers-reduced-motion:no-preference){
  .bax-js .bax-panel.is-in .bax{animation:bax-in .45s var(--ease)}
  @keyframes bax-in{from{opacity:.25;transform:scale(.985)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.bax-knob{transition:none}}
@media (max-width:420px){.bax-knob{width:46px;height:46px;margin:-23px 0 0 -23px}.bax-tab{padding:0 16px}}
/* ===== end .bax ===== */
/* AWR motion layer (team: motion). Load AFTER site.css.
   Uses only the independent `translate` / `scale` properties so it never fights site.css/site.js `transform`
   (.rv reveals, hover zooms, the .media drift in site.js). Hidden start states only apply once script.js
   has tagged an element (mo-*), so no JS = normal page. Nothing here changes layout. */

/* 5. film grain on dark sections: one tiny inline SVG noise tile, static (no animation, no big image) */
.dark,.phero,.ftr,.ultion{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");
  background-size:160px 160px;background-repeat:repeat
}
@media (forced-colors:active),(prefers-contrast:more){.dark,.phero,.ftr,.ultion{background-image:none}}

/* 1. parallax depth: script writes inline `translate`; images get a little bleed so edges never show */
.mo-px{will-change:translate}
.tiles .tile.mo-px img,.phero-mosaic.mo-pm img{scale:1.1}
.ytc.mo-px .yt img{scale:1.06}

/* 2. masked reveal wipe for section images (runs once) */
.mo-wh{clip-path:inset(0 0 100% 0);scale:1.12;transition:clip-path .7s cubic-bezier(.7,0,.2,1),scale .9s cubic-bezier(.2,.7,.2,1)}
.mo-wh.mo-wh-l{clip-path:inset(0 100% 0 0)}
.mo-wh.mo-wi{clip-path:inset(0);scale:1}

/* 3. kinetic split-word headings: real text nodes stay in place, only wrapped in spans */
.mo-k .mo-w{display:inline-block;overflow:clip;overflow-clip-margin:.08em;vertical-align:bottom;padding:0 .02em .14em;margin:0 -.02em -.14em}
.mo-k .mo-w>span{display:inline-block;translate:0 108%;rotate:4deg;transform-origin:0 100%;transition:translate .55s cubic-bezier(.2,.75,.15,1),rotate .55s cubic-bezier(.2,.75,.15,1);transition-delay:calc(var(--i,0) * 25ms)}
.mo-k.mo-ki .mo-w>span{translate:none;rotate:none}

/* 4. hover tilt + light sheen, fine pointers only (script adds .mo-t) */
.mo-t{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.mo-t.mo-on{transition:transform .12s linear,box-shadow .3s}
.door-grid figure.mo-t{position:relative}
.mo-t::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.2),transparent 45%)}
.tile.mo-t::before{z-index:-1}
.mo-t.mo-on::before{opacity:1}

@media (prefers-reduced-motion:reduce){
  .mo-px{will-change:auto;translate:none!important}
  .mo-wh{clip-path:none!important;scale:none!important;transition:none}
  .mo-k .mo-w>span{translate:none!important;rotate:none!important;transition:none}
  .mo-t{transform:none!important}.mo-t::before{display:none}
}
@media print{.mo-wh{clip-path:none!important;scale:none!important}.mo-k .mo-w>span{translate:none!important;rotate:none!important}}
/* top1 fixes: legal text contrast, slider dots tap size */
.ftr-legal,.ftr-legal p{color:rgba(255,255,255,.78)!important}
.awrsl-dots button{width:24px;height:24px;background:transparent;position:relative}
.awrsl-dots button::after{content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(255,255,255,.4)}
.awrsl-dots button[aria-pressed=true]{width:36px;background:transparent}
.awrsl-dots button[aria-pressed=true]::after{background:#ff3b55;border-radius:6px}

/* homepage quick checks (EPC + crime) right under the hero */
.qchk{background:var(--ink);padding:var(--s3) 0 var(--s4);position:relative;z-index:2;margin-top:-1px}
.qchk-grid{display:grid;gap:14px}
@media(min-width:900px){.qchk-grid{grid-template-columns:1fr 1fr;margin-top:calc(-1 * var(--s6))}}
.qc{background:#fff;color:var(--ink);border-radius:var(--r3);padding:var(--s3);box-shadow:var(--sh3);display:grid;gap:14px;border-top:5px solid var(--red)}
.qc-epc{border-top-color:#1fae55}
.qc-h{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.qc-h>svg{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--stone);color:var(--red)}
.qc-epc .qc-h>svg{color:#0e8a4a}
.qc-h b{display:block;font:700 1.25rem/1.2 var(--f-d)}.qc-h span{color:var(--slate);font-size:.93rem}
.qc-row{display:flex;gap:8px;flex-wrap:wrap}.qc-row input{flex:1 1 150px;min-height:52px;border:2px solid var(--line);border-radius:12px;padding:0 14px;font-size:1.05rem;text-transform:uppercase}
.qc-row .btn{flex:0 0 auto}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(min-width:900px){.qchk-grid{margin-top:0}}.qchk{padding-top:var(--s4)}

/* team ar windows */
/* ---- AR window section (team: ar). Needs the door AR CSS (style.css, .dar classes) already in site.css. Paste after it. ---- */
.war .dar-stage{aspect-ratio:1/1;width:min(100%,70svh)}
.war .dar-stage::after{height:7%}
.war-sws{grid-template-columns:repeat(2,minmax(0,1fr))}
.war .dar-sw img{width:40px;height:40px;object-fit:contain;box-shadow:none;border-radius:0}
@media (max-width:599px){.war .dar-sw{flex-direction:row;justify-content:flex-start;text-align:left;padding:6px 8px;font-size:.86rem}}
@media (min-width:1024px){.war .dar-stage{max-width:600px}}

/* ===== top1 10/10 pass (4 Nov 2026) ===== */
/* own background so contrast tools read it right inside the content-visibility footer */
.ftr-legal{background:var(--ink)}
/* town links never split across the two columns (made a 6px tap target) */
.places a{display:inline-flex;align-items:center;min-height:36px;padding:2px 0}.places li{break-inside:avoid;page-break-inside:avoid}
/* bigger consent tick box (24px) for thumbs */
.chk input,.qform .chk input{width:24px;height:24px;min-height:24px}
.qform .chk{padding-left:36px}
/* helper and small print: at least 15px so it reads easily on phones */
.qform .fine,.ec-hint,.fin-ex p{font-size:.9375rem}
.sl-fine,.fc-note{font-size:.9375rem!important}
/* hero headline: fixed two lines so the web-font swap can never rewrap it (no layout shift) */
.hero h1.kin{white-space:nowrap;max-width:none}
.kin br~.kw:nth-child(4)>span{animation-delay:.16s}.kin br~.kw:nth-child(5)>span{animation-delay:.24s}.kin br~.kw:nth-child(6)>span{animation-delay:.36s}
/* town lists: always laid out (content-visibility made tools think links overlapped) */
main>section:has(.places){content-visibility:visible!important}
/* Montserrat headings (Nov 2026) */h1,h2,h3,.hc-h,.hc-title{letter-spacing:-.02em;font-variation-settings:normal}.hero h1{font-weight:800}.hero h1 em{font-weight:800}@media(max-width:480px){.tile .tt h3{font-size:clamp(.95rem,4.1vw,1.12rem);overflow-wrap:break-word;hyphens:auto}}.places a{display:inline-flex;align-items:center;min-height:48px}.by-candai{white-space:nowrap}.by-candai a{font-weight:900;letter-spacing:.04em;text-decoration:none;background:linear-gradient(90deg,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#22d3ee}.by-candai a:hover,.by-candai a:focus-visible{text-decoration:underline;text-decoration-color:#22d3ee}:root{--crest-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 54'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.28' stop-color='%239aa2ac'/%3E%3Cstop offset='.5' stop-color='%23f6f7f9'/%3E%3Cstop offset='.74' stop-color='%235d6570'/%3E%3Cstop offset='1' stop-color='%23e3e6ea'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='.35' y2='1'%3E%3Cstop offset='0' stop-color='%233d434d'/%3E%3Cstop offset='1' stop-color='%230b0d10'/%3E%3C/linearGradient%3E%3CradialGradient id='g' cx='.3' cy='.25' r='.8'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.22'/%3E%3Cstop offset='.6' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='url(%23f)'/%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='url(%23g)'/%3E%3Cpath d='M6 12.5c11-3 25-3 36 0v4c-11-3-25-3-36 0z' fill='%23fff' opacity='.1'/%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='none' stroke='url(%23r)' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");--crest-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 54'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.28' stop-color='%239aa2ac'/%3E%3Cstop offset='.5' stop-color='%23f6f7f9'/%3E%3Cstop offset='.74' stop-color='%235d6570'/%3E%3Cstop offset='1' stop-color='%23e3e6ea'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='.35' y2='1'%3E%3Cstop offset='0' stop-color='%23ff5a6e'/%3E%3Cstop offset='1' stop-color='%238f0b21'/%3E%3C/linearGradient%3E%3CradialGradient id='g' cx='.3' cy='.25' r='.8'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.22'/%3E%3Cstop offset='.6' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='url(%23f)'/%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='url(%23g)'/%3E%3Cpath d='M6 12.5c11-3 25-3 36 0v4c-11-3-25-3-36 0z' fill='%23fff' opacity='.1'/%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='none' stroke='url(%23r)' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");--crest-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 54'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.28' stop-color='%239aa2ac'/%3E%3Cstop offset='.5' stop-color='%23f6f7f9'/%3E%3Cstop offset='.74' stop-color='%235d6570'/%3E%3Cstop offset='1' stop-color='%23e3e6ea'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='.35' y2='1'%3E%3Cstop offset='0' stop-color='%239bd95a'/%3E%3Cstop offset='1' stop-color='%230f9a4b'/%3E%3C/linearGradient%3E%3CradialGradient id='g' cx='.3' cy='.25' r='.8'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.22'/%3E%3Cstop offset='.6' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='url(%23f)'/%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='url(%23g)'/%3E%3Cpath d='M6 12.5c11-3 25-3 36 0v4c-11-3-25-3-36 0z' fill='%23fff' opacity='.1'/%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='none' stroke='url(%23r)' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");--cut:4px 26px 4px 26px}
/* ===== Castle crest icon badge ===== */
html .card .ic,html .st .st-ic,html .fx-ic,html .tool>svg:first-child{width:46px;height:52px;border-radius:0;display:grid;place-items:center;padding:0;
 background:var(--crest-ink) center/100% 100% no-repeat;box-shadow:none;color:#fff;overflow:visible;filter:drop-shadow(0 9px 10px rgba(15,17,21,.32))}
html .card .ic svg,html .st .st-ic svg,html .fx-ic svg{width:22px;height:22px;margin-top:-3px;color:#fff;stroke-width:1.9;filter:none}
html .fx-ic::after{display:none}
html .fx-ic svg [fill="#ff4d63"],html .fx-ic text{fill:#ff5a6e}html .fx-ic svg [stroke="#ff4d63"]{stroke:#ff5a6e}
html .tool>svg:first-child{box-sizing:border-box;padding:12px 11px 15px;color:#fff;stroke-width:1.9}
html .tool.feature>svg:first-child{background-image:var(--crest-ink)}
html .st .st-ic{position:absolute;top:18px;left:18px;width:40px;height:45px}
html .st .st-ic svg{width:19px;height:19px}
html .card:hover .ic,html .st:hover .st-ic,html .fx-grid li>a:hover .fx-ic,html .tool:hover>svg:first-child{transform:translateY(-3px);background-image:var(--crest-red)}
html .card .ic,html .st .st-ic,html .fx-ic,html .tool>svg:first-child{transition:transform .35s var(--ease),filter .35s}
html .card:has(>.ic:first-child)>.ic{width:44px;height:50px;border-radius:0}
/* ===== Made-to-measure cards ===== */
html .card,html .tool,html .fx-grid li>a,html .fx-grid li>div{border-radius:var(--cut)}
html .card::before,html .tool::after,html .fx-grid li>a::after,html .fx-grid li>div::after,html .st::before{content:"";position:absolute;inset:8px;width:auto;height:auto;transform:none;opacity:1;animation:none!important;border-radius:2px;pointer-events:none;z-index:2;
 background:linear-gradient(#c8102e,#c8102e) left top/22px 2px no-repeat,linear-gradient(#c8102e,#c8102e) left top/2px 22px no-repeat,linear-gradient(#c8102e,#c8102e) right bottom/22px 2px no-repeat,linear-gradient(#c8102e,#c8102e) right bottom/2px 22px no-repeat;transition:background-size .55s var(--ease),inset .55s var(--ease),opacity .3s}
html .card:hover::before,html .card:focus-visible::before,html .tool:hover::after,html .fx-grid li>a:hover::after,html .st:hover::before,html .st:focus-visible::before{background:linear-gradient(#c8102e,#c8102e) left top/100% 2px no-repeat,linear-gradient(#c8102e,#c8102e) left top/2px 100% no-repeat,linear-gradient(#c8102e,#c8102e) right bottom/100% 2px no-repeat,linear-gradient(#c8102e,#c8102e) right bottom/2px 100% no-repeat;inset:6px;transform:none}
html .card{background:linear-gradient(165deg,#fff 0%,#fff 55%,#f4f5f7 100%);box-shadow:0 0 0 1px #e3e6ea,0 1px 2px rgba(15,17,21,.05),0 18px 34px -24px rgba(15,17,21,.35)}
html .card:hover{box-shadow:0 0 0 1px #d5d9df,0 2px 4px rgba(15,17,21,.06),0 26px 44px -24px rgba(15,17,21,.45)}
html .dark .card{background:linear-gradient(165deg,#1d2129,#12151a);box-shadow:0 0 0 1px rgba(255,255,255,.09),0 22px 40px -26px #000}
html .dark .card::before{background:linear-gradient(#ff4d63,#ff4d63) left top/22px 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) left top/2px 22px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/22px 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/2px 22px no-repeat}
html .dark .card:hover::before{background:linear-gradient(#ff4d63,#ff4d63) left top/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) left top/2px 100% no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/2px 100% no-repeat}
html .tool{position:relative;background:linear-gradient(165deg,#1d2129,#12151a);border:0;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 22px 40px -26px #000}
html .tool::after{background:linear-gradient(#ff4d63,#ff4d63) left top/22px 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) left top/2px 22px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/22px 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/2px 22px no-repeat}html .tool:hover::after{background:linear-gradient(#ff4d63,#ff4d63) left top/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) left top/2px 100% no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/2px 100% no-repeat}
html .tool.feature{background:linear-gradient(140deg,#d4142f,#7d0a1d)}
html .tool.feature::after{background:linear-gradient(#fff,#fff) left top/22px 2px no-repeat,linear-gradient(#fff,#fff) left top/2px 22px no-repeat,linear-gradient(#fff,#fff) right bottom/22px 2px no-repeat,linear-gradient(#fff,#fff) right bottom/2px 22px no-repeat}html .tool.feature:hover::after{background:linear-gradient(#fff,#fff) left top/100% 2px no-repeat,linear-gradient(#fff,#fff) left top/2px 100% no-repeat,linear-gradient(#fff,#fff) right bottom/100% 2px no-repeat,linear-gradient(#fff,#fff) right bottom/2px 100% no-repeat}
html .tool.feature::before{z-index:-1}
html .fx-grid li>a::after,html .fx-grid li>div::after{background:linear-gradient(#ff4d63,#ff4d63) left top/18px 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) left top/2px 18px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/18px 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/2px 18px no-repeat}
html .fx-grid li>a:hover::after{background:linear-gradient(#ff4d63,#ff4d63) left top/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) left top/2px 100% no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/2px 100% no-repeat}
html .fx-grid li>a,html .fx-grid li>div{grid-template-columns:46px 1fr auto}
html .st{border-radius:var(--cut)}html .st::before{background:linear-gradient(#fff,#fff) left top/22px 2px no-repeat,linear-gradient(#fff,#fff) left top/2px 22px no-repeat,linear-gradient(#fff,#fff) right bottom/22px 2px no-repeat,linear-gradient(#fff,#fff) right bottom/2px 22px no-repeat;opacity:.85}html .st:hover::before{background:linear-gradient(#ff4d63,#ff4d63) left top/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) left top/2px 100% no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/100% 2px no-repeat,linear-gradient(#ff4d63,#ff4d63) right bottom/2px 100% no-repeat;opacity:1}
html .tile{border-radius:var(--cut)}
html .tile .tt::before{content:"";position:absolute;left:10px;bottom:10px;width:20px;height:20px;border:solid #fff;border-width:0 0 2px 2px;opacity:.8}
/* ===== Ticks: little red crest with a check ===== */
html .ticks li::before{width:20px;height:22px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 54'%3E%3Cpath d='M3 5h8.5v4.5h8V5h9v4.5h8V5H45v19.5c0 13.8-8.8 23.2-21 28C11.8 47.7 3 38.3 3 24.5z' fill='%23c8102e'/%3E%3Cpath d='M14 27.5l7 7 13-14' fill='none' stroke='white' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;margin-top:1px}
/* ===== Steps: big outlined numbers ===== */
html .steps li{border-top:0;padding-top:0;position:relative}
html .steps li::before{font:900 clamp(2.6rem,2rem + 2vw,3.6rem)/1 var(--f-d);letter-spacing:-.02em;color:var(--red);margin-bottom:10px;padding-bottom:12px;
 background:linear-gradient(var(--red),var(--red)) left bottom/34px 3px no-repeat,linear-gradient(var(--line,#e6e8ec),var(--line,#e6e8ec)) left bottom/100% 1px no-repeat;display:block}
html .dark .steps li::before{color:#ff4d63}
@media(prefers-reduced-motion:reduce){html .card::before,html .tool::after,html .fx-grid li>a::after,html .st::before,html .card .ic,html .st .st-ic,html .fx-ic,html .tool>svg:first-child{transition:none}}
/* tap target: consent tick at least 24px (WCAG 2.2 target size) */
html .chk input{width:28px;height:28px;min-height:28px;margin:0}html .qform .chk{padding-left:40px;min-height:28px}html .qform .chk input{top:0}
/* review source links (10 Nov 2026) */
.rev-src{display:inline-block;margin-left:auto;font-size:.8rem;font-weight:700;color:#ff8a99;text-decoration:underline;text-underline-offset:3px}:not(.dark)>*>.rev .rev-src,.paper .rev-src{color:var(--red)}.rev figcaption{flex-wrap:wrap;gap:6px}
/* phones: long text folds behind Read more (10 Nov 2026) */
.more-btn{display:none}
@media(max-width:899px){.more-wrap{position:relative;max-height:26em;overflow:hidden;transition:max-height .4s var(--ease)}.more-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5em;background:linear-gradient(rgba(242,243,245,0),var(--paper,#f2f3f5));pointer-events:none}.sec:not(.paper) .more-wrap::after{background:linear-gradient(rgba(255,255,255,0),#fff)}.more-wrap.open{max-height:none}.more-wrap.open::after{display:none}.more-btn{display:inline-flex;align-items:center;gap:6px;margin:12px 0 4px;min-height:48px;padding:0 22px;border-radius:999px;border:2px solid var(--ink,#0f1115);background:transparent;color:var(--ink,#0f1115);font:700 1rem var(--f-b);cursor:pointer}}
@media(max-width:899px) and (prefers-reduced-motion:reduce){.more-wrap{transition:none}}
/* phones: card rows become side-swipe rails, footer link lists go two-up (10 Nov 2026) */
@media(max-width:699px){
.grid:is(.g3,.g4):has(> :nth-child(4)),.rev-grid,.door-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-20px!important;margin-right:-20px!important;padding:4px 20px 16px!important;scroll-padding-left:20px;scrollbar-width:thin}
.grid:is(.g3,.g4):has(> :nth-child(4))>*,.rev-grid>*{flex:0 0 80%!important;max-width:80%;scroll-snap-align:start;min-width:0;grid-column:auto!important}
.door-grid>*{flex:0 0 46%!important;max-width:46%;scroll-snap-align:start;min-width:0}
.ftr-grid ul{columns:2;column-gap:18px}
.ftr-grid li{break-inside:avoid}
.ftr-grid ul a{display:inline-block;padding:6px 0;min-height:0;line-height:1.3}
}
/* footer link lists: tap to open on phones, always open on desktop */
.ftr-acc>summary{list-style:none;cursor:pointer}.ftr-acc>summary::-webkit-details-marker{display:none}
@media(min-width:700px){.ftr-acc>summary{pointer-events:none}}
@media(max-width:699px){.ftr-acc{border-top:1px solid rgba(255,255,255,.12)}.ftr-acc>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px}.ftr-acc>summary .ftr-h{margin:0}.ftr-acc>summary::after{content:"+";font:700 1.4rem/1 var(--f-d);color:#ff4d63;transition:transform .25s}.ftr-acc[open]>summary::after{transform:rotate(45deg)}.ftr-acc>ul{padding-bottom:14px}}
@media(max-width:699px){.ftr-grid{grid-template-columns:1fr!important;gap:0!important}.ftr-grid>div:first-child{margin-bottom:20px}}
/* areas page: fold each branch/county, town search (10 Nov 2026) */
.town-find{margin:var(--s3) 0}.town-find label{display:block;font-weight:800;margin-bottom:8px}
.town-find input{width:100%;max-width:520px;min-height:54px;padding:0 18px;border:2px solid #cfd3d9;border-radius:14px;font:500 1.05rem var(--f-b);background:#fff}
.town-find input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(200,16,46,.2)}
.area-acc{border-top:1px solid var(--line,#e6e8ec)}.area-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:56px}
.area-acc>summary::-webkit-details-marker{display:none}.area-acc>summary h3{margin:0!important;font-size:1.1rem}
.area-acc>summary .area-n{margin-left:auto;font-size:.9rem;color:var(--slate)}.area-acc>summary::after{content:"+";font:700 1.4rem/1 var(--f-d);color:var(--red);transition:transform .25s}
.area-acc[open]>summary::after{transform:rotate(45deg)}.area-acc>ul{padding-bottom:16px}
.area-acc li[hidden],.area-acc[hidden]{display:none!important}
/* town pages: local facts box (10 Nov 2026) */
.local-facts h2{margin:6px 0 4px}.lf-note{color:var(--slate);margin:0 0 var(--s2)}
.lf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:900px){.lf-grid{grid-template-columns:repeat(4,1fr)}}
.lf-grid li{background:#fff;border-radius:6px 20px 6px 20px;padding:16px;box-shadow:0 0 0 1px #e3e6ea,0 14px 26px -22px rgba(15,17,21,.4)}
.lf-grid b{display:block;font:800 clamp(1.5rem,1.2rem + 1vw,2rem)/1.1 var(--f-d);color:var(--red);margin-bottom:6px}
.lf-grid span{font-size:.92rem;line-height:1.4;color:var(--ink)}
.lf-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:var(--s2) 0 6px}.lf-links a{font-weight:700;color:var(--red);text-underline-offset:3px}
.lf-src{font-size:.8rem;color:var(--slate);margin:0}
/* gallery and reviews pages keep a normal grid/list on phones (no swipe rows) */
@media(max-width:699px){
.pg-gallery .grid:is(.g3,.g4){display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible;margin:0!important;padding:0!important}
.pg-gallery .grid:is(.g3,.g4)>*{max-width:none;flex:none!important}
.pg-reviews .rev-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible;margin:0!important;padding:0!important}
.pg-reviews .rev-grid>*{max-width:none;flex:none!important}
}
/* phones: shorter scroll stories, people + tools as swipe rows (10 Nov 2026) */
@media(max-width:699px){
.scrub:not(.static){height:200vh}
.d3{height:190vh!important;min-height:0!important}
.people,.tools{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:12px!important;margin-left:-20px!important;margin-right:-20px!important;padding:4px 20px 16px!important;scroll-padding-left:20px}
.people>*{flex:0 0 80%!important;max-width:80%;scroll-snap-align:start;min-width:0}
.tools>.tool{flex:0 0 72%!important;max-width:72%;scroll-snap-align:start;min-width:0;grid-column:auto!important}
.tools>.tool.feature{flex-basis:84%!important;max-width:84%}
}
@media(max-width:699px){
.steps{display:flex!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:14px!important;margin-left:-20px!important;margin-right:-20px!important;padding:4px 20px 16px!important;scroll-padding-left:20px}
.steps>li{flex:0 0 78%;max-width:78%;scroll-snap-align:start;min-width:0}
}

/* fb-2026-11-11 */.ftr-social{display:flex;gap:10px;margin:var(--s2) 0 0}.ftr-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;transition:background .2s}.ftr-social a:hover,.ftr-social a:focus-visible{background:var(--red)}.bax-stage{max-width:440px}.bax{aspect-ratio:3/5}.bax img{object-position:100% 50%}.bax-panel+.bax-panel .bax img{object-position:70% 50%}.rv-pick{display:grid;gap:12px;max-width:420px}.rv-pick .btn{justify-content:center;min-height:56px;font-size:1.05rem;background:#1877f2;color:#fff;box-shadow:0 8px 20px rgba(24,119,242,.3)}
/* fb2-2026-11-11 */.hdr-search{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit}.hdr-search:hover,.hdr-search:focus-visible{background:rgba(255,255,255,.1)}.hdr-tel span,.hdr-tel small{display:block}.hdr-tel small{font-size:.72rem;font-weight:500;opacity:.75;text-align:center;margin-top:2px}@media(min-width:1100px){.hdr-cta{flex:1;justify-content:flex-end;gap:8px}.hdr .hdr-tel{display:block;margin-inline:auto;text-align:center}}@media(min-width:1100px) and (max-width:1299px){.hdr .nav>ul>li>a,.hdr .nav .mega-btn{padding-inline:6px!important;font-size:.88rem}.hdr .wrap{gap:var(--s2)}}.ftr-hours{font-size:.95rem;opacity:.85;margin:0 0 var(--s1)}.blog-grid .card{display:flex;flex-direction:column;overflow:hidden}.card-img{display:block;width:calc(100% + 2*var(--s4));max-width:none;margin:calc(-1*var(--s4)) calc(-1*var(--s4)) var(--s3);aspect-ratio:16/10;height:auto;object-fit:cover}.post-hero{margin-top:var(--s4)}.post-hero-img{display:block;width:100%;max-width:900px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r3);box-shadow:var(--sh2)}.sq-l{display:block;font-weight:700;margin-bottom:8px}.sq-row{display:flex;gap:8px}.sq-row input{flex:1;min-width:0;min-height:52px;padding:0 16px;border:2px solid var(--line,#d6d8dd);border-radius:12px;font:inherit;font-size:1.05rem}.sq-row input:focus{outline:3px solid var(--red);outline-offset:1px}.sq-st{margin:var(--s2) 0;opacity:.8}.sq-out{list-style:none;padding:0;margin:0;display:grid;gap:10px}.sq-out a{display:block;padding:14px 16px;border-radius:12px;background:#fff;box-shadow:var(--sh1);text-decoration:none;color:inherit}.sq-out a:hover,.sq-out a:focus-visible{outline:2px solid var(--red)}.sq-out b{display:block;font-size:1.05rem}.sq-out span{display:block;font-size:.92rem;opacity:.75;margin-top:4px}
.wrap.grid.g3.blog-grid{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important;gap:16px!important}.wrap.grid.g3.blog-grid>*{max-width:none!important;flex:none!important}@media(min-width:700px){.wrap.grid.g3.blog-grid{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:1024px){.wrap.grid.g3.blog-grid{grid-template-columns:repeat(3,1fr)!important;padding:0 var(--gut,20px)!important}}
/* follow */.follow-in{display:grid;gap:var(--s3);align-items:center}@media(min-width:900px){.follow-in{grid-template-columns:1fr auto}}.follow h2{margin:4px 0 8px}.follow-icons{display:flex;gap:12px;margin:0}.follow-icons a{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:#fff;background:var(--ink,#0f1115);box-shadow:var(--sh1);transition:transform .2s}.follow-icons a:hover,.follow-icons a:focus-visible{transform:translateY(-3px)}.follow-icons a[aria-label*=Facebook]{background:#1877f2}.follow-icons a[aria-label*=Instagram]{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.follow-icons a[aria-label*=YouTube]{background:#ff0000}
/* logos-2026-11-11 */.badge-a{display:flex;align-items:center;gap:inherit;color:inherit;text-decoration:none}.badges .badge-a:hover img,.badges .badge-a:focus-visible img,.bdg-track .badge-a:hover img{transform:scale(1.04)}.badge-a img{transition:transform .2s}.praes-logo{display:block;height:1.35em;width:auto;margin:0 auto .1em}.sl-h .praes-logo{display:inline-block;vertical-align:-.28em;margin:0 .1em}
@media (max-width:899px){#CANDAI-launcher{bottom:calc(86px + env(safe-area-inset-bottom))!important}}
/* mark12 */.ftr .ftr-wa{padding:0 18px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;font-weight:700;text-decoration:none}.ftr .ftr-wa:hover,.ftr .ftr-wa:focus-visible{background:#25d366;border-color:#25d366;color:#0f1115}.tool-frame{scroll-margin-top:var(--hdr)}
a.btn.pp-wa,main a.btn.pp-wa:visited{color:#fff!important;text-decoration:none;margin:6px 0;background:#0e7a37;border-color:#0e7a37}
/* badges-uniform-2026-11-12 */.badges{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-items:stretch}.badges li{height:84px;padding:12px 16px;justify-content:center}.badges li .badge-a{width:100%;height:100%;justify-content:center}.badges img{height:auto!important;width:auto!important;max-height:52px;max-width:100%;object-fit:contain}.bdg-track li{width:300px;padding:0 16px}.bdg-track li .badge-a{width:100%;height:100%}.bdg-track img{width:104px!important;height:48px!important;object-fit:contain;flex:none}.bdg-track span{white-space:normal!important;line-height:1.25}

/* praesidio-wordmark-2026-11-13: every visible "Praesidio" shows the real script lettering, in the text colour. The word stays readable text underneath. */
.praes-wm{display:inline-block;position:relative;height:1.46em;width:5.23em;vertical-align:-.44em;overflow:hidden;white-space:nowrap;text-indent:150%;line-height:1;margin:0 .06em;font-style:normal}
.praes-wm::before{content:"";position:absolute;inset:0;background-color:currentColor;-webkit-mask:url(/assets/img/praesidio-wordmark.webp) center/contain no-repeat;mask:url(/assets/img/praesidio-wordmark.webp) center/contain no-repeat}
@media (forced-colors:active){.praes-wm{text-indent:0;width:auto;height:auto;overflow:visible;vertical-align:baseline}.praes-wm::before{display:none}}
@media print{.praes-wm::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* hero-social-2026-11-13: follow rail (desktop) / row (phone) */
.hero-soc{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:min(100% - 40px,var(--wrap,1256px));margin:0 auto;padding:0 0 var(--s4,24px);color:#fff}
.hero-soc .hs-l{font:700 .7rem/1 var(--f-b);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-right:4px}
.hero-soc .hs-a{--mx:0px;--my:0px;position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transform:translate(var(--mx),var(--my));transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s;opacity:0;animation:hsIn .6s var(--ease) forwards;animation-delay:calc(1.1s + var(--i)*.09s)}
.hero-soc .hs-a svg{position:relative;z-index:1;transition:transform .25s var(--ease)}
.hero-soc .hs-a::before{content:"";position:absolute;inset:-1px;border-radius:50%;opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s var(--ease)}
.hero-soc .hs-fb::before{background:#1877f2}
.hero-soc .hs-ig::before{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.hero-soc .hs-x::before{background:#000}
.hero-soc .hs-yt::before{background:#ff0000}
.hero-soc .hs-a:hover,.hero-soc .hs-a:focus-visible{border-color:transparent;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.hero-soc .hs-a:hover::before,.hero-soc .hs-a:focus-visible::before{opacity:1;transform:scale(1)}
.hero-soc .hs-a:hover svg,.hero-soc .hs-a:focus-visible svg{transform:scale(1.12)}
.hero-soc .hs-a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero-soc .hs-t{position:absolute;left:calc(100% + 10px);top:50%;white-space:nowrap;font:700 .78rem/1 var(--f-b);padding:7px 10px;border-radius:999px;background:#fff;color:var(--ink,#0f1115);pointer-events:none;opacity:0;transform:translate(-6px,-50%);transition:opacity .2s,transform .25s var(--ease);display:none}
@keyframes hsIn{from{opacity:0;transform:translate(-14px,0)}to{opacity:1;transform:translate(var(--mx),var(--my))}}
@media(min-width:1400px){
  .hero-soc{position:absolute;left:24px;bottom:24px;width:auto;margin:0;padding:0;flex-direction:column;gap:12px}
  .hero-soc .hs-l{order:9;writing-mode:vertical-rl;transform:rotate(180deg);margin:4px 0 0}
  .hero-soc .hs-l::after{content:"";display:block;width:1px;height:36px;margin:0 auto 12px;background:currentColor}
  .hero-soc .hs-a{width:42px;height:42px}
  .hero-soc .hs-a:hover .hs-t,.hero-soc .hs-a:focus-visible .hs-t{opacity:1;transform:translate(0,-50%)}
}
@media(prefers-reduced-motion:reduce){.hero-soc .hs-a{animation:none;opacity:1;transform:none}.hero-soc .hs-a,.hero-soc .hs-a::before,.hero-soc .hs-t,.hero-soc svg{transition:none}}

/* mobile-polish-2026-11-13: phone tidy-up (Mark) */
@media (max-width:767px){
  /* footer links: comfortable thumb size */
  .ftr-acc ul a{display:flex;align-items:center;min-height:44px}
  /* hero label a touch bigger */
  .hero .eyebrow{font-size:.75rem}
  /* slider dots: same look, bigger invisible tap zone */
  .awrsl-dots{gap:4px}
  .awrsl-dots button{width:36px;height:36px}
}
/* chat button on phones: a round chat bubble instead of the wide pill, so it never covers text */
@media (max-width:899px){
  #CANDAI-launcher{width:58px!important;height:58px!important;padding:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important;right:14px!important;
    background:#c8102e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E") center/27px no-repeat!important;
    box-shadow:0 8px 22px rgba(200,16,46,.45),0 0 0 0 rgba(200,16,46,.5)!important;animation:awrChatPing 2.8s ease-out 3}
}
@keyframes awrChatPing{0%{box-shadow:0 8px 22px rgba(200,16,46,.45),0 0 0 0 rgba(200,16,46,.55)}70%{box-shadow:0 8px 22px rgba(200,16,46,.45),0 0 0 16px rgba(200,16,46,0)}100%{box-shadow:0 8px 22px rgba(200,16,46,.45),0 0 0 0 rgba(200,16,46,0)}}
@media (prefers-reduced-motion:reduce){#CANDAI-launcher{animation:none}}
/* chat pop-up: big close target, no white flash while it loads */
#CANDAI-close{width:44px!important;height:44px!important;top:4px!important;right:4px!important;font-size:26px!important;line-height:44px!important;text-align:center!important;padding:0!important}

/* chat-chrome-2026-11-13: chat pop-up = one clean white card with the Smart home checks chrome edge, page softly blurred behind */
@keyframes awrChrome{0%{background-position:0 0,0% 50%}100%{background-position:0 0,300% 50%}}
#CANDAI-overlay{background:rgba(15,17,21,.32)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#CANDAI-panel{border:3px solid transparent!important;border-radius:20px!important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fdfdfd 0%,#a8b0b9 18%,#ffffff 34%,#6f7782 50%,#e6eaee 66%,#8d959f 82%,#f7f8f9 100%) border-box!important;
  background-size:auto,300% 300%!important;animation:CANDAIIn .3s ease,awrChrome 8s linear infinite!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.6)!important}
#CANDAI-panel iframe{border-radius:17px}
@media (max-width:480px){
  #CANDAI-overlay{padding:10px!important;padding-top:calc(10px + env(safe-area-inset-top))!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  #CANDAI-panel{height:100%!important}
}
@media (prefers-reduced-motion:reduce){#CANDAI-panel{animation:none!important}}
/* xmas draw */
.xmas{display:flex;align-items:center;justify-content:center;gap:14px;height:44px;padding:0 16px;background:linear-gradient(90deg,#5e0613 0%,#a30c25 22%,#c8102e 50%,#a30c25 78%,#5e0613 100%);color:#fff;font:600 .92rem/1.2 var(--f-b);text-decoration:none;position:relative;z-index:52;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(245,196,81,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.xmas::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,236,190,.22) 50%,transparent 58%);transform:translateX(-100%);animation:xmasSheen 6s ease-in-out infinite;pointer-events:none}
@keyframes xmasSheen{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.xmas-ic{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe7a3,#f5c451 55%,#d89b1d);display:grid;place-items:center;line-height:0;box-shadow:0 0 0 3px rgba(245,196,81,.22),0 2px 8px rgba(0,0,0,.35)}
.xmas-t{position:relative;overflow:hidden;text-overflow:ellipsis;letter-spacing:.005em}
.xmas b{font-weight:800}
.xmas em{font-style:normal;font-weight:900;color:#ffd66b;font-size:1.14em;letter-spacing:-.01em;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.xmas-d{font-weight:500;color:rgba(255,255,255,.9)}
.xmas-go{position:relative;flex:none;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#ffd66b,#f5c451);color:#2a0a12;font-weight:900;border-radius:999px;padding:7px 15px;font-size:.84rem;box-shadow:0 4px 14px -4px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .2s ease,background .2s ease}
.xmas-ar{transition:transform .2s ease}
.xmas:hover .xmas-go,.xmas:focus-visible .xmas-go{background:#fff}
.xmas:hover .xmas-ar,.xmas:focus-visible .xmas-ar{transform:translateX(3px)}
.xmas:focus-visible{outline:3px solid #ffd66b;outline-offset:-3px}
@media(max-width:899px){.xmas-d{display:none}.xmas{justify-content:space-between;gap:10px;padding:0 12px}}
@media(max-width:439px){.xmas{font-size:.8rem;gap:8px;padding:0 10px}.xmas-ic{width:24px;height:24px}.xmas-ic svg{width:14px;height:14px}.xmas-c,.xmas-n{display:none}.xmas-go{padding:6px 11px;font-size:.8rem}}
@media(max-width:359px){.xmas-ic{display:none}}
@media(prefers-reduced-motion:reduce){.xmas::before{display:none;animation:none}.xmas-go,.xmas-ar{transition:none}}
body:has(.xmas) .hero{min-height:calc(100svh - 82px)}
body:has(.xmas) .hdr.over:not(.stuck){top:82px}
.xmas-cd{display:inline-flex;align-items:center;gap:7px;margin-left:12px;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.28);font-size:.8rem;font-weight:700;vertical-align:middle}
.xmas-tm{font-variant-numeric:tabular-nums;color:#ffd66b;font-weight:800;padding-left:7px;border-left:1px solid rgba(255,255,255,.3)}
.xmas-tm:empty{display:none}
@media(max-width:1239px){.xmas-d{display:none}}
@media(max-width:899px){.xmas{height:52px}.xmas-t{display:flex;flex-direction:column;gap:3px;line-height:1.15}.xmas-cd{margin:0;padding:0;background:none;font-size:.74rem;font-weight:600;color:rgba(255,255,255,.92)}
body:has(.xmas) .hdr.over:not(.stuck){top:90px}body:has(.xmas) .hero{min-height:calc(100svh - 90px)}}
.xmas-m{display:none}
@media(max-width:899px){
.xmas{height:56px;padding:0 12px;gap:10px}
.xmas-t{display:none}
.xmas-m{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1;position:relative}
.xmas-m1{font-size:15px;font-weight:800;line-height:1.1;letter-spacing:-.005em}
.xmas-m1 em{font-size:19px}
.xmas-rot{position:relative;display:block;height:19px;overflow:hidden;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.94)}
.xmas-rot>span{position:absolute;left:0;top:0;white-space:nowrap;line-height:19px;opacity:0;transform:translateY(100%);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.xmas-rot>span.on{opacity:1;transform:none}
.xmas-rot>span.out{opacity:0;transform:translateY(-100%)}
.xmas-tm2 b{display:inline-block;min-width:21px;padding:0 3px;margin-right:1px;border-radius:4px;background:rgba(0,0,0,.38);color:#ffd66b;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;line-height:17px}
.xmas-ic{width:30px;height:30px}
.xmas-go{padding:9px 14px;font-size:.88rem;animation:xmasPulse 3.2s ease-in-out infinite}
body:has(.xmas) .hdr.over:not(.stuck){top:94px}body:has(.xmas) .hero{min-height:calc(100svh - 94px)}
}
@media(max-width:439px){.xmas-ic{width:28px;height:28px}.xmas-go{padding:8px 12px;font-size:.84rem}}
@media(max-width:389px){.xmas{gap:8px;padding:0 10px}.xmas-m1{font-size:14px}.xmas-m1 em{font-size:17px}.xmas-rot{font-size:11.5px}.xmas-go{padding:8px 11px}}
@keyframes xmasPulse{0%,70%,100%{box-shadow:0 4px 14px -4px rgba(0,0,0,.5),0 0 0 0 rgba(255,214,107,.65)}86%{box-shadow:0 4px 14px -4px rgba(0,0,0,.5),0 0 0 8px rgba(255,214,107,0)}}
@media(prefers-reduced-motion:reduce){.xmas-rot>span{transition:none}.xmas-go{animation:none}}