/* cyrillic */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/geist/geist-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/geist/geist-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/geist/geist-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(/fonts/geist/geist-mono-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(/fonts/geist/geist-mono-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(/fonts/geist/geist-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Owner-supplied Claude composition. Native control geometry: Dockline 1.260. */
.claude-home {
  --brand: #0067c0; --brand-hover: #005aa8; --brand-soft: rgba(0,103,192,.08); --on-brand: #fff; --brand-glow: rgba(0,103,192,.45);
  --ambient-blue: rgba(0,122,254,.10); --ambient-green: rgba(47,180,135,.08); --grid: rgba(23,33,43,.07); --blend: darken;
  --home-shadow: 0 30px 80px -44px rgba(16,40,72,.4);
  --home-width: 1200px; --page: #f5f7fb; --text: #17212b; --ink2: #71849a;
  --muted: #566574; --faint: #647586; --line: rgba(23,33,43,.09); --line-strong: rgba(23,33,43,.17);
  --glass: rgba(255,255,255,.55); --glass-strong: rgba(255,255,255,.82);
  --glass-edge: rgba(255,255,255,.95); --glass-line: rgba(23,33,43,.07);
  --desk: #e2e8f0; --orb1: rgba(0,122,254,.30); --orb2: rgba(47,180,135,.24); --orb3: rgba(150,120,255,.22);
  --win: rgba(255,255,255,.60); --win-edge: rgba(255,255,255,.90); --skel: rgba(23,33,43,.08); --skel2: rgba(23,33,43,.15); --tile: rgba(0,122,254,.13);
  --win-shadow: 0 40px 90px -34px rgba(16,32,56,.5); --win-shadow-idle: 0 18px 50px -28px rgba(16,32,56,.32);
  --accent-soft: rgba(47,180,135,.14); --green: #13805c; --green-fill: #2fb487;
  --dl-primary: 0,0,0; --dl-material: 225,228,232; --dl-base-alpha: .16; --dl-hover-alpha: .055; --dl-press-alpha: .10;
  --dl-separator: rgba(0,0,0,.18); --dl-secondary: rgba(60,60,67,.65); --dl-space: rgba(0,0,0,.09); --dl-space-selected: rgba(0,0,0,.12);
  --dl-glass-highlight: rgba(255,255,255,.7); --dl-glass-line: rgba(0,0,0,.10);
  --display: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  margin: 0; min-width: 320px; color: var(--text); background: var(--page);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased;
  font-synthesis: none; accent-color: var(--brand); caret-color: var(--brand);
  scrollbar-color: var(--line-strong) var(--page); overflow-x: clip;
}
:root[data-theme="dark"] .claude-home {
  --brand: #60cdff; --brand-hover: #87d9ff; --brand-soft: rgba(96,205,255,.10); --on-brand: #082537; --brand-glow: rgba(96,205,255,.35);
  --ambient-blue: rgba(0,122,254,.14); --ambient-green: rgba(47,180,135,.07); --grid: rgba(255,255,255,.05); --blend: lighten;
  --home-shadow: 0 30px 80px -40px rgba(0,0,0,.8);
  --page: #101821; --text: #f0f6fc; --ink2: #8597aa; --muted: #acbdcc; --faint: #91a3b4;
  --line: rgba(255,255,255,.08); --line-strong: rgba(255,255,255,.17);
  --glass: rgba(28,38,50,.5); --glass-strong: rgba(34,46,60,.85); --glass-edge: rgba(255,255,255,.09); --glass-line: rgba(0,0,0,.5);
  --desk: #0b1219; --orb1: rgba(0,122,254,.42); --orb2: rgba(47,180,135,.26); --orb3: rgba(140,110,255,.30);
  --win: rgba(30,40,52,.62); --win-edge: rgba(255,255,255,.10); --skel: rgba(255,255,255,.08); --skel2: rgba(255,255,255,.16); --tile: rgba(96,205,255,.16);
  --win-shadow: 0 40px 90px -30px rgba(0,0,0,.8); --win-shadow-idle: 0 18px 50px -24px rgba(0,0,0,.6);
  --accent-soft: rgba(63,207,152,.13); --green: #6fdcb0; --green-fill: #3fcf98;
  --dl-primary: 255,255,255; --dl-material: 28,36,44; --dl-base-alpha: .055; --dl-hover-alpha: .075; --dl-press-alpha: .13;
  --dl-separator: rgba(255,255,255,.18); --dl-secondary: rgba(235,235,245,.39); --dl-space: rgba(0,0,0,.24); --dl-space-selected: rgba(255,255,255,.13);
  --dl-glass-highlight: rgba(255,255,255,.10); --dl-glass-line: rgba(255,255,255,.08); --fan-hover: .07;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) .claude-home {
    --brand: #60cdff; --brand-hover: #87d9ff; --brand-soft: rgba(96,205,255,.10); --on-brand: #082537; --brand-glow: rgba(96,205,255,.35);
  --ambient-blue: rgba(0,122,254,.14); --ambient-green: rgba(47,180,135,.07); --grid: rgba(255,255,255,.05); --blend: lighten;
  --home-shadow: 0 30px 80px -40px rgba(0,0,0,.8);
  --page: #101821; --text: #f0f6fc; --ink2: #8597aa; --muted: #acbdcc; --faint: #91a3b4;
    --line: rgba(255,255,255,.08); --line-strong: rgba(255,255,255,.17);
    --glass: rgba(28,38,50,.5); --glass-strong: rgba(34,46,60,.85); --glass-edge: rgba(255,255,255,.09); --glass-line: rgba(0,0,0,.5);
    --desk: #0b1219; --orb1: rgba(0,122,254,.42); --orb2: rgba(47,180,135,.26); --orb3: rgba(140,110,255,.30);
    --win: rgba(30,40,52,.62); --win-edge: rgba(255,255,255,.10); --skel: rgba(255,255,255,.08); --skel2: rgba(255,255,255,.16); --tile: rgba(96,205,255,.16);
    --win-shadow: 0 40px 90px -30px rgba(0,0,0,.8); --win-shadow-idle: 0 18px 50px -24px rgba(0,0,0,.6);
    --accent-soft: rgba(63,207,152,.13); --green: #6fdcb0; --green-fill: #3fcf98;
    --dl-primary: 255,255,255; --dl-material: 28,36,44; --dl-base-alpha: .055; --dl-hover-alpha: .075; --dl-press-alpha: .13;
    --dl-separator: rgba(255,255,255,.18); --dl-secondary: rgba(235,235,245,.39); --dl-space: rgba(0,0,0,.24); --dl-space-selected: rgba(255,255,255,.13);
    --dl-glass-highlight: rgba(255,255,255,.10); --dl-glass-line: rgba(255,255,255,.08); --fan-hover: .07;
  }
}
.claude-home *, .claude-home *::before, .claude-home *::after { box-sizing: border-box; }
.claude-home ::selection { background: var(--brand); color: var(--on-brand); }
.claude-home .wrap { width: min(var(--home-width), calc(100% - 80px)); margin-inline: auto; }
.claude-home [hidden], .claude-home .enhanced-only { display: none !important; }
.claude-home[data-enhanced] .enhanced-only { display: flex !important; }
.claude-home h1, .claude-home h2, .claude-home h3 { color: var(--text); font-family: var(--display); font-weight: 600; text-wrap: balance; letter-spacing: -.035em; }
.claude-home p { text-wrap: pretty; }
.claude-home a { color: inherit; text-decoration: none; }
.claude-home a:hover { color: var(--brand); }
.claude-home button, .claude-home input { font: inherit; }
.claude-home a, .claude-home button, .claude-home summary { touch-action: manipulation; }
.claude-home button { cursor: pointer; }
.claude-home :is(a,button,input,summary,select):focus-visible { outline: 3px solid var(--brand); outline-offset: 5px; }
.claude-home main { position: relative; }
.claude-home section { scroll-margin-top: 0; }
.claude-home .text-link { text-decoration: underline; text-underline-offset: 4px; }
.claude-home .button { background: var(--brand); color: var(--on-brand); border: 0; border-radius: 14px; padding: 0 24px; min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-weight: 600; font-size: 15px; line-height: 1.4; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 16px 36px -18px rgba(0,103,192,.4); }
.claude-home .button:hover { color: var(--on-brand); background: var(--brand-hover); transform: translateY(-1px); }
.claude-home .header { position: sticky; z-index: 100; top: 14px; margin-top: 14px; height: auto; min-height: 60px; padding: 8px 9px 8px 16px; gap: 22px; border: 1px solid var(--glass-edge); border-radius: 18px; background: var(--glass); backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: 0 0 0 1px var(--glass-line), 0 12px 40px -20px rgba(16,40,72,.3); }
.claude-home .header .wordmark { font-size: 18px; gap: 10px; font-weight: 600; letter-spacing: -.035em; flex-shrink: 0; }
.claude-home .header .wordmark img { width: 28px; height: 28px; }
.claude-home .header > nav { display: flex; gap: 2px; flex: 1; margin-left: 14px; justify-content: flex-start; align-items: center; min-width: 0; }
.claude-home .header > nav > a { display: inline-flex; align-items: center; justify-content: center; padding: 8px 11px; min-height: 40px; font-size: 13.5px; font-weight: 500; border-radius: 10px; white-space: nowrap; }
.claude-home .header > nav > a:not(.button) { color: var(--muted); }
.claude-home .header > nav > a:not(.button):hover { color: var(--brand); background: var(--brand-soft); }
.claude-home .header .button { min-height: 40px; padding-inline: 17px; box-shadow: inset 0 1px 0 rgba(255,255,255,.22); }
.claude-home .demo-theme { display: flex; padding: 3px; margin-left: auto; margin-right: 8px; background: var(--line); border-radius: 11px; }
.claude-home .demo-theme button { border: 0; padding: 6px 9px; min-height: 32px; border-radius: 8px; background: transparent; color: var(--muted); font: 11px/1.2 var(--mono); text-transform: uppercase; }
.claude-home .demo-theme button[aria-pressed="true"] { background: var(--glass-strong); color: var(--text); box-shadow: 0 1px 2px rgba(16,32,56,.14); }
.claude-home .language-chooser { margin-left: 6px; flex-shrink: 0; }
.claude-home .language-chooser > summary { border: 0; background: transparent; padding-inline: 9px; font: 11px/1.4 var(--mono); }
.claude-home .language-chooser-icon { display: none; }
.claude-home .reference-nav { display: flex; justify-content: flex-end; gap: 22px; padding: 14px 6px 0; margin-block: 0; border: 0; font-size: 12px; line-height: 1.5; }
.claude-home .reference-nav a { color: var(--muted); text-decoration: underline; text-underline-offset: 4px; }
.claude-home .home-hero { padding-top: 40px; text-align: center; }
.claude-home .release-badge { display: inline-flex; gap: 10px; align-items: center; min-height: 34px; border-radius: 999px; border: 1px solid var(--glass-edge); background: var(--glass); box-shadow: 0 0 0 1px var(--glass-line); padding: 7px 15px; color: var(--muted); font: 12px/1.5 var(--mono); }
.claude-home .release-badge::before { content: ''; width: 7px; height: 7px; flex-shrink: 0; border-radius: 50%; background: var(--green-fill); box-shadow: 0 0 0 4px var(--accent-soft); }
.claude-home .release-badge::after { content: '→'; }
.claude-home .hero-layout { display: block; }
.claude-home .hero-layout h1 { max-width: 1120px; margin: 30px auto 0; font-size: clamp(76px,7.8vw,116px); line-height: .94; letter-spacing: -.055em; }
.claude-home .hero-layout h1 > span { color: var(--ink2); }
.claude-home .hero-summary { max-width: 820px; margin-inline: auto; }
.claude-home .hero-description { font-size: 20px; line-height: 1.55; color: var(--muted); max-width: 50ch; margin: 30px auto 0; }
.claude-home .hero-actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 36px; }
.claude-home .hero-actions .text-link { display: inline-flex; align-items: center; min-height: 54px; padding: 0 22px; border-radius: 14px; background: var(--glass); border: 1px solid var(--glass-edge); box-shadow: 0 0 0 1px var(--glass-line); text-decoration: none; font-size: 15px; }
.claude-home .hero-meta { color: var(--faint); font: 12px/1.7 var(--mono); margin: 22px 0 0; }
.claude-home .hero-desktop { margin: 76px -20px 0; height: 660px; border-radius: 30px; box-shadow: 0 0 0 1px var(--glass-line), 0 70px 120px -60px rgba(16,40,72,.5); }
.claude-home .hero-captions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; text-align: left; margin-top: 70px; color: var(--muted); font-size: 15px; line-height: 1.55; }
.claude-home .hero-captions > span { position: relative; padding-left: 29px; }
.claude-home .hero-captions > span::before { position: absolute; left: 0; top: 3px; color: var(--brand); font: 12px/1.55 var(--mono); }
.claude-home .hero-captions > span:nth-child(1)::before { content: 'A'; }
.claude-home .hero-captions > span:nth-child(2)::before { content: 'B'; }
.claude-home .hero-captions > span:nth-child(3)::before { content: 'C'; }
.claude-home .hero-captions strong { display: block; color: var(--text); font-size: 16px; margin-bottom: 3px; font-weight: 600; }
.claude-home .trial-ribbon { display: grid; grid-template-columns: 1fr 1.25fr auto; gap: 48px; align-items: center; margin-top: 64px; padding: 30px 34px; text-align: left; border-radius: 24px; background: var(--glass); border: 1px solid var(--glass-edge); box-shadow: 0 0 0 1px var(--glass-line); }
.claude-home .trial-ribbon h2 { font-size: 27px; line-height: 1.15; margin: 0; }
.claude-home .trial-ribbon p { font-size: 15px; line-height: 1.65; margin: 0; color: var(--muted); }
.claude-home .trial-ribbon strong { color: var(--green); }
.claude-home .trial-ribbon .text-link { display: inline-flex; align-items: center; min-height: 44px; max-width: 225px; padding: 10px 18px; border: 1px solid var(--line-strong); border-radius: 12px; font-size: 14px; line-height: 1.4; text-decoration: none; }
.claude-home .installation-note, .claude-home .demo-note { text-align: left; font: 11px/1.8 var(--mono); color: var(--faint); margin: 18px 4px 0; }
.claude-home .installation-note a { text-decoration: underline; text-underline-offset: 3px; }
.claude-home .demo-note { margin-top: 8px; }
.claude-home .story-section, .claude-home .native-gallery, .claude-home .feature-index, .claude-home .home-pricing { padding-top: 170px; }
.claude-home .section-marker { display: flex; gap: 14px; align-items: center; margin-bottom: 36px; color: var(--muted); font: 12px/1.5 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.claude-home .section-marker span:first-child { color: var(--brand); }
.claude-home .section-marker::after { content: ''; flex: 1; min-width: 20px; height: 1px; background: linear-gradient(90deg,var(--line-strong),transparent); }
.claude-home .section-lead, .claude-home .pricing-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; align-items: end; }
.claude-home .section-lead h2, .claude-home .pricing-heading h2, .claude-home .faq-heading h2 { font-size: clamp(52px,5vw,72px); line-height: .98; letter-spacing: -.048em; margin: 0; }
.claude-home .section-lead p, .claude-home .pricing-heading p { font-size: 18px; line-height: 1.6; color: var(--muted); max-width: 44ch; margin: 0; }
.claude-home .story-scroll { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,720px); gap: 64px; margin: 40px -20px 0; }
.claude-home .story-step { min-height: 76vh; display: flex; flex-direction: column; justify-content: center; padding-left: 20px; }
.claude-home[data-enhanced] .story-step { opacity: .36; transition: opacity .3s ease-out; }
.claude-home[data-enhanced] .story-step[data-current="true"] { opacity: 1; }
.claude-home .story-number { font: 12px/1.5 var(--mono); letter-spacing: .04em; color: var(--brand); }
.claude-home .story-step h3 { font-size: 40px; line-height: 1.05; margin: 16px 0 0; letter-spacing: -.035em; }
.claude-home .story-step p { font-size: 18px; line-height: 1.6; color: var(--muted); margin: 18px 0 0; max-width: 38ch; }
.claude-home .story-step .text-link { color: var(--brand); margin-top: 18px; font-size: 12px; line-height: 1.65; }
.claude-home .story-sticky { position: sticky; top: max(108px, calc(50vh - 280px)); align-self: start; margin-top: max(0px, calc(38vh - 280px)); }
.claude-home .story-desktop { height: 560px; border-radius: 28px; }
.claude-home .story-controls { justify-content: center; align-items: center; gap: 10px; margin-top: 18px; }
.claude-home .story-controls button { width: 38px; height: 38px; border: 1px solid var(--line-strong); border-radius: 50%; background: transparent; color: var(--muted); font: 12px/1 var(--mono); }
.claude-home .story-controls button[aria-pressed="true"] { background: var(--brand); color: var(--on-brand); border-color: var(--brand); }
.claude-home .desktop-scene { position: relative; background: var(--desk); border: 1px solid var(--glass-edge); border-radius: 26px; isolation: isolate; box-shadow: 0 0 0 1px var(--glass-line), 0 50px 100px -50px rgba(16,40,72,.45); overflow: hidden; }
.claude-home .desktop-canvas { position: absolute; inset: 0; background: radial-gradient(ellipse at 5% 0%,var(--orb1),transparent 57%),radial-gradient(ellipse at 100% 100%,var(--orb2),transparent 63%),radial-gradient(ellipse at 70% -15%,var(--orb3),transparent 58%); }
.claude-home .demo-label { position: absolute; top: 17px; left: 20px; z-index: 40; margin: 0; display: flex; align-items: center; gap: 9px; max-width: calc(100% - 40px); padding: 6px 11px; border-radius: 99px; background: var(--glass); border: 1px solid var(--glass-edge); color: var(--muted); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); font: 11px/1.6 var(--mono); letter-spacing: .03em; text-align: left; }
.claude-home .demo-label span:first-child::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); margin-right: 8px; }
.claude-home .demo-windows { position: absolute; inset: 0; }
.claude-home .demo-window { position: absolute; display: flex; flex-direction: column; padding: 0; border-radius: 14px; overflow: hidden; background: var(--win); backdrop-filter: blur(28px) saturate(170%); -webkit-backdrop-filter: blur(28px) saturate(170%); border: 1px solid var(--win-edge); box-shadow: var(--win-shadow-idle); color: var(--text); text-align: left; transition: box-shadow .35s ease-out, transform .45s ease-out, left .45s ease-out, top .45s ease-out, width .45s ease-out, height .45s ease-out; }
.claude-home .demo-window[data-active="true"] { z-index: 20 !important; box-shadow: var(--win-shadow); }
.claude-home .demo-window[data-minimized="true"] { transform: translateY(100px) scale(.85); opacity: 0; pointer-events: none; }
.claude-home .demo-titlebar { display: flex; flex-shrink: 0; height: 36px; width: 100%; padding: 0 12px; align-items: center; gap: 7px; border-bottom: 1px solid var(--line); position: relative; }
.claude-home .traffic-lights { display: flex; gap: 7px; }
.claude-home .traffic-lights i { width: 11px; height: 11px; border-radius: 50%; background: var(--skel2); }
.claude-home [data-active="true"] .traffic-lights i:nth-child(1) { background: #ff5f57; }
.claude-home [data-active="true"] .traffic-lights i:nth-child(2) { background: #febc2e; }
.claude-home [data-active="true"] .traffic-lights i:nth-child(3) { background: #28c840; }
.claude-home .demo-window-name { position: absolute; left: 68px; right: 68px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 12.5px; font-weight: 600; opacity: .5; }
.claude-home [data-active="true"] .demo-window-name { opacity: 1; }
.claude-home .demo-window-content { padding: 16px; flex: 1; width: 100%; min-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: 12px; }
.claude-home [data-app="finder"] .demo-window-content { display: grid; grid-template-columns: 28% 1fr; gap: 16px; }
.claude-home .finder-sidebar { display: flex; flex-direction: column; gap: 11px; padding-top: 2px; }
.claude-home .finder-sidebar i { height: 7px; width: 70%; border-radius: 4px; background: var(--skel); }
.claude-home .finder-sidebar i:nth-child(2n) { width: 52%; }
.claude-home .finder-files { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px 12px; align-content: start; }
.claude-home .finder-files i { aspect-ratio: 5/4; border-radius: 8px; background: var(--tile); position: relative; }
.claude-home .finder-files i::after { content: ''; position: absolute; height: 5px; width: 70%; bottom: -12px; left: 15%; border-radius: 3px; background: var(--skel); }
.claude-home .browser-address { width: 46%; height: 20px; margin-inline: auto; border-radius: 10px; background: var(--skel); }
.claude-home .browser-hero { height: 42%; border-radius: 10px; background: var(--tile); }
.claude-home .document-line { width: 88%; height: 6px; border-radius: 4px; background: var(--skel); }
.claude-home .document-line:nth-child(3n) { width: 65%; }
.claude-home [data-app="textedit"] .document-line:first-child, .claude-home [data-app="textedit"] .document-line:nth-child(6) { height: 8px; width: 38%; background: var(--skel2); margin-top: 7px; }
.claude-home .hero-desktop .demo-window[data-window="finder"] { left: 5.6%; top: 96px; width: 43%; height: 350px; z-index: 5; }
.claude-home .hero-desktop .demo-window[data-window="design"] { left: 27.5%; top: 76px; width: 49%; height: 410px; z-index: 6; }
.claude-home .hero-desktop .demo-window[data-window="weekend"] { left: 53.2%; top: 144px; width: 39%; height: 340px; z-index: 4; }
.claude-home .hero-desktop .demo-window[data-window="notes"] { left: 13%; top: 96px; width: 44%; height: 380px; }
.claude-home .hero-desktop .demo-window[data-window="brief"] { left: 46%; top: 132px; width: 42%; height: 350px; }
.claude-home .story-desktop .demo-window[data-window="finder"] { left: 4%; top: 80px; width: 53%; height: 270px; z-index: 2; }
.claude-home .story-desktop .demo-window[data-window="design"] { left: 15%; top: 68px; width: 61%; height: 300px; z-index: 3; }
.claude-home .story-desktop .demo-window[data-window="notes"] { left: 42%; top: 205px; width: 53%; height: 260px; z-index: 4; }
.claude-home .story-desktop .demo-window[data-window="brief"] { left: 33%; top: 133px; width: 56%; height: 290px; z-index: 5; }
.claude-home .story-desktop[data-story-state="3"] .demo-window[data-window="brief"] { left: 2.2%; top: 60px; width: 95.6%; height: 400px; }
.claude-home .story-desktop[data-story-state="3"] .demo-window:not([data-window="brief"]) { opacity: 0; pointer-events: none; }
.claude-home .story-desktop[data-story-state="2"] .demo-window:not([data-app="textedit"]) { opacity: .35; }
.claude-home .demo-file { position: absolute; left: 54%; top: 350px; padding: 9px 14px; background: var(--glass-strong); color: var(--text); border-radius: 9px; font-size: 13px; z-index: 35; box-shadow: 0 8px 22px rgba(0,0,0,.14); transform: rotate(-4deg); }
/* Real component formulas are separate from the deliberately illustrative desktop windows. */
.claude-home .dl-bar { --panel-h: 54; --bar-h: 48px; --task-h: calc(var(--panel-h) * 36px / 55); --panel-radius: calc(var(--panel-h) * 15px / 55); --task-radius: calc(var(--task-h) * 7 / 36 + 4px); --task-pad: calc((var(--task-h) - var(--task-icon)) / 2 + 2px); --task-icon: 26px; --task-max: 180px; --task-gap: 4px; --task-label-gap: 8px; --task-font: 11px; --density: .55; --space-width: 30px; --space-total: 67px;
  position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: var(--bar-h); z-index: 50; display: flex; align-items: center; gap: 0; padding: 0 calc(var(--panel-h) * 8px / 55); border-radius: var(--panel-radius); background: rgba(var(--dl-material),var(--density)); backdrop-filter: blur(26px) saturate(160%); -webkit-backdrop-filter: blur(26px) saturate(160%); box-shadow: inset 0 .5px 0 var(--dl-glass-highlight), 0 0 0 .5px var(--dl-glass-line), 0 8px 20px -9px rgba(0,0,0,.36); color: rgb(var(--dl-primary)); }
.claude-home .hero-desktop .dl-bar { width: 640px; bottom: 38px; transform: translateX(-50%) scale(1.5); transform-origin: center bottom; }
.claude-home .story-desktop .dl-bar { width: calc(100% - 32px); bottom: 26px; }
.claude-home .dl-apps { width: var(--task-h); height: var(--task-h); display: flex; align-items: center; justify-content: center; flex: 0 0 var(--task-h); }
.claude-home .dl-apps img { width: 30px; height: 30px; object-fit: contain; }
.claude-home .dl-separator { width: 1px; height: calc(var(--task-h) * .65); background: var(--dl-separator); flex: 0 0 1px; margin-inline: calc(var(--panel-h) * 4px / 55); }
.claude-home .dl-tasks { display: flex; gap: var(--task-gap); flex: 1; min-width: 0; align-items: center; }
.claude-home .dl-task { position: relative; display: block; flex: 1 1 var(--task-max); max-width: var(--task-max); min-width: 44px; height: var(--task-h); padding: 0; border: 0; margin: 0; background: transparent; color: rgb(var(--dl-primary)); border-radius: var(--task-radius); text-align: left; }
.claude-home .dl-task-face { position: absolute; inset: 0; display: flex; align-items: center; gap: var(--task-label-gap); padding: 0 var(--task-pad); border-radius: inherit; background: rgba(255,255,255,var(--dl-base-alpha)); transition: transform .1s ease-out, background-color .1s ease-out; }
.claude-home .dl-task-face::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
.claude-home .dl-task[aria-pressed="true"] .dl-task-face { background: linear-gradient(rgba(0,122,255,.16),rgba(0,122,255,.16)),rgba(255,255,255,var(--dl-base-alpha)); }
.claude-home .dl-task:hover .dl-task-face::before, .claude-home .dl-task[data-feedback="hovered"] .dl-task-face::before { background: rgba(var(--dl-primary),var(--dl-hover-alpha)); }
.claude-home .dl-task:active .dl-task-face::before, .claude-home .dl-task[data-feedback="pressed"] .dl-task-face::before { background: rgba(var(--dl-primary),var(--dl-press-alpha)); }
.claude-home .dl-task:active .dl-task-face, .claude-home .dl-task[data-feedback="pressed"] .dl-task-face { transform: scale(.97); }
.claude-home .dl-task img, .claude-home .dl-pin img { width: var(--task-icon); height: var(--task-icon); flex: 0 0 var(--task-icon); object-fit: contain; pointer-events: none; }
.claude-home .dl-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 var(--task-font)/1.2 -apple-system,BlinkMacSystemFont,sans-serif; opacity: .72; }
.claude-home .dl-task[aria-pressed="true"] .dl-title { opacity: 1; }
.claude-home .dl-task[data-compact] .dl-title { display: none; }
.claude-home .dl-task[data-grouped] { min-width: calc(var(--task-icon) + 16px + var(--task-label-gap) + 2 * var(--task-pad)); }
.claude-home .dl-task[data-compact] .dl-task-face { justify-content: center; padding-inline: 0; }
.claude-home .dl-running { position: absolute; left: 50%; bottom: 1px; width: 24px; height: 2px; margin-left: -12px; border-radius: 1px; background: var(--dl-secondary); pointer-events: none; }
.claude-home .dl-task[aria-pressed="true"] .dl-running { background: #007aff; }
.claude-home .dl-task[data-minimized="true"] .dl-running { width: 12px; margin-left: -6px; }
.claude-home .dl-count { height: 16px; min-width: 16px; padding: 0 4px; border-radius: 8px; background: rgba(var(--dl-primary),.10); border: .5px solid rgba(var(--dl-primary),.18); font: 600 10px/15px -apple-system,BlinkMacSystemFont,sans-serif; font-variant-numeric: tabular-nums; text-align: center; flex-shrink: 0; margin-left: auto; }
.claude-home .dl-desktops { --space-inset: max(2px, calc(var(--task-h) * .08)); --space-h: calc(var(--task-h) - 2 * var(--space-inset)); height: var(--task-h); width: var(--space-total); display: flex; align-items: center; gap: 1px; padding: var(--space-inset); flex-shrink: 0; border-radius: var(--task-radius); background: var(--dl-space); }
.claude-home .dl-desktop { width: var(--space-width); flex: 0 0 var(--space-width); height: var(--space-h); border: 0; background: transparent; color: rgba(var(--dl-primary),.65); border-radius: calc(var(--task-radius) - var(--space-inset)); padding: 0; font: 500 clamp(10px,calc(var(--space-h) * .43),14px)/1 -apple-system,BlinkMacSystemFont,sans-serif; font-variant-numeric: tabular-nums; }
.claude-home .dl-desktop[aria-pressed="true"] { background: var(--dl-space-selected); color: rgb(var(--dl-primary)); }
.claude-home .dl-desktop:hover { filter: brightness(.93); }
.claude-home .dl-desktop:active { background: rgba(var(--dl-primary),.08); }
.claude-home .dl-pins { display: flex; gap: var(--task-gap); margin-right: var(--task-gap); min-width: 0; flex-shrink: 1; overflow: hidden; }
.claude-home .dl-pin { position: relative; width: var(--task-h); height: var(--task-h); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.claude-home .dl-app-badge { position: absolute; top: 0; right: 0; padding: 1px 3px; min-width: 14px; border-radius: 7px; background: #ff3b30; color: #fff; font-size: 9px; line-height: 12px; font-weight: 600; }
.claude-home .demo-fan { position: absolute; bottom: 83px; left: 18%; width: 294px; z-index: 60; display: flex; flex-direction: column; gap: 6px; padding: 10px; }
.claude-home .demo-fan > button { display: flex; align-items: center; gap: 8px; min-height: 64px; padding: 7px 12px; border-radius: 14px; background: rgba(var(--dl-material),.84); color: rgb(var(--dl-primary)); border: 0; backdrop-filter: blur(26px); -webkit-backdrop-filter: blur(26px); box-shadow: inset 0 .5px 0 var(--dl-glass-highlight), 0 5px 14px -8px rgba(0,0,0,.45); text-align: left; }
.claude-home .demo-fan > button[aria-pressed="true"] { background: linear-gradient(rgba(0,122,255,.12),rgba(0,122,255,.12)),rgba(var(--dl-material),.84); }
.claude-home .demo-fan > button:hover { background: linear-gradient(rgba(255,255,255,var(--fan-hover,.18)),rgba(255,255,255,var(--fan-hover,.18))),rgba(var(--dl-material),.84); }
.claude-home .demo-fan > button[aria-pressed="true"]:hover { background: linear-gradient(rgba(0,122,255,.16),rgba(0,122,255,.16)),rgba(var(--dl-material),.84); }
.claude-home .demo-fan > button:active { background: linear-gradient(rgba(var(--dl-primary),.08),rgba(var(--dl-primary),.08)),rgba(var(--dl-material),.84); }
.claude-home .demo-fan > button[aria-pressed="true"]:active { background: linear-gradient(rgba(0,122,255,.20),rgba(0,122,255,.20)),rgba(var(--dl-material),.84); }
.claude-home .demo-fan img { width: 80px; height: 50px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
.claude-home .demo-fan span { font-size: 13px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.claude-home .demo-menu { position: absolute; z-index: 70; min-width: 190px; padding: 5px; margin: 0; list-style: none; border-radius: 8px; background: var(--glass-strong); border: 1px solid var(--glass-edge); box-shadow: 0 10px 30px rgba(0,0,0,.18); backdrop-filter: blur(26px); -webkit-backdrop-filter: blur(26px); }
.claude-home .demo-menu button { display: block; border: 0; width: 100%; text-align: left; padding: 7px 9px; border-radius: 5px; background: transparent; color: var(--text); font-size: 13px; }
.claude-home .demo-menu button:hover, .claude-home .demo-menu button:focus-visible { background: #007aff; color: #fff; outline-offset: 1px; }
.claude-home .display-controls { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 56px; }
.claude-home .display-controls p { max-width: 54ch; color: var(--muted); font-size: 12px; line-height: 1.6; text-align: right; }
.claude-home .segmented { display: flex; width: fit-content; padding: 4px; border-radius: 999px; background: var(--glass); border: 1px solid var(--glass-edge); box-shadow: 0 0 0 1px var(--glass-line); }
.claude-home .segmented button { border: 0; border-radius: 999px; background: transparent; padding: 9px 18px; min-height: 38px; color: var(--muted); font-size: 14px; line-height: 1.4; white-space: nowrap; }
.claude-home .segmented button[aria-pressed="true"] { color: var(--text); background: var(--glass-strong); box-shadow: 0 1px 2px rgba(16,32,56,.14), 0 0 0 1px var(--glass-line); }
.claude-home .display-pair { display: grid; grid-template-columns: 1.4fr 1fr; align-items: end; gap: 28px; margin-top: 24px; }
.claude-home .display-desktop { height: 440px; border-radius: 24px; }
.claude-home .display-frame:nth-child(2) .display-desktop { height: 320px; border-radius: 22px; }
.claude-home .display-desktop .demo-window { top: 70px; left: 4%; width: 57%; height: 250px; }
.claude-home .display-desktop .demo-window:nth-child(even) { top: 110px; left: 35%; width: 61%; height: 265px; }
.claude-home .display-frame:nth-child(2) .demo-window { top: 62px; height: 175px; width: 65%; }
.claude-home .display-frame:nth-child(2) .demo-window:nth-child(even) { top: 90px; height: 175px; left: 30%; }
.claude-home .display-desktop .dl-bar { bottom: 16px; width: calc(100% - 32px); }
.claude-home .display-desktop[data-drag-over] { outline: 3px solid var(--brand); outline-offset: 3px; }
.claude-home .display-caption { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin: 14px 6px 0; color: var(--faint); font: 11px/1.5 var(--mono); }
.claude-home .move-task { min-height: 36px; padding: 4px 8px; border: 0; border-radius: 7px; color: var(--brand); background: var(--brand-soft); font-size: 11px; line-height: 1.4; max-width: 220px; }
.claude-home .screen-notes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; margin-top: 56px; padding-top: 30px; border-top: 1px solid var(--line); }
.claude-home .screen-notes h3 { font-size: 22px; line-height: 1.2; margin: 0 0 10px; }
.claude-home .screen-notes p { color: var(--muted); font-size: 15px; line-height: 1.65; margin: 0; }
.claude-home .gallery-controls { margin: 56px auto 0; }
.claude-home .native-stage { position: relative; min-height: 420px; display: flex; align-items: center; justify-content: center; margin-top: 28px; }
.claude-home .native-capture { margin: 0; width: 100%; }
.claude-home .native-capture figcaption { text-align: center; margin-top: 24px; color: var(--muted); font: 12px/1.5 var(--mono); }
.claude-home .native-capture .theme-capture { width: 100%; }
.claude-home .native-capture[data-gallery-scene="previews"] .theme-capture { width: min(660px,100%); margin-inline: auto; }
.claude-home .capture-detail { position: relative; overflow: hidden; aspect-ratio: var(--crop-w) / var(--crop-h); }
.claude-home .capture-detail img { display: block; position: absolute; width: calc(var(--source-w) / var(--crop-w) * 100%); max-width: none; height: auto; left: calc(var(--crop-x) / var(--crop-w) * -100%); top: calc(var(--crop-y) / var(--crop-h) * -100%); }
.claude-home .capture-panel { --source-w: 2560; --crop-x: 40; --crop-y: 90; --crop-w: 2480; --crop-h: 268; }
.claude-home .capture-grouping, .claude-home .capture-displays { --source-w: 2560; --crop-x: 40; --crop-y: 110; --crop-w: 2480; --crop-h: 596; }
.claude-home .capture-previews { --source-w: 1520; --crop-x: 100; --crop-y: 120; --crop-w: 1320; --crop-h: 616; }
.claude-home .theme-dark { display: none; }
:root[data-theme="dark"] .claude-home .theme-light { display: none; }
:root[data-theme="dark"] .claude-home .theme-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .claude-home .theme-light { display: none; }
  :root:not([data-theme="light"]) .claude-home .theme-dark { display: block; }
}
.claude-home[data-enhanced] .customizer { display: grid !important; grid-template-columns: minmax(260px,1fr) minmax(0,780px); gap: 24px; margin-top: 56px; }
.claude-home .custom-controls { display: flex; flex-direction: column; gap: 22px; padding: 28px; border-radius: 24px; background: var(--glass); border: 1px solid var(--glass-edge); box-shadow: 0 0 0 1px var(--glass-line); }
.claude-home .custom-controls h3 { margin: 0; color: var(--faint); font: 11px/1.6 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.claude-home .demo-range { display: flex; flex-direction: column; gap: 8px; }
.claude-home .demo-range > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; line-height: 1.4; font-weight: 500; }
.claude-home .demo-range output { font: 12px/1.5 var(--mono); color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.claude-home input[type="range"] { display: block; width: 100%; margin: 0; padding: 0; height: 16px; min-height: 0; border: 0; box-shadow: none; cursor: pointer; color-scheme: normal; }
.claude-home .demo-switch { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 28px; padding: 0; border: 0; color: var(--text); background: transparent; font-size: 14px; text-align: left; }
.claude-home .switch-track { width: 40px; height: 22px; flex-shrink: 0; position: relative; border-radius: 11px; background: var(--line-strong); }
.claude-home .switch-track::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s ease-out; }
.claude-home .demo-switch[aria-checked="true"] .switch-track { background: var(--brand); }
.claude-home .demo-switch[aria-checked="true"] .switch-track::after { transform: translateX(18px); }
.claude-home .reset-demo { align-self: flex-start; min-height: 30px; border: 0; border-radius: 6px; background: transparent; padding: 0; color: var(--muted); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.claude-home .custom-desktop { height: 470px; }
.claude-home .custom-desktop .demo-window { top: 40px; left: 7%; width: 49%; height: 250px; }
.claude-home .custom-desktop .demo-window:nth-child(2) { top: 76px; left: 38%; width: 54%; height: 270px; }
.claude-home .custom-desktop .dl-bar { bottom: 20px; transition: bottom .35s cubic-bezier(.2,.8,.2,1); }
.claude-home .custom-desktop[data-autohide="true"]:not([data-revealed]) .dl-bar { bottom: -90px; }
.claude-home .reveal-bar { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 35; height: 26px; border: 0; background: var(--brand-soft); color: var(--brand); font-size: 11px; }
.claude-home .feature-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 24px 0 0; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: var(--line); }
.claude-home .feature-row { padding: 28px 28px 32px; background: var(--page); }
.claude-home .feature-row dt { font-size: 21px; line-height: 1.2; font-weight: 600; letter-spacing: -.03em; margin: 0 0 10px; }
.claude-home .feature-row dd { color: var(--muted); margin: 0; font-size: 14.5px; line-height: 1.65; }
.claude-home .capture-credit { color: var(--faint); font-size: 12px; line-height: 1.6; margin-top: 16px; }
.claude-home .home-pricing > .section-marker span:nth-child(2) { max-width: 70%; }
.claude-home .price-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 24px; margin-top: 56px; align-items: stretch; }
.claude-home .price-main, .claude-home .discount-story { border-radius: 28px; padding: 40px; background: var(--glass); border: 1px solid var(--glass-edge); box-shadow: 0 0 0 1px var(--glass-line); }
.claude-home .price-main { display: flex; flex-direction: column; }
.claude-home .price-main h3 { font: 11.5px/normal var(--mono); color: var(--faint); letter-spacing: .06em; text-transform: uppercase; margin: 0 0 22px; }
.claude-home .price-amount { font: 600 104px/.9 var(--display); letter-spacing: -.055em; font-variant-numeric: tabular-nums; margin: 0; }
.claude-home .price-amount small { font-size: 22px; font-weight: 400; color: var(--muted); letter-spacing: -.02em; }
.claude-home .price-caption { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 16px 0 28px; }
.claude-home .included { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; font-size: 15px; line-height: 1.3; }
.claude-home .included li { position: relative; padding-left: 22px; }
.claude-home .included li::before { content: "+"; position: absolute; left: 0; color: var(--brand); font-family: var(--mono); }
.claude-home .purchase-route { border-top: 1px solid var(--line); padding-top: 22px; margin-top: auto; }
.claude-home .included { padding-bottom: 28px; }
.claude-home .purchase-route > strong { font-size: 15px; }
.claude-home .purchase-route p { color: var(--muted); font-size: 14px; line-height: 1.65; }
.claude-home .purchase-route .button { margin-top: 8px; }
.claude-home .discount-story { position: relative; isolation: isolate; overflow: hidden; }
.claude-home .discount-story::before { content: ""; position: absolute; z-index: -1; width: 240px; height: 240px; right: -80px; top: -80px; border-radius: 50%; background: radial-gradient(circle,var(--accent-soft),transparent 70%); }
.claude-home .discount-story h3 { font-size: 36px; line-height: 1.02; letter-spacing: -.04em; margin: 0 0 16px; }
.claude-home .discount-story p { color: var(--muted); font-size: 14px; line-height: 1.65; }
.claude-home .discount-story > p:first-of-type { font-size: 15px; margin: 16px 0 0; }
.claude-home .discount-story strong { color: var(--text); }
.claude-home .discount-example { padding-block: 20px; margin-block: 22px; border-block: 1px solid var(--line-strong); }
.claude-home .discount-example .example-price { font-size: 39px; font-weight: 600; color: var(--green); margin: 0; line-height: 1.2; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.claude-home .example-price s { font-size: 22px; color: var(--muted); font-weight: 400; margin-right: 12px; }
.claude-home .discount-example .example-note { font-size: 12px; margin-bottom: 0; }
.claude-home .discount-story .discount-terms { font-size: 12px; margin-bottom: 0; }
/* The 31-day scale and limit marker are part of the owner-selected calculator. */
.claude-home[data-enhanced] .trial-calculator { display: flex !important; flex-direction: column; margin: 28px 0 22px; border-radius: 20px; padding: 22px; background: var(--glass-strong); border: 1px solid var(--line); }
.claude-home .trial-calculator .demo-range { gap: 0; }
.claude-home .trial-calculator .demo-range > span:first-child { align-items: baseline; color: var(--faint); font: 11.5px/1.5 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.claude-home .trial-calculator .demo-range output { color: var(--text); font: 600 22px/1.3 var(--display); letter-spacing: -.02em; }
.claude-home .trial-calculator .discount-ticks { position: relative; display: flex; align-items: stretch; justify-content: initial; gap: 3px; height: 26px; margin-top: 14px; }
.claude-home .discount-ticks i { flex: 1; min-width: 0; border-radius: 3px; background: var(--line); transition: background .2s,opacity .2s; }
.claude-home .discount-ticks i[data-filled="true"] { background: var(--green-fill); }
.claude-home .discount-ticks i[data-filled="true"][data-capped="true"] { opacity: .35; }
.claude-home .discount-cap-line { position: absolute; left: calc(64.516% - 1.5px); top: -6px; bottom: -6px; width: 1px; background: var(--text); opacity: .5; }
.claude-home .trial-calculator .discount-scale { position: relative; height: 14px; margin-top: 8px; color: var(--faint); font: 10.5px/14px var(--mono); font-weight: 400; }
.claude-home .discount-scale > span { position: absolute; left: 0; }
.claude-home .discount-scale > span:nth-child(2) { left: 64.516%; transform: translateX(-50%); white-space: nowrap; }
.claude-home .discount-scale > span:last-child { left: auto; right: 0; }
.claude-home .trial-calculator input[type="range"] { margin: 14px 0 0; }
.claude-home .calculator-values { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.claude-home .calculator-values p { margin: 0; min-width: 0; }
.claude-home .calculator-values p:last-child { text-align: right; }
.claude-home .calculator-values p > span { display: block; font: 11.5px/1.5 var(--mono); letter-spacing: .05em; text-transform: uppercase; color: var(--faint); }
.claude-home .calculator-values output { display: block; font: 600 44px/1 var(--display); letter-spacing: -.04em; color: var(--green); font-variant-numeric: tabular-nums; white-space: nowrap; }
.claude-home .calculator-price-line { display: flex; align-items: baseline; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.claude-home .calculator-price-line output { color: var(--text); }
.claude-home .calculator-standard-price { color: var(--faint); font: 500 20px/1.2 var(--display); letter-spacing: -.04em; white-space: nowrap; }
.claude-home .trial-calculator .calculator-note { font-size: 12.5px; line-height: 1.55; margin: 12px 0 0; }
.claude-home[data-enhanced] .discount-example { display: none; }
.claude-home .payment-line { font-size: 12px; line-height: 1.8; color: var(--muted); margin-top: 24px; }
.claude-home .payment-line a { text-decoration: underline; text-underline-offset: 3px; }
.claude-home .trial-steps { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; list-style: none; padding: 0; margin: 80px 0 0; }
.claude-home .trial-steps::before { content: ""; position: absolute; left: 6px; right: 6px; top: 6px; height: 1px; background: linear-gradient(90deg,var(--brand),var(--green-fill) 60%,var(--line-strong)); }
.claude-home .trial-steps li { position: relative; padding-top: 34px; }
.claude-home .trial-steps li::before { content: ""; position: absolute; top: 0; left: 0; width: 13px; height: 13px; border: 2px solid var(--brand); border-radius: 50%; background: var(--page); }
.claude-home .trial-steps li:nth-child(2)::before { border-color: var(--green-fill); }
.claude-home .trial-steps li:nth-child(3)::before { border-color: var(--line-strong); }
.claude-home .trial-step-number { color: var(--brand); font: 12px/1.5 var(--mono); }
.claude-home .trial-steps li:nth-child(2) .trial-step-number { color: var(--green); }
.claude-home .trial-steps li:nth-child(3) .trial-step-number { color: var(--faint); }
.claude-home .trial-steps h3 { font-size: 22px; line-height: 1.2; margin: 10px 0; }
.claude-home .trial-steps p { font-size: 14px; line-height: 1.7; color: var(--muted); }
.claude-home .home-faq { display: grid; grid-template-columns: 380px minmax(0,1fr); gap: 100px; padding-top: 170px; }
.claude-home .faq-heading p { font-size: 16px; color: var(--muted); line-height: 1.8; margin-top: 24px; }
.claude-home .faq-heading a { text-decoration: underline; text-underline-offset: 4px; }
.claude-home .faq-list details { padding: 0; margin: 0; border: 0; border-top: 1px solid var(--line-strong); border-radius: 0; background: transparent; }
.claude-home .faq-list summary { list-style: none; position: relative; padding: 25px 32px 25px 0; font-size: 18px; font-weight: 500; line-height: 1.4; cursor: pointer; }
.claude-home .faq-list summary::-webkit-details-marker { display: none; }
.claude-home .faq-list summary::after { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; font: 15px/1 var(--mono); content: '+'; position: absolute; right: 0; top: 24px; color: var(--muted); font-weight: 400; }
.claude-home .faq-list details[open] summary::after { content: '−'; }
.claude-home .faq-list details p { color: var(--muted); font-size: 15px; line-height: 1.75; margin: 0 0 26px; }
.claude-home .faq-list details a { text-decoration: underline; text-underline-offset: 3px; }
.claude-home .start-strip { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; gap: 0; text-align: center; margin-top: 0; padding: 190px 0 150px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.claude-home .start-strip::before { content: ""; position: absolute; top: 150px; width: min(420px,100%); height: 420px; z-index: -1; pointer-events: none; background: radial-gradient(circle,var(--brand-glow),transparent 65%); opacity: .4; filter: blur(20px); }
.claude-home .closing-icon { display: block; width: 128px; height: 128px; filter: drop-shadow(0 24px 40px rgba(16,40,72,.25)); margin-bottom: 40px; }
.claude-home .start-strip h2 { font-size: clamp(60px,6vw,88px); line-height: .96; letter-spacing: -.052em; margin: 0; }
.claude-home .start-strip p { font-size: 18px; line-height: 1.7; color: var(--muted); margin: 24px 0 0; }
.claude-home .start-strip .button { margin-top: 34px; }
.claude-home .footer { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; padding: 28px 0 48px; color: var(--muted); border-top: 1px solid var(--line); }
.claude-home .footer .wordmark { font-size: 16px; color: var(--text); }
.claude-home .footer p, .claude-home .footer > span { margin: 0; font-size: 12px; }
.claude-home .footer nav { display: flex; flex-wrap: wrap; gap: 15px; margin-left: auto; font-size: 12px; }
.claude-home .theme-picker { margin-left: auto; }
/* Archive composition details; native controls below remain system typography. */
.claude-home { position: relative; isolation: isolate; }
.claude-home::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle 550px at 170px 130px,var(--ambient-blue),transparent 65%),radial-gradient(circle 500px at calc(100% - 140px) calc(30% + 500px),var(--ambient-green),transparent 65%); }
.claude-home .header .wordmark, .claude-home .footer .wordmark { font-family: var(--display); }
.claude-home .download-format { font: 400 11px/1.4 var(--mono); opacity: .72; white-space: nowrap; }
.claude-home .release-badge { gap: 8px; }
.claude-home .trial-ribbon, .claude-home .custom-controls, .claude-home .price-main, .claude-home .discount-story { backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); box-shadow: 0 0 0 1px var(--glass-line),var(--home-shadow); }
.claude-home .hero-desktop { transform-origin: 50% 100%; transition: transform .25s ease-out; }
.claude-home[data-enhanced] .hero-desktop { transform: perspective(1800px) rotateX(var(--hero-tilt,0deg)) scale(var(--hero-scale,1)); }
.claude-home .hero-desktop .desktop-canvas { background: radial-gradient(circle 450px at 250px 70px,var(--orb1),transparent 62%),radial-gradient(circle 400px at calc(100% - 180px) calc(100% + 20px),var(--orb2),transparent 62%),radial-gradient(circle 350px at calc(100% - 430px) -10px,var(--orb3),transparent 62%); }
.claude-home .hero-desktop .desktop-canvas::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(var(--grid) 1px,transparent 1.2px); background-size: 24px 24px; mask-image: radial-gradient(ellipse at 50% 35%,#000 20%,transparent 72%); -webkit-mask-image: radial-gradient(ellipse at 50% 35%,#000 20%,transparent 72%); }
.claude-home .hero-desktop .demo-window { transform: scale(.97); transition: transform .75s cubic-bezier(.2,.8,.2,1),opacity .5s,box-shadow .5s; }
.claude-home .hero-desktop .demo-window[data-active="true"] { transform: translateY(-4px); }
.claude-home .hero-desktop .demo-window[data-outside-space="1"] { transform: translateX(1500px) scale(.97); opacity: 0; pointer-events: none; }
.claude-home .hero-desktop .demo-window[data-outside-space="-1"] { transform: translateX(-1500px) scale(.97); opacity: 0; pointer-events: none; }
.claude-home .hero-desktop .demo-window[data-minimized="true"] { transform: translateY(100px) scale(.85); opacity: 0; pointer-events: none; }
.claude-home .hero-desktop .demo-window[data-window="finder"] { left: 5.645%; top: 64px; width: 41.935%; }
.claude-home .hero-desktop .demo-window[data-window="design"] { left: 27.419%; top: 36px; width: 48.387%; }
.claude-home .hero-desktop .demo-window[data-window="weekend"] { left: 53.226%; top: 104px; width: 38.710%; }
.claude-home .hero-desktop .demo-window[data-window="notes"] { left: 12.903%; top: 56px; width: 43.548%; }
.claude-home .hero-desktop .demo-window[data-window="brief"] { left: 45.968%; top: 92px; width: 41.935%; }
.claude-home .finder-sidebar i:nth-child(3) { width: 80%; }
.claude-home .finder-sidebar i:nth-child(4) { width: 60%; }
.claude-home .finder-sidebar i:nth-child(5) { width: 46%; }
.claude-home .finder-files { grid-template-columns: repeat(auto-fill,minmax(56px,1fr)); gap: 26px 12px; }
.claude-home [data-app="safari"] .document-line:nth-child(3) { height: 8px; width: 62%; }
.claude-home [data-app="safari"] .document-line:nth-child(5) { width: 74%; }
.claude-home [data-app="textedit"] .demo-window-content { gap: 10px; padding: 20px 22px; }
.claude-home [data-app="textedit"] .document-line:first-child { width: 38%; margin-top: 0; }
.claude-home [data-app="textedit"] .document-line:nth-child(2) { width: 90%; }
.claude-home [data-app="textedit"] .document-line:nth-child(3) { width: 82%; }
.claude-home [data-app="textedit"] .document-line:nth-child(4) { width: 94%; }
.claude-home [data-app="textedit"] .document-line:nth-child(5) { width: 56%; }
.claude-home [data-app="textedit"] .document-line:nth-child(6) { width: 30%; margin-top: 8px; }
.claude-home [data-app="textedit"] .document-line:nth-child(7) { width: 86%; }
.claude-home [data-app="textedit"] .document-line:nth-child(8) { width: 72%; }
.claude-home [data-app="textedit"] .document-line:nth-child(9) { width: 90%; }
.claude-home .story-sticky { top: max(88px,calc(50vh - 280px)); margin-top: 0; }
.claude-home .story-desktop .demo-label { display: none; }
.claude-home .story-desktop .demo-window[data-window="finder"] { left: 4.167%; top: 44px; width: 52.778%; }
.claude-home .story-desktop .demo-window[data-window="design"] { left: 15.278%; top: 24px; width: 61.111%; }
.claude-home .story-desktop .demo-window[data-window="notes"] { left: 41.667%; top: 176px; width: 52.778%; }
.claude-home .story-desktop .demo-window[data-window="brief"] { left: 32.778%; top: 100px; width: 55.556%; }
.claude-home .story-desktop[data-story-state="3"] .demo-window[data-window="brief"] { left: 2.222%; top: 16px; width: 95.556%; height: 468px; }
.claude-home .fit-note { position: absolute; left: 50%; top: 438px; z-index: 40; transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity .4s; padding: 6px 12px; border-radius: 999px; background: var(--brand); color: var(--on-brand); font: 11px/1.5 var(--mono); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.claude-home .story-desktop[data-story-state="3"] .fit-note { opacity: 1; }
.claude-home .story-desktop .dl-bar { left: 16px; transform: none; transition: width .6s cubic-bezier(.2,.8,.2,1); }
.claude-home .story-desktop:is([data-story-state="1"],[data-story-state="2"]) .dl-bar { width: min(500px,calc(100% - 32px)); }
.claude-home .story-controls { position: absolute; left: -48px; top: 50%; transform: translateY(-50%); flex-direction: column; gap: 0; margin: 0; }
.claude-home .story-controls button { position: relative; width: 28px; height: 22px; font-size: 0; border: 0; border-radius: 0; background: transparent; transition: height .4s; }
.claude-home .story-controls button::after { content: ''; position: absolute; left: 12px; top: 7px; bottom: 7px; width: 3px; border-radius: 2px; background: var(--line-strong); }
.claude-home .story-controls button[aria-pressed="true"] { height: 44px; background: transparent; }
.claude-home .story-controls button[aria-pressed="true"]::after { background: var(--brand); }
.claude-home .display-pair { grid-template-columns: minmax(0,700px) minmax(0,1fr); }
.claude-home .display-desktop .demo-label { display: none; }
.claude-home .display-desktop .demo-window { top: 28px; }
.claude-home .display-desktop .demo-window:nth-child(even) { top: 64px; }
.claude-home .display-frame:nth-child(2) .demo-window { top: 18px; }
.claude-home .display-frame:nth-child(2) .demo-window:nth-child(even) { top: 46px; }
.claude-home .display-frame:nth-child(2) .demo-titlebar { height: 26px; }
.claude-home .display-frame:nth-child(2) .traffic-lights i { width: 8px; height: 8px; }
.claude-home .display-frame:nth-child(2) .demo-window-name { font-size: 10.5px; }
.claude-home .display-frame:nth-child(2) .demo-window-content { padding: 10px; }
.claude-home .display-beta { display: inline-block; margin-right: 10px; padding: 3px 8px; border-radius: 6px; background: var(--accent-soft); color: var(--green); font: 10.5px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.claude-home .display-caption { display: grid; grid-template-columns: 1fr auto; }
.claude-home .display-count { white-space: nowrap; text-align: right; }
.claude-home .display-caption .move-task { grid-column: 1/-1; justify-self: start; }
.claude-home .display-note-number, .claude-home .feature-number { display: block; color: var(--brand); font: 12px/1.5 var(--mono); margin-bottom: 12px; }
.claude-home .native-stage { background: linear-gradient(var(--line-strong),var(--line-strong)) left top/16px 1px,linear-gradient(var(--line-strong),var(--line-strong)) right top/16px 1px,linear-gradient(var(--line-strong),var(--line-strong)) left bottom/16px 1px,linear-gradient(var(--line-strong),var(--line-strong)) right bottom/16px 1px,linear-gradient(var(--line-strong),var(--line-strong)) left top/1px 16px,linear-gradient(var(--line-strong),var(--line-strong)) right top/1px 16px,linear-gradient(var(--line-strong),var(--line-strong)) left bottom/1px 16px,linear-gradient(var(--line-strong),var(--line-strong)) right bottom/1px 16px; background-repeat: no-repeat; }
.claude-home .native-capture { width: min(1140px,100%); }
.claude-home .native-capture .theme-capture { mix-blend-mode: var(--blend); }
.claude-home .native-capture figcaption { position: absolute; top: 100%; left: 0; width: 100%; margin-top: 20px; }
.claude-home .custom-divider { height: 1px; border: 0; background: var(--line); width: 100%; margin: 0; }
.claude-home .custom-desktop .demo-label { left: auto; right: 18px; top: 16px; font-size: 11px; }
.claude-home .custom-desktop .demo-label span:first-child { display: none; }
.claude-home .capture-credit { display: none; }
.claude-home .faq-list { margin-top: 68px; border-bottom: 1px solid var(--line); }
.claude-home .faq-list summary { padding-right: 50px; }
.claude-home .faq-list summary > span[aria-hidden="true"] { display: none; }
.claude-home .faq-heading .section-marker::after { display: none; }
.claude-home #trial-savings { scroll-margin-top: 120px; }
.claude-home .start-strip .closing-compatibility { margin-top: 20px; color: var(--faint); font: 12px/1.6 var(--mono); }

@media (max-width: 1180px) {
  .claude-home .header { gap: 12px; }
  .claude-home .header > nav > a { padding-inline: 8px; font-size: 12px; }
  .claude-home .header .nav-extra { display: none; }
  .claude-home .story-scroll { grid-template-columns: minmax(0,.85fr) minmax(0,1.4fr); gap: 36px; }
  .claude-home .story-desktop { height: 480px; }
  .claude-home .story-desktop .demo-window { max-height: 285px; }
  .claude-home .story-step h3 { font-size: 34px; }
  .claude-home .trial-ribbon { gap: 28px; }
  .claude-home .dl-pins { gap: 0; }
}
@media (max-width: 900px) {
  .claude-home .header > nav { margin-left: 0; }
  .claude-home .wrap { width: calc(100% - 48px); }
  .claude-home .header { flex-wrap: wrap; padding: 10px 12px; gap: 8px; top: 8px; margin-top: 8px; }
  .claude-home .header > nav { flex-wrap: wrap; gap: 0; }
  .claude-home .header .demo-theme { display: none !important; }
  .claude-home .hero-layout h1 { font-size: clamp(62px,9vw,88px); }
  .claude-home .hero-desktop { margin-inline: 0; height: 570px; }
  .claude-home .hero-desktop .dl-bar { width: calc(100% - 50px); transform: translateX(-50%); bottom: 26px; }
  .claude-home .hero-desktop .demo-window { max-height: 350px; }
  .claude-home .hero-captions { gap: 20px; }
  .claude-home .trial-ribbon { grid-template-columns: 1fr 1.2fr; padding: 28px; }
  .claude-home .trial-ribbon .text-link { grid-column: 1/-1; max-width: none; justify-self: start; }
  .claude-home .section-lead, .claude-home .pricing-heading { gap: 40px; }
  .claude-home .section-lead h2, .claude-home .pricing-heading h2 { font-size: 45px; }
  .claude-home .story-step p { font-size: 16px; }
  .claude-home .story-scroll { margin-inline: 0; }
  .claude-home .story-step { padding-left: 0; }
  .claude-home .story-desktop .dl-apps { display: none; }
  .claude-home .story-desktop .dl-bar > .dl-separator:first-of-type { display: none; }
  .claude-home .screen-notes { gap: 25px; }
  .claude-home .display-pair { gap: 18px; grid-template-columns: 1.2fr 1fr; }
  .claude-home .display-desktop { height: 370px; }
  .claude-home .display-frame:nth-child(2) .display-desktop { height: 300px; }
  .claude-home .display-desktop .demo-window { height: 225px; }
  .claude-home .display-desktop .demo-window:nth-child(even) { height: 220px; }
  .claude-home .display-desktop .dl-apps, .claude-home .display-desktop .dl-desktops, .claude-home .display-desktop .dl-separator { display: none; }
  .claude-home .display-caption { flex-direction: column; align-items: flex-start; }
  .claude-home[data-enhanced] .customizer { grid-template-columns: 1fr 1.3fr; }
  .claude-home .custom-desktop .dl-apps, .claude-home .custom-desktop .dl-desktops, .claude-home .custom-desktop .dl-separator { display: none; }
  .claude-home .feature-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .claude-home .price-layout { gap: 20px; }
  .claude-home .price-main, .claude-home .discount-story { padding: 28px; }
  .claude-home .price-amount { font-size: 64px; }
  .claude-home .discount-story h3 { font-size: 35px; }
  .claude-home .home-faq { gap: 50px; }
}
@media (max-width: 640px) {
  .claude-home section { scroll-margin-top: 20px; }
  .claude-home .wrap { width: calc(100% - 36px); }
  .claude-home .header { gap: 4px; border-radius: 15px; padding: 8px 10px; }
  .claude-home .header .wordmark { font-size: 17px; width: 100%; }
  .claude-home .header > nav { display: flex; width: 100%; justify-content: space-between; flex: none; gap: 0; }
  .claude-home .header > nav > a { min-height: 36px; font-size: 11px; padding-inline: 6px; }
  .claude-home .header > nav > a:not(.nav-extra):not(.nav-download) { display: inline-flex; }
  .claude-home .header > nav > .nav-extra { display: none; }
  .claude-home .header .nav-download { display: none; }
  .claude-home .language-chooser { position: absolute; top: 6px; right: 8px; }
  .claude-home .language-chooser > summary { min-height: 32px; }
  .claude-home .reference-nav { justify-content: center; gap: 20px; padding-top: 14px; font-size: 11px; }
  .claude-home .home-hero { padding-top: 44px; }
  .claude-home .hero-layout h1 { font-size: clamp(47px,12vw,74px); line-height: 1.02; letter-spacing: -.04em; margin-top: 25px; }
  .claude-home .hero-description { font-size: 17px; line-height: 1.6; margin-top: 24px; }
  .claude-home .hero-actions { gap: 10px; margin-top: 28px; flex-wrap: wrap; }
  .claude-home .hero-actions .button, .claude-home .hero-actions .text-link { min-height: 50px; padding-inline: 18px; font-size: 14px; }
  .claude-home .hero-actions .button { width: auto; max-width: 100%; }
  .claude-home .hero-meta { font-size: 11px; margin-top: 18px; }
  .claude-home .hero-desktop { height: 430px; margin-top: 42px; border-radius: 22px; }
  .claude-home .demo-label { top: 14px; left: 12px; max-width: calc(100% - 24px); font-size: 11px; gap: 6px; }
  .claude-home .hero-desktop .demo-label { flex-direction: column; align-items: flex-start; border-radius: 12px; }
  .claude-home .hero-desktop .demo-window[data-window="finder"] { left: -28%; top: 90px; width: 100%; height: 230px; }
  .claude-home .hero-desktop .demo-window[data-window="design"] { left: 8%; top: 112px; width: 106%; height: 230px; }
  .claude-home .hero-desktop .demo-window[data-window="weekend"] { left: 70%; top: 144px; width: 100%; height: 200px; }
  .claude-home .hero-desktop .demo-window[data-window="notes"] { left: -25%; top: 90px; width: 106%; height: 230px; }
  .claude-home .hero-desktop .demo-window[data-window="brief"] { left: 16%; top: 125px; width: 106%; height: 225px; }
  .claude-home .hero-desktop .dl-bar { width: calc(100% - 20px); bottom: 22px; }
  .claude-home .hero-desktop .dl-apps { display: none; }
  .claude-home .hero-desktop .dl-bar > .dl-separator:first-of-type { display: none; }
  .claude-home .hero-desktop .dl-task[aria-pressed="true"] { flex-grow: 2.4; }
  .claude-home .hero-captions { grid-template-columns: 1fr; margin-top: 36px; gap: 18px; font-size: 14px; }
  .claude-home .hero-captions strong { font-size: 15px; }
  .claude-home .trial-ribbon { grid-template-columns: 1fr; gap: 20px; padding: 24px; margin-top: 36px; border-radius: 20px; }
  .claude-home .trial-ribbon h2 { font-size: 27px; }
  .claude-home .trial-ribbon p { font-size: 14px; }
  .claude-home .installation-note, .claude-home .demo-note { font-size: 11px; }
  .claude-home .story-section, .claude-home .native-gallery, .claude-home .feature-index, .claude-home .home-pricing { padding-top: 90px; }
  .claude-home .section-marker { font-size: 11px; margin-bottom: 25px; }
  .claude-home .section-lead, .claude-home .pricing-heading { display: block; }
  .claude-home .section-lead h2, .claude-home .pricing-heading h2, .claude-home .faq-heading h2 { font-size: 42px; line-height: 1.05; }
  .claude-home .section-lead p, .claude-home .pricing-heading p { margin-top: 22px; font-size: 16px; }
  .claude-home .story-scroll { display: flex; flex-direction: column-reverse; gap: 26px; margin-top: 28px; }
  .claude-home .story-sticky { position: relative; top: auto; margin-top: 0; width: 100%; }
  .claude-home .story-desktop { height: 390px; border-radius: 20px; }
  .claude-home .story-desktop .demo-window { height: 200px !important; top: 105px !important; }
  .claude-home .story-desktop .demo-window[data-window="finder"] { left: -20%; width: 92%; }
  .claude-home .story-desktop .demo-window[data-window="design"] { left: 12%; width: 92%; }
  .claude-home .story-desktop .demo-window[data-window="brief"] { left: 25%; top: 92px !important; width: 90%; }
  .claude-home .story-desktop .demo-window[data-window="notes"] { left: 44%; top: 120px !important; width: 86%; }
  .claude-home .story-desktop[data-story-state="3"] .demo-window[data-window="brief"] { left: 3%; width: 94%; height: 230px !important; top: 60px !important; }
  .claude-home .fit-note { top: 253px; max-width: calc(100% - 24px); white-space: normal; text-align: center; }
  .claude-home .story-step { min-height: 0; padding: 22px 0; }
  .claude-home[data-enhanced] .story-step { opacity: 1; }
  .claude-home[data-enhanced] .story-step:not([data-current="true"]) { display: none; }
  .claude-home .story-step h3 { font-size: 29px; margin-top: 10px; }
  .claude-home .story-step p { font-size: 15px; margin-top: 14px; }
  .claude-home .story-step[data-current="true"] .story-number { font-weight: 700; }
  .claude-home .demo-fan { left: 8%; width: 84%; bottom: 82px; }
  .claude-home .demo-file { left: 35%; top: 255px; }
  .claude-home .display-controls { align-items: flex-start; flex-direction: column; gap: 8px; margin-top: 30px; }
  .claude-home .display-controls p { text-align: left; }
  .claude-home .segmented button { font-size: 12px; padding: 8px 13px; }
  .claude-home .display-pair { grid-template-columns: 1fr; gap: 24px; margin-top: 16px; }
  .claude-home .display-desktop, .claude-home .display-frame:nth-child(2) .display-desktop { height: 300px; }
  .claude-home .display-desktop .demo-window { height: 165px !important; top: 63px; }
  .claude-home .display-desktop .demo-window:nth-child(even) { top: 90px; }
  .claude-home .display-caption { flex-direction: row; align-items: center; }
  .claude-home .screen-notes { grid-template-columns: 1fr; gap: 30px; margin-top: 35px; }
  .claude-home .screen-notes h3 { font-size: 23px; }
  .claude-home .gallery-controls { margin-top: 30px; max-width: 100%; flex-wrap: wrap; justify-content: center; border-radius: 18px; }
  .claude-home .gallery-controls button { padding-inline: 10px; font-size: 12px; }
  .claude-home .native-stage { min-height: 210px; overflow: hidden; }
  .claude-home .native-capture[data-gallery-scene="windows"] .theme-capture { width: 720px; margin-left: -170px; }
  .claude-home .native-capture[data-gallery-scene="grouping"] .theme-capture, .claude-home .native-capture[data-gallery-scene="displays"] .theme-capture { width: 560px; margin-left: -98px; }
  .claude-home[data-enhanced] .customizer { grid-template-columns: 1fr; gap: 20px; margin-top: 30px; }
  .claude-home .custom-controls { padding: 24px; gap: 18px; }
  .claude-home .custom-desktop { height: 340px; grid-row: 1; }
  .claude-home .custom-desktop .demo-window { height: 190px; }
  .claude-home .custom-desktop .demo-window:nth-child(2) { height: 180px; left: 29%; width: 70%; }
  .claude-home .custom-desktop .dl-apps, .claude-home .custom-desktop .dl-desktops, .claude-home .custom-desktop .dl-separator { display: none; }
  .claude-home .feature-list { grid-template-columns: 1fr; border-radius: 20px; }
  .claude-home .feature-row { padding: 24px; }
  .claude-home .price-layout { grid-template-columns: 1fr; gap: 24px; margin-top: 30px; }
  .claude-home .price-main, .claude-home .discount-story { padding: 27px; border-radius: 22px; }
  .claude-home .price-amount { font-size: 70px; }
  .claude-home .trial-steps { grid-template-columns: 1fr; gap: 20px; margin-top: 32px; }
  .claude-home .trial-steps p { margin-bottom: 0; }
  .claude-home .trial-steps::before { left: 6px; right: auto; top: 6px; bottom: 0; width: 1px; height: auto; background: linear-gradient(var(--brand),var(--green-fill) 60%,var(--line-strong)); }
  .claude-home .trial-steps li { padding: 0 0 12px 30px; }
  .claude-home .trial-calculator { min-width: 0; }
  .claude-home[data-enhanced] .trial-calculator { padding: 20px; }
  .claude-home .calculator-values { gap: 12px; }
  .claude-home .calculator-values output { font-size: clamp(28px,7.8vw,34px); }
  .claude-home .calculator-values p > span { font-size: 10.5px; }
  .claude-home .calculator-standard-price { font-size: 16px; }
  .claude-home .calculator-price-line { gap: 6px; }
  .claude-home .discount-story h3 { font-size: 34px; }
  .claude-home .story-controls { position: static; transform: none; flex-direction: row; gap: 6px; margin-top: 18px; }
  .claude-home .story-controls button { width: 38px; height: 38px; font: 12px/1 var(--mono); border: 1px solid var(--line-strong); border-radius: 50%; }
  .claude-home .story-controls button::after { display: none; }
  .claude-home .story-controls button[aria-pressed="true"] { height: 38px; background: var(--brand); }
  .claude-home .release-badge { flex-wrap: wrap; justify-content: center; font-size: 10.5px; }
  .claude-home .hero-desktop { transform: none !important; }
  .claude-home .native-capture figcaption { font-size: 11px; padding-inline: 8px; }
  .claude-home .custom-desktop .demo-label { max-width: calc(100% - 30px); }
  .claude-home .download-format { font-size: 10px; }

  .claude-home .home-faq { display: block; padding-top: 90px; }
  .claude-home .faq-list { margin-top: 35px; }
  .claude-home .faq-list summary { font-size: 17px; }
  .claude-home .start-strip { margin-top: 0; padding: 110px 0 100px; }
  .claude-home .start-strip::before { top: 60px; }
  .claude-home .closing-icon { width: 100px; height: 100px; margin-bottom: 28px; }
  .claude-home .start-strip h2 { font-size: 43px; }
  .claude-home .start-strip p { font-size: 16px; }
  .claude-home .footer { padding-block: 34px; gap: 16px; }
  .claude-home .footer nav { width: 100%; margin-left: 0; gap: 12px; }
  .claude-home .footer .theme-picker { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .claude-home *, .claude-home *::before, .claude-home *::after { transition: none !important; scroll-behavior: auto !important; }
  .claude-home .hero-desktop { transform: none !important; }
  .claude-home .dl-task:active .dl-task-face, .claude-home .dl-task[data-feedback="pressed"] .dl-task-face { transform: none; }
  .claude-home .button:hover { transform: none; }
}
@media (forced-colors: active) {
  .claude-home .dl-task-face, .claude-home .dl-bar, .claude-home .desktop-scene, .claude-home .segmented { border: 1px solid ButtonText; }
  .claude-home .dl-task[aria-pressed="true"] .dl-task-face, .claude-home .segmented button[aria-pressed="true"] { outline: 2px solid Highlight; }
}