:root{--santen-blue:#00a1e9;--santen-deep-blue:#004098;--santen-deep-blue-hover:#003778;--santen-deep-blue-active:#002f66;--santen-ice-blue:#eaf7fe;--santen-mist-blue:#f3fafe;--brand-blue:#00a1e9;--brand-deep-blue:#004098;--brand-deep-blue-hover:#003778;--brand-deep-blue-active:#002f66;--brand-ice-blue:#eaf7fe;--brand-mist-blue:#f3fafe;--text-primary:#122033;--text-secondary:#526173;--text-muted:#748094;--bg-canvas:#e2ebf1;--bg-canvas-strong:#d5e2eb;--bg-subtle:#e5eef4;--surface:#ffffff;--surface-blue:var(--brand-ice-blue);--border-subtle:#dde7f0;--border-hairline:rgba(18,32,51,0.08);--border-glass:rgba(184,199,214,0.58);--focus-ring:#00a1e9;--success:#067647;--warning:#a15c07;--danger:#b42318;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--shadow-xs:0 1px 1px rgba(16,24,40,0.04);--shadow-md:0 12px 36px rgba(16,24,40,0.08);--shadow-lg:0 18px 54px rgba(18,32,51,0.1);--inner-highlight:inset 0 1px 0 rgba(255,255,255,0.78);--header-height:68px;--page-gutter:clamp(20px,3vw,40px);--page-gutter-compact:clamp(16px,2vw,24px);--section-gap:clamp(18px,2.2vw,24px);--cluster-gap:clamp(14px,1.8vw,20px);--reading-max-width:760px;--ink:var(--text-primary);--muted:var(--text-secondary)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg-canvas) 0,var(--bg-canvas-strong) 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 28%,transparent);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed;opacity:.56}main{padding:0}.app-shell,main{width:100%;margin:0}.app-shell{min-height:100dvh;padding:0 0 96px;display:flex;flex-direction:column;gap:var(--section-gap);background:linear-gradient(180deg,#dbe7ef 0,#d3e0e9 42%,var(--bg-canvas-strong) 100%);color:var(--text-primary)}.app-shell>:where(.hero-panel,.pipeline-panel,.suggestion-panel){margin-inline:var(--page-gutter)}.panel{border:1px solid var(--border-hairline);background:rgba(255,255,255,.76);box-shadow:var(--shadow-xs),var(--inner-highlight)}.top-bar{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;min-height:var(--header-height);margin:0;padding:0 var(--page-gutter);border-bottom:1px solid var(--border-hairline);justify-content:space-between;gap:clamp(18px,2.5vw,36px);background:rgba(255,255,255,.78);box-shadow:var(--inner-highlight);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%)}.brand,.eyebrow,.header-status,.panel-title,.pipeline-toggle,.primary-button,.top-bar,.workspace-pending-link{display:flex;align-items:center}.brand{gap:clamp(16px,2vw,28px)}.brand strong{display:block;font-size:.98rem;letter-spacing:-.01em}.brand span,.eyebrow,.form-status,.header-status>span,.panel p{color:var(--muted)}.brand>div>span{margin-top:2px;font-size:.8rem}.brand-lockup{min-width:116px;min-height:52px;padding-right:18px;border-right:1px solid var(--border-hairline);display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;color:var(--santen-deep-blue);text-decoration:none}.brand-lockup__logo{display:block;width:clamp(96px,7.5vw,128px);height:auto;object-fit:contain}.brand-lockup__fallback{display:block;color:var(--santen-deep-blue);font-size:1.34rem;line-height:1;font-weight:680;letter-spacing:-.03em}.brand-lockup__subbrand{display:block;margin-left:1px;color:var(--text-secondary);font-size:.68rem;line-height:1;font-weight:760;letter-spacing:.22em}.header-status{gap:14px;flex-wrap:wrap;justify-content:flex-end}.header-status>span{min-height:38px;height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:rgba(255,255,255,.62);box-shadow:var(--inner-highlight);font-size:.84rem;line-height:1}.hero-panel{padding:4px 0 0;display:block}.hero-panel h1{max-width:780px;margin:16px 0 0;font-size:clamp(2rem,3vw,2.45rem);line-height:1.12;letter-spacing:-.02em}.hero-panel p{max-width:var(--reading-max-width);margin:16px 0 0;font-size:1rem;line-height:1.58}.eyebrow{gap:7px;font-size:.76rem;font-weight:760;text-transform:uppercase}.eyebrow.compact{text-transform:none}.pipeline-panel{display:grid;grid-gap:16px;gap:16px}.pipeline-panel__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--cluster-gap)}.pipeline-panel__header h2{margin:7px 0 0;font-size:1.18rem;line-height:1.25;letter-spacing:-.01em}.pipeline-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.current-stage-badge,.pipeline-summary span{min-height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.75rem;font-weight:820}.pipeline-summary span{gap:5px;padding:4px 10px;border:1px solid var(--border-glass);color:var(--text-secondary);background:rgba(255,255,255,.58);box-shadow:var(--inner-highlight)}.pipeline-summary strong{color:var(--brand-deep-blue);font-size:.9rem}.pipeline-list{overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:rgba(255,255,255,.5)}.pipeline-wp-section+.pipeline-wp-section{border-top:1px solid var(--border-hairline)}.pipeline-wp-header{min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(234,247,254,.72)}.pipeline-wp-header h3{margin:0;color:var(--brand-deep-blue);font-size:.88rem;line-height:1.2;letter-spacing:0}.pipeline-wp-header span{color:var(--text-muted);font-size:.74rem;font-weight:760}.pipeline-row{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(300px,1.35fr) 118px 38px;align-items:center;grid-gap:clamp(12px,2vw,22px);gap:clamp(12px,2vw,22px);min-height:64px;padding:10px 12px}.pipeline-row+.pipeline-row{border-top:1px solid var(--border-hairline)}.pipeline-project{min-width:0;display:flex;align-items:center;gap:10px}.pipeline-project__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:grid;flex:0 0 auto;place-items:center;color:#fff;background:var(--brand-deep-blue)}.pipeline-project__icon svg{display:block}.pipeline-project>div{min-width:0}.pipeline-project h3{margin:0;color:var(--text-primary);font-size:.94rem;letter-spacing:0}.pipeline-project h3,.pipeline-project>div>span{overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.pipeline-project>div>span{display:block;margin-top:3px;color:var(--text-muted);font-size:.74rem}.phase-rail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;min-width:0;margin:0;padding:12px 0 0;list-style:none}.phase-rail:after,.phase-rail:before{content:"";position:absolute;top:19px;left:calc(12.5% + 8px);right:calc(12.5% + 8px);height:2px;border-radius:999px}.phase-rail:before{background:#d6e0ea}.phase-rail:after{right:auto;width:calc(75% - 16px);background:var(--brand-deep-blue);transform:scaleX(var(--phase-progress));transform-origin:left center}.phase-step{position:relative;z-index:1;min-width:0;display:grid;justify-items:center;grid-gap:7px;gap:7px;color:var(--text-muted);text-align:center}.phase-node{width:16px;height:16px;border:2px solid #c9d5e1;border-radius:999px;position:relative;display:block;margin-inline:auto;background:#f8fbfd;box-shadow:0 0 0 4px rgba(255,255,255,.76)}.phase-step.complete .phase-node,.phase-step.current .phase-node{border-color:var(--brand-deep-blue);background:var(--brand-deep-blue)}.phase-step.current .phase-node{box-shadow:0 0 0 4px rgba(255,255,255,.82),0 0 0 7px color-mix(in srgb,var(--brand-blue) 18%,transparent)}.phase-label{overflow:hidden;width:100%;padding:0 3px;font-size:.68rem;line-height:1.1;font-weight:780;text-overflow:ellipsis;white-space:nowrap}.phase-step.current .phase-label{color:var(--brand-deep-blue)}.phase-step.unavailable{color:var(--text-muted)}.phase-step.unavailable .phase-node{border-color:#c9d5e1;background:#f8fbfd}.phase-step.unavailable .phase-node:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:2px;border-radius:999px;background:#7b8492;transform:translate(-50%,-50%) rotate(-38deg)}.current-stage-badge{width:100%;min-width:72px;padding:4px 11px;color:var(--brand-deep-blue);background:var(--surface-blue);white-space:nowrap}.current-stage-badge--terminal{color:#4b5563;background:#e5e9ee}.pipeline-toggle{width:36px;height:36px;border:1px solid var(--border-glass);border-radius:var(--radius-md);justify-content:center;color:var(--brand-deep-blue);background:rgba(255,255,255,.68);box-shadow:var(--inner-highlight)}.pipeline-toggle svg{transition:transform .16s ease}.pipeline-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.pipeline-details-wrap{grid-column:1/-1}.pipeline-details{display:grid;grid-gap:16px;gap:16px;margin-top:2px;padding:18px;border:1px solid rgba(18,32,51,.07);border-radius:var(--radius-lg);background:rgba(255,255,255,.66)}.pipeline-details p{max-width:940px;margin:0;color:var(--text-secondary);line-height:1.5}.pipeline-details__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.pipeline-details__meta span{min-height:54px;padding:10px 12px;border:1px solid var(--border-hairline);border-radius:var(--radius-md);display:grid;grid-gap:4px;gap:4px;color:var(--text-secondary);background:rgba(255,255,255,.5);font-size:.82rem}.pipeline-details__meta strong{color:var(--text-muted);font-size:.68rem;text-transform:uppercase}.pipeline-details__footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.compact-tags{margin-bottom:0}.pipeline-row--limited{color:#5f6976;background:rgba(235,239,244,.74)}.pipeline-row--limited .pipeline-project__icon{color:#fff;background:#667085}.pipeline-row--limited .pipeline-project h3{color:#374151}.pipeline-row--limited .pipeline-project>div>span{color:#667085}.project-name-note{margin-left:.36em;color:#667085;font-size:.72em;font-style:italic;font-weight:520}.workspace-pending-link{width:-moz-fit-content;width:fit-content;min-width:0;gap:6px;font-size:.88rem;font-weight:760;color:var(--text-muted)}.source-badge,.tag-row span{display:inline-flex;min-height:24px;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;color:#31415f;background:#e9eef6;font-size:.72rem;font-weight:800}.wp-badge{color:#0f5138;background:#dff8ef}.idea-badge{color:var(--brand-deep-blue);background:var(--surface-blue)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag-row span{color:var(--brand-deep-blue);background:var(--surface-blue)}.primary-button{min-height:44px;border:1px solid color-mix(in srgb,var(--brand-deep-blue-active) 52%,white);border-radius:var(--radius-md);gap:8px;justify-content:center;color:#fff;background:linear-gradient(180deg,var(--brand-deep-blue) 0,var(--brand-deep-blue-active) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(16,24,40,.08);font-weight:720;text-decoration:none;transition:background .16s ease,transform .16s ease}.primary-button:hover{background:linear-gradient(180deg,var(--brand-deep-blue-hover) 0,var(--brand-deep-blue-active) 100%);transform:translateY(-1px)}.compact-button{min-height:40px;padding:0 14px}.panel{border-radius:var(--radius-xl);padding:clamp(20px,2.5vw,28px)}.panel-title{justify-content:space-between;gap:var(--cluster-gap);margin-bottom:18px}.panel-title h2{margin:7px 0 0;font-size:1.18rem;line-height:1.25;letter-spacing:-.01em}.suggestion-panel{display:grid;grid-gap:4px;gap:4px}.prototype-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.prototype-form label{display:grid;grid-gap:8px;gap:8px}.form-actions,.prototype-form label:nth-child(3),.prototype-form label:nth-child(4),.prototype-form label:nth-child(5),.prototype-form label:nth-child(6){grid-column:1/-1}.prototype-form label span{color:var(--text-primary);font-size:.86rem;font-weight:760}.prototype-form input,.prototype-form textarea{width:100%;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:rgba(255,255,255,.66);box-shadow:var(--inner-highlight);color:var(--text-primary)}.prototype-form input{min-height:48px;padding:0 14px}.prototype-form textarea{min-height:104px;padding:13px 14px;resize:vertical;line-height:1.45}.prototype-form input::placeholder,.prototype-form textarea::placeholder{color:var(--text-muted)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.form-actions .primary-button{min-width:176px;padding:0 18px}.form-status{margin:0;line-height:1.45}.form-status.success{color:var(--success)}.form-status.error{color:var(--danger)}.pin-page{width:100%;min-height:100dvh;display:grid;place-items:center;padding:clamp(24px,5vw,72px);background:linear-gradient(180deg,#f7fbff,#edf6fb)}.pin-card{width:min(440px,100%);padding:clamp(32px,5vw,48px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);background:rgba(255,255,255,.82);box-shadow:var(--shadow-md),var(--inner-highlight);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.pin-copy h1{margin:16px 0 0;font-size:2.35rem;line-height:1.15;letter-spacing:-.02em}.pin-copy p{min-height:28px;margin:14px 0 0;line-height:1.45}.pin-form{margin-top:34px}.pin-label{display:block}.pin-entry{position:relative;margin-top:14px}.pin-entry input{position:absolute;inset:0;z-index:2;min-height:70px;opacity:0}.pin-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.pin-slots span{min-height:76px;display:grid;place-items:center;border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:rgba(255,255,255,.66);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pin-entry:focus-within .pin-slots span{border-color:color-mix(in srgb,var(--focus-ring) 50%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-ring) 12%,transparent)}.pin-entry.locked .pin-slots span{border-color:rgba(194,65,58,.28);background:#fff0ef}.pin-slots span.filled:after{content:"";width:15px;height:15px;border-radius:999px;background:var(--brand-deep-blue)}.pin-entry.shake .pin-slots{animation:pin-shake .42s cubic-bezier(.36,.07,.19,.97)}.pin-status{min-height:20px;margin-top:18px;font-size:.84rem;line-height:1.45}@keyframes pin-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}.primary-button:hover{transform:none}}@media (max-width:760px){.app-shell{padding:0 0 72px;gap:24px}.app-shell>:where(.hero-panel,.pipeline-panel,.suggestion-panel){margin-inline:var(--page-gutter-compact)}.panel-title,.pipeline-panel__header,.top-bar{align-items:flex-start;flex-direction:column}.top-bar{margin:0;padding:14px var(--page-gutter-compact)}.header-status{justify-content:flex-start}.hero-panel{padding:4px 0 0}.hero-panel h1{font-size:2.15rem}.pipeline-panel{padding-inline:12px}.pipeline-summary{justify-content:flex-start}.pipeline-list{margin-inline:-12px;overflow:hidden;border-right:0;border-left:0;border-radius:0}.pipeline-wp-header{padding-inline:12px}.pipeline-row{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:14px;padding:16px 12px 20px}.pipeline-row+.pipeline-row{border-top-color:rgba(18,32,51,.16)}.phase-rail{grid-column:1/-1;height:48px;display:block;margin-inline:0;padding-top:10px}.pipeline-toggle{grid-column:2;grid-row:1;justify-self:end}.pipeline-details-wrap{grid-column:1/-1}.pipeline-details{padding:14px}.pipeline-details__meta{grid-template-columns:1fr}.pipeline-details__footer{align-items:flex-start;flex-direction:column}.pipeline-details__footer .primary-button{width:100%}.phase-rail:after,.phase-rail:before{top:18px;left:8px;right:8px}.phase-rail:after{width:calc(100% - 16px)}.phase-step{position:absolute;top:10px;width:max-content}.phase-step:first-child{left:0;justify-items:start;text-align:left}.phase-step:nth-child(2){left:33.333%;transform:translateX(-50%)}.phase-step:nth-child(3){left:66.667%;transform:translateX(-50%)}.phase-step:last-child{right:0;justify-items:end;text-align:right}.phase-step:first-child .phase-node{margin-inline:0 auto}.phase-step:last-child .phase-node{margin-inline:auto 0}.current-stage-badge{display:none}.form-actions,.prototype-form{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .primary-button{width:100%}}