/* Hudhud public site. Deliberately scoped away from the customer portal. */
@font-face {font-family:"Modak";font-style:normal;font-weight:400;font-display:swap;src:url("./marketing/fonts/modak-latin-v1.ttf") format("truetype")}
@font-face {font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url("./marketing/fonts/baloo-2-latin-v1.ttf") format("truetype")}
@font-face {font-family:"Rubik";font-style:normal;font-weight:900;font-display:swap;src:url("./marketing/fonts/rubik-arabic-900-v1.ttf") format("truetype")}
.marketing {
  --m-bg:#15120f; --m-surface:#1c1916; --m-muted:#aaa6a2; --m-border:#332f2b; --m-accent:#ff9b50;
  --color-base-100:#1d1a17; --color-base-200:#15120f; --color-base-300:#3d3834;
  --color-base-content:#f1eeeb; --color-primary:#ff9b50; --color-primary-content:#20140b;
  --color-secondary:#ff9b50; --color-neutral:#f6f2ef; --color-accent:#ff9b50;
  color:#f6f2ef; background:var(--m-bg); font-family:var(--font-sans);
  font-size:15px; line-height:1.65; color-scheme:dark; overflow-x:clip;
}
.marketing *, .marketing *::before, .marketing *::after {box-sizing:border-box}
.marketing [hidden] {display:none!important}
.marketing h1,.marketing h2,.marketing h3,.marketing p {margin:0}
.marketing h1,.marketing h2,.marketing h3 {font-family:inherit;letter-spacing:-.035em}
.marketing a {text-decoration:none}
.marketing button,.marketing summary {-webkit-tap-highlight-color:transparent}
.marketing ::selection {background:var(--m-accent);color:var(--m-bg)}
.marketing :focus-visible {outline:2px solid var(--m-accent);outline-offset:6px}
.marketing main:focus {outline:none}
.marketing section[id], .marketing aside[id] {scroll-margin-top:100px}
.m-container {width:min(1200px,calc(100% - 96px));margin-inline:auto}
.m-accent {color:var(--m-accent)}
.m-header {position:sticky;top:0;z-index:50;background:rgb(18 16 14 / .86);backdrop-filter:blur(20px);border-bottom:1px solid rgb(255 255 255 / .065)}
.m-nav {height:84px;display:flex;align-items:center;gap:48px}
.m-brand {display:inline-flex;align-items:center;color:#fff;flex-shrink:0;line-height:1;min-height:44px}
.m-brand img {display:block;width:100.8px;height:auto;object-fit:contain;flex-shrink:0}
.m-desktop-links {display:flex;gap:30px;align-items:center}
.m-desktop-links a {font-size:13px;color:#bdbab7;transition:color .2s}
.m-desktop-links a:hover,.m-desktop-links a[aria-current] {color:var(--m-accent)}
.m-nav-actions {display:flex;align-items:center;gap:25px;margin-inline-start:auto}
.m-language {font-size:12px;color:#c2bebb}
.m-language:hover {color:white}
.m-nav-login {display:flex;align-items:center;gap:14px;background:#f6f2ef;color:#1a1511;padding:10px 17px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}
.m-nav-login:hover {background:var(--m-accent);transform:translateY(-2px)}
.m-arrow {flex:none}
[dir="rtl"] .m-arrow {transform:scaleX(-1)}
.m-mobile-menu {display:none}
.m-skip-link {position:fixed;top:10px;left:10px;z-index:100;background:var(--m-accent);color:#191410;padding:12px 18px;border-radius:8px;transform:translateY(-150%)}
.m-skip-link:focus {transform:none}
.m-button {display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 26px;border:1px solid transparent;border-radius:10px;font-size:14px;font-weight:600;line-height:1.5;transition:background .2s,box-shadow .2s,transform .2s;white-space:nowrap}
.m-button:hover {transform:translateY(-3px)}
.m-button-primary {background:var(--m-accent);color:#22170e;box-shadow:0 5px 28px rgb(227 135 60 / .08)}
.m-button-primary:hover {background:#ffbb83;box-shadow:0 8px 32px rgb(255 163 87 / .2)}
.m-button-dark {background:#201a15;color:#fff}
.m-button-dark:hover {background:#3b2f25}
.m-text-link {display:inline-flex;align-items:center;gap:14px;font-size:14px;color:var(--m-accent);font-weight:500;padding-block:8px}
.m-text-link:hover {color:#ffd6b5}
.m-actions {display:flex;align-items:center;gap:30px;margin-top:30px}
.m-eyebrow {display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:var(--m-accent);letter-spacing:.06em;line-height:1.8}
.m-status-dot {display:inline-block;width:6px;height:6px;background:var(--m-accent);border-radius:50%;box-shadow:0 0 14px rgb(255 163 87 / .5);flex-shrink:0}
.m-hero {position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 25% 48%,#302b26 0,transparent 48%),radial-gradient(ellipse at 90% 0%,#211c17 0,transparent 50%),#15120f}
.m-hero::before {content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.m-hero-grid {display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:20px;min-height:680px;padding-block:60px 45px}
.m-hero-copy {position:relative;z-index:2;padding-bottom:5px}
.m-hero-wordmark {width:min(82.5%,412.5px);line-height:0;margin:8px 0 12px}
.m-hero-wordmark img {display:block;width:100%;height:auto}
.m-hero h1 {font-size:clamp(24px,2.65vw,40px);font-weight:700;line-height:1.55;letter-spacing:-.045em;text-wrap:balance}
[lang="ar"] .marketing h1,[lang="ar"] .marketing h2,[lang="ar"] .marketing h3 {letter-spacing:normal}
.m-hero h1>span,.m-hero h1>strong {display:block}
.m-hero h1>strong {color:var(--m-accent);font-weight:700;font-size:.94em}
.marketing .m-hero-lead {font-size:15px;color:#b8b3af;line-height:1.95;max-width:435px;margin-top:20px}
.marketing .m-hero-note {font-size:12px;color:#a7a19c;margin-top:22px}
.m-hero-visual {min-width:0;margin:0;direction:ltr}
.m-hero-art {position:relative;min-width:0;height:555px;display:flex;align-items:center;justify-content:center;direction:ltr}
.m-hero-art::before {content:"";position:absolute;width:80%;height:85%;border-radius:50%;background:radial-gradient(ellipse,#a17a5b33,transparent 65%);filter:blur(20px)}
.m-mascot {position:relative;z-index:1;width:112%;max-width:none;height:auto;filter:drop-shadow(0 30px 20px #0007);animation:mascot-float 7s ease-in-out infinite;transform-origin:center bottom}
.m-orbit {position:absolute;width:92%;aspect-ratio:1;border:1px solid #917e6f24;border-radius:50%;transform:rotate(-25deg) scaleY(.75)}
.m-orbit-one {width:106%;animation:orbit-turn 35s linear infinite}
.m-orbit-one::after {content:"";position:absolute;width:9px;height:9px;background:var(--m-accent);border-radius:50%;left:20%;top:8%;box-shadow:0 0 20px #ffa35777}
.m-orbit-two {width:80%;border-style:dashed;transform:rotate(30deg)}
.m-art-spark {position:absolute;color:var(--m-accent);font-size:35px;animation:spark-turn 20s linear infinite}
.m-spark-one {top:4%;right:12%}.m-spark-two {bottom:18%;left:5%;font-size:19px}
.m-floating-message {position:absolute;z-index:3;display:flex;gap:11px;align-items:center;background:rgb(36 32 29 / .87);border:1px solid #65554870;padding:13px 16px;border-radius:13px;box-shadow:0 15px 35px #0004;backdrop-filter:blur(16px);direction:rtl;animation:message-float 6s ease-in-out infinite}
[dir="ltr"] .m-floating-message {direction:ltr}
.m-floating-message small {display:block;color:#bab3ad;font-size:12px;line-height:1.8}
.m-floating-message.m-message-bottom small {font-size:12px}
.m-floating-message b {display:block;font-size:12px;font-weight:500;line-height:1.8}
.m-message-top {top:3%;left:4%;transform:rotate(-5deg);animation-delay:-2s}
.m-message-bottom {bottom:7%;right:-2%;min-width:250px;animation-delay:-4s}
.m-message-icon,.m-check-circle {display:grid;place-items:center;width:36px;height:36px;background:#ffa3571c;color:var(--m-accent);border-radius:9px}
.m-check {color:var(--m-accent);font-size:12px}.m-check-circle {border-radius:50%}
.m-message-time {color:#a79e97;font-size:12px;margin-inline-start:20px}
.m-footer-signature {position:relative;width:55%;max-width:341px;padding:0 13.2px;margin:32px auto 40px;container-type:inline-size;font-family:"Modak",var(--font-sans);font-weight:400;color:#f4eee6;line-height:1;text-align:center}
.m-hello-intro {display:block;width:75%;height:auto;margin:0 auto;overflow:visible}
.m-hello-intro text {fill:#e3d6c7;font-family:"Baloo 2",var(--font-sans);font-weight:800;font-size:21px;letter-spacing:1.3px}
.m-hello-flight {position:absolute;top:8%;right:0;width:23%;height:auto;overflow:visible;stroke:#edb582;stroke-width:1.5;stroke-linecap:round}
.m-hello-prefix {display:block;margin:0 0 2%;color:#edb582;font-family:"Baloo 2",var(--font-sans);font-weight:800;font-size:5.2cqi;line-height:1;letter-spacing:.01em}
.m-hello-word {display:block;font-size:30.5cqi;line-height:.96;letter-spacing:-.015em;white-space:nowrap}
.m-hello-word>span {color:#edb582}
.m-hello-smile {display:block;width:44%;height:auto;margin:3% auto 0;overflow:visible;stroke:#edb582;stroke-width:1.6;stroke-linecap:round}
.m-hero-bottom {position:relative;display:flex;justify-content:space-between;align-items:center;height:65px;color:#99928d;font-size:12px;letter-spacing:.14em;border-top:1px solid #ffffff0d}
.m-hero-bottom>a {position:absolute;left:50%;font-size:22px;color:#d2ccc7}
.m-motion-toggle {display:flex;gap:7px;align-items:center;cursor:pointer;letter-spacing:0;font-size:12px;color:#b9b1aa;padding:8px 0}
.m-motion-toggle:hover {color:var(--m-accent)}
.m-compatibility {padding-block:32px 35px;border-bottom:1px solid var(--m-border);display:flex;align-items:center;gap:40px;justify-content:space-between}
.m-compatibility>p {font-size:12px;color:var(--m-muted)}
.m-apps {display:flex;gap:38px;align-items:center;justify-content:center;flex-wrap:wrap;color:#cdc9c5}
.m-apps>span {display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500}
.m-app-icon {display:grid;place-items:center;font-size:25px;width:27px;height:28px;font-style:normal;line-height:1}
.m-outlook {font-size:19px;background:#605953;border-radius:5px;box-shadow:5px 3px 0 #372f29;color:#e0dcd8}
.m-thunderbird {border:1px solid #928a84;border-radius:50%;font-size:23px}
.m-section {padding-block:100px}
.m-title {font-size:clamp(34px,4vw,54px);line-height:1.3;font-weight:700;white-space:pre-line;text-wrap:balance}
.m-eyebrow+.m-title {margin-top:16px}
.m-section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:44px}
.m-section-heading>p {max-width:350px;color:var(--m-muted);font-size:14px;line-height:1.9;padding-bottom:6px}
.marketing .m-section-copy {color:var(--m-muted);line-height:1.95;max-width:440px;margin-block:25px}
.m-feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.m-feature-card {position:relative;min-width:0;overflow:hidden;border:1px solid var(--m-border);border-radius:22px;background:#1a1714;transition:border-color .3s,transform .3s;display:flex;flex-direction:column}
.m-feature-card:hover {border-color:#947d6a;transform:translateY(-7px)}
.m-card-art {position:relative;height:244px;flex-shrink:0;overflow:hidden;direction:ltr}
.m-card-art::after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1a1714,transparent 30%);pointer-events:none}
.m-domain-art {background:radial-gradient(ellipse at 50% 60%,#503927,#1a1714 75%)}
.m-domain-orbit {position:absolute;width:250px;height:250px;left:50%;top:10px;transform:translateX(-50%);border:1px solid #ffa35720;border-radius:50%;box-shadow:0 0 0 30px #ffa35705,0 0 0 60px #ffa35703}
.m-domain-at {position:absolute;left:50%;top:-10px;transform:translateX(-50%) rotate(-12deg);font-family:inherit;font-size:160px;line-height:1.4;color:#edb383;font-weight:700;text-shadow:1px 2px #966f4f,3px 4px #6a4d35,7px 9px 20px #0008;transition:transform .5s}
.m-feature-card:hover .m-domain-at {transform:translateX(-50%) rotate(0deg) translateY(-8px)}
.m-domain-chip {position:absolute;top:163px;left:50%;transform:translateX(-50%) rotate(-5deg);display:flex;gap:0;align-items:center;background:#efe4db;color:#291c12;white-space:nowrap;font-family:inherit;font-size:13px;border-radius:9px;padding:13px 15px;box-shadow:0 10px 25px #0004}
.m-domain-chip>span {color:#605247}.m-domain-chip>i {margin-left:14px;color:#6d411d;font-style:normal}
.m-team-art {background:radial-gradient(ellipse at 50% 0%,#453c34,#1a1714 80%)}
.m-team-stack {width:82%;position:absolute;left:9%;top:33px;transform:rotate(-7deg);display:grid;gap:8px;transition:transform .5s}
.m-team-stack>span {display:flex;align-items:center;gap:10px;background:#312d29;border:1px solid #72655a5c;border-radius:9px;padding:10px;box-shadow:0 5px 18px #0002}
.m-team-stack>span:nth-child(2) {transform:translateX(15px)}.m-team-stack>span:nth-child(3) {opacity:.65}
.m-team-stack b {font-size:12px;font-weight:400}.m-team-stack em {font-size:12px;color:var(--m-accent);margin-left:auto;font-style:normal}
.m-avatar {display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:500;font-style:normal;font-family:inherit}
.m-avatar-green {background:#d5bca7;color:#4e3623}.m-avatar-orange {background:#dfb590;color:#664525}.m-avatar-purple {background:#bcb2d0;color:#514565}
.m-team-count {position:absolute;right:16%;bottom:25px;width:42px;height:42px;border-radius:50%;background:var(--m-accent);color:#352a21;display:grid;place-items:center;font-size:13px;z-index:1;border:3px solid #1a1714}
.m-feature-card:hover .m-team-stack {transform:rotate(0) translateY(-5px)}
.m-device-art {background:radial-gradient(ellipse at 50% 25%,#3e3b30,#1a1714 85%)}
.m-mini-browser {position:absolute;top:30px;left:12%;width:71%;height:164px;background:#302b26;border:1px solid #867e7870;border-radius:10px;transform:perspective(500px) rotateY(-13deg) rotate(-4deg);padding:12px 16px;box-shadow:0 20px 35px #0004;transition:transform .5s}
.m-mini-browser>div {display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #ffffff14;padding-bottom:10px}
.m-mini-browser i {width:4px;height:4px;background:#8c837c;border-radius:50%}
.m-mini-browser>span {display:block;height:23px;background:linear-gradient(90deg,#c3a993 15%,transparent 15%,transparent 20%,#665b52 20%,#665b52 80%,transparent 80%);border-radius:4px;margin-bottom:12px;opacity:.7}
.m-mini-phone {position:absolute;top:65px;right:14%;width:81px;height:154px;border:3px solid #807369;border-radius:15px;background:#1c1814;transform:rotate(10deg);box-shadow:0 10px 30px #0006;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .5s}
.m-mini-phone>i {width:23px;height:4px;background:#4c433b;border-radius:4px;margin-top:-3px;margin-bottom:8px}
.m-mini-phone>svg {color:var(--m-accent);width:29px;height:29px;margin-bottom:7px}
.m-mini-phone>span {height:4px;width:100%;background:#76675b;border-radius:4px}.m-mini-phone>span:last-child {width:60%;align-self:flex-start}
.m-feature-card:hover .m-mini-phone {transform:rotate(0) translateY(-6px)}
.m-card-content {padding:8px 26px 27px;display:flex;flex:1;flex-direction:column}
.marketing .m-card-label {color:#b0a79f;font-size:12px;letter-spacing:.06em;margin-bottom:10px}
.m-card-content h3 {font-size:24px;font-weight:700;line-height:1.5;margin-bottom:12px}
.m-card-content>p:not(.m-card-label) {font-size:12px;line-height:1.9;color:#aea9a4;margin-bottom:23px}
.m-card-link {display:flex;align-items:center;justify-content:space-between;color:var(--m-accent);font-size:12px;margin-top:auto}
.m-workspace {position:relative;background:radial-gradient(ellipse at 50% 50%,#362c2350,transparent 65%);border-block:1px solid #ffffff08}
.m-centered-heading {text-align:center;max-width:650px;margin:0 auto 48px}
.m-centered-heading>.m-eyebrow {justify-content:center}
.m-centered-heading>p:last-child {color:var(--m-muted);max-width:530px;margin:22px auto 0;font-size:14px;line-height:1.9}
.m-inbox-demo {max-width:940px;margin:auto;border:1px solid #53483f;border-radius:16px;overflow:hidden;box-shadow:0 25px 90px #0005,0 0 80px #ffa35705;background:#1d1a17;transform:perspective(1600px) rotateX(2deg)}
.m-demo-chrome {display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#292521;color:#9c938c;border-bottom:1px solid #ffffff0c;font-family:inherit;font-size:12px;direction:ltr}
.m-window-dots {display:flex;gap:5px}.m-window-dots>i {width:6px;height:6px;border-radius:50%;background:#6d655e}
.m-window-dots>i:first-child {background:#a5987c}
.m-demo-body {display:flex;min-height:440px}
.m-demo-sidebar {width:195px;flex-shrink:0;padding:24px 15px;background:#24201d;position:relative;border-inline-end:1px solid #ffffff08}
.m-demo-logo {display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:24px;padding:0 10px}.m-demo-logo>span {font-size:20px;color:var(--m-accent)}
.m-demo-compose {background:var(--m-accent);color:#32271e;font-size:12px;border-radius:7px;padding:10px;text-align:center;margin:23px 0 21px;font-weight:500}
.m-demo-folder {display:flex;align-items:center;gap:9px;font-size:12px;padding:9px 12px;color:#a99f97;border-radius:7px;margin-bottom:4px}.m-demo-folder svg {width:15px;height:15px}.m-demo-folder b {margin-inline-start:auto;font-weight:500}
.m-demo-folder.is-active {background:#3e342c;color:#e7cdb8}
.m-demo-storage {position:absolute;bottom:30px;left:26px;right:26px;font:12px var(--font-sans);color:#a79c93;direction:ltr}.m-demo-storage>i {display:block;position:relative;height:3px;background:#40372f;margin-top:10px;border-radius:3px}.m-demo-storage>i:after {content:"";position:absolute;width:24%;inset-block:0;background:#dbb290}
.m-demo-main {flex:1;min-width:0}
.m-demo-toolbar {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff09;padding:18px 24px}
.m-demo-toolbar h3 {font-size:16px;font-weight:500}.m-demo-toolbar h3>span {font:12px var(--font-sans);color:#a99d93;margin-inline-start:6px}.m-demo-toolbar>span {font-size:12px;color:#998d84}
.m-mail-row {position:relative;display:flex;align-items:center;gap:13px;padding:13px 24px;border-bottom:1px solid #ffffff09}
.m-mail-row>div {min-width:0;flex:1}.m-mail-row strong {font-size:12px;font-weight:500;display:block;color:#cbc1b8}.m-mail-row b {font-size:12px;font-weight:400;display:block;margin-block:2px}.m-mail-row p {font-size:12px;color:#9a8f86;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.m-mail-row time {font:12px var(--font-sans);color:#a49487;align-self:flex-start;margin-top:6px}
.m-mail-row.is-selected {background:#ffa3570a}.m-unread-dot {position:absolute;width:4px;height:4px;background:var(--m-accent);border-radius:50%;inset-inline-end:25px;bottom:22px}
.m-demo-letter {padding:22px 28px;font-size:12px;color:#c0b5ac;line-height:1.9;max-width:580px}.m-demo-letter p+p {margin-top:10px}.m-demo-letter>span {display:block;font:12px var(--font-sans);color:#a49487;margin-top:13px;text-align:start}
.m-demo-caption {background:#181512;border-top:1px solid #ffffff0a;text-align:center;color:#9d9085;font-size:12px;letter-spacing:.1em;padding:8px}
.m-stats {display:grid;grid-template-columns:repeat(3,1fr);max-width:790px;margin:52px auto 0;text-align:center}.m-stats>div+div {border-inline-start:1px solid var(--m-border)}
.m-stats strong {display:inline-flex;gap:7px;align-items:baseline;font-size:64px;font-weight:500;line-height:1.15;letter-spacing:-.07em}.m-stats strong>span {color:var(--m-accent);font-size:25px;letter-spacing:-.03em}.m-stats p {margin-top:9px;font-size:12px;color:var(--m-muted)}
.m-steps {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:0}
.m-steps li {border-top:1px solid #53473e;padding:23px 0 0;display:flex;flex-direction:column}
.m-step-top {display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--m-accent);direction:ltr}.m-step-top>span:last-child {font-size:23px;color:#7a6e64}
.m-steps h3 {font-size:21px;margin-block:20px 12px;font-weight:500;line-height:1.5}
.m-steps p {color:var(--m-muted);font-size:13px;line-height:1.95;margin-bottom:25px}
.m-step-chip {display:flex;align-items:center;justify-content:space-between;border:1px solid #362f29;background:#1f1a16;border-radius:7px;padding:11px 13px;color:#ada197;font:12px var(--font-sans);margin-top:auto}.m-step-chip>span {color:var(--m-accent)}
.m-pricing-section {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-top:1px solid var(--m-border)}
.m-price-card {padding:32px 34px;border:1px solid #7b5f48;border-radius:20px;background:radial-gradient(ellipse at 0 0,#44362b66,transparent 70%),#221d19;box-shadow:0 12px 60px #0002;position:relative}
.m-price-top {display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#e3d7cd}.m-price-star {font-size:41px;color:var(--m-accent);line-height:1;animation:spark-turn 40s linear infinite}
.marketing .m-price-number {display:flex;align-items:baseline;gap:13px;margin-top:21px}.m-price-number>strong {font-size:70px;line-height:1.2;font-weight:500;letter-spacing:-.06em}.m-price-number>span {color:#c0b4ab;font-size:13px}
.marketing .m-price-month {font-size:12px;color:#ab9d92;margin-top:9px}
.m-price-divider {height:1px;background:#ffffff15;margin-block:27px}
.m-price-card h3 {font-size:13px;font-weight:500;margin-bottom:18px}.m-price-card ul {list-style:none;padding:0;margin:0 0 30px;display:grid;gap:13px}.m-price-card li {display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#d3c9c0;line-height:1.7}.m-price-card li>span {color:var(--m-accent)}
.m-price-card .m-button {width:100%;justify-content:space-between}
.marketing .m-price-note {font-size:12px;text-align:center;color:#aea196;margin-top:14px}
.m-faq {display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;border-top:1px solid var(--m-border)}
.m-faq .m-title {font-size:39px}.m-faq-list details {border-bottom:1px solid var(--m-border)}.m-faq-list details:first-child {border-top:1px solid var(--m-border)}
.m-faq-list summary {display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:400;line-height:1.7}
.m-faq-list summary::-webkit-details-marker {display:none}.m-faq-list summary>span {color:var(--m-accent);font:24px var(--font-sans);transition:transform .2s}.m-faq-list details[open] summary>span {transform:rotate(45deg)}.m-faq-list details[open] summary {color:var(--m-accent)}
.m-faq-list details>p {font-size:13px;color:var(--m-muted);line-height:1.95;padding:0 0 24px;max-width:540px}
.m-cta {position:relative;isolation:isolate;overflow:hidden;padding:66px 70px;border:1px solid #9d75513d;border-radius:24px;background:radial-gradient(ellipse at 8% 100%,#ad643338 0,transparent 58%),radial-gradient(ellipse at 100% 0,#78607829 0,transparent 52%),linear-gradient(135deg,#211b18 0,#151313 55%,#241b15 100%);color:#f4eee7;text-align:center;margin-block:10px 90px;box-shadow:inset 0 1px 0 #f4d8bd12,0 20px 70px #0003,0 0 70px #b9753c0b}
.m-cta::after {content:"";position:absolute;z-index:-1;pointer-events:none;width:65%;height:120px;bottom:-110px;left:17.5%;border-radius:50%;background:#d18c51;opacity:.2;filter:blur(55px)}
.m-cta .m-eyebrow {justify-content:center;color:#dab78e;font-size:18px;font-weight:500;letter-spacing:0;line-height:1.7}.m-cta h2 {font-size:clamp(45px,6vw,82px);font-weight:700;white-space:pre-line;line-height:1.15;margin:22px 0}.m-cta>p:not(.m-eyebrow) {font-size:16px;line-height:1.8;color:#c2b3a7}.m-cta .m-button {margin-top:29px;background:linear-gradient(135deg,#eec095,#dfa36f);border:1px solid #fbd2aa7a;color:#291c13;box-shadow:0 5px 28px #dd975524,inset 0 1px 0 #fff3}.m-cta .m-button:hover {background:linear-gradient(135deg,#f5cdab,#e9b184);box-shadow:0 8px 32px #dd975532}
.m-cta-orbit {position:absolute;z-index:-1;left:-60px;top:-110px;width:420px;height:420px;border:1px solid #d4a7761c;border-radius:50%;box-shadow:0 0 0 60px #c78d4d04,0 0 0 120px #c78d4d03;pointer-events:none}
.m-cta-doodle {position:absolute;right:55px;bottom:18px;z-index:-1;font-size:150px;line-height:1;color:#dbae7e2b;transform:rotate(15deg);pointer-events:none}
.m-footer {padding-top:12px;overflow:hidden}
.m-footer-top {display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:50px}.m-footer-brand>p {color:var(--m-muted);font-size:12px;margin-top:20px}.m-footer-top h2 {font-size:13px;font-weight:500;margin:10px 0 20px}.m-footer-top>div>a:not(.m-brand) {display:block;font-size:12px;color:#a69c94;margin-top:13px}.m-footer-top>div>a:hover {color:var(--m-accent)}
.m-footer-top .m-contact-email {display:inline-block!important;font-size:13px!important;margin-top:20px!important}
.m-footer-bottom {padding:22px 0;border-top:1px solid var(--m-border);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#998f87;font-size:12px}.m-footer-bottom .m-accent {font-size:18px;margin-inline-start:8px}
.m-page-hero {padding-block:90px 60px;text-align:center;max-width:930px}.m-page-hero>.m-eyebrow {justify-content:center}.m-page-hero h1 {font-size:clamp(45px,5.4vw,76px);font-weight:700;line-height:1.25;white-space:pre-line;margin-top:22px}.m-page-hero>p:not(.m-eyebrow) {color:var(--m-muted);font-size:15px;max-width:570px;margin:25px auto 0;line-height:1.9}.m-page-hero .m-button {margin-top:30px}
.m-feature-page-cards {padding-top:15px;padding-bottom:10px}
.m-split-feature {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}
.m-domain-console {background:#221d19;border:1px solid #5c4d40;border-radius:17px;box-shadow:0 20px 60px #0003;padding:28px;transform:rotate(-2deg)}
.m-console-header {display:flex;align-items:center;gap:12px;border-bottom:1px solid #473d34;padding-bottom:22px;margin-bottom:5px}.m-console-header b {font-size:17px;font-weight:400}.m-console-header>span:last-child {color:var(--m-accent);margin-inline-start:auto}
.m-console-row {display:flex;align-items:center;gap:30px;padding:17px 0;border-bottom:1px solid #ffffff07;direction:ltr}.m-console-row code {font-size:12px;width:45px;color:#c4b5a8}.m-console-line {background:#6a594b;height:5px;flex:1;border-radius:4px;opacity:.5}.m-console-row:nth-child(odd) .m-console-line {max-width:50%}.m-console-row>.m-accent {margin-left:auto}
.m-domain-console>p {font-size:12px;color:#c2b6ac;margin-top:20px}.m-domain-console>p>span {float:inline-end}
.m-protocols {font-size:12px;color:#c8bbb1;letter-spacing:.03em}.m-protocols>span {padding-inline:8px;color:var(--m-accent)}
.m-devices-showcase {height:350px;position:relative;direction:ltr}.m-devices-showcase .m-mini-browser {width:80%;height:245px;top:30px;left:0;padding:20px 25px}.m-devices-showcase .m-mini-browser>span {height:32px;margin-bottom:18px}.m-devices-showcase .m-mini-phone {width:120px;height:230px;top:90px;right:0;padding:16px;gap:14px;border-width:5px;border-radius:23px}.m-devices-showcase .m-mini-phone>svg {width:42px;height:42px;margin-block:13px}.m-device-glow {position:absolute;inset:0;background:radial-gradient(ellipse,#7c5c4240,transparent 70%)}
.m-support-art {position:relative;min-height:300px;padding:80px 20px 20px;background:radial-gradient(ellipse,#45362a70,transparent 70%)}.m-support-star {position:absolute;top:-20px;left:20%;font-size:90px;line-height:1;color:#8a6444}
.m-chat-bubble {padding:18px 22px;border-radius:15px 15px 3px 15px;background:#352d27;color:#dad0c8;border:1px solid #645447;font-size:13px;transform:rotate(-4deg);width:fit-content;margin-inline-start:auto;position:relative}.m-chat-bubble.is-response {background:var(--m-accent);color:#35271c;border:0;margin-top:20px;margin-inline-start:0;transform:rotate(3deg);display:flex;gap:12px;align-items:center}.m-chat-bubble.is-response>span {font-size:22px}.m-support-languages {text-align:center;margin-top:35px;font-size:12px;color:#b7a99e;direction:ltr}.m-support-languages>span {margin-inline:18px;color:var(--m-accent)}
.m-dedicated-pricing {max-width:640px;padding-bottom:90px}.m-dedicated-pricing .m-price-card {padding:40px 46px}.m-dedicated-pricing .m-price-number>strong {font-size:88px}.m-price-contact {display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 8px 0}.m-price-contact h2 {font-size:15px;font-weight:500}.m-price-contact p {font-size:12px;color:var(--m-muted);margin-top:5px}.m-price-contact .m-text-link {font-size:12px;white-space:nowrap}
.m-how-illustration {display:flex;align-items:center;max-width:650px;padding-block:15px 30px;direction:ltr}.m-how-node {width:100px;height:100px;flex-shrink:0;display:grid;place-items:center;border:1px solid #5b4737;border-radius:23px;background:#25201b;font-size:50px;color:var(--m-accent);box-shadow:0 0 60px #ffa35709}.m-how-node.is-brand {font-size:30px;font-weight:700;background:var(--m-accent);color:#33251a}.m-how-node>svg {width:40px;height:40px}.m-how-line {height:1px;background:linear-gradient(90deg,#5b4330,#ffa35777,#5b4330);flex:1;position:relative}.m-how-line:after {content:"";height:5px;width:5px;position:absolute;top:-2px;background:var(--m-accent);border-radius:50%;animation:send-dot 4s ease-in-out infinite}
.m-transition-note {display:flex;gap:25px;border:1px solid #58483a;background:#251f1a;border-radius:15px;padding:30px 35px;margin-bottom:95px}.m-transition-note>span {font-size:38px;line-height:1;color:var(--m-accent)}.m-transition-note h2 {font-size:21px;font-weight:500}.m-transition-note p {color:var(--m-muted);font-size:13px;line-height:1.9;margin-block:12px;max-width:800px}
.m-auth-layout {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;padding-block:70px 90px;max-width:1120px}
.m-auth-aside {padding-top:20px}.m-auth-aside h2 {font-size:44px;white-space:pre-line;line-height:1.35;font-weight:700;margin-top:18px}.m-auth-aside>p:not(.m-eyebrow) {font-size:13px;line-height:1.9;color:var(--m-muted);max-width:380px;margin-top:20px}.m-auth-aside>img {width:320px;max-width:100%;height:auto;margin:22px auto 0;filter:drop-shadow(0 20px 30px #684f3a22)}
.m-auth-plan {display:flex;align-items:center;justify-content:center;gap:15px;padding-top:20px}.m-auth-plan>strong {font-size:39px;font-weight:500;letter-spacing:-.05em}.m-auth-plan>span {font-size:12px;color:#d4c7bd}.m-auth-plan small {display:block;font-size:12px;color:var(--m-muted);margin-top:3px}
.m-auth-form {border-radius:18px!important;border-color:#4a3f36!important;background:#211d19!important;box-shadow:0 20px 65px #0002!important}
.m-auth-form h1 {font-size:26px;line-height:1.5}.m-auth-form .label-title {font-size:12px}.m-auth-form .label-help,.m-auth-form p,.m-auth-form .choice>span {font-size:12px}.m-auth-form .input {background:#191511;min-height:46px;font-size:13px;border-color:#4a3e34}.m-auth-form .input:focus {border-color:var(--m-accent);outline-color:#ffa35733}.m-auth-form .choice {padding:12px;gap:10px}.m-auth-form .choice .text-sm {font-size:12px}.m-auth-form .choice:has(:checked) {border-color:#d99e6e;background:#ffa35707}.m-auth-form .btn-primary {background:var(--m-accent);border-color:var(--m-accent);color:#322419;border-radius:9px;font-size:13px;box-shadow:none}.m-auth-form .btn-primary:hover {background:#ffbb83}.m-auth-form .link {color:var(--m-accent)}
.marketing .m-auth-price {border:1px solid #79614e61;background:#ffa35708;color:#d8c5b6;font-size:12px;padding:9px 12px;border-radius:6px;margin-top:17px}
.m-auth-signin {align-items:center}.m-auth-signin .m-auth-aside>img {width:280px}.m-auth-signin .m-auth-form {margin-block:35px}
[dir="ltr"] .m-hero h1 {font-size:clamp(29px,2.9vw,43px);line-height:1.25;letter-spacing:-.055em}
[dir="ltr"] .m-hero h1>strong {margin-top:8px}
[dir="ltr"] .m-hero-visual {order:-1}
[dir="ltr"] .m-hero-grid {grid-template-columns:1fr 1.03fr}
[dir="ltr"] .m-hero-copy {padding-inline-start:20px}
[dir="ltr"] .m-card-content h3 {font-size:23px;line-height:1.25}
[dir="ltr"] .m-eyebrow {letter-spacing:.09em}
[dir="ltr"] .m-title {letter-spacing:-.05em}
[data-reveal].m-reveal-pending {opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
[data-reveal].m-reveal-pending.is-visible {opacity:1;transform:none}
@keyframes mascot-float {0%,100% {transform:translateY(0) rotate(-1deg)}50% {transform:translateY(-12px) rotate(1deg)}}
@keyframes message-float {0%,100% {translate:0 0}50% {translate:0 -9px}}
@keyframes orbit-turn {from {transform:rotate(-25deg) scaleY(.75)}to {transform:rotate(335deg) scaleY(.75)}}
@keyframes spark-turn {from {rotate:0deg}to {rotate:360deg}}
@keyframes send-dot {0% {left:0;opacity:0}15%,85% {opacity:1}100% {left:100%;opacity:0}}
.marketing.motion-paused *, .marketing.motion-paused *::before,.marketing.motion-paused *::after {animation-play-state:paused!important;transition:none!important}
.marketing.motion-paused [data-reveal] {opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce) {.marketing *,.marketing *::before,.marketing *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}.marketing [data-reveal] {opacity:1!important;transform:none!important}}
@media (min-width:1600px) {.m-container {width:min(1320px,calc(100% - 120px))}.m-hero-grid {min-height:760px}.m-hero-art {height:610px}.m-hero-wordmark {width:min(82.5%,445.5px)}.m-hero h1 {font-size:43px}.m-hero-copy {padding-inline-end:30px}}
@media (max-width:1100px) {.m-container {width:calc(100% - 64px)}.m-nav {gap:30px}.m-desktop-links {gap:20px}.m-nav-actions {gap:18px}.m-hero-grid {min-height:620px}.m-hero-art {height:470px}.m-message-top {left:0}.m-message-bottom {right:0}.m-floating-message {padding:10px 12px}.m-floating-message b {font-size:12px}.m-message-top .m-check {display:none}.m-hero-copy .m-hero-lead {font-size:14px}.m-apps {gap:22px}.m-apps>span {font-size:13px}.m-compatibility {gap:20px}.m-pricing-section,.m-faq,.m-split-feature {gap:50px}.m-card-content {padding-inline:20px}.m-card-content h3 {font-size:20px}.m-team-stack b {font-size:12px}.m-team-stack {width:86%;left:4%}.m-auth-layout {gap:55px}.m-auth-aside h2 {font-size:38px}}
@media (max-width:800px) {
 .m-container {width:calc(100% - 40px)}.m-nav {height:72px;gap:20px}.m-brand img {width:89.6px}.m-desktop-links {display:none}.m-nav-actions {gap:18px}.m-nav-login {font-size:11px;padding:9px 12px;gap:9px}.m-nav-login svg {width:15px}.m-language {font-size:11px}
 .m-mobile-menu {display:block}.m-mobile-menu summary {display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:30px;height:36px;list-style:none;cursor:pointer}.m-mobile-menu summary::-webkit-details-marker {display:none}.m-mobile-menu summary>span {width:20px;height:1.5px;background:#e4dad2;transition:transform .2s}.m-mobile-menu[open] summary>span:first-child {transform:translateY(3.75px) rotate(45deg)}.m-mobile-menu[open] summary>span:last-child {transform:translateY(-3.75px) rotate(-45deg)}.m-mobile-links {position:absolute;left:0;right:0;top:72px;background:#211d19fc;backdrop-filter:blur(20px);border-bottom:1px solid #5b4b3e;padding:15px 22px 22px;box-shadow:0 20px 50px #0007}.m-mobile-links a {display:flex;align-items:center;justify-content:space-between;padding:13px 8px;font-size:14px;border-bottom:1px solid #ffffff0a}.m-mobile-links a:last-child {color:var(--m-accent)}
 .m-hero-grid {grid-template-columns:1fr!important;gap:0;padding-top:44px;padding-bottom:8px;min-height:auto;text-align:center}.m-hero-copy {padding-inline:0!important;order:0!important}.m-hero .m-eyebrow {justify-content:center;font-size:10px}.m-hero-wordmark {width:min(82.5%,330px);margin:4px auto 16px}.m-hero h1 {font-size:34px;line-height:1.5}.m-hero h1>strong {font-size:.85em}[dir="ltr"] .m-hero h1 {font-size:35px;max-width:500px;margin:auto}.marketing .m-hero-lead {font-size:13px;max-width:360px;margin:17px auto 0;line-height:1.9}.m-actions {justify-content:center;gap:24px;margin-top:24px}.m-button {font-size:12px;padding:14px 22px;gap:20px}.m-text-link {font-size:12px}.marketing .m-hero-note {font-size:10px;margin-top:17px}
 .m-hero-visual {order:1!important;max-width:480px;width:100%;margin:28px auto 0}.m-hero-art {width:100%;height:440px}.m-mascot {width:96%;max-height:100%;object-fit:contain}.m-message-top {top:5%;left:0}.m-message-bottom {bottom:10%;right:0;min-width:210px}.m-floating-message small {font-size:9px}.m-floating-message.m-message-bottom small {font-size:11px}.m-hero-bottom {height:55px}.m-hero-bottom>span {font-size:8px}.m-motion-toggle {font-size:9px}.m-orbit-one {width:95%}
 .m-compatibility {display:block;padding-block:26px;text-align:center}.m-compatibility>p {font-size:11px;margin-bottom:18px}.m-apps {gap:26px}.m-apps>span {font-size:12px;gap:7px}.m-app-icon {width:24px;height:24px;font-size:20px}
 .m-section {padding-block:70px}.m-title {font-size:38px}.m-section-heading {display:block;margin-bottom:30px}.m-section-heading>p {margin-top:20px;max-width:470px;font-size:13px}.m-feature-grid {gap:13px}.m-card-art {height:195px}.m-card-content {padding:6px 17px 22px}.m-card-content h3 {font-size:19px;line-height:1.45}.m-card-content>p:not(.m-card-label) {font-size:11px}.m-card-label {font-size:8px!important}.m-card-link {font-size:10px}.m-domain-at {font-size:130px}.m-domain-chip {top:130px;font-size:9px;padding:10px 9px}.m-team-stack {top:25px;gap:6px}.m-team-stack>span {padding:8px 6px;gap:5px}.m-team-stack b {font-size:6px}.m-team-stack .m-avatar {width:22px;height:22px;font-size:9px}.m-team-count {width:33px;height:33px;bottom:18px;font-size:11px}.m-mini-browser {left:8%;height:125px;padding:9px}.m-mini-browser>span {height:16px;margin-bottom:8px}.m-mini-phone {top:55px;right:10%;width:61px;height:121px;padding:7px;gap:6px}.m-mini-phone>svg {width:22px;height:22px;margin-bottom:1px}
 .m-pricing-section,.m-faq,.m-split-feature {grid-template-columns:1fr;gap:38px}.m-price-card {max-width:580px;width:100%;margin:auto}.m-faq .m-title {font-size:36px}.m-faq-list summary {font-size:13px}.m-faq-list details>p {font-size:12px}.m-pricing-section>div:first-child {max-width:530px}.m-section-copy {font-size:14px}
 .m-demo-sidebar {width:150px;padding:20px 11px}.m-demo-logo {font-size:21px}.m-demo-folder {font-size:9px;padding-inline:9px}.m-demo-toolbar {padding:16px}.m-mail-row {padding:12px 16px;gap:9px}.m-mail-row p {font-size:9px}.m-mail-row b {font-size:11px}.m-demo-letter {padding:20px}.m-unread-dot {inset-inline-end:17px}.m-centered-heading {margin-bottom:32px}.m-centered-heading>p:last-child {font-size:13px}.m-stats strong {font-size:54px}.m-stats strong>span {font-size:21px}
 .m-steps {gap:22px}.m-steps h3 {font-size:19px}.m-steps p {font-size:12px}.m-step-chip {font-size:9px;padding:10px}.m-cta {padding:48px 25px;margin-bottom:65px}.m-cta h2 {font-size:57px}.m-cta .m-eyebrow {font-size:17px}.m-cta>p:not(.m-eyebrow) {font-size:15px}.m-cta-orbit {left:-180px}.m-cta-doodle {right:-10px;bottom:5px;font-size:110px}
 .m-footer-top {gap:30px;grid-template-columns:1.5fr 1fr 1fr}.m-footer-top h2 {font-size:12px}.m-footer-top>div>a:not(.m-brand) {font-size:11px}.m-footer-bottom {font-size:9px}.m-page-hero {padding-block:60px 45px}.m-page-hero h1 {font-size:52px}.m-page-hero>p:not(.m-eyebrow) {font-size:13px}
 .m-split-feature>div {max-width:580px;width:100%;margin:auto}.m-domain-console {padding:25px}.m-devices-showcase {max-width:430px!important}.m-support-art {max-width:440px!important}.m-dedicated-pricing {max-width:600px}.m-how-illustration {max-width:520px}.m-auth-layout {grid-template-columns:1fr;max-width:560px;gap:30px;padding-top:45px}.m-auth-aside {text-align:center;padding-top:0}.m-auth-aside .m-eyebrow {justify-content:center}.m-auth-aside h2 {font-size:38px}.m-auth-aside>p:not(.m-eyebrow) {margin:16px auto 0}.m-auth-aside>img {display:none}.m-auth-plan {padding-top:24px}.m-auth-signin .m-auth-form {margin:0}.m-auth-aside>.m-text-link {margin-top:12px}
}
@media (max-width:560px) {
 .m-nav-actions {gap:13px}.m-nav {gap:10px}.m-brand img {width:82.6px}.m-nav-login {padding:8px 10px;font-size:10px}.m-nav-login .m-arrow {display:none}.m-language {font-size:10px}.m-mobile-menu summary {width:25px}
 .m-hero-grid {padding-top:34px}.m-hero-wordmark {width:min(82.5%,247.5px);margin:5px auto 14px}.m-hero h1 {font-size:28px}.m-hero h1>strong {font-size:24px;line-height:1.6}[dir="ltr"] .m-hero h1 {font-size:29px}[dir="ltr"] .m-hero h1>strong {font-size:26px;line-height:1.3}.marketing .m-hero-lead {font-size:12px;max-width:320px}.m-actions {gap:22px}.m-hero-visual {margin-top:20px;max-width:380px}.m-hero-art {height:345px}.m-mascot {width:102%}.m-message-top {top:4%;left:0}.m-message-bottom {bottom:8%;right:0;min-width:192px}.m-floating-message {padding:9px 11px;gap:8px;border-radius:10px}.m-floating-message b {font-size:9px}.m-floating-message small {font-size:8px}.m-floating-message.m-message-bottom small {font-size:10px}.m-message-icon,.m-check-circle {width:29px;height:29px}.m-message-icon>svg {width:20px}.m-message-time {font-size:8px;margin-inline-start:12px}.m-spark-one {font-size:25px}.m-spark-two {font-size:15px}.m-hero-bottom {height:48px}
 .m-apps {display:grid;grid-template-columns:1fr 1fr;gap:17px 22px;max-width:290px;margin:auto;justify-items:start}.m-apps>span {font-size:12px}.m-compatibility>p {margin-bottom:22px}
 .m-section {padding-block:58px}.m-title {font-size:34px}.m-eyebrow {font-size:9px}.m-section-heading>p {font-size:12px;line-height:1.9}.m-feature-grid {grid-template-columns:1fr;gap:20px}.m-card-art {height:240px}.m-card-content {padding:8px 26px 27px}.m-card-content h3 {font-size:25px!important}.m-card-content>p:not(.m-card-label) {font-size:12px}.m-card-label {font-size:9px!important}.m-card-link {font-size:11px}.m-domain-at {font-size:165px;top:-15px}.m-domain-chip {top:161px;font-size:13px;padding:12px 15px}.m-team-stack {width:77%;left:10%;top:30px}.m-team-stack>span {padding:10px;gap:11px}.m-team-stack b {font-size:10px}.m-team-stack .m-avatar {width:30px;height:30px;font-size:12px}.m-team-count {width:43px;height:43px;bottom:25px;font-size:14px}.m-mini-browser {left:12%;height:165px;padding:13px 16px}.m-mini-browser>span {height:23px;margin-bottom:10px}.m-mini-phone {width:80px;height:155px;top:65px;right:15%;padding:11px;gap:9px}.m-mini-phone>svg {width:29px;height:29px;margin-bottom:5px}
 .m-demo-sidebar {display:none}.m-demo-body {min-height:0}.m-inbox-demo {border-radius:11px}.m-demo-chrome {padding:10px 13px;font-size:9px}.m-demo-toolbar h3 {font-size:15px}.m-mail-row b {font-size:10px}.m-mail-row strong {font-size:9px}.m-mail-row p {font-size:8px}.m-mail-row .m-avatar {width:28px;height:28px;font-size:11px}.m-demo-letter {font-size:10px;padding:20px 17px}.m-demo-letter>span {font-size:9px}.m-demo-caption {font-size:7px}.m-stats {margin-top:32px}.m-stats strong {font-size:41px}.m-stats strong>span {font-size:17px}.m-stats p {font-size:9px}.m-centered-heading>p:last-child {font-size:12px}
 .m-steps {grid-template-columns:1fr;gap:30px}.m-steps h3 {font-size:22px;margin-top:10px}.m-steps p {font-size:12px;margin-bottom:19px}.m-step-chip {font-size:11px;padding:12px}.m-step-top {font-size:12px}.m-steps li {padding-top:15px}.m-price-card {padding:26px 24px}.m-price-number>strong {font-size:64px}.m-price-card li {font-size:11px}.m-price-card .m-price-month {font-size:10px}.m-pricing-section {gap:28px}.m-faq {gap:30px}.m-faq .m-title {font-size:33px}.m-faq-list summary {font-size:12px;padding-block:18px}.m-faq-list details>p {font-size:11px}.m-cta {padding:40px 18px;border-radius:17px;margin-block:5px 48px}.m-cta h2 {font-size:45px}.m-cta .m-eyebrow {font-size:15px;letter-spacing:0}.m-cta-doodle {font-size:85px}.m-cta>p:not(.m-eyebrow) {font-size:14px}
 .m-footer-top {grid-template-columns:1fr 1fr;gap:35px 22px;padding-bottom:30px}.m-footer-brand {grid-column:1/-1}.m-footer-brand>p {margin-top:15px}.m-footer-bottom {align-items:flex-start;font-size:8px;gap:12px}.m-footer-bottom>span {max-width:50%}.m-footer-bottom .m-accent {font-size:12px}.m-footer-signature {padding-inline:6.6px;margin-block:24px 30px}
 .m-page-hero {padding-block:45px 37px}.m-page-hero h1 {font-size:43px;line-height:1.3;margin-top:16px}.m-page-hero>p:not(.m-eyebrow) {font-size:12px;margin-top:20px}.m-page-hero>.m-eyebrow {font-size:9px}.m-dedicated-pricing {padding-bottom:55px}.m-dedicated-pricing .m-price-card {padding:27px 24px}.m-dedicated-pricing .m-price-number>strong {font-size:70px}.m-price-contact {align-items:start;gap:12px}.m-price-contact h2 {font-size:13px}.m-price-contact p {font-size:10px}.m-price-contact .m-text-link {font-size:10px;gap:7px;padding-top:0}.m-price-contact svg {width:15px}
 .m-console-header b {font-size:14px}.m-domain-console {padding:22px}.m-console-row {gap:20px}.m-console-row code {font-size:11px}.m-split-feature {gap:33px}.m-section-copy {font-size:12px}.m-devices-showcase {height:300px}.m-devices-showcase .m-mini-browser {height:215px;left:3%;width:78%}.m-devices-showcase .m-mini-phone {width:100px;height:200px;right:4%;top:90px;gap:11px;padding:13px}.m-devices-showcase .m-mini-phone>svg {width:33px;height:33px;margin-block:8px}.m-support-art {min-height:260px;padding-inline:0}.m-chat-bubble {font-size:11px;padding:15px 18px}.m-support-star {font-size:75px;top:0}.m-how-node {width:70px;height:70px;border-radius:15px;font-size:34px}.m-how-node.is-brand {font-size:23px}.m-how-node>svg {width:30px;height:30px}.m-how-illustration {padding-block:10px 5px;max-width:340px}.m-transition-note {padding:25px 21px;gap:15px;margin-bottom:55px}.m-transition-note h2 {font-size:18px}.m-transition-note p {font-size:11px}.m-transition-note>span {font-size:27px}
 .m-auth-layout {padding-top:35px;padding-bottom:55px}.m-auth-aside h2 {font-size:33px}.m-auth-aside>p:not(.m-eyebrow) {font-size:12px}.m-auth-form {padding:25px 21px!important}.m-auth-form h1 {font-size:24px}
}

/* Reading sizes and touch targets stay comfortable on small screens. */
.m-card-content>p:not(.m-card-label), .m-steps p, .m-price-card li,
.m-faq-list details>p, .m-section-heading>p, .m-section-copy {font-size:14px}
.m-card-link, .m-price-card h3, .m-price-month, .m-footer-top>div>a:not(.m-brand) {font-size:12px}
.m-auth-form .label-title {font-size:13px}
.m-auth-form .label-help, .m-auth-form p, .m-auth-form .choice>span {font-size:13px}
.m-auth-form .choice .text-sm {font-size:12px}
.m-auth-form .input {font-size:15px}
.m-language {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.m-nav-login {min-height:40px}
.m-motion-toggle {min-height:44px}
.m-footer-bottom {flex-wrap:wrap}
@media (max-width:800px) {
 .m-mobile-menu summary {width:40px;height:44px}
 .m-nav-login {min-height:40px}
 .m-nav-actions {gap:10px}
 .m-hero-lead, .marketing .m-hero-lead, .m-page-hero>p:not(.m-eyebrow), .m-centered-heading>p:last-child {font-size:14px}
 .m-card-content>p:not(.m-card-label), .m-steps p, .m-price-card li, .m-faq-list details>p {font-size:13px}
 .m-faq-list summary {font-size:14px}
 .m-price-note {font-size:10px!important}
 .m-auth-aside>p:not(.m-eyebrow) {font-size:14px}
}
@media (min-width:561px) and (max-width:800px) {
 .m-feature-grid {grid-template-columns:1fr;max-width:560px;margin-inline:auto}
 .m-feature-card {display:grid;grid-template-columns:1fr 1.1fr;align-items:center}
 .m-card-art {height:250px}.m-card-content {padding:25px 20px}.m-card-content>p:not(.m-card-label) {font-size:13px}
 .m-card-content h3 {font-size:23px}.m-card-link {margin-top:10px}
}

/* Public completion and recovery screens use the same feather-orange identity. */
@media (max-width:360px) {
 .m-header .m-container {width:calc(100% - 24px)}
 .m-nav {gap:6px}.m-nav .m-brand img {width:75.6px}.m-nav-actions {gap:6px}
}

.m-message-page {max-width:620px;margin:auto;padding:70px 25px 95px;text-align:center}
.m-message-page>.m-eyebrow {justify-content:center;margin-bottom:20px}
.m-message-page h1 {font-size:44px;font-weight:700;line-height:1.35;margin-bottom:25px}
.m-message-page>p:not(.m-eyebrow) {font-size:15px;color:var(--m-muted);line-height:1.95;max-width:480px;margin-inline:auto}
.m-message-page>.m-button {margin-top:30px}
.m-message-page>.m-text-link {display:flex;justify-content:center;margin-top:15px}
.m-message-art {width:190px;height:170px;margin:0 auto 25px}.m-message-art img {width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 35px #b3743025)}
.m-message-envelope {width:85px;height:85px;display:grid;place-items:center;border:1px solid #b57b4d55;border-radius:24px;background:radial-gradient(ellipse,#74512f66,#2a2117);color:var(--m-accent);margin:15px auto 35px;transform:rotate(-8deg)}
.m-message-envelope svg {width:40px;height:40px}
.m-message-bird {display:block;width:190px;height:auto;margin:0 auto 28px}
.m-message-help {border:1px solid #55402c;border-radius:13px;background:#241b13;padding:23px;margin:30px auto 0;max-width:430px}.m-message-help p {font-size:12px;color:#bea58a;line-height:1.95}.m-message-help .m-text-link {margin-top:12px}
@media(max-width:560px){.m-message-page {padding:45px 23px 65px}.m-message-page h1 {font-size:32px}.m-message-page>p:not(.m-eyebrow) {font-size:14px}.m-message-art {width:165px;height:150px}.m-message-bird {width:150px}.m-message-page>.m-eyebrow {font-size:9px}}