@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2-variations");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-ext-wght-normal-DH1q_yQ5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-thai-latin-wght-normal-Bi3VDbYN.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--grouped:#f2f2f7;--card:#fff;--text:#1d1d1f;--text-2:#3a3a3c;--muted:#636366;--line:#3c3c4324;--line-strong:#3c3c433d;--card-2:#fafafc;--well:#f2f2f7;--fill:#0000000d;--fill-2:#00000014;--header-bg:#ffffffd1;--input-bg:#fff;--code-bg:#f2f2f7;--no-bg:#f1f1f4;--no-fg:#8e8e93;--btn-bg:#0b7a6e;--btn-bg-hover:#08665c;--secondary-hover:#d5efe9;--pro-col-bg:#e6f5f273;--tint-a:#f0fdfa;--tint-b:#f7fbff;--focus-glow:#0b7a6e2e;--err-tint:#fde8ec;--tag-blue-bg:#e8f1ff;--tag-blue-fg:#1d4ed8;--tag-green-bg:#e3f6e8;--tag-green-fg:#17692f;--tag-amber-bg:#fff1d6;--tag-amber-fg:#8a4b00;--note-bg:#eef6ff;--note-fg:#1c3a63;--note-icon:#1d6fe0;--note-warn-fg:#4d3000;--note-warn-icon:#b86e00;--note-ok-bg:#ebf8f4;--note-ok-fg:#0d3d37;--mock-chrome:#f7f7fa;--mock-side:#f5f5f8;--mock-main:#fbfbfd;--mock-card:#fff;--mock-ring:#0000000d;--mock-sel:#0b7a6e1a;--mock-glyph:#7a7a80;--ring-track:#e9e9ef;--cb-border:#b8b8c0;--check-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a6e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E");--x-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23636366' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");--plus-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");--accent:#0b7a6e;--accent-hover:#08665c;--accent-ink:#075e55;--accent-tint:#e6f5f2;--accent-bright:#2dd4bf;--brand-deep:#0f766e;--grad-brand:linear-gradient(135deg, #2dd4bf 0%, #14b8a6 38%, #0f766e 100%);--grad-text:linear-gradient(120deg, #0f766e 0%, #0b7a6e 45%, #0e7490 100%);--grad-cta:linear-gradient(135deg, #0f766e 0%, #115e59 55%, #134e4a 100%);--ok:#1a7f37;--warn:#9a5b00;--warn-tint:#fff4e0;--danger:#c4314b;--radius:20px;--radius-lg:28px;--radius-sm:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 2px #0000000a, 0 6px 20px #0000000f;--shadow-lg:0 2px 6px #0000000a, 0 30px 70px -10px #0f464038;--maxw:1140px;--gutter:20px;--header-h:64px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI Variable Display", "Segoe UI", "Noto Sans Thai Variable", "Noto Sans Thai", "Leelawadee UI", Tahoma, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.7;overflow-x:hidden}img,svg{max-width:100%;display:block}img{height:auto}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.3}h1{letter-spacing:-.02em;font-size:clamp(2.1rem,1.2rem + 3.6vw,3.6rem);line-height:1.22}h2{font-size:clamp(1.75rem,1.2rem + 2.2vw,2.75rem);line-height:1.25}h3{font-size:1.25rem}p{text-wrap:pretty;margin:0 0 1em}ul,ol{margin:0 0 1em;padding-left:1.3em}small{font-size:.875em}code,kbd,.mono{font-family:var(--mono);font-size:.92em}code{background:var(--code-bg);word-break:break-word;border-radius:6px;padding:.1em .4em}kbd{border:1px solid var(--line-strong);background:var(--input-bg);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:.05em .45em;font-size:.85em;line-height:1.5;display:inline-block}hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:100;color:#fff;background:#1d1d1f;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{color:#fff;top:12px}.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.i-sm{width:18px;height:18px}.i-lg{width:28px;height:28px}.container{width:100%;max-width:calc(var(--maxw) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.container-narrow{max-width:calc(820px + var(--gutter) * 2)}.section{padding:clamp(64px,8vw,112px) 0}.section-sm{padding:clamp(40px,5vw,64px) 0}.grouped{background:var(--grouped)}.section-head{text-align:center;max-width:760px;margin:0 auto clamp(36px,5vw,56px)}.section-head p{color:var(--muted);font-size:1.125rem}.eyebrow{color:var(--accent);letter-spacing:.01em;margin-bottom:12px;font-size:.95rem;font-weight:600;display:inline-block}.lead{color:var(--text-2);font-size:clamp(1.1rem,1rem + .5vw,1.3rem);line-height:1.65}.muted{color:var(--muted)}.center{text-align:center}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.split{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}@media (width>=960px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.split-rev>:first-child{order:2}}.site-header{z-index:50;height:var(--header-h);background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-bar{align-items:center;gap:24px;height:100%;display:flex}.brand{color:var(--text);letter-spacing:-.01em;flex:none;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand img{width:32px;height:32px}.nav{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.nav ul{gap:4px;margin:0 auto;padding:0;list-style:none;display:flex}.nav a:not(.btn){color:var(--text-2);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.95rem;text-decoration:none;display:block}.nav a:not(.btn):hover{color:var(--text);background:var(--fill)}.nav a[aria-current=page]{color:var(--text);font-weight:600}.nav-cta{flex:none;gap:8px;display:flex}.nav-mobile{display:none}.lang-link{min-width:40px;height:36px;color:var(--text-2);letter-spacing:.04em;box-shadow:0 0 0 1px var(--line-strong) inset;border-radius:999px;flex:none;place-items:center;padding:0 10px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-grid}.lang-link:hover{color:var(--text);background:var(--fill)}@media (width<=1080px){.nav{display:none}.nav-mobile{display:block}.lang-link{margin-left:auto}}.nav-mobile summary{cursor:pointer;width:44px;height:44px;color:var(--text);border-radius:12px;place-items:center;list-style:none;display:grid}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile summary:hover{background:var(--fill)}.nav-mobile .burger{width:20px;height:14px;position:relative}.nav-mobile .burger:before,.nav-mobile .burger:after{content:"";background:currentColor;border-radius:2px;height:2px;transition:transform .2s,top .2s;position:absolute;left:0;right:0}.nav-mobile .burger:before{top:2px}.nav-mobile .burger:after{top:10px}.nav-mobile[open] .burger:before{top:6px;transform:rotate(45deg)}.nav-mobile[open] .burger:after{top:6px;transform:rotate(-45deg)}.nav-panel{left:0;right:0;top:var(--header-h);background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gutter) 20px;max-height:calc(100vh - var(--header-h));position:absolute;overflow-y:auto;box-shadow:0 20px 40px #00000014}.nav-panel ul{margin:0 0 12px;padding:0;list-style:none}.nav-panel li a{border-bottom:1px solid var(--line);color:var(--text);padding:14px 4px;font-size:1.05rem;text-decoration:none;display:block}.nav-panel li a[aria-current=page]{color:var(--accent);font-weight:600}.nav-panel .btn-row{margin-top:16px}.nav-panel .btn{flex:1}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.crumbs li+li:before{content:"›";color:var(--muted);margin-right:8px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent);text-decoration:underline}.btn{--btn-h:48px;min-height:var(--btn-h);font:inherit;text-align:center;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,box-shadow .15s,transform .15s,color .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-sm{--btn-h:36px;padding:0 16px;font-size:.9rem}.btn-lg{--btn-h:56px;padding:0 30px;font-size:1.075rem}.btn-primary{background:var(--btn-bg);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 6px 16px -6px #0b7a6e99}.btn-primary:hover{background:var(--btn-bg-hover);color:#fff}.btn-secondary{background:var(--accent-tint);color:var(--accent-ink)}.btn-secondary:hover{background:var(--secondary-hover);color:var(--accent-ink)}.btn-ghost{background:var(--fill);color:var(--text)}.btn-ghost:hover{background:var(--fill-2);color:var(--text)}.btn-white{color:#075e55;background:#fff}.btn-white:hover{color:#075e55;background:#f0fdfa}.btn-outline-white{color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff80}.btn-outline-white:hover{color:#fff;background:#fff3}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.center .btn-row,.btn-row.center{justify-content:center}@media (width<=480px){.btn-row.stack-sm{flex-direction:column}.btn-row.stack-sm .btn{width:100%}}.link-arrow{align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow .i{width:18px;height:18px;transition:transform .15s}.link-arrow:hover .i{transform:translate(3px)}.hero{isolation:isolate;padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,96px);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 50% 0,#2dd4bf38,#0000 70%),radial-gradient(40% 40% at 85% 20%,#0e74901a,#0000 70%);height:720px;position:absolute;inset:-20% -10% auto}.hero-copy{text-align:center;max-width:860px;margin:0 auto}.hero h1{margin-bottom:20px;font-size:clamp(2.3rem,1.1rem + 4.8vw,4.4rem);line-height:1.18}.grad-text{background:var(--grad-text);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.hero .lead{max-width:680px;margin:0 auto 32px}.hero .btn-row{justify-content:center}.trust{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:24px 0 0;padding:0;font-size:.925rem;list-style:none;display:flex}.trust li{align-items:center;gap:6px;display:inline-flex}.trust .i{width:18px;height:18px;color:var(--accent);stroke-width:2.2px}.hero-visual{max-width:1040px;margin:clamp(40px,6vw,72px) auto 0}.page-hero{isolation:isolate;padding:clamp(28px,4vw,44px) 0 clamp(40px,6vw,72px);position:relative}.page-hero:before{content:"";z-index:-1;background:radial-gradient(55% 60% at 50% 0,#2dd4bf29,#0000 72%);height:420px;position:absolute;inset:0 0 auto}.page-hero .crumbs{margin-bottom:clamp(24px,4vw,40px)}.page-hero h1{max-width:900px}.page-hero .lead{max-width:760px}.page-hero.center h1,.page-hero.center .lead{margin-left:auto;margin-right:auto}.page-hero.center .crumbs ol{justify-content:center}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(22px,3vw,32px)}.card-flat{box-shadow:none;border:1px solid var(--line)}.card h3{margin-bottom:8px}.card p:last-child,.card ul:last-child{margin-bottom:0}.card p{color:var(--text-2)}.feature .tag{float:right;margin-left:8px}.ficon{color:#fff;background:var(--c,var(--grad-brand));border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid;box-shadow:0 6px 14px -6px #00000059,inset 0 1px #ffffff40}.ficon .i{stroke-width:2px;width:26px;height:26px}.c-teal{--c:linear-gradient(145deg, #2dd4bf, #0f766e)}.c-red{--c:linear-gradient(145deg, #ff6b6b, #d92d4a)}.c-blue{--c:linear-gradient(145deg, #4aa8ff, #1d6fe0)}.c-purple{--c:linear-gradient(145deg, #b78bff, #7b45e6)}.c-orange{--c:linear-gradient(145deg, #ffb340, #f27a1a)}.c-yellow{--c:linear-gradient(145deg, #ffd23f, #e8a500)}.c-green{--c:linear-gradient(145deg, #4cd97b, #1fa64a)}.c-indigo{--c:linear-gradient(145deg, #7c8cff, #4553db)}.c-pink{--c:linear-gradient(145deg, #ff7ab8, #e0408a)}.c-gray{--c:linear-gradient(145deg, #a1a1a8, #6e6e76)}.c-cyan{--c:linear-gradient(145deg, #4fd5f0, #0e9fc2)}.tag{white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.8rem;font-weight:600;line-height:1.6;display:inline-flex}.tag-free{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.tag-pro{background:var(--accent-tint);color:var(--accent-ink)}.tag-soon{background:var(--warn-tint);color:var(--tag-amber-fg)}.tag-sure{background:var(--tag-green-bg);color:var(--tag-green-fg)}.tag-likely{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.tag-unsure{background:var(--tag-amber-bg);color:var(--tag-amber-fg)}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps>li{counter-increment:step;position:relative}.steps .card:before{content:counter(step);background:var(--accent-tint);width:40px;height:40px;color:var(--accent-ink);border-radius:50%;place-items:center;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:grid}.checks{margin:0 0 1em;padding:0;list-style:none}.checks li{margin-bottom:10px;padding-left:32px;position:relative}.checks li:before{content:"";background:var(--accent-tint) var(--check-img) center / 14px no-repeat;border-radius:50%;width:20px;height:20px;position:absolute;top:.32em;left:0}.checks-x li:before{background:#f1f1f4 var(--x-img) center / 12px no-repeat}.ps{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px;display:grid}.ps .card h3{align-items:center;gap:10px;display:flex}.ps-problem h3 .i{color:var(--danger)}.ps-solution{background:linear-gradient(160deg, var(--tint-a), var(--card) 60%);box-shadow:var(--shadow), 0 0 0 1px #0b7a6e2e inset}.ps-solution h3 .i{color:var(--accent)}.safety-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.safety-list li{background:var(--card);box-shadow:var(--shadow-sm), 0 0 0 1px var(--line) inset;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.safety-list .i{color:var(--accent);margin-top:3px}.safety-list b{margin-bottom:2px;display:block}.safety-list span{color:var(--text-2);font-size:.95rem}.plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:stretch;gap:20px;max-width:920px;margin:0 auto;display:grid}.plan{flex-direction:column;display:flex;position:relative}.plan-pro{box-shadow:var(--shadow-lg), 0 0 0 2px var(--accent) inset}.plan-badge{position:absolute;top:20px;right:20px}.plan h3{margin-bottom:4px;font-size:1.35rem}.plan .price{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:14px 0 6px;display:flex}.plan .price b{letter-spacing:-.03em;font-size:3rem;line-height:1.1}.plan .price span{color:var(--muted)}.plan .plan-note{color:var(--muted);margin-bottom:20px;font-size:.95rem}.plan .checks{flex:1;margin-bottom:24px}.plan .btn{width:100%}.plan .fine{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.875rem}.pay-methods{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0;list-style:none;display:flex}.pay-methods li{background:var(--card);box-shadow:0 0 0 1px var(--line) inset;color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.925rem;font-weight:500;display:inline-flex}.pay-methods .i{width:18px;height:18px;color:var(--accent)}.guarantee{align-items:flex-start;gap:16px;max-width:920px;margin:20px auto 0;display:flex}.guarantee .i{color:var(--accent);width:32px;height:32px}.guarantee p{margin:0}.table-wrap{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.table-wrap:focus-visible{outline-offset:4px}table{border-collapse:collapse;width:100%;font-size:.975rem}caption{text-align:left;color:var(--muted);padding:18px 20px 0;font-weight:600}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 20px}thead th{background:var(--card-2);white-space:nowrap;font-size:.95rem;position:sticky;top:0}tbody th{font-weight:500}tbody th small{color:var(--muted);font-weight:400;display:block}tbody tr:last-child>*{border-bottom:0}.cmp td,.cmp thead th:not(:first-child){text-align:center;width:22%}.cmp td{color:var(--text-2);font-size:.925rem}.cmp .group th{background:var(--grouped);color:var(--muted);padding-top:10px;padding-bottom:10px;font-size:.875rem;font-weight:700}.yes,.no{vertical-align:middle;border-radius:50%;place-items:center;width:26px;height:26px;display:inline-grid}.yes{background:var(--accent-tint);color:var(--accent)}.no{background:var(--no-bg);color:var(--no-fg)}.yes .i,.no .i{stroke-width:2.6px;width:16px;height:16px}.cmp .pro-col{background:var(--pro-col-bg)}.cmp thead .pro-col{background:var(--accent-tint);color:var(--accent-ink)}.faq{background:var(--card);border-radius:var(--radius);max-width:820px;box-shadow:var(--shadow);margin:0 auto;overflow:hidden}.faq details{border-bottom:1px solid var(--line)}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{background:var(--card-2)}.faq summary h3{margin:0;font-size:1.075rem;font-weight:600;line-height:1.5}.faq summary:after{content:"";background:var(--well) var(--plus-img) center / 14px no-repeat;border-radius:50%;flex:none;width:28px;height:28px;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq .qa-a{color:var(--text-2);padding:0 24px 22px}.faq .qa-a p:last-child{margin-bottom:0}.qa-list{max-width:820px;margin:0 auto}.qa-group+.qa-group{margin-top:clamp(40px,6vw,64px)}.qa-group>h2{margin-bottom:20px;font-size:clamp(1.4rem,1.1rem + 1vw,1.8rem)}.qa{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:24px 26px}.qa h3{margin-bottom:8px;font-size:1.15rem}.qa .qa-a{color:var(--text-2)}.qa .qa-a p:last-child{margin-bottom:0}.cta{isolation:isolate;border-radius:var(--radius-lg);background:var(--grad-cta);color:#fff;text-align:center;padding:clamp(40px,6vw,72px) clamp(24px,5vw,64px);position:relative;overflow:hidden}.cta:before{content:"";z-index:-1;background:radial-gradient(circle,#2dd4bf73,#0000 65%);width:520px;height:520px;position:absolute;inset:-40% -20% auto auto}.cta h2{color:#fff}.cta p{color:#ffffffe6;max-width:640px;margin:0 auto 28px;font-size:1.1rem}.cta .btn-row{justify-content:center}.cta .fine{color:#ffffffd9;margin:18px 0 0;font-size:.9rem}.cta :focus-visible{outline-color:#fff}.form-row{flex-wrap:wrap;gap:10px;display:flex}.form-row .field{flex:240px}label{margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}input[type=email],input[type=text]{border:1px solid var(--line-strong);background:var(--input-bg);width:100%;min-height:52px;color:var(--text);font:inherit;border-radius:14px;padding:0 18px;font-size:1rem;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-glow);outline:none}input[aria-invalid=true]{border-color:var(--danger)}.form-row .btn{min-height:52px}.form-hint{color:var(--muted);margin:10px 0 0;font-size:.9rem}.form-status{min-height:1.7em;margin:14px 0 0;font-weight:500}.form-status[data-kind=ok]{color:var(--ok)}.form-status[data-kind=error]{color:var(--danger)}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.note{background:var(--note-bg);color:var(--note-fg);border-radius:16px;gap:14px;margin:1.5em 0;padding:18px 20px;display:flex}.note .i{color:var(--note-icon);flex:none;margin-top:2px}.note p:last-child{margin-bottom:0}.note-warn{background:var(--warn-tint);color:var(--note-warn-fg)}.note-warn .i{color:var(--note-warn-icon)}.note-ok{background:var(--note-ok-bg);color:var(--note-ok-fg)}.note-ok .i{color:var(--accent)}.tldr{border-radius:var(--radius);background:linear-gradient(160deg, var(--tint-a), var(--tint-b));margin:0 0 2.2em;padding:22px 26px;box-shadow:inset 0 0 0 1px #0b7a6e33}.tldr h2{color:var(--accent-ink);margin:0 0 10px!important;font-size:1.15rem!important}.tldr ul{margin:0}.tldr li+li{margin-top:4px}.prose{max-width:760px}.prose h2{margin:2.2em 0 .6em;font-size:clamp(1.45rem,1.15rem + 1vw,1.9rem)}.prose h3{margin:1.8em 0 .5em;font-size:1.2rem}.prose li{margin-bottom:.4em}.prose li>ul,.prose li>ol{margin-top:.4em}.prose img{border-radius:var(--radius-sm)}.prose table,.prose .table-wrap{margin:1.5em 0}.prose .table-wrap table{margin:0}.prose>:first-child{margin-top:0}.meta-line{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:16px 0 0;font-size:.925rem;display:flex}.toc{background:var(--well);border-radius:16px;margin:0 0 2.2em;padding:20px 24px}.toc b{margin-bottom:8px;display:block}.toc ol{margin:0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}ol.howto{counter-reset:hs;padding:0;list-style:none}ol.howto>li{counter-increment:hs;margin:0 0 1.6em;padding:0 0 4px 52px;position:relative}ol.howto>li:before{content:counter(hs);background:var(--accent-tint);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}ol.howto>li>h3{margin:0 0 .35em;padding-top:4px;font-size:1.15rem}.legal h2{font-size:1.35rem}.legal h3{font-size:1.1rem}.article-layout{grid-template-columns:minmax(0,1fr);gap:48px;display:grid}@media (width>=1080px){.article-layout{grid-template-columns:minmax(0,1fr) 300px}.article-aside{top:calc(var(--header-h) + 24px);align-self:start;position:sticky}}.aside-card{padding:24px}.aside-card img{width:48px;height:48px;margin-bottom:12px}.aside-card h2{margin-bottom:6px;font-size:1.15rem}.aside-card p{font-size:.95rem}.aside-card .btn{width:100%;margin-top:8px}.guide-card{color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.guide-card:hover{color:inherit;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.guide-card h2,.guide-card h3{font-size:1.2rem}.guide-card p{flex:1}.guide-card .link-arrow{color:var(--accent)}.facts{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);grid-template-columns:max-content 1fr;gap:0;margin:0;display:grid;overflow:hidden}.facts dt,.facts dd{border-bottom:1px solid var(--line);margin:0;padding:14px 20px}.facts dt{color:var(--muted);background:var(--card-2);font-weight:600}.facts dt:last-of-type,.facts dd:last-of-type{border-bottom:0}@media (width<=560px){.facts{grid-template-columns:1fr}.facts dt{border-bottom:0;padding-bottom:2px}.facts dd{padding-top:2px}}.dl-card{text-align:center;max-width:760px;margin:0 auto;padding:clamp(28px,5vw,48px)}.dl-card img.app-icon{filter:drop-shadow(0 12px 24px #0f766e4d);width:96px;height:96px;margin:0 auto 18px}.dl-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:16px 0 0;padding:0;font-size:.925rem;list-style:none;display:flex}.sha{text-align:left;max-width:640px;margin:24px auto 0}.sha code{word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:10px;margin-top:6px;padding:12px 14px;font-size:.85rem;display:block}.state[hidden]{display:none!important}.key-box{background:var(--well);box-shadow:0 0 0 1px var(--line) inset;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:640px;margin:24px auto 8px;padding:18px;display:flex}.key{font-family:var(--mono);letter-spacing:.04em;color:var(--text);-webkit-user-select:all;user-select:all;word-break:break-all;text-align:center;font-size:clamp(1.05rem,.7rem + 1.8vw,1.6rem);font-weight:700}.spinner{border:4px solid var(--accent-tint);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;margin:0 auto 20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.status-icon{background:var(--accent-tint);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.status-icon .i{stroke-width:2.4px;width:34px;height:34px}.status-icon.warn{background:var(--warn-tint);color:var(--note-warn-icon)}.status-icon.err{background:var(--err-tint);color:var(--danger)}.mock{margin:0;position:relative}.mock:after{content:"";z-index:-1;background:var(--grad-brand);filter:blur(60px);opacity:.28;border-radius:40px;position:absolute;inset:12% 6% -6%}.mock-win{background:var(--mock-card);box-shadow:var(--shadow-lg), 0 0 0 1px var(--mock-ring);color:var(--text);text-align:left;-webkit-user-select:none;user-select:none;border-radius:18px;font-size:13px;line-height:1.5;overflow:hidden}.mock-titlebar{background:var(--mock-chrome);border-bottom:1px solid var(--line);height:38px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 0 0 16px;font-size:12px;display:flex}.mock-caps{height:100%;display:flex}.mock-caps i{width:44px;height:100%;position:relative}.mock-caps i:before{content:"";width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-caps i:first-child:before{border-top:1px solid var(--mock-glyph);height:0}.mock-caps i:nth-child(2):before{border:1px solid var(--mock-glyph);border-radius:2px}.mock-caps i:nth-child(3):before{background:linear-gradient(45deg, transparent 46%, var(--mock-glyph) 46% 54%, transparent 54%), linear-gradient(-45deg, transparent 46%, var(--mock-glyph) 46% 54%, transparent 54%)}.mock-body{grid-template-columns:210px 1fr;min-height:420px;display:grid}.mock-side{background:var(--mock-side);border-right:1px solid var(--line);padding:14px 10px}.mock-brand{align-items:center;gap:10px;padding:4px 8px 14px;display:flex}.mock-brand img{width:30px;height:30px}.mock-brand b{font-size:14px;line-height:1.2;display:block}.mock-brand small{color:var(--muted);font-size:10.5px;display:block}.mock-side ul{margin:0;padding:0;list-style:none}.mock-side li{color:var(--text-2);white-space:nowrap;border-radius:9px;align-items:center;gap:10px;padding:6px 8px;font-size:12.5px;display:flex}.mock-side li.on{background:var(--mock-sel);color:var(--text);font-weight:600}.sq{color:#fff;background:var(--c,var(--grad-brand));border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.sq .i{stroke-width:2.2px;width:15px;height:15px}.mock-main{background:var(--mock-main);min-width:0;padding:20px 22px}.mock-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.mock-head b{font-size:18px}.mock-head span{color:var(--muted);font-size:12px}.mock-grid{grid-template-rows:auto auto;grid-template-columns:1.15fr 1fr 1fr;gap:12px;display:grid}.mock-card{background:var(--mock-card);box-shadow:0 1px 2px #0000000a, 0 0 0 1px var(--mock-ring);border-radius:14px;min-width:0;padding:14px}.mock-card b{margin-top:8px;font-size:20px;line-height:1.2;display:block}.mock-card small{color:var(--muted);font-size:11.5px;line-height:1.4;display:block}.mock-score{text-align:center;flex-direction:column;grid-row:span 2;justify-content:center;align-items:center;gap:10px;display:flex}.ring{background:conic-gradient(from -90deg, #2dd4bf 0%, #0f766e 92%, var(--ring-track) 92% 100%);border-radius:50%;width:132px;height:132px;position:relative;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 12px),#000 calc(100% - 11px));mask:radial-gradient(farthest-side,#0000 calc(100% - 12px),#000 calc(100% - 11px))}.ring-wrap{place-items:center;display:grid;position:relative}.ring-label{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring-label b{letter-spacing:-.02em;margin:0;font-size:34px}.ring-label small{font-size:10.5px}.mock-btn{background:var(--accent);color:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.mock-btn-ghost{background:var(--fill);color:var(--text)}.mock-rows{background:var(--mock-card);box-shadow:0 1px 2px #0000000a, 0 0 0 1px var(--mock-ring);border-radius:14px;margin-top:12px;overflow:hidden}.mock-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:9px 14px;display:flex}.mock-row:last-child{border-bottom:0}.mock-row .grow{flex:1;min-width:0}.mock-row .grow b,.mock-row .grow small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mock-row .grow b{font-size:12.5px;font-weight:600}.mock-row .grow small{color:var(--muted);font-size:11px;font-family:var(--mono)}.mock-row .tag{padding:1px 8px;font-size:10.5px}.cb{border:1.5px solid var(--cb-border);background:var(--mock-card);border-radius:5px;flex:none;width:16px;height:16px}.cb.on{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center / 12px no-repeat}.mock-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:11.5px;display:flex}.mock-foot span{align-items:center;gap:6px;display:inline-flex}.mock-foot .i{width:14px;height:14px;color:var(--accent)}.mock-cap{text-align:center;color:var(--muted);margin-top:14px;font-size:.85rem}@media (width<=760px){.mock-body{grid-template-columns:52px 1fr}.mock-side{padding:12px 6px}.mock-brand{padding:2px 5px 10px}.mock-brand div,.mock-side li span.lbl{display:none}.mock-side li{justify-content:center;padding:6px 0}.mock-grid{grid-template-columns:1fr 1fr}.mock-score{flex-direction:row;grid-area:auto/span 2;justify-content:space-around}.mock-main{padding:14px}.mock-hide-sm{display:none!important}}@media (width<=420px){.ring{width:104px;height:104px}.ring-label b{font-size:26px}.mock-card b{font-size:17px}}.site-footer{background:var(--grouped);border-top:1px solid var(--line);color:var(--text-2);padding:56px 0 32px;font-size:.925rem}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}}.footer-about p{max-width:340px;color:var(--muted);margin-top:12px}.site-footer h2{color:var(--text);margin-bottom:12px;font-size:.95rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li+li{margin-top:8px}.site-footer a{color:var(--text-2);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:20px;font-size:.85rem;display:flex}.mt-0{margin-top:0}.mt-1{margin-top:12px}.mt-2{margin-top:24px}.mt-3{margin-top:40px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:24px}.max-sm{max-width:560px;margin-left:auto;margin-right:auto}.max-md{max-width:760px;margin-left:auto;margin-right:auto}.nowrap{white-space:nowrap}.anchor-section{scroll-margin-top:calc(var(--header-h) + 24px)}@media (width<=400px){:root{--gutter:16px}body{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}@media print{.site-header,.site-footer,.cta,.nav-mobile{display:none!important}}.article-wrap{padding-bottom:clamp(48px,6vw,88px)}.updated{color:var(--muted);font-size:.925rem}.pills{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.pills a{background:var(--card);box-shadow:0 0 0 1px var(--line) inset, var(--shadow-sm);color:var(--text-2);border-radius:999px;padding:7px 16px;font-size:.925rem;text-decoration:none;display:inline-block}.pills a:hover{color:var(--accent-ink);box-shadow:inset 0 0 0 1px #0b7a6e66}.feature-block+.feature-block{margin-top:clamp(56px,8vw,104px)}.feature-block h2 .tag{vertical-align:.35em;margin-left:6px;font-size:.8rem}.detail-card h3{font-size:1.05rem}.detail-card .checks li{margin-bottom:8px}.chips{flex-wrap:wrap;gap:8px;margin:0 0 1em;padding:0;list-style:none;display:flex}.chips li{background:var(--fill);color:var(--text-2);border-radius:999px;padding:4px 12px;font-size:.9rem}.qa>h2{margin-bottom:10px;font-size:clamp(1.2rem,1.05rem + .6vw,1.45rem)}.qa .qa-a ul{margin-bottom:.8em}.center-icon{margin-left:auto;margin-right:auto}.h3-size{font-size:1.3rem}.cmp{min-width:520px}.cmp-4{min-width:860px}.cmp-4 td,.cmp-4 thead th:not(:first-child){width:17%}.cmp td small{color:var(--muted);display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141416;--grouped:#0c0c0e;--card:#1f1f22;--card-2:#26262a;--well:#2a2a2e;--text:#f2f2f7;--text-2:#d1d1d6;--muted:#a1a1a8;--line:#2e2e33;--line-strong:#3d3d43;--fill:#ffffff14;--fill-2:#ffffff21;--header-bg:#141416c7;--input-bg:#26262a;--code-bg:#ffffff17;--no-bg:#ffffff14;--no-fg:#8e8e93;--accent:#2bc4b0;--accent-hover:#5ee0cc;--accent-ink:#5ee0cc;--accent-tint:#2bc4b029;--btn-bg:#0c8275;--btn-bg-hover:#0a7368;--secondary-hover:#2bc4b042;--pro-col-bg:#2bc4b012;--tint-a:#2bc4b01f;--tint-b:#38bdf80f;--focus-glow:#2bc4b04d;--grad-text:linear-gradient(120deg, #5eead4 0%, #2dd4bf 45%, #67e8f9 100%);--ok:#4cd97b;--warn:#ffb340;--warn-tint:#ff9f0a24;--danger:#ff6b81;--err-tint:#ff453a29;--tag-blue-bg:#0a84ff2e;--tag-blue-fg:#8ab4ff;--tag-green-bg:#30d15829;--tag-green-fg:#6edc8c;--tag-amber-bg:#ff9f0a29;--tag-amber-fg:#ffc069;--note-bg:#0a84ff1f;--note-fg:#d6e6ff;--note-icon:#4da3ff;--note-warn-fg:#ffe2b8;--note-warn-icon:#ffb340;--note-ok-bg:#2bc4b01f;--note-ok-fg:#cff5ee;--shadow-sm:0 0 0 1px #ffffff0d;--shadow:0 0 0 1px #ffffff0f, 0 8px 24px #00000059;--shadow-lg:0 0 0 1px #ffffff14, 0 30px 70px -10px #000000a6;--mock-chrome:#2a2a2e;--mock-side:#232326;--mock-main:#1b1b1e;--mock-card:#2a2a2e;--mock-ring:#ffffff12;--mock-sel:#2bc4b033;--mock-glyph:#a1a1a8;--ring-track:#3a3a40;--cb-border:#5a5a60;--check-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235ee0cc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E");--x-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a8' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");--plus-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f2f7' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141416;--grouped:#0c0c0e;--card:#1f1f22;--card-2:#26262a;--well:#2a2a2e;--text:#f2f2f7;--text-2:#d1d1d6;--muted:#a1a1a8;--line:#2e2e33;--line-strong:#3d3d43;--fill:#ffffff14;--fill-2:#ffffff21;--header-bg:#141416c7;--input-bg:#26262a;--code-bg:#ffffff17;--no-bg:#ffffff14;--no-fg:#8e8e93;--accent:#2bc4b0;--accent-hover:#5ee0cc;--accent-ink:#5ee0cc;--accent-tint:#2bc4b029;--btn-bg:#0c8275;--btn-bg-hover:#0a7368;--secondary-hover:#2bc4b042;--pro-col-bg:#2bc4b012;--tint-a:#2bc4b01f;--tint-b:#38bdf80f;--focus-glow:#2bc4b04d;--grad-text:linear-gradient(120deg, #5eead4 0%, #2dd4bf 45%, #67e8f9 100%);--ok:#4cd97b;--warn:#ffb340;--warn-tint:#ff9f0a24;--danger:#ff6b81;--err-tint:#ff453a29;--tag-blue-bg:#0a84ff2e;--tag-blue-fg:#8ab4ff;--tag-green-bg:#30d15829;--tag-green-fg:#6edc8c;--tag-amber-bg:#ff9f0a29;--tag-amber-fg:#ffc069;--note-bg:#0a84ff1f;--note-fg:#d6e6ff;--note-icon:#4da3ff;--note-warn-fg:#ffe2b8;--note-warn-icon:#ffb340;--note-ok-bg:#2bc4b01f;--note-ok-fg:#cff5ee;--shadow-sm:0 0 0 1px #ffffff0d;--shadow:0 0 0 1px #ffffff0f, 0 8px 24px #00000059;--shadow-lg:0 0 0 1px #ffffff14, 0 30px 70px -10px #000000a6;--mock-chrome:#2a2a2e;--mock-side:#232326;--mock-main:#1b1b1e;--mock-card:#2a2a2e;--mock-ring:#ffffff12;--mock-sel:#2bc4b033;--mock-glyph:#a1a1a8;--ring-track:#3a3a40;--cb-border:#5a5a60;--check-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235ee0cc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E");--x-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a8' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");--plus-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2f2f7' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero:before,:root:not([data-theme=light]) .page-hero:before{opacity:.55}}:root[data-theme=dark] .hero:before,:root[data-theme=dark] .page-hero:before{opacity:.55}.theme-switch{background:var(--fill);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-switch button{width:34px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.theme-switch button:hover{color:var(--text)}.theme-switch button[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000002e}.theme-switch .i{width:17px;height:17px}html:not([data-js]) .theme-switch{display:none}.theme-row{align-items:center;gap:10px;display:inline-flex}.nav-panel .theme-row{color:var(--muted);justify-content:space-between;margin-top:16px;font-size:.95rem;display:flex}.grid-3.tight{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.key-box .key{background:0 0;padding:0}.soon-note{background:var(--warn-tint);max-width:760px;color:var(--warn);text-align:center;border-radius:14px;margin:20px auto 0;padding:12px 18px;font-weight:600}.seg{background:var(--fill);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg a{color:var(--muted);border-radius:999px;padding:4px 14px;font-size:.9rem;text-decoration:none}.seg a[href]:hover{color:var(--text)}.seg a[aria-current]{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0000002e}.lang-banner{z-index:60;background:var(--card);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg), 0 0 0 1px var(--line) inset;border-radius:999px;align-items:center;gap:4px;padding:6px 6px 6px 18px;font-size:.95rem;display:flex;position:fixed;bottom:16px;left:16px}.lang-banner a{white-space:nowrap;font-weight:600;text-decoration:none}.lang-banner a:hover{text-decoration:underline}.lang-banner button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:1.3rem;line-height:1;display:grid}.lang-banner button:hover{background:var(--fill);color:var(--text)}@media print{.lang-banner{display:none}}[tabindex="-1"]:focus{outline:none}.platform-note{background:var(--accent-tint);max-width:640px;color:var(--text,inherit);text-align:center;border-radius:14px;margin:14px auto 0;padding:12px 16px;font-size:.95rem}