@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-card:#e2e8f0;--border:#cbd5e1;--border-bright:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--teal:#00a38a;--teal-dim:#00c9a7;--teal-glow:#00a38a26;--navy:#e0e7ff;--accent-blue:#2563eb;--accent-amber:#d97706;--accent-red:#dc2626;--accent-purple:#7c3aed;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--journey-ambient-shadow:0 24px 48px -24px var(--text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--journey-ambient-shadow:0 24px 48px -24px color-mix(in srgb, var(--text-primary) 7%, transparent)}}:root{--journey-nudge-bg:var(--bg-surface)}@supports (color:color-mix(in lab, red, red)){:root{--journey-nudge-bg:color-mix(in srgb, var(--bg-surface) 92%, var(--text-primary))}}:root{--journey-nudge-bg-hover:var(--bg-surface)}@supports (color:color-mix(in lab, red, red)){:root{--journey-nudge-bg-hover:color-mix(in srgb, var(--bg-surface) 85%, var(--teal))}}:root{--journey-nudge-shadow:0 4px 16px var(--text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--journey-nudge-shadow:0 4px 16px color-mix(in srgb, var(--text-primary) 10%, transparent)}}.dark{--bg-base:#0a0e1a;--bg-surface:#111827;--bg-elevated:#1a2235;--bg-card:#1f2d45;--border:#2a3a54;--border-bright:#3a4f72;--text-primary:#e8f0fe;--text-secondary:#8fa8c8;--text-muted:#4d6585;--teal:#00c9a7;--teal-dim:#00a38a;--teal-glow:#00c9a726;--navy:#1c3557;--accent-blue:#4d9fff;--accent-amber:#f5a623;--accent-red:#ff5c5c;--accent-purple:#a78bfa;--journey-ambient-shadow:0 24px 48px -24px #00000073;--journey-nudge-bg:#111827eb;--journey-nudge-bg-hover:#1a2235f5;--journey-nudge-shadow:0 4px 20px #00000059}*{box-sizing:border-box}html,body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.grid-bg{background-image:linear-gradient(#00c9a708 1px,#0000 1px),linear-gradient(90deg,#00c9a708 1px,#0000 1px);background-size:40px 40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseRing{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.8)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:.4s both fadeInUp}.stagger-1{animation-delay:40ms}.stagger-2{animation-delay:80ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.16s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.24s}.stagger-7{animation-delay:.28s}.stagger-8{animation-delay:.32s}.stagger-9{animation-delay:.36s}.progress-shimmer{background:linear-gradient(90deg, var(--teal) 0%, #00c9a780 50%, var(--teal) 100%);background-size:200% 100%;animation:2s linear infinite shimmer}.pulse-dot{position:relative}.pulse-dot:after{content:"";background:inherit;border-radius:50%;animation:1.5s ease-out infinite pulseRing;position:absolute;inset:0}@keyframes journeyFlow{0%{background-position:0%}to{background-position:200%}}@keyframes journeyShimmer{0%,to{opacity:.35}50%{opacity:.85}}.journey-spin{animation:1.1s linear infinite spin}.project-journey-scroll{cursor:grab;-webkit-user-select:none;user-select:none}.project-journey-scroll.is-dragging{cursor:grabbing}.project-journey-scroll::-webkit-scrollbar{height:8px}.project-journey-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--teal-dim), var(--accent-blue));border-radius:4px}.journey-scroll-nudge{z-index:6;border:1px solid var(--border);background:var(--journey-nudge-bg);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--journey-nudge-shadow);border-radius:10px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.journey-scroll-nudge:hover{color:var(--teal);border-color:var(--teal)}@supports (color:color-mix(in lab, red, red)){.journey-scroll-nudge:hover{border-color:color-mix(in srgb, var(--teal) 40%, var(--border))}}.journey-scroll-nudge:hover{background:var(--journey-nudge-bg-hover)}.journey-scroll-nudge-left{left:2px}.journey-scroll-nudge-right{right:2px}.journey-connector{background:var(--bg-elevated);width:clamp(36px,5vw,64px);height:4px;box-shadow:inset 0 0 0 1px var(--border);border-radius:3px;flex-shrink:0;position:relative;overflow:hidden}.journey-connector:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--from), var(--to), var(--from));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.journey-connector:before{background:linear-gradient(90deg, color-mix(in srgb, var(--from) 25%, transparent), color-mix(in srgb, var(--to) 70%, transparent), color-mix(in srgb, var(--from) 25%, transparent))}}.journey-connector:before{background-size:200% 100%;animation:2.8s linear infinite journeyFlow}.journey-connector:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--text-primary) 50%, transparent 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.journey-connector:after{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--text-primary) 7%, transparent) 50%, transparent 100%)}}.journey-connector:after{pointer-events:none;background-position:0%;background-size:60% 100%;animation:1.6s linear infinite reverse journeyFlow}.dark .journey-connector:after{background:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%)}.journey-cap{background:var(--journey-c);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}@supports (color:color-mix(in lab, red, red)){.journey-cap{background:color-mix(in srgb, var(--journey-c) 12%, var(--bg-elevated))}}.journey-cap{border:1px solid var(--journey-c)}@supports (color:color-mix(in lab, red, red)){.journey-cap{border:1px solid color-mix(in srgb, var(--journey-c) 35%, var(--border))}}.journey-cap{box-shadow:0 0 20px var(--journey-c), inset 0 1px 0 #ffffffa6}@supports (color:color-mix(in lab, red, red)){.journey-cap{box-shadow:0 0 20px color-mix(in srgb, var(--journey-c) 14%, transparent), inset 0 1px 0 #ffffffa6}}.dark .journey-cap{box-shadow:0 0 20px var(--journey-c), inset 0 1px 0 #ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark .journey-cap{box-shadow:0 0 20px color-mix(in srgb, var(--journey-c) 18%, transparent), inset 0 1px 0 #ffffff0a}}.journey-cap-label{font-size:9px;font-weight:700;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase}.journey-node{cursor:pointer;text-align:center;width:124px;font:inherit;color:inherit;background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-surface) 100%);border:none;border-radius:16px;flex-shrink:0;margin:0 2px;padding:14px 10px 12px;position:relative}@supports (color:color-mix(in lab, red, red)){.journey-node{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 75%, var(--border)) 0%, var(--bg-surface) 100%)}}.journey-node{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.journey-node{border:1px solid color-mix(in srgb, var(--border) 70%, var(--bg-surface))}}.journey-node{box-shadow:0 2px 10px var(--text-primary), 0 0 0 1px var(--node-glow) inset}@supports (color:color-mix(in lab, red, red)){.journey-node{box-shadow:0 2px 10px color-mix(in srgb, var(--text-primary) 5%, transparent), 0 0 0 1px color-mix(in srgb, var(--node-glow) 18%, transparent) inset}}.journey-node{transition:transform .2s,box-shadow .2s,border-color .2s}.dark .journey-node{border:1px solid var(--border);box-shadow:0 4px 24px #00000040, 0 0 0 1px var(--node-glow) inset;background:linear-gradient(#1f2d45a6 0%,#111827eb 100%)}@supports (color:color-mix(in lab, red, red)){.dark .journey-node{box-shadow:0 4px 24px #00000040, 0 0 0 1px color-mix(in srgb, var(--node-glow) 15%, transparent) inset}}.journey-node:hover{border-color:var(--node-ring);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.journey-node:hover{border-color:color-mix(in srgb, var(--node-ring) 32%, var(--border))}}.journey-node:hover{box-shadow:0 10px 28px var(--text-primary), 0 0 0 1px var(--node-ring), 0 0 22px var(--node-glow)}@supports (color:color-mix(in lab, red, red)){.journey-node:hover{box-shadow:0 10px 28px color-mix(in srgb, var(--text-primary) 9%, transparent), 0 0 0 1px color-mix(in srgb, var(--node-ring) 22%, transparent), 0 0 22px color-mix(in srgb, var(--node-glow) 14%, transparent)}}.dark .journey-node:hover{border-color:var(--node-ring)}@supports (color:color-mix(in lab, red, red)){.dark .journey-node:hover{border-color:color-mix(in srgb, var(--node-ring) 45%, var(--border))}}.dark .journey-node:hover{box-shadow:0 12px 36px #00000059, 0 0 0 1px var(--node-ring), 0 0 28px var(--node-glow)}@supports (color:color-mix(in lab, red, red)){.dark .journey-node:hover{box-shadow:0 12px 36px #00000059, 0 0 0 1px color-mix(in srgb, var(--node-ring) 35%, transparent), 0 0 28px color-mix(in srgb, var(--node-glow) 22%, transparent)}}.journey-node:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.journey-node-ring{background:conic-gradient(from 220deg, var(--node-ring), var(--node-ring), var(--node-ring));border-radius:50%;width:40px;height:40px;position:absolute;top:10px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.journey-node-ring{background:conic-gradient(from 220deg, var(--node-ring), color-mix(in srgb, var(--node-ring) 20%, transparent), var(--node-ring))}}.journey-node-ring{opacity:.45;pointer-events:none;animation:3s ease-in-out infinite journeyShimmer}.journey-node-inner{z-index:1;background:var(--node-fill);border:2px solid var(--node-ring);width:36px;height:36px;box-shadow:0 0 16px var(--node-ring);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.journey-node-inner{box-shadow:0 0 16px color-mix(in srgb, var(--node-ring) 25%, transparent)}}.journey-node-week{font-size:9px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;font-weight:600;display:block}.journey-node-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.journey-node-meta{justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.journey-node-status-pill{font-size:9px;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.journey-node-progress{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.journey-node-milestone{font-size:9px;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:4px;max-width:100%;margin-top:8px;padding:3px 8px;display:inline-flex;overflow:hidden}@keyframes heroProgressFlow{0%{background-position:0%}to{background-position:200%}}.client-hero-progress-fill{animation:5s ease-in-out infinite heroProgressFlow}.client-page-public.grid-bg{background-image:linear-gradient(#00c9a70b 1px,#0000 1px),linear-gradient(90deg,#00c9a70b 1px,#0000 1px),radial-gradient(80% 50% at 50% -20%,#00c9a70f,#0000);background-size:40px 40px,40px 40px,100% 100%}@media (max-width:640px){.client-page-public{-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding-bottom:max(12px, env(safe-area-inset-bottom))}.client-page-public header.ultra-glass{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.client-page-public header.ultra-glass>div{flex-wrap:wrap;row-gap:10px;min-height:52px;padding-top:8px;padding-bottom:8px;height:auto!important}.client-page-public>main{max-width:100%;padding-left:max(16px, env(safe-area-inset-left))!important;padding-right:max(16px, env(safe-area-inset-right))!important;padding-top:24px!important;padding-bottom:max(40px, env(safe-area-inset-bottom))!important}.client-page-public .bento-card.animate-in{border-radius:22px!important;padding:22px 18px!important}.client-page-public .client-hero-inner{flex-direction:column!important;align-items:stretch!important;gap:18px!important}.client-page-public .client-hero-progress-aside{max-width:320px;flex-direction:column!important;align-self:center!important;gap:16px!important;width:100%!important;padding:18px 20px!important}.client-page-public .client-hero-progress-aside>div:last-child{text-align:center!important}.client-page-public .deliverable-hover-glow{border-radius:18px!important;padding:18px 16px!important}.client-page-public .client-page-toolbar{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.client-page-public .client-page-toolbar>div{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;margin-left:-4px;margin-right:-4px;padding-bottom:4px;padding-left:4px;padding-right:4px;overflow-x:auto;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;display:flex!important}.client-page-public .client-page-toolbar>div::-webkit-scrollbar{height:4px}.client-page-public .client-page-toolbar button{flex-shrink:0;min-height:40px;padding:8px 14px!important;font-size:13px!important}.client-page-public .client-page-group-header{flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important}.client-page-public .client-page-group-header>div:last-child{justify-content:space-between;width:100%}.client-page-public [id^=deliverable-]{scroll-margin-top:calc(72px + env(safe-area-inset-top))}.client-page-public .deliverable-card-readonly>div:first-child{grid-template-rows:auto auto auto;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:14px!important;display:grid!important}.client-page-public .deliverable-card-readonly>div:first-child>button:first-of-type{grid-area:1/1;width:36px!important;height:36px!important}.client-page-public .deliverable-card-readonly>div:first-child>div:first-of-type{grid-area:1/2;width:28px!important;height:28px!important}.client-page-public .deliverable-card-readonly>div:first-child>div:nth-of-type(2){grid-area:1/3;min-width:0}.client-page-public .deliverable-card-readonly>div:first-child>div:nth-of-type(2)>div:first-child{white-space:normal!important;text-overflow:unset!important;overflow:visible!important}.client-page-public .deliverable-card-readonly>div:first-child>div:nth-of-type(3){grid-area:2/1/auto/3;justify-self:start}.client-page-public .deliverable-card-readonly>div:first-child>div:nth-of-type(4){grid-area:2/3;justify-self:end;font-size:12px!important}.client-page-public .deliverable-card-readonly>div:first-child>div:nth-of-type(5){grid-area:3/1/auto/-1;width:100%!important;max-width:none!important}.client-page-public .deliverable-card-readonly>div:first-child>div:nth-of-type(5)>div:last-child{border-radius:3px!important;height:6px!important}.client-page-public .deliverable-card-readonly>div:nth-child(2)>div{grid-template-columns:1fr!important}}@keyframes ambientGlow{0%,to{opacity:.3;transform:scale(1)translate(0)}33%{opacity:.45;transform:scale(1.1)translate(30px,-40px)}66%{opacity:.25;transform:scale(.9)translate(-20px,30px)}}@keyframes floatOrb{0%,to{opacity:.25;transform:translateY(0)scale(1)rotate(0)}50%{opacity:.35;transform:translateY(-40px)scale(1.05)rotate(5deg)}}@keyframes dashProgress{0%{stroke-dashoffset:100px}}.ultra-glass{background:var(--bg-surface)}@supports (color:color-mix(in lab, red, red)){.ultra-glass{background:color-mix(in srgb, var(--bg-surface) 60%, transparent)}}.ultra-glass{-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.ultra-glass{border:1px solid color-mix(in srgb, var(--border) 60%, transparent)}}.ultra-glass{box-shadow:0 24px 60px -20px #0000004d,inset 0 1px #ffffff0d}.bento-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;position:relative;overflow:hidden}.bento-card:before{content:"";background:linear-gradient(90deg, transparent, var(--text-primary), transparent);width:50%;height:100%;position:absolute;top:0;left:-100%}@supports (color:color-mix(in lab, red, red)){.bento-card:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-primary) 5%, transparent), transparent)}}.bento-card:before{animation:6s infinite shimmerPan;transform:skew(-20deg)}@keyframes shimmerPan{0%{left:-100%}20%,to{left:200%}}.svg-progress-ring{transform-origin:50%;transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1);transform:rotate(-90deg)}.deliverable-hover-glow{transition:all .25s}.deliverable-hover-glow:hover{box-shadow:0 12px 32px var(--bg-base);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.deliverable-hover-glow:hover{box-shadow:0 12px 32px color-mix(in srgb, var(--bg-base) 80%, transparent)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
