*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#092348;background:#f3f7fb;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}code{font-family:"SFMono-Regular",Consolas,monospace;background:#e9f2fb;color:#075ec8;border-radius:6px;padding:.12em .38em;font-size:.9em}.wrap{width:min(1180px,92%);margin:auto}.utility{background:#04142d;color:#bdd0e8;font-size:12px}.utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility-inner div{display:flex;gap:24px}.utility a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(248,251,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid #dbe8f5}.nav-row{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:46px;height:40px;border:3px solid #1581ff;border-radius:50%;display:grid;place-items:center;color:#1581ff;font-size:19px;font-weight:950;transform:skew(-8deg)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#718198;margin-top:6px;font-weight:800}.nav-row nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:750}.nav-row nav a:hover{color:#1581ff}.account-link{padding:11px 18px;background:#e7f2ff;border-radius:99px;color:#075ec8}.menu-toggle{display:none;width:46px;height:42px;border:1px solid #cbdced;border-radius:12px;background:#fff;padding:10px;cursor:pointer}.menu-toggle span{height:2px;background:#092348;display:block;margin:4px 0;border-radius:2px}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#031329,#06285a 60%,#0a4f9a);color:#fff}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 88%)}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#1a9dff33;filter:blur(80px);right:-160px;top:-140px}.hero-layout{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:900;color:#8edcff;margin:0 0 18px}.eyebrow span{color:#32baff}.eyebrow.blue{color:#0879e8}.hero h1{font-size:clamp(54px,6.6vw,82px);line-height:.96;letter-spacing:-.055em;margin:0 0 26px}.hero h1 em{font-style:normal;color:#32baff}.hero-lede{font-size:18px;max-width:620px;color:#d5e5f9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:850;transition:.25s transform,.25s background}.button:hover{transform:translateY(-2px)}.button.primary{background:#1581ff;color:#fff;box-shadow:0 12px 30px #001b473d}.button.secondary{border:1px solid #ffffff42;background:#ffffff10;color:#fff}.hero-points{display:flex;gap:20px;flex-wrap:wrap;padding:0;margin:20px 0 0;list-style:none;color:#cbdcef;font-size:13px}.hero-points li:before{content:"✓";color:#32baff;font-weight:900;margin-right:7px}.hero-visual{position:relative}.control-window{position:relative;border:1px solid #ffffff2e;border-radius:28px;background:#071f45cc;box-shadow:0 40px 80px #00102290;overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.window-bar{height:57px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid #ffffff1c;background:#04152eb8}.window-bar i{width:10px;height:10px;border-radius:50%;background:#2f90ff}.window-bar i:nth-child(2){background:#32baff}.window-bar i:nth-child(3){background:#85d8ff}.window-bar span{margin-left:auto;font:700 10px/1 monospace;letter-spacing:.12em;color:#99bbda}.window-body{min-height:455px;display:grid;grid-template-columns:68px 1fr}.side-icons{border-right:1px solid #ffffff14;padding:25px 15px;display:flex;flex-direction:column;align-items:center;gap:22px;color:#7eb2e3}.side-icons b:nth-child(3){width:38px;height:38px;border-radius:10px;background:#1581ff;color:#fff;display:grid;place-items:center}.dashboard{padding:38px 34px}.mini-label{font:800 10px/1.2 monospace;letter-spacing:.16em;color:#73ccff}.dashboard h2{font-size:32px;line-height:1.1;margin:14px 0 24px}.domain-chip{display:inline-flex;gap:9px;align-items:center;padding:10px 14px;border-radius:999px;background:#ffffff0c;color:#cfe5f8;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#3ad896;box-shadow:0 0 12px #3ad896}.install-card{display:grid;grid-template-columns:54px 1fr 28px;align-items:center;gap:14px;background:#fff;color:#092348;border-radius:18px;padding:18px;margin-top:28px;box-shadow:0 18px 32px #00132880}.wp-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e7f3ff;color:#0879e8;font:900 23px Georgia}.install-card strong,.install-card small{display:block}.install-card small{font-size:11px;color:#6a7d92;margin-top:3px}.install-arrow{color:#1581ff;font-size:24px}.progress{height:7px;border-radius:8px;background:#ffffff14;margin:25px 0 15px;overflow:hidden}.progress span{display:block;width:78%;height:100%;background:linear-gradient(90deg,#1581ff,#32baff);border-radius:inherit}.window-note{font:700 9px/1.5 monospace;color:#8cadc9}.window-note b{color:#70dfff}.orbit{position:absolute;border:1px solid #5cc9ff43;border-radius:50%;pointer-events:none}.orbit-one{width:190px;height:190px;right:-70px;top:-80px}.orbit-two{width:100px;height:100px;left:-40px;bottom:-50px}.notice-band{background:#08234b;color:#dcecff}.notice-inner{display:flex;align-items:center;gap:18px;padding:22px 0}.notice-icon{flex:0 0 42px;height:42px;border:1px solid #4ebfff;border-radius:50%;display:grid;place-items:center;color:#4ebfff;font-weight:900}.notice-inner p{margin:0;font-size:14px}.notice-band code{background:#ffffff13;color:#8edcff}.section{padding:110px 0}.section-heading{max-width:760px;margin-bottom:48px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.method-intro h2,.checklist h2,.faq h2{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.045em;margin:0 0 18px}.section-heading p:last-child{font-size:17px;color:#60728a}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.route-card{position:relative;display:block;padding:38px;border-radius:28px;background:#fff;border:1px solid #d7e5f2;box-shadow:0 22px 50px #0923480d;overflow:hidden;transition:.3s transform,.3s box-shadow}.route-card:hover{transform:translateY(-6px);box-shadow:0 30px 65px #0923481c}.route-card.recommended{background:linear-gradient(145deg,#061a3a,#083b75);color:#fff;border-color:#1f78ce}.route-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#1581ff14;right:-70px;bottom:-90px}.route-tag{display:inline-block;padding:7px 10px;border-radius:999px;background:#1688ff;color:#fff;font:800 9px monospace;letter-spacing:.12em}.route-tag.neutral{background:#eaf3fc;color:#47617d}.route-number{position:absolute;right:34px;top:25px;font:900 66px/1 monospace;color:#ffffff10}.route-card:not(.recommended) .route-number{color:#0923480a}.route-icon{width:64px;height:64px;border:1px solid #42bfff;border-radius:20px;display:grid;place-items:center;color:#42bfff;font:900 28px Georgia;margin:48px 0 25px}.route-icon.manual{font-family:monospace}.route-card h3{font-size:30px;margin:0 0 12px}.route-card p{max-width:470px;color:#c0d4e7}.route-card:not(.recommended) p{color:#65768a}.route-link{display:inline-flex;gap:12px;align-items:center;margin-top:15px;color:#72d4ff;font-size:14px;font-weight:850}.route-card:not(.recommended) .route-link{color:#0879e8}.method{background:#fff}.method-intro{display:grid;grid-template-columns:1.1fr .7fr;gap:90px;align-items:end;margin-bottom:65px}.method-intro p:last-child{color:#64758a;font-size:16px}.steps{display:grid;gap:34px}.step-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:490px;border:1px solid #d8e5f1;border-radius:30px;overflow:hidden;background:#f9fcff;box-shadow:0 20px 50px #0923480c}.step-card.reverse{grid-template-columns:1.1fr .9fr}.step-card.reverse .step-copy{order:2}.step-copy{padding:52px}.step-no{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#e3f1ff;color:#0879e8;font:900 14px monospace;margin-bottom:24px}.step-copy h3{font-size:34px;line-height:1.12;margin:0 0 18px;letter-spacing:-.025em}.step-copy p{color:#5e7086}.tip,.warning,.success{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:22px;padding:15px;border-radius:14px;background:#eaf5ff;font-size:13px}.tip b{color:#0879e8}.warning{background:#fff3e8}.warning b{color:#bd5612}.success{background:#e7f8f0}.success b{color:#087c4d}.step-visual{position:relative;margin:24px;border-radius:22px;background:linear-gradient(145deg,#04172f,#07386d);color:#fff;padding:35px;min-height:400px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17}.step-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff09 1px,transparent 1px),linear-gradient(90deg,#fff09 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#0008,transparent)}.step-visual>*{position:relative}.visual-title{font:800 11px monospace;letter-spacing:.14em;color:#9cccef}.visual-title span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#32baff;margin-right:8px}.login-box{width:min(310px,100%);background:#fff;color:#092348;border-radius:20px;padding:27px;margin:45px auto 0;box-shadow:0 20px 45px #00112470}.login-box>b{font-size:22px}.login-box label,.admin-visual label{display:grid;gap:6px;font-size:10px;color:#6d7f92;margin-top:17px;text-transform:uppercase;letter-spacing:.08em}.login-box label span,.admin-visual label strong{height:42px;border:1px solid #d6e3ef;border-radius:9px;padding:11px;color:#314b65;text-transform:none;letter-spacing:0;font-size:12px}.login-box button,.success-visual button{width:100%;height:43px;border:0;border-radius:999px;background:#1581ff;color:#fff;font-weight:850;margin-top:20px}.toolkit-visual{display:grid;grid-template-columns:145px 1fr;padding:0}.mock-side{padding:38px 15px;background:#031226;display:flex;flex-direction:column;gap:12px;font-size:10px}.mock-side span,.mock-side b{padding:9px;border-radius:8px}.mock-side b{background:#1581ff}.mock-main{padding:48px 28px}.mock-main small{font:800 9px monospace;color:#7ed7ff}.mock-main>strong{display:block;font-size:20px;margin:8px 0 18px}.mock-main button{border:0;border-radius:999px;background:#1581ff;color:#fff;padding:10px 24px;font-weight:850}.empty-state{text-align:center;margin-top:50px}.empty-state span{display:grid;place-items:center;width:70px;height:70px;border:2px solid #4fc5ff;border-radius:50%;font:900 30px Georgia;margin:auto}.empty-state p{color:#b8d0e5;font-size:12px}.path-visual .field-row{display:grid;grid-template-columns:.6fr 1.4fr;gap:12px;margin-top:35px}.path-visual label{display:grid;gap:7px;color:#91b6d6;font-size:10px}.path-visual label strong{display:block;padding:12px;background:#fff;color:#24435f;border-radius:10px;font-size:12px}.path-field{margin-top:15px}.path-field>span{position:absolute;right:35px;color:#61cffd}.path-field strong{display:flex!important;justify-content:space-between}.path-field i{font-style:normal;color:#65809a}.path-field em{font-style:normal;color:#149461}.path-result{display:flex;align-items:center;gap:15px;margin-top:35px;padding:17px;background:#ffffff0e;border:1px solid #3cbcff55;border-radius:14px}.path-result>b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#32baff;color:#06224b}.path-result span{font-size:12px;color:#b6d2e9}.path-result strong{color:#fff}.admin-visual label{color:#97bbd9}.admin-visual label strong{background:#fff;height:auto}.admin-visual label i{position:absolute;right:50px;margin-top:25px;color:#43d59a;font:800 8px monospace}.success-visual{text-align:center;padding-top:48px}.success-ring{width:110px;height:110px;border-radius:50%;border:2px solid #52d9a0;margin:0 auto 25px;display:grid;place-items:center;box-shadow:0 0 40px #36d49133}.success-ring span{font-size:48px;color:#52d9a0}.success-visual h3{font-size:30px;margin:0}.success-visual p{color:#aad0ed}.success-visual>div:nth-of-type(2){display:flex;gap:9px}.success-visual button.ghost{background:#ffffff13;border:1px solid #ffffff30}.success-visual small{display:block;margin-top:25px;color:#7adbb4;font:800 9px monospace;letter-spacing:.12em}.manual{background:linear-gradient(145deg,#031329,#06285a 72%,#0a4f9a);color:#fff}.method-intro.light p:last-child{color:#c0d5e8}.manual-timeline{list-style:none;padding:0;margin:0;display:grid;gap:1px;background:#ffffff1b;border:1px solid #ffffff1b;border-radius:28px;overflow:hidden}.manual-timeline li{display:grid;grid-template-columns:70px 1fr 310px;gap:28px;align-items:center;padding:38px;background:#061d3e}.manual-timeline li:nth-child(even){background:#072449}.timeline-no{align-self:start;width:52px;height:52px;border:1px solid #32baff;border-radius:16px;display:grid;place-items:center;color:#32baff;font:900 14px monospace}.manual-timeline h3{font-size:26px;margin:0 0 9px}.manual-timeline p{margin:6px 0;color:#bcd1e5;font-size:14px}.manual-timeline code{background:#ffffff13;color:#8edcff}.manual-timeline a{color:#76d8ff;text-decoration:underline}.timeline-art{min-height:150px;border:1px solid #ffffff1d;border-radius:18px;background:#031329b5;display:flex;align-items:center;justify-content:center;gap:13px;padding:22px;color:#a9c6df}.download-art span{width:65px;height:65px;border:2px solid #32baff;border-radius:50%;display:grid;place-items:center;font:900 28px Georgia;color:#32baff}.download-art i{font-style:normal;font:800 11px monospace}.download-art b{font-size:32px;color:#32baff}.files-art{align-items:flex-start;flex-direction:column;font:700 11px monospace}.files-art b{color:#fff;font-size:14px}.database-art{display:grid;grid-template-columns:80px 1fr}.db-stack{grid-row:1/4;width:66px;height:66px;border-radius:50%;background:#0c5b9c;box-shadow:inset 0 -18px #073b6a;border:2px solid #32baff}.database-art label{font:700 8px monospace;color:#6fa8d2}.database-art label b{display:block;color:#fff;font-size:11px}.connect-art{flex-wrap:wrap}.file-node,.db-node{padding:13px;border:1px solid #2ebcff;border-radius:10px;font:800 10px monospace}.db-node{border-color:#ffb35f}.connect-art i{width:35px;height:2px;background:linear-gradient(90deg,#32baff,#ff9c45)}.connect-art b{width:100%;text-align:center;color:#58dda7;font:800 9px monospace}.finish-art,.scan-art{flex-direction:column}.finish-art span,.scan-art span{width:60px;height:60px;border:1px solid #4adba1;border-radius:50%;display:grid;place-items:center;color:#4adba1;font-size:26px}.finish-art b,.scan-art b{font-size:14px}.finish-art small,.scan-art small{font:700 9px monospace;color:#7fa8c7}.scan-art span{border-color:#32baff;color:#32baff;font-family:Georgia;font-weight:900}.checklist{background:#eaf3fc}.checklist-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:start}.checklist-layout>div>p:nth-of-type(2){color:#62758b;max-width:480px}.checklist .button{margin-top:18px}.checklist ul{list-style:none;padding:0;margin:0;background:#fff;border:1px solid #d4e3f0;border-radius:24px;overflow:hidden}.checklist li{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:22px 25px;border-bottom:1px solid #e0ebf5}.checklist li:last-child{border-bottom:0}.checklist li>span{width:42px;height:42px;border-radius:13px;background:#e8f3ff;color:#0879e8;display:grid;place-items:center;font:900 11px monospace}.checklist li b,.checklist li small{display:block}.checklist li small{color:#6b7c8f;margin-top:3px}.faq{background:#fff}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.faq-intro{position:sticky;top:120px}.faq-intro>p:nth-of-type(2){color:#60738a}.support-card{margin-top:35px;padding:27px;border-radius:22px;background:linear-gradient(145deg,#061b3c,#0b4c90);color:#fff}.support-card span{font:800 9px monospace;letter-spacing:.15em;color:#78d9ff}.support-card h3{font-size:24px;margin:10px 0 5px}.support-card p{font-size:13px;color:#bdd4e9}.support-card a{font-weight:850;color:#7cdcff;font-size:13px}.accordion{border-top:1px solid #d7e4ef}.faq-item{border-bottom:1px solid #d7e4ef}.faq-item button{width:100%;border:0;background:none;color:#092348;text-align:left;padding:25px 0;display:grid;grid-template-columns:1fr 34px;gap:20px;align-items:center;font-size:18px;font-weight:850;cursor:pointer}.faq-item button i{width:32px;height:32px;border-radius:50%;background:#e8f3ff;position:relative}.faq-item button i:before,.faq-item button i:after{content:"";position:absolute;background:#0879e8;width:12px;height:2px;left:10px;top:15px}.faq-item button i:after{transform:rotate(90deg);transition:.25s}.faq-item.open button i:after{transform:rotate(0)}.answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.answer p{margin:0 50px 25px 0;color:#62758b}.references{background:#dfeaf4;border-top:1px solid #cddce9}.reference-inner{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:35px}.reference-inner span{font:900 10px monospace;letter-spacing:.15em;color:#0879e8}.reference-inner p{margin:6px 0;color:#60738a;font-size:13px}.reference-inner>div:last-child{display:flex;gap:20px;flex-wrap:wrap}.reference-inner a{font-size:12px;font-weight:800;color:#075ec8}.footer{background:#04142d;color:#c4d6e7;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.8fr .7fr 1fr;gap:70px}.footer-brand{color:#fff}.footer-grid>div:first-child p{max-width:380px;color:#8fa7bd}.footer-grid h3{color:#fff;font-size:13px;margin:0 0 16px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-grid a:hover{color:#61caff}.legal{border-top:1px solid #ffffff16;margin-top:55px;padding-top:24px;display:flex;justify-content:space-between;font-size:11px;color:#728ba3}.reveal{opacity:0;transform:translateY(28px);transition:.65s opacity,.65s transform}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(max-width:960px){.hero-layout{grid-template-columns:1fr;padding:85px 0}.hero-copy{text-align:center}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{max-width:650px;width:100%;margin:auto}.route-grid,.method-intro,.checklist-layout,.faq-layout{grid-template-columns:1fr}.method-intro{gap:15px}.step-card,.step-card.reverse{grid-template-columns:1fr}.step-card.reverse .step-copy{order:0}.manual-timeline li{grid-template-columns:60px 1fr}.timeline-art{grid-column:2}.faq-intro{position:static}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.faq-layout,.checklist-layout{gap:45px}}
@media(max-width:840px){.nav-row nav{position:absolute;display:none;top:72px;right:0;width:min(330px,92vw);max-height:min(520px,calc(100vh - 110px));overflow:auto;padding:14px;background:#fff;border:1px solid #d6e3ef;border-radius:16px;box-shadow:0 24px 55px #071a3440;flex-direction:column;align-items:stretch;gap:2px}.nav-row nav.open{display:flex}.nav-row nav a{padding:12px 14px;border-radius:10px}.nav-row nav a:hover{background:#eef6ff}.menu-toggle{display:block}.account-link{text-align:center;margin-top:5px}.utility-inner>span{display:none}.utility-inner{justify-content:center}.section{padding:80px 0}.step-copy{padding:36px}.step-visual{min-height:380px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.reference-inner{padding:28px 0;align-items:flex-start;flex-direction:column}.reference-inner>div:last-child{flex-direction:column;gap:8px}}
@media(max-width:600px){.utility-inner div{gap:10px;font-size:10px}.nav-row{height:72px}.brand-mark{width:40px;height:36px}.brand-copy strong{font-size:13px}.hero-layout{min-height:auto;padding:70px 0}.hero h1{font-size:49px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-points{display:grid;gap:7px}.control-window{transform:none}.window-body{grid-template-columns:48px}.side-icons{padding:20px 8px}.dashboard{padding:28px 18px}.dashboard h2{font-size:25px}.install-card{grid-template-columns:45px 1fr;padding:14px}.install-arrow{display:none}.notice-inner{align-items:flex-start}.route-grid{grid-template-columns:1fr}.route-card{padding:28px}.method-intro h2,.section-heading h2,.checklist h2,.faq h2{font-size:39px}.step-card{min-height:0}.step-copy{padding:28px}.step-copy h3{font-size:28px}.step-visual{margin:0 15px 15px;min-height:350px;padding:24px}.toolkit-visual{grid-template-columns:100px 1fr;padding:0}.mock-side{padding:30px 8px}.mock-main{padding:38px 16px}.path-visual .field-row{grid-template-columns:1fr}.path-field>span{position:static}.manual-timeline li{grid-template-columns:1fr;padding:28px;gap:18px}.timeline-no{grid-row:auto}.timeline-art{grid-column:auto}.checklist-layout,.faq-layout{gap:38px}.checklist li{padding:18px;grid-template-columns:45px 1fr}.faq-item button{font-size:16px}.answer p{margin-right:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.legal{flex-direction:column;gap:8px}.reference-inner>div:last-child{align-items:flex-start}.login-box{margin-top:35px}.admin-visual label i{right:38px}.success-visual>div:nth-of-type(2){flex-direction:column}.success-visual button{margin-top:5px}}

/* Business email guide */
.text-link{color:#0879e8;font-weight:800;text-decoration:underline}.mail-console{position:relative;padding:30px;border:1px solid #ffffff30;border-radius:28px;background:#041a38db;box-shadow:0 40px 80px #00102290;transform:perspective(1100px) rotateY(-4deg)}.mail-console-top{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center}.mail-logo{width:54px;height:54px;border:1px solid #5bd5ff;border-radius:17px;display:grid;place-items:center;color:#5bd5ff;font-size:24px}.mail-console-top small,.mail-console-top strong{display:block}.mail-console-top small{font:800 9px monospace;letter-spacing:.15em;color:#8ec8ed}.mail-console-top strong{font-size:24px}.mail-console-top i{font-style:normal;color:#51d9a0;font:800 9px monospace;border:1px solid #51d9a066;padding:7px 9px;border-radius:999px}.address-display{margin:30px 0 20px;padding:25px;border-radius:19px;background:#fff;color:#092348}.address-display small,.address-display strong,.address-display span{display:block}.address-display small{font:800 9px monospace;color:#788b9d;letter-spacing:.12em}.address-display strong{font-size:clamp(20px,2.2vw,30px);margin:8px 0}.address-display span{color:#088456;font:800 9px monospace}.server-flow{display:grid;grid-template-columns:1fr 30px 1fr;gap:10px;align-items:center}.server-flow>div{padding:18px;border-radius:16px;background:#ffffff0d;border:1px solid #ffffff16}.server-flow span,.server-flow b,.server-flow small{display:block}.server-flow span{color:#6fd7ff;font:800 9px monospace}.server-flow b{font-size:20px}.server-flow small{color:#96b8d4}.server-flow>i{text-align:center;color:#32baff;font-style:normal;font-size:24px}.device-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.device-row span{text-align:center;border-radius:9px;padding:10px 4px;background:#ffffff0b;color:#aac7df;font:700 9px monospace}.server-name{text-align:center;margin-top:18px;color:#86ddff;font:800 12px monospace}.account-route{background:#f3f7fb}.route-line{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;gap:8px;align-items:center;margin-bottom:50px}.route-line>div{min-height:145px;padding:25px 20px;background:#fff;border:1px solid #d6e5f2;border-radius:20px;box-shadow:0 15px 35px #0923480c}.route-line>div span,.route-line>div b,.route-line>div small{display:block}.route-line>div span{color:#1581ff;font:900 10px monospace}.route-line>div b{font-size:19px;margin:13px 0 4px}.route-line>div small{color:#75869a}.route-line>i{text-align:center;color:#1581ff;font-style:normal;font-size:23px}.account-steps .step-card{background:#fff}.account-login-visual .login-box p{font-size:12px;color:#6f8295}.mock-email{width:min(345px,100%);margin:42px auto 0;background:#fff;color:#092348;border-radius:20px;padding:28px;box-shadow:0 20px 50px #00112470}.mock-email small{font:800 9px monospace;color:#698097}.mock-email h3{font-size:24px;margin:16px 0 7px}.mock-email p{font-size:13px;color:#63788e}.mock-email button{width:100%;height:44px;border:0;border-radius:999px;background:#1581ff;color:#fff;font-weight:850;margin:12px 0}.mock-email i{display:block;text-align:center;font:800 8px monospace;color:#19a26b;font-style:normal}.hosting-card{margin:42px auto 0;width:min(360px,100%);background:#fff;color:#092348;border-radius:22px;padding:28px;box-shadow:0 20px 50px #00112470}.hosting-card>span{font:800 8px monospace;color:#15945f;background:#e5f8ee;padding:7px 10px;border-radius:999px}.hosting-card small{display:block;font:800 9px monospace;color:#6d8295;margin-top:26px}.hosting-card h3{font-size:28px;margin:6px 0}.hosting-card p{font-size:12px;color:#687b8e}.hosting-card button,.mailbox-form>button{width:100%;height:45px;border:0;border-radius:999px;background:#1581ff;color:#fff;font-weight:850;margin-top:14px}.mail-menu-visual .empty-state span{font-family:inherit;font-size:24px}.mailbox-form>label{display:grid;gap:8px;font-size:10px;color:#9abbd7;margin-top:22px}.mailbox-form>label>div{display:grid;grid-template-columns:1fr 25px 1.4fr;align-items:center}.mailbox-form label strong{background:#fff;color:#284661;border-radius:9px;padding:12px;font-size:12px}.mailbox-form label i{text-align:center;font-style:normal;color:#7bb9e5}.mailbox-form label em{position:absolute;right:38px;margin-top:29px;color:#35d291;font:800 8px monospace;font-style:normal}.mailbox-form .check-row{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:12px;border-radius:10px}.mailbox-form .check-row b{width:24px;height:24px;border-radius:7px;background:#35d291;color:#052646;display:grid;place-items:center}.mailbox-form .check-row span{color:#fff;font-size:12px}.mail-ready{padding-top:42px}.settings-section{background:linear-gradient(145deg,#031329,#06285a 72%,#0a4f9a);color:#fff}.settings-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.settings-copy h2{font-size:clamp(40px,5vw,65px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}.settings-copy>p:nth-of-type(2){color:#bdd2e6}.settings-card{border:1px solid #ffffff2b;background:#061c3dcf;border-radius:28px;padding:30px;box-shadow:0 30px 65px #00112680}.settings-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #ffffff18;font:900 10px monospace;letter-spacing:.12em;color:#8dccf4}.settings-head b{padding:7px 12px;background:#1581ff;color:#fff;border-radius:999px}.settings-card dl{margin:10px 0}.settings-card dl>div{display:grid;grid-template-columns:180px 1fr;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff12}.settings-card dt{font-size:12px;color:#8faec8}.settings-card dd{margin:0;font:800 13px monospace;color:#fff}.settings-card .group{grid-template-columns:180px 1fr auto}.settings-card .group small{font:800 9px monospace;color:#61d8ff}.settings-card .outgoing small{color:#ffb16f}.alternate-port{margin-top:20px;padding:16px;border-radius:14px;background:#ffffff0c}.alternate-port span{font:800 8px monospace;color:#ffb16f;letter-spacing:.14em}.alternate-port p{margin:5px 0 0;color:#c5d7e7;font-size:12px}.devices{background:#f3f7fb}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.platform-card{position:relative;background:#fff;border:1px solid #d6e4f0;border-radius:25px;padding:32px;box-shadow:0 18px 45px #0923480b;overflow:hidden}.platform-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#1581ff0a;right:-80px;top:-80px}.platform-icon{position:absolute;right:30px;top:28px;width:48px;height:48px;border-radius:15px;background:#092348;color:#fff;display:grid;place-items:center;font-weight:900}.platform-icon.samsung{background:#1428a0}.platform-icon.gmail{background:linear-gradient(135deg,#ea4335,#fbbc05);color:#fff}.platform-icon.outlook{background:#0878d1}.platform-icon.mobile{border-radius:50%}.platform-icon.thunderbird{background:#3150a6}.platform-icon.webmail{background:#16a06b}.platform-title span{font:900 9px monospace;letter-spacing:.15em;color:#0879e8}.platform-title h3{font-size:27px;margin:8px 0 20px}.platform-card ol{padding-left:21px;margin:0}.platform-card li{padding:6px 0;color:#5d7187;font-size:14px}.platform-card li::marker{color:#1581ff;font-weight:900}.platform-note{margin:18px 0 0;padding:13px;border-radius:12px;background:#edf6ff;color:#526a83;font-size:12px}.webmail-card{background:linear-gradient(145deg,#061b3c,#0b4c90);color:#fff}.webmail-card .platform-title span{color:#77dbff}.webmail-card li{color:#c2d9ea}.webmail-example{margin-top:22px;padding:14px;border:1px solid #ffffff22;border-radius:12px;text-align:center;color:#7edfff;font:800 12px monospace}.test-section{background:#08234b;color:#fff}.test-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.test-layout h2{font-size:clamp(40px,5vw,62px);line-height:1.04;margin:0 0 15px}.test-layout>div>p:last-child{color:#bdd3e6}.test-layout ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.test-layout li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px;background:#ffffff0b;border:1px solid #ffffff14;border-radius:17px}.test-layout li>span{width:36px;height:36px;border-radius:11px;background:#1581ff2e;color:#65d5ff;display:grid;place-items:center;font:900 10px monospace}.test-layout li b,.test-layout li small{display:block}.test-layout li small{color:#9fbbd3;margin-top:3px}@media(max-width:960px){.settings-layout,.test-layout{grid-template-columns:1fr}.route-line{grid-template-columns:1fr 25px 1fr}.route-line>i:nth-of-type(2){display:none}.route-line>div:nth-of-type(3){grid-column:1}.route-line>i:nth-of-type(3){grid-column:2}.route-line>div:nth-of-type(4){grid-column:3}.platform-grid{grid-template-columns:1fr}.settings-layout,.test-layout{gap:45px}}@media(max-width:600px){.mail-console{transform:none;padding:20px}.mail-console-top{grid-template-columns:50px 1fr}.mail-console-top i{display:none}.address-display{padding:19px}.server-flow{grid-template-columns:1fr}.server-flow>i{transform:rotate(90deg)}.device-row{grid-template-columns:1fr 1fr}.route-line{grid-template-columns:1fr}.route-line>i,.route-line>i:nth-of-type(2),.route-line>i:nth-of-type(3){display:block;grid-column:auto;transform:rotate(90deg)}.route-line>div:nth-of-type(3),.route-line>div:nth-of-type(4){grid-column:auto}.mailbox-form>label>div{grid-template-columns:1fr 20px 1.4fr}.settings-card{padding:22px}.settings-card dl>div,.settings-card .group{grid-template-columns:1fr;gap:5px}.settings-card .group small{margin-top:4px}.platform-card{padding:26px}.platform-icon{width:42px;height:42px;right:24px;top:24px}.platform-title h3{font-size:23px;max-width:75%}.test-layout ol{grid-template-columns:1fr}}