:root{--primary:#6C63FF;--primary-soft:#A78BFA;--deep:#171821;--bg:#F7F7FA;--bg2:#ECECF3;--text:#22232B;--muted:#6F7280;--accent:#F59E5B;--white:#fff;--line:rgba(34,35,43,.12);--shadow:0 20px 50px rgba(23,24,33,.10);--radius:26px;--radius-sm:16px;--shell:min(1180px,calc(100% - 40px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;background:var(--deep);color:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,247,250,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(34,35,43,.08)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:42px;height:42px;object-fit:cover;border-radius:12px;background:var(--bg2)}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:1.04rem;letter-spacing:.04em}.brand small{margin-top:5px;color:var(--muted);font-size:.74rem}.primary-nav{display:flex;align-items:center;gap:8px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 24px rgba(23,24,33,.05)}.primary-nav a{padding:9px 16px;border-radius:999px;color:var(--muted);font-weight:650;font-size:.93rem;transition:.2s ease}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--deep);background:var(--bg2)}.primary-nav a.is-active{background:var(--deep);color:#fff}.menu-toggle{display:none;border:0;background:var(--deep);color:white;width:44px;height:44px;border-radius:12px}.hero{padding:72px 0 56px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:58px;align-items:center}.kicker,.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.kicker:before,.eyebrow:before{content:"";width:26px;height:2px;background:currentColor;border-radius:99px}.hero h1,.page-intro h1{font-size:clamp(2.6rem,5vw,5.1rem);line-height:1.06;letter-spacing:-.055em;margin:16px 0 22px;max-width:800px}.hero-lead,.page-intro p{font-size:1.08rem;color:var(--muted);max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.2s ease}.button.primary{background:var(--primary);color:#fff;box-shadow:0 10px 26px rgba(108,99,255,.28)}.button.primary:hover{transform:translateY(-2px)}.button.ghost{border-color:var(--line);background:#fff}.button:focus-visible,.text-link:focus-visible,.chips a:focus-visible,.link-panels a:focus-visible{outline:3px solid rgba(108,99,255,.28);outline-offset:3px}.hero-points{list-style:none;padding:0;margin:28px 0 0;display:flex;gap:12px;flex-wrap:wrap}.hero-points li{font-size:.88rem;color:var(--muted);padding:7px 10px;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:999px}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:-20px -30px 28% 24%;background:linear-gradient(135deg,rgba(108,99,255,.18),rgba(245,158,91,.10));filter:blur(2px);border-radius:38px;z-index:-1}.hero-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.hero-caption{position:absolute;left:-24px;bottom:28px;background:rgba(23,24,33,.92);color:#fff;padding:16px 18px;border-radius:16px;max-width:250px;box-shadow:0 18px 40px rgba(23,24,33,.2)}.hero-caption span{display:block;color:#c7c5ff;font-size:.76rem}.hero-caption strong{display:block;margin-top:4px;font-size:.98rem}.section{padding:72px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.section-heading.compact{margin-bottom:22px}.section-heading h2,.split-copy h2,.feature-strip h2,.support-grid h2,.identity-grid h2,.browser-grid h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.18;letter-spacing:-.035em;margin:8px 0 0}.section-heading>p{max-width:540px;margin:0;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.media-grid.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.media-card{background:#fff;border:1px solid rgba(34,35,43,.08);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(23,24,33,.05);transition:.22s ease;height:100%}.media-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(23,24,33,.10)}.media-cover{display:block;position:relative;background:var(--bg2);overflow:hidden}.media-cover img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s ease}.media-card:hover .media-cover img{transform:scale(1.025)}.media-badge{position:absolute;left:12px;top:12px;background:rgba(23,24,33,.88);color:#fff;border-radius:999px;padding:5px 9px;font-size:.72rem}.media-body{padding:18px}.media-body h3{font-size:1.08rem;line-height:1.35;margin:5px 0 8px}.media-body p{color:var(--muted);font-size:.9rem;line-height:1.65;margin:0 0 13px}.media-body .eyebrow{font-size:.68rem;letter-spacing:.08em}.media-body .eyebrow:before{display:none}.text-link{color:var(--primary);font-weight:800;font-size:.9rem}.split-band{background:var(--deep);color:#fff;margin:48px 0}.split-layout{padding:72px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.split-copy{align-self:start;position:sticky;top:110px}.split-copy p{color:#b9bbc8}.split-copy .eyebrow{color:#b9b5ff}.stack-list{display:grid;gap:14px}.stack-list article{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04)}.stack-list img{width:150px;aspect-ratio:4/3;object-fit:cover;border-radius:13px}.stack-list span{font-size:.72rem;color:#b9b5ff}.stack-list h3{margin:4px 0;font-size:1.06rem}.stack-list p{margin:0;color:#b9bbc8;font-size:.88rem;line-height:1.55}.compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.media-card.is-compact{display:grid;grid-template-columns:140px 1fr;min-height:170px}.media-card.is-compact .media-cover img{height:100%;aspect-ratio:auto;min-height:170px}.media-card.is-compact .media-body{padding:16px}.media-card.is-compact .media-body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-strip{margin-top:42px;background:linear-gradient(120deg,#ececf3,#f7f7fa);border:1px solid var(--line);border-radius:30px;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center}.feature-strip img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}.feature-strip p{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.chips a{border:1px solid rgba(108,99,255,.2);background:#fff;padding:8px 12px;border-radius:999px;color:#5049cf;font-weight:700;font-size:.86rem}.note-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.note-grid article{padding:22px;border-radius:18px;background:var(--bg2);border:1px solid rgba(108,99,255,.08)}.note-grid h3{font-size:1rem;margin:0 0 8px}.note-grid p{font-size:.9rem;color:var(--muted);margin:0}.support-band{padding:42px 0 84px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-grid article{display:grid;grid-template-columns:190px 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;align-items:center}.support-grid img{width:190px;height:170px;object-fit:cover;border-radius:15px}.support-grid h2{font-size:1.35rem;margin:5px 0 8px}.support-grid p{font-size:.92rem;color:var(--muted);margin:0 0 10px}.site-footer{background:#12131a;color:#d9dae3;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr auto;gap:50px;align-items:end}.footer-brand{font-size:1.35rem;color:#fff}.footer-grid p{max-width:520px;color:#989ba9}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}.footer-grid nav a{color:#c9cad3}.footer-note{font-size:.82rem;color:#7f8290}.breadcrumb{padding-top:28px}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;font-size:.85rem;color:var(--muted)}.breadcrumb li+li:before{content:"/";margin-right:8px;color:#a0a3af}.breadcrumb a:hover{color:var(--primary)}.page-top{padding-bottom:24px}.page-intro{padding:44px 0 34px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.page-intro.reversed{grid-template-columns:1.05fr .95fr}.page-intro h1{font-size:clamp(2.35rem,4.6vw,4.6rem)}.page-intro img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.filter-shell{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:18px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tabs button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer}.filter-tabs button.is-selected{background:var(--deep);color:#fff;border-color:var(--deep)}.filter-status{margin:0;color:var(--muted);font-size:.88rem}.dense-section{padding-top:32px}.filter-item[hidden]{display:none}.noscript-note{padding:14px;border-radius:12px;background:#fff7eb;color:#845018}.topic-bands{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-bottom:42px}.topic-bands article{padding:20px;border-radius:18px;background:var(--deep);color:#fff;min-height:250px;display:flex;flex-direction:column}.topic-bands span{font-size:.74rem;color:#b9b5ff}.topic-bands h2{font-size:1.15rem;line-height:1.35;margin:7px 0}.topic-bands p{font-size:.86rem;color:#b9bbc8;margin:0 0 18px}.topic-bands a{margin-top:auto;color:#ffc18f;font-weight:800;font-size:.84rem}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pillar-grid article{padding:26px 22px;background:#fff;border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden}.pillar-grid article:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-30px;top:-30px;background:rgba(108,99,255,.08)}.pillar-grid h3{margin:0 0 8px}.pillar-grid p{color:var(--muted);margin:0}.identity-band{background:var(--bg2);padding:68px 0}.identity-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.identity-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px}.identity-grid dl{margin:24px 0 0}.identity-grid dl div{padding:15px 0;border-top:1px solid rgba(34,35,43,.12)}.identity-grid dt{font-weight:850}.identity-grid dd{margin:4px 0 0;color:var(--muted)}.link-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.link-panels a{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.2s ease}.link-panels a:hover{border-color:rgba(108,99,255,.35);transform:translateY(-2px)}.link-panels strong{display:block}.link-panels span{display:block;margin-top:6px;color:var(--muted);font-size:.9rem}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.device-grid article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:22px}.device-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--bg2);color:var(--primary);border-radius:14px;font-size:1.5rem}.device-grid h3{margin:18px 0 8px}.device-grid p{color:var(--muted);margin:0}.browser-band{background:var(--deep);color:#fff;padding:70px 0}.browser-grid{display:grid;grid-template-columns:1fr .9fr;gap:60px;align-items:center}.browser-grid p,.check-list{color:#b9bbc8}.browser-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px}.check-list{padding:0;list-style:none;display:grid;gap:10px;margin:22px 0}.check-list li:before{content:"✓";color:#b9b5ff;margin-right:9px;font-weight:900}.not-found{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:780px}.not-found h1{font-size:clamp(3rem,7vw,6rem);margin:10px 0 14px;letter-spacing:-.06em}.not-found p{font-size:1.1rem;color:var(--muted);max-width:600px}
@media(max-width:1050px){.media-grid,.media-grid.wide{grid-template-columns:repeat(3,1fr)}.compact-grid{grid-template-columns:1fr 1fr}.note-grid{grid-template-columns:1fr 1fr}.support-grid article{grid-template-columns:150px 1fr}.support-grid img{width:150px;height:150px}.topic-bands{grid-template-columns:repeat(3,1fr)}.pillar-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){:root{--shell:min(100% - 28px,740px)}.header-inner{height:68px}.menu-toggle{display:grid;place-items:center}.primary-nav{position:absolute;left:14px;right:14px;top:62px;border-radius:18px;display:none;flex-direction:column;align-items:stretch;padding:10px;box-shadow:0 18px 45px rgba(23,24,33,.16)}.primary-nav.is-open{display:flex}.primary-nav a{border-radius:12px}.hero,.page-intro,.page-intro.reversed,.split-layout,.feature-strip,.identity-grid,.browser-grid{grid-template-columns:1fr}.hero{padding-top:44px;gap:34px}.hero-visual{max-width:620px}.hero-visual img{aspect-ratio:16/11}.hero-caption{left:16px}.section{padding:54px 0}.section-heading{display:block}.section-heading>p{margin-top:12px}.media-grid,.media-grid.wide{grid-template-columns:1fr 1fr}.split-layout{padding:55px 0}.split-copy{position:static}.support-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-note{grid-column:1/-1}.page-intro{gap:26px}.topic-bands{grid-template-columns:1fr 1fr}.browser-grid img{order:-1}}
@media(max-width:620px){:root{--shell:calc(100% - 22px)}.brand small{display:none}.hero{padding-top:34px}.hero h1,.page-intro h1{font-size:2.45rem}.hero-lead,.page-intro p{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%}.media-grid,.media-grid.wide,.compact-grid,.note-grid,.pillar-grid,.device-grid,.link-panels,.topic-bands{grid-template-columns:1fr}.media-card.is-compact{grid-template-columns:115px 1fr}.media-card.is-compact .media-cover img{min-height:180px}.stack-list article{grid-template-columns:95px 1fr}.stack-list img{width:95px;height:110px}.feature-strip{padding:16px}.support-grid article{grid-template-columns:1fr}.support-grid img{width:100%;height:auto;aspect-ratio:16/10}.footer-grid{grid-template-columns:1fr}.filter-shell{display:block}.filter-status{margin-top:12px}.page-intro{padding-top:30px}.topic-bands article{min-height:auto}.footer-grid nav{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(prefers-color-scheme:dark){body{background:#f7f7fa;color:#22232b}}

.media-grid>.filter-item:nth-child(1) .media-card{transition-delay:8ms}
.media-grid>.filter-item:nth-child(2) .media-card{transition-delay:16ms}
.media-grid>.filter-item:nth-child(3) .media-card{transition-delay:24ms}
.media-grid>.filter-item:nth-child(4) .media-card{transition-delay:32ms}
.media-grid>.filter-item:nth-child(5) .media-card{transition-delay:40ms}
.media-grid>.filter-item:nth-child(6) .media-card{transition-delay:48ms}
.media-grid>.filter-item:nth-child(7) .media-card{transition-delay:56ms}
.media-grid>.filter-item:nth-child(8) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(9) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(10) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(11) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(12) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(13) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(14) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(15) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(16) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(17) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(18) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(19) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(20) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(21) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(22) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(23) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(24) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(25) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(26) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(27) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(28) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(29) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(30) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(31) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(32) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(33) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(34) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(35) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(36) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(37) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(38) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(39) .media-card{transition-delay:64ms}
.media-grid>.filter-item:nth-child(40) .media-card{transition-delay:64ms}
.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guide-list article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.guide-list h3{margin:0 0 7px;font-size:1rem}.guide-list p{margin:0;color:var(--muted);font-size:.91rem}@media(max-width:620px){.guide-list{grid-template-columns:1fr}}

.scenario-band{padding:72px 0;background:linear-gradient(180deg,#ececf3 0%,#f7f7fa 100%);border-top:1px solid rgba(34,35,43,.07);border-bottom:1px solid rgba(34,35,43,.07)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scenario-grid article{min-height:170px;padding:23px;border-radius:20px;background:rgba(255,255,255,.86);border:1px solid rgba(34,35,43,.09);box-shadow:0 10px 30px rgba(23,24,33,.04)}.scenario-grid h3{margin:0 0 9px;font-size:1rem}.scenario-grid p{margin:0;color:var(--muted);font-size:.9rem}.filter-item{min-width:0}.filter-item .media-card{height:100%}.media-cover:focus-visible{outline:3px solid rgba(108,99,255,.35);outline-offset:-3px}.primary-nav a,.button,.text-link,.filter-tabs button,.chips a,.link-panels a{touch-action:manipulation}.media-body h3 a{display:inline}.media-body h3 a:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.filter-tabs button:hover{border-color:rgba(108,99,255,.35);color:var(--deep)}.filter-tabs button:focus-visible{outline:3px solid rgba(108,99,255,.25);outline-offset:2px}.breadcrumb a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.breadcrumb a:hover{text-decoration-color:currentColor}.site-footer a:hover{color:#fff}.hero-visual,.page-intro img,.feature-strip img,.identity-grid img,.browser-grid img{background:var(--bg2)}@media(max-width:900px){.scenario-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.scenario-grid{grid-template-columns:1fr}.scenario-band{padding:52px 0}}

.selection-section{position:relative}.selection-section:before{content:"";position:absolute;left:50%;top:40px;width:100vw;height:calc(100% - 80px);transform:translateX(-50%);background:linear-gradient(90deg,rgba(108,99,255,.035),transparent 28%,transparent 72%,rgba(245,158,91,.035));pointer-events:none;z-index:-1}.selection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.selection-grid article{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(23,24,33,.035)}.selection-grid h3{margin:0 0 8px;font-size:1rem;line-height:1.45}.selection-grid p{margin:0;color:var(--muted);font-size:.9rem}.selection-grid article:nth-child(2n){background:#fbfaff}.selection-grid article:nth-child(3n){border-color:rgba(108,99,255,.16)}.selection-grid article:nth-child(4n){border-color:rgba(245,158,91,.18)}@media(max-width:1000px){.selection-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.selection-grid{grid-template-columns:1fr}}
/* Interaction and long-reading refinements */
::selection{background:rgba(108,99,255,.20);color:var(--deep)}
:where(h1,h2,h3){text-wrap:balance}
:where(p,li,dd){text-wrap:pretty}
main{min-height:60vh}
section[id]{scroll-margin-top:96px}
.filter-item[id]{scroll-margin-top:104px}
.media-card,.note-grid article,.pillar-grid article,.device-grid article,.scenario-grid article,.selection-grid article{contain:layout paint}
.hero-copy,.page-intro>div,.split-copy,.feature-strip>div,.identity-grid>div,.browser-grid>div{min-width:0}
.media-body h3,.media-body p,.stack-list h3,.stack-list p{overflow-wrap:anywhere}
.button:active,.filter-tabs button:active,.chips a:active{transform:translateY(1px)}
.primary-nav a:focus-visible,.brand:focus-visible,.breadcrumb a:focus-visible,.site-footer a:focus-visible{outline:3px solid rgba(108,99,255,.28);outline-offset:3px;border-radius:8px}
.hero-actions .button.ghost:hover{border-color:rgba(108,99,255,.28);background:#faf9ff}
.media-badge{backdrop-filter:blur(8px)}
.stack-list article:hover{border-color:rgba(167,139,250,.28);background:rgba(255,255,255,.065)}
.note-grid article:hover,.pillar-grid article:hover,.device-grid article:hover{border-color:rgba(108,99,255,.20)}
.topic-bands article:nth-child(2n){background:#1c1d27}.topic-bands article:nth-child(3n){background:#20212c}
.topic-bands article a:hover{text-decoration:underline;text-underline-offset:3px}
.identity-grid dt{letter-spacing:.01em}.identity-grid dd{max-width:58ch}
.browser-grid .text-link{color:#c7c5ff}.browser-grid .text-link:hover{color:#fff}
.site-footer{border-top:1px solid rgba(255,255,255,.04)}
@supports not (backdrop-filter:blur(18px)){.site-header{background:rgba(247,247,250,.98)}}
@media(max-width:820px){section[id]{scroll-margin-top:82px}.hero-caption{max-width:min(80%,260px)}.section-heading h2{max-width:18ch}.split-copy h2,.feature-strip h2,.support-grid h2,.identity-grid h2,.browser-grid h2{max-width:20ch}}
@media(max-width:620px){body{font-size:15px}.hero-points{display:grid}.hero-points li{width:100%;border-radius:12px}.page-intro img{border-radius:20px}.media-card{border-radius:17px}.filter-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.filter-tabs button{padding-inline:8px}.footer-grid nav{padding-top:4px}.browser-band,.identity-band{padding:52px 0}}