:root{--ink:#113049;--muted:#5f7583;--paper:#edf4f3;--line:#d4e0df;--aqua:#0a9198;--navy:#102c45}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 7% 5%,#d7eff0 0,transparent 28%),var(--paper);color:var(--ink);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}main{width:min(1360px,calc(100% - 48px));margin:0 auto;padding:46px 0 30px}.masthead{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;margin-bottom:42px}.mark{position:relative;width:64px;height:64px;border:2px solid var(--aqua);border-radius:50%}.mark span,.mark i,.mark b{position:absolute;display:block;border-radius:50%;background:var(--aqua)}.mark span{width:13px;height:13px;left:14px;top:19px}.mark i{width:8px;height:8px;right:11px;top:13px}.mark b{width:19px;height:2px;right:5px;bottom:15px;transform:rotate(-38deg)}.eyebrow{margin:0 0 5px;color:var(--aqua);font-size:11px;font-weight:800;letter-spacing:.17em}h1{margin:0;font-size:clamp(28px,3.2vw,45px);line-height:1.06;letter-spacing:-.04em}.intro{margin:0;color:var(--muted);font-size:14px;line-height:1.65;text-align:right}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 14px 34px rgba(28,59,72,.09);transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(28,59,72,.16)}figure{position:relative;height:215px;margin:0;overflow:hidden;background:#cbdde0}figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,32,48,.02),rgba(8,32,48,.3))}figure img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .35s ease}.tool-card:hover figure img{transform:scale(1.045)}figcaption{position:absolute;z-index:1;left:17px;top:15px;padding:4px 7px;border-radius:3px;background:rgba(255,255,255,.9);color:var(--navy);font-size:10px;font-weight:800;letter-spacing:.1em}.card-body{display:grid;grid-template-columns:35px 1fr;padding:22px 23px 21px;gap:0 10px}.number{grid-row:span 2;margin:1px 0 0;color:var(--aqua);font-size:12px;font-weight:800}.card-body h2{margin:0 0 10px;font-size:20px;line-height:1.25;letter-spacing:-.025em}.card-body>p:not(.number){grid-column:2;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.card-body span{grid-column:2;margin-top:20px;color:var(--aqua);font-size:13px;font-weight:700}.card-body b{margin-left:5px;font-size:17px}.atmosphere .card-body span{color:#087f84}.orbit .card-body span{color:#1c6589}.water .card-body span{color:#007c83}footer{display:flex;justify-content:space-between;margin-top:28px;color:#71858c;font-size:11px;letter-spacing:.04em}@media(max-width:900px){main{width:min(620px,calc(100% - 30px));padding-top:30px}.masthead{grid-template-columns:58px 1fr;gap:13px;margin-bottom:28px}.mark{width:54px;height:54px}.intro{display:none}.tool-grid{grid-template-columns:1fr;gap:16px}.tool-card{display:grid;grid-template-columns:42% 58%;min-height:190px}figure{height:auto;min-height:190px}.card-body{padding:18px 16px}.card-body h2{font-size:18px}.card-body>p:not(.number){font-size:12px}.card-body span{margin-top:12px}footer{margin-top:22px}}@media(max-width:480px){.tool-card{display:flex}.tool-card figure{height:170px}.masthead{grid-template-columns:46px 1fr}.mark{width:43px;height:43px}.mark span{left:9px;top:13px}.mark i{right:7px;top:8px}.mark b{bottom:10px}h1{font-size:29px}footer{font-size:10px}}