@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/useshorts/fonts/inter-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/useshorts/fonts/inter-tight-latin.woff2") format("woff2");
}

.us-preview {
  --us-canvas: #090908;
  --us-text: #f4f2ef;
  --us-muted: #b0aeaa;
  --us-line: rgb(247 239 230 / .14);
  --us-orange: #ff510c;
  --us-orange-light: #ff651e;
  margin: 0;
  color: var(--us-text);
  background:
    radial-gradient(ellipse 44% 15% at 50% 54%, rgb(255 83 14 / .10), transparent 74%),
    radial-gradient(ellipse 20% 17% at 8% 52%, rgb(239 84 15 / .055), transparent 77%),
    radial-gradient(ellipse 20% 17% at 92% 52%, rgb(239 84 15 / .055), transparent 77%),
    var(--us-canvas);
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.us-preview *, .us-preview *::before, .us-preview *::after { box-sizing: border-box; }
.us-preview a, .us-preview button { -webkit-tap-highlight-color: transparent; }
.us-preview a:focus-visible, .us-preview button:focus-visible { outline: 3px solid #ffaf80; outline-offset: 4px; }
.us-container { width: min(1200px, calc(100% - 128px)); margin-inline: auto; }
.us-skip { position: absolute; z-index: 10; top: 12px; left: 12px; padding: 11px 16px; border-radius: 6px; transform: translateY(-180%); background: var(--us-text); color: #171313; font-weight: 700; }
.us-skip:focus { transform: translateY(0); }

.us-header { border-bottom: 1px solid var(--us-line); background: rgb(9 9 8 / .94); }
.us-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; min-height: 71px; }
.us-brand { display: flex; align-items: center; justify-self: start; min-height: 44px; }
.us-brand img { display: block; width: 174px; height: auto; }
.us-nav-links { display: flex; align-items: center; justify-content: center; gap: 37px; transform: translateX(-32px); }
.us-nav-links a { display: inline-flex; align-items: center; min-height: 44px; color: rgb(244 242 238 / .84); font-size: 13px; font-weight: 560; letter-spacing: .03em; text-decoration: none; text-transform: uppercase; }
.us-nav-links a:hover { color: #fff9f4; }
.us-button { display: inline-flex; align-items: center; justify-content: center; min-height: 57px; border: 1px solid transparent; border-radius: 999px; padding: 13px 30px; background: linear-gradient(135deg, #ff631d, #ff4309); color: #fff8f3; box-shadow: 0 8px 22px rgb(255 69 9 / .16); font: inherit; font-size: 18px; font-weight: 700; text-decoration: none; cursor: pointer; }
.us-button:hover { background: linear-gradient(135deg, #ff7636, #ff4d13); box-shadow: 0 10px 25px rgb(255 69 9 / .24); }
.us-button:active { transform: translateY(1px); }
.us-header-cta { justify-self: end; min-width: 203px; min-height: 45px; padding: 9px 22px; font-size: 16px; }
.us-menu-toggle, .us-mobile-menu { display: none; }
.us-mobile-break { display: none; }

.us-hero { padding-block: 63px var(--section-gap-related); }
.us-hero-copy { text-align: center; }
.us-hero h1 { display: grid; justify-items: center; gap: 0; margin: 0; font-family: "Inter Tight", "Inter", Arial, sans-serif; font-weight: 900; line-height: .9; letter-spacing: -.072em; text-wrap: balance; }
.us-title-unlimited, .us-title-long { display: block; font-weight: 900; white-space: nowrap; }
.us-title-unlimited { font-size: clamp(5.65rem, 9.05vw, 7rem); }
.us-title-long { font-size: clamp(3.485rem, 6.2475vw, 4.4625rem); min-block-size: clamp(3.69rem, 6.615vw, 4.725rem); }
.us-title-long em { color: var(--us-orange); font-style: normal; }
.us-subheadline { margin: 24px 0 0; color: #dedee1; font-size: clamp(1.36rem, 2.346vw, 1.8496rem); font-weight: 750; line-height: 1.08; letter-spacing: -.056em; }
.us-subheadline > span { display: block; }
.us-subheadline > span + span { margin-top: 9px; }
.us-supporting-line { margin: 25px 0 0; color: var(--us-muted); font-size: clamp(1.15rem, 2.05vw, 1.62rem); font-weight: 400; letter-spacing: -.045em; }
.us-supporting-line span { color: #d9d6d2; padding-inline: .12em; }

.us-proof-points { display: grid; grid-template-columns: repeat(3, 1fr); width: min(100%, 900px); margin: 39px auto 0; }
.us-proof-point { display: flex; align-items: center; justify-content: center; gap: 15px; min-height: 44px; padding: 0 24px; text-align: left; }
.us-proof-point + .us-proof-point { border-left: 1px solid rgb(245 239 233 / .34); }
.us-proof-point svg { flex: 0 0 44px; width: 44px; height: 44px; overflow: visible; stroke: var(--us-orange); stroke-width: 1.45; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.us-proof-point svg text { fill: var(--us-orange); stroke: none; font-family: "Inter", Arial, sans-serif; font-size: 9px; font-weight: 800; }
.us-proof-point div { display: grid; gap: 2px; }
.us-proof-point strong { color: #f4f2ef; font-size: 16px; font-weight: 750; letter-spacing: -.018em; line-height: 1.13; }
.us-proof-point span { color: #b7b4b1; font-size: 15px; line-height: 1.28; white-space: nowrap; }
.us-cta-wrap { display: grid; justify-items: center; margin-top: 40px; }
.us-primary-cta { min-width: 318px; min-height: 57px; font-size: 20px; }
.us-license-link { margin-top: 10px; color: #e2e0de; font-size: 15px; font-weight: 600; text-underline-offset: 3px; }
.us-license-link:hover { color: #fff8f3; }
.us-platforms { margin: 16px 0 0; color: #e2e0de; font-size: 16px; font-weight: 600; letter-spacing: -.025em; }
.us-preview-note { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.us-transformation { width: 100%; margin: 30px auto 0; padding: 0; border: 0; scroll-margin-top: 24px; }
.us-visual-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) 48px minmax(0, 1.2fr); align-items: center; gap: 16px; }
.us-media-slot { position: relative; min-width: 0; }
.us-slot-heading, .us-slot-footer, .us-transformation figcaption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.us-source { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid rgb(184 104 53 / .8); border-radius: 12px; background: linear-gradient(145deg, rgb(119 54 20 / .28), rgb(14 12 10 / .92)); box-shadow: 0 0 48px rgb(255 85 14 / .15); }
.us-media-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.us-source-surface { position: absolute; inset: 0; isolation: isolate; overflow: hidden; border: 0; border-radius: inherit; background: radial-gradient(ellipse 31% 64% at 20% 51%, rgb(151 64 20 / .72), transparent 71%), radial-gradient(ellipse 34% 75% at 82% 46%, rgb(137 59 22 / .55), transparent 69%), radial-gradient(circle at 15% 21%, rgb(255 158 70 / .38) 0 1.4%, transparent 3.6%), radial-gradient(circle at 69% 22%, rgb(255 123 46 / .34) 0 1.8%, transparent 4%), radial-gradient(circle at 87% 55%, rgb(255 142 61 / .25) 0 1.4%, transparent 4%), linear-gradient(90deg, #0b0a09 0%, #2b160c 34%, #120d0a 64%, #060606 100%); }
.us-source-surface::before { position: absolute; inset: 15% 10% 14%; z-index: 1; border-radius: 42% 48% 31% 35%; background: radial-gradient(ellipse at 30% 52%, rgb(24 18 14 / .9), transparent 27%), radial-gradient(ellipse at 61% 40%, rgb(21 15 12 / .88), transparent 24%), linear-gradient(90deg, transparent 0 16%, rgb(18 14 11 / .8) 18% 34%, transparent 36% 55%, rgb(17 13 11 / .75) 57% 77%, transparent 79%); filter: blur(7px); content: ""; opacity: .9; }
.us-source-grid { position: absolute; inset: 0; z-index: 2; opacity: .16; background: linear-gradient(90deg, transparent 0 49.7%, rgb(255 183 116 / .16) 49.8% 50.1%, transparent 50.2%), linear-gradient(rgb(255 183 116 / .08) 1px, transparent 1px); background-size: auto, 100% 22px; mix-blend-mode: screen; }
.us-source-orb { position: absolute; z-index: 3; border: 0; border-radius: 50%; background: rgb(255 107 33 / .22); filter: blur(18px); }
.us-source-orb-one { width: 20%; aspect-ratio: 1; left: 21%; top: 24%; }
.us-source-orb-two { width: 24%; aspect-ratio: 1; right: 18%; bottom: 22%; }
.us-source-line { position: absolute; z-index: 3; right: 13%; bottom: 31%; left: 13%; height: 1px; background: linear-gradient(90deg, transparent, rgb(255 186 125 / .6), transparent); box-shadow: 0 0 13px rgb(255 91 20 / .5); }
.us-connector { display: grid; place-items: center; color: var(--us-orange); }
.us-connector svg { display: block; width: 100%; height: auto; filter: drop-shadow(0 0 7px rgb(255 81 12 / .45)); }
.us-moments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-self: center; align-items: center; gap: 12px; }
.us-short-slot { position: relative; align-self: center; height: auto; aspect-ratio: 9 / 16; overflow: hidden; border: 1px solid rgb(184 104 53 / .82); border-radius: 12px; background: #120e0b; box-shadow: 0 0 30px rgb(255 85 14 / .11); }
.us-short-surface, .us-dual-surface { position: absolute; inset: 0; overflow: hidden; border: 0; border-radius: inherit; background: #130e0b; }
.us-short-surface { background: radial-gradient(ellipse 65% 53% at 52% 33%, rgb(207 91 25 / .43), transparent 62%), radial-gradient(ellipse 49% 40% at 63% 76%, rgb(168 67 18 / .33), transparent 67%), linear-gradient(153deg, #1d100a, #090808 68%); }
.us-short-surface::before { position: absolute; top: 8%; right: 11%; left: 11%; height: 65%; border-radius: 46% 46% 36% 36%; background: radial-gradient(ellipse at 47% 29%, rgb(224 125 65 / .43) 0 15%, transparent 17%), radial-gradient(ellipse at 48% 47%, rgb(48 28 17 / .98) 0 37%, transparent 39%), linear-gradient(150deg, rgb(9 8 8 / .2), rgb(36 19 11 / .65)); filter: blur(.25px); content: ""; }
.us-short-surface::after { position: absolute; right: 13%; bottom: 19%; left: 13%; height: 34%; border-radius: 48% 48% 9% 9%; background: linear-gradient(180deg, rgb(46 26 16 / .92), rgb(13 10 9 / .96)); box-shadow: 0 -20px 36px rgb(255 84 19 / .08); content: ""; }
.us-short-surface > span { position: absolute; z-index: 3; right: 10%; bottom: 8%; left: 10%; height: 2px; background: linear-gradient(90deg, var(--us-orange) 0 64%, rgb(252 245 238 / .38) 64%); box-shadow: 0 0 8px rgb(255 91 20 / .55); }
.us-short-surface > i { position: absolute; z-index: 4; bottom: 12%; left: 11%; min-width: 46px; padding: 3px 6px; border-radius: 4px; background: rgb(8 8 8 / .84); color: #f4f1ed; font-size: 0; font-style: normal; line-height: 1; }
.us-short-surface > i::after { content: "00:32"; font-size: 11px; }
.us-short-two { background: radial-gradient(ellipse 61% 55% at 48% 32%, rgb(189 79 23 / .4), transparent 62%), radial-gradient(ellipse 44% 42% at 41% 74%, rgb(154 62 19 / .32), transparent 67%), linear-gradient(210deg, #1b0e0a, #080808 72%); }
.us-short-two::before { transform: translate(-8%, 7%); }
.us-short-two > i::after { content: "00:28"; }
.us-dual-surface { display: grid; grid-template-rows: 1fr 1fr; gap: 2px; background: var(--us-orange); }
.us-dual-region { position: relative; overflow: hidden; display: grid; place-items: center; background: radial-gradient(ellipse 65% 65% at 45% 36%, rgb(199 85 23 / .45), transparent 61%), linear-gradient(150deg, #1b100a, #090808 72%); }
.us-dual-region::before { width: 47%; aspect-ratio: .78; border-radius: 48% 48% 39% 39%; background: radial-gradient(ellipse at 50% 27%, rgb(222 115 56 / .38) 0 16%, transparent 18%), linear-gradient(150deg, rgb(45 27 17 / .95), rgb(11 9 8 / .95)); box-shadow: 0 18px 25px rgb(0 0 0 / .45); content: ""; }
.us-dual-region::after { position: absolute; right: 11%; bottom: 6%; left: 11%; height: 2px; background: linear-gradient(90deg, var(--us-orange) 0 64%, rgb(255 246 238 / .35) 64%); content: ""; }
.us-dual-bottom::before { transform: scale(.9) translateX(-12%); }
.us-dual-region i { position: absolute; z-index: 1; bottom: 12%; left: 11%; min-width: 46px; padding: 3px 6px; border-radius: 4px; background: rgb(8 8 8 / .84); color: #f4f1ed; font-size: 0; font-style: normal; line-height: 1; }
.us-dual-region i::after { content: "00:45"; font-size: 11px; }

.us-footer { border-top: 1px solid rgb(244 238 230 / .45); background: linear-gradient(135deg, #0a0a09, #070706); }
.us-footer-inner { display: grid; grid-template-columns: 1.02fr 1.08fr; column-gap: clamp(54px, 9vw, 120px); row-gap: 55px; padding-block: 49px; }
.us-footer-brand { max-width: 335px; }
.us-footer-brand a { display: inline-flex; min-height: 44px; align-items: center; }
.us-footer-brand img { display: block; width: 193px; height: auto; }
.us-footer-brand p { margin: 13px 0 0; color: #b0adb0; font-size: 16px; line-height: 1.42; letter-spacing: -.035em; }
.us-footer-links { align-self: start; padding-top: 18px; }
.us-footer-main-links { display: grid; grid-template-columns: repeat(4, max-content); justify-content: space-between; gap: 16px; }
.us-footer a { color: #e5e2df; font-size: 16px; letter-spacing: -.035em; text-decoration: none; }
.us-footer a:hover { color: var(--us-orange-light); }
.us-footer-utility-links { display: flex; width: 255px; gap: 0; padding-top: 16px; margin-top: 17px; border-top: 1px solid rgb(246 239 232 / .19); }
.us-footer-utility-links a { color: #aaa7aa; font-size: 15px; }
.us-footer-utility-links a + a { margin-left: 18px; padding-left: 18px; border-left: 1px solid rgb(245 239 233 / .5); }
.us-footer-meta { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr auto; align-items: end; color: #969296; }
.us-footer-meta p { margin: 0; font-size: 13px; letter-spacing: -.02em; }
.us-footer-micro { text-align: right; }

.us-purchase-dialog { max-width: min(460px, calc(100% - 40px)); padding: 0; border: 1px solid rgb(255 255 255 / .18); border-radius: 18px; background: #151312; color: var(--us-text); box-shadow: 0 30px 80px rgb(0 0 0 / .55); }
.us-purchase-dialog::backdrop { background: rgb(0 0 0 / .7); }
.us-dialog-content { padding: 31px; }
.us-dialog-label { margin: 0 0 12px; color: var(--us-orange-light); font-size: 14px; font-weight: 750; }
.us-dialog-content h2 { margin: 0; font-family: "Inter Tight", "Inter", Arial, sans-serif; font-size: 29px; line-height: 1.12; letter-spacing: -.04em; }
.us-dialog-content > p:not(.us-dialog-label) { margin: 18px 0 25px; color: #bbb7b4; }
.us-dialog-content form { margin: 0; }

@media (max-width: 1040px) {
  .us-container { width: min(100% - 64px, 900px); }
  .us-nav { gap: 20px; }
  .us-nav-links { gap: 23px; transform: none; }
  .us-header-cta { min-width: 168px; }
  .us-proof-point { gap: 15px; padding-inline: 16px; }
  .us-proof-point strong { font-size: 14px; }
  .us-proof-point span { font-size: 13px; }
  .us-visual-layout { grid-template-columns: minmax(0, 1.46fr) 38px minmax(0, 1.15fr); gap: 12px; }
  .us-moments { gap: 8px; }
}

@media (max-width: 760px) {
  .us-container { width: min(100% - 40px, 620px); }
  .us-nav { grid-template-columns: 1fr auto; gap: 0 14px; min-height: 0; padding-block: 12px 7px; }
  .us-brand img { width: 157px; }
  .us-header-cta { grid-column: 2; grid-row: 1; min-width: 0; min-height: 44px; padding: 10px 18px; font-size: 13px; }
  .us-nav-links { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: 1.55fr 1.1fr 1.05fr .65fr; width: 100%; gap: 0; margin-top: 7px; transform: none; }
  .us-nav-links a { justify-content: center; min-height: 44px; font-size: 11px; letter-spacing: 0; }
  .us-hero { padding-block: 57px var(--section-gap-related); }
  .us-title-unlimited { font-size: clamp(3.55rem, 14.6vw, 5rem); }
  .us-title-long { min-block-size: 0; font-size: clamp(2.25rem, 9.55vw, 3.6rem); }
  .us-subheadline { margin-top: 22px; font-size: clamp(1.0064rem, 4.216vw, 1.36rem); }
  .us-subheadline > span + span { margin-top: 5px; }
  .us-supporting-line { max-width: 365px; margin: 21px auto 0; font-size: clamp(1rem, 4.4vw, 1.22rem); line-height: 1.4; }
  .us-proof-points { width: min(100%, 540px); grid-template-columns: 1fr; margin-top: 42px; }
  .us-proof-point { justify-content: flex-start; min-height: 72px; padding: 16px 0; }
  .us-proof-point + .us-proof-point { border-top: 1px solid rgb(255 255 255 / .19); border-left: 0; }
  .us-proof-point svg { flex-basis: 44px; width: 44px; height: 44px; }
  .us-proof-point strong { font-size: 15px; }
  .us-proof-point span { font-size: 15px; }
  .us-cta-wrap { margin-top: 34px; }
  .us-transformation { width: min(100%, 560px); margin-top: 39px; }
  .us-visual-layout { grid-template-columns: 1fr; gap: 16px; }
  .us-connector { height: 35px; }
  .us-connector svg { width: 45px; transform: rotate(90deg); }
  .us-moments { align-self: auto; align-items: center; gap: 12px; }
  .us-short-slot { height: auto; aspect-ratio: 9 / 16; }
  .us-footer-inner { grid-template-columns: 1fr; row-gap: 32px; padding-block: 46px 30px; }
  .us-footer-links { padding-top: 0; }
  .us-footer-meta { grid-column: auto; grid-template-columns: 1fr; gap: 8px; }
  .us-footer-micro { text-align: left; }
}

@media (max-width: 640px) {
  .us-container { width: min(calc(100% - 32px), 560px); }
  .us-header { position: relative; z-index: 5; }
  .us-nav { display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding-block: 12px; }
  .us-brand img { width: 157px; }
  .us-nav-links, .us-header-cta { display: none; }
  .us-menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 72px; min-height: 44px; padding: 9px 12px; border: 1px solid rgb(247 239 230 / .22); border-radius: 999px; background: rgb(22 19 16 / .88); color: #f0ece7; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
  .us-menu-toggle:hover { border-color: rgb(255 81 12 / .8); color: #fff; }
  .us-menu-glyph { display: grid; gap: 3px; width: 15px; }
  .us-menu-glyph i { display: block; height: 1.5px; border-radius: 99px; background: currentColor; }
  .us-mobile-menu { position: absolute; z-index: 10; display: grid; top: calc(100% + 8px); right: 20px; left: 20px; grid-template-columns: 1fr; gap: 2px; padding: 10px; border: 1px solid rgb(246 239 232 / .18); border-radius: 15px; background: rgb(19 16 14 / .98); box-shadow: 0 20px 42px rgb(0 0 0 / .44); }
  .us-mobile-menu[hidden] { display: none; }
  .us-mobile-menu a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 9px; color: #eeeae5; font-size: 15px; font-weight: 620; text-decoration: none; }
  .us-mobile-menu a:hover, .us-mobile-menu a:focus-visible { background: rgb(255 81 12 / .12); color: #fff; }
  .us-mobile-menu-cta { width: 100%; min-height: 48px; margin-top: 6px; font-size: 16px; }
  .us-mobile-menu .us-mobile-menu-cta { justify-content: center; width: 100%; min-height: 48px; margin-top: 6px; border-radius: 999px; padding: 13px 30px; color: #fff8f3; font-size: 16px; }
  .us-mobile-menu .us-mobile-menu-cta:hover { background: linear-gradient(135deg, #ff7636, #ff4d13); color: #fff8f3; }
  .us-hero { min-inline-size: 0; padding-block: 40px var(--section-gap-related); }
  .us-hero-copy, .us-hero h1, .us-proof-points, .us-cta-wrap, .us-transformation { min-inline-size: 0; max-inline-size: 100%; }
  .us-title-unlimited { font-size: clamp(3rem, 12.6vw, 3.5rem); }
  .us-title-unlimited, .us-title-long { white-space: normal; }
  .us-title-long { max-inline-size: min(100%, 10.8ch); margin-inline: auto; font-size: clamp(2.125rem, 9vw, 2.5rem); text-wrap: balance; }
  .us-subheadline { max-inline-size: 100%; font-size: clamp(.8925rem, 3.604vw, 1.054rem); text-wrap: balance; }
  .us-supporting-line { inline-size: min(100%, 22rem); max-inline-size: 100%; font-size: clamp(.9375rem, 3.75vw, 1rem); overflow-wrap: anywhere; }
  .us-proof-points { margin-top: 34px; }
  .us-proof-point div { min-width: 0; }
  .us-proof-point span { white-space: normal; }
}

@media (max-width: 480px) {
  .us-container { width: calc(100% - 32px); }
  .us-subheadline { margin-top: 21px; }
  .us-supporting-line { max-width: 310px; margin-top: 20px; font-size: 16px; }
  .us-proof-points { margin-top: 34px; }
  .us-proof-point { gap: 13px; }
  .us-primary-cta { width: 100%; min-width: 0; }
  .us-platforms { margin-top: 15px; }
  .us-transformation { margin-top: 37px; }
  .us-moments { gap: 7px; }
  .us-short-slot { border-radius: 10px; }
  .us-short-surface > i { min-width: 31px; padding: 2px 3px; }
  .us-short-surface > i::after, .us-dual-region i::after { font-size: 7px; }
  .us-dual-region i { min-width: 31px; padding: 2px 3px; }
  .us-footer-main-links { grid-template-columns: repeat(2, max-content); justify-content: start; column-gap: 38px; row-gap: 9px; }
  .us-footer-utility-links { flex-wrap: wrap; row-gap: 8px; }
  .us-footer-brand p { font-size: 15px; }
}

/* Phone composition: explicit copy breaks and spacing, independent of desktop geometry. */
@media (max-width: 640px) {
  .us-container { width: min(calc(100% - 32px), 390px); }
  .us-nav { width: calc(100% - 32px); min-height: 72px; }
  .us-menu-toggle { min-width: 44px; width: 44px; height: 44px; padding: 12px; border-color: transparent; border-radius: 10px; background: transparent; }
  .us-menu-toggle > span:first-child { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
  .us-menu-glyph { width: 19px; gap: 4px; }
  .us-menu-glyph i { height: 2px; }
  .us-mobile-menu { width: calc(100% - 32px); max-width: none; right: 16px; left: 16px; margin-inline: 0; }
  .us-hero { padding-block: 42px var(--section-gap-related); }
  .us-hero h1 { gap: 7px; width: 100%; line-height: 1; }
  .us-title-unlimited { font-size: clamp(50px, 13.2vw, 58px); line-height: .96; letter-spacing: -.045em; }
  .us-title-long { width: 100%; max-inline-size: 100%; font-size: clamp(36px, 9.8vw, 42px); line-height: 1.02; letter-spacing: -.025em; word-spacing: .08em; }
  .us-mobile-break { display: initial; }
  .us-subheadline { margin-top: 24px; font-size: clamp(15.64px, 3.944vw, 17.68px); font-weight: 750; line-height: 1.2; letter-spacing: -.03em; }
  .us-supporting-line { width: 100%; max-width: 100%; margin-top: 20px; font-size: 16px; line-height: 1.5; letter-spacing: -.02em; overflow-wrap: normal; }
  .us-proof-points { width: 100%; margin-top: 34px; }
  .us-proof-point { gap: 18px; min-height: 82px; padding-block: 18px; }
  .us-proof-point + .us-proof-point { border-top-color: rgb(255 255 255 / .12); }
  .us-proof-point div { gap: 5px; }
  .us-proof-point strong { font-size: 15px; line-height: 1.2; letter-spacing: -.01em; }
  .us-proof-point span { font-size: 15px; line-height: 1.4; }
  .us-cta-wrap { margin-top: 34px; }
  .us-primary-cta { width: 100%; max-width: 376px; min-width: 0; min-height: 54px; padding-block: 11px; font-size: 18px; }
  .us-platforms { margin-top: 16px; color: var(--us-muted); font-size: 14px; font-weight: 500; line-height: 1.5; }
  .us-hero-copy { display: flex; flex-direction: column; align-items: stretch; }
  .us-cta-wrap { display: contents; }
  .us-primary-cta { order: 1; align-self: center; margin-top: 24px; }
  .us-license-link { order: 2; align-self: center; }
  .us-proof-points { order: 3; margin-top: 26px; }
  .us-proof-point { min-height: 72px; padding-block: 13px; }
  .us-platforms { order: 4; }
  .us-transformation { width: 100%; margin-top: 42px; }
  .us-visual-layout { gap: 18px; }
  .us-connector { height: 32px; }
  .us-connector svg { width: 36px; filter: none; }
  .us-moments { gap: 10px; }
  .us-footer-inner { row-gap: 32px; padding-block: 40px 32px; }
  .us-footer-brand { max-width: 320px; }
  .us-footer-brand p { margin-top: 16px; line-height: 1.6; letter-spacing: -.02em; }
  .us-footer-main-links { grid-template-columns: 1fr; gap: 4px; }
  .us-footer-main-links a, .us-footer-utility-links a { display: flex; align-items: center; min-height: 44px; }
  .us-footer-utility-links { display: grid; width: 100%; gap: 4px; margin-top: 20px; padding-top: 20px; }
  .us-footer-utility-links a + a { margin: 0; padding: 0; border: 0; }
  .us-footer-meta { gap: 12px; }
}

/* Align the desktop header, sales body, and footer on one centered grid. */
@media (min-width: 1041px) {
  .us-preview { --us-sales-content-width: 980px; }
  .us-title-unlimited { font-size: clamp(85px, 8.3vw, 95px); }
  .us-hero h1 { gap: 6px; }
  .us-subheadline { font-size: clamp(1.36rem, 2.193vw, 1.734rem); }
  .us-supporting-line { font-size: clamp(1.15rem, 1.9475vw, 1.539rem); }
  .us-cta-wrap { padding-bottom: 16px; }
  .us-preview main .us-container { width: min(var(--us-sales-content-width), calc(100% - 128px)); }
  .us-preview .us-header .us-nav,
  .us-preview .us-footer .us-footer-inner { width: min(var(--us-sales-content-width), calc(100% - 128px)); }
}

/* Keep the desktop transformation focused on the source and three short-form outputs. */
@media (min-width: 901px) {
  .us-visual-layout { grid-template-columns: minmax(0, 450px) 30px 331px; justify-content: center; gap: 14px; }
  .us-moments { grid-template-columns: repeat(3, minmax(0, 1fr)); align-self: center; align-items: center; gap: 8px; }
  .us-short-slot { height: auto; aspect-ratio: 9 / 16; }
}

/* Online owner-test notice. */
.us-staging-notice { padding: 7px 16px; border-bottom: 1px solid rgb(255 81 12 / .35); background: #1a120d; color: #f4f2ef; font: 600 12px/1.4 "Inter", Arial, sans-serif; letter-spacing: .025em; text-align: center; }