*{box-sizing:border-box}button{font:inherit}.tools-page{--cyan:#18d7f1;color:#ddf8ff;background:radial-gradient(circle at 80% 2%,#19cbe62b,#0000 27%),radial-gradient(circle at 8% 78%,#0d9dbb24,#0000 28%),linear-gradient(145deg,#061820 0%,#062b3b 48%,#073b4d 100%);min-height:100vh;padding:0 30px 36px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.tools-grid-bg{pointer-events:none;opacity:.2;background-image:linear-gradient(#3fd2ea12 1px,#0000 1px),linear-gradient(90deg,#3fd2ea12 1px,#0000 1px);background-size:76px 76px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.tools-header{z-index:1;border-bottom:1px solid #4ad0e52e;justify-content:space-between;align-items:center;max-width:1380px;height:82px;margin:0 auto;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#052a38;background:linear-gradient(135deg,#44e6f7,#13a8c1);border-radius:11px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 22px #18d7f12e}.brand>span:last-child{gap:2px;display:grid}.brand strong{letter-spacing:.08em;font-size:15px}.brand small{color:#5ea2b0;letter-spacing:.22em;font-size:8px}.header-chip{color:#8bd8e4;background:#053a4c8c;border:1px solid #47c7dc33;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:flex}.header-chip svg{color:#42e9a5}.tools-hero{z-index:1;justify-content:space-between;align-items:end;gap:35px;max-width:1380px;margin:0 auto;padding:48px 4px 42px;display:flex;position:relative}.hero-kicker{color:var(--cyan);letter-spacing:.25em;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.hero-copy h1{letter-spacing:-.04em;margin:9px 0 10px;font-size:clamp(35px,5vw,58px)}.hero-copy p{color:#74aab6;max-width:620px;margin:0;font-size:14px;line-height:1.7}.hero-summary{background:#052a398c;border:1px solid #43c2d72e;border-radius:13px;min-width:410px;display:flex;overflow:hidden}.hero-summary>div{border-left:1px solid #43c2d71f;flex:1;gap:4px;padding:17px 19px;display:grid}.hero-summary>div:first-child{border-left:0}.hero-summary strong{color:#c8f7ff;font-variant-numeric:tabular-nums;font-size:17px}.hero-summary span{color:#588e9a;font-size:9px}.tools-section{z-index:1;max-width:1380px;margin:0 auto;position:relative}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading>div>span{color:var(--cyan);letter-spacing:.24em;font-size:9px;font-weight:700}.section-heading h2{align-items:center;gap:8px;margin:5px 0 0;font-size:21px;display:flex}.section-heading h2 svg{color:var(--cyan)}.section-heading p{color:#558c98;margin:0;font-size:11px}.tool-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.tool-card{--accent:#6a9daa;opacity:.62;background:linear-gradient(105deg,#073748db,#052635b8);border:1px solid #49b4c71f;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:154px;padding:25px 22px;display:grid;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--accent);opacity:.65;width:3px;position:absolute;inset:0 auto 0 0}.tool-card.active{cursor:pointer;opacity:1;background:linear-gradient(105deg,#084a5df0,#052b3bd1);border-color:#38d6ef47;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 18px 50px #0000002e}.tool-card.active:hover,.tool-card.active:focus-visible{border-color:#3bdef599;outline:none;transform:translateY(-2px);box-shadow:0 22px 65px #00000047,0 0 25px #18d7f10f}.accent-cyan{--accent:#18d7f1}.accent-orange{--accent:#ef8a4b}.accent-gold{--accent:#e6ab46}.accent-blue{--accent:#4b9ef1}.accent-green{--accent:#46d6a0}.accent-violet{--accent:#a685ee}.card-number{color:#8bd4e029;font-size:25px;font-weight:800;position:absolute;top:12px;right:14px}.tool-icon{width:72px;height:72px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);background:color-mix(in srgb,var(--accent) 12%,#021e2ae6);border-radius:18px;place-items:center;display:grid;box-shadow:inset 0 0 25px #0003}.tool-content{min-width:0}.tool-title-row{align-items:center;gap:9px;display:flex}.tool-title-row h3{margin:0;font-size:18px}.tool-title-row span{color:#719aa3;background:#4f7a8424;border-radius:5px;padding:4px 7px;font-size:9px}.tool-title-row span.available{color:#0f3a42;background:#58e0cf}.tool-content p{color:#679da8;max-width:420px;margin:9px 0 0;font-size:12px;line-height:1.55}.tool-card>button{color:#032b38;background:var(--cyan);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:116px;padding:11px 14px;font-weight:700;display:flex;box-shadow:0 0 18px #18d7f129}.coming-soon{color:#56828c;text-align:center;min-width:90px;font-size:11px}.tools-footer{z-index:1;color:#3e737e;letter-spacing:.15em;border-top:1px solid #43b5c91a;justify-content:space-between;max-width:1380px;margin:28px auto 0;padding-top:18px;font-size:8px;display:flex;position:relative}@media (width<=900px){.tools-page{padding:0 18px 28px}.tools-hero{flex-direction:column;align-items:stretch;padding:35px 2px 30px}.hero-summary{min-width:0}.tool-list{grid-template-columns:1fr}}@media (width<=560px){.tools-page{padding:0 14px 24px}.tools-header{height:67px}.brand-mark{width:36px;height:36px}.header-chip{padding:7px 9px;font-size:9px}.tools-hero{gap:24px;padding:30px 0 27px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:12px}.hero-summary>div{padding:13px 10px}.hero-summary strong{font-size:14px}.section-heading p{display:none}.tool-card{grid-template-columns:auto 1fr;gap:13px;min-height:142px;padding:20px 15px}.tool-icon{border-radius:15px;width:58px;height:58px}.tool-title-row{flex-direction:column;align-items:flex-start;gap:5px}.tool-title-row h3{font-size:16px}.tool-content p{margin-top:6px;font-size:10px}.tool-card>button,.coming-soon{grid-column:1/-1;width:100%;min-width:0}.tool-card>button{padding:10px}.coming-soon{border-top:1px solid #4f9aa91a;padding:7px 0}.tools-footer{text-align:center;flex-direction:column;align-items:center;gap:7px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}