/* ===== Billing period: one equal-width segmented control that never wraps (replaces the 3+1 wrapped pills) ===== */
.lm-term-bar { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 0 auto 22px; padding: 0 16px; }
.lm-term-bar > span { color: #5d6080; font-size: 14px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; }
.lm-term-bar > div { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; width: min(100%, 560px); padding: 5px; border-radius: 16px; background: #fff; border: 1.5px solid #d9d4ea; box-shadow: 0 6px 24px rgba(13,18,69,.07); }
.lm-term-bar button { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; padding: 8px 4px; border: 0; border-radius: 12px; background: transparent; color: #0d1245; font: 600 15px/1.1 inherit; font-family: inherit; white-space: nowrap; cursor: pointer; transition: color .2s, background .2s; }
.lm-term-bar button small { font-size: 11px; font-weight: 600; color: #5b3de0; background: #efe9ff; border-radius: 999px; padding: 2px 7px; transition: all .2s; }
.lm-term-bar button small:empty { display: none; }
.lm-term-bar button:hover:not(.is-on) { background: #f5f2fb; }
.lm-term-bar button.is-on { background: linear-gradient(135deg, #1a3cff, #7b1fff 60%, #c400ff); color: #fff; box-shadow: 0 6px 16px rgba(91,61,224,.35); }
.lm-term-bar button.is-on small { background: rgba(255,255,255,.22); color: #fff; }
.lm-term-bar button:focus-visible { outline: 3px solid #5b3de0; outline-offset: 2px; }
@media (max-width: 420px) { .lm-term-bar > div { padding: 4px; border-radius: 14px; } .lm-term-bar button { font-size: 13.5px; min-height: 48px; } .lm-term-bar button small { font-size: 10px; padding: 1px 5px; } }

/* ===== Live domain results ===== */
.sy-dom { max-width: 880px; margin: 28px auto; padding: 0 16px; font-family: inherit; color: #0d1245; }
.sy-dom form { display: flex; gap: 10px; flex-wrap: wrap; }
.sy-dom input[type=search] { flex: 1 1 260px; padding: 15px 18px; border: 1.5px solid #d9d4ea; border-radius: 12px; font: 500 17px/1.2 inherit; font-family: inherit; background: #fff; }
.sy-dom .sy-btn, .sy-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 22px; border: 0; border-radius: 12px; background: linear-gradient(135deg, #1a3cff, #7b1fff 60%, #c400ff); color: #fff; font: 600 15px/1 inherit; font-family: inherit; cursor: pointer; }
.sy-btn[disabled] { opacity: .55; cursor: not-allowed; }
.sy-btn--ghost { background: #fff; color: #0d1245; border: 1.5px solid #d9d4ea; }
.sy-years { display: flex; align-items: center; gap: 10px; margin: 16px 0 6px; flex-wrap: wrap; font-size: 14px; color: #5d6080; font-weight: 600; }
.sy-years div { display: inline-grid; grid-auto-flow: column; gap: 0; padding: 4px; border: 1.5px solid #d9d4ea; border-radius: 12px; background: #fff; }
.sy-years button { padding: 8px 14px; border: 0; border-radius: 9px; background: transparent; font: 600 14px/1 inherit; font-family: inherit; color: #0d1245; cursor: pointer; }
.sy-years button.is-on { background: #00013f; color: #fff; }
.sy-list { display: grid; gap: 10px; margin-top: 14px; }
.sy-row { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1.5px solid #e6e2f3; border-radius: 14px; background: #fff; flex-wrap: wrap; }
.sy-row.is-free { border-color: #b9a8ff; box-shadow: 0 4px 18px rgba(91,61,224,.10); }
.sy-name { flex: 1 1 200px; font-weight: 700; font-size: 17px; word-break: break-all; }
.sy-badge { font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: #e7f8ee; color: #137a43; }
.sy-badge--taken { background: #f3f1f9; color: #7a7894; } .sy-badge--prem { background: #fff3d6; color: #8a5a00; }
.sy-price { text-align: right; font-weight: 700; } .sy-price small { display: block; font-weight: 500; color: #5d6080; font-size: 12px; }
.sy-msg { margin-top: 14px; color: #5d6080; } .sy-err { color: #b42318; }
.sy-hostdom { margin: 14px 0; padding: 14px 16px; border: 1.5px solid #d9d4ea; border-radius: 12px; background: #f9f7ff; font-size: 14px; }
.sy-hostdom input { margin-top: 8px; width: 100%; padding: 12px 14px; border: 1.5px solid #d9d4ea; border-radius: 10px; font: 500 15px/1.2 inherit; font-family: inherit; }
.sy-who { position: fixed; right: 14px; bottom: 14px; z-index: 50; padding: 9px 14px; border-radius: 999px; background: #00013f; color: #fff; font: 600 13px/1 inherit; font-family: inherit; text-decoration: none; box-shadow: 0 8px 24px rgba(0,1,63,.3); }

/* ===== Billing period, redesigned to match the marketing site: left-aligned heading, flat segmented control, navy selection ===== */
.lm-term-bar{align-items:stretch;gap:12px;max-width:640px;margin:0 auto 28px;padding:0 16px}
.lm-term-bar>span{color:#0b0826;font-size:18px;font-weight:500;letter-spacing:-.01em;text-transform:none;text-align:left}
.lm-term-bar>span::after{content:"Pay monthly, or prepay for longer and save.";display:block;margin-top:4px;color:#6f7279;font-size:13.5px;font-weight:400;letter-spacing:0}
.lm-term-bar>div{width:100%;padding:0;border-radius:11px;background:#fff;border:1px solid #e0e0e0;box-shadow:none;overflow:hidden}
.lm-term-bar button{align-items:flex-start;text-align:left;gap:2px;min-height:58px;padding:11px 14px;border-radius:0;border-right:1px solid #e0e0e0;color:#0b0826;font-weight:500}
.lm-term-bar button:last-child{border-right:0}
.lm-term-bar button small{background:none;padding:0;border-radius:0;color:#4946fd;font-size:12px;font-weight:500}
.lm-term-bar button:hover:not(.is-on){background:#f5f7f5}
.lm-term-bar button.is-on{background:#0b0826;color:#fff;box-shadow:none}
.lm-term-bar button.is-on small{background:none;color:#c9c6ff}
.lm-term-bar button:focus-visible{outline:2px solid #4946fd;outline-offset:-2px}

/* ===== Next-gen polish for the marketing site (motion, depth, focus, density) ===== */
html{scroll-behavior:smooth}
.sy-js [data-sy-r]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.sy-js [data-sy-r].sy-in{opacity:1;transform:none}
article,[class*="rounded-2xl"],[class*="rounded-3xl"]{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .2s}
article:hover,[class*="planCard"]:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(11,8,38,.09)}
a,button{transition:color .15s,background-color .15s,border-color .15s,transform .12s,box-shadow .2s}
button:active,a[class*="btn"]:active{transform:scale(.985)}
:focus-visible{outline:3px solid #4946fd!important;outline-offset:3px;border-radius:8px}
::selection{background:#e7e0f5;color:#0b0826}
img{image-rendering:auto}
header,[class*="sticky"]{backdrop-filter:saturate(1.4)}
@media(prefers-reduced-motion:reduce){.sy-js [data-sy-r]{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto}*{animation-duration:.001ms!important}}

/* embedded configurator inside the client portal */
.sy-embed header,.sy-embed footer,.sy-embed .lm-chat,.sy-embed [class*="cookie"]{display:none!important}
.sy-embed body,.sy-embed #__nuxt,.sy-embed .greyTheme{background:transparent!important}
.sy-embed #main-container{padding-top:0!important;margin-top:0!important}
.sy-embed .lm-shop{padding-top:8px!important}