:root{--bg:#f6f8fc;--surface:#fff;--surface-strong:#fff;--surface-muted:#edf3ff;--text:#162540;--text-muted:#56657b;--line:#e1e7f0;--brand:#2665ed;--brand-strong:#184cc1;--shadow:0 8px 32px #213b6810}
html{scroll-padding-top:110px}body{background:#f6f8fc;color:var(--text);font-family:Manrope,"Segoe UI",sans-serif}.container{width:min(1200px,calc(100% - 48px))}
.header{background:#fff;border-bottom:1px solid var(--line);box-shadow:none;position:sticky;top:0;z-index:80;backdrop-filter:none}.header__inner{min-height:88px;gap:24px}.header__brand{gap:12px}.header__mark{background:transparent;box-shadow:none;border:0;padding:0;border-radius:12px;overflow:hidden}.header__mark img{width:42px;height:42px;object-fit:contain}.header__name{font-size:22px;letter-spacing:-1px}.header__name small{font-size:10px;display:block;letter-spacing:1.6px;text-transform:uppercase;color:#728096}.nav{gap:26px}.nav a{font-size:13px;font-weight:700}.header__cta{border:1px solid var(--line);background:white;color:#263750;box-shadow:none;border-radius:10px;padding:12px 17px;font-size:12px}.header-download{margin-left:auto;position:relative}.header-download summary{min-height:42px!important;background:#2665ed;color:#fff;border:0;border-radius:10px;padding:11px 17px;list-style:none!important;white-space:nowrap;font-size:13px;font-weight:800}.header-download summary::marker{display:none}.header-download ul{position:absolute;right:0;top:44px;background:white;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 16px 44px #142b4726;width:min(340px,calc(100vw - 32px));z-index:100}.header-download li a{font-size:13px;color:#233856;padding:10px;min-height:42px}.header-download>p{display:none}.header-download[open]{z-index:100}
.hero{padding:76px 0 60px;background:#edf3ff;border-bottom:1px solid #dce6fa}.hero__grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;text-transform:uppercase;color:#2665ed}.hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-2.8px;max-width:760px;margin:20px 0}.hero__lead{font-size:17px;line-height:1.8;max-width:590px;color:#52637b}.hero__secondary{font-size:12px;max-width:520px}.hero__actions{gap:12px;margin-top:26px}.btn{border-radius:10px;box-shadow:none;font-weight:800}.btn--primary{background:#2665ed;color:#fff}.btn--primary:hover{background:#184cc1;color:white}.btn--ghost{background:white;border:1px solid #d8e2f2;color:#244069}.hero-panel{background:#fff;border:1px solid #dce5f4;border-radius:24px;padding:30px;box-shadow:0 20px 60px #2b5ca010}.hero-panel__eyebrow{font-size:18px;color:#162540;font-weight:800}.hero-panel__list{padding-left:20px;line-height:1.8;font-size:14px}.hero-panel__list li+li{margin-top:16px}.hero__stats{font-size:11px;color:#61738c;margin-top:26px}
.hw-topics{padding:32px 0 48px;background:#fff;border-bottom:1px solid var(--line)}.hw-topics__heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 24px}.hw-topics h2{font-size:27px;letter-spacing:-.8px;margin:5px 0}.hw-topics__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hw-topic{display:block;padding:23px;background:#f7f9fc;border:1px solid var(--line);border-radius:15px;text-decoration:none;color:#162540;transition:border-color .2s,transform .2s}.hw-topic:hover{border-color:#2665ed;transform:translateY(-2px)}.hw-topic small{color:#2665ed;letter-spacing:1px;font-size:10px;font-weight:800}.hw-topic strong{display:block;font-size:16px;margin:9px 0}.hw-topic p{font-size:12px;color:#65748a;line-height:1.7;margin:0}.hw-topic em{display:block;color:#2665ed;font-size:12px;font-style:normal;font-weight:800;margin-top:14px}
.section{padding:56px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:30px;letter-spacing:-1px}.section-heading p{max-width:650px;font-size:14px}.category-grid{display:flex;flex-wrap:wrap;gap:8px}.category-grid button{font-size:11px;border:1px solid #dde5ef;background:white;border-radius:8px;box-shadow:none;padding:9px 12px;min-height:38px}.category-grid button:hover,.category-grid button.active{background:#2665ed;color:white}.family-collections{gap:18px}.family-collection,.article-card,.related-card,.article-sidebar__card{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:none}.article-card{padding:24px;transition:border-color .2s,transform .2s}.article-card:hover{transform:translateY(-3px);border-color:#a8bff1;box-shadow:none}.article-card__title{font-size:19px;line-height:1.45;letter-spacing:-.4px}.article-card__excerpt{font-size:13px;line-height:1.8}.tag{border-radius:5px;background:#edf3ff;color:#4f6c99;font-size:10px}.articles-grid{gap:18px}.article-filters{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}input,select{border-radius:9px!important}.article-hero{background:#edf3ff;border-bottom:1px solid #dce6fa;padding:54px 0}.article-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-1.7px;max-width:920px}.article-hero__excerpt{font-size:16px;line-height:1.8}.article-page__layout{gap:36px}.article-prose{background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px;line-height:1.85;font-size:16px}.article-prose h2{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin-top:36px}.article-prose a{color:#215bc9;text-underline-offset:3px}.article-figure img{border-radius:12px;max-height:380px;object-fit:contain}.article-figure figcaption{font-size:10px;color:#718096}.article-sidebar{align-self:start}.article-sidebar__card{padding:24px}.footer{background:#fff;border-top:1px solid var(--line)}.footer-network a{font-size:11px}.footer-cta,.cta-banner{border-radius:18px;box-shadow:none}.hw-utility{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-bottom:1px solid #dce5f4;background:white;position:relative;z-index:80}.hw-utility>a{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none}.hw-utility img{width:36px;height:36px}.hw-hub{padding:50px 0}.hw-hub h1{font-size:clamp(32px,4vw,50px);letter-spacing:-1.6px}.hw-hub p{line-height:1.8}.hw-hub .happ-download-menu{max-width:600px}.hw-hub .happ-download-menu ul{background:white;padding:16px;border:1px solid var(--line);border-radius:14px}.hw-note{border-left:3px solid #2665ed;padding:15px 20px;background:#edf3ff}.hw-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.hw-links a{color:#215bc9}.hw-mobile-label{display:none}
:focus-visible{outline:3px solid #e99d26;outline-offset:4px}a,summary,button{touch-action:manipulation}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:980px){.header__inner{gap:14px}.nav{gap:14px}.header__cta{display:none}.hero__grid{gap:28px}.hero h1{letter-spacing:-1.7px}.article-prose{padding:24px}.hw-topics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.header__inner{min-height:72px;gap:12px}.header__name{font-size:19px}.header__name small{font-size:8px}.header__mark img{width:34px;height:34px}.header-download summary{font-size:12px;padding:10px 12px}.hero{padding:40px 0}.hero__grid{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:38px;letter-spacing:-1.8px}.hero-panel{padding:24px}.hero__lead{font-size:15px}.section{padding:36px 0}.section-heading h2{font-size:26px}.hw-topics{padding:28px 0}.hw-topics__heading{display:block}.hw-topics__grid{gap:10px}.hw-topic{padding:18px}.hw-topic strong{font-size:14px}.hw-topic p{font-size:11px}.article-hero{padding:32px 0}.article-prose{padding:20px;border-radius:12px;font-size:15px}.article-prose h2{font-size:23px}.nav.active{background:white;z-index:90}.hw-hub{padding:28px 0}.hw-utility{padding:12px 16px}}
.article-page .article-hero{background:#edf3ff;padding:30px;border:1px solid #dce6fa;border-radius:18px;box-shadow:none}
@media(max-width:700px){.header__inner{display:flex;flex-wrap:nowrap}.header__name small{display:none}.header__brand{flex-shrink:0;gap:8px}.nav-toggle{flex-shrink:0}.header-download{min-width:0}.article-page .article-hero{padding:22px}}
@media(max-width:380px){.header__inner{gap:8px}.header__name{font-size:17px}.header-download summary{padding:10px}.hw-topics__grid{grid-template-columns:1fr}}