@charset "UTF-8";
:root{color-scheme:light;--bg:#f6f8fc;--ink:#172338;--muted:#647084;--subtle:#7e8b9c;--blue:#315ff4;--line:rgba(65,87,121,.13);--panel:rgba(255,255,255,.72);--soft:#edf2fc;--grid:rgba(75,100,145,.045);--shadow:0 24px 70px rgba(46,66,111,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#0e141f;--ink:#e6ecf8;--muted:#a1aec3;--subtle:#8090aa;--blue:#8aa7ff;--line:rgba(160,181,217,.14);--panel:rgba(24,32,48,.74);--soft:#1c2a46;--grid:rgba(148,170,210,.04);--shadow:0 24px 70px rgba(0,0,0,.15)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;color:var(--ink);background:radial-gradient(ellipse 900px 700px at 83% 9%,rgba(93,133,248,.075),transparent 70%),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--bg);background-size:auto,32px 32px,32px 32px,auto;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
h1,h2,h3,h4,p{margin:0}
::selection{background:#cbd8ff;color:#152756}
.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip-link{position:fixed;left:16px;top:-100px;z-index:10;padding:12px 20px;background:var(--ink);color:var(--bg);border-radius:8px}
.skip-link:focus{top:16px}
.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.wordmark-light{font-weight:500}
.logo-mark{width:37px;height:37px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--blue);color:var(--bg);border-radius:11px;font-size:24px;letter-spacing:-2px;padding-right:3px}
.logo-mark>span{font-size:13px;position:absolute;right:4px;top:1px;letter-spacing:0}
.brand-label{display:block;font-size:9px;letter-spacing:3px;color:var(--subtle);font-weight:500;margin-top:1px}
.site-nav{display:flex;gap:30px;font-size:13px;font-weight:500}
.site-nav a,.site-footer a{transition:color .15s}
.site-nav a:hover,.site-footer a:hover{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:20px}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--muted);cursor:pointer}
.theme-toggle[hidden]{display:none}
.theme-toggle .sun,[data-theme=dark] .theme-toggle .moon{display:none}
[data-theme=dark] .theme-toggle .sun{display:block}
.header-enter{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;white-space:nowrap}
.header-enter .icon{width:17px;height:17px}
.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-block:76px 80px;min-height:740px}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--subtle);line-height:1.7}
.hero .eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--muted)}
.tiny-cross{color:var(--blue);margin-right:8px;font-size:16px}
.hero h1{font-size:clamp(60px,6.1vw,82px);font-weight:800;letter-spacing:-5px;line-height:1.1;margin:28px 0 22px}
.title-dot{color:var(--blue)}
.hero h2{font-size:clamp(30px,3vw,40px);font-weight:650;line-height:1.45;letter-spacing:1px}
.hero h2>span{color:var(--blue)}
.hero-description{font-size:14px;line-height:1.95;color:var(--muted);margin-top:22px}
.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 23px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s}
.button-primary{background:#315ff4;color:white;box-shadow:0 8px 20px rgba(49,95,244,.17)}
.button-primary:hover{background:#234ed7;transform:translateY(-2px);box-shadow:0 12px 22px rgba(49,95,244,.23)}
.button .icon{width:19px;height:19px}
.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;line-height:1.7}
.text-link:hover{color:var(--blue)}
.text-link .icon{width:17px;height:17px}
.destination{display:flex;gap:9px;margin-top:17px;font-size:10px;letter-spacing:.3px;color:var(--subtle)}
.destination a{color:var(--muted)}
.explore-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);padding:24px 26px 0;backdrop-filter:blur(18px);position:relative}
.panel-top{display:flex;align-items:center;justify-content:space-between;color:var(--subtle);font-size:9px;letter-spacing:1px}
.panel-kicker{font-size:9px;letter-spacing:2px;font-weight:600}
.panel-caption{letter-spacing:1px;font-size:9px}
.panel-art{height:181px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:7px}
.orbit{position:absolute;width:222px;height:105px;border:1px solid var(--line);border-radius:50%;transform:rotate(-23deg)}
.orbit-two{transform:rotate(23deg);width:250px;height:97px}
.controller-shape{position:relative;width:125px;height:92px;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);background:linear-gradient(135deg,var(--soft),var(--panel));border:1px solid var(--line);border-radius:29px;box-shadow:0 13px 24px rgba(49,95,244,.09)}
.controller-shape svg{width:86px;height:66px;fill:none;stroke:var(--blue);stroke-width:.75;stroke-linecap:round;stroke-linejoin:round}
.art-plus{position:absolute;color:var(--blue);font-size:21px;font-weight:300}
.plus-one{left:51px;top:39px}
.plus-two{right:43px;bottom:25px;font-size:14px}
.art-label{position:absolute;color:var(--subtle);font-size:8px;letter-spacing:1.5px}
.label-one{left:11px;bottom:28px}
.label-two{right:5px;top:40px}
.panel-title{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid var(--line)}
.panel-title h3{font-size:16px;font-weight:600}
.panel-title>span{font-size:8px;letter-spacing:1px;color:var(--subtle)}
.panel-row{display:flex;align-items:center;gap:17px;padding:15px 3px;border-bottom:1px solid var(--line);transition:background .15s,color .15s}
.panel-row:hover{background:var(--soft);color:var(--blue)}
.row-number{font-size:9px;font-variant-numeric:tabular-nums;color:var(--subtle)}
.panel-row>.icon{width:21px;height:21px;color:var(--muted)}
.panel-row>span:not(.row-number){display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:600}
.panel-row small{font-size:8px;letter-spacing:1.2px;color:var(--subtle);font-weight:400}
.panel-row .row-arrow{margin-left:auto;width:17px;height:17px;color:var(--subtle)}
.panel-bottom{height:43px;display:flex;align-items:center;gap:8px;font-size:9px;color:var(--subtle)}
.panel-bottom>span:last-child{margin-left:auto;font-size:16px}
.small-square{height:5px;width:5px;background:var(--blue);border-radius:1px;opacity:.7}
.catalog{padding-block:35px 76px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.section-heading h2,.faq-section h2{font-size:26px;font-weight:600;letter-spacing:.4px;margin-top:10px;line-height:1.5}
.section-heading>.text-link{padding-bottom:5px;white-space:nowrap}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.category{padding:26px 25px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}
.category:last-child{border-right:0}
.category:hover{background:var(--soft)}
.category-top{display:flex;align-items:center;justify-content:space-between;color:var(--blue);margin-bottom:27px}
.category-top>.icon{width:27px;height:27px}
.category-top>span{color:var(--subtle);font-size:10px}
.category h3{font-size:17px;font-weight:600;margin-bottom:10px}
.category p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:25px}
.category-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;font-size:10px;color:var(--muted)}
.category-link .icon{height:15px;width:15px}
.about-section{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-block:40px 80px}
.about-copy h2{font-size:30px;line-height:1.6;letter-spacing:.7px;font-weight:600;margin:13px 0 22px}
.about-copy h2 span{color:var(--muted)}
.about-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2;margin-bottom:15px}
.about-copy p a,.faq-list p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.about-copy>.text-link{margin-top:8px;color:var(--blue)}
.browse-guide{align-self:center;padding:26px 28px 0;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.guide-heading{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);padding-bottom:20px}
.guide-heading h3{font-size:14px;font-weight:600}
.guide-heading>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px;color:var(--subtle)}
.browse-guide ol{list-style:none;margin:24px 0 22px;padding:0}
.browse-guide li{display:flex;gap:15px;margin-bottom:24px}
.browse-guide li:last-child{margin-bottom:0}
.step-number{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:7px;background:var(--soft);color:var(--blue);font-size:11px;flex-shrink:0}
.browse-guide h4{font-size:12px;font-weight:600;margin:2px 0 6px}
.browse-guide p{font-size:11px;line-height:1.9;color:var(--muted)}
.guide-help{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:16px;font-size:11px;color:var(--muted)}
.guide-help:hover{color:var(--blue)}
.guide-help>.icon{width:16px;height:16px}
.faq-section{display:grid;grid-template-columns:.8fr 1.4fr;gap:80px;border-top:1px solid var(--line);padding-block:48px 80px}
.section-description{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:19px 0;font-size:13px;font-weight:500;line-height:1.8}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:21px;font-weight:300;color:var(--subtle);line-height:1;transition:transform .2s}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list p{font-size:12px;line-height:2;color:var(--muted);padding:0 28px 22px 0}
.closing{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 40px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(105deg,var(--soft),var(--panel))}
.closing-label{font-size:9px;color:var(--blue);letter-spacing:1.8px}
.closing h2{font-size:26px;letter-spacing:.6px;line-height:1.7;font-weight:600;margin-top:6px}
.closing .button{padding:15px 24px;white-space:nowrap}
.mobile-break{display:none}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:44px 35px;font-size:10px;color:var(--subtle)}
.footer-brand{display:flex;align-items:center;gap:17px}
.footer-brand strong{color:var(--ink);font-size:19px;letter-spacing:-.8px}
.footer-brand strong>span{color:var(--blue)}
.footer-brand>span{font-size:9px}
.site-footer nav{display:flex;gap:24px}
.site-footer small{font-size:9px;white-space:nowrap}
@media(min-width:1500px){.hero{padding-block:90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.site-nav{gap:18px}.hero{gap:36px;grid-template-columns:1.1fr 1fr;min-height:auto}.hero h1{font-size:65px}.hero h2{font-size:32px}.hero-actions{gap:16px}.hero-actions>.text-link{font-size:11px}.button{gap:18px;padding-inline:18px}.explore-panel{padding-inline:20px}.panel-caption{display:none}.about-section{gap:55px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category:nth-child(2){border-right:0}.category:nth-child(-n+2){border-bottom:1px solid var(--line)}.faq-section{gap:40px}.site-footer{flex-wrap:wrap}.site-footer small{margin-left:auto}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:15px}.wordmark{font-size:22px}.logo-mark{width:34px;height:34px}.site-nav{display:none}.header-actions{gap:14px}.header-enter{font-size:12px;gap:6px}.theme-toggle{width:33px;height:33px}.theme-toggle .icon{width:18px;height:18px}.hero{grid-template-columns:1fr;gap:46px;padding-block:48px 50px}.hero h1{font-size:76px;margin:23px 0 20px;letter-spacing:-4px}.hero h2{font-size:34px;line-height:1.5}.hero .eyebrow{font-size:10px;letter-spacing:.8px}.hero-description{font-size:13px;margin-top:18px}.hero-actions{gap:22px;margin-top:26px}.hero-actions .button{font-size:13px;padding:16px 19px;gap:22px}.hero-actions>.text-link{font-size:11px;gap:9px}.destination{font-size:10px;margin-top:16px}.explore-panel{padding:22px 23px 0;border-radius:16px}.panel-art{height:153px}.panel-caption{display:block;font-size:8px}.panel-title h3{font-size:15px}.panel-row{padding-block:14px}.panel-row>span:not(.row-number){font-size:13px}.panel-row small{font-size:9px}.catalog{padding-block:29px 48px}.section-heading{margin-bottom:23px}.section-heading h2,.faq-section h2{font-size:23px;margin-top:9px}.section-heading>.text-link{font-size:10px;gap:6px}.eyebrow{font-size:9px;letter-spacing:1.4px}.catalog-grid{border-radius:12px}.category{padding:22px 19px}.category-top{margin-bottom:22px}.category-top>.icon{width:24px;height:24px}.category h3{font-size:16px}.category p{font-size:11px;margin-bottom:20px}.category-link{font-size:10px;gap:5px}.category-link .icon{width:14px;height:14px}.about-section{grid-template-columns:1fr;gap:27px;padding-block:20px 48px}.about-copy h2{font-size:27px;margin-bottom:19px}.about-copy>p:not(.eyebrow){font-size:12px;line-height:2}.browse-guide{padding-inline:22px}.browse-guide p{font-size:12px}.browse-guide h4{font-size:13px}.guide-help{font-size:12px}.faq-section{grid-template-columns:1fr;gap:17px;padding-block:31px 45px}.section-description{font-size:12px;margin-top:10px}.faq-list summary{font-size:12px;padding-block:18px}.faq-list p{font-size:12px;padding-right:15px}.closing{padding:27px 24px;flex-direction:column;align-items:flex-start;gap:20px}.closing h2{font-size:25px;margin-top:9px}.closing-label{font-size:8px}.mobile-break{display:block}.closing .button{font-size:13px}.site-footer{align-items:flex-start;gap:22px;padding-block:32px}.footer-brand{flex-direction:column;align-items:flex-start;gap:7px}.site-footer nav{gap:13px;font-size:10px;padding-top:5px}.site-footer small{width:100%;margin:0;font-size:9px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:65px}.hero h2{font-size:31px}.hero-actions{gap:16px}.hero-actions .button{gap:14px;padding-inline:15px;font-size:12px}.hero-actions>.text-link{font-size:10px}.hero-description{font-size:12px}.wordmark{font-size:20px}.brand-label{font-size:8px}.header-actions{gap:9px}.header-enter{font-size:11px}.header-enter .icon{display:none}.section-heading h2{font-size:21px}.section-heading>.text-link{gap:3px}.category{padding-inline:15px}.category p{font-size:11px}.panel-title>span{font-size:7px}}
@media(max-width:760px){.section-heading{display:block}.section-heading>.text-link{margin-top:12px;padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}