.card-art{--z:1;--drop:0px;position:relative;flex:1 0 auto;aspect-ratio:3 / 2;margin-top:clamp(22px, 2.2vw, 34px);container-type:inline-size;overflow-anchor:none}.card-art>*,.art-stage>*{position:absolute}.art-bg{inset:0;background:radial-gradient(110% 100% at 62% 100%,rgb(37 99 235 / .32) 0%,rgb(29 70 137 / .22) 42%,#fff0 78%)}.art-bg::before{content:"";position:absolute;inset:-24px;opacity:.6;-webkit-mask-image:linear-gradient(transparent 4%,#000 52%);mask-image:linear-gradient(transparent 4%,#000 52%);translate:calc((var(--px) - .5) * -16px) calc((var(--py) - .5) * -12px);transition:translate .6s var(--ease),opacity .5s}.card:is(.is-on,:focus-within) .art-bg::before{opacity:1}.art-stage{inset:0;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:50% 80%;transition:transform .7s var(--ease)}.card-art [style*="--d"]{translate:calc((var(--px) - .5) * var(--d) * 10px) calc((var(--py) - .5) * var(--d) * 8px);transition:translate .6s var(--ease),transform .8s var(--ease),opacity .5s,box-shadow .8s var(--ease)}.card.is-near .art-stage{transition-duration:.25s}.card.is-near .card-art [style*="--d"]{transition-duration:.2s,.8s,.5s,.8s}.card.is-near .art-bg::before{transition-duration:.2s,.5s}.art-build .art-bg::before{background:linear-gradient(rgb(143 179 255 / .13) 1px,transparent 1px) -1px -1px / 72px 72px,linear-gradient(90deg,rgb(143 179 255 / .13) 1px,transparent 1px) -1px -1px / 72px 72px,linear-gradient(rgb(143 179 255 / .06) 1px,transparent 1px) -1px -1px / 12px 12px,linear-gradient(90deg,rgb(143 179 255 / .06) 1px,transparent 1px) -1px -1px / 12px 12px}.art-care .art-bg::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-400 -300 800 600'%3E%3Cg fill='none' stroke='%238FB3FF' stroke-opacity='.32'%3E%3Cg transform='translate(-52 0)'%3E%3Cellipse rx='60' ry='53.3'/%3E%3Cellipse rx='100' ry='88.8'/%3E%3Cellipse rx='140' ry='124.3'/%3E%3Cellipse rx='180' ry='159.8'/%3E%3Cellipse rx='220' ry='195.3'/%3E%3Cellipse rx='260' ry='230.8'/%3E%3Cellipse rx='300' ry='266.4'/%3E%3C/g%3E%3Cg transform='translate(52 0)'%3E%3Cellipse rx='60' ry='53.3'/%3E%3Cellipse rx='100' ry='88.8'/%3E%3Cellipse rx='140' ry='124.3'/%3E%3Cellipse rx='180' ry='159.8'/%3E%3Cellipse rx='220' ry='195.3'/%3E%3Cellipse rx='260' ry='230.8'/%3E%3Cellipse rx='300' ry='266.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left calc(var(--card-x) + var(--z) * 38cqi + 24px - var(--z) * 100cqi) bottom calc(var(--z) * 27cqi - var(--drop) + 24px - var(--z) * 75cqi) / calc(var(--z) * 200cqi) calc(var(--z) * 150cqi) no-repeat}.art-fix .art-bg::before{background:radial-gradient(rgb(143 179 255 / .3) 1.1px,transparent 1.5px) 5px 5px / 14px 14px}.b-code{left:calc(var(--card-x) + 21cqi);bottom:27.6cqi;width:55cqi;height:36cqi;overflow:hidden;border-radius:1.8cqi;background:linear-gradient(#10284F,#081A35 70%);box-shadow:0 3cqi 6cqi -1.5cqi rgb(2 8 24 / .85),inset 0 0 0 1px rgb(143 179 255 / .24)}.b-tab{display:flex;align-items:center;gap:1.3cqi;height:4.4cqi;padding:0 2.4cqi;box-shadow:inset 0 -1px rgb(143 179 255 / .16);font:600 1.6cqi/1 var(--text);letter-spacing:.04em;color:var(--on-navy)}.b-tab b{font-size:1.9cqi;letter-spacing:-.008em;color:var(--sky)}.b-src{display:grid;padding:1.3cqi 0;font:500 1.85cqi/1 var(--text);color:rgb(226 232 240 / .88);white-space:nowrap}.b-ln{height:3.3cqi;line-height:3.3cqi;padding-left:calc(2.4cqi + var(--in, 0) * 2.6cqi)}.b-ln i{font-style:normal}.b-ln .t{color:var(--sky)}.b-ln .a{color:var(--on-navy)}.b-ln .v{color:#7DA8FF}.b-ln--h1{background:linear-gradient(rgb(79 134 247 / .3),rgb(79 134 247 / .3)) no-repeat 0 0 / 0% 100%;transition:background-size var(--t-3) var(--ease)}.b-site{left:var(--card-x);bottom:-10cqi;width:76cqi;height:58cqi;border-radius:1.9cqi;box-shadow:0 3cqi 6cqi -2cqi rgb(2 8 24 / .7),0 0 0 1px rgb(255 255 255 / .1)}.art-build .win-bar{gap:1.1cqi;height:3.8cqi;padding:0 2.2cqi}.art-build .win-bar i{width:1.25cqi;height:1.25cqi}.art-build .win-bar b{display:flex;align-items:center;height:2.3cqi;margin-left:2cqi;padding:0 1.6cqi;border-radius:1.2cqi;background:#fff;font:500 1.45cqi/1 var(--text);color:var(--mute)}.b-page{position:relative;height:calc(100% - 3.8cqi);padding:2.6cqi 3.4cqi;background:linear-gradient(#fff 40%,#F6F8FC)}.b-nav{display:flex;align-items:center;gap:2.4cqi;height:3cqi;font:500 1.5cqi/1 var(--text);color:var(--ink-2)}.b-wm{width:6cqi;height:auto;margin-right:auto;fill:var(--navy);--wm-cross:0}.b-h{position:relative;display:block;width:36cqi;margin-top:7.2cqi;font:var(--w-head) 4.5cqi/1.02 var(--display);letter-spacing:-.016em;color:var(--navy)}.b-lead{display:block;width:39cqi;margin-top:2cqi;font:var(--w-text) 1.55cqi/1.45 var(--text);color:var(--ink-2);text-wrap:balance}.b-btn{display:inline-flex;align-items:center;height:3.8cqi;margin-top:2.3cqi;padding:0 2.1cqi;border-radius:2cqi;background:var(--blue);font:600 1.5cqi/1 var(--text);color:#fff;white-space:nowrap}.b-img{position:absolute;left:43cqi;right:0;top:9cqi;height:31cqi;overflow:hidden;border-radius:1.6cqi 0 0 1.6cqi;background:radial-gradient(80% 100% at 34% 45%,#FFFFFF 0%,#E3EBFC 55%,#CCDBF9 100%)}.b-img img{position:absolute;left:1.2cqi;top:9.6cqi;width:18.5cqi;height:auto}.b-sel{position:absolute;inset:-1cqi -1.2cqi;border:1.5px solid #3B82F6;opacity:0;transform:scale(.97);transition:opacity var(--t-2),transform var(--t-3) var(--ease)}.b-sel i{position:absolute;width:1.4cqi;height:1.4cqi;background:#fff;box-shadow:0 0 0 1.5px #3B82F6}.b-sel i:nth-child(1){left:-.8cqi;top:-.8cqi}.b-sel i:nth-child(2){right:-.8cqi;top:-.8cqi}.b-sel i:nth-child(3){left:-.8cqi;bottom:-.8cqi}.b-sel i:nth-child(4){right:-.8cqi;bottom:-.8cqi}.b-sel em{position:absolute;left:-1.5px;bottom:100%;margin-bottom:1.6cqi;padding:.55cqi 1.1cqi;border-radius:.6cqi;background:#3B82F6;color:#fff;font:600 1.7cqi/1 var(--text);font-style:normal;letter-spacing:.02em}.b-phone{left:75cqi;bottom:-10cqi;width:21cqi;height:43cqi;padding:.9cqi;border-radius:3.4cqi;background:#06142B;box-shadow:0 4cqi 7cqi -2cqi rgb(2 8 24 / .9),0 0 0 1px rgb(255 255 255 / .16)}.b-screen{height:100%;overflow:hidden;padding:2.1cqi 1.8cqi;border-radius:2.6cqi;background:linear-gradient(#fff 50%,#F6F8FC)}.b-pnav{display:flex;align-items:center;justify-content:space-between}.b-pnav .b-wm{width:4.4cqi}.b-pnav>i{width:3cqi;height:.8cqi;border-radius:1cqi;background:#C3CCDA;box-shadow:0 -.9cqi #C3CCDA}.b-ph{display:block;margin-top:3cqi;font:var(--w-head) 2.35cqi/1.05 var(--display);letter-spacing:-.016em;color:var(--navy)}.b-plead{display:block;margin-top:1.5cqi;font:var(--w-text) 1.2cqi/1.45 var(--text);color:var(--ink-2)}.b-pbtn{display:flex;align-items:center;justify-content:center;height:2.9cqi;margin-top:2cqi;border-radius:2cqi;background:var(--blue);font:600 1.15cqi/1 var(--text);color:#fff;white-space:nowrap}.card:is(.is-on,:focus-within) .b-sel{opacity:1;transform:none}.card:is(.is-on,:focus-within) .b-code{transform:translateY(-5.1cqi);transition-delay:0s,.3s,0s,.3s}.card:is(.is-on,:focus-within) .b-site{transform:translateY(1.5cqi);transition-delay:0s,.3s,0s,.3s}.card:is(.is-on,:focus-within) .b-ln--h1{background-size:100% 100%;transition-delay:.4s}.card:is(.is-on,:focus-within) .b-ln--h1+.b-ln--h1{transition-delay:.55s}.card:is(.is-on,:focus-within) .b-phone{transform:translateY(-9cqi);transition-delay:0s,.7s,0s,.7s;box-shadow:0 6cqi 9cqi -2.5cqi rgb(2 8 24 / .95),0 0 0 1px rgb(255 255 255 / .18)}.n-note{width:54cqi;height:52cqi;transform-origin:50% 100%}.n-note--oct{left:calc(var(--card-x) + 3cqi);bottom:-6cqi}.n-note--sep{left:calc(var(--card-x) + 12cqi);bottom:2.5cqi}.n-note--aug{left:calc(var(--card-x) + 20cqi);bottom:7.5cqi}.n-paper{height:100%;overflow:hidden;border-radius:1.8cqi;background:linear-gradient(#FFFFFF,#F5F8FD);box-shadow:0 3cqi 6cqi -2cqi rgb(2 8 24 / .75),0 0 0 1px rgb(255 255 255 / .1);transform-origin:50% 100%;transition:box-shadow .8s var(--ease)}.n-note--oct .n-paper{rotate:-3deg}.n-note--sep .n-paper{rotate:3.5deg;background:linear-gradient(#EDF2FA,#E2E9F5)}.n-note--aug .n-paper{rotate:8deg;background:linear-gradient(#D9E3F3,#CCD8EC)}.n-head{display:flex;align-items:center;gap:1.3cqi;height:6.4cqi;padding:0 3.2cqi;border-bottom:1px solid #E3E9F2;font:var(--w-sub) 2.3cqi/1 var(--display);letter-spacing:var(--tr-h4);color:var(--navy);white-space:nowrap}.n-head em{margin-left:auto;font:500 1.9cqi/1 var(--text);font-style:normal;color:var(--mute)}.n-logo{display:flex}.n-logo i{width:2.2cqi;height:1.95cqi;border-radius:50%;background:var(--blue)}.n-logo i+i{margin-left:-.3cqi}.n-hi{display:block;margin:2.5cqi 3.2cqi .8cqi;font:var(--w-text) 1.9cqi/1.3 var(--text);color:var(--ink-2);white-space:nowrap}.n-list{display:grid;padding:0 3.2cqi}.n-list li{display:flex;align-items:center;gap:1.4cqi;height:4.9cqi;border-top:1px solid #EDF1F7;font:var(--w-text) 2cqi/1 var(--text);color:var(--ink-2);white-space:nowrap}.n-list li:first-child{border-top:0}.n-list b{font-weight:600;color:var(--ink)}.n-tick{flex:none;width:2.9cqi;height:2.66cqi;--tick-bg:#E3ECFF;--tick:#9DB7EA;transition:--tick-bg .35s,--tick .35s}.n-foot{display:block;margin:1.6cqi 3.2cqi 0;padding:1.5cqi 2cqi;border-radius:1.2cqi;background:#EEF4FF;font:var(--w-text) 1.85cqi/1 var(--text);color:var(--ink-2);white-space:nowrap;transition:background-color .4s}.n-foot b{font-weight:600;color:var(--navy)}.n-lines{display:block;height:calc(100% - 6.4cqi);margin:0 3.2cqi;padding-top:5.77cqi;background:repeating-linear-gradient(transparent 0 calc(4.9cqi - 1px),rgb(130 150 186 / .3) calc(4.9cqi - 1px) 4.9cqi) content-box}.card:is(.is-on,:focus-within) .n-note--aug{transform:translate(3.5cqi,-1.5cqi) rotate(2deg)}.card:is(.is-on,:focus-within) .n-note--sep{transform:translate(2cqi,-1.2cqi) rotate(1.5deg);transition-delay:0s,.05s,0s,.05s}.card:is(.is-on,:focus-within) .n-note--oct{transform:translateY(-2.6cqi) rotate(3deg);transition-delay:0s,.15s,0s,.15s}.card:is(.is-on,:focus-within) .n-note--oct .n-paper{box-shadow:0 5cqi 9cqi -2.5cqi rgb(2 8 24 / .9),0 0 0 1px rgb(255 255 255 / .12)}.card:is(.is-on,:focus-within) .n-tick{--tick-bg:#2563EB;--tick:#fff}.card:is(.is-on,:focus-within) .n-foot{background-color:#DCE8FF}@keyframes n-tick{50%{transform:scale(1.2)}}@media (prefers-reduced-motion:no-preference){.card:is(.is-on,:focus-within) .n-tick{transition-delay:calc(.35s + var(--i) * .16s);animation:n-tick .4s var(--ease) calc(.35s + var(--i) * .16s)}.card:is(.is-on,:focus-within) .n-foot{transition-delay:1.1s}}.art-fix{--slab-x:43cqi;--db-x:8cqi}.s-labs{inset:0}.s-labs li{position:absolute;left:var(--card-x);bottom:calc(var(--y) - 1.3cqi);display:flex;align-items:center;gap:1.6cqi;width:calc(var(--slab-x) - .8cqi - var(--card-x));height:2.6cqi;font:500 2.1cqi/1 var(--text);color:rgb(226 232 240 / .8);white-space:nowrap;transition:color .4s,transform .8s var(--ease),width .8s var(--ease)}.s-labs span{flex:none;display:flex;align-items:center;gap:1.2cqi;width:18.6cqi}.s-labs li::after{content:"";flex:1;align-self:stretch;min-width:2cqi;background:radial-gradient(circle closest-side,rgb(143 179 255 / .75) 80%,transparent) right center / 1cqi 1cqi no-repeat,linear-gradient(90deg,rgb(143 179 255 / .45) 50%,transparent 0) left center / 1.2cqi 1px repeat-x}.s-labs em{padding:.55cqi 1.1cqi;border-radius:1cqi;background:var(--blue);font:600 1.6cqi/1 var(--text);font-style:normal;color:#fff;opacity:0;transition:opacity .4s}.s-slab{left:var(--slab-x);bottom:var(--b);width:45.6cqi;height:30.42cqi}.s-slab svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;--s-d:#2563EB;--s-f:rgba(37, 99, 235, .13)}.s-slab>svg:first-child{filter:drop-shadow(0 1.8cqi 2cqi rgb(3 9 26 / .55))}.s-lit{--s-t:#2F63E3;--s-l:#1D4ED8;--s-r:#1E3FA8;--s-e:#D6E4FF;--s-b:rgba(214, 228, 255, .7);--s-gl:.3;opacity:0;filter:drop-shadow(0 0 1.6cqi rgb(79 134 247 / .55));transition:opacity .5s}.s-slab .s-lit{--s-d:#fff;--s-f:rgba(255, 255, 255, .24);--s-hi:rgba(255, 255, 255, .22)}.s-chip{left:var(--card-x);bottom:59.5cqi;width:46cqi;height:6cqi;overflow:hidden;border-radius:3cqi;background:#fff;box-shadow:0 3cqi 6cqi -2cqi rgb(2 8 24 / .75),0 0 0 1px rgb(255 255 255 / .1)}.art-fix .s-chip{transition:translate .6s var(--ease),transform .8s var(--ease),opacity .5s,box-shadow .8s var(--ease),width var(--t-2) var(--ease) .15s}.card.is-near .art-fix .s-chip{transition-duration:.2s,.8s,.5s,.8s,.3s}.s-chip>span{position:absolute;inset:0 auto 0 0;display:flex;align-items:center;gap:1.3cqi;padding:0 2.2cqi;white-space:nowrap;transition:opacity var(--t-2)}.s-chip .s-err{transition-delay:.25s}.s-err{font:500 1.85cqi/1 var(--text);color:#3C434A}.s-err i{flex:none;width:1.3cqi;height:1.3cqi;border-radius:50%;background:#D63638;box-shadow:0 0 0 .6cqi rgb(214 54 56 / .16)}.s-ok{font:600 2.1cqi/1 var(--text);color:var(--navy);opacity:0}.s-tick{flex:none;width:2.9cqi;height:2.66cqi}.card:is(.is-on,:focus-within) .s-slab{transform:translateY(var(--o,0))}.card:is(.is-on,:focus-within) .s-slab--db{transform:translate(var(--db-x),4.62cqi);transition-delay:0s,.25s,0s,.25s}.card:is(.is-on,:focus-within) .s-lit{opacity:1;transition-delay:.35s}.card:is(.is-on,:focus-within) .s-lab--db{color:#fff}@media (prefers-reduced-motion:no-preference){.card:is(.is-on,:focus-within) .s-labs li{transform:translateY(var(--o,0))}.card:is(.is-on,:focus-within) .s-labs .s-lab--db{width:calc(var(--slab-x) + var(--db-x) - .8cqi - var(--card-x));transform:translateY(4.62cqi);transition-delay:0s,.25s,.25s}}.card:is(.is-on,:focus-within) .s-labs em{opacity:1;transition-delay:.5s}.card:is(.is-on,:focus-within) .s-chip{width:20.3cqi;transition-delay:0s,0s,0s,0s,.75s}.card:is(.is-on,:focus-within) .s-err{opacity:0;transition-delay:.5s}.card:is(.is-on,:focus-within) .s-ok{opacity:1;transition-delay:.8s}@media (max-width:1179px){.card-art{--z:1.3}.art-stage{inset:auto auto calc(-1 * var(--drop)) 0;width:calc(var(--z) * 100%);height:calc(var(--z) * 100%);container-type:inline-size}}@media (max-width:839px),(min-width:960px) and (max-width:1179px){.b-phone{display:none}.b-wm{margin-right:3cqi}.art-fix{--slab-x:30cqi;--db-x:0cqi}}@media (min-width:960px) and (max-width:1179px){.card-art{aspect-ratio:5 / 4;--drop:6cqi}}@media (min-width:641px) and (max-width:959px){.card-art{--drop:4cqi}}@media (min-width:740px) and (max-width:839px){.card-art{--z:1.15}}@media (min-width:840px) and (max-width:959px){.card-art{--z:1;--drop:3cqi}}