*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.public-site{margin:0;min-width:280px;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}img{display:block}button[hidden],[hidden]{display:none!important}::selection{background:#245dd82b}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px}a,button{transition:color .2s,background .2s,box-shadow .2s,transform .2s}a:hover{color:var(--primary)}button:active,.button:active{transform:translateY(1px)}.container{max-width:1240px;padding:0 32px;margin:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:10001;background:var(--surface);padding:12px 20px;border-radius:8px}.skip-link:focus{top:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Identical navigation on the home page and every account screen. */
.site-header{position:sticky;top:0;z-index:100;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.nav-container{max-width:1304px;min-height:84px;margin:auto;padding:14px 32px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font:600 28px/1.2 var(--display);letter-spacing:-1px;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.brand em{font-weight:500;color:var(--primary)}.auth-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:13px;font-weight:500}.auth-nav>a{padding:10px 0;white-space:nowrap;position:relative}.auth-nav a[aria-current="page"]:not(.nav-register){color:var(--primary)}.auth-nav a[aria-current="page"]:not(.nav-register)::after{content:"";position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--primary);border-radius:2px}.auth-nav .nav-signin{padding-left:24px;border-left:1px solid var(--border)}.auth-nav .nav-register{background:#245dd8;color:#fff;padding:11px 18px;border:1px solid #245dd8;border-radius:9px;box-shadow:0 4px 10px #245dd81a}.nav-register span{margin-left:8px}.auth-nav .nav-register:hover{background:#174dbf}.nav-tools{display:flex;align-items:center;gap:8px}.theme-toggle,.auth-nav-toggle{min-width:42px;min-height:42px;padding:9px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--surface)}.theme-toggle:hover,.auth-nav-toggle:hover{background:var(--surface-soft)}.theme-toggle svg{width:20px;height:20px}.theme-sun,[data-theme="dark"] .theme-moon{display:none}[data-theme="dark"] .theme-sun{display:block}.auth-nav-toggle{display:none;align-items:center;gap:7px;font-size:12px}.site-header.is-scrolled{box-shadow:0 5px 22px #10234508}
/* Type, buttons, and motion. */
h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-1.8px;line-height:1.13}h1{font-size:clamp(44px,4.8vw,66px);margin-bottom:24px}h2{font-size:clamp(34px,3.5vw,46px);margin-bottom:20px}h1 em,h2 em{font-weight:500;color:var(--primary)}h3{font-size:18px;line-height:1.4;letter-spacing:-.35px;font-weight:600;margin-bottom:12px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--accent);font:500 10px/1.6 'IBM Plex Mono',monospace;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 20px}.eyebrow>span,.preview-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:var(--accent)}.button,.submit-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 22px;border:1px solid transparent;border-radius:9px;background:#245dd8;color:#fff;font-size:14px;font-weight:600;line-height:1.5;box-shadow:0 6px 16px #245dd81a;text-align:center}.button:hover,.submit-button:hover{color:#fff;background:#174dbf;transform:translateY(-2px);box-shadow:0 10px 24px #245dd82a}.button-secondary{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:none}.button-secondary:hover{color:var(--primary);background:var(--surface-soft);box-shadow:none}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-size:14px;font-weight:600;min-height:44px}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.3,1)}.motion-ready .reveal.in-view{opacity:1;transform:none}.feature-card:nth-child(2),.step:nth-child(2){transition-delay:60ms}.feature-card:nth-child(3),.step:nth-child(3){transition-delay:120ms}.click-feedback{animation:click-feedback .3s ease}@keyframes click-feedback{50%{box-shadow:0 0 0 5px #245dd818}}.nav-activity{position:fixed;top:0;left:0;height:3px;width:100%;z-index:11000;background:var(--primary);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}.nav-activity.is-active{animation:nav-feedback .65s ease}@keyframes nav-feedback{0%{transform:scaleX(.1);opacity:1}80%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
/* Landing page. */
.home-hero{padding:84px 0 68px;background:radial-gradient(ellipse at 90% 45%,var(--surface-soft),transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px}.hero-copy{min-width:0}.hero-copy h1{max-width:620px}.hero-copy .lede{font-size:16px;line-height:1.9;max-width:470px;color:var(--muted);margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{font-size:12px;color:var(--muted);margin:15px 0 30px}.hero-note span{padding:0 8px;color:var(--border)}.hero-detail{display:flex;flex-wrap:wrap;gap:18px;border-top:1px solid var(--border);padding-top:22px;color:var(--muted);font-size:11px}.hero-detail b{color:var(--accent);font-weight:500;margin-right:5px}.product-window{background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(-1deg)}.window-toolbar{padding:14px 17px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border);font-size:10px;color:var(--muted)}.window-toolbar>i{width:6px;height:6px;background:var(--border);border-radius:50%}.window-toolbar>span{margin:auto}.window-toolbar>b{font-size:9px;font-weight:500;color:var(--accent)}.window-body{padding:20px}.window-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.window-heading h3{font-size:13px;margin:0}.window-heading p{margin:2px 0 0;font-size:10px;color:var(--muted)}.status-chip{padding:4px 8px;border-radius:5px;background:var(--success-bg);color:var(--success);font-size:9px;white-space:nowrap}.product-diagram{display:block;width:100%;height:auto;margin:12px 0;background-image:radial-gradient(var(--border) .7px,transparent .7px);background-size:16px 16px;border-radius:8px}.diagram-edge{stroke:var(--diagram-line);stroke-width:1.5;fill:none}.diagram-node{fill:var(--node-end);stroke:var(--primary);stroke-width:1}.diagram-node.mint{fill:var(--node-mint);stroke:var(--accent)}.diagram-indicator{fill:var(--surface);stroke:var(--diagram-line)}.diagram-label{font:11px Inter,sans-serif;fill:var(--text);text-anchor:middle}.diagram-small{font:9px 'IBM Plex Mono',monospace;fill:var(--muted);text-anchor:middle}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.result-summary>div{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:11px}.result-summary span{display:block;font-size:9px;color:var(--muted)}.result-summary strong{display:block;font-size:18px;font-weight:600;margin-top:3px}.result-summary small{font-size:9px;color:var(--success)}.insight-snippet{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px}.insight-snippet>span{color:var(--primary)}.insight-snippet p{font-size:10px;line-height:1.7;margin:0;color:var(--muted)}.insight-snippet strong{color:var(--text);font-weight:600}.preview-caption{font-size:10px;color:var(--muted);text-align:center;margin:17px 0 0}.purpose-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.purpose-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px}.purpose-inner p{margin:0;font-size:11px;color:var(--muted)}.purpose-inner div{display:flex;flex-wrap:wrap;gap:32px;color:var(--text);font-size:12px;font-weight:500}.home-section{padding:90px 0}.section-head{max-width:670px;margin-bottom:40px}.section-head p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:0}.section-head .eyebrow{margin-bottom:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;transition:border-color .2s,transform .2s,box-shadow .2s}.feature-card:hover{border-color:var(--diagram-line);box-shadow:var(--shadow);transform:translateY(-4px)}.feature-symbol{display:grid;place-items:center;width:42px;height:42px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;color:var(--primary);font:500 23px var(--display);margin-bottom:24px}.feature-card p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.interpretation-section{background:var(--surface);border-block:1px solid var(--border)}.interpretation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.interpretation-grid .section-head{margin:0}.interpretation-grid .text-link{margin-top:20px}.report-panel{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--bg);box-shadow:var(--shadow)}.report-panel-head{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.report-panel table{width:100%;border-collapse:collapse;font-size:12px}.report-panel th,.report-panel td{padding:13px 22px;border-bottom:1px solid var(--border);text-align:left}.report-panel th{font-weight:500;color:var(--muted);font-size:10px}.report-panel td:last-child{color:var(--success)}.narrative{padding:22px;background:var(--surface)}.narrative>span{display:block;font-size:10px;color:var(--accent);font-weight:600;margin-bottom:9px}.narrative p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.narrative mark{color:var(--primary);background:var(--surface-soft);padding:1px 3px;border-radius:3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.step{padding-top:24px;border-top:1px solid var(--border)}.step-index{font:500 34px var(--display);color:var(--primary);margin-bottom:22px}.step p{font-size:13px;line-height:1.85;color:var(--muted);margin:0}.audience-section{padding-top:0}.audience-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:32px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.audience-inner h3{margin:0;max-width:250px;font-size:19px;font-family:var(--display);font-weight:500}.audience-tags{display:flex;flex-wrap:wrap;gap:10px}.audience-tags span{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--muted)}.cta-section{padding-top:0}.cta-panel{padding:60px 32px;background:var(--surface-soft);border:1px solid var(--border);border-radius:20px;text-align:center}.cta-panel .eyebrow{justify-content:center}.cta-panel h2{max-width:650px;margin:0 auto 20px}.cta-panel>p{color:var(--muted);font-size:14px}.cta-panel .hero-actions{justify-content:center}.notify-details{max-width:460px;margin:30px auto 0;font-size:12px;color:var(--muted)}.notify-details summary{cursor:pointer;min-height:44px;padding:10px}.notify-form{display:flex;gap:8px;margin-top:14px;align-items:stretch}.notify-form input{min-width:0;flex:1}.notify-form button{white-space:nowrap;min-height:48px;padding:10px 18px}.notify-details .form-note{font-size:11px;margin:10px 0 0}
/* Account layouts use the same surfaces, fonts and navigation. */
.login-shell{max-width:1240px;min-height:calc(100svh - 84px);padding:0 32px;margin:auto;display:flex;flex-direction:column}.login-shell main{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;padding:70px 0;flex:1;min-width:0}.intro{max-width:530px;min-width:0}.intro h1{font-size:clamp(42px,4.5vw,60px)}.intro-copy{max-width:410px;color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:32px}.model-preview{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.preview-heading{display:flex;align-items:center;gap:8px;padding:16px 20px;font:9px 'IBM Plex Mono',monospace;letter-spacing:.6px;color:var(--muted)}.preview-tag{margin-left:auto;font-size:8px;border:1px solid var(--border);padding:3px 6px;border-radius:4px}.model-preview>svg{width:100%;display:block;background-image:radial-gradient(var(--border) .7px,transparent .7px);background-size:16px 16px}.preview-footer{padding:11px 18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.features{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px;font-size:11px;color:var(--muted)}.features b{color:var(--accent);font-weight:500;margin-right:5px}.signin-panel{width:100%;max-width:460px;justify-self:end;min-width:0}.signin-card{background:var(--surface);border:1px solid var(--border);padding:40px;border-radius:20px;box-shadow:var(--shadow)}.signin-card h2{font-size:36px;letter-spacing:-1.2px;margin-bottom:12px}.signin-card .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:12px}.form-description{font-size:13px;color:var(--muted);margin-bottom:28px;line-height:1.8}.welcome-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--surface-soft);border:1px solid var(--border);color:var(--primary);margin-bottom:24px}.welcome-icon svg{width:22px;height:22px}.field{margin-bottom:20px}label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:8px}input{width:100%;min-height:50px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:var(--muted);font-size:13px;opacity:.85}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #245dd816}input[type="hidden"]{display:none}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.password-toggle{display:grid;place-items:center;position:absolute;right:3px;top:3px;width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.password-toggle svg{width:19px;height:19px}.password-toggle:hover{color:var(--primary);background:var(--surface-soft)}.eye-slash{display:none}.password-toggle[aria-pressed="true"] .eye-slash{display:block}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.label-row a{font-size:11px;color:var(--primary)}.field-help,.field-optional{color:var(--muted);font-size:11px;font-weight:400}.field-help{margin:7px 0 0}.submit-button{display:flex;width:100%;margin-top:26px}.submit-button:disabled,.button:disabled{opacity:.65;cursor:wait;transform:none}.signup{margin-top:26px;padding-top:22px;border-top:1px solid var(--border);text-align:center;font-size:12px}.signup p{display:inline;color:var(--muted);margin:0 4px 0 0}.signup a{color:var(--primary);font-weight:600}.signup a:hover,.support a:hover,.label-row a:hover{text-decoration:underline}.trial-note{display:block;font-size:11px;color:var(--muted);margin-top:9px}.support{font-size:12px;color:var(--muted);text-align:center;margin:22px 0 0}.support a{color:var(--primary);margin-left:4px}.back-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);min-height:30px;margin-bottom:26px}.recovery-note{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;margin-top:22px;color:var(--muted);font-size:12px}.recovery-note p{margin:0}.recovery-note>span{color:var(--primary);font-size:20px}.alert{padding:12px 14px;margin-bottom:22px;font-size:13px;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}.alert-error{color:var(--error);background:var(--error-bg)}.alert-success{color:var(--success);background:var(--success-bg)}.alert ul{margin:0;padding-left:18px}.auth-page-register .signin-card{padding-top:32px;padding-bottom:30px}.auth-page-register .field{margin-bottom:16px}.auth-page-register .login-shell main{padding-top:44px;padding-bottom:44px}
/* Footer, alerts and loader share the active theme. */
.public-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted)}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;padding-top:42px;padding-bottom:36px}.footer-main .brand{font-size:24px;color:var(--text)}.footer-main .brand img{width:32px;height:32px}.footer-main p{font-size:12px;line-height:1.9;margin:16px 0 0}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:12px;padding-top:5px}.footer-main nav a{min-height:28px}.footer-contact>span{display:block;font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;margin-bottom:10px}.footer-contact>a{font-size:13px;color:var(--text)}.footer-contact p{margin-top:10px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:19px;padding-bottom:19px;font-size:10px}.auth-page .footer-main{display:none}.auth-page .footer-bottom{border:0}.swal2-container{z-index:12000!important}.swal2-popup.cs-dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:28px;font-family:var(--body);box-shadow:var(--shadow)}.cs-dialog .swal2-title{font:500 30px/1.25 var(--display);color:var(--text);letter-spacing:-.7px;padding-top:8px}.cs-dialog .swal2-html-container{font:400 14px/1.8 var(--body);color:var(--muted);padding:18px 0}.cs-dialog .swal2-actions{gap:10px;margin-top:8px}.cs-dialog .swal2-close{color:var(--muted)}.cs-dialog .swal2-icon{transform:scale(.8);margin-top:0}.cs-dialog .swal2-confirm,.cs-dialog .swal2-cancel{margin:0}.cs-dialog .swal2-success-circular-line-left,.cs-dialog .swal2-success-circular-line-right,.cs-dialog .swal2-success-fix{background:var(--surface)!important}.public-site .cs-preloader{background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--text)}.public-site .cs-preloader-card{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.public-site .cs-preloader-title{color:var(--text)}.public-site .cs-preloader-title em,.public-site .cs-progress-meta #csProgressPct{color:var(--primary)}.public-site .cs-preloader-msg,.public-site .cs-progress-meta,.public-site .cs-loader-dismiss{color:var(--muted)}.public-site .cs-progress-track{background:var(--border)}.public-site .cs-preloader-mark .cs-loader-orbit{border-color:var(--border);border-top-color:var(--primary)}.cs-preloader.is-indeterminate .cs-progress-fill{width:35%!important;animation:loader-pending 1.4s ease-in-out infinite}.cs-preloader.is-indeterminate #csProgressPct{display:none}@keyframes loader-pending{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
@media(max-width:1100px){.auth-nav{gap:17px;font-size:12px}.nav-container{gap:20px}.auth-nav .nav-signin{padding-left:17px}.hero-grid{gap:32px}.login-shell main{gap:50px}.signin-card{padding:32px}.interpretation-grid{gap:40px}.hero-detail{gap:10px}.purpose-inner div{gap:18px}}
@media(max-width:900px){.nav-container{flex-wrap:wrap;min-height:76px;padding:14px 24px;gap:12px}.nav-tools{margin-left:auto}.auth-nav-toggle:not([hidden]){display:flex}.auth-nav{order:3;width:100%;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px}.auth-nav a{min-height:44px;padding:10px 12px}.auth-nav .nav-signin{border:0;padding:10px 12px}.auth-nav .nav-register{text-align:center}.auth-nav.is-collapsed{display:none}.auth-nav a[aria-current="page"]:not(.nav-register)::after{left:12px;right:auto;width:20px}.hero-grid{grid-template-columns:1fr 1fr;gap:26px}.home-hero{padding:60px 0}.hero-copy h1{font-size:45px}.hero-copy .lede{font-size:14px}.hero-actions .button{font-size:12px;padding:12px 16px}.window-body{padding:14px}.purpose-inner{flex-direction:column;gap:12px}.feature-card{padding:22px}.feature-grid{gap:12px}.interpretation-grid{gap:30px}.login-shell main{gap:30px}.intro h1{font-size:44px}.signin-card{padding:28px}.signin-card h2{font-size:31px}.intro-copy{font-size:14px}.footer-main{gap:25px}.audience-inner{flex-direction:column;align-items:flex-start;gap:22px}.audience-inner h3{max-width:none}}
@media(max-width:700px){.container{padding-inline:24px}.home-hero{padding:46px 0 40px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy h1{font-size:46px;max-width:500px}.hero-copy .lede{font-size:15px}.hero-copy .eyebrow{font-size:9px}.hero-detail{font-size:11px;gap:18px}.hero-actions .button{font-size:13px}.product-window{transform:none;max-width:500px;margin:auto}.window-body{padding:20px}.purpose-inner div{justify-content:center;gap:12px 22px;font-size:11px}.home-section{padding:56px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:35px}.section-head p{font-size:14px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{padding:22px}.feature-symbol{margin-bottom:18px}.feature-card h3{font-size:16px}.feature-card p{font-size:12px}.interpretation-grid{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr;gap:26px}.step{display:grid;grid-template-columns:44px 1fr;column-gap:20px;padding-top:22px}.step-index{grid-row:span 2;margin:0;font-size:28px}.step h3{margin-bottom:10px}.audience-section,.cta-section{padding-top:0}.audience-inner{padding:24px}.cta-panel{padding:38px 22px}.cta-panel h2{font-size:34px}.cta-panel>p{font-size:13px}.login-shell{min-height:calc(100svh - 76px);padding:0 24px}.login-shell main{grid-template-columns:1fr;gap:28px;padding:30px 0 44px}.intro{width:100%;max-width:460px;text-align:center;justify-self:center}.intro .eyebrow{justify-content:center;font-size:9px;margin-bottom:12px}.intro h1{font-size:36px;letter-spacing:-1.2px;margin-bottom:15px}.intro h1 em{display:block}.intro h1 br{display:none}.intro-copy{font-size:13px;line-height:1.8;max-width:370px;margin:0 auto}.model-preview,.features{display:none}.signin-panel{justify-self:center;max-width:440px}.signin-card{padding:30px}.welcome-icon{display:none}.signin-card h2{font-size:33px}.auth-page-register .login-shell main{padding-top:30px}.auth-page-register .intro h1,.auth-page-forgot .intro h1,.auth-page-reset .intro h1{font-size:31px}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding-top:32px;padding-bottom:28px}.footer-main>div:first-child{grid-column:1/-1}.footer-main>div:first-child p{max-width:250px}.footer-bottom{font-size:10px;flex-wrap:wrap;gap:8px}.footer-bottom>span:last-child{display:none}.auth-page .footer-bottom{justify-content:center}.back-link{margin-bottom:20px}.cs-preloader-card{padding:30px 24px 20px}}
@media(max-width:400px){.container,.login-shell{padding-inline:18px}.nav-container{padding-inline:18px}.brand{font-size:25px}.brand img{width:32px;height:32px}.nav-tools{gap:6px}.auth-nav{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:39px}.hero-copy .lede{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px}.hero-detail{font-size:10px;gap:10px}.hero-actions{gap:9px}.hero-actions .button{padding:12px 14px}.window-body{padding:14px}.result-summary>div{padding:9px}.report-panel th,.report-panel td{padding:12px 13px;font-size:11px}.notify-form{flex-direction:column}.signin-card{padding:26px 22px}.signin-card h2{font-size:30px}.intro h1{font-size:33px}.label-row a{font-size:10px}.signup p{display:block;margin-bottom:4px}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.swal2-popup.cs-dialog{padding:22px}.cs-dialog .swal2-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}.cs-preloader.is-indeterminate .cs-progress-fill{animation:none!important;transform:none}}
/* Keep SweetAlert icon colors inside the active ClariSEM palette. */
.cs-dialog .swal2-icon.swal2-error{border-color:var(--error);color:var(--error)}
.cs-dialog .swal2-error [class^="swal2-x-mark-line"]{background-color:var(--error)}
.cs-dialog .swal2-icon.swal2-success{border-color:var(--success);color:var(--success)}
.cs-dialog .swal2-success [class^="swal2-success-line"]{background-color:var(--success)}
.cs-dialog .swal2-success .swal2-success-ring{border-color:var(--success);opacity:.2}
.cs-dialog .swal2-icon.swal2-info,.cs-dialog .swal2-icon.swal2-question{border-color:var(--primary);color:var(--primary)}
.public-site{transition:background-color .2s,color .2s}
/* Living model previews: motion communicates connections without changing sample data. */
.animated-model{position:relative;isolation:isolate}
.product-window[data-motion="active"]{animation:workspace-float 7s ease-in-out infinite}
.model-preview[data-motion="active"]{animation:preview-float 7s ease-in-out infinite}
.model-streams{pointer-events:none}
.model-stream{fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round;stroke-dasharray:9 140;animation:model-stream 4.8s linear infinite;opacity:.75}
.model-node{transform-box:fill-box;transform-origin:center;animation:node-breathe 5s ease-in-out infinite}
.model-node:nth-of-type(2n){animation-delay:-1.5s}.model-node:nth-of-type(3n){animation-delay:-3s}
.model-orbit{transform-origin:214px 112px;animation:orbit-turn 36s linear infinite}
.window-toolbar b{display:inline-flex;align-items:center;gap:6px}
.window-toolbar b::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);animation:preview-beacon 3s ease-in-out infinite}
.animated-model .preview-dot{animation:preview-beacon 3s ease-in-out infinite}
.animated-model .result-summary>div{animation:result-highlight 7s ease-in-out infinite}
.animated-model .result-summary>div:nth-child(2){animation-delay:1s}.animated-model .result-summary>div:nth-child(3){animation-delay:2s}
.animated-model:not([data-motion="active"]) .model-stream,.animated-model:not([data-motion="active"]) .model-node,.animated-model:not([data-motion="active"]) .model-orbit,.animated-model:not([data-motion="active"]) .preview-dot,.animated-model:not([data-motion="active"]) .result-summary>div,.animated-model:not([data-motion="active"]) .window-toolbar b::before{animation-play-state:paused}
@keyframes workspace-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(-.4deg)}}
@keyframes preview-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes model-stream{to{stroke-dashoffset:-298}}
@keyframes node-breathe{0%,100%{stroke-opacity:.75;filter:drop-shadow(0 0 0 transparent)}50%{stroke-opacity:1;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--primary) 22%,transparent))}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes preview-beacon{0%,100%{opacity:.65;box-shadow:0 0 0 0 transparent}50%{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}}
@keyframes result-highlight{0%,65%,100%{border-color:var(--border)}25%{border-color:color-mix(in srgb,var(--primary) 60%,var(--border))}}
/* Qualitative analysis: clearly identified as a development preview. */
.qualitative-section{padding-top:10px}
.qualitative-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin-bottom:36px}
.qualitative-intro .section-head{margin:0}.qualitative-intro .section-head h2{font-size:clamp(34px,3.2vw,44px)}
.development-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:99px;background:var(--surface-soft);color:var(--primary);font-size:11px;font-weight:500;padding:6px 12px;margin-bottom:24px}
.development-badge>span{height:6px;width:6px;border-radius:50%;background:var(--primary)}
.qualitative-intro .text-link{margin-top:18px}
.qualitative-preview{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.qualitative-preview-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:16px 22px;color:var(--muted);font:9px 'IBM Plex Mono',monospace;letter-spacing:.4px}
.qualitative-preview-head>span:last-child{color:var(--accent);letter-spacing:0}
.transcript-heading{display:flex;gap:12px;align-items:center;padding:24px 24px 0}.transcript-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--surface-soft);color:var(--primary);border-radius:9px;font:34px var(--display);padding-top:5px}
.transcript-heading strong{display:block;font-size:13px;font-weight:500}.transcript-heading div>span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.qualitative-preview blockquote{margin:22px 24px;font:500 19px/1.85 var(--display);letter-spacing:-.15px;color:var(--text)}
.qualitative-preview mark{box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:3px;padding:2px 3px;color:inherit}.quote-blue{background:color-mix(in srgb,var(--primary) 16%,transparent)}.quote-mint{background:color-mix(in srgb,var(--accent) 18%,transparent)}
.code-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 22px}.code-tags>span{display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--border);border-radius:5px;font-size:10px;color:var(--muted)}.code-tags i{width:5px;height:5px;border-radius:2px;background:var(--primary)}.code-tags>span:last-child i{background:var(--accent)}
.concept-theme{display:flex;align-items:center;gap:12px;padding:15px 24px;background:var(--surface-soft);border-block:1px solid var(--border)}.concept-theme>span{color:var(--accent);font-size:25px}.concept-theme small{display:block;font:8px 'IBM Plex Mono',monospace;color:var(--accent);letter-spacing:1px}.concept-theme strong{display:block;font-size:12px;font-weight:500;margin-top:4px}.concept-caption{font-size:9px;color:var(--muted);margin:0;padding:12px 24px}
.qualitative-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.qualitative-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.qualitative-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.qualitative-card-meta>span:first-child{font:500 20px var(--display);color:var(--primary)}.qualitative-card-meta>span:last-child{font-size:9px;padding:3px 7px;border:1px solid var(--border);border-radius:4px;color:var(--muted)}.qualitative-card h3{font-size:16px}.qualitative-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.development-note{margin:20px 0 0;font-size:11px;color:var(--muted)}
/* Newsletter is visible in the footer on the home page and every auth screen. */
.footer-updates{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;padding-top:40px;padding-bottom:40px;border-bottom:1px solid var(--border)}.footer-updates .eyebrow{font-size:9px;margin-bottom:12px}.footer-updates h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px}.footer-updates>div>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);max-width:370px;margin:0}.footer-subscribe{min-width:0}.footer-subscribe .notify-form{margin:0}.footer-subscribe .notify-form .button{font-size:12px;gap:12px;padding-inline:16px}.footer-subscribe .form-note{color:var(--muted);font-size:11px;margin:11px 0 0}.auth-page .footer-updates{padding-top:32px;padding-bottom:32px}.auth-page .footer-updates h2{font-size:27px}
@media(max-width:1000px){.qualitative-intro{gap:36px}.qualitative-grid{grid-template-columns:repeat(2,1fr)}.footer-updates{gap:30px}.footer-subscribe .notify-form{flex-direction:column}.footer-subscribe .button{align-self:flex-start}.qualitative-preview blockquote{font-size:18px}}
@media(max-width:700px){.product-window[data-motion="active"]{animation:preview-float 7s ease-in-out infinite}.qualitative-section{padding-top:0}.qualitative-intro{grid-template-columns:1fr;gap:28px}.qualitative-intro .section-head h2{font-size:34px}.qualitative-preview{max-width:500px}.qualitative-card{padding:20px}.qualitative-card h3{font-size:15px}.footer-updates{grid-template-columns:1fr;gap:22px;padding-top:32px;padding-bottom:32px}.footer-updates h2{font-size:28px}.footer-subscribe .notify-form{flex-direction:row}.footer-subscribe .button{align-self:stretch}.footer-subscribe .notify-form .button{padding-inline:12px;font-size:11px;gap:8px}}
@media(max-width:400px){.qualitative-grid{grid-template-columns:1fr}.qualitative-card{padding:22px}.qualitative-card-meta{margin-bottom:15px}.qualitative-preview-head{padding:14px 18px;font-size:8px}.qualitative-preview blockquote{margin:18px;font-size:18px}.transcript-heading{padding:20px 18px 0}.code-tags{padding-inline:18px}.concept-theme,.concept-caption{padding-inline:18px}.footer-subscribe .notify-form{flex-direction:column}.footer-subscribe .notify-form .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.animated-model,.animated-model *,.animated-model *::before{animation:none!important;transition:none!important}.product-window{transform:none}.model-streams{display:none}}