@font-face{font-family:Museo;src:local("Museo"),local("Museo 700");font-weight:700;font-display:swap}
@font-face{font-family:"Museo Sans";src:local("Museo Sans"),local("MuseoSans");font-display:swap}
:root{--black:#090909;--ink:#171717;--paper:#f4f2ed;--white:#fff;--muted:#767676;--line:#d6d2ca;--accent:#d8ff52;--radius:24px}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Museo Sans",Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
button,input{font:inherit}
button:focus-visible,[tabindex]:focus-visible{outline:3px solid #567000;outline-offset:4px}
.site-header{height:92px;background:var(--black);color:var(--white);padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:20px;color:#fff;text-decoration:none;letter-spacing:.24em;font-size:12px}
.brand img{width:104px;height:auto}.brand span{border-left:1px solid #555;padding-left:20px}
.header-note{font-size:13px;color:#a8a8a8}
.app-shell,.access-page{width:min(1440px,100%);margin:auto;padding:clamp(38px,6vw,88px) clamp(24px,6vw,96px);flex:1;display:flex}
.screen{display:none;width:100%;animation:rise .45s ease}.screen.is-active{display:grid}
#welcome{grid-template-columns:minmax(0,1.05fr) minmax(420px,.8fr);gap:8vw;align-items:center}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:700;display:block;margin-bottom:20px}
h1{font-family:Museo,Arial,sans-serif;font-size:clamp(52px,6vw,92px);line-height:.94;letter-spacing:-.045em;margin:0 0 28px}
.lead{font-size:clamp(18px,1.6vw,23px);line-height:1.5;max-width:620px;margin:0 0 38px;color:#464646}
.button{border:0;border-radius:999px;padding:17px 24px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:34px;transition:.2s transform,.2s background}
.button:hover{transform:translateY(-2px)}.button-primary{background:var(--black);color:#fff}.button-primary span{color:var(--accent);font-size:22px}
.button-secondary{background:#e2dfd7;color:var(--ink)}
.journey-card{background:var(--black);color:#fff;padding:36px;border-radius:var(--radius);position:relative;overflow:hidden}
.journey-card:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border:1px solid #414141;border-radius:50%}
.time-badge{border:1px solid #4a4a4a;border-radius:999px;display:inline-flex;align-items:baseline;gap:8px;padding:9px 17px;color:#aaa}.time-badge strong{font:700 22px Museo;color:var(--accent)}
.journey-card ol{list-style:none;padding:24px 0;margin:0}.journey-card li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid #303030}.journey-card li>span{font-family:Museo;color:var(--accent)}.journey-card li div{display:flex;flex-direction:column;gap:4px}.journey-card small,.journey-card em{color:#999;font-size:12px;font-style:normal}.journey-card>p{color:#bcbcbc;line-height:1.55;font-size:14px;max-width:390px}
.access-page{align-items:center;justify-content:center}.access-card{background:#fff;border-radius:var(--radius);padding:clamp(35px,6vw,70px);max-width:700px}.access-card h1{font-size:clamp(45px,6vw,75px)}.access-card p{font-size:19px;line-height:1.6}.alert{border-left:4px solid var(--black);padding-left:20px}.privacy-note{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);color:#555}.privacy-note span{color:#6b8700;margin-right:8px}
.task-screen{grid-template-rows:auto 1fr}.progress{display:grid;grid-template-columns:180px 1fr 180px;gap:24px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.progress>div{height:3px;background:#d5d1c9}.progress i{display:block;width:5%;height:100%;background:var(--black);transition:width .4s}.progress span:last-child{text-align:right;color:var(--muted)}
.task-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:540px;text-align:center}.task-content h2{font:700 clamp(36px,5vw,66px)/1 Museo;margin:0 0 18px;letter-spacing:-.035em}.task-content>p{font-size:18px;line-height:1.55;max-width:650px;color:#555}
.instruction-icon{width:92px;height:92px;border-radius:50%;background:var(--black);color:var(--accent);display:grid;place-items:center;font:700 38px Museo;margin-bottom:28px}
.focus-stage{width:min(680px,100%);height:340px;border-radius:var(--radius);background:#e8e5df;display:grid;place-items:center;margin:22px;position:relative;overflow:hidden;transition:background .2s}.focus-stage.variation-1{background:#dedbd4}.focus-stage.variation-2{background:linear-gradient(115deg,#e7e4dd 50%,#d9d5cd 50%)}.focus-stage.variation-3{background:#ece9e2}.focus-symbol{width:130px;height:130px;border:14px solid var(--black);display:grid;place-items:center;font:700 48px Museo;position:relative;z-index:2;transition:transform .15s}.variation-1 .focus-symbol{transform:translate(-18px,9px)}.variation-2 .focus-symbol{transform:translate(15px,-12px)}.focus-symbol.target{border-radius:50%;background:var(--accent)}.focus-button{min-width:220px}.visual-noise{position:absolute;color:#c5c0b7;font:700 48px Museo;user-select:none}.noise-a{left:8%;top:12%}.noise-b{right:8%;top:18%}.noise-c{left:15%;bottom:9%;font-size:70px}.focus-distractor{position:absolute;color:#b9b4ab;font:700 15px Museo;letter-spacing:.2em;z-index:1}
.memory-grid{display:grid;grid-template-columns:repeat(3,110px);gap:12px;margin:25px}.memory-item{aspect-ratio:1;border:2px solid var(--black);border-radius:15px;display:grid;place-items:center;background:#fff;font:700 32px Museo;cursor:pointer}.memory-item.selected{background:var(--black);color:var(--accent)}
.priority-list{list-style:none;width:min(720px,100%);padding:0;margin:25px 0;display:grid;gap:10px;text-align:left}.priority-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px;display:flex;align-items:center;gap:16px;cursor:grab;box-shadow:0 3px 0 #dedad2}.priority-item button{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:#ece9e2;cursor:pointer}.priority-item strong{flex:1}.number-item{font-size:22px}
.simulation-note{padding:12px 18px;border-radius:12px;background:#e5e1d8;color:#303030!important}.work-sim{width:min(1100px,100%);text-align:left;padding-top:28px}.sim-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.sim-heading h2{margin:0;text-align:left}.sim-clock{background:var(--black);color:#fff;border-radius:16px;padding:13px 20px;display:flex;flex-direction:column;text-align:center}.sim-clock strong{font:700 25px Museo;color:var(--accent)}.sim-clock span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.sim-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.queue-panel,.inbox-panel{background:#e8e5df;border-radius:20px;padding:22px}.queue-panel>header,.inbox-panel>header{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #c9c5bd}.queue-help{font-size:13px;color:var(--muted)}.live-list{margin:14px 0}.live-list .priority-item{padding:12px 14px}.source-badge{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#d9d5cd;font-style:normal}.source-badge.call{background:var(--accent)}.source-badge.mail{background:#fff;border:1px solid var(--line)}.incoming-list{display:grid;gap:9px;margin-top:14px}.incoming-card{width:100%;border:1px solid transparent;border-radius:12px;background:#f6f4ef;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.incoming-card:disabled{cursor:default;opacity:.62}.incoming-card.is-unread{border-color:#111}.incoming-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.incoming-card strong,.incoming-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incoming-card small{color:var(--muted);margin-top:3px}.incoming-card em{font-size:11px;font-style:normal}.unread-dot{font-weight:700}.empty-state{color:var(--muted);font-size:13px;padding:18px!important}.request-editor{background:#fff;border:2px solid var(--black);border-radius:20px;padding:24px;margin-top:18px}.editor-head{display:flex;gap:15px;align-items:center}.editor-head>div{flex:1}.editor-head .eyebrow{margin:0 0 3px}.editor-head h3{margin:0;font:700 22px Museo}.close-editor{border:0;background:none;font-size:30px;cursor:pointer}.request-editor audio{width:100%;margin:20px 0 12px}.request-editor label{display:grid;gap:7px;font-weight:700;margin:16px 0}.request-editor textarea,.request-editor select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#f8f7f3}.mail-body{background:#f1efe9;border-radius:12px;padding:16px;margin-top:18px}.mail-body p{line-height:1.5;margin-bottom:0}
.wellbeing{display:flex;gap:10px;margin:24px}.wellbeing button{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700}.wellbeing button.selected{background:var(--black);color:var(--accent)}
.result-screen{text-align:center;align-content:center;justify-items:center}.result-screen h1{font-size:clamp(50px,7vw,96px)}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(780px,100%);margin:12px 0 30px}.score-grid div{background:#fff;border-radius:18px;padding:25px 15px;display:flex;flex-direction:column}.score-grid strong{font:700 48px Museo}.score-grid small{color:var(--muted)}.result-note{max-width:620px;color:#555;line-height:1.6}
footer{background:var(--black);color:#777;padding:20px clamp(24px,5vw,80px);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.05em}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
@media(max-width:850px){#welcome{grid-template-columns:1fr}.app-shell{padding-top:45px}.journey-card{margin-top:20px}.progress{grid-template-columns:1fr auto}.progress>div{grid-column:1/-1;grid-row:2}.progress span:last-child{grid-column:2}.task-content{min-height:500px}.header-note{display:none}.sim-grid{grid-template-columns:1fr}.inbox-panel{grid-row:1}.work-sim{padding-top:10px}}
@media(max-width:560px){.site-header{height:75px}.brand img{width:85px}h1{font-size:48px}.journey-card{padding:25px}.journey-card li{grid-template-columns:38px 1fr}.journey-card li em{display:none}.progress span:last-child{display:none}.memory-grid{grid-template-columns:repeat(3,82px)}.score-grid{grid-template-columns:1fr}.score-grid div{flex-direction:row;align-items:baseline;justify-content:space-between}.score-grid strong{font-size:36px}.focus-stage{height:270px;margin-inline:0}footer{gap:14px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}