:root{--bg:#f5f6f8;--surface:#ffffffdb;--surface-solid:#fff;--ink:#111827;--muted:#667085;--line:#e6e8ec;--blue:#2367ff;--blue-soft:#edf3ff;--green:#16845b;--green-soft:#eaf8f1;--amber:#b66a00;--amber-soft:#fff5df;--violet:#7554d6;--violet-soft:#f3efff;--shadow:0 20px 60px #10182814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.appShell{min-height:100vh}.topbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f6f8d1;border-bottom:1px solid #1118270f;align-items:center;gap:32px;height:72px;padding:0 max(28px,50vw - 620px);display:flex;position:sticky;top:0}.conceptNotice{text-align:center;color:#cbd5e1;letter-spacing:.01em;background:#111827;padding:7px 18px;font-size:10px;line-height:1.45}.topbar{top:29px}.brand{align-items:center;gap:10px;margin-right:auto;display:flex}.logoMark{background:var(--ink);color:#fff;letter-spacing:-.04em;border-radius:11px;place-items:center;width:36px;height:36px;font-weight:800;display:grid;box-shadow:0 8px 20px #1118272e}.brand>span:last-child{align-items:baseline;gap:6px;display:flex}.brand strong{font-size:17px}.brand small{color:var(--muted);font-size:12px}.topbar nav{gap:22px;display:flex}.topbar nav a{color:#475467;align-items:center;gap:6px;font-size:13px;display:flex}.topbar nav a:hover{color:var(--ink)}.adminButton{border:1px solid var(--line);color:#475467;background:#fff;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:12px;font-weight:650;display:flex}.adminButton.enabled{background:var(--blue-soft);color:var(--blue);border-color:#b9cbff}.languageSwitch{border:1px solid var(--line);background:#fff;border-radius:9px;padding:3px;display:flex}.languageSwitch button{color:#7c8799;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:800}.languageSwitch button.active{background:var(--ink);color:#fff}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 16%,#2367ff1c,#0000 28%),linear-gradient(#fff,#f8f9fb);grid-template-columns:1.55fr .65fr;align-items:center;gap:48px;min-height:470px;padding:82px max(28px,50vw - 620px) 72px;display:grid;position:relative;overflow:hidden}.heroGridBg{opacity:.35;pointer-events:none;background-image:linear-gradient(#1118270b 1px,#0000 1px),linear-gradient(90deg,#1118270b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}.heroContent,.heroMetricCard{z-index:1;position:relative}.heroKicker{letter-spacing:.04em;text-transform:uppercase;color:#42526d;background:#ffffffbf;border:1px solid #dce3f2;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:750;display:inline-flex}.liveDot{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #2367ff1a}.hero h1{letter-spacing:-.055em;max-width:880px;margin:22px 0;font-size:clamp(44px,6vw,72px);line-height:.98}.hero h1 span{color:#8791a3}.hero p{color:#5e697c;max-width:740px;margin:0;font-size:17px;line-height:1.65}.heroActions{align-items:center;gap:12px;margin-top:30px;display:flex}.primaryAction{background:var(--ink);color:#fff;border-radius:11px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #11182729}.branchPill{border:1px solid var(--line);color:#667085;background:#fff;border-radius:11px;align-items:center;gap:7px;padding:11px 13px;font-size:12px;display:inline-flex}.heroMetricCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(100%,340px);box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #11182714;border-radius:22px;justify-self:end;align-items:center;gap:20px;padding:24px;display:flex}.heroMetricCard>div:last-child{flex-direction:column;gap:6px;display:flex}.heroMetricCard span,.heroMetricCard small{color:var(--muted);font-size:12px}.heroMetricCard strong{font-size:15px}.progressRing{flex:none;place-items:center;display:grid;position:relative}.progressRing svg{position:absolute;inset:0;transform:rotate(-90deg)}.progressRing circle{fill:none;stroke-width:7px}.ringTrack{stroke:#edf0f4}.ringValue{stroke:var(--blue);stroke-linecap:round;transition:stroke-dashoffset .35s}.progressRing strong{font-size:17px}.summaryStrip{z-index:4;border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:2fr repeat(4,1fr);max-width:1240px;margin:-26px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 44px #10182812}.summaryStrip>div{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:18px 21px;display:flex}.summaryStrip>div:last-child{border-right:0}.summaryStrip span{text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-size:11px;font-weight:700}.summaryStrip strong{font-size:14px}.adminPanel,.errorBanner{max-width:1240px;margin:18px auto 0}.adminPanel{color:#fff;background:#101828;border-radius:12px;grid-template-columns:auto 1fr 260px auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.adminPanel div{flex-direction:column;gap:2px;display:flex}.adminPanel strong{font-size:13px}.adminPanel span{color:#98a2b3;font-size:11px}.adminPanel input{color:#fff;background:#1d2939;border:1px solid #344054;border-radius:8px;outline:none;height:36px;padding:0 10px}.adminPanel button{color:#98a2b3;background:0 0;border:0}.errorBanner{color:#a31818;background:#fff0f0;border:1px solid #ffd0d0;border-radius:10px;justify-content:space-between;padding:11px 13px;font-size:12px;display:flex}.errorBanner button{color:inherit;background:0 0;border:0}.roadmapSection,.activitySection{max-width:1240px;margin:80px auto 0;padding:0 0 18px}.sectionHeader{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:26px;display:flex}.sectionHeader.compact{margin-bottom:18px}.sectionLabel{letter-spacing:.14em;color:var(--blue);font-size:10px;font-weight:800}.sectionHeader h2{letter-spacing:-.035em;margin:7px 0 8px;font-size:31px}.sectionHeader p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.tools{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.searchBox{border:1px solid var(--line);color:#98a2b3;background:#fff;border-radius:10px;align-items:center;gap:8px;width:330px;height:40px;padding:0 11px;display:flex}.searchBox input{background:0 0;border:0;outline:none;width:100%;font-size:12px}.filters{background:#eaecf0;border-radius:9px;padding:3px;display:flex}.filters button{color:#667085;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:11px}.filters button.active{color:var(--ink);background:#fff;box-shadow:0 1px 5px #10182814}.stageRail{flex-direction:column;gap:12px;display:flex}.stageCard{border:1px solid var(--line);background:var(--surface-solid);border-radius:15px;transition:all .2s;overflow:hidden}.stageCard:hover{border-color:#d5d9e1;box-shadow:0 8px 30px #1018280b}.stageCard.current{border-color:#b8cbff;box-shadow:0 14px 40px #2367ff14}.stageCard.locked{background:#fafbfc}.stageHead{text-align:left;background:0 0;border:0;grid-template-columns:54px 1fr auto;align-items:center;gap:18px;width:100%;padding:20px;display:grid}.stageIndex{color:#667085;font-variant-numeric:tabular-nums;background:#f2f4f7;border-radius:12px;place-items:center;width:48px;height:48px;font-size:14px;font-weight:800;display:grid}.current .stageIndex{background:var(--blue);color:#fff}.locked .stageIndex{color:#a4a9b2;background:#f0f1f3}.stageTitleWrap{min-width:0}.stageEyebrow{text-transform:uppercase;letter-spacing:.07em;color:#7c8799;align-items:center;gap:6px;margin-bottom:5px;font-size:10px;font-weight:750;display:flex}.current .stageEyebrow{color:var(--blue)}.stageTitleWrap h3{letter-spacing:-.015em;margin:0 0 5px;font-size:17px}.stageTitleWrap p{color:#667085;max-width:830px;margin:0;font-size:12px;line-height:1.55}.stageMeta{color:#98a2b3;grid-template-columns:48px 40px 20px;align-items:center;gap:5px;display:grid}.stageMeta strong{color:#344054;font-size:14px}.stageMeta span{font-size:11px}.stageProgress{background:#f0f2f5;height:2px}.stageProgress span{background:var(--blue);height:100%;display:block}.locked .stageProgress span{background:#c9ced8}.taskList{background:#fbfcfd;border-top:1px solid #f0f2f5;padding:2px 20px 8px 92px}.taskRow{border-bottom:1px solid #edf0f3;grid-template-columns:24px 1fr auto;align-items:start;gap:12px;padding:17px 0;display:grid}.taskRow:last-child{border-bottom:0}.taskStateDot{padding-top:1px}.dot-done{color:var(--green)}.dot-review{color:var(--violet)}.dot-in_progress{color:var(--blue)}.dot-todo{color:#b8bdc7}.taskCopy{min-width:0}.taskTitleLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.taskNumber{color:#a7afbc;font-variant-numeric:tabular-nums;font-size:9px}.taskCopy strong{font-size:13px}.taskCopy p{color:#697386;max-width:840px;margin:6px 0 0;font-size:12px;line-height:1.55}.statusBadge{border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750}.status-todo{color:#667085;background:#f2f4f7}.status-in_progress{background:var(--blue-soft);color:var(--blue)}.status-review{background:var(--violet-soft);color:var(--violet)}.status-done{background:var(--green-soft);color:var(--green)}.statusSelect{border:1px solid var(--line);color:#475467;background:#fff;border-radius:8px;outline:none;align-self:center;padding:7px 9px;font-size:11px}.locked .taskList{opacity:.74}.emptyState{text-align:center;color:#667085;background:#fff;border:1px dashed #d0d5dd;border-radius:14px;padding:50px}.activitySection{margin-top:70px}.activityGrid{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.activityItem{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.activityItem:last-child{border-bottom:0}.activityIcon{color:#667085;background:#f2f4f7;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.activityItem>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.activityItem strong{font-size:12px}.activityItem span{color:#8a93a2;font-size:10px}.activityChange{align-items:center;gap:8px;display:flex}.activityChange small{color:#98a2b3}.activityChange strong{color:var(--blue)}.activityEmpty{color:#98a2b3;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.activityEmpty div{flex-direction:column;gap:4px;display:flex}.activityEmpty strong{color:#475467;font-size:13px}.activityEmpty span{font-size:11px}footer{border-top:1px solid var(--line);color:#98a2b3;justify-content:space-between;max-width:1240px;margin:72px auto 0;padding:24px 0 36px;font-size:11px;display:flex}.loadingState{color:#667085;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100vh;display:flex}.loadingState p{font-size:13px}@media (max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.heroMetricCard{justify-self:start}.summaryStrip{grid-template-columns:1fr 1fr;margin:16px 18px 0}.summaryStrip>div{border-bottom:1px solid var(--line)}.roadmapSection,.activitySection{margin-left:18px;margin-right:18px}.sectionHeader{flex-direction:column;align-items:stretch}.tools{align-items:stretch}.searchBox{width:100%}.taskList{padding-left:20px}.stageHead{grid-template-columns:48px 1fr}.stageMeta{grid-area:2/2}.adminPanel,.errorBanner{margin-left:18px;margin-right:18px}.adminPanel{grid-template-columns:auto 1fr auto}.adminPanel input{grid-column:1/-1;width:100%}footer{margin-left:18px;margin-right:18px}.hero h1{font-size:48px}}@media (max-width:560px){.topbar{padding:0 16px}.adminButton{padding:0 11px;font-size:0}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:42px}.heroActions{flex-direction:column;align-items:stretch}.summaryStrip{grid-template-columns:1fr}.filters{overflow:auto}.stageHead{grid-template-columns:40px 1fr;gap:12px;padding:16px}.stageIndex{width:40px;height:40px}.taskRow{grid-template-columns:20px 1fr}.statusSelect{grid-column:2;width:100%}.stageMeta{grid-template-columns:auto auto 20px}.taskList{padding:0 16px 6px}.activityItem{grid-template-columns:34px 1fr}.activityChange{grid-column:2}footer{flex-direction:column;gap:8px}}.landing{color:#eef0f4;background:#05060a;min-height:100vh}.landingTopbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05060ab8;border-bottom:1px solid #ffffff14;align-items:center;gap:32px;height:72px;padding:0 max(28px,50vw - 620px);display:flex;position:sticky;top:0}.landingTopbar .brand{align-items:center;gap:10px;margin-right:auto;display:flex}.landingTopbar .brand span:last-child{align-items:baseline;gap:6px;display:flex}.landingTopbar .brand strong{color:#fff;font-size:17px}.landingTopbar .brand small{color:#8b93a7;font-size:12px}.landingTopbar nav{align-items:center;gap:26px;display:flex}.landingTopbar nav a{color:#aeb4c2;align-items:center;gap:6px;font-size:13px;display:flex}.landingTopbar nav a:hover{color:#fff}.landingHero{background:radial-gradient(circle at 50% 20%,#5a78ff2e,#0000 55%),#05060a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landingHeroCanvas{z-index:0;position:absolute;inset:0}.landingHeroCanvas canvas{width:100%;height:100%;display:block}.landingHeroFade{z-index:1;pointer-events:none;background:linear-gradient(#05060a26 0%,#05060a59 55%,#05060a 100%);position:absolute;inset:0}.landingHeroContent{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:760px;padding:0 24px;display:flex;position:relative}.landingHeroContent .heroKicker{letter-spacing:.04em;text-transform:uppercase;color:#c2c8d6;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:750;display:inline-flex}.landingHeroContent .liveDot{background:#6d8bff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #6d8bff2e}.landingHeroContent h1{letter-spacing:-.045em;color:#fff;margin:24px 0 20px;font-size:clamp(38px,6vw,64px);line-height:1.05}.landingHeroContent h1 span{color:#8b93a7;font-weight:400}.landingHeroContent p{color:#aeb4c2;max-width:560px;margin:0;font-size:16px;line-height:1.65}.landingHeroContent .heroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.landingHeroContent .primaryAction{color:#05060a;background:#fff;border-radius:11px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #ffffff14}.landingHeroContent .primaryAction:hover{background:#e7e9ee}.landingHeroContent .branchPill{color:#aeb4c2;background:#ffffff0a;border:1px solid #ffffff24;border-radius:11px;align-items:center;gap:7px;padding:11px 14px;font-size:12px;display:inline-flex}.landingPillars{max-width:1240px;margin:0 auto;padding:96px max(28px,50vw - 620px) 40px}.landingPillars .sectionLabel{letter-spacing:.14em;color:#6d8bff;font-size:10px;font-weight:800}.landingPillars h2{letter-spacing:-.035em;color:#fff;margin:8px 0;font-size:31px}.landingPillars>.sectionHeader p{color:#8b93a7;margin:0;font-size:13px}.pillarGrid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;display:grid}.pillarCard{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:26px}.pillarIcon{color:#8fa4ff;background:#6d8bff24;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:16px;display:grid}.pillarCard h3{color:#fff;margin:0 0 10px;font-size:16px}.pillarCard p{color:#aeb4c2;margin:0;font-size:13px;line-height:1.6}.landingCta{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:32px;max-width:1240px;margin:20px auto 0;padding:48px max(28px,50vw - 620px) 96px;display:flex}.landingCta h2{letter-spacing:-.03em;color:#fff;margin:8px 0;font-size:26px}.landingCta p{color:#8b93a7;margin:0;font-size:13px}.landingCta .primaryAction{color:#05060a;background:#fff;border-radius:11px;flex:none;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex}.landingFooter{color:#6b7280;border-top:1px solid #ffffff14;justify-content:space-between;max-width:1240px;margin:0 auto;padding:24px max(28px,50vw - 620px) 40px;font-size:11px;display:flex}@media (max-width:900px){.landingTopbar nav{gap:16px}.landingTopbar nav a span{display:none}.pillarGrid{grid-template-columns:1fr}.landingCta{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.landingTopbar{padding:0 16px}.landingPillars,.landingCta,.landingFooter{padding-left:16px;padding-right:16px}.landingHeroContent{padding:0 18px}}