/* Final visual layer: modern.png's luminous navy/violet direction. */
.site-header .brand>.brand-label,.brand>.brand-label { color:#f6f4ff; }
.brand-label { overflow-wrap:anywhere; }
.service-image { width:100%; height:160px; object-fit:cover; border-radius:14px; margin:6px 0 16px; }
.service-image.product-image { height:auto; max-height:320px; object-fit:contain; }
.review-empty { padding:35px; border:1px solid #ffffff20; border-radius:18px; color:var(--muted); }
.hero-uploaded-image { display:block; width:100%; height:490px; object-fit:contain; border-radius:25px; background:#0b1026; }
.review-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.article-cover-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.social-canvas.many-platforms .orbit-platform { width:57px; height:57px; border-radius:17px; }
.social-canvas.many-platforms .orbit-platform .platform-logo { width:32px; height:32px; }
:root {
  --paper:#070c24; --ink:#f6f4ff; --muted:#b8b5d0; --line:#ffffff17;
  --purple:#bd94ff; --purple-dark:#a255ed; --orange:#ff8c21; --orange-light:#ffb33e;
  --lime:#ffb238; --black:#050921;
  --action-gradient:linear-gradient(105deg,#a30cef 0%,#c40acb 48%,#d13275 72%,#ff991b 94%,#ffbc21 100%);
}
body { color:var(--ink); background:var(--paper); }
.container { width:min(1440px,calc(100% - 112px)); }
.section { padding:95px 0; }
.section-head h2,.journal-heading h2,.faq-intro h2 { letter-spacing:-.05em; }
.text-purple { color:#c5a0ff; }
.eyebrow { color:#c9a8ff; }
.eyebrow::before { background:#d456ff; box-shadow:0 0 12px #c424ff66; }
.button { border-radius:100px; min-height:53px; }
.button-purple,.button-lime,.site-header .button-dark {
  background:var(--action-gradient); color:white;
  border:1px solid #ffffff25; box-shadow:inset 0 2px 2px #ffffff24,0 6px 22px #a407ea25;
}
.button-purple:hover,.button-lime:hover,.site-header .button-dark:hover {
  color:white; background:var(--action-gradient); box-shadow:inset 0 2px 2px #ffffff35,0 9px 32px #bc29ed55;
}
.button-outline { background:#ffffff04; border-color:#ffffff24; color:#ece6ff; }
.button-outline:hover { background:#a453fa16; border-color:#c47aff66; }
.button-white { background:#292140; color:#f4eaff; }
.button .arrow { font-size:22px; }
.brand { font-size:25px; letter-spacing:-1.3px; }
.brand-mark { width:39px; height:39px; margin-right:8px; }
.brand>span:not(.brand-icon) { color:#ffae27; }
.announcement {
  min-height:40px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
  gap:11px; padding:9px 20px; background:#060a23; color:#f0edf9; font-size:12px;
  border-bottom:1px solid #ffffff15; background-image:radial-gradient(ellipse at 5% 0%,#9000ff30,transparent 40%);
}
.announcement-star { color:#ed317a; font-size:21px; margin-right:0; }
.announcement-highlight { color:#66d3ff; }
.announcement-separator { color:#d76aff; }
.site-header {
  background:linear-gradient(100deg,#14072ceb,#050e2bef 65%,#10234aeb); color:#f8f5ff;
  border-bottom:1px solid #ffffff17; backdrop-filter:blur(20px);
}
.site-header.scrolled { border-bottom-color:#a369ff40; box-shadow:0 7px 30px #00000028; }
.nav-wrap { height:86px; gap:30px; }
.desktop-nav { gap:36px; }
.nav-trigger,.nav-link,.tools-link { font-size:13px; font-weight:700; }
.nav-link:hover,.site-header .tools-link:hover { color:#dcb5ff; }
.site-header .brand>span:not(.brand-icon) { color:#ffae27; }
.nav-actions { gap:27px; }
.site-header .button-small { padding:14px 25px; min-height:49px; font-size:13px; }
.site-header .menu-toggle span { background:#f3edff; }
.dropdown { color:#ededfa; background:#12172d; border-color:#b380ff3d; box-shadow:0 16px 45px #00000050; }
.dropdown-label { color:#aba6c9; }
.platform-dropdown { width:min(520px,calc(100vw - 48px)); grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; max-height:calc(100dvh - 160px); overflow-y:auto; overscroll-behavior:contain; }
.platform-dropdown a { min-width:0; }
.platform-dropdown a:hover { background:#9859ff20; color:#f7efff; }
.platform-dropdown small { color:#aba9c6; white-space:normal; overflow-wrap:anywhere; line-height:1.6; }
.platform-menu { min-width:0; border:1px solid #ffffff0b; border-radius:12px; background:#ffffff04; }
.platform-menu summary { display:flex; align-items:center; gap:9px; padding:12px 10px; cursor:pointer; list-style:none; font-size:12px; font-weight:650; border-radius:11px; }
.platform-menu summary::-webkit-details-marker { display:none; }
.platform-menu summary:hover { background:#9859ff16; }
.platform-menu summary:focus-visible { outline:2px solid #bd94ff; outline-offset:-2px; }
.platform-menu-copy { min-width:0; flex:1; overflow-wrap:anywhere; }
.platform-menu-chevron { flex-shrink:0; color:#bdb3da; transition:transform .2s; }
.platform-menu[open] { background:#1a203b; border-color:#b380ff35; }
.platform-menu[open] .platform-menu-chevron { transform:rotate(180deg); }
.platform-menu-links { display:grid; gap:3px; margin:0 10px; padding:8px 0 10px; border-top:1px solid #ffffff12; }
.platform-menu-links a { justify-content:space-between; gap:8px; font-size:11px; padding:9px 8px; }
.platform-menu-links a>span:first-child { min-width:0; flex:1; overflow-wrap:anywhere; }
.platform-menu-links a>span:last-child { flex-shrink:0; }
.platform-menu-links a:focus-visible { outline:2px solid #bd94ff; outline-offset:-2px; }
.platform-menu-empty { margin:0; padding:8px; font-size:11px; color:#aba9c6; }
.mobile-nav { background:#10152b; color:#f2ecff; border-color:#ffffff16; }
.mobile-nav details { border-color:#ffffff16; }
.mobile-nav details a { color:#bfb5d8; }

/* The reference hero, recreated with CSS and native SVG platform symbols. */
.hero {
  --ink:#faf8ff; --muted:#c8c5de; --purple:#c195ff;
  color:var(--ink); position:relative; isolation:isolate; padding:52px 0 42px;
  background:radial-gradient(ellipse at 3% 3%,#6f12ab35,transparent 40%),
    radial-gradient(ellipse at 88% 52%,#37219463,transparent 48%),
    radial-gradient(ellipse at 53% 105%,#2b07543d,transparent 45%),
    var(--hero-gradient,linear-gradient(115deg,#100923 0%,#030d2b 53%,#07163d 100%));
}
.hero-grid { position:relative; z-index:2; grid-template-columns:1.17fr 1fr; gap:42px; min-height:630px; }
.hero-copy { padding:0 0 16px; }
.hero .hero-eyebrow {
  gap:10px; padding:8px 15px; font-size:10px; color:#f5edff; font-weight:750; letter-spacing:.025em;
  background:#7426ad20; border:1px solid #ad52f66b; border-radius:100px; margin-bottom:23px!important;
  box-shadow:inset 0 1px 10px #c756ff0a;
}
.hero-flame { font-size:18px; line-height:1; }
.hero-badge-detail { color:#c17afa; padding-left:9px; border-left:1px solid #9854c85c; }
.hero h1.service-hero-title {
  color:#faf8ff; font-size:clamp(44px,3.9vw,74px); font-weight:800; line-height:1.12;
  letter-spacing:-.047em; margin-bottom:24px; max-width:none;
}
.headline-instagram,.headline-tiktok,.hero h1 em {
  background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.headline-instagram { color:#f32dc0; background-image:linear-gradient(90deg,#ec0ddf,#f53491 53%,#ffad33); }
.headline-tiktok { color:#1ce0f3; background-image:linear-gradient(90deg,#2ab5f2,#0be7ed); }
.hero h1 em { color:#ae4cff; font-style:normal; background-image:linear-gradient(95deg,#9a21f6,#bc39f9 50%,#667dff); }
.hero h1 em::after {
  left:3%; bottom:-10px; width:93%; height:6px; opacity:1; z-index:0;
  border-radius:70% 50% 30% 60%; transform:rotate(-3deg);
  background:linear-gradient(90deg,#ff5a32,#ffb323);
}
.hero-description { color:#c8c5de; font-size:16px; line-height:1.8; max-width:640px; margin:32px 0; font-weight:500; }
.hero-actions { display:flex; gap:28px; align-items:center; flex-wrap:wrap; }
.hero-actions .button { padding:18px 29px; min-height:61px; font-size:15px; gap:20px; }
.hero-actions .text-link { color:#f4eeff; font-size:13px; gap:13px; }
.hero-actions .text-link:hover { color:#d19bff; }
.hero-actions .play-circle {
  color:#faf5ff; background:#090822; width:45px; height:45px; border:1px solid #b51eff;
  box-shadow:inset 0 0 14px #8c0dee26; font-size:17px; text-shadow:0 0 12px #d947ff;
}
.hero-audience { margin-top:30px; }
.hero-audience>div { display:flex; gap:0; margin:0; }
.hero-audience>div>span { color:#e7e2f7; padding:0 24px; border-right:1px solid #a59af144; font-size:12px; gap:10px; }
.hero-audience>div>span:first-child { padding-left:0; }
.hero-audience>div>span:last-child { border:0; padding-right:0; }
.hero-audience svg { width:26px; height:26px; color:#ffba29; }
.hero-audience>div>span:nth-child(2) svg { color:#23e88d; }
.hero-audience>div>span:nth-child(3) svg { color:#ff8b3f; }
.hero-decoration,.hero-dots { position:absolute; z-index:0; pointer-events:none; }
.decoration-violet {
  width:500px; height:430px; top:-320px; left:-200px; border-radius:35% 60% 46% 50%; transform:rotate(-34deg);
  background:linear-gradient(145deg,#b908fc,#6206ee 55%,#2b0b75); box-shadow:0 20px 100px #8b00ed1a;
}
.decoration-blue { width:410px; height:360px; left:-290px; bottom:-270px; border-radius:50%; background:linear-gradient(155deg,#e256ff,#721aff 35%,#1137e3); }
.decoration-orange { width:460px; height:240px; right:-275px; bottom:-170px; border-radius:70% 50% 20% 40%; transform:rotate(-20deg); background:linear-gradient(140deg,#ffdc24,#ff752e 45%,#ea2396); box-shadow:0 -20px 70px #dd149924; }
.hero-dots { width:82px; height:60px; background-image:radial-gradient(#a838fa 1.7px,transparent 1.7px); background-size:17px 17px; opacity:.75; }
.dots-left { top:62%; left:1.5%; }.dots-right { top:11%; right:2%; }
.social-canvas {
  position:relative; width:100%; height:630px; max-width:none; margin:0;
  background:none; border:0; border-radius:0; overflow:visible; box-shadow:none;
  isolation:isolate; transform:translate(var(--px,0px),var(--py,0px));
}
.social-canvas::before { display:none; }
.canvas-aura { position:absolute; inset:8% 2% 2%; border-radius:50%; background:radial-gradient(ellipse,#8020dc45,#4713b529 42%,transparent 70%); filter:blur(18px); z-index:-1; }
.canvas-orbit { z-index:-1; border-color:#902bee35; box-shadow:0 0 22px #790be10d; }
.orbit-one { width:94%; height:95%; left:53%; top:46%; transform:translate(-50%,-50%) rotate(-19deg); }
.orbit-two { width:110%; height:53%; left:50%; top:60%; transform:translate(-50%,-50%) rotate(-49deg); }
.hero-preview {
  width:70%; max-width:390px; left:51%; top:9%; padding:5px; border-radius:32px;
  background:linear-gradient(135deg,#9d60e9,#ece1ff 15%,#7858b6 50%,#b02ffe 85%);
  box-shadow:0 0 0 5px #c067ff1a,0 0 25px #c279ff5c,0 20px 55px #12002f88;
  transform:translateX(-50%) rotate(-8deg); z-index:2;
}
.spotlight-card { color:#141436; background:linear-gradient(150deg,#fff,#f4f1ff); padding:15px; border-radius:27px; box-shadow:inset 0 0 0 1px #ffffffc4; }
.spotlight-top { gap:9px; padding:3px 0 14px; }
.spotlight-top .native-icon { width:32px; height:32px; border-radius:50%; }
.spotlight-top .platform-logo { width:19px; height:19px; }
.spotlight-top strong { font-size:13px; font-weight:800; letter-spacing:-.025em; }
.spotlight-brand-dot { color:#f48411; }
.spotlight-top small { color:#787196; font-size:8px; }
.spotlight-top>span:last-child { font-size:16px; color:#241b4e; }
.spotlight-visual {
  height:310px; padding:17px; border-radius:15px; position:relative; overflow:hidden;
  background:var(--platform-gradient); background-image:linear-gradient(0deg,#0002,#0000),var(--platform-gradient);
}
.spotlight-visual::before { content:''; position:absolute; width:120%; height:75%; top:-50%; left:-30%; transform:rotate(-28deg); background:#ffffff19; border-radius:18%; }
.spotlight-visual::after { content:''; position:absolute; width:60%; height:130%; right:-45%; top:20%; border-radius:50%; background:#ffdb7055; transform:rotate(35deg); pointer-events:none; }
.spotlight-growth { width:83px; height:83px; color:#fff8ff; position:absolute; right:23px; top:35px; transform:rotate(3deg); }
.spotlight-kicker { font-size:7px; position:relative; z-index:1; letter-spacing:.1em; }
.spotlight-visual>strong { color:#fff7ff; font-size:42px; line-height:1.04; letter-spacing:-.055em; left:17px; bottom:45px; z-index:1; }
.spotlight-visual>strong>span { color:inherit; }
.spotlight-underline { position:absolute; left:40%; bottom:21px; width:43%; height:6px; background:#ffbd43; border-radius:50%; transform:rotate(3deg); z-index:1; }
.spotlight-bottom { margin-top:15px; }
.spotlight-bottom>span:first-child { gap:12px; }
.spotlight-bottom svg { width:22px; height:22px; color:#23144e; }
.spotlight-bottom>span:first-child>svg:first-child { color:#f21472; }
.spotlight-save { display:flex; }
.spotlight-caption { padding:10px 0 4px; }
.spotlight-caption strong { font-size:10px; color:#1c1546; }
.spotlight-caption>span { color:#285ce6; font-size:8px; margin-top:5px; line-height:1.6; }
.orbit-platform {
  width:83px; height:83px; border-radius:24px; padding:0; background:var(--platform-gradient); color:white;
  border:1px solid #ffffff37; box-shadow:inset 2px 3px 4px #ffffff6b,inset -3px -6px 2px #00000029,0 11px 22px #00000035;
  animation:platform-float 6s ease-in-out infinite; animation-delay:var(--float-delay);
}
.orbit-platform::after { content:''; position:absolute; inset:3px; border-radius:20px; border-top:1px solid #ffffff45; pointer-events:none; }
.orbit-platform .native-icon { width:100%; height:100%; border-radius:23px; background:transparent; color:white; }
.orbit-platform .platform-logo { width:47px; height:47px; filter:drop-shadow(0 2px 1px #00000015); }
.orbit-platform .platform-tiktok { filter:drop-shadow(-1.5px -1px 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55); }
.orbit-platform:has(.platform-tiktok) { background:linear-gradient(135deg,#191739,#020308); }
.orbit-platform:has(.platform-twitter) { background:linear-gradient(135deg,#252242,#030409); }
.orbit-platform:hover,.orbit-platform:focus-visible { scale:1.08; outline:2px solid #e0b1ff; outline-offset:5px; box-shadow:inset 2px 3px 4px #ffffff6b,0 0 28px #c633ff55; }
.orbit-platform[aria-pressed=true] { outline:2px solid #b06bff; outline-offset:5px; }
.hero .orbit-name { color:#252140; background:#fbf7ff; font-size:10px; }
.orbit-0 { top:7%; left:7%; transform:rotate(-13deg); }
.orbit-1 { top:15%; right:1%; transform:rotate(15deg); }
.orbit-2 { top:33%; left:1%; transform:rotate(-12deg); }
.orbit-3 { top:42%; right:-2%; transform:rotate(14deg); }
.orbit-4 { bottom:22%; left:5%; width:76px; height:76px; transform:rotate(-9deg); }
.orbit-4 .native-icon { width:100%; height:100%; border-radius:23px; }
.orbit-5 { bottom:11%; right:1%; transform:rotate(14deg); }
.orbit-6 { bottom:5%; left:17%; width:76px; height:76px; transform:rotate(-11deg); }
.orbit-6 .native-icon { width:100%; height:100%; border-radius:23px; }
.canvas-floor {
  position:absolute; bottom:-2%; left:19%; width:74%; height:32px; border-radius:50%; z-index:-1;
  border:2px solid #c134ffb5; border-bottom-color:#9e28f32c;
  background:radial-gradient(ellipse,#3a095b,#5d117280 65%,#b243ff18);
  box-shadow:0 0 12px #dc53ffb3,inset 0 3px 12px #bf2aff77,0 12px 35px #841bff36;
}
.canvas-rays { position:absolute; width:76px; height:76px; top:0; right:8%; z-index:1; }
.canvas-note { left:1%; bottom:-2%; color:#a798d4; font-size:9px; }
.canvas-note>span { color:#da9bff; font-size:18px; }

/* Keep the reference palette consistent through the working service routes. */
.platform-strip { background:linear-gradient(100deg,#12122e,#0d142f); border-color:#ffffff16; }
.platform-strip p { color:#b9b3d2; }.platform-strip p strong { color:#f2edff; }
.platform-wordmark { color:#e4def6; }.platform-wordmark:hover { color:#d8acff; }
.platform-wordmark .platform-twitter { color:#f1eafa; }
.services-section { color:#f6f1ff; background:radial-gradient(ellipse at 50% 10%,#631ea713,transparent 50%),#080d24; }
.services-section .section-head p { color:#b9b5cf; }
.platform-tabs { background:#12162d; border-color:#ffffff15; }
.platform-tab { color:#ddd5f0; }.platform-tab small { color:#aca4c4; }
.platform-tab[aria-selected=true] { background:#24203a; color:#faf3ff; border-color:#b883ff66; box-shadow:0 4px 20px #6523c51a; }
.platform-tab:hover { background:#8f53d914; }
.platform-context { color:#202139; box-shadow:0 8px 25px #0000000c; }
.platform-context h3 { color:#202139; }.platform-context p { color:#5e6076; }
.service-card { color:#f4f0ff; background:linear-gradient(145deg,#171b35,#13182e); border-color:#ffffff13; }
.service-card:hover { border-color:#b070ff66; box-shadow:0 15px 35px #00000025; }
.service-card h3 { color:#f6f1ff; }.service-card p { color:#b8b4d0; }
.service-card .tag { background:#a070ee0d; color:#cbb7e9; border:1px solid #c8a4ff20; }
.service-type { color:#c8b9e6; }.service-points span { color:#c0b7d8; }.service-points svg { color:#b5a0fa; }
.card-price-row { border-color:#ffffff16; }.card-price-row small { color:#aaa5bf; }.card-price-row strong { color:#f8f4ff; }
.card-price-row>span { color:#30354b; }
.services-note { color:#b2a9ce; }.services-note svg { color:#c0a7ff; }
.steps-section { background:linear-gradient(115deg,#12142e,#0c1531); border-color:#ffffff12; }
.step { color:#f2edff; background:#181c35; border-color:#ffffff15; }
.step h3 { color:#f5efff; }.step p { color:#b6b0ce; }.step-number { color:#9d82c8; }
.step-symbol,.feature-icon { background:#a064ef19; color:#cfafff; }.step-arrow { color:#a078d5; }
.why-section { background:#080d24; }
.why-copy h2 { color:#f4efff; }.why-copy>p,.feature p { color:#b6b1cf; }.feature h3 { color:#e8e0fc; }
.brand-playground { color:#f4ecff; background:linear-gradient(145deg,#37204d,#1c1941 65%,#142243); border:1px solid #b57ffa2a; }
.playground-header,.playground-note { color:#c8a8e6; }.playground-heading { color:#f4edff; }.playground-heading em { color:#c37cfa; }.playground-star { color:#67347c; }
.stats-section { background:linear-gradient(110deg,#241530,#111938); border-color:#b779f91c; }
.stat-block strong { color:#ce9aff; }.stat-block small { color:#ccc3df; }
.reviews-section { color:#f4ecff; background:radial-gradient(ellipse at 85% 0%,#762db12b,transparent 55%),#0c1028; }
.reviews-section::before { background:#7e23de18; }
.reviews-heading h2>span { color:#c49cff; }.reviews-heading p { color:#bcb2d2; }
.review-promise { background:#803acf0e; border-color:#b066f43a; }.review-promise-icon { color:white; background:linear-gradient(135deg,#b816f1,#eb27a3); }
.review-promise small { color:#b497d0; }
.review-filter { background:#ffffff03; color:#ded3ef; border-color:#a785cb2e; }
.review-filter[aria-pressed=true] { color:white; background:#8d37d8; border-color:#ba73ee; }
.review-filter[aria-pressed=true] .platform-instagram,.review-filter[aria-pressed=true] .platform-twitter { color:white; }
.review-card { background:linear-gradient(145deg,#1d1935,#151d37); border-color:#b795e91e; }
.review-card:hover { border-color:#bf7bf561; box-shadow:0 12px 30px #00000022; }
.review-card h3 { color:#f8f0ff; }.review-card blockquote { color:#c2b6d4; }
.sample-badge { color:#bc9ad2; border-color:#a367c83c; background:#943ec60b; }
.review-stars { color:#ffbe34; }.review-person { border-color:#b99add26; }
.review-avatar { color:#dbb7fa; background:#382544; }.review-person strong { color:#eee1fa; }.review-person small { color:#ad92c1; }.review-quote { color:#b853ff50; }
.review-controls>span,.reviews-disclosure { color:#aa91c2; }.review-dot { background:#5c406f; }.review-dot.active { background:#bb49ff; }
.review-arrows .circle-button { color:#e3cdf5; border-color:#b78ce44a; background:#6d37960b; }
.review-arrows .circle-button:hover { color:white; background:#923ae2; border-color:#bb75ef; }
.review-arrows .circle-button:disabled { color:#c2a5d9; background:#6d379609; border-color:#b78ce42b; }
.marquee-band { background:linear-gradient(100deg,#7922b7,#a323be 55%,#612abb); color:#fff2ff; }.marquee-track b { color:#ffa23d; }
.journal-section { background:#080d24; }.journal-heading p { color:#b9b3cf; }
.article-card { color:#f0eaff; background:#171b33; border-color:#ad89db24; }.article-card-body h3 { color:#f1eaff; }.article-card-body small { color:#aea4c6; }
.article-card .article-art { color:#f5ddff; background:linear-gradient(135deg,#291c5a,#8319c3); }
.article-card .article-art.peach { color:#ffe4f6; background:linear-gradient(135deg,#721897,#cc267b); }
.article-card .article-art.lime { color:#d3fdff; background:linear-gradient(135deg,#0e4155,#19385b); }
.faq-intro h2 { color:#f6efff; }.faq-intro p,.faq-list details>p { color:#b9b1ce; }.faq-list summary { color:#ece4f8; }.faq-list details { border-color:#ffffff16; }
.cta-box { background:radial-gradient(ellipse at 50% 10%,#7d14b438,transparent 75%),linear-gradient(135deg,#211238,#092140); border-color:#bb72ef33; }
.cta-box h2 { color:#fff1ff; }.cta-box p { color:#cebedf; }.cta-box .cta-star { color:#bc6af4; }
.site-footer { background:linear-gradient(130deg,#100c26,#0b142c); color:#eee6fb; border-color:#ffffff17; }
.footer-brand p { color:#b1a6c8; }.footer-column h3 { color:#efdef9; }.footer-column a { color:#aca1c4; }.footer-column a:hover { color:#e1b5ff; }
.footer-platform .platform-twitter { color:#f1e8f9; }
.social-links a { background:#211b36; border-color:#ffffff16; }.social-links a:has(.platform-twitter) { color:#f1e8f9; }
.footer-bottom { color:#a492bd; border-color:#ffffff17; }.footer-signoff { color:#d5c2e7; }.footer-signoff b { color:#c47bf8; }.footer-preview { color:#9683aa; }
.back-top { background:#8b37d6; color:white; }.toast { background:#38204f; color:#fff2ff; }

/* Forms, tools and deep-linked packages use the same palette. */
.breadcrumb { color:#b3a6ca; }.breadcrumb a { color:#dcc6f1; }
.page-hero h1,.contact-intro h2 { color:#f3ecff; }.page-hero p,.contact-intro>p { color:#b8afcf; }
.product-theme { background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--platform-color) 13%,transparent),transparent 60%),#080d24; }
.product-description h1 { color:#f7f1ff; }.product-description h1>span { color:color-mix(in srgb,var(--platform-color) 55%,#fff); }
.product-description>p { color:#bcb5d1; }.product-features { color:#d6cdea; }.product-features svg { color:#bf9eea; }
.platform-product-pill { background:var(--platform-soft); color:var(--platform-ink); }
.package-panel { background:#161b33; border-color:#a583ce22; box-shadow:0 16px 45px #00000020; }
.panel-heading h2 { color:#f5edff; }.panel-heading .tag { color:var(--platform-ink); }
.package-button { color:#f6efff; background:#10162b; border-color:#ffffff19; }
.package-button small { color:#b0a6c7; }.package-button .package-price { color:#d6c6eb; }
.package-button[aria-pressed=true] { color:var(--platform-ink); background:var(--platform-soft); }
.package-button[aria-pressed=true] small,.package-button[aria-pressed=true] .package-price { color:#505971; }
.package-popular { background:var(--platform-ink); color:white; }
.package-total strong { color:#f7f0ff; }.package-total small,.panel-note { color:#bcb0cd; }
.tool-card,.tool-panel,.contact-form,.value-card { background:#151a32; border-color:#a37ace26; color:#f3eaff; }
.tool-card h3,.value-card h3,.contact-detail h3 { color:#f3eaff; }.tool-card p,.value-card p,.contact-detail p { color:#b5abc9; }
.tool-card:hover { border-color:#b177e260; }.tool-result { background:#37244e; color:#e6c7ff; }
.tool-result small { color:#c6aedb; }
.field>span { color:#e6d9f2; }.field input,.field textarea,.field select { color:#f4e8ff; background:#0e1429; border-color:#ffffff24; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:#b57bec; box-shadow:0 0 0 3px #8d3cc52e; }
.field input::placeholder,.field textarea::placeholder { color:#9384ac; }.field small { color:#a993c1; }
.article p,.article li,.legal p { color:#bcb1ce; }.article>h1,.article h2,.legal h1,.legal h2 { color:#f6eaff; }
.article .article-art { color:#f4e4ff; background:linear-gradient(135deg,#291c5a,#8319c3); }
.article .article-art.peach { color:#ffe4f6; background:linear-gradient(135deg,#721897,#cc267b); }
.article .article-art.lime { color:#d3fdff; background:linear-gradient(135deg,#0e4155,#19385b); }
.order-dialog { background:#161a31; color:#f2e8fc; border-color:#bf83ed38; }.order-dialog::backdrop { background:#020618b3; }
.dialog-top p,.success-state p { color:#b8a8cc; }.order-summary { color:#1e2238; background:var(--platform-soft); }
.order-summary small { color:#566075; }.close-dialog { color:#f4deff; background:#3f2950; }
.preview-note { color:#c5afd7; background:#352744; }.success-icon { color:#211308; }.success-state code { color:#dfc4f3; background:#382546; }
.form-status { color:#d6acfb; }.form-status.error { color:#ff93b3; }

@media(min-width:1700px) {
  .hero-grid { gap:60px; min-height:670px; }.social-canvas { height:670px; }.hero-preview { max-width:420px; }.spotlight-visual { height:345px; }.spotlight-visual>strong { font-size:46px; }
}
@media(max-width:1250px) {
  .container { width:calc(100% - 80px); }.desktop-nav { gap:24px; }.nav-wrap { gap:20px; }.nav-actions { gap:18px; }.brand { font-size:22px; }
  .hero-grid { gap:28px; min-height:555px; }.social-canvas { height:555px; }.hero h1.service-hero-title { font-size:44px; }.hero-description { font-size:14px; }
  .hero .hero-eyebrow { font-size:8px; gap:7px; }.hero-actions { gap:18px; }.hero-actions .button { font-size:13px; padding:17px 24px; min-height:55px; }
  .hero-audience>div>span { font-size:10px; padding:0 16px; gap:7px; }.hero-audience svg { width:22px; height:22px; }
  .hero-preview { width:70%; top:10%; padding:4px; border-radius:27px; }.spotlight-card { padding:12px; border-radius:23px; }.spotlight-visual { height:268px; }
  .spotlight-top strong { font-size:11px; }.spotlight-top small { font-size:7px; }.spotlight-visual>strong { font-size:34px; bottom:38px; }.spotlight-growth { width:65px; height:65px; top:28px; right:19px; }
  .spotlight-bottom svg { width:19px; height:19px; }.spotlight-caption strong { font-size:8px; }.spotlight-caption>span { font-size:7px; }
  .orbit-platform { width:67px; height:67px; border-radius:20px; }.orbit-platform .native-icon { border-radius:19px; }.orbit-platform .platform-logo { width:38px; height:38px; }
  .orbit-4,.orbit-6 { width:62px; height:62px; }.orbit-4 .native-icon,.orbit-6 .native-icon { border-radius:19px; }
  .canvas-rays { width:62px; height:62px; }.canvas-floor { bottom:2%; height:27px; }.canvas-note { font-size:8px; }
}
@media(max-width:960px) {
  .container { width:calc(100% - 56px); }.nav-wrap { height:77px; }.desktop-nav { display:none; }.menu-toggle { display:block; }
  .hero { padding:40px 0 35px; }.hero-grid { grid-template-columns:1fr; gap:15px; }.hero-copy { text-align:center; max-width:760px; margin:auto; padding:0; }
  .hero .hero-eyebrow { margin-bottom:23px!important; }.hero h1.service-hero-title { font-size:clamp(40px,5.6vw,58px); }.hero-description { max-width:640px; margin:30px auto; font-size:15px; }
  .hero-actions,.hero-audience>div { justify-content:center; }.hero-audience { margin-top:27px; }
  .social-canvas { max-width:620px; margin:auto; height:640px; }.hero-preview { width:66%; max-width:370px; top:9%; }.spotlight-visual { height:306px; }.spotlight-visual>strong { font-size:40px; }
  .spotlight-top strong { font-size:13px; }.spotlight-top small { font-size:8px; }.spotlight-caption strong { font-size:10px; }.spotlight-caption>span { font-size:8px; }
  .orbit-platform { width:78px; height:78px; border-radius:23px; }.orbit-platform .native-icon { border-radius:22px; }.orbit-platform .platform-logo { width:43px; height:43px; }
  .orbit-4,.orbit-6 { width:70px; height:70px; }.orbit-4 .native-icon,.orbit-6 .native-icon { border-radius:22px; }.orbit-3 { right:0; }
  .canvas-floor { bottom:1%; }.canvas-note { bottom:0; left:2%; }.canvas-rays { width:73px; height:73px; }
  .dots-left { top:34%; }.dots-right { top:60%; }.decoration-orange { right:-310px; }
}
@media(max-width:700px) {
  .container { width:calc(100% - 40px); }.section { padding:65px 0; }.brand { font-size:19px; letter-spacing:-.95px; }.brand-mark { width:30px; height:30px; margin-right:5px; }
  .announcement { font-size:9px; gap:7px; padding:8px 10px; min-height:33px; }.announcement-star { display:inline; font-size:16px; }.announcement-separator { font-size:8px; }
  .nav-wrap { height:69px; gap:10px; }.nav-actions { gap:9px; }.site-header .button-small { font-size:10px; min-height:39px; padding:10px 16px; }
  .nav-actions .tools-link { display:none; }.hero { padding-top:32px; }.hero .hero-eyebrow { font-size:7px; gap:7px; padding:8px 11px; }
  .hero-flame { font-size:15px; }.hero-badge-detail { padding-left:7px; }.hero h1.service-hero-title { font-size:clamp(30px,6.9vw,47px); line-height:1.15; letter-spacing:-.045em; }
  .hero h1 em::after { bottom:-8px; height:4px; }.hero-description { font-size:13px; line-height:1.85; margin:25px auto; max-width:480px; }
  .hero-actions { gap:18px; }.hero-actions .button { font-size:12px; padding:15px 21px; min-height:49px; }.hero-actions .text-link { font-size:11px; gap:8px; }.hero-actions .play-circle { width:35px; height:35px; font-size:13px; }
  .hero-audience>div>span { font-size:9px; gap:5px; padding:0 11px; }.hero-audience svg { width:19px; height:19px; }
  .social-canvas { width:100%; max-width:470px; height:515px; }.hero-preview { width:67%; max-width:310px; top:10%; padding:4px; border-radius:25px; }
  .spotlight-card { padding:11px; border-radius:21px; }.spotlight-top { gap:7px; padding-bottom:11px; }.spotlight-top .native-icon { width:27px; height:27px; }.spotlight-top .platform-logo { width:16px; height:16px; }
  .spotlight-top strong { font-size:10px; }.spotlight-top small { font-size:7px; }.spotlight-top>span:last-child { font-size:13px; }
  .spotlight-visual { height:255px; border-radius:12px; padding:14px; }.spotlight-kicker { font-size:5px; }.spotlight-visual>strong { font-size:34px; left:14px; bottom:38px; }
  .spotlight-growth { height:64px; width:64px; top:29px; right:15px; }.spotlight-underline { bottom:20px; height:4px; }.spotlight-bottom { margin-top:11px; }.spotlight-bottom svg { width:18px; height:18px; }
  .spotlight-caption strong { font-size:8px; }.spotlight-caption>span { font-size:6px; }.orbit-platform { height:61px; width:61px; border-radius:18px; }
  .orbit-platform .native-icon { border-radius:17px; }.orbit-platform .platform-logo { height:35px; width:35px; }.orbit-platform::after { border-radius:15px; }
  .orbit-0 { left:6%; top:8%; }.orbit-1 { top:17%; right:0; }.orbit-2 { top:35%; left:0; }.orbit-3 { top:45%; right:-1%; }.orbit-4 { bottom:22%; left:3%; width:55px; height:55px; }.orbit-5 { bottom:11%; right:0; }.orbit-6 { bottom:6%; left:14%; width:56px; height:56px; }
  .orbit-4 .native-icon,.orbit-6 .native-icon { border-radius:17px; }.canvas-floor { height:22px; bottom:1%; left:17%; width:79%; }.canvas-note { font-size:7px; left:0; bottom:0; }.canvas-rays { width:55px; height:55px; right:7%; }
  .hero-dots { width:46px; height:42px; background-size:12px 12px; opacity:.45; }.dots-left { left:-7px; }.dots-right { right:0; }
  .decoration-violet { width:360px; height:300px; left:-255px; top:-255px; }.decoration-blue { width:260px; height:260px; left:-210px; bottom:-210px; }.decoration-orange { width:300px; height:180px; right:-210px; bottom:-125px; }
  .platform-strip { padding:24px 0; }.service-card p { min-height:0; }.reviews-heading h2 { font-size:36px; }.review-card { padding:25px; }
  .cta-box h2 { font-size:35px; }.footer-brand .brand { font-size:22px; }.footer-brand .brand-mark { width:33px; height:33px; }
}
@media(max-width:380px) {
  .container { width:calc(100% - 32px); }.brand { font-size:17px; }.brand-mark { width:27px; height:27px; }
  .site-header .button-small { padding:9px 12px; font-size:9px; }.announcement { font-size:8px; gap:5px; }
  .hero h1.service-hero-title { font-size:clamp(27px,7.7vw,30px); }.hero .hero-eyebrow { font-size:6px; padding:7px 9px; gap:6px; }
  .hero-actions { gap:12px; }.hero-actions .button { padding:14px 18px; font-size:11px; }.hero-actions .text-link { font-size:10px; }
  .hero-audience>div>span { padding:0 8px; font-size:8px; }.hero-audience svg { width:17px; height:17px; }
  .social-canvas { height:465px; }.hero-preview { width:68%; top:12%; border-radius:22px; padding:3px; }.spotlight-card { padding:9px; border-radius:18px; }
  .spotlight-top strong { font-size:8px; }.spotlight-top small { font-size:6px; }.spotlight-top .native-icon { width:22px; height:22px; }.spotlight-top .platform-logo { width:14px; height:14px; }
  .spotlight-visual { height:228px; padding:12px; }.spotlight-kicker { font-size:4px; }.spotlight-visual>strong { font-size:29px; left:12px; bottom:34px; }.spotlight-growth { width:54px; height:54px; top:24px; right:13px; }
  .spotlight-caption strong { font-size:7px; }.spotlight-caption>span { font-size:5px; }.spotlight-bottom svg { width:16px; height:16px; }
  .orbit-platform { width:52px; height:52px; border-radius:16px; }.orbit-platform .native-icon { border-radius:15px; }.orbit-platform .platform-logo { width:30px; height:30px; }
  .orbit-4,.orbit-6 { width:47px; height:47px; }.orbit-4 .native-icon,.orbit-6 .native-icon { border-radius:15px; }.canvas-note { font-size:6px; }.canvas-rays { width:44px; height:44px; }
}
@media(prefers-reduced-motion:reduce) {
  .social-canvas { transform:none; }.orbit-platform { animation:none; }.hero-preview { animation:none; }
}