@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=Inter:wght@400;500;600;700&display=swap');
:root{--black:#0b0c0e;--panel:#15171a;--yellow:#ffc400;--white:#f4f4ef;--muted:#aaadb1}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}
img{display:block;width:100%}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);position:sticky;top:0;background:rgba(11,12,14,.9);backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid #292b2e}
.brand{color:var(--white);text-decoration:none;font:800 24px/1 'Barlow Condensed',sans-serif;letter-spacing:.07em}
.brand span,.eyebrow{color:var(--yellow)}
nav{display:flex;gap:28px;align-items:center}
nav a{color:#ddd;text-decoration:none;font-size:14px;font-weight:600}
nav a:hover{color:var(--yellow)}
.nav-cta{border:1px solid var(--yellow);padding:9px 17px}
.menu{display:none;background:none;border:1px solid #555;color:white;padding:8px 13px;font-weight:700}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.03fr .97fr;overflow:hidden}
.hero-copy{padding:clamp(68px,8vw,125px) clamp(28px,6vw,92px);display:flex;flex-direction:column;justify-content:center}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:13px;margin:0 0 16px}
.hero h1,h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.91;margin:0;letter-spacing:-.02em}
.hero h1{font-size:clamp(60px,7.8vw,120px);max-width:820px}
.hero h1 em{color:var(--yellow);font-style:italic}
.lead{font-size:clamp(18px,1.45vw,22px);color:#c7c9ca;max-width:680px;margin:30px 0}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;text-transform:uppercase;font-weight:800;font-size:14px;letter-spacing:.05em;text-decoration:none;border:0;cursor:pointer}
.primary{background:var(--yellow);color:#080808}
.primary:hover{background:#ffdb48}
.ghost{border:1px solid #555;color:#fff}
.trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}
.trust span{border-left:3px solid var(--yellow);padding:5px 12px;color:#bfc1c3;font-size:13px}
.hero-art{position:relative;background:#141414;min-height:600px}
.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--black),transparent 34%),linear-gradient(0deg,var(--black),transparent 32%);z-index:1}
.hero-art img{height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.8) contrast(1.08)}
.stamp{position:absolute;z-index:2;bottom:7%;left:5%;background:var(--yellow);color:#090909;padding:16px 24px;transform:rotate(-2deg);text-transform:uppercase;font:700 22px/1 'Barlow Condensed',sans-serif;box-shadow:10px 10px 0 #090909}
.stamp strong{font-size:29px}
.intro,.pricing,.process,.about,.faq,.contact{padding:clamp(82px,9vw,140px) clamp(24px,7vw,110px)}
.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;background:#efeee8;color:#111}
.section-title h2,.process h2,.about h2,.faq h2,.contact h2{font-size:clamp(48px,5.3vw,80px)}
.intro .eyebrow,.pricing .eyebrow{color:#8a6500}
.intro-copy{font-size:18px}
.intro-copy p{margin:0 0 24px}
.photo-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:320px 320px;gap:12px;padding:12px}
.photo-grid figure{position:relative;margin:0;overflow:hidden}
.photo-grid .photo-main{grid-row:1/3}
.photo-grid img{height:100%;object-fit:cover}
.photo-grid .photo-main img{object-position:center 60%}
.photo-grid figcaption{position:absolute;left:16px;bottom:16px;background:#0b0c0e;padding:7px 11px;font-size:13px;font-weight:700;text-transform:uppercase}
.pricing{background:#efeee8;color:#111}
.pricing>.section-title{max-width:760px}
.pricing>.section-title>p:last-child{font-size:18px}
.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}
.price-card{border:1px solid #c6c4bb;padding:32px;position:relative;background:#f7f6f1}
.price-card.featured{background:#111;color:#fff;border-color:#111}
.price-card .tag{position:absolute;top:0;right:0;margin:0;background:var(--yellow);color:#111;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase}
.price-card h3,.steps h3{font:700 28px 'Barlow Condensed';text-transform:uppercase;margin:0}
.price-card .price{font:800 clamp(56px,6vw,86px)/1 'Barlow Condensed';margin:28px 0 18px;color:#bd8a00}
.price-card.featured .price{color:var(--yellow)}
.price small{font-size:.25em}
.price span{font-size:.34em}
.price-card p:last-child{color:#666}
.price-card.featured p:last-child{color:#aaa}
.pricing-note{display:flex;gap:30px;margin-top:14px;padding:22px 26px;background:var(--yellow);align-items:center}
.pricing-note strong{font:700 24px 'Barlow Condensed';text-transform:uppercase;white-space:nowrap}
.process{text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#35383b;margin-top:50px;text-align:left}
.steps article{background:var(--panel);padding:36px}
.steps b{font:800 52px 'Barlow Condensed';color:var(--yellow)}
.steps p{color:var(--muted);margin-bottom:0}
.time-box{margin:14px auto 0;max-width:900px;background:var(--yellow);color:#111;display:flex;align-items:center;text-align:left;padding:25px 34px;gap:28px}
.clock{font:800 100px/.8 'Barlow Condensed'}
.time-box strong{font:800 29px 'Barlow Condensed';text-transform:uppercase}
.time-box p{margin:3px 0 0}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;background:#15171a}
.about-image{height:680px;overflow:hidden;transform:rotate(-1deg);box-shadow:15px 15px 0 var(--yellow)}
.about-image img{height:100%;object-fit:cover;object-position:center 55%}
.about-copy p{color:#b8bbbd;font-size:17px}
.about blockquote{margin:30px 0 0;padding:18px 0 18px 24px;border-left:4px solid var(--yellow);font:italic 700 27px/1.2 'Barlow Condensed';text-transform:uppercase}
.faq{background:#efeee8;color:#111}.faq .eyebrow{color:#8a6500}.faq .section-title{max-width:840px}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:46px}.faq details{background:#f7f6f1;border:1px solid #c6c4bb;padding:24px 26px}.faq summary{cursor:pointer;font:700 25px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}.faq details[open]{border-color:#a77a00}.faq details p{margin:18px 0 0;color:#555}.contact{display:grid;grid-template-columns:1fr .85fr;gap:9vw;align-items:start}
.contact>div>p{color:var(--muted);max-width:640px;font-size:18px}
.contact-tip{border:1px solid #46494c;padding:18px;margin-top:30px}
.contact-tip strong{color:var(--yellow)}
.contact form{background:var(--panel);border-top:4px solid var(--yellow);padding:32px}
.contact label{display:block;font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:18px}
.contact input,.contact textarea{display:block;width:100%;margin-top:8px;padding:14px;background:#090a0b;border:1px solid #3a3c3e;color:white;font:16px Inter}
.contact input:focus,.contact textarea:focus{outline:2px solid var(--yellow)}
.contact button{width:100%}
.form-note{font-size:12px;color:#8d8f91;margin:12px 0 0}
.form-note.success{color:var(--yellow);font-weight:700}
footer{min-height:100px;padding:30px clamp(24px,7vw,110px);border-top:1px solid #292b2d;display:flex;align-items:center;justify-content:space-between;color:#818386;font-size:13px}
footer a{color:#ddd;text-decoration:none}
@media(max-width:900px){.menu{display:block}
nav{display:none;position:absolute;left:0;right:0;top:76px;background:#0b0c0e;padding:18px 22px;border-bottom:1px solid #333;flex-direction:column;align-items:stretch}
nav.open{display:flex}
.hero{grid-template-columns:1fr}
.hero-copy{min-height:670px}
.hero-art{min-height:580px}
.intro,.about,.contact{grid-template-columns:1fr;gap:60px}.faq-list{grid-template-columns:1fr}
.price-cards,.steps{grid-template-columns:1fr}
.about-image{height:540px;max-width:700px}
.pricing-note{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:560px){html{scroll-padding-top:66px}
.nav{height:66px}
.nav nav{top:66px}
.hero-copy{padding:70px 22px 55px;min-height:auto}
.hero h1{font-size:57px}
.hero-art{min-height:440px}
.actions{display:grid}
.button{width:100%}
.trust{display:grid}
.intro,.pricing,.process,.about,.faq,.contact{padding:74px 22px}
.section-title h2,.process h2,.about h2,.faq h2,.contact h2{font-size:47px}
.photo-grid{grid-template-columns:1fr;grid-template-rows:360px 260px 260px}
.photo-grid .photo-main{grid-row:auto}
.time-box{align-items:flex-start;padding:24px;gap:18px}
.clock{font-size:80px}
.about-image{height:420px}
footer{padding:28px 22px;align-items:flex-start;gap:15px;flex-direction:column}
}