:root{--bg:#e9eff7;--surface:#f8fbff;--surface2:#e3ebf6;--ink:#192941;--muted:#52657d;--line:#ccdae8;--night:#18263f;--night2:#243756;--cyan:#20b9cc;--violet:#7869db;--amber:#f6ab63;--radius:20px;--shadow:0 18px 55px rgba(27,47,84,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:16px/1.75 'Inter','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #12b9ca;outline-offset:3px}h1,h2,h3,h4{font-family:'Inter Display','Inter','Segoe UI',sans-serif;line-height:1.18;letter-spacing:-.045em;margin:0 0 .7em}h1{font-size:clamp(2.4rem,4.7vw,4.5rem)}h2{font-size:clamp(1.65rem,2.5vw,2.5rem)}h3{font-size:1.32rem}p{margin:0 0 1.15rem}small{font-size:.85rem}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(860px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px 18px;z-index:99}.skip:focus{top:10px}.topbar{height:5px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--amber))}.header{background:rgba(245,249,255,.93);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(138,166,198,.3);backdrop-filter:blur(18px)}.headinner{min-height:79px;display:flex;gap:25px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-weight:900;font-size:1.16rem;letter-spacing:-.06em;line-height:1.1}.brand svg{width:44px;height:44px}.brand .brand-text span{color:#0a899e}.nav{display:flex;align-items:center;gap:23px;font-size:.9rem;font-weight:700}.nav a:hover,.footer a:hover{color:#0b94aa}.nav-cta{display:inline-flex;padding:11px 16px;background:var(--night);color:white!important;border-radius:11px}.nav-cta:hover{background:#365b7e}.menu-toggle{display:none;padding:8px 12px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:9px}.eyebrow{text-transform:uppercase;color:#1689a0;letter-spacing:.16em;font-weight:800;font-size:.75rem;margin-bottom:12px}.eyebrow.light{color:#90f0ef}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%,#34466f 0,transparent 38%),linear-gradient(130deg,#14233e,#243452 67%,#323b68);color:#f4f9ff}.hero:after{content:'';position:absolute;right:-150px;bottom:-280px;width:600px;height:600px;border-radius:50%;border:1px solid rgba(137,240,236,.2);box-shadow:0 0 0 65px rgba(61,157,189,.04),0 0 0 130px rgba(135,122,211,.05);pointer-events:none}.hero-grid{min-height:530px;display:grid;grid-template-columns:1fr .94fr;gap:32px;align-items:center;padding:75px 0 65px}.hero-copy{z-index:1}.hero h1{font-size:clamp(2.7rem,5vw,5rem);margin-bottom:22px}.hero h1 em{font-style:normal;color:#90efed}.hero p{color:#d4e1f2;font-size:1.08rem;max-width:570px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(110deg,#1db8ca,#3d9fcc);color:#082137;font-weight:800;padding:13px 22px;border-radius:12px;border:0;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 23px rgba(11,155,193,.22)}.btn.secondary{background:rgba(241,248,255,.1);border:1px solid #6b89a5;color:white}.btn.line{background:#eef5fc;border:1px solid var(--line);color:var(--ink)}.hero-laptops{height:350px;position:relative}.float-card{position:absolute;border:1px solid rgba(174,220,255,.35);background:linear-gradient(145deg,rgba(123,167,214,.2),rgba(40,60,100,.4));box-shadow:0 30px 48px rgba(0,0,0,.35);border-radius:20px;padding:12px;backdrop-filter:blur(10px)}.float-card img{display:block;width:100%;filter:drop-shadow(0 9px 15px rgba(0,0,0,.24))}.float-card.first{width:87%;right:0;top:0;animation:lift 7s ease-in-out infinite}.float-card.second{width:56%;left:-2%;bottom:0;animation:lift 8s 1.5s ease-in-out infinite}.mini-metric{position:absolute;right:-3%;bottom:8%;background:rgba(244,250,255,.96);color:#203249;border-radius:14px;box-shadow:var(--shadow);padding:12px 18px;font-size:.82rem;font-weight:800;animation:lift 9s 1s infinite}@keyframes lift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}.hero-points{display:flex;gap:15px;flex-wrap:wrap;margin-top:23px;color:#bce6ef;font-size:.86rem;font-weight:700}.hero-points span:before{content:'✦ ';color:#7ee3de}.section{padding:76px 0}.section.tight{padding:44px 0}.heading-row{display:flex;gap:18px;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.heading-row h2{margin:0}.heading-row p{max-width:590px;margin-bottom:0;color:var(--muted)}.subhead{color:var(--muted);max-width:750px}.tool-shell{background:var(--surface);border:1px solid #d2e0ee;border-radius:25px;box-shadow:var(--shadow);overflow:hidden}.tool-head{padding:26px 29px 18px;background:linear-gradient(100deg,#effcfe,#f0efff);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;align-items:center}.tool-head h2{margin:0;font-size:1.65rem}.tool-head p{margin:7px 0 0;color:var(--muted);font-size:.92rem}.tool-tabs{display:flex;gap:5px;padding:15px 25px 0;flex-wrap:wrap}.tab{border:1px solid transparent;background:transparent;padding:11px 15px;border-radius:10px;color:var(--muted);font-weight:800}.tab[aria-selected=true]{background:#d8f4f7;border-color:#95dee7;color:#0e647b}.tool-pane{display:none;padding:20px 28px 28px}.tool-pane.active{display:block}.tool-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:27px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:.85rem;font-weight:800;margin-bottom:7px}.field select,.field input{width:100%;background:#fff;color:var(--ink);border:1px solid #bfd1e2;border-radius:10px;padding:11px 12px;min-height:47px}.result{background:linear-gradient(135deg,#192b46,#2c3e61);color:#eff9fe;padding:23px;border-radius:17px;display:flex;flex-direction:column;justify-content:center;min-height:206px}.result .result-kicker{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;color:#a6e7ed;font-weight:800}.result strong{font-size:2rem;line-height:1.2;margin:9px 0;letter-spacing:-.04em}.result p{color:#d3e3f2;font-size:.88rem;margin:0}.meter{height:10px;background:#526480;border-radius:20px;overflow:hidden;margin:12px 0 18px}.meter span{height:100%;display:block;width:0;background:linear-gradient(90deg,#28c6d3,#a7b4ff);border-radius:20px;transition:width .25s}.fineprint{font-size:.79rem;color:var(--muted);margin:14px 0 0}.result .fineprint{color:#afc8dc}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:var(--surface);border:1px solid var(--line);padding:27px;border-radius:18px}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#d7f4f5;color:#155669;font-size:1.4rem;margin-bottom:17px}.feature h3{font-size:1.2rem}.feature p{color:var(--muted);margin:0;font-size:.94rem}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:43px;align-items:center}.content-band{background:#f6faff;border-top:1px solid #dce5f0;border-bottom:1px solid #dce5f0}.prose p,.article-body p{line-height:1.9;color:#314660}.prose ul,.article-body ul,.article-body ol{padding-left:22px;color:#354c67;line-height:1.9}.specboard{background:linear-gradient(150deg,#1a2c47,#344c70);border-radius:23px;padding:27px;box-shadow:var(--shadow);color:white}.specrow{display:flex;justify-content:space-between;padding:12px 0;gap:20px;border-bottom:1px solid rgba(255,255,255,.17)}.specrow:last-child{border:0}.specrow b{color:#a7f1ee}.specboard h3{color:white}.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{background:#f9fcff;border:1px solid #d2dfea;border-radius:19px;overflow:hidden;transition:transform .24s,box-shadow .24s;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#26344e}.card-body{padding:20px 22px 23px;display:flex;flex-direction:column;flex:1}.chip{display:inline-flex;width:max-content;border-radius:100px;padding:5px 10px;font-size:.72rem;font-weight:800;letter-spacing:.02em;background:#ddf4f5;color:#146e81}.card-body h3{font-size:1.28rem;letter-spacing:-.03em;margin:13px 0 9px}.card-body p{color:var(--muted);font-size:.91rem}.card-link{color:#0b8298;font-weight:800;font-size:.87rem;margin-top:auto}.category-links{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category-tile{padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#edf4ff);border-radius:18px;transition:transform .2s}.category-tile:hover{transform:translateY(-3px)}.category-tile .cat-emoji{font-size:1.7rem}.category-tile h3{margin:9px 0;font-size:1.24rem}.category-tile p{font-size:.9rem;color:var(--muted);margin:0}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);padding-top:13px}.footer{background:#182640;color:#d4e0ef;padding:58px 0 25px}.footer .brand{color:#f2fcff}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}.footer p{color:#b2c0d4;font-size:.89rem;max-width:320px}.footer h3{color:white;font-size:1rem;letter-spacing:0}.footer a{display:block;margin:8px 0;font-size:.9rem}.footer-bottom{border-top:1px solid #415069;padding-top:20px;margin-top:34px;font-size:.81rem;color:#a9bbd1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.page-hero{background:linear-gradient(135deg,#1d2c47,#344969);color:#f9fdff;padding:65px 0 63px;position:relative;overflow:hidden}.page-hero h1{font-size:clamp(2.2rem,3.9vw,3.8rem);max-width:910px}.page-hero p{color:#cddfeb;max-width:800px}.breadcrumb{font-size:.79rem;color:#a7e3ed;margin-bottom:16px}.breadcrumb a:hover{text-decoration:underline}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:40px;align-items:start}.article-body{font-size:1.03rem;background:#fafcff;padding:35px 42px;border:1px solid #d9e5ef;border-radius:19px;box-shadow:0 8px 24px rgba(22,42,72,.035)}.article-body h2{font-size:1.78rem;margin:48px 0 15px;padding-top:5px}.article-body h3{font-size:1.22rem;margin:23px 0 12px}.article-body p{margin-bottom:21px}.article-body .lead{font-size:1.12rem;line-height:1.85;color:#223955}.article-body img.featureimg{aspect-ratio:16/9;width:100%;border-radius:14px;object-fit:cover;margin-bottom:26px}.article-body .note{border-left:4px solid var(--cyan);padding:15px 18px;background:#edf9fc;border-radius:0 12px 12px 0;color:#2d556e;margin:24px 0}.toc{background:#eff6fd;border:1px solid #dce7ef;padding:20px 24px;border-radius:15px;margin:28px 0}.toc strong{font-size:1.1rem}.toc ol{columns:2;margin:10px 0 0;padding-left:20px;font-size:.88rem}.toc a{color:#176a89}.toc a:hover{text-decoration:underline}.sidebox{background:#fafcff;border:1px solid var(--line);border-radius:15px;padding:23px;position:sticky;top:105px}.sidebox h3{font-size:1.12rem}.sidebox p{color:var(--muted);font-size:.85rem}.sidebox a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:.87rem;font-weight:700}.sidebox a:last-child{border:0}.data-table{width:100%;border-collapse:collapse;font-size:.89rem;margin:25px 0;background:#f2f7fe}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:13px;text-align:left;vertical-align:top;border:1px solid #d1dfed}.data-table th{background:#e0edf8;color:#253b56}.source-links a{color:#0c7d92;text-decoration:underline}.searchbox{width:100%;padding:13px 18px;background:white;border-radius:13px;border:1px solid #aebfd2;margin-bottom:24px}.category-filter{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 27px}.filter-button{padding:8px 14px;border-radius:99px;border:1px solid #bfd2e3;background:white;color:var(--ink);font-weight:700}.filter-button.active{background:#1b314e;color:white}.empty-msg{display:none;padding:25px;text-align:center;background:white;border-radius:14px}.legal{max-width:900px;padding:40px 48px;background:#fafcff;border-radius:20px;border:1px solid var(--line)}.legal h2{margin-top:32px;font-size:1.7rem}.legal h3{margin-top:24px}.legal p,.legal li{color:#40546c;line-height:1.9}.callout{background:#e5f8f8;border:1px solid #afdde4;border-radius:17px;padding:22px}.callout p:last-child{margin:0}.pill{display:inline-block;padding:5px 10px;border:1px solid #4b6181;border-radius:30px;color:#b3e6ea;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.headinner{min-height:71px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 20px 22px;background:#f5f9ff;box-shadow:0 18px 25px rgba(20,30,60,.14);flex-direction:column;align-items:stretch;gap:5px}.nav.open{display:flex}.nav a{padding:8px}.hero-grid{grid-template-columns:1fr;padding:56px 0}.hero-laptops{height:270px;max-width:570px;width:100%;margin-inline:auto}.article-layout{grid-template-columns:1fr}.sidebox{position:static}.footer-grid{grid-template-columns:1fr 1fr}.cardgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wrap,.narrow{width:min(100% - 28px,1180px)}.brand{font-size:1rem}.brand svg{width:38px;height:38px}.hero-grid{padding:46px 0}.hero h1{font-size:2.5rem}.hero-laptops{height:210px}.float-card.first{width:83%}.float-card.second{width:56%;left:0}.mini-metric{right:0;bottom:-8px;padding:8px 10px}.section{padding:48px 0}.features,.cardgrid,.twocol,.category-links,.tool-grid,.field-grid{grid-template-columns:1fr}.tool-head{padding:19px;display:block}.tool-pane{padding:16px}.tool-tabs{padding:12px 12px 0}.tab{padding:9px 11px;font-size:.82rem}.heading-row{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.article-body{padding:23px 20px}.article-body h2{font-size:1.5rem;margin-top:38px}.toc ol{columns:1}.legal{padding:26px 22px}.page-hero{padding:44px 0}.page-hero h1{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}