@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101112;--surface:#1a1b1d;--ink:#f5f3ef;--muted:#a8a8ac;--red:#ef5c55;--yellow:#f7ce58;--line:#343537}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 48px;border-bottom:1px solid var(--line);background:#101112f2;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{font:800 28px/1 'Manrope',sans-serif;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--red);margin-left:5px}.brand small{display:block;font:500 10px/1 sans-serif;letter-spacing:2.7px;margin-top:9px;color:#a9aaad}nav{display:flex;gap:32px;font-size:14px;color:#c2c2c5}nav a:hover,.text-link:hover{color:var(--yellow)}.button{background:var(--red);color:#101112;font-weight:700;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:54px;padding:14px 24px;border:1px solid var(--red);transition:background .2s,transform .2s}.button:hover{background:#ff7870;transform:translateY(-2px)}.button.small{min-height:44px;padding:10px 18px;font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:20;background:white;color:black;padding:10px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;min-height:710px;padding-block:90px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--red);margin:0 0 24px}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.08;letter-spacing:-2px;margin:0}h1{font-size:clamp(48px,4.6vw,72px);font-weight:500}em{font-style:normal;color:var(--yellow)}.intro{font-size:18px;color:#b9b9be;max-width:460px;margin:28px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:14px;border-bottom:1px solid #606063;padding-block:5px;display:inline-block}.micro{font-size:12px;color:#929296;margin-top:23px}.hero-visual{border:1px solid #494344;box-shadow:22px 22px 0 #202022;transform:perspective(1400px) rotateY(-7deg);background:#202123;position:relative}.hero-visual:before{content:'';position:absolute;top:-30px;right:35px;width:80px;height:3px;background:var(--red)}.frame-top{padding:19px 20px;display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.5px;color:#c6c6c9}.hero-visual img{width:100%;aspect-ratio:1.4;object-fit:cover;object-position:left top}.visual-bottom{padding:24px;display:flex;flex-direction:column;font-size:14px}.visual-bottom span{color:var(--muted)}.visual-bottom strong{font-size:22px;font-weight:500}.strip{border-block:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:25px;color:#bfbfc2;font-size:14px}.strip span:before{content:'+';color:var(--red);margin-right:12px}.terminal{padding-block:110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}h2{font-size:clamp(34px,3.3vw,48px);font-weight:500}.section-head>p{color:var(--muted);max-width:355px;margin:0}.showcase{border:1px solid var(--line);background:#191a1c}.selectors{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.selectors button{background:transparent;color:#b9b9bd;border:0;border-right:1px solid var(--line);padding:22px 16px;cursor:pointer;text-align:left;font-size:14px}.selectors button:last-child{border-right:0}.selectors button span{font-size:12px;margin-right:12px;color:#858589}.selectors button[aria-selected=true]{background:var(--red);color:#111;font-weight:700}.selectors button[aria-selected=true] span{color:#361814}.panel-copy{display:flex;align-items:start;justify-content:space-between;gap:35px;padding:36px}.panel-copy h3{font-size:27px;letter-spacing:-.7px;max-width:350px}.panel-copy p{margin:0;color:var(--muted);max-width:510px;font-size:15px}#screen-link{display:block;margin:0 36px;background:#eee}#screen{width:100%;aspect-ratio:1.907;object-fit:contain}.caption{color:#a2a2a5;font-size:12px;margin:18px 36px 25px}.method{background:#e8e7e3;color:#1b1c1e;padding:95px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.method .eyebrow{color:#a52e29}.method em{color:#9b3e35}.method p:not(.eyebrow){color:#505154;max-width:470px}.method .muted{font-size:14px}.weights{display:flex;flex-direction:column;gap:21px}.weights div{position:relative;display:flex;justify-content:space-between;gap:16px;padding-bottom:13px;font-size:14px;border-bottom:3px solid #c9c8c5}.weights i{position:absolute;bottom:-3px;left:0;height:3px;width:var(--weight);background:#c74943}.routine{padding-block:110px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.steps article{border-top:1px solid #56565b;padding-top:24px}.steps span{font-size:12px;color:var(--red);letter-spacing:1px}.steps h3{font-size:23px;letter-spacing:-.5px;margin-top:23px}.steps p{color:var(--muted);font-size:15px}.creator{border-top:1px solid var(--line);padding-block:70px 90px}.creator>div{display:grid;grid-template-columns:1fr 1fr;gap:100px}.creator h2 span{color:var(--yellow)}.creator p{color:var(--muted);margin:0;max-width:480px}.creator .text-link{margin-top:22px;color:var(--ink)}.access{background:#252021;border-block:1px solid #5a3937;padding:85px 0}.access-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:100px}.access-grid>div>p:not(.eyebrow){color:#bfb6b8;max-width:470px}.offer{border-left:1px solid #64403d;padding-left:50px}.offer>span{font-size:12px;letter-spacing:2px}.offer .price{font:500 56px/1.1 'Manrope',sans-serif;color:var(--ink)!important;margin:22px 0}.price small{font:400 14px 'DM Sans',sans-serif;margin-left:10px}.offer>p:not(.price){font-size:14px}.offer .button{width:100%;margin-top:12px}.offer>small{font-size:12px;color:#bdb2b4;display:block;margin-top:12px}.faq{padding-block:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:17px;list-style:none;position:relative;padding-right:30px}summary:after{content:'+';position:absolute;right:3px;color:var(--red);font-size:22px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:15px;margin-bottom:0}footer{border-top:1px solid var(--line);padding-block:40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer p{margin:0;text-align:right;color:var(--muted);font-size:14px}footer>small{grid-column:1/-1;font-size:12px;color:#919195;max-width:750px}@media(max-width:1000px){.hero{gap:30px}.wrap{width:calc(100% - 48px)}header{padding-inline:24px}.hero-visual{transform:none;box-shadow:10px 10px 0 #202022}.method-grid,.access-grid,.creator>div{gap:45px}.panel-copy{padding:26px}.selectors button{padding:18px 12px}.selectors button span{display:block;margin-bottom:5px}}@media(max-width:720px){header{padding:18px 20px;gap:15px}.brand{font-size:24px}.brand small{display:none}nav{display:none}.button.small{font-size:12px;padding:10px 12px}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-block:60px;gap:45px;min-height:auto}h1{font-size:54px}.hero-visual img{aspect-ratio:1.65}.intro{font-size:17px}.eyebrow{font-size:11px;letter-spacing:1.5px}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:13px}.section-head{display:block}.section-head>p{margin-top:24px}.terminal,.routine{padding-block:70px}.selectors{grid-template-columns:1fr 1fr}.selectors button{border-bottom:1px solid #343537}.selectors button span{display:inline-block}.panel-copy{display:block;padding:22px}.panel-copy p{margin-top:14px;font-size:14px}#screen-link{margin:0 12px}.caption{margin-inline:16px}.method{padding-block:65px}.method-grid,.creator>div,.access-grid,.faq{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin-top:12px}.creator{padding-block:55px}.access{padding-block:60px}.offer{border-left:0;border-top:1px solid #64403d;padding:30px 0 0}.faq{padding-block:65px}footer{grid-template-columns:1fr}footer p{text-align:left}h2{letter-spacing:-1.4px}.offer .price{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
