:root{--radius:24px}
body{line-height:1.7}
.brand strong{color:#111;font-size:1.8rem;letter-spacing:-.055em;white-space:nowrap}
.brand strong span{color:#e76806}
.brand small{font-size:.68rem;letter-spacing:.18em}
.topline{padding:9px 20px;font-size:.79rem;letter-spacing:.035em}
.nav{box-shadow:0 3px 20px #173f3d05}
.nav-inner{min-height:92px;flex-wrap:wrap}
.links{gap:22px;font-size:.88rem}
.links>a:not(.btn){position:relative;padding:10px 0}
.links>a:not(.btn)::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.links>a:hover::after,.links>a[aria-current=page]::after{transform:scaleX(1)}
.hero{position:relative;isolation:isolate;margin-top:28px;margin-bottom:28px;padding:46px 48px;background:#123e3a;border:1px solid #194b46;border-radius:30px;gap:44px;grid-template-columns:.9fr 1.1fr;overflow:hidden;color:white}
.hero::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 8% 10%,#28625666,transparent 65%);pointer-events:none}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(3.3rem,5.4vw,5.8rem);line-height:1.015;letter-spacing:-.07em;color:white}
.hero h1 em{color:#ffb06b}
.hero-copy .eyebrow{color:#e9f5f1;background:#ffffff0d;border:1px solid #ffffff24;letter-spacing:.1em;padding:9px 12px;font-size:.68rem}
.hero p{color:#d9e9e2;font-size:1rem;line-height:1.7}
.hero .micro{font-size:.82rem;color:#b7d3c8;padding-left:15px;border-left:2px solid #ec8a48}
.hero .btn-outline{color:white;border-color:#a6c4b8;background:transparent}
.hero .btn-outline:hover{background:#ffffff0e;border-color:white}
.hero-media.facade{border:0;border-radius:19px;box-shadow:0 20px 55px #001f2470}
.hero-media.facade img{max-height:none;aspect-ratio:1;object-fit:contain}
.hero-media.facade figcaption{padding:16px 20px;gap:14px;line-height:1.4;color:var(--ink);font-size:.78rem;background:#fff}
.hero-media.facade figcaption strong{font-size:.86rem}
.proof{background:white;border:1px solid var(--line);border-radius:16px;padding:25px 18px;box-shadow:0 12px 32px #143f3b07;gap:0}
.proof>div{padding:0 26px}
.proof strong{font-size:1rem;letter-spacing:-.02em}
.proof span{font-size:.87rem}
.section{padding:95px 0}
.section-head{margin-bottom:42px;gap:50px}
.eyebrow{font-size:.74rem;letter-spacing:.14em;margin-bottom:20px}
h2{letter-spacing:-.055em;line-height:1.1}
.section-head h2{font-size:clamp(2.4rem,3.7vw,3.75rem)}
.section-head p{font-size:1rem;line-height:1.75}
.feature-grid{gap:18px}
.feature{padding:36px;border:1px solid #d7e3df;border-radius:18px;box-shadow:0 6px 18px #153f3a03}
.feature-number{font-size:2.6rem;line-height:1;letter-spacing:-.07em;font-weight:750;margin-bottom:32px;color:#a95a31}
.feature h3{font-size:1.4rem;letter-spacing:-.04em}
.feature p{font-size:.95rem;line-height:1.8}
.feature-grid>.feature:first-child{background:#164b48;color:white;border-color:#164b48}
.feature-grid>.feature:first-child p{color:#d2e6de}
.feature-grid>.feature:first-child .feature-number{color:#ffad78}
.feature-grid>.feature:first-child .text-link{color:white}
.feature-coral{background:#fff1e8;border-color:#efd9cb}
.feature-grid>.feature:last-child{background:#fff;border-color:#c9dcd4}
.card{border-radius:21px;border-color:#d9e5df;box-shadow:0 8px 28px #173f3d06}
.card-photo{padding:20px;background:#f2f5f3;overflow:hidden}
.card-photo img{height:320px;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.card-photo:hover img{transform:scale(1.04)}
.card-photo span{border:1px solid #d8e3de;background:#fffffff2;border-radius:20px;bottom:15px;right:15px;padding:6px 12px}
.card-body{padding:27px}
.card-body h3{font-size:1.35rem;letter-spacing:-.035em}
.card-body p{font-size:.92rem;margin-bottom:24px;line-height:1.75}
.card-foot{padding-top:17px;border-top:1px solid #e2ebe5;gap:10px}
.card-foot .text-link{font-size:.84rem}
.card-foot .price-label{font-size:.72rem;letter-spacing:.06em}
.section-soft{background:#edf5f1}
.split{gap:80px}
.split .photo{box-shadow:0 16px 40px #173f3d10;border-radius:24px}
.split .photo img{height:520px}
.product-focus{background:white!important;border:1px solid var(--line)}
.visit{padding:60px;border-radius:28px;box-shadow:0 20px 55px #163f3b12;background:linear-gradient(125deg,#164b48,#0c3331)}
.visit h2{font-size:clamp(2.8rem,4.3vw,4.4rem);line-height:1.06;letter-spacing:-.06em}
.visit .eyebrow{color:#ffc49f}
.visit-details{border-color:#64897c}
.city-list{gap:11px}
.city-list li{background:white;border-color:#d8e5de;border-radius:100px;padding:11px 19px;box-shadow:0 4px 12px #143f3b04}
.faq details{padding:25px 0}
.faq summary{font-size:1.02rem;line-height:1.5}
.faq summary::marker{color:var(--accent)}
.page-intro{padding-top:72px;padding-bottom:48px;max-width:1030px}
.page-intro h1{font-size:clamp(3.1rem,4.8vw,4.8rem);line-height:1.06;letter-spacing:-.06em}
.page-intro .lead{font-size:1.03rem;line-height:1.8}
.catalog-section{padding:10px 0 65px}
.form-panel,.contact-box{border-radius:24px;box-shadow:0 14px 40px #143f3b08}
.form-panel input,.form-panel select{min-height:50px}
.form-panel input:focus,.form-panel select:focus{border-color:var(--accent)}
.contact-address{background:#eef6f1}
.warranty{border:1px solid #cfe0d7;border-radius:28px;padding:60px}
.warranty-number{font-size:14rem;color:#c26534}
.footer{background:#f7faf8;padding-top:62px}
.footer h3{font-size:.94rem}
.footer li{margin-bottom:11px}
.reveal{opacity:1;transform:none}
.reveal.is-waiting{opacity:0;transform:translateY(24px)}
.reveal.is-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(min-width:1180px){.hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero .actions .btn{padding:14px 15px;font-size:.87rem}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature{padding:29px 25px}.feature h3{font-size:1.25rem;min-height:3.2em}.feature p{font-size:.88rem}.feature .text-link{font-size:.84rem}.feature-number{font-size:3.2rem}.feature-grid>.feature:last-child .feature-number{color:#718e7e}}
@media(max-width:1179px){.hero{padding:35px;gap:32px}.hero h1{font-size:4.4rem}.hero .btn{padding:13px 17px;font-size:.87rem}.hero p{font-size:.94rem}.hero-media.facade figcaption{flex-direction:column;align-items:start;gap:4px}.split{gap:45px}}
@media(max-width:1100px){.links{gap:15px;font-size:.83rem}.links .btn{display:none}.card-body{padding:23px}.card-foot{flex-direction:column;align-items:start}.card-photo img{height:270px}}
@media(max-width:800px){.nav-inner{min-height:78px}.brand strong{font-size:1.7rem}.links{top:78px;font-size:1rem;gap:0}.links>a:not(.btn){padding:13px 0}.hero{grid-template-columns:1fr;padding:32px 26px;border-radius:24px;gap:28px;margin-top:19px;margin-bottom:22px}.hero h1{font-size:clamp(3.6rem,10vw,5.1rem)}.hero p{max-width:630px;font-size:1rem}.hero-copy{padding:0}.hero .actions{display:flex}.hero .actions .btn{padding:15px 23px}.hero .eyebrow{font-size:.66rem;letter-spacing:.07em}.hero-media.facade{max-width:600px;width:100%;margin:auto}.hero-media.facade img{height:auto;aspect-ratio:1}.hero-media.facade figcaption{flex-direction:row;align-items:center;gap:10px;font-size:.76rem}.proof{padding:22px 8px}.proof>div{padding:0 14px}.proof strong{font-size:.85rem}.proof span{font-size:.8rem}.section{padding:65px 0}.section-head{margin-bottom:32px}.section-head h2{font-size:2.55rem}.feature{padding:30px}.feature-number{font-size:2.7rem;margin-bottom:27px}.split{gap:34px}.split .photo img{height:380px}.visit{padding:38px}.visit h2{font-size:2.9rem}.page-intro{padding-top:42px;padding-bottom:35px}.page-intro h1{font-size:clamp(2.85rem,8vw,4rem)}.card-photo img{height:265px}.warranty{padding:36px}.warranty-number{font-size:9rem}.footer{padding-top:45px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.feature-grid{grid-template-columns:1fr}.feature{padding:30px}.feature-number{margin-bottom:24px}.feature h3{font-size:1.4rem}.warranty{grid-template-columns:1fr;padding:30px}.warranty-number{font-size:7rem}.hero-media.facade figcaption{align-items:start;flex-direction:column;gap:4px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .actions .btn{width:100%}.hero-copy .eyebrow{font-size:.59rem;padding:9px 10px;letter-spacing:.06em}.hero h1{font-size:clamp(2.75rem,11vw,3.9rem)}.hero p{font-size:.95rem}.proof{grid-template-columns:1fr;padding:18px 22px;gap:10px}.proof>div{padding:8px 0;border:0;border-bottom:1px solid #e2ebe5;display:flex;flex-direction:column;gap:0}.proof>div:last-child{border:0}.proof strong{font-size:.91rem}.proof span{font-size:.84rem}.visit{padding:30px}.visit h2{font-size:2.5rem}.section-head h2{font-size:2.3rem}.card-foot{flex-direction:row;align-items:center}.card-photo img{height:290px}.city-list li{font-size:.83rem;padding:10px 15px}.contact-box{padding:30px}.page-intro h1{font-size:clamp(2.45rem,9.5vw,3.2rem)}}
@media(prefers-reduced-motion:reduce){.reveal.is-waiting,.reveal.is-visible{opacity:1;transform:none;transition:none}.links>a::after{transition:none}.hero-copy,.hero-media{animation:none}}
@media(max-width:800px){.links{top:100%}.nav-inner{padding-block:12px}}

/* Larger desktop typography; retain the existing smartphone presentation. */
.model-showcase{padding:0 0 65px;scroll-margin-top:190px}
.model-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}
.model-heading>div{max-width:720px}
.model-heading .eyebrow{margin-bottom:12px}
.model-heading h2{margin-bottom:16px}
.model-heading p:last-child{margin-bottom:0;color:var(--muted)}
.model-heading>.btn{flex-shrink:0}
.model-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.model-gallery figure{margin:0;min-width:0}
.model-photo{display:block;width:100%;position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:0;background:var(--soft)}
.model-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
#hourra .model-photo{background:#f7f5f1}
.model-photo span{position:absolute;right:12px;bottom:12px;background:#fffffff2;border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:.8rem;color:var(--ink)}
.model-gallery figcaption{padding:12px 2px;color:var(--muted);font-size:.92rem;line-height:1.5}
@media(max-width:1100px){.model-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){.model-gallery{grid-template-columns:1fr;gap:22px}.model-heading{gap:20px}.model-showcase{padding-bottom:45px;scroll-margin-top:110px}}

@media(min-width:801px){
  html{font-size:125%;scroll-padding-top:190px}
  body{font-size:1rem}
  .nav-inner{padding-block:16px;row-gap:10px}
  .links{font-size:1.4rem;gap:12px 24px;flex-wrap:wrap;flex-shrink:0;max-width:100%}
  .links>a:not(.btn){line-height:1.35;padding-block:8px;white-space:nowrap}
  .hero h1{font-size:clamp(3.8rem,6.2vw,6.8rem)}
  h2,.section-head h2{font-size:clamp(2.6rem,4.2vw,4.4rem)}
  .visit h2{font-size:clamp(3rem,4.9vw,5rem)}
  .page-intro h1{font-size:clamp(3.5rem,5.5vw,5.6rem)}
  .prose h2{font-size:2.4rem}
  .hero-copy .eyebrow{font-size:.78rem;letter-spacing:.07em}
  .hero .actions{display:flex;flex-wrap:wrap;gap:12px}
  .hero .actions .btn{font-size:1rem;padding:15px 20px}
  .hero p{font-size:1.05rem}
  .hero .micro{font-size:.9rem}
  .card-body p,.feature p{font-size:1rem}
  .feature h3{font-size:1.4rem;min-height:0}
  .card-foot{flex-wrap:wrap;align-items:flex-start;row-gap:16px}
  .feature .text-link,.card-foot .text-link{font-size:.95rem}
  .card-foot .price-label{font-size:.85rem}
  .brand small{font-size:.78rem;letter-spacing:.12em}
  .hero-media.facade figcaption{flex-wrap:wrap;font-size:.9rem}
  .hero-media.facade figcaption strong{font-size:1rem}
  .contact-box .number{font-size:clamp(2rem,3.6vw,3.6rem)}
  .footer h3{font-size:1.05rem}
}
@media(min-width:801px) and (max-width:1179px){
  .nav-inner{justify-content:flex-start}
  .links{width:100%;justify-content:space-between;gap:10px 18px}
  .hero{grid-template-columns:1fr 1fr;gap:30px;padding:35px}
  .hero h1{font-size:clamp(3.1rem,6.2vw,4.4rem)}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{gap:35px}
  .visit{padding:40px;gap:30px}
  .visit-details{padding-left:25px}
  .warranty{gap:30px;padding:40px}
  .warranty-number{font-size:9rem}
}

@media(min-width:801px){#xl .model-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.page-intro.has-visual{max-width:none}.has-visual .intro-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center}.intro-copy{min-width:0}.intro-visual{margin:0;overflow:hidden;border-radius:26px}.intro-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.has-visual h1{font-size:clamp(2.8rem,4.3vw,4.4rem)}@media(max-width:800px){.has-visual .intro-content{grid-template-columns:1fr;gap:25px}.has-visual h1{font-size:clamp(2.45rem,9.5vw,3.2rem)}}