/* Josh's workspace: quiet surfaces, generous spacing and a warm coral accent. */
:root{--bg:#f7f7f8;--white:#fff;--ink:#222225;--muted:#68686f;--line:#e8e8eb;--green:#d92d54;--pale:#fff0f3}
body{background:var(--bg);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
header{height:88px;background:rgba(255,255,255,.94);padding:0 max(5vw,24px);border-bottom:1px solid var(--line)}
.brand{font-size:32px;letter-spacing:-.08em;color:var(--green);gap:14px}.brand span{font-size:12px;letter-spacing:-.02em;font-weight:650}
nav{gap:8px}nav a{padding:10px 17px;border-radius:30px;font-size:13px;font-weight:550}nav a:hover{background:#f5f5f7}nav .nav-active{background:#f3f3f5;color:var(--ink)}nav .secondary{margin-left:10px;border:0;background:transparent;color:var(--muted)}
main{max-width:1330px;padding:58px 5vw 30px}.intro{margin-bottom:42px;gap:32px}h1{font-size:clamp(38px,4.4vw,60px);font-weight:650;line-height:1.06;letter-spacing:-.055em}h2{font-size:21px;font-weight:650;letter-spacing:-.035em}.eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:14px;font-weight:700}.lede{font-size:15px;line-height:1.7;margin-top:20px;max-width:510px}.intro-note{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px 24px;min-width:240px;box-shadow:0 4px 20px #22222503}.intro-note strong{font-size:12px}.intro-note p{font-size:11px;margin-top:8px;line-height:1.7}.dot{background:#22835f;width:7px;height:7px;box-shadow:0 0 0 4px #22835f0c;margin-right:10px}
.panel{border:1px solid #ebebed;border-radius:24px;padding:28px;box-shadow:0 5px 20px #22222503}.overview-stats{gap:18px;margin:0 0 46px}.overview-stats .panel{position:relative;padding:25px 28px}.overview-stats span{font-size:12px;font-weight:550}.overview-stats strong{font-size:42px;font-weight:600;line-height:1.2;margin:14px 0 10px}.overview-stats small{font-size:11px}.overview-stats .panel:after{content:'↗';position:absolute;right:24px;top:22px;font-size:17px;color:#a5a5ac}
.overview-heading{margin-bottom:20px}.system-card{padding:34px;gap:28px;background:linear-gradient(115deg,#fff 40%,#fff6f7);border-color:#f0e5e8}.system-icon{width:90px;height:100px;border-radius:24px;background:linear-gradient(145deg,#ff7086,#e3335c);color:white;box-shadow:0 12px 25px #df315521;font-size:44px}.system-copy h2{font-size:27px;margin-top:13px}.system-copy p{font-size:13px;line-height:1.7;max-width:440px;margin:8px 0 16px}.pill{font-size:10px;font-weight:600;border-color:#e9e9eb;padding:6px 11px;background:#fff}.mini-flow{font-size:10px;gap:9px}.mini-flow span{border:1px solid #ece8e9;background:#ffffffb3;border-radius:7px;padding:5px 9px}.mini-flow i{color:#aaa}
.primary{border-radius:12px;background:linear-gradient(100deg,#e33458,#d52150);padding:15px 18px;font-size:13px;box-shadow:0 4px 10px #d92d5410;transition:transform .18s,box-shadow .18s,background .18s}.primary:hover{background:linear-gradient(100deg,#d52a4c,#be1844);box-shadow:0 6px 16px #d92d5426;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.open-system{width:175px}.secondary{border-radius:10px;min-height:40px;padding:10px 14px}.secondary:hover{background:#f6f6f8}.bottom{gap:22px;margin-top:26px}.bottom h2{font-size:20px}.connection{padding:21px 0;font-size:12px}.connection small{font-size:11px;margin-top:5px}.connection b{font-size:10px;background:#f6f2e9;color:#795919;padding:5px 9px}.connection .connected{background:#edf7f0;color:#28734b}.history-item{padding:17px 0;border-color:#eeeef0;align-items:center;border-radius:4px}.history-item:hover{background:#fafafb}.history-item span{font-size:12px}.history-item small{font-size:10px}.history-item:last-child,.connection:last-of-type{border-bottom:0}
.workspace{grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}.panel-heading{margin-bottom:24px}.number{background:#f3f3f5;color:#626269;border-radius:8px;padding:6px 9px;font-size:10px}.panel-heading h2{font-size:18px}label{font-size:12px;margin:20px 0 8px}input,select{border:1px solid #dedee3;background:white;border-radius:11px;padding:13px 12px;font-size:14px;min-height:46px}input:hover,select:hover{border-color:#a6a6af}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #e334583a;outline-offset:3px}.check input{min-height:0}.hint{font-size:11px;line-height:1.75}.cost{padding-top:20px;margin-top:22px}.cost strong{font-size:21px}.flow-area{padding-top:5px}.stages{gap:9px;margin:24px 0}.stage{border-radius:13px;padding:15px 11px;min-height:111px;transition:border-color .15s,box-shadow .15s}.stage:hover{border-color:#bdbdc5}.stage.selected{border-color:#dc3158;box-shadow:0 0 0 1px #dc3158;background:#fff9fa}.step-number{width:26px;height:26px;background:#f1f1f4}.stage.complete .step-number{background:#edf7f0;color:#28734b}.stage strong{font-size:11px;line-height:1.5}.stage small{font-size:10px}.stage.running{background:#fff9e9}.io{gap:16px}pre{background:#f8f8fa;border:1px solid #eeeef1;border-radius:12px;padding:16px;font-size:11px;min-height:170px}.metrics{gap:10px;margin-top:24px}.metrics div{border:0;background:#efeff2;border-radius:12px;padding:14px 12px}.metrics strong{font-size:20px;font-weight:600}.metrics span{font-size:10px}.results{margin-top:32px}.table-wrap{border:1px solid #eeeef0;border-radius:14px}th{background:#fafafb;padding:14px;font-size:9px}td{padding:18px 14px;font-size:12px}tbody tr:hover{background:#fdfbfc}.results .section-heading{margin-bottom:24px}.learn p{font-size:12px;line-height:1.85}footer{padding-top:20px;border-top:1px solid var(--line);margin-top:36px;font-size:10px}
.login-layout{max-width:1160px;gap:90px;min-height:80vh}.login-layout h1{font-size:clamp(45px,5vw,70px)}.login-card{padding:38px;box-shadow:0 16px 60px #22222507}.login-card h2{font-size:26px;line-height:1.2}.login-card>p{font-size:13px;line-height:1.8}.login-card>.hint{font-size:11px}.approval-code{background:#f6f6f8;border:1px solid var(--line);border-radius:12px}.login-layout .number{background:var(--pale);color:var(--green)}
@media(max-width:1050px){main{padding:38px 4vw 25px}.workspace{grid-template-columns:275px minmax(0,1fr);gap:20px}.panel{padding:23px}.stages{gap:5px}.stage{padding:12px 7px}.system-card{gap:20px}.system-icon{width:70px;height:86px}.login-layout{gap:40px;grid-template-columns:1fr 390px}}
@media(max-width:760px){header{height:76px;padding:0 20px}.brand{font-size:29px;gap:8px}.brand span{font-size:10px;max-width:65px;line-height:1.3;letter-spacing:0}nav{gap:1px}nav a{font-size:11px;padding:9px 10px}nav .secondary{font-size:10px;margin-left:0;padding:9px 7px}main{padding:35px 20px 24px}.intro{gap:24px;margin-bottom:28px;align-items:stretch;flex-direction:column}h1{font-size:42px;line-height:1.08}.lede{font-size:13px;margin-top:16px}.intro-note{padding:15px 18px;min-width:0;border-radius:16px}.intro-note p{margin-bottom:0}.overview-stats{gap:9px;margin:0 0 34px}.overview-stats .panel{padding:17px 13px;border-radius:16px}.overview-stats span{font-size:10px;min-height:32px}.overview-stats strong{font-size:30px;margin:9px 0}.overview-stats small{font-size:10px;line-height:1.5;display:block}.overview-stats .panel:after{display:none}.system-card{padding:22px;gap:16px;border-radius:22px}.system-icon{width:52px;height:62px;font-size:30px;border-radius:16px}.system-copy{flex-basis:calc(100% - 68px)}.system-copy h2{font-size:22px}.system-copy p{font-size:12px}.mini-flow{gap:4px;font-size:9px;flex-wrap:wrap}.mini-flow span{padding:4px 6px}.open-system{width:100%;margin-top:6px}.bottom,.workspace{grid-template-columns:1fr;gap:20px}.panel{padding:22px;border-radius:22px}.workspace{gap:30px}.stages{position:static;margin:18px 0;gap:5px;padding:0}.stage{padding:12px 6px;min-height:108px;border-radius:11px}.stage strong{font-size:10px}.stage small{font-size:9px}.metrics{grid-template-columns:1fr 1fr}.io{grid-template-columns:1fr}.results{padding:20px 16px}.section-heading{gap:12px}.login-layout{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:45px}.login-layout h1{font-size:48px}.login-card{padding:28px}.login-card h2{font-size:25px}input,select{font-size:16px}.primary{min-height:48px}footer{font-size:10px}.connection{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}