#stc{--n1:#06142a;--n2:#0a1f3d;--n3:#12305a;--g1:#e9edf3;--g2:#aab4c4;--g3:#6d7a90;--bl:#7db8ff;--W:"Sora","Segoe UI",sans-serif;--B:"Instrument Sans","Segoe UI",sans-serif}
#stc *{box-sizing:border-box;margin:0;padding:0}
#stc{font:16px/1.6 var(--B);background:var(--n1);color:#fff;overflow-x:clip}
#stc img{max-width:100%;display:block}
#stc a{color:inherit;text-decoration:none}
#stc h1,#stc h2,#stc h3{font-family:var(--W);line-height:1.04;letter-spacing:-.03em}
#stc .wrap{max-width:1240px;margin:0 auto;padding:0 22px}
#stc .btn{display:inline-block;padding:14px 28px;border-radius:99px;font-weight:600;background:#fff;color:var(--n2);transition:.3s}
#stc .btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px #4da3ff55}
#stc .btn.o{background:none;color:inherit;border:1px solid #fff6}
#stc nav{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0);background:#06142acc;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14}
#stc nav .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
#stc .logo{display:flex;align-items:center;gap:10px;font:800 17px var(--W)}
#stc .logo img{height:34px;background:#fff;border-radius:6px;padding:2px}
#stc nav ul{display:flex;gap:24px;list-style:none;font-size:14px;color:var(--g2)}
#stc nav ul a:hover{color:#fff}
#stc nav .btn{padding:9px 20px;font-size:14px}
@media(max-width:900px){#stc nav ul{display:none}}
#stc .scene{height:300vh;position:relative;--p:0}
#stc .pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 72% 45%,#1b4c8c 0,var(--n2) 42%,var(--n1) 85%)}
#stc .lt .pin{background:radial-gradient(ellipse at 72% 45%,#fff 0,var(--g1) 55%,#c9d1de 100%);color:var(--n2)}
#stc .lt .lead{color:var(--g3)}
#stc .floor{position:absolute;left:-60%;right:-60%;bottom:-20%;height:70%;background:linear-gradient(#7db8ff30 1px,transparent 1px) 0 calc(var(--p)*-900px)/80px 80px,linear-gradient(90deg,#7db8ff30 1px,transparent 1px) 0 0/80px 80px;transform:perspective(520px) rotateX(64deg);-webkit-mask-image:linear-gradient(transparent,#000 70%);mask-image:linear-gradient(transparent,#000 70%)}
#stc .lt .floor{background:linear-gradient(#0a1f3d1f 1px,transparent 1px) 0 calc(var(--p)*-900px)/80px 80px,linear-gradient(90deg,#0a1f3d1f 1px,transparent 1px) 0 0/80px 80px}
#stc .ghost{position:absolute;left:0;top:50%;white-space:nowrap;font:800 clamp(120px,24vw,360px) var(--W);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px #7db8ff22;transform:translate(calc(8% - var(--p)*38%),-50%);pointer-events:none}
#stc .lt .ghost{-webkit-text-stroke-color:#0a1f3d1a}
#stc .num{position:absolute;right:22px;bottom:22px;font:600 13px var(--W);color:var(--g2);z-index:4}
#stc .two{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;align-items:center;width:100%;position:relative;z-index:2}
#stc .tag{display:inline-block;font:600 13px var(--B);color:var(--bl);padding:5px 14px;border:1px solid currentColor;border-radius:99px;margin-bottom:16px}
#stc .lt .tag{color:var(--n3)}
#stc .stp{position:relative;height:250px}
#stc .s{position:absolute;inset:0;opacity:0;transform:translateY(34px);filter:blur(8px);transition:.7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
#stc .s.on{opacity:1;transform:none;filter:none}
#stc .s h2{font-size:clamp(36px,5.8vw,78px);font-weight:800;margin-bottom:14px}
#stc .lead{color:var(--g2);max-width:44ch;font-size:18px}
#stc .st{display:inline-flex;align-items:center;gap:9px;font:600 14px var(--B);color:var(--bl);margin-bottom:12px}
#stc .lt .st{color:var(--n3)}
#stc .st i{width:9px;height:9px;border-radius:50%;background:currentColor;animation:bl 1.2s infinite}
@keyframes bl{50%{opacity:.2}}
#stc .chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 22px}
#stc .chips span{padding:8px 14px;border-radius:10px;background:#ffffff12;border:1px solid #ffffff26;font-size:14px}
#stc .lt .chips span{background:#0a1f3d0d;border-color:#0a1f3d26}
#stc .chips b{font:700 17px var(--W);margin-right:5px}
#stc .lt .btn{background:var(--n2);color:#fff}
#stc .prog{height:3px;background:#ffffff22;margin-top:24px;max-width:240px;border-radius:2px;overflow:hidden}
#stc .lt .prog{background:#0a1f3d22}
#stc .prog b{display:block;height:100%;background:var(--bl);width:calc(var(--p)*100%)}
#stc .cam{position:relative;perspective:1600px;height:78vh;display:grid;place-items:center}
#stc .obj{position:relative;display:grid;place-items:center;width:min(640px,92%);height:100%;transform:rotateY(calc(-32deg + var(--p)*64deg)) rotateX(calc(7deg - var(--p)*9deg)) scale(calc(.82 + var(--p)*.38))}
#stc .fl{position:relative;width:100%;height:100%;display:grid;place-items:center;animation:fl 6s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-16px)}}
#stc .ly{position:absolute;max-height:calc(70vh*var(--z,1));max-width:calc(100%*var(--z,1));width:auto;opacity:0;filter:blur(20px);transform:scale(.7) translateY(60px);transition:1.2s cubic-bezier(.2,.8,.2,1),opacity .8s;-webkit-box-reflect:below -6px linear-gradient(transparent 70%,#ffffff22)}
#stc .vis .ly.on{opacity:1;filter:drop-shadow(0 40px 50px #0006);transform:none}
#stc .raw{-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent 100%);mask-image:radial-gradient(closest-side,#000 60%,transparent 100%);-webkit-box-reflect:unset}
#stc .lt .raw{mix-blend-mode:multiply}
#stc .glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#4da3ff77,transparent 65%);filter:blur(30px);opacity:calc(.4 + var(--p)*.6)}
#stc .lt .glow{background:radial-gradient(#4da3ff44,transparent 65%)}
#stc .sh{position:absolute;left:50%;bottom:7%;width:55%;height:34px;transform:translateX(-50%);background:#000;filter:blur(26px);opacity:.4}
#stc .fx{position:absolute;pointer-events:none}
#stc .scan .fx{left:6%;right:6%;height:3px;background:linear-gradient(90deg,transparent,var(--bl),transparent);box-shadow:0 0 28px 8px #4da3ff88;animation:sc 3s ease-in-out infinite alternate}
@keyframes sc{from{top:8%}to{top:88%}}
#stc .beam .fx{top:4%;bottom:4%;width:90px;background:linear-gradient(90deg,transparent,#4da3ffaa,transparent);left:calc(var(--p)*100% - 45px);mix-blend-mode:screen}
#stc .lt.beam .fx{mix-blend-mode:multiply}
#stc .rings .fx{inset:0;margin:auto;width:40%;aspect-ratio:1;border:2px solid var(--bl);border-radius:50%;opacity:0;animation:rg 3.2s infinite}
#stc .rings .fx:nth-of-type(2){animation-delay:1s}
#stc .rings .fx:nth-of-type(3){animation-delay:2s}
@keyframes rg{0%{transform:scale(.4);opacity:.8}100%{transform:scale(2.3);opacity:0}}
#stc .hud{position:absolute;padding:10px 15px;font-size:13px;border-radius:10px;background:#06142aea;color:#fff;border:1px solid #7db8ff77;backdrop-filter:blur(6px);white-space:nowrap;--k:clamp(0,calc((var(--p) - var(--a))*9),1);opacity:var(--k);transform:translateY(calc((1 - var(--k))*30px))}
#stc .hud b{color:var(--bl);font-family:var(--W)}
#stc .lt .hud{background:#fffffff2;color:var(--n2)}
#stc .lt .hud b{color:var(--n3)}
@media(max-width:900px){#stc .two{grid-template-columns:1fr;padding-top:64px;align-content:start}
#stc .cam{height:44vh;order:-1}
#stc .ly{max-height:calc(40vh*var(--z,1))}
#stc .stp{height:190px}
#stc .s h2{font-size:clamp(30px,9vw,44px)}
#stc .lead{font-size:15px}
#stc .hud{display:none}
#stc .scene{height:240vh}}
#stc section.n{padding:110px 0;position:relative;overflow:hidden}
#stc section.n h2{font-size:clamp(32px,5vw,58px);font-weight:800;margin-bottom:14px}
#stc .light{background:var(--g1);color:var(--n2)}
#stc .light .lead{color:var(--g3)}
#stc .dark{background:linear-gradient(180deg,var(--n1),var(--n2))}
#stc .big{font:800 clamp(44px,8vw,96px) var(--W);letter-spacing:-.04em}
#stc .ct{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:26px 0 46px}
#stc .ct small{color:var(--g3)}
@media(max-width:700px){#stc .ct{grid-template-columns:1fr 1fr}}
#stc .mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);margin-bottom:14px}
#stc .mq div{display:flex;gap:14px;width:max-content;animation:mq 80s linear infinite}
#stc .mq.r div{animation-direction:reverse}
@keyframes mq{to{transform:translateX(-50%)}}
#stc .mq span{background:#fff;border-radius:12px;width:170px;height:86px;display:flex;align-items:center;justify-content:center;padding:12px;flex:none;box-shadow:0 4px 18px #0a1f3d14}
#stc .mq img{max-height:100%;object-fit:contain}
#stc .pj{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}
#stc .pj article{flex:0 0 min(360px,82vw);scroll-snap-align:start;border-radius:16px;overflow:hidden;background:var(--n2);border:1px solid #ffffff1a}
#stc .pj .im{overflow:hidden}
#stc .pj img{height:220px;width:100%;object-fit:cover;transition:transform .8s}
#stc .pj article:hover img{transform:scale(1.08)}
#stc .pj .tx{padding:18px}
#stc .pj small{color:var(--bl)}
#stc .pj h3{font-size:18px;margin:4px 0}
#stc .pj p{color:var(--g2);font-size:14px}
#stc .sg2{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
@media(max-width:900px){#stc .sg2{grid-template-columns:1fr 1fr}}
#stc .sc{background:#fff;border:1px solid #0a1f3d1a;border-radius:16px;padding:24px;transition:.3s}
#stc .sc:hover{transform:translateY(-8px);box-shadow:0 22px 44px #0a1f3d26;background:var(--n2);color:#fff}
#stc .sc small{font:600 13px var(--W);color:var(--g3)}
#stc .sc b{display:block;font:700 18px var(--W);margin-top:30px}
#stc .cta{text-align:center;background:radial-gradient(circle at 50% 0,#1b4c8c,var(--n1) 70%)}
#stc .cta .lead{margin:0 auto 26px}
#stc .cta .bs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#stc footer{background:var(--n1);border-top:1px solid #ffffff14;padding:50px 0 30px;color:var(--g2);font-size:14px}
#stc footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
#stc footer h4{color:#fff;margin-bottom:10px;font-family:var(--W)}
#stc footer li{list-style:none;margin-bottom:6px}
#stc footer a:hover{color:#fff}
#stc footer .cp{grid-column:1/-1;border-top:1px solid #ffffff14;padding-top:18px}
@media(max-width:700px){#stc footer .wrap{grid-template-columns:1fr}}
#stc .rv{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.8,.2,1)}
#stc .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#stc *{animation:none!important;transition:none!important}
#stc .rv{opacity:1;transform:none}}
#stc .hs{height:420vh;position:relative;--p:0;--x:0px}
#stc .hp{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 15% 20%,#1b4c8c,var(--n2) 45%,var(--n1));display:flex;flex-direction:column;justify-content:center;gap:4vh}
#stc .hp .gh{position:absolute;left:0;top:6%;font:800 clamp(120px,22vw,320px) var(--W);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px #7db8ff22;white-space:nowrap;transform:translateX(calc(var(--p)*-40%));pointer-events:none}
#stc .hh{position:relative;padding-top:56px}
#stc .hh h2{font-size:clamp(34px,5.4vw,72px);font-weight:800}
#stc .hh .lead{margin-top:10px}
#stc .trk{display:flex;gap:26px;padding:0 6vw;transform:translateX(calc(var(--x)*var(--p)*-1));will-change:transform;position:relative}
#stc .pc{flex:0 0 min(540px,78vw);height:min(52vh,470px);border-radius:24px;overflow:hidden;position:relative;border:1px solid #ffffff2a;background:var(--n2);transform:perspective(1400px) rotateY(calc(10deg - var(--p)*20deg));transition:.4s;box-shadow:0 30px 60px #0007}
#stc .pc:hover{transform:perspective(1400px) rotateY(0) translateY(-10px)}
#stc .pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}
#stc .pc:hover img{transform:scale(1.08)}
#stc .pc .ov{position:absolute;inset:auto 0 0;padding:26px;background:linear-gradient(transparent,#06142af0 70%)}
#stc .pc small{color:var(--bl);font-weight:600}
#stc .pc h3{font-size:24px;margin:4px 0}
#stc .pc p{color:var(--g2);font-size:14px}
#stc .pc .pn{position:absolute;top:16px;left:20px;font:800 54px var(--W);color:#ffffff40;letter-spacing:-.04em}
#stc .pc.end{display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--n3),var(--n1));padding:30px}
#stc .pc.end h3{font-size:34px;margin-bottom:18px}
#stc .hbar{margin:0 6vw;height:3px;background:#ffffff22;border-radius:2px;overflow:hidden;position:relative}
#stc .hbar b{display:block;height:100%;background:var(--bl);width:calc(var(--p)*100%)}
#stc section.offer{background:var(--g1);padding:100px 0}
#stc .oc{position:relative;border-radius:34px;padding:2px;overflow:hidden;background:#0a1f3d;box-shadow:0 40px 90px #0a1f3d44}
#stc .oc::before{content:"";position:absolute;inset:-60%;background:conic-gradient(transparent 0 68%,#7db8ff 84%,#fff 100%);animation:spin 5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#stc .oc .in{position:relative;border-radius:32px;background:radial-gradient(circle at 85% 0,#1b4c8c,var(--n1) 68%);padding:clamp(34px,6vw,84px);overflow:hidden}
#stc .oc .in::after{content:"";position:absolute;right:-8%;top:-30%;width:520px;aspect-ratio:1;border-radius:50%;border:2px solid #7db8ff55;animation:rg 4s infinite;pointer-events:none}
#stc .oc h2{font-size:clamp(38px,6.6vw,92px);font-weight:800;max-width:11ch;margin-bottom:18px}
#stc .oc h2 em{font-style:normal;color:var(--bl)}
#stc .stps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0}
@media(max-width:700px){#stc .stps{grid-template-columns:1fr}}
#stc .stps div{border:1px solid #ffffff2a;border-radius:16px;padding:18px;background:#ffffff0c;transition:.3s}
#stc .stps div:hover{transform:translateY(-6px);background:#ffffff18}
#stc .stps small{font:600 13px var(--W);color:var(--bl)}
#stc .stps b{display:block;font:700 18px var(--W);margin-top:20px}
#stc .mag{transition:transform .2s}
#stc .btn.big2{padding:18px 38px;font-size:18px}
#stc header{position:fixed;inset:0 0 auto;z-index:60;padding-top:env(safe-area-inset-top,0);transition:.4s}
#stc header nav{position:relative;inset:auto;padding:0;z-index:2}
#stc .top{background:#040e1e;font-size:12.5px;color:var(--g2);height:38px;overflow:hidden;transition:height .4s;border-bottom:1px solid #ffffff12}
#stc .top .wrap{display:flex;justify-content:space-between;align-items:center;height:38px}
#stc .top a{margin-left:18px}
#stc .top a:hover{color:#fff}
#stc header.sc .top{height:0;border:0}
#stc header nav .wrap{height:88px;transition:.4s}
#stc header.sc nav .wrap{height:68px}
#stc .logo.big{gap:12px}
#stc .logo.big img{height:54px;transition:.4s}
#stc header.sc .logo.big img{height:42px}
#stc .logo small{display:block;font:400 11px var(--B);color:var(--g2);letter-spacing:.12em;text-transform:uppercase}
#stc .logo span{line-height:1.1}
#stc .mn{display:flex;list-style:none;align-items:center;gap:2px;font-size:15px}
#stc .mn>li>a{display:block;padding:32px 14px;color:#dbe3ef;font-weight:500;transition:.2s}
#stc header.sc .mn>li>a{padding:23px 14px}
#stc .mn>li>a:hover{color:#fff}
#stc .mega{position:absolute;left:0;right:0;top:100%;background:#071a35f7;backdrop-filter:blur(18px);border-top:1px solid #ffffff1a;padding:32px 0 38px;opacity:0;visibility:hidden;transform:translateY(14px);transition:.3s;box-shadow:0 40px 60px #0008}
#stc .dd:hover .mega,#stc .dd:focus-within .mega{opacity:1;visibility:visible;transform:none}
#stc .mg{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 36px}
#stc .mg h5{font:700 15px var(--W);margin-bottom:8px}
#stc .mg h5 a{color:var(--bl)}
#stc .mg li{list-style:none;font-size:14px;color:var(--g2);padding:2px 0}
#stc .mg li a:hover{color:#fff}
#stc .mg.s2{grid-template-columns:repeat(3,1fr)}
#stc .act{display:flex;gap:10px;align-items:center}
#stc .bg{display:none;background:none;border:1px solid #fff4;border-radius:10px;color:#fff;font-size:22px;width:44px;height:44px;cursor:pointer}
@media(max-width:1060px){#stc .top{display:none}
#stc .mn{display:none}
#stc .bg{display:block}
#stc .act .btn.o{display:none}
#stc header nav .wrap{height:68px}
#stc .mn.open{display:flex;position:fixed;inset:0;flex-direction:column;align-items:stretch;background:#06142a;padding:90px 26px 30px;overflow:auto;z-index:-1;gap:0}
#stc .mn.open>li>a{padding:16px 0;font-size:20px;border-bottom:1px solid #ffffff14}
#stc .mn.open .mega{display:none}}
#stc .pin{padding-top:24px}
@media(max-width:900px){#stc .two{padding-top:12px!important}}
#stc .bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
@media(max-width:1000px){#stc .bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#stc .bgrid{grid-template-columns:1fr}}
#stc .bc{background:#fff;color:var(--n2);border-radius:22px;padding:26px;border:1px solid #0a1f3d14;transition:.45s;display:flex;flex-direction:column;position:relative;overflow:hidden;outline:0}
#stc .bc .lg{height:70px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:10px;margin-bottom:18px;border:1px solid #0a1f3d14}
#stc .bc .lg img{max-height:100%;max-width:100%;object-fit:contain}
#stc .bc h3{font-size:20px;margin-bottom:6px}
#stc .bc p{color:var(--g3);font-size:14px;min-height:42px}
#stc .bc .go{margin-top:14px;font-weight:600;font-size:14px}
#stc .bc ul{list-style:none;max-height:0;overflow:hidden;transition:max-height .6s;font-size:13.5px;margin-top:0}
#stc .bc li{padding:3px 0;color:var(--g2)}
#stc .bc li a:hover{color:#fff;text-decoration:underline}
#stc .bc:hover,#stc .bc:focus-within{transform:translateY(-8px);background:var(--n2);color:#fff;box-shadow:0 26px 50px #0a1f3d44}
#stc .bc:hover p,#stc .bc:focus-within p{color:var(--g2)}
#stc .bc:hover ul,#stc .bc:focus-within ul{max-height:420px;margin-top:12px}
#stc .ab{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
@media(max-width:900px){#stc .ab{grid-template-columns:1fr}}
#stc .ab h2 em,#stc .hh em{font-style:normal;color:var(--bl)}
#stc .ck{list-style:none;margin:22px 0 28px}
#stc .ck li{padding:8px 0 8px 28px;position:relative;color:var(--g2)}
#stc .ck li::before{content:"";position:absolute;left:0;top:16px;width:14px;height:2px;background:var(--bl)}
#stc .ct2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#stc .ct2 div{border:1px solid #ffffff22;border-radius:20px;padding:24px;background:#ffffff0a}
#stc .ct2 small{color:var(--g2)}
#stc .why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
@media(max-width:900px){#stc .why{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#stc .why{grid-template-columns:1fr}}
#stc .why div{border:1px solid #ffffff22;border-radius:18px;padding:24px;transition:.35s;background:#ffffff08}
#stc .why div:hover{transform:translateY(-6px);background:#ffffff14;border-color:var(--bl)}
#stc .why small{color:var(--bl);font:600 13px var(--W)}
#stc .why b{display:block;font:700 18px var(--W);margin:18px 0 6px}
#stc .why p{color:var(--g2);font-size:14.5px}
#stc .shop{height:380vh;position:relative;--p:0}
#stc .sp{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 65% 55%,#1b4c8c,var(--n2) 50%,var(--n1));display:flex;align-items:center;padding-top:100px}
#stc .sp .gh{position:absolute;left:0;top:50%;font:800 clamp(160px,34vw,520px) var(--W);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:2px #7db8ff1f;transform:translate(calc(10% - var(--p)*30%),-50%);pointer-events:none}
#stc .shc{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10px;position:relative;z-index:2;width:100%}
#stc .shc h2{font-size:clamp(38px,5.6vw,78px);font-weight:800;margin-bottom:14px}
#stc .shc h2 em{font-style:normal;color:var(--bl)}
#stc .rw{perspective:1700px;height:66vh;display:grid;place-items:center;--R:440px}
#stc .rg{position:relative;width:250px;height:340px;transform-style:preserve-3d;transform:translateZ(calc(var(--R)*-1)) rotateY(calc(18deg - var(--p)*330deg))}
#stc .rc{position:absolute;inset:0;transform:rotateY(calc(var(--i)*45deg)) translateZ(var(--R));backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:22px;background:linear-gradient(160deg,#fff,#dbe3ee);color:var(--n2);padding:16px;display:flex;flex-direction:column;box-shadow:0 30px 60px #0008;transition:filter .3s}
#stc .rc .im{flex:1;display:grid;place-items:center;overflow:hidden}
#stc .rc img{max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
#stc .rc small{color:var(--g3);font-size:12.5px}
#stc .rc b{font:700 17px var(--W);line-height:1.15}
#stc .rc .vw{margin-top:10px;background:var(--n2);color:#fff;border-radius:99px;text-align:center;padding:9px;font-size:13px;font-weight:600}
#stc .rc.last{background:linear-gradient(160deg,var(--n3),var(--n1));color:#fff;justify-content:center;text-align:center;border:1px solid #7db8ff66}
#stc .rc.last b{font-size:26px}
#stc .rc.last .vw{background:#fff;color:var(--n2)}
#stc .pch{position:absolute;left:0;right:0;bottom:22px;z-index:3}
#stc .pch .mq{margin:0}
#stc .pch span{width:auto;height:auto;padding:9px 18px;border-radius:99px;background:#ffffff12;border:1px solid #ffffff2a;box-shadow:none;font-size:13.5px;color:#dbe3ef}
#stc .pch span:hover{background:#fff;color:var(--n2)}
@media(max-width:900px){#stc .shc{grid-template-columns:1fr;gap:0}
#stc .rw{height:50vh;--R:290px}
#stc .rg{width:190px;height:265px}
#stc .shop{height:320vh}
#stc .shc h2{font-size:34px}
#stc .shc .lead{font-size:15px}}
#stc section.offer{background:linear-gradient(180deg,var(--n2),var(--n1))}
#stc .solg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
@media(max-width:900px){#stc .solg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#stc .solg{grid-template-columns:1fr}}
#stc .solg a{background:#fff;border:1px solid #0a1f3d1a;border-radius:18px;padding:26px;transition:.35s;display:block}
#stc .solg a:hover{transform:translateY(-8px);background:var(--n2);color:#fff;box-shadow:0 24px 46px #0a1f3d33}
#stc .solg small{font:600 13px var(--W);color:var(--g3)}
#stc .solg b{display:block;font:700 19px var(--W);margin:26px 0 8px}
#stc .solg p{font-size:14.5px;color:var(--g3)}
#stc .solg a:hover p{color:var(--g2)}
#stc footer h4{font-size:15px}
#stc footer .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr}
@media(max-width:900px){#stc footer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:560px){#stc footer .wrap{grid-template-columns:1fr}}
#stc .soc{display:flex;gap:10px;margin-top:14px}
#stc .soc a{width:38px;height:38px;border:1px solid #ffffff33;border-radius:50%;display:grid;place-items:center;font-weight:700}
#stc .soc a:hover{background:#fff;color:var(--n2)}
/* ===== STC page: WordPress integration ===== */
#stc{display:block;position:relative;left:50%;width:100vw;max-width:100vw;margin-left:-50vw;margin-right:0;padding:0;line-height:1.6;text-align:left;overflow-x:clip;isolation:auto}
#stc *,#stc *::before,#stc *::after{box-sizing:border-box}
#stc img{border:0;box-shadow:none;border-radius:0}
#stc a{border:0;box-shadow:none}
#stc ul,#stc ol{list-style:none;margin:0;padding:0}
#stc h1,#stc h2,#stc h3,#stc h4{text-transform:none;border:0;background:none}
#stc p{margin:0}
#stc button{font:inherit}

/* ===== layout fixes (theme-proof) ===== */
#stc h1,#stc h2,#stc h3,#stc h4,#stc p,#stc li{color:inherit}
#stc .pin{padding-top:calc(var(--hd,64px) + 6px);padding-bottom:5vh}
#stc .two{align-self:stretch;align-items:center}
#stc .cam{--ch:min(var(--stc-img-h,58vh),calc(100svh - var(--hd,64px) - 40px));height:var(--ch);align-self:end}
#stc .ly{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;translate:-50% -50%;width:auto!important;height:auto!important;max-width:calc(100%*var(--z,1))!important;max-height:min(calc(var(--ch,70vh)*.92*var(--z,1)),62vh)!important;object-fit:contain}
#stc .stp{display:grid;height:auto;margin-bottom:16px}
#stc .s{position:relative;inset:auto;grid-area:1/1}
#stc .s h2{font-size:clamp(34px,4.4vw,64px)}
@media(max-width:900px){#stc .pin{padding-top:calc(var(--hd,64px) + 4px);padding-bottom:0}#stc .two{align-self:auto}#stc .cam{align-self:auto}#stc .two{padding-top:0}#stc .cam{--ch:42vh;height:var(--ch)}#stc .s h2{font-size:clamp(28px,8vw,40px)}}


/* ===== robust positioning (does not rely on absolute/grid centering) ===== */
#stc .cam{position:relative;display:block}
#stc .obj{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;display:block;height:auto;width:min(640px,92%)}
#stc .fl{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;display:grid;place-items:center}
#stc .ly{position:static!important;grid-area:1/1;place-self:center;translate:none!important;left:auto!important;top:auto!important;margin:0!important}
#stc .glow{left:50%;top:50%;translate:-50% -50%;margin:0}
/* ===== smooth scrolling: only cheap, compositor-friendly properties change per frame ===== */
#stc .prog b{width:100%;transform:scaleX(var(--p));transform-origin:0 50%}
#stc .hud{-webkit-backdrop-filter:none;backdrop-filter:none;background:#06142af2}
#stc .floor,#stc .lt .floor{background:none;overflow:hidden}
#stc .floor::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 900px);background:linear-gradient(#7db8ff30 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,#7db8ff30 1px,transparent 1px) 0 0/80px 80px;transform:translate3d(0,calc(var(--p)*-900px),0)}
#stc .lt .floor::before{background:linear-gradient(#0a1f3d1f 1px,transparent 1px) 0 0/80px 80px,linear-gradient(90deg,#0a1f3d1f 1px,transparent 1px) 0 0/80px 80px}
#stc .scene{content-visibility:auto;contain-intrinsic-size:auto 300vh}
#stc .inv .obj,#stc .inv .ghost,#stc .inv .floor::before{will-change:transform}
@media(prefers-reduced-motion:reduce){#stc .fl,#stc .fx{animation:none!important}}
/* the original footer is hidden by default: the theme already has one. Delete the next line to show it. */
#stc footer{display:none}