:root, [data-theme="light"] { color-scheme:light; --ink:#17171b; --muted:#777780; --line:#e5e4e8; --paper:#fbfbfa; --violet:#6337ff; --violet-dark:#4820d1; --soft:#f0edff; --plum:#24152e; --danger:#a43d55; --header-bg:rgba(251,251,250,.88); --surface:rgba(255,255,255,.82); --surface-solid:#fff; --input-bg:#fff; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
[data-theme="gray"] { color-scheme:light; --ink:#1c1c1f; --muted:#6b6b76; --line:#d0d0d4; --paper:#eaeaeb; --violet:#5b2eff; --violet-dark:#4a1fe6; --soft:#dddde0; --plum:#24152e; --danger:#a43d55; --header-bg:rgba(234,234,235,.9); --surface:rgba(243,243,244,.9); --surface-solid:#f3f3f4; --input-bg:#fff; }
[data-theme="high-contrast"] { color-scheme:light; --ink:#000; --muted:#333; --line:#000; --paper:#fff; --violet:#5b2eff; --violet-dark:#3d0fcc; --soft:#f0f0f0; --plum:#150d20; --danger:#8b203c; --header-bg:rgba(255,255,255,.94); --surface:#fff; --surface-solid:#fff; --input-bg:#fff; }
[data-theme="colorful"] { color-scheme:light; --ink:#1c1c1f; --muted:#5b5b6b; --line:#d8d0f0; --paper:#f7f7f5; --violet:#5b2eff; --violet-dark:#4a1fe6; --soft:#ede8ff; --plum:#24152e; --danger:#a43d55; --header-bg:rgba(247,247,245,.9); --surface:rgba(255,255,255,.88); --surface-solid:#fff; --input-bg:#fff; }
[data-theme="dark"] { color-scheme:dark; --ink:#e4e5e9; --muted:#9394a0; --line:#2a2a33; --paper:#131316; --violet:#4C26D4; --violet-dark:#5F3BE6; --soft:#232329; --plum:#0d0810; --danger:#ff9bb2; --header-bg:rgba(19,19,22,.88); --surface:rgba(28,28,34,.9); --surface-solid:#1c1c22; --input-bg:#1c1c22; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background-color:var(--paper); background-image:radial-gradient(color-mix(in srgb, var(--ink) 14%, transparent) .8px, transparent .8px); background-size:24px 24px; color:var(--ink); }
body::before { content:""; position:fixed; z-index:-1; inset:0; pointer-events:none; background:none; }
a { color:inherit; } button, input { font:inherit; } button { border:0; cursor:pointer; } button:focus-visible, a:focus-visible, input:focus-visible { outline:3px solid #a899ff; outline-offset:3px; }
.hidden { display:none !important; }
.topbar { position:sticky; z-index:20; top:0; min-height:48px; border-bottom:1px solid var(--line); background:var(--header-bg); backdrop-filter:blur(18px); }
.topbar-inner { width:100%; min-height:48px; margin:0; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.product-brand-lockup, .footer-brand { display:flex; align-items:center; } .product-brand-lockup { gap:0; color:var(--ink); text-decoration:none; } .product-brand-lockup img { display:block; width:24px; height:24px; margin-right:8px; } .product-brand-name { font-size:27px; font-weight:800; letter-spacing:-.065em; line-height:1; } .product-brand-pro { position:relative; top:-.42em; margin-left:3px; color:var(--muted); font-size:13px; font-weight:750; letter-spacing:.08em; line-height:1; }
.footer-brand { gap:8px; } .footer-brand .footer-mark { display:block; width:28px; height:28px; } .footer-brand .footer-wordmark { display:block; width:auto; height:20px; }
.main-nav { display:flex; align-items:center; gap:24px; color:var(--muted); font-size:14px; } .main-nav a, .mobile-nav a { text-decoration:none; } .main-nav a:hover, .mobile-nav a:hover { color:var(--ink); } .nav-divider { width:1px; height:28px; background:var(--line); } .theme-control { position:relative; } .account-link { display:inline-flex; align-items:center; gap:9px; white-space:nowrap; } .account-link svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; } button.icon-control { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:32px; padding:6px 9px; border-radius:7px; background:transparent !important; color:var(--muted) !important; box-shadow:none !important; font-weight:400 !important; } button.icon-control:hover { background:var(--soft) !important; color:var(--ink) !important; } .icon-control svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; } .icon-control circle { fill:currentColor; stroke:none; } .theme-menu { position:absolute; right:0; top:calc(100% + 9px); z-index:50; min-width:164px; padding:5px; border:1px solid var(--line); border-radius:10px; background:var(--surface-solid); box-shadow:0 14px 30px rgba(0,0,0,.12); } .theme-menu button { display:block; width:100%; padding:9px 11px; border-radius:7px; background:transparent !important; color:var(--ink) !important; text-align:left; font-size:13px; font-weight:400 !important; } .theme-menu button[aria-checked="true"] { color:var(--violet) !important; font-weight:500 !important; } .theme-menu button:hover { background:var(--soft) !important; color:var(--ink) !important; } .theme-menu button[aria-checked="true"]:hover { color:var(--violet-dark) !important; } .mobile-theme-row { display:none; } .menu-button, .mobile-nav { display:none; }
.quiet { padding:8px 10px; border-radius:9px; background:transparent; color:var(--muted); font-size:13px; } .quiet:hover { background:var(--soft); color:var(--ink); }
.site-shell { max-width:1240px; margin:auto; padding:54px 28px 80px; } .page-view { min-height:calc(100vh - 220px); }
.hero-marketing { min-height:650px; display:grid; grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr); align-items:center; gap:54px; padding:40px 0 74px; } .hero-copy { max-width:610px; } .eyebrow { margin:0 0 15px; color:var(--violet); font-size:11px; line-height:1.2; letter-spacing:.22em; font-weight:800; text-transform:uppercase; } h1,h2,p { margin-top:0; } h1 { margin-bottom:24px; font-size:clamp(48px,7vw,94px); line-height:.94; letter-spacing:-.075em; } h1 em, .page-intro h1 em { color:var(--violet); font-style:normal; } h2 { margin-bottom:12px; font-size:clamp(24px,3vw,38px); line-height:1; letter-spacing:-.06em; } .lead { max-width:570px; margin-bottom:28px; color:var(--muted); font-size:19px; line-height:1.5; } .micro-copy { margin:14px 0 0; color:var(--muted); font-size:12px; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; } .hero-copy .hero-actions, .download-card .hero-actions { justify-content:flex-start; } .button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:48px; padding:13px 20px; border-radius:999px; background:var(--violet); color:#fff; text-decoration:none; font-size:14px; font-weight:750; box-shadow:none; transition:transform .18s ease, background .18s ease; } .button span { font-size:19px; line-height:0; } .button:hover { background:var(--violet-dark); transform:translateY(-2px); } .button-secondary { background:rgba(255,255,255,.75); color:var(--ink); border:1px solid var(--line); box-shadow:none; } .button-secondary:hover { background:#fff; color:var(--violet-dark); } .button-light { background:#fff; color:var(--plum); box-shadow:none; } .button-light:hover { background:#eee9ff; } .full-width { width:100%; }
.hero-visual { min-width:0; } .hero-screenshot { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:18px; box-shadow:0 28px 90px rgba(53,33,100,.16); transform:rotate(2.4deg); transform-origin:center; }
.section-gap { margin-top:84px; } .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .feature-grid.section-gap { margin-top:42px; } .feature-card, .card, .workflow-card, .pricing-card { border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 18px 70px rgba(53,33,100,.06); } .feature-card { min-height:0; padding:12px 25px; } .feature-icon { display:flex; align-items:center; width:28px; height:28px; margin-bottom:14px; color:var(--violet); } .feature-icon svg { display:block; width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .feature-card h2 { margin-bottom:7px; font-size:22px; } .feature-card p { margin:0; color:var(--muted); font-size:15px; line-height:1.45; }
.product-facts-section { padding:42px 0 0; border-top:1px solid var(--line); }
.product-facts-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.78fr); gap:70px; align-items:end; margin-bottom:30px; }
.product-facts-heading h2 { max-width:720px; margin:0; font-size:clamp(38px,5vw,66px); }
.product-facts-heading > p { max-width:520px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; }
.product-facts-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:16px; }
.product-facts-list, .product-facts-output { margin:0; padding:26px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 18px 70px rgba(53,33,100,.06); }
.product-facts-list { display:grid; gap:0; }
.product-facts-list div { display:grid; grid-template-columns:120px 1fr; gap:22px; padding:15px 0; border-top:1px solid var(--line); }
.product-facts-list div:first-child { padding-top:0; border-top:0; }
.product-facts-list div:last-child { padding-bottom:0; }
.product-facts-list dt { color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.product-facts-list dd { margin:0; font-size:15px; line-height:1.45; }
.product-facts-output { display:flex; flex-direction:column; justify-content:center; background:linear-gradient(145deg,rgba(237,231,255,.9),rgba(255,255,255,.88)); }
.facts-flow { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:10px 0 18px; }
.facts-flow span { padding:8px 11px; border:1px solid rgba(99,55,255,.18); border-radius:999px; background:rgba(255,255,255,.72); color:var(--ink); font-size:12px; font-weight:750; }
.facts-flow b { color:var(--violet); }
.product-facts-output > p:not(.eyebrow) { max-width:440px; margin:0; color:var(--muted); font-size:15px; line-height:1.55; }
.product-facts-output .text-link { margin-top:15px; }
.product-workflow-focus { display:grid; grid-template-columns:minmax(0,2.55fr) minmax(250px,1fr); gap:22px; align-items:stretch; }
.product-workflow-visual { display:flex; flex-direction:column; min-width:0; margin:0; padding:16px; border:1px solid var(--line); border-radius:24px; background:var(--surface); box-shadow:0 18px 70px rgba(53,33,100,.06); }
.product-workflow-visual img, .product-workflow-visual video { display:block; width:100%; height:auto; border-radius:15px; }
.product-workflow-visual figcaption { padding:13px 4px 2px; color:var(--muted); font-size:12px; line-height:1.4; }
.workflow-primary { justify-content:flex-start; padding:24px; background:var(--surface); }
.workflow-primary h3 { max-width:360px; margin:0 0 14px; font-size:clamp(28px,3vw,40px); line-height:1; letter-spacing:-.06em; }
.workflow-flow-vertical { margin:0 0 8px; }
.workflow-flow-vertical .flow-step { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:13px; padding:11px 0; border-top:1px solid var(--line); }
.workflow-flow-vertical .flow-step:last-child { border-bottom:1px solid var(--line); }
.flow-marker { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--line); border-radius:50%; color:var(--violet); font-size:10px; font-weight:800; }
.flow-step strong { display:block; font-size:14px; }
.flow-step small { color:var(--muted); font-size:13px; line-height:1.4; }
.workflow-cta { align-self:flex-start; min-height:0; margin-top:10px; padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:var(--surface-solid); }
.workflow-cta:hover { border-color:rgba(99,55,255,.4); }
.process-section { margin-top:132px; }
.process-heading { max-width:620px; margin-bottom:38px; }
.process-heading h2 { margin:0; font-size:clamp(36px,5vw,62px); }
.process-heading h2 em { color:var(--violet); font-style:normal; }
.process-steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.process-step { display:grid; grid-template-columns:34px 1fr; gap:16px; padding:25px 28px 0 0; border-right:1px solid var(--line); }
.process-step + .process-step { padding-left:28px; }
.process-step:last-child { border-right:0; }
.process-number { color:var(--violet); font-size:11px; font-weight:800; letter-spacing:.08em; }
.process-step h3 { margin:0 0 8px; font-size:20px; letter-spacing:-.04em; }
.process-step p { margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
[data-theme="dark"] .product-workflow-visual, [data-theme="dark"] .workflow-primary { background:var(--surface); }
@media (max-width:900px) {
  .product-workflow-focus { grid-template-columns:1fr; }
  .process-steps { grid-template-columns:1fr; }
  .process-step, .process-step + .process-step { padding:18px 0; border-right:0; border-bottom:1px solid var(--line); }
  .process-step:last-child { border-bottom:0; }
}
@media (max-width:700px) {
  .product-facts-section { padding-top:28px; }
  .product-facts-heading { margin-bottom:28px; }
  .product-facts-heading h2 { font-size:44px; }
  .product-workflow-visual { padding:10px; }
  .workflow-primary { padding:24px; }
  .process-section { margin-top:92px; }
  .process-heading { margin-bottom:28px; }
}
.upcoming-heading { max-width:820px; margin-bottom:28px; } .upcoming-heading h2 { max-width:760px; margin:0 0 15px; font-size:clamp(38px,5vw,62px); } .upcoming-heading h2 em, .story-copy h2 em { color:var(--violet); font-style:normal; } .upcoming-heading > p:last-child { max-width:650px; margin:0; color:var(--muted); font-size:16px; line-height:1.55; } .upcoming-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .upcoming-card { min-height:0; padding:22px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 18px 70px rgba(53,33,100,.06); } .upcoming-card .feature-icon { margin-bottom:12px; } .upcoming-card h3 { max-width:430px; margin:0 0 8px; font-size:22px; line-height:1; letter-spacing:-.05em; } .upcoming-card p:not(.eyebrow) { max-width:530px; margin:0; color:var(--muted); font-size:14px; line-height:1.45; }
.own-ai-page { padding-bottom:120px; }
.own-ai-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); gap:66px; align-items:center; min-height:620px; padding:36px 0 74px; }
.own-ai-hero-copy h1 { max-width:760px; margin-bottom:22px; font-size:clamp(48px,6vw,78px); }
.own-ai-hero-copy h1 em { color:var(--violet); font-style:normal; }
.own-ai-hero-copy .lead { max-width:640px; margin-bottom:28px; }
.own-ai-summary-card { position:relative; overflow:hidden; padding:0; border:1px solid rgba(188,168,255,.2); border-radius:26px; background:linear-gradient(145deg,#171425,#1f1729 54%,#35202d); color:#fff; box-shadow:0 28px 70px rgba(28,17,43,.28); isolation:isolate; transform:translateZ(0) rotate(1deg); }
.own-ai-summary-card::before { content:""; position:absolute; z-index:-1; width:230px; height:230px; top:-120px; right:-90px; border-radius:50%; background:rgba(99,55,255,.28); filter:blur(10px); opacity:.65; transform:scale(.8); transition:transform 1.4s cubic-bezier(.2,.8,.25,1), opacity .6s ease; }
.own-ai-summary-card.is-live::before { opacity:1; transform:scale(1.25); }
.own-ai-roles .eyebrow { color:#bca8ff; }
.own-ai-signal-head { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.12); background:#11131e; }
.own-ai-signal-brand, .own-ai-signal-state { display:flex; align-items:center; color:#bca8ff; font-size:9px; font-weight:800; letter-spacing:.15em; white-space:nowrap; }
.own-ai-signal-brand i { width:7px; height:7px; margin-right:9px; border-radius:50%; background:#7c5cff; box-shadow:0 0 0 5px rgba(124,92,255,.14); }
.own-ai-signal-state { color:rgba(255,255,255,.58); transition:color .3s ease; }
.own-ai-summary-card.is-ready .own-ai-signal-state { color:#9fe6bb; }
.own-ai-signal-stage { position:relative; min-height:210px; overflow:hidden; background:linear-gradient(135deg,rgba(99,55,255,.12),rgba(15,30,39,.46) 54%,rgba(126,62,56,.2)); }
.own-ai-signal-grid { position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(to bottom,#000,transparent); }
.own-ai-source-node, .own-ai-moment-node { position:absolute; z-index:2; display:grid; padding:13px 14px; border:1px solid rgba(255,255,255,.18); border-radius:14px; background:rgba(17,19,30,.88); box-shadow:0 16px 38px rgba(0,0,0,.22); }
.own-ai-source-node { top:25px; left:18px; width:126px; }
.own-ai-moment-node { right:18px; bottom:24px; width:128px; opacity:.32; transform:translateY(12px) scale(.94); transition:opacity .45s ease .5s, transform .65s cubic-bezier(.2,.8,.25,1) .42s; }
.own-ai-summary-card.is-live .own-ai-moment-node { opacity:1; transform:translateY(0) scale(1); }
.own-ai-source-node small, .own-ai-moment-node small, .own-ai-plan-strip small { color:#bca8ff; font-size:8px; font-weight:800; letter-spacing:.13em; }
.own-ai-source-node strong { margin:6px 0 3px; font-size:16px; letter-spacing:-.04em; }
.own-ai-source-node span { color:rgba(255,255,255,.48); font-size:9px; }
.own-ai-moment-node strong { margin:8px 0 2px; font-size:21px; line-height:.95; letter-spacing:-.04em; }
.own-ai-moment-node b { margin-top:6px; color:#9fe6bb; font-size:8px; letter-spacing:.12em; }
.own-ai-signal-path { position:absolute; z-index:1; width:calc(100% - 288px); height:2px; top:98px; left:144px; overflow:visible; background:linear-gradient(90deg,rgba(188,168,255,.15),#8c71ff,rgba(159,230,187,.34)); box-shadow:0 0 16px rgba(140,113,255,.55); transform:rotate(14deg); transform-origin:left center; }
.own-ai-signal-path i { position:absolute; width:6px; height:6px; top:-2px; left:0; border-radius:50%; background:#c5b6ff; box-shadow:0 0 12px #8c71ff; opacity:0; }
.own-ai-summary-card.is-live .own-ai-signal-path i { animation:own-ai-packet 1.35s ease-in-out forwards; }
.own-ai-summary-card.is-live .own-ai-signal-path i:nth-child(2) { animation-delay:.32s; }
.own-ai-summary-card.is-live .own-ai-signal-path i:nth-child(3) { animation-delay:.64s; }
@keyframes own-ai-packet { 0% { left:0; opacity:0; transform:scale(.7); } 18%,78% { opacity:1; } 100% { left:calc(100% - 6px); opacity:0; transform:scale(1.15); } }
.own-ai-output-stack { position:absolute; left:21px; bottom:22px; display:flex; align-items:flex-end; gap:6px; }
.own-ai-output-stack i { display:block; width:23px; height:39px; border:1px solid rgba(255,255,255,.35); border-radius:6px; background:linear-gradient(160deg,rgba(99,55,255,.54),rgba(213,125,86,.3)); box-shadow:inset 0 0 0 3px rgba(17,19,30,.32); opacity:0; transform:translateY(18px) rotate(-7deg); transition:opacity .35s ease, transform .6s cubic-bezier(.2,.8,.25,1); }
.own-ai-output-stack i:nth-child(2) { height:47px; transform:translateY(18px); transition-delay:.18s; }
.own-ai-output-stack i:nth-child(3) { height:42px; transform:translateY(18px) rotate(7deg); transition-delay:.34s; }
.own-ai-summary-card.is-ready .own-ai-output-stack i { opacity:1; transform:translateY(0) rotate(-7deg); }
.own-ai-summary-card.is-ready .own-ai-output-stack i:nth-child(2) { transform:translateY(0); }
.own-ai-summary-card.is-ready .own-ai-output-stack i:nth-child(3) { transform:translateY(0) rotate(7deg); }
.own-ai-plan-strip { display:grid; grid-template-columns:.8fr 1.2fr; gap:16px; padding:19px 18px 17px; border-top:1px solid rgba(255,255,255,.12); background:rgba(15,14,23,.7); }
.own-ai-plan-strip > div { display:grid; align-content:start; }
.own-ai-plan-strip > div + div { padding-left:16px; border-left:1px solid rgba(255,255,255,.14); }
.own-ai-plan-strip > div:first-child strong { margin-top:6px; font-size:21px; letter-spacing:-.055em; white-space:nowrap; }
.own-ai-plan-strip > div:last-child strong { font-size:15px; letter-spacing:-.035em; }
.own-ai-plan-strip span { margin-top:5px; color:rgba(255,255,255,.55); font-size:9px; line-height:1.35; }
.own-ai-plan-footnote { display:block; padding:13px 18px 15px; border-top:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.48); font-size:10px; line-height:1.45; }
@media (prefers-reduced-motion: reduce) { .own-ai-summary-card::before, .own-ai-moment-node, .own-ai-output-stack i { transition:none; } .own-ai-summary-card.is-live .own-ai-signal-path i, .own-ai-capacity-number::after, .own-ai-cinema-mark i { animation:none; } }
.own-ai-workflow, .own-ai-providers, .own-ai-comparison, .own-ai-requirements, .own-ai-faq { max-width:1080px; margin-right:auto; margin-left:auto; }
.own-ai-section-heading { max-width:760px; margin-bottom:30px; }
.own-ai-section-heading h2, .own-ai-roles h2, .own-ai-capacity h2 { margin:0; font-size:clamp(38px,5vw,60px); }
.own-ai-section-heading > p:last-child, .own-ai-roles-heading > p:last-child { max-width:680px; margin:16px 0 0; color:var(--muted); font-size:16px; line-height:1.6; }
.own-ai-step-grid, .own-ai-requirement-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid var(--line); border-radius:24px; background:var(--surface); }
.own-ai-step-grid article, .own-ai-requirement-grid article { min-height:245px; padding:28px; }
.own-ai-step-grid article + article, .own-ai-requirement-grid article + article { border-left:1px solid var(--line); }
.own-ai-step-grid article > span, .own-ai-requirement-grid article > span { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--soft); color:var(--violet-dark); font-size:11px; font-weight:800; }
.own-ai-step-grid h3, .own-ai-requirement-grid h3 { margin:32px 0 9px; font-size:24px; letter-spacing:-.05em; }
.own-ai-step-grid p, .own-ai-requirement-grid p { max-width:285px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.own-ai-step-grid code { padding:2px 5px; border-radius:5px; background:var(--soft); color:var(--ink); font-size:.9em; }
.own-ai-provider-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.own-ai-provider-grid article { min-height:132px; padding:24px 28px; border:1px solid var(--line); border-radius:22px; background:var(--surface-solid); }
.own-ai-provider-grid span { display:block; color:var(--violet); font-size:10px; font-weight:800; letter-spacing:.16em; }
.own-ai-provider-grid h3 { margin:24px 0 0; font-size:30px; letter-spacing:-.05em; }
.own-ai-provider-grid p { max-width:240px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.own-ai-provider-note { margin:16px 2px 0; color:var(--muted); font-size:12px; line-height:1.55; }
.own-ai-roles { display:grid; grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr); gap:56px; align-items:center; padding:56px; border-radius:30px; background:linear-gradient(115deg,#21162a,#172c31 55%,#6d3b34); color:#fff; }
.own-ai-roles-heading > p:last-child { color:rgba(255,255,255,.68); }
.own-ai-role-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:20px; background:rgba(255,255,255,.16); }
.own-ai-role-grid article { min-height:164px; padding:22px; background:rgba(20,17,28,.5); }
.own-ai-role-grid span { color:#bca8ff; font-size:10px; font-weight:800; letter-spacing:.12em; }
.own-ai-role-grid h3 { margin:30px 0 7px; font-size:19px; letter-spacing:-.04em; }
.own-ai-role-grid p { margin:0; color:rgba(255,255,255,.62); font-size:13px; line-height:1.48; }
.own-ai-capacity { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr); gap:48px; align-items:center; max-width:1080px; margin-right:auto; margin-left:auto; padding:44px; border:1px solid var(--line); border-radius:28px; background:var(--surface); }
.own-ai-capacity-number { isolation:isolate; position:relative; display:grid; min-height:320px; place-content:center; justify-items:center; overflow:hidden; padding:42px 32px; border:1px solid rgba(188,168,255,.24); border-radius:24px; background:radial-gradient(circle at 50% 42%,rgba(119,84,255,.32),transparent 36%),linear-gradient(145deg,#0b0d17 4%,#18152b 54%,#351d35 100%); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -70px 90px rgba(0,0,0,.25),0 24px 55px rgba(31,19,57,.2); text-align:center; }
.own-ai-capacity-number::before { content:""; position:absolute; z-index:-1; inset:16px; border:1px solid rgba(255,255,255,.1); border-radius:17px; box-shadow:inset 0 0 46px rgba(127,91,255,.08); }
.own-ai-capacity-number::after { content:""; position:absolute; z-index:-1; top:-40%; left:-48%; width:34%; height:180%; background:linear-gradient(90deg,transparent,rgba(223,214,255,.16),transparent); filter:blur(2px); transform:skewX(-16deg); animation:own-ai-cinema-sweep 6s ease-in-out infinite; }
.own-ai-cinema-mark { position:absolute; z-index:-1; inset:40px 24px; display:flex; justify-content:space-between; margin:0; pointer-events:none; }
.own-ai-cinema-mark i { display:block; width:25%; border:1px solid rgba(188,168,255,.24); background:linear-gradient(90deg,rgba(99,55,255,.45),rgba(99,55,255,.04)); box-shadow:0 0 42px rgba(99,55,255,.2); clip-path:polygon(0 0,100% 20%,100% 80%,0 100%); animation:own-ai-cinema-breathe 4.8s ease-in-out infinite; }
.own-ai-cinema-mark i:last-child { background:linear-gradient(270deg,rgba(213,125,86,.38),rgba(213,125,86,.03)); box-shadow:0 0 42px rgba(213,125,86,.18); clip-path:polygon(0 20%,100% 0,100% 100%,0 80%); animation-delay:-2.4s; }
.own-ai-capacity-number strong { position:relative; z-index:1; font-size:clamp(76px,9vw,116px); line-height:.82; letter-spacing:-.08em; text-shadow:0 5px 28px rgba(0,0,0,.38); }
.own-ai-capacity-number .own-ai-capacity-unit { position:relative; z-index:1; margin-top:21px; color:#d6ccff; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
@keyframes own-ai-cinema-sweep { 0%,14% { left:-48%; opacity:0; } 28% { opacity:1; } 54%,100% { left:114%; opacity:0; } }
@keyframes own-ai-cinema-breathe { 0%,100% { opacity:.55; transform:scaleY(.94); } 50% { opacity:1; transform:scaleY(1); } }
.own-ai-capacity > div:last-child > p:not(.eyebrow) { max-width:620px; margin:16px 0 14px; color:var(--muted); font-size:16px; line-height:1.55; }
.own-ai-capacity small, .own-ai-comparison-footnote { color:var(--muted); font-size:12px; line-height:1.55; }
.own-ai-comparison-wrap { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:var(--surface); }
.own-ai-comparison table { width:100%; border-collapse:collapse; text-align:left; }
.own-ai-comparison th, .own-ai-comparison td { padding:18px 22px; border-bottom:1px solid var(--line); font-size:14px; line-height:1.45; vertical-align:top; }
.own-ai-comparison thead th { color:var(--muted); font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.own-ai-comparison tbody th { width:28%; font-size:14px; }
.own-ai-comparison tbody td { width:36%; color:var(--muted); }
.own-ai-comparison tbody td:last-child { color:var(--ink); font-weight:700; }
.own-ai-comparison tbody tr:last-child th, .own-ai-comparison tbody tr:last-child td { border-bottom:0; }
.own-ai-comparison-footnote { margin:13px 2px 0; }
.own-ai-comparison-guidance { max-width:760px; margin:25px 0 0; font-size:17px; line-height:1.55; }
.own-ai-flow { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; border:1px solid var(--line); border-radius:24px; background:var(--surface); list-style:none; }
.own-ai-flow li { position:relative; min-height:150px; padding:24px 20px; }
.own-ai-flow li + li { border-left:1px solid var(--line); }
.own-ai-flow li:not(:last-child)::after { content:'→'; position:absolute; z-index:1; top:50%; right:-13px; display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--line); border-radius:50%; background:var(--surface-solid); color:var(--violet); font-size:13px; transform:translateY(-50%); }
.own-ai-flow span { display:block; margin-bottom:36px; color:var(--violet); font-size:10px; font-weight:800; letter-spacing:.12em; }
.own-ai-flow strong { display:block; font-size:15px; line-height:1.35; }
.own-ai-faq .own-ai-section-heading { margin-bottom:12px; }
.own-ai-faq .clips-faq-list { max-width:none; }
@media (max-width:900px) { body[data-seo-page="use-your-own-ai"] .main-nav { display:none; } body[data-seo-page="use-your-own-ai"] .menu-button { display:block; padding:7px 11px; border:1px solid var(--line); border-radius:999px; background:var(--surface-solid); color:var(--ink); font-size:13px; } body[data-seo-page="use-your-own-ai"] .mobile-nav { display:grid; max-height:0; overflow:hidden; gap:0; padding:0 18px; background:var(--header-bg); transition:max-height .2s ease, padding .2s ease; } body[data-seo-page="use-your-own-ai"] .mobile-nav.open { max-height:520px; padding:8px 18px 18px; } body[data-seo-page="use-your-own-ai"] .mobile-nav a { padding:12px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:14px; } body[data-seo-page="use-your-own-ai"] .mobile-nav .account-link { gap:9px; } body[data-seo-page="use-your-own-ai"] .mobile-nav .account-link svg { width:18px; height:18px; } body[data-seo-page="use-your-own-ai"] .mobile-theme-row { position:relative; display:flex; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); } body[data-seo-page="use-your-own-ai"] .mobile-theme-row .theme-menu { position:static; margin-left:8px; } body[data-seo-page="use-your-own-ai"] .mobile-theme-row .icon-control { padding-left:0; } .own-ai-hero { grid-template-columns:1fr; gap:34px; } .own-ai-summary-card { width:100%; max-width:720px; margin:0 auto; } .own-ai-roles { grid-template-columns:1fr; gap:36px; padding:44px; } .own-ai-capacity { grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr); gap:34px; padding:34px; } .own-ai-flow { grid-template-columns:1fr; overflow:hidden; } .own-ai-flow li { min-height:0; padding:20px 24px; } .own-ai-flow li + li { border-top:1px solid var(--line); border-left:0; } .own-ai-flow li:not(:last-child)::after { content:'↓'; top:auto; right:24px; bottom:-13px; transform:none; } .own-ai-flow span { margin-bottom:12px; } }
@media (max-width:700px) { .own-ai-page { padding-bottom:78px; } .own-ai-hero { min-height:0; gap:32px; padding:24px 0 42px; } .own-ai-hero-copy h1 { font-size:clamp(43px,13vw,62px); } .own-ai-summary-card { padding:0; transform:none; } .own-ai-step-grid, .own-ai-provider-grid, .own-ai-requirement-grid, .own-ai-role-grid { grid-template-columns:1fr; } .own-ai-step-grid article, .own-ai-requirement-grid article, .own-ai-role-grid article { min-height:0; padding:24px; } .own-ai-provider-grid article { min-height:116px; padding:20px 24px; } .own-ai-provider-grid h3 { margin-top:18px; } .own-ai-step-grid article + article, .own-ai-requirement-grid article + article { border-top:1px solid var(--line); border-left:0; } .own-ai-step-grid h3, .own-ai-requirement-grid h3, .own-ai-role-grid h3 { margin-top:22px; } .own-ai-roles { padding:36px 24px 24px; } .own-ai-capacity { grid-template-columns:1fr; padding:24px; } .own-ai-capacity-number { min-height:270px; padding:30px 20px; } .own-ai-cinema-mark { inset:32px 20px; } .own-ai-comparison-wrap { overflow:visible; border:0; background:transparent; } .own-ai-comparison thead { display:none; } .own-ai-comparison tbody { display:grid; gap:10px; } .own-ai-comparison tr { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:var(--surface); } .own-ai-comparison tbody th { grid-column:1 / -1; width:auto; padding:13px 16px; background:var(--soft); } .own-ai-comparison tbody td { width:auto; padding:14px 16px; border-bottom:0; } .own-ai-comparison tbody td + td { border-left:1px solid var(--line); } .own-ai-comparison tbody td::before { content:attr(data-label); display:block; margin-bottom:5px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .own-ai-comparison-guidance { font-size:16px; } .own-ai-flow li { padding:18px 20px; } }
.story-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; } .story-copy { max-width:500px; } .story-copy h2 { font-size:clamp(38px,5vw,64px); line-height:.98; } .story-copy > p:last-child { color:var(--muted); font-size:17px; line-height:1.6; } .workflow-card { padding:30px; } .workflow-card h2 { margin-bottom:28px; font-size:30px; } .workflow-step { display:flex; gap:18px; padding:18px 0; border-top:1px solid var(--line); } .workflow-step b { color:var(--violet); font-size:13px; } .workflow-step strong, .workflow-step small { display:block; } .workflow-step strong { margin-bottom:5px; font-size:15px; } .workflow-step small { color:var(--muted); font-size:13px; line-height:1.4; }
.dark-banner { overflow:hidden; position:relative; padding:72px 8%; border-radius:30px; background:linear-gradient(115deg,#21162a,#172c31 55%,#6d3b34); color:#fff; text-align:center; } .dark-banner::after { content:""; position:absolute; width:340px; height:340px; right:2%; top:-150px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.04), 0 0 0 68px rgba(255,255,255,.03); } .dark-banner .eyebrow { color:#bca8ff; } .dark-banner h2 { position:relative; z-index:1; max-width:700px; margin:0 auto 13px; font-size:clamp(42px,6vw,74px); } .dark-banner p:not(.eyebrow) { position:relative; z-index:1; color:rgba(255,255,255,.7); } .dark-banner .button { position:relative; z-index:1; margin-top:20px; }
.page-intro { max-width:690px; padding:45px 0 64px; } .page-intro h1 { font-size:clamp(48px,7vw,86px); } .pricing-intro { max-width:760px; margin:0 auto; text-align:center; } .pricing-intro .lead { margin-right:auto; margin-left:auto; } .pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; max-width:1120px; margin:0 auto; align-items:stretch; } .plan-card { display:flex; flex-direction:column; min-height:590px; padding:30px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 18px 70px rgba(53,33,100,.06); } .plan-card-local { background:#eeeeec; border-color:#d5d5d0; box-shadow:none; } .plan-card-featured { border:2px solid var(--violet); background:linear-gradient(145deg,rgba(237,231,255,.92),rgba(255,255,255,.9)); box-shadow:none; } .plan-card-heading { height:auto; min-height:170px; } .plan-card-heading h2 { margin-bottom:12px; font-size:clamp(30px,4vw,46px); } .plan-card-heading > p:last-child { color:var(--muted); line-height:1.5; } .plan-label-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .plan-label-row .eyebrow { margin-bottom:15px; } .plan-badge { padding:6px 9px; border-radius:999px; background:var(--soft); color:var(--violet-dark); font-size:10px; font-weight:800; letter-spacing:.08em; white-space:nowrap; } .plan-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:7px; min-height:82px; margin:12px 0 22px; padding-top:18px; border-top:1px solid var(--line); } .plan-price strong { font-size:38px; letter-spacing:-.06em; } .plan-price span { color:var(--muted); font-size:15px; } .plan-price small { flex-basis:100%; color:var(--muted); font-size:13px; } .plan-card .button { margin-top:0; } .plan-divider { height:1px; margin:28px 0 20px; background:var(--line); } .plan-includes { margin-bottom:12px; color:var(--muted); font-size:13px; font-weight:700; } .plan-features { display:grid; gap:11px; padding:0; margin:0; list-style:none; } .plan-features li { position:relative; padding-left:22px; color:var(--ink); font-size:14px; line-height:1.4; } .plan-features li::before { content:"✓"; position:absolute; left:0; color:var(--violet); font-weight:800; } .shop-layout { display:grid; grid-template-columns:1fr 420px; gap:70px; align-items:start; } .shop-benefits { padding:34px 0; } .shop-benefits h2 { margin-bottom:32px; font-size:clamp(38px,5vw,62px); } .shop-benefits ul { display:grid; gap:0; max-width:580px; padding:0; margin:0; list-style:none; } .shop-benefits li { display:flex; gap:18px; padding:21px 0; border-top:1px solid var(--line); } .shop-benefits li > span { color:var(--violet); font-size:23px; } .shop-benefits strong, .shop-benefits small { display:block; } .shop-benefits strong { margin-bottom:5px; font-size:16px; } .shop-benefits small { color:var(--muted); font-size:14px; line-height:1.4; } .pricing-card { padding:30px; } .shop-app-icon { display:block; width:76px; height:76px; margin:0 0 24px; border-radius:18px; object-fit:cover; box-shadow:0 14px 28px rgba(53,33,100,.16); } .pricing-card h2 { font-size:34px; } .pricing-copy { min-height:48px; color:var(--muted); line-height:1.5; } .price-placeholder { margin:25px 0; padding:16px; border-radius:14px; background:#f7f5fc; color:var(--violet-dark); font-size:13px; font-weight:700; }
.clips-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.9fr); gap:66px; align-items:center; min-height:620px; padding:36px 0 74px; } .clips-hero-copy { max-width:670px; } .clips-hero-copy h1 { max-width:670px; } .clips-hero-copy .lead { max-width:620px; } .clips-hero-panel { overflow:hidden; border:1px solid rgba(99,55,255,.18); border-radius:28px; background:linear-gradient(145deg,#24152e,#182c34 72%,#71413e); color:#fff; box-shadow:0 24px 80px rgba(53,33,100,.18); transform:rotate(1.2deg); } .clips-panel-top { display:flex; align-items:center; gap:10px; padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.14); color:rgba(255,255,255,.7); font-size:10px; font-weight:800; letter-spacing:.18em; } .clips-panel-top strong { margin-left:auto; color:#bca8ff; font-size:9px; letter-spacing:.12em; } .clips-status-dot { width:7px; height:7px; border-radius:50%; background:#91e4b5; box-shadow:0 0 0 5px rgba(145,228,181,.14); } .clips-panel-wave { display:flex; align-items:center; justify-content:center; gap:6px; min-height:190px; padding:38px 26px; background:linear-gradient(90deg,rgba(99,55,255,.2),rgba(255,255,255,.04),rgba(213,125,86,.18)); } .clips-panel-wave i { display:block; width:5px; height:var(--wave-height,42px); border-radius:99px; background:linear-gradient(#bca8ff,#f0c7a9); opacity:.9; } .clips-panel-wave i:nth-child(2n) { --wave-height:78px; } .clips-panel-wave i:nth-child(3n) { --wave-height:116px; } .clips-panel-wave i:nth-child(5n) { --wave-height:62px; } .clips-panel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.12); } .clips-panel-grid > div { display:grid; gap:7px; padding:20px 18px; background:rgba(21,19,31,.28); } .clips-panel-grid small { color:#bca8ff; font-size:9px; font-weight:800; letter-spacing:.14em; } .clips-panel-grid b { font-size:18px; letter-spacing:-.04em; } .clips-panel-grid span { color:rgba(255,255,255,.58); font-size:11px; } .clips-panel-footer { display:flex; justify-content:space-between; gap:20px; padding:20px 22px; color:rgba(255,255,255,.68); font-size:13px; } .clips-panel-footer strong { color:#fff; } .clips-business-strip { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:70px; align-items:end; margin-top:30px; padding:42px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .clips-business-strip h2 { max-width:490px; margin:0; font-size:clamp(32px,4vw,54px); } .clips-business-strip > p { max-width:620px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; } .clips-proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:84px; } .clips-proof-card { min-height:270px; padding:26px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 18px 70px rgba(53,33,100,.06); } .clips-proof-card .feature-icon { margin-bottom:28px; } .clips-proof-card h2 { font-size:30px; } .clips-proof-card p:not(.eyebrow) { min-height:0; margin:0; color:var(--muted); line-height:1.5; } .clips-section-heading { max-width:760px; margin:110px 0 30px; } .clips-section-heading h2 { margin-bottom:15px; font-size:clamp(36px,5vw,60px); } .clips-section-heading > p:last-child { max-width:660px; margin:0; color:var(--muted); font-size:16px; line-height:1.55; } .clips-compare-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.78); box-shadow:0 18px 70px rgba(53,33,100,.06); } .clips-compare-table { width:100%; min-width:1040px; border-collapse:collapse; text-align:left; } .clips-compare-table th, .clips-compare-table td { padding:20px 18px; border-bottom:1px solid var(--line); vertical-align:top; font-size:13px; line-height:1.45; } .clips-compare-table thead th { color:var(--muted); font-size:10px; letter-spacing:.14em; text-transform:uppercase; } .clips-compare-table tbody tr:last-child th, .clips-compare-table tbody tr:last-child td { border-bottom:0; } .clips-compare-table tbody th { width:19%; font-size:15px; } .clips-compare-table tbody th a { color:var(--ink); text-decoration:none; } .clips-compare-table tbody th a:hover { color:var(--violet); } .clips-compare-table tbody th small, .clips-compare-table td small { display:block; margin-top:5px; color:var(--muted); font-size:11px; font-weight:500; } .clips-compare-table td { color:var(--muted); } .clips-compare-table td strong { color:var(--ink); font-size:15px; } .clips-row-poeysia { background:linear-gradient(90deg,rgba(237,231,255,.72),rgba(255,255,255,.36)); } .clips-row-poeysia th strong { color:var(--violet-dark); } .clips-reality-check { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:60px; align-items:center; margin-top:110px; padding:54px 7%; border-radius:30px; background:linear-gradient(115deg,#21162a,#172c31 55%,#6d3b34); color:#fff; } .clips-reality-check h2 { max-width:720px; margin-bottom:18px; font-size:clamp(34px,5vw,60px); } .clips-reality-check p:not(.eyebrow) { max-width:680px; margin:0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.6; } .clips-reality-check .eyebrow { color:#bca8ff; } .clips-math-card { padding:24px; border:1px solid rgba(255,255,255,.2); border-radius:20px; background:rgba(255,255,255,.08); } .clips-math-card span { display:block; color:rgba(255,255,255,.65); font-size:12px; } .clips-math-card strong { display:block; margin:4px 0; font-size:38px; letter-spacing:-.06em; } .clips-math-card hr { border:0; border-top:1px solid rgba(255,255,255,.18); margin:20px 0; } .clips-scorecard { margin-top:110px; } .clips-scorecard .clips-section-heading { margin:0 0 30px; } .clips-score-grid { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.78); } .clips-score-grid > div { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; padding:18px 22px; border-bottom:1px solid var(--line); } .clips-score-grid > div:last-child { border-bottom:0; } .clips-score-grid > div:first-child { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .clips-score-grid span { font-size:14px; font-weight:700; } .clips-score-grid b { color:var(--muted); font-size:13px; line-height:1.4; } .clips-score-grid .score-good { color:var(--violet-dark); } .clips-score-grid .score-poeysia-label { color:var(--violet-dark); } .clips-cta { margin-top:110px; padding:76px 9%; border-radius:30px; background:var(--violet); color:#fff; text-align:center; } .clips-cta .eyebrow { color:#cfc4ff; } .clips-cta h2 { max-width:780px; margin:0 auto 14px; font-size:clamp(40px,6vw,74px); } .clips-cta p:not(.eyebrow) { max-width:620px; margin:0 auto; color:rgba(255,255,255,.78); font-size:17px; line-height:1.55; } .clips-cta .hero-actions { justify-content:center; margin-top:26px; } .clips-cta-secondary { background:#24152e; color:#fff; } .clips-cta-secondary:hover { background:#140c1b; }
.download-card { display:grid; grid-template-columns:1fr 300px; gap:70px; align-items:center; min-height:520px; padding:68px 8%; border:1px solid var(--line); border-radius:31px; background:linear-gradient(115deg,rgba(235,229,255,.9),rgba(255,255,255,.92) 52%,rgba(255,243,227,.78)); box-shadow:0 24px 80px rgba(53,33,100,.08); } .download-card h1, .download-card h2 { max-width:660px; margin-bottom:24px; font-size:clamp(48px,7vw,94px); line-height:.94; letter-spacing:-.075em; } .download-spec { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:260px; padding:30px; border:1px solid rgba(99,55,255,.16); border-radius:25px; background:rgba(255,255,255,.63); text-align:center; } .download-app-icon { display:block; width:96px; height:96px; margin:0 auto 24px; border-radius:22px; object-fit:cover; box-shadow:0 16px 30px rgba(53,33,100,.18); } .download-spec .eyebrow { margin-bottom:10px; } .download-spec strong { margin-bottom:8px; font-size:19px; } .download-spec > span:last-child { color:var(--muted); font-size:13px; } .download-note { display:flex; justify-content:center; gap:9px; margin-top:26px; color:var(--muted); font-size:13px; } .download-note strong { color:var(--ink); }
.account-intro { padding-bottom:38px; } .account-intro h1 { max-width:700px; } .card { padding:28px; } .auth-card { max-width:580px; margin-bottom:20px; } .auth-card h2 { font-size:30px; } .auth-card p:not(.eyebrow), .checkout-card p:not(.eyebrow):not(.fine-print), .retention p:not(.eyebrow) { color:var(--muted); line-height:1.5; } .form { display:grid; gap:9px; margin-top:24px; } label { font-size:13px; font-weight:700; } input { width:100%; border:1px solid #d9d5df; border-radius:12px; background:white; padding:13px 14px; outline:none; } input:focus { border-color:var(--violet); box-shadow:0 0 0 3px #e9e3ff; } button:not(.quiet):not(.menu-button):not(.clips-faq-question) { padding:12px 16px; border-radius:12px; background:var(--violet); color:white; font-weight:700; } button:not(.quiet):not(.menu-button):not(.clips-faq-question):hover { background:var(--violet-dark); } button:disabled { opacity:.55; cursor:wait; }
.account-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .card-heading { display:flex; justify-content:space-between; gap:16px; align-items:start; } .card-heading h2 { overflow-wrap:anywhere; font-size:22px; } .pill { background:var(--soft); color:var(--violet-dark); border-radius:999px; padding:7px 10px; font-size:12px; font-weight:750; white-space:nowrap; } .pill[data-tone="warning"] { background:#fff5de; color:#8d651c; } .pill[data-tone="danger"] { background:#ffe9ee; color:var(--danger); } .plan-summary { display:grid; gap:5px; margin:26px 0; padding:18px; border-radius:16px; background:#f8f6fb; } .plan-summary span { color:var(--muted); font-size:13px; } .plan-summary strong { font-size:21px; } .facts { display:grid; gap:13px; margin:0 0 25px; } .facts div { display:flex; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); padding-bottom:12px; } dt,dd { margin:0; font-size:14px; } dt { color:var(--muted); } dd { text-align:right; font-weight:650; } .checkout-host { min-height:160px; margin:22px 0 14px; border:1px dashed #cbc4e5; border-radius:16px; padding:16px; } .checkout-host:empty { display:none; } .fine-print { color:var(--muted); font-size:11px; line-height:1.4; margin:14px 0 0; } .actions { display:flex; flex-wrap:wrap; gap:10px; } .secondary { background:#eeeaf7 !important; color:var(--violet-dark) !important; } .secondary:hover { background:#e2dcf4 !important; } .danger { background:#fff0f2 !important; color:var(--danger) !important; } .danger:hover { background:#ffe0e6 !important; } .retention { margin-top:20px; display:flex; align-items:center; justify-content:space-between; gap:24px; } .retention h2 { font-size:23px; }
.status, .notice { min-height:20px; color:var(--muted); font-size:13px; } .status[data-tone="error"], .notice[data-tone="error"] { color:var(--danger); } .status[data-tone="success"], .notice[data-tone="success"] { color:#3b785d; } .muted { color:var(--muted); font-size:14px; } #global-notice { margin:26px 0 0; }
footer { border-top:1px solid var(--line); background:rgba(255,255,255,.6); } .footer-inner { max-width:1240px; margin:auto; padding:48px 24px; display:flex; justify-content:space-between; gap:50px; } footer p { margin-top:12px; color:var(--muted); font-size:14px; } .footer-links { display:flex; gap:52px; } .footer-links div { display:grid; align-content:start; gap:10px; min-width:100px; max-width:170px; } .footer-links strong { margin-bottom:4px; color:var(--muted); font-size:11px; letter-spacing:.16em; } .footer-links a { color:var(--muted); font-size:13px; line-height:1.35; text-decoration:none; } .footer-links a:hover { color:var(--ink); } .footer-bottom { max-width:1184px; margin:auto; padding:20px 0 26px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:var(--muted); font-size:12px; }
@media (max-width:900px) { .hero-marketing { grid-template-columns:1fr; gap:30px; } .hero-copy { max-width:700px; } .hero-visual { max-width:740px; width:100%; margin:0 auto; } .story-section { gap:35px; } .product-facts-heading { grid-template-columns:1fr; gap:22px; } .product-facts-grid { grid-template-columns:1fr; } .shop-layout, .download-card { gap:35px; } .footer-links { gap:35px; } }
@media (max-width:700px) { .topbar-inner { min-height:48px; padding:0 18px; } .main-nav { display:none; } .menu-button { display:block; padding:7px 11px; border:1px solid var(--line); border-radius:999px; background:var(--surface-solid); color:var(--ink); font-size:13px; } .mobile-nav { max-height:0; overflow:hidden; padding:0 18px; display:grid; gap:0; background:var(--header-bg); transition:max-height .2s ease, padding .2s ease; } .mobile-nav.open { max-height:520px; padding:8px 18px 18px; } .mobile-nav a { padding:12px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:14px; } .mobile-nav .account-link { gap:9px; } .mobile-nav .account-link svg { width:18px; height:18px; } .product-brand-lockup img { width:24px; height:24px; margin-right:8px; } .product-brand-name { font-size:21px; } .product-brand-pro { top:-.4em; margin-left:3px; font-size:10px; } .mobile-theme-row { position:relative; display:flex; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); } .mobile-theme-row .theme-menu { position:static; margin-left:8px; } .mobile-theme-row .icon-control { padding-left:0; } .site-shell { padding:32px 18px 58px; } .hero-marketing { min-height:0; padding:24px 0 40px; } h1 { font-size:clamp(48px,15vw,74px); } .lead { font-size:17px; } .feature-grid, .story-section, .account-grid, .pricing-grid, .shop-layout, .download-card { grid-template-columns:1fr; } .product-facts-section { padding-top:27px; } .product-facts-list, .product-facts-output { padding:22px; } .product-facts-list div { grid-template-columns:1fr; gap:6px; } .product-facts-heading h2 { font-size:44px; } .section-gap { margin-top:54px; } .feature-card { min-height:0; } .plan-card { min-height:0; padding:24px; } .plan-card-heading { height:auto; min-height:0; } .story-copy h2 { font-size:44px; } .visual-grid { grid-template-columns:84px 1fr; } .visual-sidebar { padding:18px 10px; font-size:9px; } .visual-canvas { padding:18px 12px; } .canvas-card-main { grid-template-columns:1fr; gap:10px; } .canvas-card-main .canvas-art { min-height:100px; } .download-card { min-height:0; padding:38px 24px; } .download-spec { min-height:220px; } .download-note { display:block; text-align:center; line-height:1.6; } .shop-benefits { padding:0; } .page-intro { padding:24px 0 38px; } .footer-inner { display:block; padding:40px 18px; } .footer-links { display:grid; grid-template-columns:repeat(2,1fr); gap:28px 20px; margin-top:38px; } .footer-links div { max-width:none; } .footer-bottom { display:block; margin:0 18px; padding:18px 0 23px; line-height:1.8; } .footer-bottom span { display:block; } .retention { display:block; } .retention .actions { margin-top:20px; } }

[data-theme="dark"] body::before { background:none; }

.auth-layout { display:grid; grid-template-columns:minmax(0,580px) minmax(0,1fr); gap:20px; align-items:stretch; max-width:1120px; }
.auth-layout .auth-card { max-width:none; margin-bottom:0; }
.checkout-preview { display:flex; flex-direction:column; justify-content:center; min-height:100%; background:linear-gradient(145deg,rgba(237,231,255,.9),rgba(255,255,255,.92)); }
.checkout-preview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin:24px 0 0; }
.checkout-preview-heading h2 { margin:0 0 9px; font-size:clamp(28px,3vw,40px); }
.checkout-preview-heading p { margin:0; color:var(--muted); line-height:1.5; }
.checkout-preview-price { flex:0 0 auto; text-align:right; }
.checkout-preview-price strong { display:block; font-size:30px; letter-spacing:-.05em; }
.checkout-preview-price span { color:var(--muted); font-size:13px; }
.checkout-preview-rule { height:1px; margin:28px 0 20px; background:var(--line); }
.checkout-preview-note { max-width:420px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.account-grid.account-only { grid-template-columns:minmax(0,760px); max-width:760px; }
.account-management { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; max-width:1120px; margin-top:20px; }
.management-card h2, .support-card h2 { margin-bottom:12px; font-size:clamp(26px,3vw,38px); }
.management-card > p:not(.eyebrow), .support-card > p:not(.eyebrow) { max-width:610px; color:var(--muted); line-height:1.55; }
.management-actions, .support-actions { margin-top:24px; }
.account-note { margin:18px 0 0; padding:13px 15px; border-radius:12px; background:#eeeaf7; color:var(--violet-dark); font-size:13px; line-height:1.5; }
.text-link { display:inline-flex; align-items:center; gap:8px; min-height:48px; color:var(--violet-dark); font-size:14px; font-weight:750; text-decoration:none; }
.text-link:hover { color:var(--violet); }
.account-legal { margin-top:28px; border-top:1px solid var(--line); padding-top:18px; }
.account-legal summary { cursor:pointer; color:var(--ink); font-size:14px; font-weight:750; }
.account-legal p { margin:14px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }

@media (max-width:900px) { .auth-layout { grid-template-columns:1fr; max-width:580px; } .checkout-preview { min-height:0; } }
@media (max-width:700px) { .account-grid.account-only, .account-management { grid-template-columns:1fr; max-width:none; } }
[data-theme="dark"] .feature-card, [data-theme="dark"] .card, [data-theme="dark"] .workflow-card, [data-theme="dark"] .pricing-card, [data-theme="dark"] .plan-card, [data-theme="dark"] .visual-window, [data-theme="dark"] .canvas-card, [data-theme="dark"] .product-facts-list, [data-theme="dark"] .product-facts-output { background:var(--surface); }
[data-theme="dark"] .download-card { background:linear-gradient(115deg,rgba(42,31,74,.96),rgba(28,28,34,.97) 52%,rgba(61,43,33,.94)); border-color:var(--line); box-shadow:0 24px 80px rgba(0,0,0,.32); }
[data-theme="dark"] .download-spec { background:rgba(36,36,45,.9); border-color:rgba(140,117,255,.3); }
[data-theme="dark"] .plan-card-featured { background:linear-gradient(145deg,rgba(55,39,93,.9),rgba(28,28,34,.94)); }
[data-theme="dark"] .plan-card-local { background:linear-gradient(145deg,#25252b,#1c1c22); border-color:#3a3a44; }
[data-theme="dark"] .plan-card-local .plan-price { border-top-color:#4b4b58; }
[data-theme="dark"] .pricing-compare-wrap { background:var(--surface); border-color:var(--line); }
[data-theme="dark"] .pricing-plan-guidance article { background:var(--surface); }
[data-theme="dark"] .upcoming-card { background:var(--surface); border-color:var(--line); }
@media (max-width:900px) { .upcoming-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .upcoming-heading { margin-bottom:22px; } .upcoming-heading > p:last-child { font-size:15px; } .upcoming-grid { grid-template-columns:1fr; } .upcoming-card { min-height:0; } .upcoming-card h3 { font-size:30px; } }
[data-theme="dark"] .button-secondary { background:var(--surface); color:var(--ink); } [data-theme="dark"] .button-secondary:hover { background:var(--soft); } [data-theme="dark"] .plan-summary, [data-theme="dark"] .price-placeholder { background:var(--soft); } [data-theme="dark"] input { background:var(--input-bg); color:var(--ink); border-color:var(--line); } [data-theme="dark"] footer { background:rgba(19,19,22,.7); } [data-theme="dark"] .menu-button { background:var(--surface-solid); color:var(--ink); }

/* Keep the server-rendered route aligned with the page a crawler requested before app.js runs. */
body[data-seo-page="home"] #shop-page, body[data-seo-page="home"] #download-page, body[data-seo-page="home"] #account-page,
body[data-seo-page="shop"] #marketing-page, body[data-seo-page="shop"] #download-page, body[data-seo-page="shop"] #account-page,
body[data-seo-page="download"] #marketing-page, body[data-seo-page="download"] #shop-page, body[data-seo-page="download"] #account-page,
body[data-seo-page="account"] #marketing-page, body[data-seo-page="account"] #shop-page, body[data-seo-page="account"] #download-page,
body[data-seo-page="checkout"] #marketing-page, body[data-seo-page="checkout"] #shop-page, body[data-seo-page="checkout"] #download-page { display:none !important; }
body[data-seo-page="shop"] #shop-page, body[data-seo-page="download"] #download-page, body[data-seo-page="account"] #account-page, body[data-seo-page="checkout"] #account-page { display:block !important; }

/* Clips route: product-led comparison, with a readable mobile fallback. */
.clips-panel-clapper { display:flex; min-width:0; flex:1; align-items:center; gap:18px; }
.clips-panel-clapper strong { margin-left:auto; color:#bca8ff; font-size:9px; letter-spacing:.12em; white-space:nowrap; }
.clips-panel-top { position:relative; z-index:2; transform-origin:26px 21px; background:#141523; border-radius:27px 27px 0 0; border-bottom-color:transparent; }
.clips-hero-panel { overflow:visible; border-color:transparent; background:transparent; transform:translateZ(0) rotate(1.2deg); backface-visibility:hidden; -webkit-backface-visibility:hidden; isolation:isolate; will-change:transform; }
.clips-panel-footer { background:linear-gradient(105deg,rgba(11,35,47,.94),rgba(92,35,48,.94)); border-radius:0 0 27px 27px; }
.clips-panel-wave { background-color:#252040; background-image:linear-gradient(90deg,rgba(99,55,255,.2),rgba(255,255,255,.04),rgba(213,125,86,.18)); }
.clips-panel-grid { background-color:#18222f; }
.clips-panel-top.is-clapper-ready { animation:clips-slate-action .62s cubic-bezier(.18,.78,.28,1) forwards; }
@keyframes clips-slate-action { 0% { transform:rotate(-38deg); } 100% { transform:rotate(0deg); } }
.clips-output-cell { position:relative; }
.clips-output-device { display:block; width:28px; height:42px; margin:0 0 2px; border:2px solid rgba(255,255,255,.86); border-radius:7px; background:rgba(99,55,255,.32); box-shadow:inset 0 0 0 3px rgba(24,21,46,.46); transform:rotate(90deg) scale(.72); transform-origin:center; opacity:.9; transition:transform .72s cubic-bezier(.22,.8,.25,1), opacity .3s ease; }
.clips-output-device i { display:block; width:12px; height:2px; margin:4px auto 0; border-radius:99px; background:rgba(255,255,255,.72); }
.clips-output-cell [data-clips-output] { opacity:0; transition:opacity .32s ease .18s; }
.clips-output-cell.is-ready .clips-output-device { transform:rotate(0deg) scale(1); }
.clips-output-cell.is-ready [data-clips-output] { opacity:1; }
@media (prefers-reduced-motion: reduce) { .clips-panel-top.is-clapper-ready { animation:none; } .clips-output-device, .clips-output-cell [data-clips-output] { transition:none; } }
.clips-faq { margin-top:110px; } .clips-faq .clips-section-heading { margin:0 0 30px; } .clips-faq-list { max-width:920px; border-top:1px solid var(--line); } .clips-faq-item { border-bottom:1px solid var(--line); } .clips-faq-item h3 { margin:0; } .clips-faq-list .clips-faq-question { display:flex; width:100%; align-items:center; justify-content:space-between; gap:24px; padding:22px 4px; border-radius:0; background:transparent !important; color:var(--ink) !important; cursor:pointer; font-size:18px; font-weight:750; line-height:1.3; text-align:left; } .clips-faq-list .clips-faq-question::after { content:'+'; flex:0 0 auto; color:var(--violet); font-size:26px; font-weight:400; line-height:1; } .clips-faq-list .clips-faq-question[aria-expanded="true"]::after { content:'−'; } .clips-faq-answer { max-width:760px; padding:0 42px 23px 4px; color:var(--muted); font-size:15px; line-height:1.6; }
body[data-seo-page="home"] #clips-page, body[data-seo-page="home"] #pricing-page, body[data-seo-page="home"] #account-page,
body[data-seo-page="pricing"] #marketing-page, body[data-seo-page="pricing"] #clips-page, body[data-seo-page="pricing"] #account-page,
body[data-seo-page="clips"] #marketing-page, body[data-seo-page="clips"] #pricing-page, body[data-seo-page="clips"] #account-page,
body[data-seo-page="account"] #marketing-page, body[data-seo-page="account"] #pricing-page, body[data-seo-page="account"] #clips-page,
body[data-seo-page="checkout"] #marketing-page, body[data-seo-page="checkout"] #pricing-page, body[data-seo-page="checkout"] #clips-page { display:none !important; }
body[data-seo-page="pricing"] #pricing-page, body[data-seo-page="clips"] #clips-page, body[data-seo-page="account"] #account-page, body[data-seo-page="checkout"] #account-page { display:block !important; }
[data-theme="dark"] .clips-proof-card, [data-theme="dark"] .clips-compare-wrap, [data-theme="dark"] .clips-score-grid { background:var(--surface); }
[data-theme="dark"] .clips-proof-card-featured, [data-theme="dark"] .clips-row-poeysia { background:linear-gradient(145deg,rgba(55,39,93,.9),rgba(28,28,34,.94)); }
[data-theme="dark"] .clips-compare-table td strong, [data-theme="dark"] .clips-compare-table tbody th a { color:var(--ink); }
[data-theme="dark"] .clips-business-strip { border-color:var(--line); }
@media (max-width:900px) { .clips-hero { grid-template-columns:1fr; gap:34px; } .clips-hero-copy { max-width:720px; } .clips-hero-panel { max-width:720px; width:100%; margin:0 auto; } .clips-business-strip { grid-template-columns:1fr; gap:24px; } .clips-reality-check { grid-template-columns:1fr; gap:30px; } }
@media (max-width:700px) { .clips-hero { min-height:0; padding:24px 0 42px; } .clips-panel-grid { grid-template-columns:1fr; } .clips-panel-grid > div { grid-template-columns:90px 1fr 1fr; align-items:center; gap:8px; padding:14px 16px; } .clips-panel-grid small { grid-row:span 2; } .clips-panel-grid b { font-size:15px; } .clips-panel-grid span { grid-column:2 / span 2; } .clips-panel-footer { display:block; line-height:1.7; } .clips-panel-footer strong { display:block; } .clips-proof-grid { grid-template-columns:1fr; margin-top:54px; } .clips-proof-card { min-height:0; } .clips-proof-card p:not(.eyebrow) { min-height:0; margin-bottom:0; } .clips-section-heading, .clips-scorecard, .clips-faq { margin-top:70px; } .clips-reality-check { margin-top:70px; padding:34px 24px; } .clips-cta { margin-top:70px; padding:50px 24px; } .clips-score-grid > div { grid-template-columns:1fr; gap:7px; padding:16px 18px; } .clips-score-grid > div:first-child { display:none; } .clips-faq-list .clips-faq-question { padding:18px 2px; font-size:16px; } .clips-faq-answer { padding:0 30px 20px 2px; } }
@media (max-width:700px) { .feature-grid.section-gap { margin-top:27px; } }
@media (max-width:700px) { .clips-panel-grid .clips-output-cell { grid-template-columns:90px 36px 1fr; } .clips-output-cell .clips-output-device { grid-column:2; grid-row:1; } .clips-output-cell [data-clips-output] { grid-column:3; grid-row:1; align-self:center; } .clips-output-cell > span:last-child { grid-column:2 / span 2; } }

/* About, press and release archive. */
body[data-seo-page="about"] #marketing-page, body[data-seo-page="about"] #pricing-page, body[data-seo-page="about"] #clips-page, body[data-seo-page="about"] #storytelling-page, body[data-seo-page="about"] #press-page, body[data-seo-page="about"] #releases-page, body[data-seo-page="about"] #account-page,
body[data-seo-page="press"] #marketing-page, body[data-seo-page="press"] #pricing-page, body[data-seo-page="press"] #clips-page, body[data-seo-page="press"] #storytelling-page, body[data-seo-page="press"] #about-page, body[data-seo-page="press"] #releases-page, body[data-seo-page="press"] #account-page,
body[data-seo-page="releases"] #marketing-page, body[data-seo-page="releases"] #pricing-page, body[data-seo-page="releases"] #clips-page, body[data-seo-page="releases"] #storytelling-page, body[data-seo-page="releases"] #about-page, body[data-seo-page="releases"] #press-page, body[data-seo-page="releases"] #account-page { display:none !important; }
body[data-seo-page="about"] #about-page, body[data-seo-page="press"] #press-page, body[data-seo-page="releases"] #releases-page { display:block !important; }
body[data-seo-page="badges"] #marketing-page, body[data-seo-page="badges"] #pricing-page, body[data-seo-page="badges"] #use-your-own-ai-page, body[data-seo-page="badges"] #clips-page, body[data-seo-page="badges"] #storytelling-page, body[data-seo-page="badges"] #about-page, body[data-seo-page="badges"] #press-page, body[data-seo-page="badges"] #releases-page, body[data-seo-page="badges"] #success-stories-page, body[data-seo-page="badges"] #facts-page, body[data-seo-page="badges"] #methodology-page, body[data-seo-page="badges"] #compare-poeysiapro-vs-opusclip-page, body[data-seo-page="badges"] #account-page { display:none !important; }
body[data-seo-page="badges"] #badges-page { display:block !important; }
.editorial-page { max-width:1120px; margin:0 auto; }
.editorial-hero { max-width:820px; padding:56px 0 20px; }
.editorial-hero h1 { max-width:800px; }
.editorial-two-column { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:70px; align-items:start; }
.editorial-two-column h2, .founder-panel h2 { font-size:clamp(36px,5vw,62px); }
.editorial-copy { max-width:650px; color:var(--muted); font-size:17px; line-height:1.65; }
.editorial-copy p:last-child { margin-bottom:0; }
.imprint-details { max-width:920px; }
.imprint-facts { display:grid; grid-template-columns:1fr; width:100%; margin:0; border-top:1px solid var(--line); }
.imprint-facts div { display:grid; grid-template-columns:minmax(180px,.75fr) 1.25fr; gap:24px; padding:18px 0; border-bottom:1px solid var(--line); }
.imprint-facts dt { color:var(--muted); font-size:13px; line-height:1.45; }
.imprint-facts dd { margin:0; color:var(--ink); font-size:15px; font-weight:650; line-height:1.55; }
.imprint-facts a { color:var(--violet-dark); text-decoration:none; }
.imprint-facts a:hover { text-decoration:underline; }
.founder-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:55px; padding:48px; border-radius:28px; background:linear-gradient(120deg,rgba(235,229,255,.9),rgba(255,255,255,.76)); border:1px solid var(--line); }
.founder-panel-copy { max-width:690px; color:var(--muted); line-height:1.6; }
.founder-panel-copy h2 { color:var(--ink); }
.founder-stats { display:grid; align-content:center; gap:12px; }
.founder-stats div { padding:18px 0; border-top:1px solid var(--line); }
.founder-stats strong, .founder-stats span { display:block; }
.founder-stats strong { color:var(--violet); font-size:38px; letter-spacing:-.06em; }
.founder-stats span { color:var(--muted); font-size:13px; }
.editorial-section-heading { max-width:720px; margin-bottom:30px; }
.timeline-list { max-width:900px; border-top:1px solid var(--line); }
.timeline-list article { display:grid; grid-template-columns:130px 1fr; gap:30px; padding:27px 0; border-bottom:1px solid var(--line); }
.timeline-list time { color:var(--violet); font-size:14px; font-weight:800; letter-spacing:.08em; }
.timeline-list h3 { margin:0 0 8px; font-size:22px; }
.timeline-list p { max-width:680px; margin:0; color:var(--muted); line-height:1.55; }
.principles-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.principles-grid article, .home-resource-card { padding:26px; border:1px solid var(--line); border-radius:22px; background:var(--surface); }
.principles-grid h3 { margin-bottom:10px; font-size:22px; }
.principles-grid p { margin:0; color:var(--muted); line-height:1.55; }
.press-spotlight, .press-boilerplate { padding:42px 48px; border:1px solid rgba(99,92,82,.14); border-left:2px solid rgba(99,92,82,.22); border-radius:0 24px 24px 0; background:linear-gradient(115deg,rgba(247,246,243,.94),rgba(255,255,255,.98) 52%,rgba(255,248,238,.78)); }
.press-quote { max-width:900px; margin:0; font-size:clamp(24px,3vw,38px); line-height:1.2; letter-spacing:-.04em; }
.press-boilerplate p:last-child { max-width:900px; margin:0; color:var(--muted); font-size:17px; line-height:1.65; }
.press-facts-grid { display:grid; grid-template-columns:1fr; border-top:1px solid var(--line); }
.press-facts-grid div { display:grid; grid-template-columns:minmax(120px,.7fr) 1.3fr; gap:20px; padding:16px 0; border-bottom:1px solid var(--line); }
.press-facts-grid dt { color:var(--muted); font-size:13px; }
.press-facts-grid dd { margin:0; font-weight:700; line-height:1.4; }
.press-assets-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.press-assets-grid a { display:grid; gap:8px; color:var(--ink); text-decoration:none; }
.press-assets-grid img { width:100%; aspect-ratio:1.2; object-fit:cover; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.press-assets-grid strong { font-size:14px; }
.press-assets-grid span { color:var(--muted); font-size:12px; }
.press-contact { padding:55px 48px; border-radius:28px; color:#fff; background:linear-gradient(130deg,#4f2bcf,#7b2d3a); }
.press-contact .eyebrow, .press-contact p:not(.eyebrow) { color:rgba(255,255,255,.75); }
.press-contact h2 { font-size:clamp(34px,5vw,62px); }
.release-hero { max-width:900px; }
.release-policy { max-width:700px; margin:35px 0 0; padding-left:17px; border-left:2px solid var(--line); color:var(--muted); font-size:14px; line-height:1.5; }
.release-list { display:grid; gap:22px; }
.release-entry { padding:36px 40px; border:1px solid rgba(99,92,82,.14); border-radius:26px; background:linear-gradient(115deg,rgba(247,246,243,.94),rgba(255,255,255,.98) 52%,rgba(255,248,238,.78)); box-shadow:0 18px 60px rgba(53,33,100,.06); }
.release-current { border-color:rgba(99,92,82,.18); }
.release-entry-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.release-entry h2 { font-size:clamp(34px,5vw,58px); }
.release-badge { padding:7px 10px; border-radius:999px; color:var(--ink); background:rgba(23,23,27,.07); font-size:10px; font-weight:800; letter-spacing:.08em; white-space:nowrap; }
.release-archived { color:var(--muted); background:rgba(23,23,27,.05); }
.release-summary { max-width:760px; color:var(--muted); font-size:17px; line-height:1.6; }
.release-columns, .release-feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; margin-top:28px; }
.release-feature-grid { grid-template-columns:repeat(3,1fr); }
.release-columns h3, .release-feature-grid h3 { margin-bottom:10px; font-size:18px; }
.release-columns ul { display:grid; gap:9px; padding-left:18px; margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.release-update-sections > div { padding-top:18px; border-top:1px solid var(--line); }
.release-feature-grid article { padding-top:18px; border-top:1px solid var(--line); }
.release-feature-grid p, .release-included p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.release-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:30px; }
.release-history-note { margin:30px 0 0; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.5; }
.release-history-note a { color:var(--violet-dark); font-weight:750; }
.release-included { margin-top:32px; padding:27px; border-radius:17px; background:#f7f6f3; }
.release-included h3 { margin:0 0 20px; font-size:22px; }
.release-feature-list { display:grid; gap:0; padding:0; margin:0; list-style:none; }
.release-feature-list li { display:grid; grid-template-columns:minmax(210px,.7fr) 1.3fr; gap:20px; padding:13px 0; border-top:1px solid var(--line); font-size:14px; line-height:1.45; }
.release-feature-list li:last-child { border-bottom:1px solid var(--line); }
.release-feature-list strong { color:var(--ink); }
.release-feature-list span { color:var(--muted); }
.release-note-panel { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; max-width:none; margin-top:24px; padding:15px 0 0; border-top:1px solid var(--line); border-radius:0; background:transparent; }
.release-note-panel strong { display:inline; margin:0; color:var(--muted); font-size:13px; font-weight:650; }
.release-note-panel p { display:inline; margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.home-resources-heading { max-width:820px; margin-bottom:25px; }
.home-resources-heading h2 { font-size:clamp(32px,4vw,52px); }
.home-resources-heading > p { margin:0; color:var(--muted); line-height:1.55; }
.home-resources-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.home-resource-card { display:grid; grid-template-rows:auto auto 1fr auto; gap:8px; min-height:218px; padding:22px; color:var(--ink); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.home-resource-card:hover { transform:translateY(-3px); border-color:rgba(99,55,255,.45); box-shadow:0 12px 30px rgba(53,33,100,.1); }
.home-resource-card .eyebrow { margin-bottom:2px; }
.home-resource-card strong { font-size:21px; letter-spacing:-.04em; }
.home-resource-description { color:var(--muted); font-size:13px; line-height:1.45; }
.home-resource-cta { display:inline-flex; align-items:center; gap:7px; color:var(--ink); font-size:13px; font-weight:750; }
.home-resource-cta span { color:var(--violet); font-size:17px; line-height:1; transition:transform .18s ease; }
.home-resource-card:hover .home-resource-cta span { transform:translateX(2px); }
.badges-hero { max-width:900px; }
.badges-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.badge-card { padding:32px; border:1px solid var(--line); border-radius:26px; background:var(--surface); box-shadow:0 18px 60px rgba(53,33,100,.05); }
.badge-card-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.badge-card-header .eyebrow { margin:0; }
.badge-status { padding:6px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.1em; white-space:nowrap; }
.badge-card h3 { margin:0 0 12px; font-size:clamp(26px,3vw,40px); letter-spacing:-.045em; }
.badge-card > p:not(.eyebrow) { color:var(--muted); line-height:1.55; }
.badge-preview { display:flex; align-items:center; min-height:140px; margin:28px 0; padding:28px; border:1px solid var(--line); border-radius:20px; background:var(--soft); }
.badge-preview img { display:block; width:244px; height:56px; max-width:100%; }
.badge-preview-placeholder { align-items:flex-start; justify-content:center; flex-direction:column; gap:6px; background:linear-gradient(135deg,#f2eee8,#ebe7f4); color:var(--ink); }
.badge-preview-placeholder span { font-size:24px; font-weight:850; letter-spacing:-.06em; }
.badge-preview-placeholder small { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.12em; }
.badge-card-planned { background:linear-gradient(145deg,rgba(247,245,252,.95),rgba(255,255,255,.9)); box-shadow:none; }
.badge-note { display:block; color:var(--muted); font-size:12px; font-weight:700; }
[data-theme="dark"] .founder-panel { background:linear-gradient(145deg,rgba(55,39,93,.9),rgba(28,28,34,.94)); }
[data-theme="dark"] .release-entry { border-color:var(--line); background:linear-gradient(115deg,rgba(38,38,40,.96),rgba(28,28,34,.97) 52%,rgba(51,44,38,.92)); box-shadow:0 18px 60px rgba(0,0,0,.2); }
[data-theme="dark"] .release-included { background:#242426; }
[data-theme="dark"] .release-badge { color:var(--ink); background:rgba(255,255,255,.1); }
[data-theme="dark"] .press-spotlight, [data-theme="dark"] .press-boilerplate { border-color:var(--line); background:linear-gradient(115deg,rgba(38,38,40,.96),rgba(28,28,34,.97) 52%,rgba(51,44,38,.92)); }
[data-theme="dark"] .press-contact { background:linear-gradient(130deg,#3f3f43,#4a4038); }
@media (max-width:900px) { .editorial-two-column, .founder-panel { grid-template-columns:1fr; gap:28px; } .principles-grid, .press-assets-grid, .badges-grid { grid-template-columns:repeat(2,1fr); } .release-feature-grid { grid-template-columns:repeat(2,1fr); } .home-resources-heading { grid-template-columns:1fr; gap:15px; } }
@media (max-width:700px) { .editorial-hero { padding:26px 0 10px; } .founder-panel, .press-spotlight, .press-boilerplate, .press-contact, .release-entry, .badge-card { padding:27px 22px; } .timeline-list article { grid-template-columns:1fr; gap:9px; } .principles-grid, .press-assets-grid, .press-facts-grid, .release-columns, .release-feature-grid, .home-resources-grid, .badges-grid { grid-template-columns:1fr; } .press-facts-grid div, .release-feature-list li { grid-template-columns:1fr; gap:5px; } .release-entry-header { display:block; } .release-badge { display:inline-flex; margin-bottom:12px; } .badge-preview { padding:22px; } }

/* Success stories. */
body[data-seo-page="success-stories"] #marketing-page, body[data-seo-page="success-stories"] #pricing-page, body[data-seo-page="success-stories"] #clips-page, body[data-seo-page="success-stories"] #storytelling-page, body[data-seo-page="success-stories"] #about-page, body[data-seo-page="success-stories"] #press-page, body[data-seo-page="success-stories"] #releases-page, body[data-seo-page="success-stories"] #account-page { display:none !important; }
body[data-seo-page="success-stories"] #success-stories-page { display:block !important; }
.success-stories-hero { max-width:900px; }
.success-stories-hero h1 { max-width:800px; }
.success-story-list { display:grid; gap:32px; }
.success-story-entry { overflow:hidden; border:1px solid var(--line); border-radius:28px; background:var(--surface); box-shadow:0 18px 70px rgba(53,33,100,.06); }
.success-story-header { display:flex; align-items:flex-start; justify-content:space-between; gap:28px; padding:44px 48px 34px; }
.success-story-header h2 { max-width:760px; margin:0 0 16px; font-size:clamp(36px,5vw,64px); line-height:.98; }
.success-story-summary { max-width:760px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; }
.success-story-disclosure { max-width:760px; margin:13px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.success-story-badge { flex:0 0 auto; padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.12em; white-space:nowrap; }
.success-story-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.success-story-stats div { padding:22px 28px; border-right:1px solid var(--line); }
.success-story-stats div:last-child { border-right:0; }
.success-story-stats strong, .success-story-stats span { display:block; }
.success-story-stats strong { margin-bottom:5px; color:var(--ink); font-size:32px; letter-spacing:-.06em; }
.success-story-stats span { color:var(--muted); font-size:12px; line-height:1.4; }
.success-story-content { display:grid; grid-template-columns:repeat(2,1fr); gap:42px; padding:38px 48px 40px; }
.success-story-content h3 { max-width:430px; margin:0 0 10px; font-size:26px; line-height:1.04; letter-spacing:-.05em; }
.success-story-content p:not(.eyebrow) { max-width:540px; margin:0; color:var(--muted); font-size:15px; line-height:1.6; }
.success-story-gallery { display:grid; gap:14px; padding:28px 48px 40px; background:#f3f2ef; }
.success-story-gallery-three { grid-template-columns:repeat(3,1fr); }
.success-story-gallery-four { grid-template-columns:repeat(4,1fr); }
.success-story-gallery-five { grid-template-columns:repeat(5,1fr); }
.success-story-gallery figure { min-width:0; margin:0; }
.success-story-gallery img { display:block; width:100%; height:420px; object-fit:cover; object-position:top; border:1px solid var(--line); border-radius:18px; background:#fff; }
.success-story-gallery img.success-story-image-native-frame { border:0; }
.success-story-gallery figcaption { padding:10px 3px 0; color:var(--muted); font-size:12px; }
.success-stories-closing { padding:62px 9%; border-radius:28px; background:#f3f2ef; text-align:center; }
.success-stories-closing h2 { max-width:760px; margin:0 auto 14px; font-size:clamp(40px,5vw,68px); }
.success-stories-closing p:not(.eyebrow) { max-width:600px; margin:0 auto; color:var(--muted); font-size:17px; line-height:1.6; }
.success-stories-closing .hero-actions { justify-content:center; margin-top:25px; }
.success-stories-closing .button { margin-top:0; }
[data-theme="dark"] .success-story-entry { background:var(--surface); }
[data-theme="dark"] .success-story-gallery, [data-theme="dark"] .success-stories-closing { background:#242426; }
[data-theme="dark"] .success-story-gallery img { background:#1c1c22; }
@media (max-width:900px) { .home-resources-grid { grid-template-columns:repeat(2,1fr); } .success-story-header, .success-story-content { padding-right:32px; padding-left:32px; } .success-story-gallery { padding-right:32px; padding-left:32px; } .success-story-gallery-four, .success-story-gallery-five { grid-template-columns:repeat(3,1fr); } }
@media (max-width:700px) { .success-story-header { display:block; padding:30px 22px 25px; } .success-story-badge { display:inline-flex; margin-top:18px; } .success-story-stats { grid-template-columns:1fr; } .success-story-stats div { padding:17px 22px; border-right:0; border-bottom:1px solid var(--line); } .success-story-stats div:last-child { border-bottom:0; } .success-story-content { grid-template-columns:1fr; gap:28px; padding:30px 22px; } .success-story-gallery, .success-story-gallery-three, .success-story-gallery-four, .success-story-gallery-five { grid-template-columns:1fr 1fr; padding:22px; } .success-story-gallery img { height:310px; } .success-stories-closing { padding:46px 24px; } }

/* Pricing orientation and compact plan comparison. */
.pricing-orientation { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1120px; margin:0 auto 28px; color:var(--muted); font-size:13px; }
.pricing-orientation-item { display:flex; align-items:center; gap:9px; }
.pricing-orientation-item span { color:var(--violet); font-size:17px; font-weight:800; }
.plan-card-note { min-height:32px; margin:14px 0 0; color:var(--muted); font-size:11px; line-height:1.4; }
.plan-card-info { margin:auto 0 0; padding-top:18px; color:var(--muted); font-size:11px; line-height:1.45; }
@media (min-width:701px) { .plan-card-heading { height:250px; min-height:250px; } .plan-price { min-height:86px; } }
@media (min-width:701px) and (max-width:1000px) {
  body[data-seo-page="pricing"] .main-nav { display:none; }
  body[data-seo-page="pricing"] .menu-button { display:block; padding:7px 11px; border:1px solid var(--line); border-radius:999px; background:var(--surface-solid); color:var(--ink); font-size:13px; }
  body[data-seo-page="pricing"] .mobile-nav { max-height:0; overflow:hidden; padding:0 24px; display:grid; gap:0; background:var(--header-bg); transition:max-height .2s ease, padding .2s ease; }
  body[data-seo-page="pricing"] .mobile-nav.open { max-height:520px; padding:8px 24px 18px; }
  body[data-seo-page="pricing"] .mobile-nav a { padding:12px 0; border-bottom:1px solid var(--line); color:var(--muted); font-size:14px; }
  body[data-seo-page="pricing"] .mobile-theme-row { position:relative; display:flex; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
  body[data-seo-page="pricing"] .mobile-theme-row .theme-menu { position:static; margin-left:8px; }
  body[data-seo-page="pricing"] .mobile-theme-row .icon-control { padding-left:0; }
  .plan-label-row { flex-wrap:wrap; }
  .plan-badge { white-space:normal; }
  .plan-card-heading { height:290px; min-height:290px; }
}
.pricing-card-footnotes { max-width:780px; margin:26px auto 0; color:var(--muted); font-size:12px; line-height:1.5; text-align:center; }
.pricing-card-footnotes p { margin:0; }
.pricing-card-footnotes p + p { margin-top:5px; }
.pricing-compare { max-width:1120px; margin:46px auto 0; }
.pricing-compare h2 { margin-bottom:18px; font-size:clamp(28px,3vw,38px); }
.pricing-compare-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.78); }
.pricing-compare table { width:100%; min-width:650px; border-collapse:collapse; text-align:left; }
.pricing-compare th, .pricing-compare td { padding:13px 16px; border-bottom:1px solid var(--line); font-size:13px; line-height:1.35; }
.pricing-compare thead th { color:var(--muted); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
.pricing-compare tbody tr:last-child th, .pricing-compare tbody tr:last-child td { border-bottom:0; }
.pricing-compare tbody th { width:22%; color:var(--muted); font-weight:650; }
.pricing-compare tbody td { color:var(--ink); }
.pricing-compare tbody td:not(:first-child) { font-weight:650; }
.pricing-compare-footnote { max-width:820px; margin:14px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.pricing-plan-guidance { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; max-width:1120px; margin:28px auto 0; }
.pricing-plan-guidance article { padding:26px 28px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.6); }
.pricing-plan-guidance h2 { margin-bottom:9px; font-size:clamp(24px,3vw,34px); }
.pricing-plan-guidance article > p:last-child { margin:0; color:var(--muted); font-size:15px; line-height:1.55; }
.pricing-faq { max-width:920px; margin:82px auto 0; }
.pricing-faq-heading { margin-bottom:30px; }
.pricing-faq-heading h2 { max-width:620px; margin:0; font-size:clamp(30px,4vw,48px); }
.pricing-faq-list { border-top:1px solid var(--line); }
.pricing-faq-item { padding:21px 4px; border-bottom:1px solid var(--line); }
.pricing-faq-item h3 { margin:0 0 8px; font-size:18px; letter-spacing:-.03em; }
.pricing-faq-item p { max-width:780px; margin:0; color:var(--muted); font-size:15px; line-height:1.55; }
@media (max-width:700px) { .pricing-orientation { grid-template-columns:1fr; gap:10px; margin-bottom:22px; } .pricing-compare { margin-top:36px; } .pricing-compare-wrap { border-radius:16px; } .pricing-plan-guidance { grid-template-columns:1fr; } .pricing-faq { margin-top:62px; } .pricing-faq-item { padding:18px 2px; } .pricing-faq-item h3 { font-size:16px; } }

/* Articles. */
.article-page { max-width:1160px; margin:0 auto; }
.article-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); gap:64px; align-items:center; min-height:610px; padding:48px 0 68px; }
.article-hero-copy { max-width:700px; }
.article-hero h1 { max-width:760px; margin-bottom:24px; font-size:clamp(58px,7vw,96px); }
.article-hero .lead { max-width:650px; font-size:20px; }
.article-meta { display:flex; flex-wrap:wrap; gap:9px 18px; color:var(--muted); font-size:12px; }
.article-meta span + span::before { content:'·'; margin-right:18px; color:var(--violet); }
.article-hero-visual { position:relative; min-height:430px; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:44px 28px; border:1px solid var(--line); border-radius:32px; background:var(--plum); box-shadow:0 28px 90px rgba(53,33,100,.18); }
.article-hero-visual::before { content:''; position:absolute; inset:0; opacity:.3; background-image:radial-gradient(rgba(255,255,255,.24) .8px,transparent .8px); background-size:20px 20px; }
.article-source-card { position:relative; z-index:1; width:168px; min-height:278px; padding:20px; border:1px solid rgba(255,255,255,.25); border-radius:21px; background:linear-gradient(180deg,#6337ff,#35204c); color:#fff; box-shadow:0 18px 46px rgba(0,0,0,.28); transform:rotate(-3deg); }
.article-source-card > span { font-size:10px; font-weight:800; letter-spacing:.16em; }
.article-source-card > strong { position:absolute; bottom:20px; left:20px; font-size:13px; }
.article-wave { height:100px; margin-top:43px; display:flex; align-items:center; justify-content:center; gap:5px; }
.article-wave i { display:block; width:4px; border-radius:99px; background:rgba(255,255,255,.76); }
.article-wave i:nth-child(1),.article-wave i:nth-child(9) { height:20px; }.article-wave i:nth-child(2),.article-wave i:nth-child(8) { height:42px; }.article-wave i:nth-child(3),.article-wave i:nth-child(7) { height:64px; }.article-wave i:nth-child(4),.article-wave i:nth-child(6) { height:88px; }.article-wave i:nth-child(5) { height:52px; }
.article-flow-arrow { position:relative; z-index:2; margin:0 9px; color:#a993ff; font-size:32px; }
.article-clip-stack { position:relative; z-index:1; width:150px; height:300px; }
.article-clip-stack div { position:absolute; width:116px; height:214px; padding:17px; border:1px solid rgba(255,255,255,.3); border-radius:18px; background:linear-gradient(160deg,#7b52ff,#24152e 72%); color:#fff; box-shadow:0 18px 40px rgba(0,0,0,.3); }
.article-clip-stack div:nth-child(1) { top:0; left:0; transform:rotate(4deg); }.article-clip-stack div:nth-child(2) { top:40px; left:22px; transform:rotate(8deg); }.article-clip-stack div:nth-child(3) { top:80px; left:43px; transform:rotate(12deg); }
.article-clip-stack b,.article-clip-stack span { display:block; }.article-clip-stack b { font-size:11px; letter-spacing:.14em; }.article-clip-stack span { position:absolute; bottom:17px; left:17px; font-size:13px; font-weight:750; }
.article-thesis { max-width:980px; margin:0 auto 104px; padding:38px 44px; border-left:4px solid var(--violet); border-radius:0 24px 24px 0; background:var(--surface); box-shadow:0 18px 60px rgba(53,33,100,.06); }
.article-thesis > p:last-child { max-width:880px; margin:0; font-size:clamp(24px,3vw,38px); font-weight:730; line-height:1.2; letter-spacing:-.04em; }
.article-layout { display:grid; grid-template-columns:210px minmax(0,800px); gap:70px; align-items:start; justify-content:center; }
.article-toc { position:sticky; top:82px; display:grid; gap:0; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.article-toc .eyebrow { margin:0 0 10px; }
.article-toc a { padding:8px 0 8px 14px; border-left:2px solid transparent; color:var(--muted); font-size:13px; line-height:1.4; text-decoration:none; transition:border-color .18s ease,color .18s ease; }
.article-toc a:hover { color:var(--ink); }
.article-toc a.is-active { border-left-color:var(--violet); color:var(--ink); font-weight:750; }
.article-body { min-width:0; }
.article-section { scroll-margin-top:84px; padding-top:0; border-top:0; }
.article-section + .article-section { margin-top:120px; }
.article-section h2 { max-width:760px; margin-bottom:24px; font-size:clamp(40px,5vw,64px); line-height:.98; }
.article-section > p:not(.eyebrow):not(.article-caveat) { max-width:730px; margin-bottom:20px; color:var(--muted); font-size:17px; line-height:1.72; }
.article-section a,.article-sources a { text-decoration-thickness:1px; text-underline-offset:3px; }
.article-note { display:grid; gap:8px; margin:38px 0 4px; padding:3px 0 3px 24px; border:0; border-left:3px solid var(--ink); border-radius:0; background:transparent; }
.article-note strong { font-size:22px; letter-spacing:-.035em; }.article-note span { color:var(--muted); font-size:15px; line-height:1.6; }
.article-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:34px 0 18px; }
.article-stat-grid article { min-height:174px; padding:23px; border:1px solid var(--line); border-radius:21px; background:var(--surface); }
.article-stat-grid strong,.article-stat-grid span { display:block; }.article-stat-grid strong { margin-bottom:16px; color:var(--violet); font-size:40px; letter-spacing:-.06em; }.article-stat-grid span { color:var(--muted); font-size:12px; line-height:1.5; }
.article-caveat { margin:0 0 36px; color:var(--muted); font-size:12px; line-height:1.55; }
.article-reason-grid,.article-production-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.article-reason-grid article,.article-production-grid article { padding:25px; border:1px solid var(--line); border-radius:21px; background:rgba(255,255,255,.6); }
.article-reason-grid article > span { display:block; margin-bottom:26px; color:var(--violet); font-size:11px; font-weight:800; letter-spacing:.15em; }
.article-reason-grid h3,.article-framework h3,.article-workflow h3 { margin:0 0 8px; font-size:22px; letter-spacing:-.04em; }
.article-reason-grid p,.article-production-grid p,.article-framework p,.article-workflow p { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.article-framework { margin:35px 0 40px; padding:0; border-top:1px solid var(--line); list-style:none; }
.article-framework li { display:grid; grid-template-columns:58px 1fr; gap:22px; padding:25px 2px; border-bottom:1px solid var(--line); }
.article-framework li > span { color:var(--violet); font-size:12px; font-weight:800; letter-spacing:.14em; }
.article-production-grid article > strong { display:block; margin-bottom:9px; font-size:17px; }
.article-workflow { display:grid; gap:0; margin:34px 0 42px; border-top:1px solid var(--line); }
.article-workflow article { display:grid; grid-template-columns:48px 1fr; gap:22px; padding:24px 0; border-bottom:1px solid var(--line); }
.article-workflow article > span { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid rgba(99,55,255,.3); border-radius:50%; color:var(--violet); font-size:12px; font-weight:800; }
.article-product-panel { display:grid; grid-template-columns:1fr; gap:28px; align-items:start; padding:38px; border-radius:28px; background:var(--plum); color:#fff; }
.article-product-panel .eyebrow { color:#bbaaff; }.article-product-panel h3 { max-width:540px; margin:0 0 12px; font-size:clamp(30px,4vw,46px); line-height:1; letter-spacing:-.055em; }.article-product-panel p:not(.eyebrow) { margin:0; color:rgba(255,255,255,.7); font-size:14px; line-height:1.6; }
.article-product-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; }.article-product-actions .button { width:auto; }.article-product-actions .text-link { min-height:48px; padding:0 4px; color:#fff; font-size:13px; white-space:nowrap; }
.article-metrics { margin:34px 0 25px; border-top:1px solid var(--line); }
.article-metrics div { display:grid; grid-template-columns:210px 1fr; gap:32px; padding:23px 0; border-bottom:1px solid var(--line); }
.article-metrics dt { font-size:16px; font-weight:750; }.article-metrics dd { margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.article-checklist { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin:32px 0 0; padding:0; list-style:none; }
.article-checklist li { display:flex; align-items:flex-start; gap:13px; min-height:90px; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--surface); font-size:14px; line-height:1.45; }
.article-checklist span { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:50%; background:var(--violet); color:#fff; font-size:12px; font-weight:800; }
.article-conclusion { margin-top:100px; padding:62px 9%; border-radius:30px; background:var(--violet); color:#fff; text-align:center; }
.article-conclusion .eyebrow { color:#ded5ff; }.article-conclusion h2 { max-width:700px; margin:0 auto 16px; font-size:clamp(42px,6vw,70px); }.article-conclusion > p:not(.eyebrow) { max-width:650px; margin:0 auto; color:rgba(255,255,255,.78); font-size:17px; line-height:1.6; }.article-conclusion .hero-actions { justify-content:center; margin-top:27px; }
.article-sources { margin:82px 0 20px; padding-top:34px; border-top:1px solid var(--line); }
.article-sources h2 { font-size:30px; }.article-sources > p:not(.eyebrow) { max-width:680px; color:var(--muted); font-size:13px; line-height:1.55; }.article-sources ol { display:grid; gap:9px; margin:23px 0 0; padding-left:21px; color:var(--muted); font-size:13px; line-height:1.5; }.article-sources a:hover { color:var(--violet); }
.moment-hero-visual { display:block; padding:40px 34px; background:var(--plum); }
.moment-transcript-label { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.18); color:#fff; }
.moment-transcript-label span { font-size:10px; font-weight:800; letter-spacing:.16em; }.moment-transcript-label strong { font-size:12px; }
.moment-transcript-list { position:relative; z-index:1; display:grid; gap:10px; margin-top:20px; }
.moment-transcript-list > div { position:relative; display:grid; grid-template-columns:53px 1fr; gap:9px 13px; align-items:center; min-height:54px; padding:12px 14px; border:1px solid rgba(255,255,255,.11); border-radius:12px; color:rgba(255,255,255,.52); }
.moment-transcript-list time { grid-row:1 / span 2; font-size:11px; font-weight:750; }.moment-transcript-list i { display:block; height:5px; border-radius:99px; background:rgba(255,255,255,.18); }.moment-transcript-list i:last-child { width:64%; }
.moment-transcript-list .is-selected { min-height:72px; padding:15px; border-color:#fff; background:#fff; color:var(--plum); box-shadow:0 18px 48px rgba(0,0,0,.28); transform:translateX(-8px); }
.moment-transcript-list .is-selected span { position:absolute; top:9px; right:11px; color:var(--violet); font-size:8px; font-weight:850; letter-spacing:.14em; }.moment-transcript-list .is-selected i { background:var(--plum); opacity:.8; }
.moment-selection-bracket { position:relative; z-index:1; display:flex; align-items:center; gap:10px; margin-top:22px; color:rgba(255,255,255,.62); font-size:8px; font-weight:800; letter-spacing:.13em; }.moment-selection-bracket b { flex:1; height:1px; background:rgba(255,255,255,.32); }
.moment-boundary-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:34px 0 0; }
.moment-boundary-grid article { padding:28px; border:1px solid var(--line); border-radius:21px; background:var(--surface); }.moment-boundary-grid article > span { display:block; margin-bottom:30px; color:var(--violet); font-size:10px; font-weight:850; letter-spacing:.16em; }.moment-boundary-grid h3 { margin:0 0 10px; font-size:24px; letter-spacing:-.04em; }.moment-boundary-grid p { margin:0; color:var(--muted); font-size:14px; line-height:1.58; }
.moment-conclusion { background:var(--plum); }
.subtitle-hero-visual { display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:23px; padding:38px; background:radial-gradient(circle at 42% 42%,#31203b 0,#24152e 58%,#1b1023 100%); }
.subtitle-editorial-heading { position:relative; z-index:1; }.subtitle-editorial-heading span { display:block; margin-bottom:11px; color:var(--violet); font-size:10px; font-weight:850; letter-spacing:.22em; }.subtitle-editorial-heading strong { display:block; max-width:420px; color:#fff; font-size:clamp(35px,3.75vw,53px); font-weight:850; line-height:.88; letter-spacing:-.065em; text-transform:uppercase; }
.subtitle-track-grid { position:relative; z-index:1; display:grid; gap:13px; padding:12px 0; background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.16) calc(20% - 1px),rgba(255,255,255,.16) 20%); background-size:100% 100%; }
.subtitle-cue-row { display:grid; gap:9px; align-items:center; }.subtitle-cue-row-primary { grid-template-columns:.7fr 1.35fr 1.22fr 1.62fr 1.15fr .7fr; }.subtitle-cue-row-secondary { grid-template-columns:1.45fr .72fr 1.35fr .55fr 1.85fr; }.subtitle-cue-row span { display:block; border-radius:6px; }.subtitle-cue-row-primary span { height:34px; background:#fff; }.subtitle-cue-row-secondary span { height:18px; background:rgba(169,146,181,.32); }.subtitle-cue-row-primary .is-current { position:relative; background:#fff; box-shadow:0 0 0 3px #24152e,0 0 0 5px #fff; }
.subtitle-waveform { position:relative; z-index:1; display:flex; align-items:center; gap:4px; height:55px; padding-top:4px; border-top:1px solid rgba(255,255,255,.11); }.subtitle-waveform::before { content:''; position:absolute; right:0; left:0; top:calc(50% + 2px); height:1px; background:rgba(99,55,255,.55); }.subtitle-waveform i { position:relative; flex:1; height:var(--subtitle-wave,5px); border-radius:99px; background:var(--violet); }.subtitle-waveform i:nth-child(2n) { --subtitle-wave:15px; }.subtitle-waveform i:nth-child(3n) { --subtitle-wave:29px; }.subtitle-waveform i:nth-child(4n) { --subtitle-wave:42px; }.subtitle-waveform i:nth-child(7n) { --subtitle-wave:51px; }
.subtitle-break-example { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:34px 0; }.subtitle-break-example > div { padding:25px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }.subtitle-break-example > div > span { display:block; margin-bottom:27px; color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.15em; }.subtitle-break-example p { margin:0; color:var(--ink); font-size:25px; font-weight:750; line-height:1.16; letter-spacing:-.04em; }.subtitle-break-example .is-preferred { border-color:var(--ink); }.subtitle-break-example .is-preferred > span { color:var(--violet); }
.subtitle-conclusion { background:var(--plum); }
[data-theme="dark"] .article-reason-grid article { background:var(--surface); }
[data-theme="dark"] .article-conclusion { background:#4c26d4; }
[data-theme="dark"] .moment-conclusion { background:var(--plum); }
[data-theme="dark"] .subtitle-conclusion { background:var(--plum); }
@media (max-width:980px) { .article-hero { grid-template-columns:1fr; gap:34px; }.article-hero-visual { min-height:380px; }.article-layout { grid-template-columns:1fr; gap:38px; }.article-toc { position:static; grid-template-columns:repeat(3,1fr); gap:0 22px; }.article-toc .eyebrow { grid-column:1/-1; }.article-thesis { margin-bottom:74px; } }
@media (max-width:700px) { .article-hero { min-height:0; padding:24px 0 46px; }.article-hero h1 { font-size:clamp(50px,15vw,72px); }.article-hero .lead { font-size:17px; }.article-meta { display:grid; gap:5px; }.article-meta span + span::before { content:none; }.article-hero-visual { min-height:320px; padding:28px 15px; border-radius:24px; }.article-source-card { width:132px; min-height:230px; padding:15px; }.article-wave { margin-top:28px; }.article-source-card > strong { bottom:15px; left:15px; }.article-flow-arrow { margin:0 2px; font-size:24px; }.article-clip-stack { width:113px; height:245px; }.article-clip-stack div { width:88px; height:172px; padding:13px; }.article-clip-stack div:nth-child(2) { top:32px; left:15px; }.article-clip-stack div:nth-child(3) { top:64px; left:29px; }.article-clip-stack span { bottom:13px; left:13px; font-size:11px; }.article-thesis { margin-bottom:58px; padding:27px 24px; }.article-thesis > p:last-child { font-size:25px; }.article-toc { grid-template-columns:1fr 1fr; }.article-section + .article-section { margin-top:84px; }.article-section h2 { font-size:clamp(36px,11vw,50px); }.article-section > p:not(.eyebrow):not(.article-caveat) { font-size:16px; }.article-stat-grid,.article-reason-grid,.article-production-grid,.article-checklist,.moment-boundary-grid,.subtitle-break-example { grid-template-columns:1fr; }.article-stat-grid article { min-height:0; }.article-framework li { grid-template-columns:42px 1fr; gap:13px; }.article-product-panel { padding:28px 23px; }.article-product-actions { display:grid; max-width:280px; gap:10px; }.article-product-actions .button { width:100%; }.article-product-actions .text-link { min-height:40px; padding:0; white-space:normal; }.article-metrics div { grid-template-columns:1fr; gap:8px; }.article-conclusion { margin-top:72px; padding:48px 23px; }.article-conclusion .button { width:100%; }.article-sources { margin-top:62px; } }

/* Poeysia Storytelling product page. */
body[data-seo-page="storytelling"] #marketing-page,
body[data-seo-page="storytelling"] #pricing-page,
body[data-seo-page="storytelling"] #clips-page,
body[data-seo-page="storytelling"] #account-page,
body[data-seo-page="poeysia"] #marketing-page,
body[data-seo-page="poeysia"] #pricing-page,
body[data-seo-page="poeysia"] #clips-page,
body[data-seo-page="poeysia"] #account-page { display:none !important; }
body[data-seo-page="storytelling"] #storytelling-page,
body[data-seo-page="poeysia"] #storytelling-page { display:block !important; }

.storytelling-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.85fr); gap:70px; align-items:center; min-height:650px; padding:46px 0 64px; }
.storytelling-hero-copy { max-width:650px; }
.storytelling-hero-copy h1 { max-width:650px; margin-bottom:22px; font-size:clamp(52px,6.8vw,92px); }
.storytelling-hero-art { position:relative; display:flex; min-height:500px; align-items:center; justify-content:center; padding:35px 70px; border:1px solid rgba(123,45,58,.16); border-radius:34px; background-color:#f7f0ed; background-image:url('/assets/poeysia-storytelling-hero-background.png'); background-position:center; background-size:cover; box-shadow:0 24px 80px rgba(53,33,100,.1); }
.storytelling-hero-art > img { position:absolute; z-index:2; top:28px; right:28px; width:92px; height:92px; border-radius:23px; box-shadow:0 14px 28px rgba(53,33,100,.18); }
.storytelling-hero-glow { position:absolute; width:230px; height:230px; border-radius:50%; background:rgba(123,45,58,.12); filter:blur(30px); }
.storytelling-phone-card { position:relative; z-index:1; width:min(100%,270px); overflow:hidden; border:8px solid #211c24; border-radius:37px; background:#211c24; box-shadow:0 30px 60px rgba(33,28,36,.28); transform:rotate(3deg); }
.storytelling-phone-card img { display:block; width:100%; height:auto; }
.product-family-card { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:50px; align-items:center; padding:32px 38px; border:1px solid var(--line); border-radius:25px; background:rgba(255,255,255,.76); box-shadow:0 18px 70px rgba(53,33,100,.05); }
.product-family-card h2 { margin:0; font-size:clamp(28px,3vw,42px); }
.product-family-intro { max-width:520px; margin:20px 0 0; color:var(--muted); font-size:15px; line-height:1.6; }
.product-family-links { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.product-family-links a { display:grid; gap:7px; padding:18px 20px; border:1px solid var(--line); border-radius:18px; color:var(--ink); text-decoration:none; }
.product-family-links a:hover, .product-family-links a.active { border-color:rgba(123,45,58,.42); background:rgba(123,45,58,.05); }
.product-family-links strong { font-size:16px; }
.product-family-links span { color:var(--muted); font-size:13px; line-height:1.45; }
.storytelling-flow-section, .storytelling-showcase-section, .storytelling-explain-section, .storytelling-faq-section { margin-top:104px; }
.storytelling-section-heading { max-width:720px; }
.storytelling-section-heading h2 { max-width:690px; margin-bottom:15px; font-size:clamp(38px,5vw,66px); line-height:.98; }
.storytelling-section-heading > p:last-child { max-width:620px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; }
.storytelling-flow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px; }
.storytelling-flow-grid article { min-height:190px; padding:26px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 18px 70px rgba(53,33,100,.05); }
.storytelling-step-number { display:block; margin-bottom:26px; color:var(--plum); font-size:12px; font-weight:800; letter-spacing:.16em; }
.storytelling-flow-grid h3 { margin-bottom:8px; font-size:28px; letter-spacing:-.05em; }
.storytelling-flow-grid p { max-width:290px; margin:0; color:var(--muted); font-size:15px; line-height:1.5; }
.storytelling-screenshot-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:30px; align-items:start; }
.storytelling-screenshot-grid figure { margin:0; }
.storytelling-screenshot-grid figure:nth-child(2), .storytelling-screenshot-grid figure:nth-child(4) { margin-top:38px; }
.storytelling-screenshot-grid img { display:block; width:100%; border:6px solid #211c24; border-radius:25px; background:#211c24; box-shadow:0 18px 38px rgba(53,33,100,.14); }
.storytelling-screenshot-grid figcaption { display:grid; gap:4px; padding:14px 4px 0; }
.storytelling-screenshot-grid figcaption strong { font-size:15px; }
.storytelling-screenshot-grid figcaption span { color:var(--muted); font-size:12px; line-height:1.4; }
.storytelling-explain-section { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:18px; }
.storytelling-explain-card, .storytelling-moment-card { padding:34px; border:1px solid var(--line); border-radius:27px; background:rgba(255,255,255,.82); box-shadow:0 18px 70px rgba(53,33,100,.05); }
.storytelling-explain-card h2 { max-width:680px; margin-bottom:15px; font-size:clamp(32px,4vw,54px); line-height:1; }
.storytelling-explain-card > p:not(.eyebrow) { max-width:620px; margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.storytelling-explain-list { display:grid; gap:0; margin-top:28px; }
.storytelling-explain-list div { display:flex; gap:17px; padding:15px 0; border-top:1px solid var(--line); }
.storytelling-explain-list b { color:var(--plum); font-size:12px; }
.storytelling-explain-list span { color:var(--muted); font-size:14px; line-height:1.45; }
.storytelling-moment-card { background-color:#f7f0ed; background-image:url('/assets/poeysia-storytelling-hero-background.png'); background-position:center; background-size:cover; }
.storytelling-moment-card h3 { margin:32px 0 22px; color:#fff; font-family:Georgia,serif; font-size:clamp(30px,3vw,44px); line-height:1; }
.storytelling-moment-card ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; color:rgba(255,255,255,.88); font-size:14px; line-height:1.45; }
.storytelling-moment-card li { padding-top:13px; border-top:1px solid rgba(255,255,255,.3); }
.storytelling-faq-list { max-width:900px; margin-top:30px; border-top:1px solid var(--line); }
.storytelling-faq-list details { border-bottom:1px solid var(--line); }
.storytelling-faq-list summary { display:flex; justify-content:space-between; gap:20px; padding:22px 4px; cursor:pointer; list-style:none; font-size:18px; font-weight:750; }
.storytelling-faq-list summary::-webkit-details-marker { display:none; }
.storytelling-faq-list summary::after { content:'+'; color:var(--plum); font-size:24px; font-weight:400; }
.storytelling-faq-list details[open] summary::after { content:'−'; }
.storytelling-faq-list details p { max-width:760px; margin:0; padding:0 45px 22px 4px; color:var(--muted); font-size:15px; line-height:1.6; }
.storytelling-closing-cta { margin-top:104px; margin-bottom:20px; padding:62px 9%; border-radius:30px; background:#7b2d3a; color:#fff; text-align:center; }
.storytelling-closing-cta > img { display:block; width:72px; height:72px; margin:0 auto 22px; border-radius:18px; }
.storytelling-closing-cta .eyebrow { color:#f0cbd1; }
.storytelling-closing-cta h2 { max-width:820px; margin:0 auto 14px; font-family:Georgia,serif; font-size:clamp(42px,6vw,74px); line-height:.98; }
.storytelling-closing-cta h2 em { color:#f0cbd1; font-style:normal; }
.storytelling-closing-cta p:not(.eyebrow) { max-width:620px; margin:0 auto; color:rgba(255,255,255,.8); font-size:17px; line-height:1.55; }
.storytelling-closing-cta .hero-actions { justify-content:center; margin-top:27px; }
.storytelling-cta-secondary { background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.35); }
.storytelling-cta-secondary:hover { background:rgba(255,255,255,.2); }
[data-theme="dark"] .product-family-card, [data-theme="dark"] .storytelling-flow-grid article, [data-theme="dark"] .storytelling-explain-card { background:var(--surface); }
[data-theme="dark"] .storytelling-hero-art, [data-theme="dark"] .storytelling-moment-card { background-color:#29232a; }
@media (max-width:900px) { .storytelling-hero { grid-template-columns:1fr; gap:32px; } .storytelling-hero-copy { max-width:720px; } .storytelling-hero-art { max-width:720px; width:100%; min-height:480px; margin:0 auto; } .product-family-card, .storytelling-explain-section { grid-template-columns:1fr; gap:25px; } .storytelling-screenshot-grid { grid-template-columns:repeat(3,1fr); } .storytelling-screenshot-grid figure:nth-child(4), .storytelling-screenshot-grid figure:nth-child(5) { margin-top:38px; } }
@media (max-width:700px) { .storytelling-hero { min-height:0; padding:24px 0 42px; } .storytelling-hero-copy h1 { font-size:clamp(48px,14vw,74px); } .storytelling-hero-art { min-height:400px; padding:30px 44px; } .storytelling-hero-art > img { top:20px; right:20px; width:72px; height:72px; border-radius:18px; } .product-family-card { padding:25px 22px; } .product-family-links { grid-template-columns:1fr; } .storytelling-flow-section, .storytelling-showcase-section, .storytelling-explain-section, .storytelling-faq-section { margin-top:70px; } .storytelling-flow-grid { grid-template-columns:1fr; } .storytelling-flow-grid article { min-height:0; } .storytelling-screenshot-grid { grid-template-columns:repeat(2,1fr); gap:12px; } .storytelling-screenshot-grid figure:nth-child(2), .storytelling-screenshot-grid figure:nth-child(4), .storytelling-screenshot-grid figure:nth-child(5) { margin-top:26px; } .storytelling-explain-card, .storytelling-moment-card { padding:26px 22px; } .storytelling-closing-cta { margin-top:70px; padding:48px 24px; } }

/* PoeysiaPRO homepage product story. */
.home-foundation { padding-top:22px; }
.home-foundation-tile { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); gap:34px; overflow:hidden; padding:62px; border:1px solid rgba(188,168,255,.18); border-radius:34px; background:linear-gradient(120deg,#21162a,#172c31 58%,#6d3b34); box-shadow:0 26px 90px rgba(53,33,100,.15); color:#fff; }
.home-foundation-tile::after { content:''; position:absolute; z-index:-1; top:-230px; right:19%; width:450px; height:450px; border:1px solid rgba(255,255,255,.11); border-radius:50%; box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.016); }
.home-foundation-copy { display:flex; flex-direction:column; justify-content:center; }
.home-foundation-copy .eyebrow { color:#bca8ff; }
.home-foundation-copy h2 { max-width:660px; margin-bottom:22px; font-size:clamp(45px,5.7vw,74px); }
.home-foundation-copy > p:not(.eyebrow) { max-width:650px; margin:0; color:rgba(255,255,255,.7); font-size:16px; line-height:1.62; }
.home-principle-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:38px; border-top:1px solid rgba(255,255,255,.16); }
.home-principle-grid div { padding:22px 18px 0 0; }
.home-principle-grid div + div { padding-left:18px; border-left:1px solid rgba(255,255,255,.16); }
.home-principle-grid span, .upcoming-number { display:block; margin-bottom:30px; color:#bca8ff; font-size:10px; font-weight:850; letter-spacing:.12em; }
.home-principle-grid strong, .home-principle-grid small { display:block; }
.home-principle-grid strong { margin-bottom:7px; color:#fff; font-size:15px; line-height:1.3; }
.home-principle-grid small { color:rgba(255,255,255,.55); font-size:11px; line-height:1.5; }
.home-ai-choice { align-self:center; overflow:hidden; padding:12px; border:1px solid rgba(255,255,255,.16); border-radius:25px; background:rgba(12,15,24,.4); backdrop-filter:blur(14px); }
.home-ai-choice-heading { padding:16px 15px 18px; }
.home-ai-choice-heading span, .home-ai-choice-heading strong { display:block; }
.home-ai-choice-heading span { margin-bottom:8px; color:#bca8ff; font-size:9px; font-weight:850; letter-spacing:.16em; }
.home-ai-choice-heading strong { max-width:380px; color:#fff; font-size:20px; line-height:1.2; letter-spacing:-.035em; }
.home-ai-option { display:grid; grid-template-columns:36px 1fr auto; gap:14px; align-items:start; min-height:150px; padding:20px; border:1px solid rgba(255,255,255,.16); border-radius:17px; color:#fff; text-decoration:none; transition:border-color .18s ease,transform .18s ease,background .18s ease; }
.home-ai-option + .home-ai-option { margin-top:9px; }
.home-ai-option:hover { transform:translateY(-2px); border-color:rgba(188,168,255,.5); }
.home-ai-option-cloud { background:linear-gradient(135deg,rgba(99,55,255,.3),rgba(255,255,255,.055)); }
.home-ai-option-local { background:linear-gradient(135deg,rgba(145,228,181,.12),rgba(255,255,255,.045)); }
.home-ai-option-index { display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:50%; color:#bca8ff; font-size:10px; font-weight:850; }
.home-ai-option small, .home-ai-option strong, .home-ai-option p { display:block; }
.home-ai-option small { margin-bottom:8px; color:#bca8ff; font-size:8px; font-weight:850; letter-spacing:.12em; }
.home-ai-option strong { color:#fff; font-size:17px; line-height:1.25; }
.home-ai-option p { margin:8px 0 0; color:rgba(255,255,255,.58); font-size:11px; line-height:1.45; }
.home-ai-option > b { align-self:center; color:#bca8ff; font-size:18px; }
.home-ai-option-local small, .home-ai-option-local > b { color:#a9f0c6; }
.home-tool-heading { max-width:860px; margin-bottom:32px; }
.home-tool-heading h2 { margin:0 0 17px; font-size:clamp(58px,8vw,108px); }
.home-tool-heading > p:last-child { max-width:650px; margin:0; color:var(--muted); font-size:16px; line-height:1.55; }
.home-clips-tile { display:grid; grid-template-columns:minmax(0,1.24fr) minmax(340px,.76fr); gap:18px; padding:18px; border:1px solid var(--line); border-radius:31px; background:rgba(255,255,255,.72); box-shadow:0 22px 75px rgba(53,33,100,.07); }
.home-clips-visual { display:flex; min-width:0; flex-direction:column; margin:0; padding:12px; border:1px solid var(--line); border-radius:22px; background:var(--surface-solid); }
.home-clips-visual video { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:15px; background:#171522; }
.home-clips-visual figcaption { padding:12px 3px 1px; color:var(--muted); font-size:11px; }
.home-clips-copy { display:flex; flex-direction:column; justify-content:center; padding:42px 32px; }
.home-clips-copy h3 { max-width:470px; margin:0 0 18px; font-size:clamp(36px,4.4vw,60px); line-height:.96; letter-spacing:-.065em; }
.home-clips-copy > p:not(.eyebrow) { max-width:480px; margin:0; color:var(--muted); font-size:15px; line-height:1.58; }
.home-clips-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; margin:27px 0; padding:0; border-top:1px solid var(--line); list-style:none; }
.home-clips-features li { position:relative; padding:12px 0 12px 18px; border-bottom:1px solid var(--line); color:var(--ink); font-size:11px; font-weight:750; line-height:1.35; }
.home-clips-features li::before { content:'✓'; position:absolute; left:0; color:var(--violet); font-weight:900; }
.home-clips-copy .button { align-self:flex-start; }
.upcoming-number { margin-bottom:22px; color:var(--violet); }
[data-theme="dark"] .home-clips-tile { background:var(--surface); box-shadow:none; }
[data-theme="dark"] .home-clips-visual { background:rgba(15,15,20,.6); }
@media (max-width:980px) {
  .home-foundation-tile { grid-template-columns:1fr; padding:48px; }
  .home-ai-choice { width:100%; }
  .home-clips-tile { grid-template-columns:1fr; }
  .home-clips-copy { padding:38px 30px; }
}
@media (max-width:700px) {
  .home-foundation { padding-top:0; }
  .home-foundation-tile { gap:28px; padding:32px 20px 20px; border-radius:25px; }
  .home-foundation-copy h2 { font-size:clamp(43px,12.5vw,60px); }
  .home-foundation-copy > p:not(.eyebrow) { font-size:15px; }
  .home-principle-grid { grid-template-columns:1fr; margin-top:30px; }
  .home-principle-grid div, .home-principle-grid div + div { padding:18px 0; border-left:0; border-bottom:1px solid rgba(255,255,255,.14); }
  .home-principle-grid span { margin-bottom:12px; }
  .home-ai-choice { padding:8px; border-radius:19px; }
  .home-ai-option { grid-template-columns:32px 1fr; min-height:0; padding:17px 15px; }
  .home-ai-option > b { display:none; }
  .home-tool-heading { margin-bottom:22px; }
  .home-tool-heading h2 { font-size:clamp(64px,21vw,92px); }
  .home-tool-heading > p { font-size:15px; }
  .home-clips-tile { gap:8px; padding:8px; border-radius:23px; }
  .home-clips-visual { padding:7px; border-radius:17px; }
  .home-clips-copy { padding:30px 17px 23px; }
  .home-clips-copy h3 { font-size:clamp(38px,11vw,52px); }
  .home-clips-features { grid-template-columns:1fr; }
}

/* Canonical facts, methodology and comparison pages. */
.home-trust-facts { padding:34px 0 0; border-top:1px solid var(--line); }
.home-trust-facts-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:22px; }
.home-trust-facts-heading h2 { margin:0; font-size:clamp(30px,4vw,52px); }
.home-trust-facts-heading > p:last-child { max-width:360px; margin:0; color:var(--muted); font-size:14px; line-height:1.5; }
.home-trust-facts-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.home-trust-facts-grid a { display:grid; gap:7px; min-height:112px; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--ink); text-decoration:none; }
.home-trust-facts-grid a:hover { border-color:rgba(99,55,255,.42); transform:translateY(-2px); }
.home-trust-facts-grid strong { font-size:16px; letter-spacing:-.03em; }
.home-trust-facts-grid span { color:var(--muted); font-size:12px; line-height:1.45; }
.facts-answer-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.facts-answer-grid article { min-height:240px; padding:30px; border:1px solid var(--line); border-radius:24px; background:var(--surface); box-shadow:0 18px 70px rgba(53,33,100,.05); }
.facts-answer-grid article h2 { max-width:500px; font-size:clamp(28px,3.2vw,44px); }
.facts-answer-grid article p:not(.eyebrow) { max-width:560px; color:var(--muted); font-size:15px; line-height:1.6; }
.facts-definition-section, .comparison-table-section { max-width:1120px; margin-right:auto; margin-left:auto; }
.facts-definition-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0 35px; margin:30px 0 0; border-top:1px solid var(--line); }
.facts-definition-grid div { display:grid; grid-template-columns:130px 1fr; gap:20px; padding:19px 0; border-bottom:1px solid var(--line); }
.facts-definition-grid dt { color:var(--violet); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.facts-definition-grid dd { display:grid; gap:7px; text-align:left; color:var(--muted); font-size:14px; line-height:1.55; }
.facts-definition-grid dd strong { color:var(--ink); font-size:17px; line-height:1.35; }
.facts-definition-grid dd small, .facts-qa-list small { color:var(--muted); font-size:12px; line-height:1.5; }
.facts-answer-list { max-width:920px; margin-right:auto; margin-left:auto; }
.facts-qa-list { margin-top:30px; border-top:1px solid var(--line); }
.facts-qa-list article { padding:22px 4px; border-bottom:1px solid var(--line); }
.facts-qa-list h3 { margin:0 0 7px; font-size:19px; letter-spacing:-.03em; }
.facts-qa-list p { max-width:780px; margin:0 0 9px; color:var(--muted); font-size:15px; line-height:1.55; }
.facts-qa-list a, .comparison-sources a { color:var(--violet-dark); font-size:13px; font-weight:750; text-decoration:none; }
.editorial-closing-cta { padding:65px 9%; border-radius:28px; background:var(--violet); color:#fff; text-align:center; }
.editorial-closing-cta h2 { max-width:760px; margin:0 auto 15px; font-size:clamp(38px,5vw,66px); }
.editorial-closing-cta p:not(.eyebrow) { max-width:620px; margin:0 auto; color:rgba(255,255,255,.78); font-size:16px; line-height:1.55; }
.editorial-closing-cta .hero-actions { justify-content:center; margin-top:25px; }
.own-ai-disclaimer-note { max-width:760px; margin:18px auto 0 !important; color:rgba(255,255,255,.62) !important; font-size:12px !important; line-height:1.5 !important; text-align:center; }
.editorial-closing-cta .button-secondary, .comparison-conclusion .button-secondary, .article-conclusion .button-secondary { background:#fff; border-color:#fff; color:var(--plum); }
.editorial-closing-cta .button-secondary:hover, .comparison-conclusion .button-secondary:hover, .article-conclusion .button-secondary:hover { background:#fff; border-color:#fff; color:var(--violet-dark); }
.comparison-checked { max-width:720px; padding:13px 16px; border:1px solid rgba(99,55,255,.22); border-radius:13px; background:var(--soft); color:var(--muted); font-size:13px; line-height:1.5; }
.methodology-step-grid, .criteria-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.methodology-step-grid article, .criteria-grid article { padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.methodology-step-grid article > span { display:block; margin-bottom:30px; color:var(--violet); font-size:11px; font-weight:800; letter-spacing:.15em; }
.methodology-step-grid h3 { margin:0 0 9px; font-size:21px; letter-spacing:-.04em; }
.methodology-step-grid p, .criteria-grid p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; }
.criteria-grid { grid-template-columns:repeat(3,1fr); margin-top:30px; }
.criteria-grid article { min-height:185px; }
.criteria-grid strong { display:flex; justify-content:space-between; gap:14px; margin-bottom:12px; font-size:16px; }
.criteria-grid strong span { color:var(--violet); }
.methodology-decision { max-width:820px; }
.methodology-decision h2 { max-width:780px; margin-bottom:18px; }
.methodology-decision-copy { max-width:680px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; }
.score-comparison { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:60px; align-items:start; }
.editorial-copy { color:var(--muted); font-size:16px; line-height:1.65; }
.editorial-copy p:last-child { margin-bottom:0; }
.comparison-checked { color:var(--muted); }
.comparison-checked a { color:var(--violet-dark); font-weight:700; }
.comparison-hero-detail { max-width:720px; margin:0; color:var(--muted); font-size:16px; line-height:1.55; }
.comparison-table td strong { color:var(--ink); }
.comparison-table td small { display:block; margin-top:7px; color:var(--muted); font-size:12px; line-height:1.45; }
.comparison-volume-row { background:rgba(23,44,49,.045); }
.comparison-volume-row th, .comparison-volume-row td { border-bottom-color:var(--line); }
.comparison-local-note { max-width:850px; margin:15px 4px 0; color:var(--muted); font-size:12px; line-height:1.5; }
.comparison-volume-callout { margin:24px 4px 18px; padding:3px 0 3px 14px; border-left:3px solid var(--violet); color:var(--ink); font-size:16px; line-height:1.45; }
.comparison-status-badge { display:inline-flex; align-items:center; margin-left:6px; padding:3px 6px; border:1px solid rgba(99,55,255,.35); border-radius:999px; color:var(--violet-dark); font-size:9px; font-weight:850; letter-spacing:.12em; line-height:1; vertical-align:middle; }
.comparison-publishing-note, .comparison-top-moments-note, .comparison-source-note { max-width:850px; margin:10px 4px 0; color:var(--muted); font-size:12px; line-height:1.5; }
.comparison-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:24px; background:var(--surface); box-shadow:0 18px 70px rgba(53,33,100,.05); }
.comparison-table { width:100%; min-width:860px; border-collapse:collapse; text-align:left; }
.comparison-table th, .comparison-table td { padding:17px 18px; border-bottom:1px solid var(--line); vertical-align:top; font-size:13px; line-height:1.5; }
.comparison-table thead th { color:var(--muted); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.comparison-table tbody tr:last-child th, .comparison-table tbody tr:last-child td { border-bottom:0; }
.comparison-table tbody th { width:22%; color:var(--ink); font-size:14px; }
.comparison-table tbody td { color:var(--muted); }
.comparison-table tbody td:nth-child(2) { color:var(--ink); }
.score-comparison-copy { padding:28px; border:1px solid var(--line); border-radius:22px; background:var(--surface); color:var(--muted); font-size:15px; line-height:1.6; }
.score-comparison-copy article + article { margin-top:22px; padding-top:22px; border-top:1px solid var(--line); }
.score-comparison-copy h3 { margin:0 0 7px; color:var(--ink); font-size:20px; letter-spacing:-.03em; }
.score-comparison-copy article p { margin:0; }
.score-comparison-intro { max-width:520px; margin-top:18px; color:var(--muted); font-size:16px; line-height:1.6; }
.score-comparison-copy p:last-child { margin-bottom:0; }
.score-comparison-copy strong { color:var(--ink); }
.comparison-score-summary { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); color:var(--ink); font-weight:700; }
.comparison-conclusion { max-width:1120px; margin-right:auto; margin-left:auto; padding:56px; border-radius:28px; background:linear-gradient(115deg,#21162a,#172c31 55%,#56342f); color:#fff; }
.comparison-conclusion .eyebrow { color:#bca8ff; }
.comparison-conclusion h2 { max-width:820px; margin:0 0 16px; color:#fff; font-size:clamp(38px,5vw,64px); line-height:.98; }
.comparison-conclusion > p:not(.eyebrow) { max-width:780px; margin:0; color:rgba(255,255,255,.7); font-size:17px; line-height:1.6; }
.comparison-conclusion .hero-actions { margin-top:28px; }
.comparison-sources { color:var(--muted); font-size:13px; line-height:1.55; }
[data-theme="dark"] .home-trust-facts-grid a, [data-theme="dark"] .facts-answer-grid article, [data-theme="dark"] .methodology-step-grid article, [data-theme="dark"] .criteria-grid article, [data-theme="dark"] .comparison-table-wrap, [data-theme="dark"] .score-comparison-copy { background:var(--surface); }
[data-theme="dark"] .comparison-volume-row { background:rgba(145,228,181,.035); }
@media (max-width:900px) { .home-trust-facts-grid { grid-template-columns:repeat(2,1fr); } .methodology-step-grid, .criteria-grid { grid-template-columns:repeat(2,1fr); } .score-comparison { grid-template-columns:1fr; gap:24px; } .comparison-table-wrap { overflow:visible; } .comparison-table { min-width:0; } .comparison-table thead { display:none; } .comparison-table, .comparison-table tbody, .comparison-table tr { display:block; } .comparison-table tbody tr { padding:17px 18px; border-bottom:1px solid var(--line); } .comparison-table tbody tr:last-child { border-bottom:0; } .comparison-table tbody th, .comparison-table tbody td { display:block; width:auto; padding:0; border:0; } .comparison-table tbody th { margin-bottom:13px; font-size:14px; } .comparison-table tbody td { margin-top:13px; font-size:13px; } .comparison-table tbody td::before { display:block; margin-bottom:5px; color:var(--violet-dark); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; } .comparison-table tbody td:nth-child(2)::before { content:'PoeysiaPRO'; } .comparison-table tbody td:nth-child(3)::before { content:'OpusClip'; } }
@media (max-width:700px) { .home-trust-facts-heading, .facts-answer-grid, .facts-definition-grid { display:grid; grid-template-columns:1fr; gap:16px; } .home-trust-facts-grid, .methodology-step-grid, .criteria-grid { grid-template-columns:1fr; } .facts-definition-grid div { grid-template-columns:1fr; gap:7px; } .facts-answer-grid article { min-height:0; padding:24px 22px; } .comparison-table-wrap { border-radius:16px; } .comparison-table tbody tr { padding:16px; } .comparison-conclusion, .editorial-closing-cta { padding:48px 24px; } }

/* Clips workflow comparison. */
.clips-scorecard { max-width:1120px; margin-right:auto; margin-left:auto; }
.clips-scorecard .clips-section-heading { max-width:920px; }
.clips-scorecard .clips-section-heading > p:last-child { max-width:780px; }
.clips-score-grid { padding:10px; border-color:rgba(99,55,255,.14); background:rgba(237,231,255,.38); box-shadow:0 22px 70px rgba(53,33,100,.08); }
.clips-score-grid > div { grid-template-columns:minmax(190px,.78fr) minmax(250px,1fr) minmax(270px,1.08fr); gap:10px; padding:0; border:0; }
.clips-score-grid > div + div { margin-top:8px; }
.clips-score-grid > div:first-child { align-items:end; padding:8px 16px 12px; }
.clips-score-grid > div:not(.clips-score-label) > span,
.clips-score-grid .score-manual,
.clips-score-grid .score-good { display:flex; align-items:center; min-height:72px; padding:16px 18px; border-radius:15px; }
.clips-score-grid > div:not(.clips-score-label) > span { border:1px solid var(--line); background:var(--surface-solid); color:var(--ink); }
.clips-score-step i { display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px; width:30px; height:30px; margin-right:12px; border-radius:50%; background:var(--soft); color:var(--violet); font-size:10px; font-style:normal; font-weight:800; letter-spacing:.06em; }
.clips-score-grid .score-manual { background:rgba(255,255,255,.52); color:var(--muted); font-weight:650; }
.clips-score-grid .score-good { border:1px solid rgba(99,55,255,.18); background:linear-gradient(135deg,rgba(237,231,255,.96),rgba(255,255,255,.82)); color:var(--violet-dark); font-weight:750; }
.clips-score-grid .score-check { display:inline-flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; margin-right:11px; border-radius:50%; background:var(--violet); color:#fff; font-size:14px; font-weight:900; }
.clips-score-footer { display:flex; align-items:center; gap:28px; margin-top:22px; }
.clips-score-footer p { max-width:700px; margin:0; color:var(--muted); font-size:17px; line-height:1.55; }
[data-theme="dark"] .clips-score-grid { background:rgba(99,55,255,.1); }
[data-theme="dark"] .clips-score-grid > div:not(.clips-score-label) > span,
[data-theme="dark"] .clips-score-grid .score-manual { background:rgba(255,255,255,.045); }
[data-theme="dark"] .clips-score-grid .score-good { background:linear-gradient(135deg,rgba(74,48,137,.68),rgba(35,31,48,.94)); }
[data-theme="dark"] .clips-score-grid .score-good { border-color:rgba(188,168,255,.28); color:#d8d0ff; }
[data-theme="dark"] .clips-score-grid .score-poeysia-label { color:#bca8ff; }
@media (max-width:700px) {
  .clips-score-grid { padding:10px; }
  .clips-score-grid > div:not(.clips-score-label) { grid-template-columns:1fr; gap:8px; margin-top:0; padding:12px; border-bottom:1px solid var(--line); }
  .clips-score-grid > div:not(.clips-score-label):last-child { border-bottom:0; }
  .clips-score-grid > div:not(.clips-score-label) > span { min-height:0; padding:7px 4px 11px; border:0; background:transparent; }
  .clips-score-grid .score-manual,
  .clips-score-grid .score-good { position:relative; display:grid; grid-template-columns:1fr; gap:5px; min-height:0; padding:36px 16px 15px; }
  .clips-score-grid .score-manual::before,
  .clips-score-grid .score-good::before { content:attr(data-column-label); position:absolute; top:12px; left:16px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
  .clips-score-grid .score-good { grid-template-columns:28px 1fr; align-items:center; padding-top:34px; }
  .clips-score-grid .score-good::before { color:var(--violet); }
  .clips-score-grid .score-check { margin-right:0; }
  .clips-score-footer { align-items:flex-start; flex-direction:column; }
}

/* Interactive Clips pipeline. */
.clips-pipeline { --pipeline-progress:0%; position:relative; isolation:isolate; overflow:hidden; padding:22px 22px 24px; border:1px solid rgba(188,168,255,.18); border-radius:29px; background:linear-gradient(115deg,#21162a,#172c31 58%,#6d3b34); box-shadow:0 24px 80px rgba(53,33,100,.14); color:#fff; }
.clips-pipeline::before { content:''; position:absolute; z-index:-1; top:-210px; left:38%; width:420px; height:420px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.016); }
.clips-pipeline-meta { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; min-height:24px; color:rgba(255,255,255,.48); font-size:8px; font-weight:850; letter-spacing:.17em; }
.clips-pipeline-meta strong { color:#a9f0c6; font-size:9px; letter-spacing:.16em; text-align:center; transition:color .25s ease; }
.clips-pipeline-meta span:last-child { text-align:right; }
.clips-pipeline-track { position:absolute; z-index:0; top:130px; right:9.7%; left:9.7%; height:2px; border-radius:99px; background:rgba(255,255,255,.13); }
.clips-pipeline-track > span { position:relative; display:block; width:var(--pipeline-progress); height:100%; border-radius:inherit; background:linear-gradient(90deg,#8a6cff,#bca8ff 52%,#a9f0c6); box-shadow:0 0 20px rgba(188,168,255,.5); transition:width .72s cubic-bezier(.22,.8,.25,1); }
.clips-pipeline-track > span::after { display:none; }
.clips-workflow-flow { position:relative; z-index:1; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin:14px 0 0; padding:0; list-style:none; }
.clips-workflow-flow li { min-width:0; }
.clips-pipeline-step { display:flex; width:100%; min-height:198px; flex-direction:column; align-items:center; padding:12px 10px 11px !important; border:1px solid #343642 !important; border-radius:18px !important; background:#151823 !important; color:#fff !important; box-shadow:0 13px 32px rgba(8,9,16,.2) !important; text-align:center; transition:border-color .25s ease,background .25s ease,transform .25s ease !important; }
.clips-pipeline-step:hover { border-color:#5c5478 !important; background:#1b1d2a !important; }
.clips-pipeline-number { display:block; margin-bottom:16px; color:rgba(255,255,255,.42); font-size:9px; font-weight:850; letter-spacing:.13em; transition:color .25s ease; }
.clips-pipeline-node { position:relative; display:flex; width:64px; height:64px; flex:0 0 64px; align-items:center; justify-content:center; margin-bottom:18px; border:1px solid #454452; border-radius:19px; background:#0f121c; color:#bca8ff; box-shadow:0 12px 35px rgba(8,9,16,.24); transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.25,1); }
.clips-pipeline-step > strong { display:block; max-width:190px; color:rgba(255,255,255,.7); font-size:14px; line-height:1.3; transition:color .25s ease,transform .25s ease; }
.clips-pipeline-step > small { display:block; max-width:190px; max-height:0; margin-top:0; overflow:hidden; color:rgba(255,255,255,.54); font-size:10px; line-height:1.45; opacity:0; transform:translateY(5px); transition:max-height .3s ease,margin .3s ease,opacity .25s ease,transform .3s ease; }
.clips-workflow-flow li.is-active .clips-pipeline-step { border-color:#7663bb !important; background:linear-gradient(145deg,#2d2450,#192d32) !important; transform:translateY(-3px); }
.clips-workflow-flow li.is-active .clips-pipeline-number { color:#bca8ff; }
.clips-workflow-flow li.is-active .clips-pipeline-node { border-color:#a28cff; background:linear-gradient(145deg,#5235b3,#172d32); box-shadow:0 0 0 7px rgba(124,92,255,.11),0 18px 46px rgba(10,8,22,.35),0 0 34px rgba(188,168,255,.18); transform:scale(1.08); }
.clips-workflow-flow li.is-active .clips-pipeline-step > strong { color:#fff; transform:translateY(-1px); }
.clips-workflow-flow li.is-active .clips-pipeline-step > small { max-height:48px; margin-top:8px; opacity:1; transform:none; }
.clips-pipeline-node-video i { display:block; width:29px; height:36px; border:2px solid currentColor; border-radius:6px; }
.clips-pipeline-node-video i::after { content:''; display:block; width:0; height:0; margin:11px auto 0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid currentColor; }
.clips-pipeline-node-transcript { gap:4px; }
.clips-pipeline-node-transcript i { display:block; width:3px; height:18px; border-radius:99px; background:currentColor; }
.clips-pipeline-node-transcript i:nth-child(2), .clips-pipeline-node-transcript i:nth-child(4) { height:34px; }
.clips-pipeline-node-transcript i:nth-child(3) { height:25px; }
.clips-pipeline-node-ai { font-size:31px; text-shadow:0 0 22px rgba(188,168,255,.7); }
.clips-pipeline-node-review i { position:absolute; width:31px; height:39px; border:1px solid currentColor; border-radius:7px; background:rgba(99,55,255,.16); }
.clips-pipeline-node-review i:first-child { transform:translateX(-11px) rotate(-8deg); opacity:.55; }
.clips-pipeline-node-review i:nth-child(2) { z-index:1; background:rgba(99,55,255,.3); }
.clips-pipeline-node-review i:last-child { transform:translateX(11px) rotate(8deg); opacity:.75; }
.clips-pipeline-node-export i { display:block; width:25px; height:39px; border:2px solid currentColor; border-radius:7px; }
.clips-pipeline-node-export b { position:absolute; right:13px; bottom:11px; display:grid; width:21px; height:21px; place-items:center; border-radius:50%; background:#a9f0c6; color:#172c31; font-size:12px; }
.clips-pipeline[data-pipeline-complete='true'] .clips-pipeline-meta strong { color:#a9f0c6; text-shadow:0 0 18px rgba(169,240,198,.45); }
@media (max-width:900px) {
  .clips-pipeline { padding:21px 18px 22px; }
  .clips-pipeline-step { padding-right:7px !important; padding-left:7px !important; }
  .clips-pipeline-node { width:58px; height:58px; flex-basis:58px; }
  .clips-pipeline-track { top:127px; }
  .clips-pipeline-step > strong { font-size:12px; }
}
@media (max-width:700px) {
  .clips-pipeline { padding:22px 18px 19px; border-radius:24px; }
  .clips-pipeline-meta { grid-template-columns:1fr auto; }
  .clips-pipeline-meta strong { text-align:right; }
  .clips-pipeline-meta span:last-child { display:none; }
  .clips-pipeline-track { top:80px; bottom:78px; left:50px; width:2px; height:auto; }
  .clips-pipeline-track > span { width:100%; height:var(--pipeline-progress); transition:height .72s cubic-bezier(.22,.8,.25,1); }
  .clips-pipeline-track > span::after { top:auto; right:50%; bottom:-6px; transform:translate(50%,50%); }
  .clips-workflow-flow { grid-template-columns:1fr; gap:8px; margin-top:22px; }
  .clips-pipeline-step { display:grid; grid-template-columns:64px 1fr; grid-template-rows:auto auto auto; min-height:105px; align-items:center; padding:10px 12px 10px 6px !important; text-align:left; }
  .clips-pipeline-number { grid-column:2; margin:0 0 5px; }
  .clips-pipeline-node { z-index:1; grid-row:1 / 4; grid-column:1; width:54px; height:54px; flex-basis:54px; margin:0; border-radius:17px; }
  .clips-pipeline-step > strong, .clips-pipeline-step > small { grid-column:2; max-width:none; }
  .clips-pipeline-step > strong { font-size:15px; }
  .clips-workflow-flow li.is-active .clips-pipeline-step { transform:none; }
  .clips-workflow-flow li.is-active .clips-pipeline-node { transform:scale(1.08); }
  .clips-workflow-flow li.is-active .clips-pipeline-step > small { max-height:44px; margin-top:5px; }
  .clips-pipeline-node-transcript { gap:3px; }
  .clips-pipeline-node-review i { width:25px; height:32px; }
}
@media (prefers-reduced-motion:reduce) {
  .clips-pipeline *, .clips-pipeline-track > span { transition:none !important; animation:none !important; }
}

/* Clips feature stories. */
.clips-feature-stories { margin-top:110px; }
.clips-feature-intro { max-width:820px; margin-bottom:34px; }
.clips-feature-intro h2 { margin-bottom:15px; font-size:clamp(40px,5.7vw,70px); }
.clips-feature-intro > p:last-child { max-width:650px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; }
.clips-feature-bubble { display:grid; gap:0; min-height:500px; margin-top:22px; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:34px; background:rgba(255,255,255,.72); box-shadow:0 22px 75px rgba(53,33,100,.065); }
.clips-feature-bubble-portrait { grid-template-columns:minmax(440px,1.15fr) minmax(300px,.85fr); }
.clips-feature-bubble-landscape.clips-feature-bubble-reverse { grid-template-columns:minmax(520px,1.3fr) minmax(300px,.7fr); }
.clips-feature-copy { display:flex; flex-direction:column; justify-content:center; padding:62px 52px; }
.clips-feature-number { display:grid; width:42px; height:42px; place-items:center; margin-bottom:52px; border-radius:50%; background:var(--soft); color:var(--violet); font-size:11px; font-weight:850; letter-spacing:.08em; }
.clips-feature-copy .eyebrow { margin-bottom:13px; }
.clips-feature-copy h2 { max-width:480px; margin-bottom:18px; font-size:clamp(34px,4.1vw,56px); line-height:.98; }
.clips-feature-copy > p:not(.eyebrow) { max-width:520px; margin:0; color:var(--muted); font-size:16px; line-height:1.62; }
.clips-feature-hints { display:grid; gap:8px; margin-top:28px; }
.clips-feature-hints span { display:flex; gap:12px; align-items:baseline; padding:12px 14px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.58); color:var(--muted); font-size:12px; line-height:1.45; }
.clips-feature-hints strong { flex:0 0 66px; color:var(--ink); font-size:11px; letter-spacing:.05em; text-transform:uppercase; }
.clips-feature-list { display:grid; gap:10px; margin:25px 0 0; padding:0; list-style:none; }
.clips-feature-list li { position:relative; padding-left:21px; color:var(--ink); font-size:13px; font-weight:700; line-height:1.45; }
.clips-feature-list li::before { content:'✓'; position:absolute; left:0; color:var(--violet); font-weight:900; }
.clips-feature-bubble-reverse .clips-feature-copy { order:2; }
.clips-feature-bubble-reverse .clips-feature-media { order:1; }
.clips-feature-media { isolation:isolate; position:relative; display:flex; min-height:500px; align-items:center; justify-content:center; overflow:hidden; padding:58px 22px 22px; border:0; border-radius:0 33px 33px 0; background:linear-gradient(145deg,#22172d,#172d32 64%,#6d3d37); color:#fff; }
.clips-feature-bubble-reverse .clips-feature-media { border-radius:33px 0 0 33px; }
.clips-feature-media::before { content:''; position:absolute; z-index:-1; inset:0; opacity:.25; background-image:radial-gradient(circle,rgba(255,255,255,.4) 1px,transparent 1.3px); background-size:28px 28px; mask-image:linear-gradient(to bottom,black,transparent 72%); }
.clips-feature-media::after { content:''; position:absolute; z-index:-1; width:320px; height:320px; border:1px solid rgba(188,168,255,.18); border-radius:50%; box-shadow:0 0 0 44px rgba(188,168,255,.035),0 0 0 88px rgba(188,168,255,.022); }
.clips-media-label { position:absolute; top:24px; left:26px; color:#bca8ff; font-size:9px; font-weight:850; letter-spacing:.18em; }
.clips-feature-media > small { position:absolute; right:26px; bottom:22px; color:rgba(255,255,255,.5); font-size:10px; letter-spacing:.05em; }
.clips-feature-demo-gif { position:relative; z-index:1; display:block; width:min(100%,720px); height:auto; border:0; border-radius:14px; box-shadow:0 16px 42px rgba(7,8,14,.2); }
.clips-feature-demo-gif-vertical { width:auto; max-width:100%; height:min(420px,70vw); object-fit:contain; }
[data-theme="dark"] .clips-feature-bubble { background:var(--surface); box-shadow:none; }
[data-theme="dark"] .clips-feature-hints span { background:rgba(255,255,255,.035); }
.clips-media-credit { margin:18px 4px 0; color:var(--muted); font-size:11px; line-height:1.5; text-align:left; }
.clips-media-credit cite { color:var(--ink); font-style:normal; }
@media (max-width:980px) {
  .clips-feature-bubble, .clips-feature-bubble-reverse, .clips-feature-bubble-portrait, .clips-feature-bubble-landscape.clips-feature-bubble-reverse { grid-template-columns:1fr; min-height:0; }
  .clips-feature-copy, .clips-feature-bubble-reverse .clips-feature-copy { order:1; }
  .clips-feature-media, .clips-feature-bubble-reverse .clips-feature-media { order:2; border-radius:0 0 33px 33px; }
  .clips-feature-copy { padding:38px 32px 24px; }
  .clips-feature-number { margin-bottom:34px; }
  .clips-feature-media { min-height:420px; }
}
@media (max-width:700px) {
  .clips-feature-stories { margin-top:78px; }
  .clips-feature-intro { margin-bottom:25px; }
  .clips-feature-intro > p:last-child { font-size:15px; }
  .clips-feature-bubble { gap:0; margin-top:14px; padding:0; border-radius:24px; }
  .clips-feature-copy { padding:26px 17px 20px; }
  .clips-feature-number { width:36px; height:36px; margin-bottom:28px; }
  .clips-feature-copy h2 { font-size:clamp(34px,10vw,47px); }
  .clips-feature-copy > p:not(.eyebrow) { font-size:15px; }
  .clips-feature-hints span { display:grid; gap:3px; }
  .clips-feature-media, .clips-feature-bubble-reverse .clips-feature-media { min-height:330px; padding:50px 12px 12px; border-radius:0 0 23px 23px; }
  .clips-media-label { top:20px; left:20px; }
  .clips-feature-media > small { right:20px; bottom:17px; }
}

/* PoeysiaPRO Journal. */
.journal-page { max-width:1160px; margin:0 auto; }
.journal-surface { padding:38px 0 0; }
.journal-header { max-width:820px; }
.journal-header h1 { margin-bottom:28px; font-size:clamp(56px,7.4vw,98px); }
.journal-header h1 em { color:var(--violet); font-style:normal; }
.journal-header > p:last-child { max-width:680px; margin:0; color:var(--muted); font-size:19px; line-height:1.6; }
.journal-grid { margin-top:78px; border-top:1px solid var(--line); }
.journal-card { --journal-accent:var(--violet); position:relative; display:grid; grid-template-columns:150px minmax(0,1fr) 34px; grid-template-areas:'meta title arrow' 'date excerpt arrow'; gap:10px 30px; align-items:start; padding:34px 2px 36px; border-bottom:1px solid var(--line); text-decoration:none; }
.journal-card-top { display:contents; }
.journal-card-top span { grid-area:meta; padding-top:6px; color:var(--journal-accent); font-size:10px; font-weight:850; letter-spacing:.2em; text-transform:uppercase; }
.journal-card-top b { grid-area:arrow; align-self:center; color:var(--journal-accent); font-size:25px; line-height:1; transition:transform .2s ease; }
.journal-card:hover .journal-card-top b { transform:translateX(4px); }
.journal-card h2 { grid-area:title; max-width:760px; margin:0; font-size:clamp(32px,4vw,50px); line-height:1; transition:color .2s ease; }
.journal-card:hover h2 { color:var(--journal-accent); }
.journal-card > p { grid-area:excerpt; max-width:650px; margin:0; color:var(--muted); font-size:15px; line-height:1.55; }
.journal-card time { grid-area:date; padding-top:3px; color:var(--muted); font-size:12px; }

.journal-post-page { max-width:1160px; margin:0 auto; }
.journal-post-shell { padding:28px 0 0; }
.journal-back { display:inline-flex; align-items:center; gap:10px; color:var(--muted); font-size:13px; font-weight:750; text-decoration:none; }
.journal-back:hover { color:var(--journal-accent); }
.journal-post-header { max-width:940px; padding:76px 0 70px; border-bottom:1px solid var(--line); }
.journal-kicker { margin:0 0 23px; color:var(--journal-accent); font-size:11px; font-weight:850; letter-spacing:.22em; text-transform:uppercase; }
.journal-post-header h1 { max-width:940px; margin-bottom:25px; font-size:clamp(58px,8vw,104px); }
.journal-post-lead { max-width:720px; margin:0; color:var(--muted); font-size:21px; line-height:1.55; }
.journal-post-meta { display:flex; flex-wrap:wrap; gap:9px 24px; margin-top:32px; color:var(--muted); font-size:12px; }
.journal-post-meta span::before { content:'·'; margin-right:24px; color:var(--journal-accent); }
.journal-post-copy { max-width:760px; margin-left:auto; padding:78px 0 74px; color:var(--muted); font-size:18px; line-height:1.82; }
.journal-post-copy p { margin:0 0 27px; }
.journal-post-copy p:first-child { color:var(--ink); font-size:23px; line-height:1.65; }
.journal-post-copy p:last-child { margin-bottom:0; }
.journal-post-copy.has-following-media { padding-bottom:48px; }
.journal-post-copy.is-continuation { padding-top:0; }
.journal-post-copy.is-continuation p:first-child { color:inherit; font-size:inherit; line-height:inherit; }
.journal-post-media { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,340px); gap:24px; align-items:start; margin:0 0 62px; }
.journal-post-media figure { min-width:0; margin:0; }
.journal-post-media figure.is-wide { grid-column:1 / -1; }
.journal-post-media figure.is-compact { width:min(100%,472px); margin-left:auto; }
.journal-post-media img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.journal-post-media figcaption { max-width:620px; margin-top:12px; color:var(--muted); font-size:12px; line-height:1.55; }
.journal-post-footer { padding:62px 0 12px; border-top:1px solid var(--line); background:transparent; }
.journal-post-footer h2 { margin-bottom:14px; font-size:clamp(36px,5vw,56px); }
.journal-post-footer > p:not(.eyebrow) { max-width:610px; margin-bottom:24px; color:var(--muted); font-size:16px; line-height:1.55; }
@media (max-width:700px) { .journal-surface { padding-top:8px; }.journal-header h1 { font-size:clamp(49px,14vw,68px); }.journal-header > p:last-child { font-size:16px; }.journal-grid { margin-top:48px; }.journal-card { grid-template-columns:1fr auto; grid-template-areas:'meta arrow' 'title title' 'excerpt excerpt' 'date date'; gap:14px 18px; padding:28px 0 30px; }.journal-card-top span { padding-top:2px; }.journal-card h2 { margin-top:8px; font-size:clamp(32px,10vw,43px); }.journal-card time { padding-top:8px; }.journal-post-shell { padding-top:8px; }.journal-post-header { padding:50px 0 42px; }.journal-post-header h1 { font-size:clamp(48px,14vw,68px); }.journal-post-lead { font-size:18px; }.journal-post-meta { display:grid; gap:7px; }.journal-post-meta span::before { content:none; }.journal-post-copy { margin-left:0; padding:48px 0 54px; font-size:16px; line-height:1.75; }.journal-post-copy p:first-child { font-size:20px; }.journal-post-copy.has-following-media { padding-bottom:38px; }.journal-post-copy.is-continuation { padding-top:0; }.journal-post-copy.is-continuation p:first-child { font-size:inherit; }.journal-post-media { grid-template-columns:1fr; gap:30px; margin-bottom:46px; }.journal-post-media figure:last-child:not(.is-wide) { width:min(82%,320px); margin-left:auto; }.journal-post-media figure.is-compact { margin-left:auto; }.journal-post-media img { border-radius:13px; }.journal-post-footer { padding:42px 0 10px; }.journal-post-footer .hero-actions { display:grid; }.journal-post-footer .button { width:100%; } }