/* Based on WTWBR's wi-case-wireframe / ww8 illustrated walkthrough treatment.
   Scoped to this component. Host typography and .button.button-accent remain authoritative. */
.htm-flow-wireframe{--htf-ink:#20355a;--htf-copy:#536177;--htf-muted:#647186;--htf-line:#d9e0e8;--htf-soft:#f5f7fa;--htf-paper:#fff;--htf-teal:#087f7b;--htf-bright:#11efe3;color:var(--htf-ink);width:100%;min-width:0;margin:64px 0 0;padding:42px 0 0;border-top:1px solid var(--htf-line);font-family:inherit;text-align:left;isolation:isolate}
.htm-flow-wireframe *{box-sizing:border-box}
.htm-flow-wireframe :where(p,h3,h4,figure,dl,dt,dd,ul){margin:0}
.htm-flow-wireframe :where(div,figure,section){min-width:0}
.htm-flow-wireframe svg{display:block;flex:none;width:22px;height:22px;max-width:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.htm-flow-wireframe [hidden]{display:none!important}
.htm-flow-wireframe .htm-flow-heading{max-width:820px;margin-bottom:28px}
.htm-flow-wireframe .htm-flow-eyebrow{margin-bottom:14px;color:var(--htf-muted);font-size:14px;line-height:1.5;font-weight:500}
.htm-flow-wireframe .htm-flow-heading h3{margin-bottom:18px;color:var(--htf-ink);font-family:inherit;font-size:clamp(26px,2.6vw,36px);font-weight:500;line-height:1.25;letter-spacing:-.025em}
.htm-flow-wireframe .htm-flow-heading>p:last-child{color:var(--htf-copy);font-size:16px;line-height:1.75;max-width:76ch}
.htm-flow-wireframe .htm-flow-tabs{display:flex;gap:0 24px;margin-bottom:30px;border-bottom:1px solid var(--htf-line)}
.htm-flow-wireframe .htm-flow-tabs button{appearance:none;display:flex;gap:10px;align-items:center;justify-content:center;min-height:52px;margin:0 0 -1px;padding:12px 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--htf-copy);font:inherit;font-size:14px;font-weight:500;line-height:1.5;text-align:left;cursor:pointer;transition:background 160ms,color 160ms}
.htm-flow-wireframe .htm-flow-tabs button span{font-size:11px;color:var(--htf-muted);font-variant-numeric:tabular-nums}
.htm-flow-wireframe .htm-flow-tabs button[aria-selected=true]{border-color:var(--htf-teal);color:var(--htf-ink);font-weight:600}
.htm-flow-wireframe .htm-flow-tabs button:focus-visible,.htm-flow-wireframe .htm-flow-panel:focus-visible,.htm-flow-wireframe .htm-flow-next:focus-visible{outline:2px solid var(--htf-teal);outline-offset:4px}
.htm-flow-wireframe .htm-flow-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:40px;align-items:center;margin-top:32px}
.htm-flow-wireframe.is-ready .htm-flow-panel{margin-top:0}
.htm-flow-wireframe .htm-flow-browser{min-width:0;overflow:hidden;border:1px solid #cad4e0;border-radius:16px;background:var(--htf-paper);box-shadow:0 22px 50px -22px rgba(33,52,84,.22)}
.htm-flow-wireframe .htm-flow-browser-bar{display:flex;align-items:center;gap:14px;min-height:42px;padding:10px 16px;border-bottom:1px solid var(--htf-line);color:var(--htf-copy);background:var(--htf-soft);font-size:11px;line-height:1.5}
.htm-flow-wireframe .htm-flow-browser-bar small{margin-left:auto;color:var(--htf-muted);font-size:9px;white-space:nowrap}
.htm-flow-wireframe .htm-flow-dots{display:flex;gap:5px;flex:none}
.htm-flow-wireframe .htm-flow-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#a9b7c9}
.htm-flow-wireframe .htm-flow-art{padding:20px;background:#fbfcfd;min-height:420px;display:flex;align-items:center}
.htm-flow-wireframe .htm-flow-site{width:100%;padding:19px;border:1px solid #e2e7ed;background:#fff;border-radius:8px}
.htm-flow-wireframe .htm-flow-site-nav{display:flex;align-items:center;gap:14px;padding-bottom:15px;border-bottom:1px solid var(--htf-line);font-size:9px;line-height:1.5}
.htm-flow-wireframe .htm-flow-site-nav>strong{font-weight:600;margin-right:auto}
.htm-flow-wireframe .htm-flow-site-nav>span{display:flex;gap:10px;color:#758091;font-size:8px}
.htm-flow-wireframe .htm-flow-site-nav b{font-weight:500;color:var(--htf-ink)}
.htm-flow-wireframe .htm-flow-cart{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid var(--htf-line);border-radius:50%;color:#6f7b8c}
.htm-flow-wireframe .htm-flow-cart svg{width:12px;height:12px}
.htm-flow-wireframe .htm-flow-home-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;padding:25px 0}
.htm-flow-wireframe .htm-flow-home-copy small,.htm-flow-wireframe .htm-flow-method>small,.htm-flow-wireframe .htm-flow-preview-copy>small,.htm-flow-wireframe .htm-flow-checkout>small,.htm-flow-wireframe .htm-flow-downloads>small{display:block;color:#748094;font-size:8px;line-height:1.5;margin-bottom:10px}
.htm-flow-wireframe .htm-flow-art h4{font-family:inherit;font-size:clamp(16px,1.7vw,23px);line-height:1.2;font-weight:500;letter-spacing:-.025em;color:var(--htf-ink);margin:0 0 13px}
.htm-flow-wireframe .htm-flow-lines{display:grid;gap:5px;margin-bottom:15px}
.htm-flow-wireframe .htm-flow-lines i{height:4px;width:100%;display:block;background:#e1e6ec;border-radius:2px}
.htm-flow-wireframe .htm-flow-lines i:nth-child(2){width:90%}
.htm-flow-wireframe .htm-flow-lines i:last-child{width:72%}
.htm-flow-wireframe .htm-flow-mini-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:7px;color:#6f7b8c}
.htm-flow-wireframe .htm-flow-mini-cta{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:26px;padding:7px 10px;border:1px solid #aab7c7;border-radius:5px;background:#e9eef3;color:var(--htf-ink);font-size:8px;font-weight:600;line-height:1.5}
.htm-flow-wireframe .htm-flow-mini-cta b{font-size:13px;font-weight:400}
.htm-flow-wireframe .htm-flow-method{padding:18px 15px;border:1px solid #d8e0e8;border-top:2px solid #78b8b5;border-radius:8px;background:linear-gradient(160deg,#fff,#f6f8fa);box-shadow:0 13px 28px -15px rgba(33,52,84,.2)}
.htm-flow-wireframe .htm-flow-method>strong{display:block;font-size:17px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin-bottom:14px}
.htm-flow-wireframe .htm-flow-method-steps{position:relative;display:flex;justify-content:space-between;margin-bottom:15px}
.htm-flow-wireframe .htm-flow-method-steps:before{content:"";position:absolute;top:50%;left:10px;right:10px;height:1px;background:var(--htf-line)}
.htm-flow-wireframe .htm-flow-method-steps span{position:relative;display:grid;place-items:center;background:#fff;color:#536177;border:1px solid #d5dde7;border-radius:50%;width:27px;height:27px;font-size:11px}
.htm-flow-wireframe .htm-flow-method-steps span:first-child{border-color:#80b8b6;color:var(--htf-teal)}
.htm-flow-wireframe .htm-flow-audio{display:flex;gap:7px;align-items:center;padding:8px;border:1px solid var(--htf-line);border-radius:5px;font-size:7px;color:#647186;background:#fff}
.htm-flow-wireframe .htm-flow-audio svg{width:13px;height:13px;color:#687689}
.htm-flow-wireframe .htm-flow-audio i{height:2px;min-width:12px;flex:1;background:#dbe1e8}
.htm-flow-wireframe .htm-flow-section-label{display:grid;gap:5px;margin:0 0 12px}
.htm-flow-wireframe .htm-flow-section-label>span{font-size:7px;color:#748094}
.htm-flow-wireframe .htm-flow-section-label>strong{font-size:13px;line-height:1.3;font-weight:500}
.htm-flow-wireframe .htm-flow-guide-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.htm-flow-wireframe .htm-flow-guide-choice{display:grid;gap:7px;padding:10px;border:1px solid var(--htf-line);border-radius:6px;background:#fafbfd}
.htm-flow-wireframe .htm-flow-guide-choice.is-current{border-color:#9ac8c6;background:#f6faf9}
.htm-flow-wireframe .htm-flow-book-symbol{display:grid;place-items:center;min-height:38px;color:#8b97a7;background:#edf1f5;border-radius:3px}
.htm-flow-wireframe .htm-flow-book-symbol svg{width:23px;height:29px;stroke-width:1.2}
.htm-flow-wireframe .htm-flow-guide-choice>strong{font-size:8px;font-weight:500;line-height:1.5;min-height:3em}
.htm-flow-wireframe .htm-flow-guide-choice>small{color:#758091;font-size:7px;line-height:1.5}
.htm-flow-wireframe .htm-flow-price{display:flex;justify-content:space-between;gap:4px;padding-top:7px;border-top:1px solid var(--htf-line);font-size:8px}
.htm-flow-wireframe .htm-flow-price b{font-size:6px;font-weight:500;color:var(--htf-copy)}
.htm-flow-wireframe .htm-flow-browser figcaption{padding:13px 16px;border-top:1px solid var(--htf-line);color:var(--htf-muted);font-size:11px;line-height:1.7;background:#fff}
.htm-flow-wireframe .htm-flow-story{padding:6px 0}
.htm-flow-wireframe .htm-flow-step{margin-bottom:14px;color:var(--htf-muted);font-size:13px;line-height:1.5}
.htm-flow-wireframe .htm-flow-story>h4{font-family:inherit;font-size:clamp(24px,2vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.025em;margin-bottom:18px;color:var(--htf-ink)}
.htm-flow-wireframe .htm-flow-story>p:not(.htm-flow-step){margin-bottom:24px;color:var(--htf-copy);font-size:15px;line-height:1.8}
.htm-flow-wireframe .htm-flow-story dl{border-top:1px solid var(--htf-line);margin:0 0 28px}
.htm-flow-wireframe .htm-flow-story dl>div{padding:16px 0;border-bottom:1px solid var(--htf-line)}
.htm-flow-wireframe .htm-flow-story dt{margin-bottom:5px;color:var(--htf-ink);font-size:12px;font-weight:600;line-height:1.6}
.htm-flow-wireframe .htm-flow-story dd{color:var(--htf-copy);font-size:13px;line-height:1.7}
.htm-flow-wireframe .htm-flow-next{width:100%;text-align:left}
.htm-flow-wireframe .htm-flow-next svg{width:22px;height:22px;stroke-width:1.5}
.htm-flow-wireframe .htm-flow-source{margin-top:25px;padding-top:20px;border-top:1px solid var(--htf-line);color:var(--htf-muted);font-size:12px;line-height:1.75}
.htm-flow-wireframe .htm-flow-preview-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:25px 0 20px}
.htm-flow-wireframe .htm-flow-preview-sheet{display:flex;flex-direction:column;min-height:270px;padding:19px;border:1px solid #cfd8e3;border-radius:3px;box-shadow:4px 5px 0 #f3f5f8,5px 6px 0 #dae1e9;background:#fff}
.htm-flow-wireframe .htm-flow-paper-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px;color:#8792a3}
.htm-flow-wireframe .htm-flow-paper-head small{font-size:7px}
.htm-flow-wireframe .htm-flow-paper-head svg{width:16px;height:16px}
.htm-flow-wireframe .htm-flow-preview-sheet>strong{font-size:15px;font-weight:500;line-height:1.35;margin-bottom:17px}
.htm-flow-wireframe .htm-flow-paper-section{padding:12px 0;border-top:1px solid var(--htf-line)}
.htm-flow-wireframe .htm-flow-paper-section>small{display:block;margin-bottom:10px;font-size:7px;color:#687689}
.htm-flow-wireframe .htm-flow-answer-line{display:block;height:17px;border-bottom:1px solid #dfe5ec}
.htm-flow-wireframe .htm-flow-paper-footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:24px;color:#8a95a5;font-size:6px}
.htm-flow-wireframe .htm-flow-format-list{list-style:none;display:grid;gap:9px;padding:0;margin:17px 0}
.htm-flow-wireframe .htm-flow-format-list li{display:flex;gap:7px;align-items:center;font-size:8px;color:#6a778a;line-height:1.5}
.htm-flow-wireframe .htm-flow-format-list svg{width:13px;height:13px}
.htm-flow-wireframe .htm-flow-purchase-row{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--htf-line)}
.htm-flow-wireframe .htm-flow-purchase-row>span:first-child{display:grid;gap:4px}
.htm-flow-wireframe .htm-flow-purchase-row strong{font-size:18px;line-height:1;font-weight:500}
.htm-flow-wireframe .htm-flow-purchase-row small{font-size:6px;color:#7a8797}
.htm-flow-wireframe .htm-flow-preview-caption{display:flex;gap:10px;justify-content:space-between;border-top:1px solid var(--htf-line);padding-top:13px;color:#7a8797;font-size:7px}
.htm-flow-wireframe .htm-flow-page-dots{display:flex;gap:4px;margin-left:auto}
.htm-flow-wireframe .htm-flow-page-dots i{width:4px;height:4px;border-radius:50%;background:#dbe1e8}
.htm-flow-wireframe .htm-flow-page-dots i:first-child{background:#77879b}
.htm-flow-wireframe .htm-flow-checkout-layout{display:grid;grid-template-columns:1fr 22px 1fr;gap:10px;align-items:center;padding:24px 0 5px}
.htm-flow-wireframe .htm-flow-checkout h4,.htm-flow-wireframe .htm-flow-downloads h4{font-size:18px}
.htm-flow-wireframe .htm-flow-checkout{padding:0 0 7px}
.htm-flow-wireframe .htm-flow-field{margin-top:11px}
.htm-flow-wireframe .htm-flow-field>small{display:block;font-size:7px;color:#687689;margin-bottom:5px}
.htm-flow-wireframe .htm-flow-field>span,.htm-flow-wireframe .htm-flow-field>i{display:block;min-height:25px;padding:7px 8px;border:1px solid #d9e0e8;border-radius:4px;color:#9aa4b1;font-size:7px;background:#fff}
.htm-flow-wireframe .htm-flow-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.htm-flow-wireframe .htm-flow-order-item{display:flex;gap:8px;align-items:center;margin-top:18px;padding:11px 0;border-top:1px solid var(--htf-line);border-bottom:1px solid var(--htf-line);font-size:7px;line-height:1.5}
.htm-flow-wireframe .htm-flow-document-icon{display:grid;place-items:center;flex:none;width:26px;height:35px;background:#f1f4f7;border:1px solid var(--htf-line);border-radius:3px;color:#8b97a7}
.htm-flow-wireframe .htm-flow-document-icon svg{width:15px;height:18px}
.htm-flow-wireframe .htm-flow-order-item small{display:block;font-size:6px;color:#7a8797;margin-top:3px}
.htm-flow-wireframe .htm-flow-order-item>strong{margin-left:auto;white-space:nowrap;font-weight:500}
.htm-flow-wireframe .htm-flow-order-total{display:flex;justify-content:space-between;gap:10px;padding:11px 0;font-size:9px}
.htm-flow-wireframe .htm-flow-order-total strong{font-weight:500}
.htm-flow-wireframe .htm-flow-example-note{display:block;margin-top:8px;font-size:6px;color:#8a95a5;line-height:1.5}
.htm-flow-wireframe .htm-flow-handoff-arrow{color:#99a6b8}
.htm-flow-wireframe .htm-flow-handoff-arrow svg{width:22px;height:22px;stroke-width:1.2}
.htm-flow-wireframe .htm-flow-downloads{padding:18px 13px;border:1px solid #cfd9e2;border-top:2px solid #83b8b5;border-radius:7px;background:#f9fbfc;box-shadow:0 10px 22px -15px rgba(33,52,84,.22)}
.htm-flow-wireframe .htm-flow-confirm{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b7c7ce;border-radius:50%;color:var(--htf-teal);margin-bottom:15px;background:#fff}
.htm-flow-wireframe .htm-flow-confirm svg{width:18px;height:18px}
.htm-flow-wireframe .htm-flow-file-row{display:flex;gap:7px;align-items:center;padding:10px 0;border-top:1px solid var(--htf-line);font-size:8px;line-height:1.5;color:#6a778a}
.htm-flow-wireframe .htm-flow-file-row svg{width:15px;height:17px;color:#7a8797}
.htm-flow-wireframe .htm-flow-file-row small{display:block;color:#8a95a5;font-size:6px}
.htm-flow-wireframe .htm-flow-file-row b{margin-left:auto;font-size:15px;color:#687689;font-weight:400}
.htm-flow-wireframe .htm-flow-email-note{display:flex;gap:7px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--htf-line);font-size:7px;line-height:1.6;color:#7a8797}
.htm-flow-wireframe .htm-flow-email-note svg{width:14px;height:14px}
@media(hover:hover) and (pointer:fine){.htm-flow-wireframe .htm-flow-tabs button:hover{background:#f2f5f8;color:var(--htf-ink)}}
@media(max-width:1100px){.htm-flow-wireframe .htm-flow-panel{grid-template-columns:minmax(0,1fr);gap:28px}.htm-flow-wireframe .htm-flow-art{min-height:0}.htm-flow-wireframe .htm-flow-story{max-width:760px}.htm-flow-wireframe .htm-flow-story dl{display:grid;grid-template-columns:1fr 1fr;gap:24px}.htm-flow-wireframe .htm-flow-next{width:auto;min-width:280px}.htm-flow-wireframe .htm-flow-art h4{font-size:23px}.htm-flow-wireframe .htm-flow-site-nav{font-size:11px}.htm-flow-wireframe .htm-flow-site-nav>span{font-size:9px}.htm-flow-wireframe .htm-flow-guide-choice>strong{font-size:11px}.htm-flow-wireframe .htm-flow-preview-sheet>strong{font-size:20px}.htm-flow-wireframe .htm-flow-method>strong{font-size:22px}.htm-flow-wireframe .htm-flow-guide-choice>small{font-size:8px}.htm-flow-wireframe .htm-flow-checkout-layout{gap:20px}}
@media(max-width:600px){.htm-flow-wireframe{margin-top:42px;padding-top:30px}.htm-flow-wireframe .htm-flow-tabs{gap:8px}.htm-flow-wireframe .htm-flow-tabs button{align-items:flex-start;gap:5px;flex:1;min-width:0;font-size:12px;padding:10px 2px}.htm-flow-wireframe .htm-flow-tabs button span{font-size:9px;padding-top:2px}.htm-flow-wireframe .htm-flow-browser-bar{padding:9px 12px;gap:9px;font-size:9px}.htm-flow-wireframe .htm-flow-browser-bar small{display:none}.htm-flow-wireframe .htm-flow-art{padding:10px}.htm-flow-wireframe .htm-flow-site{padding:13px}.htm-flow-wireframe .htm-flow-site-nav{font-size:9px;gap:8px}.htm-flow-wireframe .htm-flow-site-nav>span{font-size:6px;gap:5px}.htm-flow-wireframe .htm-flow-cart{width:21px;height:21px}.htm-flow-wireframe .htm-flow-home-hero{gap:13px;padding:21px 0}.htm-flow-wireframe .htm-flow-art h4{font-size:17px}.htm-flow-wireframe .htm-flow-method{padding:12px 9px}.htm-flow-wireframe .htm-flow-method>strong{font-size:15px}.htm-flow-wireframe .htm-flow-method-steps span{width:22px;height:22px;font-size:9px}.htm-flow-wireframe .htm-flow-audio{font-size:6px;padding:6px;gap:4px}.htm-flow-wireframe .htm-flow-guide-choices{gap:5px}.htm-flow-wireframe .htm-flow-guide-choice{padding:7px;gap:5px}.htm-flow-wireframe .htm-flow-guide-choice>strong{font-size:7px;min-height:4.5em}.htm-flow-wireframe .htm-flow-guide-choice>small{font-size:6px}.htm-flow-wireframe .htm-flow-price{flex-wrap:wrap;font-size:7px}.htm-flow-wireframe .htm-flow-price b{font-size:6px}.htm-flow-wireframe .htm-flow-story dl{display:block}.htm-flow-wireframe .htm-flow-next{min-width:0;width:100%}.htm-flow-wireframe .htm-flow-preview-layout{gap:14px}.htm-flow-wireframe .htm-flow-preview-sheet{padding:12px;min-height:260px}.htm-flow-wireframe .htm-flow-preview-sheet>strong{font-size:14px}.htm-flow-wireframe .htm-flow-preview-copy>small{font-size:7px}.htm-flow-wireframe .htm-flow-format-list{gap:7px}.htm-flow-wireframe .htm-flow-format-list li{font-size:7px;gap:5px}.htm-flow-wireframe .htm-flow-purchase-row{align-items:flex-start;flex-direction:column;gap:10px}.htm-flow-wireframe .htm-flow-purchase-row>.htm-flow-mini-cta{width:100%}.htm-flow-wireframe .htm-flow-checkout-layout{grid-template-columns:1fr;gap:15px;padding-top:20px}.htm-flow-wireframe .htm-flow-checkout-layout .htm-flow-handoff-arrow{justify-self:center;transform:rotate(90deg)}.htm-flow-wireframe .htm-flow-checkout{padding:0 6px}.htm-flow-wireframe .htm-flow-checkout h4,.htm-flow-wireframe .htm-flow-downloads h4{font-size:20px}.htm-flow-wireframe .htm-flow-field>small,.htm-flow-wireframe .htm-flow-order-item,.htm-flow-wireframe .htm-flow-email-note{font-size:8px}.htm-flow-wireframe .htm-flow-field>span,.htm-flow-wireframe .htm-flow-field>i{min-height:30px;font-size:8px}.htm-flow-wireframe .htm-flow-mini-cta{font-size:8px;min-height:29px}.htm-flow-wireframe .htm-flow-downloads{padding:17px}.htm-flow-wireframe .htm-flow-file-row{font-size:10px}.htm-flow-wireframe .htm-flow-file-row small{font-size:8px}.htm-flow-wireframe .htm-flow-example-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.htm-flow-wireframe *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.htm-flow-wireframe{--htf-ink:CanvasText;--htf-copy:CanvasText;--htf-muted:CanvasText;--htf-line:CanvasText;--htf-teal:Highlight}.htm-flow-wireframe .htm-flow-tabs button[aria-selected=true]{border-color:Highlight}.htm-flow-wireframe .htm-flow-lines i{background:GrayText}.htm-flow-wireframe .htm-flow-browser{border-color:CanvasText}}
@media print{.htm-flow-wireframe .htm-flow-tabs,.htm-flow-wireframe .htm-flow-next{display:none!important}.htm-flow-wireframe [data-htm-flow-panel][hidden]{display:grid!important;margin-top:30px}.htm-flow-wireframe .htm-flow-browser{box-shadow:none}}