:root{color-scheme:light;--ink:#342b43;--muted:#7e6d8b;--purple:#8452d7;--line:#dfd2ed;--ease:cubic-bezier(.22,.72,.24,1)}
*{box-sizing:border-box}html{background:#f9f7fc;color:var(--ink);font:15px/1.7 'Segoe UI',system-ui,-apple-system,'Malgun Gothic',sans-serif;scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;isolation:isolate;background:radial-gradient(ellipse at 5% 27%,#eadffd66,transparent 44%),radial-gradient(ellipse at 98% 9%,#e2eee955,transparent 42%)}
a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #a179df;outline-offset:5px;border-radius:10px}[data-copy]{white-space:pre-line}svg{display:block}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(65px);opacity:.4}.ambient-one{width:480px;height:560px;left:-260px;top:300px;background:#e0d0f1}.ambient-two{width:460px;height:460px;right:-290px;top:70px;background:#d4e5e2}
.site-header,main,footer{max-width:1200px;margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:16px 23px;border:1px solid #ffffffd9;border-radius:25px;background:linear-gradient(115deg,#ffffff73,#ffffff30);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 8px 28px #75549307,inset 0 1px #fff9}.brand{display:flex;align-items:center;gap:11px;font-size:23px;letter-spacing:-.8px;font-weight:650}.brand img{width:33px;height:33px}.brand-light{font-weight:400;color:#8c75a2}.web-link{font-size:12px;padding:10px 17px;border:1px solid #ded0ec80;background:#eee6f78c;border-radius:999px;transition:background .35s var(--ease),transform .35s var(--ease)}.web-link:hover{background:#e9ddf7;transform:translateY(-1px)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:58px;align-items:center;padding:62px 28px 72px}.hero-copy{min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:650;letter-spacing:1.9px;color:#9476ad;margin:0 0 23px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#a277dc;box-shadow:0 0 0 5px #a277dc10}h1{font-size:clamp(38px,3.7vw,49px);line-height:1.27;letter-spacing:-2.15px;font-weight:630;margin:0 0 22px;text-wrap:balance}h2{font-size:22px;line-height:1.45;letter-spacing:-.65px;margin:10px 0 17px}.description{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 29px}
.download-panel{max-width:510px}.platform{display:flex;align-items:center;gap:9px;font-size:11px;color:#776482;margin-bottom:13px}.platform>svg{width:15px;height:15px;fill:currentColor}.platform-detail{margin-left:auto;font-size:10px;color:#8e769f}.download-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.download-option{position:relative;min-width:0;display:flex;flex-direction:column;padding:20px 18px 17px;border:1px solid #fff;border-radius:23px;background:linear-gradient(135deg,#ffffffe0,#f8f3fc94);box-shadow:0 10px 30px #73528c09,inset 0 1px #fff;backdrop-filter:blur(14px);transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .55s var(--ease)}.download-option:hover{transform:translateY(-4px);border-color:#dac4f3;box-shadow:0 16px 35px #79549313}.option-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.chip-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#e9dafaad,#f3ecfa);color:#9c75c1}.chip-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.architecture{font-size:9px;letter-spacing:.06em;line-height:1.5;color:#836497;border:1px solid #e5d7ef;background:#f9f5fc;padding:4px 8px;border-radius:999px}.download-option h2{font-size:18px;line-height:1.3;letter-spacing:-.5px;margin:0 0 5px;font-weight:600}.option-description{font-size:10px;line-height:1.6;color:#806b90;margin:0}.release-meta{font-size:10px;line-height:1.6;color:#806d8e;min-height:16px;margin:13px 0 15px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.download-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:43px;margin-top:auto;padding:10px 12px;background:linear-gradient(125deg,#9c73e4,#8050ce);color:#fff;border:1px solid #b79ae8;border-radius:14px;box-shadow:0 6px 16px #8052cc20,inset 0 1px #ffffff42;font-size:12px;line-height:1.6;font-weight:600;cursor:pointer;transition:box-shadow .4s var(--ease),transform .4s var(--ease),filter .4s var(--ease)}.download-button:hover{transform:translateY(-2px);box-shadow:0 10px 21px #8052cc32;filter:brightness(1.04)}.download-button svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.download-button.unavailable{background:#eee7f4;border-color:#e5d7ef;color:#947fa6;cursor:default;transform:none;box-shadow:none;filter:none}.requirements{font-size:10px;line-height:1.8;color:#806e8d;margin:15px 0 8px;text-align:center}.architecture-help{margin:0;font-size:10px;color:#877095;text-align:center}.architecture-help summary{display:inline-block;cursor:pointer;padding:5px 10px;border-radius:999px;list-style:none;transition:background .3s}.architecture-help summary::-webkit-details-marker{display:none}.architecture-help summary:after{content:' +';margin-left:5px;color:#a589bd}.architecture-help[open] summary:after{content:' −'}.architecture-help summary:hover{background:#e9ddf380}.architecture-help p{padding:12px 16px;margin:5px 0 0;font-size:11px;line-height:1.85;background:#fff8;border:1px solid #fff;border-radius:14px;text-align:left}
.preview{position:relative;min-width:0;padding:13px 0 0;animation:arrive 1.1s .1s var(--ease) both}.preview-orbit{position:absolute;inset:2% -10% 12%;z-index:-1;background:radial-gradient(ellipse,#c4a6e730,transparent 66%);pointer-events:none}.preview-window{border-radius:25px;border:1px solid #fff;background:linear-gradient(145deg,#ffffffb0,#ffffff50);backdrop-filter:blur(20px);box-shadow:0 25px 60px #63497c18,inset 0 1px #fff;overflow:hidden;min-height:360px;transform:perspective(1400px) rotateY(-5deg) rotateZ(-2deg);transition:transform 1.1s var(--ease)}.preview:hover .preview-window{transform:perspective(1400px) rotateY(-2deg) rotateZ(-.5deg)}.preview-top{display:flex;align-items:center;gap:8px;padding:16px 18px;background:#ffffff6b;border-bottom:1px solid #fff9;font-size:11px}.preview-top img{width:21px;height:21px}.preview-top strong{margin-right:auto}.preview-top i{width:6px;height:6px;border:1px solid #b5a1c5;border-radius:50%;margin-left:6px}.preview-body{display:flex;min-height:330px}.preview-body aside{width:72px;flex:none;background:#e9dff13d;padding:19px 12px}.preview-body aside b{display:block;text-align:center;border:1px solid #fff8;border-radius:9px;background:#fff9;color:#9879b8;font-size:18px;font-weight:400;margin-bottom:23px}.preview-body aside span{display:block;height:4px;border-radius:5px;background:#c7b2d995;width:80%;margin:13px 0}.preview-body aside span:nth-child(3){width:60%}.preview-body aside em{display:block;background:#d9c6e789;height:21px;border-radius:7px;margin-top:23px}.preview-notes{padding:21px;flex:1;min-width:0}.preview-search{height:27px;background:#fff7;border:1px solid #fff9;border-radius:10px;margin-bottom:23px}.preview-search i{display:block;width:7px;height:7px;border-radius:50%;border:1px solid #bca7cd;margin:8px 10px}.preview-label{font-size:6px;letter-spacing:1.3px;color:#ac91bc}.preview-notes h2{font-size:20px;margin:5px 0 20px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-note{position:relative;border-radius:14px;padding:16px 13px;min-height:116px;color:#5e486e;font-size:8px;box-shadow:0 4px 8px #8e79a105}.mini-note strong{display:block;font-size:9px}.mini-note p{line-height:1.8;color:#8b739d;margin:9px 0 14px}.mini-note small{font-size:6px;color:#967ea7}.mini-note.lilac{background:linear-gradient(135deg,#e9dafa,#eee5f7)}.mini-note.mint{background:linear-gradient(135deg,#e5f1e9,#deede5)}.mini-note.peach{background:linear-gradient(135deg,#f9ede4,#f4e8df);grid-column:span 2;min-height:78px}.mini-note.peach p{display:inline-block;line-height:2;margin:7px 0 0}.mini-note.peach small{float:right;margin-top:22px}.pin{position:absolute;right:10px;top:8px;color:#9d87b0}.mini-photo{display:grid;place-items:center;height:48px;margin:9px 0 5px;border-radius:8px;background:linear-gradient(150deg,#cce1d5,#b6d0c3);color:#f8fffa;font-size:22px}.floating-reminder{position:absolute;bottom:37px;right:0;display:flex;align-items:center;gap:11px;padding:14px 19px;border:1px solid #fff;border-radius:19px;background:linear-gradient(125deg,#ffffffed,#f4edf9d9);backdrop-filter:blur(18px);box-shadow:0 14px 35px #79549416;transform:rotate(1deg)}.floating-reminder>span{display:grid;place-items:center;background:#eaddf5;color:#956bbb;width:35px;height:35px;border-radius:12px;font-size:21px}.floating-reminder strong{display:block;font-size:10px}.floating-reminder small{display:block;font-size:9px;color:#8d739e}.preview-caption{font-size:9px;color:#927ca1;line-height:1.7;text-align:center;margin:28px 0 0}
.hero-copy{animation:arrive .95s var(--ease) both}.details{display:grid;grid-template-columns:1fr 1fr;gap:21px;padding:8px 28px 53px}.card{position:relative;min-width:0;border-radius:25px;padding:27px 29px;border:1px solid #fff;background:linear-gradient(135deg,#ffffffbc,#ffffff65);box-shadow:0 10px 35px #73528c08,inset 0 1px #fff;backdrop-filter:blur(14px)}.section-label{display:inline-block;font-size:9px;font-weight:500;color:#9175a5;letter-spacing:.06em}.card h2{font-size:20px;margin:11px 0 17px}.card p,.card li{font-size:12px;color:#7e6a8c;line-height:1.9}.card ul{margin:0;padding-left:17px}.card li::marker{color:#b69acf}.card li+li{margin-top:9px}.unsigned{padding:12px 15px;background:#eee4f57d;border:1px solid #e4d4ef80;border-radius:13px;color:#7f6590!important;font-size:10px!important}.card details{font-size:11px;color:#826594;margin-top:21px;padding-top:15px;border-top:1px solid #decfeb70}.card summary{cursor:pointer}.card details code{display:block;overflow-wrap:anywhere;padding:10px 12px;border-radius:10px;background:#eee6f57d;font-size:9px;line-height:1.9;color:#826498}.card details p{font-size:10px!important;margin-bottom:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px 31px;font-size:10px;color:#85718f;border-top:1px solid #e0d4e680}footer>span{font-weight:600;color:#796085}footer nav{display:flex;align-items:center;gap:23px}footer a{transition:color .3s}footer a:hover{color:#8050c4}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1240px){.site-header{margin-inline:24px}.hero{gap:38px;padding-inline:30px}.details{padding-inline:30px}footer{margin-inline:28px;padding-inline:2px}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);gap:38px;padding:45px 28px 45px;max-width:710px;margin:auto}.hero-copy{text-align:center}.eyebrow{justify-content:center}h1{font-size:46px}.download-panel{max-width:520px;margin:auto}.description{font-size:14px}.preview{width:min(100%,570px);margin:auto}.preview-window{transform:rotate(-1deg)}.preview:hover .preview-window{transform:rotate(0)}.details{gap:18px}.card{padding:25px}}
@media(max-width:640px){.site-header{margin:14px 15px 0;padding:13px 16px;border-radius:22px;gap:12px}.brand{font-size:21px;gap:8px}.brand img{width:29px;height:29px}.web-link{font-size:10px;padding:9px 12px}.hero{padding:38px 23px 37px;gap:35px}.eyebrow{font-size:8px;letter-spacing:1.45px;margin-bottom:20px}h1{font-size:36px;letter-spacing:-1.6px;line-height:1.3;margin-bottom:18px}.description{font-size:12px;line-height:1.95;margin-bottom:24px}.platform{font-size:10px}.platform-detail{font-size:9px}.download-options{gap:10px}.download-option{padding:16px 13px 14px;border-radius:21px}.chip-icon{width:30px;height:30px;border-radius:10px}.chip-icon svg{width:17px;height:17px}.architecture{font-size:8px;padding:3px 6px}.option-top{margin-bottom:13px;gap:8px}.download-option h2{font-size:16px;letter-spacing:-.4px}.option-description{font-size:9px}.release-meta{font-size:9px;margin:12px 0 14px}.download-button{min-height:42px;font-size:11px;gap:8px;padding:9px 8px;border-radius:13px}.download-button svg{width:14px;height:14px}.requirements{font-size:9px;margin-top:14px}.architecture-help{font-size:9px}.architecture-help p{font-size:10px}.preview-window{border-radius:22px;transform:none}.preview:hover .preview-window{transform:none}.preview-body{min-height:305px}.preview-body aside{width:56px;padding-inline:9px}.preview-notes{padding:17px 13px}.preview-top{padding:13px 15px}.preview-notes h2{font-size:18px}.mini-note{padding:13px 10px;min-height:113px}.mini-note strong{font-size:8px}.preview-grid{gap:9px}.floating-reminder{padding:12px 14px;border-radius:17px;right:0;bottom:39px}.floating-reminder small{font-size:8px}.floating-reminder>span{width:30px;height:30px;font-size:19px}.preview-caption{font-size:8px;margin-top:26px}.details{grid-template-columns:1fr;padding:8px 23px 34px;gap:15px}.card{padding:23px;border-radius:23px}.card h2{font-size:19px}.card p,.card li{font-size:11px}footer{flex-direction:column;gap:12px;padding:21px 0 26px;margin-inline:24px}footer nav{gap:21px}}
@media(max-width:350px){.hero{padding-inline:18px}h1{font-size:32px}.download-option{padding:14px 10px}.option-top{gap:5px}.download-option h2{font-size:14px}.download-button{font-size:10px;gap:6px}.description{font-size:11px}.site-header{margin-inline:12px;padding-inline:13px}.web-link{font-size:9px;padding-inline:10px}.preview-body aside{width:45px}.mini-note{padding-inline:8px}.mini-note strong{font-size:7px}}
@supports not (backdrop-filter:blur(1px)){.site-header,.download-option,.card,.preview-window,.floating-reminder{background:#faf7fd}}
@media(prefers-reduced-transparency:reduce){.site-header,.download-option,.card,.preview-window,.floating-reminder{background:#faf7fd;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.download-option:hover,.download-button:hover,.web-link:hover,.preview-window,.preview:hover .preview-window{transform:none}}