:root{color-scheme:dark;--bg:#0a0b0d;--text:#f4f3f2;--muted:#afb2b8;--line:#282b31;--accent:#baf485;--panel:#13161a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Geist,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:1rem;top:-4rem}.skip:focus{top:.5rem;z-index:5}
.shell{width:min(1210px,calc(100% - 76px));margin-inline:auto}.header{background:#0a0b0df5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.nav{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.brand b,.plain-link{color:var(--accent)}.logo{width:30px;height:30px;border:1px solid #465944;display:grid;place-items:center;background:#181f16;border-radius:7px;color:var(--accent);margin-right:4px}.nav nav{display:flex;gap:24px;color:var(--muted);font-size:13px}.nav a:hover,.plain-link:hover{color:#fff}
.intro{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(20px,5vw,70px);align-items:center;min-height:640px;padding-block:48px}.intro-copy{max-width:485px}.overline{font:500 11px/1.3 "IBM Plex Mono",monospace;letter-spacing:.14em;color:var(--accent);display:flex;align-items:center;gap:9px;margin:0 0 10px}.overline span{width:7px;height:7px;background:var(--accent);box-shadow:0 0 12px #baf48585;transform:rotate(45deg)}h1,h2{font:800 clamp(44px,5vw,78px)/.91 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-.022em;margin:0}h1{font-size:clamp(73px,8.6vw,142px)}h1 em{font-style:normal;color:var(--accent)}.pitch{color:#c5c8ca;max-width:390px;margin:17px 0 22px}.stats{display:flex;gap:31px;margin-bottom:22px}.stats>div{display:flex;align-items:center;gap:9px}.stats strong{font:700 32px/1 "Barlow Condensed",sans-serif}.stats span,.micro,.purchase-note{color:var(--muted);font-size:12px}
.purchase{border:1px solid #303739;background:#121617;padding:16px;border-radius:12px;max-width:400px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-weight:700}.button{display:block;width:100%;border:0;border-radius:8px;background:var(--accent);color:#172313;padding:12px 15px;font-weight:700;text-align:center}.button:hover:not(:disabled){background:#d8ffb5}.button:disabled{background:#384335;color:#e1ebdc;cursor:default}.purchase-note{margin:8px 0 3px}.plain-link{font-size:13px}.cover-frame{position:relative;border:1px solid #535159;border-radius:16px;overflow:hidden;background:#12101a;aspect-ratio:1.08}.cover-frame img{width:100%;height:100%;object-fit:cover;display:block}.frame-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;background:#0b0b11e0;padding:12px 15px;font:500 10px/1.4 "IBM Plex Mono",monospace;letter-spacing:.11em}.frame-label span{color:var(--accent)}
.compat-strip{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--line);font-size:13px;color:#d3d5d7}.compat-strip span{color:var(--muted);font:500 11px "IBM Plex Mono",monospace}.section{padding:54px 0;border-bottom:1px solid var(--line)}.section-heading,.includes{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:24px;margin-bottom:20px}.section p:not(.overline){color:var(--muted)}.includes{align-items:start;grid-template-columns:1fr 1fr}.includes h3{margin:0}.includes h3+p{margin:4px 0 15px}.compare{--split:50%;isolation:isolate;position:relative;overflow:hidden;aspect-ratio:2.23;border:1px solid #504b57;border-radius:11px;background:#141119 url("../assets/ring.jpg") center/cover}.compare video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.compare.ready video{opacity:1}.compare .after-video{clip-path:inset(0 0 0 var(--split))}.stamp{position:absolute;top:12px;background:#080b13e3;padding:5px 8px;border-radius:4px;font:500 11px "IBM Plex Mono",monospace;pointer-events:none}.before{left:12px}.after{right:12px}.divider{position:absolute;left:var(--split);height:100%;width:2px;background:#fff;pointer-events:none}.divider b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#111;border:1px solid #fff;white-space:nowrap}.compare input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y}.compare:focus-within{outline:2px solid var(--accent);outline-offset:3px}details{border-bottom:1px solid var(--line);padding:8px 0}summary{cursor:pointer;font-weight:600}.bottom{position:static;border:0}
dialog{max-width:min(432px,calc(100% - 24px));width:100%;padding:20px;border:1px solid #4e544c;border-radius:12px;background:var(--panel);color:var(--text)}dialog::backdrop{background:#000b}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.dialog-heading h2{font-size:42px}.close{border:1px solid var(--line);border-radius:6px;background:#202326;color:#fff;padding:3px 11px;font-size:24px}.payment-option+.payment-option{margin-top:8px}
@media(max-width:740px){.shell{width:calc(100% - 32px)}.intro{grid-template-columns:1fr;gap:20px;min-height:0;padding-block:25px}.intro-copy{max-width:none}.cover-frame{aspect-ratio:1.75}.nav nav{gap:12px}.nav nav a:first-child{display:none}.section{padding-block:34px}.section-heading,.includes{grid-template-columns:1fr;gap:10px;margin-bottom:11px}.section-heading p:not(.overline){margin:0}.compare{aspect-ratio:1.6}.intro h1{font-size:clamp(68px,15vw,110px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}