@font-face{font-family:"Manrope Fallback";src:local("Arial");size-adjust:104%;ascent-override:97%;descent-override:27%;line-gap-override:0%}
@font-face{font-family:"Bricolage Fallback";src:local("Arial");size-adjust:98%;ascent-override:92%;descent-override:24%;line-gap-override:0%}
:root{--bg:#fff;--bg-2:#f2f7fc;--panel:#fff;--line:#d9e3ef;--tx:#081324;--txs:#091930;--mut:#1d293a;--sea:#0a74c9;--sea-d:#075a9e;--sea-l:#e3f1fd;--warm:#ffb703;--heat:#e8501f;--heat-scale:linear-gradient(90deg,#2bb0ff 0%,#ffd166 55%,#ff6a3d 100%);--r:14px;--wrap:1120px;--shadow:0 1px 2px #0f1b2d0f 12px 32px -16px #0f1b2d38;--f-body:Manrope,"Manrope Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--f-head:"Bricolage Grotesque","Bricolage Fallback",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px;scrollbar-width:thin;scrollbar-color:#b4c4d9 transparent}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1rem/1.7 var(--f-body);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
body.is-locked{overflow:hidden}
main{flex:1 0 auto}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--sea);text-underline-offset:3px}
a:hover{color:var(--sea-d)}
h1,h2,h3{font-family:var(--f-head);line-height:1.15;letter-spacing:-.015em;margin:0 0 .6em;font-weight:700;color:var(--tx)}
h1{font-size:clamp(1.65rem,3.6vw + .5rem,2.6rem);font-weight:800}
h2{font-size:clamp(1.4rem,2vw + .8rem,2rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
:focus-visible{outline:3px solid #1b8cf0;outline-offset:3px;border-radius:6px}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#b4c4d9;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#8ea5c2}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,28px)}
.skip{position:absolute;left:12px;top:-60px;z-index:400;background:var(--tx);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none}
.skip:focus{top:12px;color:#fff}
.site-head{position:sticky;top:0;z-index:100;background:#fffffff0;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.site-head__in{display:flex;align-items:center;gap:16px;min-height:64px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto}
.brand img{height:32px;width:auto}
.nav{display:flex;gap:4px 8px;margin-left:auto}
.nav a{color:var(--txs);text-decoration:none;font-weight:700;font-size:.95rem;padding:8px 12px;border-radius:8px}
.nav a:hover{background:var(--bg-2);color:var(--tx)}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer;align-items:center;justify-content:center;padding:0}
.menu-btn:hover{background:var(--bg-2)}
.menu-btn__bars,.menu-btn__bars::before,.menu-btn__bars::after{display:block;width:20px;height:2px;border-radius:2px;background:var(--tx);transition:transform .2s,opacity .2s}
.menu-btn__bars{position:relative}
.menu-btn__bars::before,.menu-btn__bars::after{content:"";position:absolute;left:0}
.menu-btn__bars::before{top:-6px}
.menu-btn__bars::after{top:6px}
.site-head.is-open .menu-btn__bars{background:transparent}
.site-head.is-open .menu-btn__bars::before{transform:translateY(6px) rotate(45deg)}
.site-head.is-open .menu-btn__bars::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:760px) {
.js .menu-btn{display:inline-flex}
.js .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;margin:0;padding:8px clamp(16px,4vw,28px) 16px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -18px #0f1b2d59}
.js .site-head.is-open .nav{display:flex}
.js .nav a{padding:14px 4px;border-radius:0;border-bottom:1px solid var(--line);font-size:1.05rem}
.js .nav a:last-child{border-bottom:0}
.nav{flex-wrap:wrap;justify-content:flex-end}
}
.top{padding-block:clamp(18px,3vw,32px) 8px}
.top h1{margin-bottom:.35em}
.top p{color:var(--mut);max-width:70ch;margin:0}
.spot{display:flex;flex-direction:column;align-items:center;gap:6px;margin-block:18px}
.spot__cap{font-size:.7rem;letter-spacing:.04em;color:#7a8ba3}
.spot__box{width:300px;max-width:100%;height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:var(--bg-2)}
.spot__box iframe{display:block;border:0;max-width:100%}
.spot__box[data-empty]{outline:1px dashed var(--line);outline-offset:-1px}
@media (min-width:1024px) {
.spot__box{width:728px;height:90px}
}
html[data-ads="off"] .spot{display:none}
.console{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative;box-shadow:var(--shadow)}
.console::before{content:"";display:block;height:4px;background:var(--heat-scale)}
.screen{position:relative;height:clamp(460px,78svh,740px);background:var(--bg-2)}
.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg-2)}
.screen.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border:3px solid #0f1b2d1f;border-top-color:var(--sea);border-radius:50%;animation:spin .8s linear infinite;pointer-events:none}
.screen.is-loading::before{content:attr(data-loading);position:absolute;top:calc(50% + 34px);left:0;right:0;text-align:center;color:var(--mut);font-size:.9rem;pointer-events:none}
@keyframes spin {
to{transform:rotate(360deg)}
}
.poster{position:absolute;inset:0;width:100%;border:0;margin:0;padding:16px;background:radial-gradient(120% 90% at 50% 0%,#d6ecfd 0%,#ebf5fd 55%,#f8fbfe 100%);color:var(--tx);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.poster[hidden]{display:none}
.globe{width:min(52vw,250px);height:auto;aspect-ratio:1;filter:drop-shadow(0 22px 28px #0a3c7847);transition:transform .35s ease}
.poster:hover .globe{transform:rotate(-6deg) scale(1.03)}
.poster__cta{display:inline-flex;align-items:center;gap:12px;padding:10px 26px 10px 10px;border-radius:999px;background:var(--sea);color:#fff;font:800 1.15rem/1 var(--f-head);box-shadow:0 10px 24px -8px #0a74c9b3;transition:background .2s,transform .2s}
.poster__cta svg{width:38px;height:38px;flex:none}
.poster:hover .poster__cta{background:var(--sea-d);transform:translateY(-1px)}
.poster__hint{color:var(--mut);font-size:.9rem;margin-top:-8px}
.tools{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);background:var(--bg-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--tx);font:700 .92rem/1 var(--f-body);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.btn:hover{background:var(--sea-l);border-color:#9cc9ee;color:var(--tx)}
.btn svg{width:18px;height:18px;flex:none}
.btn--main{background:var(--sea);border-color:var(--sea);color:#fff}
.btn--main:hover{background:var(--sea-d);border-color:var(--sea-d);color:#fff}
@media (max-width:480px) {
.tools .btn{flex:1 1 0}
}
.console:fullscreen{display:flex;flex-direction:column;border-radius:0;border:0}
.console:fullscreen .screen{flex:1;height:auto}
.console:-webkit-full-screen{display:flex;flex-direction:column;border-radius:0;border:0}
.console:-webkit-full-screen .screen{flex:1;height:auto}
.console.is-pseudo-fs{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;border-radius:0;border:0}
.console.is-pseudo-fs .screen{flex:1;height:auto}
.sec{padding-block:clamp(36px,6vw,72px)}
.sec--alt{background:var(--bg-2);border-block:1px solid var(--line)}
.sec--lazy{content-visibility:auto;contain-intrinsic-size:auto 640px}
.split{display:grid;gap:clamp(18px,4vw,56px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.split h2{margin:0}
.prose p{color:var(--txs);max-width:68ch}
.prose p:last-child{margin-bottom:0}
@media (max-width:820px) {
.split{grid-template-columns:1fr}
}
.steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin:28px 0 0;padding:0;list-style:none;counter-reset:step}
.steps li{counter-increment:step;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.steps img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-2)}
.steps__t{padding:16px 18px 20px}
.steps h3::before{content:counter(step) ". ";color:var(--sea)}
.steps p{margin:0;color:var(--mut)}
.who{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin:26px 0 0;padding:0;list-style:none}
.who li{padding:20px 20px 22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--sea)}
.who li:nth-child(2){border-top-color:#f2b705}
.who li:nth-child(3){border-top-color:var(--heat)}
.who p{margin:0;color:var(--mut)}
.cta{text-align:center}
.cta .wrap{display:flex;flex-direction:column;align-items:center}
.cta p{color:var(--mut);max-width:52ch}
.cta .btn{min-height:50px;padding:0 26px;font-size:1rem}
.tips{display:grid;gap:14px 28px;grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 0;padding:0;list-style:none}
.tips li{position:relative;padding:4px 0 4px 20px}
.tips li::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:var(--heat-scale)}
.tips h3{margin-bottom:.25em}
.tips p{margin:0;color:var(--mut)}
@media (max-width:700px) {
.tips{grid-template-columns:1fr}
}
.cards{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}
.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--tx);text-decoration:none;transition:border-color .2s,transform .2s;box-shadow:var(--shadow)}
.card:hover{border-color:var(--sea);transform:translateY(-2px);color:var(--tx)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-2)}
.card__b{padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.card__t{font:700 1.05rem/1.2 var(--f-head)}
.card__d{color:var(--mut);font-size:.9rem;line-height:1.5}
.card__go{margin-top:auto;padding-top:10px;color:var(--sea);font-weight:800;font-size:.9rem}
@media (max-width:980px) {
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px) {
.cards{grid-template-columns:1fr}
}
.faq{margin-top:22px;max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:18px 0;font:700 1.05rem/1.35 var(--f-head)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--sea);font:400 1.3rem/1 var(--f-body);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 18px;color:var(--txs);max-width:68ch}
.page{padding-block:clamp(28px,5vw,64px)}
.page .prose{max-width:760px}
.page h2{margin-top:1.6em;font-size:1.35rem}
.page .meta{color:var(--mut);font-size:.9rem}
.crumbs{display:flex;gap:8px;list-style:none;margin:0 0 18px;padding:0;font-size:.9rem;color:var(--mut)}
.crumbs li+li::before{content:"/";margin-right:8px;color:#9fb0c6}
.lost{display:grid;place-items:center;text-align:center;padding:64px 16px}
.lost__n{font:800 clamp(4.5rem,18vw,9rem)/1 var(--f-head);background:var(--heat-scale);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}
.site-foot{background:var(--bg-2);border-top:1px solid var(--line);padding-block:32px 28px;font-size:.9rem;color:var(--mut)}
.site-foot__row{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.site-foot ul{display:flex;gap:6px 20px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.site-foot a{color:var(--txs)}
.site-foot a:hover{color:var(--sea)}
.langs{display:flex;gap:2px;margin:18px 0 0;padding:3px;list-style:none;border:1px solid var(--line);border-radius:999px;background:var(--panel);width:max-content;max-width:100%}
.site-foot .langs{gap:2px;margin:18px 0 0;padding:3px}
.langs a{display:block;padding:4px 12px;border-radius:999px;color:var(--txs);font-size:.82rem;font-weight:800;text-decoration:none;line-height:1.5}
.langs a:hover{background:var(--sea-l);color:var(--sea-d)}
.langs a[aria-current="true"]{background:var(--sea);color:#fff}
.site-foot__disc{margin:20px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:.82rem;line-height:1.6;color:var(--mut);max-width:90ch}
@media (prefers-reduced-motion:reduce) {
*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}