
:root{
 --ink:#1A1815;--ink2:#2A2622;--body:#4A413A;--mut:#7D7166;--faint:#B4A99D;
 --line:#EAE1D2;--line2:#D5C9B6;
 --paper:#FAF7F2;--paper2:#F3EEE3;--paper3:#EBE3D2;--white:#FFFFFF;
 --brand:#D82D2A;--brand2:#B01F1D;--brand-tint:#FDEEED;
 --accent:#B8873C;--accent-tint:#FBF3E1;
 --green:#058E63;--green-tint:#E4F3EC;--wa:#25D366;
 --blue:#1E64C8;--blue-tint:#E5EEF9;
 --fd:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
 --fb:"Inter","Plus Jakarta Sans",system-ui,sans-serif;
 --fm:"JetBrains Mono","IBM Plex Mono",Menlo,monospace;
 --sh-hair:0 1px 0 rgba(26,24,21,.04);
 --sh-card:0 1px 2px rgba(26,24,21,.04),0 8px 20px -8px rgba(26,24,21,.08);
 --sh-lift:0 4px 8px rgba(26,24,21,.06),0 20px 40px -12px rgba(26,24,21,.14);
 --sh-hero:0 30px 80px -30px rgba(26,24,21,.28);
 --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--fb);font-size:16.5px;line-height:1.6;color:var(--body);background:var(--paper);overflow-x:hidden;font-feature-settings:"ss01","cv11"}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
svg{display:block}
::selection{background:#F5D6D5;color:var(--ink)}
h1,h2,h3,h4{font-family:var(--fd);color:var(--ink);letter-spacing:-.025em;line-height:1.15;font-weight:800}
h1{letter-spacing:-.035em;line-height:1.05}
p{font-weight:400}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.wrap-r{max-width:920px;margin:0 auto;padding:0 24px}
.mono{font-family:var(--fm)}
.eb{display:inline-block;font-family:var(--fm);font-size:.68rem;font-weight:600;letter-spacing:.16em;color:var(--mut);text-transform:uppercase}
.eb.brand{color:var(--brand)}
.eb::before{content:"— ";color:var(--faint)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fd);font-weight:600;font-size:.94rem;padding:13px 22px;border-radius:8px;min-height:46px;transition:.18s var(--ease);white-space:nowrap;cursor:pointer;letter-spacing:-.005em;line-height:1}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:var(--brand);transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(216,45,42,.4)}
.btn-brand{background:var(--brand);color:#fff}
.btn-brand:hover{background:var(--brand2);transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(216,45,42,.4)}
.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.btn-secondary:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:#1BAB53}
.btn-lg{padding:16px 26px;min-height:52px;font-size:1rem;border-radius:10px}
.btn i{font-size:1.05em}

/* promo bar */
.promo{background:linear-gradient(90deg,#D82D2A,#8A1A18);color:#fff;font-family:var(--fd);font-size:.82rem;font-weight:500;padding:8px 0;position:relative;overflow:hidden}
.promo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.18),transparent 80%);animation:shim 8s linear infinite}
@keyframes shim{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.promo .wrap{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}
.promo b{font-weight:800;letter-spacing:-.01em}
.promo .code{font-family:var(--fm);font-size:.72rem;font-weight:700;letter-spacing:.14em;background:rgba(255,255,255,.18);padding:3px 8px;border-radius:4px}
.promo a{border-bottom:1.5px solid rgba(255,255,255,.5);font-weight:600;padding-bottom:1px}
.promo a:hover{border-color:#fff}

/* header */
.top{position:sticky;top:0;z-index:100;background:rgba(250,247,242,.82);backdrop-filter:saturate(1.4) blur(20px);-webkit-backdrop-filter:saturate(1.4) blur(20px);border-bottom:1px solid transparent;transition:.28s}
.top.scr2{background:rgba(250,247,242,.96);border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;gap:32px;padding:16px 28px;max-width:1280px;margin:0 auto;position:relative}
.nav .brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav .brand img{height:38px;width:auto;transition:.28s}
.top.scr2 .brand img{height:34px}
.menu{display:flex;gap:0;align-items:center}
.menu>a,.menu>div>a,.mit>button{font-family:var(--fd);font-weight:500;font-size:.92rem;color:var(--ink);padding:10px 16px;border-radius:6px;transition:color .18s;position:relative;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.menu>a:hover,.mit>button:hover{color:var(--brand)}
.menu>a.on{color:var(--brand)}
.mit>button i{font-size:.72rem;transition:transform .2s}
.mit:hover>button i{transform:rotate(180deg)}
.mit{position:static}
.mega{position:absolute;top:calc(100% - 4px);left:0;right:0;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lift);padding:28px 32px;display:none;grid-template-columns:repeat(5,1fr);gap:32px;z-index:99;max-width:1280px;margin:0 auto}
.mit:hover .mega,.mit:focus-within .mega{display:grid}
.megcol h5{font-family:var(--fm);font-size:.58rem;font-weight:700;letter-spacing:.14em;color:var(--brand);text-transform:uppercase;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}
.megcol h5 i{font-size:.9rem}
.megcol ul{list-style:none;display:grid;gap:6px}
.megcol li a{display:block;font-family:var(--fd);font-size:.85rem;font-weight:500;color:var(--body);padding:5px 0;border-radius:4px;transition:color .15s}
.megcol li a:hover{color:var(--brand)}
.nav .cta{margin-left:auto;display:flex;gap:10px;align-items:center}
.wabtn{width:42px;height:42px;border-radius:8px;background:transparent;color:var(--ink);border:1px solid var(--line2);display:grid;place-items:center;font-size:1.15rem;transition:.2s}
.wabtn:hover{background:var(--wa);border-color:var(--wa);color:#fff}
.burger{display:none;width:42px;height:42px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--ink);font-size:1.15rem;place-items:center}
@media(max-width:1100px){.menu,.top .cta .btn{display:none}.burger{display:grid;margin-left:auto}}

/* notice ticker */
.nbar{background:var(--ink);color:#E5DBC8;font-family:var(--fb);font-size:.78rem;font-weight:500}
.nbar .wrap{display:flex;align-items:center;gap:14px;padding:9px 24px;max-width:1120px}
.nbar .tag{font-family:var(--fm);font-size:.6rem;font-weight:700;letter-spacing:.14em;padding:3px 8px;background:rgba(255,255,255,.08);border-radius:3px;color:#F5E8CE;flex-shrink:0}
.nbar #ntxt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s;flex:1}
.nbar button{background:none;color:#8A7B67;font-size:1.05rem;flex-shrink:0}
.nbar button:hover{color:#fff}

/* sections */
section{padding:80px 0}
@media(min-width:960px){section{padding:104px 0}}
section.tight{padding:56px 0}
section.dark{background:var(--ink);color:#D8CDBB}
section.dark h2,section.dark h3{color:#fff}
section.paper{background:var(--paper2)}
section.white{background:var(--white)}
.sec-hd{max-width:720px;margin:0 auto 52px;text-align:center}
.sec-hd.l{text-align:left;margin:0 0 44px}
.sec-hd .eb{margin-bottom:16px}
.sec-hd h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-bottom:16px;line-height:1.15}
.sec-hd p{color:var(--mut);font-size:1.06rem;line-height:1.55;max-width:640px;margin:0 auto}
.sec-hd.l p{margin:0}
section.dark .sec-hd p{color:#A69A85}

/* mobile sticky */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 1fr 1.4fr;background:var(--ink);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(0,0,0,.12);border-top:1px solid rgba(255,255,255,.06)}
.mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#D8CDBB;font-family:var(--fd);font-weight:600;font-size:.72rem;min-height:58px;text-decoration:none;padding:6px;border-right:1px solid rgba(255,255,255,.06)}
.mbar a:last-child{border-right:0}
.mbar a i{font-size:1.12rem}
.mbar a.bk{background:var(--brand);color:#fff}
.mbar a.wa{color:#7FE0A8}
@media(min-width:1100px){.mbar{display:none}}
@media(max-width:1099px){body{padding-bottom:64px}}

.rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
/*.skip{position:fixed;top:-60px;left:16px;z-index:999;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-family:var(--fd);font-weight:600;font-size:.86rem}*/
.skip:focus{top:12px}
:focus-visible{outline:2.5px solid var(--brand);outline-offset:3px;border-radius:4px}
