.branches-section{--branches-inactive:color-mix(in srgb, var(--border) 82%, var(--muted-foreground));--branches-active:var(--brand-primary);--branches-surface:color-mix(in srgb, var(--card) 90%, var(--muted))}.branches-section__track,.branches-section__sticky{position:relative}.branches-map{--branches-progress:0;--phase-window:.08;width:100%}.branches-map__node{--node-t:clamp(0, (var(--branches-progress) - var(--node-start,0)) / var(--phase-window), 1);opacity:calc(.3 + .7 * var(--node-t));transform:translateY(calc((1 - var(--node-t)) * .3rem)) scale(calc(.96 + .04 * var(--node-t)));will-change:opacity, transform}.branches-map__path{fill:none;stroke:var(--branches-inactive);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.branches-map__path--draw{stroke:var(--branches-active);opacity:.95;stroke-dasharray:var(--path-length,120);stroke-dashoffset:calc(var(--path-length,120) * (1 - clamp(0, (var(--branches-progress) - var(--path-start)) / var(--path-span), 1)))}.branches-map__root{border:1px solid color-mix(in srgb, var(--branches-active) calc(var(--node-t) * 72%), var(--border));background:color-mix(in srgb, var(--brand-primary) calc(var(--node-t) * 14%), var(--card));box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-primary) calc(var(--node-t) * 16%), transparent);color:var(--foreground);border-radius:1rem;align-items:center;gap:.625rem;padding:.7rem 1rem;display:inline-flex}.branches-map__root-mark{background:color-mix(in srgb, var(--brand-primary) calc(30% + 40% * var(--node-t)), transparent);width:1.75rem;height:1.75rem;color:var(--brand-primary);letter-spacing:.02em;border-radius:.55rem;place-items:center;font-size:.75rem;font-weight:800;display:grid}.branches-map__root-label{letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:700;line-height:1.2}.branches-map__branch{border:1px solid color-mix(in srgb, var(--branches-active) calc(var(--node-t) * 55%), var(--border));background:color-mix(in srgb, var(--card) 86%, var(--muted));text-align:center;border-radius:.85rem;justify-content:center;align-items:center;padding:.7rem .65rem;display:flex}.branches-map__branch-label{letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:.8125rem;font-weight:600}.branches-map__capability{border:1px solid color-mix(in srgb, var(--branches-active) calc(var(--node-t) * 48%), var(--border));background:var(--branches-surface);text-align:start;border-radius:.9rem;flex-direction:column;gap:.35rem;padding:.75rem .7rem;display:flex}.branches-map__capability-icon{color:color-mix(in srgb, var(--brand-primary) calc(50% + 50% * var(--node-t)), var(--muted-foreground));display:inline-flex}.branches-map__capability-title{letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:.8125rem;font-weight:600}.branches-map__capability-hint{color:var(--muted-foreground);margin:0;font-size:.6875rem;line-height:1.55}.branches-map__capability-copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.branches-map__desktop{display:none}.branches-map__mobile{grid-template-columns:2rem minmax(0,1fr);align-items:stretch;gap:.35rem .65rem;display:grid}.branches-map__mobile-rail{min-height:100%;position:relative}.branches-map__mobile-rail .branches-map__canvas{width:100%;height:calc(100% - 1.5rem);position:absolute;inset:.75rem 0}.branches-map__mobile-stack{flex-direction:column;gap:.55rem;display:flex}.branches-map__mobile .branches-map__root{align-self:start}.branches-map__mobile .branches-map__branch,.branches-map__mobile .branches-map__capability{text-align:start;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:.7rem;padding:.8rem .85rem}.branches-map__mobile .branches-map__branch{align-items:center}@media (min-width:64rem){.branches-section__track{min-height:170vh}.branches-section__sticky{padding-block:.5rem 1rem;position:sticky;top:max(5.25rem,50dvh - 20rem)}.branches-map__mobile{display:none}.branches-map__desktop{display:block}.branches-map__desktop-frame{aspect-ratio:440/400;width:min(36rem,100%,110dvh - 9.9rem);margin-inline:auto;position:relative}.branches-map__desktop-frame .branches-map__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.branches-map__desktop .branches-map__root{z-index:1;transform:translateX(-50%) translateY(calc((1 - var(--node-t)) * .3rem)) scale(calc(.96 + .04 * var(--node-t)));position:absolute;top:1.5%;left:50%}.branches-map__desktop .branches-map__branch{z-index:1;width:min(28%,8rem);padding:.55rem .5rem;position:absolute;top:31%}.branches-map__branch--1{inset-inline-start:4.5%}.branches-map__branch--2{transform:translateX(-50%) translateY(calc((1 - var(--node-t)) * .3rem)) scale(calc(.96 + .04 * var(--node-t)));left:50%}.branches-map__branch--3{inset-inline-end:4.5%}.branches-map__desktop .branches-map__capability{z-index:1;width:min(30%,9rem);min-height:0;padding:.65rem .6rem;position:absolute;top:68%}.branches-map__capability--1{inset-inline-start:3.5%}.branches-map__capability--2{transform:translateX(-50%) translateY(calc((1 - var(--node-t)) * .3rem)) scale(calc(.96 + .04 * var(--node-t)));left:50%}.branches-map__capability--3{inset-inline-end:3.5%}}@media (prefers-reduced-motion:reduce){.branches-section__track{min-height:0!important}.branches-section__sticky{position:relative!important;top:auto!important}.branches-map{--branches-progress:1!important}.branches-map__node{opacity:1!important;transform:none!important}.branches-map__desktop .branches-map__root,.branches-map__branch--2,.branches-map__capability--2{transform:translate(-50%)!important}.branches-map__path--draw{stroke-dashoffset:0!important}}
.create-menu-section{position:relative}.create-menu-section__eyebrow{background:color-mix(in srgb, #f59e0b 12%, var(--card));color:color-mix(in srgb, #b45309 82%, var(--foreground))}.create-path{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 88%, transparent);border-radius:1.5rem;min-height:15rem;padding:1.5rem;position:relative}.create-path--featured{border-color:color-mix(in srgb, #f59e0b 45%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, #f59e0b 10%, var(--card)), var(--card));box-shadow:0 18px 50px #f59e0b14}.create-path__icon{background:color-mix(in srgb, #f59e0b 14%, var(--card));color:#d97706;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.create-path__badge{color:#1c1917;background:#f59e0b;padding:.3rem .65rem;font-size:.65rem;font-weight:900;position:absolute;inset-block-start:1.5rem;inset-inline-end:1.5rem}.create-menu-demo{border:1px solid color-mix(in srgb, #f59e0b 25%, var(--border));background:radial-gradient(circle at 85% 10%, #f59e0b1f, transparent 38%), color-mix(in srgb, var(--card) 92%, transparent)}.create-menu-demo__visual{min-height:21rem;position:relative}.create-menu-demo__paper,.create-menu-demo__result{border:1px solid var(--border);width:min(72%,19rem);box-shadow:var(--elevation-md);padding:1.25rem;position:absolute}.create-menu-demo__paper{z-index:2;color:#292524;background:#faf8f2;border-radius:.4rem;min-height:15rem;inset-block-start:0;inset-inline-start:4%;transform:rotate(-5deg)}.create-menu-demo__result{z-index:1;background:color-mix(in srgb, var(--card) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;min-height:16rem;inset-block-end:0;inset-inline-end:2%;transform:rotate(3deg)}.create-menu-demo__scan{position:absolute;inset-block-end:1rem;inset-inline-end:1rem}@media (max-width:40rem){.create-menu-demo__visual{min-height:18rem}.create-menu-demo__paper,.create-menu-demo__result{width:78%;transform:none}}@media (prefers-reduced-motion:no-preference){.create-menu-demo__scan{animation:2.5s ease-in-out infinite create-scan}}@keyframes create-scan{50%{transform:translateY(-8rem)}}