@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
  color-scheme: dark;
  --se-bg: #07111f;
  --se-bg-soft: #0b1728;
  --se-panel: #101f33;
  --se-panel-strong: #14273f;
  --se-ink: #f6f8fc;
  --se-muted: #9eb0c7;
  --se-line: rgb(148 170 199 / 16%);
  --se-blue: #4f8cff;
  --se-blue-bright: #74a8ff;
  --se-mint: #61e6bd;
  --se-violet: #a987ff;
  --se-pink: #ff6fae;
  --se-coral: #ff8d6b;
  --se-yellow: #ffd166;
  --se-radius: 1.4rem;
  --se-display: 'Manrope', sans-serif;
  --se-body: 'DM Sans', sans-serif;
  --smart-accent: var(--se-blue);
  --smart-accent-hover: #6ba0ff;
  --smart-accent-active: #417ce9;
  /* The dark color-scheme makes light-dark() pick the dark branch of the
     library token (#111118); the marketing accent is a mid blue, so keep
     primary button labels white. */
  --smart-on-accent: #ffffff;
  --smart-control-height: 2.8rem;
  --smart-radius-md: .8rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body { margin: 0; overflow-x: hidden; background: var(--se-bg); color: var(--se-ink); font-family: var(--se-body); line-height: 1.6; }
body::before { content: ''; position: fixed; inset: 0; z-index: -2; background: var(--se-bg); }
a { color: inherit; }
button, input, textarea, select { font: inherit; }
.site-container { width: min(1180px, calc(100% - 2.5rem)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; inset: .75rem auto auto .75rem; translate: 0 -200%; padding: .75rem 1rem; border-radius: .6rem; background: white; color: #07111f; }
.skip-link:focus { translate: 0; }

.site-header { position: fixed; z-index: 50; inset: 0 0 auto; padding: 1rem 0; transition: background .25s ease, border-color .25s ease, padding .25s ease; border-bottom: 1px solid transparent; }
.site-header.is-scrolled { padding: .65rem 0; background: rgb(7 17 31 / 88%); border-color: var(--se-line); backdrop-filter: blur(18px) saturate(1.3); }
.header-inner { display: flex; align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; font-family: var(--se-display); font-size: 1.15rem; font-weight: 800; letter-spacing: -.035em; white-space: nowrap; }
.brand img { width: 2.45rem; height: auto; aspect-ratio: 463 / 385; object-fit: contain; }
.brand > span > span { color: var(--se-blue-bright); }
.brand > small { display: grid; place-items: center; width: 1.4rem; height: 1.4rem; border: 1px solid rgb(116 168 255 / 35%); border-radius: .4rem; color: var(--se-blue-bright); font-size: .72rem; }
.desktop-nav { display: flex; gap: .2rem; margin-inline: auto; }
.desktop-nav a, .mobile-nav a { padding: .55rem .8rem; color: #c6d2e2; text-decoration: none; font-size: .9rem; font-weight: 600; border-radius: .6rem; }
.desktop-nav a:hover { background: rgb(255 255 255 / 6%); color: white; }
.header-cta { white-space: nowrap; }
.menu-toggle { display: none; margin-inline-start: auto; }
.mobile-nav { margin-top: .65rem; padding: .6rem 1.25rem 1rem; background: rgb(7 17 31 / 96%); border-top: 1px solid var(--se-line); }
.mobile-nav:not([hidden]) { display: grid; }

.smart-button { font-family: var(--se-body); font-weight: 700; }
.smart-button--primary { border-color: transparent; background: linear-gradient(115deg, #397cf4, #6d63f3 58%, #a057e8); box-shadow: 0 14px 34px rgb(94 100 244 / 30%); }
.smart-button--primary:hover { background: linear-gradient(115deg, #4d8dff, #7b70ff 58%, #af64f5); }
.smart-icon { flex: 0 0 auto; }

.hero { position: relative; min-height: 100vh; padding: 9.5rem 0 2rem; overflow: hidden; background: radial-gradient(circle at 8% 23%, rgb(255 111 174 / 16%), transparent 25%), radial-gradient(circle at 72% 5%, rgb(109 99 243 / 24%), transparent 30%), radial-gradient(circle at 95% 58%, rgb(97 230 189 / 13%), transparent 28%), linear-gradient(145deg, #07111f 8%, #0a1730 55%, #10152f 100%); }
.hero::after { content: ''; position: absolute; z-index: 0; inset: 0; pointer-events: none; opacity: .27; background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, black, transparent 76%); }
.hero-orb { position: absolute; z-index: 0; border-radius: 999px; filter: blur(2px); opacity: .7; }
.hero-orb--one { width: 24rem; height: 24rem; top: -12rem; left: 42%; background: radial-gradient(circle, rgb(169 135 255 / 24%), transparent 68%); }
.hero-orb--two { width: 18rem; height: 18rem; right: -5rem; bottom: 7rem; background: radial-gradient(circle, rgb(255 141 107 / 15%), transparent 68%); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); }
.hero-copy { padding-bottom: 2rem; }
.eyebrow, .section-label { display: inline-flex; align-items: center; gap: .65rem; color: var(--se-blue-bright); font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow span { width: .55rem; height: .55rem; border-radius: 50%; background: var(--se-mint); box-shadow: 0 0 0 .3rem rgb(97 230 189 / 10%), 0 0 2rem rgb(97 230 189 / 50%); }
h1, h2, h3 { margin-top: 0; font-family: var(--se-display); }
.hero h1 { max-width: 11ch; margin: 1.4rem 0 1.45rem; font-size: clamp(3.7rem, 6.5vw, 6.4rem); line-height: .94; letter-spacing: -.075em; }
.hero h1 em { display: block; color: transparent; font-style: normal; background: linear-gradient(105deg, #77a9ff 0%, #a886ff 43%, #ff76ad 76%, #ff9b72 100%); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 38rem; margin: 0 0 2rem; color: #b8c7da; font-size: clamp(1.02rem, 1.5vw, 1.2rem); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.hero-proof { display: flex; flex-wrap: wrap; gap: .75rem 1.35rem; margin: 1.6rem 0 0; padding: 0; list-style: none; color: #9fb2c9; font-size: .85rem; }
.hero-proof li { display: inline-flex; align-items: center; gap: .4rem; }
.hero-proof .smart-icon { color: var(--se-mint); }

.product-window { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgb(169 135 255 / 28%); border-radius: 1.45rem; background: #0e1a2c; box-shadow: 0 45px 100px rgb(0 0 0 / 40%), 0 0 55px rgb(104 91 242 / 14%), 0 0 0 1px rgb(255 255 255 / 3%) inset; rotate: 1deg; transform-origin: center; }
.product-window::before { content: ''; position: absolute; z-index: 3; inset: 0; pointer-events: none; background: linear-gradient(130deg, rgb(255 255 255 / 5%), transparent 20%); }
.window-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: .8rem 1rem; border-bottom: 1px solid var(--se-line); }
.window-dots { display: flex; gap: .34rem; }
.window-dots span { width: .52rem; height: .52rem; border-radius: 50%; background: #31435a; }
.window-dots span:first-child { background: #ff6d78; }.window-dots span:nth-child(2) { background: #ffca62; }.window-dots span:last-child { background: #61e6bd; }
.window-title { color: #6f829a; font-size: .68rem; }
.window-bar .smart-badge { justify-self: end; font-size: .65rem; }
.product-shell { display: grid; grid-template-columns: 4.25rem 1fr; min-height: 36rem; }
.preview-nav { display: flex; flex-direction: column; align-items: center; gap: .65rem; padding: 1.2rem .65rem; border-right: 1px solid var(--se-line); background: #0a1525; }
.preview-mark { margin-bottom: .7rem; }
.preview-mark img { width: 2rem; height: auto; aspect-ratio: 463 / 385; object-fit: contain; }
.preview-nav button { display: grid; place-items: center; width: 2.55rem; height: 2.55rem; padding: 0; border: 0; border-radius: .72rem; background: transparent; color: #687d97; cursor: pointer; transition: .2s ease; }
.preview-nav button:hover, .preview-nav button.is-active { color: white; background: linear-gradient(145deg, #4f8cff, #815ff1); box-shadow: 0 9px 22px rgb(105 92 239 / 30%); }
.preview-main { min-width: 0; padding: 1.6rem; }
.preview-topline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.35rem; }
.preview-kicker, .panel-heading span { color: #71869f; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.preview-topline h2 { margin: .18rem 0 0; font-size: 1.22rem; letter-spacing: -.04em; }
.avatar { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border: 1px solid rgb(116 168 255 / 28%); border-radius: .7rem; background: #152c49; color: #8db5ff; font-size: .7rem; font-weight: 800; }
.metric-row { display: grid; grid-template-columns: 1.15fr .85fr; gap: .8rem; }
.metric { display: grid; padding: 1.1rem; border: 1px solid var(--se-line); border-radius: 1rem; background: #111f32; }
.metric--accent { background: linear-gradient(135deg, #2f76e8, #675de8 64%, #9955d9); border-color: transparent; }
.metric > span { color: #8da0b7; font-size: .72rem; }
.metric--accent > span { color: rgb(255 255 255 / 72%); }
.metric strong { margin: .25rem 0; font-family: var(--se-display); font-size: 1.6rem; line-height: 1.2; }
.metric small { display: flex; align-items: center; gap: .25rem; color: #778ba3; font-size: .63rem; }
.metric--accent small { color: #dbebff; }
.activity-panel { margin-top: .8rem; padding: 1rem; border: 1px solid var(--se-line); border-radius: 1rem; background: #111f32; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem; }
.panel-heading h3 { margin: .1rem 0 0; font-size: .92rem; }
.activity-list { display: grid; }
.activity-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .72rem; padding: .72rem 0; border-top: 1px solid var(--se-line); }
.activity-row:first-child { border-top: 0; }
.activity-icon { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border-radius: .65rem; }
.tone-blue { color: #7dadff; background: rgb(79 140 255 / 12%); }.tone-mint { color: var(--se-mint); background: rgb(97 230 189 / 10%); }.tone-violet { color: #b59cff; background: rgb(169 135 255 / 11%); }
.activity-row > span:nth-child(2) { min-width: 0; display: grid; }
.activity-row strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.activity-row small { color: #71869f; font-size: .6rem; }
.activity-row b { color: #d7e3f2; font-size: .72rem; }
.trust-strip { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .85rem 1.2rem; margin-top: 4rem; padding-top: 1.7rem; border-top: 1px solid var(--se-line); color: #657a94; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.trust-strip strong { color: #c3ccec; font-size: .72rem; }
.trust-strip i { width: .2rem; height: .2rem; border-radius: 50%; background: #3d5067; }

.platform-section, .editor-section, .ownership-section, .test-section, .custom-section { --smart-text: #10203a; --smart-text-secondary: #53657c; --smart-text-tertiary: #738299; color: #10203a; }
.platform-section { padding: 6.5rem 0; background: radial-gradient(circle at 8% 12%, rgb(255 111 174 / 10%), transparent 24%), radial-gradient(circle at 93% 75%, rgb(97 230 189 / 12%), transparent 26%), linear-gradient(180deg, #f8f8ff, #f1f7ff); color: #0d1a2b; }
.section-intro { display: grid; grid-template-columns: 1.3fr .7fr; gap: 4rem; align-items: end; margin-bottom: 3.5rem; }
.section-intro h2, .everything-copy h2, .editor-copy h2, .feature-depth h2, .ownership-section h2, .price-copy h2, .custom-section h2, .closing-inner h2 { margin: .7rem 0 0; font-size: clamp(2.25rem, 3.6vw, 3.8rem); line-height: 1.08; letter-spacing: -.052em; }
.section-intro p { margin: 0; color: #58697d; font-size: 1.05rem; }
.section-label { color: #356ed5; }
.journey-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.journey-card { position: relative; min-height: 0; padding: 2rem; overflow: hidden; border: 1px solid #dfe6ef; border-radius: var(--se-radius); background: #fff; box-shadow: 0 18px 50px rgb(28 49 76 / 8%); }
.journey-card::before { content: ''; position: absolute; inset: 0 0 auto; height: .32rem; background: var(--card-accent); }
.journey-card::after { content: ''; position: absolute; inset: auto -2.5rem -5rem auto; width: 11rem; height: 11rem; border-radius: 50%; background: var(--card-glow); opacity: .5; }
.journey-card--commerce { --card-glow: rgb(79 140 255 / 20%); --card-accent: linear-gradient(90deg, #4f8cff, #7b65f0); background: linear-gradient(160deg, #fff, #f1f5ff); }.journey-card--support { --card-glow: rgb(97 230 189 / 20%); --card-accent: linear-gradient(90deg, #35cfa1, #5be0ce); background: linear-gradient(160deg, #fff, #eefff9); }.journey-card--deliver { --card-glow: rgb(255 111 174 / 18%); --card-accent: linear-gradient(90deg, #a987ff, #ff6fae); background: linear-gradient(160deg, #fff, #fff1f8); }
.journey-number { position: absolute; right: 1.5rem; top: 1.25rem; color: #cdd7e4; font-family: var(--se-display); font-size: 3.2rem; font-weight: 800; letter-spacing: -.08em; }
.journey-icon { position: relative; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin-bottom: 2.35rem; border-radius: 1rem; color: #2f6dd9; background: #edf4ff; }
.journey-card--support .journey-icon { color: #188b6e; background: #eafbf5; }.journey-card--deliver .journey-icon { color: #744fd4; background: #f2edff; }
.journey-card h3 { margin-bottom: .7rem; font-size: 1.55rem; letter-spacing: -.04em; }
.journey-card p { margin: 0 0 1.5rem; color: #647488; }
.journey-card ul { display: grid; gap: .7rem; margin: 0; padding: 1.3rem 0 0; border-top: 1px solid #e9edf3; list-style: none; color: #314256; font-size: .84rem; }
.journey-card li::before { content: '→'; margin-right: .55rem; color: #4f8cff; }

.everything-section { position: relative; padding: 6.5rem 0; overflow: hidden; background: radial-gradient(circle at 6% 20%, rgb(169 135 255 / 18%), transparent 28%), radial-gradient(circle at 88% 80%, rgb(97 230 189 / 10%), transparent 25%), linear-gradient(135deg, #0a1525, #121330 70%, #1a1535); }
.everything-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.everything-copy h2 { max-width: 13ch; }
.everything-copy p { max-width: 29rem; color: #9fb1c7; font-size: 1.05rem; }
.text-link { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1rem; color: var(--se-blue-bright); font-weight: 700; text-decoration: none; }
.feature-matrix { display: grid; border-top: 1px solid var(--se-line); }
.feature-line { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: 1.2rem .2rem; border-bottom: 1px solid var(--se-line); }
.feature-line > span { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: .8rem; color: #9fc0ff; background: linear-gradient(145deg, rgb(79 140 255 / 16%), rgb(169 135 255 / 12%)); }
.feature-line > div { display: grid; }
.feature-line strong { font-size: .94rem; }
.feature-line small { color: #7f93aa; }
.feature-line > .smart-icon { color: var(--se-mint); }

.editor-section { padding: 6.5rem 0; background: radial-gradient(circle at 82% 18%, rgb(255 209 102 / 20%), transparent 28%), radial-gradient(circle at 15% 80%, rgb(255 111 174 / 10%), transparent 24%), linear-gradient(140deg, #fff9ec, #f8f2ff 56%, #edf7ff); color: #0d1a2b; overflow: hidden; }
.editor-grid { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: clamp(3rem, 7vw, 7rem); }
.editor-preview { display: grid; grid-template-columns: 12rem 1fr; min-height: 31rem; overflow: hidden; border: 1px solid #d8e0eb; border-radius: 1.5rem; background: white; box-shadow: 0 35px 80px rgb(28 49 76 / 14%); rotate: -1deg; }
.editor-sidebar { padding: 1.2rem; background: #0d1929; color: white; }
.editor-side-title { display: flex; align-items: center; gap: .55rem; margin-bottom: 2.4rem; font-weight: 700; }
.editor-side-title span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .6rem; color: #8cb5ff; background: rgb(79 140 255 / 14%); }
.editor-control { display: grid; gap: .55rem; margin-bottom: 1.35rem; }
.editor-control > span { color: #8fa2b9; font-size: .67rem; }
.swatches { display: flex; gap: .45rem; }.swatches i { width: 1.35rem; height: 1.35rem; border: 2px solid #fff; border-radius: .42rem; background: #4f8cff; box-shadow: 0 0 0 1px #4f8cff; }.swatches i:nth-child(2) { background: #61e6bd; box-shadow: none; border-color: transparent; }.swatches i:nth-child(3) { background: #ff7979; box-shadow: none; border-color: transparent; }.swatches i:nth-child(4) { background: #a987ff; box-shadow: none; border-color: transparent; }
.segmented { display: flex; padding: .2rem; border-radius: .5rem; background: #17273b; color: #788ba1; font-size: .6rem; font-style: normal; }.segmented b, .segmented em { flex: 1; padding: .35rem; border-radius: .35rem; text-align: center; font-style: normal; }.segmented b { background: #2b405a; color: white; }
.fake-range { height: .25rem; border-radius: 1rem; background: #263a52; }.fake-range i { display: block; width: 62%; height: 100%; border-radius: inherit; background: #4f8cff; }.fake-range i::after { content: ''; display: block; float: right; width: .7rem; height: .7rem; translate: 50% -32%; border: 2px solid #fff; border-radius: 50%; background: #4f8cff; }
.editor-canvas { padding: 1.2rem; background: #f7f9fc; }
.mini-header { display: flex; align-items: center; gap: .5rem; height: 2.2rem; padding: 0 .6rem; border-radius: .55rem; background: white; box-shadow: 0 4px 15px rgb(28 49 76 / 6%); }.mini-header span { width: 4rem; height: .45rem; margin-right: auto; border-radius: 1rem; background: #172a43; }.mini-header i { width: 1.5rem; height: .35rem; border-radius: 1rem; background: #d3dbe6; }
.mini-hero { margin-top: 1rem; min-height: 19rem; padding: 3rem 2rem; border-radius: 1rem; background: radial-gradient(circle at 80% 20%, rgb(116 168 255 / 34%), transparent 36%), linear-gradient(140deg, #0a1729, #17345c); color: white; }.mini-hero small { color: #8cb5ff; font-size: .52rem; letter-spacing: .12em; }.mini-hero strong { display: block; max-width: 9ch; margin: .6rem 0; font-family: var(--se-display); font-size: 1.55rem; line-height: 1.1; }.mini-hero p { max-width: 22rem; color: #9fb2ca; font-size: .63rem; }.mini-hero button { margin-top: .8rem; padding: .55rem .8rem; border: 0; border-radius: .5rem; background: #4f8cff; color: white; font-size: .58rem; font-weight: 700; }
.mini-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin-top: .8rem; }.mini-cards i { display: block; height: 4rem; border: 1px solid #e1e7ef; border-radius: .65rem; background: white; }
.editor-copy p { color: #596b80; font-size: 1.05rem; }
.editor-points { display: grid; gap: .7rem; margin-top: 1.7rem; }.editor-points span { display: flex; align-items: center; gap: .65rem; color: #304257; font-weight: 700; }.editor-points .smart-icon { color: #3f7ce7; }

.feature-depth { position: relative; padding: 6.5rem 0; overflow: hidden; background: radial-gradient(circle at 8% 15%, rgb(79 140 255 / 20%), transparent 26%), radial-gradient(circle at 92% 12%, rgb(255 111 174 / 17%), transparent 27%), radial-gradient(circle at 72% 90%, rgb(97 230 189 / 12%), transparent 30%), linear-gradient(145deg, #081524, #111735 55%, #24173c); }
.feature-depth::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .24; background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.feature-depth .site-container { position: relative; }
.feature-depth__intro { max-width: 46rem; margin: 0 auto 3.3rem; text-align: center; }
.feature-depth__intro h2 { max-width: 14ch; margin-inline: auto; }
.feature-depth__intro p { max-width: 42rem; margin: 1.2rem auto 0; color: #9eb1c8; font-size: 1.05rem; }
.feature-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.feature-group { --feature-tone: #74a8ff; --feature-soft: rgb(79 140 255 / 13%); padding: 1.6rem; border: 1px solid rgb(150 174 206 / 16%); border-radius: 1.35rem; background: linear-gradient(150deg, rgb(255 255 255 / 7%), rgb(255 255 255 / 3%)); box-shadow: 0 24px 60px rgb(0 0 0 / 18%); backdrop-filter: blur(16px); }
.feature-group--business { --feature-tone: #61e6bd; --feature-soft: rgb(97 230 189 / 11%); }
.feature-group--control { --feature-tone: #d29cff; --feature-soft: rgb(169 135 255 / 13%); }
.feature-group > header { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .9rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--se-line); }
.feature-group > header > span { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .85rem; background: var(--feature-soft); color: var(--feature-tone); }
.feature-group header div { min-width: 0; }
.feature-group header small { display: block; color: var(--feature-tone); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.feature-group h3 { margin: .18rem 0 0; font-size: 1.12rem; letter-spacing: -.025em; }
.feature-checklist { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.feature-checklist li { display: grid; grid-template-columns: auto 1fr; gap: .72rem; padding: 1rem 0; border-bottom: 1px solid var(--se-line); }
.feature-checklist li:last-child { padding-bottom: 0; border-bottom: 0; }
.feature-checklist li > .smart-icon { margin-top: .18rem; color: var(--feature-tone); }
.feature-checklist li > span { min-width: 0; display: grid; gap: .16rem; }
.feature-checklist strong { font-size: .86rem; }
.feature-checklist small { color: #8297b0; font-size: .74rem; line-height: 1.5; }

.ownership-section { padding: 6.5rem 0; background: radial-gradient(circle at 80% 20%, rgb(97 230 189 / 13%), transparent 28%), linear-gradient(180deg, #ffffff, #f0fbf8); color: #0d1a2b; }
.ownership-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.ownership-list { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ownership-list > div { min-height: 10rem; padding: 1.25rem; border: 1px solid #dce8ed; border-radius: 1rem; background: rgb(255 255 255 / 80%); box-shadow: 0 12px 30px rgb(24 82 85 / 5%); }
.ownership-list > div > span { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: .7rem; color: #3974de; background: #e9f1ff; }
.ownership-list p { display: grid; margin: 1.1rem 0 0; }.ownership-list small { margin-top: .3rem; color: #6d7e91; font-size: .78rem; }

.ai-section { position: relative; padding: 6.5rem 0; overflow: hidden; background: radial-gradient(circle at 12% 20%, rgb(79 140 255 / 22%), transparent 28%), radial-gradient(circle at 88% 76%, rgb(169 135 255 / 20%), transparent 29%), linear-gradient(140deg, #050d19, #0b1730 52%, #1b1133); }
.ai-section::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .3; background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 44px 44px; mask-image: radial-gradient(circle at 65% 50%, black, transparent 72%); }
.ai-orb { position: absolute; border-radius: 50%; filter: blur(18px); pointer-events: none; }.ai-orb--one { width: 18rem; height: 18rem; top: -9rem; right: 18%; background: rgb(79 140 255 / 12%); }.ai-orb--two { width: 22rem; height: 22rem; bottom: -14rem; left: 12%; background: rgb(255 111 174 / 10%); }
.ai-grid { position: relative; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.ai-copy h2 { max-width: 13ch; margin: .7rem 0 1.2rem; font-size: clamp(2.25rem, 3.6vw, 3.8rem); line-height: 1.08; letter-spacing: -.052em; }
.ai-copy > p { max-width: 36rem; margin: 0; color: #9eb1c8; font-size: 1.05rem; }
.ai-key-note { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: .85rem; margin-top: 2rem; padding: 1rem; border: 1px solid rgb(116 168 255 / 20%); border-radius: 1rem; background: rgb(79 140 255 / 8%); }
.ai-key-note > span { display: grid; place-items: center; width: 2.45rem; height: 2.45rem; border-radius: .72rem; color: #89b4ff; background: rgb(79 140 255 / 14%); }
.ai-key-note p { display: grid; gap: .2rem; margin: 0; }.ai-key-note strong { font-size: .9rem; }.ai-key-note small { color: #8297b0; font-size: .76rem; line-height: 1.55; }
.ai-providers { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1rem; }.ai-providers span { padding: .35rem .62rem; border: 1px solid rgb(166 185 211 / 16%); border-radius: 999px; background: rgb(255 255 255 / 4%); color: #8fa5be; font-size: .66rem; font-weight: 700; }
.ai-console { padding: 1.15rem; border: 1px solid rgb(169 135 255 / 24%); border-radius: 1.4rem; background: linear-gradient(150deg, rgb(21 39 67 / 94%), rgb(20 22 49 / 96%)); box-shadow: 0 36px 90px rgb(0 0 0 / 34%), 0 0 60px rgb(96 83 225 / 10%); }
.ai-console__top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; padding: .2rem .2rem 1rem; border-bottom: 1px solid var(--se-line); }.ai-console__top > span:first-child { display: flex; align-items: center; gap: .5rem; font-size: .78rem; font-weight: 800; }.ai-console__top > span:first-child .smart-icon { color: #91b8ff; }
.ai-ticket { margin-top: 1rem; padding: 1rem; border: 1px solid rgb(116 168 255 / 15%); border-radius: .95rem; background: #101f35; }.ai-ticket__meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .35rem 1rem; margin-bottom: .55rem; color: #7188a4; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }.ai-ticket > strong { display: block; font-size: .92rem; }.ai-ticket > p { margin: .35rem 0 0; color: #8195ad; font-size: .74rem; }
.ai-capabilities { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; margin-top: .65rem; }.ai-capabilities > div { min-width: 0; padding: .85rem; border: 1px solid var(--se-line); border-radius: .85rem; background: rgb(255 255 255 / 3%); }.ai-capabilities > div > span { display: grid; place-items: center; width: 2rem; height: 2rem; margin-bottom: .8rem; border-radius: .6rem; color: #80aaff; background: rgb(79 140 255 / 11%); }.ai-capabilities > div:nth-child(2) > span { color: #70dfbd; background: rgb(97 230 189 / 9%); }.ai-capabilities > div:nth-child(3) > span { color: #c49aff; background: rgb(169 135 255 / 11%); }.ai-capabilities p { display: grid; gap: .2rem; margin: 0; }.ai-capabilities strong { font-size: .72rem; }.ai-capabilities small { color: #70859e; font-size: .64rem; line-height: 1.45; }
.ai-quality { display: grid; grid-template-columns: auto 1fr; gap: .9rem; margin-top: .65rem; padding: 1rem; border: 1px solid rgb(97 230 189 / 18%); border-radius: .9rem; background: linear-gradient(115deg, rgb(97 230 189 / 8%), rgb(79 140 255 / 6%)); }.ai-quality > span { display: grid; place-items: center; width: 2.55rem; height: 2.55rem; border-radius: .75rem; color: var(--se-mint); background: rgb(97 230 189 / 10%); }.ai-quality > div { min-width: 0; }.ai-quality small { display: block; color: #72d9bb; font-size: .61rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.ai-quality strong { display: block; margin-top: .12rem; font-size: .88rem; }.ai-quality p { margin: .3rem 0 0; color: #7f94ad; font-size: .68rem; line-height: 1.5; }

.test-section { padding: 6.5rem 0; overflow: hidden; background: radial-gradient(circle at 12% 12%, rgb(79 140 255 / 14%), transparent 28%), radial-gradient(circle at 88% 80%, rgb(255 111 174 / 12%), transparent 30%), linear-gradient(135deg, #f0f7ff, #f7f2ff 52%, #fff2f7); }
.test-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(3rem, 8vw, 8rem); }
.test-copy h2 { margin: .7rem 0 1.2rem; font-family: var(--se-display); font-size: clamp(2.25rem, 3.6vw, 3.8rem); line-height: 1.08; letter-spacing: -.052em; }
.test-copy p { max-width: 34rem; margin: 0; color: #596b80; font-size: 1.05rem; }
.test-copy p strong { color: #2868d5; }
.test-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.test-path { overflow: hidden; border: 1px solid rgb(95 119 153 / 20%); border-radius: 1.35rem; background: rgb(255 255 255 / 84%); box-shadow: 0 28px 70px rgb(57 67 111 / 13%); }
.test-path__top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: .9rem 1.1rem; border-bottom: 1px solid #e6eaf1; color: #7a899c; font-size: .7rem; }
.test-path__top .window-dots { display: flex; gap: .34rem; }.test-path__top .window-dots i { width: .52rem; height: .52rem; border-radius: 50%; background: #ff6d78; }.test-path__top .window-dots i:nth-child(2) { background: #ffca62; }.test-path__top .window-dots i:nth-child(3) { background: #61e6bd; }
.test-path__top .smart-badge { justify-self: end; }
.test-path > a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: 1.15rem 1.25rem; border-bottom: 1px solid #e8edf3; color: #10203a; text-decoration: none; transition: background .2s ease, translate .2s ease; }
.test-path > a:last-child { border-bottom: 0; }.test-path > a:hover { background: #f8faff; }.test-path > a:focus-visible { outline: 3px solid rgb(79 140 255 / 35%); outline-offset: -3px; }
.test-path > a > span:nth-child(2) { display: grid; min-width: 0; }.test-path small { color: #72839a; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.test-path strong { margin: .12rem 0; font-size: .95rem; }.test-path em { color: #748399; font-size: .78rem; font-style: normal; }
.test-path > a > .smart-icon { color: #8190a4; }
.test-step { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; border-radius: .85rem; }.test-step--shop { color: #3978e4; background: #e9f1ff; }.test-step--help { color: #148b6b; background: #e8fbf5; }.test-step--ticket { color: #8654db; background: #f2ebff; }

.pricing-section { padding: 6.5rem 0; background: radial-gradient(circle at 78% 22%, rgb(255 111 174 / 18%), transparent 23%), radial-gradient(circle at 15% 80%, rgb(79 140 255 / 18%), transparent 26%), linear-gradient(140deg, #071321, #171136 70%, #23123a); }
.pricing-wrap { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: clamp(3rem, 9vw, 9rem); }
.price-copy h2 { max-width: 12ch; }
.price-copy p { max-width: 32rem; color: #91a5bd; font-size: 1.05rem; }
.price-card { position: relative; padding: 2.2rem; border: 1px solid rgb(190 153 255 / 34%); border-radius: 1.5rem; background: linear-gradient(145deg, #16294a, #22183f 62%, #321943); box-shadow: 0 35px 80px rgb(0 0 0 / 30%); }
.price-card::before { content: ''; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(135deg, rgb(79 140 255 / 60%), transparent 45%, rgb(97 230 189 / 25%)); filter: blur(12px); opacity: .35; }
.price-topline { display: flex; justify-content: space-between; align-items: center; font-weight: 700; }
.price { display: flex; align-items: flex-end; margin: 2rem 0 1rem; font-family: var(--se-display); }.price sup { align-self: flex-start; margin-top: .75rem; color: #8eadd4; font-size: 1.3rem; }.price strong { font-size: 5rem; line-height: .85; letter-spacing: -.08em; }.price span { margin-left: .65rem; color: #8ca0b8; font-family: var(--se-body); font-size: .8rem; }
.price-card > p { color: #9dafc5; }
.price-card ul { display: grid; gap: .75rem; margin: 1.6rem 0 2rem; padding: 1.5rem 0; border-block: 1px solid var(--se-line); list-style: none; color: #c1cede; font-size: .85rem; }.price-card li { display: flex; align-items: center; gap: .55rem; }.price-card li .smart-icon { color: var(--se-mint); }
.price-note { display: block; margin-top: 1rem; color: #7388a0; text-align: center; }

.custom-section { position: relative; padding: 6.5rem 0; overflow: hidden; background: radial-gradient(circle at 8% 82%, rgb(79 140 255 / 13%), transparent 27%), radial-gradient(circle at 92% 18%, rgb(255 111 174 / 12%), transparent 25%), linear-gradient(145deg, #f5f9ff, #fff 48%, #fff5fa); }
.custom-section::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, transparent, rgb(79 140 255 / 4%), transparent); mask-image: linear-gradient(to bottom, transparent, black 45%, transparent); }
.custom-section .site-container { position: relative; }
.custom-intro { display: grid; grid-template-columns: 1fr .68fr; align-items: end; gap: clamp(2rem, 7vw, 7rem); margin-bottom: 3.2rem; }
.custom-intro h2 { max-width: 13ch; }
.custom-intro__aside p { margin: 0 0 1.5rem; color: #5b6d82; font-size: 1.02rem; }
.custom-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.custom-service { --custom-tone: #3978e4; --custom-soft: #e9f1ff; position: relative; padding: 1.65rem; overflow: hidden; border: 1px solid #dce5f0; border-radius: 1.3rem; background: rgb(255 255 255 / 86%); box-shadow: 0 18px 50px rgb(28 49 76 / 7%); }
.custom-service::after { content: ''; position: absolute; inset: auto -3.5rem -4.5rem auto; width: 9rem; height: 9rem; border-radius: 50%; background: var(--custom-soft); opacity: .65; }
.custom-service--languages { --custom-tone: #118a6a; --custom-soft: #e1fbf3; }
.custom-service--vertical { --custom-tone: #8550d4; --custom-soft: #f0e8ff; }
.custom-service__icon { position: relative; z-index: 1; display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: 1.8rem; border-radius: .9rem; color: var(--custom-tone); background: var(--custom-soft); }
.custom-service > small { position: relative; z-index: 1; display: block; color: var(--custom-tone); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.custom-service h3 { position: relative; z-index: 1; margin: .45rem 0 .7rem; font-size: 1.35rem; line-height: 1.2; letter-spacing: -.035em; }
.custom-service p { position: relative; z-index: 1; margin: 0; color: #65768a; font-size: .84rem; }
.custom-service__tag { position: relative; z-index: 1; display: inline-flex; margin-top: 1.35rem; padding: .4rem .65rem; border-radius: 999px; background: var(--custom-soft); color: var(--custom-tone); font-size: .66rem; font-weight: 700; }

.closing-section { position: relative; overflow: hidden; padding: 6.5rem 0; background: radial-gradient(circle at 50% 80%, rgb(97 230 189 / 15%), transparent 30%), linear-gradient(120deg, #0b1728, #102b50 48%, #35204e); text-align: center; }
.closing-section::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 3%) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 3%) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(circle, black, transparent 70%); }
.closing-glow { position: absolute; inset: auto 50% -15rem auto; width: 30rem; height: 30rem; translate: 50% 0; border-radius: 50%; background: rgb(79 140 255 / 13%); filter: blur(50px); }
.closing-inner { position: relative; }.closing-inner > img { width: 4.5rem; height: auto; aspect-ratio: 463 / 385; object-fit: contain; filter: drop-shadow(0 12px 30px rgb(79 140 255 / 25%)); }.closing-inner h2 { max-width: 13ch; margin: 1.5rem auto 1rem; }.closing-inner p { color: #91a4bb; }.closing-inner > div { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }

.install-section { --smart-text: #10203a; --smart-text-secondary: #5b6d82; padding: 5.5rem 0; background: radial-gradient(circle at 8% 20%, rgb(97 230 189 / 14%), transparent 26%), radial-gradient(circle at 92% 78%, rgb(79 140 255 / 13%), transparent 28%), linear-gradient(145deg, #f7fbff, #f2faff 52%, #fbfffe); color: #10203a; }
.install-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }
.install-copy h2 { max-width: 12ch; margin: .7rem 0 1.1rem; color: #10203a; font-size: clamp(2.25rem, 3.6vw, 3.8rem); line-height: 1.08; letter-spacing: -.052em; }
.install-copy p { max-width: 28rem; margin: 0; color: #5b6d82; font-size: 1.04rem; }
.install-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.install-steps li { min-width: 0; padding: 1.35rem; border: 1px solid #dbe6ee; border-radius: 1.2rem; background: rgb(255 255 255 / 84%); box-shadow: 0 16px 42px rgb(28 68 94 / 8%); }
.install-step__icon { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; margin-bottom: 1.5rem; border-radius: .82rem; color: #3978e4; background: #e8f0ff; }
.install-steps li:nth-child(2) .install-step__icon { color: #148b6b; background: #e5faf3; }
.install-steps li:nth-child(3) .install-step__icon { color: #8550d4; background: #f1eaff; }
.install-steps small { display: block; color: #3978e4; font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.install-steps h3 { margin: .4rem 0 .55rem; color: #10203a; font-size: 1.05rem; letter-spacing: -.02em; }
.install-steps p { margin: 0; color: #6a7c91; font-size: .78rem; line-height: 1.55; }

.site-footer { padding: 2rem 0; border-top: 1px solid var(--se-line); background: #07111f; }
.footer-inner { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 2rem; }.footer-inner p { margin: 0; color: #75899f; font-size: .8rem; }.footer-links { display: flex; gap: 1rem; }.footer-links a { color: #9baec4; font-size: .78rem; text-decoration: none; }.footer-inner > small { color: #586d85; }

@media (max-width: 980px) {
  .desktop-nav, .header-cta { display: none; }
  .menu-toggle { display: inline-grid; }
  .hero { padding-top: 8.5rem; }
  .hero-grid, .everything-grid, .editor-grid, .ownership-grid, .ai-grid, .test-grid, .pricing-wrap, .custom-intro, .install-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 45rem; }
  .hero h1 { max-width: 10ch; }
  .product-window { width: min(100%, 44rem); justify-self: center; rotate: 0deg; }
  .section-intro { grid-template-columns: 1fr; gap: 1.2rem; }
  .journey-grid { grid-template-columns: 1fr 1fr; }
  .journey-card:last-child { grid-column: 1 / -1; min-height: 0; }
  .everything-copy h2, .price-copy h2 { max-width: 12ch; }
  .editor-copy { grid-row: 1; }
  .editor-preview { grid-row: 2; }
  .feature-groups { grid-template-columns: 1fr 1fr; }
  .feature-group:last-child { grid-column: 1 / -1; }
  .footer-inner { grid-template-columns: 1fr auto; }.footer-inner p { order: 3; }.footer-links { justify-self: end; }
}

@media (max-width: 680px) {
  .site-container { width: min(100% - 1.4rem, 1180px); }
  .hero { padding-top: 7.5rem; }
  .hero h1 { font-size: clamp(3rem, 16vw, 4.4rem); }
  .hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .smart-button { width: 100%; }
  .hero-proof { display: grid; }
  .product-shell { grid-template-columns: 3.35rem 1fr; min-height: 32rem; }.preview-nav { padding-inline: .4rem; }.preview-nav button { width: 2.3rem; height: 2.3rem; }.preview-main { padding: 1rem; }.metric-row { grid-template-columns: 1fr; }.metric:nth-child(2) { display: none; }
  .trust-strip { justify-content: flex-start; }.trust-strip i { display: none; }
  .platform-section, .everything-section, .editor-section, .feature-depth, .ownership-section, .ai-section, .test-section, .pricing-section, .custom-section, .closing-section, .install-section { padding: 4.5rem 0; }
  .journey-grid { grid-template-columns: 1fr; }.journey-card:last-child { grid-column: auto; }.journey-card { min-height: 0; }
  .editor-preview { grid-template-columns: 8rem 1fr; min-height: 25rem; }.editor-sidebar { padding: .8rem; }.editor-side-title { font-size: .75rem; }.mini-hero { min-height: 15rem; padding: 2rem 1rem; }.mini-hero strong { font-size: 1.2rem; }.mini-hero p { display: none; }
  .feature-depth__intro { margin-bottom: 2.25rem; text-align: start; }.feature-depth__intro h2, .feature-depth__intro p { margin-inline: 0; }.feature-groups { grid-template-columns: 1fr; }.feature-group:last-child { grid-column: auto; }.feature-group { padding: 1.25rem; }
  .ownership-list { grid-template-columns: 1fr; }.ownership-list > div { min-height: auto; }
  .ai-copy h2 { max-width: none; }.ai-capabilities { grid-template-columns: 1fr; }.ai-capabilities > div { display: grid; grid-template-columns: auto 1fr; gap: .75rem; }.ai-capabilities > div > span { margin-bottom: 0; }.ai-console__top { align-items: flex-start; }.ai-console__top .smart-badge { white-space: nowrap; }
  .test-actions { align-items: stretch; flex-direction: column; }.test-actions .smart-button { width: 100%; }
  .test-path__top { grid-template-columns: 1fr auto; }.test-path__top > span:nth-child(2) { display: none; }
  .test-path > a { gap: .75rem; padding: 1rem; }.test-path em { font-size: .72rem; }
  .price-card { padding: 1.5rem; }.price strong { font-size: 4.3rem; }
  .custom-intro { margin-bottom: 2.25rem; }.custom-intro h2 { max-width: none; }.custom-services { grid-template-columns: 1fr; }.custom-service { padding: 1.3rem; }.custom-service__icon { margin-bottom: 1.25rem; }
  .install-steps { grid-template-columns: 1fr; }.install-steps li { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: start; }.install-step__icon { margin-bottom: 0; }
  .footer-inner { grid-template-columns: 1fr; gap: 1rem; }.footer-links { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}