@font-face{font-family:"PoppinsLocal";src:url(../assets/fonts/poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"PoppinsLocal";src:url(../assets/fonts/poppins-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"PoppinsLocal";src:url(../assets/fonts/poppins-black.ttf) format("truetype");font-weight:900;font-display:swap}
:root{--k:#111;--w:#FDFAF4;--g:#F5EFE4;--m:#5a5550;--line:#e6dccb;--r:#B22222;--rd:#8E1B1B}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:"Poppins","PoppinsLocal",system-ui,sans-serif;font-weight:300;color:var(--k);background:var(--w);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,.btn,.eyebrow,summary,.links a{font-family:"PoppinsLocal","Poppins",sans-serif;text-transform:uppercase}
h1{font-weight:900;font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.01em;margin:.4rem 0 1.4rem}
h2{font-weight:900;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.01em}
h3{font-weight:700;font-size:1rem;letter-spacing:.08em;margin-bottom:.4rem}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}.narrow{max-width:820px}
.eyebrow{font-weight:600;font-size:.72rem;letter-spacing:.3em;color:var(--m)}
.muted{color:var(--m)}
.ph{display:inline-block;background:#fff6b3;color:var(--k);border:1.5px dashed #e0b400;padding:0 .45em;border-radius:3px;font-weight:400;font-size:.88em;text-transform:none;letter-spacing:0;line-height:1.6}
.announce{background:var(--k);color:var(--w);text-align:center;font-size:.72rem;letter-spacing:.2em;padding:9px 16px;font-family:"PoppinsLocal";font-weight:600}
.announce .ph{font-size:.95em;letter-spacing:0;font-weight:600;margin-left:6px}
.header{position:sticky;top:0;z-index:50;background:rgba(253,250,244,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:32px;height:76px}
.logo img{height:26px;width:auto}
.links{display:flex;gap:26px;margin-left:auto}
.links a{font-size:.72rem;font-weight:600;letter-spacing:.18em;position:relative}
.links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--k);transition:.3s}.links a:hover:after{width:100%}
.btn{display:inline-block;background:var(--k);color:var(--w);border:1.5px solid var(--k);padding:15px 30px;font-weight:600;font-size:.74rem;letter-spacing:.2em;transition:.25s;text-align:center}
.btn:hover{background:var(--w);color:var(--k)}
.btn-ghost{background:transparent;color:var(--k)}.btn-ghost:hover{background:var(--k);color:var(--w)}
.card .btn{padding:14px 10px;letter-spacing:.14em;font-size:.68rem}
.btn-sm{padding:10px 18px;font-size:.66rem}.btn-block{display:block;width:100%}
.burger{display:none;background:none;border:0;width:36px;height:36px;cursor:pointer;margin-left:auto}
.burger span{display:block;height:2px;background:var(--k);margin:7px 4px;transition:.3s}
.hero{padding:96px 0 110px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.lead{font-size:1.25rem;font-weight:400;max-width:34ch;margin-bottom:1rem}
.hero .muted{max-width:48ch}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin:2.2rem 0 1.6rem}
.slogan{font-family:"PoppinsLocal";font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;border-top:1px solid var(--k);padding-top:14px;display:inline-block}
.hero-art{position:relative;display:flex;justify-content:center;padding:30px 0}
.hero-art:before{content:"";position:absolute;width:400px;height:400px;border:1px solid var(--k);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.pack{position:relative;width:250px;z-index:2}
.pack:after{content:"";position:absolute;inset:0;transform:translate(18px,18px);border:1.5px solid var(--k);background:var(--w);z-index:-1}
.pack-top{height:30px;background:repeating-linear-gradient(90deg,var(--k) 0 2px,#fff 2px 7px);border:1.5px solid var(--k);border-bottom:0}
.pack-body{background:var(--k);color:#fff;padding:44px 24px 34px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.pack-body img{width:170px}
.pack-line{width:40px;height:1px;background:var(--w)}
.pack-body strong{font-family:"PoppinsLocal";font-weight:900;font-size:1.5rem;line-height:1.05;letter-spacing:.04em}
.pack-body small{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase}
.chilli{position:absolute;width:170px;left:-10px;bottom:0;z-index:3;background:var(--w)}
.star{position:absolute;width:70px;right:10px;top:0;z-index:3;background:var(--w);border-radius:50%}
.band{background:var(--k);color:#fff;overflow:hidden;padding:20px 0;white-space:nowrap}
.marquee{display:inline-flex;animation:mq 40s linear infinite;font-family:"PoppinsLocal";font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:.85rem}
.marquee span{padding-right:0}
@keyframes mq{to{transform:translateX(-50%)}}
.section{padding:110px 0}.alt{background:var(--g)}
.dark{background:var(--k);color:#fff}.dark .eyebrow{color:#aaa}
.head{margin-bottom:56px;max-width:640px}.head h2{margin:.5rem 0 .8rem}
.grid{display:grid;gap:28px}.products,.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;transition:.3s;background:var(--w)}
.card:hover{border-color:var(--k);transform:translateY(-4px)}
.card .art{aspect-ratio:1;background:var(--g);display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}
.card .art svg{width:58%}
.feature{border-color:var(--k)}.feature .art{background:var(--k)}
.badge{position:absolute;top:12px;left:12px;background:var(--w);color:var(--k);font-family:"PoppinsLocal";font-weight:700;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:4px 10px}
.card h3{font-size:.92rem;min-height:2.8em}
.meta{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 20px;flex:1;align-content:flex-start}
.feat{border-top:2px solid var(--k);padding-top:22px}
.num{font-family:"PoppinsLocal";font-weight:900;font-size:2.2rem;display:block;margin-bottom:10px;line-height:1}
.feat p,.steps p{color:var(--m);font-size:.95rem}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--k)}
.steps li{padding:40px 28px;border-right:1px solid var(--k)}.steps li:last-child{border-right:0}
.steps svg{width:52px;height:52px;margin-bottom:22px}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.about-logo{width:100%;max-width:380px;border:1px solid #333}
.about h2{margin:.5rem 0 1.5rem}.about p{color:#ccc;margin-bottom:1rem;max-width:56ch}
.note{margin:56px 0 40px;border:1.5px solid var(--k);padding:28px 32px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.note strong{font-family:"PoppinsLocal";text-transform:uppercase;letter-spacing:.18em;font-size:.8rem}
.center{text-align:center}
details{border-bottom:1px solid #ccc;padding:22px 0}
summary{cursor:pointer;font-weight:700;letter-spacing:.06em;font-size:.92rem;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:1.4rem;line-height:1;transition:.3s}details[open] summary:after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--m)}
.contact>div{border-top:2px solid var(--k);padding-top:20px}
.footer{background:var(--k);color:#fff;padding:80px 0 50px;text-align:center}
.foot img{height:34px;margin:0 auto}
.tag{font-family:"PoppinsLocal";font-weight:600;letter-spacing:.3em;font-size:.7rem;margin:18px 0 30px;color:#bbb}
.foot nav{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:36px}
.foot nav a{font-family:"PoppinsLocal";font-weight:600;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.small{font-size:.8rem;color:#888;border-top:1px solid #222;padding-top:28px}
@media(max-width:1020px){
 .products,.four{grid-template-columns:repeat(2,1fr)}
 .steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2){border-right:0}.steps li:nth-child(-n+2){border-bottom:1px solid var(--k)}
 .header .btn-sm{display:none}
 .burger{display:block}
 .links{position:fixed;inset:76px 0 auto 0;background:var(--w);flex-direction:column;gap:0;padding:10px 32px 24px;border-bottom:1px solid var(--k);transform:translateY(-130%);transition:.35s;z-index:-1}
 .links a{padding:14px 0;border-bottom:1px solid var(--line)}
 .menu-open .links{transform:none}
 .menu-open .burger span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-open .burger span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
}
@media(max-width:760px){
 .wrap{padding:0 22px}.section{padding:76px 0}.hero{padding:56px 0 76px}
 .hero-grid,.about,.three{grid-template-columns:1fr}.hero-grid{gap:56px}.about{gap:40px}
 .hero-art:before{width:300px;height:300px}.pack{width:210px}.chilli{width:120px;left:0}
 .announce{font-size:.6rem;letter-spacing:.12em}
}
@media(max-width:480px){.products,.four,.steps{grid-template-columns:1fr}.steps li{border-right:0!important;border-bottom:1px solid var(--k)}.steps li:last-child{border-bottom:0}.btn{width:100%}.cta{flex-direction:column}}
@media(max-width:1020px){.links{visibility:hidden}.menu-open .links{visibility:visible}}
@media(max-width:760px){.announce .hide-m{display:none}.card .art{aspect-ratio:16/10}.card .art svg{width:34%}}
.center-head{margin-left:auto;margin-right:auto;text-align:center}
.tiny{font-size:.78rem;color:var(--m);margin-top:14px}
.pattern{height:22px;background:repeating-linear-gradient(45deg,var(--k) 0 2px,transparent 2px 10px),repeating-linear-gradient(-45deg,var(--k) 0 2px,transparent 2px 10px);border-top:1.5px solid var(--k);border-bottom:1.5px solid var(--k)}
.ctable{width:100%;border-collapse:collapse;font-size:.95rem}
.ctable th{font-family:"PoppinsLocal";font-weight:600;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#aaa;padding:0 12px 16px;text-align:center}
.ctable td{border-top:1px solid #333;padding:18px 12px;text-align:center;width:22%;font-size:1.1rem}
.ctable td:first-child{text-align:left;width:56%;font-size:.95rem;color:#ddd}
.ctable td:nth-child(2){background:var(--w);color:var(--k);font-weight:700}
.btn-inv{background:var(--w);color:var(--k);border-color:#fff}.btn-inv:hover{background:var(--k);color:#fff}
.manifesto{padding:140px 0;border-bottom:1px solid var(--line)}
.manifesto .big{font-family:"PoppinsLocal";font-weight:900;text-transform:uppercase;font-size:clamp(2rem,5.2vw,4.6rem);line-height:1.02;letter-spacing:-.01em;margin-top:24px}
.manifesto .big span{-webkit-text-stroke:1.5px var(--k);color:transparent}
@media(max-width:760px){.manifesto{padding:90px 0}.ctable td:first-child{font-size:.85rem}}

h1 em,h2 em{font-style:normal;color:var(--r)}.dark h2 em{color:#e9a29a}
.announce{background:var(--r)}.announce .ph{border-color:#fff}
.btn{background:var(--r);border-color:var(--r);color:#fff}.btn:hover{background:var(--rd);border-color:var(--rd);color:#fff}
.btn-ghost{background:transparent;color:var(--k);border-color:var(--k)}.btn-ghost:hover{background:var(--k);color:var(--w);border-color:var(--k)}
.btn-inv{background:var(--w);color:var(--k);border-color:var(--w)}.btn-inv:hover{background:var(--r);color:#fff;border-color:var(--r)}
.band{background:var(--r)}
.eyebrow{color:var(--r)}.dark .eyebrow{color:#e9a29a}
.num{color:var(--r)}.feat,.contact>div{border-top-color:var(--k)}
.links a:after{background:var(--r)}.links a:hover{color:var(--r)}
.slogan{color:var(--r);border-top-color:var(--r)}
.pack-top{background:repeating-linear-gradient(90deg,var(--r) 0 2px,var(--w) 2px 7px);border-color:var(--r)}
.pack-line{background:var(--r);height:2px}
.pack:after{border-color:var(--r);background:var(--g)}
.chilli path,.star path,.star circle{stroke:var(--r)}.chilli,.star{background:var(--w)}
.feature{border-color:var(--r)}.badge{background:var(--r);color:#fff}
.feature .art svg *{stroke:#fff}
.ctable td:nth-child(2){background:var(--w);color:var(--r)}
.manifesto{background:var(--g)}.manifesto .big span{-webkit-text-stroke:1.5px var(--r)}
.steps svg *{stroke:var(--r)}
summary:after{color:var(--r)}
.small a{color:#e9a29a}.small a:hover{text-decoration:underline}
.footer{border-top:4px solid var(--r)}