/* V4.5 Full-frame mobile + visual story + quotation */
:root{--v45-radius:26px;--v45-dark:#06172e;--v45-blue:#0969f6;--v45-cyan:#20c7ff}
.v45-hero{background:var(--bg-canvas,#fff);overflow:hidden}.v45-hero-media{position:relative;max-width:1500px;margin:0 auto;background:#071a35}.v45-hero-media>img{width:100%;aspect-ratio:3/1.58;object-fit:cover;object-position:center;display:block}.v45-price-badge{position:absolute;right:4.5%;bottom:7%;width:126px;height:126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff2ad,#ffc83d);color:#111827;border:4px solid rgba(255,255,255,.72);box-shadow:0 18px 45px rgba(13,25,52,.26);text-align:center}.v45-price-badge small{font-size:12px;font-weight:850}.v45-price-badge strong{font-size:34px;line-height:1}.v45-price-badge span{font-size:11px;font-weight:850}.v45-hero-copy{padding-top:34px;padding-bottom:45px}.v45-eyebrow,.v45-section-head>span{font-size:12px;letter-spacing:.14em;font-weight:900;color:var(--primary)}.v45-hero-copy h1{font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-.035em;max-width:1000px;margin:9px 0 14px}.v45-hero-copy>p{font-size:18px;line-height:1.75;color:var(--text-secondary,var(--muted));max-width:900px}.v45-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0}.v45-hero-tags span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-default,var(--line));background:var(--bg-surface,var(--surface));padding:8px 11px;border-radius:999px;font-size:14px;font-weight:800}.v45-hero-tags svg{width:16px;color:#10b981}.v45-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.v45-btn-light{background:var(--bg-surface,var(--surface));border:1px solid var(--border-default,var(--line));color:var(--text-primary,var(--text));box-shadow:none}.v45-quickrail{background:var(--bg-subtle,var(--surface2));border-block:1px solid var(--border-subtle,var(--line));padding:15px 0}.v45-quickrail-track{width:min(1400px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.v45-quickrail a{background:var(--bg-surface,var(--surface));border:1px solid var(--border-default,var(--line));border-radius:18px;padding:14px;display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.v45-quickrail i{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:var(--primary-soft,var(--surface2));color:var(--primary);display:grid;place-items:center}.v45-quickrail svg{width:20px}.v45-quickrail strong{font-size:14px;line-height:1.2}.v45-quickrail small{font-size:12.5px;color:var(--text-secondary,var(--muted))}.v45-system-promo{padding:78px 0;background:var(--bg-subtle,var(--surface2))}.v45-section-head{margin-bottom:26px;max-width:900px}.v45-section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:7px 0 9px;letter-spacing:-.025em}.v45-section-head p{font-size:16px;line-height:1.7;color:var(--text-secondary,var(--muted));margin:0}.v45-system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.v45-system-card{background:var(--bg-surface,var(--surface));border:1px solid var(--border-default,var(--line));border-radius:var(--v45-radius);overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.08)}.v45-system-image img{width:100%;aspect-ratio:16/8.8;object-fit:cover}.v45-system-body{padding:22px}.v45-system-body>span{font-size:11px;color:var(--primary);font-weight:900;letter-spacing:.12em}.v45-system-body h3{font-size:24px;margin:4px 0 13px}.v45-module-chips{display:flex;gap:7px;flex-wrap:wrap}.v45-module-chips b{font-size:12.5px;padding:7px 9px;border-radius:10px;background:var(--bg-subtle,var(--surface2));border:1px solid var(--border-subtle,var(--line))}.v45-system-body>a{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:14px;font-weight:850;margin-top:16px}.v45-story{padding:78px 0 0}.v45-story>.v45-section-head{margin-inline:auto}.v45-story-stack{display:grid;gap:0}.v45-story-card{min-height:78vh;display:grid;grid-template-columns:1.12fr .88fr;background:var(--v45-dark);color:#fff;border-top:1px solid rgba(255,255,255,.08)}.v45-story-card.is-reverse{grid-template-columns:.88fr 1.12fr}.v45-story-card.is-reverse .v45-story-media{order:2}.v45-story-media{min-height:520px;overflow:hidden}.v45-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.v45-story-card:hover .v45-story-media img{transform:scale(1.018)}.v45-story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,92px);background:linear-gradient(145deg,#07172d,#0b2447)}.v45-story-copy>span{font-size:12px;letter-spacing:.16em;color:#72d7ff;font-weight:900}.v45-story-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.05;margin:10px 0 16px}.v45-story-copy p{font-size:17px;line-height:1.75;color:#d7e5f4;max-width:620px}.v45-story-copy .btn{align-self:flex-start;margin-top:18px}.v45-bigprice{display:flex;align-items:baseline;gap:8px;margin:7px 0}.v45-bigprice small{font-size:14px}.v45-bigprice strong{font-size:44px;color:#ffd75f}.v45-portfolio-feed{padding:82px 0;background:var(--bg-canvas,var(--bg))}.v45-portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.v45-portfolio-grid article{border-radius:24px;overflow:hidden;background:var(--bg-surface,var(--surface));border:1px solid var(--border-default,var(--line));box-shadow:0 10px 30px rgba(15,23,42,.07)}.v45-portfolio-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.v45-portfolio-grid article div{padding:17px 18px 20px}.v45-portfolio-grid span{font-size:12px;color:var(--primary);font-weight:850}.v45-portfolio-grid h3{font-size:20px;margin:3px 0 8px}.v45-portfolio-grid b{font-size:14px;display:inline-flex;gap:6px;align-items:center}.v45-quote-cta{padding:78px 0;background:linear-gradient(140deg,#06172f,#0b3971);color:#fff}.v45-quote-card{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}.v45-quote-card>div:first-child>span{font-size:12px;letter-spacing:.15em;color:#63d9ff;font-weight:900}.v45-quote-card h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin:8px 0 12px}.v45-quote-card p{max-width:850px;color:#d5e5f6;font-size:16px}.v45-quote-features{display:flex;flex-wrap:wrap;gap:9px}.v45-quote-features span{display:flex;gap:5px;align-items:center;font-size:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:8px 10px;border-radius:999px}.v45-quote-actions{display:grid;gap:10px;min-width:230px}.v45-quote-actions .v45-btn-light{background:#fff;color:#07172d}

/* quotation */
.quote-workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.quote-actions-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.quote-preview-sheet{background:#fff;color:#111827;border-radius:20px;border:1px solid #dfe5ed;box-shadow:0 18px 55px rgba(15,23,42,.10);padding:34px}.quote-preview-head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #0b6cf5;padding-bottom:18px;margin-bottom:20px}.quote-preview-brand{font-size:28px;font-weight:950;color:#071a39}.quote-preview-meta{text-align:right}.quote-preview-meta strong{display:block;font-size:19px}.quote-customer{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#f5f8fc;padding:15px;border-radius:13px;margin-bottom:18px}.quote-table{width:100%;border-collapse:collapse}.quote-table th{background:#071a39;color:#fff;padding:10px;text-align:left;font-size:13px}.quote-table td{padding:11px 10px;border-bottom:1px solid #e3e8ef;font-size:14px}.quote-table .num{text-align:right}.quote-total{width:min(420px,100%);margin:20px 0 0 auto}.quote-total div{display:flex;justify-content:space-between;padding:6px 0}.quote-total .grand{font-size:22px;font-weight:950;border-top:2px solid #111827;margin-top:7px;padding-top:10px}.quote-note{margin-top:24px;border-top:1px solid #e3e8ef;padding-top:14px;font-size:13px;color:#475569}.quote-public-actions{display:flex;gap:10px;justify-content:center;margin:20px 0 0}

@media(max-width:980px){.v45-quickrail-track{display:flex;overflow:auto;scroll-snap-type:x mandatory}.v45-quickrail a{min-width:240px;scroll-snap-align:start}.v45-system-grid{grid-template-columns:1fr}.v45-story-card,.v45-story-card.is-reverse{grid-template-columns:1fr;min-height:0}.v45-story-card.is-reverse .v45-story-media{order:0}.v45-story-media{min-height:420px}.v45-quote-card{grid-template-columns:1fr}.v45-quote-actions{grid-template-columns:1fr 1fr}.quote-workspace{grid-template-columns:1fr}}
@media(max-width:720px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-size:16px!important}.site-header{width:100%!important}.site-header .container.nav{width:100%!important;max-width:none!important;margin:0!important}
  main#main{width:100%!important;max-width:none!important;overflow:hidden}.v45-hero,.v45-system-promo,.v45-story,.v45-portfolio-feed,.v45-quote-cta,.knowledge-section,.footer{width:100vw!important;margin-left:0!important;margin-right:0!important}
  .v45-hero-media{width:100vw;max-width:none}.v45-hero-media>img{aspect-ratio:16/11;height:auto;object-fit:cover;object-position:center}.v45-price-badge{width:86px;height:86px;right:12px;bottom:12px;border-width:3px}.v45-price-badge strong{font-size:22px}.v45-price-badge span{font-size:9px}.v45-hero-copy{width:100%!important;max-width:none!important;padding:22px 18px 28px!important}.v45-hero-copy h1{font-size:clamp(31px,9vw,40px);line-height:1.08;margin:8px 0 10px}.v45-hero-copy>p{font-size:16px;line-height:1.65;margin:0}.v45-eyebrow{font-size:10.5px}.v45-hero-tags{gap:7px;margin:14px 0}.v45-hero-tags span{font-size:13px;padding:7px 9px}.v45-hero-actions{display:grid;grid-template-columns:1fr}.v45-hero-actions .btn{width:100%;min-height:50px;font-size:15px}.v45-quickrail{width:100vw}.v45-quickrail-track{width:100%;padding:0 14px;gap:9px}.v45-quickrail a{min-width:72vw;padding:13px}.v45-system-promo{padding:42px 0}.v45-system-promo>.container,.v45-portfolio-feed>.container,.v45-quote-cta>.container,.knowledge-section>.container{width:100%!important;max-width:none!important;padding-inline:16px!important}.v45-section-head{margin-bottom:18px}.v45-section-head h2{font-size:29px}.v45-section-head p{font-size:15px}.v45-system-grid{width:100%!important;max-width:none!important;padding-inline:0!important;gap:14px}.v45-system-card{border-radius:20px}.v45-system-image img{aspect-ratio:16/10}.v45-system-body{padding:18px}.v45-system-body h3{font-size:21px}.v45-module-chips b{font-size:12.5px}.v45-story{padding-top:45px}.v45-story>.container{width:100%!important;max-width:none!important;padding-inline:18px!important}.v45-story-stack{scroll-snap-type:y proximity}.v45-story-card{min-height:calc(100svh - 72px);display:flex;flex-direction:column;scroll-snap-align:start}.v45-story-media{min-height:0;height:53svh;flex:0 0 53svh}.v45-story-media img{object-position:center}.v45-story-copy{padding:24px 18px 30px;flex:1}.v45-story-copy h2{font-size:34px;margin:7px 0 10px}.v45-story-copy p{font-size:15.5px;line-height:1.65;margin:0}.v45-story-copy .btn{width:100%;margin-top:16px}.v45-bigprice strong{font-size:38px}.v45-portfolio-feed{padding:46px 0}.v45-portfolio-grid{grid-template-columns:1fr;gap:15px}.v45-portfolio-grid article{border-radius:20px}.v45-portfolio-grid img{aspect-ratio:4/3}.v45-portfolio-grid h3{font-size:19px}.v45-quote-cta{padding:44px 0}.v45-quote-card{gap:20px}.v45-quote-card h2{font-size:31px}.v45-quote-card p{font-size:15px}.v45-quote-actions{grid-template-columns:1fr}.knowledge-section{padding:44px 0!important}
  .footer{padding:44px 0 26px!important}.footer>.container{width:100%!important;max-width:none!important;padding-inline:20px!important}.footer-grid{grid-template-columns:1fr!important;gap:26px!important}.footer-grid>div{width:100%!important}.footer .brand-v44{display:flex!important;max-width:100%!important;overflow:visible!important}.footer .brand-wordmark-v44{font-size:26px!important}.footer-brand-copy,.footer a,.footer p,.footer-bottom{font-size:15px!important}.footer-bottom{display:block!important;padding-top:18px!important}
  .builder-layout{display:block!important}.builder-form,.estimate-card{width:100%!important}.page-hero .container,.section>.container{max-width:none}.quote-preview-sheet{padding:20px 15px;border-radius:0}.quote-preview-head,.quote-customer{grid-template-columns:1fr;display:grid}.quote-preview-meta{text-align:left}.quote-table{font-size:12px}.quote-table th,.quote-table td{padding:8px 5px}.quote-public-actions{display:grid;grid-template-columns:1fr}.quote-public-actions .btn{width:100%}
}
/* desktop hero compactness: visual + copy share one viewport band */
@media(min-width:981px){.v45-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);max-width:1500px;margin-inline:auto;min-height:610px}.v45-hero-media{height:100%;min-height:610px;margin:0}.v45-hero-media>img{height:100%;aspect-ratio:auto}.v45-hero-copy{width:100%;max-width:none;margin:0;padding:62px clamp(34px,4vw,72px);display:flex;flex-direction:column;justify-content:center}.v45-hero-copy h1{font-size:clamp(42px,4vw,64px)}.v45-hero-copy>p{font-size:17px}}
.footer .footer-brand-v45{display:inline-flex!important;max-width:320px!important;padding:0!important;background:transparent!important;border:0!important}.footer .footer-brand-v45 img{width:min(300px,76vw)!important;height:auto!important;max-height:76px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:720px){.v45-hero{display:block;max-width:none}.footer .footer-brand-v45{max-width:290px!important}.footer .footer-brand-v45 img{width:min(280px,82vw)!important;max-height:68px!important}}