.smtp-hero{position:relative;background:linear-gradient(180deg,rgba(1,121,114,.06) 0%,rgba(1,121,114,.02) 45%,var(--bg-white) 100%);border-bottom:1px solid rgba(1,121,114,.08);padding:56px 0 48px;overflow:hidden}.smtp-hero:before{content:"";position:absolute;top:-160px;right:-120px;width:420px;height:420px;background:radial-gradient(circle,#0179721a,#01797200 70%);filter:blur(40px);pointer-events:none}.smtp-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:820px}.smtp-hero-title{font-family:var(--font-primary);font-size:clamp(34px,5vw,52px);font-weight:700;line-height:1.1;letter-spacing:-1.5px;color:var(--text-dark);margin:0}.smtp-hero-title .text-primary{color:var(--primary)}.smtp-hero-sub{font-family:var(--font-secondary);font-size:clamp(16px,2vw,20px);font-weight:400;line-height:1.6;color:var(--text-muted);max-width:640px;margin:0}.smtp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:4px;font-family:var(--font-secondary);font-size:15px;color:var(--text-muted)}.smtp-meta-item{display:inline-flex;align-items:center;gap:8px}.smtp-meta-item svg{flex-shrink:0;opacity:.85}.smtp-meta-dot{width:4px;height:4px;border-radius:50%;background:#01797259}.smtp-pill{display:inline-flex;align-items:center;gap:7px}.smtp-pill svg{margin-top:-1px}.smtp-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}.smtp-platforms-label{font-family:var(--font-secondary);font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted)}.smtp-platform-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:var(--radius-full);border:1px solid rgba(1,121,114,.18);background:#0179720a;font-family:var(--font-secondary);font-size:14px;font-weight:600;color:var(--text-dark);transition:all var(--transition-normal)}.smtp-platform-chip svg{flex-shrink:0}.smtp-platform-chip:hover{border-color:#01797266;background:#01797212;transform:translateY(-1px)}.smtp-body{background:var(--bg-white);padding:56px 0 90px}.smtp-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:56px;align-items:start}.smtp-article{min-width:0}.smtp-section-heading{font-family:var(--font-primary);font-size:28px;font-weight:700;letter-spacing:-.8px;color:var(--text-dark);margin:0 0 14px}.smtp-lead{font-family:var(--font-secondary);font-size:18px;font-weight:400;line-height:1.75;color:var(--text-muted);margin:0 0 28px;max-width:680px}.smtp-lead strong{color:var(--text-dark);font-weight:600}.smtp-subheading{font-family:var(--font-secondary);font-size:16px;font-weight:600;letter-spacing:-.2px;color:var(--primary);margin:0 0 28px;padding:12px 16px;background:#0179720d;border-left:3px solid var(--primary);border-radius:0 8px 8px 0}.smtp-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.smtp-step{position:relative;display:grid;grid-template-columns:44px 1fr;gap:20px;padding-bottom:32px}.smtp-step:before{content:"";position:absolute;left:21px;top:44px;bottom:-4px;width:2px;background:linear-gradient(180deg,#01797240,#01797214)}.smtp-step:last-child{padding-bottom:0}.smtp-step:last-child:before{display:none}.smtp-step-marker{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:18px;font-weight:700;color:var(--bg-white);background:var(--primary);box-shadow:0 4px 12px -2px #016d5b73}.smtp-step-body{min-width:0;padding-top:2px}.smtp-step-title{font-family:var(--font-primary);font-size:21px;font-weight:700;letter-spacing:-.5px;color:var(--text-dark);margin:0 0 12px}.smtp-list,.smtp-ordered{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.smtp-list>li,.smtp-ordered>li{position:relative;font-family:var(--font-secondary);font-size:16.5px;line-height:1.6;color:var(--text-muted);padding-left:30px}.smtp-list>li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='7.5' stroke='%23017972' stroke-width='1.5'/%3E%3Cpath d='M5.8125 9.00141L7.935 11.1239L12.1875 6.87891' stroke='%23017972' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.smtp-ordered{counter-reset:smtp-sub}.smtp-ordered>li{counter-increment:smtp-sub;padding-left:34px}.smtp-ordered>li:before{content:counter(smtp-sub);position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#0179721a;color:var(--primary);font-family:var(--font-secondary);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.smtp-sublist{list-style:none;margin:12px 0 2px;padding:0;display:flex;flex-direction:column;gap:8px}.smtp-sublist>li{position:relative;font-family:var(--font-secondary);font-size:15.5px;line-height:1.55;color:var(--text-muted);padding-left:22px}.smtp-sublist>li:before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:50%;background:#01797273}.smtp-list code,.smtp-ordered code,.smtp-sublist code{font-family:ui-monospace,SFMono-Regular,IBM Plex Mono,Menlo,Consolas,monospace;font-size:.9em;background:#01797214;color:var(--primary-dark);padding:2px 7px;border-radius:5px;white-space:nowrap}.smtp-list strong,.smtp-ordered strong{color:var(--text-dark);font-weight:600}.smtp-inline-link{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.smtp-inline-link:hover{color:var(--primary-dark);opacity:1}.smtp-troubleshoot{margin-top:36px;padding:26px 28px;border:1px solid rgba(1,121,114,.14);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(1,121,114,.03) 0%,var(--bg-white) 100%)}.smtp-troubleshoot-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.smtp-troubleshoot-head h2{font-family:var(--font-primary);font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--text-dark);margin:0}.smtp-troubleshoot-icon{width:34px;height:34px;border-radius:9px;background:#0179721a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smtp-aside{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:22px}.smtp-card{border:1px solid rgba(1,121,114,.14);border-radius:var(--radius-xl);background:var(--bg-white);box-shadow:0 18px 40px -24px #016d5b59;overflow:hidden}.smtp-download{padding:26px 24px 24px;background:linear-gradient(180deg,rgba(1,121,114,.05) 0%,var(--bg-white) 38%)}.smtp-card-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-secondary);font-size:13px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;color:var(--primary);margin-bottom:14px}.smtp-card-eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--primary)}.smtp-os-detected{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(1,121,114,.22);border-radius:var(--radius-lg);background:var(--bg-white);transition:all var(--transition-normal)}.smtp-os-detected:hover{border-color:var(--primary);box-shadow:0 8px 18px -10px #016d5b66;opacity:1}.smtp-os-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.smtp-os-icon [data-os-icon]{display:none;align-items:center;justify-content:center}.smtp-os-icon [data-os-icon].is-active{display:flex}.smtp-os-info{display:flex;flex-direction:column;gap:2px;min-width:0}.smtp-os-name{font-family:var(--font-secondary);font-size:16px;font-weight:600;color:var(--primary);line-height:1.3}.smtp-os-note{font-family:var(--font-secondary);font-size:12.5px;color:var(--primary-light);line-height:1.4}.smtp-os-dl{margin-left:auto;width:52px;height:52px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary);box-shadow:0 6px 16px -4px #016d5b80;transition:all var(--transition-normal)}.smtp-os-dl svg{display:block}.smtp-os-dl svg [stroke]{stroke:var(--bg-white)}.smtp-os-detected:hover .smtp-os-dl,.smtp-os-dl:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 24px -6px #016d5b99;opacity:1}.smtp-os-divider{font-family:var(--font-secondary);font-size:13.5px;color:var(--text-muted);text-align:center;margin:20px 0 14px}.smtp-os-options{display:flex;flex-direction:column;gap:10px}.smtp-os-option{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border:1px solid rgba(55,63,81,.18);border-radius:var(--radius-lg);background:var(--bg-white);font-family:var(--font-secondary);font-size:15px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:all var(--transition-normal)}.smtp-os-option svg{flex-shrink:0}.smtp-os-option:hover{border-color:var(--primary);background:#0179720a;transform:translateY(-1px);opacity:1}.smtp-os-option[hidden]{display:none}.smtp-connect{position:relative;padding:28px 24px;background:linear-gradient(135deg,var(--bg-white) 0%,rgba(1,121,114,.04) 100%);overflow:hidden}.smtp-connect:after{content:"";position:absolute;bottom:-40px;right:-40px;width:150px;height:150px;background:radial-gradient(circle at bottom right,#01797224,#01797200 70%);border-radius:50%;pointer-events:none}.smtp-connect-eyebrow{position:relative;z-index:1;font-family:var(--font-secondary);font-size:15px;font-weight:600;color:var(--text-muted);margin:0 0 10px}.smtp-connect-title{position:relative;z-index:1;font-family:var(--font-primary);font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.6px;color:var(--primary-dark);margin:0 0 12px}.smtp-connect-text{position:relative;z-index:1;font-family:var(--font-secondary);font-size:15px;line-height:1.65;color:var(--text-muted);margin:0 0 22px}.smtp-connect .btn-primary{position:relative;z-index:1;width:100%;text-align:center}@media (max-width: 1024px){.smtp-grid{grid-template-columns:1fr;gap:40px}.smtp-aside{position:static;top:auto;order:-1;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.smtp-card{flex:1 1 320px}}@media (max-width: 768px){.smtp-hero{padding:40px 0 36px}.smtp-body{padding:40px 0 64px}.smtp-section-heading{font-size:24px}.smtp-lead{font-size:16.5px}.smtp-aside{flex-direction:column;align-items:stretch}.smtp-card{flex:1 1 auto}.smtp-step{grid-template-columns:38px 1fr;gap:16px}.smtp-step:before{left:18px;top:38px}.smtp-step-marker{width:38px;height:38px;font-size:16px}.smtp-step-title{font-size:19px}.smtp-list>li,.smtp-ordered>li{font-size:16px}}@media (max-width: 480px){.smtp-hero-title{letter-spacing:-1px}.smtp-meta-dot{display:none}.smtp-troubleshoot{padding:22px 18px}.smtp-download,.smtp-connect{padding-left:18px;padding-right:18px}.smtp-os-detected{padding:12px;gap:10px}}