@charset "UTF-8";.hero{position:relative;overflow:hidden;padding-block:clamp(44px,6vw,88px) clamp(44px,5.6vw,84px)}
.hero-floor{position:absolute;right:-20%;top:-34%;width:min(860px,72vw);aspect-ratio:1;border-radius:50%;pointer-events:none;border:1px solid rgba(30,79,224,.07)}
.hero-floor::before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(30,79,224,.055)}
.hero-floor::after{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.05),transparent 72%)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(28px,4vw,60px);align-items:center}
.badge{display:inline-flex;align-items:center;gap:9px;padding:6px 13px 6px 11px;border-radius:999px;border:1px solid #d7e2fb;background:var(--blue-soft);font-size:12.5px;color:#20407f;letter-spacing:.01em}
.dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(255,106,0,.45);animation:dotPulse 2.2s infinite}
@keyframes dotPulse{0%{box-shadow:0 0 0 0 rgba(255,106,0,.4)}
70%{box-shadow:0 0 0 9px rgba(255,106,0,0)}
100%{box-shadow:0 0 0 0 rgba(255,106,0,0)}
}
.hero .title{margin-top:clamp(16px,2.2vw,26px);font-size:clamp(2.15rem, 4.8vw, 3.8rem);line-height:1.14;letter-spacing:-.032em;font-weight:800;color:var(--ink)}
.hero .title .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero .title .ln>span{display:block}
.hero p.lead{margin-top:clamp(16px,2vw,22px);max-width:46ch;font-size:16px;line-height:1.8;color:var(--ink-2)}
.hero p.lead b{color:var(--ink);font-weight:600}
.hero-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,2.8vw,32px)}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(28px,3.6vw,46px);padding-top:20px;border-top:1px solid var(--line)}
.hst b{display:block;font-size:clamp(19px, 2.1vw, 24px);font-weight:800;letter-spacing:-.02em;line-height:1.25;font-variant-numeric:tabular-nums;color:var(--ink)}
.hst span{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-3);line-height:1.5}
.orbit{position:relative;width:min(100%,430px);aspect-ratio:1;margin-inline:auto;isolation:isolate}
.orbit::before{content:"";position:absolute;inset:10%;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(30,79,224,.13) 0,rgba(30,79,224,.03) 48%,transparent 72%)}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(30,79,224,.16)}
.r1{inset:6%;border-style:dashed;border-color:rgba(255,106,0,.34);animation:spin 46s linear infinite}
.r2{inset:19%;border-color:rgba(30,79,224,.2);animation:spin 34s linear infinite reverse}
.r3{inset:31%;border-color:rgba(30,79,224,.26)}
.ring::after{content:"";position:absolute;top:-3.5px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(30,79,224,.12)}
.r2::after{background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,0,.14)}
@keyframes spin{to{transform:rotate(360deg)}
}
.core{position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:50%;border:1px solid rgba(30,79,224,.22);background:radial-gradient(circle at 50% 18%,#fff 0,#f2f6ff 62%,#e8effe 100%);box-shadow:0 22px 44px -26px rgba(11,23,48,.42),0 0 0 10px rgba(30,79,224,.045)}
.core svg{width:34%;height:auto}
.core b{font-size:clamp(10px, 1.1vw, 12px);font-weight:700;color:#1b3768;letter-spacing:.12em}
.core i{font-style:normal;font-size:clamp(8px, .9vw, 10px);color:var(--ink-3);letter-spacing:.16em}
.chip{position:absolute;left:50%;top:50%;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;white-space:nowrap;font-size:13px;font-weight:600;color:var(--ink);border:1px solid var(--line-2);background:#fff;box-shadow:0 12px 26px -18px rgba(11,23,48,.5);transform:translate(-50%,-50%) rotate(var(--a)) translate(0,calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));animation:chipFloat 5.5s ease-in-out infinite}
.chip:nth-child(odd) svg{color:var(--orange)}
.chip i{font-size:16px;font-weight:400}
.chip.c1{--a:0deg;--r:clamp(104px, 16vw, 188px);animation-delay:0s}
.chip.c1 i{color:var(--orange)}
.chip.c2 i{color:var(--cyan)}
.chip.c3 i{color:var(--blue)}
.chip.c4 i{color:var(--blue-2)}
.chip.c5 i{color:var(--orange-2)}
.chip.c2{--a:72deg;--r:clamp(104px, 16vw, 168px);animation-delay:.5s}
.chip.c3{--a:144deg;--r:clamp(104px, 16vw, 168px);animation-delay:1s}
.chip.c4{--a:216deg;--r:clamp(104px, 16vw, 168px);animation-delay:1.5s}
.chip.c5{--a:288deg;--r:clamp(104px, 16vw, 168px);animation-delay:2s}
.tag-live{position:absolute;right:-2%;top:2%;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid #ffd9bc;background:#fff;font-size:11.5px;color:#8a3a00;box-shadow:0 14px 30px -22px rgba(255,106,0,.9)}
.tag-live b{color:var(--orange);font-weight:700}
.trust{position:relative;border-block:1px solid var(--line);background:#fff}
.trust-in{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(14px,2.4vw,30px);padding-block:clamp(18px,2.2vw,26px)}
.trust-tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.14em;color:var(--ink-3);white-space:nowrap}
.trust-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.trust-data{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(16px,3.2vw,42px)}
.trust-i{display:flex;align-items:baseline;gap:8px}
.trust-i b{font-size:clamp(1.05rem, 1.9vw, 1.32rem);font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.2}
.trust-i em{font-style:normal;font-size:.74em;font-weight:700;color:var(--blue);margin-left:1px}
.trust-i span{font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.trust-note{margin-left:auto;max-width:36em;text-align:right;font-size:12px;line-height:1.65;color:var(--ink-3)}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.pcard{position:relative;border-radius:var(--r);border:1px solid var(--line);background:var(--card);transition:transform .35s cubic-bezier(.19, .9, .24, 1),box-shadow .35s ease,border-color .35s ease;overflow:hidden}
.pcard:hover{transform:translateY(-6px);border-color:#bfd2f8;box-shadow:0 26px 44px -28px rgba(11,23,48,.4),0 2px 0 0 rgba(255,106,0,0)}
.pcard::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange));transform:scaleX(0);transform-origin:0 50%;transition:transform .4s ease}
.pcard:hover::after{transform:scaleX(1)}
.pcard-link{display:block;padding:12px 12px 20px}
.pcard-body{padding:16px 8px 0}
.pcard-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ptype{font-size:11.5px;letter-spacing:.03em;color:#0a6e8e;border:1px solid #cbe7f1;background:#effaff;padding:2px 8px;border-radius:6px}
.pyear{font-size:11.5px;color:var(--ink-3);font-family:var(--sans)}
.pcard h3{margin-top:10px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.pcard p{margin-top:5px;font-size:13.5px;line-height:1.65;color:var(--ink-2)}
.pcard-more{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;color:var(--ink-3);transition:color .2s,gap .2s}
.pcard:hover .pcard-more{color:var(--orange);gap:10px}
.pcard-more svg{width:13px;height:13px}
.shot{position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(122,158,255,.16);background-color:#f5f4f4}
.res-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(16px,2.4vw,26px)}
.res-col{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:clamp(16px,2vw,22px);box-shadow:0 22px 46px -46px rgba(11,23,48,.5)}
.res-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.res-head h3{font-size:15px;font-weight:600;letter-spacing:2px;color:var(--ink-2)}
.res-head a{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--blue);transition:color .2s ease}
.res-head a:hover{color:var(--orange)}
.res-list li+li{border-top:1px solid #edf2fb}
.res-list a{display:block;padding:11px 2px;transition:background .2s ease}
.res-list p{display:block;font-size:14px;line-height:1.5;color:var(--ink);transition:color .2s ease}
.res-list a:hover p{color:var(--blue)}
.res-meta{display:inline-flex;align-items:center;gap:8px;margin-top:5px;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.res-meta em{font-style:normal;font-size:12px;color:var(--ink-2);border:1px solid #dce7fd;border-radius:4px;padding:2px 6px}
.sec-links{background:var(--panel);padding:20px;color:var(--ink-2)}
.sec-links a{transition:color .2s ease;margin-right:10px}
.sec-links a:hover{color:var(--orange)}
@media (max-width:1000px){.hero-in{grid-template-columns:1fr;gap:34px}
.orbit{max-width:400px}
.hero-floor{right:-30%;top:-8%;opacity:.7}
.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.res-grid{grid-template-columns:1fr}
.fgrid{grid-template-columns:repeat(3,.8fr)}
.fbrand-col{grid-column:1/-1}
}
@media (max-width:760px){.pgrid{grid-template-columns:1fr}
.sech-row{flex-direction:column;align-items:flex-start}
.trust-in{gap:10px 20px}
.trust-note{margin-left:0;text-align:left;max-width:none}
}
@media (max-width:560px){.hero .title{font-size:clamp(1.95rem, 8.6vw, 2.6rem)}
.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.chip{--r:clamp(96px, 30vw, 124px)!important;font-size:11.5px;padding:6px 10px;gap:5px}
.chip svg{width:12px;height:12px}
.core b{font-size:9px;letter-spacing:.08em}
.core i{display:none}
.tag-live{right:0;top:-2%;font-size:10.5px;padding:6px 9px}
.trust-in{gap:9px;padding-block:15px}
.trust-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%}
.trust-i{flex-direction:column;align-items:flex-start;gap:1px}
.trust-i b{font-size:1.02rem}
.trust-i span{font-size:11px;white-space:normal}
.trust-note{font-size:12px;line-height:1.6}
.res-head a{font-size:11.5px}
}
.hero .badge{animation-delay:.06s}
.hero .title .ln:first-child>span{animation-delay:.16s}
.hero .title .ln:nth-child(2)>span{animation-delay:.28s}
.hero p.lead{animation-delay:.42s}
.hero-act{animation-delay:.52s}
.hero-stats{animation-delay:.62s}
.hero .orbit{animation-delay:.3s}
