:root{color-scheme:light;--brand: #0a59f7;--brand-soft: #2171ff;--brand-deep: #0846c5;--ink: #0b1220;--ink-soft: #4b5563;--ink-mute: #6b7280;--line: rgba(15, 23, 42, .08);--panel: rgba(255, 255, 255, .72);--panel-strong: rgba(255, 255, 255, .86);--shadow-sm: 0 10px 24px rgba(15, 23, 42, .06);--shadow: 0 30px 80px rgba(15, 23, 42, .12);--shadow-lg: 0 40px 110px rgba(10, 89, 247, .18);--radius-xl: 32px;--radius-lg: 26px;--radius-md: 20px;--radius-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}*::selection{background:#0a59f738;color:var(--brand-deep)}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 8%,rgba(10,89,247,.18),transparent 36%),radial-gradient(circle at 88% 0%,rgba(33,113,255,.14),transparent 32%),radial-gradient(circle at 50% 120%,rgba(10,89,247,.12),transparent 40%),linear-gradient(180deg,#f6faff,#ecf3ff 52%,#f5f9ff);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 86%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 86%)}a{color:inherit;text-decoration:none}button{font:inherit;border:0;cursor:pointer}code{font-family:SF Mono,SFMono-Regular,ui-monospace,Cascadia Code,Roboto Mono,monospace}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}#root,.app-shell{min-height:100vh}.app-shell{position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.55);background:#ffffffa3;backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);box-shadow:0 1px #0f172a0a}.brand{display:flex;align-items:center;gap:14px}.brand-mark,.status-icon,.step-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:20px;background:linear-gradient(180deg,#fffffff5,#ddeaffe0);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #0a59f714,0 12px 28px #0a59f724;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.brand:hover .brand-mark,.step-card:hover .step-icon{transform:translateY(-2px) rotate(-3deg);box-shadow:inset 0 1px #fffffff2,0 18px 36px #0a59f738}.brand-mark{width:46px;height:46px}.status-icon,.step-icon{width:54px;height:54px}.brand-mark svg,.status-icon svg,.step-icon svg{width:32px;height:32px}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:1rem;font-weight:700;letter-spacing:-.01em}.brand-copy span{color:var(--ink-soft);font-size:.9rem}.page-main{display:flex;flex-direction:column;gap:28px;padding:28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px}.hero-panel,.status-panel,.step-card,.reason-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);animation:float-up .75s var(--ease) both;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease)}.hero-panel,.status-panel{padding:clamp(26px,4vw,46px)}.hero-panel{background:radial-gradient(circle at 92% -10%,rgba(10,89,247,.16),transparent 45%),radial-gradient(circle at -10% 110%,rgba(33,113,255,.12),transparent 50%),var(--panel)}.hero-panel:after,.status-panel:after,.step-card:after,.reason-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 38%)}.step-card:hover,.reason-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#0a59f72e}.hero-meta{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.section-kicker{display:inline-flex;align-items:center;gap:8px}.environment-badge,.section-kicker{height:34px;padding:0 14px;border-radius:var(--radius-pill);background:#0a59f71a;color:var(--brand);font-size:.92rem;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 0 0 1px #0a59f724}.signal-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--brand)}.signal-dot:before,.signal-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0a59f773;animation:pulse-ring 2.2s ease-out infinite}.signal-dot:after{animation-delay:1.1s}.hero-meta-text{color:var(--ink-soft);font-size:.96rem}.hero-panel h1{margin:22px 0 18px;max-width:22ch;font-size:clamp(1.9rem,4.2vw,3.6rem);line-height:1.14;letter-spacing:-.035em;font-weight:700;word-break:break-word;background:linear-gradient(135deg,#0b1220 0%,#1a3a8a 60%,var(--brand) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:46rem;margin:0;color:var(--ink-soft);font-size:1.06rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.capsule-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:var(--radius-pill);font-weight:600;letter-spacing:.01em;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);will-change:transform}.capsule-button:hover{transform:translateY(-2px)}.capsule-button:active{transform:translateY(0)}.capsule-button-primary{background:linear-gradient(180deg,var(--brand-soft) 0%,var(--brand) 100%);color:#fff;box-shadow:inset 0 1px #ffffff59,0 18px 34px #0a59f747}.capsule-button-primary:hover{box-shadow:inset 0 1px #fff6,0 26px 44px #0a59f757}.capsule-button-secondary{background:#ffffffd1;color:var(--ink);box-shadow:inset 0 0 0 1px #0f172a14}.capsule-button-secondary:hover{background:#fff;box-shadow:inset 0 0 0 1px #0a59f73d,0 12px 24px #0f172a14}.tip-stack{margin-top:28px;display:grid;gap:12px}.tip-row{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-radius:20px;background:#ffffffbd;box-shadow:inset 0 0 0 1px #0f172a0d;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}.tip-row:hover{transform:translate(3px);background:#fffffff0;box-shadow:inset 0 0 0 1px #0a59f72e,0 12px 26px #0f172a14}.tip-row p{margin:0;color:var(--ink-soft);line-height:1.68;font-size:.98rem}.tip-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;margin-top:1px;border-radius:10px;background:linear-gradient(180deg,#0a59f724,#0a59f70f);color:var(--brand);box-shadow:inset 0 0 0 1px #0a59f72e}.tip-icon svg{width:16px;height:16px}.status-header{display:flex;align-items:flex-start;gap:16px}.status-header-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.status-header-copy h2{font-size:1.45rem}.status-header h2,.section-heading h2,.reason-card h3,.step-card h3{margin:0;letter-spacing:-.02em;line-height:1.3}.status-header p,.section-heading p,.reason-card p,.step-card p{margin:8px 0 0;color:var(--ink-soft);line-height:1.7}.detection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.detection-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:22px;background:#ffffffc7;box-shadow:inset 0 0 0 1px #0f172a0d;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}.detection-item:hover{transform:translateY(-1px);background:#fffffff0}.detection-item-main{display:flex;flex-direction:column;gap:4px;min-width:0}.detection-item span{color:var(--ink-soft);font-size:.9rem}.detection-item strong{font-size:.98rem;letter-spacing:-.005em}.detection-indicator{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#0f172a0f;color:var(--ink-mute);transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}.detection-indicator svg{width:16px;height:16px}.detection-item.is-active{background:linear-gradient(180deg,#0a59f71a,#0a59f70a);box-shadow:inset 0 0 0 1px #0a59f733}.detection-item.is-active .detection-indicator{background:var(--brand);color:#fff;transform:scale(1.05);box-shadow:0 6px 14px #0a59f74d}.detection-item.is-active strong{color:var(--brand-deep)}.target-block,.ua-block{margin-top:18px;padding:18px;border-radius:24px}.target-block{background:linear-gradient(180deg,#0a59f71a,#0a59f70a);box-shadow:inset 0 0 0 1px #0a59f72e}.target-label,.ua-label{display:block;margin-bottom:10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.target-label{color:var(--brand)}.target-block code{display:block;color:var(--brand-deep);font-size:.88rem;line-height:1.7;word-break:break-all}.ua-block{background:linear-gradient(180deg,#0f172a,#111c36);box-shadow:inset 0 0 0 1px #ffffff0f}.ua-label{color:#fff9}.ua-block code{display:block;color:#dbe7ff;font-size:.84rem;line-height:1.7;word-break:break-all}.steps-section{display:flex;flex-direction:column;gap:22px}.section-heading{padding:10px 4px}.section-heading h2{margin-top:14px;font-size:clamp(1.9rem,3.4vw,3rem);letter-spacing:-.04em}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step-card,.reason-card{min-height:220px;padding:26px}.step-card:nth-child(1){animation-delay:.04s}.step-card:nth-child(2){animation-delay:.12s}.step-card:nth-child(3){animation-delay:.2s}.step-card:nth-child(4){animation-delay:.28s}.step-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.step-index{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;padding:0 12px;border-radius:var(--radius-pill);background:#0a59f71a;color:var(--brand);font-weight:700;letter-spacing:.04em;box-shadow:inset 0 0 0 1px #0a59f724}.reason-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:8px}.reason-card:nth-child(1){animation-delay:.06s}.reason-card:nth-child(2){animation-delay:.14s}.reason-card:nth-child(3){animation-delay:.22s}.reason-card{min-height:200px;display:flex;flex-direction:column;gap:14px;padding:28px}.reason-card h3{font-size:1.08rem;font-weight:700}.reason-card p{font-size:.96rem}.reason-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(180deg,#0a59f724,#0a59f70a);color:var(--brand);box-shadow:inset 0 0 0 1px #0a59f72e;transition:transform .4s var(--ease)}.reason-icon svg{width:24px;height:24px}.reason-card:hover .reason-icon{transform:rotate(-6deg) scale(1.05)}@keyframes float-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{opacity:.55;transform:scale(1)}80%{opacity:0;transform:scale(3.4)}to{opacity:0;transform:scale(3.4)}}.page-footer{margin-top:12px;padding:28px;border-top:1px solid rgba(15,23,42,.06);background:#ffffff80;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:14px;color:var(--ink-soft);font-size:.92rem}.footer-brand strong{display:block;color:var(--ink);font-size:.98rem;font-weight:700;letter-spacing:-.01em}.footer-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(180deg,#fffffff5,#e1ecffe0);box-shadow:inset 0 1px #fffffff2,0 8px 18px #0a59f71f}.footer-mark svg{width:22px;height:22px}.footer-link{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--radius-pill);color:var(--brand);font-weight:600;font-size:.92rem;background:#0a59f714;box-shadow:inset 0 0 0 1px #0a59f729;transition:background .3s var(--ease),transform .3s var(--ease)}.footer-link svg{width:16px;height:16px;transition:transform .3s var(--ease)}.footer-link:hover{background:#0a59f724;transform:translateY(-1px)}.footer-link:hover svg{transform:translate(3px)}@media (max-width: 1180px){.hero-grid,.reason-strip{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel h1{max-width:none}}@media (max-width: 720px){.topbar,.page-main,.page-footer{padding-left:16px;padding-right:16px}.topbar{flex-direction:column;align-items:flex-start}.page-main{gap:20px}.hero-panel,.status-panel,.step-card,.reason-card{border-radius:26px}.hero-actions{flex-direction:column}.capsule-button{width:100%}.detection-grid,.steps-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}