:root{--black:#111111;--white:#ffffff;--gray:#6e6e6e;--light:#f2f2f2;--line:#dddddd;--head:'Oswald','Arial Narrow',Arial,sans-serif;--body:'Inter',Helvetica,Arial,sans-serif;--max:1140px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--black);background:var(--white);line-height:1.6;font-size:17px}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--head);text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
h1{font-size:clamp(2rem,5vw,3.3rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:.8rem}
h3{font-size:1.25rem;margin-bottom:.4rem}
p{margin-bottom:1rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.section.alt{background:var(--light)}
.section.dark{background:var(--black);color:var(--white)}
.eyebrow{font-family:var(--head);text-transform:uppercase;letter-spacing:.12em;color:var(--gray);font-size:.9rem;margin-bottom:.5rem}
.dark .eyebrow{color:#b5b5b5}
.lead{font-size:1.15rem;max-width:720px}
.small{font-size:.9rem;color:var(--gray)}
.dark .small{color:#b5b5b5}
.btn{display:inline-block;background:var(--black);color:var(--white);text-decoration:none;font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;padding:14px 28px;border:2px solid var(--black);font-size:1rem;transition:.15s}
.btn:hover{background:var(--white);color:var(--black)}
.btn.light{background:var(--white);color:var(--black);border-color:var(--white)}
.btn.light:hover{background:transparent;color:var(--white)}
.btn.outline{background:transparent;color:var(--black)}
.btn.outline:hover{background:var(--black);color:var(--white)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.2rem}
.site-header{position:sticky;top:0;z-index:50;background:var(--black);color:var(--white)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{height:44px;width:auto}
.logo span{font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;line-height:1.1}
.logo small{display:block;color:#b5b5b5;font-size:.7rem;letter-spacing:.3em}
.nav{display:flex;align-items:center;gap:26px}
.nav a{text-decoration:none;font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-size:.95rem}
.nav a:hover,.nav a.active{color:#b5b5b5}
.nav .btn{padding:10px 20px;font-size:.9rem}
.dropdown{position:relative}
.dropdown>a::after{content:" \25BE";font-size:.75em}
.dropdown-menu{display:none;position:absolute;top:100%;left:-16px;background:var(--black);min-width:240px;padding:10px 0;border-top:2px solid var(--white)}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:9px 18px;font-size:.88rem}
.menu-toggle{display:none}
.mobile-nav{display:none}
@media (max-width:900px){.nav{display:none}.menu-toggle{display:block;cursor:pointer;list-style:none;font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;border:1px solid #555;padding:8px 14px}.menu-toggle::-webkit-details-marker{display:none}details.mobile{position:static}details.mobile[open] .mobile-nav{display:block;position:absolute;left:0;right:0;top:70px;background:var(--black);padding:10px 20px 20px;border-top:1px solid #333}.mobile-nav a{display:block;padding:11px 0;border-bottom:1px solid #222;text-decoration:none;font-family:var(--head);text-transform:uppercase;letter-spacing:.08em}.mobile-nav .btn{margin-top:14px;text-align:center;border-bottom:none}}
.hero{display:grid;grid-template-columns:1fr 1.15fr;background:var(--black);color:var(--white);min-height:520px}
.hero-text{padding:64px 48px;display:flex;flex-direction:column;justify-content:center}
.hero-text p{color:#d8d8d8;font-size:1.1rem;max-width:520px;margin-top:1rem}
.hero-img img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-img{order:-1}.hero-img img{height:300px}.hero-text{padding:40px 20px}}
.page-hero{background:var(--black);color:var(--white);padding:70px 0 56px}
.page-hero p{color:#d8d8d8;max-width:720px;font-size:1.1rem;margin-top:1rem}
.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split.rev .split-img{order:2}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:24px}.split.rev .split-img{order:0}}
.card{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none}
.card img{aspect-ratio:1/1;object-fit:cover;width:100%}
.card .card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.card .card-body p{flex:1;font-size:.95rem}
.card .more{font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}
.card:hover{border-color:var(--black)}
.box{border:1px solid var(--line);background:var(--white);padding:26px}
.dark .box{background:#1c1c1c;border-color:#333}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.steps li{list-style:none;border-top:3px solid var(--black);padding-top:16px}
.steps li::before{counter-increment:s;content:"0" counter(s);font-family:var(--head);font-size:2rem;color:var(--gray);display:block}
.dark .steps li{border-color:var(--white)}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.steps{grid-template-columns:1fr}}
.check{list-style:none;margin:0 0 1rem}
.check li{padding:6px 0 6px 28px;position:relative}
.check li::before{content:"";position:absolute;left:0;top:14px;width:14px;height:3px;background:currentColor}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}
.tags span{border:1px solid currentColor;padding:6px 14px;font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}
table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;background:var(--white)}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;background:var(--black);color:var(--white)}
td.price{font-weight:600;white-space:nowrap}
.table-scroll{overflow-x:auto}
.price-big{font-family:var(--head);font-size:2.2rem;margin:.3rem 0}
.notice{border-left:4px solid var(--black);background:var(--light);padding:16px 20px;margin:1rem 0}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none}
.faq summary::after{content:"+";float:right;font-family:var(--head);font-size:1.3rem}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin-top:.6rem}
.photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.photo-row img{aspect-ratio:4/3;object-fit:cover;width:100%}
@media (max-width:600px){.photo-row{grid-template-columns:1fr}}
.cta-band{text-align:center}
.cta-band .btn-row{justify-content:center}
.site-footer{background:var(--black);color:var(--white);padding:56px 0 0;font-size:.95rem}
.footer-grid{display:grid;grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:32px}
.footer-grid h4{font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;margin-bottom:.8rem}
.footer-grid a{text-decoration:none;color:#d8d8d8}
.footer-grid a:hover{color:var(--white);text-decoration:underline}
.footer-grid ul{list-style:none}
.footer-grid li{margin-bottom:7px}
.footer-grid p{color:#d8d8d8;margin-bottom:.6rem}
.footer-logo{height:70px;width:auto;margin-bottom:12px}
.footer-bottom{border-top:1px solid #2a2a2a;margin-top:40px;padding:18px 0;color:var(--gray);font-size:.82rem}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.footer-grid{grid-template-columns:1fr}}
