:root{--navy:#031322;--cyan:#1ab7e6;--orange:#ff7900;--paper:#f4f7fa;--ink:#071726}.generic-category{background:var(--paper);color:var(--ink)}.generic-hero{padding:calc(94px + env(safe-area-inset-top)) max(24px,calc((100% - 1100px)/2)) 42px;background:linear-gradient(125deg,#020b15,#063b5c);border-bottom:2px solid var(--cyan);color:#fff}.generic-hero p{margin:0 0 9px;color:#77d7f1;font-size:.75rem;font-weight:800;letter-spacing:.14em}.generic-hero h1{margin:0;font-size:clamp(2rem,8vw,3.8rem)}.generic-hero span{display:block;max-width:640px;margin-top:14px;color:#d8eaf1;line-height:1.65}.generic-main{max-width:1100px;margin:0 auto;padding:30px 16px 64px}.generic-main h2{margin:0 0 9px;font-size:1.25rem}.generic-main>p{margin:0;color:#607180;line-height:1.7}.preparing-card{margin-top:22px;padding:24px 18px;border:1px solid #cbdbe4;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(4,23,40,.06)}.preparing-card b{display:inline-block;padding:5px 7px;border-radius:4px;background:#edf4f8;color:#087bb7;font-size:.7rem}.preparing-card h3{margin:10px 0 7px;font-size:1.15rem}.preparing-card p{margin:0;color:#596978;line-height:1.65;font-size:.85rem}.guide-jump{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:15px;border-radius:9px;background:#041c31;color:#fff;text-decoration:none}.guide-jump small{display:block;margin-bottom:3px;color:#8fc9de}.guide-jump b{font-size:.9rem}.guide-jump i{color:var(--orange);font-size:1.7rem;font-style:normal}.tool-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}.tool-heading p{margin:0 0 4px;color:#087bb7;font-size:.72rem;font-weight:900;letter-spacing:.1em}.tool-heading>span{padding:5px 8px;border-radius:5px;background:#e4f4fa;color:#087bb7;font-size:.75rem;font-weight:900}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.tool-card{padding:10px;border:1px solid #d9e3e9;border-radius:12px;background:#fff;box-shadow:0 5px 15px rgba(4,23,40,.07)}.tool-icon{position:relative;display:grid;place-items:center;min-height:105px;margin-bottom:9px;border-radius:8px;background:radial-gradient(circle at 75% 20%,#4ac2e6,transparent 30%),linear-gradient(135deg,#031321,#07527d);color:#f2fbff;font-size:3.4rem}.tool-icon--wrench{color:#ff9b25}.tool-icon small{position:absolute;right:7px;bottom:6px;color:#b8d5df;font-size:.53rem}.tool-card>b{color:#527080;font-size:.62rem;letter-spacing:.04em}.tool-card h3{min-height:2.8em;margin:3px 0 6px;font-size:.82rem;line-height:1.38}.tool-card p{margin:0;color:#61727d;font-size:.65rem;line-height:1.4}.tool-card a{display:block;margin-top:9px;padding:9px 5px;border-radius:6px;background:#e74923;color:#fff;font-size:.74rem;font-weight:900;text-align:center;text-decoration:none}.tool-main{max-width:920px;margin:0 auto;padding:96px 18px 56px}.tool-breadcrumb{margin:0 0 14px;color:#6a7b88;font-size:13px}.tool-breadcrumb a{color:#1676b2;text-decoration:none}.tool-hero{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:30px;padding:28px;background:#fff;border:1px solid #d9e1e8;border-radius:18px;box-shadow:0 14px 38px rgba(0,30,53,.08)}.tool-visual{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:14px;background:radial-gradient(circle at 65% 32%,#105783,#031322 63%);overflow:hidden}.tool-visual svg{width:88%;stroke:#73d5ff;stroke-width:4;fill:rgba(20,143,208,.18);stroke-linejoin:round}.tool-visual small{position:absolute;bottom:14px;color:#b7d7e7;font-size:11px}.tool-rank{position:absolute;top:15px;left:15px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffbd21;color:#13212b;font-weight:900}.tool-status{display:inline-block;margin-bottom:9px;color:#087cba;font-size:12px;font-weight:800}.tool-copy h1{margin:0;font-size:clamp(25px,4vw,37px);line-height:1.18}.tool-model{margin:9px 0 14px;color:#5c6d78;font-weight:800}.tool-specs{display:flex;flex-wrap:wrap;gap:7px}.tool-specs span{padding:5px 9px;border-radius:99px;background:#e6f5fb;color:#07587c;font-weight:800;font-size:12px}.tool-lead{line-height:1.8}.tool-fact{margin:16px 0;padding:14px;background:#f2f7fa;border-left:4px solid #159dd9;line-height:1.7}.tool-actions{display:flex;flex-wrap:wrap;gap:9px}.tool-actions a,.tool-actions button{padding:12px 15px;border:0;border-radius:8px;font:inherit;font-weight:800;text-decoration:none}.tool-actions a{background:#ff7d00;color:#111}.tool-actions button{background:#e7ecef;color:#78858c}.tool-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.tool-panel{padding:19px;background:#fff;border:1px solid #d9e1e8;border-radius:12px}.tool-panel h2{margin:0 0 9px;font-size:18px}.tool-panel p,.tool-note{line-height:1.8;color:#536570}.tool-note{font-size:13px}.guide-article{max-width:900px;margin:0 auto;padding:27px 18px 60px}.guide-article section{margin:20px 0;padding:24px;background:#fff;border:1px solid #d9e1e8;border-radius:14px}.guide-article h2{margin:0 0 16px;font-size:23px}.guide-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-compare>div{padding:18px;background:#f1f8fb;border-radius:10px}.guide-compare span{color:#057bb7;font-weight:900;font-size:13px}.guide-compare h3{margin:7px 0}.guide-compare p{margin:0;line-height:1.75;color:#52646e}.guide-steps{margin:0;padding:0;list-style:none;counter-reset:step}.guide-steps li{display:grid;grid-template-columns:38px 1fr;gap:9px;margin:15px 0;line-height:1.65}.guide-steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#093d62;color:#fff;font-weight:900}.guide-steps b{display:block}.guide-steps span{grid-column:2;color:#536570}.guide-notice{border-left:5px solid #ff9f00!important}.guide-notice p{margin:0;line-height:1.8;color:#52646e}@media(min-width:760px){.generic-main{padding:45px 24px 70px}.preparing-card{padding:30px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.tool-main{padding:82px 14px 42px}.tool-hero,.tool-panels,.guide-compare{grid-template-columns:1fr}.tool-hero{padding:15px;gap:19px}.tool-visual{min-height:190px}.tool-copy h1{font-size:26px}.guide-article{padding:20px 14px 42px}.guide-article section{padding:18px}.guide-article h2{font-size:20px}}