:root{color-scheme:light;--bg:oklch(1 0 0);--surface:oklch(.975 .006 188);--ink:oklch(.22 .028 210);--muted:oklch(.48 .018 210);--line:oklch(.86 .018 198);--teal:oklch(.48 .105 195);--teal-deep:oklch(.31 .065 200);--fold:oklch(.84 .15 86);--focus:oklch(.62 .12 195);--shadow:0 20px 48px oklch(.25 .03 200/.12);--font:ui-rounded,"SF Pro Rounded","PingFang SC","Noto Sans SC",system-ui,sans-serif;--mono:"SF Mono","Cascadia Code",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);letter-spacing:-.012em}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:16px;top:-64px;background:var(--ink);color:#fff;padding:9px 13px;border-radius:9px;z-index:10}.skip:focus{top:12px}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;font-size:18px;font-weight:760;letter-spacing:-.04em}.brand img{width:29px;height:29px;object-fit:contain}.brand small{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px;font-weight:650}.nav a:not(.nav-cta):hover,.nav a[aria-current=page]{color:var(--teal)}.nav-cta{background:var(--ink);color:#fff;padding:8px 13px;border-radius:10px}.nav-cta:active,.button:active,.copy:active{transform:translateY(1px) scale(.985)}.page{padding:68px 0 86px}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:64px;align-items:center;min-height:560px}.eyebrow{margin:0 0 16px;color:var(--teal);font:700 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero h1,.page-title{margin:0;letter-spacing:-.065em;line-height:.99;font-size:clamp(48px,7vw,84px);max-width:8.5ch}.lede{max-width:33em;margin:24px 0 30px;color:var(--muted);font-size:18px}.actions{display:flex;gap:11px;flex-wrap:wrap}.button{min-height:47px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14px;font-weight:760;transition:transform .16s ease,box-shadow .16s ease}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 12px 20px oklch(.42 .1 195/.2)}.button:hover{box-shadow:0 8px 22px oklch(.3 .03 200/.13)}.hero-object{position:relative;min-height:430px;display:grid;place-items:center}.receipt{width:min(100%,410px);min-height:333px;padding:34px 34px 28px;background:#fff;border:1px solid var(--line);border-radius:20px 20px 44px 20px;box-shadow:var(--shadow);transform:rotate(2.2deg);position:relative;overflow:hidden}.receipt:after{content:"";position:absolute;width:90px;height:90px;right:-1px;bottom:-1px;background:linear-gradient(135deg,transparent 48%,var(--fold) 49%);filter:drop-shadow(-1px -1px 0 var(--line))}.receipt-kicker{margin:28px 0 8px;color:var(--teal);font:700 11px/1 var(--mono);letter-spacing:.11em}.receipt strong{display:block;font-size:27px;letter-spacing:-.05em}.receipt p{margin:10px 0;color:var(--muted);font-size:14px}.receipt code{display:block;margin-top:27px;padding:12px;border-radius:10px;background:var(--surface);color:var(--teal-deep);font:600 12px/1.5 var(--mono);white-space:nowrap;overflow:hidden}.clip{position:absolute;top:0;left:45%;width:190px;filter:drop-shadow(0 12px 12px oklch(.26 .03 200/.2));transform:translate(-50%,-28%) rotate(-5deg);z-index:2;animation:clip-settle 900ms cubic-bezier(.17,.67,.33,1.16) both}.note-rail{display:grid;grid-template-columns:1.1fr .9fr .9fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-rail article{padding:28px 26px 30px;border-right:1px solid var(--line)}.note-rail article:last-child{border:0}.note-rail h2{margin:0 0 8px;font-size:18px;letter-spacing:-.035em}.note-rail p{margin:0;color:var(--muted);font-size:14px}.section{padding:104px 0;border-bottom:1px solid var(--line)}.section h2{margin:0;max-width:15ch;font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-.06em}.cap{margin:14px 0 0;max-width:47ch;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px;margin-top:42px}.feature{min-height:245px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;position:relative;overflow:hidden}.feature.tinted{background:var(--surface)}.feature.deep{background:var(--teal-deep);color:#fff}.feature.deep p{color:oklch(.88 .02 195)}.feature h3{margin:0 0 8px;font-size:19px;letter-spacing:-.04em}.feature p{margin:0;color:var(--muted);font-size:14px}.paper-lines{margin-top:43px;display:grid;gap:10px}.paper-lines i{display:block;height:1px;background:var(--line)}.feature .fold{position:absolute;right:0;bottom:0;width:70px;height:70px;background:linear-gradient(135deg,transparent 49%,var(--fold) 50%)}.install{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:start}.install-copy{position:sticky;top:24px}.steps{border:1px solid var(--line);border-radius:18px;overflow:hidden}.step{display:grid;grid-template-columns:42px 1fr;padding:20px;border-bottom:1px solid var(--line);background:#fff}.step:last-child{border:0}.step-no{font:700 12px var(--mono);color:var(--teal)}.step h3{margin:0 0 6px;font-size:17px;letter-spacing:-.035em}.step p{margin:0;color:var(--muted);font-size:14px}.code{position:relative;margin-top:14px;padding:15px 50px 15px 15px;background:var(--ink);border-radius:11px;color:oklch(.91 .014 190);font:500 12px/1.6 var(--mono);overflow:auto}.copy{position:absolute;right:8px;top:8px;border:1px solid oklch(.8 .02 190/.3);border-radius:8px;background:transparent;color:#fff;padding:5px 7px;font-size:11px;cursor:pointer}.status{display:inline-flex;align-items:center;gap:7px;margin-top:20px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px}.status i{width:8px;height:8px;border-radius:50%;background:var(--fold)}.route-head{max-width:720px}.page-title{font-size:clamp(44px,6vw,70px);max-width:12ch}.intro{margin:22px 0 0;max-width:48ch;color:var(--muted);font-size:18px}.download-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;margin-top:44px}.release{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.release h2{margin:0;font-size:28px;letter-spacing:-.05em}.release p{color:var(--muted);max-width:43ch}.release .button{margin-top:8px}.details{display:grid;gap:16px}.detail{padding:24px;border:1px solid var(--line);border-radius:18px}.detail h3{margin:0 0 7px;font-size:18px;letter-spacing:-.035em}.detail p{margin:0;color:var(--muted);font-size:14px}.warning{margin-top:42px;padding:18px 20px;border-left:3px solid var(--fold);background:oklch(.97 .025 90);color:var(--ink);font-size:14px}.warning strong{display:block;margin-bottom:4px}.docs-nav{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.docs-nav a{padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:13px;font-weight:700}.docs-nav a:hover{border-color:var(--teal);color:var(--teal)}.guide{max-width:800px}.guide h2{margin:52px 0 14px;font-size:30px;letter-spacing:-.05em}.guide h3{margin:26px 0 8px;font-size:20px;letter-spacing:-.035em}.guide p,.guide li{color:var(--muted)}.guide ul{padding-left:20px}.guide .code{margin:16px 0}.notice{padding:17px 20px;border:1px solid oklch(.78 .1 85);border-radius:13px;background:oklch(.98 .025 85);color:oklch(.35 .05 70);font-size:14px}.footer{padding:34px 0 46px;color:var(--muted);font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px}.footer-links{display:flex;gap:17px}.footer a:hover{color:var(--teal)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes clip-settle{from{opacity:0;transform:translate(-50%,-54%) rotate(-12deg)}to{opacity:1;transform:translate(-50%,-28%) rotate(-5deg)}}@media(max-width:800px){.shell{width:min(100% - 32px,1180px)}.nav{gap:13px}.nav a:not(.nav-cta){display:none}.page{padding:34px 0 64px}.hero{grid-template-columns:1fr;gap:25px;min-height:0}.hero-object{min-height:350px;order:-1}.receipt{width:330px;min-height:270px}.clip{width:165px}.note-rail,.feature-grid,.install,.download-grid{grid-template-columns:1fr}.note-rail article{border-right:0;border-bottom:1px solid var(--line)}.note-rail article:last-child{border-bottom:0}.section{padding:70px 0}.install-copy{position:static}.footer-row{display:block}.footer-links{margin-top:12px}.page-title{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.clip{animation:none}}
