*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--f-body);color:var(--c-ink);background:var(--c-bg-warm);overflow-x:hidden}

.m3-hd{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,5vw,96px);background:rgba(246,245,251,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.m3-hd .logo img{height:58px;display:block}
.m3-nav{display:flex;align-items:center;gap:clamp(14px,3vw,56px);flex-wrap:wrap}
.m3-nav a{color:var(--c-ink);text-decoration:none;font-size:17px;font-weight:700;letter-spacing:1px}
.m3-nav a.btn{color:#fff;padding:9px 20px}
@media (max-width:899px){.m3-nav a:not(.btn){display:none}.m3-hd .logo img{height:36px}}

.m3-sec{position:relative;width:100%;padding:48px clamp(16px,5vw,64px)}
.m3-sec.on-js{padding:0}
.slot h1{margin:0;font:900 var(--fs-h1)/1.14 var(--f-title);letter-spacing:3px;color:#14264f}
.slot h1 em{font-style:normal;background:linear-gradient(180deg,#ffab2e,#e86d00);-webkit-background-clip:text;background-clip:text;color:transparent}
.m3-sec .slot p{font-weight:500;letter-spacing:2px;font-size:calc(var(--fs-body)*1.35);line-height:1.7;color:var(--c-ink-2)}
.slot .cta{display:flex;gap:12px;margin-top:1.4em;flex-wrap:wrap}
.m3-foot{color:rgba(255,255,255,.82);text-align:center}
.m3-foot p{margin:.35em 0;font-size:13px;color:rgba(255,255,255,.82)}
.m3-foot a{color:#ffd28a}
.bg-deep{color:#fff}
.m3-sec .stage{position:relative;width:100%;max-width:var(--page-max);margin:0 auto;aspect-ratio:var(--ratio,16/9);container-type:inline-size;overflow:visible}

.ly{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);z-index:var(--z,1);
  transform:translate(-50%,-50%) translate3d(0,var(--py,0px),0)}
.ly.full{left:0;top:0;width:100%;height:100%;transform:none}
.ly>.el{width:100%;display:block}
.ly.bleed{position:absolute;inset:0;width:100%;height:100%;left:0;top:0;transform:none;pointer-events:none;z-index:0}
.ly.bleed .ribbon{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ly.bleed>img.el{width:100%;height:100%;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ly.bleed.bpos{inset:auto;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:auto;transform:translate(-50%,-50%)}
.ly.bleed.bpos>img.el{height:auto;-webkit-mask-image:none;mask-image:none}
.m3-sec{overflow:hidden}
.ly.hset{height:calc(var(--h)*1%)}
.ly.hset>img.el{height:100%;object-fit:fill;filter:none}
.ly.wide>img.el{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.m3-sec>.stage{z-index:1}
.ly img.el{height:auto;filter:drop-shadow(0 18px 28px rgba(23,48,90,.18))}

.ph{aspect-ratio:var(--ar,1);border:2px dashed rgba(26,111,209,.45);border-radius:var(--r-md);
  background:repeating-linear-gradient(45deg,rgba(32,176,224,.06) 0 12px,rgba(32,176,224,.12) 12px 24px);
  display:flex;align-items:center;justify-content:center;font:600 13px/1.3 var(--f-body);color:var(--c-blue-deep);text-align:center;padding:8px}

.bg-hero{background:radial-gradient(34% 44% at 68% 42%,rgba(255,255,255,.9),rgba(255,255,255,0) 72%),
  radial-gradient(28% 30% at 97% 3%,rgba(255,238,210,.85),rgba(255,238,210,0) 70%),
  radial-gradient(60% 46% at 22% 96%,rgba(196,204,236,.55),rgba(196,204,236,0) 72%),
  radial-gradient(40% 40% at 96% 70%,rgba(206,214,242,.5),rgba(206,214,242,0) 70%),
  linear-gradient(180deg,#f1f1fa 0%,#ebedf8 55%,#e6e9f6 100%)}
.bg-soft{background:linear-gradient(180deg,var(--c-bg-warm),var(--c-bg-mist))}
.bg-deep{background:linear-gradient(180deg,#1d3a6b,#12264a)}

.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));
  box-shadow:var(--glass-edge),var(--sh-near);border-radius:var(--r-md);padding:14px 16px;color:var(--c-ink)}
.glass h4{margin:0 0 8px;font:700 14px/1.2 var(--f-body);color:var(--c-blue-deep)}
.glass .bars{display:flex;align-items:flex-end;gap:6px;height:56px}
.glass .bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--c-blue),var(--c-blue-deep));opacity:.85}
.glass .bars i:nth-child(even){background:linear-gradient(180deg,var(--c-orange-soft),var(--c-orange))}

.glow{aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--gc,rgba(255,255,255,.95)),rgba(255,255,255,0))}
.glow.rim{background:radial-gradient(closest-side,rgba(255,255,255,0) 86%,rgba(255,255,255,.95) 92%,rgba(190,235,255,.55) 95%,rgba(255,255,255,0) 100%)}
.spark{aspect-ratio:1;background:radial-gradient(closest-side,#fff,rgba(255,255,255,0) 70%);position:relative}
.spark::before,.spark::after{content:"";position:absolute;left:50%;top:50%;width:100%;height:8%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,236,190,0))}
.spark::after{width:8%;height:100%}
.a-twinkle>.el{animation:m3tw 3.2s ease-in-out infinite}
@keyframes m3tw{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
.paused .a-twinkle>.el{animation-play-state:paused}
.cloud{aspect-ratio:2.4/1;background:radial-gradient(40% 60% at 30% 60%,#fff 40%,rgba(255,255,255,0) 72%),radial-gradient(38% 70% at 62% 45%,#fff 42%,rgba(255,255,255,0) 72%),radial-gradient(30% 50% at 85% 66%,#fff 40%,rgba(255,255,255,0) 72%);filter:blur(6px);opacity:.85}
.glass.blue{border:1.5px solid rgba(255,255,255,.85);background:linear-gradient(160deg,rgba(110,180,250,.78),rgba(40,130,230,.6));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1.5px rgba(255,255,255,.7),0 18px 40px rgba(32,120,210,.18)}
.glass.blue h4{color:#fff;text-shadow:0 1px 3px rgba(20,80,160,.35)}
.glass.blue .bars i{background:linear-gradient(180deg,#ffffff,#d7ecff);opacity:.95;box-shadow:0 0 8px rgba(255,255,255,.8)}
.glass.blue .bars i:nth-child(even){background:linear-gradient(180deg,#fff,#e4f2ff)}
.ly:not(.bleed)>.film{position:relative}
.film{height:100%;background:radial-gradient(70% 60% at 30% 85%,rgba(244,241,255,.75),rgba(244,241,255,0) 75%),radial-gradient(60% 70% at 75% 40%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%),linear-gradient(180deg,rgba(243,242,252,.25),rgba(243,242,252,.5) 70%,rgba(243,242,252,.7));backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.ly.hset>.el.film{height:100%}
.ly.bleed>.el.film{height:100%}
.ly.bleed>.film.top{position:absolute;left:0;right:0;bottom:0;height:40%}
.film.top{background:linear-gradient(180deg,rgba(246,244,252,0),rgba(246,244,252,.45) 60%,rgba(250,247,248,.8));backdrop-filter:none;-webkit-backdrop-filter:none}
.dash{padding:14px 16px 12px}
.dash svg{display:block;width:100%;height:auto}
.gshadow{aspect-ratio:5/1;border-radius:50%;background:radial-gradient(closest-side,rgba(23,48,90,.28),rgba(23,48,90,0))}
.ribbon{width:100%;height:100%;overflow:visible}
.ribbon path{stroke-linecap:round}

.txt{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);z-index:var(--z,5);transform:translateY(-50%)}
.txt.ctr{transform:translate(-50%,-50%)}
.txt h2{margin:0;font:400 var(--fs-h2)/1.2 var(--f-head)}
.txt p{margin:.8em 0 0;font-size:var(--fs-body);line-height:1.7;color:var(--c-ink-2)}
.txt .cta{display:flex;gap:12px;margin-top:1.4em;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:.9em 2em;font-size:clamp(14px,1.45cqw,23px)!important;border-radius:999px;font:700 15px/1 var(--f-body);text-decoration:none}
.btn.pri{background:linear-gradient(180deg,#ffa63a,#ec7400);color:#fff;box-shadow:0 10px 26px rgba(240,120,0,.38),inset 0 1px 0 rgba(255,255,255,.5)}
.btn.sec{border:1.5px solid var(--c-blue-deep);color:var(--c-blue-deep);background:rgba(255,255,255,.7)}

.sec-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 var(--fs-h2)/1.2 var(--f-head);color:var(--c-ink-2);opacity:.6}

html.m3js .a-fadeUp>.el,html.m3js .a-fadeUp.txt{opacity:0;transform:translateY(28px);transition:opacity var(--t-scene) var(--ease),transform var(--t-scene) var(--ease)}
html.m3js .a-fadeUp.txt{transform:translateY(calc(-50% + 28px))}
html.m3js .a-fadeUp.on>.el{opacity:1;transform:none}
html.m3js .a-fadeUp.txt.on{opacity:1;transform:translateY(-50%)}
html.m3js .a-draw>.el{clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease)}
html.m3js .a-draw.on>.el{clip-path:inset(0 0 0 0)}
.a-loop>.el{animation:m3float 6s ease-in-out infinite}
@keyframes m3float{50%{transform:translateY(-10px)}}
.paused .a-loop>.el{animation-play-state:paused}

html.m3static .a-fadeUp>.el,html.m3static .a-fadeUp.txt{opacity:1!important;transition:none!important}
html.m3static .a-fadeUp>.el{transform:none!important}
html.m3static .a-fadeUp.txt{transform:translateY(-50%)!important}
html.m3static .a-draw>.el{clip-path:none!important;transition:none!important}
html.m3static .a-loop>.el,html.m3static .a-twinkle>.el{animation:none}

@media (prefers-reduced-motion:reduce){
  .ly{transform:translate(-50%,-50%)!important}
  .a-loop>.el,.a-twinkle>.el{animation:none}
  html.m3js .a-draw>.el{clip-path:none;transition:none}
}

@media (max-width:767px){
.m3-hd{padding:10px 16px}
.m3-hd .logo img{height:34px;max-width:52vw;object-fit:contain;object-position:left}
.m3-nav{flex-wrap:nowrap}
.m3-nav a.btn{padding:8px 16px;font-size:15px}
.m3-sec .slot h1{font-size:clamp(28px,8.6vw,40px);letter-spacing:1px}
.m3-sec .slot p{font-size:clamp(13px,3.6vw,16px);letter-spacing:.5px;white-space:normal}
.m3-sec .slot .cta{gap:10px;margin-top:1em}
.m3-sec .slot .btn{padding:.75em 1.3em;font-size:clamp(13px,3.7vw,16px)!important}
}

.m3-sec .slot h1{display:inline-block;transform:skewX(-9deg);transform-origin:left bottom;letter-spacing:2px;color:#13275a;
  text-shadow:0 1px 0 #fff,0 2px 0 rgba(255,255,255,.6),0 8px 18px rgba(19,39,90,.18)}
.m3-sec .slot h1 em{display:inline-block;background:linear-gradient(180deg,#ffc15a 0%,#ff9a1a 45%,#e86a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;filter:drop-shadow(0 6px 10px rgba(232,106,0,.25))}
.m3-sec .slot p{transform:skewX(-6deg);transform-origin:left;font-weight:700;color:#2a3f66;font-size:calc(var(--fs-body)*1.6);letter-spacing:3px}
.m3-sec .slot .btn{font-size:clamp(15px,1.7cqw,26px)!important;padding:.85em 2.1em}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-sec .slot h1{font-size:clamp(28px,8.6vw,72px)}
.m3-sec .slot p{font-size:clamp(13px,3.6vw,30px);letter-spacing:.5px}
.m3-sec .slot .btn{font-size:clamp(13px,3.7vw,28px)!important;padding:.75em 1.3em}
}
.bg-feat{background:linear-gradient(180deg,#f7f4f8,#f1f0f9 45%,#f6f3f8)}
.m3-ttl{margin:0 0 .9em;text-align:center;font:900 clamp(24px,2.4cqw,42px)/1.2 var(--f-title);letter-spacing:4px;color:#13275a;display:flex;align-items:center;justify-content:center;gap:.6em}
.m3-ttl .tw{width:.7em;height:.7em;background:radial-gradient(closest-side,#fff7d6,#f0a020 60%,rgba(240,144,0,0) 72%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.feat-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.feat-row li{display:flex;flex-direction:column;align-items:center;gap:.7em;position:relative}
.feat-row li+li::before{content:"";position:absolute;left:0;top:18%;height:64%;width:1px;background:linear-gradient(180deg,transparent,rgba(23,48,90,.18),transparent);transform:skewX(-14deg)}
.feat-row img{width:clamp(64px,7.2cqw,124px);height:auto;filter:drop-shadow(0 10px 16px rgba(23,48,90,.16))}
.feat-row img.miss{aspect-ratio:1;border:2px dashed rgba(26,111,209,.4);border-radius:18px;background:rgba(32,176,224,.08)}
.feat-row b{font:800 clamp(15px,1.45cqw,24px)/1.3 var(--f-title);letter-spacing:2px;color:#13275a}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.feat-row{grid-template-columns:repeat(2,1fr);row-gap:1.6em}
.feat-row li+li::before{display:none}
.feat-row img{width:clamp(72px,22vw,140px)}
.feat-row b{font-size:clamp(15px,4.2vw,24px)}
.m3-ttl{font-size:clamp(24px,7vw,40px)}
}
html.m3js .a-fadeUp.txt.ctr{transform:translate(-50%,calc(-50% + 28px))}
html.m3js .a-fadeUp.txt.ctr.on,html.m3static .a-fadeUp.txt.ctr,.txt.ctr{transform:translate(-50%,-50%)!important}
.slot h2.m3-ttl{font:900 clamp(24px,2.4cqw,42px)/1.2 var(--f-title);letter-spacing:4px;color:#13275a}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.slot h2.m3-ttl{font-size:clamp(24px,7vw,40px)}}
.slot h2.m3-ttl{margin-bottom:1.1em}
.feat-row img{width:clamp(64px,7.2cqw,124px);aspect-ratio:1;object-fit:contain;object-position:center bottom}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.feat-row img{width:clamp(72px,22vw,140px)}}
.m3-sec[data-scene=hero]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12%;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(247,244,248,0),#f7f4f8)}
.bg-free{background:linear-gradient(180deg,#f6f3f8,#f3f2fb 60%,#f4f1f8)}
.m3-free-txt h2{margin:0;font:900 clamp(26px,2.8cqw,48px)/1.2 var(--f-title);letter-spacing:3px;color:#13275a;transform:skewX(-8deg);transform-origin:left bottom;display:inline-block}
.m3-free-txt p{margin:.8em 0 0;font:700 clamp(14px,1.25cqw,20px)/1.6 var(--f-body);letter-spacing:1px;color:#3d5577}
.m3-free-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.2cqw,22px)}
.fc{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6em;padding:1.1em .6em 1em;border-radius:20px;text-decoration:none;
  background:linear-gradient(165deg,rgba(255,255,255,.92),rgba(255,255,255,.55));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7),0 14px 30px rgba(23,48,90,.12);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.fc:nth-child(odd){transform:translateY(8px)}
.fc:hover,.fc:focus-visible{transform:translateY(-6px);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1.5px rgba(240,144,0,.45),0 20px 40px rgba(23,48,90,.18)}
.fc img{width:62%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(23,48,90,.16))}
.fc img.miss{border:2px dashed rgba(26,111,209,.4);border-radius:14px;background:rgba(32,176,224,.08)}
.fc b{font:800 clamp(13px,1.05cqw,18px)/1.35 var(--f-title);letter-spacing:1px;color:#13275a;text-align:center}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-free-txt h2{font-size:clamp(24px,7vw,42px)}
.m3-free-txt p{font-size:clamp(13px,3.6vw,20px)}
.m3-free-cards{grid-template-columns:repeat(3,1fr);gap:12px}
.fc:nth-child(odd){transform:none}
.fc b{font-size:clamp(12px,3.4vw,18px)}
}
.m3-sec .m3-free-txt p{transform:none;font-size:clamp(14px,1.2cqw,19px);letter-spacing:1px;white-space:nowrap}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-sec .m3-free-txt p{white-space:normal;font-size:clamp(13px,3.6vw,20px)}
.m3-free-cards{grid-template-columns:repeat(6,1fr)}
.fc{grid-column:span 2}
.fc:nth-child(4){grid-column:2/span 2}
}
.burst{aspect-ratio:1;position:relative}
.burst i{position:absolute;left:50%;bottom:0;width:18%;height:70%;border-radius:99px;background:linear-gradient(180deg,#ffc36b,#f09000);transform-origin:50% 100%}
.burst i:nth-child(1){transform:translateX(-50%) rotate(-40deg) translateY(-30%)}
.burst i:nth-child(2){transform:translateX(-50%) rotate(0deg) translateY(-30%)}
.burst i:nth-child(3){transform:translateX(-50%) rotate(40deg) translateY(-30%)}
.burst.r{transform:translate(-50%,-50%) scaleX(-1)}
.fc{background:linear-gradient(165deg,rgba(255,255,255,.94),rgba(255,255,255,.62))}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-free-cards{gap:14px}
.fc{padding:1em .4em .9em}
.fc:nth-child(2){transform:translateY(-10px)}
.fc:nth-child(5){transform:translateY(-6px)}
}
.m3-free-cards{perspective:1200px}
.fc{background:linear-gradient(165deg,rgba(255,255,255,.82),rgba(255,255,255,.45));transform:rotateY(-8deg)}
.fc:nth-child(odd){transform:rotateY(-8deg) translateY(8px)}
.fc:hover,.fc:focus-visible{transform:rotateY(0) translateY(-6px)}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.fc,.fc:nth-child(odd){transform:none}.fc:nth-child(2){transform:translateY(-10px)}}
.fc b{white-space:nowrap;font-size:var(--fcs,clamp(13px,1.05cqw,18px));letter-spacing:.5px}
.fc{min-width:0}
.m3-free-cards{transform:rotate(-2.5deg);transform-origin:left center}
.fc,.fc:nth-child(odd){transform:perspective(700px) rotateY(-16deg)}
.fc:nth-child(odd){margin-top:10px}
.fc:hover,.fc:focus-visible{transform:perspective(700px) rotateY(0) translateY(-6px)}
.fc{background:linear-gradient(165deg,rgba(255,255,255,.7),rgba(255,255,255,.35));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.8),0 16px 32px rgba(23,48,90,.1)}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.m3-free-cards{transform:none}.fc,.fc:nth-child(odd){transform:none;margin-top:0}}
.m3-free-txt h2{font-size:clamp(28px,3.3cqw,56px)}
.m3-sec .m3-free-txt p{font-size:clamp(15px,1.5cqw,24px);font-weight:500;letter-spacing:2px}
.fc b{font-size:var(--fcs,clamp(13px,1.2cqw,20px))}
.ly.fadebox>img.el{-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%}
.m3-sec.plated{background-color:transparent}
.m3-sec.plated .stage{max-width:none}
html.plate-on body{background:#f4f2f8}
html.plate-on .m3-hd{position:absolute;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
html.plate-on .m3-sec[data-scene=hero]::after{display:none}
html.plate-on .m3-sec.plated .ly.bleed.film-l{display:none}
.m3-sec[data-scene=free].plated{overflow:visible;z-index:2}
.ly.film-l{display:none}
.m3-sec.plated{overflow-x:clip;overflow-y:visible}
.ly.fadebox.soft>img.el{-webkit-mask-image:radial-gradient(50% 50% at 50% 55%,#000 55%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 55%,#000 55%,transparent 100%)}
.m3-hd{padding:14px clamp(16px,5vw,72px);background:transparent}
.m3-hd .logo img{height:clamp(40px,3.6vw,56px)}
.m3-nav{gap:clamp(14px,2.6vw,44px)}
.m3-nav a{font-weight:500;font-size:clamp(13px,1.05vw,16px);letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}
.m3-nav .cv{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.m3-nav .lang{display:inline-flex;align-items:center;gap:6px;font-size:clamp(13px,1vw,15px);color:var(--c-ink)}
.m3-nav .lang svg{width:17px;height:17px}
.m3-nav a.login{gap:6px;padding:9px 18px;border-radius:999px}
.m3-nav a.login svg{width:15px;height:15px}
.m3-sec[data-scene=hero] .slot h1{transform:skewX(-6deg)}
.m3-sec[data-scene=hero] .slot p{transform:none;font-weight:500;letter-spacing:3px;color:#2a3f66}
.m3-sec[data-scene=hero] .slot .btn.sec{color:#17305a;border-color:#17305a}
@media (max-width:899px){.m3-nav .lang{display:none}}
.m3-hd .logo img{height:clamp(44px,4.6vw,66px)}
.m3-nav a{font-size:clamp(14px,1.18vw,18px);color:#1d2b4a}
.m3-nav .lang{font-size:clamp(13px,1.1vw,17px)}
.m3-nav .lang select{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0 2px}
.m3-nav a.login{padding:10px 22px;font-size:clamp(14px,1.2vw,18px)}
.m3-nav a.login svg{width:18px;height:18px}
.m3-sec[data-scene=hero] .slot .btn{font-size:clamp(14px,1.4cqw,22px)!important;padding:.8em 1.9em}
.m3-sec[data-scene=hero] .slot p{margin-top:1em}
.m3-sec[data-scene=hero] .slot .cta{margin-top:1.9em}
.m3-sec[data-scene=hero] .slot .btn{font-size:clamp(14px,1.65cqw,26px)!important;padding:.75em 1.8em}
.m3-sec[data-scene=feature] .slot h2.m3-ttl{font-size:clamp(26px,3cqw,48px);margin-bottom:.55em;letter-spacing:5px}
.m3-sec[data-scene=feature] .feat-row li{gap:.5em}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(56px,6.4cqw,110px)}
.m3-sec[data-scene=feature] .feat-row b{font-size:clamp(16px,1.85cqw,30px);font-weight:700;letter-spacing:3px}
.m3-sec[data-scene=feature] .feat-row li+li::before{top:8%;height:84%;background:linear-gradient(180deg,transparent,rgba(23,48,90,.22),transparent)}
.m3-sec[data-scene=feature] .slot h2.m3-ttl{margin-bottom:.35em}
.m3-sec[data-scene=feature] .m3-ttl .tw{width:.8em;height:.8em}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(60px,7cqw,120px)}
.m3-sec[data-scene=free] .m3-free-txt h2{font-size:clamp(28px,3.5cqw,58px);transform:skewX(-8deg)}
.m3-sec[data-scene=free] .m3-free-txt p{font-size:clamp(15px,1.75cqw,28px);letter-spacing:2px;margin-top:.7em}
.m3-sec[data-scene=free] .free-cta{margin-top:1.4em}
.m3-sec[data-scene=free] .free-cta .btn{font-size:clamp(14px,1.75cqw,28px)!important;padding:.7em 1.9em}
.m3-sec[data-scene=free] .m3-free-cards{transform:none;gap:clamp(8px,1.3cqw,24px);align-items:end}
.m3-sec[data-scene=free] .fc{padding:1.1em .5em 1.2em;border-radius:22px;transform:perspective(800px) rotateY(-14deg) rotate(-3deg)!important;margin-top:0!important}
.m3-sec[data-scene=free] .fc:nth-child(1){translate:0 26px}
.m3-sec[data-scene=free] .fc:nth-child(2){translate:0 16px}
.m3-sec[data-scene=free] .fc:nth-child(3){translate:0 8px}
.m3-sec[data-scene=free] .fc:nth-child(4){translate:0 0}
.m3-sec[data-scene=free] .fc:nth-child(5){translate:0 -10px}
.m3-sec[data-scene=free] .fc:hover{transform:perspective(800px) rotateY(0) rotate(0) translateY(-6px)!important}
.m3-sec[data-scene=free] .fc img{width:66%}
.m3-sec[data-scene=free] .fc b{font-size:var(--fcs,clamp(14px,1.7cqw,27px));font-weight:700;letter-spacing:1px}
.m3-sec[data-scene=free] .fc b{white-space:normal;line-height:1.3;font-size:clamp(14px,1.75cqw,28px)}
.m3-door-ttl{text-align:center}
.m3-door-ttl h2{margin:0;display:inline-flex;align-items:center;gap:.6em;font:900 clamp(26px,3cqw,50px)/1.2 var(--f-title);letter-spacing:5px;color:#13275a}
.m3-door-ttl .sw{display:inline-block;width:3.2em;height:.45em;border-top:3px solid transparent;border-image:linear-gradient(90deg,rgba(240,144,0,0),#f0a020 70%,#ffd28a) 1;border-radius:50%/100% 100% 0 0;transform:translateY(.15em)}
.m3-door-ttl .sw.r{transform:translateY(.15em) scaleX(-1)}
.m3-door-ttl p{margin:.6em 0 0;font:500 clamp(14px,1.45cqw,22px)/1.5 var(--f-body);letter-spacing:2px;color:#2a3f66}
.m3-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2cqw,36px)}
.dr{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#13275a;text-align:center}
.dr .art{width:100%;aspect-ratio:1.25;display:flex;align-items:flex-end;justify-content:center}
.dr .art img{width:92%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 22px rgba(23,48,90,.14));transition:transform .3s var(--ease)}
.dr .art img.miss{border:2px dashed rgba(26,111,209,.4);border-radius:22px;background:rgba(32,176,224,.08)}
.dr:hover .art img{transform:translateY(-6px) scale(1.02)}
.dr b{margin-top:.6em;display:inline-flex;align-items:center;gap:.35em;font:900 clamp(18px,2.15cqw,34px)/1.25 var(--f-title);letter-spacing:2px}
.dr .ar{width:.42em;height:.42em;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg)}
.dr p{margin:.5em 0 0;font:500 clamp(13px,1.3cqw,20px)/1.6 var(--f-body);letter-spacing:1px;color:#2a3f66}
.dr .more{margin-top:1em;padding:.55em 2.2em;border:1.5px solid #1d4f9e;border-radius:999px;font:700 clamp(13px,1.2cqw,18px)/1 var(--f-body);color:#17305a;background:rgba(255,255,255,.55)}
.dr:hover .more{background:#fff}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-doors{grid-template-columns:1fr;gap:28px}
.dr .art{width:80%}
.m3-door-ttl h2{font-size:clamp(24px,7vw,40px)}
.m3-door-ttl .sw{width:1.6em}
}
.m3-sec .m3-door-ttl p,.m3-sec .dr p{transform:none;font-weight:500;color:#2a3f66}
.m3-sec .dr p{font-size:clamp(13px,1.35cqw,21px);letter-spacing:1.5px}
.m3-sec .m3-door-ttl p{font-size:clamp(14px,1.5cqw,23px);letter-spacing:3px}
.dr .art{aspect-ratio:1.5}
.dr .more{padding:.6em 2.4em}
.m3-door-ttl h2{font-size:clamp(28px,3.5cqw,58px)}
.dr b{font-size:clamp(18px,2.5cqw,40px)}
.m3-sec .dr p{font-size:clamp(13px,1.6cqw,25px)}
.dr .more{font-size:clamp(13px,1.45cqw,22px);padding:.6em 2.6em}
.m3-doors{grid-template-columns:repeat(3,minmax(0,1fr))}
.dr{min-width:0}
.dr .art{aspect-ratio:auto;height:clamp(150px,21cqw,340px)}
.m3-sec .dr p{white-space:nowrap}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.m3-doors{grid-template-columns:1fr}.dr .art{height:clamp(180px,56vw,360px)}.m3-sec .dr p{white-space:normal}}
.dr .art{height:clamp(170px,25cqw,400px)}
.dr .art img{width:108%;max-width:none}
.m3-doors{gap:clamp(8px,1cqw,18px)}
.dr .art{position:relative}
.dr .art::before{content:"";position:absolute;left:4%;right:4%;bottom:-4%;height:34%;z-index:0;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,.55) 55%,rgba(255,255,255,0));
  box-shadow:0 0 0 1px rgba(255,236,200,.0)}
.dr .art::after{content:"";position:absolute;left:10%;right:10%;bottom:2%;height:16%;z-index:0;border-radius:50%;
  border-top:2px solid rgba(255,210,140,.55);filter:blur(1px)}
.dr .art img{position:relative;z-index:1}
.dr b{margin-top:.35em}
.m3-sec .dr p{margin-top:.3em;line-height:1.5}
.dr .more{margin-top:.7em}
.m3-sec[data-scene=free] .fc{transform:none!important}
.m3-sec[data-scene=free] .fc:hover{transform:translateY(-6px)!important}
.dr .art::before{left:-6%;right:-6%;bottom:-14%;height:52%;background:radial-gradient(closest-side,rgba(255,255,255,1),rgba(255,255,255,.75) 45%,rgba(255,250,240,.25) 75%,rgba(255,255,255,0))}
.dr .art::after{left:-2%;right:-2%;bottom:-10%;height:40%;border-top:2px solid rgba(255,206,130,.6);border-bottom:1.5px solid rgba(160,210,250,.35);filter:blur(.6px)}
.dr b{margin-top:.1em}
.dr .art::before{opacity:.55}
.dr .art::after{display:none}
.m3-sec[data-scene=feature]{z-index:3}
.m3-sec[data-scene=free]{z-index:2}
.dr .art::before{opacity:.75}
.m3-sec[data-scene=door]{z-index:1}
.ly.fadeb>img.el{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
.m3-sup{display:flex;align-items:center;gap:clamp(16px,3cqw,56px)}
.m3-sup h2{margin:0;position:relative;white-space:nowrap;font:900 clamp(22px,2.7cqw,44px)/1.2 var(--f-title);letter-spacing:3px;color:#13275a;transform:skewX(-8deg)}
.m3-sup .bst{position:absolute;left:-1.1em;top:-.9em;width:1.1em;height:1.1em;transform:skewX(8deg) rotate(-30deg)}
.m3-sup .bst::before,.m3-sup .bst::after{content:"";position:absolute;bottom:0;width:18%;height:70%;border-radius:99px;background:linear-gradient(180deg,#ffc36b,#f09000)}
.m3-sup .bst::before{left:22%;transform:rotate(-28deg)}
.m3-sup .bst::after{left:62%;transform:rotate(14deg)}
.m3-sup .sep{width:1.5px;align-self:stretch;min-height:60px;background:linear-gradient(180deg,transparent,rgba(23,48,90,.25),transparent);transform:skewX(-14deg)}
.m3-sup ul{list-style:none;margin:0;padding:0;flex:1;display:flex;justify-content:space-between;gap:clamp(12px,2cqw,40px)}
.m3-sup a{display:flex;align-items:center;gap:.7em;text-decoration:none;color:#13275a;font:700 clamp(14px,1.45cqw,23px)/1.3 var(--f-body);letter-spacing:1.5px;white-space:nowrap}
.m3-sup a:hover{color:#1a6fd1}
.m3-sup .ic{width:2.1em;height:2.1em;flex:none;background:#2f6fd0;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ic-headset{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='13' width='4' height='6' rx='1.6'/%3E%3Crect x='17' y='13' width='4' height='6' rx='1.6'/%3E%3Cpath d='M19 19c0 1.6-1.6 2.6-4 2.6h-1.5'/%3E%3C/svg%3E")}
.ic-book{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10 5 7 4.6 3 5v13.5c4-.4 7 0 9 1.5 2-1.5 5-1.9 9-1.5V5c-4-.4-7 0-9 1.5z'/%3E%3Cpath d='M12 6.5V20'/%3E%3C/svg%3E")}
.ic-question{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.6 9.4a2.5 2.5 0 0 1 4.8.8c0 1.7-2.4 2.2-2.4 3.8'/%3E%3Cpath d='M12 17.2v.1'/%3E%3C/svg%3E")}
.ic-megaphone{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M3 10v4h3l7 4V6L6 10z'/%3E%3Cpath d='M6 14l1.5 5h2.5l-1.2-4.4'/%3E%3Cpath d='M17 9.5c.8.7 1.2 1.5 1.2 2.5s-.4 1.8-1.2 2.5'/%3E%3C/svg%3E")}
.ic-dot{--m:radial-gradient(circle,#000 40%,transparent 42%)}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-sup{flex-direction:column;gap:18px}
.m3-sup .sep{display:none}
.m3-sup ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;width:100%}
.m3-sup a{font-size:clamp(14px,4vw,20px)}
.m3-sup h2{font-size:clamp(22px,6.5vw,36px)}
}
.m3-sec[data-scene=footer]{aspect-ratio:auto;padding:28px clamp(16px,5vw,64px) 22px;background:linear-gradient(180deg,#f3f1f8,#ece9f5)}
.m3-sec[data-scene=footer].on-js .stage{aspect-ratio:auto;max-width:1200px}
.m3-sec[data-scene=footer] .txt{position:static;transform:none!important;width:auto;opacity:1!important}
.m3-foot{text-align:center;color:#5b6b86}
.m3-foot p{margin:.3em 0;font-size:13px;line-height:1.7;color:#5b6b86;letter-spacing:.5px}
.m3-foot a{color:#1a6fd1}
.m3-sec[data-scene=support]{z-index:1}
.m3-sec[data-scene=footer] .slot p{transform:none;font:500 13px/1.8 var(--f-body);letter-spacing:.5px;color:#5b6b86;margin:.2em 0;white-space:normal}
.m3-sec[data-scene=footer] .slot p:first-child{font-weight:700;color:#17305a}
.m3-sec[data-scene=footer]{background:linear-gradient(180deg,rgba(243,241,248,0),#efecf6 40%,#ebe8f4);padding-top:36px}
.m3-sec[data-scene=support]{z-index:2}
.m3-sec.plated .stage{max-width:1600px}
.m3-hd{padding-left:max(clamp(16px,5vw,72px),calc((100% - 1600px)/2 + 40px));padding-right:max(clamp(16px,5vw,72px),calc((100% - 1600px)/2 + 40px))}
.ly.band{position:absolute;transform:none;pointer-events:none}
.ly.band>img.el{width:100%;height:100%;object-fit:fill;filter:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ly.band.fadeb>img.el{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,#000 78%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(180deg,#000 78%,transparent);mask-composite:intersect}
.ly.sidefade>img.el{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,#000 78%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,#000 78%,transparent);mask-composite:intersect}
.m3-sec[data-scene=feature] .slot h2.m3-ttl{font-size:clamp(28px,3.4cqw,56px);margin-bottom:.8em}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(70px,8.6cqw,150px)}
.m3-sec[data-scene=feature] .feat-row b{font-size:clamp(17px,2.15cqw,34px)}
.m3-sec[data-scene=feature] .feat-row li{gap:.7em}
.m3-sec[data-scene=free] .m3-free-txt h2{font-size:clamp(30px,4cqw,66px)}
.m3-sec[data-scene=free] .m3-free-txt p{font-size:clamp(16px,1.9cqw,30px)}
.m3-sec[data-scene=free] .free-cta .btn{font-size:clamp(15px,1.9cqw,30px)!important}
.m3-sec[data-scene=free] .fc{padding:1.4em .6em 1.4em}
.m3-sec[data-scene=free] .fc b{font-size:clamp(15px,2cqw,32px)}
.m3-sec[data-scene=free] .fc b{font-size:clamp(14px,1.75cqw,28px);white-space:nowrap;letter-spacing:.5px}
.m3-sec[data-scene=free] .m3-free-txt p{font-size:clamp(15px,1.7cqw,27px);white-space:nowrap}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(80px,10cqw,170px)}
.m3-sec[data-scene=feature] .feat-row b{font-size:clamp(18px,2.4cqw,38px)}
html.plate-on body{background:#e3e8fc}
#m3{position:relative;background:radial-gradient(14% 9% at 7% 14%,rgba(255,244,222,.75),rgba(255,244,222,0)),radial-gradient(12% 8% at 94% 30%,rgba(255,246,228,.7),rgba(255,246,228,0)),radial-gradient(13% 8% at 5% 52%,rgba(255,240,215,.6),rgba(255,240,215,0)),radial-gradient(12% 8% at 95% 70%,rgba(255,244,222,.6),rgba(255,244,222,0)),url(../assets/nb_sky.webp) center top/max(100%,1700px) auto no-repeat,linear-gradient(90deg,rgba(206,220,252,.9),rgba(232,236,253,0) 22%,rgba(232,236,253,0) 78%,rgba(206,220,252,.9)),linear-gradient(180deg,#e0e6fc 0,#e6eafc 40%,#e2e8fb 75%,#eceefa 100%)}
.m3-sec.plated .stage{max-width:var(--page-max)}
.m3-hd{padding-left:max(clamp(16px,5vw,72px),calc((100% - var(--page-max))/2 + 40px));padding-right:max(clamp(16px,5vw,72px),calc((100% - var(--page-max))/2 + 40px))}
.m3-sec[data-scene=hero] .slot h1{font-size:clamp(30px,3.7cqw,60px)}
.m3-sec[data-scene=hero] .slot p{font-size:clamp(14px,1.4cqw,21px)}
.m3-sec[data-scene=hero] .slot .btn{font-size:clamp(13px,1.1cqw,17px)!important;padding:.75em 1.7em}
.m3-sec[data-scene=free] .m3-free-cards{gap:clamp(12px,2.2cqw,34px)}
html.plate-on .m3-sec[data-scene=hero]{padding-top:clamp(64px,6vw,96px)}
.m3-hd,.m3-nav{flex-wrap:nowrap}
.m3-nav{gap:clamp(12px,1.8vw,30px)}
.m3-nav a,.m3-nav .lang{white-space:nowrap}
.m3-sec[data-scene=hero] .slot h1{font-size:clamp(32px,4.5cqw,66px)}
.m3-sec[data-scene=hero] .slot p{font-size:clamp(14px,1.6cqw,23px)}
.m3-sec[data-scene=hero] .slot .btn{font-size:clamp(14px,1.35cqw,20px)!important}
.m3-sec[data-scene=feature] .slot h2.m3-ttl{font-size:clamp(24px,2.8cqw,44px)}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(64px,7.4cqw,124px)}
.m3-sec[data-scene=feature] .feat-row b{font-size:clamp(15px,1.8cqw,28px)}
.m3-sec[data-scene=free] .m3-free-txt h2{font-size:clamp(26px,3.2cqw,52px)}
.m3-sec[data-scene=free] .m3-free-txt p{font-size:clamp(14px,1.45cqw,23px)}
.m3-sec[data-scene=free] .free-cta .btn{font-size:clamp(14px,1.5cqw,24px)!important}
.m3-sec[data-scene=free] .fc b{font-size:clamp(13px,1.5cqw,24px)}
.m3-hd{padding-left:max(clamp(16px,5vw,72px),calc((100% - var(--page-max))/2 + var(--page-max)*.06));padding-right:max(clamp(16px,5vw,72px),calc((100% - var(--page-max))/2 + var(--page-max)*.035))}
.m3-sec[data-scene=hero] .slot h1{font-size:clamp(34px,5cqw,74px);letter-spacing:2px}
.m3-sec[data-scene=hero] .slot p{font-size:clamp(14px,1.7cqw,25px)}
.m3-sec[data-scene=hero] .slot .btn{font-size:clamp(14px,1.45cqw,21px)!important}
.m3-sec[data-scene=feature] .slot h2.m3-ttl,.m3-sec[data-scene=free] .m3-free-txt h2,.m3-door-ttl h2{font-size:clamp(26px,3.1cqw,48px);letter-spacing:3px}
.m3-door-ttl h2{gap:.45em}
.m3-door-ttl .sw{width:1.7em}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(70px,8.4cqw,136px)}
.m3-sec[data-scene=feature] .feat-row b{font-size:clamp(16px,2cqw,31px)}
.dr .art{height:auto;aspect-ratio:1.09;align-items:flex-end}
.dr .art img{width:100%;height:auto;max-width:100%;object-fit:fill}
.dr b{font-size:clamp(17px,2.15cqw,34px);letter-spacing:1px;margin-top:.25em}
.m3-sec .dr p{font-size:clamp(13px,1.4cqw,22px);line-height:1.65;letter-spacing:1px;margin-top:.35em}
.dr .more{font-size:clamp(13px,1.25cqw,19px);padding:.6em 2.3em;margin-top:.9em}
#m3{background:radial-gradient(14% 9% at 7% 14%,rgba(255,240,226,.7),rgba(255,240,226,0)),radial-gradient(12% 8% at 94% 30%,rgba(255,242,232,.65),rgba(255,242,232,0)),radial-gradient(13% 8% at 5% 52%,rgba(255,238,224,.55),rgba(255,238,224,0)),radial-gradient(12% 8% at 95% 70%,rgba(255,240,228,.55),rgba(255,240,228,0)),url(../assets/pk_bg.webp) center top/max(100%,1700px) auto no-repeat,url(../assets/nb_sky.webp) center top/max(100%,1700px) auto no-repeat,linear-gradient(180deg,#ece9fc 0,#efecfc 45%,#ebe9fb 80%,#f1effc 100%)}
html.plate-on body{background:#ebe8fb}
.m3-sec[data-scene=feature]::before{content:"";position:absolute;left:0;right:0;top:6%;bottom:6%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.42) 18%,rgba(255,255,255,.42) 82%,rgba(255,255,255,0));pointer-events:none;z-index:0}
.m3-feat{display:grid;grid-template-columns:30% 1fr;align-items:center;column-gap:3%}
.m3-feat .feat-intro{position:relative;padding:.4em 0 .4em .2em}
.m3-feat .feat-intro::after{content:"";position:absolute;right:-6%;top:6%;bottom:6%;width:1px;background:linear-gradient(180deg,rgba(23,48,90,0),rgba(23,48,90,.2),rgba(23,48,90,0))}
.m3-sec[data-scene=feature] .slot h2.m3-ttl{justify-content:flex-start;text-align:left;margin:0 0 .45em;gap:.4em}
.m3-feat .m3-ttl .bar{flex:none;width:.16em;height:.95em;border-radius:.1em;background:linear-gradient(180deg,#ffb04a,#f07f00);transform:skewX(-10deg)}
.m3-feat .feat-intro p{margin:0;font:500 clamp(14px,1.45cqw,22px)/1.75 var(--f-body,inherit);letter-spacing:1.5px;color:#34456e}
.m3-feat .feat-row{position:relative}
.m3-feat .feat-row::before{content:"";position:absolute;left:-4%;right:-4%;top:38%;height:34%;background:url(../assets/pk_track.webp) center/100% 100% no-repeat;opacity:.95;pointer-events:none}
.m3-feat .feat-row li+li::before{display:none}
.m3-feat .feat-row li{gap:0}
.m3-feat .feat-row img{position:relative;z-index:2}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(56px,6.4cqw,104px)}
.m3-feat .pd{position:relative;z-index:1;display:block;width:clamp(96px,10.5cqw,172px);aspect-ratio:3.3;margin:-1.4em 0 .5em;border-radius:50%;background:radial-gradient(closest-side,#fff 0,#f2f8ff 40%,#cfe5ff 72%,rgba(170,210,255,0) 100%);box-shadow:0 0 0 1.5px rgba(255,255,255,.95),0 0 0 4px rgba(130,190,255,.35),0 8px 18px rgba(80,140,230,.28)}
.m3-feat .pd::after{content:"";position:absolute;left:-14%;right:-14%;top:-12%;bottom:-38%;border-radius:50%;border:1.5px solid rgba(120,185,255,.55);box-shadow:0 0 10px rgba(140,200,255,.5)}
.m3-sec[data-scene=feature] .feat-row b{font-size:clamp(15px,1.75cqw,28px)}
.m3-sec[data-scene=free] .m3-free-cards{align-items:stretch}
.m3-sec[data-scene=free] .fc{translate:none!important}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.m3-feat{grid-template-columns:1fr;row-gap:1.2em}.m3-feat .feat-intro{text-align:center}.m3-feat .feat-intro::after{display:none}.m3-sec[data-scene=feature] .slot h2.m3-ttl{justify-content:center}.m3-feat .feat-row::before{display:none}.m3-feat .pd{width:clamp(96px,30vw,160px)}}
#m3{background:radial-gradient(14% 9% at 7% 14%,rgba(255,240,226,.6),rgba(255,240,226,0)),radial-gradient(12% 8% at 94% 30%,rgba(255,242,232,.55),rgba(255,242,232,0)),radial-gradient(13% 8% at 5% 52%,rgba(255,238,224,.5),rgba(255,238,224,0)),radial-gradient(12% 8% at 95% 70%,rgba(255,240,228,.5),rgba(255,240,228,0)),url(../assets/nb_sky.webp) center top/max(100%,1700px) auto no-repeat,linear-gradient(90deg,rgba(214,208,250,.75),rgba(236,233,252,0) 24%,rgba(236,233,252,0) 76%,rgba(214,208,250,.75)),linear-gradient(180deg,#e7e3fb 0,#ece9fc 45%,#e8e5fb 80%,#efedfc 100%)}
html.plate-on body{background:#e8e5fb}
.m3-sec .m3-feat .feat-intro p{transform:none;font-weight:500;font-family:var(--f-body)}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(62px,7.2cqw,118px)}
.m3-feat .pd{width:clamp(104px,11.5cqw,188px);margin:-1.6em 0 .55em;background:radial-gradient(closest-side,#fff 0,#eef6ff 35%,#bcdcff 70%,rgba(150,200,255,.25) 92%,rgba(150,200,255,0) 100%);box-shadow:0 0 0 2px rgba(255,255,255,.95),0 0 0 5px rgba(110,180,255,.4),0 0 22px rgba(90,170,255,.45),0 10px 20px rgba(60,120,220,.25)}
.m3-feat .pd::after{left:-16%;right:-16%;top:-16%;bottom:-46%;border:2px solid rgba(110,180,255,.6);box-shadow:0 0 12px rgba(120,190,255,.6),inset 0 0 8px rgba(255,255,255,.7)}
#m3{background:radial-gradient(14% 9% at 7% 14%,rgba(255,240,226,.6),rgba(255,240,226,0)),radial-gradient(12% 8% at 94% 30%,rgba(255,242,232,.55),rgba(255,242,232,0)),radial-gradient(13% 8% at 5% 52%,rgba(255,238,224,.5),rgba(255,238,224,0)),radial-gradient(12% 8% at 95% 70%,rgba(255,240,228,.5),rgba(255,240,228,0)),url(../assets/nb_sky_l.webp) center top/max(100%,1700px) auto no-repeat,linear-gradient(90deg,rgba(214,208,250,.7),rgba(233,229,251,0) 24%,rgba(233,229,251,0) 76%,rgba(214,208,250,.7)),linear-gradient(180deg,#e9e5fb 0,#ebe8fc 45%,#e8e5fb 80%,#efedfc 100%)}
#m3{background:url(../assets/pk_mist_l.webp) left -2% top 30%/max(24%,360px) auto no-repeat,url(../assets/pk_mist_r.webp) right -2% top 47%/max(24%,360px) auto no-repeat,url(../assets/pk_mist_l.webp) left -3% top 66%/max(22%,330px) auto no-repeat,url(../assets/pk_mist_r.webp) right -3% top 86%/max(22%,330px) auto no-repeat,url(../assets/pk_bg.webp) center top/max(100%,1700px) auto no-repeat,url(../assets/pk_bg.webp) center 1440px/max(100%,1700px) auto no-repeat,linear-gradient(180deg,#f2f0fe 0,#f5f2fc 50%,#f3f1fd 100%)}
html.plate-on body{background:#f3f1fd}
.m3-sec[data-scene=feature]::before{top:3%;bottom:3%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.3) 50%,rgba(255,255,255,.5));border-top:1px solid rgba(255,255,255,.95);border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(120,110,200,.08);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.m3-feat{grid-template-columns:27% 1fr;column-gap:2%}
.m3-feat .feat-intro::after{display:none}
.m3-sec .m3-feat .feat-intro p{font-weight:700;color:#1f3160;font-size:clamp(14px,1.55cqw,24px);line-height:1.6;letter-spacing:2px}
.m3-feat .feat-row::before{left:-2%;right:-2%;top:44%;height:30%;background:url(../assets/nb_trail_thin.webp) center/100% 260% no-repeat;opacity:1}
.m3-feat .feat-row::after{content:"";position:absolute;left:-6%;right:-3%;top:30%;height:62%;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 0 14px rgba(150,190,255,.35),inset 0 0 14px rgba(150,190,255,.25);pointer-events:none;z-index:0;-webkit-mask:linear-gradient(90deg,#000,rgba(0,0,0,.25) 50%,#000);mask:linear-gradient(90deg,#000,rgba(0,0,0,.25) 50%,#000)}
.m3-feat .feat-row li{z-index:1}
.m3-sec[data-scene=feature] .feat-row img{width:clamp(66px,8cqw,130px)}
.m3-sec[data-scene=feature] .feat-row b{font-size:clamp(16px,1.95cqw,30px);font-weight:900;letter-spacing:2px}
.m3-feat .pd{width:clamp(100px,10.5cqw,172px);aspect-ratio:3;margin:-1.5em 0 .7em;background:radial-gradient(closest-side,#ffffff 0,#e9f4ff 28%,#9fd0ff 62%,#5fb0ff 80%,rgba(95,176,255,.6) 92%,rgba(95,176,255,0) 100%);box-shadow:0 0 0 2px rgba(255,255,255,.95),0 5px 0 0 rgba(170,205,250,.95),0 6px 0 1.5px rgba(255,255,255,.9),0 0 26px rgba(80,165,255,.55),0 16px 22px rgba(60,120,220,.22)}
.m3-feat .pd::before{content:"";position:absolute;left:22%;right:22%;top:24%;bottom:24%;border-radius:50%;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 0 8px rgba(255,255,255,.9)}
.m3-feat .pd::after{left:-20%;right:-20%;top:-22%;bottom:-48%;border:1.5px solid rgba(140,195,255,.5);box-shadow:0 0 10px rgba(140,200,255,.45)}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.m3-feat .feat-row::after{display:none}}
html.plate-on .m3-sec[data-scene=hero]{padding-top:clamp(56px,4.2vw,72px)}
.m3-sec[data-scene=feature] .slot h2.m3-ttl{font-size:clamp(30px,3.7cqw,58px)}
.m3-sec .m3-feat .feat-intro p{font-size:clamp(15px,1.7cqw,26px)}
.m3-feat .feat-row::after{display:none}
.m3-feat .feat-row::before{left:-7.2%;right:auto;width:114.7%;height:auto;aspect-ratio:4.405;top:var(--trk-y,50%);transform:translateY(-50%);background:url(../assets/nb_feat_track.webp) center/100% 100% no-repeat;opacity:1;z-index:0}
.m3-feat .pd{width:clamp(110px,11.5cqw,190px);aspect-ratio:2.177;margin:-2.3cqw 0 .3em;border-radius:0;background:url(../assets/nb_pedestal.webp) center/100% 100% no-repeat;box-shadow:none}
.m3-feat .pd::before,.m3-feat .pd::after{display:none}
#m3{background:url(../assets/nb_cloud_puff.webp) left -7% top 13%/max(27%,420px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -8% top 31%/max(26%,400px) auto no-repeat,url(../assets/nb_cloud_puff.webp) left -9% top 52%/max(25%,380px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -9% top 74%/max(24%,370px) auto no-repeat,url(../assets/pk_bg.webp) center top/max(100%,1700px) auto no-repeat,url(../assets/pk_bg.webp) center 1440px/max(100%,1700px) auto no-repeat,linear-gradient(180deg,#f2f0fe 0,#f5f2fc 50%,#f3f1fd 100%)}
.m3-feat .pd{width:clamp(116px,12.5cqw,206px);margin-top:-2.5cqw}
.m3-feat .feat-row{--trk-y:60%}
.m3-sec[data-scene=feature]::before{top:-4%;bottom:-4%;border:0;box-shadow:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.4) 22%,rgba(255,255,255,.4) 78%,rgba(255,255,255,0) 100%)}
#m3{background:url(../assets/nb_cloud_puff.webp) left -7% top 13%/max(27%,420px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -8% top 31%/max(26%,400px) auto no-repeat,url(../assets/nb_cloud_puff.webp) left -9% top 52%/max(25%,380px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -9% top 74%/max(24%,370px) auto no-repeat,url(../assets/pk_bg_tile.webp) center top/max(100%,1700px) auto repeat-y,#f3f1fd}
.m3-feat .feat-row::before{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-composite:intersect}
.m3-sec[data-scene=free] .m3-free-cards{position:relative;isolation:isolate}
.m3-sec[data-scene=free] .m3-free-cards::before{content:"";position:absolute;z-index:-1;left:-30%;right:-8%;top:50%;aspect-ratio:2.33;transform:translateY(-50%) rotate(-5deg);background:url(../assets/nb_trail_thin.webp) center/100% 100% no-repeat;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 88%,transparent)}
.m3-sec[data-scene=free] .fc{background:linear-gradient(160deg,rgba(255,255,255,.6),rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 16px rgba(110,110,200,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.m3-sec[data-scene=free] .fc:hover,.m3-sec[data-scene=free] .fc:focus-visible{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1.5px rgba(240,144,0,.4),0 12px 24px rgba(110,110,200,.14)}
.m3-sec[data-scene=free] .fc img{filter:drop-shadow(0 4px 6px rgba(23,48,90,.12))}
.m3-sec[data-scene=free] .m3-free-cards::before{left:-52%;right:-7%;top:-22%;bottom:-24%;aspect-ratio:auto;transform:none;background:url(../assets/free_arc.svg) center/100% 100% no-repeat;-webkit-mask-image:none;mask-image:none}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.m3-sec[data-scene=free] .m3-free-cards::before{left:-6%;right:-6%}}
.dr .art{justify-content:center}
.dr .art img{width:86%;max-width:86%}
.dr b{margin-top:.75em}
.m3-sec .dr p{margin-top:.45em}
.dr .more{font-size:clamp(13px,1.35cqw,20px);padding:.75em 2.6em;margin-top:1.1em;background:rgba(255,255,255,.45)}
.m3-door-ttl p{margin-top:.7em}
.ly.midfade>img.el{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 17%,transparent 27%,transparent 73%,#000 83%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 17%,transparent 27%,transparent 73%,#000 83%,#000 100%)}
#m3{background:url(../assets/nb_cloud_puff.webp) left -7% top 13%/max(27%,420px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -8% top 31%/max(26%,400px) auto no-repeat,url(../assets/nb_cloud_puff.webp) left -9% top 52%/max(25%,380px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -9% top 74%/max(24%,370px) auto no-repeat,linear-gradient(90deg,rgba(182,198,252,.85) 0,rgba(205,212,253,.5) 12%,rgba(225,226,253,0) 30%,rgba(225,226,253,0) 70%,rgba(205,212,253,.5) 88%,rgba(182,198,252,.85) 100%),radial-gradient(40% 18% at 78% 22%,rgba(255,220,232,.35),rgba(255,220,232,0)),radial-gradient(35% 14% at 18% 60%,rgba(255,226,214,.3),rgba(255,226,214,0)),linear-gradient(180deg,rgba(214,218,253,.45),rgba(222,224,253,.35) 50%,rgba(214,218,253,.45)),url(../assets/pk_bg_tile.webp) center top/max(100%,1700px) auto repeat-y,#e6e6fc}
html.plate-on body{background:#e6e6fc}
.m3-sec[data-scene=feature]::before{display:none}
.m3-sec[data-scene=feature] .slot h2.m3-ttl{transform:skewX(-8deg);transform-origin:left bottom}
.m3-free-txt h2::before{content:"";display:inline-block;width:.16em;height:.95em;margin-right:.4em;vertical-align:-.08em;border-radius:.1em;background:linear-gradient(180deg,#ffb04a,#f07f00)}
#m3{background:url(../assets/nb_cloud_puff.webp) left -7% top 13%/max(27%,420px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -8% top 31%/max(26%,400px) auto no-repeat,url(../assets/nb_cloud_puff.webp) left -9% top 52%/max(25%,380px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -9% top 74%/max(24%,370px) auto no-repeat,url(../assets/nb_bg_silk.webp) center top/100% 100% no-repeat,#e6e2fb}
html.plate-on body{background:#ece6fa}
#m3{background:url(../assets/nb_bg_gen.webp) center top/100% 100% no-repeat,#dcdcfb}
html.plate-on body{background:#dcdcfb}
#m3{background:url(../assets/nb_cloud_puff.webp) left -7% top 14%/max(27%,420px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -8% top 36%/max(26%,400px) auto no-repeat,url(../assets/nb_cloud_puff.webp) left -9% top 62%/max(25%,380px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -9% top 84%/max(24%,370px) auto no-repeat,url(../assets/nb_bg_plain.webp) center top/100% 100% no-repeat,#e6e2fb}
html.plate-on body{background:#e6e2fb}
.m3-sec[data-scene=free] .m3-free-cards::before{display:none}
.gstage{aspect-ratio:4.4;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(205,225,255,.25) 65%,rgba(205,225,255,0));box-shadow:0 0 14px rgba(110,180,255,.55),inset 0 0 16px rgba(150,205,255,.4);position:relative}
.gstage::before{content:"";position:absolute;inset:16% 14%;border-radius:50%;border:1.5px solid rgba(255,190,110,.7);box-shadow:0 0 8px rgba(255,180,90,.45)}
.gstage::after{content:"";position:absolute;inset:-14% -9%;border-radius:50%;border:1px solid rgba(140,195,255,.45)}
.dotarc svg{display:block;width:100%;height:auto}
.m3-sec[data-scene=hero]::before,.m3-sec[data-scene=hero]::after{content:"";position:absolute;z-index:0;pointer-events:none;width:clamp(260px,26vw,560px);height:78%;background:url(../assets/nb_ray.webp) center/100% 100% no-repeat;opacity:.5}
.m3-sec[data-scene=hero]::before{left:-3vw;top:14%}
.m3-sec[data-scene=hero]::after{right:-3vw;top:4%;transform:scaleX(-1)}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.m3-sec[data-scene=hero]::before,.m3-sec[data-scene=hero]::after{display:none}}
.gstage{border-width:2px;background:radial-gradient(closest-side,rgba(255,255,255,.7),rgba(205,225,255,.35) 60%,rgba(205,225,255,0));box-shadow:0 0 18px rgba(110,180,255,.6),inset 0 0 20px rgba(150,205,255,.5)}
.m3-sec[data-scene=hero]::after{opacity:.6;top:0}
.m3-sec[data-scene=feature] .slot h2.m3-ttl,.m3-sec[data-scene=free] .m3-free-txt h2,.m3-sup h2{transform:none}
.m3-free-txt h2::before{display:none}
.m3-feat .m3-ttl .bar{width:.62em;height:.62em;border-radius:0;transform:none;background:radial-gradient(closest-side,#fff7d6,#f5a623 60%,#f08c00);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.m3-feat .feat-intro::after{display:block;right:-7%;background:linear-gradient(180deg,rgba(23,48,90,0),rgba(23,48,90,.18),rgba(23,48,90,0))}
.m3-free-txt{position:relative}
.m3-free-txt::after{content:"";position:absolute;right:-4%;top:-6%;bottom:-6%;width:1px;background:linear-gradient(180deg,rgba(23,48,90,0),rgba(23,48,90,.18),rgba(23,48,90,0))}
.m3-door-ttl h2{gap:.7em}
.m3-door-ttl .sw,.m3-door-ttl .sw.r{width:.62em;height:.62em;border:0;border-image:none;border-radius:0;transform:none;background:radial-gradient(closest-side,#fff7d6,#f5a623 60%,#f08c00);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.m3-sup{flex-direction:column;gap:clamp(14px,1.8cqw,28px)}
.m3-sup .bst,.m3-sup .sep{display:none}
.m3-sup h2{display:inline-flex;align-items:center;gap:.7em;font-size:clamp(22px,2.6cqw,40px)}
.m3-sup h2::before,.m3-sup h2::after{content:"";width:.62em;height:.62em;background:radial-gradient(closest-side,#fff7d6,#f5a623 60%,#f08c00);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.m3-sup ul{flex:none;width:86%;justify-content:center;gap:0}
.m3-sup li{flex:1;display:flex;justify-content:center;position:relative}
.m3-sup li+li::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:rgba(23,48,90,.2)}
.dr .art{position:relative}
.dr .art::before{opacity:0}
.dr .art::after{display:block;content:"";position:absolute;left:4%;right:4%;bottom:-13%;height:auto;aspect-ratio:2.177;border:0;filter:none;z-index:0;background:url(../assets/nb_pedestal.webp) center/100% 100% no-repeat}
.dr b{position:relative;z-index:2;margin-top:-.9em;padding:.5em 1.5em;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.78));box-shadow:0 8px 20px rgba(70,90,170,.16),inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.9);gap:.55em;font-size:clamp(16px,1.8cqw,28px)}
.dr b .ar{display:none}
.dr b::before{content:"";width:1.15em;height:1.15em;flex:none;background:#2f6fd0;-webkit-mask:var(--dic) center/contain no-repeat;mask:var(--dic) center/contain no-repeat}
.m3-doors .dr:nth-child(1){--dic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><circle cx='9' cy='8' r='3.2'/><path d='M3 20c0-3.3 2.7-5.5 6-5.5s6 2.2 6 5.5'/><circle cx='17' cy='9' r='2.5'/><path d='M16.5 14.6c2.6.3 4.5 2.1 4.5 4.9'/></svg>")}
.m3-doors .dr:nth-child(2){--dic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'><path d='M2 9l10-5 10 5-10 5z'/><path d='M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5'/></svg>")}
.m3-doors .dr:nth-child(3){--dic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><rect x='4' y='3' width='10' height='18'/><rect x='14' y='9' width='6' height='12'/><path d='M7 7h1M10 7h1M7 11h1M10 11h1M7 15h1M10 15h1'/></svg>")}
.m3-sec .dr p{margin-top:.7em}
.dr .more{margin-top:.8em;border:0;color:#fff;background:linear-gradient(180deg,#ffa53a,#f07f00);box-shadow:0 6px 14px rgba(240,127,0,.3);padding:.6em 2em}
.dr:hover .more{background:linear-gradient(180deg,#ffb354,#f58a10)}
.m3-sec[data-scene=free] .m3-free-txt.txt,.m3-sec[data-scene=free] .m3-free-cards.txt{position:absolute}
.m3-sec[data-scene=feature]>.stage::before,.m3-sec[data-scene=free]>.stage::before,.m3-sec[data-scene=support]>.stage::before{content:"";position:absolute;left:3%;right:3%;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95) 18%,rgba(255,255,255,.95) 82%,rgba(255,255,255,0));box-shadow:0 1px 0 rgba(110,120,200,.1);pointer-events:none}
.m3-sec[data-scene=hero]::before,.m3-sec[data-scene=hero]::after{display:none}
#m3{background:url(../assets/nb_cloud_puff.webp) left -7% top 14%/max(27%,420px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -8% top 30%/max(26%,400px) auto no-repeat,url(../assets/nb_cloud_puff.webp) left -10% top 45%/max(24%,370px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -9% top 60%/max(25%,380px) auto no-repeat,url(../assets/nb_cloud_puff.webp) left -8% top 78%/max(28%,430px) auto no-repeat,url(../assets/nb_cloud_puff_r.webp) right -8% top 92%/max(28%,430px) auto no-repeat,url(../assets/nb_bg_plain.webp) center top/100% 100% no-repeat,#e6e2fb}
.dr .art{aspect-ratio:auto;height:auto;margin-top:clamp(10px,1.4cqw,24px)}
.m3-doors{align-items:end}
.m3-sec[data-scene=feature]>.stage::before,.m3-sec[data-scene=free]>.stage::before,.m3-sec[data-scene=support]>.stage::before{display:none}
.dr .art{margin-top:calc(-1 * clamp(14px,2.2cqw,34px))}
.ly.edgefade>img.el{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 34%,transparent 66%,#000 86%,#000 100%);mask-image:linear-gradient(90deg,#000 0,#000 14%,transparent 34%,transparent 66%,#000 86%,#000 100%)}
.m3-sec[data-scene=hero]::before,.m3-sec[data-scene=hero]::after{display:block;width:clamp(240px,22vw,480px);height:auto;aspect-ratio:.697;opacity:.85;top:auto;bottom:-12%}
.m3-sec[data-scene=hero]::before{left:3vw;transform:rotate(-62deg);transform-origin:center}
.m3-sec[data-scene=hero]::after{right:3vw;left:auto;transform:scaleX(-1) rotate(-62deg);transform-origin:center}
.m3-sec[data-scene=hero]::before,.m3-sec[data-scene=hero]::after{display:none}
.m3-sec[data-scene=hero]>.stage::before,.m3-sec[data-scene=hero]>.stage::after{display:block;content:"";position:absolute;z-index:0;pointer-events:none;top:auto;bottom:2%;width:36vw;height:auto;aspect-ratio:2.969;transform:none;opacity:.85;background:url(../assets/nb_edge_l.webp) left center/100% 100% no-repeat}
.m3-sec[data-scene=hero]>.stage::before{left:0;right:auto}
.m3-sec[data-scene=hero]>.stage::after{right:0;left:auto;background-image:url(../assets/nb_edge_r.webp)}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){.m3-sec[data-scene=hero]>.stage::before,.m3-sec[data-scene=hero]>.stage::after{display:none}}
.m3-feat .feat-row::before{background-image:url(../assets/nb_track2.webp);aspect-ratio:10.8;opacity:.9}
.m3-sec[data-scene=hero]>.stage::before,.m3-sec[data-scene=hero]>.stage::after{z-index:1}
html.plate-on .m3-sec[data-scene=hero]>.stage::after{display:block}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){html.plate-on .m3-sec[data-scene=hero]>.stage::after{display:none}}
.m3-sec[data-scene=hero]>.stage::before,.m3-sec[data-scene=hero]>.stage::after{width:40vw;aspect-ratio:2.3;bottom:4%;opacity:.55;filter:blur(.7px) saturate(.85)}
.m3-sec[data-scene=hero]>.stage::before,.m3-sec[data-scene=hero]>.stage::after{opacity:.5;filter:blur(.8px) saturate(.7) brightness(1.08)}
.m3-sec[data-scene=hero]>.stage::before,.m3-sec[data-scene=hero]>.stage::after{opacity:.65}
.flydot{aspect-ratio:1;border-radius:50%;opacity:0;background:radial-gradient(closest-side,#fff 0,#fff3d0 35%,rgba(255,190,90,.6) 60%,rgba(255,190,90,0) 100%)}
[data-n=fly1]{--dx:70cqw;--dy:-12cqw}
[data-n=fly2]{--dx:65cqw;--dy:-4.2cqw}
[data-n=fly3]{--dx:-36cqw;--dy:-10.5cqw}
@keyframes m3wipeL{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes m3wipeR{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes m3fade{from{opacity:0}to{opacity:1}}
@keyframes m3fly{0%{opacity:0;scale:.5;translate:0 0}18%{opacity:1;scale:1;translate:0 0}85%{opacity:1}100%{opacity:0;scale:.4;translate:var(--dx) var(--dy)}}
@keyframes m3orbIn{from{opacity:0;scale:.8;rotate:-12deg}to{opacity:1;scale:1;rotate:0deg}}
@keyframes m3sway{0%,100%{rotate:0deg}50%{rotate:2.5deg}}
@keyframes m3pop{0%{opacity:0;scale:.55}70%{opacity:1;scale:1.05}100%{opacity:1;scale:1}}
@keyframes m3robot{0%{opacity:0;scale:.8;translate:0 30px;rotate:0deg}55%{opacity:1;scale:1.03;translate:0 -8px;rotate:-2.5deg}78%{rotate:2deg;translate:0 0;scale:1}100%{opacity:1;scale:1;translate:0 0;rotate:0deg}}
@keyframes m3up{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes m3shine{from{background-position:100% 0}to{background-position:0 0}}
html.m3intro .m3-sec[data-scene=hero]:not(.go) *,html.m3intro .m3-sec[data-scene=hero]:not(.go)>.stage::before,html.m3intro .m3-sec[data-scene=hero]:not(.go)>.stage::after{animation-play-state:paused!important}
html.m3intro .m3-sec[data-scene=hero] .a-fadeUp>.el{opacity:1;transform:none;transition:none}
html.m3intro .m3-sec[data-scene=hero] .a-fadeUp.txt{opacity:1;transform:translateY(-50%);transition:none}
html.m3intro .m3-sec[data-scene=hero]>.stage::before{animation:m3wipeL 0.81s 0.41s cubic-bezier(.4,0,.2,1) both}
html.m3intro .m3-sec[data-scene=hero]>.stage::after{animation:m3wipeR 0.81s 0.41s cubic-bezier(.4,0,.2,1) both}
html.m3intro .m3-sec[data-scene=hero] [data-n=bloom_sun]>.el,html.m3intro .m3-sec[data-scene=hero] [data-n=particles]>.el{animation:m3fade 1.08s 0.54s ease-out both}
html.m3intro .m3-sec[data-scene=hero] .flydot{animation:m3fly 0.74s 0.84s cubic-bezier(.5,0,.75,.4) both}
html.m3intro .m3-sec[data-scene=hero] [data-n=fly2] .flydot{animation-delay:0.94s}
html.m3intro .m3-sec[data-scene=hero] [data-n=fly3] .flydot{animation-delay:0.89s}
html.m3intro .m3-sec[data-scene=hero] [data-n=globe_orbit]>.el,html.m3intro .m3-sec[data-scene=hero] [data-n=globe_orbit_front]>.el{animation:m3orbIn 0.74s 1.15s cubic-bezier(.2,.8,.2,1) both,m3sway 10s 1.89s ease-in-out infinite}
html.m3intro .m3-sec[data-scene=hero] [data-n=globe_dots]>.el,html.m3intro .m3-sec[data-scene=hero] [data-n=globe_stage]>.el,html.m3intro .m3-sec[data-scene=hero] [data-n=bloom_globe]>.el{animation:m3fade 0.68s 1.22s ease-out both}
html.m3intro .m3-sec[data-scene=hero] [data-n=globe]>.el{animation:m3pop 0.74s 1.35s cubic-bezier(.2,.8,.2,1) both}
html.m3intro .m3-sec[data-scene=hero] [data-n=globe_haze]>.el,html.m3intro .m3-sec[data-scene=hero] [data-n=globe_rim]>.el{animation:m3fade 0.54s 1.55s ease-out both}
html.m3intro .m3-sec[data-scene=hero] [data-n=hero_laptop]>.el{animation:m3pop 0.61s 1.55s cubic-bezier(.2,.8,.2,1) both}
html.m3intro .m3-sec[data-scene=hero] [data-n=robot_book]>.el{animation:m3robot 0.94s 1.73s ease-out both,m3float 6s 2.7s ease-in-out infinite}
html.m3intro .m3-sec[data-scene=hero] [data-n=panel_score],html.m3intro .m3-sec[data-scene=hero] [data-n=hero_star]{animation:m3fade 0.54s 1.96s ease-out both}
html.m3intro .m3-sec[data-scene=hero] [data-n^=spark]{animation:m3fade 0.68s 2.03s ease-out both}
html.m3intro .m3-sec[data-scene=hero] .slot h1{animation:m3up 0.68s 1.55s cubic-bezier(.2,.8,.2,1) both}
html.m3intro .m3-sec[data-scene=hero] .slot p{animation:m3up 0.68s 1.76s cubic-bezier(.2,.8,.2,1) both}
html.m3intro .m3-sec[data-scene=hero] .slot .cta{animation:m3up 0.68s 1.96s cubic-bezier(.2,.8,.2,1) both}
html.m3intro .m3-sec[data-scene=hero] .slot h1 em{background-image:linear-gradient(100deg,#ffab2e 0%,#f08c00 38%,#fff4d2 50%,#f08c00 62%,#e86d00 100%);background-size:250% 100%;animation:m3shine 1.22s 2.16s ease-in-out both}
.m3-sec[data-scene=hero].paused [data-n^=globe_orbit]>.el,.m3-sec[data-scene=hero].paused [data-n=robot_book]>.el{animation-play-state:paused}
.flydot{background:radial-gradient(closest-side,#fff 0,#fff 22%,#ffe2a6 42%,rgba(255,176,70,.55) 62%,rgba(255,176,70,0) 100%);filter:drop-shadow(0 0 6px rgba(255,200,120,.9))}
.m3-sec[data-scene=hero]>.stage::before{left:calc(50% - 50vw);right:auto;bottom:4.7%}
.m3-sec[data-scene=hero]>.stage::after{right:calc(50% - 50vw);left:auto;bottom:4.7%}
.ic-shield{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7.5 3v5.5c0 4.6-3.2 8.2-7.5 9.5-4.3-1.3-7.5-4.9-7.5-9.5V6z'/%3E%3Cpath d='M8.8 12.2l2.3 2.3 4.2-4.6'/%3E%3C/svg%3E")}
.ic-web{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='15' rx='2'/%3E%3Cpath d='M3 8.5h18'/%3E%3Cpath d='M6 6.5h.1M8.4 6.5h.1'/%3E%3Crect x='6' y='11' width='5.5' height='5.5' rx='.8'/%3E%3Cpath d='M14 11.5h4M14 14h4M14 16.5h2.5'/%3E%3C/svg%3E")}
.ic-code{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 7.5L4 12l4.5 4.5M15.5 7.5L20 12l-4.5 4.5M13.5 5l-3 14'/%3E%3C/svg%3E")}
.ic-paper{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8.5L19 7.5V21H6z'/%3E%3Cpath d='M14.5 3v4.5H19'/%3E%3Cpath d='M9 12.5l1.8 1.8L14.5 10.6'/%3E%3Cpath d='M9 17.5h7'/%3E%3C/svg%3E")}
.ic-trophy{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4h9v5a4.5 4.5 0 0 1-9 0z'/%3E%3Cpath d='M7.5 6H4.5c0 2.6 1.4 4.2 3.4 4.4M16.5 6h3c0 2.6-1.4 4.2-3.4 4.4'/%3E%3Cpath d='M12 13.5V17M8.5 20.5h7M9.5 20.5c0-2 1-3.5 2.5-3.5s2.5 1.5 2.5 3.5'/%3E%3C/svg%3E")}
.ic-teach{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='11' rx='1.5'/%3E%3Cpath d='M8 19.5l4-4.5 4 4.5'/%3E%3Cpath d='M7 11.5l3-3 2.5 2 4-4'/%3E%3C/svg%3E")}
.m3-sup ul{width:100%}
.m3-sup a{gap:.55em;font-size:clamp(14px,1.3cqw,21px);letter-spacing:1px}
.m3-sup .ic{width:1.8em;height:1.8em}
.ic-app{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.2'/%3E%3Cpath d='M10.5 5h3'/%3E%3Cpath d='M11.2 18.6h1.6'/%3E%3Crect x='9' y='8.5' width='2.5' height='2.5' rx='.5'/%3E%3Crect x='12.5' y='8.5' width='2.5' height='2.5' rx='.5'/%3E%3Crect x='9' y='12' width='2.5' height='2.5' rx='.5'/%3E%3Crect x='12.5' y='12' width='2.5' height='2.5' rx='.5'/%3E%3C/svg%3E")}
.m3-sup ul{width:104%}
.m3-sup li{padding:0 .4em}
.m3-sup a{gap:.45em;font-size:clamp(13px,1.22cqw,20px);letter-spacing:.5px}
.m3-nav a svg{width:17px;height:17px;flex:none}
.mdl{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.mdl[hidden]{display:none}
.mdl-bg{position:absolute;inset:0;background:rgba(30,40,95,.38);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mdl-box{position:relative;width:min(380px,100%);padding:18px 22px 22px;border-radius:22px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,242,255,.94));box-shadow:0 24px 60px rgba(40,50,130,.25),inset 0 0 0 1px #fff;animation:m3mdl .25s ease-out}
@keyframes m3mdl{from{opacity:0;translate:0 14px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
.mdl-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mdl-hd b{font:700 20px/1.3 var(--f-body);color:#13275a;letter-spacing:1px}
.mdl-x{width:36px;height:36px;border-radius:50%;border:0;background:#eef0fb;color:#13275a;font-size:15px;cursor:pointer}
.mdl-x:hover{background:#e0e4f8}
.mdl .qr{display:block;max-width:100%;margin:0 auto;border-radius:12px}
html:not([lang="zh-TW"]) .hide-when-translated{display:none!important}
@keyframes m3padIn{0%{opacity:0;scale:.5}55%{opacity:1;scale:1.06;filter:brightness(1.7)}100%{opacity:1;scale:1;filter:none}}
@keyframes m3glow{0%{opacity:0;scale:.6}40%{opacity:1;scale:1.05}100%{opacity:0;scale:1.15}}
@keyframes m3rise{0%{opacity:0;translate:0 40px;scale:.92}65%{opacity:1;translate:0 -6px;scale:1.01}100%{opacity:1;translate:0 0;scale:1}}
@keyframes m3track{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes m3pdOn{0%{opacity:.3;scale:.9;filter:grayscale(.8) brightness(.9)}45%{opacity:1;scale:1.06;filter:brightness(1.6)}100%{opacity:1;scale:1;filter:none}}
html.m3intro .m3-feat .feat-intro,html.m3intro .m3-feat .feat-row li img,html.m3intro .m3-feat .feat-row li b{opacity:0}
html.m3intro .m3-feat .feat-row::before{clip-path:inset(0 100% 0 0)}
html.m3intro .m3-feat .pd{opacity:.3}
html.m3intro .m3-feat.play .feat-intro{animation:m3up .7s ease-out both}
html.m3intro .m3-feat.play .feat-row::before{animation:m3track 1.6s .3s linear both}
html.m3intro .m3-feat.play .pd{animation:m3pdOn .7s var(--d1) ease-out both}
html.m3intro .m3-feat.play .feat-row li img{animation:m3rise .75s calc(var(--d1) + .1s) cubic-bezier(.2,.8,.3,1) both}
html.m3intro .m3-feat.play .feat-row li b{animation:m3up .55s calc(var(--d1) + .3s) ease-out both}
.m3-feat .feat-row li:nth-child(1){--d1:.47s}
.m3-feat .feat-row li:nth-child(2){--d1:.82s}
.m3-feat .feat-row li:nth-child(3){--d1:1.18s}
.m3-feat .feat-row li:nth-child(4){--d1:1.53s}
.m3-nav{gap:clamp(10px,1.25vw,24px)}
.m3-nav a{font-size:clamp(13px,1.08vw,17px)}
.m3-nav a svg{width:1.05em;height:1.05em}
.m3-nav{gap:clamp(14px,2vw,32px)}
.m3-nav a{font-size:clamp(14px,1.18vw,18px)}
html{scroll-behavior:smooth}
@media (min-width:1100px),(min-width:768px) and (orientation:landscape){
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=hero] .slot h1{font-size:clamp(26px,3.1cqw,46px);letter-spacing:.5px;line-height:1.18}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=hero] .slot p{letter-spacing:.5px}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=door] .stage,html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .stage,html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=feature] .stage,html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=support] .stage{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,2.4cqw,40px);padding:clamp(28px,3.2cqw,52px) 0}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .stage{flex-direction:row;justify-content:center;gap:4%}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=door] .slot.txt,html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .slot.txt,html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=feature] .slot.txt,html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=support] .slot.txt{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:0}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .m3-free-txt.txt{width:32%}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .m3-free-cards.txt{width:58%}
html.translated-ltr:not([lang^="zh"]) .m3-sec .dr p{white-space:normal}
html.translated-ltr:not([lang^="zh"]) .dr b{font-size:clamp(14px,1.35cqw,20px)}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .m3-free-txt h2{font-size:clamp(22px,2.7cqw,40px)}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .m3-free-txt p{letter-spacing:.3px}
html.translated-ltr:not([lang^="zh"]) .fc b{white-space:normal!important;font-size:clamp(11px,.95cqw,14px)!important;line-height:1.25;word-break:break-word;hyphens:auto}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=feature] .slot h2.m3-ttl{font-size:clamp(22px,2.6cqw,40px)}
html.translated-ltr:not([lang^="zh"]) .m3-feat .feat-row li b{font-size:clamp(13px,1.2cqw,18px);text-align:center;padding:0 .3em}
html.translated-ltr:not([lang^="zh"]) .m3-sup ul{flex-wrap:wrap;justify-content:center;row-gap:14px;width:100%}
html.translated-ltr:not([lang^="zh"]) .m3-sup li{flex:none;padding:0 1.1em}
html.translated-ltr:not([lang^="zh"]) .m3-sup a{font-size:clamp(13px,1.1cqw,17px)}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=free] .m3-free-txt p{white-space:normal}
html.translated-ltr:not([lang^="zh"]) .dr p br,html.translated-ltr:not([lang^="zh"]) .m3-feat .feat-intro p br{display:none}
html.translated-ltr:not([lang^="zh"]) .m3-doors{align-items:start}
html.translated-ltr:not([lang^="zh"]) .m3-feat .feat-intro p{max-width:18em}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=hero] .slot .cta{flex-wrap:nowrap}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=hero] .slot .btn{font-size:clamp(12px,1.05cqw,16px)!important;padding:.85em 1.4em;white-space:nowrap}
html.translated-ltr:not([lang^="zh"]) .m3-sec[data-scene=door] .m3-doors.txt{width:100%!important}
html.translated-ltr:not([lang^="zh"]) .m3-doors{column-gap:clamp(8px,1cqw,16px)}
html.translated-ltr:not([lang^="zh"]) .dr .art{aspect-ratio:1/.74;display:flex;align-items:flex-end;justify-content:center}
html.translated-ltr:not([lang^="zh"]) .dr b{padding:.5em 1em;letter-spacing:0;gap:.45em;font-size:clamp(13px,1.25cqw,19px)}
}
.m3-doors .dr:nth-child(3) .art img{width:77%;max-width:77%}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
html body .m3-hd{position:absolute;left:0;right:0;top:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px 14px;gap:10px}
html body .m3-hd .logo img{height:clamp(34px,9vw,52px);max-width:46vw}
html body .m3-nav{gap:clamp(10px,3.4vw,22px);flex-wrap:nowrap}
html body .m3-nav>a{display:inline-flex!important;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;letter-spacing:0;line-height:1.1;white-space:nowrap}
html body .m3-nav>a svg{width:20px;height:20px}
html body .m3-nav .lang{display:inline-flex!important;position:relative;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;line-height:1.1;color:#1d2b4a}
html body .m3-nav .lang svg{width:20px;height:20px}
html body .m3-nav .lang .gtranslate_wrapper{position:absolute;inset:0}
html body .m3-nav .lang select{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px}
html body .m3-sec[data-scene=door] .stage,html body .m3-sec[data-scene=free] .stage,html body .m3-sec[data-scene=feature] .stage,html body .m3-sec[data-scene=support] .stage{aspect-ratio:auto!important;display:flex;flex-direction:column;align-items:center;gap:22px;padding:30px 18px}
html body .m3-sec[data-scene=door] .slot.txt.txt.txt,html body .m3-sec[data-scene=free] .slot.txt.txt.txt,html body .m3-sec[data-scene=feature] .slot.txt.txt.txt,html body .m3-sec[data-scene=support] .slot.txt.txt.txt{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;margin:0}
html body .m3-sec[data-scene=door] .stage>.ly:not(.txt),html body .m3-sec[data-scene=free] .stage>.ly:not(.txt),html body .m3-sec[data-scene=feature] .stage>.ly:not(.txt),html body .m3-sec[data-scene=support] .stage>.ly:not(.txt){display:none}
html body .m3-door-ttl{text-align:center}
html body .m3-door-ttl h2{font-size:clamp(24px,6.6vw,38px);letter-spacing:2px}
html body .m3-sec .m3-door-ttl p{font-size:clamp(13px,3.6vw,17px);letter-spacing:1px;white-space:normal;margin-top:.5em}
html body .m3-doors{display:grid;grid-template-columns:1fr;gap:30px;justify-items:center;align-items:start}
html body .dr{width:100%;max-width:360px;margin:0}
html body .dr .art{width:100%;height:auto;aspect-ratio:1/.74;margin-top:0;display:flex;align-items:flex-end;justify-content:center}
html body .dr b{font-size:clamp(16px,4.6vw,22px);letter-spacing:1px;padding:.5em 1.3em;white-space:normal;text-align:center}
html body .m3-sec .dr p{font-size:clamp(13px,3.6vw,16px);letter-spacing:.5px;white-space:normal}
html body .dr .more{font-size:clamp(13px,3.6vw,16px);padding:.6em 2em}
html body .m3-free-txt{text-align:center}
html body .m3-sec[data-scene=free] .m3-free-txt h2{font-size:clamp(24px,6.6vw,38px);transform:none}
html body .m3-sec[data-scene=free] .m3-free-txt p{white-space:normal;font-size:clamp(13px,3.6vw,17px);letter-spacing:.5px}
html body .m3-free-txt .cta{justify-content:center}
html body .m3-sec[data-scene=free] .m3-free-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;transform:none}
html body .m3-sec[data-scene=free] .m3-free-cards::before{display:none}
html body .m3-sec[data-scene=free] .fc{grid-column:span 2;margin:0;transform:none!important;padding:.9em .3em .8em}
html body .m3-sec[data-scene=free] .fc:nth-child(4){grid-column:2/span 2}
html body .m3-sec[data-scene=free] .fc b{white-space:normal!important;font-size:clamp(11px,3.2vw,15px)!important;line-height:1.3;word-break:break-word}
html body .m3-sec[data-scene=free] .fc b br{display:inline}
html body .m3-feat{display:flex!important;flex-direction:column;align-items:center;gap:20px}
html body .m3-feat .feat-intro{width:100%;text-align:center;padding:0}
html body .m3-feat .feat-intro::after{display:none}
html body .m3-sec[data-scene=feature] .slot h2.m3-ttl{justify-content:center;font-size:clamp(24px,6.6vw,38px);writing-mode:horizontal-tb;white-space:normal;margin:0 0 .4em}
html body .m3-sec .m3-feat .feat-intro p{font-size:clamp(13px,3.6vw,17px);letter-spacing:.5px;margin:0}
html body .m3-feat .feat-intro p br{display:none}
html body .m3-feat .feat-row{width:100%;display:grid;grid-template-columns:repeat(2,1fr);row-gap:22px}
html body .m3-feat .feat-row::before{display:none}
html body .m3-sec[data-scene=feature] .feat-row img{width:clamp(70px,20vw,110px)}
html body .m3-feat .pd{width:clamp(110px,32vw,170px);margin-top:-7vw}
html body .m3-sec[data-scene=feature] .feat-row b{font-size:clamp(14px,4vw,19px);letter-spacing:1px;text-align:center;padding:0 .3em}
html body .m3-sup{flex-direction:column;gap:16px;width:100%}
html body .m3-sup h2{font-size:clamp(22px,6.2vw,36px)}
html body .m3-sup ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;width:100%;max-width:440px}
html body .m3-sup li{padding:0;justify-content:flex-start}
html body .m3-sup li+li::before{display:none}
html body .m3-sup a{font-size:clamp(13px,3.6vw,16px);white-space:normal;letter-spacing:0;line-height:1.3}
html body .m3-sec[data-scene=hero]{padding-top:58px}
}
@media (min-width:560px) and (max-width:767px),(min-width:560px) and (max-width:1099px) and (orientation:portrait){
html body .m3-doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html body .dr{max-width:none}
html body .dr b{font-size:clamp(14px,2.6vw,20px);padding:.45em .9em}
html body .m3-sec .dr p{font-size:clamp(12px,2.1vw,16px)}
html body .m3-sec .dr p br{display:none}
html body .dr .more{padding:.55em 1.3em;font-size:clamp(12px,2.1vw,15px)}
html body .m3-sec[data-scene=free] .m3-free-cards{grid-template-columns:repeat(5,1fr);max-width:720px}
html body .m3-sec[data-scene=free] .fc,html body .m3-sec[data-scene=free] .fc:nth-child(4){grid-column:auto}
html body .m3-sec[data-scene=free] .fc b{font-size:clamp(11px,2vw,15px)!important}
html body .m3-feat .feat-row{grid-template-columns:repeat(4,1fr);max-width:820px}
html body .m3-feat .pd{width:clamp(90px,18vw,170px);margin-top:-4vw}
html body .m3-sec[data-scene=feature] .feat-row img{width:clamp(60px,12vw,110px)}
html body .m3-sec[data-scene=feature] .feat-row b{font-size:clamp(13px,2.4vw,19px)}
html body .m3-sup ul{grid-template-columns:repeat(3,auto);justify-content:center;column-gap:28px;max-width:none}
html body .m3-sec[data-scene=hero] .stage{max-width:580px}
html body .m3-sec[data-scene=hero] .slot h1{font-size:clamp(28px,8.6vw,50px)}
html body .m3-sec[data-scene=hero] .slot p{font-size:clamp(13px,2.6vw,18px)}
}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
html body .m3-sec[data-scene=hero] .slot.txt.txt.txt{top:3%!important;transform:none!important}
html body .m3-sup h2{white-space:normal;text-align:center;justify-content:center}
html.translated-ltr:not([lang^="zh"]) body .m3-sec[data-scene=hero] .slot h1{font-size:clamp(22px,6.2vw,38px);letter-spacing:0;line-height:1.15;display:block}
html.translated-ltr:not([lang^="zh"]) body .m3-sec[data-scene=hero] .slot p{font-size:clamp(12px,3.3vw,16px)}
html.translated-ltr:not([lang^="zh"]) body .m3-sec[data-scene=hero] .slot .btn{font-size:clamp(12px,3.2vw,15px)!important;padding:.7em 1em}
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:#e8e5fb}
a,button,select{-webkit-tap-highlight-color:transparent}
@media (hover:none){
.dr:hover .art img{transform:none}
.m3-sec[data-scene=free] .fc:hover{transform:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 16px rgba(110,110,200,.08)}
.dr:active .art img{transform:scale(.98)}
.m3-sec[data-scene=free] .fc:active{transform:scale(.97)!important}
}
.mdl{padding:12px}
.mdl-box{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;-webkit-overflow-scrolling:touch}
.mdl .qr{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);width:auto}
@media (max-height:480px){.mdl-box{padding:10px 14px 12px}.mdl-hd{margin-bottom:6px}.mdl-hd b{font-size:16px}}
.mdl-box.mdl-vid{width:min(980px,100%)}
.mdl-vid .vids{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:14px;overflow:hidden;cursor:pointer;background:#1b2550;box-shadow:0 10px 24px rgba(40,50,130,.18);transition:transform .25s,box-shadow .25s}
.yt img,.yt iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}
.yt .play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 10px 26px rgba(20,40,120,.35);transition:transform .2s}
.yt .play::after{content:"";position:absolute;left:25px;top:19px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #f08c00}
.yt.on{cursor:default}
@media (hover:hover){.yt:not(.on):hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(40,50,130,.26)}.yt:not(.on):hover .play{transform:scale(1.08)}}
@media (max-width:767px){.mdl-vid .vids{grid-template-columns:1fr;gap:12px}.yt .play{width:52px;height:52px;margin:-26px 0 0 -26px}.yt .play::after{left:20px;top:15px;border-width:11px 0 11px 17px}}
@media (max-height:480px) and (orientation:landscape){.mdl-vid .vids{grid-template-columns:1fr 1fr}}
.dr b{transition:transform .25s var(--ease),color .25s,box-shadow .25s,background .25s}
@media (hover:hover){.dr:hover b{transform:translateY(-3px);color:#1a6fd1;background:linear-gradient(180deg,#fff,#eef5ff);box-shadow:0 12px 26px rgba(40,110,220,.24),inset 0 0 0 1.5px rgba(80,150,240,.55)}}
.dr:focus-visible b,.dr:active b{color:#1a6fd1;background:linear-gradient(180deg,#fff,#eef5ff);box-shadow:0 10px 22px rgba(40,110,220,.24),inset 0 0 0 1.5px rgba(80,150,240,.55)}
@media (hover:none){.dr:active b{transform:scale(.97)}}
@media (hover:hover){.dr:hover b::before{background:#1a6fd1}}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-sec[data-scene=hero] .stage>.ly{translate:0 var(--hshift,0px)}
.m3-sec[data-scene=hero] .stage{margin-bottom:var(--hshift,0px)}
}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
html body .m3-sec[data-scene=door] .stage{padding-top:14px}
}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
.m3-sec[data-scene=hero] .ly.bleed{-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
html body .m3-sec[data-scene=hero]{overflow:hidden;overflow-x:clip;overflow-y:visible;z-index:2}
}
.mdl-vid .vid{display:flex;flex-direction:column;gap:8px;min-width:0}
.mdl-vid .vt{display:flex;align-items:flex-start;gap:.5em;font:700 15px/1.45 var(--f-body);color:#13275a;letter-spacing:.5px;text-align:left}
.mdl-vid .vt::before{content:"";flex:none;width:.55em;height:.55em;margin-top:.45em;border-radius:50%;background:linear-gradient(180deg,#ffb14a,#f08c00)}
@media (max-width:767px){.mdl-vid .vids{gap:18px}.mdl-vid .vt{font-size:14px}}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
html body .m3-sec[data-scene=hero]>.stage::before,html body .m3-sec[data-scene=hero]>.stage::after{display:block;width:92vw;aspect-ratio:2.3;bottom:auto;top:calc(var(--hshift,0px) + 46%);opacity:.95;z-index:1;filter:saturate(1.1) brightness(1.05)}
html body .m3-sec[data-scene=hero]>.stage::before{left:calc(50% - 50vw)}
html body .m3-sec[data-scene=hero]>.stage::after{right:calc(50% - 50vw)}
}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
html body .m3-sec[data-scene=hero]>.stage::before,html body .m3-sec[data-scene=hero]>.stage::after{-webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28%,#000 72%,transparent)}
}
@media (min-width:700px) and (max-width:1099px) and (orientation:portrait){
html body .m3-sec[data-scene=hero] .stage{max-width:780px}
html body .m3-sec[data-scene=hero] .slot h1{font-size:clamp(40px,6vw,66px)}
html body .m3-sec[data-scene=hero] .slot p{font-size:clamp(15px,2.1vw,22px)}
html body .m3-sec[data-scene=hero] .slot .btn{font-size:clamp(15px,2vw,20px)!important;padding:.8em 1.6em}
html body .m3-nav>a,html body .m3-nav .lang{font-size:13px}
html body .m3-nav>a svg,html body .m3-nav .lang svg{width:24px;height:24px}
html body .m3-sec[data-scene=door] .stage,html body .m3-sec[data-scene=free] .stage,html body .m3-sec[data-scene=feature] .stage,html body .m3-sec[data-scene=support] .stage{padding:36px 36px;gap:28px}
html body .m3-door-ttl h2,html body .m3-sec[data-scene=free] .m3-free-txt h2,html body .m3-sec[data-scene=feature] .slot h2.m3-ttl{font-size:clamp(30px,4.4vw,44px)}
html body .m3-sec .m3-door-ttl p,html body .m3-sec .m3-free-txt p,html body .m3-sec .m3-feat .feat-intro p{font-size:clamp(15px,2vw,20px)}
html body .m3-doors{gap:22px;max-width:960px;margin:0 auto}
html body .dr b{font-size:clamp(16px,2.3vw,22px);padding:.5em 1.1em}
html body .m3-sec .dr p{font-size:clamp(13px,1.75vw,17px)}
html body .dr .more{font-size:clamp(13px,1.75vw,17px);padding:.6em 1.6em}
html body .m3-sec[data-scene=free] .m3-free-cards{max-width:880px;gap:16px}
html body .m3-sec[data-scene=free] .fc b{font-size:clamp(13px,1.7vw,16px)!important}
html body .m3-feat .feat-row{max-width:920px}
html body .m3-sec[data-scene=feature] .feat-row img{width:clamp(80px,11vw,120px)}
html body .m3-feat .pd{width:clamp(130px,17vw,190px);margin-top:-3.6vw}
html body .m3-sec[data-scene=feature] .feat-row b{font-size:clamp(15px,2.1vw,20px)}
html body .m3-sup h2{font-size:clamp(26px,4vw,40px)}
html body .m3-sup ul{column-gap:40px;row-gap:18px}
html body .m3-sup a{font-size:clamp(14px,1.9vw,18px)}
html body .m3-sec[data-scene=hero] .stage{max-width:640px}
html:not(.translated-ltr) body .m3-sec .dr p br{display:inline}
}
@media (min-width:1100px),(min-width:768px) and (orientation:landscape){
html.translated-ltr:not([lang^="zh"]) .m3-sup h2{font-size:clamp(22px,2.5cqw,38px)}
}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){
html.translated-ltr:not([lang^="zh"]) body .m3-sec[data-scene=free] .fc b{hyphens:manual;-webkit-hyphens:manual;word-break:normal;overflow-wrap:break-word;font-size:clamp(11px,1.7vw,14px)!important;line-height:1.25}
html.translated-ltr:not([lang^="zh"]) body .m3-sup h2{font-size:clamp(22px,3.6vw,32px)}
html.translated-ltr:not([lang^="zh"]) body .m3-sec .m3-feat .feat-intro p,html.translated-ltr:not([lang^="zh"]) body .m3-sec .m3-free-txt p{max-width:none}
}
.m3-nav .lang .lb{display:none}
@media (max-width:767px),(max-width:1099px) and (orientation:portrait){html body .m3-nav .lang .lb{display:block}}
.m3-nav .lang .lb::first-letter{text-transform:uppercase}
.m3-nav .lang select:focus{outline:none}.m3-nav .lang select:focus-visible{outline:2px solid rgba(26,111,209,.5);outline-offset:2px;border-radius:6px}