/* Review: aligned surfaces and motion tied to the reading zone.
   Layer order: feature stack 1–4, navigation above, dialogs native. */
.price-card .plan-emblem-image{width:120px;height:132px;margin:0 0 24px;perspective:none;filter:none;display:flex;align-items:center;justify-content:center}
.plan-emblem-image>img{display:block;width:100%;height:100%;object-fit:contain}
.adjusted-hero{height:auto;min-height:0;padding-bottom:0}
.adjusted-hero .hero-copy{padding-top:118px}
.adjusted-hero h1{margin-top:25px}
.hero-actions{margin-top:28px}
.hero-product-scene{position:relative;left:auto;top:auto;width:min(1380px,calc(100% - 80px));height:auto;aspect-ratio:1.91;margin:78px auto 0;transform:none;transform-origin:top center}
.hero-system{left:4%;top:0;width:92%;height:auto;aspect-ratio:782/587}
.hero-system>.figma-hero-canvas{transform:scale(var(--dashboard-scale,1));transform-origin:top left}
.hero-compliance{left:auto;right:0;top:-45px;width:191px;height:146px}
.hero-operation{left:0;top:44%;width:189px;height:103px}
.native-closing{width:100%;max-width:1200px;height:auto;aspect-ratio:1.7;padding:0;margin-top:50px;background:#e7f0e2;border:1px solid #d5e1cd}
.closing-dashboard{position:absolute;inset:28px 28px auto}
.closing-dashboard>.figma-hero-canvas{transform:scale(var(--dashboard-scale,1));transform-origin:top left}
.feature-stack{gap:88px;padding-bottom:40px;isolation:isolate}
.adjusted-feature{border:1px solid #ccd9c5;box-shadow:0 14px 45px #173c320c;background:#edf3e8}
.adjusted-feature .feature-copy{padding:36px;background:#fff;border-right:1px solid #dbe5d4}
.adjusted-feature.reverse .feature-copy{border-right:0;border-left:1px solid #dbe5d4}
.adjusted-feature .feature-visual{border-radius:0}
@media(min-width:901px) and (min-height:650px){
  html:not(.motion-off):not(.tupa-capture) .adjusted-feature{position:sticky;top:calc(102px + var(--stack-index,0)*12px);z-index:calc(1 + var(--stack-index,0));height:min(650px,calc(100svh - 170px));min-height:0;scroll-margin-top:148px}
  html:not(.motion-off):not(.tupa-capture) .adjusted-feature .feature-visual{height:100%}
  html:not(.motion-off):not(.tupa-capture) .adjusted-feature .figma-scene-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--feature-scale,.88));transform-origin:center}
  .adjusted-feature:focus-within{outline:2px solid #98e27a;outline-offset:3px}
}
.schedule-visual .schedule-row{animation:none;margin:0;height:60px;padding:10px 8px;position:absolute;left:0;right:0;top:0;will-change:transform,opacity;background:#fff}
.schedule-queue{height:204px;position:relative;overflow:hidden;margin-top:12px}
.schedule-row:nth-child(1){transform:translateY(0)}
.schedule-row:nth-child(2){transform:translateY(70px)}
.schedule-row:nth-child(3){transform:translateY(140px)}
.schedule-row:nth-child(4){transform:translateY(210px);opacity:0}
.schedule-row .status-pill{font-size:7px;padding:4px 6px;white-space:nowrap}
.schedule-done{margin-top:14px}
.sync-visual{height:240px;min-height:240px;max-width:330px;isolation:isolate}
.sync-brand,.sync-soc{top:65px;width:78px;height:78px;z-index:2}
.sync-track{position:absolute;left:58px;right:58px;top:102px;height:2px;background:#ccdac4}
.sync-track::before{content:"";position:absolute;inset:-5px 0;background:#d8eacb;border-radius:9px;opacity:.4}
.sync-packet{position:absolute;left:0;top:-3px;width:26px;height:8px;border-radius:6px;background:#7bc35d;opacity:0}
.sync-packet.back{top:9px;width:18px;background:#163c31}
.sync-caption{position:absolute;top:158px;left:0;right:0;text-align:center;font-size:10px;color:#61755b}
.sync-label{bottom:16px}
.sync-visual.motion-visible .sync-packet{animation:packet-forward 2.8s cubic-bezier(.4,0,.2,1) infinite}
.sync-visual.motion-visible .sync-packet.back{animation:packet-return 2.8s .6s cubic-bezier(.4,0,.2,1) infinite}
.sync-visual.motion-visible :is(.sync-brand,.sync-soc){animation:connection-receive 2.8s ease-in-out infinite}
.sync-visual.motion-visible .sync-soc{animation-delay:.7s}
@keyframes packet-forward{0%{opacity:0;transform:translateX(0) scaleX(.4)}15%{opacity:1;transform:translateX(0) scaleX(1)}70%{opacity:1}85%,100%{opacity:0;transform:translateX(var(--packet-travel,150px)) scaleX(.4)}}
@keyframes packet-return{0%{opacity:0;transform:translateX(var(--packet-travel,150px))}15%,65%{opacity:1}85%,100%{opacity:0;transform:translateX(0)}}
@keyframes connection-receive{0%,25%,100%{transform:scale(1)}45%{transform:scale(1.035)}}
.document-visual{display:grid;gap:10px;align-content:center;padding:14px 0;min-height:245px}
.document-visual .document-slip{transform:none;rotate:none;animation:none;padding:15px 12px;min-height:69px;box-shadow:0 5px 14px #173c3205}
.document-slip>div{min-width:0}
.document-slip>span{white-space:nowrap;flex-shrink:0;border-radius:6px}
.document-visual.motion-visible .document-slip{animation:document-arrive 650ms cubic-bezier(.16,1,.3,1) both}
.document-visual.motion-visible .document-slip:nth-child(2){animation-delay:130ms}
.document-visual.motion-visible .document-slip:nth-child(3){animation-delay:260ms}
.document-visual.motion-visible .document-slip>span{animation:status-arrive 500ms 700ms both}
@keyframes document-arrive{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:none}}
@keyframes status-arrive{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
.team-visual.motion-visible .team-person{animation:person-pop 680ms cubic-bezier(.2,.8,.2,1.25) both}
.team-visual.motion-visible .team-person-b{animation-delay:140ms}
.team-visual.motion-visible .team-person-c{animation-delay:280ms}
.team-visual.motion-visible .team-person-d{animation-delay:420ms}
.team-visual .connection{stroke-dasharray:5 5;stroke:#9bbf88;stroke-width:1.3}
.team-visual.motion-visible .connection{animation:team-connect 1.4s 250ms both}
.team-visual.motion-visible .team-center>img{animation:person-pop 600ms 500ms both}
@keyframes person-pop{0%{opacity:0;transform:translateY(12px) scale(.65)}70%{opacity:1;transform:translateY(-2px) scale(1.07)}100%{opacity:1;transform:none}}
@keyframes team-connect{from{opacity:0}to{opacity:1}}
.epi-visual .epi-card{transform:none;rotate:none;border-radius:12px;box-shadow:0 10px 24px #173c3208}
.epi-visual.motion-visible .epi-card{animation:document-arrive 650ms both}
.signature{font-family:Inter,sans-serif!important;position:relative;overflow:hidden}
.signature::after{content:"";position:absolute;inset:0;background:white;transform:translateX(101%)}
.epi-visual.motion-visible .signature::after{animation:signature-uncover 1.1s 450ms cubic-bezier(.35,0,.2,1) both}
.epi-visual.motion-visible .epi-confirm{animation:status-arrive 650ms 1.3s both}
@keyframes signature-uncover{from{transform:translateX(0)}to{transform:translateX(101%)}}
/* Equal illustration, kicker, title and link rows across all three paths. */
.next-grid{align-items:stretch}
.next-grid .next-card{display:grid;grid-template-rows:270px 15px minmax(64px,auto) 37px;align-content:start;gap:17px;align-self:stretch}
.next-grid .next-art{height:270px;min-height:270px;margin:0;transform:none;rotate:none;padding:22px;border-radius:16px}
.next-grid .next-card:hover .next-art{transform:none;border-color:#adc99a}
.next-grid .next-card>.card-kicker{margin:0;align-self:end}
.next-grid .next-card h3{margin:0;font-size:23px;line-height:1.3;align-self:start}
.next-grid .next-card>.text-link{align-self:end;margin:0;padding-top:16px}
.next-product{display:block;background:#e6eee0}
.next-window-native{position:absolute;left:16px;right:16px;top:18px;width:auto;height:194px;transform:none;rotate:none;border:1px solid #cfdcc8;border-radius:8px;background:#fff;overflow:hidden}
.next-window-native .figma-hero-canvas{transform:scale(var(--dashboard-scale,.43));transform-origin:top left;border:0}
.next-grid .next-play{width:40px;height:40px;top:95px;left:calc(50% - 20px);transform:none}
.next-tour-progress{left:20px;right:20px;bottom:19px}
.next-product.motion-visible .next-window-native{animation:document-arrive 800ms both}
.next-product.motion-visible .next-play{animation:person-pop 700ms 550ms both}
.checklist-art{gap:0;justify-content:flex-start}
.checklist-heading{display:flex;align-items:center;gap:10px}
.checklist-heading>img{width:23px;height:23px}
.checklist-heading>strong{font-size:23px;letter-spacing:-.045em;font-weight:400}
.checklist-items{display:grid;gap:9px;width:100%;margin-top:22px}
.checklist-items>span{display:flex;align-items:center;gap:9px;padding:10px 11px;background:#ffffffcf;border:1px solid #dbe5d4;border-radius:7px;font-size:10px}
.checklist-items img{width:15px;height:15px}
.checklist-art>small{font-size:9px;margin-top:auto;color:#607167}
.checklist-art.motion-visible .checklist-items>span{animation:document-arrive 650ms both}
.checklist-art.motion-visible .checklist-items>span:nth-child(2){animation-delay:160ms}
.checklist-art.motion-visible .checklist-items>span:nth-child(3){animation-delay:320ms}
.next-meeting{flex-direction:column;align-items:center;justify-content:center;gap:22px}
.next-meeting.motion-visible .meeting-people>img{animation:person-pop 750ms both}
.next-meeting.motion-visible .meeting-people>img:last-child{animation-delay:200ms}
.next-meeting.motion-visible .meeting-invite{animation:document-arrive 750ms 450ms both}
.next-meeting.motion-visible .meeting-agenda{animation:document-arrive 750ms 750ms both}
.next-meeting.motion-visible .meeting-invite>img:last-child{animation:status-arrive 550ms 1s both}
html.motion-off :is(.sync-visual,.document-visual,.team-visual,.epi-visual,.next-art) *,
html.tupa-capture :is(.sync-visual,.document-visual,.team-visual,.epi-visual,.next-art) *{animation:none!important}
html.motion-off .signature::after,html.tupa-capture .signature::after{animation:none!important;transform:translateX(101%)}
@media(max-width:1100px){
  .hero-product-scene{width:calc(100% - 42px);margin-top:68px}
  .hero-compliance{scale:.85;transform-origin:top right}
  .hero-operation{scale:.85;transform-origin:top left}
  .next-grid .next-card h3{font-size:20px}
  .next-grid .next-art{padding:18px}
}
@media(max-width:900px){
  .adjusted-feature,.adjusted-feature.reverse{position:relative;display:flex;flex-direction:column;min-height:0}
  .adjusted-feature .feature-copy,.adjusted-feature.reverse .feature-copy{padding:28px;border:0;border-bottom:1px solid #dbe5d4;order:0}
  .feature-copy .feature-benefit{margin-top:26px}
  .adjusted-feature .feature-visual{width:100%;height:480px}
  .feature-stack{gap:30px}
  .next-grid{gap:18px}
}
@media(max-width:700px){
  .hero-product-scene{width:calc(100% - 20px);aspect-ratio:1.47;margin-top:56px}
  .hero-system{width:96%;left:2%}
  .hero-compliance{scale:.65;top:-30px}
  .hero-operation{scale:.65;top:57%}
  .adjusted-hero .hero-copy{padding-top:104px}
  .hero-copy h1{margin-top:22px}
  .hero-actions{margin-top:25px}
  .next-grid{grid-template-columns:1fr;gap:36px}
  .next-grid .next-card{grid-template-rows:270px 15px auto 37px}
  .next-grid .next-card h3{font-size:25px}
  .next-window-native{height:194px}
  .closing-dashboard{inset:12px 12px auto}
  .native-closing{aspect-ratio:1.5;border-radius:14px}
}
@media(max-width:520px){
  .adjusted-feature .feature-visual{height:335px}
  .adjusted-feature .feature-copy{padding:25px}
  .adjusted-feature .feature-copy h2{font-size:29px}
  .hero-system{width:100%;left:0}
  .hero-compliance{right:-3px}
  .hero-operation{left:-3px}
}