:root{--navy:#082746;--navy2:#0c365a;--teal:#00b9b5;--ink:#0c203b;--muted:#53667c;--line:#d8e8ef;--pale:#edf9fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.top{max-width:1250px;margin:auto;padding:14px 25px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;line-height:1.1}.brand strong{font-size:26px;letter-spacing:-1.2px}.brand em{display:block;font-style:normal;font-size:12px;font-weight:650;margin-top:4px}.teal{color:var(--teal)}.mark{position:relative;font-size:43px;color:#00a9ad;line-height:1}.mark small{font-size:19px;position:absolute;top:16px;left:13px;color:#09658c}.top nav{display:flex;gap:25px;font-weight:650;font-size:14px}.top nav a:hover,.footlinks a:hover{color:#00a5a5}.menu{display:none;background:transparent;border:0;font-size:26px}.hero{background:radial-gradient(ellipse at 75% 45%,#146c82 0,transparent 43%),linear-gradient(125deg,#06213f,#0b3c61 70%,#06213f);color:white;overflow:hidden}.hero-inner{max-width:1250px;margin:auto;padding:75px 25px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-3px;margin:0 0 10px}.hero h2{font-size:clamp(25px,3vw,37px);margin:0 0 18px;line-height:1.2}.hero p{font-size:18px;max-width:620px;color:#e0f3f8}.hero-art{height:290px;position:relative;border:1px solid #4db7c5;border-radius:22px;background:linear-gradient(150deg,#194a70,#05192e);box-shadow:0 24px 70px #00162780;transform:perspective(850px) rotateY(-10deg) rotateX(4deg);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:38px}.hero-art span{display:grid;place-items:center;background:#104a69;border:1px solid #1eb9c4;border-radius:16px;font-size:39px;box-shadow:inset 0 0 24px #08d5c322}.search{display:flex;max-width:670px;border-radius:40px;background:white;padding:6px;gap:5px;box-shadow:0 5px 30px #001f3244}.search input{flex:1;min-width:0;border:0;outline:0;padding:12px 19px;border-radius:30px;color:#18314a}.btn{background:linear-gradient(120deg,#00b9b5,#008b90);color:white;border:0;border-radius:30px;padding:12px 24px;font-weight:750}.btn:hover{filter:brightness(.93)}.outline{display:inline-block;border:1px solid #009fa5;border-radius:25px;color:#007f87;background:transparent;padding:9px 16px;font-weight:700}.highlights{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:650;margin-top:23px}.highlights span:before{content:'✓';color:#042e45;background:#3ce5e3;border-radius:50%;padding:1px 5px;margin-right:7px}.wrap{max-width:1250px;margin:auto;padding:55px 25px}.center{text-align:center}.section-title{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:0 0 10px;letter-spacing:-1px}.subtitle{color:var(--muted);margin:0 0 28px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:28px}.category{border:1px solid #d5e8f0;background:linear-gradient(160deg,#fff,#f0f9fb);border-radius:15px;padding:23px 10px;box-shadow:0 4px 12px #0c365a0b;text-align:center;font-weight:750}.category:hover,.card:hover{border-color:#00b9b5;transform:translateY(-2px)}.category .emoji{font-size:32px;display:block;margin-bottom:8px}.tint{background:linear-gradient(180deg,#eaf9fb,#f8fdff)}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #d6e8ee;background:white;border-radius:18px;padding:23px;transition:.2s;box-shadow:0 8px 25px #0b42600c;display:flex;flex-direction:column;gap:12px}.cardtop{display:flex;gap:12px;align-items:center}.appicon{width:56px;height:56px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#d8fbfa,#dfe9ff);font-size:26px}.card h3{margin:0;font-size:21px}.pill{display:inline-block;border-radius:20px;background:#d7f7f5;color:#076f74;font-size:11px;font-weight:750;padding:3px 10px}.card p{color:#425971;margin:0;flex:1}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:5px}.actions a,.actions button{font-size:13px}.why{background:#06294b;color:white}.why-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:35px;align-items:center}.why h2{font-size:35px;line-height:1.15}.why h3{margin:8px 0}.why p{color:#d2e6f0;margin:0}.why .emoji{font-size:36px}.pagehead{background:linear-gradient(110deg,#082746,#145a72);color:white;padding:52px 25px}.pagehead>div{max-width:1200px;margin:auto}.pagehead h1{font-size:42px;margin:0}.pagehead p{max-width:730px;color:#e1f2f7}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filters input,.filters select,.field{border:1px solid #b9d3dd;border-radius:11px;padding:12px 14px;background:white;color:#17344d}.filters input{flex:1;min-width:220px}.detail{display:grid;grid-template-columns:1fr 300px;gap:30px}.panel{border:1px solid var(--line);border-radius:16px;padding:24px;background:white}.panel h2{margin-top:0}.note{background:#f1f9fb;border-left:4px solid var(--teal);padding:14px;border-radius:6px;color:#37556a}.compare-table{width:100%;border-collapse:collapse;min-width:620px}.compare-table td,.compare-table th{border-bottom:1px solid #dce8ef;padding:14px;text-align:left}.tablewrap{overflow-x:auto}.guides{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide{border:1px solid var(--line);border-radius:15px;padding:25px}.guide h3{margin-top:0}.article{max-width:850px}.article h2{margin-top:30px}.contactform{max-width:680px;display:grid;gap:12px}.contactform label{font-weight:650}.contactform textarea{min-height:130px}.contactform input,.contactform textarea{width:100%;border:1px solid #bad2dc;border-radius:10px;padding:12px}footer{background:#061d34;color:white;padding:40px max(25px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:2fr 1fr;gap:20px}footer p{margin:4px 0}footer small{color:#c4d6e3}footer .footlinks{display:flex;flex-wrap:wrap;gap:15px;align-content:start;font-size:14px}footer>small{grid-column:1/-1;border-top:1px solid #31506b;padding-top:15px}.empty{padding:35px;text-align:center;color:var(--muted)}@media(max-width:850px){.top{flex-wrap:wrap}.menu{display:block}.top nav{display:none;flex-basis:100%;flex-direction:column;gap:0}.top nav.open{display:flex}.top nav a{padding:12px;border-top:1px solid #e2edf1}.hero-inner{grid-template-columns:1fr;padding:50px 22px}.hero-art{height:210px;max-width:480px;width:100%;margin:auto;padding:25px}.categories{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}}@media(max-width:570px){.brand strong{font-size:23px}.brand em{font-size:10px}.wrap{padding:38px 18px}.cards,.guides,.why-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.hero-art{height:180px;gap:10px}.hero-art span{font-size:28px}.search .btn{padding:10px 13px}.highlights{gap:10px}.pagehead h1{font-size:33px}footer{grid-template-columns:1fr}.sectionhead{align-items:start}}