:root{--bg:#030504;--panel:#070a08;--ink:#e8deca;--muted:#b7b0a3;--gold:#d49a31;--gold2:#efb84c;--red:#d62d20;--line:rgba(211,154,49,.48);--header:76px;--page:1460px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px)}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.1) .6px,transparent .7px);background-size:5px 5px}img{display:block;width:100%;height:auto}a{color:inherit}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 max(34px,calc((100vw - var(--page))/2 + 34px));background:rgba(3,5,4,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{text-decoration:none;font-weight:950;letter-spacing:-.045em;font-size:1.45rem}.brand span{color:var(--ink)}.brand strong{color:var(--red)}nav{height:100%;display:flex;align-items:center;gap:38px}nav a{position:relative;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.07em;color:#d9d1c3}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--gold);transition:right .2s}nav a:hover:after,nav a.active:after{right:0}.menu-button{display:none;border:0;background:none;padding:10px}.menu-button span{display:block;width:27px;height:2px;margin:6px 0;background:var(--gold)}
.hero{position:relative;width:min(var(--page),100%);min-height:850px;margin:0 auto;padding:var(--header) 48px 0;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden;border-inline:1px solid rgba(211,154,49,.18);background:radial-gradient(circle at 72% 44%,rgba(171,90,9,.2),transparent 38%),radial-gradient(circle at 13% 57%,rgba(42,83,39,.15),transparent 27%),linear-gradient(90deg,#030504,#050806 54%,#080906)}.hero:after{content:"";position:absolute;inset:auto 0 0;z-index:3;height:170px;background:linear-gradient(transparent,#030504)}.hero-glow{position:absolute;z-index:0;right:7%;top:14%;width:54%;aspect-ratio:1;background:radial-gradient(circle,rgba(215,139,20,.18),transparent 68%);filter:blur(12px)}.hero-copy{position:relative;z-index:5;max-width:610px;padding:62px 0 48px}.kicker{margin:0 0 12px;color:var(--gold2);font-size:.78rem;font-weight:900;letter-spacing:.22em}.hero h1,.section-heading h2,.dosage h2,.faq-section h2{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-weight:900;letter-spacing:.015em;line-height:.9;text-transform:uppercase}.hero h1{font-size:clamp(6.3rem,8.5vw,9.2rem)}.hero h1 span{color:var(--red)}.hero h2{margin-top:14px;color:var(--gold);font-size:clamp(1.65rem,2.2vw,2.45rem)}.lead{max-width:470px;margin:28px 0 32px;color:#ded7cb;font-size:1.15rem}.actions{display:flex;gap:17px}.button{min-height:54px;min-width:190px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--gold);text-decoration:none;font-size:.79rem;font-weight:900;letter-spacing:.04em;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.15)}.button.primary{border-color:transparent;color:#111;background:linear-gradient(100deg,#b97917,#e2aa40)}.button.secondary{background:rgba(0,0,0,.35)}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:76px}.hero-points div{display:grid;grid-template-rows:36px auto auto;gap:3px}.hero-points b{color:var(--gold);font-size:1.7rem;font-weight:400}.hero-points strong{color:var(--gold2);font-size:.74rem;letter-spacing:.08em}.hero-points span{color:var(--muted);font-size:.78rem}.hero-product{position:relative;z-index:2;height:774px;align-self:end;display:flex;justify-content:center;align-items:flex-end}.hero-product img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:contrast(1.04) brightness(.98)}
.panel,.faq-section,footer{width:min(var(--page),calc(100% - 28px));margin:0 auto}.panel{border:1px solid var(--line);padding:39px 45px 42px;background:linear-gradient(145deg,rgba(8,12,9,.98),rgba(3,5,4,.99))}.journey{position:relative;z-index:6;margin-top:-1px}.section-heading h2,.dosage h2,.faq-section h2{margin:8px 0 12px;color:var(--gold);font-size:clamp(2.2rem,3.6vw,4rem)}.section-heading>p:last-child,.dosage-copy>p{max-width:610px;margin:0;color:var(--muted)}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.stage{position:relative;min-width:0;border:1px solid var(--line);background:#030504}.stage:not(:last-child):after{content:"→";position:absolute;z-index:4;top:39%;right:-27px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);background:#060806;font-weight:900}.stage-image{aspect-ratio:1/.94;overflow:hidden}.stage-image img{height:100%;object-fit:cover;transition:transform .5s}.stage:hover img{transform:scale(1.035)}.stage-copy{position:relative;min-height:146px;padding:21px 20px 24px;text-align:center}.stage-copy span{position:absolute;right:16px;top:18px;color:#706039;font-size:.75rem;font-weight:900}.stage h3{margin:0 0 10px;color:var(--gold2);font-family:Impact,"Arial Narrow",sans-serif;font-size:1.65rem;letter-spacing:.06em}.stage p{margin:0 auto;max-width:230px;color:var(--muted);font-size:.88rem}
.dosage{display:grid;grid-template-columns:1.08fr .9fr .58fr;align-items:center;gap:46px;border-top:0}.dose-list{margin-top:24px;border-top:1px solid var(--line)}.dose-list>div{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.dose-list span{color:#ddd6c8;font-size:.9rem}.dose-list strong{color:var(--gold2);font-size:1.08rem}.dose-list small{display:block;color:var(--muted);font-size:.76rem;font-weight:400}.dose-image{height:340px;overflow:hidden;border:1px solid var(--line)}.dose-image img{height:100%;object-fit:cover;object-position:center}.tip{min-height:230px;padding:28px;border:1px solid var(--line)}.tip span{color:var(--gold2);font-weight:900}.tip p{color:var(--muted);font-size:.9rem}.tip b{display:block;margin-top:20px;color:var(--gold);font-size:3rem;text-align:right}.benefits{border-top:0;background:radial-gradient(circle at 77% 42%,rgba(73,93,56,.15),transparent 35%),linear-gradient(145deg,#080b09,#040605)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px}.benefit-grid article{padding:8px 28px 8px 0}.benefit-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.benefit-grid span{color:var(--gold);font-size:2.2rem}.benefit-grid h3{color:var(--gold2);font-size:.83rem}.benefit-grid p{color:var(--muted);font-size:.88rem}
.faq-section{display:grid;grid-template-columns:.94fr 1.06fr;min-height:500px;border:1px solid var(--line);border-top:0;background:#050706}.faq-copy{z-index:2;padding:42px 48px}.faq-list{margin-top:24px}.faq-list details{border:1px solid var(--line);border-bottom:0;background:rgba(0,0,0,.26)}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;cursor:pointer;list-style:none;font-size:.9rem;font-weight:700}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-size:1.2rem;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{margin:0;padding:0 17px 17px;color:var(--muted);font-size:.88rem}.faq-image{min-height:500px;background:linear-gradient(90deg,#050706,transparent 38%),url("../images/faq-chili.jpg") center/cover no-repeat}footer{position:relative;display:grid;grid-template-columns:1.05fr .72fr 1fr;gap:52px;margin-bottom:28px;padding:38px 50px 55px;border:1px solid var(--line);border-top:0;background:#050706;color:var(--muted)}footer p{font-size:.88rem}footer h2{color:var(--gold);font-size:.76rem;letter-spacing:.12em}footer>div:nth-child(2){display:flex;flex-direction:column;gap:8px}footer>div:nth-child(2) a{font-size:.88rem}.footer-line{display:flex;align-items:center;gap:20px;padding-left:36px;border-left:1px solid var(--line)}.footer-line>b{color:var(--gold);font-size:3rem}.footer-line p{color:#d9d0bf;font-size:1.25rem;letter-spacing:.05em}.footer-line strong{color:var(--red)}footer small{position:absolute;left:50px;bottom:15px;font-size:.72rem}.reveal{opacity:0;transform:translateY(15px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){:root{--header:68px}.site-header{padding:0 20px}.menu-button{display:block;z-index:2}nav{position:absolute;display:none;inset:var(--header) 0 auto;height:auto;padding:24px;flex-direction:column;align-items:flex-start;gap:20px;background:rgba(3,5,4,.98);border-bottom:1px solid var(--line)}nav.open{display:flex}nav a:after{bottom:-5px}.hero{grid-template-columns:1fr;padding:var(--header) 0 0}.hero-copy{max-width:none;padding:64px 30px 26px}.hero h1{font-size:clamp(5.8rem,19vw,9rem)}.hero-product{height:min(104vw,760px)}.hero-points{margin-top:46px}.stage-grid{grid-template-columns:repeat(2,1fr)}.stage:nth-child(2):after{display:none}.dosage{grid-template-columns:1fr 1fr}.tip{grid-column:1/-1;min-height:0}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:22px}.benefit-grid article+article{padding-left:0;border-left:0}.faq-section{grid-template-columns:1fr}.faq-image{min-height:360px;order:-1;background:linear-gradient(0deg,#050706,transparent 42%),url("../images/faq-chili.jpg") center/cover no-repeat}footer{grid-template-columns:1fr 1fr}.footer-line{grid-column:1/-1;padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){.brand{font-size:1.2rem}.hero{min-height:0}.hero-copy{overflow:hidden;padding:84px 20px 16px}.hero h1{font-size:clamp(4rem,20vw,6rem);white-space:nowrap;letter-spacing:-.015em}.hero h2{font-size:1.35rem}.lead{font-size:1rem}.actions{display:grid}.button{width:100%;min-width:0}.hero-points{grid-template-columns:1fr;gap:17px;margin-top:46px}.hero-points div{grid-template-columns:42px 1fr;grid-template-rows:auto auto}.hero-points b{grid-row:1/3}.hero-product{height:min(137vw,650px)}.panel,.faq-section,footer{width:100%;border-left:0;border-right:0}.panel{padding:36px 18px}.section-heading h2,.dosage h2,.faq-section h2{font-size:clamp(2.35rem,12vw,3.5rem)}.stage-grid{grid-template-columns:1fr 1fr;gap:8px}.stage:not(:last-child):after{display:none}.stage-copy{min-height:155px;padding:17px 11px;text-align:left}.stage-copy span{display:none}.stage h3{font-size:1.3rem}.stage p{font-size:.79rem}.dosage{grid-template-columns:1fr;gap:25px}.dose-list>div{align-items:flex-start}.dose-image{height:270px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{padding:8px 0 20px;border-bottom:1px solid var(--line)}.faq-copy{padding:36px 18px}.faq-image{min-height:320px}summary{padding:15px 13px;font-size:.86rem}details p{padding:0 13px 16px;font-size:.86rem}footer{grid-template-columns:1fr;gap:25px;padding:38px 20px 58px}footer small{left:20px}.footer-line{grid-column:auto}}
@media(max-width:370px){.hero h1{font-size:18.3vw}}

/* Lättare typografi: behåller det kraftiga uttrycket utan att bokstäverna flyter ihop. */
.hero h1,
.section-heading h2,
.dosage h2,
.faq-section h2 {
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
}

.hero h1 {
  font-weight: 650;
  letter-spacing: -0.055em;
}

.hero h2,
.stage h3 {
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-weight: 700;
}

.brand,
nav a,
.button,
.kicker,
.hero-points strong,
.dose-list b,
.dose-list strong,
.tip span,
summary,
.benefit-grid h3 {
  font-weight: 700;
}