/* Abstract product illustrations. Fictional content, no application internals. */
.software-section{padding-block:100px 90px;scroll-margin-top:0}
.software-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:48px}
.software-heading h2{font-size:clamp(36px,3.7vw,49px)}
.software-heading>p{font-size:16px;color:var(--ink2);line-height:1.75;max-width:380px}
.software-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.software-feature{min-width:0}.software-feature h3{margin:25px 0 12px;font-size:22px;line-height:1.35;letter-spacing:-.025em;font-weight:500}
.software-feature>p{font-size:15px;line-height:1.75;color:var(--ink2);max-width:330px}
.product-mock{height:280px;position:relative;isolation:isolate;background:#eef1eb;border-radius:7px;overflow:hidden}
.illustration{height:100%;display:flex;align-items:center;justify-content:center;color:#393c33;font-family:var(--font-body)}
.simple-sheet{width:calc(100% - 62px);max-width:255px;background:#fffefa;border:1px solid #dcdfd4;border-radius:9px;padding:24px;position:relative;box-shadow:0 12px 24px #303d2910;z-index:1}
.sheet-title{display:block;font:400 23px/1.3 var(--font-display);letter-spacing:-.025em;white-space:nowrap}
.sheet-icon{width:30px;height:30px;stroke:#4a9897;stroke-width:1.4;margin-bottom:14px;display:block}
.quiet-lines{margin:17px 0 19px;display:grid;gap:8px}.quiet-lines i{height:4px;width:86%;background:#e9ece4;border-radius:4px;transform-origin:left}.quiet-lines i:last-child{width:58%}
.attachment-note{display:flex;align-items:center;gap:7px;color:#788375;font-size:12px}.attachment-note svg{height:16px;width:16px;stroke:#7d998b;stroke-width:1.3}
.paper-behind{position:absolute;width:calc(100% - 85px);max-width:235px;height:188px;background:#f9faf5;border:1px solid #d8dfd2;border-radius:8px;transform:translate(9px,-8px) rotate(7deg)}
.requirements-sheet{padding-block:27px}.requirements-sheet .sheet-title{margin-bottom:25px}
.requirement{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.requirement+.requirement{margin-top:21px}.status-symbol{height:22px;width:22px;display:grid;place-items:center;flex:none;border-radius:50%;font-size:12px}.known .status-symbol{background:#e7f0e8;color:#4a8060}.clarify .status-symbol{background:#f2ead6;color:#997239}.clarify{color:#8d713f}
.review-note{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;color:#508374}.review-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#59937e}
.software-context{border-top:1px solid var(--line-soft);padding-top:27px;margin-top:40px}.software-context p{font-size:15px;color:var(--ink2);max-width:770px;line-height:1.8}
/* A small gesture on arrival, then a still illustration for reading. */
.is-playing .enquiry-sheet{animation:sheet-arrive 1.1s cubic-bezier(.22,.61,.36,1) both}
.is-playing .paper-behind{animation:paper-unfold 1.3s cubic-bezier(.22,.61,.36,1) both}
.is-playing .known{animation:detail-arrive .7s .25s both}.is-playing .clarify{animation:detail-arrive .7s 1s both}
.is-playing .draft-sheet .quiet-lines i{animation:line-reveal .9s .15s both}.is-playing .draft-sheet .quiet-lines i:last-child{animation-delay:.4s}.is-playing .review-note{animation:detail-arrive .7s 1.15s both}
.product-mock[data-running="false"] *{animation-play-state:paused!important}
@keyframes sheet-arrive{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes paper-unfold{from{transform:translate(0,8px) rotate(0);opacity:0}to{transform:translate(9px,-8px) rotate(7deg);opacity:1}}
@keyframes detail-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes line-reveal{from{transform:scaleX(.15);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(min-width:761px) and (max-width:1080px){.software-features{gap:20px}.software-heading{gap:40px}.simple-sheet{width:calc(100% - 38px);padding:19px}.sheet-title{font-size:21px}.requirement{font-size:12px;gap:8px}.review-note,.attachment-note{font-size:11px}.software-feature h3{font-size:20px}}
@media(max-width:760px){.software-section{padding-block:65px}.software-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.software-heading h2{font-size:37px}.software-heading>p{font-size:15px}.software-features{grid-template-columns:1fr;gap:38px}.product-mock{max-width:470px}.software-feature h3{margin-top:20px}.software-feature>p{max-width:430px}.software-context{margin-top:35px}}
@media(max-width:360px){.simple-sheet{width:calc(100% - 40px);padding:20px}.sheet-title{font-size:21px}.software-heading h2{font-size:33px}.software-feature h3{font-size:21px}.requirement{font-size:12px}}
@media(prefers-reduced-motion:reduce){.product-mock *{animation:none!important;transition:none!important}}

/* One illustration at a time, with quiet, manually selected steps. */
.software-demo{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.software-steps{display:grid;gap:8px}
.software-step{display:block;text-align:left;width:100%;padding:20px 22px;background:transparent;border:0;border-left:2px solid #dfe2d7;color:var(--ink);font-family:var(--font-body);cursor:pointer;transition:border-color .2s,background .2s}
.software-step[aria-selected="true"]{border-color:#3497a0;background:#f0f2eb}
.step-title{display:block;font:400 25px/1.35 var(--font-display);letter-spacing:-.025em}
.step-copy{display:block;font-size:15px;color:var(--ink2);line-height:1.7;margin-top:8px;max-width:320px}
.software-step:focus-visible,.software-panel:focus-visible{outline:2px solid #3497a0;outline-offset:5px}
.software-visual{min-width:0}.software-panel[hidden]{display:none}
.software-visual .product-mock{height:390px;max-width:none;margin:0}
.software-visual .simple-sheet{max-width:285px;padding:29px}
.software-visual .sheet-title{font-size:27px}.software-visual .sheet-icon{width:35px;height:35px;margin-bottom:20px}
.software-visual .quiet-lines{margin-block:21px 24px;gap:10px}
.software-visual .attachment-note,.software-visual .review-note{font-size:14px}
.software-visual .requirement{font-size:15px;gap:12px}.software-visual .requirement+.requirement{margin-top:24px}
.software-visual .paper-behind{height:240px;max-width:265px}
@media(max-width:1080px) and (min-width:761px){.software-demo{gap:35px}.step-title{font-size:23px}.software-visual .simple-sheet{padding:25px}.software-visual .sheet-title{font-size:25px}}
@media(max-width:760px){.software-demo{grid-template-columns:1fr;gap:25px}.software-steps{display:flex;gap:0}.software-step{padding:10px 9px 13px;border-left:0;border-bottom:2px solid #dfe2d7;text-align:center}.step-title{font:500 14px/1.5 var(--font-body);letter-spacing:0}.step-copy{display:none}.software-visual .product-mock{height:335px}.software-visual .simple-sheet{max-width:275px}.software-heading{margin-bottom:26px}}
@media(max-width:360px){.step-title{font-size:12px}.software-step{padding-inline:6px}.software-visual .simple-sheet{padding:23px}.software-visual .sheet-title{font-size:24px}.software-visual .requirement{font-size:14px}.software-visual .review-note,.software-visual .attachment-note{font-size:12px}}

/* Minimal software frame, using the supplied application's dark navigation. */
.mini-window{display:flex;width:calc(100% - 56px);max-width:385px;min-height:250px;border:1px solid #d8dfd8;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #293a2910}
.mini-sidebar{width:36px;flex:none;background:#242620;display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:18px}
.mini-logo{width:14px;height:14px;border:1px solid #a4ac97;border-radius:4px;margin-bottom:12px;transform:rotate(-5deg)}
.mini-nav{width:12px;height:10px;border:1px solid #727c6d;border-radius:2px}.mini-nav.active{border-color:#56bac2;box-shadow:0 0 0 7px #26777d40}
.mini-surface{flex:1;min-width:0;display:flex;flex-direction:column}
.mini-topline{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e9ece6;color:#728171;font-size:12px}
.mini-menu{font-size:22px;line-height:1;color:#99a291;letter-spacing:2px}
.software-visual .simple-sheet{border:0;border-radius:0;box-shadow:none;background:#fff;width:100%;max-width:none;flex:1;padding:27px 22px;display:flex;flex-direction:column;justify-content:center}
.software-visual .sheet-title{font-size:25px}.software-visual .quiet-lines{margin-block:20px 23px}.software-visual .requirement{font-size:14px;gap:10px}
.software-visual .attachment-note,.software-visual .review-note{font-size:12px}
.is-playing .enquiry-sheet{animation:detail-arrive .9s both}
@media(max-width:1080px) and (min-width:761px){.mini-window{width:calc(100% - 32px)}.mini-sidebar{width:29px}.software-visual .simple-sheet{padding:24px 18px}.software-visual .sheet-title{font-size:23px}.software-visual .requirement{font-size:13px}}
@media(max-width:360px){.mini-window{width:calc(100% - 24px)}.mini-sidebar{width:27px}.mini-topline{padding-inline:15px}.software-visual .simple-sheet{padding:24px 15px}.software-visual .sheet-title{font-size:21px}.software-visual .requirement{font-size:12px;gap:7px}.software-visual .review-note,.software-visual .attachment-note{font-size:11px}}