@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--accent:#bafa68;--bg:#15211b;--muted:#bbc7be;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:'DM Sans',Arial,sans-serif;transition:background .6s;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{height:104px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff26;gap:24px}.brand{width:170px;height:66px;object-fit:contain}.edition{font-size:10px;letter-spacing:2px;color:#c3cbc7}.edition b{margin-left:16px;color:var(--accent)}.tools{display:flex;gap:10px}.tools button{border:1px solid #ffffff35;background:transparent;border-radius:50px;padding:11px 18px;font-size:12px}.tools span{margin-left:12px}main{max-width:1500px;margin:auto;padding:42px 5% 28px;min-height:calc(100vh - 190px)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(48px,5.3vw,82px);line-height:1.02;font-weight:500;letter-spacing:-4px}h1 em,h2 em{font-style:normal;color:var(--accent)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:24px;color:var(--accent)}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.lead{color:#d0d8d3;font-size:16px;line-height:1.7;max-width:490px;margin-top:24px}.start,.cta{border:0;background:var(--accent);color:#102019;border-radius:40px;padding:16px 24px;font-weight:700;display:inline-flex;gap:30px;text-decoration:none;margin-top:28px}.small-note{font-size:11px;color:#b6c0bb;margin-top:16px}.intro-art{height:280px}.intro-art svg{width:100%;height:100%}.toc-label{display:flex;justify-content:space-between;margin:30px 0 15px;font-size:10px;letter-spacing:2px;color:#c7d0ca}.toc{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.chapter{background:var(--tile);color:#12201c;border:0;text-align:left;border-radius:15px;min-height:153px;padding:18px 15px;position:relative;transition:transform .25s}.chapter:hover{transform:translateY(-7px)}.chapter .num{font-size:11px;opacity:.7}.chapter strong{font-family:'Space Grotesk';display:block;font-size:17px;line-height:1.2;margin-top:26px}.chapter .arrow{position:absolute;right:15px;top:15px;font-size:20px}.chapter .mini{width:25px;height:25px;position:absolute;right:14px;bottom:13px;opacity:.4}.slide{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;min-height:560px}.slide h2{font-size:clamp(42px,4.6vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.04}.visual{position:relative}.visual>svg{width:100%;max-height:355px}.demo-label{text-align:center;color:#c2ccc7;font-size:10px;letter-spacing:1.5px;margin:8px 0 20px}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.choices button{background:#ffffff08;border:1px solid #ffffff30;padding:10px 14px;border-radius:24px;font-size:12px}.choices button[aria-pressed=true]{background:var(--accent);color:#13251c;border-color:var(--accent)}.detail{margin-top:18px;border-left:2px solid var(--accent);padding-left:16px;min-height:74px}.detail h3{font-size:17px;margin-bottom:7px}.detail p{font-size:14px;line-height:1.6;color:#cdd5d1;max-width:520px}.panel{border-top:1px solid #ffffff30;padding-top:20px}.panel-label{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:14px}.steps{display:flex;gap:10px}.steps button{flex:1;border:1px solid #ffffff30;background:transparent;padding:13px 6px;border-radius:12px;font-size:12px}.steps button.active{background:var(--accent);color:#14251e}.result{font-size:14px;line-height:1.6;color:#dae1dd;margin-top:14px;min-height:45px}.brand-link{display:inline-flex;align-items:center;gap:16px;margin-top:18px;font-size:12px}.brand-link img{width:125px;max-height:45px;object-fit:contain;background:#fff;border-radius:5px;padding:6px}.offers{display:flex;gap:30px;align-items:center;margin-top:20px}.offers strong{display:block;color:var(--accent);font-family:'Space Grotesk';font-size:36px}.offers span{font-size:12px;color:#d2dad6}.lenovo{max-width:80px;max-height:35px;margin-bottom:12px}.legal{font-size:10px;line-height:1.5;color:#bcc7c0;margin-top:10px}footer{margin:0 5%;border-top:1px solid #ffffff26;height:82px;display:flex;justify-content:space-between;align-items:center}#position{font-family:'Space Grotesk';font-size:12px;color:#ccd6cf;letter-spacing:2px}#dots{display:flex;gap:9px}#dots button{border:0;background:#ffffff40;width:7px;height:7px;border-radius:10px;padding:0;position:relative}#dots button:after{content:'';position:absolute;inset:-10px}#dots button.active{width:30px;background:var(--accent)}.navigation{display:flex;gap:10px}.navigation button{width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;background:transparent;font-size:21px}.navigation button:disabled{opacity:.25;cursor:default}.ambient{position:fixed;pointer-events:none;width:650px;height:650px;right:-350px;top:-300px;background:var(--accent);opacity:.06;filter:blur(100px);z-index:-1}.enter{animation:enter .55s both}.float{animation:float 5s ease-in-out infinite}.float2{animation:float 6s ease-in-out infinite reverse}.spin{transform-origin:300px 170px;animation:spin 55s linear infinite}.pulse{animation:pulse 2.5s ease-in-out infinite}.dash{stroke-dasharray:7 9;animation:dash 4s linear infinite}.paused *, .paused *:before{animation-play-state:paused!important;transition:none!important}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes dash{to{stroke-dashoffset:-100}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1600px){main{padding-top:65px}.intro-art{height:330px}.toc{margin-top:25px}}@media(max-width:1000px){.toc{grid-template-columns:repeat(4,1fr)}.chapter{min-height:130px}.edition{display:none}.slide{gap:3%}h1{letter-spacing:-2px}}@media(max-width:650px){header{height:85px;margin:0 6%;gap:8px}.brand{width:130px}.tools{gap:5px}.tools button{padding:9px 11px;font-size:10px}main{padding:28px 6%}.intro,.slide{grid-template-columns:1fr}.intro-art{height:200px;margin-top:15px}h1{font-size:49px}.lead{font-size:14px;margin-top:18px}.toc{grid-template-columns:repeat(2,1fr)}.chapter{min-height:120px}.chapter strong{margin-top:22px}.toc-label span:last-child{display:none}.slide{gap:28px}.slide h2{font-size:43px;letter-spacing:-2px}.visual>svg{max-height:260px}.eyebrow{margin-bottom:18px}footer{margin:0 6%}.slide .lead{max-width:none}.offers{gap:22px}.start{margin-top:20px}.detail{min-height:90px}}