:root{--bg:#11110f;--bg-soft:#181713;--paper:#f3efe4;--paper-strong:#fffaf0;--ink:#171511;--muted:#6f6a5f;--muted-dark:#a7a092;--line:#1715111f;--line-dark:#fffaf01f;--field:#fffaf0b8;--green:#3c7a52;--green-soft:#dfead9;--amber:#ad6b2b;--amber-soft:#f0dfc5;--blue:#395f83;--blue-soft:#d8e5ef;--red:#93483f;--red-soft:#ecd7d1;--shadow:0 24px 70px #08070447;--radius-lg:24px;--radius-md:14px;--radius-sm:8px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--paper);letter-spacing:0;background:#f5f5f5;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.landing-page,.login-page,.roadmap-page{min-height:100vh}.white-home{background:#fff;place-items:center;min-height:100vh;display:grid}.home-mark{width:24px;height:24px}.site-nav{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin:0 auto;padding:26px 0;display:flex}.brand-lockup{align-items:baseline;gap:10px;display:inline-flex}.brand-lockup span{letter-spacing:0;font-size:15px;font-weight:760}.brand-lockup small{color:var(--muted-dark);font-size:12px}.brand-lockup.compact{justify-content:center}.nav-links{color:var(--muted-dark);align-items:center;gap:16px;font-size:13px;display:flex}.nav-links a{border:1px solid var(--line-dark);border-radius:999px;padding:9px 14px;transition:border-color .18s,color .18s,background .18s}.nav-links a:hover{color:var(--paper-strong);background:#fffaf00d;border-color:#fffaf047}.hero-shell{grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);align-items:center;gap:clamp(28px,5vw,84px);width:min(1120px,100% - 40px);min-height:calc(100vh - 94px);margin:0 auto;padding:42px 0 76px;display:grid}.hero-copy{max-width:760px}.system-mark,.login-icon{width:42px;height:42px;color:var(--paper-strong);border:1px solid var(--line-dark);background:#fffaf014;border-radius:12px;place-items:center;margin-bottom:28px;display:grid}.hero-copy h1{max-width:760px;color:var(--paper-strong);letter-spacing:0;margin:0;font-size:clamp(46px,7.4vw,96px);font-weight:720;line-height:.91}.hero-copy p{max-width:600px;color:var(--muted-dark);margin:28px 0 0;font-size:clamp(17px,2vw,21px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-link,.ghost-link,.login-submit,.back-link{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-size:13px;font-weight:680;display:inline-flex}.primary-link,.login-submit{color:var(--ink);background:var(--paper-strong);padding:0 17px;box-shadow:0 12px 30px #0000002e}.ghost-link,.back-link{color:var(--muted-dark);border:1px solid var(--line-dark);padding:0 16px}.landing-console{color:var(--ink);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #fffaf038;padding:18px}.console-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:40px;padding-bottom:14px;display:flex}.console-header span{font-size:14px;font-weight:760}.console-header small,.focus-strip span,.preview-tile p{color:var(--muted);font-size:12px}.focus-strip{background:var(--paper-strong);border:1px solid var(--line);border-radius:16px;margin-top:18px;padding:18px}.focus-strip strong{margin-top:8px;font-size:21px;line-height:1.1;display:block}.focus-strip p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.45}.console-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.preview-tile{border:1px solid var(--line);background:#fffaf09e;border-radius:14px;min-height:112px;padding:14px}.preview-tile span{width:28px;height:28px;color:var(--green);background:var(--green-soft);border-radius:8px;place-items:center;display:grid}.preview-tile p{margin:16px 0 4px}.preview-tile strong{font-size:14px}.activity-lines{gap:8px;margin-top:16px;display:grid}.activity-lines span{background:linear-gradient(90deg,#17151124,#17151108);border-radius:999px;height:8px}.activity-lines span:nth-child(2){width:72%}.activity-lines span:nth-child(3){width:44%}.login-page{background:linear-gradient(180deg, #fffaf00a, transparent 42%), radial-gradient(circle at 50% -10%, #ad6b2b29, transparent 34%), var(--bg);place-items:center;padding:28px;display:grid}.login-card{width:min(420px,100%);color:var(--ink);background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #fffaf033;padding:28px}.login-icon{color:var(--ink);background:var(--paper-strong);border-color:var(--line);margin:34px auto 22px}.login-copy{text-align:center}.login-copy h1{letter-spacing:0;margin:0;font-size:34px;line-height:1}.login-copy p{max-width:310px;color:var(--muted);margin:14px auto 0;font-size:14px;line-height:1.55}.login-form{gap:14px;margin-top:28px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:12px;font-weight:680;display:grid}.login-form input{width:100%;min-height:46px;color:var(--ink);background:var(--paper-strong);border:1px solid var(--line);border-radius:12px;outline:none;padding:0 14px;font-size:14px}.login-form input:focus{border-color:#3c7a528c;box-shadow:0 0 0 4px #3c7a521f}.login-submit{width:100%;color:var(--paper-strong);background:var(--ink);border-radius:12px;min-height:48px}.roadmap-page{background:#f5f5f5;place-items:center;padding:24px;display:grid}.project-roadmap-card{color:#18181b;background:#fff;border-radius:16px;width:min(464px,100vw - 32px);overflow:hidden;box-shadow:0 1px 1px #0000000a,0 8px 12px #0000000f}.prc-header{flex-direction:column;gap:14px;padding:24px 20px 12px;display:flex}.prc-header h1{color:#18181b;margin:0;font-size:16px;font-weight:650;line-height:normal}.prc-meta{align-items:center;gap:16px;display:flex;overflow:hidden}.prc-meta-item{color:#75757c;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:13px;line-height:normal;display:inline-flex}.prc-meta-item svg{color:#8e8e93;stroke-width:1.8px}.prc-progress{gap:6px;width:100%;display:flex}.prc-progress span{background:#e9e9e7;border-radius:3px;flex:1 1 0;min-width:1px;height:6px;position:relative;overflow:hidden}.prc-progress .is-full,.prc-progress i{background:#1ea55b}.prc-progress i{border-radius:3px;width:40%;position:absolute;inset:0 auto 0 0}.prc-collapse{color:#a0a0a6;justify-content:center;padding:2px 0 6px;display:flex}.prc-tabs{background:#f1f1ef;border-radius:18px;margin:8px 20px 6px;padding:3px;display:flex}.prc-tabs span{color:#8e8e93;border-radius:15px;flex:1 1 0;justify-content:center;align-items:center;min-height:32px;font-size:13px;line-height:normal;display:flex}.prc-tabs .is-active{color:#18181b;background:#fff;font-weight:500;box-shadow:0 1px 3px #00000014}.prc-list{flex-direction:column;padding:6px 20px 16px;display:flex}.prc-row-group{width:100%}.prc-rule{background:#ececec;height:1px}.prc-row{justify-content:space-between;align-items:center;gap:16px;min-height:47px;padding:15px 0;display:flex;overflow:hidden}.prc-row p{color:#18181b;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;font-weight:500;line-height:normal;overflow:hidden}.prc-status{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:13px;line-height:normal;display:flex}.prc-status svg{color:currentColor;stroke-width:1.7px}.prc-status.is-complete{color:#1ea55b}.prc-status.is-muted{color:#8e8e93}.prc-notes{background:#f8f8f7;border-radius:10px;flex-direction:column;gap:14px;width:100%;margin-bottom:14px;padding:14px 16px;display:flex}.prc-note-block{flex-direction:column;gap:4px;display:flex}.prc-note-block h2{color:#8e8e93;margin:0;font-size:12px;font-weight:500;line-height:normal}.prc-note-block div{color:#18181b;flex-direction:column;margin:0;font-size:13px;font-weight:400;line-height:20px;display:flex}@media (max-width:500px){.roadmap-page{align-items:start;padding:16px}.prc-meta,.prc-row{flex-direction:column;align-items:flex-start;gap:8px}.prc-row p{white-space:normal}}@media (max-width:940px){.hero-shell{grid-template-columns:1fr;min-height:auto}.landing-console{max-width:600px}}@media (max-width:720px){.site-nav,.hero-shell{width:min(100% - 28px,1120px)}.hero-copy h1{font-size:clamp(42px,16vw,68px)}.console-grid{grid-template-columns:1fr}.preview-tile{min-height:88px}}@media (max-width:440px){.site-nav{align-items:flex-start}.brand-lockup{flex-direction:column;align-items:flex-start;gap:2px}.hero-actions,.primary-link,.ghost-link{width:100%}.roadmap-page{padding-inline:12px}.login-card{padding:20px}}