:root{--font-article:"Be Vietnam Pro",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--reading-width:780px;--polish-shadow:0 24px 70px rgba(8,43,82,.12);} html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;} body{font-size:16px;line-height:1.65;} h1,h2,h3,h4{font-kerning:normal;letter-spacing:-.032em;text-wrap:balance;} p{text-wrap:pretty;} .site-header{height:78px;box-shadow:0 1px 0 rgba(8,43,82,.08);transition:height 260ms var(--ease),box-shadow 260ms ease,background-color 260ms ease;} .site-header.is-scrolled{height:70px;box-shadow:0 14px 40px rgba(8,43,82,.1);} .site-header__inner{min-height:100%;} .site-logo img,.custom-logo{width:205px;} .primary-menu{gap:2px;} .primary-menu > .menu-item > .menu-item__row{border-radius:10px;} .primary-menu > .menu-item > .menu-item__row > a{padding-inline:11px;font-size:13.5px;font-weight:700;letter-spacing:-.012em;} .primary-menu > .menu-item:hover > .menu-item__row{background:#f0f7ff;} .primary-menu > li.current-menu-item > .menu-item__row > a::after,.primary-menu > li.current-menu-ancestor > .menu-item__row > a::after{right:11px;left:11px;height:3px;background:linear-gradient(90deg,var(--blue),var(--teal));} .sub-menu{top:calc(100% + 14px);min-width:238px;padding:9px;border:1px solid #dce7f1;border-radius:16px;background:#fff;box-shadow:0 24px 65px rgba(8,43,82,.18);} .sub-menu::before{position:absolute;top:-7px;left:28px;width:12px;height:12px;border-top:1px solid #dce7f1;border-left:1px solid #dce7f1;background:inherit;content:"";transform:rotate(45deg);} .sub-menu li{position:relative;z-index:1;} .sub-menu a{padding:12px 13px;border-radius:10px;color:#18324d;font-size:13.5px;font-weight:700;} .sub-menu a:hover,.sub-menu a:focus-visible{background:#eaf4ff;color:#075bb9;} .mega-menu{width:min(calc(100vw - 48px),1120px);padding:28px;border:1px solid #dbe6f0;border-radius:0 0 24px 24px;background:rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(8,43,82,.2);backdrop-filter:blur(18px);} .mega-menu__head{margin-bottom:22px;} .mega-menu__head h2{font-size:clamp(24px,2.2vw,31px);} .mega-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;} .mega-menu__grid a{min-height:84px;padding:13px;border:1px solid #e3ebf3;border-radius:13px;background:#fff;transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms var(--ease);} .mega-menu__grid a:hover{border-color:#8fc4ff;background:#f8fbff;box-shadow:0 12px 28px rgba(9,105,218,.1);transform:translateY(-3px);} .mega-menu__grid strong{font-size:14px;line-height:1.35;} .mega-menu__grid small{font-size:11.5px;line-height:1.45;white-space:normal;} .mega-menu__grid a:nth-child(4n + 1) span{background:#e8f3ff;color:#0969da;} .mega-menu__grid a:nth-child(4n + 2) span{background:#e7faf3;color:#0b8f6a;} .mega-menu__grid a:nth-child(4n + 3) span{background:#fff2e6;color:#e66500;} .mega-menu__grid a:nth-child(4n + 4) span{background:#f1ecff;color:#7048c8;} .section{padding-block:clamp(88px,8.5vw,132px);} .section-heading{max-width:930px;margin-bottom:clamp(42px,5vw,64px);} .section-heading h2{max-width:860px;font-size:clamp(38px,4.6vw,66px);font-weight:800;line-height:1.07;} .section-heading > p:last-child{max-width:720px;font-size:clamp(16px,1.4vw,19px);line-height:1.75;} .section-heading--center > p:last-child{margin-inline:auto;} .eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;} .accent-word{display:inline !important;background:none !important;-webkit-text-fill-color:currentColor;} .accent-word--blue{color:#0969da !important;} .accent-word--teal{color:#079b82 !important;} .accent-word--coral{color:#e95b42 !important;} .accent-word--gold{color:#d58b00 !important;} .multicolor-heading{display:grid;gap:7px;} .multicolor-heading > span{display:block !important;} .hero-section{min-height:690px;padding-block:clamp(96px,9vw,138px);background:radial-gradient(circle at 83% 18%,rgba(12,166,120,.13),transparent 24%),radial-gradient(circle at 62% 8%,rgba(9,105,218,.11),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#eef6ff 60%,#f8f5ff 100%);} .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(470px,1.05fr);} .hero-copy h1{max-width:790px;font-size:clamp(58px,6vw,88px);font-weight:800;line-height:.99;} .hero-copy h1 .hero-line{display:block !important;background:none;color:#0b2138;-webkit-text-fill-color:currentColor;} .hero-copy h1 .hero-line + .hero-line{margin-top:10px;} .hero-lead{max-width:680px;font-size:clamp(18px,1.5vw,21px);line-height:1.7;} .hero-proof li{font-size:13px;} .hero-visual{border-radius:34px;box-shadow:var(--polish-shadow);} .highlight-section{position:relative;padding-block:clamp(42px,5vw,70px);overflow:hidden;} .highlight-section--blue{background:#fff;} .highlight-section--warm{background:var(--cloud);} .highlight-banner{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:clamp(22px,4vw,48px);align-items:center;overflow:hidden;padding:clamp(30px,4vw,52px);border-radius:28px;background:linear-gradient(120deg,#075bb9 0%,#087fd0 48%,#079b82 100%);color:#fff;box-shadow:0 28px 75px rgba(7,91,185,.22);} .highlight-banner::after{position:absolute;top:-30%;left:-15%;width:16%;height:170%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);content:"";transform:skewX(-18deg);animation:banner-sheen 7s ease-in-out infinite;} .highlight-banner--warm{background:linear-gradient(120deg,#ffdf73 0%,#ffb25b 50%,#ff7d6b 100%);color:#17283a;box-shadow:0 28px 75px rgba(230,101,0,.16);} .highlight-banner__mark{display:grid;width:84px;height:84px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:22px;background:rgba(255,255,255,.15);font-size:27px;font-weight:850;letter-spacing:-.04em;backdrop-filter:blur(10px);} .highlight-banner--warm .highlight-banner__mark{border-color:rgba(23,40,58,.15);background:rgba(255,255,255,.35);} .highlight-banner .eyebrow,.highlight-banner h2,.highlight-banner p{color:inherit;} .highlight-banner .eyebrow{margin-bottom:8px;opacity:.82;} .highlight-banner h2{max-width:820px;margin:0;font-size:clamp(28px,3.2vw,46px);line-height:1.1;} .highlight-banner p:last-child{max-width:760px;margin:13px 0 0;font-size:16px;opacity:.88;} .button--dark{border-color:#15283b;background:#15283b;color:#fff;} .button--dark:hover{border-color:#07192b;background:#07192b;color:#fff;transform:translateY(-2px);} @keyframes banner-sheen{0%,58%{left:-18%;opacity:0;} 68%{opacity:1;} 85%,100%{left:112%;opacity:0;}} .js [data-reveal]{opacity:0;filter:blur(7px);transform:translate3d(0,28px,0);transition:opacity 720ms ease,filter 720ms ease,transform 720ms var(--ease);will-change:opacity,transform;} .js [data-reveal="left"]{transform:translate3d(-34px,10px,0);} .js [data-reveal="right"]{transform:translate3d(34px,10px,0);} .js [data-reveal="scale"]{transform:translate3d(0,18px,0) scale(.975);} .js [data-reveal].is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1);} .article-hero h1{max-width:1040px;font-size:clamp(48px,6.2vw,88px);font-weight:790;line-height:1.03;} .article-lead{max-width:850px;font-size:clamp(18px,1.7vw,22px);line-height:1.7;} .article-featured img{border-radius:26px;} .author-avatar--brand,.author-box__mark{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;} .author-avatar--brand{width:56px;height:56px;} .author-box__mark{width:88px;height:88px;} .author-avatar--brand .icon,.author-box__mark .icon{width:28px;height:28px;} .article-layout{grid-template-columns:180px minmax(0,var(--reading-width)) 280px;gap:clamp(28px,3.6vw,54px);} .article-toc .sticky-panel,.article-sidebar__sticky{position:sticky;top:calc(var(--header-bottom) + 26px);} .article-toc .sticky-panel{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);} .article-toc nav a{padding:6px 8px;border-left:2px solid transparent;border-radius:0 8px 8px 0;font-size:13px;line-height:1.5;} .article-toc nav a:hover,.article-toc nav a.is-active{border-left-color:var(--blue);background:var(--soft-blue);} .article-body{color:var(--text);font-family:var(--font-article);font-size:clamp(18px,1.35vw,20.5px);font-weight:430;line-height:1.9;letter-spacing:-.007em;} .article-body > p:first-child,.article-body .article-intro{color:var(--heading);font-size:clamp(21px,1.8vw,25px);font-weight:560;line-height:1.72;} .article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin-block:0 1.55em;} .article-body h2{margin:2.2em 0 .65em;color:var(--heading);font-size:clamp(31px,3vw,44px);font-weight:800;line-height:1.16;} .article-body h3{margin:1.8em 0 .6em;color:var(--heading);font-size:clamp(25px,2.4vw,32px);font-weight:700;line-height:1.22;} .article-body a{text-decoration-thickness:1.5px;text-underline-offset:4px;} .article-inline-note{position:relative;margin:38px 0;padding:26px 28px 26px 32px;border:1px solid #b9d8f6;border-radius:18px;background:linear-gradient(135deg,#eff7ff,#f5fbff);color:#18324d;} .article-inline-note::before{position:absolute;top:22px;bottom:22px;left:0;width:5px;border-radius:0 5px 5px 0;background:linear-gradient(var(--blue),var(--teal));content:"";} .article-inline-note strong{display:block;margin-bottom:8px;font-family:var(--font-ui);font-size:17px;} .article-inline-note p{margin:0;font-size:16px;line-height:1.7;} .article-help-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:54px 0 34px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#082b52,#075bb9 65%,#079b82);color:#fff;box-shadow:0 20px 55px rgba(8,43,82,.18);} .article-help-banner .eyebrow,.article-help-banner h2,.article-help-banner p{color:inherit;} .article-help-banner h2{margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.18;} .article-help-banner p:last-child{margin:10px 0 0;opacity:.82;} .article-sidebar__sticky{display:grid;gap:18px;} .article-search-card,.article-latest-card,.article-quote-card{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface);} .article-sidebar h2{margin:0 0 16px;font-size:22px;line-height:1.25;} .article-sidebar .search-form{display:grid;gap:8px;} .article-sidebar .search-form input{min-height:46px;font-size:13px;} .article-sidebar .search-form button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;} .article-latest-list{display:grid;} .article-latest-list a{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding-block:12px;border-top:1px solid var(--border);color:var(--heading);text-decoration:none;} .article-latest-list a:first-child{border-top:0;} .article-latest-list span{color:var(--blue);font-size:11px;font-weight:800;} .article-latest-list strong{font-size:13px;line-height:1.5;} .article-latest-list a:hover strong{color:var(--blue);} .article-quote-card{border:0;background:linear-gradient(150deg,#082b52,#075bb9);color:#fff;} .article-quote-card > span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:18px;border-radius:12px;background:rgba(255,255,255,.14);} .article-quote-card h2,.article-quote-card p,.article-quote-card a{color:inherit;} .article-quote-card p{font-size:13px;opacity:.8;} .article-quote-card a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;} .comments-area{margin-top:58px;padding-top:50px;border-top:1px solid var(--border);} .comment-form__heading{margin-bottom:28px;} .comment-form__heading h2{margin:0;font-size:clamp(30px,3vw,42px);} .comment-form__heading > p:last-child{margin:10px 0 0;color:var(--muted);font-size:14px;} .comment-form--polished{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;} .comment-form--polished > p{margin:0;} .comment-form-comment,.comment-form-url,.comment-form-cookies-consent,.comment-form .form-submit,.comment-form__heading,.logged-in-as{grid-column:1 / -1;} .comment-form label{display:block;margin-bottom:8px;color:var(--heading);font-size:13px;font-weight:700;} .comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:14px 15px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--heading);font:inherit;font-size:15px;outline:0;transition:border-color 180ms ease,box-shadow 180ms ease;} .comment-form input:focus,.comment-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(9,105,218,.11);} .comment-form-cookies-consent{display:flex;gap:9px;align-items:flex-start;} .comment-form-cookies-consent label{margin:0;color:var(--muted);font-weight:500;} .comment-list{margin:0 0 42px;padding:0;list-style:none;} .comment-list .comment-body{margin-bottom:16px;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);} html[data-theme="dark"] .primary-menu > .menu-item:hover > .menu-item__row{background:#102d49;} html[data-theme="dark"] .sub-menu{border-color:#294965;background:#0b1f33;box-shadow:0 24px 65px rgba(0,0,0,.42);} html[data-theme="dark"] .sub-menu::before{border-color:#294965;} html[data-theme="dark"] .sub-menu a{color:#e8f3fc;} html[data-theme="dark"] .sub-menu a:hover,html[data-theme="dark"] .sub-menu a:focus-visible{background:#153955;color:#8ac2ff;} html[data-theme="dark"] .mega-menu{border-color:#294965;background:rgba(6,25,43,.98);} html[data-theme="dark"] .mega-menu__grid a{border-color:#294965;background:#0b2238;} html[data-theme="dark"] .mega-menu__grid a:hover{border-color:#4d91cc;background:#102d49;} html[data-theme="dark"] .hero-section{background:radial-gradient(circle at 83% 18%,rgba(12,166,120,.14),transparent 25%),radial-gradient(circle at 60% 5%,rgba(9,105,218,.18),transparent 30%),#061321;} html[data-theme="dark"] .hero-copy h1 .hero-line{color:#f2f8fd;} html[data-theme="dark"] .accent-word--blue{color:#70b6ff !important;} html[data-theme="dark"] .accent-word--teal{color:#4fddbc !important;} html[data-theme="dark"] .highlight-section--blue,html[data-theme="dark"] .highlight-section--warm{background:var(--cloud);} html[data-theme="dark"] .article-inline-note{border-color:#315c80;background:#0c2941;color:#dcecf8;} html[data-theme="dark"] .article-body{color:#cfe0ed;} html[data-theme="dark"] .article-body > p:first-child,html[data-theme="dark"] .article-body .article-intro{color:#f1f7fc;} html[data-theme="dark"] .comment-form input[type="text"],html[data-theme="dark"] .comment-form input[type="email"],html[data-theme="dark"] .comment-form input[type="url"],html[data-theme="dark"] .comment-form textarea{border-color:#31516c;background:#0b1f33;color:#edf7ff;} @media (max-width:1380px){.site-logo img,.custom-logo{width:190px;} .primary-menu > .menu-item > .menu-item__row > a{padding-inline:8px;font-size:12.5px;} .article-layout{grid-template-columns:160px minmax(0,1fr) 250px;}} @media (max-width:1180px){.article-layout{grid-template-columns:160px minmax(0,1fr);} .article-sidebar{display:none;}} @media (max-width:1100px){.site-header,.site-header.is-scrolled{height:70px;} .mobile-navigation .sub-menu::before{display:none;} .mobile-navigation .sub-menu a{color:var(--heading);} .hero-grid{grid-template-columns:1fr 1fr;} .hero-copy h1{font-size:clamp(48px,7vw,68px);} .highlight-banner{grid-template-columns:70px minmax(0,1fr);} .highlight-banner__mark{width:70px;height:70px;} .highlight-banner > .button{grid-column:2;justify-self:start;}} @media (max-width:760px){.section{padding-block:74px;} .section-heading h2{font-size:clamp(34px,10vw,48px);} .hero-grid{grid-template-columns:1fr;} .hero-copy h1{font-size:clamp(46px,13vw,62px);} .hero-proof{grid-template-columns:1fr;} .highlight-section{padding-block:28px;} .highlight-banner{grid-template-columns:1fr;padding:28px;border-radius:22px;} .highlight-banner__mark{width:62px;height:62px;border-radius:17px;} .highlight-banner > .button{grid-column:auto;width:100%;} .article-layout{display:block;} .article-toc{display:none;} .article-body{font-size:18px;line-height:1.82;} .article-body > p:first-child,.article-body .article-intro{font-size:20px;} .article-help-banner{grid-template-columns:1fr;padding:24px;} .article-help-banner .button{width:100%;} .comment-form--polished{grid-template-columns:1fr;} .comment-form--polished > p{grid-column:1;}} @media (prefers-reduced-motion:reduce){.highlight-banner::after{animation:none;} .js [data-reveal]{opacity:1;filter:none;transform:none;}}