:root{font-synthesis:none;color:#172033;--blue:#086fd6;--blue-dark:#075bab;--muted:#596579;--line:#dce3ec;--soft:#f5f8fc;background:#fff;font-family:Segoe UI,Microsoft YaHei UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#a3afbd transparent;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#a3afbd;border:2px solid #fff;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#7d8999}body{background:#fff;min-width:320px;margin:0}a{color:inherit}.container{width:min(100% - 40px,1180px);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);background:#fff;min-height:54px;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:none;min-height:54px;display:flex}.brand{align-items:center;gap:9px;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.brand img{border-radius:7px}.site-header nav{color:var(--muted);align-items:center;gap:24px;font-size:.875rem;display:flex}.site-header nav>a{text-decoration:none}.site-header nav>a:hover,.site-header nav>a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:var(--blue)}.language-menu{position:relative}.language-menu summary{cursor:pointer;padding:8px 0;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"▾";margin-left:7px}.language-menu[open] summary:after{content:"▴"}.language-menu>div{z-index:10;border:1px solid var(--line);background:#fff;border-radius:10px;width:224px;max-height:min(420px,70vh);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 40px #1a304d24}.language-menu a{border-radius:6px;padding:9px 10px;text-decoration:none}.language-menu a:hover,.language-menu a:focus-visible,.language-menu a[aria-current=page]{color:#0b4f91;background:#edf6ff}.hero{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(38px,6vw,76px);width:min(100% - 40px,1520px);padding-block:clamp(64px,8vw,104px);display:grid;position:relative}.hero-expand{color:#526176;background:#ffffffe0;border:1px solid #bcc7d5;border-radius:50%;place-items:center;width:52px;height:52px;text-decoration:none;display:none;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-expand svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hero-expand:hover,.hero-expand:focus-visible{border-color:var(--blue);color:var(--blue)}.available{color:var(--blue);letter-spacing:.04em;margin:0 0 18px;font-size:.82rem;font-weight:650}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.04em;max-width:680px;margin:0;font-size:clamp(2.25rem,3.6vw,3.25rem);font-weight:650;line-height:1.08}.intro{max-width:610px;color:var(--muted);margin:22px 0 0;font-size:1.06rem;line-height:1.75}.store-links{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{background:#fff;border:1px solid #b9c4d2;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--blue);color:#fff;background:var(--blue)}.button:hover,.button:focus-visible{border-color:var(--blue)}.button.primary:hover,.button.primary:focus-visible{background:var(--blue-dark)}.product-carousel{min-width:0}.carousel-viewport{scroll-snap-type:x mandatory;scrollbar-width:none;background:#0a1523;border:1px solid #ccd5e0;border-radius:12px;display:flex;overflow:auto hidden;box-shadow:0 18px 48px #172d4b29}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:start;flex:0 0 100%;width:100%;margin:0}.carousel-slide img{width:100%;height:auto;display:block}.carousel-controls{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:none}.product-carousel[data-ready=true] .carousel-controls{display:flex}.carousel-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #bcc7d5;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.carousel-button:hover,.carousel-button:focus-visible{border-color:var(--blue);color:var(--blue)}.carousel-count{min-width:48px;color:var(--muted);text-align:center;font-size:.82rem}.component-showcase{border-top:1px solid var(--line);padding-block:clamp(34px,5vw,64px)}.component-showcase.container{width:min(100% - 40px,1520px)}.component-list{margin-top:0}.component-row{grid-template-columns:minmax(0,560px) minmax(320px,680px);grid-template-areas:"visual copy";justify-content:center;align-items:center;gap:clamp(42px,5vw,88px);padding-block:clamp(42px,5.5vw,68px);display:grid}.component-row+.component-row{border-top:1px solid var(--line)}.component-row.is-reverse{grid-template-columns:minmax(320px,680px) minmax(0,560px);grid-template-areas:"copy visual"}.component-visual{grid-area:visual;justify-self:stretch;width:100%}.component-preview-frame{background:#fff;border:1px solid #c8d2df;border-radius:15px;min-width:0;margin:0;overflow:hidden;box-shadow:0 20px 52px #172d4b24}.preview-canvas{aspect-ratio:1;isolation:isolate;background-color:#0b1522;background-position:50%;background-size:cover;position:relative;overflow:hidden}.preview-material{z-index:1;top:var(--preview-y);left:var(--preview-x);width:var(--preview-width);height:var(--preview-height);border-radius:var(--preview-radius-x) / var(--preview-radius-y);border:1px solid #0000;position:absolute;box-shadow:0 12px 34px #050f1c3d}.component-showcase[data-appearance=dark] .preview-material{background:linear-gradient(to bottom, #141a2100 var(--preview-gradient-start), #141a218f 100%), #141a2166;border-color:#ffffff52}.component-showcase[data-appearance=light] .preview-material{background:linear-gradient(to bottom, #f2f5f700 var(--preview-gradient-start), #f2f5f71f 100%), #f2f5f7bf;border-color:#80808c33}.component-showcase[data-appearance=glass-dark] .preview-material{backdrop-filter:blur(24px);background:#0d121a47;box-shadow:inset 0 0 0 1px #ffffff2e,0 12px 34px #050f1c3d}.component-showcase[data-appearance=glass-light] .preview-material{backdrop-filter:blur(22px);background:#ebf5ff26;box-shadow:inset 0 0 0 1px #ffffff38,0 12px 34px #050f1c3d}.component-showcase[data-appearance=acrylic-dark] .preview-material,.component-showcase[data-appearance=acrylic-light] .preview-material{backdrop-filter:blur(30px);image-rendering:pixelated;background-repeat:repeat;background-size:64px 64px;box-shadow:inset 0 0 0 1px #ffffff2e,0 12px 34px #050f1c3d}.component-showcase[data-appearance=acrylic-dark] .preview-material{background-color:#202020cc;background-image:var(--acrylic-noise-dark)}.component-showcase[data-appearance=acrylic-light] .preview-material{background-color:#f3f3f3cc;background-image:var(--acrylic-noise-light)}[data-transparent-background=true] .preview-material{display:none}.preview-canvas img{z-index:2;object-fit:contain;width:100%;height:100%;transition:opacity .14s;display:block;position:absolute;inset:0}[data-preview-figure][data-loading=true] .preview-canvas img{opacity:.6}.collection-pager,.builtin-pager{color:#506074;background:#f8fafc;border-top:1px solid #dce3ec;grid-template-columns:36px minmax(0,1fr) auto 36px;align-items:center;gap:10px;min-height:58px;padding:10px 18px;display:grid}.collection-pager button,.builtin-pager button{color:#334155;width:36px;height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bcc7d5;border-radius:50%;place-items:center;padding:0;display:inline-grid}.collection-pager button:hover:not(:disabled),.collection-pager button:focus-visible:not(:disabled),.builtin-pager button:hover:not(:disabled),.builtin-pager button:focus-visible:not(:disabled){border-color:var(--blue);color:var(--blue)}.collection-pager button:disabled,.builtin-pager button:disabled{cursor:default;opacity:.34}.collection-pager button svg,.builtin-pager button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px;display:block}.collection-size-label,.builtin-widget-name{color:#28364a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:650;overflow:hidden}.collection-page-count,.builtin-page-count{color:#6d798b;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.appearance-panel{border:0}.appearance-panel summary{color:#37465a;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding-inline:2px;font-size:.88rem;list-style:none;display:flex}.appearance-panel summary::-webkit-details-marker{display:none}.appearance-panel summary:after{color:#718096;content:"+";font-size:1.12rem;line-height:1;transition:transform .14s}.appearance-panel[open] summary:after{transform:rotate(45deg)}.appearance-panel .appearance-options{padding:2px 0 14px}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.appearance-options button{color:#435268;min-width:0;min-height:36px;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #c7d2df;border-radius:7px;justify-content:flex-start;align-items:center;gap:7px;padding:7px 9px;font-size:.72rem;font-weight:600;display:inline-flex;overflow:hidden}.appearance-options button:before{content:"";background:#172033;border:1px solid #0f233b2e;border-radius:50%;flex:none;width:12px;height:12px}.appearance-options button[data-appearance-option=light]:before{background:#f2f5f7}.appearance-options button[data-appearance-option=glass-dark]:before{background:linear-gradient(135deg,#0d121a 50%,#8ca2ba 50%)}.appearance-options button[data-appearance-option=glass-light]:before{background:linear-gradient(135deg,#ebf5ff 50%,#8ca2ba 50%)}.appearance-options button[data-appearance-option=acrylic-dark]:before{background:radial-gradient(circle at 30% 30%,#737373 0 10%,#0000 11%),#202020}.appearance-options button[data-appearance-option=acrylic-light]:before{background:radial-gradient(circle at 30% 30%,#9b9b9b 0 10%,#0000 11%),#f3f3f3}.appearance-options button:hover,.appearance-options button:focus-visible{color:#0b579d;border-color:#7baee0}.appearance-options button[aria-pressed=true]{border-color:var(--blue);color:#075bab;background:#edf6ff;box-shadow:inset 0 0 0 1px #086fd61f}.component-copy{grid-area:copy;max-width:680px}.component-copy h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:640}.component-copy>p{color:var(--muted);margin:18px 0 0;font-size:.98rem;line-height:1.75}.component-link{color:#086fd6;align-items:center;gap:7px;margin-top:20px;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.component-link:hover,.component-link:focus-visible{color:#075bab;text-underline-offset:3px;text-decoration:underline}.component-controls-panel>summary{display:none}.component-controls-panel>.component-controls{display:grid}.component-controls{gap:0;margin-top:26px;padding:0;display:grid}.property-fieldset{gap:0;display:grid}.property-fieldset legend{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.property-fieldset{border:0;margin:0;padding:0}.property-switch{color:#37465a;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:0 2px;font-size:.88rem;display:flex;position:relative}.property-switch input{opacity:0;width:42px;height:24px;position:absolute;right:0}.property-switch i{background:#c8d1dc;border-radius:999px;flex:none;width:42px;height:24px;transition:background .14s;position:relative}.property-switch i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a47}.property-switch input:checked+i{background:var(--blue)}.property-switch input:checked+i:after{transform:translate(18px)}.property-switch input:focus-visible+i{outline-offset:3px;outline:2px solid #2b8ee9}.property-switch:has(input:disabled){cursor:default;opacity:.46}.builtin-preview-carousel{background:#f5f8fc}.builtin-preview-viewport{overflow:hidden}.builtin-preview-track{will-change:transform;transition:transform .22s;display:flex}.builtin-preview-track figure{flex:0 0 100%;width:100%;min-width:100%;margin:0;overflow:hidden}.features{padding-block:clamp(76px,9vw,118px)}.features.container{width:min(100% - 40px,1520px)}.features h2{letter-spacing:-.045em;max-width:680px;margin:0;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:620;line-height:1.08}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,5vw,72px);margin-top:38px;display:grid}.feature-grid article{max-width:500px}.feature-grid h3{margin:0 0 12px;font-size:1.18rem;font-weight:650}.feature-grid p{color:var(--muted);margin:0;font-size:.93rem;line-height:1.7}.comparison-page{padding-block:clamp(64px,8vw,104px)}.comparison-intro{max-width:820px}.comparison-intro .intro{max-width:760px}.comparison-table-wrap{border:1px solid var(--line);border-radius:10px;margin-top:48px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:18px 22px}.comparison-table thead th{color:#3f4b5d;background:var(--soft);font-size:.82rem;font-weight:650}.comparison-table tbody th{width:42%;font-size:.93rem;font-weight:600}.comparison-table tbody td{color:var(--muted);font-size:.88rem}.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}.comparison-table .preferred-column{background:#f3f8fe}.availability{align-items:center;gap:8px;display:inline-flex}.availability.included{color:#126537}.availability.planned{color:#8a5a00}.availability>span{text-align:center;width:18px;font-weight:700}.comparison-notes{max-width:820px;color:var(--muted);margin-top:28px;font-size:.9rem;line-height:1.7}.comparison-notes p{margin:0 0 8px}.comparison-actions{margin-top:28px}.site-footer{border-top:1px solid var(--line);color:#6a7586;justify-content:space-between;align-items:center;gap:30px;padding-block:28px 36px;font-size:.8rem;display:flex}.site-footer.container{width:min(100% - 40px,1520px)}.site-footer p{margin:0}.site-footer a{flex:none;text-decoration:none}.site-footer a span{margin-left:6px}:focus-visible{outline-offset:3px;outline:2px solid #2b8ee9}@media (width<=920px){.hero{grid-template-columns:1fr}.hero-copy{max-width:760px}.product-carousel{max-width:900px}.component-row,.component-row.is-reverse{grid-template-columns:minmax(0,900px);grid-template-areas:"visual""copy";justify-content:center}.component-copy{max-width:680px}}@media (width>=921px) and (orientation:landscape){html{scroll-padding-top:54px}.hero{min-height:calc(100svh - 54px);padding-top:clamp(28px,4vh,56px);padding-bottom:calc(clamp(28px,4vh,56px) + 54px)}.hero-expand{display:inline-grid}}@media (orientation:portrait){.component-row,.component-row.is-reverse{grid-template-columns:minmax(0,900px);grid-template-areas:"copy""visual";justify-content:center}.component-copy{justify-self:center;width:min(100%,680px);max-width:680px}.component-visual{justify-self:center;width:min(100%,420px)}.component-controls-panel>summary{color:#37465a;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:50px;margin-top:24px;font-size:.88rem;font-weight:650;list-style:none;display:flex}.component-controls-panel>summary::-webkit-details-marker{display:none}.component-controls-panel>summary:after{color:#718096;content:"+";font-size:1.12rem;line-height:1;transition:transform .14s}.component-controls-panel[open]>summary:after{transform:rotate(45deg)}.component-controls-panel>.component-controls{margin-top:18px}.component-controls-panel:not([open])>.component-controls,.builtin-copy .appearance-panel>summary{display:none}}@media (width<=680px){.container{width:min(100% - 28px,1180px)}.site-header nav{gap:16px}.site-header nav>a{display:none}.hero{padding-block:64px 78px}h1{font-size:clamp(2.15rem,10vw,2.9rem)}.store-links{flex-direction:column}.button{width:100%}.feature-grid{grid-template-columns:1fr}.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{gap:28px}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-canvas img,.builtin-preview-track,.appearance-panel summary:after,.component-controls-panel>summary:after,.property-switch i,.property-switch i:after{transition:none}}