/* Rimon AI / calm motion, with one authored transformation. */
:root{--motion-arrive:cubic-bezier(.16,1,.3,1);--motion-time:600ms;--color-line-soft:oklch(86% 0.035 290);--color-white:oklch(100% 0 0);--shadow-document:0 12px 28px oklch(20% 0.03 290 / .08)}
::selection{background:var(--color-navy);color:var(--color-white)}
html{scroll-padding-top:7rem;scrollbar-color:var(--color-line-soft) var(--color-paper)}
input,textarea{caret-color:var(--color-accent)}
[hidden]{display:none!important}
.hero.hero-motion{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;column-gap:1rem;padding-block:4.5rem 2.5rem}
.hero-motion::before{display:none}
.hero-copy{position:relative;z-index:2;display:grid;justify-items:start;gap:1.7rem}
.hero-copy h1{font-size:clamp(3.5rem,5.8vw,5.4rem);line-height:1.04;max-width:12ch;text-wrap:balance}
.hero-copy .lede{font-size:1.12rem;max-width:34em;line-height:1.65}
.hero-copy .lede strong{font-weight:400}
.hero-copy .hero-actions{justify-content:start;gap:.75rem}
.hero-copy .hero-tagline{font-size:.94rem;line-height:1.6;margin-top:.25rem}
.hero-motion .hero-note{grid-column:1/-1;border-top:var(--rule);padding-top:1.5rem;margin-top:2rem;font-size:.82rem}
.intelligence-art{margin:0;position:relative;width:115%;margin-left:-8%;align-self:center}
.intelligence-art>img{width:100%;height:auto;transition:transform 900ms var(--motion-arrive);transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0)}
.intelligence-art figcaption{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.8rem;color:var(--color-muted);margin-top:1rem}
.connection-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%}
.intelligence-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:var(--color-accent);stroke-width:1;opacity:.7}
.intelligence-lines circle{fill:var(--color-accent);stroke:none}
.intelligence-lines .draw-line{stroke-dasharray:650;stroke-dashoffset:0}
.intelligence-art.is-visible .draw-line{animation:draw-connection 1800ms var(--motion-arrive) both}
.intelligence-art.is-visible .secondary-line{animation-delay:180ms;opacity:.4}
@keyframes draw-connection{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}
.magic-section{padding-block:5.5rem 4rem}
.magic-quote{margin:0 auto 5rem;text-align:center;max-width:57rem}
.magic-quote blockquote{font-weight:600;font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.32;letter-spacing:-.025em;margin:0;text-wrap:balance;color:var(--color-navy)}
.magic-quote blockquote span{position:relative;display:inline-block;color:var(--color-accent)}
.magic-quote blockquote svg{position:absolute;bottom:-.16em;left:0;width:100%;height:.25em;fill:none;stroke:var(--color-accent);stroke-width:2;overflow:visible}
.magic-quote figcaption{font-size:.875rem;color:var(--color-muted);margin-top:1.5rem}
.magic-quote figcaption a{margin-left:.7rem;font-size:.72rem;color:var(--color-neutral)}
.magic-intro{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2rem}
.magic-intro h2{font-size:clamp(2rem,3.5vw,3rem)}
.magic-intro p{max-width:24rem;color:var(--color-muted)}
.workflow-demo{background:var(--color-paper-2);border-radius:16px;overflow:hidden}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.75rem;border-bottom:var(--rule)}
.workflow-choices{display:flex;gap:.25rem;flex-wrap:wrap}
.workflow-choices button{border:0;background:transparent;font:600 .875rem/1.2 var(--font-body);padding:.8rem 1rem;border-radius:8px;color:var(--color-muted);cursor:pointer;transition:background 200ms,color 200ms}
.workflow-choices button[aria-pressed=true]{background:var(--color-navy);color:var(--color-white)}
.workflow-choices button:hover:not([aria-pressed=true]){background:var(--color-navy-tint)}
.demo-caption{font-size:.75rem;color:var(--color-muted)}
.workflow-canvas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:1.5rem;align-items:center;padding:3rem 2.5rem 2.5rem;min-height:380px}
.workflow-canvas h3{font-size:1rem;font-weight:600;letter-spacing:0;text-align:center;margin-bottom:1.5rem}
.document-stack{height:230px;position:relative;max-width:250px;margin:auto}
.document{position:absolute;top:0;left:50%;width:170px;height:160px;padding:1rem;background:var(--color-white);border-radius:8px;box-shadow:var(--shadow-document);display:flex;flex-direction:column;gap:.65rem;transform-origin:50% 90%;transition:transform 1000ms var(--motion-arrive),opacity 600ms}
.document svg{width:26px;height:26px;stroke:var(--color-navy);stroke-width:1.5;flex:none}
.document span{font-size:.79rem;font-weight:600;line-height:1.25}
.document i{display:block;height:3px;width:85%;background:var(--color-line-soft);border-radius:2px}
.document i:last-child{width:60%}
.doc-a{transform:translate(-75%,15px) rotate(-12deg);z-index:1}
.doc-b{transform:translate(-15%,40px) rotate(11deg);z-index:2}
.doc-c{transform:translate(-55%,74px) rotate(-3deg);z-index:3}
[data-stage=extract] .doc-a,[data-stage=review] .doc-a,[data-stage=complete] .doc-a{transform:translate(-50%,10px) rotate(0)}
[data-stage=extract] .doc-b,[data-stage=review] .doc-b,[data-stage=complete] .doc-b{transform:translate(-50%,29px) rotate(0)}
[data-stage=extract] .doc-c,[data-stage=review] .doc-c,[data-stage=complete] .doc-c{transform:translate(-50%,48px) rotate(0)}
.engine-zone{position:relative;text-align:center;display:grid;justify-items:center;gap:1.15rem;z-index:4}
.engine{position:relative;display:grid;justify-items:center;gap:.6rem;background:var(--color-paper-2);padding:1.25rem .8rem;min-width:150px}
.engine img{width:46px;height:46px;object-fit:contain;transition:transform 900ms var(--motion-arrive)}
.engine strong{font-size:1.3rem;letter-spacing:-.03em}
.engine>span{font-size:.75rem;color:var(--color-muted)}
.flow-connector{position:absolute;top:25px;left:-40%;width:180%;height:80px;max-width:none;z-index:-1;fill:none}
.connector-base{stroke:var(--color-line-soft);stroke-width:1}
.connector-signal{stroke:var(--color-accent);stroke-width:2;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1100ms var(--motion-arrive)}
[data-stage=extract] .connector-signal,[data-stage=review] .connector-signal{stroke-dashoffset:130}
[data-stage=complete] .connector-signal{stroke-dashoffset:0}
[data-stage=extract] .engine img{transform:rotate(60deg)}
.review-gate{display:flex;gap:.35rem;align-items:center;font-size:.7rem;color:var(--color-muted);padding:.45rem .6rem;border:var(--rule);border-radius:6px;transition:background 300ms,color 300ms}
.review-gate svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;flex:none}
[data-stage=review] .review-gate{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}
.output-list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.output-list li{background:var(--color-white);border-radius:8px;padding:1rem;display:flex;gap:.7rem;align-items:center;font-size:.82rem;min-height:57px;transition:transform 700ms var(--motion-arrive),background 400ms}
.output-check{width:15px;height:15px;border:1px solid var(--color-line-soft);border-radius:50%;flex:none;position:relative;transition:background 300ms,border-color 300ms}
.output-check:after{content:'';position:absolute;width:7px;height:4px;border-left:1.5px solid var(--color-white);border-bottom:1.5px solid var(--color-white);transform:rotate(-45deg);top:3px;left:3px;opacity:0}
[data-stage=complete] .output-check{background:var(--color-navy);border-color:var(--color-navy)}
[data-stage=complete] .output-check:after{opacity:1}
[data-stage=complete] .output-list li{animation:output-arrive 650ms var(--motion-arrive) both}
[data-stage=complete] .output-list li:nth-child(2){animation-delay:100ms}
[data-stage=complete] .output-list li:nth-child(3){animation-delay:200ms}
@keyframes output-arrive{from{transform:translateX(-10px);background:var(--color-accent-soft)}to{transform:translateX(0);background:var(--color-white)}}
.demo-case{display:flex;gap:.5rem;align-items:center;justify-content:center;font-size:.8rem;color:var(--color-muted);margin-top:1.3rem;text-decoration:none}
.demo-case span{transition:transform 200ms}
.demo-case:hover span{transform:translate(2px,-2px)}
.demo-bottom{border-top:var(--rule);padding:1.25rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:94px}
.demo-status{color:var(--color-muted);font-size:.88rem;max-width:40rem}
.demo-bottom .btn{flex:none;min-width:172px;justify-content:center}
.demo-noscript{padding:1.5rem}
.capacity-art{position:relative;overflow:hidden;border-radius:14px;background:var(--color-paper-2);padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:center;gap:1.4rem}
.capacity-art h3{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;max-width:14ch}
.capacity-art>p{font-size:1rem;max-width:29rem;color:var(--color-muted)}
.week-visual{margin:1.2rem 0 .5rem}
.week-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:1.2rem}
.week-top span{font-size:.72rem;color:var(--color-muted)}
.week-days,.week-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.week-days{font-size:.72rem;color:var(--color-muted);margin-bottom:.55rem;text-align:center}
.week-grid>span{height:20px;background:var(--color-line-soft);border-radius:3px;position:relative;overflow:hidden}
.week-grid>span::after{content:'';position:absolute;inset:0;background:var(--color-accent);transform:scaleX(var(--released,0));transform-origin:left;transition:transform 420ms var(--motion-arrive)}
.week-key{display:flex;gap:1rem;margin-top:1rem;font-size:.7rem;color:var(--color-muted)}
.week-key span{display:flex;gap:.4rem;align-items:center}
.week-key i{width:8px;height:8px;border-radius:2px;background:var(--color-line-soft)}
.week-key span+span i{background:var(--color-accent)}
.capacity-total{display:flex;align-items:center;gap:1rem;margin-top:.5rem}
.capacity-total strong{font-size:clamp(3rem,5vw,4.6rem);letter-spacing:-.04em;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-navy)}
.capacity-total span{font-size:.85rem;line-height:1.45;color:var(--color-muted)}
.capacity-art .capacity-note{font-size:.8rem;max-width:27rem}
.capacity-line{width:100%;height:55px;stroke:var(--color-accent);stroke-width:1;opacity:.55;margin-top:auto}
.calc{box-shadow:none}
.calc-out dd{color:var(--color-muted);font-size:.95rem}
.calc-out .big strong{font-variant-numeric:tabular-nums}
.calc-out .btn{white-space:normal;line-height:1.3;text-align:center;justify-content:center}
.process-interactive{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4rem}
.process-interactive .rail{display:grid;grid-auto-flow:row;grid-template-columns:1fr;gap:0;overflow:visible;padding:0}
.process-interactive .rail>li{border:0;border-radius:0;padding:0;border-bottom:var(--rule)}
.process-button{display:flex;align-items:center;gap:1.5rem;width:100%;padding:1.3rem 0;font:600 1.25rem/1.2 var(--font-body);color:var(--color-muted);border:0;background:none;text-align:left;cursor:pointer;transition:color 200ms}
.process-button .num{font-size:.85rem;width:1rem;color:inherit;font-weight:400}
.process-button:after{content:'↗';margin-left:auto;font-size:1.2rem;opacity:0;transform:translate(-5px,5px);transition:opacity 200ms,transform 300ms}
.process-button[aria-pressed=true]{color:var(--color-navy)}
.process-button[aria-pressed=true]:after{opacity:1;transform:none;color:var(--color-accent)}
.process-panel{background:var(--color-paper-2);border-radius:14px;padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:center;gap:1.5rem}
.process-panel h3{font-size:2rem}
.process-panel p{color:var(--color-muted);max-width:30em}
.process-panel svg{width:100%;height:90px;fill:none;stroke:var(--color-line-soft);stroke-width:1.5}
.process-panel svg circle{fill:var(--color-paper-2);transition:fill 300ms,stroke 300ms}
.process-panel svg circle[data-active]{fill:var(--color-accent);stroke:var(--color-accent)}
.process-panel .process-detail{font-size:.9rem;padding-top:1.25rem;border-top:var(--rule)}
.nav-links summary svg{transition:transform 220ms var(--motion-arrive)}
.nav-links details[open] summary svg{transform:rotate(180deg)}
.nav-links details[open]>div{animation:menu-arrive 240ms var(--motion-arrive)}
@keyframes menu-arrive{from{opacity:.4;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.nav-sheet[data-open]{animation:menu-arrive 280ms var(--motion-arrive)}
.cs-card .more svg{transition:transform 240ms var(--motion-arrive)}
.cs-card:hover .more svg{transform:translateX(4px)}
.cs-card img{transition:filter 350ms}
.cs-card:hover img{filter:saturate(1.12)}
.faq details{overflow:hidden}
.faq details>p{transform-origin:top}
@supports (interpolate-size:allow-keywords){
  .faq details::details-content{interpolate-size:allow-keywords;height:0;overflow:clip;transition:height 300ms var(--motion-arrive),content-visibility 300ms;transition-behavior:allow-discrete}
  .faq details[open]::details-content{height:auto}
}
@media(min-width:60rem) and (max-width:77rem){.nav-ctas .btn-ghost{display:none}.nav-bar{gap:1rem}.nav-ctas{margin-left:0}.nav-links a,.nav-links summary{padding-inline:.6rem}}
@media(max-width:59.99rem){
  .hero.hero-motion{padding-top:3rem;column-gap:0}.hero-copy h1{font-size:clamp(2.8rem,6vw,4rem)}.hero-copy .lede{font-size:1rem}.intelligence-art{width:112%;margin-left:-6%}.hero-copy .hero-tagline{font-size:.8rem}
  .workflow-canvas{padding:2.5rem 1.5rem;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr)}
  .document{width:140px;height:155px;padding:.85rem}.document-stack{height:230px}.engine{min-width:130px}.review-gate{font-size:.65rem}
  .process-interactive{gap:2rem}.magic-intro{gap:2rem}.magic-intro p{max-width:20rem;font-size:.95rem}
}
@media(max-width:43rem){
  .hero.hero-motion{grid-template-columns:1fr;padding-top:2.5rem}.hero-copy{gap:1.25rem}.hero-copy h1{font-size:clamp(3rem,10.8vw,4.5rem);max-width:13ch}.hero-copy .lede{max-width:35em}.hero-copy .hero-tagline{font-size:.9rem}.hero-motion .hero-note{margin-top:1.5rem;font-size:.78rem}.intelligence-art{width:100%;margin:1rem 0 0}.intelligence-art>img{max-height:340px;object-fit:contain}.intelligence-art figcaption{margin-top:0;font-size:.72rem}.intelligence-lines{left:10%;width:80%}
  .magic-section{padding-block:3rem}.magic-quote{margin-bottom:3.5rem}.magic-intro{display:grid;gap:1rem}.magic-intro h2{font-size:2rem}.magic-intro p{max-width:100%}
  .demo-toolbar{padding:1rem;display:grid;gap:.75rem}.workflow-choices{flex-wrap:nowrap;justify-content:space-between;gap:0}.workflow-choices button{padding:.8rem .65rem;font-size:.78rem}.demo-caption{text-align:center;font-size:.7rem}
  .workflow-canvas{grid-template-columns:1fr;padding:2rem 1.5rem;gap:1.7rem}.workflow-canvas h3{margin-bottom:1rem}.source-zone{display:grid;justify-items:center}.document-stack{height:195px;width:240px}.document{height:140px;width:152px}.doc-a{transform:translate(-83%,0) rotate(-10deg)}.doc-b{transform:translate(-18%,18px) rotate(10deg)}.doc-c{transform:translate(-50%,46px) rotate(-2deg)}
  .engine-zone{padding-block:.5rem;gap:.65rem}.engine{padding:.8rem;grid-template-columns:auto auto;align-items:center;column-gap:.7rem}.engine img{grid-row:1/3;width:38px;height:38px}.engine strong{font-size:1.2rem}.engine>span{font-size:.7rem}.flow-connector{left:calc(50% - 40px);top:-20px;width:80px;height:180px;transform:rotate(90deg)}.review-gate{background:var(--color-paper-2)}
  .output-list{gap:.6rem}.output-list li{font-size:.85rem;min-height:52px}.output-zone h3{margin-bottom:1rem}.demo-bottom{padding:1rem;flex-direction:column;gap:1rem;text-align:center;min-height:145px}.demo-status{font-size:.8rem;min-height:2.8em}.demo-bottom .btn{width:100%;min-height:44px}
  .capacity-art{padding:1.5rem}.capacity-art h3{max-width:100%;font-size:2.2rem}.week-visual{margin-top:.4rem}.capacity-line{height:35px}.calc-out{padding:1rem}.calc-out dl{grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem;font-size:.82rem}.calc-out dd{font-size:.85rem}.calc-out .big strong{font-size:2.5rem}
  .process-interactive{grid-template-columns:1fr;gap:1.5rem}.process-button{padding:1rem 0;font-size:1.1rem}.process-panel{min-height:290px}.process-panel h3{font-size:1.75rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:1ms!important;scroll-behavior:auto!important}
  .intelligence-art>img{transform:none!important}.connector-signal{transition:none}.document{transition:none}
}
/* Keep the walkthrough legible without scripting and compact on a phone. */
.workflow-demo:not([data-enhanced]) .workflow-choices,.workflow-demo:not([data-enhanced]) .demo-bottom{display:none}
.magic-quote.is-visible blockquote svg path{stroke-dasharray:240;animation:quote-line 1100ms var(--motion-arrive) both}
@keyframes quote-line{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
@media(max-width:43rem){
  .workflow-canvas{padding:1.5rem 1.25rem;gap:1.1rem}.document-stack{height:143px}.document{height:105px;width:145px;padding:.65rem;gap:.4rem}.document svg{height:19px;width:19px}.document span{font-size:.71rem}.document i{height:2px}.doc-c{transform:translate(-50%,35px) rotate(-2deg)}
  [data-stage=extract] .doc-a,[data-stage=review] .doc-a,[data-stage=complete] .doc-a{transform:translate(-50%,0)}
  [data-stage=extract] .doc-b,[data-stage=review] .doc-b,[data-stage=complete] .doc-b{transform:translate(-50%,17px)}
  [data-stage=extract] .doc-c,[data-stage=review] .doc-c,[data-stage=complete] .doc-c{transform:translate(-50%,34px)}
  .engine-zone{gap:.4rem;padding:0}.engine{padding:.35rem}.flow-connector{height:140px;top:-30px}.output-list li{min-height:40px;padding:.65rem .8rem;font-size:.8rem}.output-list{gap:.4rem}.demo-case{margin-top:.8rem}.workflow-canvas h3{font-size:.85rem;margin-bottom:.8rem}.demo-bottom{min-height:124px}.demo-status{font-size:.76rem}
}