/* AQ-UI-REFINED-1.0.0. Original artwork remains a foreground bezel.
   Responsive extension uses original cropped top/bottom artwork and side rails;
   the controls remain inside one workspace rather than below a detached picture. */
:root{color-scheme:dark;--bg:#080d12;--surface:#101b22;--line:#29373c;--gold:#e8c580;--muted:#a4b4bc;--text:#edf2f1;--green:#7ce0b6;--red:#ffa5ac;--focus:#8bd7ff;font-family:"Segoe UI",Arial,sans-serif;font-size:15px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text)}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.48}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
h1,h2,h3,p{margin-top:0}
h1{font-size:25px;font-weight:550;letter-spacing:-.035em;margin-bottom:0}
h2{font-size:23px;font-weight:550;letter-spacing:-.02em;margin-bottom:0}
h3{font-size:17px;font-weight:550;margin-bottom:8px}
a{color:inherit;text-decoration:none}
button{touch-action:manipulation}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;left:16px;top:-80px;opacity:0;pointer-events:none;z-index:99;background:var(--gold);color:#14110b;padding:12px}
.skip-link:focus{top:12px;opacity:1;pointer-events:auto}
.mast{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 3.5%;border-bottom:1px solid #263038}
.brand{font-weight:700;letter-spacing:.16em;font-size:13px;line-height:1.3}
.brand span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px;letter-spacing:.24em}
.mast-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.demo-badge{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.08em;color:var(--gold);padding:8px 10px;border:1px solid #514127;border-radius:4px;background:#1f1b13}
.demo-badge i{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.intro{max-width:1800px;margin:auto;padding:25px 28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.15em;color:var(--gold);font-weight:600}
.intro-note{margin:0;color:#c4cfd3;font-size:12px;text-align:right;line-height:1.65}
.intro-note span{color:var(--muted)}
.primary,.secondary,.quiet,.text-btn{font-size:12px;line-height:1.25;border-radius:5px;padding:9px 12px;min-height:36px;transition:filter .15s,transform .15s,background .15s;white-space:normal}
.primary,.secondary{border:1px solid #ab8546;box-shadow:inset 0 1px 0 #fff4,0 3px 0 #302512;}
.primary{background:linear-gradient(180deg,#fff0c2,#e7c176 48%,#cca05b 52%,#efd18e);color:#241c0d;border-color:#eed39a;font-weight:700;text-shadow:0 1px 0 #fff5}
.primary:hover,.secondary:hover{filter:brightness(1.12)}
.primary:active,.secondary:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #0005}
.secondary{background:linear-gradient(180deg,#2b3935,#111e1e);color:#efdaaa;border-color:#827044;box-shadow:inset 0 1px 0 #ffe8ab22,0 3px 0 #070b0b}
.quiet{background:#152024;border:1px solid #4f5142;color:#dccba6}
.quiet:hover{background:#233333}
.text-btn{border:0;background:none;color:#add7e6;padding:4px 6px;min-height:30px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.text-btn:hover{text-decoration-color:currentColor}
.primary small{display:block;font-size:10px;font-weight:400;letter-spacing:0;text-transform:none;margin-top:3px;opacity:.87}
.machine{position:relative;isolation:isolate;max-width:1880px;aspect-ratio:16/9;margin:18px auto 0;background:#000}
.art-stage{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.art-stage img,.art-stage video{display:block;width:100%;height:100%;object-fit:fill;position:absolute;inset:0;
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1080'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H1920V1080H0Z M500 263H918Q960 292 999 263H1423Q1450 285 1490 310L1582 342Q1616 352 1625 390V735Q1600 752 1571 778L1490 810L1430 872H1346V809H1120V824Q1030 838 962 794Q902 833 802 820V809H574V872H472L444 824L398 800L350 767Q317 746 293 735V393Q308 354 354 334Q423 315 455 280Z'/%3E%3C/svg%3E");
 mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;mask-mode:alpha}
.art-stage video{opacity:0}
.machine.frame-running .art-stage video{opacity:1}
.machine.frame-running .art-stage img{opacity:0}
.machine.reduce-motion .art-stage video,.machine.video-unavailable .art-stage video{opacity:0}
.machine.reduce-motion .art-stage img,.machine.video-unavailable .art-stage img{opacity:1}
.mobile-base{display:none}
.aperture{position:absolute;top:28%;bottom:25.8%;left:17.5%;right:17.5%;z-index:1;display:flex;flex-direction:column;min-height:0;padding:0 8px 9px;overflow:hidden;background:transparent}
.workflow{flex-shrink:0;margin-bottom:12px;border-bottom:1px solid #685532}
.steps{display:flex;justify-content:center;gap:clamp(12px,2.1vw,36px);list-style:none;margin:0;padding:0 0 8px}
.steps button{display:flex;align-items:center;gap:8px;font-size:11px;border:0;background:none;color:#adbbc1;padding:3px 2px;min-height:30px}
.steps button b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #566067;border-radius:50%;font-size:10px;font-weight:400}
.steps button:disabled{opacity:.55}
.steps button[aria-current]{color:#ffe0a0;opacity:1}
.steps button[aria-current] b{border-color:#dab777;background:#302815;box-shadow:0 0 12px #c7a34726}
.steps button.is-complete b{border-color:#618777;color:#a0e0bc}
.screen{display:flex;flex-direction:column;flex:1;min-height:0}
.screen-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-shrink:0}
.screen-head h2{font-size:clamp(17px,1.35vw,24px)}
.supporting{margin:5px 0 0;font-size:11px;line-height:1.4;color:var(--muted)}
.small-note{color:var(--muted);font-size:10px;white-space:nowrap}
.strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0;padding-bottom:3px}
.strategy-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;position:relative;border:1px solid #73613c;border-radius:6px;background:linear-gradient(145deg,#1c2b2b,#0d161c);padding:clamp(12px,1vw,20px);color:var(--text);box-shadow:inset 0 0 0 2px #0c1116;transition:background .18s,border-color .18s,transform .18s;min-width:0;min-height:0}
.strategy-card:hover{background:linear-gradient(145deg,#304039,#132126);border-color:#e6c887;transform:translateY(-1px)}
.strategy-glyph{font-family:Georgia,serif;font-size:24px;line-height:1;color:var(--gold)}
.card-no{position:absolute;right:12px;top:12px;font-size:10px;letter-spacing:.12em;color:#b9a173}
.strategy-card strong{font-size:clamp(12px,1vw,17px);font-weight:550}
.strategy-card small{font-size:clamp(11px,.82vw,13px);line-height:1.4;color:#b1c1c7}
.strategy-card .saved-draft{position:absolute;right:10px;bottom:9px;font-size:9px;color:#a3dbbc}
.config-head{margin-bottom:10px}
.tabs{display:flex;gap:4px;flex-shrink:0;border-bottom:1px solid #5f5131;margin-bottom:10px}
.tabs button{border:1px solid #424c45;border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(#1e2e2d,#101d21);color:#b7c4c8;font-size:11px;padding:8px 10px;min-height:35px}
.tabs button[aria-selected="true"]{border-color:#b89959;background:linear-gradient(#514b31,#262c24);color:#ffe3aa}
#settings-form{min-height:0;flex:1;overflow:auto;padding:2px 4px 4px 2px;scrollbar-color:#776d4f #090d11;scrollbar-width:thin}
.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 14px}
.field-grid[data-group="market"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.field label{display:block;font-size:11px;color:#d5dfe3;margin-bottom:5px}
.field input,.field select{width:100%;min-width:0;height:35px;border:1px solid #42545d;border-radius:4px;background:#0a131a;color:#f1f4f4;font-size:12px;padding:6px 8px}
.field input:disabled,.field select:disabled{opacity:.55}
.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:#ffa0ab}
.field small{display:block;font-size:10px;color:#a8bbc5;margin-top:4px;line-height:1.35}
.field .field-error{color:#ffb8bf}
#form-error{padding:9px 10px;background:#301b24;border:1px solid #905466;color:#ffb8c4;font-size:12px;border-radius:4px;margin-bottom:10px;line-height:1.45}
#form-error button{display:block;border:0;background:none;color:#ffd7df;text-decoration:underline;text-align:left;padding:3px 0;font-size:11px}
.config-footer,.results-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;border-top:1px solid #665632;margin-top:10px;padding:9px 0 4px}
.random-area{display:flex;align-items:center;gap:8px;min-width:0}
.random-button{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#369967,#20754d 45%,#135137 50%,#297b50);border-color:#d5cd92;color:#f5ffe7;min-width:218px;min-height:48px;font-weight:700;font-size:12px;box-shadow:inset 0 0 0 2px #d5f3c04d,0 3px 0 #162519}
.random-button small{display:block;font-size:9px;font-weight:400;margin-top:3px}
.button-symbol{font-size:29px;line-height:1}
#run{min-width:180px;min-height:48px;font-family:Georgia,serif;text-transform:uppercase;font-size:14px;letter-spacing:.03em}
#run small{font-family:"Segoe UI",Arial,sans-serif}
.loading-screen{position:relative;overflow:visible}
#arrow-canvas{position:absolute;inset:-3% -10%;width:120%;height:106%;z-index:-1;pointer-events:none;opacity:.56}
.loading-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;padding:2px 8%;background:radial-gradient(ellipse,#000b 0%,#0006 60%,transparent 100%)}
.loading-content>.eyebrow{text-align:center;font-size:9px;margin:0 0 8px}
#loading-title{font:550 clamp(21px,2.1vw,36px)/1.2 Georgia,serif;letter-spacing:.005em;color:#fce8b9;text-align:center}
.loading-snapshot{color:#b5c6bc;font-size:11px;margin:8px 0 0;text-align:center}
.loading-ornament{display:flex;align-items:center;gap:12px;width:62%;color:#d8b468;font-size:10px;margin:12px 0 15px}
.loading-ornament span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#ac8a41)}
.loading-ornament span:last-child{transform:rotate(180deg)}
.progress{position:relative;width:100%;height:clamp(50px,4.2vw,70px);min-height:50px;flex-shrink:0;border:2px solid #dfbc75;border-radius:7px;background:linear-gradient(#03170f,#0b1d13);overflow:hidden;box-shadow:inset 0 4px 10px #000,0 0 0 3px #342912,0 6px 15px #0009}
#progress-fill{position:absolute;inset:0 auto 0 0;width:0;height:100%;background:linear-gradient(#299e5e,#0f6f3d 47%,#08532b 51%,#188a4b);overflow:hidden;box-shadow:inset 0 2px 0 #b4ffd55c}
.arrow-stream{position:absolute;inset:-56px 0;opacity:.72;background-repeat:repeat;background-size:48px 56px;animation:stream-rise 1.8s linear infinite}
.stream-up{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 56'%3E%3Cpath d='M16 6 28 21H21V46H11V21H4Z' fill='%23c3ffcb'/%3E%3C/svg%3E")}
.stream-down{left:24px;opacity:.25;animation:stream-fall 2.3s linear infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 56'%3E%3Cpath d='M16 48 28 33H21V8H11V33H4Z' fill='%23ffdcae'/%3E%3C/svg%3E")}
.progress-edge{position:absolute;right:0;top:0;bottom:0;width:12px;background:linear-gradient(90deg,transparent,#d4ffbd);box-shadow:0 0 12px #baffbe}
#percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;font:700 clamp(26px,2.3vw,37px)/1 Georgia,serif;color:#fff5d5;text-shadow:0 2px 4px #000}
#percent span{font-size:17px}
.loading-meta{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:11px;color:#d4dcc2;margin:12px 0 5px}
#elapsed{white-space:nowrap;color:#efcd8a;font-variant-numeric:tabular-nums}
.activity-log{width:100%;height:42px;min-height:25px;overflow:hidden;font:10px/1.8 Consolas,monospace;color:#b6ccbf;border-left:1px solid #927b47;padding-left:9px;margin-top:3px;flex-shrink:1}
.log-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log-line time{color:#8ba497;margin-right:7px}
.log-line.current{color:#efe7bc}
.loading-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;width:100%}
.loading-bottom button{font-size:11px}
.media-notice{font-size:10px;color:#f7d894;text-align:center;margin:4px 0 0;line-height:1.3}
.summary-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;flex-shrink:0}
.metric{margin:0;padding:8px 0;border-bottom:1px solid #38433e;min-width:0}
.metric dt{color:#b0c0c7;font-size:10px;margin-bottom:5px;line-height:1.35}
.metric dd{margin:0;font-size:clamp(18px,1.65vw,29px);font-variant-numeric:tabular-nums;font-weight:550;letter-spacing:-.02em}
.metric small{display:block;font-size:10px;color:#a3b5bd;margin-top:5px;font-weight:400;line-height:1.4}
.positive{color:var(--green)}
.negative{color:var(--red)}
.outcome-summary{margin:8px 0 0;flex-shrink:0}
.outcome-bar{display:flex;height:5px;overflow:hidden;background:#52606b;border-radius:2px}
.outcome-bar .win{background:#7ce0b6}
.outcome-bar .loss{background:#ffa5ac}
.outcome-bar .flat{background:#a8b4c6}
.outcome-summary p{color:#b8c6cc;font-size:10px;margin:5px 0 0;line-height:1.4}
.mini-chart{flex:1;min-height:65px;position:relative;margin-top:8px}
.mini-chart canvas{display:block;width:100%;height:calc(100% - 18px)}
.chart-legend{display:flex;gap:16px;align-items:center;height:18px;color:#aab9c1;font-size:10px}
.chart-legend span{display:flex;align-items:center;gap:6px}
.legend-line{height:2px;width:15px;background:var(--green)}
.legend-line.benchmark{height:0;border-top:2px dashed var(--gold);background:none}
.results-head{margin-bottom:5px}
.results-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.results-tools button{font-size:11px}
.new-test{min-width:155px;min-height:48px;font:700 16px Georgia,serif;letter-spacing:.04em}
.included-badge{display:inline-block;border:1px solid #47745e;border-radius:20px;background:#10251b;color:#b8e8cb;padding:7px 10px;font-size:10px;white-space:nowrap}
.under-frame{max-width:1550px;margin:auto;padding:15px 28px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.under-frame p{color:#bac8ce;font-size:12px;margin:0;line-height:1.5}
.under-frame .preview-note{color:#99acb6;font-size:11px;margin-top:2px}
.preview-note .text-btn{font-size:11px;padding-left:3px}
.preview-controls{max-width:290px;min-width:160px;color:#aebeC4;font-size:11px;position:relative}
summary{cursor:pointer;line-height:1.5}
.preview-controls summary{text-align:right;padding:6px 0}
.preview-controls label{display:block;margin:9px 0 6px;line-height:1.5}
.preview-controls select,.journal-controls select,.journal-controls input{background:#101c24;border:1px solid #495d67;color:#e6eff2;border-radius:4px;padding:8px;font-size:12px;width:100%;min-height:36px}
.preview-controls small{display:block;color:#abbdc4;font-size:10px;line-height:1.5;margin-top:6px}
.report{max-width:1420px;padding:28px 32px 0;margin:28px auto 0;border-top:1px solid #70603c;scroll-margin-top:20px}
.report-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.report-head h2{font-size:30px}
.report-head p:not(.eyebrow){color:#b0c2cb;font-size:12px;margin:9px 0 0;line-height:1.6}
.report-stamp{font-size:11px;letter-spacing:.13em;color:#ecc888;border:1px solid #625334;padding:10px 14px;border-radius:5px;text-align:center;line-height:1.5;flex-shrink:0}
.report-stamp small{font-size:10px;letter-spacing:0;color:#c6b69a}
.report-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0;padding:14px 0;border-top:1px solid #293637;border-bottom:1px solid #293637}
.report-actions p{font-size:12px;line-height:1.6;margin:0;color:#dae5e6}
.report-actions p span{font-size:11px;color:#a4b6bf}
.report-actions>div{display:flex;gap:10px;flex-wrap:wrap}
.premium-action{display:flex;align-items:center;gap:8px;min-height:42px;color:#f0dcae;background:linear-gradient(#353022,#1b1a13);font-size:12px}
.premium-action b{font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:3px 5px;border:1px solid #736341;border-radius:3px;color:#eed69e;font-weight:500}
.report-warning{padding:12px 15px;border-left:3px solid #bf9a4c;background:#211e15;color:#e0d0ad;font-size:12px;line-height:1.7;margin:0 0 20px}
.report-tabs{margin-bottom:5px}
.report-tabs button{padding:12px 19px;font-size:13px;min-height:43px}
.extended-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 25px}
.extended-metrics .metric{padding:18px 0}
.extended-metrics dd{font-size:25px}
.extended-metrics dt{font-size:12px}
.report-charts{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin:28px 0}
.report-charts>section{min-width:0;background:#0c151c;border:1px solid #28363b;border-radius:6px;padding:18px 16px 12px}
.report-charts canvas{display:block;width:100%;height:240px}
.chart-caption{color:#abbec9;font-size:11px;line-height:1.6;margin:6px 0 12px}
.observation-details,.methodology{padding:13px 15px;border:1px solid #34453f;border-radius:4px;color:#c0d0d5;font-size:12px;margin:12px 0}
.observation-details .table-wrap{max-height:340px;margin-top:14px}
.methodology p{font-size:12px;line-height:1.7;color:#b2c2ca;margin:12px 0 0}
.methodology .extended-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0}
.breakdown-row{display:grid;grid-template-columns:105px 1fr 100px;align-items:center;gap:12px;font-size:12px;padding:9px 0}
.breakdown-row b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.bar-track{height:6px;background:#263039;border-radius:2px;overflow:hidden}
.bar-track i{display:block;height:100%;background:var(--green)}
.bar-track i.negative{background:var(--red)}
.bar-track i.neutral{background:#a8b4c6}
.table-wrap{max-width:100%;overflow:auto;scrollbar-color:#526563 #101a22;scrollbar-width:thin}
table{width:100%;border-collapse:collapse;font-size:12px}
th{text-align:left;color:#c0cbd0;background:#101b22;font-size:10px;font-weight:600;padding:12px 10px;white-space:nowrap;letter-spacing:.03em}
td{border-top:1px solid #2b3a42;padding:12px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}
td small{font-size:10px;color:#b7c4cc;display:block;margin-top:3px}
.journal-controls{display:flex;gap:14px;align-items:flex-end;margin:18px 0;flex-wrap:wrap}
.journal-controls label{font-size:11px;color:#b0c4cf;display:flex;flex-direction:column;gap:6px;min-width:150px}
.journal-controls input{max-width:180px}
.journal-controls p{margin:0 0 10px auto;font-size:12px;color:#b1c1c9}
.pagination{display:flex;justify-content:flex-end;gap:14px;align-items:center;margin:18px 0;color:#bfccd3;font-size:12px;flex-wrap:wrap}
#filtered-total{margin-right:auto;font-size:11px}
.empty-state{padding:30px 14px;white-space:normal;color:#c3d1d7;text-align:center;line-height:1.7}
.coverage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}
.coverage-cards>div{background:#101b22;border:1px solid #35453e;border-radius:5px;padding:16px}
.coverage-cards small{font-size:10px;color:#b7c9d0;text-transform:uppercase;letter-spacing:.08em;display:block}
.coverage-cards strong{font-weight:500;font-size:16px;display:block;margin-top:8px;line-height:1.4}
.coverage-cards p{margin:6px 0 0;font-size:11px;color:#a5bbc8;line-height:1.6}
.assumptions-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;margin-top:20px}
.assumptions-grid>section{min-width:0}
.assumptions-grid p{font-size:12px;line-height:1.75;color:#bfced5}
.settings-table td{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5}
.settings-table td:nth-child(1){width:34%;color:#c7d4db}
.settings-table td:nth-child(2){width:34%}
.settings-table td:nth-child(3){font-size:10px;color:#adc2bd}
.limitations h3{margin-top:24px}
.limitations h3:first-child{margin-top:0}
.provenance{overflow-wrap:anywhere;font-family:Consolas,monospace;font-size:10px!important;border-top:1px solid #394e49;padding-top:15px}
.page-footer{display:flex;justify-content:space-between;gap:20px;max-width:1550px;margin:30px auto 0;border-top:1px solid #243037;padding:23px 28px;font-size:10px;color:#a0b0b8;letter-spacing:.04em;line-height:1.7}
dialog{border:1px solid #9b7c43;border-radius:8px;max-width:540px;max-height:90vh;overflow:auto;padding:28px;background:#0f1b23;color:var(--text);box-shadow:0 25px 90px #000b}
dialog::backdrop{background:#000b}
dialog h2{font-size:25px;line-height:1.3}
dialog p:not(.eyebrow){font-size:13px;line-height:1.7;color:#beccd5}
.dialog-close{float:right;font-size:22px;min-width:36px;padding:0 7px;margin:-6px -6px 8px 8px}
.premium-details{font-size:13px;line-height:1.8;color:#c7d5db;padding-left:20px}
.premium-footnote{padding:12px;border-left:2px solid #bb9649;background:#211f18}
.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.reduce-motion *{scroll-behavior:auto!important;transition:none!important}
.reduce-motion .arrow-stream{animation:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@keyframes stream-rise{to{background-position:0 -56px}}
@keyframes stream-fall{to{background-position:0 56px}}
@media(min-width:1600px){.aperture{padding:6px 15px 12px}.workflow{margin-bottom:17px}.steps button{font-size:13px}.screen-head{margin-bottom:17px}.supporting{font-size:12px}.field input,.field select{height:39px;font-size:14px}.field label{font-size:12px}.field small{font-size:11px}.field-grid{gap:15px 20px}.tabs button{font-size:13px;padding:10px 14px}.config-footer,.results-footer{padding-top:14px;margin-top:14px}.random-button{min-height:53px;font-size:14px;min-width:255px}.random-button small{font-size:10px}#run{min-height:53px;min-width:215px;font-size:17px}.new-test{min-width:185px;min-height:53px}.loading-meta{font-size:12px}.activity-log{font-size:12px;height:50px}}
@media(min-width:1200px) and (max-width:1320px){.workflow{margin-bottom:8px}.steps{padding-bottom:5px}.screen-head{margin-bottom:8px}.supporting{font-size:10px}.tabs{margin-bottom:7px}.tabs button{font-size:10px;min-height:32px}.field input,.field select{height:32px;font-size:11px}.field-grid{gap:8px 11px}.config-footer,.results-footer{margin-top:6px;padding-top:6px}.random-button{min-width:202px;min-height:43px;font-size:11px}.random-button small{font-size:8px}#run{min-width:168px;min-height:43px;font-size:13px}.new-test{min-width:137px;min-height:43px;font-size:15px}.strategy-card{gap:5px;padding:10px}.strategy-glyph{font-size:21px}.strategy-card small{font-size:10px}.loading-ornament{margin:8px 0 12px}.loading-snapshot{margin-top:5px;font-size:10px}.loading-bottom{margin-top:7px}.loading-content>.eyebrow{font-size:8px}.activity-log{height:33px;font-size:9px}.outcome-summary{margin-top:6px}.metric{padding:5px 0}.results-tools{gap:5px}.results-tools button{font-size:10px}.included-badge{font-size:9px}}
/* On narrower screens, preserve the branded header/base at original aspect and
   extend the bezel between them. Do not shrink a desktop form into unreadability. */
@media(max-width:1199px){
 .machine{--bezel-width:calc(100vw - 32px);aspect-ratio:auto;margin:18px 16px 0;padding:27% 0 19%;border-radius:8px;overflow:hidden;background:#000}
 .machine::before,.machine::after{content:"";position:absolute;top:calc(var(--bezel-width)*.19);bottom:calc(var(--bezel-width)*.12);width:12px;background:linear-gradient(90deg,#2b200d,#c69a4e 24%,#f2ce85 40%,#79521f 53%,#c69a4e 78%,#211c12);z-index:2;pointer-events:none}
 .machine::before{left:1.6%}.machine::after{right:1.6%;transform:scaleX(-1)}
 .art-stage{bottom:auto;height:auto;aspect-ratio:16/9;clip-path:inset(0 0 51%);z-index:3}
 .art-stage img,.art-stage video{mask-image:none}
 .mobile-base{display:block;position:absolute;left:0;right:0;bottom:0;height:20%;max-height:calc((100vw - 32px)*.205);background-image:url("/media/original-2550799a6948dae3c377.webp");background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;z-index:3;pointer-events:none}
 .aperture{position:relative;inset:auto;padding:0 6.3% 10px;overflow:visible;z-index:3;min-height:400px}
 .workflow{margin-bottom:18px}.steps{gap:clamp(10px,3vw,35px)}.steps button{font-size:12px}
 .screen-head h2{font-size:23px}.supporting{font-size:12px}.small-note{font-size:11px}
 .strategy-grid{grid-template-rows:repeat(2,minmax(145px,1fr));gap:12px}.strategy-card{padding:17px;gap:10px}.strategy-card strong{font-size:15px}.strategy-card small{font-size:12px}
 .tabs button{font-size:12px;padding:10px 12px;min-height:39px}
 #settings-form{overflow:visible;min-height:200px}.field-grid,.field-grid[data-group="market"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .field label{font-size:12px}.field input,.field select{height:40px;font-size:14px}.field small{font-size:11px}
 .config-footer,.results-footer{margin-top:18px;padding-top:15px}.random-button{min-height:53px;min-width:250px;font-size:14px}.random-button small{font-size:10px}#run{min-height:53px;font-size:16px;min-width:207px}
 .loading-content{min-height:390px;padding:8px 6%}.loading-content>.eyebrow{font-size:10px}#loading-title{font-size:31px}.loading-snapshot{font-size:12px}.progress{height:62px}.loading-ornament{margin:18px 0 22px}.loading-meta{font-size:12px}.activity-log{height:52px;font-size:12px}.loading-bottom{margin-top:18px}.loading-bottom button{min-height:40px;font-size:12px}
 .summary-metrics .metric dd{font-size:25px}.metric dt{font-size:11px}.outcome-summary p{font-size:11px}.mini-chart{height:145px;flex:none;margin-top:16px}.new-test{min-height:53px;font-size:17px;min-width:170px}.results-tools button{font-size:12px}.results-head{margin-bottom:12px}
 .report-actions{align-items:flex-start;flex-direction:column}.report-actions p br{display:none}.report-actions p span{margin-left:7px}.report-actions>div{width:100%}.report-actions button{flex:1;justify-content:center}
}
@media(max-width:800px){
 .mast{padding:15px 20px;align-items:flex-start}.mast-actions{justify-content:flex-end;gap:7px}.mast-actions .quiet{font-size:11px;min-height:33px;padding:7px 9px}.demo-badge{font-size:9px}
 .intro{padding:22px 20px 0;align-items:flex-start}.intro-note{font-size:11px;max-width:235px}h1{font-size:22px}
 .strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(130px,1fr));gap:10px}.strategy-card{padding:14px}.strategy-card strong{font-size:15px}
 .field-grid,.field-grid[data-group="market"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tabs{gap:3px}.tabs button{font-size:11px;padding:9px 7px;flex:1}
 .summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 15px}.included-badge{font-size:9px}.results-head .supporting{font-size:11px}.new-test{min-width:149px}.results-tools{gap:8px}.results-tools button{font-size:11px}
 .under-frame{padding:13px 23px;gap:15px}.preview-controls{min-width:125px}.under-frame p{font-size:11px}
 .report{padding:24px 22px 0;margin-top:20px}.report-head h2{font-size:27px}.report-stamp{font-size:10px;padding:8px}.extended-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}.extended-metrics dd{font-size:23px}.extended-metrics dt{font-size:11px}.report-charts{grid-template-columns:1fr}.breakdowns{gap:20px}.breakdown-row{grid-template-columns:90px 1fr 80px;gap:7px;font-size:11px}.assumptions-grid{grid-template-columns:1fr;gap:20px}.coverage-cards{gap:8px}.coverage-cards>div{padding:12px}.coverage-cards strong{font-size:14px}.coverage-cards small{font-size:9px}
}
@media(max-width:600px){
 .mast{padding:13px 16px;flex-wrap:wrap;gap:10px}.brand{font-size:12px}.brand span{font-size:9px}.mast-actions{flex:1;min-width:175px;gap:6px}.demo-badge{font-size:8px;padding:6px 8px;white-space:nowrap}.mast-actions .quiet{font-size:10px;min-height:31px}
 .intro{display:block;padding:19px 18px 0}.intro h1{font-size:22px}.intro .eyebrow{font-size:9px}.intro-note{max-width:none;text-align:left;font-size:11px;margin-top:8px}.intro-note br{display:none}.intro-note span{display:none}
 .machine{--bezel-width:calc(100vw - 16px);margin:15px 8px 0;padding-top:30%;padding-bottom:24%}.machine::before,.machine::after{width:7px}.mobile-base{height:23%;max-height:calc((100vw - 16px)*.23)}.aperture{padding:0 7.5% 10px;min-height:0}
 .workflow{margin-bottom:17px}.steps{justify-content:space-between;gap:4px;padding-bottom:10px}.steps button{font-size:9px;gap:5px;min-height:32px}.steps button b{font-size:9px;width:21px;height:21px}
 .screen-head{align-items:flex-start;gap:8px;margin-bottom:15px}.screen-head h2{font-size:20px}.supporting{font-size:11px}.small-note{display:none}
 .strategy-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(91px,auto);gap:10px}.strategy-card{padding:15px 15px 15px 51px;gap:5px;min-height:99px;justify-content:center}.strategy-glyph{position:absolute;left:15px;top:22px;font-size:24px}.strategy-card strong{font-size:15px;padding-right:20px}.strategy-card small{font-size:12px}.card-no{right:12px;top:14px;font-size:9px}.strategy-card .saved-draft{bottom:6px;font-size:8px}
 .tabs{flex-wrap:wrap;gap:4px;margin-bottom:14px}.tabs button{flex:1 1 45%;font-size:11px;border-bottom:1px solid #4b564d;border-radius:4px;min-height:36px;white-space:nowrap}
 .field-grid,.field-grid[data-group="market"]{grid-template-columns:1fr;gap:15px}.field label{font-size:12px}.field input,.field select{height:43px;font-size:16px}.field small{font-size:11px}.field-grid[data-group="strategy"]{grid-template-columns:1fr}
 .config-footer{flex-direction:column;align-items:stretch;gap:13px}.random-area{width:100%;flex-wrap:wrap;justify-content:center}.random-button{min-width:0;width:100%;font-size:14px;min-height:54px}#undo-random{min-height:30px}#run{width:100%;min-height:55px;font-size:17px}#run small{font-size:11px}
 .loading-content{min-height:420px;padding:4px 2%;justify-content:center}.loading-content>.eyebrow{font-size:8px;letter-spacing:.1em;line-height:1.6}#loading-title{font-size:25px;line-height:1.3}.loading-snapshot{font-size:10px;line-height:1.5}.loading-ornament{margin:16px 0 22px}.progress{height:58px;min-height:58px}#percent{font-size:29px}.loading-meta{font-size:10px;line-height:1.4;gap:6px;min-height:28px}.activity-log{font-size:10px;min-height:44px;line-height:2.1}.loading-bottom{gap:10px;margin-top:14px;align-items:center}.loading-bottom button{font-size:10px;min-height:40px}.loading-bottom .text-btn{max-width:135px;text-align:left}.loading-bottom .secondary{white-space:nowrap;padding:8px 10px}.media-notice{font-size:9px;line-height:1.5}
 .results-head{display:block}.results-head h2{font-size:20px}.results-head .supporting{font-size:10px}.included-badge{margin-top:8px;font-size:9px;padding:5px 8px}.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 11px}.summary-metrics .metric dd{font-size:22px}.metric dt{font-size:10px}.metric{padding:8px 0}.outcome-summary p{font-size:10px;line-height:1.5}.mini-chart{height:142px;margin-top:12px}.chart-legend{font-size:9px;gap:10px;height:20px}.results-footer{flex-direction:column;align-items:stretch;gap:14px}.results-tools{display:flex;gap:8px;justify-content:space-between}.results-tools .secondary{flex:1}.results-tools button{font-size:10px}.new-test{width:100%;font-size:19px;min-height:55px}
 .under-frame{flex-direction:column;padding:15px 19px;gap:9px}.preview-controls{width:100%;max-width:none}.preview-controls summary{text-align:left}.preview-controls[open]{padding:10px 13px;border:1px solid #374740;border-radius:5px}.preview-controls select{font-size:16px}.under-frame .preview-note{font-size:10px}
 .report{padding:23px 18px 0}.report-head{align-items:flex-start;gap:12px}.report-head h2{font-size:25px}.report-head .eyebrow{font-size:9px;line-height:1.6}.report-head p:not(.eyebrow){font-size:11px}.report-stamp{display:none}.report-actions{margin:17px 0;padding:12px 0;gap:13px}.report-actions p{font-size:12px}.report-actions p span{display:block;margin:2px 0 0}.report-actions>div{flex-direction:column;gap:11px}.premium-action{font-size:12px;min-height:45px;justify-content:center}.report-warning{font-size:11px;padding:10px 12px;line-height:1.7}.report-tabs{flex-wrap:nowrap;gap:4px}.report-tabs button{flex:1;padding:10px 5px;font-size:11px;white-space:normal;min-height:44px}.extended-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.extended-metrics dd{font-size:23px}.extended-metrics dt{font-size:11px}.extended-metrics .metric{padding:15px 0}.report-charts{gap:17px;margin:22px 0}.report-charts>section{padding:14px 10px 10px}.report-charts canvas{height:210px}.report-charts h3{font-size:16px}.breakdowns{grid-template-columns:1fr;gap:22px}.breakdown-row{grid-template-columns:95px 1fr 93px;font-size:12px}.coverage-cards{grid-template-columns:1fr}.coverage-cards strong{font-size:16px}.coverage-cards small{font-size:10px}.coverage-cards p{font-size:11px}.journal-controls label{flex:1;min-width:120px}.journal-controls input{max-width:none;font-size:16px}.journal-controls select{font-size:16px}.journal-controls p{margin:0;width:100%;font-size:11px}.pagination{gap:8px;justify-content:space-between}.pagination button{font-size:11px;min-height:38px}#filtered-total{width:100%;font-size:11px}#page-label{font-size:11px}.page-footer{flex-direction:column;gap:6px;font-size:9px;padding:18px}.observation-details,.methodology{font-size:11px;padding:12px}.methodology p{font-size:11px}dialog{padding:23px 20px;width:calc(100% - 28px);max-height:85vh}dialog h2{font-size:23px}.dialog-actions{flex-wrap:wrap}
}


/* AQ-CONFIG-FOOTER-FIX-1. Prevent settings actions from colliding on narrow framed widths. */
@media(max-width:1050px){
 .config-footer{flex-direction:column;align-items:stretch;gap:14px}
 .random-area{width:100%;display:flex;flex-wrap:wrap;justify-content:stretch;gap:10px}
 .random-button{width:100%;min-width:0;flex:1 1 100%}
 #run{width:100%;min-width:0}
}

/* AQ-MOBILE-BUTTON-TYPE-1. Make mobile button labels fill the buttons better. */
@media(max-width:600px){
 .steps button{font-size:10.5px;gap:5px;min-height:34px;font-weight:600}
 .steps button b{width:20px;height:20px;font-size:9px}
 .tabs{gap:6px;margin-bottom:16px}
 .tabs button{flex:1 1 calc(50% - 6px);font-size:clamp(15px,4.2vw,18px);line-height:1.15;font-weight:600;padding:12px 10px;min-height:58px;white-space:normal;text-wrap:balance;border-radius:8px;border-bottom:1px solid #4b564d}
 .results-tools button,.result-navigation button{font-size:clamp(13px,3.9vw,16px);font-weight:600}
 .result-navigation #new-test{font-size:clamp(17px,4.6vw,21px);min-height:50px;padding:10px 14px}
 .premium-action{font-size:clamp(14px,4vw,16px);min-height:50px;padding:11px 12px}
 .premium-action b{font-size:11px;padding:4px 7px}
 .random-button{font-size:16px;min-height:58px}
 .random-button small{font-size:11px}
 #run{font-size:19px;min-height:58px}
 #run small{font-size:12px}
 .full-report-btn,.result-navigation .secondary{font-size:clamp(15px,4vw,18px);font-weight:600}
}
@media(min-width:601px) and (max-width:800px){
 .tabs button{font-size:14px;line-height:1.15;font-weight:600;min-height:48px;padding:11px 10px;white-space:normal;text-wrap:balance}
}
@media print{.mast,.intro,.machine,.under-frame,.page-footer,.report-actions,.report-tabs,dialog{display:none!important}.report{display:block!important}.report [role="tabpanel"]{display:block!important}.report{color:#111;background:white;max-width:none;margin:0;padding:0}body{background:white}.report p,.report h2,.report h3,.report td,.report th,.report .metric dt,.report .metric dd{color:#111!important}.report-warning{border:1px solid #444}.table-wrap{overflow:visible}.report canvas{display:none}.report details{display:block}.report details>*{display:block!important}}

/* Decode-safe foreground media: the still image stays visible until play succeeds. */
.machine.video-pending .art-stage video{opacity:0}
.machine.video-pending .art-stage img{opacity:1}
#base-canvas{display:none;width:100%;height:100%}
.machine.frame-running:not(.reduce-motion):not(.video-unavailable):not(.video-pending) #base-canvas{display:block}

/* AQ-LARGE-TYPE. Readable card typography; no miniature labels or wasted icon row. */
.strategy-card{justify-content:center;align-items:stretch;gap:9px;padding:12px 14px;text-wrap:pretty}
.strategy-card strong{font-size:clamp(22px,2.05vw,38px);font-weight:700;line-height:1.08;letter-spacing:-.025em;padding:0;white-space:normal;overflow-wrap:normal;flex-shrink:0}
.strategy-card small{font-size:clamp(14px,1.05vw,20px);line-height:1.28;color:#c5d3d6;flex-shrink:0}
.strategy-card .strategy-glyph,.strategy-card .card-no{display:none}
.strategy-card .saved-draft{position:static;font-size:11px;line-height:1.15;color:#a3dbbc;margin-top:1px}
@media(min-width:1200px) and (max-width:1599px){
 #choose-screen .screen-head{margin-bottom:10px}
 #choose-screen .supporting{display:none}
 .strategy-card{padding:9px 11px;gap:7px}
 .strategy-card strong{font-size:clamp(22px,1.95vw,31px)}
 .strategy-card small{font-size:clamp(14px,1vw,16px);line-height:1.22}
 .strategy-card .saved-draft{font-size:10px}
}
@media(max-width:1199px){
 .strategy-grid{grid-template-rows:repeat(2,minmax(168px,1fr))}
 .strategy-card{padding:16px;gap:12px}
 .strategy-card strong{font-size:clamp(25px,2.7vw,32px)}
 .strategy-card small{font-size:17px;line-height:1.28}
}
@media(max-width:800px){
 .strategy-grid{grid-template-rows:repeat(3,minmax(176px,1fr))}
 .strategy-card strong{font-size:clamp(24px,3.6vw,29px)}
 .strategy-card small{font-size:17px}
}
@media(max-width:600px){
 .strategy-grid{grid-template-rows:none;grid-auto-rows:minmax(128px,auto);gap:12px}
 .strategy-card{min-height:128px;padding:15px 16px;gap:10px;justify-content:center}
 .strategy-card strong{font-size:clamp(26px,7.2vw,34px);line-height:1.12;padding:0}
 .strategy-card small{font-size:17px;line-height:1.3}
 .strategy-card .saved-draft{font-size:11px}
}
/* Save status stays accessible without stealing a row from the strategy copy. */
.strategy-card .saved-draft{position:absolute;top:6px;right:6px;bottom:auto;width:5px;height:5px;border-radius:50%;background:#a3dbbc;font-size:0;line-height:0;margin:0;overflow:hidden}


/* One existing bezel; only transparent foreground pixels are composited here. */
.winner-layer{position:absolute;inset:0;z-index:9;overflow:hidden;cursor:pointer;outline:none;touch-action:manipulation;background:transparent}
.winner-layer[hidden]{display:none!important}
.winner-layer:focus-visible{outline:2px solid #ffe5ab;outline-offset:-3px}
.winner-shade{position:absolute;background:radial-gradient(ellipse at 50% 55%,#03060896 0%,#03060875 40%,#03060833 80%,transparent 100%);border-radius:8px;pointer-events:none}
.winner-stage{position:absolute;inset:0;pointer-events:none}
.winner-actor{position:absolute;pointer-events:none;will-change:transform,opacity;transform-origin:center;filter:drop-shadow(0 8px 8px #0006)}
.winner-actor[data-side="left"]{transform-origin:60% 50%}
.winner-actor[data-side="right"]{transform-origin:40% 50%}
.winner-actor canvas{display:block;width:100%;height:100%;background:transparent}
.winner-actor video{display:block;width:100%;height:100%;object-fit:contain;background:transparent;filter:var(--aq-gold-filter, sepia(1) saturate(4.2) hue-rotate(-8deg) brightness(1.05) contrast(1.08));}
.winner-banner{position:absolute;transform:translateX(-50%);pointer-events:none;text-align:center;isolation:isolate}
.winner-sign{position:relative;display:inline-flex;justify-content:center;align-items:center;height:100%;max-width:100%;padding:4px 28px;border-radius:50% / 20%;border:2px solid #d7b260;background:linear-gradient(#65511e,#211b0a 50%,#483718);box-shadow:0 0 0 3px #3b301c,0 0 0 4px #a58141,0 0 28px #efbd413d,inset 0 0 14px #e9bc443b}
.winner-sign strong{font:700 clamp(28px,2.9vw,51px)/1 Georgia,serif;letter-spacing:.09em;color:#fff1ba;text-shadow:0 2px #6b4e13,0 0 9px #ffe797bb;white-space:nowrap}
.winner-bulbs{position:absolute;left:8%;right:8%;height:4px;background:radial-gradient(circle,#fffbc9 1.5px,#ffd875 2px,transparent 2.8px) 0 0/17px 4px repeat-x;filter:drop-shadow(0 0 3px #ffd97e)}
.winner-bulbs.top{top:3px}.winner-bulbs.bottom{bottom:3px}
.winner-banner p{font-size:10px;line-height:1.3;color:#eee1bc;margin:9px 0 0;text-shadow:0 1px 4px #000;white-space:nowrap}
.winner-hint{position:absolute;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#f0dfb8;letter-spacing:.035em;margin:0;padding:4px 10px;border-radius:14px;background:#080a0d99;pointer-events:none}
@media(max-width:600px){.winner-sign{padding:5px 20px}.winner-sign strong{font-size:30px}.winner-banner p{font-size:10px}.winner-hint{font-size:10px}.winner-stage{inset:2px 0 0}.winner-actor{filter:drop-shadow(0 10px 12px #0009)} .winner-banner{z-index:4}}

/* AQ-SINGLE-FRAME-TYPE-1. Typography-only refinement.
   The plaque is baked into the supplied artwork; this is a coordinated serif,
   not a claimed identification of its original font. Use local system fonts:
   no font downloads, font files, external services, script or media changes. */
:root {
  --aq-display-font: Georgia, "Times New Roman", Times, serif;
  --aq-reading-font: "Segoe UI", Arial, sans-serif;
  --aq-heading-gold: #f0dba5;
}

.strategy-title-row{display:flex;align-items:center;gap:12px;min-width:0}
.strategy-symbol{flex:0 0 58px;width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(10,22,30,.92),rgba(7,15,21,.98));border:1px solid rgba(207,171,92,.72);box-shadow:inset 0 0 0 1px rgba(255,232,168,.12),0 5px 14px rgba(0,0,0,.22)}
.strategy-symbol svg{width:48px;height:48px;display:block}
.strategy-card strong{display:block;min-width:0}
#results-screen{position:relative}
.optimize-cta-wrap{display:flex;justify-content:center;align-items:center;margin-top:14px;margin-bottom:4px}
.optimize-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border-radius:999px;border:1px solid rgba(124,255,178,.65);background:linear-gradient(180deg,#2df08a,#10b95b);color:#052a16;font-weight:800;font-size:18px;letter-spacing:.01em;box-shadow:0 0 0 2px rgba(66,255,160,.18),0 0 18px rgba(41,255,138,.24),0 10px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.38);overflow:hidden}
.optimize-cta .cta-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:rgba(4,44,24,.18);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#eafff2}
.optimize-cta::before{content:'';position:absolute;inset:-20% auto -20% -35%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.68),rgba(255,255,255,0));animation:aqCtaShine 2.7s linear infinite}
.optimize-cta:hover{transform:translateY(-1px);box-shadow:0 0 0 2px rgba(66,255,160,.24),0 0 22px rgba(41,255,138,.28),0 14px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.42)}
.optimize-cta:focus-visible{outline:2px solid #cfffde;outline-offset:2px}
@keyframes aqCtaShine{0%{left:-35%}100%{left:120%}}
@media (max-width: 900px){
  .strategy-title-row{gap:10px}
  .strategy-symbol{width:52px;height:52px;flex-basis:52px}
  .strategy-symbol svg{width:43px;height:43px}
  .optimize-cta{padding:13px 18px;font-size:17px;gap:10px}
}
@media (max-width: 520px){
  .strategy-card{padding:14px 15px}
  .strategy-title-row{align-items:flex-start}
  .strategy-symbol{width:48px;height:48px;flex-basis:48px;border-radius:12px}
  .strategy-symbol svg{width:38px;height:38px}
  .optimize-cta-wrap{margin-top:12px}
  .optimize-cta{width:min(100%,290px);justify-content:center;padding:12px 16px;font-size:16px}
  .optimize-cta .cta-badge{font-size:11px}
}

h1, h2, .strategy-card strong {
  font-family: var(--aq-display-font);
  font-weight: 700;
  font-kerning: normal;
  color: var(--aq-heading-gold);
  letter-spacing: -.015em;
  text-shadow: 0 1px 1px #0008;
}
.strategy-card strong {
  line-height: 1.10;
  text-wrap: balance;
}
/* Supporting text and the actual research interface stay plain and readable. */
.strategy-card small, .supporting, .intro-note, .field,
.tabs, .steps, .metric, .chart-caption, table {
  font-family: var(--aq-reading-font);
}
.strategy-card small {
  font-weight: 400;
  text-shadow: none;
}
/* Match the existing serif actions without recoloring their gold button faces. */
#run, .new-test { font-family: var(--aq-display-font); }
#run small { font-family: var(--aq-reading-font); }
@media (max-width:600px) {
  .strategy-card strong { line-height: 1.12; }
}


/* AQ-CARDS-FIX-1: the icon has a fixed track; the title must be allowed to wrap.
   The old inherited flex-shrink:0 let long names run outside their cards. */
.strategy-title-row { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:10px; }
.strategy-title-row > strong { min-width:0; max-width:100%; }
/* The paid action's shine is decorative and respects motion preferences. */
body.reduce-motion .optimize-cta::before { animation:none; display:none; }
@media (prefers-reduced-motion: reduce) {
  .optimize-cta::before { animation:none; display:none; }
}
/* Put Optimize above the globe in the existing action row instead of adding
   a row that forces New Test and the report button below the clipped aperture. */
.results-footer {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:12px;
}
.results-footer .optimize-cta-wrap { margin:0; }
.results-footer .new-test { justify-self:end; }
.results-footer .results-tools { min-width:0; gap:6px; }
@media(max-width:899px) {
  .results-footer { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
  .results-footer .results-tools { order:1; justify-content:space-between; }
  .results-footer .new-test { order:2; width:100%; }
  .results-footer .optimize-cta-wrap { order:3; }
}


/* AQ-STREAMLINED-1. Direct-to-frame entry; no independent page masthead. */
.machine{margin-top:0;scroll-margin-top:0}
@media(max-width:1199px){.machine{margin-top:0}}
@media(max-width:600px){.machine{margin-top:0}}
#workspace:focus{outline:none}
.report{margin-top:10px;padding-top:20px;border-top:0;scroll-margin-top:18px}
.report-tabs{margin-top:0}
.report-provenance{border-bottom:1px solid #344345;margin:0 0 22px;padding-bottom:18px}
.report-provenance p{font-size:12px;line-height:1.6;color:#b8c6cd}
#report-warning{padding:0;margin:8px 0 0;border:0;background:none;color:#b8c6cd}

/* Free evidence has its own gold navigation control. Paid actions live together. */
#results-screen .results-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:10px 1px 2px;margin-top:10px;flex-shrink:0}
.result-navigation{display:flex;align-items:center;gap:14px;min-width:0}
.result-navigation #edit-settings{font-size:12px;flex-shrink:0;margin-right:auto}
.result-navigation #new-test{justify-self:auto;min-height:44px;min-width:145px;padding:10px 16px;font-size:17px}
.report-explore{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 18px;border:2px solid #dfc174;border-radius:7px;background:linear-gradient(160deg,#413920,#171c18 72%);color:#ffebb3;font:700 18px/1.18 var(--aq-display-font);box-shadow:inset 0 0 0 1px #fff3bf24,0 0 12px #e3b44f1a,0 3px 0 #352910;white-space:normal}
.report-explore:hover{border-color:#fff0b0;background:linear-gradient(160deg,#5a4d28,#1f2922 72%)}
.report-explore .report-arrow{font:700 24px/1 var(--aq-reading-font)}
.premium-pair{display:flex;justify-content:center;align-items:stretch;gap:16px;min-width:0}
.premium-pair .optimize-cta,.download-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;min-width:0;min-height:47px;padding:12px 22px;border-radius:999px;font:700 16px/1.15 var(--aq-reading-font);white-space:normal}
.premium-pair .optimize-cta{max-width:300px;flex:0 1 auto}
.download-cta{background:linear-gradient(180deg,#2879ed,#124da7);color:#f0f7ff;border:1px solid #77b3ff;box-shadow:0 0 0 2px #5c9dff20,0 0 18px #287dff26,0 6px 18px #0005,inset 0 1px 0 #fff4;flex:0 1 auto;max-width:425px}
.download-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}
.premium-pair .cta-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #ffffff35;background:#0627124d;padding:4px 7px;border-radius:999px;font:700 10px/1 var(--aq-reading-font);text-transform:uppercase;letter-spacing:.08em;color:#fff}
.download-cta .cta-badge{background:#0827524d}
.sheen-control::before{content:'';pointer-events:none;position:absolute;inset:-50% auto -50% -50%;width:25%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#fff7,transparent);animation:aqPremiumSheen 5.5s ease-in-out infinite}
.report-explore::before{opacity:.6;animation-delay:1s;animation-duration:6.5s}
.download-cta::before{animation-delay:1.8s}
@keyframes aqPremiumSheen{0%,62%{left:-50%}90%,100%{left:135%}}
@media(min-width:1200px){
 #results-screen .results-head{margin-bottom:7px}
 #results-screen .summary-metrics .metric{padding:6px 0}
 #results-screen .outcome-summary{margin-top:7px}
 #results-screen .outcome-summary p{margin:5px 0 0;line-height:1.4}
 #results-screen .mini-chart{flex:1 1 auto;min-height:56px;margin-top:9px}
 #results-screen .results-footer{gap:9px;margin-top:9px;padding-top:8px}
 .result-navigation #new-test{min-height:42px}
}
@media(min-width:1200px) and (max-width:1599px){
 #results-screen .results-head h2{font-size:19px}
 #results-screen .supporting{font-size:10px}
 #results-screen .summary-metrics .metric{padding:4px 0}
 #results-screen .summary-metrics dd{font-size:22px}
 #results-screen .mini-chart{min-height:46px;margin-top:5px}
 #results-screen .chart-legend{height:17px}
 #results-screen .results-footer{gap:7px;margin-top:6px;padding-top:6px}
 .result-navigation{gap:10px}
 .report-explore{font-size:16px;min-height:40px;padding:8px 13px;gap:12px}
 .result-navigation #new-test{font-size:15px;min-height:40px;min-width:128px;padding:8px 12px}
 .result-navigation #edit-settings{font-size:11px}
 .premium-pair .optimize-cta,.download-cta{min-height:41px;font-size:14px;padding:9px 16px}
}
@media(max-width:899px){
 #results-screen .results-footer{gap:16px;padding-top:16px}
 .result-navigation{display:grid;grid-template-columns:1fr auto;gap:12px}
 .result-navigation .report-explore{grid-column:1/-1;width:100%;font-size:20px;min-height:52px}
 .result-navigation #new-test{width:auto;min-height:44px;min-width:140px}
 .premium-pair{gap:12px}
 .premium-pair .optimize-cta,.download-cta{flex:1 1 0;font-size:15px;padding:13px 14px}
}
@media(max-width:600px){
 .result-navigation #edit-settings{font-size:12px;text-align:left;padding-left:0}
 .report-explore{gap:18px}
 .premium-pair{gap:10px}
 .premium-pair .optimize-cta,.download-cta{flex-direction:column;gap:7px;padding:12px 9px;border-radius:13px;font-size:15px;min-height:88px;max-width:none}
 .premium-pair .optimize-cta>span:first-child{max-width:100px}
 .premium-pair .download-cta>span:first-child{max-width:148px}
 .result-navigation #new-test{min-width:118px;padding:9px 10px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.sheen-control::before{display:none;animation:none}}
body.reduce-motion .sheen-control::before{display:none;animation:none}

/* Local account-entry preview. No provider endpoints or account state are present. */
#signin-dialog{width:min(480px,calc(100vw - 28px));max-width:480px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #ae8c4b;border-radius:15px;background:linear-gradient(150deg,#132026,#0a1118 70%);box-shadow:0 24px 100px #000a;overflow:auto;color:#e7eff0}
#signin-dialog::backdrop{background:#020508c9;backdrop-filter:blur(4px)}
.auth-panel{position:relative;padding:30px 30px 22px}
.auth-close{position:absolute;right:12px;top:12px;border:1px solid #465055;border-radius:50%;background:#101c24;color:#dfe5e6;display:grid;place-items:center;width:34px;height:34px;font-size:23px;line-height:1}
.auth-identity{display:flex;align-items:center;gap:12px;margin:0 36px 24px 0;font:700 12px/1.3 var(--aq-reading-font);letter-spacing:.1em;color:#edce87}
.auth-identity small{display:block;margin-top:5px;font-size:9px;font-weight:400;letter-spacing:.14em;color:#a5b7c1}
.auth-monogram{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #b89b55;border-radius:50%;font:italic 700 19px var(--aq-display-font);letter-spacing:-.08em;background:linear-gradient(140deg,#283838,#0e171e);box-shadow:inset 0 0 0 3px #dcc08512}
.auth-tabs{display:flex;gap:4px;background:#060e13;border:1px solid #2d3e45;border-radius:7px;padding:4px;margin-bottom:23px}
.auth-tabs button{flex:1;border:0;border-radius:4px;min-height:36px;background:transparent;color:#a9bcc6;font:600 13px var(--aq-reading-font)}
.auth-tabs button[aria-selected=true]{background:#314138;color:#ffe5ad;box-shadow:0 1px 3px #0006}
.auth-kicker{color:#b7c9c9;text-transform:uppercase;font-size:10px;letter-spacing:.11em;margin:0 0 10px}
.auth-lock{color:#edce8f;font-size:16px}
#signin-title{font:700 29px/1.15 var(--aq-display-font);color:#f3ddb0;margin:0 0 12px;text-wrap:balance}
#signin-copy{font:400 13px/1.65 var(--aq-reading-font);color:#b9c9d1;margin:0 0 23px}
.auth-providers{display:flex;flex-direction:column;gap:10px}
.auth-provider{width:100%;display:grid;grid-template-columns:26px 1fr 16px;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid #67777f;border-radius:7px;background:#18262f;color:#eef5f7;font:600 14px/1.3 var(--aq-reading-font);text-align:left}
.auth-provider.google{background:#f3f6f9;border-color:#f3f6f9;color:#152530}
.auth-provider.facebook{background:#1757b3;border-color:#3877d3;color:white}
.auth-provider:hover{filter:brightness(1.08)}
.provider-monogram{display:grid;place-items:center;width:24px;height:24px;font:700 20px/1 var(--aq-reading-font)}
.auth-provider.facebook .provider-monogram{font-family:Arial,sans-serif;font-size:24px}
.auth-divider{display:flex;align-items:center;gap:10px;color:#7c95a3;font-size:11px;margin:1px 0}
.auth-divider::before,.auth-divider::after{content:'';height:1px;background:#30424c;flex:1}
.auth-email-form label{display:block;font-size:12px;margin-bottom:8px;color:#d1dee2}
#auth-email{display:block;width:100%;border:1px solid #596c78;border-radius:7px;background:#070f15;min-height:47px;padding:11px 12px;font-size:16px;color:#eff5f6}
#auth-email-help{font-size:11px;color:#a7bbc7;line-height:1.6;margin:7px 0 14px}
.auth-continue{width:100%;min-height:45px;border:1px solid #c5a762;border-radius:6px;background:linear-gradient(#f3dc9d,#c9a66c);color:#231c0e;font-weight:700}
#auth-back{margin-top:12px;font-size:12px}
#auth-feedback{margin:16px 0 0;padding:12px;border:1px solid #82714a;border-radius:7px;background:#30291a;font-size:12px;color:#f3ddb1;line-height:1.6}
.auth-note{margin-top:23px;border-top:1px solid #3d4b4d;padding-top:15px;color:#acbdc5}
.auth-note b{font-size:9px;letter-spacing:.14em;color:#e1c892}
.auth-note p{font-size:11px;line-height:1.6;margin:7px 0 0}
.auth-entitlement{font-size:11px;line-height:1.5;color:#acbdc5;margin:9px 0 0}
.auth-return{display:block;margin:13px auto 0;font-size:12px;color:#edd7a4}
@media(max-width:480px){.auth-panel{padding:24px 20px 18px}.auth-identity{margin-bottom:20px}#signin-title{font-size:26px}}
/* At the 1200px desktop breakpoint, keep every action inside the existing opening. */
@media(min-width:1200px) and (max-width:1279px){
 #results-screen .results-head{margin-bottom:4px}
 #results-screen .results-head h2{font-size:18px;line-height:1.15}
 #results-screen .results-head .supporting{margin-top:3px;line-height:1.3}
 #results-screen .summary-metrics .metric{padding:3px 0}
 #results-screen .summary-metrics .metric dt{line-height:1.1;margin-bottom:2px}
 #results-screen .summary-metrics .metric dd{line-height:1.05}
 #results-screen .outcome-summary{margin-top:4px}
 #results-screen .outcome-summary p{margin-top:3px}
 #results-screen .results-footer{gap:6px;margin-top:5px;padding-top:5px}
}

/* AQ-MOBILE-REFINED-1: the artwork is foreground at every breakpoint. */
#mobile-frame-art{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
@media(max-width:1199px){
 .machine{padding-top:calc(var(--bezel-width)*.215 + 8px);padding-bottom:calc(var(--bezel-width)*.205 + 10px)}
 .aperture{z-index:1;padding:0 16.5% 10px;background:transparent}
 .art-stage,.mobile-base{z-index:5}
 .machine::before,.machine::after{z-index:4}
 .has-mobile-frame #mobile-frame-art{display:block}
 .has-mobile-frame .art-stage,.has-mobile-frame .mobile-base{visibility:hidden}
 .has-mobile-frame::before,.has-mobile-frame::after{display:none}
 .strategy-grid{margin-inline:-10px}
 .strategy-card{padding:18px 16px;min-width:0}
 .strategy-title-row{grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
 .strategy-title-row>strong{white-space:normal;overflow-wrap:normal}
 .strategy-card small{max-width:100%}
 .screen-head,.workflow{margin-left:0;margin-right:0}
 #choose-title{line-height:1.2}
 .steps{gap:4px}
 .steps button{gap:4px}
 .winner-actor{transform-origin:var(--actor-pivot-x,50%) var(--actor-pivot-y,50%)}
}
@media(min-width:801px) and (max-width:1199px){
 .strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(172px,auto)}
}
@media(min-width:601px) and (max-width:800px){
 .strategy-title-row{gap:8px}
 .strategy-symbol{width:40px;height:40px;flex-basis:40px;border-radius:10px}
 .strategy-symbol svg{width:32px;height:32px}
 .strategy-card{padding:16px 14px}
 .strategy-card strong{font-size:clamp(22px,3.3vw,27px)}
 .strategy-card small{font-size:16px}
}
@media(max-width:600px){
 .aperture{padding-left:16.5%;padding-right:16.5%}
 .strategy-card{padding:17px 15px;min-height:138px;gap:11px}
 .strategy-title-row{gap:10px}
 .strategy-symbol{width:40px;height:40px;flex-basis:40px;border-radius:10px}
 .strategy-symbol svg{width:32px;height:32px}
 .strategy-card strong{font-size:clamp(23px,6.5vw,32px);line-height:1.12;letter-spacing:-.02em}
 .strategy-card small{font-size:16px;line-height:1.35}
 .steps button{font-size:9px;gap:4px}
 .steps button b{width:18px;height:18px;font-size:9px}
 .screen-head h2{font-size:23px}
 #choose-screen .supporting{font-size:12px;line-height:1.5}
 .loading-content{padding:6px 7px;min-height:375px}
 .loading-bottom{gap:8px}
 .loading-bottom button{font-size:10px}
 .result-navigation .report-explore{font-size:18px;padding:10px 11px;gap:10px}
 .premium-pair .optimize-cta,.download-cta{font-size:14px;padding:12px 8px}
 .winner-banner p{white-space:normal;font-size:11px;margin-top:10px}
 .winner-hint{font-size:11px}
 .winner-shade{background:radial-gradient(ellipse,#000b 0%,#0008 65%,transparent 100%)}
}
@media(max-width:350px){
 .strategy-card{padding:16px 13px}
 .strategy-title-row{gap:8px;grid-template-columns:32px minmax(0,1fr)}
 .strategy-symbol{width:32px;height:36px;flex-basis:32px}
 .strategy-symbol svg{width:27px;height:27px}
 .strategy-card strong{font-size:23px}
 .strategy-card small{font-size:15px}
 .steps button{font-size:8px;gap:3px}
 .steps button b{width:17px;height:17px}
 .result-navigation #new-test{min-width:105px;font-size:15px}
 .result-navigation #edit-settings{font-size:11px}
 .premium-pair{gap:8px}
}