:root{
  --ink:#101821;
  --muted:rgba(16,24,33,.55);
  --soft:rgba(16,24,33,.36);
  --line:rgba(255,255,255,.78);
  --glass:rgba(255,255,255,.46);
  --shadow:0 34px 90px rgba(65,84,111,.13),0 12px 36px rgba(65,84,111,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#eef5fb}
html,body{min-height:100%;margin:0}
body{
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;
  background:linear-gradient(135deg,#edf7fb 0%,#f4f1fb 50%,#edf8f4 100%);
  overflow-x:hidden;
}
button,input{font:inherit}
a{color:inherit}

/* Always-on local motion. Vanta is an enhancement, not a dependency. */
.aurora,.vanta-bg{position:fixed;inset:0;pointer-events:none}
.aurora{z-index:0;overflow:hidden;background:linear-gradient(118deg,#e9f7ff 0%,#f7f0ff 42%,#edf9f4 72%,#eef4ff 100%);background-size:260% 260%;animation:bgFlow 8s ease-in-out infinite alternate;transform:scale(1.06)}
.aurora::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 105deg at 50% 50%,rgba(255,255,255,0) 0 15%,rgba(255,255,255,.48) 23%,rgba(255,255,255,0) 35% 52%,rgba(177,218,255,.16) 61%,rgba(255,255,255,0) 75%);filter:blur(42px);animation:slowSpin 18s linear infinite}
.aurora::after{content:"";position:absolute;inset:-25%;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.35) 42%,rgba(204,226,255,.16) 50%,transparent 67%);filter:blur(55px);animation:sheenDrift 9s ease-in-out infinite alternate;will-change:transform}
.aurora span{position:absolute;display:block;border-radius:50%;filter:blur(34px);will-change:transform;opacity:.9;mix-blend-mode:multiply}
.a1{width:58vw;height:58vw;min-width:600px;min-height:600px;left:-22vw;top:-18vh;background:radial-gradient(circle,rgba(87,186,255,.42),rgba(87,186,255,0) 68%)}
.a2{width:60vw;height:60vw;min-width:640px;min-height:640px;right:-22vw;top:-22vh;background:radial-gradient(circle,rgba(190,137,255,.38),rgba(190,137,255,0) 69%)}
.a3{width:52vw;height:52vw;min-width:540px;min-height:540px;left:26vw;bottom:-30vh;background:radial-gradient(circle,rgba(67,221,184,.30),rgba(67,221,184,0) 69%)}
.a4{width:38vw;height:38vw;min-width:390px;min-height:390px;left:39vw;top:14vh;background:radial-gradient(circle,rgba(255,255,255,.78),rgba(255,255,255,0) 64%);mix-blend-mode:screen}
 .vanta-bg{z-index:1;opacity:0;transition:opacity 1s ease}.vanta-ready .vanta-bg{opacity:.18}

/* v4.5 — interactive aurora: no visible cursor bubble. The whole light field responds to the pointer. */
.interactive-field{
  --mx:50vw;--my:44vh;
  position:fixed;inset:-12%;z-index:2;pointer-events:none;opacity:.72;
  background:
    radial-gradient(ellipse 880px 620px at var(--mx) var(--my),rgba(77,176,255,.34) 0%,rgba(120,168,255,.24) 24%,rgba(176,126,255,.17) 45%,rgba(255,255,255,0) 72%),
    radial-gradient(ellipse 620px 460px at calc(var(--mx) + 20vw) calc(var(--my) - 13vh),rgba(66,225,191,.18) 0%,rgba(255,255,255,0) 70%);
  filter:blur(18px) saturate(128%);
  mix-blend-mode:multiply;
  will-change:background,transform,filter;
  transition:opacity .25s ease;
}
.interactive-field::before{
  content:"";position:absolute;inset:-20%;
  background:conic-gradient(from 225deg at 48% 50%,transparent 0 19%,rgba(255,255,255,.44) 28%,rgba(128,191,255,.15) 35%,transparent 46% 65%,rgba(178,133,255,.12) 73%,transparent 83%);
  filter:blur(52px);opacity:.72;animation:fieldRotate 18s linear infinite;
}
.interactive-field::after{
  content:"";position:absolute;left:-12%;top:18%;width:124%;height:34%;
  background:linear-gradient(100deg,transparent 8%,rgba(109,198,255,.15) 32%,rgba(255,255,255,.34) 48%,rgba(184,138,255,.13) 66%,transparent 88%);
  filter:blur(44px);transform:rotate(-9deg);animation:ribbonFloat 8s ease-in-out infinite alternate;
}
.has-fine-pointer .interactive-field{opacity:.9}
@keyframes fieldRotate{to{transform:rotate(360deg)}}
@keyframes ribbonFloat{from{transform:translate3d(-4vw,-2vh,0) rotate(-9deg)}to{transform:translate3d(5vw,3vh,0) rotate(-5deg)}}

.has-fine-pointer .search-wrap{transition:transform .20s cubic-bezier(.2,.8,.2,1),box-shadow .20s ease,filter .20s ease}
.has-fine-pointer .search-wrap.is-pointer-active{filter:saturate(118%) brightness(1.025)}
.has-fine-pointer .search-wrap.is-pointer-active::after{opacity:1.18}

main{position:relative;z-index:3}
.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:84px 24px 72px;position:relative}

.hero::before{content:"";position:absolute;left:50%;top:48%;width:min(920px,88vw);height:min(560px,58vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.22) 0%,rgba(170,214,255,.10) 32%,rgba(193,161,255,.08) 52%,transparent 72%);filter:blur(22px);pointer-events:none;animation:heroHalo 7.5s ease-in-out infinite alternate}
.glass,.glass-lite,.glass-soft{border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),var(--shadow);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%)}
.top-pill{position:absolute;top:28px;left:50%;transform:translateX(-50%);height:44px;padding:0 15px;display:flex;align-items:center;gap:11px;border-radius:999px;background:rgba(255,255,255,.38);color:rgba(16,24,33,.60);font-size:11px;font-weight:660;letter-spacing:.11em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 34px rgba(67,83,110,.08)}
.brand-dot{width:9px;height:9px;border-radius:3px;background:linear-gradient(145deg,#172533,#8898a9);transform:rotate(45deg);box-shadow:0 3px 8px rgba(26,42,57,.16)}
.top-pill i{width:1px;height:16px;background:rgba(17,25,35,.10)}
.live{display:flex;align-items:center;gap:6px;letter-spacing:0;color:rgba(16,24,33,.48);font-weight:530}.live b,.verified b{width:6px;height:6px;border-radius:50%;background:#4fd08a;box-shadow:0 0 0 5px rgba(79,208,138,.10)}

.hero-copy{text-align:center;margin-bottom:34px;animation:riseIn .72s cubic-bezier(.22,.75,.2,1) both}
.eyebrow{margin:0 0 14px;color:rgba(16,24,33,.42);font-size:10px;font-weight:720;letter-spacing:.22em}
h1{margin:0;font-size:clamp(46px,5.2vw,72px);line-height:1.02;letter-spacing:-.065em;font-weight:760;background:linear-gradient(115deg,#101821 10%,#2b3541 46%,#8a79a7 70%,#438b9c 96%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{margin:17px auto 0;max-width:640px;color:var(--muted);font-size:15px;line-height:1.75;letter-spacing:-.01em}

.search-wrap{
  --gx:50%;--gy:50%;--rx:0deg;--ry:0deg;
  width:min(820px,calc(100vw - 34px));padding:14px;border-radius:29px;
  background:linear-gradient(145deg,rgba(255,255,255,.57),rgba(255,255,255,.24));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 30px 78px rgba(56,78,106,.13),0 10px 28px rgba(56,78,106,.07);
  animation:riseIn .72s .08s cubic-bezier(.22,.75,.2,1) both;position:relative;
  transform-style:preserve-3d;will-change:transform,box-shadow;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease;
}
.has-fine-pointer .search-wrap.is-pointer-active{
  transform:perspective(1050px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-2px,0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 38px 95px rgba(56,78,106,.17),0 12px 36px rgba(56,78,106,.10);
}
.search-wrap::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.92;
  background:
    radial-gradient(circle 240px at var(--gx) var(--gy),rgba(255,255,255,.88) 0%,rgba(205,235,255,.35) 22%,rgba(194,176,255,.16) 39%,transparent 67%),
    linear-gradient(118deg,rgba(255,255,255,.30),transparent 28%,transparent 72%,rgba(255,255,255,.16));
  transition:opacity .2s ease;mix-blend-mode:screen;
}
.search-wrap::before{content:"";position:absolute;top:-60%;bottom:-60%;left:-35%;width:28%;pointer-events:none;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);filter:blur(10px);animation:glassSweep 7s ease-in-out infinite}
#lookupForm,.result-area{position:relative;z-index:1}
.search-box{height:60px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;padding:5px 6px 5px 12px;border-radius:20px;
  background:linear-gradient(108deg,rgba(255,255,255,.84),rgba(255,255,255,.68));
  border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px 0 #fff,0 8px 24px rgba(66,86,110,.07);
  transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;transform:translateZ(22px)}
.search-box::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle 160px at var(--gx) var(--gy),rgba(255,255,255,.72),rgba(177,221,255,.12) 35%,transparent 66%);
  opacity:.7;mix-blend-mode:screen}
.search-box>*{position:relative;z-index:1}
.search-box:focus-within{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 14px 34px rgba(66,86,110,.11),0 0 0 5px rgba(103,157,205,.07)}
.search-icon{display:grid;place-items:center;color:rgba(16,24,33,.38)}
.search-icon svg,#submitBtn svg,.visit-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#siteQuery{width:100%;height:48px;border:0;outline:0;background:transparent;color:var(--ink);font-size:18px;font-weight:520;padding:0 8px;letter-spacing:-.01em}
#siteQuery::placeholder{color:rgba(17,25,35,.28);font-weight:430}
#siteQuery::-webkit-search-cancel-button{display:none}
#submitBtn{height:48px;min-width:102px;padding:0 18px;border:0;border-radius:16px;background:linear-gradient(145deg,#26323f,#121b25);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:680;cursor:pointer;box-shadow:0 9px 22px rgba(22,31,42,.18),inset 0 1px 0 rgba(255,255,255,.12);transition:.2s ease}
#submitBtn:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(22,31,42,.22),inset 0 1px 0 rgba(255,255,255,.12)}
#submitBtn:disabled{opacity:.62;cursor:wait;transform:none}.is-loading{opacity:.88}
.form-meta{height:28px;padding:9px 7px 0;display:flex;justify-content:space-between;gap:12px;color:var(--soft);font-size:11px}.enter-key{padding:2px 7px;border:1px solid rgba(17,25,35,.08);border-radius:7px;background:rgba(255,255,255,.28)}

.result-area{display:none;margin-top:12px}.result-area.show{display:block;animation:resultIn .36s cubic-bezier(.22,.75,.2,1)}
.result-card,.message-card{border-radius:20px;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 30px rgba(61,81,106,.07)}
.result-card{padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.result-main{min-width:0;display:flex;align-items:center;gap:13px}.result-orb{width:43px;height:43px;flex:0 0 43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(218,234,247,.75));box-shadow:0 6px 16px rgba(63,91,118,.11)}.result-orb i{width:10px;height:10px;border-radius:50%;background:#4fc786;box-shadow:0 0 0 6px rgba(79,199,134,.10)}
.result-copy{min-width:0}.result-copy small{display:block;margin-bottom:2px;color:rgba(17,25,35,.38);font-size:9px;letter-spacing:.06em}.result-copy h2{margin:0;font-size:19px;letter-spacing:-.025em}.result-copy p{margin:4px 0 0;max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(17,25,35,.53);font-size:12px}.verified{margin-left:auto;display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.42);color:rgba(17,25,35,.48);font-size:10px}.verified b{width:5px;height:5px;box-shadow:0 0 0 4px rgba(79,208,138,.09)}
.visit-btn{height:44px;padding:0 15px;border-radius:14px;background:#18222d;color:#fff;text-decoration:none;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:660;white-space:nowrap;box-shadow:0 8px 20px rgba(20,31,42,.14);transition:.2s ease}.visit-btn:hover{transform:translateY(-1px)}
.message-card{padding:14px 15px;display:flex;gap:11px;align-items:flex-start}.message-icon{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;background:rgba(222,84,84,.10);color:#b94c4c;font-weight:760}.message-card strong{font-size:13px}.message-card p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.6}

.has-fine-pointer .hero-copy,.has-fine-pointer .top-pill{will-change:transform;transition:transform .18s linear}
.has-fine-pointer .result-area.show{transform:translateZ(16px)}
.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(16,24,33,.32)}.scroll-cue span{width:1px;height:22px;background:linear-gradient(to bottom,transparent,rgba(16,24,33,.28));animation:cue 1.8s ease-in-out infinite}.scroll-cue small{font-size:9px;letter-spacing:.16em}

.details{position:relative;padding:104px 24px 64px;background:linear-gradient(to bottom,rgba(246,249,252,.26),rgba(245,248,251,.70));border-top:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.details-inner{width:min(1040px,100%);margin:0 auto}.details-head{max-width:680px;margin-bottom:34px}.details-head h2{margin:0;font-size:clamp(30px,3.3vw,46px);line-height:1.12;letter-spacing:-.045em}.details-head>p:last-child{margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.85}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{min-height:178px;padding:24px 25px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 16px 44px rgba(63,83,108,.07)}.guide-card>span{display:inline-flex;height:24px;min-width:24px;padding:0 7px;border-radius:999px;align-items:center;justify-content:center;background:rgba(255,255,255,.44);color:rgba(17,25,35,.36);font-size:9px;font-weight:720}.guide-card h3{margin:17px 0 8px;font-size:17px;letter-spacing:-.02em}.guide-card p{margin:0;color:rgba(17,25,35,.56);font-size:13px;line-height:1.85}
footer{margin-top:44px;padding-top:24px;border-top:1px solid rgba(17,25,35,.07);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:rgba(17,25,35,.40);font-size:11px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}

.shake{animation:shake .38s ease}
@keyframes bgFlow{0%{background-position:0% 20%}100%{background-position:100% 80%}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes sheenDrift{from{transform:translate3d(-7%,-4%,0) rotate(-3deg)}to{transform:translate3d(9%,7%,0) rotate(3deg)}}
@keyframes heroHalo{from{transform:translate(-52%,-49%) scale(.96);opacity:.62}to{transform:translate(-48%,-51%) scale(1.06);opacity:1}}
@keyframes glassSweep{0%,18%{transform:translateX(0) rotate(18deg);opacity:0}30%{opacity:.7}54%{transform:translateX(520%) rotate(18deg);opacity:.25}65%,100%{transform:translateX(520%) rotate(18deg);opacity:0}}
@keyframes floatA{from{transform:translate3d(-8%,-4%,0) scale(.96)}to{transform:translate3d(18%,13%,0) scale(1.12)}}
@keyframes floatB{from{transform:translate3d(8%,-5%,0) scale(1.08)}to{transform:translate3d(-20%,16%,0) scale(.94)}}
@keyframes floatC{from{transform:translate3d(-12%,14%,0) scale(.92)}to{transform:translate3d(18%,-14%,0) scale(1.12)}}
@keyframes floatD{from{transform:translate3d(-14%,-10%,0) scale(.96)}to{transform:translate3d(16%,16%,0) scale(1.08)}}
@keyframes riseIn{from{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:none}}
@keyframes resultIn{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:none}}
@keyframes cue{0%,100%{opacity:.35;transform:scaleY(.75)}50%{opacity:.8;transform:scaleY(1)}}
@keyframes shake{0%,100%{transform:translateX(0)}30%{transform:translateX(-5px)}60%{transform:translateX(4px)}}

@media(max-width:720px){
  .hero{padding:76px 15px 58px;min-height:96svh}.top-pill{top:18px;height:40px}.hero-copy{margin-bottom:28px}.eyebrow{margin-bottom:11px}h1{font-size:clamp(42px,12vw,58px)}.lead{font-size:13px;margin-top:14px}
  .search-wrap{width:min(100%,620px);padding:10px;border-radius:24px}.search-box{height:56px;grid-template-columns:37px 1fr auto;padding-left:8px;border-radius:18px}#siteQuery{height:44px;font-size:16px;padding-left:5px}#submitBtn{height:44px;min-width:78px;padding:0 13px;border-radius:14px}#submitBtn svg{display:none}.form-meta{font-size:10px}.enter-key{display:none}
  .result-card{grid-template-columns:1fr;padding:14px}.visit-btn{width:100%;justify-content:center}.verified{display:none}.result-copy p{max-width:55vw}
  .scroll-cue{display:none}.details{padding:76px 15px 44px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:0;padding:21px;border-radius:22px}.details-head{margin-bottom:25px}
}
@media(max-width:410px){.top-pill{font-size:10px;gap:9px;padding:0 12px}.hero{padding-left:10px;padding-right:10px}.search-wrap{width:100%}.search-box{grid-template-columns:32px 1fr auto}#submitBtn{min-width:68px;padding:0 10px}.form-meta{padding-left:4px;padding-right:4px}.result-copy p{max-width:48vw}}
@media(pointer:coarse){.interactive-field{opacity:.58}.search-wrap{transform:none!important}.search-box{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.interactive-field::before,.interactive-field::after{animation:none}.aurora{animation-duration:16s}.aurora::before{animation-duration:36s}.aurora::after{animation-duration:18s}.search-wrap::before{animation-duration:14s}.scroll-cue span{animation-duration:3s}}