:root{color-scheme:light;--ink:#152039;--muted:#66728a;--muted-2:#8a94a8;--blue:#285de8;--blue-dark:#1d49c5;--blue-soft:#edf3ff;--line:#e1e7f0;--surface:#fff;--canvas:#f6f8fc;--green:#159a73;--radius:24px;--shadow:0 18px 55px rgba(26,46,87,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--canvas);color:var(--ink);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(40,93,232,.45);outline-offset:3px}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:12px;background:#fff;padding:10px 14px;z-index:999;border-radius:10px}.skip-link:focus{top:12px}.site-header{height:82px;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(225,231,240,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:12px}.brand-mark svg{width:24px;height:24px}.brand-light{font-weight:500;color:#748098}.top-nav{display:flex;align-items:center;gap:30px;color:#5d6980;font-weight:600;font-size:13px}.top-nav a:hover,.footer-links a:hover{color:var(--blue)}.header-cta{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;font-weight:750;transition:transform .18s,border-color .18s}.header-cta:hover{border-color:#b4c6f6;transform:translateY(-1px)}.header-cta span{font-size:16px;color:var(--blue)}.hero{min-height:480px;padding-top:78px;padding-bottom:52px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-copy{max-width:600px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.65px;color:#d8e3ff;display:flex;align-items:center;gap:9px}.eyebrow-dark{color:#64738f}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#28b98b;box-shadow:0 0 0 4px rgba(40,185,139,.11);flex:none}.hero h1{margin:20px 0 20px;font-size:clamp(46px,5vw,68px);letter-spacing:-3.8px;line-height:1.025;font-weight:800}.hero h1 span{color:var(--blue)}.hero-description{max-width:555px;color:#69758b;font-size:16px;line-height:1.8;margin:0}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#485670;font-size:12px;font-weight:700}.hero-points span{display:inline-flex;align-items:center;gap:7px}.hero-points svg{width:17px;height:17px;stroke:var(--green);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(78,119,247,.14),rgba(78,119,247,0) 68%)}.art-orbit{position:absolute;border:1px solid #dce5ff;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:390px;height:195px}.orbit-two{width:335px;height:265px;transform:rotate(30deg)}.art-card{position:absolute;width:220px;height:245px;background:#fff;border:1px solid #e1e8f4;border-radius:22px;box-shadow:0 25px 70px rgba(32,62,127,.13);padding:23px}.art-card-back{width:202px;height:225px;transform:translate(62px,-1px) rotate(10deg);background:#f5f8ff}.art-card-front{transform:translate(-18px,5px) rotate(-5deg);display:flex;flex-direction:column;align-items:flex-start}.art-icon{width:65px;height:65px;border-radius:18px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;margin:9px 0 22px}.art-icon svg{width:50px;height:50px}.art-line{height:8px;width:100%;border-radius:10px;background:#e9edf5;display:block;margin-top:11px}.art-line.short{width:44%;margin-top:43px}.art-line.medium{width:67%}.art-line.wide{width:88%;background:#dbe5fc}.art-chip{margin-top:22px;padding:5px 9px;background:#e6f8f1;color:#0b8d67;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.2px}.art-spark{position:absolute;color:var(--blue);font-size:28px}.spark-one{top:30px;right:79px}.spark-two{bottom:41px;left:65px;font-size:37px;color:#93aef9}.inbox-section{padding-top:28px;padding-bottom:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2,.features-section h2,.steps-copy h2,.faq-preview h2{font-size:clamp(26px,3vw,36px);line-height:1.18;letter-spacing:-1.2px;margin:10px 0 9px}.section-subtitle{color:var(--muted);margin:0;font-size:14px;max-width:650px}.live-indicator{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dfe8e6;background:#fff;border-radius:50px;color:#4c6570;font-size:11px;font-weight:700;white-space:nowrap}.live-indicator.is-offline .status-dot{background:#d89a28;box-shadow:0 0 0 4px rgba(216,154,40,.12)}.inbox-shell{background:var(--surface);border:1px solid #e0e6f0;border-radius:23px;box-shadow:var(--shadow);overflow:hidden}.inbox-topbar{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;border-bottom:1px solid #edf0f6}.inbox-topbar-title{display:flex;align-items:center;gap:12px}.mailbox-square{display:grid;place-items:center;width:38px;height:38px;background:#edf3ff;color:var(--blue);border-radius:12px}.mailbox-square svg{width:22px;height:22px}.inbox-topbar-title strong{display:block;font-size:13px;line-height:1.4}.inbox-topbar-title div>span{display:block;font-size:11px;color:#8a94a7;margin-top:3px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:12px;font-weight:750;transition:background .15s,border-color .15s,transform .15s;min-height:43px;padding:0 16px;white-space:nowrap}.button:disabled{opacity:.45;cursor:not-allowed}.button-small{min-height:35px;padding:0 12px}.button-quiet{background:#f5f7fb;color:#5f6c82}.button-quiet:hover{background:#eaf0fa}.refresh-icon{font-size:20px;line-height:1}.button-primary{background:var(--blue);color:#fff;box-shadow:0 5px 13px rgba(40,93,232,.17)}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:#edf2ff;color:#2852c8;border:1px solid #d8e2ff}.button-secondary:hover{background:#e1eaff}.button-outline{background:#fff;border:1px solid #dfe5ef;color:#33405a}.button-outline:hover{border-color:#bacafa;background:#f8faff}.address-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 25px 20px;border-bottom:1px solid #edf0f6}.address-wrap label,.username-form>label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:#718099;letter-spacing:.2px;margin-bottom:7px}.address-value{font-size:clamp(18px,2.5vw,24px);font-weight:800;letter-spacing:-.65px;color:#1c2a46;overflow-wrap:anywhere}.copy-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.customize-row{padding:19px 25px 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid #edf0f6}.username-form{min-width:0;flex:1}.username-form>label{color:#273550;margin-bottom:9px}.username-form>label span{font-weight:500;color:#8791a5;letter-spacing:0}.username-controls{display:flex;align-items:center;gap:0;max-width:590px}.username-controls input{height:43px;min-width:80px;flex:1;padding:0 13px;border:1px solid #dfe5ef;border-radius:10px 0 0 10px;color:var(--ink);background:#fff;outline-offset:-2px}.username-controls input::placeholder{color:#a4adbd}.domain-suffix{height:43px;display:flex;align-items:center;padding:0 11px;background:#f5f7fb;border-top:1px solid #dfe5ef;border-bottom:1px solid #dfe5ef;color:#66758e;font-size:12px;font-weight:700;white-space:nowrap}.username-controls .button{border-radius:0 10px 10px 0;height:43px;min-height:43px}.field-hint{font-size:10px;color:#8993a6;margin-top:7px}.new-inbox-button{height:43px}.status-message{margin:0 25px;padding:0;font-size:12px;line-height:1.45}.status-message[hidden]{display:none}.status-message:not([hidden]){padding-top:10px}.status-message[data-kind=success]{color:#0d8965}.status-message[data-kind=error]{color:#b23a4a}.mail-layout{display:grid;grid-template-columns:minmax(290px,.77fr) minmax(0,1.3fr);min-height:365px}.message-list-panel{border-right:1px solid #edf0f6;display:flex;flex-direction:column;min-width:0}.panel-heading{height:58px;display:flex;align-items:center;gap:10px;padding:0 19px;border-bottom:1px solid #edf0f6}.panel-heading h3{margin:0;font-size:12px;font-weight:800}.count-pill{background:#edf3ff;color:#285de8;border-radius:20px;min-width:23px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:850}.message-list{flex:1;min-height:250px}.empty-list{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-list-icon{width:43px;height:43px;border-radius:15px;background:#f5f7fb;color:#9aa8c0;display:grid;place-items:center;font-size:24px;margin-bottom:13px}.empty-list strong{font-size:12px}.empty-list p{font-size:11px;color:#8b96a9;max-width:200px;margin:4px 0 0;line-height:1.6}.list-skeleton{padding:24px 20px}.list-skeleton span{display:block;height:8px;background:#f0f3f8;border-radius:6px;margin-bottom:16px;animation:pulse 1.5s infinite}.list-skeleton span:nth-child(2){width:76%}.list-skeleton span:nth-child(3){width:53%}@keyframes pulse{50%{opacity:.45}}.message-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #f0f2f7;padding:15px 18px;background:#fff;color:var(--ink)}.message-row:hover{background:#f8faff}.message-row.is-selected{background:#f0f5ff;box-shadow:inset 3px 0 var(--blue)}.message-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.message-row-sender{font-weight:750;font-size:11px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row-time{font-size:10px;color:#8a95a8;white-space:nowrap}.message-row-subject,.message-row-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row-subject{font-size:12px;font-weight:700;margin-top:6px}.message-row-preview{font-size:10px;color:#8a95a8;margin-top:4px}.panel-footnote{padding:12px 18px;border-top:1px solid #f0f2f7;font-size:10px;color:#97a0b1}.message-viewer{position:relative;min-width:0;background:#fff}.empty-viewer{height:100%;min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-envelope{width:66px;height:66px;background:#f2f5fb;border-radius:21px;display:grid;place-items:center;color:#91a1bb;margin-bottom:20px}.empty-envelope svg{width:43px;height:43px}.empty-viewer h3{font-size:14px;margin:0 0 6px;letter-spacing:-.3px}.empty-viewer p{font-size:11px;color:#8792a6;max-width:280px;margin:0;line-height:1.75}.message-content{padding:25px;min-height:365px}.message-content[hidden]{display:none}.message-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.message-kicker{font-size:9px;font-weight:850;letter-spacing:1.4px;color:#8491a8}.message-detail-heading h3{font-size:20px;letter-spacing:-.6px;line-height:1.3;margin:7px 0}.message-detail-heading p{font-size:11px;color:#718099;margin:0;overflow-wrap:anywhere}.icon-button{border:1px solid #e6ebf3;background:#fff;border-radius:9px;width:30px;height:30px;font-size:22px;line-height:1;color:#7e8aa0;flex:none}.message-meta{display:flex;gap:15px;flex-wrap:wrap;border-bottom:1px solid #edf0f6;padding:15px 0;font-size:10px;color:#8792a6;margin-bottom:16px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#3d4960;margin:0;max-height:430px;overflow:auto}.message-security-note{display:flex;align-items:center;gap:7px;margin-top:20px;font-size:10px;color:#76849a}.message-security-note svg{width:17px;height:17px;fill:none;stroke:#238d70;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.privacy-note{display:flex;align-items:flex-start;gap:10px;background:#edf4ff;border:1px solid #dde8ff;border-radius:13px;margin:17px 0 0;padding:14px 17px;color:#536a94;font-size:11px;line-height:1.7}.privacy-note strong{color:#2e4775}.privacy-lock{font-size:19px;line-height:1;color:#4770d8;flex:none}.features-section{padding:82px 0;background:#fff;border-block:1px solid #edf0f6}.features-section h2{margin-top:11px}.max-copy{max-width:550px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.feature-card{border:1px solid #e8edf5;border-radius:18px;padding:26px 25px;background:#fff}.feature-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px}.feature-icon svg{width:24px;height:24px}.icon-blue{background:#edf3ff;color:#3569e8}.icon-violet{background:#f2efff;color:#7654d8}.icon-green{background:#e9f8f2;color:#14996f}.feature-card h3{font-size:15px;letter-spacing:-.25px;margin:0 0 8px}.feature-card p{font-size:12px;line-height:1.8;color:#748198;margin:0}.steps-section{padding-block:84px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.steps-copy h2{margin:12px 0 15px}.steps-copy>p{font-size:13px;color:#718098;line-height:1.9;max-width:300px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;margin-top:14px}.text-link span{font-size:17px;transition:transform .18s}.text-link:hover span{transform:translateX(3px)}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{display:grid;grid-template-columns:48px 1fr;gap:19px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid #e2e8f1}.steps-list li:last-child{border-bottom:0;margin-bottom:0}.step-number{width:42px;height:42px;border:1px solid #dce5f7;background:#fff;color:#3765d2;display:grid;place-items:center;border-radius:13px;font-size:11px;font-weight:850}.steps-list h3{font-size:14px;margin:0 0 5px}.steps-list p{font-size:12px;color:#78849a;line-height:1.8;margin:0;max-width:500px}.editorial-band{background:#1b2e55;color:#fff;padding:43px 0}.editorial-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.editorial-inner h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:12px 0 8px}.editorial-inner p{margin:0;color:#c2cde2;font-size:12px}.button-white{background:#fff;color:#20365f;min-height:45px;flex:none}.button-white:hover{background:#edf3ff}.faq-preview{padding-top:82px;padding-bottom:90px}.faq-preview h2{margin-top:11px;margin-bottom:28px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq-grid details{background:#fff;border:1px solid #e4eaf3;border-radius:15px;padding:17px 19px}.faq-grid summary{font-size:12px;font-weight:800;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:"+";font-size:19px;font-weight:400;color:var(--blue)}.faq-grid details[open] summary:after{content:"−"}.faq-grid p{color:#77849a;font-size:11px;line-height:1.8;margin:12px 0 0}.faq-more{margin-top:22px}.site-footer{background:#fff;border-top:1px solid #e6ebf4}.footer-main{padding-top:38px;padding-bottom:32px;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,2fr);align-items:start;gap:30px}.footer-brand{align-self:start}.footer-main>p{font-size:11px;color:#7b879c;margin:8px 0 0;max-width:260px;line-height:1.8}.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:8px 18px;min-width:0}.footer-links a{font-size:11px;color:#6f7d94;line-height:1.65;padding:2px 0;white-space:normal}.footer-links a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.footer-bottom{border-top:1px solid #edf0f5;padding-block:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#98a1b1;font-size:10px}.clipboard-fallback{position:fixed;top:-100px;left:-100px;opacity:0;pointer-events:none}
/* Editorial pages generated from the same design system. */
.page-hero{padding:76px 0 49px;background:linear-gradient(135deg,#f6f8fc,#edf3ff)}.page-hero .eyebrow{color:#64738f}.page-hero h1{font-size:clamp(36px,5vw,54px);letter-spacing:-2.4px;line-height:1.08;max-width:850px;margin:15px 0 17px}.page-hero p{color:#66738b;font-size:16px;max-width:760px;margin:0;line-height:1.8}.breadcrumb{font-size:11px;color:#7e8aa0;margin-bottom:19px}.breadcrumb a{color:var(--blue)}.page-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(180px,260px);gap:55px;padding-top:48px;padding-bottom:78px;align-items:start}.article-body{background:#fff;border:1px solid #e5eaf3;border-radius:18px;padding:clamp(23px,4vw,42px)}.article-body h2{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin:32px 0 11px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:16px;margin:22px 0 8px}.article-body p,.article-body li{font-size:14px;color:#5e6b82;line-height:1.95}.article-body li{margin-bottom:6px}.article-body ul,.article-body ol{padding-left:23px}.article-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-body strong{color:#293750}.article-body blockquote{margin:20px 0;padding:13px 17px;border-left:3px solid #5e83ef;background:#f3f6ff;color:#4c5d7a;border-radius:0 10px 10px 0}.article-body table{width:100%;border-collapse:collapse;font-size:12px;margin:22px 0}.article-body th,.article-body td{text-align:left;vertical-align:top;border:1px solid #e2e8f1;padding:10px}.article-body th{background:#f3f6fb;color:#2d3c59}.article-body td{color:#66738a}.article-aside{position:sticky;top:105px}.aside-card{background:#fff;border:1px solid #e5eaf3;border-radius:15px;padding:19px;margin-bottom:13px}.aside-card h3{font-size:13px;margin:0 0 8px}.aside-card p{font-size:11px;color:#748097;line-height:1.8;margin:0}.aside-links{display:flex;flex-direction:column;gap:9px}.aside-links a{font-size:11px;color:#5f6f8a}.aside-links a:hover{color:var(--blue)}.article-meta{font-size:11px;color:#8893a7;margin:0 0 25px;padding-bottom:17px;border-bottom:1px solid #edf0f6}.article-callout{background:#f0f5ff;border:1px solid #dfe8ff;border-radius:13px;padding:16px 18px;margin:20px 0}.article-callout p{margin:0;font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.content-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e4eaf3;border-radius:16px;padding:21px;transition:transform .18s,border-color .18s}.content-card:hover{transform:translateY(-2px);border-color:#c5d3f4}.content-card .card-kicker{font-size:9px;color:#6481d6;font-weight:850;letter-spacing:1.2px}.content-card h2{font-size:16px;letter-spacing:-.3px;line-height:1.35;margin:0}.content-card p{font-size:12px;color:#7a869b;line-height:1.75;margin:0}.content-card .card-link{font-size:11px;color:var(--blue);font-weight:800;margin-top:auto;padding-top:7px}.site-notice{background:#fff5df;border:1px solid #f7e6ba;color:#70551a;padding:13px 15px;border-radius:12px;font-size:12px;line-height:1.7}.contact-line{background:#f6f8fc;border:1px solid #e4eaf3;padding:13px 15px;border-radius:10px;overflow-wrap:anywhere;font-size:12px}.page-footer-cta{margin-top:25px;padding:22px;border-radius:14px;background:#1b2e55;color:#fff}.page-footer-cta h3{margin:0 0 5px;font-size:17px}.page-footer-cta p{color:#d0d9ec;font-size:12px;margin:0 0 13px}.page-footer-cta a{display:inline-block;background:#fff;color:#20365f;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800;text-decoration:none}.legal-date{font-size:11px;color:#8a95a9;font-style:italic}
@media(max-width:900px){.hero{grid-template-columns:1fr .72fr;gap:10px;padding-top:65px}.hero-art{transform:scale(.84);margin-inline:-25px}.hero h1{font-size:55px}.top-nav{gap:17px}.steps-section{gap:50px}.page-layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.footer-main{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:24px}.footer-links{grid-column:1/-1}.customize-row{align-items:flex-start;flex-direction:column}.new-inbox-button{align-self:flex-start}.mail-layout{grid-template-columns:minmax(265px,.8fr) minmax(0,1.2fr)}}
@media(max-width:640px){body{font-size:15px}.container{width:min(100% - 28px,1160px)}.site-header{height:68px}.brand{font-size:18px}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-mark svg{width:21px;height:21px}.top-nav{display:none}.header-cta{padding:9px 12px;font-size:11px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding-top:48px;padding-bottom:31px}.hero h1{font-size:clamp(44px,13vw,58px);letter-spacing:-2.9px;margin-top:17px}.hero-description{font-size:14px;line-height:1.8}.hero-points{font-size:10px;gap:10px 15px}.hero-art{height:220px;transform:scale(.74);transform-origin:top center;margin:5px 0 -55px}.inbox-section{padding-top:20px;padding-bottom:56px}.section-heading{display:block;margin-bottom:17px}.section-heading h2,.features-section h2,.steps-copy h2,.faq-preview h2{font-size:28px;letter-spacing:-.9px}.section-subtitle{font-size:12px;line-height:1.7}.live-indicator{display:inline-flex;margin-top:13px}.inbox-shell{border-radius:17px}.inbox-topbar{padding:0 14px;height:66px}.inbox-topbar-title{gap:9px}.mailbox-square{width:34px;height:34px}.inbox-topbar-title strong{font-size:12px}.inbox-topbar-title div>span{font-size:10px}.button-small{font-size:10px;padding:0 9px}.address-row{display:block;padding:18px 14px}.address-value{font-size:21px;line-height:1.3;margin-bottom:14px}.copy-button{width:100%}.customize-row{padding:17px 14px 18px;gap:16px}.username-form{width:100%}.username-form>label{flex-wrap:wrap;gap:4px 8px}.username-controls input{width:20px;font-size:12px;padding:0 9px}.domain-suffix{font-size:10px;padding:0 7px}.username-controls .button{padding:0 10px;font-size:11px}.new-inbox-button{width:100%}.status-message{margin-inline:14px}.mail-layout{display:flex;flex-direction:column;min-height:0}.message-list-panel{border-right:0;border-bottom:1px solid #edf0f6}.message-list{min-height:140px;max-height:315px;overflow:auto}.empty-list{height:160px}.empty-viewer{min-height:245px;padding:25px}.message-content{padding:20px 15px;min-height:250px}.message-body{font-size:11px}.privacy-note{padding:12px;font-size:10px}.features-section{padding:58px 0}.feature-grid{grid-template-columns:1fr;gap:10px;margin-top:25px}.feature-card{padding:20px;display:grid;grid-template-columns:42px 1fr;column-gap:14px}.feature-icon{grid-row:span 2;margin-bottom:0}.feature-card h3{align-self:end;margin-bottom:4px}.feature-card p{grid-column:2}.steps-section{padding-block:58px;grid-template-columns:1fr;gap:25px}.steps-copy>p{max-width:500px}.steps-list li{grid-template-columns:42px 1fr;gap:13px;padding-bottom:20px;margin-bottom:20px}.step-number{width:37px;height:37px}.editorial-band{padding:34px 0}.editorial-inner{align-items:flex-start;flex-direction:column}.editorial-inner h2{font-size:22px}.faq-preview{padding-top:58px;padding-bottom:62px}.faq-grid{grid-template-columns:1fr;gap:9px}.faq-grid details{padding:15px}.footer-main{grid-template-columns:1fr;gap:9px;padding-top:30px;padding-bottom:27px}.footer-main>p{margin-top:0;max-width:320px}.footer-links{margin-top:7px;gap:9px 15px}.footer-links a{font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:3px;font-size:9px;padding-block:13px}.page-hero{padding:47px 0 33px}.page-hero h1{font-size:38px;letter-spacing:-1.8px}.page-hero p{font-size:13px}.page-layout{display:flex;flex-direction:column;padding-top:25px;padding-bottom:50px;gap:15px}.article-body{padding:22px 18px;border-radius:14px}.article-body h2{font-size:21px;margin-top:27px}.article-body p,.article-body li{font-size:13px;line-height:1.85}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.aside-card{margin:0;padding:15px}.card-grid{grid-template-columns:1fr;gap:10px}.content-card{padding:19px}.article-body table{display:block;overflow-x:auto;white-space:normal}.page-footer-cta{padding:18px}.article-meta{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.not-found{min-height:60vh;display:grid;place-items:center;text-align:center;padding-block:55px}.not-found>div{max-width:560px}.not-found-kicker{justify-content:center}.not-found h1{font-size:clamp(42px,7vw,70px);letter-spacing:-3px;line-height:1.05;margin:14px 0}.not-found p{color:#6b7890;margin:0 auto 24px;line-height:1.8;max-width:480px}

/* Domain selector and first-class custom-domain navigation. */
.domain-selector{height:43px;max-width:220px;min-width:108px;padding:0 25px 0 10px;border:1px solid #dfe5ef;border-radius:0;background:#f5f7fb;color:#52627d;font-size:11px;font-weight:750;white-space:nowrap;appearance:auto}.mobile-quick-nav{display:none}.domain-application-form{display:grid;gap:17px;margin:23px 0 10px;padding:23px;border:1px solid #e3e9f3;border-radius:14px;background:#fbfcff}.domain-form-field{display:grid;gap:7px}.domain-form-field label{font-size:12px;font-weight:800;color:#293750}.domain-form-field input{width:100%;min-height:45px;padding:10px 13px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;color:#152039;font:inherit;font-size:14px}.domain-form-field input:focus-visible,.domain-selector:focus-visible{outline:3px solid rgba(40,93,232,.45);outline-offset:2px}.domain-form-field .field-hint{margin:0;font-size:11px}.domain-confirm{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#5e6b82;line-height:1.6}.domain-confirm input{margin-top:5px;flex:none;width:16px;height:16px;accent-color:#285de8}.domain-application-form .button{justify-self:start}.domain-application-status{padding:12px 14px;border-radius:10px;background:#eef7f3;color:#1c6b50;font-size:12px;overflow-wrap:anywhere}.domain-application-status[data-kind=error]{background:#fff0f1;color:#9e2837}.domain-mx-record{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #e0e7f2;border-radius:12px;background:#e0e7f2;margin:18px 0}.domain-mx-record>div{display:flex;flex-direction:column;gap:5px;min-width:0;background:#f8faff;padding:13px}.domain-mx-record span{color:#7a879c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.domain-mx-record strong,.domain-mx-record code{font-size:12px;color:#253650;overflow-wrap:anywhere}.domain-mx-record code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:1120px){.top-nav{gap:13px;font-size:11px}.header-inner{gap:16px}.domain-selector{max-width:175px;min-width:100px}}
@media(max-width:640px){.mobile-quick-nav{display:flex;gap:10px;padding:9px 14px;overflow-x:auto;white-space:nowrap;background:#fff;border-bottom:1px solid #e5eaf3}.mobile-quick-nav a{flex:none;padding:6px 10px;border:1px solid #e0e7f2;border-radius:9px;color:#445671;font-size:11px;font-weight:750}.domain-selector{min-width:95px;max-width:125px;padding-inline:5px;font-size:10px}.domain-mx-record{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-application-form{padding:17px}}

.random-generator-copy{padding-top:8px;padding-bottom:58px}.random-generator-copy h2{font-size:clamp(25px,3vw,34px);letter-spacing:-1px;line-height:1.18;margin:11px 0 13px}.random-generator-copy>p{max-width:850px;color:#68758c;font-size:14px;line-height:1.9}.random-copy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:23px}.random-copy-grid article{padding:21px;border:1px solid #e3e9f3;border-radius:15px;background:#fff}.random-copy-grid h3{font-size:14px;margin:0 0 8px}.random-copy-grid p{font-size:12px;line-height:1.8;color:#6d7a90;margin:0}@media(max-width:640px){.random-generator-copy{padding-bottom:43px}.random-copy-grid{grid-template-columns:1fr;gap:10px}.random-copy-grid article{padding:17px}}

/* Explicit hidden rules override the display styles above. */
.empty-viewer[hidden], .message-content[hidden] { display: none !important; }
.message-row.is-unread .message-row-sender, .message-row.is-unread .message-row-subject { font-weight: 850; color: #172643; }
.message-row.is-unread { background: #fbfcff; }
.message-row.is-unread .message-row-preview { color: #315ad7; }
.message-row.is-read .message-row-sender, .message-row.is-read .message-row-subject { font-weight: 550; color: #69758b; }
.message-read-state { display: inline-flex; align-items: center; gap: 5px; margin-top: 7px; font-size: 9px; font-weight: 800; color: #315ad7; }
.message-read-state::before { content: ""; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
.message-row.is-read .message-read-state { color: #8994a8; }
.message-row.is-read .message-read-state::before { width: 7px; height: 5px; border-radius: 0; background: transparent; border: solid currentColor; border-width: 0 0 1.5px 1.5px; transform: rotate(-45deg); }

/* Browser-session privacy explainer and the unique username privacy checker tool. */
.session-privacy-section{padding-bottom:20px}.session-privacy-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;padding:28px;border:1px solid #dce5f5;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f2f6ff 100%);box-shadow:0 10px 34px rgba(26,46,87,.05)}.session-privacy-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e5edff;font-size:23px}.session-privacy-copy h2{font-size:clamp(23px,2.8vw,32px);letter-spacing:-1px;line-height:1.2;margin:8px 0 11px}.session-privacy-copy>p{font-size:13px;line-height:1.85;color:#56647d;max-width:870px;margin:0 0 11px}.session-privacy-copy .session-privacy-caveat{font-size:11px;color:#78849a}.session-privacy-copy .text-link{display:inline-block;color:#285de8;font-size:12px;font-weight:800;margin-top:4px}
.privacy-checker-tool{padding:23px;border:1px solid #dfe7f3;border-radius:17px;background:#fbfcff;margin:18px 0 25px}.privacy-tool-heading{display:flex;align-items:flex-start;gap:14px}.privacy-tool-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e9efff;color:#285de8;font-size:25px;font-weight:700}.privacy-tool-heading h2{margin:0 0 4px!important;font-size:21px!important}.privacy-tool-heading p,.privacy-tool-suggestions-head p{margin:0;color:#6a7790;font-size:12px;line-height:1.7}.privacy-input-label{display:block;font-size:12px;font-weight:800;color:#293750;margin:19px 0 7px}.privacy-checker-controls{display:flex;gap:9px}.privacy-checker-controls input{flex:1;min-width:0;height:45px;border:1px solid #dce4f0;border-radius:10px;background:#fff;color:#152039;padding:0 12px;font:inherit;font-size:14px}.privacy-checker-controls input:focus{outline:3px solid rgba(40,93,232,.2);border-color:#8daaf5}.privacy-checker-tool .field-hint{font-size:10px;line-height:1.7;color:#7b879b;margin:8px 0 13px}.privacy-check-result{padding:14px 15px;border:1px solid #dfe6f0;border-radius:11px;background:#fff;color:#657189;font-size:12px;line-height:1.7}.privacy-check-result strong{display:block;color:#263650;font-size:13px;margin-bottom:3px}.privacy-check-result p{margin:0}.privacy-check-result.is-success{border-color:#c7eadc;background:#f2fbf7}.privacy-check-result.is-success strong{color:#12734f}.privacy-check-result.is-warning{border-color:#f2dfb0;background:#fffaf0}.privacy-check-result.is-warning strong{color:#8c620d}.privacy-check-result.is-error{border-color:#f1cdd1;background:#fff5f5}.privacy-check-result.is-error strong{color:#9d2838}.privacy-tool-suggestions-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}.privacy-tool-suggestions-head h3{font-size:14px;margin:0 0 3px}.privacy-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.privacy-suggestions[hidden]{display:none!important}.privacy-suggestion-card{min-width:0;padding:13px;border:1px solid #e0e7f2;border-radius:11px;background:#fff}.privacy-suggestion-card code{display:block;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:800;color:#20345d;margin-bottom:10px}.privacy-suggestion-actions{display:flex;gap:7px;flex-wrap:wrap}.privacy-suggestion-actions .button{min-height:32px;font-size:10px;padding-inline:10px}
@media(max-width:640px){.session-privacy-section{padding-bottom:12px}.session-privacy-card{grid-template-columns:1fr;gap:12px;padding:19px;border-radius:15px}.session-privacy-icon{width:42px;height:42px}.session-privacy-copy h2{font-size:24px}.session-privacy-copy>p{font-size:12px}.privacy-checker-tool{padding:17px}.privacy-checker-controls{flex-direction:column}.privacy-checker-controls .button{width:100%}.privacy-tool-suggestions-head{align-items:flex-start;flex-direction:column}.privacy-tool-suggestions-head .button{width:100%}.privacy-suggestions{grid-template-columns:1fr}}

/* MailTemporary inbox modes: default shared inbox vs. optional locked claim. */
.eyebrow{color:#315ad7;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.hero .eyebrow{color:#2c55cd;background:#e8efff;border:1px solid #d6e2ff;border-radius:999px;padding:9px 13px;display:inline-flex;align-items:center;width:fit-content}
.inline-cta-link{display:inline-block;color:#285de8;font-weight:850;text-decoration:none;text-underline-offset:3px}
.inline-cta-link:hover{text-decoration:underline}
.domain-selector{appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid #d4deef;border-radius:12px;background-color:#fff;color:#263b63;font-size:12px;font-weight:800;padding:0 34px 0 13px;box-shadow:0 2px 7px rgba(31,54,98,.06);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23586f9a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;transition:border-color .18s,box-shadow .18s,background-color .18s}
.domain-selector:hover{border-color:#9eb5ec;background-color:#fafdff;box-shadow:0 4px 12px rgba(31,54,98,.09)}
.domain-selector:focus-visible{outline:3px solid rgba(40,93,232,.28);outline-offset:2px}
.domain-suffix-static{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 14px;border:1px solid #d4deef;border-radius:12px;background:#f7f9fd;color:#334d7c;font-size:12px;font-weight:850;white-space:nowrap}
.inbox-modes-section{padding-top:12px;padding-bottom:64px}
.inbox-modes-heading{max-width:730px;margin-bottom:22px}
.inbox-modes-heading h2{font-size:clamp(28px,3.6vw,40px);line-height:1.13;letter-spacing:-1.5px;margin:8px 0 11px}
.inbox-modes-heading .section-subtitle{max-width:680px}
.inbox-modes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.inbox-mode-card{position:relative;overflow:hidden;padding:25px;border:1px solid #e1e8f4;border-radius:19px;background:#fff;box-shadow:0 7px 23px rgba(24,46,87,.04)}
.inbox-mode-card.mode-locked{border-color:#cbd8fa;background:linear-gradient(145deg,#fff 0%,#f4f7ff 100%)}
.mode-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#edf2fc;color:#285de8;font-size:23px;margin-bottom:18px}
.mode-locked .mode-icon{background:#e5ecff}
.mode-kicker{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#6a7da2}
.inbox-mode-card h3{font-size:19px;letter-spacing:-.5px;margin:7px 0 9px}
.inbox-mode-card p{font-size:12px;line-height:1.85;color:#64718a;margin:0 0 19px;max-width:530px}
.inbox-mode-card>a{display:inline-flex;align-items:center;gap:7px;color:#285de8;font-size:12px;font-weight:850;text-decoration:none}
.inbox-mode-card>a:hover{text-decoration:underline;text-underline-offset:3px}
.locked-lease-section{padding:20px 0 68px}
.locked-lease-intro{max-width:780px;margin-bottom:22px}
.locked-lease-intro h2{font-size:clamp(28px,3.6vw,40px);line-height:1.14;letter-spacing:-1.4px;margin:8px 0 10px}
.locked-lease-intro p{font-size:13px;color:#68758c;line-height:1.8}
.locked-lease-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.locked-lease-card{padding:21px;border:1px solid #e2e8f2;border-radius:15px;background:#fff}
.locked-lease-card .lease-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf0ff;color:#285de8;font-size:12px;font-weight:900;margin-bottom:13px}
.locked-lease-card h3{font-size:14px;margin:0 0 7px}
.locked-lease-card p{font-size:11px;color:#6b7890;line-height:1.85;margin:0}
.locked-lease-warning{margin-top:15px;padding:15px 17px;border:1px solid #f0dfb6;border-radius:13px;background:#fffbef;color:#71551a;font-size:11px;line-height:1.85}
@media(max-width:640px){.inbox-modes-section{padding-bottom:43px}.inbox-modes-grid{grid-template-columns:1fr}.inbox-mode-card{padding:20px}.locked-lease-section{padding-bottom:43px}.locked-lease-grid{grid-template-columns:1fr}.locked-lease-card{padding:17px}.domain-selector{min-width:100px;max-width:145px;padding-left:10px;padding-right:28px}.domain-suffix-static{min-height:42px;padding:0 10px;font-size:11px}}

/* Refined username/domain/apply control group: distinct surfaces, stronger focus,
   consistent radii and an intentional mobile layout. */
.customize-row{align-items:stretch;gap:20px;padding:22px 25px 24px}
.username-form{display:grid;gap:0;min-width:0;max-width:820px}
.username-form>label{font-size:12px;font-weight:850;letter-spacing:0;color:#263650;margin-bottom:10px;gap:8px}
.username-form>label span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf3ff;color:#4966a5;font-size:10px;font-weight:750}
.username-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,195px) auto;align-items:stretch;gap:6px;max-width:820px;padding:5px;border:1px solid #dbe4f3;border-radius:17px;background:linear-gradient(145deg,#f8faff,#f1f5fc);box-shadow:0 7px 22px rgba(26,48,91,.055),inset 0 1px 0 rgba(255,255,255,.9)}
.username-controls:focus-within{border-color:#b8c9f2;box-shadow:0 0 0 4px rgba(40,93,232,.07),0 7px 22px rgba(26,48,91,.055),inset 0 1px 0 rgba(255,255,255,.9)}
.username-controls input{width:100%;min-width:0;height:44px;padding:0 15px;border:1px solid transparent;border-radius:11px!important;background:#fff;box-shadow:0 1px 2px rgba(22,40,76,.035);font-size:13px;font-weight:650;transition:border-color .18s,box-shadow .18s,background-color .18s}
.username-controls input:hover{border-color:#cad7ef}
.username-controls input:focus-visible{outline:3px solid rgba(40,93,232,.18);outline-offset:1px;border-color:#83a0ed;box-shadow:0 0 0 4px rgba(40,93,232,.06)}
.username-controls input::placeholder{color:#9ba7bb;font-weight:500}
.username-controls .domain-selector{height:44px;min-width:0;max-width:220px;border-color:transparent;border-radius:11px!important;padding:0 34px 0 12px;background-color:#eaf0ff;color:#284a9b;font-size:12px;font-weight:850;box-shadow:none}
.username-controls .domain-selector:hover{border-color:#d2dfff;background-color:#e4ecff;box-shadow:none}
.username-controls .button{height:44px;min-height:44px;border:0;border-radius:11px!important;padding:0 21px;background:linear-gradient(135deg,#3265ee,#224cc6);color:#fff;font-size:12px;font-weight:850;box-shadow:0 5px 12px rgba(40,93,232,.21);white-space:nowrap}
.username-controls .button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#3d70f4,#1f48bf);box-shadow:0 7px 16px rgba(40,93,232,.25)}
.username-form .field-hint{margin-top:9px;font-size:10px;line-height:1.7;color:#7b879b}
.new-inbox-button{align-self:end;min-height:48px;border-radius:13px;padding-inline:17px;font-weight:800;white-space:nowrap}
.inbox-modes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mode-password{border-color:#d9d2f6;background:linear-gradient(145deg,#fff 0%,#f8f5ff 100%)}
.mode-password .mode-icon{background:#f0eaff;color:#7654d8}
.mode-password>a{color:#6844c7}
.password-inbox-page{padding-top:24px;padding-bottom:72px}
.password-benefit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:23px}
.password-benefit-row>div{display:flex;gap:12px;align-items:flex-start;padding:17px;border:1px solid #e3e9f3;border-radius:15px;background:#fff}
.password-benefit-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:#edf2ff;color:#345dd4;font-size:18px;font-weight:900}
.password-benefit-row strong{display:block;color:#263650;font-size:12px;margin:2px 0 5px}
.password-benefit-row p{margin:0;color:#748198;font-size:10px;line-height:1.75}
.password-auth-card{max-width:780px;margin:0 auto 24px;padding:28px;border:1px solid #dfe6f2;border-radius:22px;background:#fff;box-shadow:0 14px 42px rgba(25,45,82,.07)}
.password-card-heading{display:flex;align-items:flex-start;gap:15px}
.password-card-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#e9efff;color:#315bd2;font-size:27px}
.password-card-heading h2{font-size:clamp(22px,3vw,29px);letter-spacing:-.8px;line-height:1.2;margin:7px 0 6px}
.password-card-heading p{font-size:12px;color:#718098;line-height:1.75;margin:0}
.password-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin:22px 0 21px;border:1px solid #e4eaf4;border-radius:14px;background:#f5f7fc}
.password-mode-tabs button{min-height:42px;border:0;border-radius:10px;background:transparent;color:#75819a;font:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.password-mode-tabs button:hover{color:#294477}
.password-mode-tabs button.is-active{background:#fff;color:#2d53c5;box-shadow:0 2px 8px rgba(31,53,91,.09)}
.password-auth-form{display:grid;gap:8px}
.password-auth-form>label,#password-confirm-wrap>label{font-size:11px;font-weight:850;color:#293750;margin-top:7px}
.password-username-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;align-items:stretch}
.password-username-field input,.password-secret-input{width:100%;min-width:0;height:48px;padding:0 14px;border:1px solid #d8e1ef;border-radius:12px;background:#fff;color:#152039;font:inherit;font-size:13px;transition:border-color .16s,box-shadow .16s}
.password-username-field input{border-radius:12px 0 0 12px}
.password-username-field span{display:flex;align-items:center;padding:0 14px;border:1px solid #d8e1ef;border-left:0;border-radius:0 12px 12px 0;background:#f7f9fd;color:#415879;font-size:12px;font-weight:850;white-space:nowrap}
.password-username-field input:focus-visible,.password-secret-input:focus-visible{outline:3px solid rgba(40,93,232,.2);outline-offset:1px;border-color:#83a0ed}
.password-auth-form .field-hint{margin:1px 0 8px;font-size:10px;line-height:1.75;color:#7a879d}
.password-auth-form .field-hint code{padding:2px 4px;border-radius:4px;background:#eff3fb;color:#31466c}
#password-confirm-wrap{display:grid;gap:8px}
.password-submit{justify-self:stretch;min-height:48px;margin-top:9px;border-radius:12px;font-size:12px;font-weight:850}
.password-status{padding:12px 14px;border:1px solid #dce6f8;border-radius:11px;background:#f5f8ff;color:#40577f;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.password-status[data-kind="error"]{border-color:#f0cbd1;background:#fff4f5;color:#9d2838}
.password-status[data-kind="success"]{border-color:#c6eadc;background:#f1fbf6;color:#176f51}
.password-mailbox{margin-top:24px}
.password-mailbox[hidden],.password-auth-card[hidden],.password-status[hidden]{display:none!important}
.password-top-actions{display:flex;gap:7px;align-items:center}
.password-top-actions .button{white-space:nowrap}
.password-account-note{max-width:880px;margin:13px auto 0;color:#6d7a92;font-size:11px;line-height:1.85}
.password-explainer{max-width:980px;margin:48px auto 0}
.password-explainer>h2{font-size:clamp(23px,3vw,31px);letter-spacing:-.9px;margin-bottom:18px}
.password-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.password-explainer-grid article{padding:19px;border:1px solid #e3e9f3;border-radius:15px;background:#fff}
.password-explainer-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eaf0ff;color:#315bd2;font-size:10px;font-weight:900;margin-bottom:13px}
.password-explainer-grid h3{margin:0 0 8px;font-size:13px;color:#263650}
.password-explainer-grid p{margin:0;font-size:11px;color:#748198;line-height:1.85}
.password-limits{margin:16px 0 0;padding:15px 17px;border:1px solid #f0dfb6;border-radius:13px;background:#fffbef;color:#71551a;font-size:11px;line-height:1.85}
.password-limits strong{color:#644b16}
@media(max-width:1000px){.inbox-modes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.password-benefit-row{grid-template-columns:1fr}.password-benefit-row>div{padding:14px 16px}.password-benefit-row p{font-size:11px}}
@media(max-width:640px){.customize-row{padding:18px 14px;gap:13px}.username-form{width:100%;max-width:none}.username-controls{grid-template-columns:minmax(0,1fr) minmax(105px,.65fr);gap:6px;padding:5px;border-radius:15px}.username-controls input{grid-column:1/-1;height:45px}.username-controls .domain-selector{width:100%;min-width:0;max-width:none;height:45px;padding-inline:10px 28px;font-size:11px}.username-controls .button{width:100%;height:45px;min-height:45px;padding:0 10px}.new-inbox-button{width:100%;align-self:stretch}.inbox-modes-grid{grid-template-columns:1fr}.password-inbox-page{padding-top:15px;padding-bottom:50px}.password-benefit-row{gap:8px}.password-benefit-row>div{border-radius:12px}.password-auth-card{padding:19px 16px;border-radius:17px}.password-card-heading{gap:11px}.password-card-icon{width:40px;height:40px;border-radius:12px}.password-mode-tabs button{font-size:10px;padding-inline:5px}.password-top-actions{gap:5px}.password-top-actions .button-small{padding-inline:8px;font-size:10px}.password-explainer{margin-top:35px}.password-explainer-grid{grid-template-columns:1fr}.password-explainer-grid article{padding:16px}.password-username-field span{padding-inline:10px;font-size:11px}}


/* Contact form: the sole published contact channel. */
.contact-form-card{max-width:860px;margin:0 auto;padding:clamp(20px,4vw,36px);background:linear-gradient(145deg,#fff,#f6f8ff);border:1px solid #e0e7f3;border-radius:24px;box-shadow:0 18px 46px rgba(28,48,90,.08)}
.contact-form{display:grid;gap:22px}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-field{display:grid;gap:8px;min-width:0}
.contact-field label{font-weight:700;color:#1b2942;font-size:.94rem}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-width:0;border:1px solid #d7dfed;border-radius:12px;background:#fff;padding:13px 14px;color:#15243c;font:inherit;line-height:1.45;box-shadow:0 1px 2px rgba(20,36,68,.03);transition:border-color .15s ease,box-shadow .15s ease}
.contact-field textarea{resize:vertical;min-height:160px}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:none;border-color:#4772eb;box-shadow:0 0 0 4px rgba(71,114,235,.13)}
.contact-field-wide{grid-column:1/-1}
.field-optional{font-weight:400;color:#71809a;font-size:.85em}
.contact-form .button{justify-self:start;min-height:48px;padding:13px 20px;border:0;cursor:pointer}
.contact-form .button:disabled{opacity:.65;cursor:wait}
.contact-status{margin:0;padding:13px 15px;border-radius:12px;background:#edf7ef;color:#14532d;border:1px solid #cae8d0}
.contact-status[data-kind="error"]{background:#fff1f1;color:#9f2020;border-color:#fecaca}
.contact-privacy-note{margin:20px 0 0;color:#66748b;font-size:.91rem;line-height:1.65}
.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:640px){.contact-form-card{padding:18px;border-radius:18px}.contact-form-grid{grid-template-columns:1fr;gap:16px}.contact-field-wide{grid-column:auto}.contact-form .button{width:100%;justify-content:center}}

/* Responsive Tools dropdown shared by homepage and editorial pages. */
.top-nav{gap:clamp(10px,1.25vw,18px);font-size:11px;white-space:nowrap}
.top-nav>a,.nav-dropdown>summary{color:#5d6980;font-size:11px;font-weight:750;transition:color .16s ease}
.top-nav>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{color:var(--blue)}
.nav-dropdown{position:relative;display:flex;align-items:center;flex:none}
.nav-dropdown>summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;min-height:40px;user-select:none}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary::marker{content:""}
.nav-caret{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}
.nav-dropdown[open] .nav-caret{transform:rotate(225deg) translate(-1px,-1px)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 5px);right:-16px;z-index:100;display:grid;gap:3px;width:260px;padding:8px;border:1px solid #e2e8f2;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 18px 46px rgba(24,43,83,.17);white-space:normal;backdrop-filter:blur(12px)}
.nav-dropdown-menu a{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:10px;color:#283650;transition:background .14s ease,color .14s ease}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#f0f5ff;color:var(--blue)}
.nav-menu-title{font-size:12px;font-weight:800;line-height:1.35}
.nav-menu-description{font-size:10px;line-height:1.45;color:#7a879c;font-weight:500}
@media(max-width:1120px){.top-nav{gap:clamp(8px,1vw,12px);font-size:10.5px}.top-nav>a,.nav-dropdown>summary{font-size:10.5px}.header-inner{gap:12px}}
@media(max-width:640px){.mobile-quick-nav{gap:8px}.mobile-quick-nav a{padding:7px 10px;font-size:10.5px}}


/* Final navigation layout: inbox modes stay visible; utilities are grouped in Tools and Explore. */
.top-nav{display:flex;align-items:center;gap:clamp(10px,1.1vw,16px);white-space:nowrap}
.top-nav>a,.top-nav>.nav-dropdown>summary{color:#52617b;font-size:12px;font-weight:750;transition:color .16s ease}
.top-nav>a:hover,.top-nav>.nav-dropdown>summary:hover,.top-nav>.nav-dropdown[open]>summary{color:var(--blue)}
.nav-dropdown-tools .nav-dropdown-menu{left:-8px;right:auto}
.nav-dropdown-explore .nav-dropdown-menu{right:-8px;left:auto}
.nav-dropdown-menu{min-width:260px}
.mobile-quick-nav{display:none}
.mobile-nav-dropdown{display:none}
@media(max-width:1120px){.top-nav{gap:clamp(8px,.9vw,11px)}.top-nav>a,.top-nav>.nav-dropdown>summary{font-size:11px}.header-inner{gap:12px}}
@media(max-width:760px){
  .top-nav{display:none}
  .mobile-quick-nav{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;overflow:visible;white-space:normal;padding:10px 14px 12px;background:rgba(255,255,255,.97);border-bottom:1px solid #e3e9f3}
  .mobile-quick-nav> a,.mobile-nav-dropdown{flex:1 0 calc(50% - 8px);max-width:calc(50% - 4px);min-width:0}
  .mobile-quick-nav> a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 10px;border:1px solid #e0e7f2;border-radius:12px;background:#fff;color:#34445f;font-size:12px;font-weight:750;text-align:center;line-height:1.25;box-shadow:0 1px 2px rgba(20,36,68,.025)}
  .mobile-quick-nav> a:hover,.mobile-quick-nav> a:focus-visible{border-color:#bacafa;background:#f5f8ff;color:var(--blue)}
  .mobile-quick-nav> a[href="/guides/"]{flex-basis:100%;max-width:100%}
  .mobile-nav-dropdown{display:block;position:relative;border:1px solid #dce5f2;border-radius:12px;background:#fff;min-width:0}
  .mobile-nav-dropdown[open]{flex-basis:100%;max-width:100%;border-color:#bdcdfa;box-shadow:0 5px 18px rgba(37,76,164,.07)}
  .mobile-nav-dropdown>summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 10px;list-style:none;color:#34445f;font-size:12px;font-weight:800;cursor:pointer;user-select:none}
  .mobile-nav-dropdown>summary::-webkit-details-marker{display:none}.mobile-nav-dropdown>summary::marker{content:""}
  .mobile-nav-dropdown[open]>summary{color:var(--blue)}
  .mobile-nav-dropdown .nav-caret{flex:none;width:6px;height:6px}
  .mobile-nav-panel{display:none}
  .mobile-nav-dropdown[open] .mobile-nav-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 8px 8px;padding:8px;border:1px solid #e6ebf4;border-radius:10px;background:#f8faff}
  .mobile-nav-panel>a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:58px;padding:10px;border-radius:8px;background:#fff;color:#283650;overflow-wrap:anywhere}
  .mobile-nav-panel>a:hover,.mobile-nav-panel>a:focus-visible{background:#eff4ff;color:var(--blue)}
  .mobile-nav-panel .nav-menu-title{font-size:11px;line-height:1.35}.mobile-nav-panel .nav-menu-description{font-size:10px;line-height:1.4}
  .header-cta{flex:none}
}

/* Grouped footer navigation: parallel columns on desktop, compact grid on mobile. */
.footer-main{grid-template-columns:minmax(190px,1.2fr) repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.footer-brand-column{min-width:0}
.footer-brand-column .footer-brand{margin-bottom:10px}
.footer-brand-column>p{font-size:11px;color:#7b879c;margin:0;max-width:260px;line-height:1.8}
.footer-column{min-width:0}
.footer-column-title{margin:2px 0 13px;color:#24324e;font-size:11px;font-weight:850;letter-spacing:.04em;line-height:1.4}
.footer-column .footer-links{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;min-width:0;margin:0}
.footer-column .footer-links a{display:block;min-width:0;padding:0;font-size:11px;line-height:1.65;white-space:normal;overflow-wrap:anywhere;color:#6f7d94}
.footer-column .footer-links a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.footer-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px}.footer-brand-column{grid-column:1/-1}.footer-brand-column>p{max-width:480px}}
@media(max-width:640px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;padding-top:30px;padding-bottom:27px}.footer-brand-column{grid-column:1/-1}.footer-column-title{font-size:11px;margin-bottom:10px}.footer-column .footer-links{gap:8px}.footer-column .footer-links a{font-size:11px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:3px;font-size:9px;padding-block:13px}}
@media(max-width:360px){.footer-main{grid-template-columns:minmax(0,1fr)}}