.hero{padding-top:46px}
.hero h1{font-size:clamp(46px,6.2vw,84px);line-height:1.08;letter-spacing:-.055em;margin:24px 0}
.hero .lede{max-width:660px;font-size:19px;color:#50677a;line-height:1.65}
.hero-actions{margin-top:26px}
.hero-rule{margin-top:46px;border-color:#d7e0e6}
.demo-intro{align-items:center;gap:32px}
.demo-intro h2{font-size:clamp(25px,2.6vw,35px);letter-spacing:-1.1px}
.demo-intro .eyebrow{color:#48657c;letter-spacing:1.3px;margin-bottom:10px}
.demo-intro>p{max-width:340px;color:#526b7e;font-size:14px;line-height:1.6}
.demo-intro strong{font-weight:600;color:#173b58}
.replica{box-shadow:0 24px 48px -32px #06243870,0 1px 2px #06142114}
.replica .app-main{padding-bottom:22px}
.replica .app-items{margin-bottom:20px}
.replica .app-actions{margin-top:auto}
.replica .app-primary:not(:disabled):hover{filter:brightness(1.09);box-shadow:0 0 24px #087cff42,inset 0 1px 0 #8bccff60}
.replica .app-primary:active{transform:translateY(1px)}
.replica .app-secondary:not(:disabled):hover{border-color:#4b6c88;background:#142b3f}
.replica .app-filters button:not(.selected):hover{border-color:#496780;color:#e3f0fb}
.replica-row:hover{border-color:#39566e}
.replica .row-menu summary:hover{color:#fff;background:#ffffff0a;border-radius:6px}
.replica-row:nth-last-child(-n+2) .row-menu-options{top:auto;bottom:38px}
.demo-pro-badge{font-size:8px;font-weight:600;letter-spacing:.8px;color:#9ec4e4;padding:3px 4px;border:1px solid #35516b;border-radius:4px}
.paste-preview.demo-document-preview{position:relative;margin-top:24px;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:center;border:1px solid #cbd6df;border-radius:12px;padding:20px 24px;background:#fff;box-shadow:0 4px 14px #142f4605;color:#213d52}
.demo-document-preview:before{content:'↓';position:absolute;top:-25px;left:50%;color:#738b9d;font-size:18px;line-height:24px}
.demo-document-preview .eyebrow{font-size:10px;letter-spacing:1px;color:#476278}
.demo-document-preview p{font-size:12px;line-height:1.5;color:#536e81;margin-top:7px}
.demo-document-preview #paste-output{align-content:center;min-height:64px;max-height:160px;overflow:auto;border-left:1px solid #e0e7ed;padding-left:24px}
.demo-document-preview .output-placeholder{font-size:13px;line-height:1.6;color:#61798a}
.demo-document-preview .pasted-item{color:#24445d;background:#f4f8fb;border-color:#d7e3ed;animation:paste-arrive .22s ease-out}
.demo-document-preview .pasted-item img{width:28px;height:28px}
.replica-bottom{margin:12px 0 8px;align-items:center;color:#506c80}
.replica-bottom p{font-size:12px;line-height:1.5}
.replica-bottom button{min-height:44px;padding:10px 0 10px 14px;color:#176aa7}
.replica-note{font-size:12px;line-height:1.6;color:#5c7486;margin-top:4px}
.workflow{padding-top:48px}
.workflow-grid{gap:38px}
.workflow-grid article{border-top:1px solid #d9e2e9;padding-top:22px}
.workflow-grid .step{margin-bottom:14px;color:#456a87}
.workflow-grid p{color:#556d7e}
.price-card{border-radius:14px;padding:32px}
.price-card .price-description{min-height:48px}
.price-card .pro-label{position:absolute;top:32px;right:24px;margin:0;padding:4px 7px;border:1px solid #356084;border-radius:4px;color:#9dcdf2;font-size:8px;letter-spacing:.7px}
.price-card .fine{color:#526b7d}
.price-card.pro .fine{color:#b1c7d8}
.questions summary{min-height:30px;align-items:center}
.questions summary::-webkit-details-marker{display:none}
.questions summary:hover{color:#086abb}
.questions p{color:#536c7e}
.closing{padding-top:28px}
.closing h2{max-width:700px;margin-inline:auto}
@keyframes paste-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.demo-intro{align-items:flex-start}.demo-intro>p{max-width:270px;font-size:13px}.paste-preview.demo-document-preview{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:600px){
 .hero{padding-top:20px}.hero h1{font-size:clamp(39px,9.8vw,56px);margin:20px 0}.hero .lede{font-size:16px;line-height:1.65}.hero-rule{margin-top:26px}
 .demo-intro{display:block;margin-bottom:18px}.demo-intro h2{max-width:340px;font-size:26px;line-height:1.2}.demo-intro>p{max-width:340px;margin-top:9px}
 .paste-preview.demo-document-preview{display:block;margin-top:22px;padding:14px 16px;border-radius:10px}.demo-document-preview .eyebrow{font-size:9px;letter-spacing:.8px}.demo-document-preview p{font-size:12px;margin-top:6px}.demo-document-preview #paste-output{border-left:0;border-top:1px solid #e0e7ed;margin-top:12px;padding:12px 0 0;min-height:44px;max-height:120px}.demo-document-preview .output-placeholder{font-size:12px}
 .replica-bottom{gap:12px;display:flex;align-items:flex-start}.replica-bottom p{font-size:11px;padding-top:10px}.replica-bottom button{font-size:12px}.replica-note{font-size:11px;text-align:left}
 .workflow-grid article{padding:18px 0 0 36px}.workflow-grid .step{top:22px}.workflow-grid{gap:22px}.workflow-grid h3{font-size:19px}
 .price-card{padding:26px}.price-card .price-description{min-height:0}.price-card .pro-label{position:static;margin-bottom:14px}
}
@media(max-width:520px){
 .replica-row:nth-child(n+2) .row-menu-options{top:auto;bottom:38px}
 .replica .app-toolbar{align-items:center;gap:8px}.replica .app-filters{flex-wrap:nowrap;overflow-x:auto;min-width:0;padding:3px 2px;scrollbar-width:thin;scrollbar-color:#365570 transparent}.replica .app-filters button{min-height:44px;padding:7px 9px;font-size:11px;flex-shrink:0}.replica .app-more{width:44px;height:44px;align-self:center}.replica .app-main{padding:14px 10px}.replica .app-heading{margin-bottom:10px}.replica .app-search{min-height:36px}.replica .app-search input{font-size:12px}.replica .app-heading h3{font-size:20px}.replica .app-items{margin-bottom:12px}.replica .row-menu,.replica .row-menu summary{width:40px}.replica .row-menu summary{min-height:44px}.replica .row-content>span{font-size:11px}.replica .row-menu-options button{min-height:44px}.replica .app-actions{grid-template-columns:.85fr 1.55fr 1.2fr;gap:6px}.replica .app-actions button{min-height:44px;font-size:11px;gap:5px}.demo-pro-badge{font-size:7px;padding:2px 3px;letter-spacing:.3px}.replica .app-empty{min-height:150px}
}
@media(prefers-reduced-motion:reduce){.demo-document-preview .pasted-item{animation:none}.replica .app-primary:active{transform:none}}
.download-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-actions{gap:28px;align-items:center}
.hero-action{width:270px;min-width:0}
.hero-action .button{width:100%}
.nav .small{white-space:nowrap}
@media(max-width:380px){.nav{gap:10px!important}.nav .brand{font-size:17px;gap:6px}.nav .brand img{width:28px;height:28px}}
.action-note{font-size:12px;line-height:1.5;color:#526b7d;margin:10px 0 0}
.hero>.fine{margin-top:22px;color:#526b7d}
.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:64px;padding-block:48px}
.faq h2{font-size:30px;line-height:1.25;letter-spacing:-1px;max-width:300px;margin-bottom:20px}
.closing{padding-top:24px;padding-bottom:58px}
.closing h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}
.closing>p{font-size:16px;line-height:1.6;color:#526b7d;margin-bottom:22px}
@media(max-width:850px){.faq{gap:36px}.nav{gap:16px}.nav nav{gap:20px}}
@media(max-width:600px){.hero-actions{gap:18px}.hero-action{width:min(100%,310px)}.hero-actions .hero-action .button{max-width:none}.action-note{margin-top:7px}.hero>.fine{margin-top:18px;font-size:12px}.faq{display:block;padding-block:34px}.faq h2{max-width:290px;font-size:28px}.faq>div:first-child{margin-bottom:28px}.closing{padding-block:22px 42px}.closing>p{font-size:14px}.nav .small{font-size:11px;gap:8px;padding-inline:10px}.nav .download-icon{width:16px;height:16px}}