:root {
  color-scheme: dark;
  font-family: "Source Han Sans SC", "Noto Sans CJK SC", "思源黑体", "Microsoft YaHei", sans-serif;
  background: #000;
  color: #f7f9ff;
  --muted: #9ba1b5;
  --line: rgba(163, 169, 210, .18);
  --blue: #7ca8ff;
  --violet: #a979ff;
}
* { box-sizing: border-box; }
html { min-width: 320px; background: #000; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: #000 url('/assets/page-background.png') center / cover fixed no-repeat; }
button, input { font: inherit; }
button { cursor: pointer; }
.site-shell { min-height: 100vh; background: linear-gradient(90deg, rgba(0,0,0,.7), rgba(0,0,0,.2) 72%, rgba(0,0,0,.46)); }
.hero {
  position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
  align-items: center; gap: clamp(48px, 8vw, 132px); width: min(1360px, calc(100% - 96px));
  min-height: 100vh; margin: 0 auto; padding: 72px 0;
}
.hero__content { max-width: 680px; }
.hero__eyebrow { margin: 0 0 22px; color: #8189ad; font-size: 11px; font-weight: 600; letter-spacing: .24em; }
.hero__title {
  margin: 0; font-size: clamp(48px, 4.4vw, 66px); font-weight: 700; letter-spacing: -.045em; line-height: 1.10; white-space: nowrap;
  background: linear-gradient(105deg, #fff 8%, #b9d7ff 45%, #a875ff 92%); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero__subtitle { margin: 30px 0 0; color: #e7e9f4; font-size: clamp(28px, 2.8vw, 42px); font-weight: 300; letter-spacing: .04em; line-height: 1.45; }
.hero__description { max-width: 680px; margin: 34px 0 0; color: var(--muted); font-size: 18px; font-weight: 300; letter-spacing: .04em; line-height: 2.05; }
.hero__cta { display: inline-flex; align-items: center; gap: 20px; margin-top: 48px; padding: 18px 26px 18px 30px; border: 1px solid rgba(151,127,255,.8); border-radius: 999px; background: transparent; color: #fff; font-size: 16px; font-weight: 500; letter-spacing: .1em; }
.hero__cta span { color: #a98bff; font-size: 18px; line-height: 1; }
.hero__cta:hover { border-color: #b9a5ff; background: rgba(111,91,226,.14); }
.hero__cta:focus-visible, .assistant-panel__icon:focus-visible { outline: 2px solid #9bbdff; outline-offset: 4px; }
.assistant-panel { position: relative; transform: translateY(32px); display: flex; flex-direction: column; overflow: hidden; height: 540px; min-height: 540px; max-width: 420px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, rgba(25,28,50,.4), rgba(8,9,18,.25)); box-shadow: 0 28px 80px rgba(42,28,100,.2), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(26px); -webkit-backdrop-filter: blur(26px); }
.assistant-panel::before { position: absolute; top: -140px; right: -80px; width: 280px; height: 280px; border-radius: 50%; background: radial-gradient(circle, rgba(101,119,255,.22), transparent 68%); content: ""; pointer-events: none; }
.assistant-panel__welcome { position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; padding: 34px 24px 24px; text-align: center; }
.assistant-panel__welcome[hidden] { display: none; }
.assistant-panel__conversation { position: relative; z-index: 1; display: flex; min-height: 0; flex: 1 1 auto; flex-direction: column; gap: 10px; overflow-y: auto; padding: 24px 20px 12px; overscroll-behavior: contain; }
.assistant-panel__conversation[hidden] { display: none; }
.assistant-panel__voice-stage { position: absolute; z-index: 2; inset: 0 0 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border-radius: 24px 24px 0 0; background: radial-gradient(circle at 50% 48%, rgba(102,127,255,.22), transparent 48%), linear-gradient(145deg, rgba(24,30,70,.48), rgba(10,10,28,.42)); }
.assistant-panel__voice-stage[hidden] { display: none; }
.assistant-panel__voice-wave--large { position: relative; z-index: 0; display: flex; width: min(82%, 340px); height: 180px; align-items: center; justify-content: center; gap: 7px; isolation: isolate; filter: drop-shadow(0 0 16px rgba(137,130,255,.46)); }
.assistant-panel__voice-wave--large i { display: block; width: 8px; height: 32px; border-radius: 999px; background: linear-gradient(180deg, #b7d7ff, #8e79ff 68%, #e5a8e7); animation: assistant-voice-wave-large 1.35s ease-in-out infinite; }
.assistant-panel__voice-wave--large i:nth-child(2), .assistant-panel__voice-wave--large i:nth-child(16) { animation-delay: -.2s; }
.assistant-panel__voice-wave--large i:nth-child(3), .assistant-panel__voice-wave--large i:nth-child(15) { animation-delay: -.4s; }
.assistant-panel__voice-wave--large i:nth-child(4), .assistant-panel__voice-wave--large i:nth-child(14) { animation-delay: -.6s; }
.assistant-panel__voice-wave--large i:nth-child(5), .assistant-panel__voice-wave--large i:nth-child(13) { animation-delay: -.8s; }
.assistant-panel__voice-wave--large i:nth-child(6), .assistant-panel__voice-wave--large i:nth-child(12) { animation-delay: -1s; }
.assistant-panel__voice-wave--large i:nth-child(7), .assistant-panel__voice-wave--large i:nth-child(11) { animation-delay: -1.2s; }
.assistant-panel__voice-wave--large i:nth-child(8), .assistant-panel__voice-wave--large i:nth-child(10) { animation-delay: -.7s; }
.assistant-panel__voice-wave--large i:nth-child(9) { height: 128px; animation-delay: -.3s; }
.assistant-panel__voice-transcript { width: min(82%, 360px); min-height: 24px; margin: 18px 0 0; color: rgba(226,232,255,.88); font-size: 15px; line-height: 1.6; text-align: center; text-shadow: 0 0 18px rgba(128,153,255,.28); white-space: pre-wrap; overflow-wrap: anywhere; }
.assistant-panel__voice-stage.voice-stage--replying { background: radial-gradient(ellipse at 50% 56%, rgba(194,106,235,.24), transparent 38%), radial-gradient(ellipse at 25% 72%, rgba(82,145,255,.16), transparent 42%), linear-gradient(145deg, rgba(38,24,74,.54), rgba(15,9,34,.5)); background-size: 140% 140%, 150% 150%, 100% 100%; animation: assistant-voice-reply-field 7s ease-in-out infinite alternate; }
.assistant-panel__voice-stage.voice-stage--replying .assistant-panel__voice-wave--large { width: min(88%, 370px); filter: drop-shadow(0 0 20px rgba(207,117,238,.5)); }
.assistant-panel__voice-stage.voice-stage--replying .assistant-panel__voice-wave--large i { width: 9px; background: linear-gradient(180deg, #f1c5ff, #bd78f1 66%, #ff9cb9); animation-duration: 2.05s; }
.assistant-panel__voice-stage.voice-stage--replying .assistant-panel__voice-wave--large::before { position: absolute; z-index: -1; inset: 18% -14%; border-radius: 45%; background: radial-gradient(ellipse, rgba(181,123,255,.27), rgba(214,122,226,.1) 42%, transparent 72%); content: ""; filter: blur(22px); animation: assistant-voice-reply-glow 2.8s ease-in-out infinite; }
.assistant-panel__voice-stage.voice-stage--replying .assistant-panel__voice-wave--large::after { position: absolute; z-index: -1; right: -8%; bottom: 4%; left: -8%; height: 34%; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(121,166,255,.2) 25%, rgba(239,139,221,.28) 52%, rgba(123,148,255,.18) 78%, transparent); content: ""; filter: blur(18px); animation: assistant-voice-reply-glow 3.6s ease-in-out infinite reverse; }
.assistant-panel.is-voice-mode .assistant-panel__welcome, .assistant-panel.is-voice-mode .assistant-panel__conversation, .assistant-panel.is-voice-mode .assistant-panel__status { visibility: hidden; opacity: 0; pointer-events: none; }
.assistant-message { max-width: 88%; margin: 0; padding: 11px 14px; border: 1px solid rgba(204,211,255,.16); border-radius: 16px; color: #eef1ff; font-size: 14px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.assistant-message--user { align-self: flex-end; border-color: rgba(151,177,255,.32); background: rgba(91,116,220,.2); }
.assistant-message--assistant { align-self: flex-start; background: rgba(255,255,255,.07); }
.assistant-message__action { display: inline-flex; margin-top: 10px; padding: 7px 10px; border: 1px solid rgba(164,188,255,.38); border-radius: 999px; color: #d7e2ff; background: rgba(101,128,232,.2); font-size: 12px; text-decoration: none; }
.assistant-message__action:hover { border-color: rgba(206,218,255,.7); background: rgba(101,128,232,.34); }
.assistant-panel__status { position: relative; z-index: 1; min-height: 20px; margin: 0 26px 4px; color: #aeb6d3; font-size: 12px; line-height: 1.5; }
.assistant-panel__status[data-tone='error'] { color: #ffb6c9; }
.assistant-panel__conversation::-webkit-scrollbar { width: 5px; }
.assistant-panel__conversation::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(180,192,255,.3); }
.assistant-orb { position: relative; width: clamp(150px, 45%, 196px); aspect-ratio: 1; margin-bottom: 30px; isolation: isolate; border: 1px solid rgba(209,219,255,.62); border-radius: 50%; background: radial-gradient(circle at 28% 24%, rgba(108,201,255,.76), transparent 18%), radial-gradient(circle at 72% 70%, rgba(138,67,255,.82), transparent 42%), linear-gradient(145deg, rgba(63,94,178,.72), rgba(65,34,132,.58) 47%, rgba(5,13,38,.82)); box-shadow: inset -24px -28px 44px rgba(0,0,0,.56), inset 18px 14px 34px rgba(159,214,255,.24), 0 0 26px rgba(95,132,255,.5), 0 0 72px rgba(115,71,255,.28); transform: translate3d(var(--orb-shift-x, 0px), var(--orb-shift-y, 0px), 0) rotateX(var(--orb-tilt-x, 0deg)) rotateY(var(--orb-tilt-y, 0deg)); animation: assistant-orb-float 4.2s ease-in-out infinite, assistant-orb-breathe 3.2s ease-in-out infinite; }
.assistant-orb::before, .assistant-orb::after { position: absolute; inset: 0; border-radius: inherit; content: ""; pointer-events: none; }
.assistant-orb::before { inset: 4%; background: radial-gradient(ellipse at 27% 19%, rgba(255,255,255,.42), transparent 18%), linear-gradient(125deg, rgba(121,206,255,.38), transparent 36%, rgba(184,132,255,.34) 66%, transparent 86%); filter: blur(5px); mix-blend-mode: screen; opacity: .86; }
.assistant-orb::after { inset: 3%; border: 1px solid rgba(218,225,255,.24); box-shadow: inset 10px 7px 22px rgba(255,255,255,.14), inset -12px -18px 28px rgba(0,0,0,.24); }
.assistant-orb__halo { position: absolute; z-index: 0; inset: -13%; border: 1px solid rgba(151,178,255,.54); border-bottom-color: rgba(191,128,255,.7); border-left-color: transparent; border-radius: 50%; box-shadow: 0 0 16px rgba(111,135,255,.42), 0 0 32px rgba(149,87,255,.18); transform: rotate(-22deg); animation: assistant-orb-halo-spin 7s linear infinite; }
.assistant-orb__crescent { position: absolute; z-index: 1; inset: 13% 9%; border: 1px solid rgba(219,226,255,.52); border-left-color: transparent; border-bottom-color: rgba(152,174,255,.22); border-radius: 50%; box-shadow: -7px 8px 0 -7px rgba(226,226,255,.62), 0 0 14px rgba(151,177,255,.32); opacity: .82; transform: rotate(-28deg) scale(.86); }
.assistant-orb__spark { position: absolute; z-index: 2; width: 5px; height: 5px; border-radius: 50%; background: rgba(239,234,255,.94); box-shadow: 0 0 8px rgba(181,177,255,.95), 0 0 16px rgba(123,151,255,.58); animation: assistant-orb-sparkle 2.6s ease-in-out infinite; }
.assistant-orb__spark--one { top: 22%; right: 19%; animation-delay: -.8s; }
.assistant-orb__spark--two { bottom: 24%; left: 19%; width: 3px; height: 3px; animation-delay: -.15s; }
.assistant-panel__greeting, .assistant-panel__prompt { position: relative; z-index: 1; margin: 0; }
.assistant-panel__greeting { color: #aeb6d3; font-size: 18px; letter-spacing: .02em; line-height: 1.5; }
.assistant-panel__prompt { margin-top: 8px; background: linear-gradient(100deg, #8eb8ff, #b58bff 48%, #f0a9c7); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: clamp(22px, 2.2vw, 30px); letter-spacing: -.02em; line-height: 1.25; }
.assistant-panel__composer { position: relative; z-index: 1; display: flex; flex: 0 0 auto; align-items: center; gap: 12px; margin: 0 18px 18px; padding: 13px 14px 13px 20px; border: 1px solid rgba(204,211,255,.36); border-radius: 999px; background: linear-gradient(100deg, rgba(255,255,255,.08), rgba(61,103,224,.18), rgba(195,104,193,.12)); box-shadow: inset 0 1px rgba(255,255,255,.12), 0 12px 30px rgba(30,31,94,.18); }
.assistant-panel__composer input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #fff; font-size: 16px; }
.assistant-panel__composer input::placeholder { color: #b5bad1; }
.assistant-panel__voice-mode { position: absolute; top: 50%; left: 50%; display: flex; width: 180px; align-items: center; justify-content: center; transform: translate(-50%, -50%); color: #cbd5f4; font-size: 13px; pointer-events: none; }
.assistant-panel__voice-mode[hidden] { display: none; }
.assistant-panel__voice-mode > [data-assistant-voice-text] { display: none; }
.assistant-panel__voice-wave { display: inline-flex; width: 168px; height: 30px; align-items: center; justify-content: center; gap: 6px; }
.assistant-panel__voice-wave i { display: block; width: 4px; height: 7px; border-radius: 999px; background: linear-gradient(#9fc5ff, #a883ff); animation: assistant-voice-wave 1s ease-in-out infinite; }
.assistant-panel__voice-wave i:nth-child(2) { animation-delay: .12s; }
.assistant-panel__voice-wave i:nth-child(3) { animation-delay: .24s; }
.assistant-panel__voice-wave i:nth-child(4) { animation-delay: .36s; }
.assistant-panel__voice-wave i:nth-child(5) { animation-delay: .48s; }
.assistant-panel__voice-wave i:nth-child(6) { animation-delay: .36s; }
.assistant-panel__voice-wave i:nth-child(7) { animation-delay: .24s; }
.assistant-panel__voice-wave i:nth-child(8) { animation-delay: .12s; }
.assistant-panel__voice-wave i:nth-child(9) { animation-delay: 0s; }
.assistant-panel.is-voice-mode .assistant-panel__composer input, .assistant-panel.is-voice-mode .assistant-panel__send { display: none; }
.assistant-panel.is-voice-mode .assistant-panel__voice-mode { display: none; }
.assistant-panel.is-voice-mode .assistant-panel__icon { position: relative; z-index: 2; margin-left: auto; }
.assistant-panel__icon { flex: 0 0 auto; border: 0; color: #b9bed5; }
.assistant-panel__icon { display: grid; width: 38px; height: 38px; padding: 10px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.07); }
.assistant-panel__icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.assistant-panel__voice-stop-icon { display: none; }
.assistant-panel__icon.is-recording .assistant-panel__voice-mic-icon { display: none; }
.assistant-panel__icon.is-recording .assistant-panel__voice-stop-icon { display: block; }
.assistant-panel__icon:disabled, .assistant-panel__composer input:disabled, .assistant-panel__send:disabled { cursor: not-allowed; opacity: .72; }
.assistant-panel__icon.is-recording { color: #fff; background: rgba(239,100,144,.38); box-shadow: 0 0 0 5px rgba(239,100,144,.1); }
.assistant-panel__send { flex: 0 0 auto; border: 0; border-radius: 999px; padding: 9px 13px; color: #edf1ff; background: rgba(255,255,255,.12); font-size: 13px; cursor: pointer; }
.assistant-panel__send:hover { background: rgba(255,255,255,.2); }
.assistant-panel.is-thinking .assistant-orb { animation-duration: 1.6s; }
.capability-section { position: relative; z-index: 1; width: min(1360px, calc(100% - 96px)); margin: 0 auto; padding: 150px 0 168px; }
.capability-section__intro { max-width: 720px; }
.section-eyebrow { margin: 0 0 18px; color: #8189ad; font-size: 11px; font-weight: 600; letter-spacing: .24em; }
.capability-section__intro h2, .capability-section__heading h2 { margin: 0; color: #f7f9ff; font-size: clamp(32px, 4vw, 52px); font-weight: 500; letter-spacing: -.045em; line-height: 1.16; }
.capability-section__intro > p:last-child { max-width: 650px; margin: 24px 0 0; color: var(--muted); font-size: 17px; font-weight: 300; line-height: 1.9; }
.capability-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 64px; }
.principle-card { display: flex; gap: 20px; min-height: 190px; padding: 28px; border: 1px solid rgba(163,169,210,.15); border-radius: 18px; background: linear-gradient(145deg, rgba(25,28,50,.42), rgba(8,9,18,.18)); }
.principle-card__index { color: #9ebdff; font: 12px/1 "Fragment Mono", monospace; letter-spacing: .06em; }
.principle-card h3 { margin: 0; color: #f1f3fb; font-size: 21px; font-weight: 500; }
.principle-card p { margin: 16px 0 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.capability-section__heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-top: 146px; }
.capability-section__heading h2 { font-size: clamp(30px, 3.2vw, 44px); }
.capability-card:focus-visible { outline: 2px solid #9bbdff; outline-offset: 5px; }
.capability-groups { display: flex; flex-direction: column; gap: 82px; margin-top: 64px; }
.capability-group__header { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.capability-group__header h3 { margin: 0; color: #e8ebf7; font-size: 24px; font-weight: 500; letter-spacing: -.025em; }
.capability-group__header p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 38px; }
.capability-group .capability-grid { margin-top: 0; }
.capability-card { position: relative; display: flex; min-height: 310px; flex-direction: column; padding: 28px; border: 1px solid rgba(163,169,210,.17); border-radius: 18px; background: linear-gradient(145deg, rgba(23,27,52,.54), rgba(8,9,18,.2)); color: inherit; text-decoration: none; transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.capability-card:hover { transform: translateY(-6px); border-color: rgba(151,127,255,.65); background: linear-gradient(145deg, rgba(37,39,78,.64), rgba(10,11,25,.3)); box-shadow: 0 18px 50px rgba(48,37,126,.2); }
.capability-card__tag { color: #aebcf2; font: 11px/1.2 "Fragment Mono", monospace; letter-spacing: .06em; }
.capability-card__icon { position: absolute; top: 26px; right: 28px; color: #a98bff; font-size: 22px; line-height: 1; }
.capability-card h4 { max-width: 260px; margin: 74px 0 0; color: #f7f9ff; font-size: 22px; font-weight: 500; letter-spacing: -.025em; line-height: 1.35; }
.capability-card p { margin: 16px 0 0; color: var(--muted); font-size: 15px; line-height: 1.8; }
.capability-card__link { margin-top: auto; padding-top: 28px; color: #c7d6ff; font-size: 13px; letter-spacing: .06em; }
@media (prefers-reduced-motion: reduce) { .capability-card { transition: none; } .capability-card:hover { transform: none; } }
@keyframes assistant-orb-float { 0%, 100% { transform: translate3d(var(--orb-shift-x, 0px), var(--orb-shift-y, 0px), 0) rotateX(var(--orb-tilt-x, 0deg)) rotateY(var(--orb-tilt-y, 0deg)) rotateZ(-2deg); } 50% { transform: translate3d(var(--orb-shift-x, 0px), calc(var(--orb-shift-y, 0px) - 9px), 0) rotateX(var(--orb-tilt-x, 0deg)) rotateY(var(--orb-tilt-y, 0deg)) rotateZ(2deg); } }
@keyframes assistant-voice-wave { 0%, 100% { height: 7px; opacity: .55; } 50% { height: 21px; opacity: 1; } }
@keyframes assistant-voice-wave-large { 0%, 100% { height: 24px; opacity: .42; transform: scaleY(.55); } 50% { height: 152px; opacity: 1; transform: scaleY(1); } }
@keyframes assistant-voice-reply-field { 0% { background-position: 20% 42%, 78% 68%, 0 0; } 100% { background-position: 72% 58%, 28% 42%, 0 0; } }
@keyframes assistant-voice-reply-glow { 0%, 100% { opacity: .38; transform: scale(.86) translateY(4px); } 50% { opacity: .92; transform: scale(1.08) translateY(-3px); } }
@keyframes assistant-orb-breathe { 0%, 100% { filter: brightness(.96) saturate(.96); box-shadow: inset -24px -28px 44px rgba(0,0,0,.56), inset 18px 14px 34px rgba(159,214,255,.24), 0 0 26px rgba(95,132,255,.5), 0 0 72px rgba(115,71,255,.28); } 50% { filter: brightness(1.14) saturate(1.16); box-shadow: inset -24px -28px 44px rgba(0,0,0,.46), inset 18px 14px 36px rgba(180,225,255,.34), 0 0 36px rgba(95,145,255,.68), 0 0 92px rgba(137,82,255,.42); } }
@keyframes assistant-orb-halo-spin { from { transform: rotate(-22deg); } to { transform: rotate(338deg); } }
@keyframes assistant-orb-sparkle { 0%, 100% { opacity: .38; transform: scale(.72); } 50% { opacity: 1; transform: scale(1.2); } }
@media (prefers-reduced-motion: reduce) { .assistant-orb, .assistant-orb__halo, .assistant-orb__spark { animation: none; } }
@media (prefers-reduced-motion: reduce) { .assistant-panel__voice-wave i { animation: none; } }
@media (prefers-reduced-motion: reduce) { .assistant-panel__voice-stage.voice-stage--replying, .assistant-panel__voice-wave--large i, .assistant-panel__voice-wave--large::before, .assistant-panel__voice-wave--large::after { animation: none; } }
@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
    width: min(680px, calc(100% - 48px));
    gap: 56px;
    padding: 64px 0;
  }

  .hero__content {
    max-width: none;
  }

  .assistant-panel {
    justify-self: center;
    transform: translateY(20px);
    min-height: 380px;
  }

  .assistant-panel__welcome { padding-top: 28px; }
  .capability-section { width: min(680px, calc(100% - 48px)); padding: 110px 0 120px; }
  .capability-principles, .capability-grid { grid-template-columns: 1fr; }
  .capability-groups { gap: 64px; margin-top: 48px; }
  .capability-group__header { align-items: start; flex-direction: column; gap: 8px; }
  .capability-section__heading { align-items: start; flex-direction: column; margin-top: 110px; }
}

@media (max-width: 520px) {
  .hero {
    width: min(calc(100% - 36px), 680px);
    padding: 42px 0;
  }

  .hero__title {
    font-size: clamp(42px, 10vw, 48px);
    line-height: 1.10;
  }

  .hero__subtitle {
    margin-top: 22px;
    font-size: clamp(22px, 6vw, 30px);
    line-height: 1.35;
  }

  .hero__description {
    margin-top: 24px;
    font-size: 18px;
    line-height: 1.9;
  }

  .hero__cta {
    margin-top: 36px;
    padding: 16px 23px 16px 26px;
    font-size: 15px;
  }

  .assistant-panel__composer {
    margin: 0 12px 12px;
    padding: 11px 12px 11px 16px;
  }

  .assistant-panel__prompt { font-size: 22px; }
  .capability-section { width: min(calc(100% - 36px), 680px); padding: 90px 0 100px; }
  .capability-section__intro > p:last-child { font-size: 17px; line-height: 1.85; }
  .principle-card { min-height: 0; padding: 24px; }
  .capability-card { min-height: 280px; padding: 24px; }
  .capability-card__icon { top: 22px; right: 24px; }
}

.motion-layer { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.motion-track { fill: none; stroke: rgba(129, 132, 255, .22); stroke-linecap: round; stroke-width: 1.2; }
.motion-light { fill: none; stroke: url("#motion-gradient"); stroke-linecap: round; stroke-dasharray: 150 2200; stroke-width: 2.4; filter: drop-shadow(0 0 8px rgba(121, 133, 255, .75)); opacity: .6; }
.motion-pointer { fill: url("#motion-pointer-gradient"); opacity: 0; transition: opacity .2s ease; }
@media (prefers-reduced-motion: reduce) { .motion-light { opacity: .25; } .motion-pointer { display: none; } }