:root{color-scheme:light;--bg:#f4f7fc;--surface:#fff;--surface-muted:#f8faff;--ink:#111b34;--muted:#53627b;--subtle:#6f7c94;--line:#d4deed;--line-strong:#b9c9e2;--accent:#6656ed;--accent-2:#22c4e7;--accent-soft:#ecebff;--success:#159b73;--warning:#b86419;--tray-bg:#121d39;--tray-ink:#f3f7ff;--tray-muted:#b9c6dc;--shadow-sm:0 10px 26px rgba(30,52,92,.07);--shadow-lg:0 30px 80px rgba(21,34,72,.13);--radius-lg:22px;--radius-md:15px;--content-width:min(1180px, calc(100% - 48px) );--font-ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-cjk:"MiSans","HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-family:var(--font-ui);background:var(--bg);color:var(--ink)}:root[data-theme=dark]{color-scheme:dark;--bg:#090e1d;--surface:#111a30;--surface-muted:#151f38;--ink:#f2f6ff;--muted:#b3bfd5;--subtle:#91a0ba;--line:#30415f;--line-strong:#465d83;--accent:#9b8cff;--accent-2:#62ddec;--accent-soft:#29254f;--success:#69dfb7;--warning:#ffc777;--tray-bg:#0d1529;--tray-ink:#f3f7ff;--tray-muted:#aebcd5;--shadow-sm:0 12px 30px rgba(0,0,0,.22);--shadow-lg:0 36px 90px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-wrap{width:var(--content-width);margin:0 auto}.app-shell{position:relative;min-height:100vh;isolation:isolate;overflow:hidden}.page-content{position:relative;z-index:1}.ambient-grid{position:fixed;z-index:-2;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(98,116,159,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(98,116,159,.075) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.42) 48%,transparent 88%);mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.42) 48%,transparent 88%)}.ambient-glow{position:fixed;z-index:-3;width:52vw;aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.18}.ambient-glow-one{top:-30vw;left:-18vw;background:var(--accent)}.ambient-glow-two{top:16vh;right:-30vw;background:var(--accent-2);opacity:.11}.topbar-shell{position:relative;z-index:8;width:100%;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header{width:var(--content-width);height:76px;margin:0 auto;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:11px;color:var(--ink);font-size:20px;font-weight:850;letter-spacing:-1px;text-decoration:none}.brand>span:last-child span{color:var(--accent)}.brand-mark{width:34px;height:34px;flex:0 0 auto;display:block}.header-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.header-nav a{position:relative;padding:6px 0;color:var(--muted);font-size:13px;font-weight:750;text-decoration:none;transition:color .2s ease}.header-nav a:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:var(--accent-2);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.header-nav a:hover{color:var(--ink)}.header-nav a:hover:after{transform:scaleX(1)}.header-controls{display:flex;gap:8px}select{max-width:138px;min-height:37px;padding:7px 28px 7px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--ink);font-size:12px;font-weight:700;transition:border-color .2s ease,background .2s ease}select:hover{border-color:var(--line-strong)}.hero-viewport{position:relative;width:100%;overflow:hidden;background:radial-gradient(ellipse 65% 55% at 85% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--surface-muted) 72%,transparent),transparent 92%)}.hero-viewport:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--accent) 10%,transparent) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(108deg,#000,transparent 72%);mask-image:linear-gradient(108deg,#000,transparent 72%);opacity:.4}.hero-command-deck{position:relative;width:var(--content-width);min-height:570px;margin:0 auto}.hero-command-deck:before{position:absolute;top:0;bottom:0;left:0;width:1px;content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 52%,transparent),transparent 94%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);min-height:480px;align-items:stretch;gap:clamp(40px,7vw,100px)}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;padding:clamp(55px,7vw,88px) 0 32px clamp(28px,4vw,58px)}.hero-copy-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:670px;padding-bottom:15px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:1.55px;text-transform:uppercase}.hero-copy .eyebrow{margin:0}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2) 14%,transparent);animation:signal-pulse 2.8s ease-out infinite}.hero-sequence{color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:1.5px}.hero-title-block{position:relative;margin-top:31px;padding-left:18px}.hero-title-block:before{position:absolute;top:5px;bottom:7px;left:0;width:3px;content:"";border-radius:2px;background:linear-gradient(180deg,var(--accent-2),var(--accent),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 50%,transparent)}.hero-title-label{display:block;margin-bottom:10px;color:var(--accent-2);font-size:9px;font-weight:850;letter-spacing:1.6px}.hero-copy h1{max-width:760px;margin:0;font-size:clamp(48px,5.3vw,78px);line-height:.94;letter-spacing:-4px;text-wrap:balance}.hero-copy h1>span,.hero-copy h1 em{display:block}.hero-copy h1 em{margin-top:5px;font-style:normal;background:linear-gradient(94deg,var(--accent-2),var(--accent) 50%,#bda7ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{max-width:630px;margin:24px 0 23px 18px;color:var(--muted);font-size:15px;line-height:1.78}.hero-actions,.card-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions{margin-left:18px}.button{position:relative;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(105deg,var(--accent),color-mix(in srgb,var(--accent) 75%,var(--accent-2)));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 27%,transparent);color:#fff}.button-primary:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(105deg,transparent 33%,rgba(255,255,255,.34) 49%,transparent 65%);transform:translate(-130%)}.button-primary:hover:after{animation:button-sheen .55s ease}.button-secondary{border-color:var(--line-strong);background:color-mix(in srgb,var(--surface) 46%,transparent);color:var(--ink)}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.hero-assurance{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:630px;margin:auto 0 0 18px;padding:15px 0 11px;border-top:1px solid color-mix(in srgb,var(--line) 76%,transparent);color:var(--subtle);font-size:10px;font-weight:750;letter-spacing:.3px}.hero-assurance span{display:inline-flex;align-items:center;gap:8px}.hero-assurance i{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 13%,transparent)}.hero-assurance strong{color:var(--ink);font-size:11px}.risk-callout{display:flex;align-items:flex-start;gap:8px;max-width:640px;margin:0 0 0 18px;color:var(--subtle);font-size:10px;line-height:1.55}.risk-callout span{color:var(--warning);font-size:15px;line-height:1}.hero-panel{position:relative;align-self:center;min-height:365px;overflow:hidden;padding:28px;color:#edf4ff;border:1px solid color-mix(in srgb,var(--accent-2) 36%,rgba(255,255,255,.16));border-radius:20px;background:linear-gradient(145deg,#1d2950e6,#0d1731f2);box-shadow:0 25px 55px #090f253b,inset 0 1px #ffffff1a;transform:translateZ(0)}.hero-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:radial-gradient(circle at 60% 37%,rgba(104,220,239,.21),transparent 28%),radial-gradient(circle at 43% 54%,rgba(150,128,255,.22),transparent 36%)}.hero-panel:after{position:absolute;top:0;right:0;left:0;height:2px;content:"";background:linear-gradient(90deg,transparent,var(--accent-2),transparent);opacity:.8;animation:panel-scan 5.5s ease-in-out infinite}.panel-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.34;background-image:linear-gradient(rgba(178,218,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(178,218,255,.15) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 52% 50%,#000,transparent 72%);mask-image:radial-gradient(circle at 52% 50%,#000,transparent 72%)}.scan-beam{position:absolute;top:-18%;right:0;left:0;height:28%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(113,233,246,.2),transparent);opacity:.65;animation:beam-scan 5.8s ease-in-out infinite}.panel-kicker{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin:0;color:#c8d3ec;font-size:10px;font-weight:800;letter-spacing:.65px}.static-indicator{width:7px;height:7px;border-radius:50%;background:#72e8bb;box-shadow:0 0 0 4px #72e8bb21}.radar-orb{position:absolute;z-index:1;top:75px;left:50%;display:grid;width:164px;height:164px;place-items:center;border:1px solid rgba(198,235,255,.42);border-radius:50%;background:radial-gradient(circle,rgba(153,222,247,.3),rgba(107,117,255,.11) 46%,transparent 48%);box-shadow:0 0 0 23px #99def70e,0 0 0 48px #99def709;transform:translate(-50%);animation:radar-breathe 4s ease-in-out infinite}.radar-orb:before,.radar-orb:after{position:absolute;content:"";border:1px solid rgba(198,235,255,.16);border-radius:inherit}.radar-orb:before{top:22px;right:22px;bottom:22px;left:22px}.radar-orb:after{top:-24px;right:-24px;bottom:-24px;left:-24px}.radar-orb span{position:relative;z-index:2;text-align:center;font-size:18px;font-weight:850;letter-spacing:-1px;line-height:1.02}.radar-sweep{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:conic-gradient(from 0deg,rgba(117,232,249,.32),transparent 22%);-webkit-mask-image:linear-gradient(#000,transparent 65%);mask-image:linear-gradient(#000,transparent 65%);animation:radar-sweep 7s linear infinite}.signal-node{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#99f3fb;box-shadow:0 0 12px #99f3fb;animation:node-pulse 2.7s ease-in-out infinite}.signal-node-one{top:40%;left:19%}.signal-node-two{top:31%;right:19%;animation-delay:.65s}.signal-node-three{right:25%;bottom:29%;animation-delay:1.3s}.panel-protocol{position:absolute;z-index:1;top:57%;right:0;left:0;margin:0;color:#cee0fb85;font-size:8px;font-weight:850;letter-spacing:1.65px;text-align:center}.panel-line{position:relative;z-index:1;display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(221,239,255,.16);font-size:12px}.panel-line:first-of-type{margin-top:auto}.panel-line span{color:#acb9d2}.status-positive{color:#7ae8bd}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,var(--line) 86%,transparent);background:color-mix(in srgb,var(--surface) 42%,transparent)}.stats:before{position:absolute;top:0;left:0;width:26%;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--accent-2),transparent)}.stats div{min-height:89px;display:flex;align-items:center;justify-content:center;gap:10px}.stats div+div{border-left:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.stats strong{font-size:27px;letter-spacing:-1.4px}.stats span{color:var(--muted);font-size:12px;font-weight:700}.directory,.methodology,.faq{padding:105px 0}.section-heading{max-width:740px;margin-bottom:34px}.section-heading.compact{margin-bottom:29px}.section-heading h2{margin-bottom:12px;font-size:clamp(30px,3.25vw,45px);line-height:1.08;letter-spacing:-2px}.section-heading>p:last-child{margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.75}.section-heading .eyebrow:after{width:34px;height:1px;margin-left:4px;content:"";background:linear-gradient(90deg,var(--accent),transparent)}.filter-panel{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:14px;margin-bottom:20px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-sm)}.search-field{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-muted);color:var(--subtle);transition:border-color .2s ease,box-shadow .2s ease}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.search-field span{font-size:21px;line-height:1}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-field input::placeholder{color:var(--subtle)}.filter-scroll{display:flex;align-items:center;gap:7px}.filter-scroll select{min-height:42px}.text-button{padding:8px;border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:800;white-space:nowrap}.text-button:hover{text-decoration:underline}.result-bar{display:flex;align-items:center;justify-content:space-between;min-height:25px;margin-bottom:16px;color:var(--muted);font-size:12px}.result-bar strong{color:var(--ink);font-size:15px}.inline-notice{color:var(--warning);font-weight:700}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.platform-card{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:21px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 5px 16px #1b2d5309;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.platform-card:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(112deg,transparent 35%,color-mix(in srgb,var(--accent-2) 18%,transparent) 49%,transparent 62%);transform:translate(-145%);transition:transform .75s cubic-bezier(.16,1,.3,1)}.platform-card:after{position:absolute;top:0;left:14%;width:72%;height:1px;content:"";opacity:0;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);box-shadow:0 0 13px color-mix(in srgb,var(--accent-2) 66%,transparent);transition:opacity .25s ease}.platform-card:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:var(--shadow-sm);transform:translateY(-5px)}.platform-card:hover:before{transform:translate(145%)}.platform-card:hover:after{opacity:1}.platform-card>*{position:relative;z-index:1}.card-topline{display:flex;justify-content:space-between;gap:10px}.platform-identity{min-width:0;display:flex;align-items:center;gap:10px}.platform-logo{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--accent-2) 20%,var(--accent-soft)));color:var(--accent);font-size:10px;font-weight:900;letter-spacing:-.2px}.platform-identity h3{overflow:hidden;margin:0 0 2px;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.platform-domain{display:block;color:var(--subtle);font-size:11px}.grade{min-width:31px;height:29px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border:1px solid;border-radius:8px;font-size:13px;font-weight:900}.grade-a{border-color:#a6e8cf;background:#ddf8ed;color:#087451}.grade-b{border-color:#f0d18b;background:#fff3d6;color:#77500e}.grade-c{border-color:#f4c3b5;background:#ffebe4;color:#a14624}:root[data-theme=dark] .grade-a{border-color:#286850;background:#123b33;color:#76e6bb}:root[data-theme=dark] .grade-b{border-color:#725a29;background:#483a1f;color:#f7cf7a}:root[data-theme=dark] .grade-c{border-color:#6a382f;background:#47251f;color:#ffae8f}.score-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;margin:19px 0 14px}.score-row span,.card-details dt,.editor-note span{display:block;color:var(--subtle);font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.score-row strong{display:block;margin-top:2px;font-size:25px;line-height:1;letter-spacing:-1px}.score-row small{color:var(--subtle);font-size:10px;font-weight:700;letter-spacing:0}.score-meter{height:7px;overflow:hidden;border-radius:9px;background:var(--accent-soft)}.score-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px color-mix(in srgb,var(--accent-2) 48%,transparent);transform:scaleX(1);transform-origin:left}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.tag-row span{padding:5px 7px;border:1px solid var(--line);border-radius:6px;background:var(--surface-muted);color:var(--muted);font-size:10px;font-weight:750}.card-details{display:grid;gap:10px;margin:0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.card-details div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:9px}.card-details dd{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.editor-note{min-height:60px;margin:14px 0;color:var(--muted);font-size:12px;line-height:1.6}.editor-note span{margin-bottom:3px;color:var(--accent)}.card-actions{margin-top:auto}.compare-button,.visit-button{min-height:36px;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:800}.compare-button{border:1px solid var(--line);background:transparent;color:var(--muted)}.compare-button:hover,.compare-button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.visit-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.visit-button:hover{background:var(--accent-2)}.details-trigger{width:100%;display:flex;justify-content:space-between;margin-top:13px;padding:10px 0 0;border:0;border-top:1px dashed var(--line);background:transparent;color:var(--muted);font-size:11px;font-weight:750;text-align:left}.details-trigger:hover{color:var(--accent)}.empty-state{padding:60px 20px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);text-align:center}.empty-state p{margin-bottom:16px}.methodology{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-muted) 73%,transparent)}.methodology:before{position:absolute;top:-260px;right:-190px;width:560px;height:560px;content:"";border:1px solid color-mix(in srgb,var(--accent) 19%,transparent);border-radius:50%;box-shadow:0 0 0 50px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 100px color-mix(in srgb,var(--accent) 2%,transparent)}.methodology>*{position:relative;z-index:1}.method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.method-card{position:relative;min-height:180px;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 90%,transparent);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.method-card:before{position:absolute;top:0;bottom:0;left:0;width:3px;content:"";background:linear-gradient(180deg,var(--accent-2),var(--accent));transform:scaleY(.25);transform-origin:bottom;transition:transform .28s ease}.method-card:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:var(--shadow-sm);transform:translateY(-4px)}.method-card:hover:before{transform:scaleY(1)}.method-card>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.method-card>div span{color:var(--accent);font-size:20px;font-weight:900;letter-spacing:-1px}.method-card>div strong{color:var(--subtle);font-size:9px;letter-spacing:.8px;text-transform:uppercase}.method-card h3{min-height:37px;margin:0 0 8px;font-size:13px;line-height:1.35}.method-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.method-footnote{margin:16px 0 0;color:var(--subtle);font-size:11px;font-weight:750}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-list{display:grid;gap:9px}.faq details{padding:0 17px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface) 92%,transparent);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.faq details:hover,.faq details[open]{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));box-shadow:var(--shadow-sm)}.faq summary{display:flex;justify-content:space-between;gap:12px;padding:17px 0;color:var(--ink);cursor:pointer;font-size:14px;font-weight:800;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--accent);font-size:18px;line-height:.75;transition:transform .2s ease}.faq details[open] summary span{color:var(--accent-2);transform:rotate(45deg)}.faq details p{margin:-3px 0 17px;color:var(--muted);font-size:13px;line-height:1.7}footer{padding:26px 0;border-top:1px solid var(--line);color:var(--subtle);font-size:11px}footer>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:25px}.footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:15px;font-weight:850;letter-spacing:-.6px;text-decoration:none}.footer-brand img{width:28px;height:28px;flex:0 0 auto}.footer-brand span span{color:var(--accent)}footer p{max-width:760px;margin:0;line-height:1.6}.compare-tray{position:fixed;z-index:20;right:max(24px,calc((100vw - 1180px)/2));bottom:20px;width:min(570px,calc(100% - 48px));display:flex;align-items:center;justify-content:space-between;gap:26px;overflow:hidden;padding:12px 13px 12px 17px;border:1px solid color-mix(in srgb,var(--accent-2) 40%,var(--line));border-radius:14px;background:linear-gradient(112deg,color-mix(in srgb,var(--tray-bg) 96%,var(--accent)) 0%,var(--tray-bg) 72%);box-shadow:0 18px 45px #00000040;color:var(--tray-ink);animation:tray-rise .38s cubic-bezier(.16,1,.3,1) both}.compare-tray:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(110deg,transparent 27%,rgba(137,239,255,.15) 49%,transparent 68%);transform:translate(-135%);animation:tray-flow 5.8s ease-in-out 1.4s infinite}.compare-tray>*{position:relative;z-index:1}.compare-tray>div:first-child{min-width:0}.compare-tray span{display:block;color:var(--tray-muted);font-size:10px;font-weight:800;text-transform:uppercase}.compare-tray strong{display:block;overflow:hidden;margin-top:3px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.compare-tray>div:last-child{display:flex;align-items:center;gap:5px}.compare-tray .text-button{color:var(--tray-muted)}.compare-tray .button{min-height:34px;padding:7px 10px;font-size:11px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#050a17ba;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:backdrop-in .2s ease-out both}.modal{position:relative;width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow-y:auto;padding:29px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:18px;background:var(--surface);box-shadow:var(--shadow-lg);animation:modal-rise .36s cubic-bezier(.16,1,.3,1) both}.modal-close{position:absolute;top:14px;right:14px;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--muted);font-size:22px;line-height:1;transition:transform .2s ease,color .2s ease,border-color .2s ease}.modal-close:hover{border-color:var(--accent);color:var(--accent);transform:rotate(90deg)}.modal-head{display:flex;align-items:center;gap:12px;padding-right:46px}.modal-head>div:nth-child(2){min-width:0}.modal-head p{margin:0 0 3px;color:var(--subtle);font-size:11px}.modal-head h2,.compare-modal h2,.outbound-modal h2{margin:0;font-size:25px;letter-spacing:-1px}.modal-head .grade{width:57px;height:52px;flex-direction:column;margin-left:auto}.modal-head .grade small{font-size:9px;font-weight:750}.modal-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;margin:25px 0;border:1px solid var(--line);border-radius:11px;background:var(--line)}.modal-summary div{padding:12px;background:var(--surface-muted)}.modal-summary span{display:block;color:var(--subtle);font-size:10px;font-weight:750;letter-spacing:.5px;text-transform:uppercase}.modal-summary strong{display:block;margin-top:5px;font-size:12px;line-height:1.5}.modal-highlights h3,.detail-modal>h3{margin:0 0 11px;font-size:14px}.modal-highlights>div{display:flex;flex-wrap:wrap;gap:7px}.modal-highlights span{padding:7px 9px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:11px}.review-stamp{display:flex;justify-content:space-between;margin:18px 0;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--subtle);font-size:11px}.review-stamp strong{color:var(--ink)}.evidence-list{display:grid;gap:8px}.evidence-list>div{padding:11px 12px;border:1px solid var(--line);border-radius:9px}.evidence-list>div>div{display:flex;justify-content:space-between;gap:10px}.evidence-list strong{font-size:12px}.evidence-list span{color:var(--accent);font-size:12px;font-weight:850}.evidence-list p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.modal-caution{display:grid;gap:3px;margin:19px 0;padding:12px;border-left:3px solid var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--muted);font-size:12px;line-height:1.6}.modal-caution strong{color:var(--warning);font-size:11px}.modal-visit{width:100%}.compare-modal{width:min(1000px,100%)}.compare-modal>.eyebrow{margin-bottom:8px}.compare-table-wrap{overflow-x:auto;margin-top:21px;border:1px solid var(--line);border-radius:10px}table{width:100%;min-width:640px;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:12px;line-height:1.5}thead th{background:var(--surface-muted);color:var(--ink);font-size:13px}thead th:first-child,tbody th{width:120px;color:var(--subtle);font-size:10px;letter-spacing:.5px;text-transform:uppercase}thead th small{display:block;margin-top:3px;color:var(--subtle);font-size:10px;font-weight:600}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.outbound-modal{width:min(470px,100%);text-align:center}.warning-mark{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#fff0d5;color:#b95e0f;font-size:24px;font-weight:900}:root[data-theme=dark] .warning-mark{background:#4b361a;color:#ffd280}.outbound-modal p{margin:13px auto 18px;color:var(--muted);font-size:13px;line-height:1.65}.domain-box{position:relative;overflow:hidden;margin-bottom:18px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);text-align:left}.domain-box:after{position:absolute;right:-24px;bottom:-36px;width:92px;height:92px;content:"";border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,transparent);filter:blur(7px)}.domain-box span,.domain-box strong{position:relative;z-index:1;display:block}.domain-box span{color:var(--subtle);font-size:10px;font-weight:750;text-transform:uppercase}.domain-box strong{margin-top:4px;color:var(--accent);font-size:14px}.outbound-modal .modal-actions{justify-content:center}html.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,18px,0)}html.motion-ready [data-reveal].is-revealed{animation:section-reveal .62s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms) both}html.motion-ready .platform-card .score-meter i{transform:scaleX(0)}html.motion-ready .platform-card.is-revealed .score-meter i{animation:score-deploy .82s cubic-bezier(.16,1,.3,1) calc(var(--reveal-delay,0ms) + .15s) forwards}.intro-reveal{animation:hero-intro .72s cubic-bezier(.16,1,.3,1) both}@keyframes hero-intro{0%{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes section-reveal{to{opacity:1;transform:translateZ(0)}}@keyframes score-deploy{to{transform:scaleX(1)}}@keyframes signal-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2) 14%,transparent)}55%{box-shadow:0 0 0 9px transparent}}@keyframes panel-scan{0%,58%,to{opacity:.25;transform:scaleX(.25)}74%{opacity:1;transform:scaleX(1)}}@keyframes beam-scan{0%,15%{opacity:0;transform:translateY(-20%)}28%{opacity:.72}67%{opacity:.25;transform:translateY(420%)}82%,to{opacity:0;transform:translateY(450%)}}@keyframes radar-breathe{0%,to{transform:translate(-50%) scale(.97)}50%{transform:translate(-50%) scale(1.035)}}@keyframes radar-sweep{to{transform:rotate(1turn)}}@keyframes node-pulse{0%,to{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1.22)}}@keyframes button-sheen{to{transform:translate(135%)}}@keyframes tray-rise{0%{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes tray-flow{0%,58%,to{transform:translate(-135%)}78%{transform:translate(135%)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translate3d(0,16px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-command-deck{min-height:0}.hero-copy{padding-right:clamp(28px,6vw,58px)}.hero-panel{min-height:315px;margin:0 clamp(28px,6vw,58px) 28px}.hero-copy h1{font-size:clamp(48px,8.5vw,70px)}.stats{margin-top:0}.method-grid{grid-template-columns:repeat(3,1fr)}.faq{grid-template-columns:1fr;gap:20px}}@media (max-width:720px){:root{--content-width:min(100% - 30px,1180px)}.site-header{height:68px;gap:14px}.brand{font-size:18px}.brand-mark{width:26px;height:26px}.header-nav{display:none}.header-controls{margin-left:auto}.header-controls select{max-width:116px;min-height:34px;padding-left:8px;font-size:11px}.hero-command-deck{min-height:0}.hero-copy{padding:36px 18px 22px}.hero-copy-topline{padding-bottom:12px}.hero-title-block{margin-top:23px;padding-left:14px}.hero-copy h1{font-size:clamp(42px,11.7vw,58px);letter-spacing:-2.9px}.hero-description{margin:19px 0 19px 14px;font-size:13px}.hero-actions,.hero-assurance,.risk-callout{margin-left:14px}.hero-assurance{margin-top:28px}.hero-panel{min-height:260px;margin:0 14px 18px;padding:20px;border-radius:16px}.radar-orb{top:60px;width:138px;height:138px}.panel-protocol{top:55%;font-size:7px}.stats div{min-height:78px;flex-direction:column;gap:1px}.stats strong{font-size:24px}.stats span{font-size:10px;text-align:center}.directory,.methodology,.faq{padding:72px 0}.filter-panel{grid-template-columns:1fr;gap:9px}.filter-scroll{width:100%;overflow-x:auto;padding-bottom:2px}.filter-scroll select,.filter-scroll .text-button{flex:0 0 auto}.platform-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(2,1fr)}.method-card{min-height:164px}.compare-tray{right:15px;bottom:14px;width:calc(100% - 30px);gap:11px}.compare-tray>div:last-child{flex:0 0 auto}.compare-tray strong{max-width:140px}.modal-backdrop{align-items:end;padding:0}.modal{max-height:min(82vh,760px);padding:25px 19px;border-radius:18px 18px 0 0}.modal-summary{grid-template-columns:1fr}.platform-card:hover,.method-card:hover{transform:none}.platform-card:hover:before,.platform-card:hover:after{opacity:0;transform:none}footer>div{display:flex;align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-shell *,.app-shell *:before,.app-shell *:after{animation:none!important;transition:none!important}html.motion-ready [data-reveal]{opacity:1!important;transform:none!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}.reduced-motion [data-reveal]{opacity:1!important;transform:none!important}.methodology{background:radial-gradient(circle at 87% 34%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 31%),color-mix(in srgb,var(--surface-muted) 73%,transparent)}.methodology-content{position:relative;z-index:1}:root:not([data-theme=dark]) .hero-viewport{background:radial-gradient(ellipse 65% 55% at 85% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--surface-muted) 72%,transparent),transparent 92%)}:root:not([data-theme=dark]) .platform-card{border-color:var(--line-strong);box-shadow:0 7px 20px #1e345c0e}:root[data-theme=dark] .button-primary,:root[data-theme=dark] .visit-button{color:#10182e;text-shadow:none}.outbound-disclaimer{margin:0 0 13px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--warning) 7%,var(--surface));text-align:left}.outbound-disclaimer h3{margin:0 0 8px;color:var(--warning);font-size:12px}.outbound-disclaimer ul{display:grid;gap:6px;margin:0;padding-left:17px;color:var(--muted);font-size:11px;line-height:1.55}.outbound-disclaimer li::marker{color:var(--warning)}.outbound-countdown{display:flex;align-items:center;justify-content:center;min-height:35px;margin:0 0 10px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--accent);font-size:12px;font-weight:800}.outbound-countdown.is-complete{border-color:color-mix(in srgb,var(--success) 42%,var(--line));background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success)}.outbound-acknowledgement{display:flex;align-items:flex-start;gap:9px;margin:0 0 19px;color:var(--subtle);font-size:12px;line-height:1.5;text-align:left;cursor:not-allowed}.outbound-acknowledgement.is-ready{color:var(--ink);cursor:pointer}.outbound-acknowledgement input{width:16px;height:16px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--accent);cursor:inherit}.outbound-acknowledgement input:disabled{opacity:.55}.outbound-modal .button-primary:disabled{border-color:var(--line);background:var(--surface-muted);box-shadow:none;color:var(--subtle);cursor:not-allowed;opacity:1}.outbound-modal .button-primary:disabled:after{display:none}@media (max-width:720px){.outbound-disclaimer{padding:12px}.outbound-disclaimer ul{font-size:10.5px}.outbound-acknowledgement{margin-bottom:16px;font-size:11px}}.hero-assurance{border-top:0}.filter-scroll{position:relative}.filter-control{position:relative;flex:0 0 auto}.filter-select-trigger{min-width:126px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 10px 9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:color-mix(in srgb,var(--surface) 83%,transparent);color:var(--ink);font-size:12px;font-weight:800;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.filter-select-trigger:hover,.filter-select-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.filter-select-chevron{color:var(--accent-2);font-size:16px;line-height:.8;transition:transform .2s ease}.filter-select-trigger[aria-expanded=true] .filter-select-chevron{transform:rotate(180deg)}.filter-select-menu{position:absolute;z-index:14;top:calc(100% + 8px);right:0;min-width:100%;display:grid;gap:3px;padding:6px;border:1px solid var(--line-strong);border-radius:12px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:header-menu-in .18s cubic-bezier(.16,1,.3,1) both}.filter-select-menu button{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:750;text-align:left;white-space:nowrap;transition:color .16s ease,background .16s ease}.filter-select-menu button:hover,.filter-select-menu button:focus-visible{outline:0;background:var(--accent-soft);color:var(--accent)}.filter-select-menu button.is-selected{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.filter-select-menu button b{color:var(--accent-2);font-size:12px}.filter-panel{position:relative;z-index:4}@media (max-width:720px){.filter-select-trigger{min-width:128px}.filter-select-menu{min-width:158px}.filter-scroll:has(.filter-select-menu){overflow:visible;flex-wrap:wrap;padding-bottom:145px}}.header-controls{position:relative;align-items:center}.header-control{position:relative}.header-control-trigger{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--ink);font-size:12px;font-weight:800;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.header-control-trigger:hover,.header-control-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.header-control-trigger:active{transform:translateY(1px)}.header-control-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:900;line-height:1}.theme-icon{font-size:14px}.header-control-label{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-control-chevron{color:var(--subtle);font-size:15px;line-height:.8;transition:transform .2s ease}.header-control-trigger[aria-expanded=true] .header-control-chevron{transform:rotate(180deg)}.header-menu{position:absolute;z-index:12;top:calc(100% + 8px);right:0;min-width:148px;display:grid;gap:3px;padding:6px;border:1px solid var(--line-strong);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:header-menu-in .18s cubic-bezier(.16,1,.3,1) both}.header-menu button{width:100%;min-height:34px;display:flex;align-items:center;gap:8px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:750;text-align:left;transition:color .16s ease,background .16s ease}.header-menu button:hover,.header-menu button:focus-visible{background:var(--accent-soft);color:var(--accent);outline:0}.header-menu button.is-selected{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.header-menu button b{margin-left:auto;color:var(--accent-2);font-size:12px}.header-theme-menu{min-width:136px}.header-theme-menu .header-control-icon{flex:0 0 auto}.header-theme-menu .theme-icon{background:transparent;color:var(--accent-2)}@keyframes header-menu-in{0%{opacity:0;transform:translate3d(0,-5px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@media (max-width:720px){.header-controls{gap:6px}.header-control-trigger{min-height:34px;padding:6px 7px;gap:5px}.header-control-icon{width:17px;height:17px}.header-control-label{display:none}.header-control-chevron{font-size:13px}.header-menu{top:calc(100% + 7px);min-width:132px}.header-menu button{min-height:36px;font-size:12px}}@media (min-width:961px){.method-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.method-card{grid-column:span 2;min-height:174px;padding:19px}.method-card:nth-child(4),.method-card:nth-child(5){grid-column:span 3}.method-card h3{min-height:0}.method-card>div{margin-bottom:21px}}.topbar-shell{position:fixed;top:0;right:0;left:0}.page-content{padding-top:76px}#top,#directory,#methodology,#faq{scroll-margin-top:96px}@media (max-width:720px){.page-content{padding-top:68px}#top,#directory,#methodology,#faq{scroll-margin-top:84px}}html{scrollbar-color:color-mix(in srgb,var(--accent) 74%,var(--accent-2)) color-mix(in srgb,var(--surface-muted) 88%,var(--bg));scrollbar-width:thin}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-muted) 88%,var(--bg));border-left:1px solid color-mix(in srgb,var(--line) 72%,transparent)}::-webkit-scrollbar-thumb{min-height:48px;border:3px solid color-mix(in srgb,var(--surface-muted) 88%,var(--bg));border-radius:999px;background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:inset 0 0 0 1px #ffffff2e}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7eeaf5,var(--accent));box-shadow:0 0 12px color-mix(in srgb,var(--accent-2) 40%,transparent)}::-webkit-scrollbar-corner{background:var(--surface-muted)}.back-to-top{position:fixed;z-index:19;right:max(24px,calc((100vw - 1180px)/2));bottom:24px;width:48px;min-width:48px;height:48px;display:grid;place-items:center;gap:0;padding:4px;border:1px solid color-mix(in srgb,var(--accent-2) 42%,var(--line-strong));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--accent)),color-mix(in srgb,var(--surface-muted) 92%,var(--accent-2)));box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 13%,transparent),inset 0 1px color-mix(in srgb,#fff 52%,transparent);color:var(--accent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.back-to-top>span:first-child{display:block;font-size:20px;font-weight:850;line-height:.82;transition:transform .2s ease}.back-to-top-label{display:block;margin-top:1px;color:var(--subtle);font-size:8px;font-weight:900;letter-spacing:.8px;line-height:1}.back-to-top:hover{border-color:var(--accent-2);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 80%,var(--surface)),color-mix(in srgb,var(--surface) 78%,var(--accent-2)));box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 24%,transparent),0 0 0 4px color-mix(in srgb,var(--accent-2) 9%,transparent);transform:translateY(-3px)}.back-to-top:hover>span:first-child{transform:translateY(-2px)}.back-to-top:active{transform:translateY(-1px)}.back-to-top.has-compare-tray{bottom:96px}@media (max-width:720px){.back-to-top{right:15px;bottom:16px;width:46px;min-width:46px;height:46px;border-radius:13px}.back-to-top.has-compare-tray{bottom:102px}}@media (max-width:720px){:root{--content-width:min(1180px, calc(100% - 30px - env(safe-area-inset-left) - env(safe-area-inset-right)) } body{-webkit-tap-highlight-color:transparent} .topbar-shell{backdrop-filter:blur(12px)} .site-header{height: calc(68px + env(safe-area-inset-top)) ;padding-top:env(safe-area-inset-top);gap:10px} .page-content{padding-top: calc(68px + env(safe-area-inset-top)) } #top,#directory,#methodology,#faq{scroll-margin-top: calc(84px + env(safe-area-inset-top)) } .brand{gap:9px;font-size:17px} .header-controls{gap:5px} .header-control-trigger{min-width:42px;min-height:42px;justify-content:center;padding:7px 8px} .header-control-icon{width:18px;height:18px} .header-menu{max-height:min(320px, calc(100dvh - 92px - env(safe-area-inset-top)) );overflow-y:auto} .header-menu button{min-height:42px} .ambient-glow{filter:blur(50px)} .hero-copy{padding:32px 14px 20px} .hero-copy-topline{gap:10px} .hero-sequence{font-size:9px;letter-spacing:1.1px} .hero-title-block{margin-top:21px;padding-left:13px} .hero-copy h1{font-size:clamp(40px,11vw,54px);letter-spacing:-2.5px;line-height:.98} .hero-description{margin:18px 0 20px 13px;font-size:13px;line-height:1.72} .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-left:13px} .hero-actions .button{min-height:46px;padding:10px 8px;font-size:12px;white-space:nowrap} .hero-assurance{margin-top:25px;margin-left:13px;padding-bottom:9px} .risk-callout{margin-left:13px;font-size:10px} .hero-panel{min-height:246px;margin:0 0 16px;padding:18px;border-radius:15px} .radar-orb{top:56px;width:132px;height:132px} .panel-line{padding:10px 0;font-size:11px} .stats div{min-height:74px;padding:8px 3px} .stats strong{font-size:23px} .stats span{font-size:9px;line-height:1.25} .directory,.methodology,.faq{padding:62px 0} .section-heading{margin-bottom:25px} .section-heading h2{font-size:clamp(29px,8.2vw,38px);letter-spacing:-1.6px} .section-heading>p:last-child{font-size:13px;line-height:1.68} .filter-panel{gap:10px;margin-bottom:16px;padding:10px;border-radius:13px} .search-field{min-height:46px;padding:0 13px} .search-field input{font-size:14px} .filter-scroll{width:100%;gap:8px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 7px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x} .filter-scroll::-webkit-scrollbar{display:none} .filter-control,.filter-scroll .text-button{scroll-snap-align:start} .filter-select-trigger{min-width:136px;min-height:44px;padding:10px 10px 10px 12px;font-size:12px} .filter-select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .filter-scroll .text-button{min-height:44px;padding:10px 8px} .filter-scroll:has(.filter-select-menu){overflow:visible;flex-wrap:nowrap;padding-bottom:150px} .filter-select-menu{min-width:172px;padding:7px;border-radius:12px} .filter-select-menu button{min-height:42px;padding:8px 9px} .result-bar{align-items:flex-start;flex-wrap:wrap;gap:7px;margin-bottom:13px;line-height:1.45} .inline-notice{width:100%} .platform-grid{gap:13px} .platform-card{padding:18px;border-radius:14px} .platform-card:active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));transform:scale(.992)} .platform-logo{width:40px;height:40px} .platform-identity h3{font-size:16px} .score-row{margin:17px 0 13px} .card-details{gap:9px;padding:13px 0} .card-details div{grid-template-columns:84px minmax(0,1fr);gap:8px} .card-details dd{font-size:11px;line-height:1.5} .editor-note{min-height:0;margin:13px 0;font-size:12px} .card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} .compare-button,.visit-button{min-height:44px;padding:9px 7px;border-radius:9px;font-size:12px} .details-trigger{min-height:44px;margin-top:11px;padding:10px 0 0;font-size:12px} .method-grid{gap:9px} .method-card{min-height:158px;padding:14px;border-radius:12px} .method-card>div{margin-bottom:17px} .method-card h3{min-height:0;margin-bottom:6px;font-size:12px} .method-card p{font-size:10px;line-height:1.5} .faq{gap:17px} .faq-list{gap:8px} .faq details{padding:0 14px;border-radius:10px} .faq summary{min-height:54px;align-items:center;padding:13px 0;font-size:13px;line-height:1.45} .faq details p{margin:-1px 0 15px;font-size:12px;line-height:1.68} footer{padding-bottom: calc(26px + env(safe-area-inset-bottom)) } .compare-tray{right:max(15px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width: calc(100% - 30px - env(safe-area-inset-left) - env(safe-area-inset-right)) ;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 11px 11px 13px;border-radius:13px} .compare-tray strong{max-width:118px;font-size:11px} .compare-tray>div:last-child{gap:3px} .compare-tray .text-button,.compare-tray .button{min-height:40px;padding:8px 9px;font-size:11px} .back-to-top{right:max(15px,env(safe-area-inset-right));bottom: calc(16px + env(safe-area-inset-bottom)) } .back-to-top.has-compare-tray{bottom: calc(104px + env(safe-area-inset-bottom)) } .modal-backdrop{align-items:end;overflow:hidden;padding:0;overscroll-behavior:contain} .modal{width:100%;max-height:min(88dvh,760px);padding:22px 16px calc(18px + env(safe-area-inset-bottom)) ;border-radius:18px 18px 0 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .modal-close{top:12px;right:12px;width:40px;height:40px;border-radius:10px} .modal-head{gap:10px;padding-right:48px} .modal-head h2,.compare-modal h2,.outbound-modal h2{font-size:23px} .modal-summary{margin:20px 0} .modal-highlights span{padding:8px 9px} .review-stamp{gap:10px;align-items:flex-start;margin:16px 0;line-height:1.45} .modal-actions{gap:8px} .modal-actions .button{min-height:44px;flex:1;padding:10px 9px} .compare-table-wrap{margin-top:17px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch} .compare-table-wrap::-webkit-scrollbar{height:8px} th,td{padding:11px 10px} } @media(max-width:374px){ .site-header{gap:7px} .brand{font-size:16px} .brand-mark{width:24px;height:24px} .header-control-trigger{min-width:40px;padding:7px 6px} .hero-actions .button{font-size:11px} .method-grid{grid-template-columns:1fr} .method-card{min-height:0} .compare-tray strong{max-width:92px} } .access-gate{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:32px;background:radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),radial-gradient(circle at 12% 86%,color-mix(in srgb,var(--accent-2) 11%,transparent),transparent 32%),var(--bg)} .access-gate-grid{position:absolute;inset:0;pointer-events:none;opacity:.44;background-image:linear-gradient(color-mix(in srgb,var(--line) 48%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 48%,transparent) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,#000,transparent 76%)} .access-gate-card{position:relative;width:min(570px,100%);padding:36px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px)} .access-gate-brand{display:flex;align-items:center;gap:11px;margin-bottom:38px;color:var(--ink);font-size:20px;font-weight:850;letter-spacing:-1px}.access-gate-brand .brand-mark{width:30px;height:30px;flex:0 0 30px}.access-gate-brand>span:last-child span{color:var(--accent)} .access-gate-card .eyebrow{margin-bottom:15px}.access-gate-card h1{max-width:490px;margin:0;font-size:clamp(31px,4.5vw,46px);line-height:1.06;letter-spacing:-2px}.access-gate-description{max-width:500px;margin:16px 0 22px;color:var(--muted);font-size:14px;line-height:1.75} .access-gate-requirements{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}.access-gate-requirements li{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);color:var(--ink);font-size:12px;font-weight:750}.access-gate-requirements span{color:var(--accent-2);font-size:10px;font-weight:900;letter-spacing:.8px} .access-gate-reason{display:flex;align-items:flex-start;gap:8px;margin:0;padding:12px;border-left:3px solid var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:var(--muted);font-size:12px;line-height:1.6}.access-gate-reason span{display:grid;width:17px;height:17px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--warning);color:var(--surface);font-size:11px;font-weight:900;line-height:1} .access-gate-guide{margin-top:18px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface-muted) 86%,transparent)}.access-gate-guide h2{margin:0 0 12px;color:var(--ink);font-size:14px;letter-spacing:-.2px}.access-gate-guide ol{display:grid;gap:10px;margin:0 0 16px;padding:0;list-style:none}.access-gate-guide li{display:flex;align-items:flex-start;gap:9px}.access-gate-guide li>span{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:900}.access-gate-guide li p{margin:1px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.access-gate-guide label{display:block;margin-bottom:7px;color:var(--subtle);font-size:10px;font-weight:850;letter-spacing:.55px;text-transform:uppercase}.access-gate-copy{display:flex;gap:7px}.access-gate-copy input{min-width:0;width:100%;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:11px;outline:0}.access-gate-copy input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.access-gate-copy button{min-width:78px;height:40px;padding:0 11px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#fff;font-size:12px;font-weight:850;transition:transform .2s ease,background .2s ease}.access-gate-copy button:hover{background:var(--accent-2)}.access-gate-copy button:active{transform:translateY(1px)}.access-gate-copy-status{min-height:17px;margin:8px 0 0;color:var(--success);font-size:11px;line-height:1.5} .access-gate-note{margin:15px 0 0;color:var(--subtle);font-size:11px;line-height:1.6} @media(max-width:720px){.access-gate{min-height:100dvh;padding: calc(20px + env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))}.access-gate-grid{background-size:34px 34px}.access-gate-card{padding:25px 20px;border-radius:18px}.access-gate-brand{margin-bottom:27px;font-size:18px}.access-gate-card h1{font-size:clamp(29px,9vw,38px);letter-spacing:-1.5px}.access-gate-description{font-size:13px;line-height:1.7}.access-gate-requirements li{min-height:44px;font-size:12px}.access-gate-reason{font-size:12px}.access-gate-guide{padding:14px}.access-gate-guide li p{font-size:11.5px}.access-gate-copy button{min-width:82px}.access-gate-note{font-size:10.5px}} :root[lang="zh-CN"],:root[lang="zh-TW"]{font-family:var(--font-cjk)} :root[lang="zh-TW"]{--font-cjk:"PingFang TC","Microsoft JhengHei UI","Microsoft JhengHei","Noto Sans CJK TC",sans-serif} :root[lang="zh-CN"] .brand,:root[lang="zh-CN"] .hero-sequence,:root[lang="zh-CN"] .hero-title-label,:root[lang="zh-CN"] .platform-domain,:root[lang="zh-TW"] .brand,:root[lang="zh-TW"] .hero-sequence,:root[lang="zh-TW"] .hero-title-label,:root[lang="zh-TW"] .platform-domain{font-family:var(--font-ui)} :root[lang="zh-CN"] .hero-copy h1,:root[lang="zh-TW"] .hero-copy h1{max-width:700px;font-family:var(--font-cjk);font-size:clamp(46px,5vw,72px);font-weight:650;line-height:1.04;letter-spacing:-.028em;text-wrap:balance} :root[lang="zh-CN"] .hero-copy h1 em,:root[lang="zh-TW"] .hero-copy h1 em{margin-top:9px;letter-spacing:-.032em} :root[lang="zh-CN"] .hero-description,:root[lang="zh-TW"] .hero-description{font-family:var(--font-cjk);font-weight:500;letter-spacing:.012em;line-height:1.82} :root[lang="zh-CN"] .section-heading h2,:root[lang="zh-TW"] .section-heading h2{font-family:var(--font-cjk);font-weight:650;line-height:1.14;letter-spacing:-.026em} @media(max-width:720px){:root[lang="zh-CN"] .hero-copy h1,:root[lang="zh-TW"] .hero-copy h1{font-size:clamp(39px,10.5vw,52px);line-height:1.07;letter-spacing:-.022em}:root[lang="zh-CN"] .hero-copy h1 em,:root[lang="zh-TW"] .hero-copy h1 em{margin-top:7px;letter-spacing:-.027em}:root[lang="zh-CN"] .hero-description,:root[lang="zh-TW"] .hero-description{line-height:1.78;letter-spacing:.008em}} )}}