:root{--bg:#17191c;--panel:#22252a;--text:#f5f2ea;--muted:#aaaeb4;--orange:#f0a361;--line:#383b40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header,main,footer{max-width:1200px;margin:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:6px}.brand-light{font-weight:400;color:var(--muted)}.mark{background:var(--orange);color:#201c19;width:34px;height:34px;line-height:31px;text-align:center;border-radius:11px;margin-right:5px}nav{display:flex;gap:30px;font-size:14px;align-items:center}.nav-download{border:1px solid #656467;border-radius:30px;padding:10px 20px}main{padding:0 30px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:100px 0 110px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(42px,5vw,68px);letter-spacing:-3px;line-height:1.04;margin:24px 0}em{font-style:normal;color:var(--orange)}.lead{max-width:470px;color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--orange);color:#24201d;font-size:14px;font-weight:bold;padding:17px 23px;border-radius:12px}.button:hover{background:#ffc18b}.button span{font-size:22px}.text-link{font-size:13px}.release{font-size:11px;color:var(--muted);margin-top:14px}.preview{background:linear-gradient(130deg,#2c3035,#22252a);border:1px solid #44484e;border-radius:24px;padding:24px;box-shadow:0 32px 100px #0004;transform:rotate(-2deg)}.preview-top{display:flex;gap:9px;align-items:center;font-size:14px;margin-bottom:20px}.tiny-logo{font-size:22px;color:var(--orange);font-weight:bold}.preview-tag{font-size:7px;letter-spacing:1px;color:var(--muted);margin-left:auto}.account{display:flex;align-items:center;gap:12px;border:1px solid #45484d;border-radius:13px;padding:14px;margin-bottom:10px;background:#24272b}.account.active{background:#44352b;border-color:#967251}.avatar{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;font-weight:bold;color:#24272b}.amber{background:#eab281}.lavender{background:#b5a8c9}.green{background:#a6bba3}.account strong{display:block;font-size:13px}.account small{color:var(--muted);font-size:10px}.check,.count{margin-left:auto}.check{color:var(--orange)}.count{font-size:11px;background:#464a50;border-radius:20px;padding:2px 8px}.preview-tools{display:flex;gap:8px;margin-top:20px}.preview-tools span{flex:1;font-size:10px;background:#34383e;border-radius:8px;padding:11px 5px;text-align:center}.preview-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin-top:18px}.features{border-top:1px solid var(--line);padding:60px 0 85px}h2{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:15px 0 30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.feature-number{font-size:10px;letter-spacing:1.5px;color:var(--orange)}h3{font-size:21px;margin:16px 0 10px}.feature-grid p{color:var(--muted);font-size:14px;margin:0}.guide{background:#eeebe4;color:#262626;border-radius:24px;padding:50px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.guide .eyebrow{color:#73716c}.guide-intro>p:not(.eyebrow){font-size:14px;color:#66635d}.browser-switch{display:flex;gap:5px;padding:5px;background:#dedbd4;border-radius:11px;margin-top:25px}.browser-switch button{flex:1;border:0;background:transparent;padding:10px;border-radius:8px;font-size:13px}.browser-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #0001}.browser-address{display:grid;gap:10px;margin-top:23px;font-size:12px}.browser-address>span{color:#77736e}.browser-address code{font-size:14px}.browser-address button{justify-self:start;border:0;border-bottom:1px solid #999;background:transparent;padding:4px 0;font-size:12px}.browser-address small{min-height:1.5em;color:#625d57}details{border-bottom:1px solid #d0cdc5;padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:17px;font-weight:bold;display:flex;justify-content:space-between;gap:15px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-weight:normal;font-size:22px;color:#777}details[open] summary span{transform:rotate(45deg)}ol{padding-left:22px;font-size:13px;line-height:1.7}li{padding-left:7px;margin:16px 0}li::marker{color:#9e6436;font-weight:bold}details p{font-size:13px;color:#5f5b55}code{overflow-wrap:anywhere}.notice{border-left:2px solid #c18b5e;padding-left:14px}.bottom-cta{display:flex;justify-content:space-between;align-items:center;padding:75px 0}.bottom-cta h2{margin-bottom:0}footer{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer small{margin-left:auto;font-size:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cf8b4d;outline-offset:5px}@media(max-width:900px){.hero{gap:30px;padding:65px 0}.actions{flex-wrap:wrap;gap:15px}.guide{gap:30px;padding:32px}.preview{padding:18px}.feature-grid{gap:25px}}@media(max-width:650px){header{height:76px;padding:0 20px}nav{gap:16px}nav>a:first-child{display:none}.brand{font-size:21px}.mark{display:none}.nav-download{padding:7px 13px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:45px;padding:45px 0 60px}h1{font-size:49px;letter-spacing:-2px}.lead{font-size:16px}.preview{transform:none;max-width:460px;width:100%;margin:auto}.features{padding:35px 0 45px}h2{font-size:29px}.feature-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.feature-grid article{border-top:1px solid var(--line);padding-top:22px}.guide{grid-template-columns:1fr;padding:25px;gap:25px;border-radius:18px}.bottom-cta{padding:45px 0;align-items:start;gap:25px;flex-direction:column}footer{padding:25px 20px;gap:12px}footer small{margin-left:0;width:100%}summary{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
