:root{--bg:#050505;--text:#f3f1ec;--yellow:#f2bd16;--orange:#ef7620;--blue:#36a6ef;--purple:#b54de7;--line:#262315;--max:1270px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.section-shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.site-header{width:min(var(--max),calc(100% - 48px));height:68px;margin:auto;display:flex;align-items:center;border-bottom:1px solid #1f1f1f}.brand{color:var(--yellow);font-size:23px;font-weight:900;letter-spacing:.015em;white-space:nowrap}.nav{margin-left:auto;display:flex;gap:37px;align-items:center;font-size:14px;font-weight:800;letter-spacing:.02em}.nav a{height:68px;display:flex;align-items:center;border-bottom:2px solid transparent}.nav a.active,.nav a:hover{color:var(--yellow);border-color:var(--yellow)}.menu-toggle{display:none}
.hero{height:498px;display:grid;grid-template-columns:54% 46%;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding-top:44px;position:relative;z-index:2}.hero h1{margin:0;color:var(--yellow);font-family:Impact,"Arial Black",Arial,sans-serif;font-size:68px;line-height:.94;letter-spacing:.01em;font-weight:900;text-transform:uppercase}.hero h1 span{display:block}.hero-kicker{position:relative;display:inline-block;margin:10px 0 27px;color:#f4f2ee;font-family:"Arial Black",Arial,sans-serif;font-style:italic;font-weight:900;font-size:36px;line-height:1;letter-spacing:-.045em}.hero-kicker:after{content:"";position:absolute;right:-18px;bottom:-16px;width:300px;height:7px;background:linear-gradient(90deg,transparent 0 4%,var(--yellow) 14% 82%,transparent 100%);clip-path:polygon(0 45%,90% 0,100% 35%,88% 60%,100% 84%,12% 72%);transform:rotate(-1.2deg)}.hero-text{width:495px;max-width:100%;font-size:17px;line-height:1.5;margin:0;color:#ededeb}.short-rule{width:120px;height:2px;background:var(--yellow);margin:17px 0 14px}.hero-proof{font-size:16px;line-height:1.65;margin:0 0 17px;color:#eee}.hero-proof strong{color:var(--yellow)}.actually{position:relative}.actually:after{content:"";position:absolute;left:-4px;right:-4px;bottom:-5px;height:2px;background:var(--yellow);transform:rotate(-1deg)}.actions{display:flex;gap:18px}.btn{height:44px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 24px;font-size:13px;font-weight:900;border-radius:2px}.btn-primary{background:var(--yellow);color:#050505;border:2px solid var(--yellow);min-width:225px}.btn-outline{color:var(--yellow);border:2px solid var(--yellow);min-width:228px}.btn:hover{filter:brightness(1.07)}.hero-art{position:relative;height:100%;overflow:hidden}.hero-art img{position:absolute;right:-14px;top:4px;width:675px;height:493px;object-fit:cover;object-position:center;mix-blend-mode:normal}
.series{display:grid;grid-template-columns:280px 1fr;gap:36px;padding-top:16px;padding-bottom:14px}.series-intro{padding-top:13px}.eyebrow{margin:0 0 3px;color:var(--yellow);font-size:16px;font-weight:900}.series h2{font-family:"Arial Black",Arial,sans-serif;font-size:32px;line-height:.9;letter-spacing:-.03em;margin:0 0 19px}.series-intro>p:not(.eyebrow){font-size:15px;line-height:1.55;margin:0;width:260px;max-width:100%}.text-link{position:relative;display:inline-flex;gap:10px;color:var(--yellow);font-weight:900;font-size:14px;margin-top:20px}.text-link:after{content:"";position:absolute;left:0;right:10px;bottom:-7px;height:3px;background:var(--yellow);clip-path:polygon(0 40%,92% 0,100% 60%,80% 72%,5% 100%)}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.book-card img{width:100%;height:250px;object-fit:fill}.book-meta{text-align:center;padding-top:9px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#eee}
.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-top:14px;padding-bottom:14px}.benefit{display:flex;align-items:center;gap:15px;padding:0 20px;border-right:1px solid #292929}.benefit:first-child{padding-left:0}.benefit:last-child{border-right:0;padding-right:0}.icon{flex:0 0 52px;width:52px;height:52px;border:3px solid var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--yellow);font-size:34px;line-height:1}.bolt{border:0;font-size:53px;font-family:Georgia,serif}.benefit h3{font-size:15px;line-height:1.1;margin:0 0 5px;letter-spacing:.02em}.benefit p{font-size:13px;line-height:1.45;margin:0;color:#e8e6e1}
footer{display:flex;justify-content:space-between;color:#8c8983;font-size:12px;padding-top:24px;padding-bottom:28px}
@media(max-width:1000px){.site-header,.section-shell{width:min(94%,var(--max))}.nav{gap:20px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:58px}.hero-kicker{font-size:31px}.series{grid-template-columns:230px 1fr}.book-grid{gap:12px}.benefits{grid-template-columns:1fr 1fr;row-gap:18px}.benefit:nth-child(2){border-right:0}}
@media(max-width:760px){.site-header{height:64px}.brand{font-size:19px}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid #6e5810;color:var(--yellow);padding:7px 9px;font-weight:800}.nav{display:none;position:absolute;z-index:20;top:64px;left:3%;right:3%;background:#0a0a0a;border:1px solid #312b18;padding:8px 15px;flex-direction:column;align-items:flex-start;gap:0}.nav.open{display:flex}.nav a{height:42px}.hero{height:auto;grid-template-columns:1fr;padding-bottom:0}.hero-copy{padding-top:30px}.hero h1{font-size:clamp(52px,16vw,72px)}.hero-kicker{font-size:clamp(25px,7vw,34px)}.hero-text{font-size:16px}.hero-art{height:330px;margin-top:10px}.hero-art img{top:0;right:50%;transform:translateX(50%);width:520px;height:380px;object-fit:cover}.actions{flex-direction:column}.btn{width:100%}.series{grid-template-columns:1fr;padding-top:28px}.series-intro>p:not(.eyebrow){width:auto}.book-grid{grid-template-columns:1fr 1fr}.book-card img{height:auto;aspect-ratio:214/250}.benefits{grid-template-columns:1fr}.benefit,.benefit:first-child,.benefit:last-child{padding:13px 0;border-right:0;border-bottom:1px solid #292929}.benefit:last-child{border-bottom:0}footer{flex-direction:column;gap:10px}}