:root{
    --accent:#ff8700;
    --ink:#1c2733;
    --muted:#66727f;
    --line:#e4e7eb;
    --bg:#ffffff;
    --bg-soft:#f6f7f9;
    --radius:12px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.site{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;}
.site-wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 1.25rem;}

/* Header + nav */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:64px;}
.site-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:750;font-size:1.1rem;}
.site-brand__mark{color:var(--accent);font-size:1.25rem;}
.site-nav{display:flex;gap:.35rem;flex-wrap:wrap;}
.site-nav__link{padding:.5rem .85rem;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:550;font-size:.95rem;transition:background .15s,color .15s;}
.site-nav__link:hover{color:var(--ink);background:var(--bg-soft);}
.site-nav__link.is-active{color:var(--accent);background:#fff4e6;}
.site-search{margin-left:.5rem;}
.site-search__input{padding:.45rem .8rem;border:1px solid var(--line);border-radius:8px;font-size:.9rem;min-width:150px;background:var(--bg-soft);}
.site-search__input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);background:#fff;}

.site-main{min-height:60vh;}
.site-content{padding:2.5rem 1.25rem;}

/* Hero */
.hero{background:linear-gradient(160deg,#101826 0%,#1c2c44 55%,#243a5e 100%);color:#fff;}
.hero__inner{padding:4.5rem 1.25rem 4rem;max-width:760px;}
.hero__eyebrow{margin:0 0 .75rem;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--accent);}
.hero__title{margin:0 0 1rem;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.02em;}
.hero__lead{margin:0 0 1.9rem;font-size:1.15rem;color:#c4d0df;max-width:56ch;}
.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;}
.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:650;transition:transform .12s,filter .15s,background .15s;}
.btn:hover{transform:translateY(-1px);}
.btn--primary{background:var(--accent);color:#fff;}
.btn--primary:hover{filter:brightness(.95);}
.btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28);}
.btn--ghost:hover{background:rgba(255,255,255,.16);}

/* Featured */
.featured{padding:3rem 0;background:var(--bg-soft);}
.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem;}
.section-head h2{margin:0;font-size:1.5rem;}
.section-head__more{color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem;}
.feat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;}
.feat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,transform .15s;}
.feat-card:hover{box-shadow:0 10px 28px rgba(20,30,45,.13);transform:translateY(-2px);}
.feat-card__link{display:block;text-decoration:none;color:inherit;}
.feat-card__imgwrap{display:block;aspect-ratio:4/3;background:var(--bg-soft);}
.feat-card__img{width:100%;height:100%;object-fit:cover;}
.feat-card__body{display:block;padding:.85rem 1rem 1.1rem;}
.feat-card__cat{display:block;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.3rem;}
.feat-card__title{display:block;font-weight:640;line-height:1.25;}
.feat-card__price{display:block;margin-top:.4rem;font-weight:700;}

/* Section cards */
.sections{padding:3rem 1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;}
.sec-card{display:block;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;}
.sec-card:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(20,30,45,.1);transform:translateY(-2px);}
.sec-card h3{margin:0 0 .4rem;font-size:1.15rem;}
.sec-card p{margin:0;color:var(--muted);font-size:.95rem;}

/* Footer */
.site-footer{margin-top:3rem;border-top:1px solid var(--line);background:var(--bg-soft);}
.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;padding-bottom:1.5rem;color:var(--muted);font-size:.9rem;}
.site-footer__nav{display:flex;gap:1.1rem;}
.site-footer__nav a{color:var(--muted);text-decoration:none;}
.site-footer__nav a:hover{color:var(--accent);}

@media(max-width:640px){
    .site-header__inner{height:auto;padding-top:.6rem;padding-bottom:.6rem;flex-direction:column;gap:.5rem;align-items:flex-start;}
    .hero__inner{padding:3rem 1.25rem;}
}