/* QuantaPhi Design Lab · editorial/industrial 3D UI. System fonts only. */
:root{font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#202321;background:#f5f2eb;--paper:#f5f2eb;--ink:#202321;--accent:#bf5036;--metal:#ac8963;--line:#ded8cb;--quiet:#756d64}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e07845;outline-offset:3px}
.lab-top{height:76px;padding:0 clamp(16px,4vw,60px);display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f5ee}.lab-logo{text-decoration:none;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.24em;font-weight:950;white-space:nowrap}.lab-logo>span:first-child{font:800 34px/.9 Georgia,serif;letter-spacing:-.12em}.lab-phi{color:var(--accent)}.lab-top nav{display:flex;gap:clamp(14px,2.5vw,36px)}.lab-top nav a{text-decoration:none;font-size:12px;font-weight:750;color:#53534b}.lab-top nav a:hover{color:var(--accent)}.lab-status{font-size:10px;letter-spacing:.11em;font-weight:850;color:#4c574a;white-space:nowrap;display:flex;align-items:center;gap:8px}.lab-status i{width:8px;height:8px;background:#65a584;border-radius:50%;box-shadow:0 0 0 4px #65a58422}
.lab-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:590px;max-width:1500px;margin:auto;padding:64px clamp(18px,6vw,100px) 58px;align-items:center;gap:14px}.lab-copy{z-index:2}.lab-eyebrow,.lab-kicker{font-size:10px;letter-spacing:.19em;font-weight:950;color:var(--accent)}.lab-eyebrow{display:flex;align-items:center;gap:10px}.lab-eyeline{width:28px;height:1px;background:var(--accent)}.lab-copy h1{font:650 clamp(43px,4.7vw,78px)/1.045 Georgia,"Times New Roman",serif;letter-spacing:-.063em;max-width:680px;margin:30px 0 24px}.lab-copy h1 em{color:var(--accent);font-weight:500;font-style:italic}.lab-intro{max-width:520px;color:#5c5750;font-size:clamp(15px,1.3vw,18px);line-height:1.7}.lab-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 31px}.lab-hero-tags span{padding:7px 11px;border:1px solid #d9cfc3;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.015em;background:#fff9}.lab-jump{display:inline-flex;align-items:center;gap:24px;padding:13px 18px;background:var(--ink);color:#fff;text-decoration:none;border-radius:100px;font-size:13px;font-weight:800;transition:transform .2s}.lab-jump:hover{transform:translateY(-2px)}.lab-jump span{font-size:19px}
.lab-sculpture{align-self:stretch;min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1050px;position:relative;isolation:isolate}.lab-sculpture:before{content:"";position:absolute;width:min(80%,560px);aspect-ratio:1;filter:blur(54px);opacity:.75;border-radius:50%;background:radial-gradient(circle,#d8b49970,transparent 65%);z-index:-1}.lab-scene{--rx:14deg;--ry:-17deg;width:min(100%,490px);height:min(76vw,460px);min-height:325px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .22s ease-out;display:grid;place-items:center}.lab-disc{position:absolute;inset:9%;border-radius:50%;transform-style:preserve-3d;pointer-events:none}.lab-disc--outer{border:2px solid #cfbba6;box-shadow:0 0 0 16px #ffffff74,0 0 0 17px #c8b5a05c,inset 0 0 0 9px #e1d5c6b0,inset 0 0 0 10px #a78e7233,0 22px 40px #3a211626;transform:translateZ(-10px)}.lab-disc--middle{inset:20%;background:linear-gradient(145deg,#f7f4eb,#d4c3af);border:2px solid #b59d84;box-shadow:inset 0 0 0 7px #ffffff83,inset 0 0 0 8px #997d6230,0 0 0 24px #ffffff2a,0 18px 34px #8c6f4c38;transform:translateZ(38px)}.lab-disc--inner{inset:32%;border:2px solid #d5bea4;box-shadow:0 0 0 9px #f8e9d5dd,0 0 0 10px #b6a38c,0 18px 27px #65462938;transform:translateZ(68px)}.lab-orbit{position:absolute;inset:3%;border-radius:50%;border:1px dashed #beaa93bb;transform-style:preserve-3d;pointer-events:none;animation:labSpin 42s linear infinite}.lab-orbit--b{inset:17%;transform:translateZ(74px) rotate(22deg);animation-direction:reverse;animation-duration:31s;border-color:#b58c74aa}.lab-node{position:absolute;width:13px;height:13px;border-radius:50%;background:linear-gradient(130deg,#fff7eb,#be694d);border:2px solid #fff9ed;box-shadow:0 0 0 5px #b64a3430,0 3px 13px #5b26182b}.lab-orbit .lab-node:nth-child(1){top:-7px;left:50%}.lab-orbit .lab-node:nth-child(2){top:50%;right:-7px}.lab-orbit .lab-node:nth-child(3){bottom:-7px;left:50%}.lab-orbit .lab-node:nth-child(4){top:50%;left:-7px}@keyframes labSpin{to{rotate:360deg}}.lab-reactor{position:relative;z-index:2;transform:translateZ(112px);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffe5bc;color:#fff;width:clamp(126px,13vw,172px);height:clamp(126px,13vw,172px);border-radius:50%;background:radial-gradient(circle at 28% 23%,#e99674,#b8432f 51%,#6d281f 100%);box-shadow:inset 0 6px 14px #ffffff85,inset 0 -13px 17px #571d18b8,0 0 0 6px #fce9d5,0 0 0 8px #ad8260,0 20px 20px #7a322e6b,0 34px 48px #a5725652;transition:transform .18s,box-shadow .18s}.lab-reactor:hover{transform:translateZ(120px) scale(1.03)}.lab-reactor:active{transform:translateZ(104px) scale(.97)}.lab-reactor-icon{font:400 43px/1 system-ui;margin-bottom:4px}.lab-reactor strong{font-size:16px;letter-spacing:.14em}.lab-reactor small{font-size:9px;letter-spacing:.2em;opacity:.8;margin-top:2px}.lab-float{position:absolute;z-index:3;font-size:9px;letter-spacing:.15em;font-weight:900;color:#786657;background:#fffdf7;border:1px solid #dccfbb;border-radius:5px;padding:7px 10px;box-shadow:0 6px 15px #826b5331}.lab-float--left{top:21%;left:2%;transform:translateZ(70px)}.lab-float--right{bottom:16%;right:2%;transform:translateZ(70px)}.lab-sculpture-caption{margin:12px 0 0;color:#746b62;text-align:center;font-size:11px}.lab-sculpture-caption span{color:var(--accent)}body.is-running .lab-disc--middle{box-shadow:0 0 0 24px #bf503626,inset 0 0 0 7px #fff,inset 0 0 0 8px #997d6230,0 18px 34px #8c6f4c38}body.is-running .lab-orbit{animation-duration:8s}
.lab-workbench{padding:72px clamp(18px,6vw,100px) 76px;background:#ebe8e1;border-top:1px solid #ddd3c4;border-bottom:1px solid #d5cabe}.lab-heading{display:flex;gap:22px;justify-content:space-between;align-items:end;max-width:1370px;margin:0 auto 34px}.lab-heading h2{font:650 clamp(32px,4vw,52px)/1.08 Georgia,serif;letter-spacing:-.054em;margin:7px 0 0}.lab-heading h2 span{font:600 15px system-ui;vertical-align:top;color:var(--accent);letter-spacing:0}.lab-heading>p{font-size:13px;color:#6f6860;max-width:360px;margin:0}.lab-workgrid{max-width:1370px;margin:auto;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:19px;align-items:stretch}.lab-console{background:#fbfaf7;border:1px solid #d8cec0;border-radius:22px;padding:clamp(19px,3vw,36px);box-shadow:0 16px 40px #423e3420}.lab-field-label,.lab-control-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:850;color:#34312f}.lab-field-label>span,.lab-control-title>span{font-size:10px;color:var(--accent);letter-spacing:.1em}.lab-query-wrap{display:flex;margin:14px 0 7px;border:1px solid #a9a196;background:#fff;border-radius:15px;padding:5px;align-items:center;gap:4px}.lab-query-wrap input{width:100%;min-width:0;border:0;background:none;padding:12px;outline:0;color:#22211f}.lab-query-wrap input:focus-visible{outline:2px solid #b7543f;border-radius:10px}.lab-query-wrap button{border:0;background:#252724;color:#fff;white-space:nowrap;font-size:10px;font-weight:950;letter-spacing:.04em;border-radius:11px;padding:13px}.lab-reason{min-height:32px;font-size:12px;color:#795b4c;margin:11px 0 23px;line-height:1.5}.lab-control-title{margin:0 0 14px}.lab-control-title small{margin-left:auto;font-size:10px;font-weight:500;color:#8a827b}.lab-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-lane{border:1px solid #d7cfc4;background:#f3efe9;border-radius:14px;padding:13px;text-align:left;display:grid;grid-template-columns:37px minmax(0,1fr);gap:9px;align-items:center;position:relative;min-height:83px;color:#453f39;transition:background .2s,border-color .2s,transform .2s}.lab-lane:hover{transform:translateY(-2px)}.lab-lane[aria-pressed="true"]{background:#f1e3d9;border-color:#b25b43;box-shadow:inset 0 0 0 1px #b25b43}.lab-lane-ic{display:grid;place-items:center;border:1px solid #d2bfb0;width:35px;height:35px;border-radius:12px;background:#fffaf5;font-size:25px;color:#b34b34}.lab-lane-title{font-weight:900;font-size:13px;display:flex;justify-content:space-between;align-items:center}.lab-lane-count{color:#83766d;font-size:10px}.lab-lane-desc{font-size:10px;color:#756e64;line-height:1.25;margin-top:3px}.lab-bottom-controls{display:flex;align-items:end;gap:16px;justify-content:space-between;margin-top:28px}.lab-bottom-controls>label{font-size:10px;color:var(--accent);font-weight:850;display:grid;gap:6px}.lab-bottom-controls label strong{color:#282824;font-size:13px}.lab-bottom-controls select{border:1px solid #d1c6b9;padding:12px;background:#fff;border-radius:12px;color:#272522;max-width:220px;width:100%}.lab-button-stack{display:flex;gap:8px;align-items:center}.lab-main-power{padding:14px 16px;min-height:50px;border:0;border-radius:13px;color:#fff;background:linear-gradient(120deg,#b94b34,#853328);font-size:11px;font-weight:950;letter-spacing:.025em;box-shadow:0 6px 15px #9a4e373d}.lab-main-power span{font-size:18px;vertical-align:middle;margin-right:4px}.lab-stop{border:1px solid #c9c1b8;border-radius:12px;background:#fff;padding:13px;min-height:50px;font-size:12px;font-weight:800}.lab-disclosure{font-size:11px;color:#797269;line-height:1.55;margin:18px 0 0}
.lab-dashboard{background:#232824;color:#f9f3e9;border:1px solid #252d29;border-radius:22px;padding:clamp(18px,2.7vw,31px);display:flex;flex-direction:column;box-shadow:0 14px 32px #393f3628}.lab-readout-top,.lab-map-header{display:flex;justify-content:space-between;gap:9px;font-size:10px;letter-spacing:.12em;font-weight:900;color:#adafa6}.lab-readout-top span:last-child{color:#d8a68d}.lab-digits{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.lab-digits>div{display:flex;flex-direction:column}.lab-digits strong{font:600 clamp(43px,5vw,69px)/.97 Georgia,serif;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.lab-digits span{font-size:11px;color:#b2b8ac;margin-top:8px}.lab-progress{height:7px;background:#454f45;border-radius:30px;overflow:hidden}.lab-progress>div{height:100%;width:0%;background:linear-gradient(90deg,#c56645,#f1bf86);transition:width .25s}.lab-status-text{font-size:12px;min-height:42px;color:#dadbd1;line-height:1.55;margin:13px 0 25px}.lab-map-header{border-top:1px solid #50564f;padding:18px 0 12px}.lab-log{max-height:270px;overflow:auto;scrollbar-color:#686b62 #232824;padding-right:5px}.lab-log-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #444b44;padding:9px 0;font-size:12px;color:#e4e5dd}.lab-log-row strong{font-size:10px;font-weight:800;color:#d6cabf}.lab-log-dot{width:7px;height:7px;background:#6e8977;border-radius:50%}.lab-log-row[data-status="error"] .lab-log-dot{background:#d07d67}.lab-log-row[data-status="matched"] .lab-log-dot{background:#9ace9b}.lab-empty{font-size:12px;color:#b4bcaf;line-height:1.65}
.lab-results,.lab-blueprint{max-width:1500px;padding:74px clamp(18px,6vw,100px);margin:auto}.lab-outline{border:1px solid #cbb9a8;background:transparent;color:#753d2e;border-radius:50px;font-size:12px;font-weight:800;padding:11px 15px}.lab-result-note{max-width:840px;font-size:12px;color:#756d64;line-height:1.6;margin:-15px 0 25px}.lab-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lab-result{padding:19px;background:#fff;border:1px solid #ded5c8;border-radius:15px;min-width:0;box-shadow:0 8px 20px #473a2920}.lab-result small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#b05a41}.lab-result a{display:block;color:#222926;text-decoration:none;font:700 16px/1.25 Georgia,serif;margin:10px 0;overflow-wrap:anywhere}.lab-result a:hover{text-decoration:underline}.lab-result p{margin:0;font-size:12px;color:#69625a;line-height:1.55}.lab-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lab-principles article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fffcf7}.lab-principles article>span,.lab-roadmap span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--accent)}.lab-principles h3{font:600 24px Georgia,serif;letter-spacing:-.04em;margin:30px 0 10px}.lab-principles p{font-size:13px;color:#655c55;line-height:1.7;margin:0}.lab-roadmap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;border:1px solid #d8c8ba;border-radius:18px;background:linear-gradient(120deg,#f1e3d5,#fbf7f1);margin-top:18px}.lab-roadmap strong{display:block;font:600 30px Georgia,serif;letter-spacing:-.04em;margin:10px 0}.lab-roadmap p{margin:0;max-width:790px;font-size:12px;color:#675b51}.lab-future{border:1px solid #bb907b;border-radius:50px;padding:9px 12px;white-space:nowrap}.lab-footer{border-top:1px solid var(--line);padding:25px clamp(18px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#82766c;font-size:10px;font-weight:900;letter-spacing:.08em}.lab-footer a{text-decoration:none;color:#bf5036}
@media(max-width:980px){.lab-hero{grid-template-columns:1fr;min-height:0;gap:0;padding-top:60px}.lab-sculpture{min-height:380px}.lab-scene{height:380px;width:390px}.lab-workgrid{grid-template-columns:1fr}.lab-dashboard{min-height:330px}.lab-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-lane{min-height:72px}}
@media(max-width:620px){.lab-top{height:64px;padding:0 17px}.lab-top nav{gap:12px}.lab-top nav a{font-size:10px}.lab-top nav a:nth-child(2){display:none}.lab-status{display:none}.lab-logo>span:last-child{display:none}.lab-hero{padding:43px 20px 33px}.lab-copy h1{font-size:clamp(42px,11vw,63px);margin:22px 0}.lab-intro{font-size:14px}.lab-sculpture{min-height:340px}.lab-scene{height:320px;min-height:320px;width:100%;max-width:360px}.lab-reactor{width:126px;height:126px}.lab-reactor-icon{font-size:37px}.lab-float{font-size:8px}.lab-sculpture-caption{font-size:10px}.lab-heading{display:block}.lab-heading>p{margin-top:10px}.lab-workbench,.lab-results,.lab-blueprint{padding:47px 16px}.lab-console{padding:17px}.lab-control-title{flex-wrap:wrap}.lab-control-title small{flex-basis:100%;margin-left:24px}.lab-lanes{gap:8px}.lab-lane{grid-template-columns:29px 1fr;padding:10px 7px;gap:6px}.lab-lane-ic{width:27px;height:29px;font-size:18px}.lab-lane-title{font-size:12px}.lab-lane-desc{font-size:9px}.lab-bottom-controls{display:block}.lab-button-stack{margin-top:16px}.lab-main-power{flex:1}.lab-disclosure{font-size:10px}.lab-result-grid{grid-template-columns:1fr}.lab-principles{grid-template-columns:1fr}.lab-principles h3{margin:12px 0 6px}.lab-roadmap{display:block}.lab-future{display:inline-block;margin-top:17px}.lab-footer{flex-wrap:wrap;font-size:9px}.lab-query-wrap button{font-size:9px;padding:12px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lab-orbit{animation:none}.lab-scene,.lab-jump,.lab-reactor,.lab-lane,.lab-progress>div{transition:none}}

/* Power Chain component 002: compact, readable allocation at Android widths. */
.lab-bulk{max-width:1500px;margin:auto;padding:72px clamp(18px,6vw,100px);background:#f8fafc}
.bulk-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:#fff;border:1px solid #cddbe6;border-radius:20px;padding:20px}
.bulk-form label{display:grid;gap:7px;color:#26435c;font-size:12px;font-weight:800;min-width:0}
.bulk-form input,.bulk-form select{width:100%;min-width:0;border:1px solid #a7bacd;border-radius:10px;background:#fff;padding:11px;color:#182d42}
.bulk-form button{grid-column:1/-1;justify-self:start;border:0;border-radius:12px;background:#1263a3;color:#fff;font-weight:850;padding:12px 19px}
#bulkAllocationStatus{color:#244c6a;font-size:13px;font-weight:750;margin:17px 0}
.bulk-summary{color:#283b4b;font-weight:700;font-size:13px;line-height:1.6}
.bulk-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #c9d8e5;border-radius:13px;background:#fff}
.bulk-table{width:100%;border-collapse:collapse;min-width:510px;text-align:right;font-variant-numeric:tabular-nums}
.bulk-table caption{text-align:left;padding:11px 14px;font-size:11px;color:#47617a}
.bulk-table th,.bulk-table td{padding:10px 13px;border-top:1px solid #dbe6ef;font-size:12px;white-space:nowrap}
.bulk-table th{background:#eef5fa;color:#274e6b}
.bulk-table th:first-child,.bulk-table td:first-child{text-align:left}
.bulk-disclosure{font-size:11px;line-height:1.6;color:#5a6d7b;margin:12px 0 0}
@media(max-width:620px){.lab-bulk{padding:47px 16px}.bulk-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;gap:9px}.bulk-form button{width:100%;justify-self:stretch}.bulk-table th,.bulk-table td{padding:9px 11px}}
@media(max-width:360px){.bulk-form{grid-template-columns:1fr}}


/* Power Chain component 003 · research intent before any merchant purchase. */
.lab-cooperative{max-width:1500px;margin:auto;padding:72px clamp(18px,6vw,100px);background:#f3f6f7}
.co-op-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;border:1px solid #cdd9df;background:white;border-radius:18px}
.co-op-form label{display:grid;gap:7px;min-width:0;font:750 12px/1.5 system-ui,sans-serif;color:#29495d}
.co-op-form input,.co-op-form select{box-sizing:border-box;width:100%;min-height:45px;min-width:0;border:1px solid #afbfc9;border-radius:10px;padding:10px;color:#213844;background:white;font:500 15px/1.4 system-ui,sans-serif}
.co-op-form button,.co-op-advance{min-height:46px;border:1px solid #406c88;border-radius:11px;background:#e7f1f5;color:#234d65;padding:11px 15px;font:750 13px/1.4 system-ui,sans-serif;cursor:pointer}
.co-op-form button{grid-column:1/-1;justify-self:start}
.co-op-advance:disabled{opacity:.55;cursor:default}
.co-op-intro,.co-op-warning{font:450 12px/1.6 system-ui,sans-serif;color:#4b5a62}
#cooperativeStatus{font:700 13px/1.5 system-ui,sans-serif;color:#29516a}
.co-op-output{background:white;border:1px solid #d5dfe5;border-radius:13px;min-height:70px;padding:12px 17px;margin:14px 0}
.co-op-lead{font:800 15px/1.5 system-ui,sans-serif;color:#283a42;margin:4px 0}
.co-op-steps{padding-left:24px;color:#344950;font:500 13px/1.65 system-ui,sans-serif}
.co-op-steps li{padding:3px 0}
.co-op-form input:focus-visible,.co-op-form select:focus-visible,.co-op-form button:focus-visible,.co-op-advance:focus-visible{outline:3px solid #236c99;outline-offset:2px}
@media(max-width:620px){.lab-cooperative{padding:47px 16px}.co-op-form{padding:13px;gap:9px}}
@media(max-width:360px){.co-op-form{grid-template-columns:1fr}.co-op-form button{width:100%}}

/* 2026-11-01 Android regression: the bulk allocator is intentionally
 * horizontally scrollable inside its own wrapper, but decorative 3-D
 * orbit transforms must not widen the entire document by 8-9 pixels. */
@media(max-width:620px){
 html,body{max-width:100%;overflow-x:clip}
 .bulk-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .lab-hero{overflow-x:clip}
}