* { box-sizing:border-box; }
    .nav-item.models-nav .models-dropdown { width:min(620px,calc(100vw - 40px)); grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 28px; max-height:calc(100dvh - 110px); overflow-y:auto; opacity:0; visibility:hidden; pointer-events:none; }
    .nav-item.models-nav.is-open .models-dropdown { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
    .model-nav-column { min-width:0; }
    .models-nav.is-open::after { content:""; position:absolute; top:100%; left:50%; width:min(620px,calc(100vw - 40px)); height:14px; transform:translateX(-50%); }
    .model-nav-column h2 { margin:0; padding:8px 12px 14px; color:#a9adc2; font-size:13px; font-weight:400; line-height:1.4; }
    .models-dropdown .model-nav-column a { min-height:40px; gap:10px; padding:8px 12px; font-size:14px; line-height:1.4; }
    .model-nav-icon { flex-shrink:0; width:22px; height:22px; object-fit:contain; }
    .model-nav-icon--mono { filter:brightness(0) invert(1); }
    .models-dropdown .model-nav-all { grid-column:1/-1; justify-content:space-between; font-size:14px; }
    .models-nav .nav-trigger:focus-visible,.models-dropdown a:focus-visible { outline:2px solid #8ab4ff; outline-offset:3px; }
    .site-header .models-nav:not(.is-open) .nav-trigger-chevron { transform:none; }
    .site-header .models-nav.is-open .nav-trigger-chevron { transform:rotate(180deg); }
    @media (max-width:1023px) {
      .nav-item.models-nav .models-dropdown { display:none; width:100%; max-height:60dvh; padding:12px 0; border:0; gap:12px; transform:none; }
      .models-nav.is-open::after { display:none; }
      .nav-item.models-nav.is-open .models-dropdown { display:grid; transform:none; }
      .models-dropdown .model-nav-column a { padding:9px 6px; font-size:13px; }
      .model-nav-column h2 { padding-inline:6px; }
    }
    html { scroll-behavior:smooth; }
    body { margin:0; letter-spacing:0; }
    /* Keep the footer below the fold until the page script fills <main>, so it does not jump on first paint.
       :empty needs landing.html to ship <main id="main"></main> with no whitespace inside (routes.test.ts checks). */
    #main:empty { min-height:100vh; }
    button,input,textarea,select { font:inherit; }
    button,a { -webkit-tap-highlight-color:transparent; cursor:pointer; }
    a { color:inherit; text-underline-offset:3px; }
    button { color:inherit; }
    h1,h2,h3,p { margin-top:0; }
    h1,h2 { margin-bottom:0; }
    h3 { margin-bottom:8px; }
    .container { --container-max:var(--rf-container-content); width:min(calc(100% - 160px),var(--container-max)); margin-inline:auto; }
    .hero>.container,#examples>.container,#tools-directory>.container,#comparisons-directory>.container,.footer>.container { --container-max:var(--rf-container-wide); }
    #how-it-works>.container,#faq>.container { --container-max:var(--rf-container-narrow); }
    .skip-link { position:fixed; left:16px; top:-80px; z-index:100; padding:10px 14px; }
    .skip-link:focus { top:12px; }
    .site-header { position:sticky; top:0; z-index:30; }
    .nav { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:24px; }
    .brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
    .nav-links { display:flex; align-items:center; }
    .nav-links a { text-decoration:none; }
    .nav-trigger { padding:0; border:0; background:transparent; cursor:pointer; }
    .nav-actions { justify-self:end; display:flex; align-items:center; gap:12px; }
    .workspace-cta { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; white-space:nowrap; }
    .workspace-label-compact { display:none; }
    .nav-item { position:relative; }
    .nav-dropdown { width:min(620px,calc(100vw - 40px)); position:absolute; left:50%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 18px; opacity:0; visibility:hidden; transform:translate(-50%,-8px); transition:opacity 150ms var(--rf-ease),transform 150ms var(--rf-ease),visibility 150ms var(--rf-ease); }
    .nav-dropdown::before { content:""; height:20px; position:absolute; left:0; right:0; top:-20px; }
    .nav-dropdown a { padding:10px 12px; display:flex; align-items:center; }
    .nav-dropdown a svg { width:18px; height:18px; margin-right:10px; flex:0 0 auto; }
    .nav-dropdown .nav-dropdown-all { margin-top:10px; padding-top:16px; grid-column:1/-1; border-top:1px solid var(--line); color:#fff; }
    .nav-dropdown .nav-dropdown-all svg { margin-right:0; margin-left:auto; }
    .resources-dropdown { width:min(820px,calc(100vw - 40px)); grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; padding:24px; }
    .resource-column { min-width:0; display:grid; align-content:start; }
    .resource-column+.resource-column { padding-left:34px; border-left:1px solid var(--line); }
    .resource-column-title { padding:2px 12px 12px; color:rgb(255 255 255 / 54%); font-size:12px; font-weight:400; text-transform:uppercase; }
    .resource-column-links { min-width:0; display:grid; gap:3px; }
    .resources-dropdown .resource-column-link { min-height:52px; align-items:flex-start; flex-direction:column; gap:2px; }
    .resource-column-link strong { color:#fff; font-size:14px; font-weight:400; line-height:1.35; }
    .resource-column-link span { color:var(--muted); font-size:11px; line-height:1.4; }
    .resources-dropdown .resource-view-all { min-height:48px; margin-top:12px; padding-top:15px; border-top:1px solid var(--line); color:#fff; font-size:13px; }
    .resource-view-all svg { width:17px; height:17px; margin-left:auto; }
    .nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown { opacity:1; visibility:visible; transform:translate(-50%,0); }
    .menu { display:none; place-items:center; cursor:pointer; }
    .menu svg { width:20px; height:20px; }
    .button { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; cursor:pointer; }
    .home-placeholder { position:relative; display:grid; align-items:center; }
    .home-placeholder h1 { margin-bottom:46px; }
    .home-placeholder-panel { display:flex; align-items:flex-end; }
    .home-placeholder-panel p { max-width:660px; margin:0; }
    .breadcrumb { min-width:0; margin:0 0 28px; display:flex; align-items:center; gap:9px; color:var(--muted); font-size:13px; line-height:1.4; }
    .breadcrumb a { flex:0 0 auto; color:rgb(255 255 255 / 78%); text-decoration:none; transition:color 150ms var(--rf-ease); }
    .breadcrumb a:hover,.breadcrumb a:focus-visible { color:#fff; }
    .breadcrumb svg { width:14px; height:14px; flex:0 0 auto; color:rgb(255 255 255 / 34%); }
    .breadcrumb [aria-current="page"] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .tool-stage { display:grid; overflow:hidden; }
    .form-grid,.field { display:grid; }
    .input,.select,.textarea { width:100%; }
    .textarea { resize:vertical; }
    .upload { padding:18px; display:grid; place-items:center; position:relative; text-align:center; cursor:pointer; }
    .upload input { position:absolute; opacity:0; pointer-events:none; }
    .upload strong { display:block; }
    .upload span { font-size:12px; }
    .segmented { display:grid; grid-template-columns:repeat(var(--segments,2),1fr); }
    .segment { padding:8px; border:0; cursor:pointer; }
    .toggle-row { padding:10px 12px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
    .switch { width:44px; height:24px; padding:3px; border:0; border-radius:999px; cursor:pointer; }
    .switch::after { content:""; display:block; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform 160ms var(--rf-ease); }
    .switch[aria-pressed="true"]::after { transform:translateX(20px); }
    .form-action { margin-top:4px; }
    .form-note { margin:-7px 0 0; }
    .section-heading-row { display:flex; align-items:center; justify-content:space-between; gap:30px; }
    .section-cta { width:max-content; margin-top:30px; display:inline-flex; align-items:center; gap:14px; text-decoration:none; }
    .section-cta svg { width:18px; height:18px; }
    .section-heading-row .section-cta { margin-top:0; flex:0 0 auto; }
    .example-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
    .example-item { min-width:0; margin:0; display:block; color:inherit; text-decoration:none; }
    .example-placeholder { aspect-ratio:9 / 16; padding:24px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px; text-align:center; }
    .example-placeholder svg { width:38px; height:38px; }
    .example-placeholder span { max-width:180px; }
    .feature-story { position:sticky; padding:0 0 28px; z-index:var(--feature-order); }
    .feature-story-card { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); overflow:hidden; }
    .feature-story-copy { display:flex; flex-direction:column; justify-content:center; }
    .feature-story:nth-child(even) .feature-story-copy { grid-column:2; grid-row:1; }
    .feature-story:nth-child(even) .feature-story-proof { grid-column:1; grid-row:1; }
    .feature-story-copy-main { display:grid; }
    .feature-story-copy h3,.feature-story-copy p { margin:0; }
    .feature-story-proof { display:grid; place-items:center; text-align:center; }
    .feature-image-placeholder { display:grid; place-items:center; gap:18px; }
    .feature-image-placeholder svg { width:42px; height:42px; }
    .steps { display:grid; counter-reset:step; }
    .step { counter-increment:step; }
    .step::before { content:"0" counter(step); display:block; }
    .step p { margin:0; }
    .related-tools-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid; }
    .related-tool-link { min-width:0; min-height:250px; padding:30px 28px 26px; position:relative; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr auto; gap:24px; color:inherit; text-decoration:none; overflow:hidden; }
    .related-tool-link+.related-tool-link { border-left:1px solid; }
    .related-tool-link::before { content:""; position:absolute; inset:auto 0 0; height:4px; transform:scaleX(0); transform-origin:left; transition:transform 180ms var(--rf-ease); }
    .related-tool-link:hover::before,.related-tool-link:focus-visible::before { transform:scaleX(1); }
    .related-tool-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid; border-radius:50%; }
    .related-tool-icon svg { width:21px; height:21px; }
    .related-tool-index { justify-self:end; font-family:var(--rf-font-index); font-size:13px; }
    .related-tool-copy { grid-column:1/-1; align-self:end; }
    .related-tool-copy strong { display:block; margin-bottom:10px; font-size:22px; font-weight:400; line-height:1.3; }
    .related-tool-copy span { display:block; font-size:13px; line-height:1.65; }
    .related-tool-arrow { grid-column:2; justify-self:end; align-self:end; transition:transform 180ms var(--rf-ease); }
    .related-tool-link:hover .related-tool-arrow,.related-tool-link:focus-visible .related-tool-arrow { transform:translate(3px,-3px); }
    .related-tool-arrow svg { width:20px; height:20px; }
    .faq-layout { display:grid; grid-template-columns:.65fr 1.35fr; gap:70px; }
    .faq-list { border-top:1px solid; }
    details { border-bottom:1px solid; }
    summary { padding:18px 44px 18px 0; position:relative; display:flex; align-items:center; cursor:pointer; list-style:none; }
    summary::-webkit-details-marker { display:none; }
    summary::after { content:"+"; position:absolute; right:8px; font-size:22px; }
    details[open] summary::after { content:"-"; }
    details p { max-width:720px; padding:0 44px 22px 0; margin:0; }
    .final-row { display:flex; align-items:flex-start; flex-direction:column; gap:40px; }
    .footer-main { display:grid; grid-template-columns:minmax(230px,.72fr) minmax(0,2.28fr); gap:80px; }
    .footer-logo { width:76px; height:40px; display:block; flex:0 0 auto; object-fit:contain; }
    .footer-identity { align-self:start; display:inline-flex; align-items:center; gap:18px; color:#fff; font-family:var(--rf-font-display); font-size:25px; text-decoration:none; }
    .footer-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
    .footer-group h3 { margin-bottom:20px; }
    .footer-group h3 a,.footer-links a,.footer-secondary-link { text-decoration:none; }
    .footer-links { display:grid; }
    .footer-secondary-links { margin-top:28px; display:grid; gap:12px; }
    .footer-secondary-link { width:max-content; color:#fff; font-size:16px; font-weight:400; }
    .footer-tool-link { display:flex; align-items:flex-start; gap:8px; }
    .footer-tool-link svg { width:14px; height:14px; margin-top:1px; flex:0 0 auto; }
    .footer-bottom { margin-top:54px; padding-top:26px; display:flex; align-items:center; justify-content:flex-end; gap:24px; border-top:1px solid; }
    .footer-meta { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:18px 28px; }
    .footer-legal-link { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); font-size:13px; text-decoration:none; cursor:pointer; }
    .footer-legal-link:hover,.footer-legal-link:focus-visible { color:#fff; text-decoration:underline; }
    .footer p { margin:0; font-size:13px; }
    .tool-search { position:relative; }
    .tools-grid { display:grid; }
    .tool-card { display:flex; flex-direction:column; text-decoration:none; }
    .tool-card p { margin-bottom:24px; }
    .tool-card span:last-child { margin-top:auto; }
    .tool-glyph { display:grid; place-items:center; }
    .tool-glyph svg { width:22px; height:22px; }
    .empty-results { display:none; padding:34px; text-align:center; }
    .empty-results.show { display:block; }
    .comparison-list { display:grid; border-top:1px solid var(--line); }
    .comparison-card { padding:34px 0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:28px; border-bottom:1px solid var(--line); color:inherit; text-decoration:none; }
    .comparison-card-copy { max-width:780px; }
    .comparison-card h2 { margin-bottom:14px; color:#fff; font-size:30px; }
    .comparison-card p { margin:0; color:var(--muted); font-size:15px; }
    .comparison-card-action { display:inline-flex; align-items:center; gap:10px; color:#aacbff; white-space:nowrap; }
    .comparison-card-action svg { width:18px; height:18px; }
    .comparison-card:hover h2 { color:#aacbff; }
    .comparison-article-hero { position:relative; padding:156px 0 72px; overflow:hidden; isolation:isolate; border-bottom:1px solid var(--line); background:var(--paper); }
    .comparison-article-hero::before { content:""; position:absolute; z-index:0; inset:-52% -4% -24%; background:linear-gradient(94deg,transparent 1%,rgb(0 216 245 / 13%) 14%,rgb(6 85 255 / 38%) 32%,rgb(125 66 255 / 48%) 50%,rgb(255 91 159 / 36%) 69%,rgb(255 160 92 / 14%) 86%,transparent 99%),linear-gradient(180deg,transparent 3%,rgb(82 221 253 / 8%) 34%,rgb(255 117 173 / 16%) 62%,transparent 96%); filter:blur(62px); opacity:.92; pointer-events:none; }
    .comparison-article-hero>.container { --container-max:var(--rf-container-wide); position:relative; z-index:1; width:min(calc(100% - 80px),var(--container-max)); }
    .comparison-article-title { max-width:1120px; margin-inline:auto; }
    .comparison-article-title .breadcrumb { position:absolute; top:-52px; left:max(0px,calc((100% - 1120px) / 2)); margin:0; }
    .comparison-article-hero h1 { max-width:none; }
    .article-meta { margin-top:38px; display:flex; flex-wrap:wrap; gap:10px 24px; color:var(--muted); font-size:14px; }
    .article-surface { background:var(--rf-surface-light); }
    .article-layout { --container-max:1200px; padding:80px 0 120px; display:grid; grid-template-columns:180px minmax(0,1fr) 240px; align-items:start; gap:64px; }
    .article-toc,.article-aside { position:sticky; top:110px; }
    .article-toc h2 { margin-bottom:22px; color:var(--rf-text-light); font-size:15px; font-weight:400; }
    .article-toc nav { display:grid; gap:14px; }
    .article-toc a { color:var(--rf-text-light-secondary); font-size:13px; line-height:1.45; text-decoration:none; }
    .article-toc a:hover { color:var(--rf-brand-strong); }
    .article-content { min-width:0; }
    .article-verdict { margin:0 0 56px; padding:30px 32px; border-left:4px solid var(--rf-brand-strong); background:#fff; box-shadow:0 18px 50px rgb(17 17 41 / 8%); }
    .article-verdict h2 { margin:0 0 14px; color:var(--rf-text-light); font-size:26px; }
    .article-verdict p { margin:0; color:var(--rf-text-light-secondary); font-size:17px; line-height:1.75; }
    .comparison-table-wrap { margin:0 0 68px; overflow-x:auto; border-block:1px solid rgb(0 0 0 / 20%); }
    .comparison-table { width:100%; min-width:720px; border-collapse:collapse; color:var(--rf-text-light-secondary); font-size:14px; line-height:1.55; }
    .comparison-table caption { padding:0 0 18px; color:var(--rf-text-light); font-size:19px; font-weight:600; text-align:left; }
    .comparison-table th,.comparison-table td { padding:18px 16px; border-bottom:1px solid rgb(0 0 0 / 13%); text-align:left; vertical-align:top; }
    .comparison-table th { color:var(--rf-text-light); font-size:12px; text-transform:uppercase; }
    .comparison-table th:first-child,.comparison-table td:first-child { padding-left:0; color:var(--rf-text-light); font-weight:600; }
    .comparison-table th:last-child,.comparison-table td:last-child { padding-right:0; }
    .article-section { padding-bottom:56px; margin-bottom:56px; border-bottom:1px solid rgb(0 0 0 / 18%); scroll-margin-top:110px; }
    .article-section h2 { margin-bottom:24px; color:var(--rf-text-light); font-size:34px; }
    .article-section p { margin:0; color:var(--rf-text-light-secondary); font-size:16px; line-height:1.85; }
    .article-section p+p { margin-top:20px; }
    .article-points { margin:28px 0 0; padding:0; display:grid; gap:12px; list-style:none; }
    .article-points li { position:relative; padding-left:24px; color:var(--rf-text-light-secondary); font-size:15px; line-height:1.6; }
    .article-points li::before { position:absolute; top:.62em; left:0; width:8px; height:8px; border-radius:50%; background:var(--rf-brand-strong); content:""; }
    .article-pros-cons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:28px; padding-top:24px; border-top:1px solid rgb(0 0 0 / 14%); }
    .article-pros-cons h3 { margin:0 0 12px; color:var(--rf-text-light); font-size:16px; }
    .article-pros-cons ul { margin:0; padding-left:20px; color:var(--rf-text-light-secondary); }
    .article-pros-cons li { padding-left:4px; font-size:15px; line-height:1.65; }
    .article-pros-cons li+li { margin-top:8px; }
    .article-callout { margin-top:28px; padding:18px 22px; border-left:2px solid var(--coral); background:rgb(255 255 255 / 62%); color:var(--rf-text-light); font-size:15px; line-height:1.65; }
    .article-media { margin:0 0 56px; }
    .article-media img { display:block; width:100%; aspect-ratio:16 / 9; border:1px solid rgb(0 0 0 / 16%); border-radius:8px; background:#08081b; object-fit:cover; }
    .article-media figcaption { margin-top:12px; color:var(--rf-text-light-secondary); font-size:13px; line-height:1.55; }
    .article-media-source { display:block; margin-top:4px; }
    .article-media-source a { color:var(--rf-brand-strong); text-decoration:none; }
    .article-media-source a:hover { text-decoration:underline; }
    .article-review { margin:0 0 64px; padding:48px 0; border-block:1px solid rgb(0 0 0 / 18%); }
    .article-review h3 { margin:0 0 30px; color:var(--rf-text-light); font-size:26px; font-weight:400; }
    .review-chart { display:grid; gap:22px; }
    .review-chart-row { display:grid; grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr) 48px; align-items:center; gap:18px; }
    .review-chart-label strong { display:block; color:var(--rf-text-light); font-size:14px; font-weight:400; }
    .review-chart-label span { display:block; margin-top:3px; color:var(--rf-text-light-secondary); font-size:12px; line-height:1.45; }
    .review-chart-track { height:10px; overflow:hidden; background:#dfe3eb; }
    .review-chart-fill { height:100%; background:linear-gradient(90deg,#0655ff,#8b46f5,#ff659b); }
    .review-chart-value { color:var(--rf-text-light); font-size:14px; font-weight:400; text-align:right; }
    .review-method-note { margin:24px 0 0; color:var(--rf-text-light-secondary); font-size:12px; line-height:1.6; }
    .evidence-log { margin-top:52px; overflow-x:auto; }
    .evidence-log table { width:100%; min-width:660px; border-collapse:collapse; color:var(--rf-text-light-secondary); font-size:12px; text-align:left; }
    .evidence-log th,.evidence-log td { padding:14px 12px; border-bottom:1px solid rgb(0 0 0 / 16%); vertical-align:top; }
    .evidence-log th { color:var(--rf-text-light); font-weight:400; }
    .evidence-log td:first-child { color:var(--rf-text-light); }
    .evidence-log a { color:var(--rf-brand-strong); text-decoration:none; }
    .evidence-log a:hover { text-decoration:underline; }
    .evidence-status { white-space:nowrap; }
    .article-aside { padding:24px; border-radius:8px; background:#060618; color:#fff; }
    .article-aside h2 { margin-bottom:16px; font-size:22px; }
    .article-aside p { margin-bottom:24px; color:var(--muted); font-size:13px; }
    .article-aside .button { width:100%; min-width:0; font-size:15px; }
    .article-final { padding:8px 0 0; display:grid; gap:28px; }
    .article-final h2 { color:var(--rf-text-light); font-size:38px; }
    .article-final .button { width:max-content; }
    .toast { position:fixed; right:22px; bottom:22px; z-index:50; max-width:min(380px,calc(100% - 44px)); padding:13px 16px; opacity:0; transform:translateY(12px); pointer-events:none; transition:opacity 180ms var(--rf-ease),transform 180ms var(--rf-ease); }
    .toast.show { opacity:1; transform:translateY(0); }
    :root {
      --ink:rgb(255 255 255 / 85%);
      --muted:rgb(255 255 255 / 68%);
      --paper:#060618;
      --canvas:#060618;
      --line:rgb(255 255 255 / 24%);
      --line-strong:rgb(255 255 255 / 65%);
      --green:#0655ff;
      --green-soft:rgb(6 85 255 / 18%);
      --coral:#ba81ff;
      --yellow:#0655ff;
      --dark:#060618;
      --max:1280px;
      --rf-container-wide:1200px;
      --rf-container-content:1040px;
      --rf-container-narrow:960px;
      --rf-surface-light:#f6f7fa;
      --rf-surface-muted:#e5e9f1;
      --rf-brand-primary:#0655ff;
      --rf-brand-strong:#0044d9;
      --rf-brand-cyan:#0086d3;
      --rf-brand-purple:#4900f3;
      --rf-text-dark:rgb(255 255 255 / 85%);
      --rf-text-light:rgb(0 0 0 / 85%);
      --rf-text-light-secondary:rgb(0 0 0 / 65%);
      --rf-glass:rgb(255 255 255 / 24%);
      --rf-glass-border:rgb(255 255 255 / 65%);
      --rf-gradient-cta:linear-gradient(125deg,#aacbff 0%,#0364ff 57%,#aacbff 100%);
      --rf-gradient-blue:linear-gradient(109deg,#fff 0%,#006fff 50%,#fff 100%);
      --rf-gradient-purple:linear-gradient(109deg,#fff 0%,#d885ff 50%,#fff 100%);
      --rf-gradient-cyan:linear-gradient(109deg,#fff 0%,#52ddfd 50%,#fff 100%);
      --rf-font-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
      --rf-font-display:"Michroma",Arial,sans-serif;
      --rf-font-index:"Archivo Black","Arial Black",sans-serif;
      --rf-ease:cubic-bezier(.2,.8,.2,1);
    }
    html { background:var(--paper); }
    body { color:var(--rf-text-dark); background:var(--paper); font:300 14px/1.7 var(--rf-font-sans); }
    h1,h2,h3 { color:#fff; font-family:var(--rf-font-sans); font-weight:300; letter-spacing:0; }
    h1 { max-width:828px; font-size:92px; line-height:1.08; }
    h2 { font-size:48px; line-height:1.16; }
    h3 { font-size:24px; line-height:1.35; }
    :focus-visible { outline:2px solid #aacbff; outline-offset:2px; }
    .site-header { min-height:79px; border-bottom:1px solid var(--line); background:rgb(6 6 24 / 86%); backdrop-filter:blur(12px); }
    .nav { width:min(calc(100% - 40px),1400px); min-height:78px; margin-inline:auto; }
    .brand { color:#fff; font-family:var(--rf-font-display); font-size:22px; font-weight:400; }
    .brand-mark { display:none; }
    .nav-links { gap:34px; color:var(--rf-text-dark); font-size:16px; font-weight:400; }
    .nav-links>a,.nav-trigger { min-height:44px; display:flex; align-items:center; }
    .nav-dropdown { top:calc(100% + 14px); padding:18px; border:.5px solid var(--rf-glass-border); border-radius:10px; background:rgb(6 6 24 / 94%); box-shadow:none; backdrop-filter:blur(12px); }
    .nav-dropdown a { min-height:46px; border-radius:8px; color:var(--rf-text-dark); font-weight:300; }
    .nav-dropdown a:hover,.nav-dropdown a:focus-visible { background:var(--rf-glass); color:#fff; }
    .nav-dropdown a svg { color:#aacbff; }
    .menu { width:44px; height:44px; border:.5px solid var(--rf-glass-border); border-radius:5px; background:var(--rf-glass); color:#fff; backdrop-filter:blur(12px); }
    .workspace-cta { min-height:46px; padding:11px 20px; border:1px solid rgb(255 255 255 / 18%); border-radius:8px; background:#000; color:#fff; font-size:16px; font-weight:400; transition:background 150ms var(--rf-ease),transform 150ms var(--rf-ease); }
    .workspace-cta:hover { background:#171717; }
    .workspace-cta:active { transform:translateY(1px); }
    .button { min-width:188px; min-height:58px; padding:18px 24px; gap:14px; border:0; border-radius:10px; background:var(--rf-gradient-cta); color:#fff; font-size:18px; font-weight:400; transition:filter 150ms var(--rf-ease),transform 150ms var(--rf-ease); }
    .button svg { width:18px; height:18px; flex:0 0 auto; }
    .button:hover { background:linear-gradient(125deg,#aacbff 0%,#0044d9 57%,#aacbff 100%); }
    .button:active { filter:brightness(.92); transform:translateY(1px); }
    .button:disabled { background:var(--rf-glass); color:rgb(255 255 255 / 45%); cursor:not-allowed; }
    .home-placeholder { min-height:720px; padding:120px 0; background:var(--paper); }
    .home-placeholder-panel { min-height:260px; padding:46px; border:1px solid var(--line); border-radius:0; background:transparent; }
    .home-placeholder-panel p { color:var(--muted); font-size:16px; }
    .hero { min-height:calc(100svh - 280px); padding:148px 0 64px; position:relative; display:flex; align-items:center; overflow:hidden; isolation:isolate; background:var(--paper); }
    .hero::before { content:""; position:absolute; z-index:0; inset:-30% 7% 14%; background:linear-gradient(90deg,transparent 0%,rgb(0 216 245 / 14%) 15%,rgb(6 85 255 / 40%) 34%,rgb(125 66 255 / 52%) 50%,rgb(255 91 159 / 40%) 67%,rgb(255 160 92 / 14%) 85%,transparent 100%),linear-gradient(180deg,transparent 4%,rgb(82 221 253 / 8%) 30%,rgb(255 117 173 / 18%) 55%,transparent 92%); filter:blur(56px); opacity:1; pointer-events:none; }
    .hero>.container { position:relative; z-index:1; text-align:center; }
    .hero>.breadcrumb,.home-placeholder .breadcrumb { position:absolute; top:108px; left:max(80px,calc((100% - var(--rf-container-wide)) / 2)); right:80px; z-index:2; margin:0; }
    .hero-title-group { margin:0 auto 40px; }
    .hero h1 { max-width:1040px; margin-inline:auto; }
    .hero-subtitle { max-width:760px; margin:14px auto 0; color:rgb(255 255 255 / 74%); font-size:26px; line-height:1.4; }
    .tool-stage { width:min(760px,100%); margin-inline:auto; border:1px solid var(--line); border-radius:15px; background:rgb(255 255 255 / 4%); box-shadow:none; text-align:left; }
    .tool-stage.has-media { width:min(1120px,100%); grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); }
    .tool-hero-media { min-height:100%; overflow:hidden; border-left:1px solid var(--line); }
    .tool-media { width:100%; height:100%; display:block; object-fit:cover; }
    .form-panel { padding:36px; display:flex; justify-content:center; flex-direction:column; }
    .form-panel h2 { margin-bottom:24px; color:#fff; font-size:24px; font-weight:400; }
    .form-grid { gap:18px; }
    .field { gap:10px; }
    .field>label,.field-label { color:var(--rf-text-dark); font-size:14px; font-weight:400; }
    .input,.select,.textarea { border:.5px solid var(--rf-glass-border); border-radius:8px; background:rgb(255 255 255 / 7%); color:#fff; }
    .input::placeholder,.textarea::placeholder { color:rgb(255 255 255 / 45%); }
    .input,.select { min-height:52px; padding:12px 14px; }
    .textarea { min-height:112px; padding:14px; }
    .select option { color:#060618; }
    .upload { min-height:92px; border:.5px solid var(--rf-glass-border); border-radius:8px; background:rgb(255 255 255 / 7%); }
    .upload span { color:var(--muted); }
    .upload strong { color:#fff; font-weight:400; }
    .segmented { gap:6px; padding:6px; border:.5px solid var(--rf-glass-border); border-radius:10px; background:rgb(255 255 255 / 7%); }
    .segment { min-height:44px; border-radius:8px; color:var(--muted); font-weight:300; }
    .segment[aria-pressed="true"] { background:var(--rf-glass); color:#fff; box-shadow:none; }
    .toggle-row { min-height:54px; border:.5px solid var(--rf-glass-border); border-radius:8px; background:rgb(255 255 255 / 7%); }
    .toggle-row span { color:var(--rf-text-dark); font-weight:300; }
    .switch { background:rgb(255 255 255 / 24%); }
    .switch[aria-pressed="true"] { background:var(--rf-brand-primary); }
    .form-action { width:auto; min-width:188px; min-height:58px; justify-self:start; }
    .form-note { color:rgb(255 255 255 / 55%); font-size:12px; }
    .section { padding:120px 0; }
    .section.alt { border-block:1px solid #d9d9d9; background:var(--rf-surface-light); color:var(--rf-text-light); }
    .section.alt h2,.section.alt h3 { color:var(--rf-text-light); }
    .section-heading { margin-bottom:46px; }
    .section-cta { min-width:188px; min-height:58px; padding:18px 24px; justify-content:center; border:0; border-radius:10px; background:var(--rf-gradient-cta); color:#fff; font-size:18px; font-weight:400; backdrop-filter:none; transition:filter 150ms var(--rf-ease),transform 150ms var(--rf-ease); }
    .section-cta:hover { background:linear-gradient(125deg,#aacbff 0%,#0044d9 57%,#aacbff 100%); }
    .section-cta:active { filter:brightness(.92); transform:translateY(1px); }
    .section.alt .section-cta { border:0; background:var(--rf-gradient-cta); color:#fff; backdrop-filter:none; }
    .section.alt .section-cta:hover { background:linear-gradient(125deg,#aacbff 0%,#0044d9 57%,#aacbff 100%); }
    #examples.section { padding:0 0 120px; background:var(--paper); color:var(--rf-text-dark); }
    .example-placeholder { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:rgb(255 255 255 / 4%); color:#fff; }
    .example-placeholder::before,.example-placeholder::after { content:""; position:absolute; width:34px; height:34px; pointer-events:none; }
    .example-placeholder::before { top:16px; left:16px; border-top:1px solid var(--line-strong); border-left:1px solid var(--line-strong); }
    .example-placeholder::after { right:16px; bottom:16px; border-right:1px solid var(--line-strong); border-bottom:1px solid var(--line-strong); }
    .example-placeholder svg { color:#aacbff; }
    .example-placeholder span { font-size:16px; line-height:1.5; }
    .example-placeholder.has-media { padding:0; }
    .example-placeholder.has-media .tool-media { position:absolute; inset:0; }
    .example-placeholder.has-media span { position:absolute; z-index:1; right:14px; bottom:14px; left:14px; padding:8px 10px; border-radius:6px; background:rgb(4 5 24 / 72%); backdrop-filter:blur(8px); }
    a.example-item .example-placeholder { transition:border-color 180ms var(--rf-ease),transform 180ms var(--rf-ease); }
    a.example-item:hover .example-placeholder { border-color:#43d6ff; transform:translateY(-4px); }
    a.example-item:focus-visible { outline:2px solid #43d6ff; outline-offset:5px; border-radius:15px; }
    .features-heading { padding:120px 0 64px; border:0; background:rgb(255 255 255 / 3%); }
    .feature-stories { padding:48px 0 120px; border:0; background:var(--paper); }
    .feature-story { --feature-title-gradient:linear-gradient(105deg,#aacbff 0%,#52ddfd 100%); min-height:min(680px,calc(100vh - 128px)); top:98px; }
    .feature-story:nth-child(4n+2) { --feature-title-gradient:linear-gradient(105deg,#aacbff 0%,#ba81ff 52%,#ff75ad 100%); }
    .feature-story:nth-child(4n+3) { --feature-title-gradient:linear-gradient(105deg,#52ddfd 0%,#6d8cff 100%); }
    .feature-story:nth-child(4n+4) { --feature-title-gradient:linear-gradient(105deg,#ff75ad 0%,#ffa05c 100%); }
    .feature-story-card,.feature-story:nth-child(2) .feature-story-card,.feature-story:nth-child(3) .feature-story-card { min-height:min(680px,calc(100vh - 128px)); border:0; border-radius:0; background:var(--paper); color:#fff; box-shadow:none; }
    .feature-story-copy { padding:56px; gap:46px; }
    .feature-story-copy-main { gap:34px; }
    .feature-story-copy h3 { max-width:560px; color:#aacbff; font-size:36px; font-weight:300; line-height:1.4; }
    @supports ((background-clip:text) or (-webkit-background-clip:text)) {
      .feature-story-copy h3 { background:var(--feature-title-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
    }
    .feature-story-copy p,.feature-story:nth-child(n+2) .feature-story-copy p { color:var(--rf-text-dark); font-size:16px; line-height:1.75; }
    .feature-story .section-cta,.feature-story:nth-child(n+2) .section-cta { color:#fff; }
    .feature-story-proof,.feature-story:nth-child(n+2) .feature-story-proof { margin:24px; padding:40px; border:.5px solid var(--rf-glass-border); border-radius:10px; background:var(--rf-glass); backdrop-filter:blur(12px); }
    .feature-image-placeholder { color:var(--muted); font-size:16px; }
    .feature-image-placeholder svg { color:#aacbff; }
    .feature-story-proof.has-media,.feature-story:nth-child(n+2) .feature-story-proof.has-media { padding:0; overflow:hidden; }
    #how-it-works.section.alt { border-color:transparent; background:var(--paper); color:var(--rf-text-dark); }
    #how-it-works.section.alt h2,#how-it-works.section.alt h3 { color:#fff; }
    #how-it-works.section.alt .section-cta { border:0; background:var(--rf-gradient-cta); color:#fff; }
    #how-it-works.section.alt .section-cta:hover { background:linear-gradient(125deg,#aacbff 0%,#0044d9 57%,#aacbff 100%); }
    .related-tools { padding:120px 0; background:var(--paper); color:#fff; }
    .related-tools h2 { margin-bottom:48px; }
    .related-tools-rail { border-color:var(--line); }
    .related-tool-link+.related-tool-link { border-color:var(--line); }
    .related-tool-link::before { background:var(--rf-gradient-cta); }
    .related-tool-link:hover,.related-tool-link:focus-visible { background:var(--rf-glass); }
    .related-tool-icon { border-color:var(--rf-glass-border); background:var(--rf-glass); color:#aacbff; }
    .related-tool-index,.related-tool-copy span { color:var(--muted); }
    .steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
    .step { min-height:240px; padding:34px 24px 24px; border:2px solid transparent; background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--rf-gradient-blue) border-box; }
    .step:nth-child(2) { background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--rf-gradient-purple) border-box; }
    .step:nth-child(3) { background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--rf-gradient-cyan) border-box; }
    .step::before { margin-bottom:24px; color:transparent; font:400 96px/1 var(--rf-font-index); -webkit-text-stroke:1px var(--rf-glass-border); }
    .step h3 { font-size:24px; font-weight:300; }
    .step p { color:var(--rf-text-dark); font-size:16px; }
    #faq { border-block:1px solid #d9d9d9; background:var(--rf-surface-light); color:var(--rf-text-light); }
    #faq h2 { color:var(--rf-text-light); }
    .faq-list { border-color:rgb(0 0 0 / 24%); }
    details { border-color:rgb(0 0 0 / 24%); }
    summary { min-height:77px; color:var(--rf-text-light); font-size:16px; font-weight:400; }
    details p { color:var(--rf-text-light-secondary); font-size:14px; }
    .final { padding:120px 0; border-top:1px solid var(--line); background:var(--paper); }
    .final h2 { max-width:820px; color:#fff; font-size:64px; font-weight:300; }
    .tool-final { position:relative; overflow:hidden; isolation:isolate; }
    .tool-final::before { content:""; position:absolute; z-index:0; inset:-64% -18% -44%; background:linear-gradient(116deg,transparent 4%,rgb(0 216 245 / 15%) 19%,rgb(6 85 255 / 30%) 39%,rgb(125 66 255 / 27%) 59%,rgb(255 91 159 / 20%) 77%,rgb(255 160 92 / 13%) 91%,transparent 98%),linear-gradient(24deg,transparent 16%,rgb(82 221 253 / 8%) 37%,transparent 56%,rgb(255 117 173 / 10%) 75%,transparent 92%); filter:blur(62px); opacity:.88; pointer-events:none; }
    .tool-final>.container { position:relative; z-index:1; }
    .footer { padding:80px 0 34px; border-top:1px solid var(--line); background:var(--paper); }
    .footer-nav { gap:56px 34px; }
    .footer-group h3 { color:#fff; font-size:16px; font-weight:400; }
    .footer-links { gap:10px; }
    .footer-links a { color:var(--muted); font-size:12px; font-weight:300; }
    .footer-tool-link svg { color:#aacbff; }
    .footer-links a:hover,.footer-group h3 a:hover,.footer-secondary-link:hover { color:#fff; }
    .footer-bottom { border-color:var(--line); }
    .footer p { color:var(--muted); }
    .collection-hero { padding:120px 0 80px; border-bottom:1px solid var(--line); background:var(--paper); }
    .collection-hero h1 { max-width:930px; font-size:64px; }
    .tools-collection-hero { min-height:470px; position:relative; display:grid; align-items:center; overflow:visible; isolation:isolate; border-color:transparent; text-align:center; }
    .tools-collection-hero::before { content:""; position:absolute; z-index:0; inset:-38% 6% -8%; background:linear-gradient(90deg,transparent 0%,rgb(0 216 245 / 14%) 14%,rgb(6 85 255 / 42%) 33%,rgb(125 66 255 / 54%) 50%,rgb(255 91 159 / 40%) 68%,rgb(255 160 92 / 14%) 86%,transparent 100%),linear-gradient(180deg,transparent 6%,rgb(82 221 253 / 9%) 32%,rgb(255 117 173 / 18%) 58%,transparent 94%); filter:blur(58px); opacity:1; pointer-events:none; }
    .tools-collection-hero>.container { position:relative; z-index:1; }
    .tools-collection-hero h1 { max-width:1040px; margin-inline:auto; }
    .comparison-collection-hero { position:relative; overflow:visible; isolation:isolate; border-color:transparent; }
    .comparison-collection-hero::before { content:""; position:absolute; z-index:0; inset:-48% -2% -18%; background:linear-gradient(94deg,transparent 1%,rgb(0 216 245 / 13%) 14%,rgb(6 85 255 / 38%) 32%,rgb(125 66 255 / 48%) 50%,rgb(255 91 159 / 36%) 69%,rgb(255 160 92 / 14%) 86%,transparent 99%),linear-gradient(180deg,transparent 3%,rgb(82 221 253 / 8%) 34%,rgb(255 117 173 / 16%) 62%,transparent 96%); filter:blur(60px); opacity:.92; pointer-events:none; }
    .comparison-collection-hero>.container { position:relative; z-index:1; }
    .collection-subtitle { max-width:760px; margin:22px auto 0; color:rgb(255 255 255 / 74%); font-size:20px; line-height:1.6; }
    .collection-faq { border-block:1px solid #d9d9d9; background:var(--rf-surface-light); color:var(--rf-text-light); }
    .collection-faq>.container { --container-max:var(--rf-container-narrow); }
    .collection-faq h2 { color:var(--rf-text-light); }
    .collection-faq .faq-list { border-color:rgb(0 0 0 / 24%); }
    .collection-faq details { border-color:rgb(0 0 0 / 24%); }
    .collection-faq summary { color:var(--rf-text-light); }
    .collection-faq details p { color:var(--rf-text-light-secondary); }
    .tool-search { max-width:520px; margin-bottom:40px; }
    .tools-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
    .tool-card { min-height:300px; padding:24px; border:1px solid var(--line); border-radius:0; background:transparent; transition:border-color 150ms var(--rf-ease),background 150ms var(--rf-ease); }
    .tool-card:hover { border-color:#aacbff; background:rgb(255 255 255 / 5%); }
    .tool-card h3 { color:#fff; font-weight:300; }
    .tool-card p { color:var(--muted); }
    .tool-card span:last-child { color:#fff; font-weight:400; }
    .tool-glyph { width:52px; height:52px; margin-bottom:56px; border:1px solid var(--line); border-radius:8px; background:var(--rf-glass); color:#aacbff; }
    .empty-results { border:1px solid var(--line); color:var(--muted); }
    .toast { border:.5px solid var(--rf-glass-border); border-radius:10px; background:rgb(6 6 24 / 94%); color:#fff; backdrop-filter:blur(12px); }
    .skip-link { background:var(--rf-brand-primary); color:#fff; }
    @media (max-width:1439px) {
      .container { width:min(calc(100% - 128px),var(--container-max)); }
    }
    @media (max-width:1199px) {
      .container { width:min(calc(100% - 80px),var(--container-max)); }
      h1,.hero h1 { font-size:68px; }
      h2 { font-size:40px; }
      .collection-hero h1,.final h2 { font-size:48px; }
      .tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .example-strip { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:260px; padding-bottom:12px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; }
      .example-item { scroll-snap-align:start; }
      .steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .feature-story-copy h3 { font-size:32px; }
      .faq-layout { grid-template-columns:1fr; gap:46px; }
      .footer-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .footer-main { grid-template-columns:1fr; gap:54px; }
      .article-layout { grid-template-columns:180px minmax(0,1fr); gap:48px; }
      .article-aside { position:relative; top:auto; grid-column:2; }
    }
    @media (max-width:920px) {
      .related-tools-rail { grid-template-columns:1fr; }
      .related-tool-link { min-height:190px; }
      .related-tool-link+.related-tool-link { border-left:0; border-top:1px solid var(--line); }
      .feature-stories { padding-bottom:80px; }
      .feature-story { min-height:auto; position:relative; top:auto; padding-bottom:24px; }
      .feature-story-card,.feature-story:nth-child(2) .feature-story-card,.feature-story:nth-child(3) .feature-story-card { min-height:auto; grid-template-columns:1fr; }
      .feature-story-copy { min-height:auto; }
      .feature-story-proof { min-height:420px; }
      .feature-story:nth-child(even) .feature-story-copy,.feature-story:nth-child(even) .feature-story-proof { grid-column:auto; grid-row:auto; }
      .article-layout { grid-template-columns:1fr; }
      .article-toc,.article-aside { position:relative; top:auto; }
      .article-aside { grid-column:auto; }
    }
    @media (min-width:921px) and (max-height:760px) {
      .feature-stories { padding-bottom:72px; }
      .feature-story { min-height:auto; position:relative; top:auto; }
      .feature-story-card,.feature-story:nth-child(2) .feature-story-card,.feature-story:nth-child(3) .feature-story-card { min-height:620px; }
    }
    @media (max-width:767px) {
      .container { width:min(calc(100% - 48px),var(--container-max)); }
      .nav { width:calc(100% - 40px); min-height:68px; display:flex; gap:10px; }
      .brand { font-size:18px; }
      .menu { display:block; }
      .nav-links { position:absolute; left:20px; right:20px; top:68px; max-height:calc(100vh - 88px); padding:18px; display:none; align-items:stretch; flex-direction:column; gap:4px; overflow:auto; border:.5px solid var(--rf-glass-border); border-radius:10px; background:rgb(6 6 24 / 96%); backdrop-filter:blur(12px); }
      .nav-links.open { display:flex; }
      .nav-links>a,.nav-trigger { min-height:44px; padding:10px; }
      .nav-item { width:100%; }
      .nav-dropdown { width:100%; padding:4px 0 8px 14px; position:static; grid-template-columns:1fr; gap:0; border:0; border-left:1px solid var(--line); border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none; }
      .resources-dropdown { padding:10px 0 8px 14px; gap:20px; }
      .resource-column+.resource-column { padding:20px 0 0; border-top:1px solid var(--line); border-left:0; }
      .resource-column-title { padding-left:10px; }
      .nav-dropdown::before { display:none; }
      .nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown { transform:none; }
      .nav-actions { margin-left:auto; gap:6px; }
      .workspace-cta { min-height:42px; padding:9px 10px; font-size:13px; }
      h1,.hero h1 { font-size:46px; }
      h2 { font-size:32px; }
      .collection-hero h1,.final h2 { font-size:38px; }
      .hero { min-height:auto; padding-top:80px; padding-bottom:48px; }
      .tools-collection-hero { min-height:390px; }
      .tools-collection-hero,.comparison-collection-hero { overflow-x:clip; }
      .tools-collection-hero::before { inset:-24% -28% -18%; filter:blur(48px); opacity:.92; }
      .comparison-collection-hero::before { inset:-26% -34% -18%; filter:blur(46px); opacity:.88; }
      .collection-subtitle { margin-top:16px; font-size:17px; }
      .section,.features-heading,.final,.collection-hero { padding-top:80px; padding-bottom:80px; }
      .related-tools { padding:80px 0; }
      .related-tools h2 { margin-bottom:32px; }
      .related-tool-link { min-height:170px; padding:24px 20px; }
      .hero::before { inset:-18% -20% 26%; filter:blur(46px); opacity:.9; }
      .hero-title-group { margin-bottom:32px; }
      .hero-subtitle { margin-top:10px; font-size:20px; }
      .tool-final::before { inset:-38% -55% -26%; filter:blur(48px); opacity:.8; }
      #examples.section { padding-top:0; padding-bottom:80px; }
      .tool-stage { border-radius:15px; }
      .form-panel { padding:24px; }
      .form-action,.button,.section-cta { width:100%; }
      .segmented { grid-template-columns:1fr; }
      .section-heading-row { align-items:flex-start; flex-direction:column; gap:24px; }
      .section-heading-row .section-cta { width:100%; }
      .example-strip { grid-auto-columns:220px; gap:16px; }
      .feature-story-copy { min-height:auto; padding:40px 24px; }
      .feature-story-copy h3 { font-size:28px; }
      .feature-story-proof { min-height:380px; margin:0; padding:24px; border-width:1px 0 0; border-radius:0; }
      .tools-grid,.steps,.footer-nav { grid-template-columns:1fr; }
      .comparison-card { grid-template-columns:1fr; align-items:start; }
      .comparison-card h2 { font-size:25px; }
      .comparison-article-hero { padding:80px 0 56px; }
      .comparison-article-hero::before { inset:-30% -28% -4%; filter:blur(48px); opacity:.88; }
      .comparison-article-hero>.container { width:min(calc(100% - 40px),var(--container-max)); }
      .breadcrumb { font-size:12px; }
      .hero>.breadcrumb,.home-placeholder .breadcrumb { top:24px; left:20px; right:20px; }
      .comparison-article-title .breadcrumb { top:-52px; left:0; }
      .article-layout { padding:56px 0 80px; gap:48px; }
      .article-section { padding-bottom:40px; margin-bottom:40px; }
      .article-pros-cons { grid-template-columns:1fr; gap:24px; }
      .article-review { padding:38px 0; }
      .review-chart-row { grid-template-columns:1fr 44px; gap:10px 14px; }
      .review-chart-track { grid-column:1; grid-row:2; }
      .review-chart-value { grid-column:2; grid-row:2; }
      .article-section h2 { font-size:28px; }
      .article-final .button { width:100%; }
      .faq-layout { grid-template-columns:1fr; }
      .footer-bottom { align-items:flex-start; flex-direction:column; }
      .footer-meta { align-items:flex-start; justify-content:flex-start; flex-direction:column; }
    }
    .home-page { overflow:hidden; background:#050517; color:rgb(255 255 255 / 68%); }
    .home-page .home-container { width:min(calc(100% - 140px),1300px); margin-inline:auto; }
    .home-page h1,.home-page h2,.home-page h3 { font-weight:300; }
    .site-header { width:auto; height:62px; min-height:62px; position:fixed; inset:20px 20px auto; overflow:visible; border:1px solid rgb(255 255 255 / 72%); border-radius:7px; background:rgb(246 247 250 / 72%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 64%),0 8px 30px rgb(4 7 24 / 14%); -webkit-backdrop-filter:blur(22px) saturate(140%); backdrop-filter:blur(22px) saturate(140%); }
    .site-header .nav { width:100%; min-height:60px; padding:8px 9px 8px 16px; grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr); gap:28px; }
    .site-header .brand { width:180px; height:48px; gap:8px; color:#111425; font-size:13px; }
    .site-header .header-logo { width:64px; height:38px; display:block; flex:0 0 64px; object-fit:contain; }
    .site-header .header-symbol { width:32px; height:18px; }
    .site-header .header-symbol span { width:14px; height:18px; }
    .site-header .header-symbol span+span { margin-left:-4px; }
    .site-header .nav-links { gap:30px; color:#161827; font-size:13px; }
    .site-header .nav-links>a,.site-header .nav-trigger { min-height:42px; color:#161827; }
    .site-header .nav-trigger { display:inline-flex; align-items:center; gap:5px; }
    .site-header .nav-trigger-chevron { width:13px; height:13px; stroke-width:1.8; transition:transform 160ms var(--rf-ease); }
    .site-header .nav-item:hover .nav-trigger-chevron,.site-header .nav-item:focus-within .nav-trigger-chevron { transform:rotate(180deg); }
    .site-header .nav-actions { gap:14px; }
    .language-menu { position:relative; }
    .mobile-language-switch { display:none; }
    .language-control { display:none; min-height:50px; padding:0; align-items:center; gap:6px; border:0; background:transparent; color:rgb(255 255 255 / 78%); font-size:12px; cursor:pointer; }
    .language-control svg { width:14px; height:14px; }
    .site-header .language-control { min-height:32px; padding-left:16px; display:inline-flex; border-left:1px solid rgb(17 20 37 / 13%); color:#161827; }
    .language-control .language-chevron { width:12px; height:12px; transition:transform 160ms var(--rf-ease); }
    .language-control[aria-expanded="true"] .language-chevron { transform:rotate(180deg); }
    .language-dropdown { width:156px; padding:6px; position:absolute; top:calc(100% + 14px); right:0; display:grid; gap:2px; border:1px solid rgb(17 20 37 / 14%); border-radius:6px; background:rgb(255 255 255 / 88%); box-shadow:0 16px 38px rgb(6 8 20 / 18%); opacity:0; visibility:hidden; transform:translateY(-6px); -webkit-backdrop-filter:blur(22px) saturate(140%); backdrop-filter:blur(22px) saturate(140%); transition:opacity 160ms var(--rf-ease),visibility 160ms var(--rf-ease),transform 160ms var(--rf-ease); }
    .language-dropdown::before { content:""; height:14px; position:absolute; left:0; right:0; top:-14px; }
    .language-menu.open .language-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
    .language-dropdown button { width:100%; min-height:40px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:0; border-radius:4px; background:transparent; color:#161827; font-size:12px; text-align:left; cursor:pointer; }
    .language-dropdown button:hover,.language-dropdown button:focus-visible { background:rgb(17 20 37 / 7%); }
    .language-dropdown button svg { width:14px; height:14px; opacity:0; color:#0044d9; }
    .language-dropdown button[aria-current="true"] { color:#0044d9; }
    .language-dropdown button[aria-current="true"] svg { opacity:1; }
    .language-modal[hidden] { display:none; }
    .language-modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; }
    .language-modal-backdrop { position:absolute; inset:0; background:rgb(3 4 16 / 46%); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
    .language-dialog { width:420px; padding:32px; position:relative; border:1px solid rgb(17 20 37 / 14%); border-radius:8px; background:rgb(249 250 253 / 96%); box-shadow:0 24px 80px rgb(3 4 16 / 28%); }
    .language-dialog h2 { margin:0 0 28px; color:#111425; font-size:24px; line-height:1.35; }
    .language-dialog-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .language-dialog-actions button { min-height:46px; padding:10px 14px; border:1px solid rgb(17 20 37 / 16%); border-radius:5px; background:#fff; color:#111425; font-size:13px; cursor:pointer; }
    .language-dialog-actions .language-dialog-primary { border-color:#090b14; background:#090b14; color:#fff; }
    .footer-language-badge { margin-left:auto; padding:2px 5px; border:1px solid rgb(255 255 255 / 20%); border-radius:3px; color:rgb(255 255 255 / 46%); font-size:8px!important; line-height:1.2!important; text-transform:uppercase; }
    .footer-links .english-detail-link { display:flex; align-items:center; gap:8px; }
    .footer-secondary-link.english-detail-link { display:inline-flex; align-items:center; gap:8px; }
    .site-header .workspace-cta { min-width:110px; height:42px; min-height:42px; padding:9px 15px; gap:7px; border-color:rgb(10 12 20 / 12%); border-radius:5px; background:#090b14; box-shadow:0 5px 12px rgb(7 10 24 / 14%); font-size:12px; transition:background 160ms var(--rf-ease),box-shadow 160ms var(--rf-ease),transform 160ms var(--rf-ease); }
    .site-header .workspace-cta svg { width:14px; height:14px; stroke-width:1.8; }
    .site-header .workspace-cta:hover { background:#0044d9; box-shadow:0 7px 18px rgb(0 68 217 / 24%); transform:translateY(-1px); }
    .site-header .workspace-cta:active { transform:translateY(0); }
    .site-header .menu { border-color:rgb(17 20 37 / 18%); background:rgb(255 255 255 / 42%); color:#111425; }
    .home-hero { height:760px; position:relative; display:flex; isolation:isolate; background:#050517 url('/assets/marketing/home/design-asset-01.webp') center top / cover no-repeat; }
    .home-hero::after { content:""; position:absolute; inset:auto 0 0; height:230px; z-index:-1; background:linear-gradient(180deg,transparent,#050517); }
    .home-hero-inner { padding-top:279px; }
    .home-hero h1 { max-width:930px; margin:0; white-space:pre-line; font-size:92px; line-height:1.08; }
    .home-badges { margin:32px 0 48px; display:flex; align-items:center; flex-wrap:wrap; gap:38px; color:rgb(255 255 255 / 76%); font-size:12px; }
    .home-badges span { display:inline-flex; align-items:center; gap:9px; }
    .home-badges span::before,.home-badges span::after { content:""; width:12px; height:12px; flex:0 0 12px; background:linear-gradient(135deg,#fff 8%,#7eeeff 52%,#236dff 94%); clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%); filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #39bfff); }
    .home-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
    .home-actions .button { width:188px; min-width:188px; height:58px; white-space:nowrap; }
    .home-secondary-action { width:175px; height:59px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; border:.5px solid rgb(255 255 255 / 50%); border-radius:8px; background:rgb(255 255 255 / 20%); color:#fff; font-size:17px; text-decoration:none; backdrop-filter:blur(10px); }
    .home-actions-note { margin-left:12px; color:rgb(255 255 255 / 72%); font-size:12px; }
    html[lang="en"] .home-hero h1 { max-width:1120px; font-size:84px; }
    html[lang="en"] .home-core-copy h3 { width:auto; font-size:21px; line-height:1.25; }
    html[lang="en"] .home-core-copy h3::before { width:calc(100% + 34px); }
    html[lang="en"] .home-core-point strong { line-height:1.25; }
    html[lang="en"] .home-usecase h3 { font-size:22px; }
    .home-metrics { height:300px; padding:100px 0 0; background:#050517; }
    .home-metrics-grid { width:min(calc(100% - 232px),1208px)!important; display:grid; grid-template-columns:repeat(4,1fr); }
    .home-metric { min-height:112px; padding:0 38px; border-left:1px solid rgb(255 255 255 / 16%); }
    .home-metric:first-child { padding-left:0; border-left:0; }
    .home-metric strong { display:block; color:#fff; font:400 42px/1.1 var(--rf-font-display); }
    .home-metric span { margin-top:24px; display:block; color:rgb(255 255 255 / 52%); font-size:12px; }
    .home-product-preview { height:820px; padding-top:62px; background:#050517; }
    .home-preview-frame { width:1200px; height:700px; margin-inline:auto; padding:40px 100px; position:relative; overflow:hidden; border-radius:14px; background:#7a72ff url('/assets/marketing/home/design-asset-02.webp') center / cover; }
    .home-preview-video { width:1000px; height:620px; display:block; border-radius:8px; background:#050517; box-shadow:0 32px 90px rgb(0 0 0 / 28%); object-fit:contain; }
    .home-showcase { height:630px; padding:70px 0 0; overflow:hidden; background:#050517; }
    .home-section-kicker { margin:0 0 58px; display:flex; align-items:center; justify-content:center; gap:28px; color:rgb(255 255 255 / 72%); font-size:24px; }
    .home-section-kicker::before,.home-section-kicker::after { content:"+"; color:rgb(255 255 255 / 60%); }
    .home-showcase-track { width:max-content; display:flex; gap:24px; animation:home-showcase-scroll 150s linear infinite; will-change:transform; }
    .home-showcase-track:hover { animation-play-state:paused; }
    .home-showcase-item { width:210px; height:280px; flex:none; position:relative; margin:0; overflow:hidden; border:1px solid rgb(255 255 255 / 10%); background:#151528; color:#fff; }
    .home-showcase-item img { width:100%; height:100%; display:block; object-fit:cover; }
    .home-showcase-item::after { content:""; position:absolute; inset:0; border:1px solid transparent; transition:border-color .18s ease,box-shadow .18s ease; }
    .home-showcase-item:hover::after { border-color:#43d6ff; box-shadow:inset 0 0 0 1px #43d6ff; }
    .home-showcase-item figcaption { position:absolute; inset:auto 0 0; padding:62px 14px 15px; display:grid; gap:2px; color:#fff; background:linear-gradient(transparent,rgb(0 0 0 / 82%)); }
    .home-showcase-item figcaption span:first-child { font-size:14px; }
    .home-showcase-item figcaption span:last-child { color:rgb(255 255 255 / 64%); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
    @keyframes home-showcase-scroll { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 12px)); } }
    .home-qualifications { height:497px; padding-top:70px; background:#050517; }
    .home-page .home-qualification-grid { width:888px!important; margin-left:calc(50% - 298px); margin-right:0; display:grid; grid-template-columns:repeat(2,384px); gap:120px; }
    .home-qualification { height:230px; padding:22px 24px; position:relative; overflow:hidden; white-space:pre-line; }
    .home-qualification[data-tone="blue"] { background:#075eff; color:#06133c; }
    .home-qualification[data-tone="light"] { background:#e9edf5; color:#182040; }
    .home-qualification-label { position:absolute; left:24px; top:22px; z-index:2; font-size:11px; line-height:1.25; }
    .home-qualification-title { position:absolute; left:24px; bottom:24px; z-index:2; max-width:230px; font-size:26px; font-weight:300; line-height:1.18; }
    .home-qualification-r { position:absolute; right:20px; bottom:-19px; color:rgb(255 255 255 / 19%); font:400 184px/.82 var(--rf-font-index); letter-spacing:0; }
    .home-qualification-cap-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
    .home-qualification-cap-label { font-size:10px; line-height:1.35; }
    .home-qualification-meta { color:rgb(24 32 64 / 45%); font:400 8px/1.45 var(--rf-font-display); text-align:right; }
    .home-qualification-cap-body { position:absolute; inset:auto 22px 19px 24px; display:grid; grid-template-columns:1fr 190px; align-items:end; gap:18px; }
    .home-qualification-brand { color:rgb(24 32 64 / 62%); font:400 10px/1 var(--rf-font-display); }
    .home-qualification-list { font-size:14px; font-weight:300; line-height:1.76; }
    .home-light-section { background:#f1f3f8; color:rgb(0 0 0 / 60%); }
    .home-light-section h2 { color:rgb(0 0 0 / 90%); }
    .home-comparison { height:1050px; padding:76px 0 0; position:relative; overflow:hidden; background:#0b0c10; color:#fff; isolation:isolate; }
    .home-comparison .home-container { width:1280px; position:relative; z-index:1; }
    .home-comparison h2 { margin-bottom:44px; color:#fff; font-size:56px; }
    .home-comparison-board { min-height:618px; position:relative; display:grid; grid-template-columns:42% 58%; overflow:hidden; border:1px solid rgb(255 255 255 / 15%); background:#17181d; box-shadow:0 30px 90px rgb(0 0 0 / 34%); }
    .home-comparison-side { min-width:0; }
    .home-comparison-side[data-side="without"] { background:#17181d; color:rgb(255 255 255 / 48%); }
    .home-comparison-side[data-side="with"] { position:relative; background:radial-gradient(circle at 74% 18%,rgb(125 114 255 / 30%),transparent 38%),radial-gradient(circle at 20% 90%,rgb(52 228 247 / 14%),transparent 44%),linear-gradient(135deg,#123f8a 0%,#17366f 54%,#29346d 100%); color:#fff; }
    .home-comparison-side[data-side="with"]::after { content:""; width:420px; height:420px; position:absolute; right:-100px; top:-170px; border-radius:50%; background:#7d72ff; opacity:.2; filter:blur(100px); pointer-events:none; }
    .home-comparison-head { height:78px; padding:0 34px; position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgb(255 255 255 / 16%); font:500 15px/1 var(--rf-font-display); }
    .home-comparison-head small { color:inherit; font:400 10px/1 var(--rf-font-display); letter-spacing:0; opacity:.68; }
    .home-comparison-row { height:108px; padding:14px 34px 12px; position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; column-gap:24px; border-top:1px solid rgb(255 255 255 / 10%); }
    .home-comparison-row:first-of-type { border-top:0; }
    .home-comparison-step { grid-column:1 / -1; margin-bottom:7px; color:inherit; font:500 10px/1 var(--rf-font-display); text-transform:uppercase; opacity:.72; }
    .home-comparison-copy { max-width:430px; align-self:start; display:grid; grid-template-columns:18px 1fr; gap:9px; color:inherit; font-size:13.5px; line-height:1.45; }
    .home-comparison-mark { font:500 18px/1 var(--rf-font-display); }
    [data-side="without"] .home-comparison-mark { color:#ff858e; }
    [data-side="with"] .home-comparison-mark { color:#63f0ff; }
    .home-comparison-result { min-width:130px; align-self:center; display:grid; justify-items:end; gap:5px; text-align:right; }
    .home-comparison-result strong { color:inherit; font:400 30px/1 var(--rf-font-display); text-transform:uppercase; white-space:nowrap; }
    [data-side="without"] .home-comparison-result strong { color:#ff858e; }
    [data-side="with"] .home-comparison-result strong { color:#fff; }
    .home-comparison-result span { color:inherit; font:500 9px/1 var(--rf-font-display); text-transform:uppercase; opacity:.76; }
    [data-side="with"] .home-comparison-result span { color:#63f0ff; opacity:1; }
    .home-comparison-impact { margin-top:38px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgb(255 255 255 / 18%); }
    .home-impact-item { min-height:144px; padding:24px 34px 0; display:grid; grid-template-columns:auto 1fr; align-items:start; gap:20px; }
    .home-impact-item+.home-impact-item { border-left:1px solid rgb(255 255 255 / 18%); }
    .home-impact-value { color:#fff; font:400 64px/.9 var(--rf-font-display); white-space:nowrap; }
    .home-impact-copy { padding-top:3px; display:grid; gap:10px; }
    .home-impact-copy strong { color:#63f0ff; font:500 16px/1.1 var(--rf-font-display); text-transform:uppercase; }
    .home-impact-copy span { color:rgb(255 255 255 / 52%); font-size:13px; line-height:1.45; }
    .home-workflow { height:1400px; padding:108px 0 0; background:#050517; }
    .home-workflow h2 { margin:0 0 144px auto; max-width:980px; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; font-weight:100; font-size:64px; line-height:1.16; letter-spacing:0; text-align:right; text-transform:capitalize; white-space:pre-line; }
    .home-gradient-word { font-family:var(--rf-font-display); background:linear-gradient(100deg,#fff 0%,#dca9ff 42%,#65e9ff 100%); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
    .home-gradient-word-reelflock { background:linear-gradient(91.96deg,#fff 2.47%,#43d6ff 50.56%,#fff 98.65%); background-clip:text; -webkit-background-clip:text; }
    .home-workflow-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:96px 20px; }
    .home-workflow-stage { --stage-rgb:32 75 226; --stage-line:126 165 255; width:420px; height:240px; padding:28px 26px; position:relative; border:1px solid transparent; background:radial-gradient(86% 82% at 18% 60%,rgb(var(--stage-rgb) / 27%) 0%,rgb(var(--stage-rgb) / 11%) 43%,transparent 75%) padding-box,linear-gradient(#050517,#050517) padding-box,linear-gradient(112deg,rgb(var(--stage-line) / 14%) 0%,rgb(var(--stage-line) / 88%) 50%,rgb(255 255 255 / 48%) 100%) border-box; isolation:isolate; }
    .home-workflow-stage::before { content:""; position:absolute; inset:20% 22% 6% -38%; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,rgb(var(--stage-rgb) / 25%) 0%,rgb(var(--stage-rgb) / 9%) 42%,transparent 74%); filter:blur(28px); }
    .home-workflow-stage:nth-child(1) { grid-column:1 / 5; }
    .home-workflow-stage:nth-child(2) { grid-column:6 / 10; --stage-rgb:137 49 170; --stage-line:198 113 226; }
    .home-workflow-stage:nth-child(3) { grid-column:4 / 8; --stage-rgb:8 126 166; --stage-line:85 207 232; }
    .home-workflow-stage:nth-child(4) { grid-column:9 / 13; --stage-rgb:6 137 104; --stage-line:89 221 192; }
    .home-workflow-stage>* { position:relative; z-index:2; }
    .home-workflow-stage span { position:absolute; top:8px; right:18px; color:transparent; font:400 76px/1 var(--rf-font-index); -webkit-text-stroke:1px rgb(255 255 255 / 35%); }
    .home-workflow-stage h3 { margin:0 0 90px; color:#aacbff; font-size:24px; }
    .home-workflow-stage p { width:364px; margin:0; color:rgb(255 255 255 / 68%); font-size:14px; line-height:1.45; }
    .home-workflow-note { max-width:520px; margin:76px 0 0; color:rgb(255 255 255 / 56%); font-size:12px; }
    .home-core { height:1778px; padding:82px 0 0; position:relative; overflow:hidden; isolation:isolate; background:#050517; }
    .home-core::before { content:""; width:400px; height:400px; position:absolute; right:-66px; top:158px; z-index:0; border-radius:50%; background:#4712c3; opacity:.24; filter:blur(133.333px); }
    .home-core>.home-container { position:relative; z-index:1; }
    .home-title-star { margin:0 0 76px; display:flex; justify-content:center; align-items:center; gap:38px; font-size:48px; }
    .home-title-star::before,.home-title-star::after { content:""; width:48px; height:48px; flex:0 0 48px; background:url('/assets/marketing/home/core-title-icon.png') center / contain no-repeat; }
    .home-core-item { height:455px; display:grid; grid-template-columns:426px 720px; align-items:center; justify-content:center; gap:82px; }
    .home-core-item+.home-core-item { margin-top:64px; }
    .home-core-item:nth-of-type(even) { grid-template-columns:720px 426px; }
    .home-core-item:last-child { height:472px; }
    .home-core-item:nth-of-type(even) .home-core-copy { grid-column:2; grid-row:1; }
    .home-core-item:nth-of-type(even) .home-core-media { grid-column:1; grid-row:1; }
    .home-core-copy { --core-glow:#0044d9; position:relative; isolation:isolate; }
    .home-core-copy>* { position:relative; z-index:1; }
    .home-core-copy::after { content:""; width:360px; height:360px; position:absolute; left:50%; top:56%; z-index:0; border-radius:50%; background:var(--core-glow); opacity:.24; filter:blur(120px); backdrop-filter:blur(240px); transform:translate(-50%,-50%); pointer-events:none; }
    .home-core-item:nth-of-type(2) .home-core-copy { --core-glow:#4900f3; }
    .home-core-item:nth-of-type(3) .home-core-copy { --core-glow:#0086d3; }
    .home-core-copy h3 { --brush-rgb:0 117 255; width:max-content; max-width:100%; margin-bottom:15px; position:relative; isolation:isolate; color:#fff; font-size:24px; }
    html[lang="en"] .home-core-item:first-of-type .home-core-copy h3 { max-width:none; font-size:20px; white-space:nowrap; }
    .home-core-copy h3::before { content:""; width:max(350px,calc(100% + 54px)); height:32px; position:absolute; left:-8px; top:50%; z-index:-1; background:rgb(var(--brush-rgb)); -webkit-mask:url('/assets/marketing/home/vector-15.png') left center / 100% 100% no-repeat; mask:url('/assets/marketing/home/vector-15.png') left center / 100% 100% no-repeat; transform:translateY(-43%); filter:drop-shadow(0 0 10px rgb(var(--brush-rgb) / 48%)); }
    .home-core-item[data-tone="pink"] .home-core-copy h3 { --brush-rgb:157 49 255; }
    .home-core-item[data-tone="blue"] .home-core-copy h3 { --brush-rgb:0 143 226; }
    .home-core-copy>p { margin-bottom:28px; color:rgb(255 255 255 / 68%); font-size:14px; line-height:1.8; }
    .home-core-point { margin-top:20px; display:grid; grid-template-columns:92px 1fr; gap:18px; align-items:start; }
    .home-core-point strong { min-height:28px; padding:5px 9px; border-radius:6px; background:rgb(255 255 255 / 24%); color:#fff; text-align:center; font-size:12px; font-weight:300; }
    .home-core-point span { color:rgb(255 255 255 / 68%); font-size:12px; line-height:1.75; }
    .home-core-media { width:720px; height:410px; padding:22px; overflow:hidden; border-radius:10px; background:var(--home-core-bg,url('/assets/marketing/home/design-asset-10.webp')) center / cover; }
    .home-core-item[data-tone="pink"] .home-core-media { --home-core-bg:url('/assets/marketing/home/design-asset-13.webp'); }
    .home-core-item[data-tone="blue"] .home-core-media { --home-core-bg:url('/assets/marketing/home/design-asset-12.webp'); }
    .home-core-media img { width:100%; height:100%; display:block; object-fit:cover; object-position:center top; border-radius:6px; }
    .home-capabilities { height:1030px; padding:80px 0 0; position:relative; background:#050517; }
    .home-capabilities h2,.home-models h2 { margin-bottom:78px; font-size:40px; }
    .home-capabilities h2::before { content:""; width:52px; height:52px; margin-right:24px; display:inline-block; vertical-align:middle; background:url('/assets/marketing/home/capabilities-title-icon.png') center / contain no-repeat; }
    .home-capability-grid { display:grid; grid-template-columns:repeat(3,345px); justify-content:center; gap:88px; align-items:start; }
    .home-capability-card { --cap-rgb:69 105 255; width:345px; height:553px; margin-top:38px; padding:34px 32px; position:relative; display:flex; flex-direction:column; align-items:center; border:0; border-radius:10px; background:url('/assets/marketing/home/capability-video.webp') center / 100% 100% no-repeat; color:rgb(255 255 255 / 68%); text-align:center; isolation:isolate; }
    .home-capability-card::before { content:none; }
    .home-capability-card:nth-child(2) { --cap-rgb:151 91 255; margin-top:-38px; background-image:url('/assets/marketing/home/capability-image.webp'); }
    .home-capability-card:nth-child(3) { --cap-rgb:52 207 239; background-image:url('/assets/marketing/home/capability-publishing.webp'); }
    .home-capability-card>* { position:relative; z-index:1; }
    .home-capability-card .index { align-self:flex-end; color:transparent; font:400 32px/1 var(--rf-font-index); -webkit-text-stroke:1px rgb(255 255 255 / 46%); }
    .home-capability-card h3 { margin:25px 0 5px; font-size:32px; }
    .home-capability-card p { max-width:260px; min-height:52px; margin:0 0 34px; color:rgb(255 255 255 / 54%); font-size:16px; line-height:1.55; white-space:pre-line; }
    .home-capability-card ul { margin:0; padding:0; display:grid; gap:15px; list-style:none; font-size:14px; }
    .home-capability-card li::before { content:"•"; margin-right:10px; color:rgb(var(--cap-rgb)); }
    .home-models { height:690px; padding:54px 0 0; background:#050517; }
    .home-models-header { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:80px; }
    .home-models-header h2::before { content:""; width:52px; height:52px; margin-right:20px; display:inline-block; vertical-align:middle; background:url('/assets/marketing/home/models-title-icon.png') center / contain no-repeat; }
    .home-models-header p { margin:0 0 76px; color:rgb(255 255 255 / 58%); font-size:12px; }
    .home-model-grid { position:relative; isolation:isolate; display:grid; grid-template-columns:repeat(4,280px); justify-content:space-between; gap:28px 0; }
    .home-model-grid::before { content:""; width:400px; height:400px; position:absolute; left:50%; top:-116px; z-index:0; border-radius:50%; background:#0042b4; opacity:.24; filter:blur(133.333px); transform:translateX(-50%); }
    .home-model-card { width:280px; height:170px; position:relative; z-index:1; overflow:hidden; border-radius:9px; background:#121629; }
    .home-model-card img { width:100%; height:100%; display:block; object-fit:cover; filter:brightness(.62); }
    .home-model-card span { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:10px; color:#fff; font-size:30px; text-align:center; }
    .home-model-card span::before { content:"✦"; color:#fff; font-size:16px; }
    .home-model-trademark { margin:18px 0 0; color:rgb(255 255 255 / 38%); font-size:10px; }
    .home-usecases { height:836px; padding:102px 0 0; background:#050517; }
    .home-usecases h2 { margin:0 0 92px; text-align:center; font-size:40px; }
    .home-usecases h2::before,.home-usecases h2::after { content:""; width:52px; height:52px; margin:0 30px; display:inline-block; vertical-align:middle; background:url('/assets/marketing/home/usecases-title-icon.png') center / contain no-repeat; }
    .home-usecase-grid { display:grid; grid-template-columns:repeat(3,373px); justify-content:center; gap:58px; align-items:start; isolation:isolate; }
    .home-usecase { --case-rgb:40 151 255; width:373px; height:257px; padding:26px 24px; position:relative; overflow:visible; border:1px solid rgb(255 255 255 / 48%); border-radius:7px; background:rgb(255 255 255 / 24%); }
    .home-usecase::before { content:""; position:absolute; width:360px; height:360px; left:-150px; top:-172px; z-index:-1; border-radius:50%; background:rgb(var(--case-rgb)); opacity:.28; filter:blur(110px); pointer-events:none; }
    .home-usecase::after { content:""; width:23px; height:23px; position:absolute; right:20px; top:19px; z-index:2; border:1px solid rgb(var(--case-rgb) / 82%); border-radius:50%; background:#050517; box-shadow:inset 0 0 6px rgb(var(--case-rgb) / 34%),0 0 7px rgb(var(--case-rgb) / 28%); }
    .home-usecase:nth-child(2) { margin-top:98px; --case-rgb:125 114 255; }
    .home-usecase:nth-child(3) { --case-rgb:99 240 255; }
    .home-usecase>* { position:relative; z-index:1; }
    .home-usecase small { color:rgb(255 255 255 / 52%); font-size:14px; }
    .home-usecase h3 { width:max-content; max-width:100%; margin:18px 0 52px; background:linear-gradient(90deg,#fff 0%,rgb(var(--case-rgb) / 72%) 28%,rgb(var(--case-rgb)) 50%,rgb(var(--case-rgb) / 72%) 72%,#fff 100%); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-size:24px; }
    .home-usecase p { margin:0; color:rgb(255 255 255 / 65%); font-size:12px; }
    .home-faq { height:928px; padding:94px 0 0; }
    .home-faq .home-container { width:1328px; }
    .home-faq-header { margin-bottom:76px; display:flex; align-items:flex-start; justify-content:space-between; gap:40px; }
    .home-faq h2 { font-size:40px; }
    .home-faq h2::before { content:"✦"; margin-right:30px; }
    .home-faq-header p { margin:12px 0 0; font-size:14px; }
    .home-faq-header a { color:#075eff; }
    .home-faq .faq-list,.home-faq details { border-color:rgb(0 0 0 / 20%); }
    .home-faq summary { min-height:78px; color:rgb(0 0 0 / 78%); font-size:14px; }
    .home-faq details p { max-width:1040px; padding-bottom:24px; font-size:12px; }
    .home-final { height:653px; padding:98px 0; position:relative; display:flex; align-items:center; overflow:hidden; isolation:isolate; background:#70a9ff url('/assets/marketing/home/cta-background-original.webp') center / cover no-repeat; }
    .home-final .home-container { width:1240px; }
    .home-final-panel { width:1240px; height:457px; padding:48px 56px; display:grid; grid-template-columns:minmax(0,1fr) 488px; align-items:center; gap:44px; border-radius:6px; background:#050517; box-shadow:0 18px 54px rgb(2 3 21 / 28%); }
    .home-final-eyebrow { display:block; margin-bottom:38px; color:#075eff; font:400 36px/1 var(--rf-font-display); }
    .home-final h2 { max-width:620px; margin-bottom:30px; font-size:36px; white-space:nowrap; }
    .home-final .home-actions { gap:20px; }
    .home-final .home-actions-note { width:100%; margin:10px 0 0; }
    .home-final-media { display:grid; grid-template-columns:repeat(2,210px); gap:68px; }
    .home-final-media figure { width:210px; height:300px; margin:0; position:relative; overflow:hidden; }
    .home-final-media img { width:100%; height:100%; display:block; object-fit:cover; }
    .home-final-media figcaption { position:absolute; inset:auto 0 0; padding:52px 12px 12px; display:grid; gap:2px; background:linear-gradient(transparent,rgb(0 0 0 / 74%)); color:#fff; font-size:11px; line-height:1.35; }
    .home-final-media figcaption span:last-child { color:rgb(255 255 255 / 62%); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    body:has(.home-page) .footer { min-height:630px; padding:70px 0 60px; border-top:0; background:#050517; }
    body:has(.home-page) .footer::before,body:has(.home-page) .footer::after { content:none; }
    body:has(.home-page) .footer>.container { width:min(calc(100% - 120px),1240px); }
    body:has(.home-page) .footer-main { grid-template-columns:270px 1fr; gap:90px; }
    .footer-brand-block { min-width:0; }
    #footer-description { display:none; }
    #footer-tagline { display:none; }
    body:has(.home-page) #footer-description,body:has(.home-page) #footer-tagline { display:none; }
    body:has(.home-page) .footer-nav { width:calc(100% + 40px); grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
    body:has(.home-page) .footer-group h3 { margin-bottom:20px; font-size:20px; }
    body:has(.home-page) .footer-links { gap:11px; }
    body:has(.home-page) .footer-links a { font-size:14px; line-height:1.45; }
    body:has(.home-page) .footer-secondary-links { margin-top:34px; gap:26px; }
    body:has(.home-page) .footer-secondary-link { font-size:20px; }
    body:has(.home-page) .footer-identity { gap:18px; font-size:27px; }
    @media (max-width:1199px) {
      .home-page .home-container { width:min(calc(100% - 80px),1288px); }
      .home-product-preview,.home-showcase,.home-qualifications,.home-comparison,.home-workflow,.home-core,.home-capabilities,.home-models,.home-usecases,.home-faq,.home-final,body:has(.home-page) .footer { height:auto; min-height:unset; }
      .home-hero h1 { font-size:58px; }
      .home-metrics { height:auto; padding:60px 0; }
      .home-metrics-grid { width:calc(100% - 80px)!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 0; }
      .home-metric { min-width:0; padding:0 24px; }
      .home-metric:nth-child(3) { padding-left:0; border-left:0; }
      .home-metric strong { font-size:36px; }
      .home-preview-frame { width:100%; height:auto; padding:30px 7%; }
      .home-preview-video { width:100%; height:auto; aspect-ratio:16/9; }
      .home-showcase-track { width:100%; margin-left:0; padding-inline:20px; gap:24px; overflow-x:auto; animation:none; will-change:auto; }
      .home-showcase-item[aria-hidden="true"] { display:none; }
      .home-page .home-qualification-grid { width:min(100%,888px)!important; margin-inline:auto; grid-template-columns:repeat(2,minmax(0,384px)); justify-content:center; gap:40px; }
      .home-comparison { padding-bottom:72px; }
      .home-comparison-board { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto repeat(5,auto); }
      .home-comparison-side { display:grid; grid-row:1 / span 6; grid-template-rows:subgrid; }
      .home-comparison-head { height:auto; min-height:78px; padding:20px 24px; gap:16px; line-height:1.4; }
      .home-comparison-head small { flex-shrink:0; }
      .home-comparison-row { height:auto; padding:24px; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; gap:16px; }
      .home-comparison-step { margin:0; line-height:1.5; }
      .home-comparison-copy { max-width:none; grid-template-columns:18px minmax(0,1fr); font-size:16px; line-height:1.5; }
      .home-comparison-result { min-width:0; justify-items:start; text-align:left; }
      .home-comparison-result strong { font-size:clamp(22px,2.6vw,30px); line-height:1.3; white-space:normal; overflow-wrap:anywhere; }
      .home-comparison-result span { line-height:1.5; }
      .home-impact-item { padding:24px; grid-template-columns:minmax(0,1fr); gap:16px; }
      .home-impact-value { font-size:clamp(32px,4vw,48px); line-height:1.2; white-space:normal; }
      .home-impact-copy strong { line-height:1.5; }
      .home-workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 40px; }
      .home-workflow-stage:nth-child(n) { grid-column:auto; }
      .home-workflow-stage { width:100%; height:auto; min-height:240px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px 16px; align-content:space-between; }
      .home-workflow-stage>span { position:static; grid-column:2; grid-row:1; align-self:start; font-size:clamp(48px,6vw,64px); }
      .home-workflow-stage h3 { grid-column:1; grid-row:1; align-self:center; margin:0; font-size:clamp(20px,2.5vw,24px); }
      .home-workflow-stage p { width:auto; grid-column:1 / -1; }
      .home-core-item,.home-core-item:nth-of-type(even) { width:100%; height:auto; min-height:560px; grid-template-columns:1fr 1fr; gap:50px; }
      .home-core-item+.home-core-item { margin-top:40px; }
      .home-core-item:last-child { height:auto; }
      .home-core-media { width:100%; height:auto; aspect-ratio:720 / 410; }
      .home-capability-grid,.home-usecase-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
      .home-capability-card,.home-usecase { width:100%; height:auto; min-height:257px; }
      .home-model-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
      .home-model-card { width:100%; }
      .home-model-card span { padding:12px; gap:8px; font-size:24px; }
      .home-final .home-container { width:min(calc(100% - 80px),1100px); }
      .home-final-panel { width:100%; height:auto; grid-template-columns:minmax(0,1fr); }
      html[lang="en"] .home-hero h1 { font-size:58px; }
      html[lang="en"] .home-core-item:first-of-type .home-core-copy h3 { max-width:100%; white-space:normal; }
      .home-final h2 { white-space:normal; }
      body:has(.home-page) .footer { min-height:620px; padding:76px 0; }
      body:has(.home-page) .footer-main { grid-template-columns:1fr; gap:58px; }
      body:has(.home-page) .footer-nav { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); }
    }
    @media (max-width:767px) {
      .home-page .home-container { width:min(calc(100% - 40px),1288px); }
      .site-header { height:auto; min-height:54px; inset:12px 14px auto; }
      .site-header .nav { min-height:52px; padding:4px 8px; gap:8px; }
      .site-header .brand { width:auto; min-width:0; height:44px; gap:6px; font-size:11px; }
      .site-header .header-logo { width:32px; height:24px; flex-basis:32px; }
      .site-header .nav-actions { gap:6px; flex-shrink:0; }
      .site-header .menu { display:grid; flex:0 0 44px; border-color:transparent; background:transparent; backdrop-filter:none; }
      .site-header .nav-links,.site-header .language-control { display:none; }
      .site-header .nav-links.open { display:flex; }
      .mobile-language-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:8px; padding-bottom:16px; border-bottom:1px solid var(--line); }
      .mobile-language-switch button { min-height:44px; padding:10px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--rf-glass-border); border-radius:5px; background:transparent; color:#f4f5fb; font-size:14px; cursor:pointer; }
      .mobile-language-switch button[aria-pressed="true"] { border-color:#aacbff; background:rgb(170 203 255 / 12%); color:#aacbff; }
      .mobile-language-switch button svg { width:14px; height:14px; opacity:0; }
      .mobile-language-switch button[aria-pressed="true"] svg { opacity:1; }
      .language-dialog { width:min(420px,calc(100% - 40px)); padding:24px; }
      .language-dialog-actions { grid-template-columns:1fr; }
      .site-header .nav-links>a,.site-header .nav-trigger { color:#f4f5fb; }
      .site-header .workspace-cta { min-width:0; height:44px; min-height:44px; padding:0 8px; position:relative; isolation:isolate; gap:5px; border:0; background:transparent; box-shadow:none; font-size:11px; }
      .site-header .workspace-cta::before { content:""; position:absolute; inset:6px 0; z-index:-1; border-radius:5px; background:#090b14; transition:background 160ms var(--rf-ease); }
      .site-header .workspace-cta:hover,.site-header .workspace-cta:active { background:transparent; box-shadow:none; transform:none; }
      .site-header .workspace-cta:hover::before { background:#0044d9; }
      .site-header .workspace-cta svg { width:12px; height:12px; }
      .site-header .workspace-label-full { display:none; }
      .site-header .workspace-label-compact { display:inline; }
      .home-hero { height:auto; min-height:0; background-image:linear-gradient(180deg,rgb(5 5 23 / 64%),rgb(5 5 23 / 46%) 60%,transparent),url('/assets/marketing/home/design-asset-01.webp'); background-position:54% top; }
      .home-hero-inner { padding:108px 0 36px; }
      .home-hero h1,html[lang="en"] .home-hero h1 { font-size:clamp(32px,8.5vw,48px); line-height:1.25; overflow-wrap:break-word; }
      .home-badges { gap:10px 16px; margin:20px 0 28px; }
      .home-actions,.home-final .home-actions { align-items:stretch; flex-direction:column; gap:8px; }
      .home-actions .button { width:100%; min-width:0; height:48px; min-height:48px; font-size:15px; }
      .home-secondary-action { width:100%; height:44px; min-height:44px; padding:0 12px; border:0; background:transparent; font-size:14px; text-decoration:underline; text-underline-offset:4px; backdrop-filter:none; }
      .home-actions-note { margin:4px 0 0; text-align:center; }
      .home-metrics { height:auto; padding:32px 0 40px; }
      .home-metrics-grid { width:min(calc(100% - 40px),1208px)!important; }
      .home-metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 0; }
      .home-metric { min-width:0; padding:0 12px; }
      .home-metric:nth-child(3) { padding-left:0; border-left:0; }
      .home-metric strong { font-size:clamp(20px,6.8vw,28px); }
      .home-product-preview { padding:28px 0 74px; }
      .home-showcase { padding:24px 0 48px; }
      .home-section-kicker { padding-inline:20px; gap:16px; text-align:center; font-size:20px; }
      .home-preview-frame { padding:12px; border-radius:8px; }
      .home-page .home-qualification-grid { width:calc(100% - 40px)!important; grid-template-columns:1fr; gap:24px; }
      .home-qualification { width:100%; }
      .home-comparison { padding:72px 0; }
      .home-comparison h2 { margin-bottom:32px; font-size:clamp(30px,8vw,40px); }
      .home-comparison-side[data-side="without"] { border-right:1px solid rgb(255 255 255 / 15%); color:rgb(255 255 255 / 68%); }
      .home-comparison-head { min-height:90px; padding:16px 12px; flex-direction:column; align-items:flex-start; gap:8px; font:400 14px/1.4 var(--rf-font-sans); }
      .home-comparison-head small { font-size:9px; line-height:1.4; }
      .home-comparison-row { padding:16px 12px; grid-template-rows:auto 1fr auto; gap:12px; }
      .home-comparison-step { font:500 11px/1.5 var(--rf-font-sans); opacity:1; }
      .home-comparison-copy { grid-template-columns:14px minmax(0,1fr); gap:6px; font-size:14px; }
      .home-comparison-mark { font-size:16px; line-height:1.4; }
      .home-comparison-result { padding-left:0; align-self:end; gap:4px; }
      .home-comparison-result strong { font:500 clamp(17px,4.6vw,22px)/1.3 var(--rf-font-sans); }
      .home-comparison-result span { font:500 9px/1.5 var(--rf-font-sans); }
      .home-comparison-impact { margin-top:24px; grid-template-columns:minmax(0,1fr); }
      .home-impact-item { min-height:0; padding:24px 0; }
      .home-impact-item+.home-impact-item { border-left:0; border-top:1px solid rgb(255 255 255 / 18%); }
      .home-workflow { padding:78px 0 100px; }
      .home-workflow h2 { margin-bottom:78px; font-size:38px; }
      .home-workflow-grid { grid-template-columns:1fr; gap:64px; }
      .home-workflow-stage:nth-child(n) { width:100%; height:auto; min-height:240px; grid-column:1; }
      .home-workflow-stage p { width:auto; }
      .home-title-star { margin-bottom:56px; gap:18px; font-size:34px; }
      .home-title-star::before,.home-title-star::after { width:32px; height:32px; flex-basis:32px; }
      .home-core { padding:68px 0 80px; }
      .home-core-item,.home-core-item:nth-of-type(even) { height:auto; min-height:auto; padding:52px 0; grid-template-columns:minmax(0,1fr); gap:44px; }
      .home-core-item+.home-core-item { margin-top:20px; }
      .home-core-item:nth-of-type(even) .home-core-copy,.home-core-item:nth-of-type(even) .home-core-media { grid-column:1; grid-row:auto; }
      .home-core-item:nth-of-type(even) .home-core-media { grid-row:2; }
      .home-core-point { grid-template-columns:82px minmax(0,1fr); gap:16px; }
      .home-core-media { padding:14px; }
      .home-capabilities { padding:72px 0 100px; }
      .home-capabilities h2,.home-models h2 { margin-bottom:56px; font-size:34px; }
      .home-capability-grid { grid-template-columns:1fr; gap:24px; }
      .home-capability-grid { display:grid; grid-template-columns:1fr; }
      .home-capability-card,.home-capability-card:nth-child(2) { width:100%; height:auto; min-height:553px; margin-top:0; padding-bottom:52px; }
      .home-models { padding-bottom:100px; }
      .home-models-header { grid-template-columns:1fr; gap:0; }
      .home-models-header p { margin:0 0 46px; }
      .home-model-grid { grid-template-columns:repeat(2,1fr); gap:14px; }
      .home-model-card { width:100%; height:104px; }
      .home-model-card span { font-size:15px; }
      .home-usecases { padding:86px 0 100px; }
      .home-usecases h2 { margin-bottom:70px; font-size:34px; }
      .home-usecases h2::before,.home-usecases h2::after { width:30px; height:30px; margin:0 10px; }
      .home-usecase-grid { grid-template-columns:minmax(0,1fr); gap:68px; }
      .home-usecase { width:100%; min-width:0; }
      .home-usecase h3 { width:auto; }
      .home-usecase:nth-child(2) { margin-top:0; }
      .home-faq { padding:72px 0 90px; }
      .home-faq-header { margin-bottom:56px; flex-direction:column-reverse; }
      .home-faq h2 { font-size:34px; }
      .home-final { padding:40px 0; background-size:cover; background-position:center; }
      .home-final .home-container { width:min(calc(100% - 40px),1100px); }
      .home-final-panel { width:100%; height:auto; padding:42px 26px; grid-template-columns:minmax(0,1fr); gap:52px; }
      .home-final h2 { font-size:32px; }
      .home-final-eyebrow { font-size:clamp(20px,5.5vw,30px); line-height:1.4; overflow-wrap:anywhere; }
      .home-final-media { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
      .home-final-media figure { width:100%; height:auto; aspect-ratio:7/10; }
      body:has(.home-page) .footer { min-height:0; padding:72px 0 86px; }
      body:has(.home-page) .footer-main { grid-template-columns:1fr; gap:54px; }
      body:has(.home-page) .footer>.container { width:min(calc(100% - 40px),1280px); }
      body:has(.home-page) .footer-nav { grid-template-columns:1fr; gap:48px; }
      body:has(.home-page) .footer-identity { font-size:27px; }
      body:has(.home-page) .footer-logo { width:74px; }
    }
    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
      *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
    }

/* Keep the existing menu design when the five links no longer fit. */
@media (min-width:768px) and (max-width:1023px) {
      .nav { width:calc(100% - 40px); min-height:68px; display:flex; gap:10px; }
      .brand { font-size:18px; }
      .menu { display:block; }
      .nav-links { position:absolute; left:20px; right:20px; top:68px; max-height:calc(100vh - 88px); padding:18px; display:none; align-items:stretch; flex-direction:column; gap:4px; overflow:auto; border:.5px solid var(--rf-glass-border); border-radius:10px; background:rgb(6 6 24 / 96%); backdrop-filter:blur(12px); }
      .nav-links.open { display:flex; }
      .nav-links>a,.nav-trigger { min-height:44px; padding:10px; }
      .nav-item { width:100%; }
      .nav-dropdown { width:100%; padding:4px 0 8px 14px; position:static; grid-template-columns:1fr; gap:0; border:0; border-left:1px solid var(--line); border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none; }
      .resources-dropdown { padding:10px 0 8px 14px; gap:20px; }
      .resource-column+.resource-column { padding:20px 0 0; border-top:1px solid var(--line); border-left:0; }
      .resource-column-title { padding-left:10px; }
      .nav-dropdown::before { display:none; }
      .nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown { transform:none; }
      .nav-actions { margin-left:auto; gap:6px; }
      .workspace-cta { min-height:42px; padding:9px 10px; font-size:13px; }
  .site-header .nav-links { gap:4px; }
  .site-header .nav-links>a,.site-header .nav-trigger { color:#f4f5fb; }
}

@media (max-width:1023px) {
  .site-header .nav-links { left:0; right:0; top:calc(100% + 8px); max-height:calc(100dvh - 110px); gap:4px; }
  .site-header .nav-links>a,.site-header .nav-trigger { min-height:44px; }
  .home-page [id] { scroll-margin-top:96px; }
  .home-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Full-width decorative wordmark closes the footer at the page edge. */
body .footer:has(.footer-wordmark) { padding-bottom:0; }
.footer-wordmark { width:100%; margin-top:clamp(56px,8vw,120px); overflow:hidden; }
.footer-wordmark img { display:block; width:100%; height:auto; mix-blend-mode:lighten; }

/* Models directory and shared model-detail template. */
.sr-only { width:1px; height:1px; padding:0; position:absolute; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.model-container { --container-max:var(--rf-container-content); width:min(calc(100% - 160px),var(--container-max)); margin-inline:auto; }
.model-container-wide { --container-max:var(--rf-container-wide); }
.model-page { background:var(--paper); color:#f8f9ff; }
.model-page p { color:rgb(248 249 255 / 68%); }
.model-page h1,.model-page h2,.model-page h3 { color:#f8f9ff; }
.model-hero { min-height:640px; padding:118px 0 88px; position:relative; overflow:hidden; isolation:isolate; background:var(--paper); }
.model-hero::before { content:""; position:absolute; inset:-36% 2% 10%; z-index:-2; background:linear-gradient(96deg,transparent 2%,rgb(0 216 245 / 13%) 17%,rgb(6 85 255 / 38%) 38%,rgb(125 66 255 / 46%) 58%,rgb(255 91 159 / 29%) 78%,transparent 97%); filter:blur(58px); }
.model-hero::after { content:""; position:absolute; inset:auto 0 0; height:200px; z-index:-1; background:linear-gradient(180deg,transparent,var(--paper)); }
.model-hero .breadcrumb { margin:0 0 60px; justify-content:flex-start; font-size:14px; line-height:1.6; }
.model-hero-primary { max-width:960px; margin-inline:auto; text-align:center; }
.model-hero-primary h1 { max-width:900px; margin:0 auto; font-size:76px; font-weight:300; line-height:1.1; text-wrap:balance; }
.model-hero-primary>p { max-width:760px; margin:34px auto 0; font-size:18px; line-height:1.75; text-wrap:pretty; }
.model-hero-primary>.button { margin-top:58px; background:#fff; color:#060618; white-space:nowrap; }
.model-hero-primary>small { max-width:540px; margin:17px auto 0; display:block; color:rgb(248 249 255 / 50%); font-size:13px; line-height:1.7; }
.model-section { padding:128px 0; }
.model-section h2 { max-width:760px; margin:0 0 64px; font-size:48px; line-height:1.16; text-wrap:balance; }
.model-official { background:var(--paper); }
.model-official-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); align-items:center; gap:72px; }
.model-official-media { min-width:0; margin:0; }
.model-official-media img { width:100%; height:auto; max-height:620px; display:block; object-fit:contain; border-radius:8px; background:transparent; }
.model-official-media figcaption a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.model-example-title { margin:0 0 18px; font-size:22px; line-height:1.4; text-wrap:balance; }
.model-official-media iframe { width:100%; aspect-ratio:16/9; display:block; border:0; border-radius:8px; background:transparent; }
.model-official-media figcaption { margin-top:12px; color:rgb(255 255 255 / 45%); font-size:12px; line-height:1.5; }
.model-official-grid>div>p { max-width:420px; margin:0 0 30px; font-size:16px; line-height:1.75; text-wrap:pretty; }
.model-source-link { display:inline-flex; align-items:center; gap:8px; color:#8ab4ff; font-size:15px; font-weight:400; }
.model-source-link svg { width:17px; height:17px; }
.model-capabilities { background:var(--paper); }
.model-capability-list { --stack-top:104px; --stack-step:20px; display:flex; flex-direction:column; gap:64px; position:relative; isolation:isolate; }
.model-capability { min-width:0; position:relative; z-index:calc(var(--card-index) + 1); }
.model-capability-panel { min-width:0; padding:48px; display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); align-items:center; gap:56px; border-radius:20px; background:#121225; box-shadow:0 -16px 48px rgb(0 0 0 / 18%); transform-origin:50% 0; }
.model-capability:nth-child(2) .model-capability-panel { background:#18182e; }
.model-capability:nth-child(3) .model-capability-panel { background:#202039; }
.model-capability-list.is-stacking::after { content:""; display:block; height:18vh; }
.is-stacking .model-capability { position:sticky; top:calc(var(--stack-top) + var(--card-index) * var(--stack-step)); }
.is-stacking .model-capability-panel { min-height:var(--card-height); transform:scale(var(--card-scale,1)); }
.model-capability-copy { max-width:420px; }
.model-capability-number { margin-bottom:18px; display:block; color:#8ab4ff; font-size:12px; font-weight:400; line-height:1; }
.model-capability-copy h3 { max-width:420px; margin:0 0 16px; font-size:30px; line-height:1.3; text-wrap:balance; }
.model-capability-copy p { max-width:420px; margin:0 0 24px; font-size:16px; line-height:1.75; text-wrap:pretty; }
.model-capability-tags { display:flex; flex-wrap:wrap; gap:6px 18px; color:rgb(255 255 255 / 52%); }
.model-capability-tags span { padding:0; border:0; color:inherit; font-size:11px; }
.model-capability-media { min-width:0; margin:0; }
.model-capability-media img { width:100%; height:clamp(240px,36vw,440px); display:block; border-radius:8px; object-fit:contain; }
.model-capability-media figcaption { margin-top:12px; color:rgb(255 255 255 / 42%); font-size:12px; line-height:1.55; }
.model-capability-media iframe { display:block; width:100%; aspect-ratio:16/9; border:0; border-radius:8px; background:transparent; }
.model-capability-media figcaption .model-source-link { display:flex; width:fit-content; max-width:100%; margin-top:10px; font-size:12px; }
.model-capability-media .model-source-link svg { flex-shrink:0; }
.model-official-media video,.model-capability-media video { display:block; width:100%; height:auto; aspect-ratio:auto 16/9; object-fit:contain; border-radius:8px; background:transparent; }
.model-official-media video { max-height:620px; }
.model-capability-media video { max-height:440px; }
.model-capability-media--audio { position:relative; }
.model-capability-media--audio img { height:240px; object-fit:cover; }
.model-capability-media--audio audio { display:block; width:calc(100% - 32px); margin:-70px 16px 32px; position:relative; }
.model-media-preview { display:block; position:relative; color:#fff; text-decoration:none; border-radius:8px; }
.model-media-preview img { width:100%; height:auto; max-height:440px; object-fit:contain; }
.model-media-preview-action { display:flex; align-items:center; justify-content:center; gap:10px; width:fit-content; max-width:calc(100% - 32px); margin:16px auto 0; font-size:13px; line-height:1.5; color:#b4cdff; }
.model-media-preview-action svg { width:18px; height:18px; flex-shrink:0; transition:transform 160ms var(--rf-ease); }
.model-media-preview:hover .model-media-preview-action svg { transform:translate(2px,-2px); }
.model-media-preview:focus-visible { outline:2px solid #8ab4ff; outline-offset:6px; }
.model-capability-panel.model-capability-panel--text-only { grid-template-columns:1fr; }
.model-capability-panel--text-only .model-capability-copy,.model-capability-panel--text-only .model-capability-copy p { max-width:680px; }
.model-workflow { background:var(--rf-surface-light); color:#060618; }
.model-workflow h2,.model-workflow h3 { color:#060618; }
.model-workflow p { color:rgb(6 6 24 / 65%); }
.model-workflow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:56px; }
.model-workflow-grid article { min-width:0; padding:0; background:transparent; }
.model-workflow-grid article>span { margin-bottom:28px; display:block; color:var(--rf-brand-primary); font-size:13px; font-weight:400; line-height:1; }
.model-workflow-grid h3 { margin:0 0 12px; font-size:22px; }
.model-workflow-grid p { margin:0; font-size:15px; line-height:1.75; text-wrap:pretty; }
.model-workflow-action { margin-top:64px; display:flex; align-items:center; gap:24px; }
.model-workflow-action p { max-width:520px; margin:0; font-size:13px; }
.model-related { padding:80px 0; background:var(--paper); }
.model-related-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:32px; }
.model-related-heading h2 { margin:0; font-size:34px; }
.model-related-heading>a { flex-shrink:0; color:rgb(255 255 255 / 68%); font-size:14px; }
.model-related-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px 24px; }
.model-related-link { min-width:0; min-height:64px; padding:12px 0; display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; transition:color 150ms var(--rf-ease); }
.model-related-link:hover,.model-related-link:focus-visible { color:#aacbff; }
.model-related-link:focus-visible { outline:2px solid #8ab4ff; outline-offset:5px; border-radius:4px; }
.model-related-link>span { min-width:0; font-size:18px; line-height:1.45; text-wrap:pretty; }
.model-related-icon { width:32px; height:32px; flex:0 0 32px; object-fit:contain; }
.model-related-icon--mono { filter:brightness(0) invert(1); }
.model-faq { background:var(--rf-surface-light); color:#060618; }
.model-page #faq { border:0; }
.model-faq h2 { color:#060618; }
.model-faq-layout { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); gap:80px; }
.model-faq-list details { border-color:rgb(6 6 24 / 16%); }
.model-faq-list summary { min-height:82px; color:#060618; font-weight:400; }
.model-faq-list p { color:rgb(6 6 24 / 65%); font-size:14px; }
.model-faq-source { max-width:100%; margin-bottom:24px; color:var(--rf-brand-primary); font-size:12px; overflow-wrap:anywhere; }
.model-final { padding:128px 0; position:relative; overflow:hidden; isolation:isolate; background:var(--paper); }
.model-final::before { content:""; position:absolute; inset:-80% 0 -68%; z-index:-1; background:linear-gradient(108deg,transparent 4%,rgb(0 216 245 / 15%) 22%,rgb(6 85 255 / 34%) 43%,rgb(125 66 255 / 30%) 63%,rgb(255 91 159 / 18%) 82%,transparent 98%); filter:blur(62px); }
.model-final-row { display:flex; align-items:flex-start; flex-direction:column; gap:40px; }
.model-final h2 { max-width:760px; margin:0; font-size:58px; line-height:1.14; text-wrap:balance; }
.model-final-row>div { max-width:420px; }
.model-final-row p { margin:0 0 20px; font-size:13px; }
.model-collection-page { min-height:760px; background:var(--paper); }
.model-collection-hero { min-height:440px; padding:120px 0 72px; position:relative; display:grid; align-items:center; overflow:hidden; isolation:isolate; }
.model-collection-hero::before { content:""; position:absolute; inset:-52% 2% -18%; z-index:-1; background:linear-gradient(96deg,transparent 2%,rgb(0 216 245 / 13%) 17%,rgb(6 85 255 / 38%) 38%,rgb(125 66 255 / 46%) 58%,rgb(255 91 159 / 29%) 78%,transparent 97%); filter:blur(58px); }
.model-collection-hero h1 { max-width:760px; margin:0; font-size:64px; line-height:1.12; text-wrap:balance; }
.model-collection-hero p { max-width:680px; margin:28px 0 0; color:rgb(255 255 255 / 68%); font-size:18px; line-height:1.75; text-wrap:pretty; }
.model-directory { padding:64px 0 128px; }
.model-directory>.container { --container-max:var(--rf-container-wide); }
.model-directory-controls { margin-bottom:48px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.model-directory-controls label { width:min(440px,100%); position:relative; }
.model-directory-controls label svg { width:18px; height:18px; position:absolute; left:17px; top:17px; color:rgb(255 255 255 / 52%); }
.model-directory-controls input { width:100%; height:52px; padding:0 18px 0 48px; border:.5px solid var(--rf-glass-border); border-radius:8px; background:rgb(255 255 255 / 5%); color:#fff; }
.model-directory-controls input::placeholder { color:rgb(255 255 255 / 45%); }
.model-filter { padding:4px; display:flex; gap:2px; border-radius:8px; background:rgb(255 255 255 / 6%); }
.model-filter button { min-height:42px; padding:8px 16px; border:0; border-radius:6px; background:transparent; color:rgb(255 255 255 / 64%); }
.model-filter button[aria-pressed="true"] { background:#fff; color:#060618; }
.model-directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.model-directory-card { min-width:0; min-height:190px; padding:28px; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto 1fr auto; column-gap:24px; border-radius:8px; background:rgb(255 255 255 / 5%); color:#fff; text-decoration:none; transition:background 160ms var(--rf-ease); }
.model-directory-card:hover,.model-directory-card:focus-visible { background:rgb(255 255 255 / 9%); }
.model-directory-meta { display:flex; flex-wrap:wrap; gap:7px 16px; color:rgb(255 255 255 / 52%); font-size:12px; }
.model-directory-meta span+span { color:#8ab4ff; }
.model-directory-card h2 { max-width:420px; margin:30px 0 10px; align-self:end; grid-column:1/-1; font-size:28px; line-height:1.3; text-wrap:balance; }
.model-directory-card p { margin:0; grid-column:1; color:rgb(255 255 255 / 55%); line-height:1.55; text-wrap:pretty; }
.model-directory-action { display:inline-flex; align-items:center; gap:8px; align-self:end; color:rgb(255 255 255 / 74%); font-size:12px; white-space:nowrap; }
.model-directory-action svg { width:16px; height:16px; }
.model-directory-card[hidden] { display:none; }
.model-directory-empty { display:none; padding:80px 0; text-align:center; }
.model-directory-empty.show { display:block; }

@media (max-width:1439px) {
  .model-container { width:min(calc(100% - 128px),var(--container-max)); }
}

@media (max-width:1199px) {
  .model-container { width:min(calc(100% - 80px),var(--container-max)); }
}

@media (max-width:1000px) {
  .model-hero-primary h1 { font-size:64px; }
  .model-official-grid { grid-template-columns:1fr; }
  .model-official-grid>div { max-width:680px; }
  .model-capability-panel { padding:32px; grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr); gap:32px; }
  .model-workflow-grid { gap:32px; }
  .model-related-rail { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
  .model-faq-layout { grid-template-columns:1fr; gap:20px; }
}

@media (max-width:720px) {
  .model-container,.model-container-wide { width:min(calc(100% - 48px),var(--container-max)); }
  .model-hero { min-height:0; padding:92px 0 72px; }
  .model-hero .breadcrumb { margin-bottom:46px; font-size:13px; }
  .model-hero-primary h1 { font-size:44px; line-height:1.14; }
  .model-hero-primary>p { margin-top:28px; font-size:15px; line-height:1.72; }
  .model-hero-primary>.button { width:100%; margin-top:48px; }
  .model-hero-primary>small { font-size:12px; line-height:1.65; }
  .model-section { padding:88px 0; }
  .model-section h2 { margin-bottom:42px; font-size:34px; line-height:1.18; }
  .model-official-grid { gap:44px; }
  .model-capability-list { --stack-top:84px; --stack-step:12px; gap:40px; }
  .model-capability-panel { padding:24px; grid-template-columns:1fr; gap:24px; border-radius:16px; }
  .model-capability-copy h3 { font-size:25px; }
  .model-workflow-grid { grid-template-columns:1fr; gap:48px; }
  .model-workflow-action { align-items:stretch; flex-direction:column; }
  .model-workflow-action .button { width:100%; }
  .model-related { padding:56px 0; }
  .model-related-heading { align-items:flex-start; flex-direction:column; gap:16px; margin-bottom:24px; }
  .model-related-heading h2 { margin:0; font-size:28px; }
  .model-related-rail { gap:8px 20px; }
  .model-related-link { min-height:64px; gap:10px; }
  .model-related-link>span { font-size:16px; }
  .model-related-icon { width:28px; height:28px; flex-basis:28px; }
  .model-final-row { align-items:stretch; }
  .model-final h2 { font-size:38px; }
  .model-final-row>div { max-width:none; }
  .model-final .button { width:100%; }
  .model-collection-hero { min-height:380px; padding:104px 0 64px; }
  .model-collection-hero h1 { font-size:46px; }
  .model-collection-hero p { font-size:15px; }
  .model-directory-controls { align-items:stretch; flex-direction:column; }
  .model-directory-controls label { width:100%; }
  .model-filter { width:100%; overflow-x:auto; }
  .model-filter button { flex:1 0 auto; }
  .model-directory-grid { grid-template-columns:1fr; }
  .model-directory-card { min-height:174px; padding:24px; }
  .model-directory-card h2 { margin-top:26px; font-size:25px; }
}

@media (prefers-reduced-motion:reduce) {
  .model-capability-list.is-stacking::after { display:none; }
  .is-stacking .model-capability { position:relative; top:auto; }
  .is-stacking .model-capability-panel { transform:none; min-height:0; }
}