.sa-scene{position:absolute;inset:78px 22px 18px;transition:none}
.sa-record-scene{animation:saRecordScene 12s ease-in-out infinite}
.sa-summary-scene{opacity:0;transform:translateY(8px);animation:saSummaryScene 12s ease-in-out infinite}
.sa-rec-status{display:flex;justify-content:space-between;align-items:center;color:#7d876b;font-size:8px;padding:11px 12px;border:1px solid #e6e7dc;border-radius:8px;background:#fbfcf9}
.sa-rec-status span{display:flex;align-items:center;gap:7px}
.sa-rec-status i{width:6px;height:6px;background:#8eb500;border-radius:50%;box-shadow:0 0 0 4px rgba(142,181,0,.13);animation:saPulse 1.4s ease-in-out infinite}
.sa-transcript{display:grid;gap:13px;padding:20px 10px 0}
.fv-rec-line{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:start;font-size:10px;line-height:1.75;opacity:0;transform:translateY(5px)}
.fv-rec-line time{color:#a2a69b;font-size:7px;padding-top:2px}
.fv-rec-line p{color:#5a6051}
.fv-rec-line p>span{background:linear-gradient(90deg,rgba(236,246,146,.65),rgba(236,246,146,0)) no-repeat;background-size:0 100%;animation:saHighlight 12s ease infinite}
.line-1{animation:saLine1 12s ease infinite}
.line-2{animation:saLine2 12s ease infinite}
.line-3{animation:saLine3 12s ease infinite}
.line-4{animation:saLine4 12s ease infinite}
.line-5{animation:saLine5 12s ease infinite}
.sa-listening{position:absolute;left:10px;right:10px;bottom:12px;display:flex;align-items:center;gap:10px;padding:11px 13px;border-top:1px solid #eef0e7;color:#8b9182;font-size:8px}
.sa-listening b{font-weight:500}
.sa-wave{display:flex;align-items:center;gap:2px;height:18px}
.sa-wave i{width:2px;height:7px;background:#8eb500;border-radius:2px;animation:saWave .8s ease-in-out infinite alternate}
.sa-wave i:nth-child(2),.sa-wave i:nth-child(6){height:14px;animation-delay:-.2s}
.sa-wave i:nth-child(3),.sa-wave i:nth-child(5){height:10px;animation-delay:-.5s}
.sa-wave i:nth-child(4){height:18px;animation-delay:-.35s}
.sa-summary-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sa-summary-top .sa-summary-title{font-size:18px;line-height:1.55;font-weight:650;letter-spacing:-.025em}
.sa-summary-top>span{flex:none;margin-top:2px;padding:3px 8px;border-radius:20px;background:#eff3d4;color:#6d8a12;font-size:7px}
.sa-summary-copy{margin-top:8px!important;color:#72776a;font-size:8px!important;line-height:1.7!important}
.sa-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.sa-insights article{min-width:0;border:1px solid #e0e2d9;border-radius:9px;background:#f4f8f7;padding:12px 11px;opacity:0;transform:translateY(7px);animation:saCard 12s ease infinite}
.sa-insights article:nth-child(2){background:#faf7ec;border-color:#e9ddbb;animation-delay:.12s}
.sa-insights article:nth-child(3){background:#fbf1ef;border-color:#e8c9c3;animation-delay:.24s}
.sa-insights small{display:block;font-size:7px;color:#75847d}
.sa-insights strong{display:block;font-size:13px;line-height:1.45;margin-top:4px}
.sa-insights p{margin-top:5px!important;color:#7c8075;font-size:7px!important;line-height:1.55!important}
.sa-insights a{color:#8a604f;text-decoration:underline;text-underline-offset:2px}
.sa-next-actions{margin-top:12px;border-top:1px solid #e5e6de;padding-top:9px;opacity:0;transform:translateY(7px);animation:saNextActions 12s ease infinite}
.sa-next-actions .sa-next-title{margin:0 0 6px;font-size:8px;line-height:1.4;color:#556240}
.sa-next-actions table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:7px;line-height:1.45}
.sa-next-actions th{padding:4px 5px;background:#edf2f5;color:#53616a;text-align:left;font-weight:600}
.sa-next-actions td{padding:5px;border-bottom:1px solid #e6e7e2;vertical-align:top;color:#5c6055}
.sa-next-actions th:nth-child(1),.sa-next-actions td:nth-child(1){width:23%}
.sa-next-actions th:nth-child(2),.sa-next-actions td:nth-child(2){width:52%}
.sa-next-actions th:nth-child(3),.sa-next-actions td:nth-child(3){width:25%}
.sa-next-actions td b{display:inline-block;margin-bottom:2px;padding:1px 4px;border-radius:9px;font-size:6px;line-height:1.35;font-weight:600}
.sa-next-actions tr:nth-child(1) td b{background:#e1eee7;color:#397057}
.sa-next-actions tr:nth-child(2) td b{background:#fff0d7;color:#9a6b28}
.sa-next-actions tr:nth-child(3) td b{background:#fff0d7;color:#9a6b28}
.sa-support{position:absolute;left:0;right:0;bottom:3px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:13px 14px;border:1px solid #cbd7a7;border-radius:10px;background:#f3f6da;box-shadow:0 10px 25px rgba(58,77,12,.1);opacity:0;transform:translateY(12px);animation:saSupport 12s ease infinite}
.sa-support>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e0eb9e;color:#4c6600;font-size:15px}
.sa-support small{display:block;color:#79885c;font-size:7px}
.sa-support strong{display:block;margin-top:1px;font-size:10px;line-height:1.5}
.sa-support>b{border-radius:20px;padding:4px 8px;background:#4c6600;color:#fff;font-size:7px;white-space:nowrap}
.sa-processing{position:absolute;left:50%;top:52%;z-index:5;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dde0ce;border-radius:30px;background:rgba(255,255,251,.96);box-shadow:0 8px 25px rgba(46,57,25,.12);color:#686f5b;font-size:8px;opacity:0;transform:translate(-50%,-50%) scale(.96);animation:saProcessing 12s ease infinite;white-space:nowrap}
.sa-processing span{width:10px;height:10px;border:2px solid #dce6a7;border-top-color:#6d8a12;border-radius:50%;animation:saSpin .8s linear infinite}
.sa-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px!important;color:#7d8374;font-size:8px!important;letter-spacing:.04em}
.sa-caption i{color:#98ae6a;font-style:normal}
@keyframes saRecordScene{0%,37%{opacity:1;transform:none}
43%,94%{opacity:0;transform:translateY(-5px)}
to{opacity:1;transform:none}
}
@keyframes saSummaryScene{0%,43%{opacity:0;transform:translateY(8px)}
49%,92%{opacity:1;transform:none}
98%,to{opacity:0;transform:translateY(-5px)}
}
@keyframes saLine1{0%,5%{opacity:0;transform:translateY(5px)}
9%,41%{opacity:1;transform:none}
44%,to{opacity:0}
}
@keyframes saLine2{0%,12%{opacity:0;transform:translateY(5px)}
17%,41%{opacity:1;transform:none}
44%,to{opacity:0}
}
@keyframes saLine3{0%,20%{opacity:0;transform:translateY(5px)}
24%,41%{opacity:1;transform:none}
44%,to{opacity:0}
}
@keyframes saLine4{0%,26%{opacity:0;transform:translateY(5px)}
30%,41%{opacity:1;transform:none}
44%,to{opacity:0}
}
@keyframes saLine5{0%,32%{opacity:0;transform:translateY(5px)}
36%,41%{opacity:1;transform:none}
44%,to{opacity:0}
}
@keyframes saHighlight{0%,24%{background-size:0 100%}
31%,42%{background-size:100% 100%}
45%,to{background-size:0 100%}
}
@keyframes saProcessing{0%,38%{opacity:0;transform:translate(-50%,-50%) scale(.96)}
41%,46%{opacity:1;transform:translate(-50%,-50%) scale(1)}
49%,to{opacity:0;transform:translate(-50%,-50%) scale(.96)}
}
@keyframes saCard{0%,48%{opacity:0;transform:translateY(7px)}
54%,91%{opacity:1;transform:none}
96%,to{opacity:0;transform:translateY(-4px)}
}
@keyframes saSupport{0%,61%{opacity:0;transform:translateY(12px)}
68%,91%{opacity:1;transform:none}
96%,to{opacity:0;transform:translateY(-5px)}
}
@keyframes saNextActions{0%,54%{opacity:0;transform:translateY(7px)}
60%,92%{opacity:1;transform:none}
96%,to{opacity:0;transform:translateY(-4px)}
}
@keyframes saPulse{50%{box-shadow:0 0 0 7px transparent}
}
@keyframes saWave{to{height:4px;opacity:.55}
}
@keyframes saSpin{to{transform:rotate(360deg)}
}
@media (max-width:1100px){.hero h1{font-size:44px}
.sa-shell{min-height:470px}
.sa-layout{min-height:432px}
.sa-summary-top .sa-summary-title{font-size:16px}
.sa-scene{inset-inline:18px}
.sa-canvas{padding-inline:18px}
}
@media (max-width:800px){.hero h1{font-size:clamp(36px,9vw,50px)}
.hero-motion-wrap{padding-top:4px}
.sa-shell{min-height:480px}
.sa-layout{min-height:442px}
.sa-summary-top .sa-summary-title{font-size:17px}
.sa-insights article{padding:11px 9px}
.sa-insights strong{font-size:12px}
.sa-support{bottom:5px}
}
@media (max-width:440px){.sa-shell{min-height:442px;border-radius:14px}
.sa-titlebar{height:34px}
.sa-layout{grid-template-columns:30px 1fr;min-height:408px}
.sa-sidebar{gap:12px}
.sa-sidebar b{width:20px;height:20px}
.sa-canvas{padding:16px 13px 12px}
.sa-scene{inset:69px 13px 12px}
.sa-meeting-head strong{font-size:11px}
.sa-summary-top .sa-summary-title{font-size:14px}
.sa-summary-copy{display:none}
.sa-insights{gap:5px;margin-top:12px}
.sa-insights article{padding:9px 7px}
.sa-insights strong{font-size:10px}
.sa-insights p{font-size:6px!important}
.sa-support{grid-template-columns:24px 1fr;padding:10px}
.sa-support>span{width:24px;height:24px}
.sa-support>b{display:none}
.sa-support strong{font-size:9px}
.fv-rec-line{grid-template-columns:30px 1fr;font-size:8px}
.sa-caption{gap:5px;font-size:7px!important}
}
@media (prefers-reduced-motion:reduce){.sa-record-scene,.sa-processing{display:none}
.sa-summary-scene,.sa-insights article,.sa-support{opacity:1!important;transform:none!important}
.sa-wave i,.sa-rec-status i,.sa-processing span{animation:none!important}
}
.intro-journey{position:relative;background:var(--paper);border-bottom:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);grid-template-rows:minmax(720px,calc(100vh - 78px)) minmax(690px,calc(100vh - 96px));column-gap:70px;align-items:start}
.intro-hero-copy{grid-column:1;grid-row:1;align-self:center;padding:40px 0 70px}
.intro-hero-copy h1{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:clamp(38px,4.4vw,64px);line-height:1.52;letter-spacing:-.055em;font-weight:700;margin:0;white-space:nowrap}
.intro-hero-copy h1 span{color:var(--olive)}
.intro-hero-copy .lead{font-size:16px;line-height:2.1;margin-top:26px}
.intro-visual{grid-column:2;grid-row:1/span 2;position:sticky;top:84px;height:calc(100vh - 96px);display:flex;align-items:center;min-width:0;z-index:3}
.intro-visual .hero-motion-wrap{width:100%;padding:18px 0 30px}
.intro-manifesto{grid-column:1;grid-row:2;width:auto;align-self:center;text-align:left;padding:72px 0 90px;overflow:visible}
