/* Features and Download landing pages, scoped to their own content. */
body.smt-new-page-body .entry-content { overflow: visible; }
body.smt-new-page-body .entry-content > * { margin-bottom: 0; }
body.smt-new-page-body .smt-new-page { overflow: hidden; color: #29213d; font-family: inherit; }
body.smt-new-page-body .smt-new-page * { box-sizing: border-box; }
body.smt-new-page-body .smt-new-page h1, body.smt-new-page-body .smt-new-page h2, body.smt-new-page-body .smt-new-page h3, body.smt-new-page-body .smt-new-page p { margin-top: 0; }
body.smt-new-page-body .smt-new-page h1, body.smt-new-page-body .smt-new-page h2 { letter-spacing: -.045em; }
body.smt-new-page-body .smt-new-page a { text-underline-offset: 3px; }
body.smt-new-page-body .smt-new-page a:focus-visible, body.smt-new-page-body .smt-new-page summary:focus-visible { outline: 3px solid #35ded4; outline-offset: 4px; }
body.smt-new-page-body .smt-new-wrap { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
body.smt-new-page-body .smt-new-kicker { margin: 0 0 18px; color: #8d63f3; font-size: 12px; font-weight: 850; letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; }
body.smt-new-page-body .smt-new-kicker .smt-new-spark { color: #66e3de; font-size: 19px; vertical-align: middle; }
body.smt-new-page-body .smt-new-hero { position: relative; padding: clamp(135px, 12vw, 175px) 0 95px; color: #fff; background: radial-gradient(circle at 85% 13%, rgba(74, 219, 218, .24), transparent 33%), radial-gradient(circle at 10% 90%, rgba(162, 95, 255, .25), transparent 34%), #171337; }
body.smt-new-page-body .smt-new-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .13; background-image: radial-gradient(#fff 1px, transparent 1px); background-size: 33px 33px; mask-image: linear-gradient(90deg, transparent, #000); }
body.smt-new-page-body .smt-new-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: clamp(32px, 5vw, 78px); }
body.smt-new-page-body .smt-new-hero .smt-new-kicker { color: #94ede6; }
body.smt-new-page-body .smt-new-hero h1 { margin: 0 0 25px; color: #fff; font-size: clamp(44px, 5.2vw, 72px); font-weight: 850; line-height: 1.04; }
body.smt-new-page-body .smt-new-hero h1 em, body.smt-new-page-body .smt-new-dark-panel h2 em { color: #bda8ff; font-style: normal; }
body.smt-new-page-body .smt-new-lead { max-width: 650px; margin: 0; color: #e2ddf0; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.7; }
body.smt-new-page-body .smt-new-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 30px 0 0; }
body.smt-new-page-body .smt-new-button { display: inline-flex; min-height: 51px; align-items: center; justify-content: center; gap: 10px; padding: 13px 23px; border-radius: 999px; font-size: 14px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; transition: transform .2s, box-shadow .2s, background .2s; }
body.smt-new-page-body .smt-new-button:hover { transform: translateY(-2px); text-decoration: none; }
body.smt-new-page-body .smt-new-button-primary { color: #fff; background: linear-gradient(120deg, #9163ff, #5c42d3); box-shadow: 0 15px 35px rgba(34, 20, 99, .24); }
body.smt-new-page-body .smt-new-button-primary:hover { color: #fff; box-shadow: 0 18px 40px rgba(34, 20, 99, .36); }
body.smt-new-page-body .smt-new-button-outline { color: #fff; border: 1px solid rgba(255,255,255,.48); background: rgba(255,255,255,.06); }
body.smt-new-page-body .smt-new-button-outline:hover { color: #fff; background: rgba(255,255,255,.15); }
body.smt-new-page-body .smt-new-button-dark { color: #fff; background: #23194c; }
body.smt-new-page-body .smt-new-button-dark:hover { color: #fff; background: #443089; }
body.smt-new-page-body .smt-new-micro { margin: 22px 0 0; color: #cec8e3; font-size: 12px; line-height: 1.6; }
body.smt-new-page-body .smt-new-showcase { position: relative; min-height: 440px; display: grid; align-items: center; isolation: isolate; }
body.smt-new-page-body .smt-new-orbit { position: absolute; z-index: -1; border: 1px solid rgba(123, 234, 229, .23); border-radius: 50%; }
body.smt-new-page-body .smt-new-orbit-one { width: 380px; height: 380px; right: -30px; top: 8px; }
body.smt-new-page-body .smt-new-orbit-two { width: 480px; height: 480px; right: -80px; top: -42px; }
body.smt-new-page-body .smt-new-workspace, body.smt-new-page-body .smt-new-download-window { border: 1px solid rgba(255,255,255,.16); border-radius: 22px; overflow: hidden; background: #f9f8fe; color: #2e2550; box-shadow: 0 35px 85px rgba(5, 3, 24, .35); transform: rotate(2deg); }
body.smt-new-page-body .smt-new-window-head { display: flex; align-items: center; gap: 13px; padding: 15px 19px; border-bottom: 1px solid #e9e6f2; background: #fff; font-size: 12px; }
body.smt-new-page-body .smt-new-window-head strong { font-size: 12px; }
body.smt-new-page-body .smt-new-window-dots { display: flex; gap: 5px; }
body.smt-new-page-body .smt-new-window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d4cde7; }
body.smt-new-page-body .smt-new-window-dots i:first-child { background: #a183ef; }
body.smt-new-page-body .smt-new-live { margin-left: auto; color: #297f78; font-size: 10px; font-weight: 800; }
body.smt-new-page-body .smt-new-window-body { padding: 29px; }
body.smt-new-page-body .smt-new-mini-label { color: #8e81a3; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
body.smt-new-page-body .smt-new-task { display: flex; align-items: center; gap: 13px; margin-top: 17px; padding: 14px; border: 1px solid #ebe5f5; border-radius: 13px; background: #fff; }
body.smt-new-page-body .smt-new-task-icon { flex: 0 0 auto; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #6942d3; background: #efe8ff; font-size: 20px; }
body.smt-new-page-body .smt-new-task-icon-cyan { color: #137b86; background: #e0f8f5; }
body.smt-new-page-body .smt-new-task b, body.smt-new-page-body .smt-new-task small { display: block; }
body.smt-new-page-body .smt-new-task b { font-size: 12px; }
body.smt-new-page-body .smt-new-task small { margin-top: 3px; color: #8b819f; font-size: 10px; }
body.smt-new-page-body .smt-new-task-status { margin-left: auto; color: #6a49c6; font-size: 10px; font-weight: 800; }
body.smt-new-page-body .smt-new-meter { margin-top: 20px; font-size: 11px; }
body.smt-new-page-body .smt-new-meter span, body.smt-new-page-body .smt-new-meter strong { display: inline-block; }
body.smt-new-page-body .smt-new-meter strong { float: right; color: #6d4ac6; }
body.smt-new-page-body .smt-new-meter > div { height: 7px; margin-top: 10px; border-radius: 9px; background: #e8e3f1; overflow: hidden; }
body.smt-new-page-body .smt-new-meter i { display: block; width: 59%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #8758f4, #51d8d6); }
body.smt-new-page-body .smt-new-floating { position: absolute; padding: 12px 17px; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; background: #30245f; box-shadow: 0 15px 40px rgba(3, 2, 20, .28); color: #fff; font-size: 12px; font-weight: 750; }
body.smt-new-page-body .smt-new-floating-top { right: -18px; top: 29px; }
body.smt-new-page-body .smt-new-floating-top span { color: #80e8df; font-size: 22px; font-weight: 900; }
body.smt-new-page-body .smt-new-floating-bottom { left: -23px; bottom: 26px; }
body.smt-new-page-body .smt-new-floating-bottom b { color: #7ee6df; }
body.smt-new-page-body .smt-new-strip { padding: 22px 0; background: #2b2059; color: #fff; }
body.smt-new-page-body .smt-new-strip-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
body.smt-new-page-body .smt-new-strip-grid span { font-size: 12px; font-weight: 750; }
body.smt-new-page-body .smt-new-strip-grid b { padding-right: 10px; color: #80e7df; font-size: 11px; }
body.smt-new-page-body .smt-new-section { padding: 95px 0; }
body.smt-new-page-body .smt-new-light { background: #f6f4fb; }
body.smt-new-page-body .smt-new-white { background: #fff; }
body.smt-new-page-body .smt-new-tint { background: #f0ebfa; }
body.smt-new-page-body .smt-new-section-head { max-width: 790px; margin: 0 0 38px; }
body.smt-new-page-body .smt-new-section h2, body.smt-new-page-body .smt-new-final h2 { margin: 0 0 19px; color: #25203d; font-size: clamp(34px, 3.8vw, 52px); font-weight: 850; line-height: 1.11; }
body.smt-new-page-body .smt-new-section p { color: #655d73; font-size: 15px; line-height: 1.78; }
body.smt-new-page-body .smt-new-section-head > p:last-child { max-width: 740px; margin: 0; font-size: 17px; }
body.smt-new-page-body .smt-new-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
body.smt-new-page-body .smt-new-feature-card { min-height: 275px; padding: 30px; border: 1px solid #e9e3f3; border-radius: 24px; background: #fff; box-shadow: 0 16px 40px rgba(38, 23, 84, .04); }
body.smt-new-page-body .smt-new-feature-card-wide { background: linear-gradient(125deg, #fff, #f4f0ff); }
body.smt-new-page-body .smt-new-card-num { float: right; color: #a394ba; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
body.smt-new-page-body .smt-new-feature-icon { display: grid; width: 45px; height: 45px; place-items: center; margin-bottom: 22px; border-radius: 14px; color: #7245db; background: #eee5ff; font-size: 22px; }
body.smt-new-page-body .smt-new-feature-icon-pink { color: #c84aa9; background: #fce9f5; }
body.smt-new-page-body .smt-new-feature-icon-cyan { color: #168d95; background: #dff8f5; }
body.smt-new-page-body .smt-new-feature-card h3 { margin: 0 0 10px; color: #28213e; font-size: 23px; line-height: 1.25; }
body.smt-new-page-body .smt-new-feature-card p { max-width: 560px; margin: 0; }
body.smt-new-page-body .smt-new-card-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
body.smt-new-page-body .smt-new-card-tags span { padding: 6px 10px; border-radius: 999px; color: #6949b0; background: #eee9fa; font-size: 11px; font-weight: 750; }
body.smt-new-page-body .smt-new-dark-panel { color: #fff; background: radial-gradient(circle at 78% 25%, rgba(96, 223, 215, .14), transparent 36%), #1d183e; }
body.smt-new-page-body .smt-new-dark-panel h2 { color: #fff; }
body.smt-new-page-body .smt-new-dark-panel p { color: #d9d3eb; }
body.smt-new-page-body .smt-new-dark-panel .smt-new-kicker { color: #91ece6; }
body.smt-new-page-body .smt-new-split { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); align-items: center; gap: clamp(35px, 7vw, 100px); }
body.smt-new-page-body .smt-new-small { margin: 23px 0 0; font-size: 12px !important; }
body.smt-new-page-body .smt-new-conversation { padding: 27px; border: 1px solid rgba(255,255,255,.19); border-radius: 26px; background: rgba(255,255,255,.06); transform: rotate(1.5deg); }
body.smt-new-page-body .smt-new-conversation-bubble { max-width: 85%; margin-left: auto; padding: 17px 21px; border-radius: 20px 20px 4px 20px; color: #271e42; background: #e7dfff; font-size: 14px; line-height: 1.6; }
body.smt-new-page-body .smt-new-conversation-result { max-width: 88%; margin-top: 19px; padding: 21px 25px; border-radius: 20px 20px 20px 4px; color: #2d2448; background: #fff; font-size: 13px; }
body.smt-new-page-body .smt-new-conversation-result span { color: #6948c2; font-weight: 850; }
body.smt-new-page-body .smt-new-conversation-result ul { margin: 15px 0; padding-left: 19px; line-height: 1.8; }
body.smt-new-page-body .smt-new-conversation-result strong { color: #418d88; font-size: 11px; }
body.smt-new-page-body .smt-new-platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
body.smt-new-page-body .smt-new-platform-grid article { display: flex; flex-direction: column; min-height: 230px; padding: 22px; border: 1px solid #e7e1f1; border-radius: 20px; background: #fff; transition: transform .2s, box-shadow .2s; }
body.smt-new-page-body .smt-new-platform-grid article:hover { transform: translateY(-3px); box-shadow: 0 17px 38px rgba(43, 26, 94, .08); }
body.smt-new-page-body .smt-new-platform-mark { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 12px; color: #6943c3; background: #eee9fb; font-size: 14px; font-weight: 900; }
body.smt-new-page-body .smt-new-platform-grid h3 { margin: 16px 0 8px; color: #29213f; font-size: 19px; }
body.smt-new-page-body .smt-new-platform-grid p { margin: 0 0 16px; font-size: 13px; line-height: 1.65; }
body.smt-new-page-body .smt-new-platform-grid a, body.smt-new-page-body .smt-new-platform-note { margin-top: auto; padding-top: 14px; border-top: 1px solid #eee9f5; color: #6942c8; font-size: 12px; font-weight: 800; text-decoration: none; }
body.smt-new-page-body .smt-new-platform-x { position: relative; border-color: #8f69df !important; background: linear-gradient(145deg, #fff, #f1ebff) !important; }
body.smt-new-page-body .smt-new-platform-x .smt-new-platform-mark { color: #fff; background: #281d4b; }
body.smt-new-page-body .smt-new-new-tag { position: absolute; top: 26px; right: 18px; color: #6e45c3; font-size: 10px; font-weight: 850; }
body.smt-new-page-body .smt-new-text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: #653bc7; font-size: 14px; font-weight: 800; text-decoration: none; }
body.smt-new-page-body .smt-new-text-link:hover { color: #45229d; text-decoration: underline; }
body.smt-new-page-body .smt-new-steps { margin: 0; padding: 0; list-style: none; }
body.smt-new-page-body .smt-new-steps li { display: flex; gap: 18px; padding: 20px 0; border-bottom: 1px solid #dcd3ec; }
body.smt-new-page-body .smt-new-steps li:first-child { border-top: 1px solid #dcd3ec; }
body.smt-new-page-body .smt-new-steps b { color: #794ed8; font-size: 18px; }
body.smt-new-page-body .smt-new-steps h3 { margin: 0 0 4px; font-size: 20px; }
body.smt-new-page-body .smt-new-steps p { margin: 0; font-size: 13px; }
body.smt-new-page-body .smt-new-permission { display: grid; gap: 11px; padding: 28px; border: 1px solid #e6dff1; border-radius: 25px; background: #faf8fe; }
body.smt-new-page-body .smt-new-permission > div { padding: 17px 20px; border-radius: 13px; background: #fff; box-shadow: 0 7px 18px rgba(40, 24, 78, .04); }
body.smt-new-page-body .smt-new-permission strong, body.smt-new-page-body .smt-new-permission small { display: block; }
body.smt-new-page-body .smt-new-permission strong { font-size: 15px; }
body.smt-new-page-body .smt-new-permission small { margin-top: 5px; color: #7b718e; font-size: 12px; }
body.smt-new-page-body .smt-new-faq { background: #f8f7fc; }
body.smt-new-page-body .smt-new-faq-layout { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: clamp(35px, 6vw, 95px); }
body.smt-new-page-body .smt-new-faq-list { display: grid; gap: 11px; }
body.smt-new-page-body .smt-new-faq details { border: 1px solid #e4deed; border-radius: 15px; background: #fff; }
body.smt-new-page-body .smt-new-faq summary { position: relative; padding: 20px 49px 20px 20px; color: #2e2547; font-size: 15px; font-weight: 800; line-height: 1.45; list-style: none; cursor: pointer; }
body.smt-new-page-body .smt-new-faq summary::-webkit-details-marker { display: none; }
body.smt-new-page-body .smt-new-faq summary::after { content: "+"; position: absolute; right: 19px; top: 12px; color: #764ad3; font-size: 27px; font-weight: 400; }
body.smt-new-page-body .smt-new-faq details[open] summary::after { content: "−"; }
body.smt-new-page-body .smt-new-faq details p { margin: 0; padding: 0 20px 20px; font-size: 14px; }
body.smt-new-page-body .smt-new-final { padding: 70px 0; color: #fff; background: linear-gradient(110deg, #241b50, #49318f); }
body.smt-new-page-body .smt-new-final-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
body.smt-new-page-body .smt-new-final h2 { margin: 0 0 10px; color: #fff; font-size: clamp(30px,3vw,42px); }
body.smt-new-page-body .smt-new-final p:not(.smt-new-kicker) { max-width: 640px; margin: 0; color: #e2dcef; font-size: 14px; line-height: 1.7; }
body.smt-new-page-body .smt-new-final .smt-new-kicker { color: #8eeae3; }
body.smt-new-page-body .smt-new-final .smt-new-actions { flex: 0 0 auto; margin: 0; }
/* Download-specific visual and content sections */
body.smt-new-page-body .smt-new-download-art { position: relative; padding: 15px 15px 30px; }
body.smt-new-page-body .smt-new-download-window { max-width: 430px; margin-inline: auto; transform: rotate(2deg); }
body.smt-new-page-body .smt-new-download-window-body { display: grid; gap: 13px; padding: 27px; }
body.smt-new-page-body .smt-new-dash-line { padding: 10px 15px; border-radius: 9px; color: #746a89; background: #fff; font-size: 12px; }
body.smt-new-page-body .smt-new-dash-download { display: flex; align-items: center; gap: 9px; margin-top: 18px; padding: 15px; border: 2px solid #8d5ee8; border-radius: 12px; background: #eee6ff; color: #4d2da5; }
body.smt-new-page-body .smt-new-dash-download span { font-size: 22px; }
body.smt-new-page-body .smt-new-dash-download b { font-size: 13px; }
body.smt-new-page-body .smt-new-dash-download small { margin-left: auto; font-size: 10px; }
body.smt-new-page-body .smt-new-art-caption { position: relative; max-width: 320px; margin: -7px 0 0 auto; padding: 10px 15px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: #332463; color: #fff; font-size: 11px; font-weight: 750; text-align: center; }
body.smt-new-page-body .smt-new-journey { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin: 0; padding: 0; list-style: none; }
body.smt-new-page-body .smt-new-journey li { display: flex; flex-direction: column; padding: 25px 22px; border: 1px solid #e7e0f0; border-radius: 22px; background: #fff; }
body.smt-new-page-body .smt-new-journey li > span { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 24px; border-radius: 12px; background: #eee5ff; color: #7145d2; font-size: 15px; font-weight: 900; }
body.smt-new-page-body .smt-new-journey h3 { margin: 0 0 11px; color: #2b2244; font-size: 20px; line-height: 1.25; }
body.smt-new-page-body .smt-new-journey p { margin-bottom: 18px; font-size: 13px; line-height: 1.7; }
body.smt-new-page-body .smt-new-journey a { margin-top: auto; color: #6740c2; font-size: 12px; font-weight: 800; text-decoration: none; }
body.smt-new-page-body .smt-new-os-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
body.smt-new-page-body .smt-new-os-grid article { padding: 33px; border: 1px solid #e9e2f2; border-radius: 24px; background: linear-gradient(145deg,#fff,#fbf9ff); }
body.smt-new-page-body .smt-new-os-icon { display: grid; width: 51px; height: 51px; place-items: center; margin-bottom: 21px; border-radius: 14px; background: #eee5ff; color: #7148ce; font-size: 26px; }
body.smt-new-page-body .smt-new-os-icon-cyan { background: #e0f7f4; color: #17858b; }
body.smt-new-page-body .smt-new-os-grid h3 { margin: 0 0 11px; font-size: 25px; }
body.smt-new-page-body .smt-new-os-grid p { margin-bottom: 17px; }
body.smt-new-page-body .smt-new-os-grid ul { margin: 0 0 15px; padding-left: 21px; color: #615873; font-size: 14px; line-height: 1.8; }
body.smt-new-page-body .smt-new-system-note { margin: 22px 0 0; font-size: 13px !important; }
body.smt-new-page-body .smt-new-flow { display: grid; gap: 5px; max-width: 390px; width: 100%; margin-inline: auto; text-align: center; }
body.smt-new-page-body .smt-new-flow > div { padding: 19px; border: 1px solid rgba(255,255,255,.24); border-radius: 15px; background: rgba(255,255,255,.08); }
body.smt-new-page-body .smt-new-flow > div span { display: block; margin-bottom: 6px; color: #89e4de; font-size: 11px; font-weight: 900; }
body.smt-new-page-body .smt-new-flow > div strong, body.smt-new-page-body .smt-new-flow > div small { display: block; }
body.smt-new-page-body .smt-new-flow > div strong { font-size: 17px; }
body.smt-new-page-body .smt-new-flow > div small { margin-top: 4px; color: #d6cfea; font-size: 12px; }
body.smt-new-page-body .smt-new-flow > b { color: #7de5df; font-size: 22px; }
body.smt-new-page-body .smt-new-after-cards { display: grid; gap: 12px; }
body.smt-new-page-body .smt-new-after-cards > div { display: grid; grid-template-columns: 37px 1fr; column-gap: 12px; padding: 18px; border: 1px solid #e4d9f1; border-radius: 15px; background: #fff; }
body.smt-new-page-body .smt-new-after-cards span { grid-row: span 2; display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #eee7fc; color: #764dd0; font-size: 18px; }
body.smt-new-page-body .smt-new-after-cards strong { font-size: 15px; }
body.smt-new-page-body .smt-new-after-cards small { margin-top: 4px; color: #766c87; font-size: 12px; line-height: 1.6; }
@media (max-width: 1050px) { body.smt-new-page-body .smt-new-journey { grid-template-columns: repeat(2,minmax(0,1fr)); } body.smt-new-page-body .smt-new-platform-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 800px) { body.smt-new-page-body .smt-new-wrap { width: min(100% - 36px, 1200px); } body.smt-new-page-body .smt-new-hero-grid, body.smt-new-page-body .smt-new-split, body.smt-new-page-body .smt-new-faq-layout { grid-template-columns: 1fr; } body.smt-new-page-body .smt-new-hero { padding: 122px 0 68px; } body.smt-new-page-body .smt-new-hero-grid { gap: 40px; } body.smt-new-page-body .smt-new-showcase { max-width: 550px; margin-inline: auto; width: 100%; } body.smt-new-page-body .smt-new-download-art { max-width: 530px; margin-inline: auto; width: 100%; } body.smt-new-page-body .smt-new-section { padding: 75px 0; } body.smt-new-page-body .smt-new-final-inner { align-items: flex-start; flex-direction: column; } }
@media (max-width: 580px) { body.smt-new-page-body .smt-new-wrap { width: min(100% - 30px, 1200px); } body.smt-new-page-body .smt-new-hero { padding: 110px 0 57px; } body.smt-new-page-body .smt-new-hero h1 { font-size: clamp(40px, 11vw, 55px); } body.smt-new-page-body .smt-new-actions { align-items: stretch; flex-direction: column; } body.smt-new-page-body .smt-new-button { width: 100%; } body.smt-new-page-body .smt-new-showcase { min-height: 335px; } body.smt-new-page-body .smt-new-orbit-one { width: 275px; height: 275px; } body.smt-new-page-body .smt-new-orbit-two { width: 330px; height: 330px; } body.smt-new-page-body .smt-new-floating-top { right: -5px; top: 1px; } body.smt-new-page-body .smt-new-floating-bottom { left: -5px; bottom: 0; } body.smt-new-page-body .smt-new-window-body { padding: 18px; } body.smt-new-page-body .smt-new-task { padding: 10px; gap: 8px; } body.smt-new-page-body .smt-new-task-status { display: none; } body.smt-new-page-body .smt-new-strip-grid { grid-template-columns: repeat(2,1fr); row-gap: 14px; } body.smt-new-page-body .smt-new-section { padding: 62px 0; } body.smt-new-page-body .smt-new-feature-grid, body.smt-new-page-body .smt-new-platform-grid, body.smt-new-page-body .smt-new-journey, body.smt-new-page-body .smt-new-os-grid { grid-template-columns: 1fr; } body.smt-new-page-body .smt-new-feature-card { min-height: 0; padding: 25px; } body.smt-new-page-body .smt-new-journey li { padding: 22px; } body.smt-new-page-body .smt-new-os-grid article { padding: 25px; } body.smt-new-page-body .smt-new-dash-download small { display: none; } body.smt-new-page-body .smt-new-final .smt-new-actions { width: 100%; } }

/* Revision: keep the fixed header white above the dark heroes. */
body.smt-new-page-body .header-wrap { background: #fff !important; }

/* Center introductory copy in full-width sections. */
body.smt-new-page-body .smt-new-section-head { margin-inline: auto; text-align: center; }
body.smt-new-page-body .smt-new-section-head > p:last-child { margin-inline: auto; }
body.smt-new-page-body .smt-new-faq-layout { grid-template-columns: 1fr; gap: 30px; }
body.smt-new-page-body .smt-new-faq-layout > div:first-child { max-width: 760px; margin-inline: auto; text-align: center; }
body.smt-new-page-body .smt-new-faq-list { width: min(100%, 900px); margin-inline: auto; }
body.smt-new-page-body .smt-new-final-inner { align-items: center; flex-direction: column; text-align: center; }
body.smt-new-page-body .smt-new-final-inner > div:first-child { max-width: 750px; }
body.smt-new-page-body .smt-new-final .smt-new-actions { justify-content: center; }

/* Platform brands from the SVGs bundled with WordPress core. */
body.smt-new-page-body .smt-new-platform-grid article { position: relative; text-align: center; }
body.smt-new-page-body .smt-new-platform-heading { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; }
body.smt-new-page-body .smt-new-platform-grid h3 { margin: 0; }
body.smt-new-page-body .smt-new-platform-mark { flex: 0 0 42px; width: 42px; height: 42px; }
body.smt-new-page-body .smt-new-platform-mark svg { width: 25px; height: 25px; fill: currentColor; }
body.smt-new-page-body .smt-new-platform-grid p { margin-top: 16px; }
body.smt-new-page-body .smt-new-new-tag { position: static; display: block; margin-top: 8px; text-align: center; }
body.smt-new-page-body .smt-new-platform-grid a, body.smt-new-page-body .smt-new-platform-note { display: block; text-align: center; }
body.smt-new-page-body .smt-new-platform-instagram { background: linear-gradient(150deg, #fff, #fff5fb) !important; }
body.smt-new-page-body .smt-new-platform-instagram .smt-new-platform-mark { color: #c13584; background: #fae5f1; }
body.smt-new-page-body .smt-new-platform-tiktok { background: linear-gradient(150deg, #fff, #f1fbfb) !important; }
body.smt-new-page-body .smt-new-platform-tiktok .smt-new-platform-mark { color: #111; background: #e5f5f5; }
body.smt-new-page-body .smt-new-platform-threads { background: linear-gradient(150deg, #fff, #f6f5f8) !important; }
body.smt-new-page-body .smt-new-platform-threads .smt-new-platform-mark { color: #18151e; background: #eceaf0; }
body.smt-new-page-body .smt-new-platform-reddit { background: linear-gradient(150deg, #fff, #fff6f0) !important; }
body.smt-new-page-body .smt-new-platform-reddit .smt-new-platform-mark { color: #ff4500; background: #fff0e8; }
body.smt-new-page-body .smt-new-platform-snapchat { background: linear-gradient(150deg, #fff, #fffef0) !important; }
body.smt-new-page-body .smt-new-platform-snapchat .smt-new-platform-mark { color: #151515; background: #fff7b7; }
body.smt-new-page-body .smt-new-platform-youtube { background: linear-gradient(150deg, #fff, #fff5f5) !important; }
body.smt-new-page-body .smt-new-platform-youtube .smt-new-platform-mark { color: #f03; background: #ffe9ed; }
body.smt-new-page-body .smt-new-platform-facebook { background: linear-gradient(150deg, #fff, #f3f7ff) !important; }
body.smt-new-page-body .smt-new-platform-facebook .smt-new-platform-mark { color: #1877f2; background: #e6f0ff; }
body.smt-new-page-body .smt-new-platform-linkedin { background: linear-gradient(150deg, #fff, #f2f9ff) !important; }
body.smt-new-page-body .smt-new-platform-linkedin .smt-new-platform-mark { color: #0a66c2; background: #e2f1ff; }
body.smt-new-page-body .smt-new-platform-x { background: linear-gradient(150deg, #fff, #f3f1f8) !important; }
body.smt-new-page-body .smt-new-platform-x .smt-new-platform-mark { color: #fff; background: #18151f; }

/* Align the requested labels and text links in split sections. */
body.smt-new-page-body .smt-feature-page section[aria-labelledby="smt-feature-connection-title"] .smt-new-kicker,
body.smt-new-page-body .smt-feature-page section[aria-labelledby="smt-feature-skye-title"] .smt-new-kicker,
body.smt-new-page-body .smt-feature-page section[aria-labelledby="smt-feature-mcp-title"] .smt-new-kicker,
body.smt-new-page-body .smt-download-page section[aria-labelledby="smt-download-why-title"] .smt-new-kicker,
body.smt-new-page-body .smt-download-page section[aria-labelledby="smt-download-after-title"] .smt-new-kicker { text-align: center; }
body.smt-new-page-body .smt-feature-page section[aria-labelledby="smt-feature-connection-title"] .smt-new-text-link,
body.smt-new-page-body .smt-feature-page section[aria-labelledby="smt-feature-mcp-title"] .smt-new-text-link { display: flex; justify-content: center; width: fit-content; margin-inline: auto; text-align: center; }
body.smt-new-page-body .smt-feature-page section[aria-labelledby="smt-feature-skye-title"] .smt-new-actions { justify-content: center; }
body.smt-new-page-body .smt-download-page section[aria-labelledby="smt-download-why-title"] .smt-new-button { display: flex; width: fit-content; margin-inline: auto; }
body.smt-new-page-body .smt-download-page section[aria-labelledby="smt-download-after-title"] .smt-new-actions { justify-content: center; }

/* Download steps: centered numbers and aligned bottom links. */
body.smt-new-page-body .smt-new-journey li > span { margin-inline: auto; }
body.smt-new-page-body .smt-new-journey li > div { display: flex; flex: 1; flex-direction: column; }
body.smt-new-page-body .smt-new-journey a { display: block; margin-top: auto; padding-top: 16px; border-top: 1px solid #eee9f5; text-align: center; }
body.smt-new-page-body .smt-new-journey p { flex: 1; }

/* OS marks sit beside their names; help links line up at card bottoms. */
body.smt-new-page-body .smt-new-os-grid article { display: flex; flex-direction: column; }
body.smt-new-page-body .smt-new-os-heading { display: flex; align-items: center; justify-content: center; gap: 13px; margin-bottom: 19px; }
body.smt-new-page-body .smt-new-os-heading h3 { margin: 0; }
body.smt-new-page-body .smt-new-os-icon { flex: 0 0 51px; margin: 0; }
body.smt-new-page-body .smt-new-os-icon svg { width: 29px; height: 29px; fill: currentColor; }
body.smt-new-page-body .smt-new-os-grid .smt-new-text-link { display: flex; justify-content: center; width: 100%; margin: auto 0 0; padding-top: 19px; border-top: 1px solid #eee9f5; text-align: center; }
@media (max-width: 580px) {
  body.smt-new-page-body .smt-download-page section[aria-labelledby="smt-download-why-title"] .smt-new-button { width: 100%; }
  body.smt-new-page-body .smt-new-platform-heading { gap: 9px; }
}