/* ISPDOK v6.2 — document-first UI and improved legibility.
   Explicitly screen-only: A4 geometry and print CSS stay identical to 5.1. */
@media screen {
  :root{--v62-text:#eaf4f8;--v62-sub:#bcd0d9;--v62-line:rgba(168,222,237,.19);--v62-accent:#f5c294}
  body{font-size:17px;line-height:1.64}
  .desktop-nav a{font-size:16px;letter-spacing:-.005em}
  .topline,.topline-contacts{font-size:14px}
  .brand-text small{font-size:12px}
  .btn,.btn-small{font-size:16px;line-height:1.3;min-height:52px;border-radius:12px;padding:15px 22px;gap:13px}
  .header-cta{font-size:15px;min-height:49px;padding:12px 16px}
  .eyebrow,.tech-label,.hero-v6-index{font-size:13px;letter-spacing:.08em}
  .section-heading>p,.hero-v6-intro,.approach-copy p,.page-hero p{font-size:17px;line-height:1.7}
  .hero-v6-intro{font-size:19px;max-width:625px}
  .hero-v6-mini span{font-size:14px}
  .hero-v6-buttons .btn{min-height:56px;font-size:16px}
  .service-card{border-radius:20px;transition:transform .25s cubic-bezier(.2,.7,.3,1),border-color .2s,box-shadow .2s}
  .service-card:focus-visible,.workflow-page-button:focus-visible{outline:3px solid #f0bd92;outline-offset:4px}
  .service-card p,.step p,.detail-card p,.project-caption p,.section-footnote{font-size:16px;line-height:1.6}
  .service-card-link,.text-link{font-size:15px}
  .service-number,.picker-label,.kit-type-label,.kit-topline,.kit-status{font-size:13px}
  .section-heading h2,.approach-copy h2,.faq-grid h2{line-height:1.12;letter-spacing:-.035em}
  .step h3,.service-card h3{line-height:1.25}
  .footer-grid a,.site-footer p{font-size:15px;line-height:1.75}
  .footer-grid h3{font-size:16px}
  .footer-bottom,.aosr-sidebar-title,.aosr-side-fineprint,.aosr-field small,.aosr-privacy-hint{font-size:13px;line-height:1.6}
  .aosr-step{min-height:64px}
  .aosr-step b,.aosr-field,.aosr-rep h3{font-size:16px}
  .aosr-step small,.aosr-note p,.aosr-panel-top p{font-size:14px}
  .aosr-field input,.aosr-field textarea,.aosr-field select{font-family:"Segoe UI",system-ui,sans-serif;font-size:16px;min-height:52px}
  .aosr-utility,.aosr-norm-buttons button,.aosr-registry-toolbar label{font-size:14px;min-height:45px}
  .aosr-result-toolbar .btn{font-size:16px;min-height:52px}
  /* Clear, readable engineering workflow rather than decorative graphics */
  .workflow-module{border-radius:21px}
  .workflow-top,.workflow-bottom{font-size:13px;line-height:1.45;letter-spacing:.035em}
  .workflow-status{font-size:12px}
  .workflow-tabs{gap:8px}
  .workflow-tab{font-size:15px;min-height:49px;padding:13px 10px}
  .workflow-tab b{font-size:15px}
  .workflow-description{padding:18px 24px 24px}
  .workflow-description strong{font-size:22px;line-height:1.3}
  .workflow-description p{font-size:16px;line-height:1.55;color:#c0d5de}
  .workflow-seq{font-size:13px}
  .workflow-action{font-size:16px;min-height:52px;padding:14px 19px;border-radius:12px}
  .workflow-proof-item strong{font-size:16px}
  .workflow-proof-item small{font-size:14px;line-height:1.5}
  .workflow-proof-head span,.workflow-scheme-top,.workflow-scheme-tag{font-size:12px}
  .kit-types button{font-size:15px;min-height:48px}
  .kit-item-copy strong{font-size:16px}
  .kit-item-copy small{font-size:14px}
  .kit-disclaimer{font-size:14px}
  .kit-export,.kit-open{font-size:16px;min-height:54px}
  /* Actual two-page AOSR artwork, rendered through the SAME template as print output. */
  .workflow-documents{padding:20px 20px 8px;background:radial-gradient(circle at 50% 10%,rgba(101,172,196,.1),transparent 66%),#0b2632}
  .workflow-documents-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#bcdee7;font-size:12px;font-weight:800;letter-spacing:.09em;padding:2px 5px 15px}
  .workflow-documents-head span:last-child{color:#f3c297}
  .workflow-acts-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:700px;margin:auto;padding:0}
  .workflow-page-button{min-width:0;width:100%;text-align:left;padding:0;border:1px solid rgba(171,218,235,.28);background:#153846;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;cursor:zoom-in;color:#eaf2f4;transition:border-color .2s,transform .2s,box-shadow .2s}
  .workflow-page-button:hover{transform:translateY(-3px);border-color:#f4c18f;box-shadow:0 18px 28px rgba(0,8,16,.34)}
  .workflow-page-holder{display:block;padding:12px 12px 0;position:relative;width:100%;background:linear-gradient(145deg,#0c202c,#123541)}
  .workflow-page-slot{width:100%;aspect-ratio:210 / 297;position:relative;display:block;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.22);border-radius:2px;contain:layout paint}
  .workflow-page-slot>.aosr-paper-page,.workflow-dialog-page>.aosr-paper-page{position:absolute;top:0;left:0;margin:0!important;max-width:none!important;min-width:210mm!important;width:210mm!important;height:297mm!important;transform-origin:top left;box-shadow:none!important;pointer-events:none;overflow:hidden!important}
  /* Avoid inheriting site-level typographic overrides into the document. */
  .workflow-page-slot .aosr-page-content,.workflow-dialog-page .aosr-page-content{font-family:"Times New Roman",serif}
  .workflow-page-hint{position:absolute;bottom:12px;right:12px;color:#092636;background:#efc49b;border-radius:8px 0 0 0;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.03em;opacity:0;transition:opacity .2s}
  .workflow-page-button:hover .workflow-page-hint,.workflow-page-button:focus-visible .workflow-page-hint{opacity:1}
  .workflow-page-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 14px;min-height:68px;color:#d3e6ed;font-size:13px;line-height:1.4}
  .workflow-page-caption b{color:#f4bc8a;white-space:nowrap;margin-right:6px}
  .workflow-page-caption>span:last-child{font-size:22px;color:#f6c59a}
  .workflow-documents-note{font-size:12px;color:#afcad5;line-height:1.6;margin:14px 2px 4px;text-align:center}
  .workflow-mobile-page-switch{display:none}
  /* Enlarged native dialog for reading the real AOSR document. */
  .workflow-document-dialog{position:fixed;inset:0;max-width:min(920px,calc(100vw - 28px));width:920px;max-height:calc(100dvh - 28px);padding:0;border:1px solid rgba(174,231,237,.3);border-radius:18px;background:#102431;color:#ecf7fb;box-shadow:0 25px 90px rgba(0,0,0,.6);overflow:hidden}
  .workflow-document-dialog::backdrop{background:rgba(2,8,14,.83);backdrop-filter:blur(7px)}
  .workflow-document-dialog[open]{display:flex;flex-direction:column}
  .workflow-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px;background:#112e3a;border-bottom:1px solid var(--v62-line)}
  .workflow-dialog-kicker{font-size:12px;color:#eab98a;font-weight:800;letter-spacing:.09em}
  .workflow-dialog-bar h2{font-size:23px;line-height:1.2;color:#fff;margin:5px 0 0}
  .workflow-dialog-close{display:grid;place-items:center;width:43px;height:43px;min-width:43px;border:1px solid rgba(162,211,222,.3);border-radius:10px;background:#163d4b;color:#fff;font-size:20px}
  .workflow-dialog-close:hover{background:#275d6c}
  .workflow-dialog-controls{display:flex;gap:8px;padding:13px 20px;background:#102b38;flex-wrap:wrap;border-bottom:1px solid var(--v62-line)}
  .workflow-dialog-controls button{font:700 14px "Segoe UI",system-ui,sans-serif;min-height:43px;border:1px solid rgba(162,211,222,.23);border-radius:9px;background:#183945;color:#e3f1f5;padding:9px 14px;cursor:pointer}
  .workflow-dialog-controls button[aria-pressed="true"]{background:#f0c293;border-color:#f0c293;color:#10242c}
  .workflow-dialog-controls .workflow-dialog-zoom{margin-left:auto}
  .workflow-dialog-scroller{flex:1;overflow:auto;padding:20px;min-height:0;display:flex;align-items:flex-start;background:#15252c}
  .workflow-dialog-page{position:relative;width:min(100%,794px);max-width:none;aspect-ratio:210 / 297;flex:none;margin:auto;box-shadow:0 8px 32px rgba(0,0,0,.4);background:#fff;overflow:hidden}
  .workflow-dialog-page.is-zoomed{width:794px;height:1122px;aspect-ratio:auto;margin:0 auto}
  .workflow-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 22px;background:#102b38;border-top:1px solid var(--v62-line);font-size:13px;color:#b9d1d9;line-height:1.4}
  .workflow-dialog-footer a{color:#f4c69b;font-weight:750;white-space:nowrap}
  .workflow-dialog-footer a:hover{text-decoration:underline}
  :where(.workflow-document-dialog button,.workflow-mobile-page-switch button):focus-visible{outline:3px solid #f3be8c;outline-offset:2px}
}
@media screen and (max-width:980px){
  .workflow-module{max-width:none}
  .workflow-documents{padding:15px 15px 8px}
  .workflow-acts-preview{gap:12px}
  .workflow-page-holder{padding:9px 9px 0}
  .workflow-page-caption{font-size:12px}
}
@media screen and (max-width:700px){
  body{font-size:16px}
  .hero-v6-intro{font-size:17px}
  .hero-v6-mini span{font-size:13px}
  .hero-v6 h1{font-size:clamp(36px,10vw,48px)}
  .section-heading>p,.service-card p,.approach-copy p,.faq-list p,.step p{font-size:16px}
  .section-heading h2,.approach-copy h2,.faq-grid h2{font-size:clamp(30px,8.7vw,40px)}
  .service-card{border-radius:16px}
  .workflow-top,.workflow-bottom{font-size:12px;letter-spacing:.015em}
  .workflow-status{font-size:11px}
  .workflow-tabs{gap:4px}
  .workflow-tab,.workflow-tab b{font-size:13px;line-height:1.25}
  .workflow-tab{padding:11px 5px;min-height:49px}
  .workflow-description strong{font-size:20px}
  .workflow-description p{font-size:15px}
  .workflow-seq{font-size:12px}
  .workflow-proof-item strong{font-size:15px}
  .workflow-proof-item small{font-size:13px}
  .workflow-documents{padding:12px 12px 8px}
  .workflow-documents-head{font-size:11px;line-height:1.4;letter-spacing:.02em;flex-wrap:wrap;padding:0 2px 10px}
  .workflow-mobile-page-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px}
  .workflow-mobile-page-switch button{min-height:46px;border-radius:9px;background:#143745;color:#d6e9ef;border:1px solid rgba(168,224,237,.3);font-size:13px;font-weight:700;padding:8px 4px}
  .workflow-mobile-page-switch button[aria-pressed="true"]{background:#b5e4ec;color:#12313c}
  .workflow-acts-preview{display:block;padding:0}
  .workflow-page-button{display:none}
  .workflow-page-button[data-mobile-active="true"]{display:flex;width:min(100%,312px);margin:0 auto}
  .workflow-page-holder{padding:10px 10px 0}
  .workflow-page-caption{font-size:13px;min-height:60px}
  .workflow-documents-note{font-size:12px}
  .workflow-dialog-controls{padding:9px 12px}
  .workflow-dialog-controls button{font-size:13px;padding:8px 10px}
  .workflow-dialog-bar{padding:14px}
  .workflow-dialog-bar h2{font-size:18px}
  .workflow-dialog-scroller{padding:12px}
  .workflow-dialog-footer{flex-direction:column;align-items:flex-start;padding:12px 14px;font-size:12px}
  .workflow-dialog-footer a{font-size:14px}
}
@media screen and (max-width:390px){
  .workflow-top{align-items:flex-start;flex-wrap:wrap;gap:7px;padding:12px 13px}
  .workflow-top>span:first-child{font-size:12px}
  .workflow-documents-head{font-size:10px}
  .workflow-mobile-page-switch button{font-size:12px}
  .workflow-dialog-controls .workflow-dialog-zoom{margin-left:0}
  .workflow-dialog-page.is-zoomed{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .workflow-page-button,.workflow-page-hint,.service-card{transition:none!important}
}