@charset "UTF-8";
:root{--bg:#080e1d;--surface:#101a2d;--surface2:#152137;--text:#f2f5fc;--muted:#9eacc4;--blue:#4686ff;--cyan:#59d9ff;--line:rgba(162,187,224,.14);--width:1180px;color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.8}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}img{display:block;max-width:100%;height:auto}button{color:inherit}p,h1,h2,h3,h4{margin-top:0}p{color:var(--muted)}h1,h2,h3,h4{line-height:1.35}::selection{background:#2870e8;color:#fff}.wrap{width:min(var(--width),calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:#fff;color:#000;padding:10px}.skip:focus{top:10px}.topbar{position:sticky;top:0;z-index:30;background:rgba(8,14,29,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-row{display:flex;align-items:center;gap:34px;min-height:80px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:39px;height:39px;border-radius:11px}.brand strong{font-size:24px;letter-spacing:1px}.brand em{display:block;font-size:9px;letter-spacing:2.3px;color:#9eacc4;font-style:normal;line-height:1.2}.nav{display:flex;align-items:center;gap:26px;margin-left:auto}.nav a{font-size:14px;color:#aab7cf;position:relative;padding:27px 0}.nav a.active,.nav a:hover{color:#fff}.nav a.active:after{content:"";height:3px;background:var(--cyan);position:absolute;bottom:0;left:0;right:0}.nav-cta{padding:9px 17px!important;background:var(--blue);border-radius:6px;color:#fff!important;font-size:13px;border:0;white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:8px 12px;margin-left:auto}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 52%,rgba(34,104,216,.2),transparent 53%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080e1d 3%,rgba(8,14,29,.93) 42%,rgba(8,14,29,.68)),url("original-bg.jpg") center 31%/cover;opacity:.42;pointer-events:none}.hero:after{content:"";position:absolute;left:58%;top:0;bottom:0;width:1px;transform:skewX(-18deg);background:linear-gradient(transparent,rgba(80,165,255,.18),transparent);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:670px;position:relative;z-index:1;gap:40px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:600;letter-spacing:2.8px;display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero h1{font-size:clamp(40px,4.9vw,66px);letter-spacing:-2px;line-height:1.18;margin-bottom:22px;font-weight:800}.hero h1 span{color:var(--cyan)}.hero-copy>p{font-size:16px;max-width:470px;line-height:1.95;margin-bottom:29px}.pill{font-size:11px;letter-spacing:1px;padding:5px 11px;background:rgba(64,137,255,.1);border:1px solid rgba(83,163,255,.25);border-radius:4px;color:#a4caff;display:inline-flex;align-items:center;gap:7px;margin-bottom:24px}.dot{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:7px;background:transparent;padding:13px 22px;font-weight:600;font-size:14px;transition:background .18s,transform .18s;min-height:48px}.btn:hover{background:var(--surface2);transform:translateY(-2px)}.btn.primary{background:#397cff;color:#fff;border-color:#397cff;box-shadow:0 7px 30px rgba(42,111,255,.16)}.btn.primary:hover{background:#538eff}.btn .arrow{font-size:20px;font-weight:400}.textlink{color:#accbff;font-size:13px;display:inline-flex;gap:12px;align-items:center}.textlink:hover{color:var(--cyan)}.hero-tags{display:flex;gap:22px;margin-top:25px;color:#91a6c6;font-size:12px}.hero-tags span:before{content:"✓";margin-right:7px;color:#62b4ff}.hero-art{height:570px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(79,147,255,.13);border-radius:50%;box-shadow:0 0 0 48px rgba(65,135,255,.025),0 0 0 96px rgba(65,135,255,.018)}.hero-phone{height:525px;width:auto;filter:drop-shadow(0 26px 36px rgba(0,0,0,.45));position:relative;transform:rotate(6deg)}.float-note{position:absolute;left:0;bottom:116px;background:rgba(19,34,58,.95);border:1px solid rgba(140,185,255,.24);border-radius:9px;padding:14px 19px;box-shadow:0 15px 45px #0005;display:flex;align-items:center;gap:12px;font-size:13px}.float-note b{display:block;font-size:12px}.float-note span{font-size:11px;color:var(--muted)}.float-icon{width:34px;height:34px;border-radius:50%;background:#253f6a;color:#a5dcff;display:grid;place-items:center;font-size:18px}.art-label{position:absolute;right:0;top:112px;font-size:10px;writing-mode:vertical-rl;letter-spacing:3px;color:#7086a9}.hero-bottom{position:relative;z-index:1;border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:24px}.hero-bottom>span{color:#8090ab;font-size:10px;letter-spacing:2px}.game-tags{display:flex;gap:22px;color:#afbdd2;flex-wrap:wrap}.game-tags .selected{color:var(--cyan)}.section{padding:86px 0}.section.soft{background:linear-gradient(180deg,#0c1425,#0a1221);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.kicker{color:#668dbb;font-size:10px;letter-spacing:2.5px;font-weight:600;margin-bottom:11px}.section h2{font-size:32px;letter-spacing:-.8px;margin-bottom:12px}.section-head p{font-size:14px;margin-bottom:0}.section-head .textlink{flex-shrink:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{padding:30px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,#14223a,#0d1729);position:relative;overflow:hidden;min-height:270px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,transform .2s}.service:hover{border-color:#3f6498;transform:translateY(-4px)}.service.featured{background:linear-gradient(135deg,#163863,#12213b);border-color:#2a5184}.service-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:35px}.service-index{font:11px "Segoe UI",sans-serif;color:#7396c1;letter-spacing:2px}.service-mark{font-size:22px;color:#7ed8ff;line-height:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid #568ac94d;border-radius:10px;background:#3262a129}.service h3{font-size:23px;margin-bottom:10px}.service p{font-size:13px;margin-bottom:23px}.service .textlink{margin-top:auto}.service .tag{font-size:10px;position:absolute;right:20px;top:0;background:#286bcb;color:#d7e7ff;padding:3px 11px;border-radius:0 0 4px 4px}.service-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:12px}.service-foot p{margin:0;font-size:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step{border-top:1px solid #284268;padding-top:23px}.step-num{font-size:35px;color:#44689a;line-height:1;margin-bottom:22px;font-weight:300}.step h3{font-size:17px;margin-bottom:11px}.step p{font-size:13px;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.quote-panel{border:1px solid #28446e;border-radius:12px;padding:30px;background:linear-gradient(145deg,#152b4a,#0f1a2d)}.quote-panel label{display:block;font-size:12px;color:#c7d5e8;margin-bottom:7px}.quote-panel input,.quote-panel select,.quote-panel textarea{width:100%;border:1px solid #344b6d;background:#0c182b;color:#e2ecfc;border-radius:6px;padding:11px 12px;min-width:0}.quote-panel textarea{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:17px}.field{margin-bottom:17px}.quote-panel .btn{width:100%}.small{font-size:12px;line-height:1.8}.quote-panel .small{margin:12px 0 0;font-size:11px}.info-list{list-style:none;margin:26px 0 0;padding:0}.info-list li{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:15px}.info-list .tick{color:var(--cyan);font-size:15px}.info-list strong{display:block;font-size:14px}.info-list p{font-size:12px;margin:3px 0 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;padding:20px 32px 20px 0;font-size:14px;list-style:none;position:relative;color:#dbe5f5}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:4px;color:#88a4c9;font-size:21px;top:15px}.faq-item[open] summary:after{content:"−"}.faq-item p{font-size:13px;line-height:1.9;margin:0 0 22px}.business-banner{border:1px solid #2b4366;border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:35px 38px;background:linear-gradient(120deg,#172c4b,#101a2d);position:relative;overflow:hidden}.business-banner:after{content:"X";font-size:200px;position:absolute;right:270px;top:-70px;line-height:1;color:#5488d508;pointer-events:none}.business-banner h2{font-size:26px;margin:5px 0 11px}.business-banner p{font-size:13px;margin:0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chip{font-size:11px;padding:3px 9px;border:1px solid #334c70;border-radius:4px;color:#a8bddb}.contact-strip{padding:62px 0;text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#17365b55,transparent 70%)}.contact-strip h2{font-size:28px;margin-bottom:13px}.contact-strip p{font-size:13px}.contact-strip .actions{justify-content:center}.footer{padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer .brand{margin-bottom:19px}.footer p{font-size:12px;max-width:260px}.footer h3{font-size:12px;color:#d4e1f4;margin-bottom:18px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#8f9fb7}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#677c9a;font-size:11px}.footer-bottom a{color:#90a6c4}.floating-contact{position:fixed;right:22px;bottom:26px;z-index:20;border:1px solid #4271ab;background:#17345a;color:#cbe7ff;border-radius:10px;padding:12px 16px;box-shadow:0 12px 28px #0004;font-size:12px;display:flex;gap:9px;align-items:center}.mobile-bottom{display:none}.dialog{padding:30px;border:1px solid #375177;border-radius:15px;background:#111e32;color:#f2f5fc;width:min(430px,calc(100vw - 32px));max-height:90vh;overflow:auto;box-shadow:0 20px 100px #0009}.dialog::backdrop{background:#020716bf;backdrop-filter:blur(5px)}.dialog h2{font-size:23px;padding-right:25px;margin-bottom:10px}.dialog p{font-size:13px}.close-dialog{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:26px;color:#a5b9d6;width:36px;height:36px}.qr-box{background:white;border-radius:10px;width:208px;margin:24px auto 15px;padding:12px}.qr-box img{width:100%}.dialog-caption{text-align:center}.dialog .actions{justify-content:center;margin-top:22px}.request-copy{width:100%;min-height:110px;padding:12px;border:1px solid #39547a;background:#0a1527;border-radius:5px;color:#cbdcf2;font-size:12px;resize:vertical}.dialog-hint{font-size:11px!important;color:#8fa7c8!important}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:80;max-width:calc(100vw - 36px);background:#e7f2ff;color:#13233a;padding:11px 20px;border-radius:7px;box-shadow:0 8px 35px #0006;font-size:13px}.toast[hidden]{display:none}.page-top{padding:61px 0 50px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 85% 0%,#1d3e6a66,transparent 60%)}.breadcrumb{font-size:12px;color:#7893b7;margin-bottom:29px;display:flex;gap:10px;flex-wrap:wrap}.breadcrumb a:hover{color:#c6ddff}.page-top h1{font-size:43px;letter-spacing:-1px;margin-bottom:16px}.page-top p{max-width:680px;margin:0;font-size:15px}.page-content{padding:54px 0 75px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start}.article h2{font-size:24px;margin:35px 0 17px}.article h2:first-child{margin-top:0}.article h3{font-size:17px;margin:26px 0 12px}.article p,.article li{color:#a7b7cf;font-size:14px;line-height:2}.article ul,.article ol{padding-left:22px}.article li{margin-bottom:10px}.article strong{color:#e2edff}.article a{color:#89baff;text-decoration:underline;text-underline-offset:4px}.article .btn{text-decoration:none}.side-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:24px;position:sticky;top:105px}.side-card h2{font-size:18px;margin-bottom:13px}.side-card p{font-size:12px}.side-card .btn{width:100%;padding:11px;margin-bottom:10px}.side-card .side-links{margin-top:17px;border-top:1px solid var(--line);padding-top:15px;display:flex;flex-direction:column;font-size:12px;gap:10px;color:#96b6dd}.callout{border-left:3px solid #579bff;background:#142744;padding:17px 21px;margin:25px 0;color:#b8cbe8;font-size:13px}.table-wrap{overflow-x:auto;margin:23px 0}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#cbdcf5;background:#142540;font-weight:500}th,td{border-bottom:1px solid var(--line);padding:15px;vertical-align:top}td{color:#9eafc8}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.mini-card{border:1px solid var(--line);border-radius:8px;padding:22px;background:#111d31}.mini-card h3{margin:0 0 10px;font-size:17px}.mini-card p{font-size:13px;margin:0}.business-hero .page-top{padding-bottom:60px}.screenshot{border:1px solid var(--line);border-radius:9px;margin:25px 0;overflow:hidden}.screenshot figcaption{font-size:11px;color:#8aa2c2;padding:11px 16px;background:#13213a}.no-results{color:var(--muted);padding:20px 0}.faq-tools{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.faq-tools input{width:min(440px,100%);background:#12213a;border:1px solid #30486b;border-radius:6px;padding:12px;color:#e2edff}.faq-count{font-size:12px;color:#8ca4c4}.article .faq-item p{line-height:1.95}.article .faq-item summary{font-size:15px}.article .faq-item{margin-bottom:3px}.full-faq{max-width:900px}.note-line{margin-top:20px;font-size:12px;color:#8196b7}.icon-text{font-size:11px;color:#7fa1cd;letter-spacing:2px}.empty404{text-align:center;padding:95px 20px}.empty404 h1{font-size:72px;color:#70b2ff}.empty404 h2{font-size:25px}.empty404 .actions{justify-content:center}.plain-button{border:0;padding:0;background:none;color:#accbff;font-size:12px}.plain-button:hover{color:white}
.article{min-width:0}.table-wrap{max-width:100%}button.textlink{background:none;border:0;padding:0;line-height:inherit;text-align:left}
.btn{color:#e6f4ff;background:#163961;border-color:#528cd0;box-shadow:inset 0 1px 0 #a5d3ff12}
.btn:hover,.btn:focus-visible{background:#23568d;border-color:#8acfff;color:#fff;box-shadow:0 0 22px #4299ff20}
.btn.primary{background:#347eff;border-color:#6aa9ff;box-shadow:0 6px 24px #2a6fff30}
.btn.primary:hover,.btn.primary:focus-visible{background:#5594ff;border-color:#b3d7ff}
.textlink,button.textlink{background:#103756;color:#8de3ff;border:1px solid #316e9c;border-radius:6px;padding:7px 13px;min-height:36px;font-weight:600;line-height:1.65;transition:background .18s,border-color .18s,color .18s}
.textlink:hover,button.textlink:hover,.textlink:focus-visible,button.textlink:focus-visible{background:#195077;color:#e5f9ff;border-color:#79d4ff}
.nav a{color:#c0dcff}.nav a:hover{color:#82dcff}.nav a.active{color:#85e1ff}
.nav-cta{border:1px solid #85baff!important;box-shadow:0 3px 18px #397cff30}
.footer-links a,.footer-links .plain-button,.footer-bottom a,.side-links a,.breadcrumb a{color:#89caff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#89caff66}
.footer-links a:hover,.footer-links .plain-button:hover,.footer-bottom a:hover,.side-links a:hover,.breadcrumb a:hover{color:#e0f6ff;text-decoration-color:currentColor}
.article a:not(.btn){color:#89d7ff;text-decoration-thickness:1px}.article a:not(.btn):hover{color:#d6f6ff}
.faq-item summary{color:#a9dcff}.faq-item summary:after{color:#7bdcff}.faq-item summary:hover,.faq-item summary:focus-visible{color:#e5f8ff;background:#18365466}.faq-item[open] summary{color:#c5edff}
.floating-contact{background:#20518b;color:#e8f6ff;border-color:#71b7ff}.floating-contact:hover{background:#2d69aa}
.menu-toggle,.close-dialog{background:#183759;color:#d4edff;border:1px solid #4b7daf}.close-dialog{border-radius:6px}
.game-tags{color:#9aacc4}.game-tags .selected{color:#b3c6df}
@media(min-width:1440px){.hero-grid{min-height:700px}.hero-art{height:610px}.hero-phone{height:560px}}
@media(max-width:1100px){.nav-row{gap:18px}.nav{gap:17px}.brand strong{font-size:21px}.hero h1{font-size:54px}.hero-phone{height:480px}.hero-art{height:530px}.float-note{left:-5px;bottom:100px;padding:11px 14px}.art-label{right:-5px}.split{gap:35px}.service{padding:24px}.article-layout{grid-template-columns:minmax(0,1fr) 255px;gap:30px}}
@media(max-width:880px){.wrap{width:calc(100% - 40px)}.menu-toggle{display:block}.nav-row{min-height:70px;flex-wrap:wrap;gap:12px}.nav{display:none;order:3;flex-basis:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;padding-bottom:15px}.nav.open{display:flex}.nav a{padding:12px}.nav a.active:after{left:12px;right:auto;top:18px;width:3px;height:14px}.nav a.active{padding-left:24px}.nav-cta{padding:8px 14px!important}.header-contact{display:none}.hero-grid{gap:10px;min-height:570px}.hero h1{font-size:44px;letter-spacing:-1.5px}.hero-copy>p{font-size:14px}.hero-phone{height:410px}.hero-art{height:470px}.float-note{bottom:45px;left:0}.hero-tags{gap:12px;font-size:11px}.hero-bottom>span{display:none}.game-tags{gap:18px}.grid3{gap:13px}.service{padding:22px 18px;min-height:280px}.service h3{font-size:21px}.section{padding:65px 0}.section h2{font-size:28px}.steps{gap:18px}.split{gap:28px}.footer-grid{gap:23px;grid-template-columns:1.5fr 1fr 1fr}.footer-last{display:none}.article-layout{grid-template-columns:1fr}.side-card{position:static;max-width:100%}.article-layout .side-card .btn{width:auto;margin-right:10px}.page-top h1{font-size:36px}.business-banner{padding:28px}.quote-panel{padding:22px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.brand strong{font-size:21px}.brand img{width:35px;height:35px}.hero-grid{grid-template-columns:1fr;padding-top:45px;gap:0}.hero-copy{z-index:2}.hero h1{font-size:44px;letter-spacing:-1.4px;max-width:100%;margin-bottom:19px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:16px}.hero-copy>p{max-width:360px;font-size:14px;margin-bottom:23px}.pill{margin-bottom:18px}.hero .actions{gap:10px}.hero .btn{padding:12px 18px;flex:1}.hero-tags{margin-top:20px;gap:17px;font-size:11px;flex-wrap:wrap}.hero-art{height:365px;width:100%;margin-top:8px}.hero-phone{height:360px;transform:rotate(6deg);margin-left:38px}.hero-art:before{width:265px;height:265px;box-shadow:0 0 0 30px #4187ff07,0 0 0 60px #4187ff05}.float-note{left:4px;bottom:57px;padding:10px 13px}.float-icon{width:29px;height:29px}.float-note b{font-size:11px}.float-note span{font-size:10px}.art-label{right:5px;top:80px;font-size:9px}.hero-bottom{padding:17px 0}.game-tags{font-size:11px;gap:14px}.game-tags span:nth-last-child(-n+2){display:none}.section{padding:49px 0}.section-head{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:24px}.section h2{font-size:27px}.section-head p{font-size:13px}.section-head .textlink{font-size:12px}.grid3{grid-template-columns:1fr}.service{min-height:215px;padding:24px}.service-top{margin-bottom:21px}.service p{margin-bottom:17px}.service h3{font-size:22px}.service-foot{align-items:flex-start;flex-direction:column;gap:10px}.steps{grid-template-columns:1fr 1fr;gap:25px 22px}.step-num{font-size:30px;margin-bottom:17px}.step h3{font-size:16px}.step p{font-size:12px}.split{grid-template-columns:1fr;gap:30px}.quote-panel{padding:23px}.form-row{gap:12px}.faq-grid{grid-template-columns:1fr}.faq-item summary{font-size:13px}.business-banner{grid-template-columns:1fr;padding:26px;gap:23px}.business-banner h2{font-size:24px}.business-banner .actions{justify-content:flex-start}.contact-strip{padding:45px 0}.contact-strip h2{font-size:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-about{grid-column:1/-1}.footer .brand{margin-bottom:14px}.footer p{max-width:330px}.footer-bottom{align-items:flex-start;flex-direction:column;font-size:10px;gap:5px;margin-bottom:60px}.floating-contact{display:none}.mobile-bottom{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:25;padding:11px 18px calc(11px + env(safe-area-inset-bottom));gap:11px;background:#0b1528f5;backdrop-filter:blur(18px);border-top:1px solid var(--line)}.mobile-bottom .btn{flex:1;padding:10px 12px;min-height:43px;font-size:13px}.toast{bottom:95px;width:max-content;max-width:calc(100vw - 32px)}.page-top{padding:35px 0}.breadcrumb{font-size:11px;margin-bottom:23px}.page-top h1{font-size:31px;letter-spacing:-.6px}.page-top p{font-size:13px}.page-content{padding:35px 0 50px}.article h2{font-size:22px;margin-top:30px}.article p,.article li{font-size:13px}.mini-grid{grid-template-columns:1fr}.side-card{padding:22px}.article-layout .side-card .btn{width:100%;margin-right:0}.dialog{padding:25px}.dialog h2{font-size:21px}.contact-strip .actions .btn{padding:12px 16px}.article table{min-width:430px}.hero:after{left:85%}.full-faq{width:100%}.faq-tools input{width:100%}}
.hero-art.mascot-hero{isolation:isolate}
.mascot-hero:before{width:330px;height:330px;border-color:#6aaaff18;background:radial-gradient(circle,#194f8c30,transparent 70%);box-shadow:0 0 0 44px #4187ff04,0 0 0 88px #4187ff03}
.mascot-halo{position:absolute;inset:20% 3% 12%;z-index:-1;filter:blur(34px);background:radial-gradient(ellipse at 30% 35%,#2a96ff33,transparent 64%),radial-gradient(ellipse at 76% 65%,#ff962e20,transparent 55%);pointer-events:none}
.mascot-intro{position:absolute;top:100px;right:25px;z-index:7;display:flex;align-items:flex-start;gap:9px;background:#153457f0;border:1px solid #538bba;border-radius:10px 10px 10px 2px;padding:13px 17px;box-shadow:0 12px 40px #0003;pointer-events:none}
.mascot-intro strong{display:block;color:#e7f6ff;font-size:14px;font-weight:600;line-height:1.5}
.mascot-intro small{display:block;color:#8fd4ff;font-size:11px;margin-top:4px}
.mascot-online{width:6px;height:6px;border-radius:50%;background:#70deff;box-shadow:0 0 10px #70deff80;margin-top:7px;flex-shrink:0}
.mascot-scene{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:430px;left:-20px;perspective:1000px}
.mascot-button{display:block;position:relative;z-index:3;border:0;background:transparent;padding:0;width:250px;max-width:85%;height:410px;border-radius:28px;outline-offset:10px}
.mascot-tilt{display:block;width:100%;height:100%;transform:rotateX(var(--mascot-x,0deg)) rotateY(var(--mascot-y,0deg));transition:transform .3s ease-out;transform-style:preserve-3d}
.mascot-bob{display:flex;justify-content:center;align-items:center;width:100%;height:100%;animation:mascot-hover 5.6s ease-in-out infinite;will-change:transform}
.mascot-figure{height:375px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #0006);transition:filter .25s}
.mascot-button:hover .mascot-figure,.mascot-button:focus-visible .mascot-figure{filter:drop-shadow(0 18px 20px #0005) drop-shadow(0 0 12px #5cb8ff35)}
.mascot-base{position:absolute;bottom:8px;left:50%;width:240px;height:66px;transform:translateX(-50%) rotateX(58deg);border:1px solid #65cfff66;border-radius:50%;background:radial-gradient(ellipse,#42a7ff20,transparent 65%);box-shadow:0 0 25px #369fff18,inset 0 0 30px #369fff12;pointer-events:none}
.mascot-base:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid #e8b56a33}
.mascot-caption{position:absolute;bottom:-18px;left:0;right:0;text-align:center;color:#8ea7c7;font-size:10px;letter-spacing:2px}
.mascot-bob{animation:mascot-hover 4.2s ease-in-out infinite;transform-origin:50% 86%}
.mascot-button:hover .mascot-bob,.mascot-button:focus-visible .mascot-bob{animation:mascot-greeting 1.5s ease-in-out infinite}
.mascot-paused .mascot-bob{animation-play-state:paused}
@keyframes mascot-hover{
  0%,100%{transform:translateY(4px) rotate(-2deg) scale(1)}
  16%{transform:translateY(-22px) rotate(2.5deg) scale(1.015)}
  32%{transform:translateY(3px) rotate(-2deg) scale(1,.98)}
  47%{transform:translateY(-16px) rotate(2deg) scale(1.01)}
  62%{transform:translateY(4px) rotate(-2.5deg) scale(1)}
  80%{transform:translateY(-9px) rotate(2deg) scale(1)}
}
@keyframes mascot-greeting{
  0%,100%{transform:translateY(-6px) rotate(0deg)}
  20%{transform:translateY(-14px) rotate(-6deg)}
  40%{transform:translateY(-18px) rotate(6deg)}
  60%{transform:translateY(-14px) rotate(-5deg)}
  80%{transform:translateY(-10px) rotate(4deg)}
}
@media(min-width:1440px){.mascot-scene{height:440px}.mascot-button{height:420px}.mascot-figure{height:390px}}
@media(max-width:1100px){.mascot-hero:before{width:290px;height:290px}.mascot-scene{height:390px}.mascot-button{height:370px;width:225px}.mascot-figure{height:335px}.mascot-intro{right:12px;top:58px;padding:10px 13px}.mascot-intro strong{font-size:12px}.mascot-base{width:210px;bottom:6px}.mascot-caption{bottom:-17px}}
@media(max-width:880px){.mascot-hero:before{width:250px;height:250px}.mascot-scene{height:350px;left:-10px}.mascot-button{width:200px;height:330px}.mascot-figure{height:295px}.mascot-intro{top:44px;right:0;padding:9px 12px}.mascot-intro strong{font-size:11px}.mascot-intro small{font-size:10px}.mascot-caption{bottom:-5px}.mascot-base{bottom:7px;width:190px}}
@media(max-width:640px){.hero-art.mascot-hero{height:335px;margin-top:20px}.mascot-hero:before{width:230px;height:230px}.mascot-scene{height:300px;left:0}.mascot-button{width:180px;height:280px;max-width:90%}.mascot-figure{height:265px}.mascot-intro{top:4px;right:0;padding:9px 12px}.mascot-intro strong{font-size:12px}.mascot-base{width:180px;height:55px;bottom:0}.mascot-caption{bottom:-18px;font-size:9px}.mascot-hero .art-label{top:105px;right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.mascot-tilt{transform:none!important}}