.h4{--navy:#0B1B33;--paper:#F6F7FA;--line4:#E4E8EE;--line2:#EFF2F6;--text:#2E3B50;--soft:#8A96A8;--foxdark:#C2560A;--foxsoft:#FFF4EB;--up:#15803D;--upbg:#E7F5EC;--down:#C62828}.h4 h1,.h4 h2,.h4 h3{letter-spacing:-.02em;text-wrap:balance;line-height:1.12}.h4 .eyebrow{font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--foxdark)}.h4 .fine{font-size:13px;color:var(--muted)}.h4 .btn{border:0;border-radius:12px;font-weight:700}.h4 .btn-dark{background:var(--navy);color:#fff}.h4 .btn:not(.btn-primary):not(.btn-dark){border:1px solid #CBD3DF}.h4 .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;animation:h4pulse 1.8s infinite;flex:none}@keyframes h4pulse{0%{box-shadow:0 0 #22c55e8c}to{box-shadow:0 0 0 8px #22c55e00}}@keyframes h4fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes h4bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.h4.sec{padding-top:64px}.h4 .sec-h{margin-bottom:24px}.h4 .sec-h h2{font-size:clamp(26px,3vw,34px);font-weight:800;margin-top:6px}.h4 .sec-h p{margin:6px 0 0;color:var(--muted)}.h4.top{padding-top:22px}.h4 .top-h{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.h4 .top-t{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.h4 .top-t h1{font-size:24px;font-weight:800}.h4 .date{font-family:var(--font-head);font-size:13px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.h4 .filters{display:flex;gap:6px;flex-wrap:wrap}.h4 .filters button{border:1px solid #CBD3DF;background:#fff;border-radius:99px;padding:6px 14px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;min-height:38px;color:var(--text)}.h4 .filters button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.h4 .front{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;height:520px}.h4 .front[data-n="1"]{grid-template-columns:minmax(0,1fr)}.h4 .front[data-n="2"] .side{grid-row:span 2}.h4 .ov{position:relative;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;display:block;min-height:0;background:var(--navy)}.h4 .ov img,.h4 .ov .ovc{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.h4 .ov .ovc>*{height:100%!important;border-radius:0!important}.h4 .ov:hover img{transform:scale(1.03)}.h4 .ov:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b1b3300 30%,#0b1b3399 60%,#0b1b33f0)}.h4 .ovt{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px 24px;display:flex;flex-direction:column;gap:8px}.h4 .ov h2,.h4 .ov h3{color:#fff}.h4 .lead2{grid-row:span 2}.h4 .lead2 h2{font-size:clamp(26px,3vw,38px);font-weight:800;max-width:640px}.h4 .lead2 p{margin:0;color:#dce4f0;font-size:16.5px;max-width:620px}.h4 .side h3{font-size:19px;line-height:1.25}.h4 .tg{align-self:flex-start;background:var(--orange);color:var(--navy);font-family:var(--font-head);font-weight:700;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:3px 8px}.h4 .ov .meta{font-size:12.5px;color:#b9c6d8}.h4 .news4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.h4 .art{background:#fff;border:1px solid var(--line4);border-radius:18px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease;min-width:0;color:var(--ink)}.h4 .art:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0b1b3317}.h4 .art img,.h4 .art .artc{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;overflow:hidden}.h4 .art .artc>*{height:100%!important;border-radius:0!important}.h4 .art .nopic{background:linear-gradient(135deg,#12284a,#0b1b33)}.h4 .art .in{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.h4 .art h3{font-size:16px;line-height:1.3}.h4 .art .meta{margin-top:auto;padding-top:6px;font-size:12.5px;color:var(--soft)}.h4 .cat{font-family:var(--font-head);font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--foxdark)}.h4 .empty{color:var(--muted);text-align:center;padding:30px 0}.h4 .morewrap{display:flex;justify-content:center;margin-top:22px}.h4 .show{position:relative;overflow:hidden;border-radius:28px;background:radial-gradient(70% 90% at 75% 70%,#1e447c,#0b1b33 55%,#071226);color:#fff;padding:40px 40px 0}.h4 .show:before{content:"";position:absolute;width:520px;height:520px;right:6%;bottom:-200px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.35),transparent 65%);pointer-events:none}.h4 .show:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}.h4 .show>*{position:relative;z-index:1}.h4 .show-top{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.h4 .show h2{color:#fff;font-size:clamp(28px,3.4vw,40px);font-weight:800;margin-top:8px}.h4 .show-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.h4 .show-cta .fine{color:#9aa8be}.h4 .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0 26px}.h4 .tab{position:relative;text-align:left;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:14px;padding:12px 14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:3px;overflow:hidden;color:#fff;font:inherit}.h4 .tab:hover{background:#ffffff14}.h4 .tab .tb{font-family:var(--font-head);font-weight:700;font-size:16px;color:#c9d3e3}.h4 .tab .td{font-size:13px;color:#8fa6c8;line-height:1.4}.h4 .tab[aria-selected=true]{background:#ff7a1a1f;border-color:#ff9a4d99}.h4 .tab[aria-selected=true] .tb{color:#fff}.h4 .tab[aria-selected=true] .td{color:#dce4f0}.h4 .tab .bar{position:absolute;left:0;right:0;bottom:0;height:3px;display:block}.h4 .tab .bar i{display:block;height:100%;width:0;background:var(--orange)}.h4 .tab[aria-selected=true] .bar i{animation:h4fill 6s linear forwards}.h4 .show.paused .tab .bar i{animation-play-state:paused}@keyframes h4fill{to{width:100%}}.h4 .show-r{position:relative;padding:0 150px 0 90px;margin-bottom:-18px}.h4 .browser{background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 80px #ff7a1a2e,0 30px 70px #00000073;overflow:hidden;color:var(--ink)}.h4 .bb{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f2f4f8;border-bottom:1px solid var(--line4)}.h4 .bb>i{width:10px;height:10px;border-radius:50%;background:#ff6b5e}.h4 .bb>i:nth-child(2){background:#ffbe3d}.h4 .bb>i:nth-child(3){background:#2bc840}.h4 .bb span{margin-left:10px;flex:1;background:#fff;border-radius:7px;padding:3px 10px;font-size:12px;color:var(--muted)}.h4 .bb em{font-style:normal;font-size:11px;font-weight:700;color:var(--foxdark);background:var(--foxsoft);border-radius:6px;padding:2px 8px}.h4 .scr{position:relative;width:100%;aspect-ratio:640/400;overflow:hidden}.h4 .scale{position:absolute;left:0;top:0;width:640px;height:400px;transform-origin:0 0}.h4 .pane{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.h4 .pane.on{opacity:1;transform:none}.h4 .pane.on .draw{stroke-dasharray:600;stroke-dashoffset:600;animation:h4draw 1.6s ease-out .2s forwards}@keyframes h4draw{to{stroke-dashoffset:0}}.h4 .pane.on .w,.h4 .pane.on .quiz,.h4 .pane.on .wr,.h4 .pane.on .certm,.h4 .pane.on .why-m{animation:h4pop .5s cubic-bezier(.2,.8,.2,1) both}.h4 .pane.on .w:nth-child(2),.h4 .pane.on .wr:nth-child(2){animation-delay:.08s}.h4 .pane.on .w:nth-child(3),.h4 .pane.on .wr:nth-child(3){animation-delay:.16s}.h4 .pane.on .w:nth-child(4),.h4 .pane.on .wr:nth-child(4){animation-delay:.24s}@keyframes h4pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.h4 .app{display:grid;grid-template-columns:130px 1fr;height:100%;font-size:12px;line-height:1.5;color:var(--text)}.h4 .side-m{background:var(--navy);color:#c9d3e3;padding:14px 10px;display:flex;flex-direction:column;gap:4px}.h4 .side-m .sl{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#fff}.h4 .side-m .sl b{font-family:var(--font-head);font-size:12.5px}.h4 .side-m span{padding:7px 10px;border-radius:8px;font-weight:600}.h4 .side-m span.on{background:#12284a;color:#fff;box-shadow:inset 3px 0 0 var(--orange)}.h4 .main-m{background:var(--paper);padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}.h4 .hi{font-family:var(--font-head);font-weight:800;font-size:18px;color:var(--ink)}.h4 .hi small{display:block;font-family:var(--font-body);font-weight:600;font-size:11px;color:var(--muted)}.h4 .grid-m{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.h4 .grid-g{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.h4 .w{background:#fff;border:1px solid var(--line4);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}.h4 .w small{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.h4 .w.wide{grid-column:1/-1}.h4 .num{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--ink)}.h4 .w svg{width:100%;height:auto;display:block;margin-top:4px}.h4 .up{color:var(--up);font-weight:700}.h4 .down{color:var(--down);font-weight:700}.h4 .ringp{display:flex;align-items:center;gap:8px}.h4 .ringp svg{width:58px!important}.h4 .ringp b{font-family:var(--font-head);font-size:16px}.h4 .mini-t{font-size:11px;color:var(--muted)}.h4 .vl,.h4 .pos,.h4 .rk{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid var(--line2)}.h4 .vl em,.h4 .pos em,.h4 .rk em{font-style:normal;font-weight:700}.h4 .posg{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.h4 .pos span:nth-child(2){color:var(--muted);margin-left:auto;margin-right:12px}.h4 .buy{display:flex;justify-content:space-between;align-items:center;margin-top:6px;background:var(--paper);border-radius:8px;padding:6px 8px;font-weight:600}.h4 .buy i{font-style:normal;background:var(--orange);color:var(--navy);font-family:var(--font-head);font-weight:700;border-radius:7px;padding:4px 10px}.h4 .agr{display:grid;grid-template-columns:52px 1fr auto;gap:8px;padding:4px 0;border-top:1px solid var(--line2)}.h4 .agr b{font-family:var(--font-head);color:var(--foxdark)}.h4 .agr em{font-style:normal;color:var(--muted)}.h4 .prog{height:6px;border-radius:6px;background:#e4e8ee}.h4 .prog i{display:block;height:100%;background:var(--up);border-radius:6px}.h4 .quiz{background:#fff;border:1px solid var(--line4);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px}.h4 .quiz b{font-family:var(--font-head);font-size:14px;color:var(--ink);line-height:1.35}.h4 .quiz span{border:1px solid var(--line4);border-radius:9px;padding:7px 10px;font-weight:600}.h4 .quiz span.ok{border-color:var(--up);background:var(--upbg);color:var(--up)}.h4 .quiz p{margin:0}.h4 .certm{display:flex;align-items:center;gap:10px;background:#fffcf5;border:1px solid #E8DDC6;border-radius:12px;padding:8px 12px}.h4 .wl{display:flex;flex-direction:column;gap:6px}.h4 .wr{display:grid;grid-template-columns:1fr 90px 60px 130px;gap:8px;align-items:center;background:#fff;border:1px solid var(--line4);border-radius:10px;padding:8px 12px}.h4 .wr b{font-family:var(--font-head);color:var(--ink)}.h4 .wr em{font-style:normal}.h4 .wr i{font-style:normal;font-size:11px;color:var(--muted);text-align:right}.h4 .wr.add{border-style:dashed;background:transparent}.h4 .wr.add b{color:var(--foxdark)}.h4 .why-m{background:#fff;border-left:3px solid var(--orange);border-radius:8px;padding:10px 12px}.h4 .why-m b{font-family:var(--font-head);color:var(--ink)}.h4 .flt{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px 10px 10px;box-shadow:0 18px 40px #00000059;animation:h4float 5s ease-in-out infinite;font-size:12.5px;line-height:1.3}.h4 .flt b{display:block;font-family:var(--font-head);font-size:15px}.h4 .flt span{color:var(--muted)}@keyframes h4float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.h4 .fi{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800}.h4 .fi.up{background:var(--upbg);color:var(--up)}.h4 .fi.gd{background:#fbf1d9}.h4 .fi.fx{background:var(--orange)}.h4 .f1{left:0;top:58%}.h4 .f2{left:0;top:6%;animation-delay:1.6s}.h4 .f3{right:96px;top:-18px;animation-delay:3.2s}.h4 .mphone{position:absolute;right:20px;bottom:30px;width:170px;height:330px;background:#0b1b33;border-radius:30px;padding:8px;box-shadow:0 30px 60px #0006;animation:h4bob 5s ease-in-out infinite}.h4 .ph-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:56px;height:14px;border-radius:10px;background:#000;z-index:2}.h4 .ph-scr{position:relative;height:100%;border-radius:23px;overflow:hidden;background:linear-gradient(180deg,#1a3a6b,#0b1b33 60%);padding:34px 8px 8px}.h4 .ph-h{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-family:var(--font-head);font-weight:700;font-size:14px;margin:6px 0 14px}.h4 .ntf{display:grid;grid-template-columns:20px 1fr;gap:7px;background:#fffffff0;border-radius:13px;padding:8px;font-size:10.5px;line-height:1.3;color:var(--text);position:absolute;left:8px;right:8px;top:84px;opacity:0;transform:translateY(-14px);transition:all .45s cubic-bezier(.2,.8,.2,1)}.h4 .ntf b{display:block;font-family:var(--font-head);font-size:10.5px;color:var(--ink)}.h4 .ntf.on{opacity:1;transform:none}.h4 .ntf.prev{opacity:.5;transform:translateY(98px) scale(.94)}.h4 .ask{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;background:linear-gradient(135deg,#fff4eb,#fff 55%);border:1px solid #F3E2D3;border-radius:28px;padding:44px}.h4 .ask h2{font-size:clamp(26px,3vw,34px);font-weight:800;margin-top:6px}.h4 .ask .intro{color:var(--text);margin:12px 0 20px;font-size:16.5px}.h4 .qs{display:flex;flex-direction:column;gap:8px}.h4 .qs button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border:1px solid #EAD8C8;background:#fff;border-radius:12px;padding:11px 14px;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;min-height:44px;color:var(--ink)}.h4 .qs button:hover,.h4 .qs button[aria-pressed=true]{border-color:var(--orange);background:#fffdfb}.h4 .qs button span{color:var(--foxdark)}.h4 .chatbox{position:relative;margin-top:64px}.h4 .peekwin{position:absolute;right:48px;bottom:100%;width:112px;height:121px;overflow:hidden;pointer-events:none}.h4 .peekwin svg{display:block;transform:translateY(64px);animation:h4peek 9s ease-in-out infinite}@keyframes h4peek{0%,10%{transform:translateY(64px)}22%,58%{transform:translateY(4px)}70%,to{transform:translateY(64px)}}.h4 .paws{position:absolute;right:62px;top:-9px;display:flex;gap:42px;z-index:3;pointer-events:none}.h4 .paws i{width:24px;height:14px;border-radius:12px 12px 7px 7px;background:var(--orange);opacity:0;animation:h4paws 9s ease-in-out infinite}@keyframes h4paws{0%,12%,68%,to{opacity:0}22%,58%{opacity:1}}.h4 .chat{position:relative;z-index:2;background:#fff;border:1px solid var(--line4);border-radius:20px;box-shadow:0 24px 50px #0b1b331a;display:flex;flex-direction:column;overflow:hidden}.h4 .chat .top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line2);font-family:var(--font-head);font-weight:700;font-size:15px}.h4 .chat .top small{font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--muted);margin-left:auto}.h4 .msgs{padding:18px;display:flex;flex-direction:column;gap:12px;min-height:270px}.h4 .me{align-self:flex-end;max-width:80%;background:var(--navy);color:#fff;border-radius:16px 16px 4px;padding:10px 14px;font-size:15px;animation:h4fade .25s ease}.h4 .fox{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;max-width:92%;animation:h4fade .25s ease}.h4 .fox .bub{background:var(--paper);border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:15px;color:var(--text)}.h4 .fox .bub small{display:block;margin-top:8px;font-size:12px;color:var(--soft)}.h4 .fox .bub .rd{display:inline-block;margin-top:8px;font-weight:700;color:var(--foxdark);text-decoration:none}.h4 .fox .bub .also{display:block;margin-top:6px;font-size:13px;color:var(--muted)}.h4 .typing{display:inline-flex;gap:4px}.h4 .typing i{width:6px;height:6px;border-radius:50%;background:#b6c0ce;animation:h4bob 1s ease-in-out infinite}.h4 .typing i:nth-child(2){animation-delay:.15s}.h4 .typing i:nth-child(3){animation-delay:.3s}.h4 .chat form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line2)}.h4 .chat input{flex:1;min-width:0;border:1px solid var(--line4);border-radius:12px;padding:12px 14px;font:inherit;font-size:15.5px;background:var(--paper)}.h4 .chat .send{border:0;background:var(--orange);color:var(--navy);font-family:var(--font-head);font-weight:700;border-radius:12px;padding:0 18px;cursor:pointer;min-height:46px}.h4 .learn{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:28px;align-items:center}.h4 .path{background:#fff;border:1px solid var(--line4);border-radius:22px;padding:22px}.h4 .path svg{width:100%;height:auto;display:block}.h4 .path .blk{font-family:var(--font-head);font-weight:700;font-size:13px;fill:#5b6779}.h4 .node{cursor:pointer}.h4 .lesson{margin-top:6px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--paper);border-radius:14px;padding:12px 14px}.h4 .lesson b{font-family:var(--font-head)}.h4 .lesson span{font-size:13.5px;color:var(--muted)}.h4 .lesson .btn{min-height:40px;padding:8px 16px;font-size:14.5px}.h4 .cert-wrap{display:flex;flex-direction:column;gap:12px}.h4 .cert{position:relative;background:#fffcf5;border-radius:10px;padding:26px 26px 22px;box-shadow:0 24px 50px #0b1b3329;transform:rotate(-1.2deg);border:1px solid #E8DDC6;overflow:hidden}.h4 .cert:before{content:"";position:absolute;inset:9px;border:2px solid #C9A86A;border-radius:6px;pointer-events:none}.h4 .cert:after{content:"";position:absolute;inset:14px;border:1px solid #E2CFA4;border-radius:4px;pointer-events:none}.h4 .cert .ct{position:relative;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.h4 .cert .ct small{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#8a6a2e;font-weight:700}.h4 .cert .ct h3{font-size:22px}.h4 .cert .ct .nm{font-family:var(--font-head);font-size:21px;color:var(--navy);border-bottom:1px solid #C9A86A;padding:2px 24px;margin:4px 0}.h4 .cert .ct p{margin:0;font-size:12.5px;color:#5b4a2a}.h4 .cert .cf{position:relative;display:flex;justify-content:space-between;align-items:end;margin-top:14px;font-size:11px;color:#8a6a2e;line-height:1.4}.h4 .certsoon{margin:6px 0 0;font-size:13.5px;color:var(--foxdark);text-align:center}.h4 .tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.h4 .panel{background:#fff;border:1px solid var(--line4);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}.h4 .panel h3{font-size:21px}.h4 .panel p{margin:0;color:var(--text);font-size:15px}.h4 .calc{grid-column:span 2;grid-row:span 2}.h4 .calc .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:end}.h4 .calc label{display:flex;justify-content:space-between;font-size:14px;color:var(--text);font-weight:600}.h4 .calc label b{font-family:var(--font-head);color:var(--ink)}.h4 .calc input[type=range]{width:100%;height:28px;margin:0 0 6px}.h4 .growth{display:flex;align-items:end;gap:4px;height:150px}.h4 .growth div{flex:1;display:flex;flex-direction:column;justify-content:end;height:100%}.h4 .growth i{display:block;width:100%}.h4 .res{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;background:var(--paper);border-radius:14px;padding:14px 16px}.h4 .res .big{font-family:var(--font-head);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.h4 .res .df{font-family:var(--font-head);font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.h4 .tool{background:#fff;border:1px solid var(--line4);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}.h4 .tool:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0b1b3314}.h4 .tool .ic{width:40px;height:40px;border-radius:12px;background:var(--foxsoft);display:flex;align-items:center;justify-content:center}.h4 .tool h3{font-size:17px}.h4 .tool p{margin:0;font-size:14px;color:var(--text)}.h4 .tool .ex{margin-top:auto;font-size:13px;color:var(--muted);background:var(--paper);border-radius:10px;padding:8px 10px}.h4 .tool .ex b{color:var(--ink);font-family:var(--font-head)}.h4 .tool .mem{font-size:12px;font-weight:700;color:var(--foxdark)}.h4 .play{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:stretch}.h4 .crises,.h4 .modes{display:flex;gap:8px;flex-wrap:wrap}.h4 .crises span{background:var(--navy);color:#fff;border-radius:10px;padding:8px 12px;font-family:var(--font-head);font-weight:600;font-size:14px}.h4 .modes span{background:var(--paper);border-radius:99px;padding:7px 12px;font-size:13.5px;font-weight:600}.h4 .modes .soonp{background:var(--foxsoft);color:var(--foxdark)}.h4 .mix{display:flex;gap:6px;flex-wrap:wrap}.h4 .mix button{border:1px solid #CBD3DF;background:#fff;border-radius:99px;padding:8px 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;min-height:42px}.h4 .mix button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.h4 .alloc{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--paper)}.h4 .alloc i{display:block;transition:width .4s ease}.h4 .legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.h4 .legend span{display:flex;gap:6px;align-items:center}.h4 .legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.h4 .pf{background:var(--paper);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.h4 .pfh{display:flex;align-items:baseline;gap:10px}.h4 .pfh span{font-size:12.5px;color:var(--muted);flex:1}.h4 .pfh b{font-family:var(--font-head);font-size:22px}.h4 .pf svg{width:100%;height:60px;display:block}.h4 .pfb{display:flex;height:10px;border-radius:99px;overflow:hidden}.h4 .pfb i{display:block}.h4 .pfl{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.h4 .pfl span{display:flex;gap:5px;align-items:center}.h4 .pfl i{width:9px;height:9px;border-radius:3px;display:inline-block}.h4 .red{background:var(--navy);color:#fff;border-radius:24px;padding:34px;position:relative;overflow:hidden}.h4 .red h2{color:#fff;font-size:clamp(24px,2.6vw,30px);font-weight:800;margin-top:8px}.h4 .red .sub{color:#c9d3e3;margin:8px 0 0;max-width:620px}.h4 .stations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}.h4 .st{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.h4 .st .av{width:112px;height:112px;border-radius:28px;display:flex;align-items:center;justify-content:center;animation:h4bob 3s ease-in-out infinite}.h4 .st:nth-child(2) .av{animation-delay:.6s}.h4 .st:nth-child(3) .av{animation-delay:1.2s}.h4 .st:nth-child(4) .av{animation-delay:1.8s}.h4 .st b{font-family:var(--font-head);font-size:16px}.h4 .st span{font-size:13px;color:#9aa8be;max-width:170px}.h4 .belt{position:relative;height:52px;margin-top:20px}.h4 .belt:before{content:"";position:absolute;left:4%;right:4%;top:24px;height:4px;border-radius:9px;background:repeating-linear-gradient(90deg,#23406B 0 18px,transparent 18px 28px)}.h4 .card-m{position:absolute;left:2%;top:6px;height:40px;border-radius:9px;background:#fff;color:var(--navy);display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:700;white-space:nowrap;opacity:0}.h4 .card-m i{width:8px;height:8px;border-radius:50%}.h4 .c1{animation:h4ride 13s linear infinite}.h4 .c2{animation:h4ride 13s linear 4.3s infinite}.h4 .c3{animation:h4back 13s ease-in-out 8.6s infinite}@keyframes h4ride{0%{left:2%;opacity:0}5%{opacity:1}92%{opacity:1}to{left:70%;opacity:0}}@keyframes h4back{0%{left:2%;opacity:0;background:#fff}5%{opacity:1}42%{left:44%;background:#fff}50%{left:44%;background:#fcebeb}68%{left:22%;background:#fcebeb;opacity:1}76%,to{left:22%;opacity:0}}.h4 .redf{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:#9aa8be}.h4 .redf .link{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid var(--orange)}.h4 .mail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px;align-items:center;background:#fff;border:1px solid var(--line4);border-radius:24px;padding:34px 38px}.h4 .mail h2{font-size:clamp(24px,2.6vw,30px);font-weight:800;margin-top:6px}.h4 .mail p{color:var(--text)}.h4 .letter{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0b1b3324;overflow:hidden;transform:rotate(1.2deg);border:1px solid var(--line4)}.h4 .letter .lh{background:var(--navy);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px}.h4 .letter .lh b{font-family:var(--font-head);font-size:14px}.h4 .letter .lb{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.h4 .letter .lb h4{margin:0;font-size:17px}.h4 .letter .it{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;font-size:13.5px;line-height:1.4}.h4 .letter .it i{font-style:normal;font-family:var(--font-head);font-weight:800;color:var(--orange)}.h4 .letter .term{background:var(--paper);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}@media(max-width:980px){.h4 .front{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;height:auto}.h4 .lead2{grid-column:1/-1;grid-row:auto;height:420px}.h4 .side{height:260px}.h4 .front[data-n="2"] .side{grid-row:auto;grid-column:1/-1}.h4 .news4{grid-template-columns:repeat(2,minmax(0,1fr))}.h4 .show{padding:30px 24px 0}.h4 .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.h4 .show-r{padding:0 120px 0 30px}.h4 .f1{left:-6px}.h4 .ask,.h4 .learn,.h4 .play,.h4 .mail{grid-template-columns:minmax(0,1fr)}.h4 .tools{grid-template-columns:repeat(2,minmax(0,1fr))}.h4 .calc{grid-column:1/-1;grid-row:auto}.h4 .stations{grid-template-columns:repeat(3,minmax(0,1fr))}.h4 .belt{display:none}}@media(max-width:560px){.h4.sec{padding-top:44px}.h4 .front{grid-template-columns:minmax(0,1fr)}.h4 .lead2{height:400px}.h4 .lead2 p{font-size:15px}.h4 .side{height:220px}.h4 .news4{gap:10px}.h4 .art .in{padding:10px 12px 12px}.h4 .art h3{font-size:14px}.h4 .cat{font-size:10px}.h4 .top-t h1{font-size:21px}.h4 .show{padding:24px 16px 0}.h4 .show-cta .btn{width:100%}.h4 .tabs{gap:6px;margin:18px 0}.h4 .tab{padding:10px 10px 13px}.h4 .tab .td{display:none}.h4 .tab .tb{font-size:14px}.h4 .show-r{padding:0;margin-bottom:-30px}.h4 .mphone,.h4 .f2,.h4 .f3{display:none}.h4 .f1{inset:auto 8px 40px auto;padding:6px 10px 6px 6px}.h4 .ask{padding:24px 18px}.h4 .peekwin{right:24px}.h4 .paws{right:38px}.h4 .tools,.h4 .calc .cols{grid-template-columns:minmax(0,1fr)}.h4 .stations{grid-template-columns:repeat(2,minmax(0,1fr))}.h4 .red,.h4 .mail{padding:22px}.h4 .cert{padding:20px}}@media(prefers-reduced-motion:reduce){.h4 .card-m{opacity:1}.h4 .peekwin svg{transform:translateY(30px)}}