/* Can-Kos Siding — site styles */
:root{
  color-scheme: light;
  --radius: 0.25rem;
  --background: oklch(0.983 0.003 106.4);
  --foreground: oklch(0.185 0 0);
  --warm: oklch(0.962 0.005 92);
  --ink: oklch(0.185 0 0);
  --ink-soft: oklch(0.238 0 0);
  --ink-foreground: oklch(0.962 0.005 92);
  --card: oklch(1 0 0);
  --muted-foreground: oklch(0.505 0.006 60);
  --brand: oklch(0.482 0.181 25.9);
  --brand-foreground: oklch(0.985 0.004 92);
  --steel: oklch(0.33 0.098 258);
  --border: oklch(0.898 0.004 90);
  --border-strong: oklch(0.8 0.005 90);
  --bg-page: var(--background);
  --fg-page: var(--foreground);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg-page: oklch(0.16 0.004 92);
    --fg-page: oklch(0.94 0.004 92);
    --card: oklch(0.21 0.004 92);
    --border: oklch(0.32 0.006 90);
    --border-strong: oklch(0.4 0.006 90);
    --warm: oklch(0.22 0.006 92);
    --muted-foreground: oklch(0.68 0.006 60);
  }
}
:root[data-theme="dark"]{
  --bg-page: oklch(0.16 0.004 92);
  --fg-page: oklch(0.94 0.004 92);
  --card: oklch(0.21 0.004 92);
  --border: oklch(0.32 0.006 90);
  --border-strong: oklch(0.4 0.006 90);
  --warm: oklch(0.22 0.006 92);
  --muted-foreground: oklch(0.68 0.006 60);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--bg-page); color:var(--fg-page);
  font-size:14px;
  font-family:"Barlow",ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  padding-inline: 0;
}
h1,h2,h3,h4{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;letter-spacing:-0.02em;margin:0;text-wrap:balance;}
p{margin:0;}
img{max-width:100%;display:block;}
[hidden]{display:none!important;}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1400px;margin:0 auto;padding-inline:20px;}
@media(min-width:768px){.wrap{padding-inline:40px;}}
.eyebrow{font-size:0.6875rem;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;}
.display-xl{font-family:"Archivo",sans-serif;font-weight:700;line-height:0.95;}

/* NAV */
header.nav{position:sticky;top:0;z-index:50;background:color-mix(in oklch, var(--bg-page) 92%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:14px;}
.logo{display:flex;align-items:center;gap:12px;}
.logo img{height:34px;width:auto;}
.logo-text{display:flex;flex-direction:column;line-height:1;}
.logo-text .name{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;font-size:0.95rem;}
.logo-text .name span{color:var(--brand);}
.logo-text .sub{margin-top:4px;font-size:0.5rem;font-weight:600;letter-spacing:0.24em;text-transform:uppercase;color:var(--steel);}
nav.links{display:none;gap:30px;align-items:center;}
@media(min-width:1024px){nav.links{display:flex;}}
nav.links a{font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted-foreground);transition:color .2s;}
nav.links a:hover{color:var(--brand);}
.nav-right{display:flex;align-items:center;gap:14px;}
.phone-link{display:none;align-items:center;gap:8px;font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--steel);}
@media(min-width:768px){.phone-link{display:inline-flex;}}
.btn-brand{background:var(--brand);color:var(--brand-foreground);padding:13px 22px;font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;display:none;transition:background .2s;}
.btn-brand:hover{background:var(--steel);}
@media(min-width:768px){.btn-brand{display:inline-block;}}
.burger{background:none;border:none;cursor:pointer;color:var(--fg-page);padding:4px;}
@media(min-width:1024px){.burger{display:none;}}
.burger svg{width:26px;height:26px;}

/* HERO */
.hero{position:relative;background:var(--ink);color:var(--ink-foreground);overflow:hidden;}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.35);}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(8,8,8,0.45) 45%, rgba(8,8,8,0.78) 100%);}
.hero-inner{position:relative;z-index:1;padding-block:150px 90px;}
@media(min-width:768px){.hero-inner{padding-block:190px 100px;}}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:26px;text-shadow:0 1px 4px rgba(0,0,0,0.85);}
.hero-kicker .rule{width:32px;height:1px;background:var(--brand);}
.hero h1{font-size:clamp(2.4rem,8vw,6.2rem);max-width:820px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.85),0 8px 30px rgba(0,0,0,0.65);}
.hero h1 .dim{color:#fff;}
.hero p.lede{margin-top:28px;max-width:560px;font-size:1.05rem;line-height:1.6;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.85),0 4px 18px rgba(0,0,0,0.6);}
.hero-ctas{margin-top:38px;display:flex;flex-direction:column;gap:12px;}
@media(min-width:640px){.hero-ctas{flex-direction:row;}}
.btn-outline{border:2px solid #fff;color:#fff;padding:16px 34px;text-align:center;font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;transition:border-color .2s, background .2s;background:rgba(0,0,0,0.35);text-shadow:0 1px 3px rgba(0,0,0,0.7);}
.btn-outline:hover{border-color:#fff;background:rgba(0,0,0,0.55);}
.hero-ctas .btn-brand{display:inline-block;padding:17px 34px;text-align:center;}
.hero-since{margin-top:44px;display:inline-block;font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,0.55);padding:8px 14px;border:1px solid rgba(255,255,255,0.25);}

/* STATS */
.stats{border-bottom:1px solid var(--border);background:var(--warm);}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 0;padding-block:52px;}
@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);padding-block:76px;}}
.stat{border-left:1px solid var(--border-strong);padding-left:18px;}
@media(min-width:768px){.stat{padding-left:30px;}}
.stat .num{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:clamp(1.8rem,4vw,3.1rem);}
.stat .num .suffix{color:var(--brand);}
.stat .lbl{margin-top:10px;font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted-foreground);line-height:1.5;}

section{padding-block:70px;}
@media(min-width:768px){section{padding-block:110px;}}
.section-warm{background:var(--warm);border-block:1px solid var(--border);}
.section-ink{background:var(--ink);color:var(--ink-foreground);}

/* ABOUT / OWNER */
.split{display:grid;gap:48px;}
@media(min-width:1024px){.split{grid-template-columns:1fr 0.85fr;gap:70px;}.split.rev{grid-template-columns:0.7fr 1fr;}}
.kicker{color:var(--brand);}
.about-copy{margin-top:26px;max-width:640px;display:flex;flex-direction:column;gap:16px;font-size:1.0625rem;line-height:1.7;color:var(--muted-foreground);}
.pull{margin-top:38px;max-width:460px;font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:1.3rem;text-transform:uppercase;border-left:2px solid var(--brand);padding-left:16px;}
.caption-row{margin-top:16px;display:flex;align-items:center;gap:12px;}
.caption-row .rule{width:32px;height:1px;background:var(--steel);}
blockquote{margin:34px 0 0;border-left:2px solid var(--brand);padding-left:22px;font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:1.35rem;line-height:1.35;}

/* SERVICES */
.services-grid{margin-top:56px;display:grid;gap:32px 28px;grid-template-columns:1fr;}
@media(min-width:640px){.services-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1280px){.services-grid{grid-template-columns:repeat(4,1fr);}}
.svc-card .imgwrap{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--ink-soft);}
.svc-card .imgwrap img{width:100%;height:100%;object-fit:cover;}
.svc-card .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;background:repeating-linear-gradient(135deg, var(--border) 0 10px, var(--warm) 10px 20px);color:var(--muted-foreground);font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;}
.svc-card .num{position:absolute;top:0;left:0;background:var(--background);color:var(--foreground);padding:8px 12px;font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:0.7rem;letter-spacing:0.15em;}
.svc-card h3{margin-top:22px;font-size:1.05rem;font-weight:700;text-transform:uppercase;}
.svc-card p.desc{margin-top:10px;font-size:0.9rem;line-height:1.6;color:var(--muted-foreground);}
.svc-card ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;}
.svc-card li{font-size:0.85rem;color:var(--muted-foreground);display:flex;gap:8px;}
.svc-card li::before{content:"";width:4px;height:4px;background:var(--brand);border-radius:0;margin-top:8px;flex-shrink:0;}
.disclaimer{margin-top:44px;max-width:640px;font-size:0.72rem;line-height:1.6;color:var(--muted-foreground);}

/* FILTER */
.filters{margin-top:44px;display:flex;flex-wrap:wrap;gap:8px;}
.filter-btn{border:1px solid var(--border-strong);padding:10px 16px;font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted-foreground);background:transparent;cursor:pointer;transition:all .2s;}
.filter-btn.active{border-color:var(--brand);background:var(--brand);color:var(--brand-foreground);}
.filter-btn:hover:not(.active){border-color:var(--fg-page);color:var(--fg-page);}

/* PROJECTS MASONRY */
.masonry{margin-top:44px;columns:1;gap:24px;}
@media(min-width:640px){.masonry{columns:2;}}
@media(min-width:1024px){.masonry{columns:3;}}
.proj-card{break-inside:avoid;margin-bottom:24px;display:block;}
.proj-card .imgwrap{position:relative;overflow:hidden;background:var(--ink);}
.proj-card .imgwrap img{width:100%;object-fit:cover;aspect-ratio:4/3;}
.proj-card .imgwrap.tall img{aspect-ratio:3/4;}
.proj-card .tag{position:absolute;top:14px;left:14px;background:color-mix(in oklch, var(--background) 95%, transparent);color:var(--foreground);padding:6px 10px;font-size:0.65rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;}
.proj-card .body{border-bottom:1px solid var(--border);padding-block:20px;}
.proj-card h3{margin-top:10px;font-size:1rem;font-weight:700;text-transform:uppercase;}
.proj-card .loc{margin-top:6px;font-size:0.82rem;color:var(--muted-foreground);}
.proj-card .desc{margin-top:10px;font-size:0.85rem;line-height:1.6;color:var(--muted-foreground);}
.proj-card .mat{margin-top:10px;font-size:0.72rem;color:color-mix(in oklch, var(--muted-foreground) 85%, transparent);}

/* BEFORE AFTER */
.ba-grid{margin-top:52px;display:grid;gap:36px;}
@media(min-width:1024px){.ba-grid{grid-template-columns:repeat(3,1fr);}}
.ba-card .frame{position:relative;aspect-ratio:3/4;background:repeating-linear-gradient(135deg, var(--border) 0 12px, var(--card) 12px 24px);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;}
.ba-card .frame span{font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-foreground);line-height:1.6;}
.ba-card .frame .badge{position:absolute;top:14px;left:14px;background:color-mix(in oklch, var(--background) 92%, transparent);color:var(--foreground);padding:5px 10px;font-size:0.6rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;}
.ba-card .frame .badge.after{left:auto;right:14px;background:var(--brand);color:var(--brand-foreground);}
.ba-slider{overflow:hidden;cursor:ew-resize;background:none;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;}
.ba-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;}
.ba-slider .ba-before-img{z-index:1;}
.ba-slider .ba-after-img{z-index:2;clip-path:inset(0 0 0 var(--pos, 50%));}
.ba-slider .ba-handle{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:2px;background:var(--brand);z-index:3;transform:translateX(-1px);pointer-events:none;}
.ba-slider .ba-handle::after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:999px;border:2px solid var(--brand);background:color-mix(in oklch, var(--background) 90%, transparent);transform:translate(-50%,-50%);}
.ba-slider .ba-range{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:85%;margin:0;accent-color:var(--brand);cursor:ew-resize;z-index:5;}

.ba-card h3{margin-top:20px;font-size:1rem;font-weight:700;text-transform:uppercase;}
.ba-card p{margin-top:8px;font-size:0.85rem;line-height:1.6;color:var(--muted-foreground);}

/* LUXURY BAND */
.luxury{position:relative;overflow:hidden;background:var(--ink);color:var(--ink-foreground);}
.luxury img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.luxury::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.62) 50%, rgba(0,0,0,0.25) 100%);}
.luxury-inner{position:relative;z-index:2;padding-block:96px;}
@media(min-width:768px){.luxury-inner{padding-block:150px;}}
.luxury h2{font-size:clamp(1.9rem,4.6vw,3.4rem);max-width:640px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.6);}
.luxury .body{margin-top:26px;max-width:520px;display:flex;flex-direction:column;gap:14px;line-height:1.7;font-size:1.05rem;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.8);}

/* WHY GRID */
.why-grid{margin-top:56px;display:grid;gap:1px;background:var(--border);}
@media(min-width:768px){.why-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.why-grid{grid-template-columns:repeat(3,1fr);}}
.why-card{background:var(--warm);border-top:2px solid transparent;padding:32px 28px;transition:.3s;}
.why-card:hover{border-top-color:var(--steel);background:var(--card);}
.why-card .n{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:0.2em;color:var(--steel);}
.why-card h3{margin-top:18px;font-size:1.05rem;font-weight:700;text-transform:uppercase;}
.why-card p{margin-top:10px;font-size:0.88rem;line-height:1.6;color:var(--muted-foreground);}

/* PROCESS */
.process-list{margin-top:56px;display:grid;gap:34px;list-style:none;padding:0;}
@media(min-width:768px){.process-list{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1280px){.process-list{grid-template-columns:repeat(5,1fr);}}
.process-list li{border-top:1px solid var(--border-strong);padding-top:20px;}
.process-list .n{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:1.7rem;color:var(--brand);}
.process-list h3{margin-top:12px;font-size:0.95rem;font-weight:700;text-transform:uppercase;}
.process-list p{margin-top:10px;font-size:0.86rem;line-height:1.6;color:var(--muted-foreground);}

/* QUALITY */
.quality-grid{display:grid;gap:40px;}
@media(min-width:1024px){.quality-grid{grid-template-columns:1fr 1fr;gap:80px;}}
.quality-grid h2{font-size:clamp(1.9rem,4.4vw,3.2rem);}
.quality-grid .body{display:flex;flex-direction:column;gap:16px;line-height:1.7;color:oklch(0.962 0.005 92 / 72%);}

/* TESTIMONIALS */
.testi-grid{margin-top:50px;display:grid;gap:22px;}
@media(min-width:768px){.testi-grid{grid-template-columns:repeat(3,1fr);}}
.testi-card{border:1px dashed var(--border-strong);background:var(--card);padding:34px 30px;}
.testi-card .quote{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-size:1.9rem;line-height:1;color:var(--brand);}
.testi-card p.body{margin-top:18px;line-height:1.6;color:var(--muted-foreground);}
.testi-card .who{margin-top:30px;font-size:0.68rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:color-mix(in oklch, var(--muted-foreground) 70%, transparent);}

/* CTA BAND */
.cta-band{text-align:center;}
.cta-band h2{font-size:clamp(1.9rem,4.6vw,3.2rem);max-width:680px;margin-inline:auto;}
.cta-band p{margin:22px auto 0;max-width:520px;line-height:1.7;color:var(--muted-foreground);}
.cta-band .ctas{margin-top:34px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:stretch;}
@media(min-width:640px){.cta-band .ctas{flex-direction:row;align-items:center;}}
.cta-band .btn-brand,.cta-band .btn-outline{display:inline-block;padding:17px 34px;}
.cta-band .btn-outline{border:0;background:var(--ink);color:#fff;text-shadow:none;}
.cta-band .btn-outline:hover{background:var(--ink-soft);}

/* CONTACT */
.contact-grid{display:grid;gap:56px;}
@media(min-width:1024px){.contact-grid{grid-template-columns:0.85fr 1fr;gap:88px;}}
.contact-info p.lede{margin-top:22px;max-width:420px;line-height:1.7;color:oklch(0.962 0.005 92 / 70%);}
.contact-dl{margin-top:44px;border-top:1px solid oklch(0.962 0.005 92 / 15%);padding-top:36px;display:flex;flex-direction:column;gap:26px;}
.contact-dl .row{position:relative;padding-left:36px;}
.contact-dl svg{position:absolute;left:0;top:2px;color:var(--brand);width:20px;height:20px;}
.contact-dl dt{font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:oklch(0.962 0.005 92 / 45%);}
.contact-dl dd{margin:6px 0 0;}
.contact-dl a.big{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:1.25rem;}
/* The form card stays light in both themes, so pin the light tokens inside it. */
.form-card{--card:oklch(1 0 0);--border:oklch(0.898 0.004 90);--border-strong:oklch(0.8 0.005 90);--muted-foreground:oklch(0.505 0.006 60);color-scheme:light;background:var(--ink-foreground);color:var(--foreground);border-top:4px solid var(--steel);padding:30px;}
@media(min-width:768px){.form-card{padding:46px;}}
.field{display:flex;flex-direction:column;gap:9px;margin-top:20px;}
.field:first-child{margin-top:0;}
.field label{font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted-foreground);}
.field-row{display:grid;grid-template-columns:1fr;gap:14px;}@media(min-width:480px){.field-row{grid-template-columns:1fr 1fr;gap:22px;}}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--border-strong);background:var(--card);padding:13px 14px;font-size:1rem;font-family:inherit;color:var(--foreground);outline:none;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--steel);}
.submit-btn{margin-top:24px;width:100%;background:var(--brand);color:var(--brand-foreground);padding:17px;font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s;}
.submit-btn:hover{background:var(--steel);}
.privacy-note{margin-top:14px;font-size:0.72rem;line-height:1.6;color:var(--muted-foreground);}
.form-error{margin-top:14px;font-size:0.85rem;line-height:1.5;color:var(--brand);}
.hp-field{display:none;}
.sent-msg{display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center;text-align:center;outline:none;}
.sent-check{width:52px;height:52px;background:var(--brand);color:var(--brand-foreground);display:flex;align-items:center;justify-content:center;}

/* FOOTER */
footer{background:oklch(0.15 0.004 92);color:var(--ink-foreground);padding-block:64px;}
.foot-grid{display:grid;gap:40px;}
@media(min-width:768px){.foot-grid{grid-template-columns:2fr 1fr 1fr;}}
footer .tag{margin-top:22px;color:var(--brand);}
footer .desc{margin-top:14px;max-width:280px;font-size:0.88rem;line-height:1.6;color:oklch(0.962 0.005 92 / 60%);}
footer h4{font-size:0.6875rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:oklch(0.962 0.005 92 / 40%);}
footer ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:11px;font-size:0.9rem;color:oklch(0.962 0.005 92 / 75%);}
footer ul a:hover{color:var(--brand);}
.foot-bottom{margin-top:52px;border-top:1px solid oklch(0.962 0.005 92 / 15%);padding-top:28px;display:flex;flex-direction:column;gap:10px;font-size:0.72rem;color:oklch(0.962 0.005 92 / 45%);}
@media(min-width:768px){.foot-bottom{flex-direction:row;justify-content:space-between;}}

/* MOBILE MENU */
.mobile-menu{position:fixed;inset:0;z-index:60;background:var(--ink);color:var(--ink-foreground);padding:24px;display:none;flex-direction:column;overflow-y:auto;}
.mobile-menu.open{display:flex;}
.mobile-menu .top{display:flex;align-items:center;justify-content:space-between;}
.mobile-menu nav{margin-top:50px;display:flex;flex-direction:column;gap:26px;}
.mobile-menu nav a{font-family:"Archivo",ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:1.8rem;text-transform:uppercase;}
.mobile-menu .bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px;}

.mobile-callbar{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--brand);color:var(--brand-foreground);display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;font-size:0.85rem;}
@media(min-width:768px){.mobile-callbar{display:none;}}
@media(max-width:767px){body{padding-bottom:52px;}}

.note-badge{display:inline-block;margin-top:10px;font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted-foreground);}

/* REVEAL ON SCROLL (matches Lovable's Reveal component) */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 900ms cubic-bezier(0.16,1,0.3,1), transform 900ms cubic-bezier(0.16,1,0.3,1);}
.reveal-in{opacity:1;transform:none;}
@media(prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none;}}