/* V13 authored visual layer — lightweight, additive, conversion-safe */
:root{--v13-accent:#2563eb;--v13-accent-2:#0f766e;--v13-ink:#152033;--v13-bg:#f7f8fb;--v13-surface:#fff;--v13-muted:#5b6473;--v13-line:rgba(15,23,42,.13);--v13-radius:14px;--v13-shadow:0 14px 36px rgba(15,23,42,.10);--v13-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--v13-head:var(--v13-font)}
html{scroll-behavior:smooth}body{font-family:var(--v13-font);text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--v13-head);letter-spacing:-.025em}.eyebrow{letter-spacing:.105em;font-weight:800}.site-header{backdrop-filter:saturate(130%) blur(10px)}
.btn,.button,.header-cta,button[type="submit"],input[type="submit"]{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;position:relative;isolation:isolate}.btn.primary,.button.primary,.hero .button:not(.secondary),.hero-actions .button:not(.secondary),.header-cta,.nav-cta,button[type="submit"]{background:var(--v13-cta-bg,var(--v13-accent))!important;color:var(--v13-cta-ink,#fff)!important;border-color:color-mix(in srgb,var(--v13-accent),#000 16%)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--v13-accent),transparent 72%)}.btn.primary:hover,.button.primary:hover,.hero .button:not(.secondary):hover,.hero-actions .button:not(.secondary):hover,.header-cta:hover,.nav-cta:hover,button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 11px 24px color-mix(in srgb,var(--v13-accent),transparent 64%)}.btn.primary:active,.button.primary:active,.hero .button:not(.secondary):active,.hero-actions .button:not(.secondary):active,.header-cta:active,.nav-cta:active,button[type="submit"]:active{transform:translateY(0) scale(.985)}.btn.secondary,.button.secondary{background:var(--v13-surface)!important;color:var(--v13-ink)!important;border:1px solid color-mix(in srgb,var(--v13-ink),transparent 68%)!important}.btn.secondary:hover,.button.secondary:hover{border-color:var(--v13-accent)!important;color:var(--v13-accent)!important;transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--v13-accent),#fff 30%)!important;outline-offset:3px!important}
.card,.cap,.panel,.form-card,.hero-card,.vf-decision-card,.market-card,.listing-card{border-color:var(--v13-line)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover,.cap:hover,.vf-decision-card:hover,.market-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--v13-accent),transparent 52%)!important;box-shadow:var(--v13-shadow)}
.v13-hero-panel{color:var(--v13-ink);align-self:stretch;min-height:260px;border:1px solid var(--v13-line);border-radius:calc(var(--v13-radius) + 4px);background:var(--v13-surface);box-shadow:var(--v13-shadow);padding:24px;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:hidden}.v13-hero-panel:before{content:attr(data-kicker);display:block;color:var(--v13-accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.v13-panel-row{display:grid;grid-template-columns:minmax(82px,.5fr) 1.5fr;gap:18px;padding:13px 0;border-top:1px solid var(--v13-line);align-items:baseline}.v13-panel-row:first-of-type{border-top:0}.v13-panel-row span{font-size:.78rem;color:var(--v13-muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.v13-panel-row b{font-size:1rem}.v13-panel-foot{margin-top:10px;font-size:.82rem;color:var(--v13-muted);display:flex;align-items:center;gap:8px}.v13-panel-foot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--v13-accent-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--v13-accent-2),transparent 84%)}
body[data-v13-family="industrial"]{--v13-bg:#0d1218;--v13-surface:#151c24;--v13-ink:#f4f7fa;--v13-muted:#a8b2bf;--v13-line:rgba(255,255,255,.13);--v13-radius:9px;--v13-shadow:0 18px 46px rgba(0,0,0,.28);--v13-head:"Arial Narrow","Aptos Narrow","Segoe UI",sans-serif}body[data-v13-family="industrial"] .eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}body[data-v13-family="industrial"] .v13-hero-panel{background:linear-gradient(180deg,#18212b,#111820);border-left:3px solid var(--v13-accent)}
body[data-v13-family="property"]{--v13-bg:#f5f7fb;--v13-surface:#fff;--v13-ink:#12223a;--v13-muted:#617087;--v13-radius:15px;--v13-shadow:0 16px 42px rgba(30,64,175,.09)}body[data-v13-family="property"] .hero{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(245,247,251,.65))}
body[data-v13-family="rental"]{--v13-bg:#fffaf3;--v13-surface:#fffdf9;--v13-ink:#18372f;--v13-muted:#6d7069;--v13-radius:18px;--v13-shadow:0 16px 38px rgba(54,71,64,.10);--v13-head:Georgia,"Times New Roman",serif}body[data-v13-family="rental"] h1,body[data-v13-family="rental"] h2{font-weight:700}body[data-v13-family="rental"] .eyebrow{font-family:var(--v13-font)}
body[data-v13-family="professional"]{--v13-bg:#f8f5ef;--v13-surface:#fffdf9;--v13-ink:#242a32;--v13-muted:#696a6c;--v13-radius:8px;--v13-head:Georgia,"Times New Roman",serif;--v13-shadow:0 16px 38px rgba(52,43,32,.09)}body[data-v13-family="professional"] .btn.primary,body[data-v13-family="professional"] .header-cta{border-radius:6px!important}
body[data-v13-family="local"]{--v13-bg:#fff8f5;--v13-surface:#fff;--v13-ink:#30242d;--v13-muted:#74656d;--v13-radius:20px;--v13-shadow:0 16px 38px rgba(92,54,72,.10);--v13-head:Georgia,"Times New Roman",serif}
body[data-v13-family="tech"]{--v13-bg:#0b1020;--v13-surface:#121a2e;--v13-ink:#f5f7fb;--v13-muted:#aeb8cf;--v13-line:rgba(255,255,255,.14);--v13-radius:11px;--v13-shadow:0 18px 44px rgba(0,0,0,.30);--v13-head:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body[data-v13-family="tech"] .eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}body[data-v13-family="tech"] .v13-hero-panel{background:#11192b}
body[data-v13-family="network"]{--v13-bg:#07111f;--v13-surface:#0d1a2b;--v13-ink:#f3f8ff;--v13-muted:#9fb0c7;--v13-line:rgba(255,255,255,.14);--v13-radius:10px;--v13-shadow:0 20px 50px rgba(0,0,0,.34)}body[data-v13-family="network"] .v13-hero-panel{background:#0c1929;border-color:rgba(47,129,247,.38)}
.v13-site-stamp{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--v13-muted)}.v13-site-stamp:before{content:"";width:18px;height:2px;background:var(--v13-accent)}
@media(max-width:760px){.v13-hero-panel{min-height:auto;padding:18px}.v13-panel-row{grid-template-columns:1fr;gap:4px}.btn,.header-cta,button{transition-duration:.12s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.button,.header-cta,.card,.cap,.vf-decision-card,.market-card{transition:none!important;transform:none!important}}

body{--v13-accent:#f97316;--v13-accent-2:#64748b;--v13-cta-ink:#081016;--v13-cta-bg:#f97316;}
body[data-v13-site="globalcommercialroofing.com"] .brand-mark{color:#f97316!important}
body[data-v13-site="globalcommercialroofing.com"] .eyebrow{color:#f97316!important}

/* Family silhouette: kinship without cloning */
body[data-v13-family="industrial"] .card,body[data-v13-family="industrial"] .cap,body[data-v13-family="industrial"] .form-card{border-radius:7px!important}body[data-v13-family="industrial"] .btn,body[data-v13-family="industrial"] .header-cta{border-radius:6px!important}
body[data-v13-family="property"] .card,body[data-v13-family="property"] .service-card,body[data-v13-family="property"] .form-card{border-radius:15px!important}
body[data-v13-family="rental"] .card,body[data-v13-family="rental"] .market-card,body[data-v13-family="rental"] .hero-card{border-radius:18px!important}
body[data-v13-family="professional"] .card,body[data-v13-family="professional"] .hero-card{border-radius:6px!important}body[data-v13-family="professional"] h1{letter-spacing:-.035em}
body[data-v13-family="local"] .card,body[data-v13-family="local"] .hero-card{border-radius:21px!important}
body[data-v13-family="tech"] .card,body[data-v13-family="tech"] .hero-card{border-radius:10px!important}body[data-v13-family="tech"] h1{letter-spacing:-.045em}
body[data-v13-family="network"] .card,body[data-v13-family="network"] .hero-card{border-radius:9px!important}


/* V13.1 authored differentiation hardening — no operational DOM changes */
body{background:var(--v13-bg)}
.site-header{border-bottom:1px solid var(--v13-line)}
.hero,.rmh-hero{position:relative;isolation:isolate}
.hero h1,.rmh-hero h1{max-width:16ch}
.hero .lede,.rmh-hero .lede{max-width:62ch}
.hero-actions,.actions{gap:12px}

/* Three real composition silhouettes per family. These alter rhythm/surface, not conversion order. */
body[data-v13-variant="1"] .hero,body[data-v13-variant="1"] .rmh-hero{border-bottom:1px solid var(--v13-line)}
body[data-v13-variant="1"] .hero:after,body[data-v13-variant="1"] .rmh-hero:after{content:"";position:absolute;left:max(18px,calc((100vw - 1180px)/2));bottom:-1px;width:92px;height:4px;background:var(--v13-accent);pointer-events:none}
body[data-v13-variant="1"] .section:first-of-type{padding-top:clamp(54px,7vw,92px)}

body[data-v13-variant="2"] .hero,body[data-v13-variant="2"] .rmh-hero{margin-top:18px;margin-left:auto;margin-right:auto;width:min(1220px,calc(100% - 28px));border:1px solid var(--v13-line);border-radius:calc(var(--v13-radius) + 8px);overflow:hidden;box-shadow:0 18px 48px color-mix(in srgb,var(--v13-ink),transparent 92%)}
body[data-v13-variant="2"] .hero.shell{padding-left:clamp(22px,4vw,54px);padding-right:clamp(22px,4vw,54px)}
body[data-v13-variant="2"] .proof-strip,body[data-v13-variant="2"] .quick-strip{margin-top:18px}

body[data-v13-variant="3"] .hero,body[data-v13-variant="3"] .rmh-hero{border-top:5px solid var(--v13-accent);border-bottom:1px solid var(--v13-line)}
body[data-v13-variant="3"] .hero h1,body[data-v13-variant="3"] .rmh-hero h1{letter-spacing:-.04em}
body[data-v13-variant="3"] .hero .eyebrow,body[data-v13-variant="3"] .rmh-hero .eyebrow{display:inline-flex;align-items:center;gap:9px}
body[data-v13-variant="3"] .hero .eyebrow:before,body[data-v13-variant="3"] .rmh-hero .eyebrow:before{content:"";width:24px;height:2px;background:var(--v13-accent)}

/* Industrial: field-engineered, not generic SaaS. */
body[data-v13-family="industrial"] .site-header{background:#0c1117;color:#eef3f7;border-color:rgba(255,255,255,.12)}
body[data-v13-family="industrial"] .site-header a{color:inherit}
body[data-v13-family="industrial"] .hero{background:#f3f5f6}
body[data-v13-family="industrial"] .hero h1{font-weight:850;text-transform:none}
body[data-v13-family="industrial"] .hero .eyebrow{font-size:.72rem}
body[data-v13-family="industrial"][data-v13-variant="1"] .hero{box-shadow:inset 7px 0 0 var(--v13-accent)}
body[data-v13-family="industrial"][data-v13-variant="2"] .hero{background:#fff;border-color:#c9d0d7}
body[data-v13-family="industrial"][data-v13-variant="2"] .hero:before{content:"FIELD BRIEF";position:absolute;right:18px;top:16px;font:800 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#66717c}
body[data-v13-family="industrial"][data-v13-variant="3"] .hero{background:#121a22;color:#eef4f7;border-bottom-color:#26323d}
body[data-v13-family="industrial"][data-v13-variant="3"] .hero .lede,body[data-v13-family="industrial"][data-v13-variant="3"] .hero .eyebrow{color:#c5d0d9}
body[data-v13-family="industrial"][data-v13-variant="3"] .hero .form-card,body[data-v13-family="industrial"][data-v13-variant="3"] .hero .hero-card,body[data-v13-family="industrial"][data-v13-variant="3"] .hero form{color:#17202a}
body[data-v13-family="industrial"] .card,body[data-v13-family="industrial"] .cap{box-shadow:none}

/* Property: calm operations software/service desk. */
body[data-v13-family="property"] .site-header{background:rgba(255,255,255,.94)}
body[data-v13-family="property"] .hero{background:#f7faff}
body[data-v13-family="property"][data-v13-variant="1"] .hero{background:linear-gradient(90deg,#f8fbff 0 63%,#eef5ff 63% 100%)}
body[data-v13-family="property"][data-v13-variant="2"] .hero{background:#fff}
body[data-v13-family="property"][data-v13-variant="2"] .hero:before{content:"";position:absolute;inset:0 0 auto 0;height:8px;background:var(--v13-accent);opacity:.9}
body[data-v13-family="property"][data-v13-variant="3"] .hero{background:#eef4fb;border-top-color:#173a67}
body[data-v13-family="property"] .proof-strip{background:#0e2746;color:#f4f8ff}
body[data-v13-family="property"] .proof-strip span{color:#c5d5e8}

/* Rental: warmer, decision-led, never a card-wall portal aesthetic. */
body[data-v13-family="rental"] .site-header{background:#fffdf8}
body[data-v13-family="rental"] .hero,body[data-v13-family="rental"] .rmh-hero{background:#fff8ee}
body[data-v13-family="rental"][data-v13-variant="1"] .hero,body[data-v13-family="rental"][data-v13-variant="1"] .rmh-hero{background:#f8f3e9}
body[data-v13-family="rental"][data-v13-variant="2"] .hero,body[data-v13-family="rental"][data-v13-variant="2"] .rmh-hero{background:#f1f7f2;border-color:#c9dacd}
body[data-v13-family="rental"][data-v13-variant="3"] .hero,body[data-v13-family="rental"][data-v13-variant="3"] .rmh-hero{background:#fffaf5;border-top-color:#b7553b}
body[data-v13-family="rental"] .market-card{box-shadow:0 8px 24px rgba(43,64,54,.07)!important}
body[data-v13-family="rental"] .market-card:hover{transform:translateY(-2px) rotate(0deg)}

/* Professional: editorial trust, less app-template language. */
body[data-v13-family="professional"] .site-header{background:#fbf8f2}
body[data-v13-family="professional"] .hero{background:#fbf8f2}
body[data-v13-family="professional"] .hero h1{line-height:1.02}
body[data-v13-family="professional"][data-v13-variant="1"] .hero{border-bottom:3px double #cfc6b8}
body[data-v13-family="professional"][data-v13-variant="2"] .hero{background:#fff;border-left:1px solid #d6cec2;border-right:1px solid #d6cec2}
body[data-v13-family="professional"][data-v13-variant="3"] .hero{background:#232931;color:#fff;border-top-color:var(--v13-accent)}
body[data-v13-family="professional"][data-v13-variant="3"] .hero .lede,body[data-v13-family="professional"][data-v13-variant="3"] .hero .eyebrow{color:#d7d9dc}
body[data-v13-family="professional"][data-v13-variant="3"] .hero .v13-hero-panel,body[data-v13-family="professional"][data-v13-variant="3"] .hero .form-card,body[data-v13-family="professional"][data-v13-variant="3"] .hero form{color:#242a32}
body[data-v13-family="professional"] .card:hover{transform:none;border-color:var(--v13-accent)!important}

/* Local/lifestyle: human, neighbourhood/studio feel. */
body[data-v13-family="local"] .site-header{background:#fffdfb}
body[data-v13-family="local"] .hero{background:#fff7f3}
body[data-v13-family="local"][data-v13-variant="1"] .hero{background:#fff8f4}
body[data-v13-family="local"][data-v13-variant="2"] .hero{background:#f5faf7;border-color:#d7e5db}
body[data-v13-family="local"][data-v13-variant="3"] .hero{background:#fff;border-top-color:var(--v13-accent)}
body[data-v13-family="local"] .hero-card{box-shadow:0 14px 34px color-mix(in srgb,var(--v13-accent),transparent 90%)}

/* Tech: specification/product feel; no glowing abstract art. */
body[data-v13-family="tech"] .site-header{background:#0d1322;color:#f3f6ff;border-color:#253149}
body[data-v13-family="tech"] .site-header a{color:inherit}
body[data-v13-family="tech"] .hero{background:#f6f8fc}
body[data-v13-family="tech"][data-v13-variant="1"] .hero{box-shadow:inset 0 -1px 0 #cdd5e2}
body[data-v13-family="tech"][data-v13-variant="2"] .hero{background:#101827;color:#f5f7fb;border-color:#2b3750}
body[data-v13-family="tech"][data-v13-variant="2"] .hero .lede,body[data-v13-family="tech"][data-v13-variant="2"] .hero .eyebrow{color:#bec8da}
body[data-v13-family="tech"][data-v13-variant="2"] .hero .v13-hero-panel,body[data-v13-family="tech"][data-v13-variant="2"] .hero .form-card,body[data-v13-family="tech"][data-v13-variant="2"] .hero form{color:#1a2233}
body[data-v13-family="tech"][data-v13-variant="3"] .hero{background:#fff;border-top-color:var(--v13-accent)}
body[data-v13-family="tech"] .v13-panel-row span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* QuoteCapture: singular network authority treatment. */
body[data-v13-family="network"]{background:#07111f;color:#f3f8ff}
body[data-v13-family="network"] .site-header{background:#07111f;color:#f3f8ff;border-color:#1c314c}
body[data-v13-family="network"] .site-header a{color:inherit}
body[data-v13-family="network"] .hero{background:#091727;color:#f3f8ff;border-top-color:#2f81f7;border-bottom-color:#1b314c}
body[data-v13-family="network"] .hero .lede{color:#b4c2d6}
body[data-v13-family="network"] .section:not(.dark){background:#f5f8fc;color:#102037}
body[data-v13-family="network"] .section:not(.dark) .muted{color:#5e6d82}

/* Interaction family signatures: tactile, quiet, not gimmicky. */
body[data-v13-family="industrial"] .btn:hover,body[data-v13-family="industrial"] .button:hover{transform:translateX(2px)}
body[data-v13-family="property"] .btn:hover,body[data-v13-family="property"] .button:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--v13-accent),transparent 88%),0 9px 22px color-mix(in srgb,var(--v13-accent),transparent 78%)}
body[data-v13-family="rental"] .btn:hover,body[data-v13-family="rental"] .button:hover{transform:translateY(-2px) scale(1.01)}
body[data-v13-family="professional"] .btn:hover,body[data-v13-family="professional"] .button:hover{transform:none;box-shadow:inset 0 -2px 0 currentColor}
body[data-v13-family="local"] .btn:hover,body[data-v13-family="local"] .button:hover{transform:translateY(-2px)}
body[data-v13-family="tech"] .btn:hover,body[data-v13-family="tech"] .button:hover{box-shadow:0 0 0 1px var(--v13-accent),0 8px 22px rgba(0,0,0,.18)}

@media(max-width:760px){body[data-v13-variant="2"] .hero,body[data-v13-variant="2"] .rmh-hero{width:calc(100% - 16px);margin-top:8px;border-radius:14px}body[data-v13-family="property"][data-v13-variant="1"] .hero{background:#f8fbff}.hero h1,.rmh-hero h1{max-width:none}}

/* V13.1 mobile release hardening */
@media(max-width:760px){
html,body{max-width:100%;overflow-x:clip}
.site-header{flex-wrap:wrap;gap:8px;padding-left:14px!important;padding-right:14px!important}
.site-header .nav,.site-header .shell.nav{flex-wrap:wrap;gap:8px;min-width:0}
.brand{min-width:0}.brand span{font-size:.84rem}
.nav-links{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.nav-links>a:not(.nav-cta){display:none}
.header-cta,.nav-cta{font-size:.76rem!important;line-height:1.15!important;padding:9px 11px!important;max-width:44vw;white-space:normal!important;text-align:center}
.hero>*,.hero-grid>*,.shell>*,.facility-rail,.facility-matrix{min-width:0;max-width:100%}
.facility-rail,.facility-matrix{overflow:hidden}
}

/* V13.2 contrast hotfix */
body[data-v13-site="globalcommercialroofing.com"] .hero-panel{background:#ffffff!important;color:#172534!important;border-color:#d5e2ea!important}body[data-v13-site="globalcommercialroofing.com"] .hero-panel .eyebrow,body[data-v13-site="globalcommercialroofing.com"] .hero-panel .route-row span{color:#546779!important}body[data-v13-site="globalcommercialroofing.com"] .hero-panel .route-row b{color:#172534!important}
