
:root{--ink:#10252c;--muted:#56666b;--aqua:#0e8c80;--sand:#f5f3ed;--line:#dce5e2;--white:#fff;--accent:#e7b26a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.58 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(1200px,calc(100% - 40px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:82px}.brand img{width:145px;max-height:54px;object-fit:contain}.nav{display:flex;gap:27px;font-size:14px;font-weight:650}.nav a:hover,.text-link:hover{color:var(--aqua)}.header-actions{display:flex;align-items:center;gap:17px}.phone{white-space:nowrap;font-weight:800}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:11px 22px;border-radius:8px;font-weight:750;border:1px solid transparent;cursor:pointer;text-align:center}.btn-primary{background:var(--aqua);color:#fff}.btn-primary:hover{background:#087468}.btn-outline{border-color:rgba(255,255,255,.65);color:#fff}.btn-light{background:#eef7f5;color:#07685f}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;cursor:pointer}.hero{position:relative;isolation:isolate;background:#0b2429;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/img/kronas-open-ceiling-install.jpg') center 45%/cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092126f2 0%,#092126d8 48%,#09212670 100%)}.hero-inner{min-height:620px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:75px;padding:72px 0}.eyebrow,.overline{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:17px 0 21px;max-width:760px}h2{font-size:clamp(30px,3.3vw,46px);line-height:1.18;letter-spacing:-.035em;margin:13px 0 18px}h3{font-size:21px;line-height:1.25;margin:0 0 12px}.hero-copy{font-size:19px;color:#dae6e5;max-width:650px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:40px}.hero-point{border-left:2px solid var(--accent);padding-left:14px;max-width:180px}.hero-point strong,.hero-point span{display:block}.hero-point strong{font-size:19px}.hero-point span{font-size:13px;color:#d3e2e0}.quote-card{background:#fff;color:var(--ink);padding:32px;border-radius:18px;box-shadow:0 24px 70px #051c2280}.quote-card p{color:var(--muted)}.quote-card h3{font-size:27px}.form-field{display:block;margin:12px 0}.form-field input{width:100%;padding:15px;border:1px solid #cbdad6;border-radius:8px;outline:0}.form-field input:focus{border-color:var(--aqua)}.form-field.is-error input{border-color:#b94f4f}.field-error{color:#aa4040;font-size:12px}.consent-field{display:flex;gap:9px;font-size:12px;line-height:1.4;color:var(--muted);margin:16px 0}.consent-field input{align-self:start}.consent-field a{text-decoration:underline}.consent-field.is-error{color:#aa4040}.kronas-form .btn{width:100%}.form-message{font-size:13px;margin-top:10px}.form-message.is-error{color:#a23d3d}.form-message.is-success{color:#087468}.section{padding:95px 0}.section-alt{background:var(--sand)}.section-dark{background:#10292e;color:#fff}.section-head{max-width:790px;margin-bottom:35px}.section-head .lead{font-size:18px;color:var(--muted)}.section-dark .lead{color:#bdcccb}.grid-3,.grid-4{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:12px}.card p{color:var(--muted);margin-bottom:0}.card .number{color:var(--aqua);font-weight:800;display:block;margin-bottom:18px}.service-card{display:flex;flex-direction:column;min-height:250px}.service-card p{flex:1}.service-card .text-link{margin-top:22px;color:var(--aqua);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{width:100%;height:480px;object-fit:cover;border-radius:14px}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{padding:11px 0 11px 31px;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--aqua);font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.process .card{background:#17383d;border-color:#315157;color:#fff}.process p{color:#cad7d6}.process .number{color:var(--accent)}.photo-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.photo-grid figure{margin:0;position:relative;min-height:310px;overflow:hidden;border-radius:12px;background:#dce5e2}.photo-grid img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-grid figcaption{position:absolute;left:15px;bottom:15px;background:#10252cd9;color:#fff;padding:8px 12px;border-radius:5px;font-size:13px}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:19px}.faq-item summary{cursor:pointer;font-weight:750}.faq-item p{color:var(--muted);margin:14px 0 0}.cta-panel{background:#dceeea;border-radius:18px;padding:55px;display:grid;grid-template-columns:1fr 380px;gap:65px;align-items:center}.cta-panel .lead{color:#49605e}.cta-form{background:#fff;padding:24px;border-radius:12px}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-links{display:grid;gap:12px;margin:25px 0}.contact-links a{padding:15px;border:1px solid var(--line);border-radius:8px;display:flex;justify-content:space-between;gap:15px}.contact-links span{color:var(--muted)}.map-box{background:#0f373a url('/assets/img/kronas-sea-view-install.jpg') center/cover;border-radius:15px;min-height:350px;display:flex;align-items:end;color:#fff;overflow:hidden}.map-box div{padding:30px;width:100%;background:linear-gradient(transparent,#071d20ed)}.site-footer{background:#0b2429;color:#d6e2e0;padding:48px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer-inner img{width:130px}.footer-text{max-width:400px}.footer-legal{font-size:13px}.footer-legal a{text-decoration:underline}.mobile-sticky{display:none}.article-hero{background:#10292e;color:#fff;padding:80px 0}.breadcrumbs{font-size:13px;color:#b4cecb;margin-bottom:24px}.breadcrumbs a{text-decoration:underline}.article-body{max-width:820px;margin:75px auto;padding:0 20px}.article-body h2{font-size:30px;margin-top:40px}.article-body p,.article-body li{font-size:18px;color:#43575b}.article-body li{margin:10px 0}.article-body .cta-box{background:#e5f2ef;padding:30px;border-radius:12px;margin-top:45px}.article-body .cta-box p{font-size:16px}.article-body img{border-radius:12px;margin:30px 0}.service-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.service-links a{color:var(--aqua);text-decoration:underline;font-weight:700}@media(max-width:1000px){.nav{gap:14px}.header-actions .phone{display:none}.hero-inner{gap:30px}.process{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 28px,1200px)}.header-inner{min-height:66px}.brand img{width:115px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 15px 25px #10252c23;flex-direction:column}.nav.open{display:flex}.header-actions .btn{min-height:40px;padding:8px 12px;font-size:13px}.hero-inner{grid-template-columns:1fr;padding:58px 0}.hero-points{gap:15px;margin-top:25px}.quote-card{padding:24px}.section{padding:65px 0}.grid-3,.grid-4,.split,.contacts,.faq-list,.cta-panel{grid-template-columns:1fr}.split{gap:30px}.split img{height:310px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid figure{min-height:220px}.photo-grid figure:first-child{grid-column:span 2;min-height:290px}.cta-panel{padding:24px;gap:18px}.process{grid-template-columns:1fr 1fr}.mobile-sticky{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:9px 15px;gap:8px;box-shadow:0 -4px 20px #0002;z-index:25}.mobile-sticky .btn{flex:1}.site-footer{padding-bottom:95px}}@media(max-width:440px){h1{font-size:38px}.hero-point{max-width:135px}.process,.photo-grid{grid-template-columns:1fr}.photo-grid figure:first-child{grid-column:auto}.photo-grid figure{min-height:240px}.contact-links a{display:block}}

/* 2026-10-07 mobile hardening */
body{overflow-x:hidden}
@media(max-width:760px){
  .header-actions{display:none}
  .header-inner{gap:14px}
  .hero-inner{min-height:auto}
  .hero-buttons{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-buttons .btn{width:100%}
  .quote-card{width:100%;min-width:0}
  .hero-copy{font-size:17px}
}
@media(max-width:440px){
  h1{font-size:clamp(34px,10.5vw,38px)}
  .hero-point{max-width:none;flex:1 1 140px}
}

@media(max-width:760px){.container{width:calc(100
@media(max-width:760px){.container{width:calc(100% - 28px);max-width:1200px}.header-inner{position:relative}.menu-toggle{display:block;margin-left:auto;flex:0 0 auto}}
