:root{--ink:#181b21;--muted:#535961;--paper:#f8f7f3;--gold:#efad41;--line:#deded8;--white:#fff;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #997018}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:15px;z-index:100}.skip:focus{top:10px}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.topbar{background:#111318;color:#dbddd9;font-size:12px;letter-spacing:.05em;padding:9px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:15px}.topbar a{text-decoration:none}.nav{background:var(--ink);color:#fff;border-bottom:1px solid #3a3c40}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;height:92px}.logo img{display:block;width:115px;height:72px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--gold);color:#171a20;padding:15px 23px;border:1px solid var(--gold);text-decoration:none;font-weight:700;font-size:14px;line-height:1.35;cursor:pointer;border-radius:3px;transition:background .15s,transform .15s}.btn:hover{background:#ffbd55;transform:translateY(-2px)}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.outline{background:transparent;border-color:#65686d;color:#fff}.btn.small{padding:12px 18px}.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.07fr .93fr;min-height:680px;align-items:center;gap:50px;padding-top:66px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 25px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:25px;height:2px;background:var(--gold);flex:none}.hero h1{font-size:clamp(40px,4.6vw,66px);line-height:1.035;letter-spacing:-.055em;margin:0 0 26px;max-width:780px;font-weight:750;text-wrap:balance}.hero h1 em{color:var(--gold);font-style:normal}.lead{font-size:17px;line-height:1.7;color:#c4c7cd;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.micro{font-size:12px;color:#b8bdc6;max-width:590px}.portrait{position:relative;align-self:stretch;min-height:470px;margin:0}.portrait img{width:100%;height:100%;position:absolute;object-fit:cover;border-radius:3px}.portrait:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(10,13,18,.8))}.photocaption{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;font-size:12px;color:#fff}.photocaption b{font-size:22px;display:block;letter-spacing:-.03em}.stamp{position:absolute;right:-15px;top:24px;width:124px;height:124px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(9deg);z-index:2;font-size:11px;line-height:1.5;text-align:center;box-shadow:0 0 0 7px var(--ink)}.stamp strong{font-size:30px;letter-spacing:-.06em}.trust{border-bottom:1px solid var(--line);background:#fff}.trust .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-top:26px;padding-bottom:26px}.trust p{margin:0;font-size:13px}.trust b{display:block;font-size:15px}.stars{color:#936011;letter-spacing:2px}.section{padding:95px 0}.sectiontitle{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:52px}.kicker{color:#805613;font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:11px;margin:0 0 15px}h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.045em;margin:0;text-wrap:balance}h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 15px}p{margin:0 0 18px}.sectiontitle p{color:var(--muted);margin:0}.editorial{display:grid;grid-template-columns:280px 1fr;gap:90px}.contents{font-size:13px;border-top:2px solid var(--ink);padding-top:22px}.contents ol{padding-left:18px;color:var(--muted)}.contents li{margin-bottom:13px}.contents .aside-call{border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.contents a{font-weight:700}.articles article{padding:0 0 30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.articles article:last-child{border:0;margin:0;padding:0}.articles p{color:var(--muted);font-size:16px}.article-number{font-size:11px;letter-spacing:.08em;color:#805613;display:block;margin-bottom:12px}.band{background:#e9a034;padding:65px 0}.band .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start}.band h2{font-size:39px}.band p{margin:0 0 15px}.band small{font-size:13px;display:block;line-height:1.65}.case{background:#22272e;color:#fff;position:relative}.case .sectiontitle p{color:#c4c7cc}.case .kicker{color:var(--gold)}.case-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.case-grid>div{border-top:1px solid #56595d;padding-top:22px}.case-grid span{color:var(--gold);font-size:12px}.case-grid h3{font-size:19px;margin-top:14px}.case-grid p{color:#c4c7cc;font-size:15px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:75px}.checklist{border-top:2px solid var(--ink)}.checkrow{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:21px 0;cursor:pointer;font-size:15px}.checkrow input{width:23px;height:23px;accent-color:#bc7f21;flex:none}.progress{height:4px;background:#d9d9d2;margin:22px 0 10px}.progress span{display:block;background:#986717;height:100%;width:0;transition:width .2s}.status{font-size:12px;color:var(--muted);margin-bottom:22px}.reviews{background:#eeece5}.reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.review{margin:0;padding:0 0 5px;border-top:1px solid #bebdb6}.review .stars{display:block;margin:22px 0;font-size:17px}.review blockquote{margin:0 0 24px;font-size:24px;letter-spacing:-.03em;line-height:1.4}.review figcaption{font-size:12px;color:var(--muted)}.source{font-size:12px;color:var(--muted);margin:28px 0 0}.faqgrid{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.faqgrid .kicker{margin-bottom:15px}details{border-top:1px solid #c9cac5;padding:21px 0}details:last-child{border-bottom:1px solid #c9cac5}summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;padding-right:32px;position:relative}summary:after{content:'+';position:absolute;right:2px;top:-5px;font-size:26px;font-weight:400}details[open] summary:after{content:'−'}details p{margin:18px 0 2px;color:var(--muted);font-size:15px}.final{padding:85px 0;background:var(--ink);color:#fff}.final h2{font-size:clamp(40px,5vw,67px);max-width:760px;margin-bottom:25px}.final .wrap{display:flex;justify-content:space-between;gap:60px;align-items:center}.final p{color:#c4c7cd;max-width:580px}.final .call{font-size:28px;font-weight:700;display:block;margin:20px 0}.footer{background:#111318;color:#b5bac2;padding:38px 0 84px;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:45px}.footer p{margin-bottom:8px}.footer a{display:inline-block;margin-right:22px}.footer .brand{font-size:18px;font-weight:700;color:#fff;margin-bottom:14px}.mobilebar{display:none}.sources{font-size:12px;margin-top:30px;color:var(--muted)}.sources a{display:block;margin:6px 0}.legal{max-width:850px;padding:65px 0}.legal h2{font-size:25px;margin:35px 0 15px}.legal h1{font-size:42px;line-height:1.2}.legal p{color:var(--muted)}.catalog{padding:60px 0}.catalog h1{font-size:clamp(38px,5vw,70px);line-height:1.02;letter-spacing:-.05em;max-width:850px}.catalog .intro{max-width:760px;font-size:18px;color:var(--muted)}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.domain-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);padding:26px;text-decoration:none;min-height:235px;transition:transform .15s,box-shadow .15s}.domain-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #15151510}.domain-card strong{font-size:22px;letter-spacing:-.03em}.domain-card span{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#805613;margin:8px 0 14px}.domain-card p{font-size:14px;color:var(--muted);flex:1}.domain-card b{font-size:13px}.catalog-notice{padding:20px;border-left:3px solid #e9a034;background:#fff;margin:25px 0;font-size:14px;max-width:900px}.calc{background:#eeece5;padding:32px;margin-top:32px}.calc h3{margin-bottom:12px}.calc-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.calc label{font-size:12px;display:block}.calc input{width:100%;padding:10px;background:#fff;border:1px solid #acafa9;display:block;margin:7px 0 15px}.calc output{display:block;font-size:18px;font-weight:700;margin-top:15px}.calc small{display:block;margin-top:14px;color:var(--muted)}.roofdiagram{width:100%;height:auto;margin:25px 0 15px}.topic-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.topic-nav a{border:1px solid var(--line);padding:8px 12px;font-size:13px;text-decoration:none}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.filters input{padding:14px;border:1px solid #bfc2bc;min-width:280px;background:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero .wrap{min-height:720px}.hero h1{font-size:70px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero .wrap{gap:35px;min-height:630px}.hero h1{font-size:47px}.navlinks{gap:16px}.editorial{grid-template-columns:210px 1fr;gap:50px}.sectiontitle{gap:40px}.band .wrap{gap:40px}.faqgrid{gap:55px}.stamp{width:100px;height:100px;right:-9px}.domain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.topbar .wrap span:last-child{display:none}.nav .wrap{height:76px}.logo img{width:98px;height:64px}.navlinks>a:not(.btn){display:none}.navlinks .btn{padding:11px 14px}.hero .wrap{display:flex;flex-direction:column;gap:30px;padding:42px 0 34px;min-height:0;align-items:stretch}.hero h1{font-size:43px;letter-spacing:-.05em;max-width:620px}.hero .lead{font-size:16px}.hero .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:22px}.portrait{min-height:360px;max-height:450px;aspect-ratio:1.15}.portrait img{object-position:center 40%}.stamp{right:13px;top:16px;box-shadow:0 0 0 5px var(--ink)}.trust .wrap{grid-template-columns:1fr;gap:15px;padding-top:23px;padding-bottom:23px}.trust p{border-bottom:1px solid #ecece7;padding-bottom:12px}.trust p:last-child{border:0;padding:0}.section{padding:62px 0}.sectiontitle,.editorial,.tools,.faqgrid,.band .wrap{display:block}.sectiontitle{margin-bottom:30px}.sectiontitle h2{margin-bottom:24px}.contents{display:none}.articles article{padding-bottom:20px;margin-bottom:25px}.case-grid,.reviewgrid{grid-template-columns:1fr;gap:22px}.tools>div:first-child{margin-bottom:30px}.band{padding:45px 0}.band h2{font-size:33px;margin-bottom:25px}.review blockquote{font-size:24px}.review{padding-bottom:15px}.review .stars{margin:20px 0 12px}.faqgrid h2{margin-bottom:32px}.final{padding:57px 0}.final .wrap{display:block}.final h2{font-size:43px}.final .actions{margin-top:25px}.footer .wrap{display:block}.footer .wrap>div{margin-bottom:24px}.mobilebar{display:flex;position:fixed;z-index:10;left:0;right:0;bottom:0;background:#171a20;padding:9px 18px calc(9px + env(safe-area-inset-bottom));gap:10px;box-shadow:0 -2px 12px #0002}.mobilebar a{flex:1;padding:12px;font-size:12px}.domain-grid{grid-template-columns:1fr}.calc{padding:23px}.calc-inputs{grid-template-columns:1fr;gap:0}.calc input{margin-bottom:12px}.catalog{padding-top:30px}.catalog h1{font-size:44px}.legal h1{font-size:34px}.actions .btn{gap:12px}.final .call{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.topbar{overflow-wrap:anywhere}.legal a{overflow-wrap:anywhere}
.benefits{padding:45px 0 38px;background:#fff;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.benefit-grid>div{display:flex;gap:15px;align-items:flex-start}.benefit-grid span{background:var(--gold);font-size:18px;line-height:30px;text-align:center;width:30px;height:30px;flex:none;border-radius:50%}.benefit-grid h3{font-size:19px;max-width:270px;margin-top:3px}.benefits p:last-child{font-size:14px;color:var(--muted);margin:15px 0 0}.roof-page .hero .wrap{grid-template-columns:1fr 1.15fr}.roof-page .hero h1{font-size:clamp(36px,3.7vw,54px)}.roof-page .portrait{align-self:center;min-height:0;aspect-ratio:3/2;width:100%}.roof-page .portrait img{object-fit:contain}.roof-page .photocaption b{font-size:20px}.roof-page .photocaption{font-size:10px;bottom:14px;left:18px}.roof-page .stamp{width:92px;height:92px;top:-30px;right:-12px;font-size:9px}.roof-page .stamp strong{font-size:24px}.camping-story{padding:80px 0}.camping-story .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.camping-story figure{margin:0}.camping-story img{display:block;width:100%;height:auto;border-radius:3px}.camping-story figcaption{font-size:11px;color:var(--muted);margin-top:8px}.camping-story h2{margin-bottom:25px}.camping-story p{color:var(--muted)}@media(max-width:760px){.benefit-grid{grid-template-columns:1fr;gap:14px}.benefit-grid h3{max-width:none}.roof-page .portrait{margin-top:15px;aspect-ratio:3/2;min-height:0}.roof-page .stamp{right:8px}.roof-page .photocaption b{font-size:16px}.camping-story{padding:50px 0}.camping-story .wrap{display:block}.camping-story figure{margin-bottom:30px}}
.related{padding:75px 0;background:#eeece5}.related h2{max-width:700px}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0 24px}.blog-card{background:#fff;padding:30px;text-decoration:none;border:1px solid var(--line);display:flex;flex-direction:column}.blog-card:hover{border-color:#ad7926}.blog-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#805613;margin-bottom:17px}.blog-card p{color:var(--muted);flex:1}.blog-card b{font-size:14px}.contact-panel{padding:75px 0;background:#fff}.contact-panel .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-panel h2{margin-bottom:23px}.contact-panel p{color:var(--muted)}.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-option{border:1px solid var(--line);padding:22px;text-decoration:none}.contact-option strong{display:block;margin-bottom:9px}.contact-option span{font-size:13px;color:var(--muted)}.contact-option:hover{border-color:#ad7926}.btn.whatsapp{background:#d3efd9;color:#133d23;border-color:#d3efd9}.btn.whatsapp:hover{background:#b9e1c2}.contact-option.whatsapp{background:#ecf6ee;border-color:#b4d7bd}@media(max-width:760px){.blog-grid,.contact-panel .wrap,.contact-options{grid-template-columns:1fr}.related,.contact-panel{padding:50px 0}.contact-panel .wrap{gap:24px}.mobilebar{gap:7px}.mobilebar a{padding:12px 5px;font-size:12px}.blog-card{padding:24px}}