.unified-demo-page{--section-inline:max(var(--page-gutter), calc((100vw - var(--content-default)) / 2))}.application-panel[hidden],.exercise-panel[hidden]{display:none}.suite-overview{padding:clamp(4.5rem, 8vw, 7.5rem) var(--section-inline) clamp(4rem, 7vw, 6.5rem);background:radial-gradient(circle at 78% 18%, #0065d61f, transparent 30%), var(--color-surface)}.suite-overview-heading{max-width:61rem}.suite-overview-heading h1{hyphens:auto;max-width:18ch;letter-spacing:var(--letter-spacing-tight);margin:0;font-size:clamp(2.7rem,5vw,5.15rem);line-height:.98}.suite-overview-heading>p:last-child{max-width:48rem;margin:var(--space-6) 0 0;color:var(--color-text-muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7}.application-carousel{margin-top:clamp(3rem,6vw,5rem)}.application-tabs{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.application-tab{--tab-color:var(--color-brand);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-width:0;min-height:5.6rem;color:var(--color-text-secondary);background:var(--color-surface-subtle);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);align-content:center;gap:.35rem;padding:1rem 1.15rem;display:grid}.application-tab-green{--tab-color:var(--color-success)}.application-tab-amber{--tab-color:var(--color-warning)}.application-tab>span{font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:var(--font-weight-heavy)}.application-tab small{color:var(--color-text-muted);font-size:.72rem;line-height:1.4}.application-tab:is(:hover,:focus-visible){border-color:var(--tab-color);color:var(--tab-color);transform:translateY(-.16rem)}.application-tab[aria-selected=true]{border-color:var(--tab-color);color:var(--color-surface);background:var(--tab-color)}.application-tab[aria-selected=true] small{color:var(--color-surface)}.application-stage{position:relative}.application-panel{--panel-color:var(--color-brand);border:1px solid color-mix(in srgb, var(--panel-color) 30%, var(--color-border));border-radius:0 0 var(--radius-xl) var(--radius-xl);background:radial-gradient(circle at 78% 50%, color-mix(in srgb, var(--panel-color) 12%, transparent), transparent 33%), var(--color-surface);min-height:31rem;box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4.5rem);display:grid;overflow:hidden}.application-panel-green{--panel-color:var(--color-success)}.application-panel-amber{--panel-color:var(--color-warning)}.application-copy{max-width:36rem}.application-role{margin:0 0 var(--space-3);color:var(--panel-color);font-size:.7rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.application-copy h2{letter-spacing:-.055em;max-width:12ch;margin:0;font-size:clamp(2.1rem,4vw,4.2rem);line-height:.98}.application-copy>p:not(.application-role){margin:var(--space-5) 0 0;color:var(--color-text-muted);line-height:1.72}.application-copy a{margin-top:var(--space-6);border-radius:var(--radius-pill);color:var(--color-surface);background:var(--panel-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:.82rem 1rem;text-decoration:none;display:inline-flex}.application-visual{border:1px solid color-mix(in srgb, var(--panel-color) 25%, var(--color-border));border-radius:var(--radius-xl);min-height:20rem;box-shadow:var(--shadow-md);background:#ffffffc7;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2rem);display:flex}.application-visual>span{color:var(--panel-color);font-size:clamp(1.8rem,4vw,3rem);font-weight:var(--font-weight-heavy)}.mini-questionnaire,.mini-data,.corner-preview-paper,.pdf-stack,.pdf-split{position:relative}.mini-questionnaire{aspect-ratio:.78;border:1px solid var(--color-border);background:var(--color-surface);width:min(42%,11.5rem);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.mini-questionnaire-canvas{aspect-ratio:1;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.mini-questionnaire picture,.mini-questionnaire img,.mini-overlay-layer{width:100%;height:100%;display:block;position:absolute;inset:0}.mini-questionnaire img{object-fit:contain}.mini-overlay-layer{pointer-events:none}.mini-overlay-layer rect{fill:#dc262621;stroke:#dc2626;stroke-width:5px}.mini-overlay-layer .mini-overlay-corrected{fill:#22c55e21;stroke:#16a34a}.mini-overlay-layer .mini-overlay-conflict{fill:#7c3aed21;stroke:#7c3aed;stroke-width:4px}.mini-data{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:.65rem;width:min(40%,11rem);padding:1rem;display:grid}.mini-data i{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-brand) 20%, white);height:.6rem;display:block}.mini-data i:nth-child(2),.mini-data i:nth-child(4){background:color-mix(in srgb, var(--color-success) 28%, white);width:65%}.corner-preview-paper{aspect-ratio:.76;border:1px solid var(--color-border);background:var(--color-surface);width:min(62%,16rem);box-shadow:var(--shadow-md);align-content:start;gap:11%;padding:25% 15%;display:grid}.corner-preview-paper i{border-color:var(--color-success);border-style:solid;border-width:0;width:2.2rem;height:2.2rem;position:absolute}.corner-preview-paper i:first-child{border-top-width:.28rem;border-left-width:.28rem;top:6%;left:7%}.corner-preview-paper i:nth-child(2){border-top-width:.28rem;border-right-width:.28rem;top:6%;right:7%}.corner-preview-paper i:nth-child(3){border-bottom-width:.28rem;border-left-width:.28rem;bottom:6%;left:7%}.corner-preview-paper i:nth-child(4){border-bottom-width:.28rem;border-right-width:.28rem;bottom:6%;right:7%}.corner-preview-paper b{background:#d6dee8;height:.55rem;display:block}.pdf-stack,.pdf-split{display:grid}.pdf-stack i,.pdf-split i{aspect-ratio:.74;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:clamp(4.5rem,9vw,7rem);box-shadow:var(--shadow-sm)}.pdf-stack i{grid-area:1/1}.pdf-stack i:first-child{transform:translate(-.8rem,-.8rem)}.pdf-stack i:nth-child(3){transform:translate(.8rem,.8rem)}.pdf-split{grid-template-columns:repeat(3,1fr);gap:.35rem}.pdf-split i{width:clamp(2.4rem,5vw,3.7rem)}.application-arrow{z-index:4;border:1px solid var(--color-border);border-radius:var(--radius-pill);width:3.2rem;height:4.5rem;color:var(--color-text);box-shadow:var(--shadow-md);font:inherit;cursor:pointer;background:#ffffffeb;place-items:center;font-size:2rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.application-arrow-prev{left:-1.6rem}.application-arrow-next{right:-1.6rem}.application-arrow:is(:hover,:focus-visible){color:var(--color-surface);background:var(--color-brand)}.workflow-section,.hands-on-section,.pdf-toolkit-section{padding:clamp(5rem, 9vw, 8rem) var(--section-inline)}.workflow-section{background:radial-gradient(circle at 50% 8%,#0065d61c,#0000 32%),linear-gradient(#eaf4ff 0%,#f5f8fc 100%);overflow:clip}.workflow-heading,.hands-on-heading,.pdf-toolkit-heading{max-width:55rem}.workflow-heading{text-align:center;justify-items:center;width:100%;max-width:76rem;margin-inline:auto;display:grid}.workflow-heading h2 span{display:block}@media (width>51.25rem){.workflow-heading #workflow-title{width:100%;max-width:none}.workflow-heading h2 span{white-space:nowrap}}.workflow-heading h2,.workflow-heading>p:last-child{margin-inline:auto}.workflow-heading h2,.hands-on-heading h2,.pdf-toolkit-heading h2{letter-spacing:-.058em;max-width:14ch;margin:0;font-size:clamp(2.6rem,5.3vw,5.2rem);line-height:.97}.workflow-heading>p:last-child,.hands-on-heading>p:last-child,.pdf-toolkit-heading>p:last-child{max-width:48rem;margin:var(--space-6) 0 0;color:var(--color-text-muted);line-height:1.72}.workflow-setup,.workflow-repeat{margin-top:clamp(3rem,6vw,5rem)}.workflow-setup{gap:var(--space-4);grid-template-columns:minmax(12rem,.65fr) repeat(2,minmax(0,1fr));display:grid}.js [data-scroll-reveal][data-reveal-ready] [data-reveal-item]{opacity:0;filter:blur(.35rem);transition:opacity .76s var(--ease-standard), filter .76s var(--ease-standard), transform .76s var(--ease-standard);transform:translateY(3rem)scale(.96)}.js [data-scroll-reveal][data-reveal-ready] [data-reveal-item]:first-child{transform:translate(-3rem)}.js [data-scroll-reveal][data-reveal-ready] [data-reveal-item]:nth-child(3){transition-delay:.3s;transform:translate(3rem)translateY(2rem)scale(.96)}.js [data-scroll-reveal][data-reveal-ready] [data-reveal-item]:nth-child(2){transition-delay:.15s}.js [data-scroll-reveal][data-reveal-ready][data-revealed=true] [data-reveal-item]{opacity:1;filter:none;transform:none}.workflow-phase-heading{padding:var(--space-5) 0}.workflow-phase-heading>span,.workflow-setup-card>span,.workflow-steps>li>span{color:var(--color-brand);font-size:.68rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.workflow-phase-heading h3,.workflow-setup-card h3,.workflow-steps h3{margin:.55rem 0 0}.workflow-phase-heading h3{max-width:12ch;font-size:clamp(1.6rem,2.8vw,2.45rem);line-height:1.05}.workflow-setup-card{--setup-color:var(--color-brand);border:1px solid color-mix(in srgb, var(--setup-color) 30%, var(--color-border));border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:clamp(1.4rem,3vw,2.2rem)}.workflow-setup-green{--setup-color:var(--color-success)}.workflow-setup-card>span{color:var(--setup-color)}.workflow-setup-card h3{font-size:clamp(1.25rem,2vw,1.65rem)}.workflow-setup-card p,.workflow-steps p{color:var(--color-text-muted);margin:.8rem 0 0;font-size:.88rem;line-height:1.65}.workflow-repeat{border:1px solid color-mix(in srgb, var(--color-brand) 22%, var(--color-border));border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-brand) 4%, var(--color-surface));box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,2rem)}.workflow-repeat .workflow-phase-heading{justify-content:space-between;align-items:end;gap:var(--space-4);padding:0;display:flex}.workflow-repeat .workflow-phase-heading h3{max-width:none}.workflow-steps{margin:var(--space-6) 0 0;gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;display:grid}.workflow-steps li{border-top:.22rem solid var(--color-brand);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface);padding:1.25rem;position:relative;box-shadow:0 .5rem 1.3rem #1d37580f}.workflow-steps li:not(:last-child):after{top:50%;right:calc(var(--space-3) * -1);z-index:2;color:#aab4c2;content:"→";position:absolute;transform:translate(50%,-50%)}.workflow-steps h3{font-size:1rem}.workflow-step-optional{border-top-color:var(--color-warning)!important;background:#fffaf3!important}.workflow-step-optional>span{color:var(--color-warning)!important}.hands-on-section{background:#eef3f9}.exercise-switcher{margin-top:clamp(3rem,6vw,5rem)}.exercise-tabs{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.exercise-tabs button{border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);background:var(--color-surface);font:inherit;font-size:.85rem;font-weight:var(--font-weight-bold);cursor:pointer;gap:.25rem;padding:1rem;display:grid}.exercise-tabs button>span{color:var(--color-brand);font-size:.65rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.exercise-tabs button[aria-selected=true]{color:var(--color-surface);border-color:var(--color-brand);background:var(--color-brand)}.exercise-tabs button[aria-selected=true]>span{color:var(--color-surface)}.exercise-panel{--exercise-color:var(--color-brand);margin-top:var(--space-4);border:1px solid color-mix(in srgb, var(--exercise-color) 26%, var(--color-border));border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);padding:clamp(1rem,3vw,2.2rem)}.exercise-panel-green{--exercise-color:var(--color-success)}.exercise-intro{max-width:48rem;margin-bottom:var(--space-6)}.exercise-intro>p:first-child{color:var(--exercise-color);font-size:.68rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0}.exercise-intro h3{margin:.5rem 0 0;font-size:clamp(1.8rem,3.3vw,3.1rem);line-height:1}.exercise-intro>p:last-child{color:var(--color-text-muted);margin:.8rem 0 0;line-height:1.65}.pdf-toolkit-section{--product-color:var(--color-warning);background:#fffaf3;grid-template-columns:minmax(16rem,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(2.5rem,6vw,6rem);display:grid}.pdf-toolkit-section .toolkit-modes{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.pdf-toolkit-section .toolkit-mode:last-child{grid-column:1/-1}.pdf-toolkit-section .toolkit-mode h3{letter-spacing:-.025em;margin:0;font-size:clamp(.95rem,1.5vw,1.18rem)}@media (width<=68.75rem){.application-panel{grid-template-columns:minmax(0,1fr)}.application-copy{max-width:48rem}.application-visual{width:min(100%,44rem)}.workflow-setup{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-setup .workflow-phase-heading{grid-column:1/-1}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-steps li:after{content:none!important}.pdf-toolkit-section{grid-template-columns:minmax(0,1fr)}.pdf-toolkit-section .toolkit-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-toolkit-section .toolkit-mode:last-child{grid-column:1/-1}}@media (width<=51.25rem){.suite-overview,.workflow-section,.hands-on-section,.pdf-toolkit-section{padding-block:clamp(3.5rem,12vw,5rem);padding-inline:var(--page-gutter)}.suite-overview-heading h1{font-size:clamp(2.45rem,9vw,3.7rem)}.workflow-heading h2,.hands-on-heading h2,.pdf-toolkit-heading h2{max-width:16ch;font-size:clamp(2.15rem,8vw,3.25rem)}.application-carousel,.exercise-switcher,.pdf-toolkit-section .toolkit-modes{margin-top:clamp(2rem,8vw,3rem)}.application-tabs,.exercise-tabs{grid-template-columns:minmax(0,1fr)}.application-tab{border-radius:var(--radius-md);min-height:auto;padding:.75rem .9rem}.application-panel{margin-top:var(--space-3);padding:var(--space-5);gap:var(--space-6);border-radius:var(--radius-xl)}.application-copy h2{max-width:15ch;font-size:clamp(1.9rem,8vw,2.75rem)}.application-arrow{top:auto;bottom:var(--space-4);width:2.8rem;height:2.8rem;font-size:1.4rem;transform:none}.application-arrow-prev{left:var(--space-4)}.application-arrow-next{right:var(--space-4)}.application-visual{min-height:14rem;margin-bottom:3.2rem}.workflow-setup,.workflow-repeat{margin-top:clamp(2rem,8vw,3rem)}.workflow-setup,.workflow-steps,.pdf-toolkit-section .toolkit-modes{grid-template-columns:minmax(0,1fr)}.workflow-repeat .workflow-phase-heading{flex-direction:column;align-items:start}.exercise-panel{padding:.8rem}.exercise-intro{padding:.6rem}}@media (width<=35rem){.suite-overview-heading h1{overflow-wrap:break-word;font-size:clamp(2.05rem,9.5vw,2.55rem)}.application-panel{min-height:0}.application-visual{gap:.65rem;min-height:12rem}.mini-questionnaire{width:min(51%,10rem)}.mini-data{width:min(34%,8rem);padding:.7rem}.workflow-heading h2,.hands-on-heading h2,.pdf-toolkit-heading h2{font-size:clamp(2rem,10vw,2.6rem)}.pdf-split{grid-template-columns:1fr}.pdf-split i{aspect-ratio:1.2;width:3rem}}.js [data-demo-panel]:not([data-active]){display:none}[data-demo-panel]{min-width:0}.product-hero-blue{--product-color:var(--color-brand)}.product-copy .product-page-title{overflow-wrap:normal;hyphens:none;max-width:100%;font-size:clamp(2.9rem,5.5vw,5.8rem);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-tight);word-break:normal;margin:0}.primary-action{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:var(--color-surface);background:var(--product-color);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;border:0;padding:.85rem 1.05rem;display:inline-flex}.demo-static-notice{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--font-size-sm)}.datatool-hero,.datatool-hero .product-copy,.datatool-hero .product-visual{transition:all var(--duration-slow) var(--ease-standard)}.datatool-hero .product-copy{min-width:0}.datatool-hero.demo-focus-active{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-block:0;padding-inline:clamp(4.5rem,7vw,7rem)}.datatool-hero.demo-focus-active .product-copy{display:none}.datatool-hero.demo-focus-active .product-visual{grid-column:1;justify-self:center;width:min(100%,64rem);max-width:none;margin-block:8rem}.datatool-hero.demo-focus-active .questionnaire-stage{min-height:clamp(34rem,68svh,44rem)}.datatool-hero.demo-focus-active .questionnaire-sheet{width:min(100%,44rem)}.questionnaire-demo{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid #d6dee8;position:relative;overflow:hidden}.questionnaire-demo-heading{padding:.85rem var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid #e1e7ef;display:flex}.questionnaire-demo-heading>div:first-child{gap:.18rem;display:grid}.questionnaire-demo-heading span{color:var(--color-brand);font-size:.6rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.questionnaire-demo-heading strong{min-height:1.35em;font-size:clamp(.78rem,1.3vw,.96rem);display:block}.questionnaire-demo-controls{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.questionnaire-demo-heading button{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface);font:inherit;font-size:.67rem;font-weight:var(--font-weight-bold);cursor:pointer;flex:none;padding:.48rem .7rem}.questionnaire-demo-heading .questionnaire-guide-button{color:var(--color-surface);border-color:var(--color-brand);background:var(--color-brand)}@media (prefers-reduced-motion:reduce){.js [data-scroll-reveal][data-reveal-ready] [data-reveal-item]{opacity:1;filter:none;transition:none;transform:none}}.demo-focus-return{color:var(--color-surface)!important;border-color:var(--color-brand)!important;background:var(--color-brand)!important}.demo-tutorial{z-index:30;backdrop-filter:blur(.3rem);background:#0f172a94;place-items:center;padding:clamp(.8rem,3vw,1.5rem);display:grid;position:absolute;inset:0}.accessible-dialog{border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.accessible-dialog::backdrop{background:0 0}.demo-tutorial-card{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid #dbe4ef;width:min(100%,31rem);max-height:calc(100% - 1rem);padding:clamp(1.2rem,3vw,1.8rem);position:relative;overflow:auto;box-shadow:0 2rem 5rem #0f172a52}.demo-tutorial-close{border:1px solid var(--color-border);width:2rem;height:2rem;color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:1.2rem;display:grid;position:absolute;top:.75rem;right:.75rem}.demo-tutorial-card>p:first-of-type{color:var(--color-brand);font-size:.65rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0 2.5rem .45rem 0}.demo-tutorial-card h2{max-width:17ch;margin:0;font-size:clamp(1.45rem,3vw,2.05rem);line-height:1.05}.demo-tutorial-steps{margin-top:var(--space-5);border-top:1px solid var(--color-border)}.demo-tutorial-steps article{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);grid-template-columns:2.5rem minmax(0,1fr);gap:.8rem;display:grid}.demo-tutorial-steps article>span{border-radius:var(--radius-md);width:2.4rem;height:2.4rem;color:var(--color-surface);background:var(--color-brand);font-size:.75rem;font-weight:var(--font-weight-heavy);place-items:center;display:grid}.demo-tutorial-steps p{color:var(--color-text-muted);margin:.3rem 0 0;font-size:.8rem;line-height:1.55}.demo-tutorial-tip{margin:var(--space-4) 0 0;border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface-subtle);padding:.75rem .85rem;font-size:.75rem}.demo-tutorial-confirm{width:100%;margin-top:var(--space-4);padding:.8rem var(--space-4);border-radius:var(--radius-pill);color:var(--color-surface);background:var(--color-brand);font:inherit;font-weight:var(--font-weight-bold);border:0}.color-info{border-radius:var(--radius-pill);font:inherit;font-weight:var(--font-weight-heavy);cursor:help;border:0;padding:.08rem .38rem .12rem;position:relative}.color-info-green{color:#047857;background:#d1fae5}.color-info-violet{color:#6d28d9;background:#ede9fe}.color-tooltip{z-index:15;visibility:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(18rem,100vw - 4rem);color:var(--color-text-secondary);background:var(--color-surface);box-shadow:var(--shadow-md);opacity:0;font-size:.68rem;font-weight:var(--font-weight-regular);text-align:left;gap:.3rem;padding:.75rem .8rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0}.color-info:is(:hover,:focus-visible,[aria-expanded=true]) .color-tooltip{visibility:visible;opacity:1}.questionnaire-stage{background:#edf2f7;place-items:center;min-height:clamp(23rem,43vw,34rem);padding:clamp(.7rem,1.8vw,1.1rem);display:grid}.questionnaire-sheet{aspect-ratio:1;background:var(--color-surface);width:min(100%,34rem);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.questionnaire-sheet>picture,.questionnaire-sheet>picture>img{width:100%;height:100%;display:block}.questionnaire-sheet>picture>img{object-fit:contain}.answer-row{cursor:pointer;min-height:1.5rem;display:grid;position:absolute}.answer-row:focus-visible{z-index:3;outline:3px solid var(--color-focus);outline-offset:2px}.answer-overlay,.support-overlay{cursor:pointer;background:0 0;border:2px solid #0000;padding:0}.answer-overlay{width:100%;height:100%}.answer-overlay.detected,.support-overlay.detected{background:#fbbf2424;border-color:#dc2626}.answer-overlay:is(:hover,:focus-visible),.support-overlay:is(:hover,:focus-visible){z-index:2;border-color:#06b6d4;outline:none;box-shadow:0 0 0 2px #06b6d438}.answer-overlay.confirmed,.support-overlay.confirmed{background:0 0;border-width:3px;border-color:#22c55e}.support-overlay.cleared,.answer-row.all-cleared .answer-overlay{background:0 0;border-width:1px;border-color:gray}.answer-row.has-correction .answer-overlay.detected:not(.confirmed){background:0 0;border-color:#0000}.answer-row.all-marked{background:#fbbf2426;outline:2px solid #7c3aed}.answer-row.all-marked .answer-overlay{background:0 0;border-color:#7c3aed}.answer-row-work-1,.answer-row-work-2,.answer-row-work-3,.answer-row-work-4{grid-template-columns:110fr 112fr 111fr 109fr 107fr;width:43.78%;left:40.59%}.answer-row-work-1{height:4.47%;top:17.38%}.answer-row-work-2{height:4.47%;top:21.85%}.answer-row-work-3{height:4.39%;top:26.32%}.answer-row-work-4{height:4.47%;top:30.7%}.answer-row-rating{grid-template-columns:repeat(9,1fr);width:56.38%;height:4.47%;top:45.45%;left:21.77%}.answer-row-frequency-1,.answer-row-frequency-2,.answer-row-frequency-3,.answer-row-frequency-4,.answer-row-multiple{grid-template-columns:repeat(7,1fr);width:48.56%;left:35.81%}.answer-row-frequency-1{height:4.07%;top:57.89%}.answer-row-frequency-2{height:4.31%;top:61.96%}.answer-row-frequency-3{height:4.31%;top:66.27%}.answer-row-frequency-4{height:4.23%;top:70.57%}.answer-row-multiple{height:4.15%;top:74.8%}.support-overlays{pointer-events:none;position:absolute;inset:0}.support-overlays:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.support-overlay{pointer-events:auto;width:1.91%;height:1.91%;position:absolute}.support-overlay-1{top:84.37%;left:16.11%}.support-overlay-2{top:87.56%;left:16.11%}.support-overlay-3{height:1.83%;top:90.75%;left:16.11%}.support-overlay-4{top:84.37%;left:51.12%}.support-overlay-5{top:87.56%;left:51.12%}.support-overlay-6{height:1.83%;top:90.75%;left:51.12%}.questionnaire-demo-footer{border-top:1px solid var(--color-border);justify-content:flex-end;min-height:2.7rem;padding:.6rem .85rem;display:flex}.questionnaire-touch-controls{display:none}.next-demo-bar{min-height:6rem;padding:1.55rem var(--page-gutter);color:var(--color-surface);background:var(--color-text);text-align:center;justify-items:center;gap:.7rem;display:grid}.next-demo-heading p{color:#8bc5ff;font-size:.65rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0 0 .22rem}.next-demo-heading h2{margin:0;font-size:clamp(1.05rem,1.7vw,1.32rem)}.next-demo-description{color:#c7ced9;max-width:38rem;margin:0;font-size:.88rem}.next-demo-link{min-height:3rem;padding:.78rem var(--space-4);border-radius:var(--radius-md);color:var(--color-surface);background:var(--color-brand);font-size:.8rem;font-weight:var(--font-weight-heavy);align-items:center;text-decoration:none;display:inline-flex}.template-lab-section{min-width:0;padding:clamp(5rem, 9vw, 8rem) max(var(--page-gutter), calc((100vw - var(--content-default)) / 2));background:radial-gradient(circle at 12% 20%,#2563eb17,#0000 28%),#eef3f9;scroll-margin-top:5.5rem;overflow:hidden}.template-lab-intro{max-width:54rem}.template-lab-intro h2{max-width:14ch;margin:0;font-size:clamp(2.55rem,5vw,4.9rem);line-height:.98}.template-lab-intro>p:last-child{max-width:46rem;color:var(--color-text-muted);margin:1.4rem 0 0;line-height:1.72}.template-lab{border-radius:var(--radius-xl);background:var(--color-surface);width:100%;box-shadow:var(--shadow-lg);border:1px solid #d5deea;margin-top:clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden}.template-lab button,.template-lab input,.template-lab select{font:inherit}.template-lab-header{min-height:4.25rem;padding:.8rem var(--space-4) .8rem 1.25rem;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.template-lab-header>div{display:grid}.template-lab-header span,.template-tools>p,.template-value-editor>p{color:var(--color-brand);font-size:.61rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.template-lab-header button{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.72rem;font-weight:var(--font-weight-bold);padding:.55rem .8rem}.template-lab-progress{border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:.85rem 1.25rem;list-style:none;display:grid}.template-lab-progress li{color:#596477;font-size:.7rem;font-weight:var(--font-weight-bold);align-items:center;gap:.55rem;display:flex}.template-lab-progress li span{background:var(--color-surface);border:1px solid #cfd8e4;border-radius:50%;flex:none;place-items:center;width:1.65rem;height:1.65rem;display:grid}.template-lab-progress li:is(.active,.complete){color:var(--color-text)}.template-lab-progress li:is(.active,.complete) span{color:var(--color-surface);border-color:var(--color-brand);background:var(--color-brand)}.template-lab-workspace{background:#edf2f7;grid-template-columns:minmax(0,1fr) 15.5rem;min-height:39rem;display:grid}.template-canvas-shell{min-width:0;padding:var(--space-4);grid-template-rows:auto minmax(0,1fr);gap:.75rem;display:grid}.template-canvas-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-md);background:#ffffffeb;border:1px solid #d8e1eb;min-height:2.9rem;padding:.65rem .8rem;display:flex}.template-canvas-toolbar span{color:var(--color-text-muted);font-size:.68rem;font-weight:var(--font-weight-bold)}.template-canvas{aspect-ratio:1;background:var(--color-surface);width:min(100%,35rem);box-shadow:var(--shadow-md);user-select:none;margin:auto;position:relative;overflow:hidden}.template-canvas>picture,.template-canvas>picture>img{width:100%;height:100%;display:block}.template-canvas>picture>img{object-fit:contain;pointer-events:none}.template-target,.template-draw-selection,.template-generated-grid,.template-draw-surface{position:absolute}.template-target,.template-draw-selection,.template-generated-grid{width:43.78%;height:17.78%;top:17.38%;left:40.59%}.template-target{z-index:2;background:#2563eb0d;border:2px dashed #2563ebb3}.template-draw-selection{z-index:4;border:2px solid var(--color-brand);pointer-events:none;background:#2563eb1a}.template-generated-grid{z-index:6;grid-template-columns:repeat(var(--template-cols,5), minmax(0, 1fr));grid-template-rows:repeat(var(--template-rows,4), minmax(0, 1fr));outline:2px solid var(--color-brand);display:grid}.template-grid-cell{color:#075985;background:#0ea5e912;border:1px solid #0ea5e9;min-width:0;padding:0;font-size:clamp(.4rem,.8vw,.62rem)!important;font-weight:var(--font-weight-heavy)!important}.template-grid-cell.selected{z-index:2;background:#f59e0b33;outline:2px solid #f59e0b}.template-grid-cell.configured{color:#166534;background:#22c55e29;border-color:#16a34a}.template-draw-surface{z-index:8;touch-action:none;cursor:crosshair;inset:0}.template-draw-surface.disabled{pointer-events:none}.template-tools{min-width:0;padding:var(--space-4);border-left:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:.6rem;display:flex}.template-tools>p,.template-value-editor>p{margin:.15rem 0 .25rem}.template-tool{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);background:var(--color-surface);text-align:left;align-items:center;gap:.65rem;padding:.7rem .75rem;display:flex;font-size:.75rem!important;font-weight:var(--font-weight-bold)!important}.template-tool span{border:2px solid;width:.75rem;height:.75rem}.template-tool.active{color:var(--color-surface);border-color:var(--color-brand);background:var(--color-brand)}.template-value-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);gap:.75rem;padding:.85rem;display:grid}.template-value-editor label,.template-config-fields label{color:var(--color-text-muted);font-size:.67rem;font-weight:var(--font-weight-bold);gap:.3rem;display:grid}.template-value-editor :is(select,input),.template-config input{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid #cfd9e5;width:100%;min-width:0;height:2.35rem;padding:0 .65rem}.template-apply-value,.template-save{border-radius:var(--radius-md);color:var(--color-surface);background:var(--color-text);border:0;padding:.7rem .75rem;font-size:.7rem!important;font-weight:var(--font-weight-heavy)!important}.template-tools-footer{gap:.75rem;margin-top:auto;display:grid}.template-tools-footer p{min-height:2.7em;color:var(--color-text-muted);margin:0;font-size:.69rem}.template-save{background:var(--color-success)}.template-save:disabled{color:#8a96a8;background:#e5eaf0}.template-config,.template-success{z-index:30;padding:var(--space-4);backdrop-filter:blur(.25rem);background:#0f172a94;place-items:center;display:grid;position:fixed;inset:0}.template-config>section,.template-success>div{border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,29rem);box-shadow:var(--shadow-lg);border:1px solid #dbe4ef;padding:clamp(1.2rem,3vw,1.8rem)}.template-config>section>p:first-child,.template-success p{color:var(--color-brand);font-size:.64rem;font-weight:var(--font-weight-heavy);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;margin:0 0 .45rem}.template-config h2{max-width:16ch;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.template-draw-surface:focus-visible{outline:4px solid var(--color-focus);outline-offset:-4px}.template-config-fields{margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.template-config-preview{border-radius:var(--radius-md);background:var(--color-surface-subtle);padding:.7rem .8rem;font-size:.74rem}.template-config section>button,.template-success button{width:100%;padding:.78rem var(--space-4);border-radius:var(--radius-md);color:var(--color-surface);background:var(--color-brand);font-weight:var(--font-weight-heavy);border:0}.template-success>div{text-align:center}.template-success span{width:3.4rem;height:3.4rem;margin:0 auto var(--space-4);color:var(--color-surface);background:var(--color-success);border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.template-success strong{margin:.65rem auto var(--space-5);font-size:clamp(1.25rem,2.6vw,1.8rem);display:block}.corner-drag-marker:active{cursor:grabbing}.corner-drag-marker.selected{outline-offset:.12rem;outline:.22rem solid #fbbf24}.corner-drag-marker.is-dragging{opacity:.35}.corner-drag-marker-ghost{z-index:999;pointer-events:none;opacity:.95;position:fixed;transform:translate(-50%,-50%)scale(1.08)}.corner-dropzone{cursor:pointer;padding:0}.corner-dropzone.drag-over{border-color:var(--color-success);background:#d1fae5}.corner-dropzone.filled{border-style:solid;border-color:var(--color-success);background:var(--color-success)}.corner-dropzone.filled:after{content:none}.corner-dropzone .corner-drag-marker{width:100%;height:100%;box-shadow:none}.corner-game-footer span.complete{color:var(--color-success);font-weight:var(--font-weight-bold)}@media (width<=51.25rem){.datatool-hero.demo-focus-active{padding-inline:var(--page-gutter)}.datatool-hero.demo-focus-active .product-visual{width:100%;margin-block:.75rem}.template-lab-workspace{grid-template-columns:minmax(0,1fr);min-height:auto}.template-tools{border-top:1px solid var(--color-border);border-left:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.template-tools>p,.template-value-editor,.template-tools-footer{grid-column:1/-1}}@media (width<=35rem){.product-copy .product-page-title{font-size:clamp(2.5rem,12.5vw,2.9rem)}.questionnaire-demo-heading{flex-direction:column;align-items:flex-start}.questionnaire-demo-controls{width:100%}.questionnaire-stage{min-height:20rem;padding:.55rem}.template-lab-section{padding-inline:var(--space-4)}.template-lab-progress{gap:.25rem;padding-inline:.65rem}.template-lab-progress li{justify-content:center;font-size:0}.template-lab-progress li span{font-size:.66rem}.template-canvas-toolbar{flex-direction:column;align-items:flex-start}.template-tools{grid-template-columns:1fr}.template-tools>p,.template-value-editor,.template-tools-footer{grid-column:auto}.template-config-fields{gap:.45rem}}@media (pointer:coarse){.questionnaire-touch-controls{padding:var(--space-4);gap:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface-subtle);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.questionnaire-touch-controls label{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:grid}.questionnaire-touch-controls :is(select,button){min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font-size:var(--font-size-xs)}.questionnaire-support-controls{gap:var(--space-2);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.questionnaire-support-controls button[aria-pressed=true]{color:var(--color-surface);border-color:var(--color-success);background:var(--color-success)}}@media (prefers-reduced-motion:reduce){.datatool-hero,.datatool-hero .product-copy,.datatool-hero .product-visual{transition:none}}