@layer theme,base;@layer components{.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.d1{animation-delay:80ms}.d2{animation-delay:.18s}.d3{animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry cover 20%}}.marker{background:linear-gradient(#c8f560,#c8f560) 0 90%/0% 44% no-repeat;padding:0 .06em;animation:.9s cubic-bezier(.2,.7,.2,1) .5s forwards marker}@keyframes marker{to{background-size:100% 44%}}.glow{pointer-events:none;filter:blur(10px);background:radial-gradient(circle,#046af32e 0%,#7aaeff1a 36%,#046af300 66%);border-radius:999px;animation:6s ease-in-out infinite glow;position:absolute}@keyframes glow{0%,to{opacity:.7;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}.htile{box-sizing:border-box;color:#07074d;background:#fff;border:1px solid #dfe3ee;border-radius:20px;flex-direction:column;justify-content:space-between;gap:12px;min-height:200px;padding:24px;text-decoration:none;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s,border-color .3s;display:flex}.htile:hover{color:#07074d;border-color:#0000;transform:translateY(-4px);box-shadow:0 20px 48px #07074d1f}.jump{color:#07074d;min-height:40px;font:600 14px/20px var(--font-sans);white-space:nowrap;background:#fff;border:1px solid #dfe3ee;border-radius:999px;align-items:center;padding:8px 16px;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.jump:hover{color:#07074d;background:#e6f0ff;border-color:#046af3}.cat-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.cat-side{position:sticky;top:160px}.row{color:#07074d;border-top:1px solid #dfe3ee;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 40px;align-items:center;gap:24px;padding:24px 16px;text-decoration:none;transition:background-color .35s;display:grid}.row:last-child{border-bottom:1px solid #dfe3ee}.row:hover{color:#07074d;background:#f7faff}.row-name{font:600 20px/28px var(--font-display);letter-spacing:-.01em;transition:color .3s}.row:hover .row-name{color:#0457c8}.row-desc{color:#4a4f6e;font-size:16px;line-height:25px}.row-arrow{box-sizing:border-box;color:#07074d;border:1px solid #dfe3ee;border-radius:999px;place-items:center;width:40px;height:40px;transition:background-color .3s,border-color .3s,color .3s,transform .4s cubic-bezier(.22,.61,.36,1);display:grid}.row:hover .row-arrow{color:#fff;background:#046af3;border-color:#046af3;transform:rotate(-45deg)}.meta{color:#0457c8;font:600 13px/18px var(--font-sans);background:#e6f0ff;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.orbit{transform-box:view-box;transform-origin:100px 100px;animation:10s linear infinite orbit}@keyframes orbit{to{transform:rotate(360deg)}}.float{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.flowstep{animation:3s ease-in-out infinite flowstep}@keyframes flowstep{0%,to{opacity:.55}25%{opacity:1}}.needle{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite needle}@keyframes needle{0%,to{transform:rotate(-16deg)}50%{transform:rotate(20deg)}}.lay-b,.lay-f{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.htile:hover .lay-b{transform:translate(10px,-10px)}.htile:hover .lay-f{transform:translate(-10px,10px)}.eng{background:#fff;border:1px solid #dfe3ee;border-radius:20px;flex-direction:column;gap:16px;padding:32px;transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s;display:flex}.eng:hover{transform:translateY(-4px);box-shadow:0 20px 48px #07074d1a}.sweep{pointer-events:none;filter:blur(24px);background:radial-gradient(#ffffff29 0%,#a0cdff14 40%,#fff0 70%);border-radius:50%;animation:16s ease-in-out infinite alternate sweep;position:absolute;transform:rotate(28deg)}@keyframes sweep{0%{transform:translate(-80px)rotate(28deg)}to{transform:translate(120px)rotate(22deg)}}.cta{background:#f4f6fb;padding:clamp(64px,8vw,104px) 0;scroll-margin-top:140px}.cta-box{color:#fff;text-align:center;background-color:#07074d;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:28px 28px;border-radius:28px;flex-direction:column;align-items:center;gap:24px;padding:clamp(40px,7vw,96px) clamp(24px,6vw,80px);display:flex;position:relative;overflow:hidden}.cta-box h2{max-width:820px;font:600 clamp(32px,3.8vw,52px)/1.1 var(--font-display);letter-spacing:-.025em;color:#fff;margin:0}.cta-box p{color:#ffffffd9;max-width:600px;margin:0;font-size:18px;line-height:29px}.cta-box .mail{color:#fff;font:600 16px/24px var(--font-sans);text-underline-offset:4px}@media (width<=900px){.cat-grid{grid-template-columns:1fr}.cat-side{position:static}}@media (width<=680px){.row{grid-template-columns:minmax(0,1fr) 40px;gap:8px 16px}.row-desc{grid-area:2/1}.row-arrow{grid-area:1/2/3}}@media (prefers-reduced-motion:reduce){.rise,.reveal,.glow,.orbit,.float,.flowstep,.needle,.sweep{opacity:1;animation:none!important}.marker{background-size:100% 44%;animation:none}}.svc-jumpbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0}.svc-band{background-color:#0546d6;background-image:linear-gradient(118deg,#07074d 0%,#0a2fa8 30%,#0457e0 62%,#046af3 100%)}}@layer utilities;
