/* 브랜드 원색 #1c8d5e. 작은 글자·CTA는 흰 바탕에서 읽히는 파생색 #14734b를 쓴다.
   스크롤은 연결된 작업의 순서를 보여 주고, 정적 HTML과 모션 줄이기에서는 본문을 그대로 남긴다. */
@layer components {
  .page-home {
    --t:#142b23; --tm:#53665d; --td:#61746a; --line:#d9e6de; --line2:#bdd3c5;
    --live:#14734b; --focus:#1c8d5e; --g0:#fff; --g1:#fff; --g2:#f2f8f5; --g3:#e9f2ed;
    min-width:0; background:#fff; color:var(--t);
  }
  .page-home .nav { top:16px; width:calc(100% - 48px); max-width:1440px; margin:16px auto 0; background:#ffffffed; border:1px solid #e7eee9; border-radius:18px; box-shadow:0 8px 32px #142b230a; backdrop-filter:blur(16px); }
  .page-home .nav-in { max-width:none; min-height:74px; padding:0 28px; gap:32px; }
  .page-home .brand { font-size:22px; color:var(--t); }
  .page-home .brand .mark { width:32px; height:32px; }
  .page-home .nav-links { gap:30px; margin-left:auto; }
  .page-home .nav-links a { color:var(--tm); font-size:14px; }
  .page-home .nav-links a:nth-child(2) { display:block; }
  .page-home .nav-links a:hover { color:var(--live); }
  .page-home .nav .btn { color:#fff; background:var(--live); border:1px solid var(--live); border-radius:9px; font-size:14px; min-height:44px; padding:0 22px; }
  .page-home .nav .btn:hover { background:#105d3d; }
  .light-home .home-wrap { max-width:1320px; padding-inline:56px; width:100%; margin-inline:auto; }
  .light-home { overflow:clip; }
  .light-home section[id],.light-home article[id] { scroll-margin-top:120px; }
  .light-home [id] { scroll-margin-top:125px; }
  .light-home h2 { font-family:var(--head); font-size:clamp(34px,3.35cqw,48px); font-weight:800; line-height:1.3; letter-spacing:-.055em; }
  .light-home .workflow-card h3,.light-home .convenience-grid h3,.light-home .download-grid h3 { font:600 22px/1.45 var(--sans); letter-spacing:-.035em; color:var(--t); }
  .light-home .home-eyebrow { display:flex; align-items:center; gap:8px; color:var(--live); font-size:13px; font-weight:500; letter-spacing:.015em; margin-bottom:20px; }
  .light-home .eyebrow-dot { width:7px; height:7px; border-radius:50%; background:var(--brand); }
  .light-home .home-quiet { color:var(--td); font-size:12px; line-height:1.85; }
  .light-home .home-button { display:inline-flex; justify-content:center; align-items:center; gap:24px; min-height:54px; padding:0 23px; border:1px solid var(--live); border-radius:10px; background:var(--live); color:#fff; font:500 15px/1.5 var(--sans); transition:background .2s,box-shadow .2s,transform .2s; }
  .light-home .home-button:hover { background:#105d3d; box-shadow:0 5px 15px #14734b25; transform:translateY(-2px); }
  .light-home .home-button-secondary { color:var(--t); background:#fff; border-color:#c3d4ca; }
  .light-home .home-button-secondary:hover { background:#f2f8f5; box-shadow:0 5px 15px #142b230c; }
  .light-home .home-button>span { font-size:19px; }
  .light-home .home-text-link,.light-home .feature-detail-link { display:inline-flex; align-items:center; gap:18px; color:var(--live); font-size:14px; font-weight:500; }
  .light-home .home-text-link:hover,.light-home .feature-detail-link:hover { color:#105d3d; }
  .light-home .hero-heading { display:block; text-align:center; padding-top:86px; padding-bottom:46px; margin-bottom:0; }
  .light-home .hero-heading>.home-eyebrow { justify-content:center; }
  .light-home .hero-heading h1 { font-size:clamp(40px,4.3cqw,70px); line-height:1.27; letter-spacing:-.065em; max-width:1050px; margin:auto; }
  .light-home .hero-heading h1 em { font-style:normal; color:var(--live); }
  .light-home .hero-description { font-size:18px; line-height:1.8; color:var(--tm); margin:26px auto 0; max-width:680px; }
  .light-home .hero-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:30px; max-width:none; }
  .light-home .hero-platforms { margin:17px 0 0; font-size:12px; color:var(--td); text-align:center; }
  .workspace-story { padding:10px 0 0; }
  .light-home[data-light-motion="enabled"] .workspace-story { height:calc(100vh + 1100px); }
  .light-home .story-pin.home-wrap { position:sticky; top:20px; height:calc(100vh - 40px); min-height:760px; max-width:calc(1320px + var(--story-progress,0) * 600px); padding-inline:20px; transition:max-width .12s linear; }
  .story-field { position:relative; display:flex; flex-direction:column; justify-content:center; height:100%; min-height:740px; padding:44px 40px 34px; border-radius:32px; background:radial-gradient(ellipse at 16% 12%,#9fd9b9 0,transparent 58%),radial-gradient(ellipse at 91% 76%,#87cbbc 0,transparent 60%),radial-gradient(ellipse at 34% 97%,#e0edaa,transparent 56%),linear-gradient(135deg,#eaf7ee,#bedecb); border:1px solid #d9ebdf; overflow:hidden; }
  .story-field .workspace-demo { width:100%; max-width:1200px; margin-inline:auto; }
  .spotlight-close { position:absolute; right:24px; top:24px; display:grid; place-items:center; width:44px; height:44px; border:1px solid #ffffff80; border-radius:12px; color:#14734b; background:#ffffff4a; font:26px/1 var(--sans); z-index:2; }
  .spotlight-close:hover { color:#105d3d; background:#fff; }
  .page-home:has(.workspace-story[data-spotlight="true"]) .nav:not(:focus-within) { transform:translateY(-130%); opacity:0; pointer-events:none; }
  .page-home .nav { transition:transform .35s,opacity .35s; }
  .story-steps { display:flex; align-items:center; justify-content:center; gap:19px; margin-bottom:27px; }
  .story-steps>[data-story-step] { display:flex; align-items:center; gap:10px; padding:9px 15px; color:#53665d; font-size:12px; border:1px solid transparent; border-radius:9px; transition:background .35s,border-color .35s,color .35s; }
  .story-steps b { font-weight:600; color:#14734b; }
  .story-steps>[aria-current="step"] { background:#fff; color:#142b23; border-color:#b7d5c4; box-shadow:0 5px 12px #1c8d5e0a; }
  .story-step-line { height:1px; width:29px; background:#9fc5b1; }
  .light-home .workspace-screen { border:1px solid #506156; border-radius:12px; box-shadow:0 30px 65px #12392333; }
  .light-home[data-light-motion="enabled"] .workspace-screen { transform:scale(calc(.88 + var(--story-progress,0) * .12)); transform-origin:center center; }
  .light-home .workspace-demo>figcaption { color:#53665d; font-size:11px; }
  .light-home .demo-toggle { color:#263b30; border-color:#bdd3c5; background:#ffffffa8; border-radius:7px; }
  .light-home .demo-toggle:hover { background:#fff; }
  .story-scroll-hint { position:absolute; bottom:44px; left:0; right:0; display:flex; justify-content:center; align-items:center; gap:22px; color:#3c6b4e; font-size:12px; margin-top:18px; pointer-events:none; }
  .story-scroll-hint>span { font-size:19px; }
  .light-home .home-agents { text-align:center; padding-top:80px; padding-bottom:84px; }
  .light-home .home-agents>.home-eyebrow { justify-content:center; }
  .light-home .home-agents h2 { font-size:31px; }
  .light-home .agent-line { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px; border:0; padding:38px 0 25px; margin:0; }
  .light-home .agent-brand { min-width:0; display:flex; align-items:center; justify-content:center; gap:14px; padding:20px 13px; border:1px solid #e1ebe5; border-radius:15px; background:#fff; box-shadow:0 3px 10px #142b2303; }
  .light-home .agent-brand img { object-fit:contain; flex:none; }
  .light-home .agent-brand>span { text-align:left; color:#22392c; font:500 17px/1.4 var(--sans); }
  .light-home .agent-brand small { display:block; color:#6a7c70; font:400 10px/1.4 var(--sans); }
  .light-home .home-features { padding-top:64px; padding-bottom:75px; }
  .light-home .section-center { text-align:center; max-width:790px; margin:0 auto 48px; }
  .light-home .section-center>.home-eyebrow { justify-content:center; }
  .light-home .section-center>p:not(.home-eyebrow) { margin-top:22px; font-size:17px; line-height:1.85; color:var(--tm); }
  .workflow-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
  .workflow-card { position:relative; background:#f4f8f5; border:1px solid #e3ece6; border-radius:22px; padding:30px 28px 24px; min-width:0; }
  .workflow-icon { display:grid; place-items:center; width:48px; height:48px; background:#fff; border:1px solid #dde9e1; border-radius:12px; margin-bottom:22px; color:#1c8d5e; }
  .workflow-icon img { object-fit:contain; }
  .workflow-icon img[src$="/web.png"] { background:#14734b; padding:4px; border-radius:6px; }
  .workflow-card>p { color:#53665d; font-size:14px; line-height:1.8; margin-top:13px; min-height:52px; }
  .workflow-card>.feature-detail-link { margin-top:20px; font-size:12px; }
  .mini-browser,.mini-task-list,.mini-diff { border:1px solid #d9e6de; border-radius:12px; background:#fff; box-shadow:0 12px 24px #173d260c; margin-top:28px; font:12px/1.5 var(--sans); min-height:192px; overflow:hidden; }
  .mini-caption { display:flex; align-items:center; gap:5px; padding:10px 12px; border-bottom:1px solid #e2eae4; background:#fafcfb; }
  .mini-caption i { width:5px; height:5px; border-radius:50%; background:#b6cabe; }
  .mini-caption>span { margin-left:14px; color:#61746a; font:9px var(--mono); }
  .mini-web-content { padding:24px 22px 18px; }
  .mini-web-line { display:block; width:75%; height:7px; background:#d6e8de; border-radius:5px; margin-bottom:9px; }
  .mini-web-line.short { width:52%; height:5px; background:#e9f1ec; }
  .mini-picked-button { display:inline-block; margin-top:12px; padding:7px 15px; color:#fff; background:#14734b; border-radius:5px; outline:2px solid #1c8d5e; outline-offset:4px; }
  .mini-selection-label { display:block; margin-top:12px; color:#14734b; font-size:9px; }
  .mini-task-list { display:grid; align-content:center; padding:18px 12px; gap:8px; }
  .mini-task-list>div { display:flex; align-items:center; gap:8px; padding:10px 5px; border-bottom:1px solid #eef3ef; color:#334e3d; font-size:11px; }
  .mini-task-list>div>span { color:#14734b; font-size:15px; }
  .mini-task-list small { margin-left:auto; color:#6e8175; font-size:9px; }
  .mini-task-active { padding:1px 4px; background:#def0e4; border-radius:4px; }
  .mini-diff { font-family:var(--mono),var(--sans); }
  .mini-diff>div { display:flex; justify-content:space-between; padding:11px 13px; background:#fafcfb; color:#53665d; font-size:10px; }
  .mini-diff>div>span { color:#14734b; }
  .mini-diff>del,.mini-diff>ins { display:block; text-decoration:none; font-size:11px; padding:7px 13px; }
  .mini-diff>del { background:#fff3f1; color:#995341; }
  .mini-diff>ins { background:#edf8f1; color:#1b6b43; }
  .mini-commit { display:block; margin:10px 13px; color:#14734b; font-size:10px; }
  .light-home .home-git,.light-home .home-sessions,.light-home .home-environment { padding-top:90px; padding-bottom:90px; }
  .showcase-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); gap:64px; align-items:center; }
  .showcase-copy>p:not(.home-eyebrow) { margin-top:24px; color:#53665d; font-size:16px; line-height:1.85; }
  .showcase-copy .home-text-link { margin-top:26px; }
  .feature-accordion { margin-top:30px; border-top:1px solid #d9e6de; }
  .feature-accordion details,.environment-details { border-bottom:1px solid #d9e6de; }
  .light-home summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#283e31; }
  .light-home summary::-webkit-details-marker { display:none; }
  .feature-accordion summary { padding:18px 0; font:500 15px/1.5 var(--sans); }
  .light-home summary>span { color:#6a8272; font-size:20px; transition:transform .25s; }
  .light-home details[open]>summary>span { transform:rotate(45deg); color:#14734b; }
  .feature-accordion details>p,.environment-details>p { font-size:13px; color:#53665d; padding-bottom:19px; line-height:1.85; }
  .showcase-visual { min-width:0; padding:27px 24px; border-radius:24px; background:#edf5f0; }
  .git-visual { background:radial-gradient(ellipse at 85% 0%,#ddedd7,transparent 70%),#eaf5ef; }
  .light-home .home-git .showcase-layout { grid-template-columns:1fr; gap:32px; }
  .light-home .home-git .showcase-copy { max-width:none; display:grid; grid-template-columns:1fr 1fr; column-gap:60px; align-items:end; }
  .light-home .home-git .showcase-copy>.home-eyebrow { grid-column:1 / -1; }
  .light-home .home-git .showcase-copy>h2 { grid-column:1; }
  .light-home .home-git .showcase-copy>p:not(.home-eyebrow) { grid-column:2; font-size:16px; margin:0 0 8px; }
  .light-home .home-git .feature-accordion { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:25px; }
  .light-home .home-git .feature-accordion summary { font-size:14px; }
  .light-home .home-git .feature-accordion details>p { font-size:12px; }
  .light-home .home-git .showcase-copy>.home-text-link { grid-column:1 / -1; margin-top:16px; }
  .showcase-reverse { grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); }
  .showcase-reverse>.showcase-copy { grid-column:2; grid-row:1; }
  .showcase-reverse>.showcase-visual { grid-column:1; grid-row:1; }
  .light-home .home-remote { padding:85px 0 60px; margin:0 24px; border:1px solid #deebe2; border-radius:32px; background:radial-gradient(ellipse at 22% 48%,#dfefe4,transparent 65%),#f2f8f5; overflow:hidden; }
  .light-home .home-remote::before { content:none; }
  .light-home .mobile-store-links { position:static; inset:auto; display:flex; justify-content:center; align-items:center; gap:12px; margin-top:27px; }
  .light-home .mobile-store-links a { display:block; }
  .light-home .mobile-store-links img { display:block; object-fit:contain; }
  .light-home .touch-showcase-wrap { padding:5px 0 12px; }
  .light-home .mobile-workspace { min-height:650px; }
  .light-home .touch-tablet { box-shadow:0 22px 50px #142b2326; border-color:#8caa96; }
  .light-home .touch-phone { box-shadow:-15px 17px 38px #142b2333; border-color:#8caa96; }
  .light-home .mobile-workspace figcaption { color:#61746a; }
  .remote-connection-note { display:flex; align-items:center; gap:24px; border-top:1px solid #d2e2d8; padding-top:26px; }
  .remote-connection-note>img { object-fit:contain; flex:none; }
  .remote-connection-note>div { flex:1; }
  .remote-connection-note p { font-size:13px; color:#3b5745; }
  .remote-connection-note .home-quiet { margin-top:5px; font-size:11px; }
  .remote-connection-note .home-text-link { white-space:nowrap; font-size:13px; }
  .light-home .session-workspace-preview>figcaption { color:#61746a; }
  .light-home .convenience-grid { margin-top:56px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; border-top:1px solid #d9e6de; padding-top:36px; }
  .light-home .convenience-grid article { padding:0; border:0; min-width:0; }
  .light-home .convenience-grid h3 { font-size:19px; margin-top:15px; }
  .light-home .convenience-grid p { color:#53665d; font-size:13px; line-height:1.9; margin-top:12px; }
  .light-home .convenience-icon { position:static; display:block; height:30px; font-size:29px; line-height:30px; color:#1c8d5e; }
  .light-home .status-dots { position:static; display:flex; align-items:center; gap:6px; height:30px; }
  .light-home .convenience-grid article>img { display:block; padding:5px; background:#14734b; border-radius:7px; width:30px; height:30px; object-fit:contain; }
  .light-home .status-dots i { width:9px; height:9px; border-radius:50%; background:#cb8218; }
  .light-home .status-dots i:nth-child(2) { background:#1c8d5e; }
  .light-home .status-dots i:nth-child(3) { background:#85978c; }
  .environment-options { margin-top:27px; display:grid; gap:15px; }
  .environment-options>span { display:flex; align-items:center; gap:20px; font-size:12px; color:#53665d; }
  .environment-options b { width:90px; color:#223c2e; font-size:14px; }
  .environment-details { margin-top:24px; border-top:1px solid #d9e6de; }
  .environment-details summary { font-size:13px; padding:17px 0; }
  .environment-details>p { font-size:12px; }
  .environment-visual { position:relative; padding:34px 24px; background:radial-gradient(ellipse at 10% 80%,#d7eada,transparent 70%),#eff5ee; }
  .docker-tile { position:absolute; right:8px; top:-22px; padding:7px; border-radius:14px; background:#fff; border:1px solid #d9e6de; object-fit:contain; z-index:1; box-shadow:0 8px 15px #142b230c; }
  .light-home .runtime-settings-preview { max-width:none; }
  .light-home .runtime-settings-preview figcaption { color:#61746a; }
  .light-home .home-download { margin:0 24px; padding:85px 0 55px; border:1px solid #deebe2; border-radius:32px; background:radial-gradient(ellipse at 85% 0%,#e6f2e5,transparent 60%),#f2f8f5; }
  .light-home .download-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:0; }
  .light-home .download-grid article { display:flex; flex-direction:column; align-items:flex-start; border:1px solid #dce8df; border-radius:17px; background:#fff; padding:26px 22px 24px; min-width:0; }
  .light-home .windows-wordmark { display:flex; height:42px; width:130px; margin:0 0 21px; }
  .light-home .windows-wordmark img { object-fit:contain; object-position:left; width:130px; height:42px; background:#fff; }
  .light-home .macos-wordmark,.light-home .ios-wordmark { display:flex; align-items:center; height:42px; margin-bottom:21px; font:600 27px/1 var(--sans); letter-spacing:-.04em; color:#142b23; }
  .light-home .download-platform-mark { object-fit:contain; height:42px; width:45px; margin:0 0 21px; }
  .light-home .download-grid h3 { font-size:20px; margin:0; }
  .light-home .download-grid article>p { min-height:43px; font-size:12px; color:#53665d; line-height:1.8; margin:13px 0 24px; }
  .light-home .download-grid article>.home-button { min-height:46px; padding:0 17px; gap:16px; font-size:13px; margin:0; }
  .light-home .download-store-badge { display:block; margin:0; height:46px; }
  .light-home .download-store-badge img { display:block; object-fit:contain; height:46px; width:auto; max-width:100%; }
  .light-home .platform-release-link { font-size:11px; color:#14734b; margin-top:16px; }
  .light-home .download-grid article>.platform-note { min-height:0; font-size:10px; color:#61746a; margin:7px 0 0; }
  .light-home .download-footnote { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; padding:28px 0 0; margin-top:28px; border-top:1px solid #d2e2d8; }
  .light-home .download-footnote p { font-size:12px; color:#53665d; }
  .light-home .download-footnote details { max-width:730px; margin-top:12px; }
  .light-home .download-footnote summary { font-size:12px; justify-content:flex-start; gap:12px; color:#61746a; }
  .light-home .download-footnote details>p { margin-top:9px; font-size:11px; line-height:1.85; }
  .page-home .foot { margin:24px; border:1px solid #e0ebe3; border-radius:28px; background:#fff; padding:64px 0 30px; }
  .page-home .foot .wrap { max-width:1320px; padding-inline:56px; }
  .page-home .foot-description { font-size:22px; color:#395944; line-height:1.6; max-width:360px; }
  .page-home .foot ul a { color:#53665d; }
  .page-home .foot .foot-h { color:#142b23; }
  .page-home .foot ul a:hover { color:#14734b; }
  .page-home .foot-bottom { display:flex; justify-content:space-between; gap:25px; color:#61746a; border-color:#d9e6de; }
  .page-home .foot-brand-credits { max-width:580px; font-size:11px; }
  .page-home .foot-brand-credits summary { color:#61746a; cursor:pointer; }
  .page-home .foot-brand-credits p { color:#61746a; margin-top:9px; }
  @container page (max-width:1100px) {
    .light-home .home-wrap,.page-home .foot .wrap { padding-inline:34px; }
    .light-home .hero-heading { padding-top:68px; }
    .light-home .agent-line { gap:12px; }
    .light-home .agent-brand { flex-direction:column; gap:10px; }
    .light-home .agent-brand>span { text-align:center; font-size:14px; }
    .showcase-layout,.showcase-reverse { grid-template-columns:1fr; gap:35px; }
    .showcase-copy { max-width:650px; }
    .showcase-reverse>.showcase-copy,.showcase-reverse>.showcase-visual { grid-column:auto; grid-row:auto; }
    .light-home[data-light-motion="enabled"] .workspace-story { height:auto; }
    .light-home .story-pin.home-wrap { position:relative; top:auto; height:auto; min-height:0; max-width:1320px; padding-inline:34px; }
    .light-home[data-light-motion="enabled"] .workspace-screen { transform:none; }
    .story-field { height:auto; min-height:0; padding:22px 18px 16px; }
    .spotlight-close { display:none; }
    .story-scroll-hint { position:static; margin-top:18px; color:#61746a; }
    .story-steps { gap:10px; }
    .story-steps>[data-story-step] { padding:8px 9px; font-size:11px; }
    .workflow-card { padding:25px 20px 22px; }
    .light-home .home-agents { padding-top:68px; }
    .light-home .download-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .light-home .download-grid article { padding:28px; }
  }
  @container page (max-width:760px) {
    .light-home .home-git .showcase-copy { display:block; }
    .light-home .home-git .showcase-copy>p:not(.home-eyebrow) { font-size:14px; margin-top:20px; }
    .light-home .home-git .feature-accordion { display:block; }
    .page-home .nav { margin:10px auto 0; top:10px; width:calc(100% - 24px); border-radius:13px; }
    .page-home .nav-in { padding:14px 18px; min-height:64px; gap:15px; flex-wrap:wrap; }
    .page-home .brand { font-size:18px; }
    .page-home .brand .mark { width:27px; height:27px; }
    .page-home .nav-links { order:3; flex-basis:100%; justify-content:center; gap:24px; margin:0; }
    .page-home .nav-links a { font-size:12px; padding:1px 0; }
    .page-home .nav .btn { margin-left:auto; min-height:38px; font-size:12px; padding:0 15px; }
    .light-home .home-wrap,.page-home .foot .wrap { padding-inline:24px; }
    .light-home .hero-heading { padding-top:56px; padding-bottom:35px; }
    .light-home .hero-heading h1 { font-size:clamp(34px,5.7cqw,45px); }
    .light-home .hero-description { font-size:15px; margin-top:22px; }
    .light-home .home-eyebrow { font-size:11px; margin-bottom:17px; }
    .light-home .hero-actions { margin-top:25px; gap:10px; }
    .light-home .home-button { font-size:13px; min-height:48px; padding:0 18px; gap:16px; }
    .light-home .story-pin.home-wrap { padding-inline:24px; }
    .story-field { border-radius:19px; padding:16px 11px 11px; }
    .story-steps { gap:7px; margin-bottom:16px; }
    .story-steps>[data-story-step] { flex:1; flex-direction:column; padding:7px 3px; gap:5px; font-size:9px; text-align:center; }
    .story-step-line { width:12px; flex:none; }
    .story-scroll-hint { font-size:10px; gap:10px; }
    .light-home .home-agents { padding-top:55px; padding-bottom:55px; }
    .light-home .home-agents h2 { font-size:26px; }
    .light-home .agent-line { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; padding:27px 0 21px; }
    .light-home .agent-brand { width:calc((100% - 24px) / 3); padding:16px 9px; border-radius:12px; }
    .light-home .agent-brand>span { font-size:13px; }
    .light-home .agent-brand img { max-width:35px; max-height:35px; }
    .light-home .home-features { padding-top:35px; padding-bottom:45px; }
    .light-home h2 { font-size:34px; }
    .light-home .section-center { margin-bottom:32px; }
    .light-home .section-center>p:not(.home-eyebrow) { font-size:14px; margin-top:19px; }
    .workflow-grid { grid-template-columns:1fr; gap:18px; }
    .workflow-card { padding:25px; }
    .workflow-card>p { min-height:0; }
    .mini-browser,.mini-task-list,.mini-diff { min-height:180px; margin-top:22px; }
    .light-home .home-git,.light-home .home-sessions,.light-home .home-environment { padding-top:55px; padding-bottom:55px; }
    .showcase-layout { gap:29px; }
    .showcase-copy>p:not(.home-eyebrow) { font-size:14px; margin-top:20px; }
    .showcase-visual { padding:19px 14px; border-radius:18px; }
    .feature-accordion { margin-top:23px; }
    .feature-accordion summary { font-size:14px; padding:17px 0; }
    .light-home .home-remote { margin-inline:12px; border-radius:24px; padding:55px 0 37px; }
    .light-home .home-remote .home-wrap { padding-inline:20px; }
    .light-home .mobile-workspace { min-height:510px; }
    .remote-connection-note { flex-wrap:wrap; gap:16px; padding-top:23px; }
    .remote-connection-note>div { flex-basis:calc(100% - 100px); }
    .remote-connection-note .home-text-link { margin-left:89px; }
    .remote-connection-note p { font-size:12px; }
    .light-home .convenience-grid { grid-template-columns:1fr; gap:30px; margin-top:40px; padding-top:30px; }
    .light-home .convenience-grid h3 { margin-top:12px; }
    .light-home .convenience-grid p { font-size:13px; max-width:540px; }
    .light-home .home-download { margin-inline:12px; border-radius:24px; padding:55px 0 35px; }
    .light-home .home-download .home-wrap { padding-inline:20px; }
    .light-home .download-grid { gap:14px; }
    .light-home .download-grid article { padding:22px 17px; }
    .light-home .download-footnote { flex-direction:column; gap:18px; }
    .page-home .foot { margin:12px; padding:44px 0 25px; border-radius:22px; }
    .page-home .foot-grid { grid-template-columns:1fr; gap:32px; }
    .page-home .foot-cols { gap:20px; }
    .page-home .foot-description { font-size:20px; margin-top:18px; }
    .page-home .foot-bottom { margin-top:35px; flex-direction:column; gap:14px; }
  }
  @container page (max-width:480px) {
    .light-home .home-wrap,.page-home .foot .wrap { padding-inline:20px; }
    .page-home .nav-in { padding:11px 13px; gap:12px; }
    .page-home .nav-links { gap:20px; }
    .page-home .nav-links a { font-size:11px; }
    .light-home .hero-heading h1 { font-size:32px; line-height:1.33; }
    .light-home .hero-heading { padding-top:45px; }
    .light-home .hero-description { font-size:13px; line-height:1.85; }
    .light-home .hero-actions { gap:8px; }
    .light-home .hero-actions .home-button { flex:1; padding-inline:10px; gap:9px; font-size:11px; }
    .light-home h2 { font-size:30px; }
    .light-home .home-eyebrow { font-size:10px; }
    .light-home .agent-brand { gap:9px; }
    .light-home .agent-brand>span { font-size:11px; }
    .light-home .home-quiet { font-size:11px; }
    .light-home .mobile-workspace { min-height:0; }
    .light-home .mobile-store-links { gap:9px; }
    .light-home .mobile-store-links img { max-width:145px; height:44px; width:auto; }
    .light-home .download-grid { grid-template-columns:1fr; }
    .light-home .download-grid article { padding:26px; }
    .light-home .download-grid article>p { font-size:13px; }
    .light-home .download-grid article>.platform-note { font-size:11px; }
    .light-home .platform-release-link { font-size:12px; }
    .page-home .foot-cols { grid-template-columns:1fr 1fr; gap:28px 20px; }
  }
  @media (prefers-reduced-motion:reduce) {
    .light-home .workspace-screen { transform:none!important; }
    .light-home .workspace-story { height:auto!important; }
    .light-home .story-pin.home-wrap { position:relative; top:auto; height:auto; min-height:0; }
    .light-home .story-field { height:auto; min-height:0; }
    .light-home .spotlight-close { display:none; }
    .light-home .story-scroll-hint { position:static; }
    .light-home *, .light-home *::before, .light-home *::after { animation:none!important; transition:none!important; }
  }
}