.cmp-hero{--accent:#089ed7;color:#fff;isolation:isolate;background:#121317;padding:clamp(145px,7vw + 70px,170px) 0 clamp(40px,5vw,72px);position:relative;overflow:hidden}.cmp-hero__glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 34%, transparent), transparent 70%);filter:blur(10px);opacity:.75;height:120%;animation:9s ease-in-out infinite alternate cmp-glow;position:absolute;inset:-20% -10% auto 35%}.cmp-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid;position:relative}.cmp-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.1rem;font-size:.82rem;font-weight:600;display:inline-flex}.cmp-hero__eyebrow a:hover{color:#fff}.cmp-hero__badge{background:color-mix(in srgb, var(--accent) 22%, transparent);width:2.4rem;height:2.4rem;color:color-mix(in srgb, var(--accent) 70%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:12px;place-items:center;display:grid}.cmp-hero__badge .icon{width:1.2rem;height:1.2rem}.cmp-hero__count{font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#ffffff14;border-radius:999px;padding:.2rem .6rem}.cmp-hero__title{letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.1rem;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.06}.cmp-hero__lead{color:#ffffffc2;max-width:560px;font-size:clamp(1rem,1.3vw,1.15rem)}.cmp-hero__points{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.cmp-hero__points li{background:#ffffff12;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.86rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.cmp-hero__points .icon{width:.95rem;height:.95rem;color:color-mix(in srgb, var(--accent) 65%, #fff)}.cmp-hero .btn-row{margin-top:1.8rem}.cmp-word{opacity:0;transform-origin:50% 100%;animation:cmp-word .9s var(--ease) var(--d,0s) forwards;display:inline-block}.cmp-in{opacity:0;animation:cmp-in .8s var(--ease) var(--d,0s) forwards}.cmp-stage{box-shadow:inset 0 0 0 1px #ffffff17, 0 40px 90px -40px color-mix(in srgb, var(--accent) 60%, #000);opacity:0;animation:cmp-stage-in 1s var(--ease) .15s forwards;background:linear-gradient(160deg,#ffffff0f,#ffffff04);border-radius:28px;margin:0;padding:clamp(10px,1.4vw,18px);position:relative;transform:translateY(24px)scale(.97)}.cmp-stage__corner{border:2px solid color-mix(in srgb, var(--accent) 70%, #fff);opacity:.8;width:22px;height:22px;animation:3.2s ease-in-out infinite cmp-corner;position:absolute}.cmp-stage__corner--tl{border-bottom:0;border-right:0;border-radius:12px 0 0;top:-1px;left:-1px}.cmp-stage__corner--tr{border-bottom:0;border-left:0;border-radius:0 12px 0 0;top:-1px;right:-1px}.cmp-stage__corner--bl{border-top:0;border-right:0;border-radius:0 0 0 12px;bottom:-1px;left:-1px}.cmp-stage__corner--br{border-top:0;border-left:0;border-radius:0 0 12px;bottom:-1px;right:-1px}.cmp-stage__scanline{z-index:2;pointer-events:none;border-radius:20px;position:absolute;inset:18px;overflow:hidden}.cmp-stage__scanline:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 16%, transparent));border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);height:30%;animation:cmp-scan 1.6s var(--ease) .6s 1 both;position:absolute;inset:0 0 auto;transform:translateY(-110%)}.cmp-stage__live{z-index:3;letter-spacing:.12em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:26px;right:28px}.cmp-stage__live i{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite cmp-live}.cmp-rail{z-index:2;background:#121317;border-top:1px solid #ffffff14;margin-top:-1px;position:relative}.cmp-rail__list{scrollbar-width:none;scroll-snap-type:x proximity;gap:.4rem;margin:0;padding:.8rem 0;list-style:none;display:flex;overflow-x:auto}.cmp-rail__list::-webkit-scrollbar{display:none}.cmp-rail__list li{scroll-snap-align:center;flex:none}.cmp-rail__list a{color:#ffffffad;white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.84rem;font-weight:600;transition:background .3s,color .3s;display:inline-flex}.cmp-rail__list a:hover{color:#fff;background:#ffffff12}.cmp-rail__list a[aria-current=page]{color:#fff;background:color-mix(in srgb, var(--accent,#089ed7) 28%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent,#089ed7) 55%, transparent)}.cmp-rail__list .icon{width:1rem;height:1rem}.cmp-rail__num{opacity:.6;font-variant-numeric:tabular-nums;font-size:.72rem}.cmp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cmp-card{border:1px solid var(--line);background:var(--surface);min-height:150px;transition:transform .5s var(--ease), box-shadow .5s;border-radius:22px;align-content:start;gap:.8rem;padding:1.4rem;display:grid;position:relative;overflow:hidden}.cmp-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.cmp-card__num{color:var(--line-strong);font-size:2.6rem;font-weight:700;line-height:1;position:absolute;top:.8rem;right:1.1rem}.cmp-card__icon{color:#fff;background:var(--grad-diag);border-radius:14px;place-items:center;width:2.6rem;height:2.6rem;display:grid}.cmp-card__icon .icon{width:1.2rem;height:1.2rem}.cmp-card strong{font-size:1.05rem;line-height:1.3}.cmp-card--service{background:var(--ink);color:var(--on-ink);border-color:#0000}.cmp-card__link{color:var(--cyan);align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.cmp-card__link .icon{transition:transform .3s var(--ease)}.cmp-card__link:hover .icon{transform:translate(4px)}.cmp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.cmp-tile{border:1px solid var(--line);background:var(--surface);height:100%;transition:transform .5s var(--ease), box-shadow .5s, border-color .3s;border-radius:20px;align-content:start;gap:.6rem;padding:1.3rem 1.3rem 3rem;display:grid;position:relative}.cmp-tile:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--cyan) 45%, transparent);transform:translateY(-5px)}.cmp-tile__icon{background:var(--grad-soft);width:2.4rem;height:2.4rem;color:var(--cyan);transition:transform .5s var(--ease);border-radius:12px;place-items:center;display:grid}.cmp-tile:hover .cmp-tile__icon{transform:rotate(-8deg)scale(1.08)}.cmp-tile__icon .icon{width:1.15rem;height:1.15rem}.cmp-tile strong{font-size:1rem;line-height:1.3}.cmp-tile__text{color:var(--muted);font-size:.88rem}.cmp-tile__go{background:var(--surface-2);width:1.8rem;height:1.8rem;transition:background .3s, color .3s, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1rem;left:1.3rem}.cmp-tile:hover .cmp-tile__go{background:var(--cyan);color:#fff;transform:translate(4px)}.cmp-tile__go .icon{width:.9rem;height:.9rem}@media (width<=960px){.cmp-hero__inner{grid-template-columns:1fr}.cmp-stage{max-width:640px}}@media (width<=560px){.cmp-cards{grid-template-columns:1fr}}@keyframes cmp-word{0%{opacity:0;filter:blur(6px);transform:translateY(.6em)rotateX(-70deg)}to{opacity:1;filter:none;transform:none}}@keyframes cmp-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cmp-stage-in{to{opacity:1;transform:none}}@keyframes cmp-glow{to{opacity:.55;transform:translate(-6%,8%)scale(1.1)}}@keyframes cmp-corner{50%{opacity:.35}}@keyframes cmp-scan{to{transform:translateY(380%)}}@keyframes cmp-live{50%{opacity:.25}}.scene{--sc-accent:var(--accent,#089ed7);--sc-cyan:#089ed7;--sc-magenta:#ec008c;--sc-green:#22c55e;--sc-amber:#fbaa32;--sc-red:#ef4444;--sc-violet:#8b5cf6;--sc-ink:#0d1118;--sc-panel:#161c26;--sc-panel-2:#1f2735;--sc-line:#ffffff1f;--sc-text:#e8edf5;--sc-muted:#8a94a6;aspect-ratio:4/3;background:radial-gradient(120% 90% at 50% 0%, #1a2230 0%, var(--sc-ink) 70%);border-radius:20px;width:100%;display:block;position:relative;overflow:hidden}.scene>svg{width:100%;height:100%;display:block;overflow:visible}.scene svg *{transform-box:fill-box}.scene text{font-family:var(--font)}.scene.is-paused,.scene.is-paused *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.cmp-in,.cmp-word,.cmp-stage{opacity:1;animation:none;transform:none}.cmp-hero__glow,.cmp-stage__corner,.cmp-stage__scanline:after,.cmp-stage__live i{animation:none}.scene *,.scene :before,.scene :after{animation-play-state:paused!important}}
