/* A sculptural introduction and a legible, document-first demonstration. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-visual-3d{height:600px;background:radial-gradient(ellipse at 54% 46%,#efe9dc 0%,#f7f8f5 68%);isolation:isolate}
.hero-object{position:absolute;width:110%;max-width:none;height:auto;top:-30px;left:-3%;filter:drop-shadow(0 28px 28px #263c2610);animation:object-arrive 1.4s cubic-bezier(.2,.7,.3,1) both}
.object-caption{position:absolute;top:4px;left:22px;right:5px;z-index:2;display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1.1px;line-height:1.5;font-weight:600;color:#5f6f63}
.hero-visual-3d .floating-form{bottom:4px;left:0;max-width:430px;width:95%;transform:rotate(-3deg);box-shadow:0 24px 70px #20352226;animation:card-arrive 1.2s .25s both}
.hero-visual-3d .mini-form-header strong{font-size:14px}
.hero-visual-3d .mini-form-header div>span,.hero-visual-3d .mini-tag,.hero-visual-3d .mini-row,.hero-visual-3d .mini-row>span:last-child,.hero-visual-3d .mini-form-footer{font-size:12px}
.hero-visual-3d .mini-tag{font-size:12px;white-space:normal;text-align:center;line-height:1.4}
.workflow{background:#172720;color:#f7fbf7;padding-top:100px;padding-bottom:87px}
.workflow h2 em{color:#ffbd91}
.workflow-top>p{color:#bccbc1;font-size:16px}
.workflow .eyebrow{color:#c3d3c8;font-size:12px}
.workflow .demo-tabs{gap:28px;margin-top:44px}
.workflow .demo-tabs button{border-top-color:#4e6658}
.workflow .demo-tabs button strong{color:#b5c7bb}
.workflow .demo-tabs button span{color:#9caf9f}
.workflow .demo-tabs button[aria-selected=true]{border-top-color:#ff996a}
.workflow .demo-tabs button[aria-selected=true] strong{color:#fff}
.workflow .demo-tabs button[aria-selected=true] span{color:#ffab7d}
.workflow .demo-explanation h3{color:#fff}
.workflow .demo-explanation p{color:#bacdbe}
.workflow .demo-kicker,.workflow .demo-note,.workflow .demo-note span{color:#9db5a6;font-size:12px}
.workflow .product-window{color:var(--ink)}
.workflow-caption{color:#b2c5b8;font-size:12px;margin-top:30px}
.demo-stage[data-active-step="1"]{display:block;margin-top:13px}
.demo-stage[data-active-step="1"] .demo-explanation,.demo-stage[data-active-step="1"] .window-bar{display:none}
.demo-stage[data-active-step="1"] .product-window{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;max-width:none}
.demo-stage[data-active-step="1"] .window-content{padding:0;animation:none;min-height:0}
.document-demo-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:21px 0 28px;color:#fff}
.document-eyebrow{display:block;color:#a8bcae;font-size:12px;letter-spacing:1.3px;font-weight:600}
.document-demo-top h4{font-size:25px;letter-spacing:-.8px;line-height:1.3;margin:9px 0}
.document-demo-top p{font-size:13px;color:#b3c5b9;line-height:1.5}
.fill-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.product-window .fill-play{display:flex;align-items:center;justify-content:center;gap:10px;background:#ffa579;color:#172720;min-width:165px;min-height:46px;border-radius:100px;font-size:14px;padding:12px 21px}
.product-window .fill-play:hover{background:#ffbb97}
.fill-play>span:first-child{font-size:13px;min-width:14px;text-align:center}
.reset-fill{padding:12px 0;min-height:44px;border:0;border-bottom:1px solid #849c8b;background:transparent;color:#d6e1d9;font-size:14px;line-height:1.2}
.document-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start}
.paper-panel{min-width:0}
.paper-state{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px;min-height:32px;color:#ecf5ed;font-size:14px}
.paper-state>span:first-child{white-space:nowrap;font-weight:600}
.paper-state b{font-size:12px;font-weight:500;margin-right:12px;color:#91aa9a}
.paper-state-note{color:#a0b8a9;font-size:12px;text-align:right}
.after-state{font-size:12px;line-height:1.4;border:1px solid #527362;background:#284637;color:#d5edda;border-radius:30px;padding:6px 12px;text-align:center}
.document-paper{background:#fffefa;color:#263c31;padding:29px 28px 20px;border:1px solid #d5dbd2;box-shadow:0 20px 45px #020e0735;min-width:0}
.document-before{background:#f2f4ed}
.paper-letterhead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:19px;border-bottom:2px solid #2c4838}
.fictional-brand{font-size:28px;font-family:var(--serif);font-style:italic;line-height:1;letter-spacing:-1px}
.fictional-brand span{display:block;margin-top:3px;font-family:var(--sans);font-size:12px;font-style:normal;letter-spacing:3.1px}
.paper-reference{font-size:12px;line-height:1.6;text-align:right;letter-spacing:.1px;color:#627065}
.paper-title{padding:22px 0 21px}
.paper-title>span{font-size:12px;letter-spacing:1.1px;color:#6b7a6b}
.paper-title h4{font-size:24px;line-height:1.22;font-weight:600;letter-spacing:-.8px;margin:9px 0 10px}
.paper-title p{font-size:13px;color:#687567;line-height:1.5}
.questionnaire-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.5}
.questionnaire-table tr{height:80px}
.questionnaire-table tr:nth-child(5){height:110px}
.questionnaire-table tr:nth-child(3){height:113px}
.questionnaire-table th,.questionnaire-table td{position:relative;border:1px solid #ccd4c7;text-align:left;vertical-align:middle;padding:12px 13px;overflow-wrap:anywhere}
.questionnaire-table th{width:42%;font-weight:500;background:#f0f3eb}
.question-number{display:block;font-size:12px;font-weight:500;color:#778773;margin-bottom:3px}
.questionnaire-table td{background:#fffefa;transition:background .35s}
.filled-answer{opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s}
.filled-answer strong{font-size:14px;font-weight:600;display:block;line-height:1.5}
.answer-source{font-size:12px;color:#658267;display:block;margin-top:5px;line-height:1.5}
.empty-line{position:absolute;top:50%;left:13px;right:13px;display:block;border-bottom:1px dashed #c4cbbb;transition:opacity .3s}
.is-filled .filled-answer{opacity:1;transform:none}
.is-filled .empty-line{opacity:0}
.questionnaire-table .is-filled td{background:#edf5e9}
.questionnaire-table .row-missing.is-filled td{background:#fff0d5}
.row-missing.is-filled strong{color:#936028}
.row-missing.is-filled .answer-source{color:#90734b}
.is-scanning td::after{content:"";position:absolute;left:0;right:0;height:3px;top:0;background:#fa7948;box-shadow:0 0 12px #fa794888;animation:scan-field .64s linear both}
.paper-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;font-size:12px;line-height:1.5;color:#72806e}
.paper-footer>span:first-child{font-size:12px;letter-spacing:.2px}
.paper-footer>span:last-child{white-space:nowrap}
.fill-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:27px;color:#d4e2d7}
.fill-feedback{width:min(100%,470px)}
.fill-status{display:block;font-size:14px;line-height:1.6;min-height:24px}
.fill-progress-track{height:2px;background:#405b48;margin-top:13px;overflow:hidden}
.fill-progress-track span{height:100%;display:block;width:0;background:#ffa579;transition:width .4s}
.review-document{border:1px solid #9ab4a2;color:#eef6ef;background:none;padding:12px 21px;border-radius:100px;min-height:46px;font-size:14px;flex-shrink:0}
.review-document:hover{background:#304d3b}
.mobile-document-switch{display:none}
.details-object{width:285px;height:auto;object-fit:contain;margin:32px 0 -12px 16px;filter:drop-shadow(0 18px 22px #1834210c)}
.reference-label{margin-top:18px;display:flex;justify-content:space-between;gap:15px}
.reference-label span{color:#97652d;font-size:12px}
.reference-input{min-height:44px;max-height:none;background:#fffaf0}
.approved-object{width:145px;height:145px;object-fit:contain;margin:0 auto 18px}
.product-window .approved-message{padding-top:0}
.product-window .approved-message p{max-width:350px}
.product-window .review-choice{align-items:flex-start}
.review-choice input{margin-top:5px;flex-shrink:0}
.hero .eyebrow{font-size:12px}
@keyframes object-arrive{from{opacity:0;transform:translateY(25px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes card-arrive{from{opacity:0;transform:translateY(22px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@keyframes scan-field{from{top:0;opacity:.2}15%{opacity:1}to{top:calc(100% - 3px);opacity:.3}}
@media(min-width:1600px){.hero-visual-3d{height:660px}.hero-object{max-width:720px;left:1%}}
@media(max-width:1100px){.hero-visual-3d{height:550px}.hero-object{top:18px;width:115%;left:-6%}.object-caption{font-size:12px;letter-spacing:.5px;left:8px;right:4px}.object-caption>span:last-child{display:none}.hero-visual-3d .floating-form{bottom:12px;width:100%;left:0}.document-comparison{gap:22px}.document-paper{padding:24px 20px 18px}.questionnaire-table th,.questionnaire-table td{padding:11px}.paper-title h4{font-size:22px}.questionnaire-table tr{height:83px}.questionnaire-table tr:nth-child(3){height:134px}.paper-footer>span:first-child{max-width:220px}.document-demo-top h4{font-size:23px}.fill-actions{gap:15px}}
@media(max-width:800px){.hero-visual-3d{height:580px;margin:40px auto 5px;max-width:580px}.hero-object{width:103%;left:0;top:-10px}.hero-visual-3d .floating-form{bottom:2px;left:10px;max-width:440px;width:90%}.object-caption>span:last-child{display:block}.object-caption{left:20px;right:20px}.document-demo-top{align-items:flex-start}.document-demo-top p{max-width:270px}.fill-actions{flex-direction:column;gap:3px;align-items:center}.reset-fill{border-bottom:0;text-decoration:underline;text-underline-offset:5px}.workflow{padding-top:72px;padding-bottom:65px}.details-object{width:245px;margin:25px 0 0}.demo-stage[data-active-step="1"] .product-window{max-width:none}}
@media(max-width:760px){.document-demo-top{display:block;margin-top:17px}.document-demo-top h4{font-size:26px}.document-demo-top p{max-width:none;font-size:13px}.fill-actions{flex-direction:row;justify-content:flex-start;gap:25px;margin-top:22px}.mobile-document-switch{display:flex;padding:4px;gap:4px;border:1px solid #4d6957;border-radius:100px;margin:0 0 21px;max-width:300px}.mobile-document-switch button{border:0;border-radius:100px;flex:1;font-size:14px;min-height:40px;color:#bcd1c2;background:none}.mobile-document-switch button[aria-pressed=true]{background:#e7f1e7;color:#233a2b}.document-comparison{display:block}.document-comparison[data-mobile-view="after"] .before-panel,.document-comparison[data-mobile-view="before"] .after-panel{display:none}.document-paper{padding:28px;max-width:590px;margin:0 auto}.paper-state{max-width:590px;margin:0 auto 13px}.questionnaire-table tr{height:75px}.questionnaire-table tr:nth-child(3){height:116px}.questionnaire-table th,.questionnaire-table td{padding:12px 14px}.paper-title{padding-top:24px;padding-bottom:24px}.paper-title h4{font-size:26px}.fill-bottom{align-items:flex-start;flex-direction:column;gap:22px}.fill-feedback{width:100%}.workflow .demo-tabs{gap:15px}.workflow-caption{text-align:left;font-size:12px;max-width:550px}.workflow .demo-tabs button strong{font-size:14px}}
@media(max-width:480px){.hero h1{font-size:clamp(41px,11.5vw,55px)}.hero-visual-3d{height:445px;margin-top:38px}.hero-object{width:111%;left:-5%;top:5px}.hero-visual-3d .floating-form{left:4px;bottom:-5px;width:97%;padding:16px 16px 0}.hero-visual-3d .mini-tag{display:none}.hero-visual-3d .mini-form-header strong{font-size:14px}.hero .eyebrow{font-size:12px;letter-spacing:.7px}.hero-visual-3d .mini-row,.hero-visual-3d .mini-row>span:last-child{font-size:12px}.object-caption{left:0;right:0;font-size:12px;letter-spacing:0}.object-caption>span:last-child{display:none}.document-paper{padding:22px 17px 19px}.paper-letterhead{gap:12px}.paper-reference{font-size:12px}.fictional-brand{font-size:28px}.paper-title h4{font-size:25px}.questionnaire-table th,.questionnaire-table td{padding:11px 10px;font-size:14px}.questionnaire-table th{width:42%}.questionnaire-table tr{height:92px}.questionnaire-table tr:nth-child(3){height:163px}.paper-footer>span:first-child{max-width:190px}.document-demo-top h4{font-size:25px}.document-eyebrow{letter-spacing:.8px}.workflow .demo-tabs{gap:14px}.workflow .demo-tabs button strong{font-size:14px}.workflow .demo-tabs button{line-height:1.45}.after-state{font-size:12px;max-width:170px}.details-object{width:220px}.reference-label{align-items:flex-start}.product-window .demo-action-row{flex-wrap:wrap}.product-window .demo-action-row>span{font-size:12px}.product-window .demo-button{max-width:none;min-height:44px}}
@media(prefers-reduced-motion:reduce){.hero-object,.hero-visual-3d .floating-form{animation:none!important}.filled-answer,.empty-line,.fill-progress-track span{transition:none!important}}