/* MaybePsy interface refinement — 30.06.2026 */
.immersive{padding-bottom:80px}.immersive-gallery{min-height:680px}.story-image-main{height:520px;top:0}.story-image-secondary{height:350px;bottom:0;transform:translateY(-18px)}
.bento-card-wide{background:radial-gradient(circle at 82% 22%,rgba(183,255,69,.1),transparent 28%),linear-gradient(145deg,#17161d,#0e0e12)}.bento-card-wide h3{font-size:clamp(34px,4vw,58px)}.bento-card-wide p{max-width:650px;font-size:15px}.availability-visual{box-shadow:inset 0 0 60px rgba(183,255,69,.035)}
.comparison-head{gap:40px}.comparison-head>div:first-child{max-width:850px}.comparison-lead{max-width:720px!important;margin:14px 0 0!important;color:#a8a2ad!important;font-size:13px!important;line-height:1.6!important}.comparison-score{padding:19px 21px;border:1px solid rgba(183,255,69,.18);border-radius:18px;background:rgba(183,255,69,.045)}.format-compare-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.format-compare-item{min-height:178px;padding:20px}.format-compare-item h4{font-size:15px}.format-compare-item small{font-size:9px}.format-compare-item b,.format-compare-item>div>span{font-size:11px}.comparison-note{padding:14px 17px;border:1px solid rgba(183,156,255,.14);border-radius:14px;background:rgba(141,92,255,.04)}
.step{grid-template-columns:76px 48px minmax(0,1fr) 38px;min-height:190px}.step-visual{width:62px;height:62px;position:relative;display:grid;place-items:center;border:1px solid rgba(183,255,69,.2);border-radius:20px;background:radial-gradient(circle at 35% 25%,rgba(183,255,69,.18),transparent 55%),#121217;overflow:hidden}.step-visual b{position:relative;z-index:1;color:var(--lime);font:500 24px var(--display)}.step-visual i{width:38px;height:38px;position:absolute;border:1px solid rgba(141,92,255,.28);border-radius:50%;animation:orbitPulse 3.8s ease-in-out infinite}
.article-mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:stretch}.article-mosaic .article-card{grid-column:span 4;min-height:470px;padding:26px}.article-mosaic .article-card-wide{grid-column:span 8}.article-mosaic .article-card-tall{min-height:600px}.article-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .35s}.article-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,10,.08),rgba(7,7,10,.32) 38%,rgba(7,7,10,.96) 82%)}.article-card:hover>img{transform:scale(1.045);opacity:.78}.article-card small{margin-top:48%;align-self:flex-start;padding:7px 9px;border-radius:999px;background:rgba(8,8,11,.62);backdrop-filter:blur(12px)}.article-card h3,.article-card:not(.article-card-featured) h3{min-height:3.2em;margin:18px 0 12px;display:flex;align-items:flex-end;color:#fff;font-size:clamp(25px,2vw,34px)}.article-card p{min-height:3.1em;margin-bottom:20px;color:#c3bec8}.article-card b{margin-top:auto}.articles-action{margin-top:34px;display:flex;justify-content:center}
.back-to-top{width:52px;height:52px;position:fixed;right:22px;bottom:22px;z-index:45;display:grid;place-items:center;border:1px solid rgba(183,255,69,.28);border-radius:18px;color:#101014;background:var(--lime);box-shadow:0 15px 45px rgba(0,0,0,.35),0 0 28px rgba(183,255,69,.16);font-size:22px;transition:.25s}.back-to-top:hover{transform:translateY(-5px)}body.dashboard-active>.back-to-top{display:none}
.article-page{--ink:#f5f2f7;--text:#f5f2f7;--muted:#a9a3ae;background:radial-gradient(circle at 78% 0,rgba(141,92,255,.12),transparent 28%),#0b0b0f;color:#f5f2f7}.article-page h1,.article-page h2,.article-page h3,.article-page strong,.article-page b{color:#f5f2f7}.article-page .article-hero>p,.article-page .article-body p,.article-page .article-body li{color:#c9c4ce}.article-cover{height:min(52vw,520px);margin:28px 0 34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:#121217;box-shadow:0 35px 100px rgba(0,0,0,.4)}.article-cover img{width:100%;height:100%;object-fit:cover}.article-cta{color:#fff}.article-cta p{color:#d0cad7!important}.knowledge-head h1{margin:18px 0 0;font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-.055em}.knowledge-head h1 em{color:var(--lime);font-family:Georgia,serif;font-weight:400}.article-index{z-index:1}
.mobile-more-menu{display:contents}.mobile-more-toggle{display:none!important}.dashboard-view{height:100dvh}.dash-main{height:100dvh;overscroll-behavior-y:contain}.dash-header{top:0;padding-top:0;background:linear-gradient(180deg,rgba(9,9,11,.98),rgba(9,9,11,.92) 72%,rgba(9,9,11,0));backdrop-filter:blur(16px)}.dash-panel{min-height:calc(100dvh - 110px)}.agent-orb{z-index:0;pointer-events:none}.agent-card-copy,.last-dialog{position:relative;z-index:2}
.start-route-card{width:100%;margin:0 0 18px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(183,255,69,.28);border-radius:22px;color:var(--ink);text-align:left;background:linear-gradient(110deg,rgba(183,255,69,.11),rgba(141,92,255,.08));cursor:pointer}.start-route-card::after{content:"";width:110px;height:250%;position:absolute;left:-160px;top:-80%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:assessmentShine 4.7s infinite}.start-route-card>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(183,255,69,.3);border-radius:17px;color:var(--lime)}.start-route-card small,.start-route-card strong,.start-route-card p{display:block}.start-route-card small{color:var(--lime);font-size:8px;letter-spacing:.15em}.start-route-card strong{margin:5px 0;font-size:20px}.start-route-card p{margin:0;color:var(--muted);font-size:10px}.start-route-card>b{font-size:10px}.start-route-card.completed{border-color:var(--line);background:rgba(255,255,255,.025)}.start-route-card.completed::after{display:none}
.dash-nav button.needs-attention{position:relative;border-color:rgba(183,255,69,.28);background:rgba(183,255,69,.065)}.dash-nav button.needs-attention::after{content:"";width:7px;height:7px;position:absolute;right:12px;top:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(183,255,69,.08),0 0 16px var(--lime);animation:statusPulse 1.8s infinite}.deep-answer-scale input{width:1px!important;height:1px!important;position:absolute!important;clip-path:inset(50%);overflow:hidden}
.deep-assessment-app{overflow:visible}.deep-assessment-intro{min-height:430px;grid-template-columns:.7fr 1.3fr}.deep-intro-index{min-height:270px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(183,255,69,.16);border-radius:26px;background:radial-gradient(circle at 50% 10%,rgba(183,255,69,.14),transparent 42%),rgba(255,255,255,.018)}.deep-intro-index span{color:var(--lime);font:500 96px/.8 var(--display)}.deep-intro-index small{margin:16px 0 6px;color:#fff;font-size:15px}.deep-intro-index i{color:var(--muted);font-size:10px;font-style:normal}.deep-assessment-wizard{overflow-anchor:none}.deep-question{padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.026),rgba(141,92,255,.025))}.deep-question legend{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;color:var(--ink);font-size:19px;line-height:1.45}.deep-question legend span{width:52px;height:42px;display:grid;place-items:center;border:1px solid rgba(183,255,69,.22);border-radius:13px;color:var(--lime);background:rgba(183,255,69,.045);font-size:12px}.deep-answer-scale{gap:10px;margin-top:26px;padding-left:68px}.deep-answer-scale label span{height:50px;font-size:14px}.deep-answer-labels{padding-left:68px;color:#9a949f;font-size:11px}.deep-answer-scale label:hover span{transform:translateY(-3px);border-color:rgba(183,255,69,.34)}
.photo-checkin{margin-top:18px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid rgba(141,92,255,.2);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(141,92,255,.14),transparent 35%),#111116}.photo-checkin-copy>span{color:var(--lime);font-size:8px;letter-spacing:.15em}.photo-checkin h3{margin:10px 0;font-size:30px}.photo-checkin p{color:var(--muted);font-size:11px;line-height:1.7}.photo-checkin-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.photo-checkin-tags b{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#958f9a;font-size:8px}.photo-checkin form{display:grid;gap:12px}.photo-drop{min-height:155px;padding:20px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed rgba(183,255,69,.28);border-radius:20px;text-align:center;background:rgba(183,255,69,.035);cursor:pointer}.photo-drop input{position:absolute;opacity:0}.photo-drop>span{font-size:28px;color:var(--lime)}.photo-drop strong{font-size:13px}.photo-drop small{color:var(--muted);font-size:9px}.photo-consent{display:grid;grid-template-columns:auto 1fr;gap:9px;color:var(--muted);font-size:9px;line-height:1.5}.photo-consent input{accent-color:var(--lime)}.photo-result{grid-column:1/-1;padding:20px;border:1px solid rgba(183,255,69,.18);border-radius:18px;background:rgba(183,255,69,.035)}.photo-result-head{display:flex;justify-content:space-between;align-items:center}.photo-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.photo-result-grid span{padding:13px;border:1px solid var(--line);border-radius:13px}.photo-result-grid small,.photo-result-grid strong{display:block}.photo-result-grid small{color:var(--muted);font-size:8px}.photo-result-grid strong{margin-top:5px;font-size:18px}.photo-result button{border:0;color:#a59faa;background:transparent;cursor:pointer;font-size:9px}
.help-widget{position:fixed;right:22px;bottom:22px;z-index:95}.help-widget-trigger{min-width:188px;padding:11px 14px;display:flex;align-items:center;gap:11px;border:1px solid rgba(183,255,69,.22);border-radius:18px;color:#fff;text-align:left;background:rgba(18,18,23,.9);backdrop-filter:blur(20px);box-shadow:0 18px 55px rgba(0,0,0,.36);cursor:pointer}.help-widget-trigger>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:#111;background:var(--lime);font-weight:800}.help-widget-trigger strong,.help-widget-trigger small{display:block}.help-widget-trigger strong{font-size:11px}.help-widget-trigger small{margin-top:3px;color:#85808a;font-size:8px}.help-widget-panel{width:min(360px,calc(100vw - 28px));position:absolute;right:0;bottom:68px;padding:22px;border:1px solid rgba(141,92,255,.23);border-radius:24px;color:#fff;background:radial-gradient(circle at 90% 0,rgba(141,92,255,.16),transparent 35%),rgba(15,15,20,.98);box-shadow:0 30px 90px rgba(0,0,0,.56)}.help-widget-panel header{display:flex;justify-content:space-between}.help-widget-panel header small{color:var(--lime);font-size:8px;letter-spacing:.14em}.help-widget-panel h3{margin:6px 0;font-size:25px}.help-widget-panel header button{border:0;color:#aaa;background:transparent;font-size:24px}.help-widget-panel ol{margin:18px 0;padding:0;display:grid;gap:9px;list-style:none}.help-widget-panel li{padding:12px;display:grid;grid-template-columns:30px 1fr;gap:10px;border:1px solid var(--line);border-radius:14px}.help-widget-panel li>span{color:var(--lime);font-size:9px}.help-widget-panel li strong{font-size:10px}.help-widget-panel li p{margin:4px 0 0;color:#8f8994;font-size:8px}.help-widget-panel>.button{width:100%}
.nps-scale span{height:48px;border-radius:12px;font-size:13px;transition:transform .2s,border-color .2s,background .2s}.nps-scale label:hover span{transform:scale(1.13);border-color:rgba(183,255,69,.4)}.nps-scale label:has(~label input:checked) span,.nps-scale label:has(input:checked) span{color:#111;border-color:var(--lime);background:var(--lime);box-shadow:0 9px 24px rgba(183,255,69,.16)}.nps-labels{font-size:10px}
html[data-platform-theme="light"] .dashboard-view{--ink:#27222b;--muted:#6d6572;--panel:#f2eef3;--line:rgba(50,38,56,.14);background:radial-gradient(circle at 88% 2%,rgba(104,60,185,.2),transparent 30%),radial-gradient(circle at 10% 88%,rgba(104,151,29,.12),transparent 32%),#e9e4eb}html[data-platform-theme="light"] .dash-sidebar{background:rgba(232,227,235,.9)}html[data-platform-theme="light"] .dash-header{background:linear-gradient(180deg,rgba(233,228,235,.98),rgba(233,228,235,.88) 72%,transparent)}html[data-platform-theme="light"] .button-accent{color:#172006;background:#8fc733}html[data-platform-theme="light"] .agent-status,html[data-platform-theme="light"] .deep-assessment-promo small,html[data-platform-theme="light"] .start-route-card small{color:#527b12}html[data-platform-theme="light"] .deep-answer-scale input:checked+span{color:#132000;background:#8fc733}
@media(max-width:1100px){.article-mosaic .article-card,.article-mosaic .article-card-wide{grid-column:span 6}.format-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-head{flex-direction:column}.comparison-score{align-self:stretch}.immersive-gallery{min-height:650px}}
@media(max-width:800px){body.dashboard-active{padding-bottom:88px}.dashboard-view,.sidebar-collapsed .dashboard-view{height:calc(100dvh - 88px)}.dash-main{height:calc(100dvh - 88px);padding-bottom:110px}.dash-sidebar,.sidebar-collapsed .dash-sidebar{height:76px;min-height:76px;left:10px;right:10px;bottom:10px;width:auto;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(14,14,18,.88);box-shadow:0 20px 55px rgba(0,0,0,.42);overflow:visible}.dash-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible}.dash-nav>.mobile-primary,.dash-nav>.mobile-more-toggle{width:auto;min-width:0;height:60px;display:flex!important;border-radius:17px}.dash-nav button.active{color:#111;background:var(--lime)}.dash-nav button.active span{color:#111}.mobile-more-toggle{font-size:7px!important}.mobile-more-menu{position:fixed;left:12px;right:12px;bottom:98px;padding:8px;display:none;grid-template-columns:repeat(2,1fr);gap:6px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(15,15,20,.97);backdrop-filter:blur(24px);box-shadow:0 25px 70px rgba(0,0,0,.5)}.dash-nav.more-open .mobile-more-menu{display:grid}.mobile-more-menu .mobile-secondary{height:58px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;padding:9px 13px!important;font-size:9px!important}.mobile-more-menu .mobile-secondary span{width:30px!important;font-size:17px!important}.help-widget{right:14px;bottom:100px}.help-widget-trigger{min-width:48px;width:48px;height:48px;padding:6px;border-radius:16px}.help-widget-trigger>div{display:none}.help-widget-panel{bottom:58px}.article-mosaic{display:grid;grid-template-columns:1fr}.article-mosaic .article-card,.article-mosaic .article-card-wide{grid-column:auto;min-height:430px}.article-mosaic .article-card-tall{min-height:480px}.story-image-main{width:92%;height:400px}.story-image-secondary{width:68%;height:270px;top:310px;bottom:auto}.immersive-gallery{min-height:570px}.step{grid-template-columns:62px 1fr 30px;gap:14px;padding:20px 0}.step-visual{width:54px;height:54px;grid-row:1/3}.step>span{display:none}.step>i{grid-column:3;grid-row:1/3}.deep-assessment-intro{grid-template-columns:1fr;min-height:0;padding:22px}.deep-intro-index{min-height:170px}.deep-intro-index span{font-size:70px}.deep-question{padding:20px 16px}.deep-question legend{grid-template-columns:44px 1fr;font-size:17px}.deep-question legend span{width:44px;height:38px}.deep-answer-scale,.deep-answer-labels{padding-left:0}.deep-answer-labels{font-size:10px}.photo-checkin{grid-template-columns:1fr;padding:22px}.photo-result-grid{grid-template-columns:1fr}.start-route-card{grid-template-columns:auto 1fr}.start-route-card>b{grid-column:2}.agent-orb{z-index:0!important;opacity:.32!important}.nps-scale{grid-template-columns:repeat(6,1fr);gap:7px}.back-to-top{right:14px;bottom:14px}}
@media(max-width:520px){.article-card h3,.article-card:not(.article-card-featured) h3{min-height:0;font-size:27px}.article-card p{min-height:0}.article-cover{height:250px;border-radius:22px}.article-hero h1{font-size:42px}.comparison-head h3{font-size:32px}.format-compare-grid{grid-template-columns:1fr}.format-compare-item{min-height:155px}.story-image-secondary{width:72%;left:4%;top:300px}.immersive-gallery{min-height:540px}.deep-assessment-wizard>header{align-items:flex-start}.deep-assessment-wizard h3{font-size:29px}.deep-answer-scale{gap:5px}.deep-answer-scale label span{height:46px}.start-route-card{padding:16px;gap:12px}.start-route-card>span{width:44px;height:44px}.start-route-card p{font-size:9px}.photo-checkin{padding:18px}.help-widget-panel{position:fixed;left:14px;right:14px;bottom:90px;width:auto}}
