:root{
  --primary:#102A36;
  --primary-2:#173B49;
  --accent:#F2A640;
  --accent-hover:#e59a34;
  --bg:#F8F7F3;
  --surface:#FFFFFF;
  --surface-alt:#EEF1EF;
  --text:#34454D;
  --muted:#69787E;
  --line:#DDE3E0;
  --success:#2F6B50;
  --radius-sm:8px;
  --radius-md:16px;
  --radius-lg:24px;
  --shadow:0 16px 40px rgba(16,42,54,.08);
  --container:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(calc(100% - 40px),var(--container));margin:0 auto}
.narrow{max-width:820px}
.center{text-align:center}
.section{padding:104px 0}
.section-soft{background:var(--surface-alt)}
.section-dark{background:var(--primary);color:#fff}
.eyebrow{margin:0 0 14px;color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}
h1,h2,h3{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.08;letter-spacing:-.025em;margin:0 0 18px;color:var(--primary)}
.section-dark h1,.section-dark h2,.section-dark h3{color:#fff}
h1{font-size:clamp(42px,5vw,68px)}
h2{font-size:clamp(32px,4vw,48px)}
h3{font-size:24px}
p{margin:0 0 18px}.microcopy{font-size:14px;opacity:.8}.text-link{font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;font-weight:800;border:1px solid transparent;transition:.18s ease;cursor:pointer;text-align:center}
.btn-primary{background:var(--accent);color:var(--primary)}
.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}
.btn-secondary{background:transparent;border-color:var(--primary);color:var(--primary)}
.btn-secondary:hover{background:var(--primary);color:#fff}
.btn-ghost{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,247,243,.94);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.18s}
.site-header.is-scrolled{border-color:var(--line);box-shadow:0 6px 20px rgba(16,42,54,.05)}
.header-inner{height:82px;display:flex;align-items:center;gap:26px}
.brand{margin-right:auto}.brand-wordmark{font-family:Manrope,Inter,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.05em;color:var(--primary)}.brand-wordmark span{color:var(--accent)}
.custom-logo{max-height:48px;width:auto}
.primary-nav .menu{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}.primary-nav a{font-size:15px;font-weight:700}.primary-nav a:hover{color:#000}
.header-cta{min-height:46px;padding:0 18px;font-size:14px}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-weight:800}
.hero{padding:86px 0 78px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.hero-copy>p:not(.eyebrow):not(.microcopy){max-width:720px}.hero-lead{font-size:24px;font-weight:700;color:#fff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 12px}.placeholder-media{min-height:500px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#294d5a,#18303b);display:flex;align-items:center;justify-content:center;padding:40px;border:1px solid rgba(255,255,255,.12)}.placeholder-media>div{text-align:center}.placeholder-media strong{display:block;font-size:20px}.placeholder-media span{display:block;margin-top:8px;opacity:.75}.placeholder-media.compact{min-height:330px;color:#fff}
.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{padding:30px 24px;border-right:1px solid var(--line)}.trust-grid>div:last-child{border-right:0}.trust-grid strong{display:block;font:800 28px/1 Manrope,Inter,sans-serif;color:var(--primary);margin-bottom:8px}.trust-grid span{font-size:14px;color:var(--muted)}
.section-heading{max-width:760px;margin-bottom:46px}.section-heading p:last-child{color:var(--muted)}.row-heading{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.row-heading>a{font-weight:800;color:var(--primary)}
.card-grid{display:grid;gap:22px}.service-grid{grid-template-columns:repeat(4,1fr)}.service-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:.18s ease}.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.service-card-media{height:170px;background:linear-gradient(135deg,#dfe6e2,#cfd9d4);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:800}.service-card-body{padding:24px}.service-card-body p{font-size:15px;color:var(--muted)}.service-card-body span{font-weight:800;color:var(--primary)}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.problem-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.problem-list span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-weight:700}
.statement{text-align:center}.statement h2{font-size:clamp(38px,5vw,60px)}.statement p:last-child{max-width:760px;margin:0 auto;opacity:.8}
.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.compare-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px}.compare-card .tag{display:inline-flex;padding:7px 10px;background:var(--surface-alt);border-radius:999px;font-size:13px;font-weight:800;margin-bottom:18px}.compare-card ul{padding-left:20px}.compare-card a{font-weight:800}.compare-grid+.center{margin-top:28px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.steps>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px}.steps strong{font-size:32px;color:var(--accent);font-family:Manrope,Inter,sans-serif}.steps p{font-size:15px;color:var(--muted)}
.lead-section{background:#173742;color:#fff}.lead-section h2{color:#fff}.lead-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.lead-points{display:flex;flex-direction:column;gap:8px;margin-top:28px}.lead-form{background:#fff;color:var(--text);border-radius:var(--radius-lg);padding:30px;display:grid;gap:18px}.lead-form label{display:grid;gap:7px;font-size:14px;font-weight:800}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #cfd8d3;background:#fff;color:var(--text);border-radius:10px;padding:13px 14px;font:inherit;font-size:16px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:3px solid rgba(242,166,64,.25);border-color:var(--accent)}.form-note,.form-dev-note{font-size:12px;color:var(--muted);margin:0}.form-dev-note{padding:10px;border-radius:8px;background:var(--surface-alt)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.project-card img,.project-placeholder{aspect-ratio:4/3;object-fit:cover;background:#dfe6e2;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:800}.project-card-body{padding:22px}.project-card-body h2,.project-card-body h3{font-size:22px}.project-card-body p{font-size:15px;color:var(--muted)}.single-project-image{border-radius:var(--radius-lg);margin-bottom:30px}
.tech-grid,.b2b-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.b2b-actions{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.faq-section details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:12px}.faq-section summary{font-weight:800;cursor:pointer;color:var(--primary)}.faq-section details p{margin:14px 0 0;color:var(--muted)}.faq-section .center{margin-top:28px}
.final-cta{background:#fff}.final-cta p{max-width:720px;margin-left:auto;margin-right:auto}.page-hero{padding:72px 0}.page-hero p{max-width:760px}.page-hero.section-dark p{opacity:.8}
.site-footer{background:#0b2029;color:#cdd8dc;padding:72px 0 84px}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-cta h2{color:#fff;max-width:720px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px;padding:52px 0}.footer-grid h3{color:#fff;font-size:16px}.footer-grid a,.footer-grid span{display:block;margin:8px 0;color:#cdd8dc;font-size:14px}.footer-brand{color:#fff;margin-bottom:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:grid;gap:8px;font-size:13px}.legal-links{display:flex;gap:18px}
.mobile-bar{display:none}
@media(max-width:1080px){.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.primary-nav .menu{gap:14px}.primary-nav a{font-size:14px}.header-cta{display:none}}
@media(max-width:820px){body{font-size:17px;padding-bottom:64px}.container{width:min(calc(100% - 28px),var(--container))}.section{padding:72px 0}.header-inner{height:70px}.nav-toggle{display:block}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:18px 14px}.primary-nav.is-open{display:block}.primary-nav .menu{display:grid;gap:0}.primary-nav .menu li a{display:block;padding:13px 8px;font-size:17px}.hero{padding:62px 0}.hero-grid,.lead-grid,.tech-grid,.b2b-grid,.split{grid-template-columns:1fr;gap:36px}.hero-media{min-height:0}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid>div:nth-child(2){border-right:0}.trust-grid>div{border-bottom:1px solid var(--line)}.trust-grid>div:nth-child(3),.trust-grid>div:nth-child(4){border-bottom:0}.service-grid,.project-grid,.compare-grid{grid-template-columns:1fr}.problem-list{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.row-heading{align-items:flex-start;flex-direction:column}.hero-actions,.b2b-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn,.b2b-actions .btn{width:100%}.footer-cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line);height:64px}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.mobile-bar a:last-child{background:var(--accent);color:var(--primary)}.mobile-bar .is-disabled{color:#9ca9a4;pointer-events:none}.legal-links{flex-wrap:wrap}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.trust-grid strong{font-size:23px}.service-card-media{height:150px}.lead-form{padding:22px}.hero-lead{font-size:21px}}
/* V0.2 — service page + live lead system */
.service-hero{padding:82px 0 72px}.service-hero-grid{align-items:center}.roof-placeholder{background:linear-gradient(135deg,#244a58,#102A36)}
.service-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.prose-large{font-size:20px}.prose-large p{color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:28px}.feature-no{display:block;color:var(--accent);font:800 30px/1 Manrope,Inter,sans-serif;margin-bottom:24px}.feature-card p{font-size:15px;color:var(--muted)}
.compare-section-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.sticky-copy{position:sticky;top:116px}.compare-stack{display:grid;gap:20px}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.decision-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:28px}.decision-card strong{color:var(--accent);font:800 30px/1 Manrope,Inter,sans-serif}.decision-card p{font-size:15px;color:var(--muted)}
.info-callout{
    margin-top:28px;
    background:linear-gradient(135deg,#102a36 0%,#173b49 100%);
    color:#fff;
    border-radius:22px;
    padding:34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.info-callout strong{
    display:block;
    font-family:Manrope,Inter,sans-serif;
    font-size:30px;
    line-height:1.15;
    font-weight:800;
    color:#fff;
}

.info-callout p{
    margin:0;
    max-width:620px;
    font-size:17px;
    line-height:1.7;
    color:rgba(255,255,255,.82);
}

.info-callout-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 24px;
    margin-top:4px;
    background:var(--accent);
    color:var(--primary);
    text-decoration:none;
    font-weight:800;
    border-radius:12px;
}
.roof-steps{grid-template-columns:repeat(3,1fr)}
.form-grid{display:grid;gap:16px}.form-grid.two-col{grid-template-columns:repeat(2,1fr)}.optional{font-weight:500;color:var(--muted)}.consent-row{grid-template-columns:22px 1fr!important;align-items:start;gap:10px!important;font-weight:500!important;line-height:1.45}.consent-row input{width:18px;height:18px;margin-top:2px}.consent-row a{text-decoration:underline}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.form-submit{width:100%}.lead-form.is-submitting{opacity:.72;pointer-events:none}.lead-form .field-error{border-color:#b42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.standalone-lead{align-items:start}.check-list{display:grid;gap:12px;margin-top:28px}.check-list span{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.thank-you{min-height:68vh;display:flex;align-items:center;padding:110px 0}.thank-you h1{font-size:clamp(40px,5vw,62px)}.success-mark{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--primary);font-size:38px;font-weight:900;margin:0 auto 26px}.center-actions{justify-content:center}
@media(max-width:1080px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.service-intro-grid,.compare-section-grid{grid-template-columns:1fr;gap:36px}.sticky-copy{position:static}.decision-grid,.roof-steps{grid-template-columns:1fr}.info-callout{grid-template-columns:1fr}.form-grid.two-col{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.prose-large{font-size:18px}}

/* V0.3 — universal service pages + structured portfolio */
.service-placeholder{background:linear-gradient(135deg,#294d5a,#102a36)}
.project-meta-line{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.project-meta-line span{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--surface-alt);color:var(--primary);font-size:12px;font-weight:800}.project-foam{font-weight:700;color:var(--primary)!important}.project-empty{grid-column:1/-1;max-width:520px}.project-pagination{margin-top:42px}.project-pagination .nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-pagination a,.project-pagination span{display:inline-flex;min-width:42px;height:42px;padding:0 12px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700}.project-pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-state{max-width:720px;padding:36px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-lg)}
.project-hero{padding-bottom:58px}.project-statbar{background:#fff;border-bottom:1px solid var(--line)}.project-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.project-stats>div{padding:24px 18px;border-right:1px solid var(--line)}.project-stats>div:last-child{border-right:0}.project-stats span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.project-stats strong{display:block;color:var(--primary);font:800 17px/1.25 Manrope,Inter,sans-serif;word-break:break-word}.project-featured{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:56px}.project-featured img{width:100%;max-height:760px;object-fit:cover}.project-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-story-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:30px}.project-story-grid article h2{font-size:26px}.project-story-grid article p:last-child{color:var(--muted)}.project-body{margin-top:52px}.project-date{margin-top:32px;color:var(--muted)}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-gallery a{display:block;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-alt)}.project-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.18s ease}.project-gallery a:hover img{transform:scale(1.015)}
@media(max-width:1080px){.project-stats{grid-template-columns:repeat(3,1fr)}.project-stats>div:nth-child(3n){border-right:0}.project-stats>div:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:820px){.project-story-grid,.project-gallery{grid-template-columns:1fr}.project-stats{grid-template-columns:repeat(2,1fr)}.project-stats>div{border-bottom:1px solid var(--line)}.project-stats>div:nth-child(3n){border-right:1px solid var(--line)}.project-stats>div:nth-child(2n){border-right:0}.project-stats>div:nth-last-child(-n+2){border-bottom:0}.project-featured{margin-bottom:36px}}
@media(max-width:520px){.project-stats{grid-template-columns:1fr}.project-stats>div,.project-stats>div:nth-child(3n),.project-stats>div:nth-child(2n){border-right:0;border-bottom:1px solid var(--line)}.project-stats>div:last-child{border-bottom:0}}
.project-filter-section{background:#fff;border-bottom:1px solid var(--line)}.project-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:14px;align-items:end;padding:24px 0}.project-filters label{display:grid;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.project-filters select{min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font:inherit;font-size:15px;text-transform:none;letter-spacing:0}.project-filters .btn{min-height:48px}.filter-reset{height:48px;display:flex;align-items:center;font-size:14px;font-weight:800;color:var(--primary)}
@media(max-width:980px){.project-filters{grid-template-columns:1fr 1fr}.project-filters .btn,.filter-reset{width:100%}}
@media(max-width:620px){.project-filters{grid-template-columns:1fr}}

/* V0.4 — PUR knowledge core + structured material database */
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.material-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 24px rgba(16,42,54,.04)}.material-card-media{display:block}.material-card-media img,.material-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#dfe7e3,#eef1ef);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.material-placeholder.large{aspect-ratio:4/3;border-radius:var(--radius-lg)}.material-card-body{padding:26px}.material-card-body h3{font-size:24px}.material-meta-line{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.material-meta-line span{padding:5px 8px;border-radius:999px;background:var(--surface-alt);font-size:12px;font-weight:800;color:var(--primary)}.material-detail-grid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:start}.material-detail-image{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px}.material-detail-image img{width:100%;height:auto}.material-spec-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;position:sticky;top:112px}.material-specs{margin:0}.material-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.material-specs dt{color:var(--muted);font-size:14px}.material-specs dd{margin:0;text-align:right;font-weight:800;color:var(--primary)}.material-note{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.material-note p{font-size:15px;color:var(--muted);margin-top:8px}.material-doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.material-doc{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;display:grid;gap:8px}.material-doc strong{font:800 24px/1 Manrope,Inter,sans-serif;color:var(--primary)}.material-doc span{font-size:13px;color:var(--muted)}.material-doc:hover{border-color:var(--primary);transform:translateY(-1px)}
.compare-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}.pur-compare-table{width:100%;border-collapse:collapse;min-width:720px}.pur-compare-table th,.pur-compare-table td{padding:20px 22px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.pur-compare-table th{background:var(--primary);color:#fff;font:800 15px/1.3 Manrope,Inter,sans-serif}.pur-compare-table td:first-child{font-weight:800;color:var(--primary);width:22%}.pur-compare-table tr:last-child td{border-bottom:0}.thickness-scale{display:flex;gap:14px;align-items:end;min-height:150px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:auto}.thickness-scale>div{min-width:82px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px}.thickness-scale span{display:block;width:46px;background:var(--accent);border-radius:7px 7px 2px 2px}.thickness-scale strong{font-size:13px;color:var(--primary);white-space:nowrap}.formula-card{margin-top:22px;background:var(--primary);color:#fff;border-radius:var(--radius-md);padding:28px;display:grid;gap:8px}.formula-card>strong{font-family:Manrope,Inter,sans-serif;font-size:20px}.formula-card>span{font:800 36px/1.1 Manrope,Inter,sans-serif;color:var(--accent)}.formula-card p{margin:0;opacity:.78}.pur-fact-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1080px){.material-grid{grid-template-columns:repeat(2,1fr)}.material-doc-grid,.pur-fact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.material-detail-grid{grid-template-columns:1fr;gap:34px}.material-spec-panel{position:static}.material-grid{grid-template-columns:1fr}.material-doc-grid,.pur-fact-grid{grid-template-columns:1fr}.material-specs>div{grid-template-columns:1fr;gap:4px}.material-specs dd{text-align:left}}

/* V0.5 — company pages, knowledge center, FAQ, breadcrumbs */
.breadcrumb-wrap{background:var(--bg);border-bottom:1px solid var(--line)}.breadcrumbs{min-height:46px;display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);overflow:auto;white-space:nowrap}.breadcrumbs a{font-weight:700;color:var(--primary)}.breadcrumb-sep{opacity:.45}
.company-hero{padding:86px 0}.company-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.company-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px}.company-card h2{font-size:28px}.company-card p:last-child{color:var(--muted)}.company-note{margin-top:32px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.contact-list{display:grid;gap:14px;margin-top:30px}.contact-list>div{padding:20px 0;border-bottom:1px solid var(--line)}.contact-list strong{display:block;color:var(--primary);font:800 14px/1.3 Manrope,Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.contact-list a{font-weight:800;color:var(--primary)}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px;align-items:start}.faq-sidebar{position:sticky;top:122px}.faq-sidebar .btn{margin-top:12px}.faq-main details:first-child{margin-top:0}.faq-answer{margin-top:14px;color:var(--muted)}.faq-answer p:last-child{margin-bottom:0}
.knowledge-tax{padding:0;border-bottom:1px solid var(--line)}.knowledge-tabs{min-height:70px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.knowledge-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:800}.knowledge-tabs a.is-active,.knowledge-tabs a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.article-media{display:block}.article-media img,.article-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover;background:linear-gradient(135deg,#dfe6e2,#cbd8d2);display:flex;align-items:center;justify-content:center;padding:30px;color:var(--muted);font-weight:800;text-align:center}.article-card-body{padding:28px}.article-card-body h2{font-size:27px}.article-card-body>p:not(.eyebrow){color:var(--muted);font-size:16px}.article-title-wrap{max-width:900px}.article-hero{padding:78px 0}.article-deck{font-size:22px;color:var(--text);max-width:800px}.article-byline{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:13px;font-weight:700}.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(260px,360px);gap:70px;justify-content:center;align-items:start}.article-content{font-size:18px}.article-content h2{margin-top:52px;font-size:34px}.article-content h3{margin-top:36px}.article-content ul,.article-content ol{padding-left:24px}.article-featured{overflow:hidden;border-radius:var(--radius-lg);margin-bottom:40px}.article-featured img{width:100%}.article-side{position:sticky;top:122px}.article-cta{background:var(--primary);color:#fff;border-radius:var(--radius-lg);padding:30px}.article-cta h3{color:#fff}.article-cta p:not(.eyebrow){opacity:.78}.article-sources{border-top:1px solid var(--line);margin-top:58px;padding-top:32px}.article-sources h2{margin-top:0;font-size:28px}.article-sources p{font-size:14px;color:var(--muted);padding:8px 0;margin:0;border-bottom:1px solid var(--line)}
@media(max-width:1080px){.article-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,760px);gap:34px}.article-side{position:static}.article-cta{max-width:760px}}
@media(max-width:820px){.company-section-grid,.contact-grid,.faq-layout,.article-grid{grid-template-columns:1fr}.faq-sidebar{position:static}.company-hero,.article-hero{padding:62px 0}.knowledge-tabs{padding:14px 0}.article-deck{font-size:19px}.article-content h2{font-size:30px}}
.legal-content{max-width:860px}.legal-content>section{padding:30px 0;border-bottom:1px solid var(--line)}.legal-content>section:first-of-type{padding-top:0}.legal-content h2{font-size:30px}.legal-content p{color:var(--muted)}.legal-updated{margin-top:32px;font-size:14px}.admin-draft-note{margin-bottom:32px;padding:18px 20px;border:1px solid #f2a640;background:#fff7e8;border-radius:12px;color:#5c4521}

/* V0.6 — global settings, dropdown navigation, dynamic contact actions */
.header-actions{display:flex;align-items:center;gap:14px}.header-phone{display:grid;gap:1px;text-align:right;line-height:1.1}.header-phone-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.header-phone strong{font-size:14px;color:var(--primary);white-space:nowrap}
.primary-nav .menu>li{position:relative}.primary-nav .menu>.menu-item-has-children{display:flex;align-items:center}.primary-nav .sub-menu{position:absolute;left:-16px;top:100%;z-index:80;min-width:270px;margin:0;padding:10px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 46px rgba(16,42,54,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:.16s ease}.primary-nav .sub-menu li{display:block}.primary-nav .sub-menu a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.35;white-space:normal}.primary-nav .sub-menu a:hover,.primary-nav .sub-menu a:focus{background:var(--surface-alt);color:var(--primary)}.primary-nav .menu-item-has-children:hover>.sub-menu,.primary-nav .menu-item-has-children:focus-within>.sub-menu,.primary-nav .menu-item-has-children.submenu-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.submenu-toggle{position:relative;width:22px;height:34px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--primary);flex:0 0 22px}.submenu-toggle:before{content:"";position:absolute;left:7px;top:11px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:.16s}.submenu-toggle[aria-expanded="true"]:before{top:14px;transform:rotate(225deg)}.submenu-toggle:focus-visible,.nav-toggle:focus-visible{outline:3px solid rgba(242,166,64,.35);outline-offset:2px}
.footer-socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.footer-grid .footer-socials a{display:inline-flex;margin:0;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px;font-weight:800}.footer-grid .footer-socials a:hover{border-color:var(--accent);color:#fff}.mobile-bar span{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
@media(max-width:1240px){.header-phone{display:none}.primary-nav .menu{gap:14px}.primary-nav a{font-size:14px}}
@media(max-width:1080px){.header-actions{display:none}}
@media(max-width:820px){
  body.nav-open{overflow:hidden}.header-inner{position:relative}.brand{margin-right:auto}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.primary-nav{max-height:calc(100vh - 70px - 64px);overflow:auto;box-shadow:0 18px 35px rgba(16,42,54,.1)}
  .primary-nav .menu>li{border-bottom:1px solid var(--line)}.primary-nav .menu>li:last-child{border-bottom:0}.primary-nav .menu>.menu-item-has-children{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center}.primary-nav .menu li>a{min-width:0}.primary-nav .menu>.menu-item-has-children>.submenu-toggle{grid-column:2;grid-row:1;width:48px;height:50px;border-left:1px solid var(--line)}
  .primary-nav .sub-menu{display:none;position:static;grid-column:1/-1;min-width:0;width:100%;margin:0;padding:4px 0 12px 14px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:rgba(255,255,255,.45);opacity:1;visibility:visible;pointer-events:auto;transform:none}.primary-nav .menu-item-has-children:hover>.sub-menu,.primary-nav .menu-item-has-children:focus-within>.sub-menu{display:none}.primary-nav .menu-item-has-children.submenu-open>.sub-menu{display:block}.primary-nav .sub-menu a{padding:10px 12px;font-size:15px;font-weight:650}
}

/* V0.7 — real media system, hero images, before/after comparison, social image support */
.hero-media-image{min-height:500px;border-radius:var(--radius-lg);overflow:hidden;background:#17303b;border:1px solid rgba(255,255,255,.12)}
.hero-media-image .hero-visual{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}
.service-hero .hero-media-image{min-height:480px}.service-hero .hero-media-image .hero-visual{min-height:480px}
.service-card-media.has-image{padding:0;background:#dfe6e2}.service-card-media.has-image img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.service-card:hover .service-card-media.has-image img{transform:scale(1.035)}
.tech-media{min-height:330px;border-radius:var(--radius-lg);overflow:hidden;background:#dfe6e2}.tech-media .tech-visual{width:100%;height:100%;min-height:330px;object-fit:cover}
.project-comparison-section{overflow:hidden}.before-after{max-width:1100px;margin:0 auto}.before-after-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-lg);background:#dfe6e2;box-shadow:var(--shadow);isolation:isolate}.before-after-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.after-image-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--ba-position)) 0 0);overflow:hidden}.after-image{inset:0}.before-after-divider{position:absolute;z-index:4;left:var(--ba-position);top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(16,42,54,.15)}.before-after-divider span{position:absolute;top:50%;left:50%;width:48px;height:48px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 8px 24px rgba(16,42,54,.2)}.before-after-divider span:before,.before-after-divider span:after{content:"";position:absolute;top:17px;width:10px;height:10px;border-top:2px solid var(--primary);border-left:2px solid var(--primary)}.before-after-divider span:before{left:10px;transform:rotate(-45deg)}.before-after-divider span:after{right:10px;transform:rotate(135deg)}.before-after-range{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.before-after-label{position:absolute;z-index:5;top:18px;padding:7px 10px;border-radius:999px;background:rgba(16,42,54,.84);color:#fff;font:800 12px/1 Manrope,Inter,sans-serif;letter-spacing:.07em}.label-before{left:18px}.label-after{right:18px;background:rgba(242,166,64,.94);color:var(--primary)}
@media(max-width:820px){.hero-media-image,.hero-media-image .hero-visual{min-height:330px}.service-hero .hero-media-image,.service-hero .hero-media-image .hero-visual{min-height:320px}.before-after-stage{aspect-ratio:4/3}.before-after-divider span{width:42px;height:42px}.before-after-divider span:before,.before-after-divider span:after{top:14px}}

/* V0.8 — consent, production readiness, 404 */
.consent-banner[hidden]{display:none!important}.consent-banner{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:24px;background:rgba(8,25,32,.48);backdrop-filter:blur(4px)}.consent-card{width:min(920px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px rgba(16,42,54,.28);padding:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px}.consent-main h2{font-size:30px;margin-bottom:8px}.consent-main p{margin-bottom:0;color:var(--muted)}.consent-actions{display:flex;flex-direction:column;gap:9px;min-width:250px}.consent-actions .btn{width:100%;font-size:12px;padding:13px 16px}.consent-customize,.footer-cookie-button{appearance:none;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}.consent-options{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:8px}.consent-options[hidden]{display:none}.consent-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border:1px solid var(--line);border-radius:12px}.consent-option span{display:grid;gap:2px}.consent-option small{color:var(--muted)}.consent-option input{width:20px;height:20px}.footer-cookie-button{padding:0;color:rgba(255,255,255,.74);font-size:13px}.footer-cookie-button:hover{color:#fff}.error-404{min-height:60vh;display:flex;align-items:center}.center-text{text-align:center}.center-actions{justify-content:center}
@media(max-width:760px){.consent-banner{padding:12px}.consent-card{grid-template-columns:1fr;padding:22px;gap:18px;max-height:90vh;overflow:auto}.consent-actions{min-width:0}.consent-main h2{font-size:26px}}

/* V1.0 — release visual polish, form UX and accessibility */
html{scroll-padding-top:96px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}.skip-link{position:fixed;left:16px;top:12px;z-index:10050;transform:translateY(-160%);padding:11px 15px;border-radius:10px;background:var(--accent);color:var(--primary);font-weight:800;box-shadow:var(--shadow)}.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(242,166,64,.58);outline-offset:3px}.section-dark :where(a,button,input,select,textarea,summary):focus-visible{outline-color:#fff}.brand-wrap{margin-right:auto;display:flex;align-items:center}.brand{margin-right:0;display:inline-flex;align-items:center}.custom-logo-link{display:inline-flex;align-items:center}.nav-toggle{min-width:106px;gap:9px}.nav-toggle-icon{width:18px;display:grid;gap:4px}.nav-toggle-icon i{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hero.section-dark{background:radial-gradient(circle at 78% 22%,rgba(242,166,64,.11),transparent 28%),linear-gradient(145deg,#102a36,#0b2029)}.hero-copy h1{max-width:820px}.hero-copy>p:not(.eyebrow){max-width:760px}.trustbar{box-shadow:0 9px 28px rgba(16,42,54,.035)}.service-card,.project-card,.article-card,.company-card,.compare-card,.steps>div{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover,.article-card:hover,.company-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ccd8d2}.btn:active{transform:translateY(0)}.btn[disabled]{cursor:wait;opacity:.72;transform:none}.text-link,.project-card-link{ text-underline-offset:4px}.text-link:hover,.project-card-link:hover{text-decoration:underline}
.lead-form{box-shadow:0 22px 58px rgba(7,27,35,.15)}.lead-form-head{padding-bottom:4px;border-bottom:1px solid var(--line)}.form-title{display:block;font:800 24px/1.15 Manrope,Inter,sans-serif;color:var(--primary);letter-spacing:-.02em;margin-bottom:8px}.lead-form-head p{font-size:14px;color:var(--muted);margin:0 0 14px}.field-help{font-size:12px;line-height:1.45;font-weight:500;color:var(--muted)}.field-message{font-size:12px;line-height:1.4;font-weight:700;color:#9f241b}.form-alert{display:grid;gap:3px;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.45}.form-alert[hidden]{display:none!important}.form-alert-error{background:#fff1ef;border:1px solid #efc1bb;color:#7d211a}.form-alert strong{color:inherit}.lead-form .field-error,.lead-form [aria-invalid="true"]{border-color:#b42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.11)}.lead-form.is-submitting{opacity:.82}.lead-form.is-submitting .form-submit{position:relative}.consent-row input{min-width:20px;min-height:20px}
.project-card{height:100%;display:flex;flex-direction:column}.project-card-media{display:block;overflow:hidden;background:#dfe6e2}.project-card-media img,.project-card-media .project-placeholder{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .28s ease}.project-card:hover .project-card-media img{transform:scale(1.025)}.project-card-body{display:flex;flex:1;flex-direction:column}.project-meta-line{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.project-meta-line span{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--surface-alt);color:var(--primary);font-size:12px;font-weight:800}.project-foam{font-weight:700}.project-card-link{margin-top:auto;padding-top:8px;color:var(--primary);font-size:14px;font-weight:800}.project-featured{overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.project-featured img{width:100%;max-height:760px;object-fit:cover}.project-gallery a{overflow:hidden;border-radius:14px;background:#dfe6e2}.project-gallery img{transition:transform .25s ease}.project-gallery a:hover img{transform:scale(1.02)}
.project-filter-section{padding:28px 0;border-bottom:1px solid var(--line);background:#fff}.project-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px}.project-filters label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--primary)}.project-filters select{min-height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 38px 0 12px;color:var(--text)}.filter-reset{grid-column:1/-1;width:max-content;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.project-pagination{margin-top:42px}.project-pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.project-pagination .page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:800}.project-pagination .current{background:var(--primary);border-color:var(--primary);color:#fff}
.mobile-bar a,.mobile-bar span{min-height:54px}.mobile-bar{padding-bottom:env(safe-area-inset-bottom)}.site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
@media(max-width:1080px){.project-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.project-filters .btn{min-height:48px}}
@media(max-width:820px){html{scroll-padding-top:78px}.hero{padding:50px 0 58px}.hero-grid{gap:30px}.hero-lead{font-size:20px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.section-heading{margin-bottom:32px}.project-filters{grid-template-columns:1fr}.project-filters .btn{width:100%}.project-grid{grid-template-columns:1fr}.lead-form{padding:22px}.form-grid.two-col{grid-template-columns:1fr}.footer-cta{align-items:flex-start;flex-direction:column}.footer-cta .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.legal-links{flex-wrap:wrap}.project-statbar{overflow-x:auto}.project-stats{min-width:max-content}.before-after-label{top:10px}.label-before{left:10px}.label-after{right:10px}}
@media(max-width:620px){h1{font-size:clamp(38px,11.5vw,48px)}h2{font-size:clamp(30px,9vw,38px)}.container{width:min(calc(100% - 24px),var(--container))}.section{padding:62px 0}.service-grid,.compare-grid,.problem-list,.trust-grid,.footer-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:22px 18px}.trust-grid>div:last-child{border-bottom:0}.service-card-media{height:210px}.footer-grid{gap:28px}.nav-toggle-text{font-size:13px}.lead-form{border-radius:18px;padding:18px}.consent-card{border-radius:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.service-card:hover,.project-card:hover,.article-card:hover,.company-card:hover,.btn-primary:hover{transform:none}.service-card:hover img,.project-card:hover img,.project-gallery a:hover img{transform:none}}

/* V1.0 release cleanup */
.brand-placeholder{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.brand-placeholder strong{font:800 clamp(28px,4vw,52px)/1 Manrope,Inter,sans-serif;letter-spacing:-.04em}.brand-placeholder span{font-weight:700;opacity:.72}.service-card-no-image{min-height:240px;display:flex;align-items:stretch}.service-card-no-image .service-card-body{display:flex;flex:1;flex-direction:column;justify-content:center}.service-card-no-image .service-card-body span{margin-top:auto;padding-top:16px}.mobile-bar{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
@media(max-width:640px){.service-card-no-image{min-height:0}.brand-placeholder{min-height:180px}}
/* =========================================
   PUTUPRO HERO V2
   ========================================= */

.hero {
    position: relative;
    overflow: hidden;
    padding: 72px 0;
    min-height: 620px;
    display: flex;
    align-items: center;
    background:
        radial-gradient(circle at 70% 40%, rgba(242,166,64,.08), transparent 38%),
        linear-gradient(135deg, #0b202a 0%, #102a36 55%, #173b49 100%);
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    align-items: center;
    gap: clamp(24px, 3vw,48px);
}

.hero-copy {
    position: relative;
    z-index: 2;
    max-width: 690px;
}

.hero .eyebrow {
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 20px;
}

.hero h1 {
    color: #fff;
    font-size: clamp(46px, 5vw, 72px);
    line-height: .98;
    letter-spacing: -.035em;
    margin: 0 0 26px;
    max-width: 760px;
}

.hero-lead {
    color: rgba(255,255,255,.92);
    font-size: clamp(18px, 1.5vw, 21px);
    line-height: 1.55;
    max-width: 650px;
    margin-bottom: 14px;
}

.hero-copy > p:not(.eyebrow):not(.hero-lead):not(.microcopy) {
    color: rgba(255,255,255,.72);
    max-width: 610px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
    margin-bottom: 22px;
}

.hero .btn {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.hero .btn:hover {
    transform: translateY(-2px);
}

.hero .btn-primary {
    background: var(--accent);
    color: #102A36;
    box-shadow: 0 12px 28px rgba(0,0,0,.2);
}

.hero .btn-ghost {
    color: #fff;
    border: 1px solid rgba(255,255,255,.32);
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(8px);
}

.hero .microcopy {
    color: rgba(255,255,255,.62);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

.hero-media {
    position: relative;
    min-width: 0;
}


.hero-hero-image {
    position: relative;
    width: 100%;
    height: 540px;
    object-fit: cover;
    object-position: 68% center;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(0,0,0,.22);
}

/* TABLET */
@media (max-width: 980px) {
    .hero {
        min-height: auto;
        padding: 64px 0;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .hero-copy {
        max-width: 760px;
    }

    .hero-media {
        max-width: 760px;
    }

    .hero-hero-image {
        height: 430px;
    }
}

/* MOBILE */
@media (max-width: 640px) {
    .hero {
        padding: 32px 0 24px;
    min-height: auto;
    }

    .hero h1 {
        font-size: clamp(34px, 10vw, 46px);
    line-height: 1.02;
    }

    .hero-lead {
        font-size: 17px;
    }

    .hero-actions {
        flex-direction: column;
    }

    .hero .btn {
        width: 100%;
    }

    .hero-media::before {
        display: none;
    }

    .hero-hero-image {
        height: 330px;
        border-radius: 16px;
        object-position: 72% center;
    }

    .hero .microcopy {
        font-size: 12px;
    }
}/* PUTUPRO MOBILE HERO FINAL FIX */
@media (max-width: 640px) {

    .hero {
        min-height: 0 !important;
        height: auto !important;
        padding: 32px 0 24px !important;
    }

    .hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: max-content max-content !important;
    gap: 28px !important;
    align-items: start !important;
    align-content: start !important;
}

    .hero-media {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .hero-hero-image {
        display: block !important;
        width: 100% !important;
        height: 330px !important;
        margin: 0 !important;
        object-fit: cover !important;
        object-position: 72% center !important;
        border-radius: 16px !important;
    }
.hero-media,
.hero-grid {
  min-height: 0 !important;
  height: auto !important;
}

.hero {
    min-height: unset !important;
    height: auto !important;
    padding-bottom: 24px !important;
}
.hero > .container {
    min-height: 0 !important;
    height: auto !important;
}
.hero {
    display: block !important;
    min-height: 0 !important;
    height: fit-content !important;
    padding-top: 32px !important;
    padding-bottom: 24px !important;
}

.hero .container.hero-grid {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: fit-content !important;
    gap: 28px !important;
}

.hero-copy,
.hero-media {
    flex: none !important;
    min-height: 0 !important;
    height: auto !important;
}

.hero-hero-image {
    display: block !important;
    width: 100% !important;
    height: 280px !important;
}
}
@media (max-width: 768px) {
    .trustbar {
        padding: 16px 0 !important;
    }

    .trust-grid {
        gap: 0 !important;
    }

   .trust-grid > div {
    padding: 12px 0 !important;
    margin: 0 !important;
   }
    .trust-grid > div:nth-child(3) {
        border-bottom: 1px solid #d9d9d9;
}
}
@media (min-width: 981px) {
    .hero-media {
        display: block !important;
    }

    .hero-hero-image {
        display: block !important;
        width: 100% !important;
        height: 540px !important;
        object-fit: cover !important;
        object-position: 68% center !important;
    }
}
.info-callout{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:18px !important;
    padding:34px !important;
    grid-template-columns:none !important;
}

.info-callout strong{
    display:block !important;
    width:100% !important;
    font-size:30px !important;
}

.info-callout span,
.info-callout p{
    display:block !important;
    width:100% !important;
    max-width:620px !important;
    margin:0 !important;
    font-size:17px !important;
    line-height:1.7 !important;
}

.info-callout a{
    display:inline-flex !important;
    margin-top:4px !important;
    padding:14px 24px !important;
    background:var(--accent) !important;
    color:var(--primary) !important;
    border-radius:12px !important;
}
.trust-graco img{
    display:block;
    width:200px;
    height:auto;
    object-fit:contain;
}

@media (max-width:768px){
    .trust-graco img{
        width:95px;
    }
}
.trust-grid > div:nth-child(3) strong{
    font-size:0 !important;
    display:block !important;
    width:120px !important;
    height:40px !important;
    background-image:url('/wp-content/themes/putupro-theme/assets/img/graco-logo.png') !important;
    background-repeat:no-repeat !important;
    background-position:left center !important;
    background-size:contain !important;
}
.trust-graco{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.trust-graco img{
    margin-left:auto;
    margin-right:auto;
}
.trust-grid > div:nth-child(3){
    text-align:center !important;
}

.trust-grid > div:nth-child(3){
    text-align:right !important;
}

.trust-grid > div:nth-child(3){
    text-align:center !important;
}

.trust-grid > div:nth-child(3) strong{
    margin-left:auto !important;
    margin-right:auto !important;
    background-position:center center !important;
}
/* Hero pogas – vienāds noformējums */
.hero-actions a,
.hero-actions .btn,
.hero-actions .text-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 28px !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    color: var(--text) !important;
    background: transparent !important;
}
/* Hero pogu hover efekts */
.hero-actions a:hover,
.hero-actions .btn:hover,
.hero-actions .text-link:hover {
    background: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
}
/* PutuPro pieeja – tumšās sadaļas uzlabojums */
.section-dark {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.section-dark h2 {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.05 !important;
}

.section-dark p {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    opacity: 0.88 !important;
}

.section-dark .eyebrow {
    margin-bottom: 14px !important;
    letter-spacing: 1.2px !important;
}
/* Hero pogas – gaišākas uz tumša fona */
.hero-actions a,
.hero-actions .btn,
.hero-actions .text-link {
    background: rgba(255,255,255,0.10) !important;
    border-color: rgba(255,255,255,0.85) !important;
    color: #ffffff !important;
}

.hero-actions a:hover,
.hero-actions .btn:hover,
.hero-actions .text-link:hover {
    background: #ffffff !important;
    color: #102A36 !important;
    border-color: #ffffff !important;
}
/* Zināšanu centrs – bildes mobilajā versijā */
@media (max-width: 820px) {

    #main-content > section.section > div > div.article-grid > article:nth-child(1) > a > div.article-placeholder {
        background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-putu-siltinasana-beninos.png') center center / cover no-repeat !important;
        color: transparent !important;
        font-size: 0 !important;
    }

    #main-content > section.section > div > div.article-grid > article:nth-child(2) > a > div.article-placeholder {
        background: url('https://putupro.lv/wp-content/uploads/2026/08/atverto-un-slegto-poru-pur-salidzinajums.png') center center / cover no-repeat !important;
        color: transparent !important;
        font-size: 0 !important;
    }

    #main-content > section.section > div > div.article-grid > article:nth-child(3) > a > div.article-placeholder {
        background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-putu-biezuma-izvele.png') center center / cover no-repeat !important;
        color: transparent !important;
        font-size: 0 !important;
    }
}
/* Zināšanu centra 3 kartītes – pēc raksta adreses */

a.article-media[href*="kas-ir-pur-putu-siltinasana"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-putu-siltinasana-beninos.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
}

a.article-media[href*="atverto-un-slegto-poru"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/atverto-un-slegto-poru-pur-salidzinajums.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
}

a.article-media[href*="ka-izvelas-pur-putu-biezumu"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-putu-biezuma-izvele.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
}
/* Atvērto un slēgto poru PUR */
a.article-media[href*="atverto-vai-slegto-poru-pur"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/atverto-un-slegto-poru-pur-salidzinajums.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
}
/* 3. kartīte – Kā izvēlas PUR putu biezumu? */
.article-media[href*="ka-izvelas-pur-putu-biezumu"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-putu-biezuma-izvele.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
}
/* Kas ir PUR putu siltināšana */
a.article-media[href*="pur-tehnologija"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-putu-siltinasana-beninos.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
}
/* Kas veido PUR siltināšanas cenu */
a.article-media[href*="kas-veido-pur-siltinasanas-cenu"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-siltinasanas-cenas-faktori.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
}
/* Zināšanu centrs – mobilajai versijai problemātiskajām kartītēm */
@media (max-width: 820px) {

  /* Kas veido PUR siltināšanas cenu? */
  a.article-media[href*="kas-veido-pur-siltinasanas-cenu"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-siltinasanas-cenas-faktori.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  /* PUR putas vai minerālvate? */
  a.article-media[href*="pur-vai-mineralvate"] .article-placeholder {
    background: url('https://putupro.lv/wp-content/uploads/2026/08/pur-putu-un-mineralvates-salidzinajums.png') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  /* PUR putas, mitrums un rasas punkts */
  a.article-media[href*="pur-mitrums-rasas-punkts"] .article-placeholder {
    background: url('IEVIETO-TE-PRECIZO-3-BILDES-URL') center center / cover no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
  }

}