@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Instrument+Serif:ital@1&display=swap');
:root{--bg:#F6EEDE;--bg2:#FBF5E9;--cream:#FFF9EB;--sand:#EFE4CE;--ink:#1c1608;--o:#FC832B;--od:#C2560F;--y:#FED74F;--mut:#5c5240;--red:#B3261E;--grn:#1F6B3A}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg2);color:var(--ink);line-height:1.6;font-size:17px}
.w{max-width:1120px;margin:0 auto;padding:0 20px}a{color:inherit}
nav.t{position:sticky;top:0;z-index:20;background:rgba(251,245,233,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--sand)}nav.t .w{display:flex;align-items:center;gap:14px;height:64px;justify-content:space-between}
nav.t .b{display:flex;align-items:center;gap:10px;font-weight:800}nav.t .b img{width:30px}nav.t .b small{font-size:11px;letter-spacing:.14em;color:var(--mut);font-weight:700}
nav.t .l{display:flex;gap:18px;font-size:14px;font-weight:600}nav.t .l a{text-decoration:none}@media(max-width:900px){nav.t .l{display:none}}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFF9EB,#F6EEDE);padding:90px 0 170px}
.sun{position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(254,215,79,.7),rgba(252,131,43,.15) 60%,transparent 70%)}
.mtn{position:absolute;left:0;right:0;bottom:0;width:100%;height:190px}
.hero h1{font-size:clamp(40px,6.4vw,78px);line-height:1.02;letter-spacing:-.035em;font-weight:800;max-width:15ch;position:relative}
em.s{font-family:'Instrument Serif',serif;font-weight:400;background:linear-gradient(96deg,#FC832B,#E5701B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.06em}
.hero p{font-size:20px;max-width:56ch;margin-top:18px;color:var(--mut);position:relative}
.co{display:flex;align-items:center;gap:14px;margin-bottom:24px;position:relative}.co img{height:46px;background:#fff;padding:8px 12px;border-radius:10px}
.lbl{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--od)}
section{padding:80px 0}section.alt{background:var(--cream)}h2{font-size:clamp(32px,4.4vw,52px);letter-spacing:-.03em;line-height:1.05;margin:8px 0 18px;font-weight:800}
h3{font-size:22px;letter-spacing:-.01em;margin-bottom:6px}
.k{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.k div{background:#fff;border-radius:20px;padding:22px;box-shadow:0 10px 30px -18px rgba(80,50,10,.35)}
.k .n{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1}.k .t{font-size:14px;color:var(--mut);margin-top:6px}
@media(max-width:800px){.k{grid-template-columns:1fr 1fr}}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#fff;border-radius:20px;padding:26px;box-shadow:0 10px 30px -18px rgba(80,50,10,.35)}
.card p{color:var(--mut);font-size:16px}.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:30px;margin-bottom:10px}
.bad{background:#FBE3E1;color:var(--red)}.ok{background:#DFF1E5;color:var(--grn)}.mid{background:#FFF0C7;color:#7A5300}
@media(max-width:800px){.cards{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:15px;margin:14px 0}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--sand)}th{background:var(--sand);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
td.n{font-variant-numeric:tabular-nums}.tw{overflow-x:auto}
.ads{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ads figure{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(80,50,10,.35)}.ads img{width:100%;display:block}.ads figcaption{padding:14px 16px;font-size:14px;color:var(--mut)}.ads b{color:var(--ink);display:block;font-size:15px}
@media(max-width:900px){.ads{grid-template-columns:1fr 1fr}}
.frame{border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -25px rgba(80,50,10,.45);background:#fff;border:1px solid var(--sand)}.frame .bar{display:flex;gap:6px;padding:10px 14px;background:var(--sand)}.frame .bar i{width:11px;height:11px;border-radius:50%;background:#d9c9a6}
.frame iframe{width:100%;height:760px;border:0;display:block}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--o);color:#fff;font-weight:700;padding:15px 26px;border-radius:100px;text-decoration:none;box-shadow:0 10px 24px -8px rgba(252,131,43,.6)}
.price{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}@media(max-width:900px){.price{grid-template-columns:1fr}}
.price .card .n{font-size:46px;font-weight:800;letter-spacing:-.03em}.price ul{margin:12px 0 0 18px;color:var(--mut);font-size:15px}
.ctab{background:linear-gradient(135deg,#FC832B,#FED74F);padding:70px 0}.ctab .btn{background:var(--ink);box-shadow:none}
ol.steps{counter-reset:s;list-style:none;display:grid;gap:12px}ol.steps li{background:#fff;border-radius:16px;padding:18px 20px 18px 64px;position:relative}ol.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--o);color:#fff;font-weight:800;display:grid;place-items:center}
footer{padding:40px 0;font-size:13px;color:var(--mut)}

.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:900px){.gal{grid-template-columns:repeat(4,1fr)}}
.gal figure{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 30px -18px rgba(80,50,10,.35)}.gal img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.gal figcaption{font-size:13px;padding:8px 12px;color:var(--mut)}
.shot{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:900px){.shot{grid-template-columns:2fr 1fr}}
.shot figure{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(80,50,10,.35)}.shot img{width:100%;display:block}.shot figcaption{padding:12px 16px;font-size:14px;color:var(--mut)}
.note{background:#fff;border-left:4px solid var(--o);border-radius:0 14px 14px 0;padding:16px 20px;margin:18px 0;color:var(--mut);font-size:16px}
.vid{border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -25px rgba(80,50,10,.45)}.vid video{width:100%;display:block}
td.r{text-align:right}
.k>div,.cards>div,.price>div{min-width:0}.k .n{font-size:clamp(28px,8vw,44px)}
@media(max-width:800px){.k{gap:10px}.k div{padding:16px}}
.k .n,.k .t{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
@media(max-width:800px){.k>div{padding:18px!important}}
.co img{height:72px}
.shot figure img{max-height:760px;object-fit:cover;object-position:top}