.traffic-console{--event-color:#c7a5f5;text-align:left;border:1px solid #303640;border-radius:14px;background:#0d1015;overflow:hidden;box-shadow:0 25px 70px -45px #8ab8ff35}
.console-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #ffffff0e;padding:17px 22px;color:#a0a5af;font:11px var(--mono)}
.console-dots{color:#586170;letter-spacing:3px;margin-right:14px;font-size:9px}
.demo-badge{font-size:10px;letter-spacing:.08em;border:1px solid #39414d;border-radius:4px;padding:4px 7px;color:#b9c2cf}
.console-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px}
.console-main{padding:25px 26px;min-width:0;font:12px/1.8 var(--mono);height:320px;overflow:hidden}
.console-command{color:#7b8594;margin-bottom:25px}.console-command>span{color:#dbe2ec}
.console-log{height:205px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;overflow:hidden}
.terminal-row{display:grid;grid-template-columns:22px 1fr;column-gap:12px;font:inherit;line-height:1.55;color:#c2c8d2}
.terminal-number{color:#515c6d;grid-row:span 2}
.terminal-channel{font-size:11px}.terminal-message{overflow-wrap:anywhere;min-height:19px}
.console-prompt{color:#83d6c7;margin-top:10px;display:flex;align-items:center;gap:10px}
.console-cursor{height:13px;width:7px;background:#aebdd0;animation:terminal-caret 1.2s steps(2,end) infinite}
@keyframes terminal-caret{50%{opacity:0}}
.payout-preview{border-left:1px solid #ffffff12;padding:25px 24px;background:radial-gradient(ellipse at 100% 0,#8ab8ff0c,transparent 80%);display:flex;flex-direction:column;justify-content:center}
.payout-top{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#8c98aa;margin-bottom:30px}
.payout-top .icon{color:var(--event-color)}
.payout-status{color:var(--event-color);font:11px var(--mono)}
.payout-amount{font:500 46px/1.4 var(--font);letter-spacing:-2px;color:#f1f3f7;font-variant-numeric:tabular-nums}
.payout-source{font:12px var(--mono);color:#bcc5d4;min-height:20px}
.payout-route{display:flex;justify-content:space-between;gap:8px;margin:26px 0 15px;color:#758297;font:10px var(--mono)}
.payout-route span:nth-child(even){color:var(--event-color)}
.payout-id{font:10px var(--mono);color:#647186}
.console-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 22px;border-top:1px solid #ffffff0e}
.console-footer p{font-size:11px;max-width:570px;color:#909aaa}
.console-footer button{white-space:nowrap}
.case-stories{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.case-story{padding:28px;border:1px solid #ffffff18;border-radius:12px;background:#11151ccc}
.case-story h3{font:400 29px/1.25 var(--display);margin:18px 0}
.case-story>p:not(.eyebrow){font-size:14px;line-height:1.8}
.case-story .story-result{font-size:26px!important;color:#edf0f7;margin-bottom:14px}
.story-result span{font-size:12px;color:#a0a5af;display:block}
.case-story details{margin-top:20px;font-size:13px;color:#bcc7d8}.case-story summary{cursor:pointer;min-height:44px}
.case-story details p{line-height:1.8;padding-top:8px}
.case-story-current{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.case-story-current .eyebrow{grid-column:1/-1}.case-story-current .text-link{grid-column:2}
.founder-facts{flex-wrap:wrap;gap:18px 28px}.founder-facts strong{font-size:25px}
.about-copy .operator-note{font-size:11px;margin-top:18px;line-height:1.7}
@media(max-width:700px){.console-layout{grid-template-columns:1fr}.console-main{height:310px;padding:20px 18px;font-size:11px}.payout-preview{border-left:0;border-top:1px solid #ffffff12;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.payout-top{grid-column:1/-1;margin-bottom:6px}.payout-amount{grid-column:1;grid-row:3;font-size:38px}.payout-source{grid-column:2;grid-row:3;align-self:center;font-size:11px}.payout-route{grid-column:1/-1;margin:8px 0}.payout-id{grid-column:1/-1}.console-bar{padding:14px;font-size:10px}.console-dots{display:none}.console-footer{align-items:flex-start;padding:12px 14px;gap:10px}.console-footer p{font-size:10px}.console-footer button{font-size:10px;min-width:90px}.case-stories{grid-template-columns:1fr}.case-story-current{display:block}.case-story-current .text-link{margin-top:20px}.case-story{padding:23px}.case-story .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.console-cursor{animation:none}}
/* Larger reading type, phone-like notifications and prominent operating figures. */
.console-layout{grid-template-columns:minmax(0,1fr) 360px}.console-main{height:440px;font-size:15px;padding:27px}.console-log{height:318px;gap:17px}.terminal-row{flex-shrink:0;line-height:1.7}.terminal-channel{font-size:14px}.terminal-number{color:#8190a5}.console-command{font-size:13px;margin-bottom:17px}.console-footer p{font-size:12px}
.payout-preview{display:block;padding:24px 20px}.payout-top{font-size:12px;margin-bottom:18px}.notification-stack{height:350px;position:relative;overflow:hidden}
.wallet-notice{--slot:0;--flash:0;position:absolute;inset:0 0 auto;padding:18px 20px;border:1px solid #7cad943d;border-radius:17px;background:linear-gradient(145deg,#1c2927,#141b20);box-shadow:0 12px 24px #0005;transform:translateY(calc(var(--slot)*102px)) scale(calc(1 - var(--slot)*.045));transform-origin:50% 0;z-index:calc(4 - var(--slot));transition:transform .65s var(--ease),opacity .6s;animation:notice-enter .55s var(--ease) both}
.notice-heading{display:flex;justify-content:space-between;gap:12px;font:12px var(--mono);margin-bottom:8px}.notice-heading>span:last-child{color:#89998f;font-size:11px}
.notice-amount{display:block;font:600 37px/1.35 var(--font);letter-spacing:-1.2px;font-variant-numeric:tabular-nums;color:rgb(calc(108 + var(--flash)*60),calc(206 + var(--flash)*49),calc(151 + var(--flash)*44));text-shadow:0 0 calc(3px + var(--flash)*19px) rgb(84 255 142 / calc(var(--flash)*.65))}
.wallet-notice p{font-size:13px;color:#c2d1ce;margin-top:4px}.notice-status{display:block;font-size:10px;color:#92aa9d;margin-top:12px}.wallet-notice.notice-leaving{opacity:0;transform:translateY(calc(var(--slot)*102px - 12px)) scale(.9)}
@keyframes notice-enter{from{opacity:0;translate:35px -16px}to{opacity:1;translate:0 0}}
.terminal-stopped .wallet-notice,.terminal-stopped .console-cursor{animation-play-state:paused}
.about{grid-template-columns:300px minmax(0,1fr);gap:42px 64px}.about .founder-stage{align-self:center}.about .founder-visual{aspect-ratio:1/1.05}.about .founder-art{padding:24px;max-height:270px}.about .founder-caption{left:18px;right:18px;bottom:20px;font-size:9px}.about-copy>p{max-width:660px}
.operator-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.metric{grid-column:span 2;padding:27px 28px;border:1px solid #8ab8ff30;border-radius:12px;background:radial-gradient(ellipse at 30% 0,#8ab8ff15,transparent 80%),#10141be6}.metric-views,.metric-money{grid-column:span 3}
.metric strong{display:block;font:500 clamp(36px,4.5vw,58px)/1.2 var(--font);letter-spacing:-.055em;color:#d8e8ff;text-shadow:0 0 22px #8ab8ff45,0 0 45px #8ab8ff15}.metric-views strong{font-size:clamp(56px,7vw,86px)}.metric-money strong{font-size:clamp(44px,6vw,72px);color:#a9efc6;text-shadow:0 0 24px #71e4a345,0 0 50px #71e4a31c}.metric span{display:block;font-size:13px;color:#aab9ca;margin-top:12px}
@media(max-width:900px){.console-layout{grid-template-columns:minmax(0,1fr) 310px}.console-main{font-size:14px;padding:22px 18px}.about{grid-template-columns:220px minmax(0,1fr);gap:32px}.metric{padding:23px}}
@media(max-width:700px){.console-layout{grid-template-columns:1fr}.console-main{height:400px;font-size:14px}.console-log{height:278px}.terminal-channel{font-size:13px}.payout-preview{display:block;padding:20px;border-left:0;border-top:1px solid #ffffff12}.notification-stack{height:345px}.notice-amount{font-size:36px}.console-footer p{font-size:11px}.about{grid-template-columns:1fr;gap:28px}.about .founder-stage{width:min(260px,100%);margin-inline:auto}.about .founder-visual{aspect-ratio:1.25}.about .founder-art{max-height:180px;padding:20px}.about .founder-caption{font-size:8px;bottom:14px}.operator-metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{grid-column:span 1;padding:20px 16px}.metric-views,.metric-money,.metric-daily{grid-column:1/-1}.metric strong{font-size:40px}.metric-views strong{font-size:76px}.metric-money strong{font-size:56px}.metric span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wallet-notice{animation:none;transition:none}.notice-amount{color:#8cdead;text-shadow:none}}
.motion-paused .wallet-notice{animation:none;transition:none}.motion-paused .notice-amount{color:#8cdead;text-shadow:none}
.wallet-notice{transform:translateY(calc(var(--slot)*174px)) scale(calc(1 - var(--slot)*.025))}
.wallet-notice.notice-leaving{transform:translateY(calc(var(--slot)*174px - 12px)) scale(.94)}