.nav{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1232px;height:80px;margin:0 auto;padding:0 16px;display:flex}.brand{color:var(--text-strong);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{background:radial-gradient(circle at 35% 35%, #4f8bff 0%, var(--primary) 55%, var(--primary-deep) 100%);border-radius:50%;width:40px;height:40px;position:relative;box-shadow:0 4px 12px #1664ff47}.brand-mark:before,.brand-mark:after{content:"";border:2.5px solid #ffffffeb;border-color:#ffffffeb #ffffffeb #0000 #0000;border-radius:50%;position:absolute;transform:rotate(45deg)}.brand-mark:before{inset:9px}.brand-mark:after{border-width:2px;inset:15px}.brand-text{color:var(--primary);letter-spacing:.02em;flex-direction:column;font-size:21px;font-weight:700;line-height:1.15;display:flex}.brand-text small{color:var(--text-muted);letter-spacing:.04em;font-size:11px;font-weight:400}.nav-links{gap:4px;display:flex}.nav-links button{border-radius:var(--radius-sm);height:36px;color:var(--text);cursor:pointer;transition:color .16s var(--ease), background .16s var(--ease);background:0 0;border:0;padding:0 14px;font-size:15px}.nav-links button:hover{color:var(--primary)}.nav-links button.is-on{color:var(--primary);font-weight:600}.hero{background:radial-gradient(60% 80% at 8% 20%, #1664ff1a, transparent 60%), radial-gradient(50% 70% at 92% 30%, #1bc0881a, transparent 60%), radial-gradient(40% 60% at 50% 100%, #1664ff0f, transparent 60%), linear-gradient(180deg, #f3f7ff 0%, var(--bg) 100%)}.hero-inner{max-width:1200px;margin:0 auto;padding:56px 16px 44px}.hero.is-compact .hero-inner{padding:28px 16px 30px}.hero-badge{border-radius:var(--radius-pill);background:var(--surface);height:32px;color:var(--primary);box-shadow:var(--shadow-card);align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge i{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #1bc0882e}.hero-title{color:var(--text-strong);letter-spacing:.01em;margin-top:22px;font-size:clamp(26px,2.6vw,36px);font-weight:400;line-height:1.15}.hero-title em{color:var(--primary);font-style:normal}.hero-sub{max-width:62ch;color:var(--text-muted);margin-top:14px;font-size:15px}.probe{margin-top:30px}.hero.is-compact .probe{margin-top:0}.probe-modes{margin-bottom:16px}.probe-modes .pill{border-radius:var(--radius-pill);height:29px;color:var(--primary);padding:0 12px;font-size:14px}.probe-modes .pill.is-on{color:#fff}.probe-row{flex-wrap:wrap;gap:16px;display:flex}.probe-field{border:1px solid var(--input-line);border-radius:var(--radius);background:var(--surface);height:60px;transition:border-color .16s var(--ease), box-shadow .16s var(--ease);flex:420px;align-items:center;display:flex;position:relative}.probe-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #1664ff1f}.probe-field:has(input[aria-invalid=true]){border-color:var(--danger)}.probe-icon{width:20px;height:20px;color:var(--text-faint);pointer-events:none;position:absolute;left:18px}.probe-field input{border-radius:inherit;width:100%;height:100%;color:var(--text);background:0 0;border:0;padding:0 16px 0 50px;font-size:15px}.probe-field input::placeholder{color:var(--text-faint)}.probe-field input:focus{outline:none}.probe-go,.probe-stop,.probe-share{border-radius:var(--radius);cursor:pointer;min-width:160px;height:60px;transition:background .16s var(--ease), box-shadow .16s var(--ease), transform .16s var(--ease);border:0;flex:none;padding:0 16px;font-size:18px}.probe-go{background:var(--primary);color:#fff}.probe-go:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.probe-go:disabled{opacity:.6;cursor:not-allowed}.probe-stop{background:var(--accent);color:#fff;padding:0 32px}.probe-stop:hover{background:var(--accent-hover)}.probe-share{background:var(--surface);color:var(--primary);border:1px solid var(--primary);padding:0 32px}.probe-share:hover{background:var(--primary-soft)}.probe-error{color:var(--danger);margin-top:12px;font-size:14px}.probe-note{color:var(--accent-hover);margin-top:12px;font-size:14px}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1232px;margin:0 auto;padding:8px 16px 20px;display:grid}.feature{transition:transform .2s var(--ease), box-shadow .2s var(--ease);padding:20px}.feature:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.feature h2{color:var(--text-strong);align-items:center;gap:10px;font-size:15px;font-weight:700;line-height:23px;display:flex}.feature-icon{width:20px;height:20px;color:var(--primary);display:inline-flex}.feature-icon svg{width:100%;height:100%}.feature:nth-child(2) .feature-icon{color:var(--warning)}.feature:nth-child(3) .feature-icon{color:var(--accent)}.feature:nth-child(4) .feature-icon{color:var(--violet)}.feature p{color:var(--text-muted);margin-top:10px;font-size:13px;line-height:21px}.footer{max-width:1232px;color:var(--text-faint);text-align:center;margin:0 auto;padding:24px 16px 40px;font-size:12.5px}@media (max-width:1000px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.nav-inner{height:60px;padding:0 16px}.brand-text{font-size:18px}.brand-text small,.nav-links{display:none}.hero-inner{padding:36px 16px 32px}.hero.is-compact .hero-inner{padding:20px 16px 22px}.probe-field{flex-basis:100%;height:52px}.probe-go,.probe-stop,.probe-share{flex:auto;height:52px;padding:0 20px;font-size:16px}.features{grid-template-columns:minmax(0,1fr);padding:8px 16px 16px}}