:root{--font-display: "Clash Display", "Satoshi", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-heading: "Satoshi", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "General Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--text-hero: 3.5rem;--text-display: 2.5rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.0625rem;--text-body: 1rem;--text-body-sm: .9375rem;--text-sm: .8125rem;--text-xs: .75rem;--text-micro: .6875rem;--leading-heading: 1.15;--leading-body: 1.7;--leading-tight: 1.3;--leading-snug: 1.45;--tracking-tighter: -.03em;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .08em;--sp-0: 0;--sp-0-5: .125rem;--sp-1: .25rem;--sp-1-5: .375rem;--sp-2: .5rem;--sp-2-5: .625rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-32: 8rem;--color-base: #06070a;--color-surface-1: rgba(255, 255, 255, .025);--color-surface-2: rgba(255, 255, 255, .045);--color-surface-3: rgba(255, 255, 255, .065);--color-surface-raised: rgba(255, 255, 255, .03);--color-surface-overlay: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .06);--color-surface-active: rgba(255, 255, 255, .08);--color-text-primary: #eeeef0;--color-text-secondary: #a0a0ac;--color-text-tertiary: #65656f;--color-text-ghost: #3a3a44;--color-border-subtle: rgba(255, 255, 255, .06);--color-border-medium: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .16);--color-pxl-purple: #6B3FA0;--color-accent: #e4003c;--color-accent-hover: color-mix(in srgb, var(--color-accent) 85%, white);--color-accent-muted: color-mix(in srgb, var(--color-accent) 15%, transparent);--color-accent-subtle: color-mix(in srgb, var(--color-accent) 8%, transparent);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px color-mix(in srgb, var(--color-accent) 25%, transparent);--shadow-ring: 0 0 0 1px var(--color-border-subtle);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--width-sidebar: 240px;--width-prose: 860px;--width-page: 1200px;--height-topbar: 47px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;font-size:16px;-moz-tab-size:4;tab-size:4}body{font-family:var(--font-body);font-size:var(--text-body);font-weight:500;line-height:var(--leading-body);color:var(--color-text-primary);background-color:var(--color-base);min-height:100dvh}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 2px var(--color-accent-muted)}ul,ol{list-style:none}table{border-collapse:collapse}::selection{background:var(--color-accent-muted);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;letter-spacing:var(--tracking-tighter);margin-bottom:var(--sp-6)}h2{font-size:var(--text-h2);margin-bottom:var(--sp-5)}h3{font-size:var(--text-h3);margin-top:var(--sp-8);margin-bottom:var(--sp-3)}h4{font-size:var(--text-h4);margin-top:var(--sp-6);margin-bottom:var(--sp-2)}p{color:var(--color-text-secondary);line-height:var(--leading-body)}strong{font-weight:700;color:var(--color-text-primary)}code{font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background:var(--color-surface-raised);border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:500;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-muted)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{height:30px;padding:0 var(--sp-3);font-size:var(--text-xs)}.btn-md{height:36px;padding:0 var(--sp-4);font-size:var(--text-sm)}.btn-lg{height:44px;padding:0 var(--sp-6);font-size:var(--text-body);border-radius:var(--radius-lg)}.btn-primary,.btn-accent{background:var(--color-accent);color:#fff}.btn-primary:hover,.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-primary:active,.btn-accent:active{transform:translateY(0)}.btn-secondary{background:transparent;border:1px solid var(--color-border-medium);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 var(--sp-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);white-space:nowrap}.badge-accent{background:var(--color-accent-subtle);border-color:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-accent)}.input{width:100%;height:36px;padding:0 var(--sp-3);font-size:var(--text-body-sm);color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out)}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-border-medium);background:var(--color-surface-hover);box-shadow:0 0 0 3px var(--color-accent-subtle)}.textarea{width:100%;min-height:80px;padding:var(--sp-3);font-size:var(--text-body-sm);color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);resize:vertical;transition:all var(--duration-normal) var(--ease-out)}.textarea:focus{border-color:var(--color-border-medium);background:var(--color-surface-hover);box-shadow:0 0 0 3px var(--color-accent-subtle)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.label{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary)}.divider{height:1px;background:var(--color-border-subtle)}.skeleton{background:linear-gradient(90deg,var(--color-surface-raised) 25%,var(--color-surface-hover) 50%,var(--color-surface-raised) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.section-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:600;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--sp-10)}.fade-in{animation:fadeIn .5s var(--ease-out) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.offer-layout{display:flex;min-height:100dvh;max-width:calc(var(--width-sidebar) + var(--width-prose) + var(--sp-16) * 2);margin:0 auto}.offer-sidebar{position:sticky;top:0;width:var(--width-sidebar);height:100dvh;flex-shrink:0;display:flex;flex-direction:column;padding:var(--sp-8) var(--sp-6);border-right:1px solid var(--color-border-subtle);background:var(--color-base);z-index:100;overflow-y:auto;scrollbar-width:none}.offer-sidebar::-webkit-scrollbar{display:none}.offer-sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-10);flex-shrink:0}.offer-sidebar__brand-name{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.offer-sidebar__meta{margin-bottom:var(--sp-8);padding-bottom:var(--sp-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.offer-sidebar__client-logo{height:18px;width:auto;display:block;margin-bottom:var(--sp-3)}.offer-sidebar__client{font-family:var(--font-heading);font-size:var(--text-body-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--sp-1)}.offer-sidebar__date{font-size:var(--text-xs);color:var(--color-text-ghost)}.offer-sidebar__label{font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-ghost);margin-bottom:var(--sp-3)}.offer-sidebar__nav{display:flex;flex-direction:column;gap:var(--sp-0-5);flex:1}.offer-sidebar__nav-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-weight:400;color:var(--color-text-tertiary);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;text-decoration:none;border:none;background:none;text-align:left;width:100%;position:relative}.offer-sidebar__nav-item:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.offer-sidebar__nav-item--active{color:var(--color-text-primary);font-weight:500}.offer-sidebar__nav-item--active:before{content:"";position:absolute;left:calc(-1 * var(--sp-6));top:50%;transform:translateY(-50%);width:2px;height:20px;background:var(--color-accent);border-radius:1px}.offer-sidebar__footer{margin-top:auto;padding-top:var(--sp-6);flex-shrink:0;display:flex;flex-direction:column;gap:var(--sp-4)}.offer-sidebar__pdf{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:var(--sp-2-5) 0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.offer-sidebar__pdf:hover{color:var(--color-text-primary);border-color:var(--color-border-medium);background:var(--color-surface-hover)}.offer-sidebar__progress{flex-shrink:0}.offer-sidebar__progress-bar{width:100%;height:2px;background:var(--color-surface-2);border-radius:1px;overflow:hidden;margin-bottom:var(--sp-2)}.offer-sidebar__progress-fill{height:100%;background:var(--color-accent);border-radius:1px;transition:width var(--duration-normal) var(--ease-out)}.offer-sidebar__progress-text{font-size:var(--text-sm);color:var(--color-text-ghost);font-variant-numeric:tabular-nums}.offer-main{flex:1;min-width:0;display:flex;flex-direction:column}.offer-hero{width:100%;max-width:var(--width-prose);padding:var(--sp-8) var(--sp-16) var(--sp-20);position:relative;overflow:hidden}.offer-hero__eyebrow{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent);margin-bottom:var(--sp-4)}.offer-hero__title{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:1.15;letter-spacing:var(--tracking-tighter);color:var(--color-text-primary);margin-bottom:var(--sp-2)}.offer-hero__meta{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap}.offer-hero__meta strong{color:var(--color-text-primary);font-weight:600}.offer-hero__sep{width:3px;height:3px;border-radius:50%;background:var(--color-text-ghost);flex-shrink:0}.offer-hero__accent{position:absolute;top:0;left:-20%;width:140%;height:100%;background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--color-accent) 12%,transparent) 0%,transparent 60%);pointer-events:none;z-index:-1}.offer-content{max-width:var(--width-prose);width:100%;padding:0 var(--sp-16) var(--sp-16)}.offer-content>section{margin-bottom:var(--sp-16)}.offer-content>section:last-child{margin-bottom:var(--sp-16)}.offer-summary{max-width:var(--width-prose);width:100%;padding:var(--sp-16) var(--sp-16) var(--sp-24);border-top:1px solid var(--color-border-subtle)}.offer-summary__title{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--sp-10)}.offer-summary__lines{display:flex;flex-direction:column;margin-bottom:var(--sp-10)}.offer-summary__line{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0;border-bottom:1px solid var(--color-border-subtle)}.offer-summary__line-label{font-size:var(--text-body);color:var(--color-text-secondary)}.offer-summary__line-label--excluded{color:var(--color-text-ghost);text-decoration:line-through}.offer-summary__line-price{font-size:var(--text-body);font-weight:500;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.offer-summary__line-price--excluded{color:var(--color-text-ghost);text-decoration:line-through}.offer-summary__total{display:flex;align-items:baseline;justify-content:space-between;padding:var(--sp-8) 0}.offer-summary__total-label{font-size:var(--text-h3);font-weight:500;color:var(--color-text-primary)}.offer-summary__total-value{font-family:var(--font-display);font-size:var(--text-hero);font-weight:600;color:var(--color-accent);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tighter)}.offer-summary__actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-6)}.price-pill{position:fixed;bottom:var(--sp-8);right:var(--sp-8);z-index:200;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--color-surface-2);border:1px solid var(--color-border-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(12px);transition:all var(--duration-slow) var(--ease-out);pointer-events:none}.price-pill--visible{opacity:1;transform:translateY(0);pointer-events:auto}.price-pill__label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.price-pill__value{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.price-pill__delta{font-size:var(--text-xs);font-weight:500;font-variant-numeric:tabular-nums}.price-pill__delta--positive{color:var(--color-accent)}.price-pill__delta--negative{color:var(--color-text-ghost)}.mobile-topbar{display:none}@media(max-width:900px){.mobile-topbar{display:block;position:fixed;top:0;left:0;right:0;z-index:200;background:var(--color-base);border-bottom:1px solid var(--color-border-subtle)}.mobile-topbar__bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5)}.mobile-topbar__x{font-size:var(--text-body);color:var(--color-text-tertiary);font-weight:300;line-height:1}.mobile-topbar__logo{height:14px;width:auto}.mobile-topbar__client{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:500}.mobile-topbar__actions{display:flex;align-items:center;gap:var(--sp-1);margin-left:auto}.mobile-topbar__btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.mobile-topbar__btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.mobile-topbar__comment-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;color:#fff;background:var(--color-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.mobile-topbar__progress{height:2px;background:var(--color-accent);transition:width var(--duration-normal) var(--ease-out)}.offer-sidebar{display:none}.offer-layout{max-width:none;padding-top:var(--height-topbar)}.offer-main{margin-left:0}.offer-hero{padding:var(--sp-6) var(--sp-5) var(--sp-8)}.offer-hero__eyebrow{font-size:var(--text-micro);margin-bottom:var(--sp-2)}.offer-hero__title{font-size:var(--text-h1);margin-bottom:var(--sp-4)}.offer-hero__meta{flex-direction:column;gap:var(--sp-0-5);align-items:flex-start}.offer-hero__sep{display:none}.offer-content{padding:0 var(--sp-5) var(--sp-8)}.offer-content>section{margin-bottom:var(--sp-10);padding-bottom:var(--sp-10);border-bottom:1px solid var(--color-border-subtle)}.offer-content>section:last-child{border-bottom:none;padding-bottom:0}.section-title{font-size:var(--text-h2);margin-bottom:var(--sp-5)}.offer-summary{padding:var(--sp-8) var(--sp-5) var(--sp-12)}.base-summary__line{flex-direction:column;gap:var(--sp-1)}.base-summary__line span:last-child{font-size:var(--text-sm);color:var(--color-text-tertiary)}.base-summary__subtotal{flex-direction:column;gap:var(--sp-1);align-items:flex-start}.base-summary__subtotal span:last-child{font-size:var(--text-h3)}.price-pill{display:none}}.prose{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2{font-size:var(--text-h3);margin-top:var(--sp-12);margin-bottom:var(--sp-5)}.prose h3{font-size:var(--text-h4);margin-top:var(--sp-10);margin-bottom:var(--sp-4)}.prose h4{font-size:var(--text-body);font-weight:600;margin-top:var(--sp-8);margin-bottom:var(--sp-3)}.prose p{margin-bottom:var(--sp-6)}.prose ul,.prose ol{padding-left:var(--sp-6);margin-bottom:var(--sp-5)}.prose ul{list-style:none}.prose ul>li{position:relative;padding-left:var(--sp-1)}.prose ul>li:before{content:"";position:absolute;left:calc(-1 * var(--sp-4));top:.7em;width:5px;height:5px;border-radius:50%;background:var(--color-text-ghost)}.prose ol{list-style:none;counter-reset:prose-steps;padding-left:var(--sp-10)}.prose ol>li{counter-increment:prose-steps;position:relative;padding-left:var(--sp-1);padding-bottom:var(--sp-3);border-left:1px solid var(--color-border-subtle);margin-left:calc(-1 * var(--sp-5));padding-left:var(--sp-5)}.prose ol>li:last-child{border-left-color:transparent;padding-bottom:0}.prose ol>li:before{content:counter(prose-steps);position:absolute;left:calc(-1 * var(--sp-3) - 1px);top:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;color:var(--color-accent);background:var(--color-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full)}.prose li{margin-bottom:var(--sp-2);color:var(--color-text-secondary);line-height:var(--leading-body)}.prose strong{font-weight:600;color:var(--color-text-primary)}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--color-accent) 40%,transparent);transition:text-decoration-color var(--duration-fast) var(--ease-out)}.prose a:hover{text-decoration-color:var(--color-accent)}.prose blockquote{border-left:3px solid var(--color-accent-muted);padding:var(--sp-1) 0 var(--sp-1) var(--sp-5);margin-bottom:var(--sp-5);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.875em;padding:.15em .4em;background:var(--color-surface-raised);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.prose pre{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--sp-5);overflow-x:auto;margin-bottom:var(--sp-5)}.prose pre code{padding:0;background:none;border:none;font-size:var(--text-sm);line-height:var(--leading-snug)}.prose hr{border:none;height:1px;background:var(--color-border-subtle);margin:var(--sp-10) 0}.prose table{width:100%;font-size:var(--text-body-sm);margin-bottom:var(--sp-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden}.prose th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border-subtle)}.prose td{padding:var(--sp-3) var(--sp-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}.prose tr:last-child td{border-bottom:none}.prose img{border-radius:var(--radius-lg);margin:var(--sp-6) 0}.prose .mobile-only{display:none}@media(max-width:600px){.prose .desktop-only{display:none}.prose .mobile-only{display:block}}.phase{background:var(--color-surface-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);overflow:hidden;transition:opacity var(--duration-slow) var(--ease-out)}.phase--excluded{opacity:.4}.phase--excluded:hover{opacity:.65}.phase-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6);padding:var(--sp-8) var(--sp-8) var(--sp-5)}.phase-header__info{display:flex;flex-direction:column;gap:var(--sp-1)}.phase-header__title{font-family:var(--font-heading);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.phase-header__description{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-snug)}.phase-header__right{display:flex;align-items:center;gap:var(--sp-4);flex-shrink:0}.phase-header__pricing{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.phase-price-label{font-size:var(--text-micro);color:var(--color-text-ghost);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.phase-price{font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.phase-price--excluded{color:var(--color-text-ghost);text-decoration:line-through}.phase-body{padding:0 var(--sp-8) var(--sp-6)}.phase-tasks{width:100%;font-size:var(--text-sm)}.phase-tasks th{font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-ghost);text-align:left;padding:var(--sp-2) 0;border-bottom:1px solid var(--color-border-subtle)}.phase-tasks th:last-child{text-align:right}.phase-tasks td{padding:var(--sp-2) 0;color:var(--color-text-secondary);line-height:var(--leading-snug)}.phase-tasks td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);white-space:nowrap;padding-left:var(--sp-6)}.phase-tasks tbody tr{border-bottom:1px solid rgba(255,255,255,.03)}.phase-tasks tbody tr:last-child{border-bottom:none}.phase-tasks__group-header td{padding-top:var(--sp-5);padding-bottom:var(--sp-2);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary);border-bottom:none}.phase-tasks__grouped td:first-child{padding-left:var(--sp-4)}.phase-tasks__group-subtotal td{padding-top:var(--sp-2);padding-bottom:var(--sp-4);font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);font-style:italic;border-bottom:1px solid var(--color-border-subtle)}.phase-tasks__group-subtotal td:first-child{padding-left:var(--sp-4)}.phase-tasks__total td{padding-top:var(--sp-3);font-weight:600;color:var(--color-text-primary);border-top:1px solid var(--color-border-subtle)}.phase-tasks__buffer td{padding-top:var(--sp-1);font-size:var(--text-micro);color:var(--color-text-ghost);font-style:italic}.selection-toggle{display:inline-flex;align-items:center;height:28px;padding:0 var(--sp-3);font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;white-space:nowrap}.selection-toggle--included{background:var(--color-accent);color:#fff}.selection-toggle--included:hover{background:var(--color-accent-hover)}.selection-toggle--excluded{background:transparent;color:var(--color-text-ghost);border:1px solid var(--color-border-subtle)}.selection-toggle--excluded:hover{color:var(--color-text-tertiary);border-color:var(--color-border-medium)}.agreements-list{display:flex;flex-direction:column;gap:var(--sp-8)}.tier-selector{display:flex;flex-direction:column;gap:var(--sp-5)}.tier-selector__tabs{display:inline-flex;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:3px;gap:2px}.tier-tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:calc(var(--radius-md) - 2px);font-family:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;background:none;color:var(--color-text-tertiary);white-space:nowrap}.tier-tab:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.tier-tab--active{background:var(--color-accent);color:#fff}.tier-tab--active:hover{background:var(--color-accent-hover);color:#fff}.tier-tab__name{font-weight:600;display:flex;align-items:center;gap:var(--sp-1-5)}.tier-tab__dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.tier-tab__hours{font-weight:400;opacity:.7}.tier-selector__price{display:flex;align-items:baseline;gap:var(--sp-1)}.tier-selector__amount{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;color:var(--color-accent);font-variant-numeric:tabular-nums}.tier-selector__period{font-size:var(--text-sm);color:var(--color-text-ghost)}.flat-agreement{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.flat-agreement__title{font-family:var(--font-heading);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.flat-agreement__price{font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.flat-agreement__period{font-weight:400;color:var(--color-text-ghost)}.base-summary__group{display:flex;flex-direction:column}.base-summary__group+.base-summary__group{margin-top:var(--sp-10)}.base-summary__label{font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-ghost);margin-bottom:var(--sp-4)}.base-summary__line{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) 0;font-size:var(--text-body);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;border-bottom:1px solid rgba(255,255,255,.03)}.base-summary__line:last-of-type{border-bottom:none}.base-summary__line span:last-child{white-space:nowrap;flex-shrink:0}.base-summary__line--excluded{color:var(--color-text-ghost);text-decoration:line-through}.base-summary__subtotal{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--sp-4);margin-top:var(--sp-2);font-variant-numeric:tabular-nums}.base-summary__subtotal span:first-child{font-size:var(--text-body);color:var(--color-text-tertiary)}.base-summary__subtotal span:last-child{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;color:var(--color-accent)}.tech-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tech-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--color-surface-1);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);transition:border-color var(--duration-fast) var(--ease-out)}.tech-item:hover{border-color:var(--color-border-medium)}.tech-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--color-accent-subtle);color:var(--color-accent);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.tech-icon-img{width:18px;height:18px;flex-shrink:0;opacity:.7}.tech-info{display:flex;align-items:baseline;gap:var(--sp-1-5)}.tech-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.tech-role{font-size:var(--text-xs);color:var(--color-text-ghost)}.team-org{display:flex;flex-direction:column;gap:var(--sp-8)}.team-org__lead{display:flex}.team-org__row{display:flex;gap:var(--sp-8)}.team-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);min-width:180px}.team-card__photo{border-radius:50%;overflow:hidden;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-subtle);transition:border-color var(--duration-normal) var(--ease-out)}.team-card:hover .team-card__photo,.team-card--lead .team-card__photo{border-color:var(--color-accent-muted)}.team-card__photo img{width:100%;height:100%;object-fit:cover}.team-card__initials{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:700;color:var(--color-accent)}.team-card__name{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:600;color:var(--color-text-primary)}.team-card__role{font-size:var(--text-body-sm);color:var(--color-text-secondary);margin-top:calc(-1 * var(--sp-1))}.team-card__badges{display:flex;gap:var(--sp-1-5);justify-content:center}.team-card__badge{font-size:var(--text-xs);font-weight:500;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);padding:2px var(--sp-2);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.team-card__contact{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.team-card__contact a{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.team-card__contact a:hover{color:var(--color-text-secondary)}@media(max-width:600px){.team-org{gap:var(--sp-5)}.team-org__lead{justify-content:flex-start}.team-org__row{flex-direction:column;align-items:flex-start;gap:var(--sp-5)}.team-card{flex-direction:column;align-items:flex-start;text-align:left;gap:var(--sp-2)}.team-card__name{font-size:var(--text-body)}.team-card__role{margin-top:0}.team-card__badges{justify-content:flex-start}.team-card__contact{flex-direction:row;gap:var(--sp-3);flex-wrap:wrap}.team-card__photo{width:44px!important;height:44px!important}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-5)}.product-card{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-medium)}.product-card__image-wrap{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-surface-2);position:relative}.product-card__image-wrap:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(6,7,10,.3));pointer-events:none}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.product-card:hover .product-card__image{transform:scale(1.03)}.product-card__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.product-card__name{font-family:var(--font-heading);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.product-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug)}.product-card__specs{display:flex;flex-wrap:wrap;gap:var(--sp-1-5)}.product-card__spec{font-size:var(--text-xs);font-weight:500;color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);padding:2px var(--sp-2);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.product-card__price{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums;margin-top:var(--sp-2)}.product-table{width:100%;font-size:var(--text-sm);margin-top:var(--sp-6)}.product-table th{font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-ghost);text-align:left;padding:var(--sp-2) 0;border-bottom:1px solid var(--color-border-subtle)}.product-table td{padding:var(--sp-3) 0;color:var(--color-text-secondary);line-height:var(--leading-snug);border-bottom:1px solid rgba(255,255,255,.03)}.product-table tbody tr:last-child td{border-bottom:none}.product-table__name{display:block;font-weight:500;color:var(--color-text-primary)}.product-table__desc{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.product-table__col-price{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:var(--sp-6)}.product-table__total td{padding-top:var(--sp-3);font-weight:600;color:var(--color-text-primary);border-top:1px solid var(--color-border-subtle);border-bottom:none}.product-table__total .product-table__col-price{font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;color:var(--color-accent)}.timeline-section__title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:600;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--sp-8)}.timeline-track{display:flex;flex-direction:column;gap:0;padding-left:var(--sp-1);position:relative}.timeline-track:before{content:"";position:absolute;left:calc(var(--sp-1) + 5.5px);top:0;bottom:0;width:1px;background:var(--color-border-subtle)}.timeline-node{display:flex;gap:var(--sp-5);padding-bottom:var(--sp-8);position:relative}.timeline-node--completed:before,.timeline-node--current:before{content:"";position:absolute;left:5.5px;top:9px;width:1px;height:calc(100% - 9px);z-index:0}.timeline-node--completed:before{background:var(--color-accent)}.timeline-node--current:before{background:linear-gradient(to bottom,var(--color-accent),transparent 70%)}.timeline-node__track{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0}.timeline-node__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-ghost);flex-shrink:0;position:relative;z-index:1;margin:5px auto 0}.timeline-node--current .timeline-node__dot{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent-muted)}.timeline-node--completed .timeline-node__dot{background:var(--color-accent)}.timeline-node__pulse{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--color-accent);opacity:0;animation:timelinePulse 2s var(--ease-out) infinite}@keyframes timelinePulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.timeline-node__line{display:none}.timeline-node__content{display:flex;flex-direction:column;gap:var(--sp-1);padding-bottom:var(--sp-2);min-width:0}.timeline-node__title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.timeline-node--upcoming .timeline-node__title{color:var(--color-text-secondary)}.timeline-node__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-snug)}.timeline-node__date{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-text-ghost)}.timeline-node__status{font-family:var(--font-body);font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-tertiary)}.timeline-node--current .timeline-node__status{background:var(--color-accent-muted);color:var(--color-accent)}@media(max-width:600px){.product-grid{grid-template-columns:1fr}.product-card__image-wrap{aspect-ratio:16 / 9}.product-card__body{padding:var(--sp-4)}.phase{border-radius:var(--radius-md)}.phase-header{flex-direction:column;gap:var(--sp-3);padding:var(--sp-4)}.phase-header__title{font-size:var(--text-body-sm)}.phase-header__description{font-size:var(--text-xs)}.phase-header__right{flex-direction:row-reverse;width:100%;justify-content:space-between}.phase-price{font-size:var(--text-sm)}.phase-body{padding:0 var(--sp-4) var(--sp-4)}.phase-tasks{font-size:var(--text-xs)}.phase-tasks th{font-size:7pt;padding:var(--sp-1) 0}.phase-tasks td{padding:var(--sp-1-5) 0}.phase-tasks__group-header td{padding-top:var(--sp-3);font-size:7pt}.phase-tasks__grouped td:first-child,.phase-tasks__group-subtotal td:first-child{padding-left:var(--sp-2)}.tier-selector__tabs{flex-direction:column;width:100%}.tier-tab{justify-content:space-between}.tier-selector__amount{font-size:var(--text-h3)}.tech-grid{gap:var(--sp-1-5)}.tech-item{padding:var(--sp-1-5) var(--sp-2);font-size:var(--text-xs)}.tech-icon-img{width:14px;height:14px}.flat-agreement{padding:var(--sp-4);flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.prose table{font-size:var(--text-xs)}.prose th,.prose td{padding:var(--sp-2) var(--sp-1-5)}}.commentable-block{position:relative;padding-left:var(--sp-12);margin-left:calc(-1 * var(--sp-12));border-left:2px solid transparent;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.commentable-block:hover{border-left-color:var(--color-border-medium);background:#ffffff04}.commentable-block--has-comments{border-left-color:var(--color-accent)}.commentable-block--has-comments:hover{border-left-color:var(--color-accent-hover);background:var(--color-accent-subtle)}.commentable-block__trigger{position:absolute;left:calc(var(--sp-12) / 2);top:0;transform:translate(-50%) scale(.85);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);color:var(--color-text-secondary);z-index:2}.commentable-block:hover .commentable-block__trigger{opacity:1;transform:translate(-50%) scale(1)}.commentable-block__trigger:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.commentable-block--has-comments .commentable-block__trigger{opacity:1;transform:translate(-50%) scale(1);background:none;border-color:transparent}.commentable-block__icon{width:14px;height:14px}.commentable-block__badge{min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:var(--color-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;line-height:1}.block-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.block-popover{position:fixed;width:400px;z-index:200;background:color-mix(in srgb,var(--color-base) 96%,white);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fadeInScale .15s var(--ease-out) both;overflow:hidden}.block-popover__threads{max-height:400px;overflow-y:auto}.block-popover__list{display:flex;flex-direction:column}.block-popover__item{display:block;width:100%;padding:var(--sp-4);text-align:left;background:none;border:none;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;font-family:inherit;color:inherit;transition:background var(--duration-fast) var(--ease-out)}.block-popover__item:last-child{border-bottom:none}.block-popover__item:hover{background:var(--color-surface-hover)}.block-popover__item--resolved{opacity:.5}.block-popover__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-1)}.block-popover__item-author{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.block-popover__item-replies{font-size:var(--text-micro);color:var(--color-accent);font-weight:600}.block-popover__item-body{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--leading-body);margin:0}.block-popover__add{display:block;width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);font-weight:500;font-family:inherit;color:var(--color-text-tertiary);background:none;border:none;border-top:1px solid var(--color-border-subtle);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.block-popover__add:hover{color:var(--color-accent);background:var(--color-surface-hover)}.block-popover__composer{padding:var(--sp-4);border-top:1px solid var(--color-border-subtle)}.block-popover__input{display:block;width:100%;padding:var(--sp-3);font-size:var(--text-body-sm);font-family:var(--font-body);font-weight:500;color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);resize:none;outline:none;line-height:var(--leading-body);transition:border-color var(--duration-fast) var(--ease-out)}.block-popover__input:focus{border-color:var(--color-accent)}.block-popover__input::placeholder{color:var(--color-text-ghost)}.block-popover__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}.comment-thread{width:100%;overflow:hidden}.comment-thread__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border-subtle)}.comment-thread__time{font-size:var(--text-micro);color:var(--color-text-ghost)}.comment-thread__actions{display:flex;gap:var(--sp-1)}.comment-thread__resolve,.comment-thread__close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-text-tertiary);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.comment-thread__resolve:hover{color:#00b368;background:#00b3681a}.comment-thread__close:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.comment-thread__quoted{padding:var(--sp-4);font-size:var(--text-sm);font-style:italic;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border-subtle);border-left:2px solid var(--color-border-medium);margin:var(--sp-3) var(--sp-4);line-height:var(--leading-body);background:var(--color-surface-1);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.comment-thread__message{display:flex;gap:var(--sp-3);padding:var(--sp-4)}.comment-thread__message--reply{padding-left:var(--sp-5);border-top:1px solid var(--color-border-subtle)}.comment-thread__avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comment-thread__content{display:flex;flex-direction:column;gap:var(--sp-0-5);min-width:0}.comment-thread__author{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--sp-1-5)}.comment-thread__admin-badge{font-size:9px;font-weight:700;letter-spacing:.05em;color:#fff;background:var(--color-pxl-purple);padding:1px 5px;border-radius:var(--radius-sm);line-height:1.4}.comment-thread__body{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--leading-body);word-wrap:break-word}.comment-thread__reply{padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--color-border-subtle)}.comment-thread__input{width:100%;padding:var(--sp-1-5) var(--sp-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.comment-thread__input:focus{border-color:var(--color-accent)}.comment-thread__input::placeholder{color:var(--color-text-ghost)}::selection{background:color-mix(in srgb,var(--color-accent) 45%,transparent)}@media(max-width:900px){.commentable-block{padding-left:var(--sp-8);margin-left:calc(-1 * var(--sp-8))}.commentable-block__trigger{left:calc(var(--sp-8) / 2);width:28px;height:28px}.block-popover{position:fixed;left:var(--sp-4)!important;right:var(--sp-4);bottom:0;top:auto!important;width:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60dvh;animation:slideUp .2s var(--ease-out) both;overflow-y:auto}}@media(max-width:480px){.commentable-block{padding-left:var(--sp-6);margin-left:calc(-1 * var(--sp-6))}.commentable-block__trigger{left:calc(var(--sp-6) / 2);width:24px;height:24px}}.mobile-comment-backdrop,.mobile-comment-panel{display:none}@media(max-width:900px){.mobile-comment-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;background:#00000080;animation:fadeIn .15s var(--ease-out) both}.mobile-comment-panel{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;z-index:300;max-height:85dvh;background:var(--color-base);border-top:1px solid var(--color-border-medium);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUp .2s var(--ease-out) both}.mobile-comment-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.mobile-comment-panel__title{font-family:var(--font-heading);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.mobile-comment-panel__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-tertiary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.mobile-comment-panel__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-comment-panel__empty{padding:var(--sp-10) var(--sp-5);text-align:center;font-size:var(--text-sm);color:var(--color-text-ghost)}.mobile-comment-panel__group{border-bottom:1px solid var(--color-border-subtle)}.mobile-comment-panel__section-label{padding:var(--sp-3) var(--sp-5) var(--sp-1);font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-ghost)}.mobile-comment-panel__item{display:block;width:100%;padding:var(--sp-3) var(--sp-5);text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;color:inherit;transition:background var(--duration-fast) var(--ease-out)}.mobile-comment-panel__item:active{background:var(--color-surface-hover)}.mobile-comment-panel__item--resolved{opacity:.5}.mobile-comment-panel__item-row{display:flex;gap:var(--sp-3)}.mobile-comment-panel__avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-comment-panel__item-content{display:flex;flex-direction:column;gap:var(--sp-0-5);min-width:0}.mobile-comment-panel__item-header{display:flex;align-items:center;gap:var(--sp-2)}.mobile-comment-panel__item-author{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.mobile-comment-panel__item-time{font-size:var(--text-micro);color:var(--color-text-ghost)}.mobile-comment-panel__item-body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-comment-panel__item-replies{font-size:var(--text-micro);color:var(--color-accent);font-weight:600}.mobile-comment-panel__composer{display:flex;gap:var(--sp-2);align-items:flex-end;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.mobile-comment-panel__input{flex:1;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-family:var(--font-body);font-weight:500;color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);resize:none;outline:none;line-height:1.5;transition:border-color var(--duration-fast) var(--ease-out)}.mobile-comment-panel__input:focus{border-color:var(--color-accent)}.mobile-comment-panel__input::placeholder{color:var(--color-text-ghost)}.mobile-comment-panel__submit{flex-shrink:0}}.expired{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--sp-8) var(--sp-5);position:relative;overflow:hidden;background:#06070a}.expired:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 15% 10%,color-mix(in srgb,var(--color-accent) 7%,transparent),transparent 70%),radial-gradient(ellipse 50% 40% at 85% 85%,color-mix(in srgb,var(--color-accent) 5%,transparent),transparent 70%);pointer-events:none}.expired__grain{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/grain.png) repeat;background-size:256px;mix-blend-mode:overlay;opacity:.4;pointer-events:none;z-index:1}.expired__glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(255,255,255,.018) 0%,transparent 70%);mix-blend-mode:lighten;pointer-events:none}.expired__glow-accent{position:absolute;bottom:-10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 5%,transparent) 0%,transparent 65%);pointer-events:none}.expired__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:480px;width:100%;gap:var(--sp-3)}.expired__header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-10);animation:fadeIn .6s var(--ease-out) both}.expired__sep{width:1px;height:20px;background:color-mix(in srgb,white 10%,transparent)}.expired__client-logo{height:20px;width:auto;opacity:.75;filter:grayscale(.3)}.expired__client-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.expired__icon{margin-bottom:var(--sp-4);animation:fadeIn .7s var(--ease-out) .1s both;opacity:.85}.expired__body{display:flex;flex-direction:column;gap:var(--sp-3);align-items:center;animation:fadeIn .6s var(--ease-out) .15s both}.expired__eyebrow{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent)}.expired__heading{font-family:var(--font-display, var(--font-heading));font-size:var(--text-h1);font-weight:600;color:var(--color-text-primary);letter-spacing:var(--tracking-tighter);line-height:var(--leading-heading);margin:0}.expired__subtext{font-size:var(--text-body-sm);color:var(--color-text-tertiary);line-height:1.65;max-width:360px;margin:0}.expired__actions{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;margin-top:var(--sp-6);animation:fadeIn .6s var(--ease-out) .25s both}.expired__btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2-5);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all .25s var(--ease-out);cursor:pointer}.expired__btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--color-accent) 30%,transparent)}.expired__btn--primary:hover{filter:brightness(1.12);box-shadow:0 4px 28px color-mix(in srgb,var(--color-accent) 45%,transparent);transform:translateY(-1px)}.expired__btn--ghost{background:color-mix(in srgb,white 4%,transparent);color:var(--color-text-secondary);border:1px solid color-mix(in srgb,white 8%,transparent)}.expired__btn--ghost:hover{background:color-mix(in srgb,white 6%,transparent);border-color:color-mix(in srgb,white 14%,transparent);color:var(--color-text-primary);transform:translateY(-1px)}.expired__footer{margin-top:var(--sp-16);animation:fadeIn .6s var(--ease-out) .4s both}.expired__footer-brand{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--color-text-ghost)}@media(max-width:480px){.expired__heading{font-size:var(--text-h2)}.expired__actions{flex-direction:column}}.token-prompt{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--sp-8) var(--sp-5);position:relative;overflow:hidden;background:#06070a}.token-prompt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,color-mix(in srgb,var(--color-pxl-purple) 16%,transparent),transparent 70%),radial-gradient(ellipse 50% 40% at 50% 100%,color-mix(in srgb,var(--color-pxl-purple) 8%,transparent),transparent 70%);pointer-events:none}.token-prompt__grain{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/grain.png) repeat;background-size:256px;mix-blend-mode:overlay;opacity:.5;pointer-events:none;z-index:1}.token-prompt__glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.025) 0%,transparent 60%);mix-blend-mode:lighten;pointer-events:none}.token-prompt__card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:380px;width:100%;gap:var(--sp-6);animation:fadeIn .6s var(--ease-out) both}.token-prompt__logo{animation:fadeIn .6s var(--ease-out) both}.token-prompt__text{display:flex;flex-direction:column;gap:var(--sp-2);animation:fadeIn .6s var(--ease-out) .1s both}.token-prompt__heading{font-family:var(--font-display, var(--font-heading));font-size:var(--text-h2);font-weight:600;color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.token-prompt__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.6;margin:0}.token-prompt__form{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;animation:fadeIn .6s var(--ease-out) .2s both}.token-prompt__input{width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);font-family:var(--font-mono);font-weight:500;color:var(--color-text-primary);background:color-mix(in srgb,white 4%,transparent);border:1px solid color-mix(in srgb,white 8%,transparent);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);text-align:center;letter-spacing:.02em}.token-prompt__input:focus{border-color:color-mix(in srgb,var(--color-pxl-purple) 60%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--color-pxl-purple) 15%,transparent)}.token-prompt__input::placeholder{color:var(--color-text-ghost);font-family:var(--font-body);letter-spacing:0}.token-prompt__submit{width:100%;padding:var(--sp-3) var(--sp-5);font-size:var(--text-sm);font-weight:600;font-family:inherit;color:#fff;background:var(--color-pxl-purple);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 12px color-mix(in srgb,var(--color-pxl-purple) 25%,transparent)}.token-prompt__submit:hover{background:#7b4fb0;box-shadow:0 4px 20px color-mix(in srgb,var(--color-pxl-purple) 35%,transparent);transform:translateY(-1px)}.token-prompt__submit:active{transform:translateY(0)}.token-prompt__error{font-size:var(--text-sm);color:#e4003c;animation:slideUp .3s var(--ease-out) both;margin:0}.token-prompt__footer{margin-top:var(--sp-8);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);animation:fadeIn .6s var(--ease-out) .4s both}.token-prompt__footer-brand{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.token-prompt__footer-conf{font-size:var(--text-xs);color:var(--color-text-ghost);max-width:340px;text-align:center;line-height:1.5;margin:0}.onboarding{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--sp-8) var(--sp-5);position:relative;overflow:hidden;background:#06070a}.onboarding:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 10% 5%,color-mix(in srgb,var(--color-pxl-purple) 18%,transparent),transparent 70%),radial-gradient(ellipse 60% 50% at 90% 95%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 70%);pointer-events:none}.onboarding__grain{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/grain.png) repeat;background-size:256px;mix-blend-mode:overlay;opacity:.5;pointer-events:none;z-index:1}.onboarding__glow{position:absolute;top:-15%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.025) 0%,transparent 65%);mix-blend-mode:lighten;pointer-events:none}.onboarding__glow-accent{position:absolute;bottom:-20%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 8%,transparent) 0%,transparent 65%);pointer-events:none}.onboarding__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:560px;width:100%;gap:var(--sp-2)}.onboarding__header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-8);animation:fadeIn .6s var(--ease-out) both}.onboarding__sep{width:1px;height:20px;background:color-mix(in srgb,white 12%,transparent)}.onboarding__client-logo{height:22px;width:auto}.onboarding__client-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.onboarding__eyebrow{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent);animation:fadeIn .6s var(--ease-out) .08s both}.onboarding__heading{font-family:var(--font-display, var(--font-heading));font-size:var(--text-display);font-weight:600;color:var(--color-text-primary);letter-spacing:var(--tracking-tighter);line-height:var(--leading-heading);animation:fadeIn .6s var(--ease-out) .1s both}.onboarding__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--color-text-tertiary);flex-wrap:wrap;justify-content:center;animation:fadeIn .6s var(--ease-out) .15s both}.onboarding__meta strong{color:var(--color-text-primary);font-weight:600}.onboarding__meta-dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-ghost);flex-shrink:0}.onboarding__subtitle{font-size:var(--text-body-sm);color:var(--color-text-tertiary);line-height:1.6;max-width:360px;margin-top:var(--sp-4);margin-bottom:var(--sp-4);animation:fadeIn .6s var(--ease-out) .2s both}.onboarding__users{display:flex;gap:var(--sp-3);width:100%;margin-bottom:var(--sp-8);animation:fadeIn .6s var(--ease-out) .25s both}.onboarding__user-card{flex:1;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:color-mix(in srgb,white 3%,transparent);border:1px solid color-mix(in srgb,white 7%,transparent);border-radius:var(--radius-xl);cursor:pointer;font-family:inherit;color:inherit;text-align:left;box-shadow:0 2px 16px #0000004d;transition:all .35s var(--ease-out);position:relative;overflow:hidden}.onboarding__user-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(255,255,255,.03) 0%,transparent 100%);mix-blend-mode:lighten;pointer-events:none}.onboarding__user-card:hover{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);background:color-mix(in srgb,white 5%,transparent);box-shadow:0 8px 32px #0006,0 0 24px var(--color-accent-glow, color-mix(in srgb, var(--color-accent) 15%, transparent));transform:translateY(-2px)}.onboarding__user-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px var(--color-accent-glow, color-mix(in srgb, var(--color-accent) 25%, transparent));transition:box-shadow .35s var(--ease-out)}.onboarding__user-card:hover .onboarding__user-avatar{box-shadow:0 0 28px var(--color-accent-glow, color-mix(in srgb, var(--color-accent) 35%, transparent))}.onboarding__user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.onboarding__user-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap}.onboarding__user-role{font-size:var(--text-xs);color:var(--color-text-ghost)}.onboarding__demo-intro{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:1.6;max-width:340px;margin:0 0 var(--sp-4);animation:fadeIn .6s var(--ease-out) .35s both}.onboarding__demo{position:relative;width:100%;border-radius:var(--radius-xl);background:#0e0f11;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 6%,transparent),0 4px 32px #00000080,0 0 0 1px #0000004d;overflow:hidden;animation:fadeIn .8s var(--ease-out) .4s both}.onboarding__demo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(255,255,255,.04) 0%,transparent 100%);mix-blend-mode:lighten;pointer-events:none;z-index:3}.onboarding__demo-grain{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/grain.png) repeat;background-size:256px;mix-blend-mode:overlay;opacity:.4;pointer-events:none;z-index:2}.onboarding__demo-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 80% 0%,rgba(255,255,255,.04) 0%,transparent 100%);mix-blend-mode:lighten;pointer-events:none;z-index:3}.onboarding__demo-inner{position:relative;z-index:1;padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3)}.onboarding__demo-line{height:8px;border-radius:4px;background:color-mix(in srgb,white 5%,transparent);width:100%}.onboarding__demo-line--short{width:65%}.onboarding__demo-line--med{width:80%}.onboarding__demo-line--accent{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.onboarding__demo-line--faded{opacity:.4}.onboarding__demo-highlight{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-left:2px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--color-accent) 4%,transparent)}.onboarding__demo-comment{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb,white 4%,transparent);border:1px solid color-mix(in srgb,white 8%,transparent);border-radius:var(--radius-lg);margin-left:var(--sp-6);animation:fadeIn .5s var(--ease-out) 1.2s both}.onboarding__demo-comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding__demo-comment-body{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.3;text-align:left}.onboarding__demo-comment-author{font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary);line-height:1.3}.onboarding__demo-comment-text{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic;line-height:1.3}.onboarding__demo-typing{display:flex;align-items:center;gap:3px;margin-left:auto;padding-left:var(--sp-3)}.onboarding__demo-dot{width:5px;height:5px;border-radius:50%;background:var(--color-text-ghost);animation:pulseGlow 1.4s ease-in-out infinite}.onboarding__demo-dot:nth-child(2){animation-delay:.2s}.onboarding__demo-dot:nth-child(3){animation-delay:.4s}@keyframes pulseGlow{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.onboarding__demo-caption{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3);border-top:1px solid color-mix(in srgb,white 5%,transparent);font-size:var(--text-xs);color:var(--color-text-ghost);position:relative;z-index:4}.onboarding__demo-caption svg{color:var(--color-accent);flex-shrink:0}.onboarding__footer{margin-top:var(--sp-12);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);animation:fadeIn .6s var(--ease-out) .6s both}.onboarding__footer-brand{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.onboarding__footer-conf{font-size:var(--text-xs);color:var(--color-text-ghost);max-width:380px;text-align:center;line-height:1.5;margin:0}@media(max-width:480px){.onboarding__users{flex-direction:column}.onboarding__heading{font-size:var(--text-h1)}.onboarding__demo-inner{padding:var(--sp-4)}.onboarding__demo-comment{margin-left:var(--sp-3)}}