.homepage-reveal,.svc-reveal,.nearshore-reveal,.tmpl-reveal{opacity:0;transition:opacity var(--page-dur,.56s) var(--page-ease,cubic-bezier(.22, 1, .36, 1)), transform var(--page-dur,.56s) var(--page-ease,cubic-bezier(.22, 1, .36, 1));transition-delay:var(--reveal-delay,0s);transform:translateY(16px)}.homepage-reveal.is-visible,.svc-reveal.is-visible,.nearshore-reveal.is-visible,.tmpl-reveal.is-visible{opacity:1;transform:translateY(0)}.bento-parallax-img{will-change:transform;top:-15%;transform:translateY(0)translateZ(0)}.bento-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(3,1fr)}.bento-lg{grid-column:span 2}}.bento-card{border:1px solid var(--color-border);background:color-mix(in oklch, var(--color-card) 70%, transparent);backdrop-filter:blur(8px);border-radius:1rem;flex-direction:column;justify-content:flex-end;padding:1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 8px 32px -8px color-mix(in oklch, var(--color-accent) 12%, transparent);transform:translateY(-2px)}.bento-card:before{content:"";background:radial-gradient(circle at 20% 80%, color-mix(in oklch, var(--color-primary) 6%, transparent), transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.bento-card:hover:before{opacity:1}.bento-icon{background:color-mix(in oklch, var(--color-accent) 10%, transparent);width:2.5rem;height:2.5rem;color:var(--color-accent);border-radius:.5rem;justify-content:center;align-items:center;margin-bottom:.75rem;transition:background .3s,color .3s;display:flex;position:relative}.dark .bento-icon{color:var(--color-primary)}.bento-card:hover .bento-icon{background:color-mix(in oklch, var(--color-accent) 20%, transparent)}.bento-lg{min-height:180px}.capability-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.capability-track{gap:2.5rem;width:max-content;animation:45s linear infinite capability-scroll;display:flex}.capability-track:hover{animation-play-state:paused}.capability-row{flex-shrink:0;align-items:center;gap:2.5rem;display:flex}@keyframes capability-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.capability-track{animation:none}}.intro-section:after{content:"";pointer-events:none;background:radial-gradient(ellipse 60% 70% at 95% 50%, color-mix(in oklch, var(--color-secondary) 14%, transparent), transparent 70%);z-index:0;position:absolute;inset:0}.manifesto-list{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.manifesto-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width>=1024px){.manifesto-list{grid-template-columns:repeat(3,1fr)}}.manifesto-item{border:1px solid color-mix(in oklch, var(--color-border) 90%, transparent);background:color-mix(in oklch, var(--color-card) 60%, transparent);-webkit-backdrop-filter:blur(8px);border-radius:.875rem;padding:2.25rem 1.75rem 1.75rem;transition:border-color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.manifesto-item:before{content:"";background:radial-gradient(circle at 12% 12%, color-mix(in oklch, var(--color-primary) 7%, transparent), transparent 55%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.manifesto-item:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 10px 36px -10px color-mix(in oklch, var(--color-accent) 18%, transparent);transform:translateY(-2px)}.manifesto-item:hover:before{opacity:1}.manifesto-bg{object-fit:cover;opacity:.22;pointer-events:none;z-index:0;width:100%;height:100%;transition:opacity .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 0% 35%,#0000 78%);mask-image:linear-gradient(270deg,#000 0% 35%,#0000 78%)}.manifesto-item:hover .manifesto-bg{opacity:.32}.dark .manifesto-bg{opacity:.14}.dark .manifesto-item:hover .manifesto-bg{opacity:.22}.manifesto-corner{font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);color:var(--color-border);pointer-events:none;user-select:none;font-weight:500;line-height:1;transition:color .3s;position:absolute}.manifesto-corner-tl{top:.5rem;left:.625rem}.manifesto-corner-tr{top:.5rem;right:.625rem}.manifesto-corner-bl{bottom:.5rem;left:.625rem}.manifesto-corner-br{bottom:.5rem;right:.625rem}.manifesto-item:hover .manifesto-corner{color:var(--color-accent)}.dark .manifesto-item:hover .manifesto-corner{color:var(--color-primary)}.manifesto-tax{font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);letter-spacing:.1em;color:var(--color-accent);z-index:1;margin-bottom:.5rem;font-weight:600;display:block;position:relative}.dark .manifesto-tax{color:var(--color-primary)}.manifesto-num{font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:var(--text-2xl);color:var(--color-accent);font-variant-numeric:tabular-nums;z-index:1;margin-bottom:.875rem;font-weight:600;line-height:1;display:block;position:relative}.dark .manifesto-num{color:var(--color-primary)}.manifesto-title{font-size:var(--text-lg);color:var(--color-foreground);z-index:1;margin-bottom:.5rem;font-weight:600;position:relative}.manifesto-desc{font-size:var(--text-sm);color:var(--color-foreground);z-index:1;font-weight:500;line-height:1.6;position:relative}.journey-steps{grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width<=767px){.journey-steps{grid-template-columns:repeat(2,1fr);row-gap:2rem}}.journey-step{text-align:center;flex-direction:column;align-items:center;padding:0 .5rem;display:flex;position:relative}.journey-step:not(:last-child):after{content:"";background:linear-gradient(to right, color-mix(in oklch, var(--color-accent) 35%, transparent), color-mix(in oklch, var(--color-accent) 15%, transparent));z-index:0;width:calc(100% - 3rem);height:2px;position:absolute;top:calc(1.375rem - 1px);left:calc(50% + 1.5rem)}.journey-step:not(:last-child):before{content:"";border-top:.3rem solid #0000;border-bottom:.3rem solid #0000;border-left:.5rem solid var(--color-accent);z-index:1;width:0;height:0;animation:1.8s cubic-bezier(.45,0,.55,1) infinite journey-arrow;position:absolute;top:1.075rem;left:calc(50% + 1.5rem)}.journey-step:nth-child(2):before{animation-delay:.3s}.journey-step:nth-child(3):before{animation-delay:.6s}.journey-step:nth-child(4):before{animation-delay:.9s}.journey-step:nth-child(5):before{animation-delay:1.2s}.dark .journey-step:not(:last-child):after{background:linear-gradient(to right, color-mix(in oklch, var(--color-primary) 35%, transparent), color-mix(in oklch, var(--color-primary) 15%, transparent))}.dark .journey-step:not(:last-child):before{border-left-color:var(--color-primary)}@keyframes journey-arrow{0%{opacity:0;left:calc(50% + 1.5rem)}12%{opacity:1}82%{opacity:1}to{opacity:0;left:calc(150% - 1.7rem)}}@media (prefers-reduced-motion:reduce){.journey-step:before{opacity:1;animation:none;left:calc(150% - 1.7rem)}}@media (width<=767px){.journey-step:after,.journey-step:before{display:none}}.journey-step-num{z-index:1;background:var(--color-card);border:2px solid color-mix(in oklch, var(--color-accent) 45%, transparent);width:2.75rem;height:2.75rem;color:var(--color-accent);font-family:ui-monospace,JetBrains Mono,monospace;font-weight:600;font-size:var(--text-base);border-radius:9999px;justify-content:center;align-items:center;margin-bottom:.875rem;display:flex;position:relative}.dark .journey-step-num{color:var(--color-primary);border-color:color-mix(in oklch, var(--color-primary) 45%, transparent)}.journey-step-label{font-size:var(--text-sm);color:var(--color-foreground);font-weight:600;line-height:1.35}.homepage-reveal:target,.svc-reveal:target{opacity:1;transition:none;transform:none}.icon-container{background-color:var(--color-primary);width:3.5rem;height:3.5rem;box-shadow:0 8px 18px -10px color-mix(in oklch, var(--color-primary) 70%, transparent);border:0;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-container svg{width:1.75rem;height:1.75rem;color:var(--color-primary-foreground)}.process-spine{transform-origin:top;transition:transform 1.2s cubic-bezier(.22,1,.36,1);transform:scaleY(0)}.process-spine.is-visible{transform:scaleY(1)}.hero-layers{mask-image:linear-gradient(#000 calc(100% - 14rem),#0000)}.home-flow:before{content:"";inset-inline:0;z-index:1;background:linear-gradient(to bottom, var(--color-background), transparent);pointer-events:none;height:14rem;position:absolute;top:0}.home-flow-bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 12% 18%, color-mix(in oklch, var(--color-primary) 10%, transparent), transparent 70%), radial-gradient(ellipse 50% 45% at 88% 30%, color-mix(in oklch, var(--color-accent) 8%, transparent), transparent 70%), radial-gradient(ellipse 60% 50% at 60% 92%, color-mix(in oklch, var(--color-secondary) 9%, transparent), transparent 70%);height:100vh;margin-block-end:-100vh;position:sticky;top:0;overflow:hidden}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.team-ring{background:conic-gradient(from var(--ring-angle), var(--color-primary), var(--color-accent), var(--color-secondary), var(--color-primary));box-shadow:0 0 0 3px var(--color-card);animation:6s linear infinite team-ring-spin;animation-delay:var(--ring-delay,0s);border-radius:9999px;padding:3px;display:inline-flex}@keyframes team-ring-spin{to{--ring-angle:360deg}}@media (prefers-reduced-motion:reduce){.team-ring{animation:none}}.relay-lane{--relay-inset:28px}.relay-lane--direct{--relay-end:32px}.relay-lane--direct .relay-line{right:var(--relay-end)}.relay-line,.relay-dot{top:calc(var(--relay-inset) - 1px);pointer-events:none;position:absolute}.relay-line{left:var(--relay-inset);right:var(--relay-inset);height:2px}.relay-lane--agency .relay-line{background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--color-foreground) 35%, transparent) 0 6px, transparent 6px 12px)}.relay-lane--direct .relay-line{height:3px;top:calc(var(--relay-inset) - 1.5px);background:linear-gradient(90deg, color-mix(in oklch, var(--relay-ink) 90%, transparent), var(--color-secondary));box-shadow:0 0 12px color-mix(in oklch, var(--relay-ink) 45%, transparent);border-radius:3px}.relay-dot{left:var(--relay-inset);z-index:5;border-radius:9999px;width:10px;height:10px;margin:-4px 0 0 -5px}.relay-lane--agency .relay-dot{background:color-mix(in oklch, var(--color-foreground) 55%, transparent);animation:6s cubic-bezier(.2,.6,.4,1) infinite relay-agency}.relay-lane--direct .relay-dot{background:var(--relay-ink);box-shadow:0 0 0 4px color-mix(in oklch, var(--relay-ink) 30%, transparent), 0 0 22px 6px color-mix(in oklch, var(--relay-ink) 60%, transparent);animation:1.8s cubic-bezier(.5,0,.3,1) infinite relay-direct}@keyframes relay-agency{0%{left:var(--relay-inset);opacity:1;transform:scale(1)}80%{opacity:.15;transform:scale(.5)}to{left:calc(100% - var(--relay-inset));opacity:0;transform:scale(.4)}}@keyframes relay-direct{0%{left:var(--relay-inset);opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - var(--relay-inset));opacity:0}}@media (prefers-reduced-motion:reduce){.relay-dot{opacity:0;animation:none}}.relay-card--agency{background:color-mix(in oklch, var(--color-muted) 70%, transparent);border:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);box-shadow:inset 0 2px 14px color-mix(in oklch, var(--color-foreground) 7%, transparent)}.relay-card--vector{--relay-ink:var(--color-primary-foreground);background:radial-gradient(ellipse 60% 80% at 95% 30%, color-mix(in oklch, var(--color-secondary) 28%, transparent), transparent 70%), linear-gradient(135deg, var(--color-accent), var(--color-primary));box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-primary-foreground) 22%, transparent), 0 2px 6px -2px color-mix(in oklch, var(--color-accent) 50%, transparent), 0 24px 48px -16px color-mix(in oklch, var(--color-primary) 55%, transparent), 0 48px 96px -32px color-mix(in oklch, var(--color-accent) 45%, transparent);position:relative;overflow:hidden}@media (width>=1024px){.relay-card--vector{transform:translateY(-.5rem)}}.relay-card--vector .team-ring{box-shadow:0 0 0 3px var(--color-accent), 0 8px 20px -6px color-mix(in oklch, var(--color-accent) 70%, transparent)}.relay-ink{color:var(--relay-ink,var(--color-primary-foreground))}.relay-rule{border-color:color-mix(in oklch, var(--relay-ink) 22%, transparent)}html.dark .relay-card--vector{--relay-ink:var(--color-foreground);background:radial-gradient(ellipse 60% 80% at 95% 30%, color-mix(in oklch, var(--color-secondary) 22%, transparent), transparent 70%), linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 22%, var(--color-background)), color-mix(in oklch, var(--color-primary) 40%, var(--color-background)));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-primary) 45%, transparent), 0 24px 48px -16px color-mix(in oklch, var(--color-primary) 35%, transparent), 0 0 80px -20px color-mix(in oklch, var(--color-primary) 40%, transparent)}html.dark .relay-card--vector .team-ring{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-primary) 22%, var(--color-background))}.promise-tile{background:var(--color-card);border:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-background) 60%, transparent), 0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent), 0 18px 40px -22px color-mix(in oklch, var(--color-primary) 45%, transparent)}.relay-mark{box-shadow:0 10px 28px -8px color-mix(in oklch, var(--color-accent) 70%, transparent)}.bento-tile--raised{background:var(--color-card);border:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-background) 60%, transparent), 0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent), 0 22px 48px -24px color-mix(in oklch, var(--color-primary) 45%, transparent)}.bento-tile--ai{--relay-ink:var(--color-primary-foreground);background:radial-gradient(ellipse 55% 70% at 100% 0%, color-mix(in oklch, var(--color-secondary) 30%, transparent), transparent 70%), linear-gradient(135deg, var(--color-accent), var(--color-primary));box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-primary-foreground) 22%, transparent), 0 24px 48px -16px color-mix(in oklch, var(--color-primary) 55%, transparent), 0 48px 96px -32px color-mix(in oklch, var(--color-accent) 45%, transparent)}html.dark .bento-tile--ai{--relay-ink:var(--color-foreground);background:radial-gradient(ellipse 55% 70% at 100% 0%, color-mix(in oklch, var(--color-secondary) 22%, transparent), transparent 70%), linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 22%, var(--color-background)), color-mix(in oklch, var(--color-primary) 40%, var(--color-background)));box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-primary) 45%, transparent), 0 0 80px -20px color-mix(in oklch, var(--color-primary) 40%, transparent)}.bento-ai-orb{aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklch, var(--relay-ink) 22%, transparent), transparent 65%);pointer-events:none;border-radius:9999px;width:28rem;animation:9s ease-in-out infinite alternate bento-orb;position:absolute;inset:auto -15% -45% auto}@keyframes bento-orb{to{transform:translate(-3rem,-2rem)scale(1.15)}}.bento-chip{color:var(--relay-ink);background:color-mix(in oklch, var(--relay-ink) 12%, transparent);border:1px solid color-mix(in oklch, var(--relay-ink) 28%, transparent);animation:6s ease-in-out infinite bento-chip;animation-delay:calc(var(--chip,0) * .6s)}@keyframes bento-chip{0%,70%,to{background:color-mix(in oklch, var(--relay-ink) 12%, transparent)}80%{background:color-mix(in oklch, var(--relay-ink) 28%, transparent)}}@keyframes bento-enter{0%{opacity:0;transform:translateY(8px)}}.bento-typing{background:color-mix(in oklch, var(--color-primary) 12%, var(--color-card));border-radius:1rem;gap:4px;padding:.7rem .9rem;animation:9s ease-out infinite bento-typing;display:inline-flex}.bento-typing span{background:var(--color-primary);border-radius:9999px;width:6px;height:6px;animation:1s ease-in-out infinite bento-dot}.bento-typing span:nth-child(2){animation-delay:.15s}.bento-typing span:nth-child(3){animation-delay:.3s}@keyframes bento-in{0%,4%{opacity:0;transform:translateY(8px)}10%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes bento-typing{0%,14%{opacity:0;height:0;padding-block:0}18%,38%{opacity:1;height:auto;padding-block:.7rem}42%,to{opacity:0;height:0;padding-block:0}}@keyframes bento-answer{0%,42%{opacity:0;transform:translateY(8px)}48%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes bento-dot{50%{opacity:.5;transform:translateY(-3px)}}.bento-steps{--dot:20px}.bento-steps-track,.bento-steps-fill{top:calc(var(--dot) - 1.5px);border-radius:3px;height:3px;position:absolute;left:12.5%}.bento-steps-track{background:color-mix(in oklch, var(--color-foreground) 12%, transparent);right:12.5%}.bento-steps-fill{transform-origin:0;background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary));width:75%;animation:6s ease-in-out infinite bento-fill}.bento-step{background:var(--color-card);color:var(--color-foreground);border:2px solid color-mix(in oklch, var(--color-foreground) 18%, transparent);animation:6s ease-in-out infinite bento-step;animation-delay:calc(var(--step) * .75s)}.bento-step--live{box-shadow:0 10px 24px -10px color-mix(in oklch, var(--color-secondary) 80%, transparent)}@keyframes bento-fill{0%{transform:scaleX(0)}50%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bento-step{0%,5%{background:var(--color-card);color:var(--color-foreground);border-color:color-mix(in oklch, var(--color-foreground) 18%, transparent)}12%,60%{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}70%,to{background:var(--color-card);color:var(--color-foreground);border-color:color-mix(in oklch, var(--color-foreground) 18%, transparent)}}.bento-globe canvas{display:block}@media (prefers-reduced-motion:reduce){.bento-ai-orb,.bento-chip,.bento-bubble--you,.bento-bubble--us,.bento-seen,.bento-typing,.bento-typing span,.bento-steps-fill,.bento-step{animation:none}.bento-typing{display:none}}.relay-check{color:var(--relay-ink);background:color-mix(in oklch, var(--relay-ink) 18%, transparent);border:1px solid color-mix(in oklch, var(--relay-ink) 35%, transparent)}.relay-cross{color:var(--color-foreground);background:color-mix(in oklch, var(--color-foreground) 8%, transparent);border:1px solid color-mix(in oklch, var(--color-foreground) 18%, transparent)}.brand-eyebrow{align-items:center;gap:.75rem;display:inline-flex}.brand-eyebrow:before,.vela-text-center>.brand-eyebrow:after,.brand-eyebrow.vela-text-center:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-secondary));border-radius:3px;flex-shrink:0;width:1.75rem;height:3px}.brand-eyebrow.vela-text-center{justify-content:center;display:flex}.relay-wordmark{filter:drop-shadow(0 6px 18px color-mix(in oklch, var(--color-secondary) 45%, transparent))}.loop-arrow{border-radius:3px;height:3px;display:block;position:relative}.loop-arrow--out{background:color-mix(in oklch, var(--relay-ink) 85%, transparent);box-shadow:0 0 10px color-mix(in oklch, var(--relay-ink) 40%, transparent)}.loop-arrow--back{background:repeating-linear-gradient(90deg, var(--color-secondary) 0 8px, transparent 8px 14px)}.loop-arrow:after{content:"";border-radius:9999px;width:10px;height:10px;position:absolute;top:-3.5px}.loop-arrow--out:after{background:var(--relay-ink);box-shadow:0 0 14px 3px color-mix(in oklch, var(--relay-ink) 60%, transparent);animation:2.4s ease-in-out infinite loop-out}.loop-arrow--back:after{background:var(--color-secondary);box-shadow:0 0 14px 3px color-mix(in oklch, var(--color-secondary) 60%, transparent);animation:2.4s ease-in-out 1.2s infinite loop-back}@keyframes loop-out{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - 10px)}}@keyframes loop-back{0%{opacity:0;left:calc(100% - 10px)}15%,85%{opacity:1}to{opacity:0;left:0}}.loop-label{inset-inline:0;text-align:center;font-size:var(--text-xs);font-weight:600;line-height:1.2;position:absolute;bottom:.6rem}.loop-arrow--back .loop-label{top:.6rem;bottom:auto}.loop-box{border:1px solid color-mix(in oklch, var(--relay-ink) 30%, transparent);background:color-mix(in oklch, var(--relay-ink) 8%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--relay-ink) 18%, transparent)}.loop-area{background:color-mix(in oklch, var(--relay-ink) 10%, transparent);animation:5s ease-in-out infinite loop-area;animation-delay:calc(var(--area,0) * .5s)}@keyframes loop-area{0%,60%,to{background:color-mix(in oklch, var(--relay-ink) 10%, transparent)}70%{background:color-mix(in oklch, var(--relay-ink) 26%, transparent)}}.pillars-strip{background:var(--color-card);border:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-background) 60%, transparent), 0 22px 48px -26px color-mix(in oklch, var(--color-primary) 45%, transparent)}@media (prefers-reduced-motion:reduce){.loop-arrow:after,.loop-area{animation:none}.loop-arrow:after{display:none}}.relay-return{height:2px;margin-inline:var(--relay-inset,28px);position:relative}.relay-return-line{background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--color-foreground) 25%, transparent) 0 6px, transparent 6px 12px);position:absolute;inset:0}.relay-return-dot{background:color-mix(in oklch, var(--color-foreground) 45%, transparent);border-radius:9999px;width:10px;height:10px;margin-left:-5px;animation:8s cubic-bezier(.2,.6,.4,1) 3s infinite relay-return;position:absolute;top:-4px}@keyframes relay-return{0%{opacity:.9;left:100%;transform:scale(1)}85%{opacity:.1;transform:scale(.5)}to{opacity:0;left:0;transform:scale(.4)}}.agency-loop-label--back{text-align:end}.relay-heart{color:var(--color-secondary-foreground,var(--color-primary-foreground));background:var(--color-secondary);box-shadow:0 0 0 4px color-mix(in oklch, var(--color-secondary) 25%, transparent), 0 6px 16px -4px color-mix(in oklch, var(--color-secondary) 70%, transparent);animation:2.4s ease-in-out infinite relay-heart}@keyframes relay-heart{0%,to{transform:scale(1)}12%{transform:scale(1.15)}24%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.relay-return-dot,.relay-heart{animation:none}}.svc-marquee{mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.svc-track{overflow:hidden}.svc-track-inner{width:max-content;animation:60s linear infinite svc-scroll}.svc-track[data-reverse] .svc-track-inner{animation-duration:70s;animation-direction:reverse}.svc-track:hover .svc-track-inner,.svc-track:focus-within .svc-track-inner{animation-play-state:paused}@keyframes svc-scroll{to{transform:translate(-50%)}}.svc-chip{color:var(--relay-ink);background:color-mix(in oklch, var(--relay-ink) 10%, transparent);border:1px solid color-mix(in oklch, var(--relay-ink) 22%, transparent);text-decoration:none;transition:background-color .2s,box-shadow .2s}.svc-chip--ai{background:color-mix(in oklch, var(--color-secondary) 30%, transparent);border-color:color-mix(in oklch, var(--color-secondary) 60%, transparent)}.svc-chip-desc{opacity:0;max-width:0;transition:max-width .32s,opacity .2s;overflow:hidden}.svc-chip:hover,.svc-chip:focus-visible{background:color-mix(in oklch, var(--relay-ink) 22%, transparent);box-shadow:0 10px 24px -12px color-mix(in oklch, var(--color-accent) 80%, transparent)}.svc-chip:hover .svc-chip-desc,.svc-chip:focus-visible .svc-chip-desc{opacity:.9;max-width:24rem}@media (prefers-reduced-motion:reduce){.svc-track{overflow-x:auto}.svc-track-inner{animation:none}}.bento-step-check{background:var(--color-secondary);width:1.1rem;height:1.1rem;color:var(--color-secondary-foreground,var(--color-foreground));box-shadow:0 0 0 2px var(--color-card);animation:6s ease-in-out infinite bento-check;animation-delay:calc(var(--step) * .75s + .4s);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-.35rem;right:-.35rem}@keyframes bento-check{0%,8%{opacity:0;transform:scale(.4)}14%,60%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(.4)}}.bento-check-dot{background:var(--color-secondary);color:var(--color-secondary-foreground,var(--color-foreground))}.bento-steps-track,.bento-steps-fill{left:10%}.bento-steps-track{right:10%}.bento-steps-fill{width:80%}@media (prefers-reduced-motion:reduce){.bento-step-check{animation:none}}.mock-card{background:var(--color-card);width:min(100%,17rem);color:var(--color-foreground);border:1px solid color-mix(in oklch, var(--color-border) 80%, transparent);box-shadow:0 18px 32px -20px color-mix(in oklch, var(--color-primary) 70%, transparent);border-radius:.9rem;flex-direction:column;gap:.6rem;padding:.9rem 1rem;display:flex}.mock-pill{font-size:var(--text-xs);border:1px solid color-mix(in oklch, var(--color-border) 90%, transparent);color:var(--color-foreground);border-radius:9999px;padding:.25rem .6rem;font-weight:600;display:inline-flex}.mock-pill--on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.mock-map{background-image:linear-gradient(color-mix(in oklch, var(--color-primary) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--color-primary) 10%, transparent) 1px, transparent 1px);background-size:22px 22px;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.75rem 0 0;display:flex;position:relative}.mock-pin{background:var(--color-secondary);width:2.25rem;height:2.25rem;color:var(--color-secondary-foreground,var(--color-background));box-shadow:0 10px 18px -8px color-mix(in oklch, var(--color-secondary) 80%, transparent);border-radius:9999px 9999px 9999px .2rem;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-45deg)}.mock-pin>*{transform:rotate(45deg)}.mock-chat{width:min(100%,18rem)}.mock-bubble{max-width:88%;font-size:var(--text-sm);color:var(--color-foreground);border-radius:1rem;padding:.55rem .8rem;line-height:1.4}.mock-bubble--in{background:var(--color-card);border:1px solid color-mix(in oklch, var(--color-border) 80%, transparent);border-end-start-radius:.3rem;align-self:flex-start}.mock-bubble--out{background:color-mix(in oklch, var(--color-primary) 16%, var(--color-card));border-end-end-radius:.3rem;align-self:flex-end}.mock-time{color:color-mix(in oklch, var(--color-foreground) 65%, transparent);margin-top:.25rem;font-size:.65rem;display:block}.mock-stars{color:var(--color-secondary);font-size:var(--text-sm)}.mock-stars span{color:var(--color-foreground);font-weight:700}.mock-photos{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.mock-photos span{aspect-ratio:4/3;background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 30%, transparent), color-mix(in oklch, var(--color-accent) 25%, transparent));border-radius:.4rem}.mock-receipt{text-align:center;align-items:center}.mock-ok{background:var(--color-primary);width:2.25rem;height:2.25rem;color:var(--color-primary-foreground);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.mock-amount{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:700}.mock-row{grid-template-columns:1fr 5rem;align-items:center;gap:.75rem;display:grid}.mock-bar{background:linear-gradient(90deg, var(--color-primary) var(--w), color-mix(in oklch, var(--color-border) 80%, transparent) var(--w));border-radius:9999px;height:.5rem}.mock-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:9999px;width:2rem;height:2rem}.mock-photos--one{grid-template-columns:1fr}.mock-photos--one span{aspect-ratio:16/9}:is(.vela-rounded-xl,.vela-rounded-2xl).vela-border.vela-border-border:is([class~=vela-bg-card],[class*=vela-bg-card\/]):is(.vela-p-5,.vela-p-6,.vela-p-8):not(.vbtn):not(.pillars-strip):not(.bento-tile--raised){background:var(--color-card);border-color:color-mix(in oklch, var(--color-border) 70%, transparent);box-shadow:var(--page-shadow,inset 0 1px 0 color-mix(in oklch, var(--color-background) 60%, transparent), 0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent), 0 22px 48px -24px color-mix(in oklch, var(--color-primary) 45%, transparent));backdrop-filter:none;border-radius:1.5rem}.svc-tile{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s}.svc-tile:hover,.svc-tile:focus-within{border-color:color-mix(in oklch, var(--color-primary) 45%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-background) 60%, transparent), 0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent), 0 30px 60px -24px color-mix(in oklch, var(--color-primary) 60%, transparent);transform:translateY(-4px)}.svc-arrow{transition:transform .3s cubic-bezier(.22,1,.36,1)}.svc-tile:hover .svc-arrow,.svc-tile:focus-within .svc-arrow{transform:translate(4px)}.svc-check{color:var(--color-primary-foreground);background:var(--color-primary)}.svc-practice{transition:transform .25s cubic-bezier(.22,1,.36,1)}.svc-practice:hover,.svc-practice:focus-visible{background:color-mix(in oklch, var(--relay-ink) 24%, transparent);animation-play-state:paused;transform:translate(4px)}.svc-infra{transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s}.svc-infra:hover,.svc-infra:focus-visible{border-color:color-mix(in oklch, var(--color-primary) 45%, transparent);box-shadow:0 18px 36px -20px color-mix(in oklch, var(--color-primary) 55%, transparent);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.svc-tile,.svc-arrow,.svc-practice,.svc-infra{transition:none}.svc-tile:hover,.svc-tile:focus-within,.svc-practice:hover,.svc-practice:focus-visible,.svc-infra:hover,.svc-infra:focus-visible,.svc-tile:hover .svc-arrow,.svc-tile:focus-within .svc-arrow{transform:none}}.svc-stage{background:color-mix(in oklch, var(--color-muted) 55%, transparent);border:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);box-shadow:inset 0 2px 12px color-mix(in oklch, var(--color-foreground) 5%, transparent)}.scene-window,.scene-node,.scene-cart,.scene-search,.scene-result,.scene-card{background:var(--color-card);border:1px solid var(--color-border)}.scene-window{box-shadow:0 10px 24px -14px color-mix(in oklch, var(--color-primary) 45%, transparent)}.scene-bar{border-bottom:1px solid var(--color-border)}.scene-dot{background:color-mix(in oklch, var(--color-foreground) 20%, transparent);border-radius:9999px;width:.375rem;height:.375rem}.scene-url{background:color-mix(in oklch, var(--color-foreground) 8%, transparent)}.scene-line{background:color-mix(in oklch, var(--color-foreground) 14%, transparent)}.scene-line--strong{background:color-mix(in oklch, var(--color-foreground) 38%, transparent)}.scene-line--ink{background:color-mix(in oklch, currentColor 55%, transparent)}.scene-cta{background:var(--color-primary)}.scene-score-track,.scene-score-fill{fill:none;stroke-width:4px}.scene-score-track{stroke:color-mix(in oklch, var(--color-foreground) 10%, transparent)}.scene-score-fill{stroke:var(--color-primary);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transform-box:fill-box;transform-origin:50%;animation:6s cubic-bezier(.22,1,.36,1) infinite scene-score;transform:rotate(-90deg)}.scene-score-text{fill:var(--color-foreground);font-size:12px;font-weight:700}@keyframes scene-score{0%{stroke-dashoffset:100px}45%,90%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.scene-product{background:color-mix(in oklch, var(--color-primary) 18%, transparent)}.scene-cart{color:var(--color-primary)}.scene-badge{width:1.125rem;height:1.125rem;color:var(--color-primary-foreground);background:var(--color-primary);border-radius:9999px;place-items:center;font-size:.625rem;font-weight:700;animation:5s ease-in-out infinite scene-pop;display:grid;position:absolute;top:-.375rem;right:-.375rem}.scene-fly{background:var(--color-primary);opacity:0;border-radius:9999px;width:.75rem;height:.75rem;margin:-.375rem;animation:5s ease-in-out infinite scene-fly;position:absolute;top:50%;left:50%}.scene-paid{color:var(--color-primary-foreground);background:var(--color-primary);animation:5s ease-in-out .6s infinite scene-pop;translate:-50%}@keyframes scene-fly{0%,15%{opacity:0;transform:translate(-6.5rem,1.5rem)scale(1)}20%{opacity:1}38%{opacity:1;transform:translate(0)scale(.5)}42%,to{opacity:0;transform:translate(0)scale(.3)}}@keyframes scene-pop{0%,38%{opacity:0;scale:.4}46%{opacity:1;scale:1.15}52%,90%{opacity:1;scale:1}to{opacity:0;scale:.4}}.scene-type{width:60%;animation:5s steps(14,end) infinite scene-type}.scene-caret{background:var(--color-primary);width:2px;height:.75rem;animation:.9s step-end infinite scene-blink}.scene-live{color:var(--color-primary-foreground);background:var(--color-primary);animation:5s ease-in-out .4s infinite scene-pop}@keyframes scene-type{0%,10%{width:0}45%,to{width:60%}}@keyframes scene-blink{50%{opacity:0}}.scene-phone{background:var(--color-card);border:2px solid color-mix(in oklch, var(--color-foreground) 28%, transparent);box-shadow:0 10px 24px -14px color-mix(in oklch, var(--color-primary) 45%, transparent)}.scene-notch{background:color-mix(in oklch, var(--color-foreground) 22%, transparent);border-radius:9999px;width:1.5rem;height:.25rem;position:absolute;top:.375rem;left:50%;translate:-50%}.scene-app{background:color-mix(in oklch, var(--color-primary) 22%, transparent)}.scene-app:nth-child(2){background:var(--color-primary)}.scene-toast{z-index:1;color:var(--color-primary-foreground);background:var(--color-primary);box-shadow:0 6px 14px -6px color-mix(in oklch, var(--color-primary) 70%, transparent);animation:5s cubic-bezier(.22,1,.36,1) infinite scene-toast}.scene-toast-dot{background:currentColor;border-radius:9999px;width:.5rem;height:.5rem}@keyframes scene-toast{0%,20%{transform:translateY(-160%)}32%,80%{transform:translateY(0)}92%,to{transform:translateY(-160%)}}.scene-node{color:var(--color-primary);box-shadow:0 8px 18px -10px color-mix(in oklch, var(--color-primary) 50%, transparent)}.scene-wire{background:color-mix(in oklch, var(--color-foreground) 16%, transparent)}.scene-packet{background:var(--color-primary);width:.5rem;height:.5rem;box-shadow:0 0 10px color-mix(in oklch, var(--color-primary) 60%, transparent);border-radius:9999px;margin-top:-.25rem;animation:2.4s ease-in-out infinite scene-packet;position:absolute;top:50%;left:0}.scene-packet--back{background:var(--color-accent);animation-direction:reverse;animation-delay:1.2s}@keyframes scene-packet{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:calc(100% - .5rem)}}.scene-search{color:var(--color-foreground)}.scene-result{background-image:linear-gradient(color-mix(in oklch, var(--color-foreground) 30%, transparent), color-mix(in oklch, var(--color-foreground) 30%, transparent));background-position:.625rem;background-repeat:no-repeat;background-size:40% .375rem;border-radius:.375rem;height:28%;position:absolute;inset-inline:0}.scene-result--a{animation:6s cubic-bezier(.22,1,.36,1) infinite scene-rank-a}.scene-result--b{animation:6s cubic-bezier(.22,1,.36,1) infinite scene-rank-b}.scene-result--you{z-index:1;border-color:var(--color-primary);background-color:color-mix(in oklch, var(--color-primary) 16%, var(--color-card));background-image:linear-gradient(var(--color-primary), var(--color-primary));animation:6s cubic-bezier(.22,1,.36,1) infinite scene-rank-you}@keyframes scene-rank-a{0%,25%{top:0}45%,85%{top:36%}to{top:0}}@keyframes scene-rank-b{0%,25%{top:36%}45%,85%{top:72%}to{top:36%}}@keyframes scene-rank-you{0%,25%{top:72%}45%,85%{top:0}to{top:72%}}.scene-bar-col{height:var(--h);background:color-mix(in oklch, var(--color-primary) 35%, transparent);animation:5s cubic-bezier(.22,1,.36,1) infinite scene-rise;animation-delay:calc(var(--i) * .12s)}.scene-bar-col--top{background:var(--color-primary)}@keyframes scene-rise{0%{height:8%}35%,85%{height:var(--h)}to{height:8%}}.scene-block{background:color-mix(in oklch, var(--color-foreground) 10%, transparent);animation:6s ease-in-out infinite scene-paint;animation-delay:calc(var(--i) * .35s)}.scene-block--image{--paint:color-mix(in oklch, var(--color-primary) 30%, transparent)}.scene-block--title{--paint:color-mix(in oklch, var(--color-foreground) 55%, transparent)}.scene-block--button{--paint:var(--color-primary)}@keyframes scene-paint{0%,20%{background:color-mix(in oklch, var(--color-foreground) 10%, transparent)}40%,85%{background:var(--paint,color-mix(in oklch, var(--color-foreground) 25%, transparent))}to{background:color-mix(in oklch, var(--color-foreground) 10%, transparent)}}.scene-cursor{color:var(--color-foreground);animation:6s ease-in-out infinite scene-cursor;position:absolute;top:0;left:0}@keyframes scene-cursor{0%{transform:translate(10%,60%)}30%{transform:translate(50%,10%)}60%{transform:translate(180%,140%)}to{transform:translate(10%,60%)}}.scene-path,.scene-path-lit{fill:none;stroke-width:3px;stroke-linecap:round}.scene-path{stroke:color-mix(in oklch, var(--color-foreground) 18%, transparent)}.scene-path-lit{stroke:var(--color-primary);stroke-width:3.5px;stroke-dasharray:100;stroke-dashoffset:0;animation:5s cubic-bezier(.22,1,.36,1) infinite scene-draw}.scene-fork-start{fill:var(--color-primary)}.scene-fork-end{fill:var(--color-card);stroke:color-mix(in oklch, var(--color-foreground) 28%, transparent);stroke-width:2px}.scene-fork-win{fill:var(--color-primary);transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite scene-pop}.scene-fork-check{fill:none;stroke:var(--color-primary-foreground);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;animation:5s ease-in-out infinite scene-pop}@keyframes scene-draw{0%,10%{stroke-dashoffset:100px}40%,90%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}.scene-column{background:color-mix(in oklch, var(--color-foreground) 5%, transparent)}.scene-mover{--col:calc((100% - 1.5rem) / 3);width:calc(var(--col) - .75rem);height:1.25rem;color:var(--color-primary-foreground);background:var(--color-primary);box-shadow:0 6px 14px -6px color-mix(in oklch, var(--color-primary) 70%, transparent);border-radius:.25rem;place-items:center end;padding-inline-end:.25rem;animation:6s cubic-bezier(.22,1,.36,1) infinite scene-move;display:grid;position:absolute}.scene-mover-check{animation:6s ease-in-out 1.2s infinite scene-pop}@keyframes scene-move{0%,15%{top:4.375rem;left:.625rem}55%,90%{left:calc(.25rem + 2 * (var(--col) + .5rem) + .375rem);top:2.75rem}to{top:4.375rem;left:.625rem}}.scene-rack,.scene-envelope,.scene-backup,.scene-paycard{background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 8px 18px -12px color-mix(in oklch, var(--color-primary) 45%, transparent)}.scene-led{background:var(--color-primary);width:.375rem;height:.375rem;animation:1.8s ease-in-out infinite scene-led;animation-delay:calc(var(--i,0) * .3s);border-radius:9999px}.scene-rack:nth-child(2) .scene-led{animation-delay:.5s}.scene-rack:nth-child(3) .scene-led{animation-delay:1.1s}.scene-led--b{background:color-mix(in oklch, var(--color-foreground) 22%, transparent);animation:none}@keyframes scene-led{50%{opacity:.25}}.scene-deploy{background:color-mix(in oklch, var(--color-foreground) 10%, transparent)}.scene-deploy-dot{background:var(--color-primary);width:.625rem;height:.625rem;box-shadow:0 0 0 4px color-mix(in oklch, var(--color-primary) 22%, transparent);border-radius:9999px;animation:5s cubic-bezier(.22,1,.36,1) infinite scene-deploy;position:absolute;bottom:0;left:50%;translate:-50% 50%}@keyframes scene-deploy{0%,10%{opacity:0;bottom:0}15%{opacity:1}40%,to{opacity:0;bottom:100%}}.scene-lock{color:var(--color-primary-foreground);background:var(--color-primary)}.scene-tick{background:color-mix(in oklch, var(--color-foreground) 10%, transparent);height:100%;animation:6s ease-out infinite scene-tick;animation-delay:calc(var(--i) * 80ms)}@keyframes scene-tick{0%,8%{background:color-mix(in oklch, var(--color-foreground) 10%, transparent)}14%,90%{background:var(--color-primary)}to{background:color-mix(in oklch, var(--color-foreground) 10%, transparent)}}.scene-envelope{color:var(--color-primary);animation:5s cubic-bezier(.22,1,.36,1) infinite scene-send}@keyframes scene-send{0%,12%{opacity:1;transform:translate(0)rotate(0)}34%{opacity:0;transform:translate(5rem)rotate(8deg)scale(.5)}35%,80%{opacity:0;transform:translate(0)scale(.6)}92%,to{opacity:1;transform:translate(0)scale(1)}}.scene-inbox-new{color:var(--color-primary-foreground);background:var(--color-primary);transform-origin:top;animation:5s cubic-bezier(.22,1,.36,1) infinite scene-land}@keyframes scene-land{0%,32%{opacity:0;transform:translateY(-40%)scaleY(.6)}40%,90%{opacity:1;transform:none}to{opacity:0}}.scene-corner{top:-.5rem;right:-.5rem}.scene-dns{background:color-mix(in oklch, var(--color-foreground) 15%, transparent);width:.5rem;height:.5rem;animation:5s ease-in-out infinite scene-dns;animation-delay:calc(1.6s + var(--i) * .25s);border-radius:9999px}@keyframes scene-dns{0%,to{background:color-mix(in oklch, var(--color-foreground) 15%, transparent)}10%,60%{background:var(--color-primary)}}.scene-earth{color:var(--color-primary)}.scene-paycard{background:linear-gradient(135deg, var(--color-primary), color-mix(in oklch, var(--color-primary) 55%, var(--color-foreground)));color:var(--color-primary-foreground);border:0;animation:5s cubic-bezier(.22,1,.36,1) infinite scene-tap}.scene-chip{background:color-mix(in oklch, var(--color-primary-foreground) 70%, transparent);border-radius:.15rem;width:.875rem;height:.625rem;position:absolute;top:.5rem;left:.5rem}@keyframes scene-tap{0%,15%{transform:translate(0)rotate(-6deg)}35%,45%{transform:translate(2.25rem)rotate(0)}60%,to{transform:translate(0)rotate(-6deg)}}.scene-amount{background:color-mix(in oklch, var(--color-foreground) 30%, transparent)}.scene-paid--inline{animation-delay:.3s;translate:none}.scene-row+.scene-row{border-top:1px solid var(--color-border)}.scene-row--head{background:color-mix(in oklch, var(--color-foreground) 5%, transparent)}.scene-row:not(.scene-row--head){animation:5s ease-in-out infinite scene-query;animation-delay:calc(var(--i) * .35s)}@keyframes scene-query{0%,to{background:0 0}8%,18%{background:color-mix(in oklch, var(--color-primary) 20%, transparent)}}.scene-backup{color:var(--color-primary)}.scene-backup .scene-badge{animation-delay:1.2s}.svc-stage--hero{background:radial-gradient(120% 90% at 50% 110%, color-mix(in oklch, var(--color-primary) 22%, transparent), transparent 60%), color-mix(in oklch, var(--color-muted) 55%, transparent);height:15rem}@media (width>=640px){.svc-stage--hero{height:17rem}}.svc-stage-grid{background:linear-gradient(color-mix(in oklch, var(--color-foreground) 6%, transparent) 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, color-mix(in oklch, var(--color-foreground) 6%, transparent) 1px, transparent 1px) 0 0 / 2rem 2rem;position:absolute;inset:0;mask-image:radial-gradient(closest-side,#000,#0000)}.svc-stage-zoom{width:62.5%;height:62.5%;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:1.6}@media (width>=1024px){.svc-stage--hero{height:19rem}.svc-stage-zoom{width:50%;height:50%;scale:2}}.svc-sheet:not(.is-open) .svc-stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.svc-stage *,.svc-stage :before,.svc-stage :after{animation:none!important}.scene-fly,.scene-caret{display:none}.scene-result--you{top:0}.scene-result--a{top:36%}.scene-result--b{top:72%}.scene-block{background:var(--paint,color-mix(in oklch, var(--color-foreground) 25%, transparent))}.scene-mover{left:calc(.25rem + 2 * (var(--col) + .5rem) + .375rem);top:2.75rem}.scene-cursor{transform:translate(180%,140%)}.scene-tick,.scene-dns:not(:last-of-type){background:var(--color-primary)}.scene-deploy-dot{bottom:100%}}.demo[data-style=corporate] .demo-page{--d-bg:#fff;--d-fg:#0f1f33;--d-accent:#1f4e8c;--d-head:"Segoe UI", "Helvetica Neue", Arial, sans-serif;--d-body:"Segoe UI", "Helvetica Neue", Arial, sans-serif;--d-label:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--d-title-weight:600;--d-title-track:-.01em;--d-radius:calc(.4 * var(--u));--d-rule:1px solid #cfd8e3;--d-btn-bg:#1f4e8c;--d-btn-fg:#fff;--d-btn-border:0;--d-ghost-border:1px solid #1f4e8c;--d-badge-bg:#eaf0f7;--d-badge-border:0;--d-stage-bg:#f3f6fa;--d-stage-border:1px solid #d5dde8;--d-card-bg:#fff;--d-card-border:1px solid #d5dde8;--d-dot:#1f4e8c;--d-dot-radius:.2em;--d-mark:#1f4e8c;--d-logo:#0f1f33;--d-mark-anim:none}.demo[data-style=institutional] .demo-page{--d-bg:#fbf8f1;--d-fg:#1c1a17;--d-accent:#7a1f2b;--d-head:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--d-body:"Helvetica Neue", Arial, sans-serif;--d-label:"Helvetica Neue", Arial, sans-serif;--d-title-weight:600;--d-title-track:0;--d-radius:0;--d-rule:1px solid #1c1a17;--d-btn-bg:#7a1f2b;--d-btn-fg:#fbf8f1;--d-btn-border:0;--d-ghost-border:1px solid #1c1a17;--d-badge-bg:#efe8d8;--d-badge-border:1px solid #c9c0ad;--d-stage-bg:#efe8d8;--d-stage-border:1px solid #c9c0ad;--d-card-bg:#fffdf8;--d-card-border:1px solid #c9c0ad;--d-dot:#7a1f2b;--d-dot-radius:0;--d-mark:#7a1f2b;--d-logo:#1c1a17;--d-mark-anim:none}.demo[data-style=consulting] .demo-page{--d-bg:#f4f5f6;--d-fg:#14181c;--d-accent:#0b7a75;--d-head:"Helvetica Neue", Helvetica, Arial, sans-serif;--d-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--d-label:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--d-title-weight:700;--d-title-track:-.02em;--d-radius:calc(.2 * var(--u));--d-rule:1px solid #14181c;--d-btn-bg:#14181c;--d-btn-fg:#fff;--d-btn-border:0;--d-ghost-border:1px solid #14181c;--d-badge-bg:#dfe4e6;--d-badge-border:0;--d-stage-bg:#e6eaec;--d-stage-border:1px solid #cfd4d8;--d-card-bg:#fff;--d-card-border:1px solid #cfd4d8;--d-dot:#0b7a75;--d-dot-radius:0;--d-mark:#14181c;--d-logo:#14181c;--d-mark-anim:none}.brand-swatch--corporate{background:linear-gradient(90deg,#1f4e8c 50%,#fff 50%)}.brand-swatch--institutional{background:linear-gradient(90deg,#7a1f2b 50%,#fbf8f1 50%)}.brand-swatch--consulting{background:linear-gradient(90deg,#0b7a75 50%,#14181c 50%)}.brand-tabs{scrollbar-width:thin;scroll-snap-type:x proximity;padding-inline:1.5rem;mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}.brand-tab{scroll-snap-align:center;color:var(--color-foreground);background:var(--color-card);border:1px solid var(--color-border);transition:background-color .2s,border-color .2s,color .2s}.brand-tab:hover{border-color:color-mix(in oklch, var(--color-primary) 55%, transparent)}.brand-tab[aria-selected=true]{color:var(--color-primary-foreground);background:var(--color-primary);border-color:var(--color-primary)}.brand-swatch{width:.875rem;height:.875rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-foreground) 25%, transparent);border-radius:9999px;flex:none}.brand-browser{background:var(--color-card);border:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);box-shadow:0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent), 0 40px 80px -36px color-mix(in oklch, var(--color-primary) 55%, transparent)}.brand-chrome{border-bottom:1px solid var(--color-border)}.brand-chrome-dot{background:color-mix(in oklch, var(--color-foreground) 20%, transparent);border-radius:9999px;width:.625rem;height:.625rem}.brand-chrome-url{color:var(--color-foreground);background:color-mix(in oklch, var(--color-foreground) 6%, transparent)}.brand-devices{position:relative}.brand-phone{display:none}@media (width>=900px){.brand-devices{padding-inline-end:18.5%}.brand-phone{z-index:1;background:var(--color-foreground);width:21%;box-shadow:0 0 0 1px color-mix(in oklch, var(--color-border) 70%, transparent), 0 30px 60px -24px color-mix(in oklch, var(--color-foreground) 55%, transparent), 0 40px 80px -36px color-mix(in oklch, var(--color-primary) 55%, transparent);border-radius:2.25rem;padding:.5rem;display:block;position:absolute;top:50%;right:0;translate:0 -46%}}.dark .brand-phone,.dark .brand-phone-notch{background:color-mix(in oklch, var(--color-background) 55%, #000)}.dark .brand-phone{box-shadow:0 0 0 1px color-mix(in oklch, var(--color-foreground) 28%, transparent), 0 40px 80px -36px color-mix(in oklch, var(--color-primary) 55%, transparent)}.brand-phone-notch{z-index:2;background:var(--color-foreground);border-radius:9999px;width:4.5rem;height:1.1rem;position:absolute;top:.95rem;left:50%;translate:-50%}.brand-phone-screen{aspect-ratio:9/19;border-radius:1.8rem;overflow:hidden}.brand-phone-screen .demo-page{--u:2.3cqi;min-height:100%;padding-top:2.6rem}.demo-frame{position:relative;container-type:inline-size}.demo-page{--u:1cqi;--d-bg:#fff;--d-fg:#0b0b0b;--d-accent:#0b0b0b;--d-head:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--d-body:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--d-label:"Space Mono", ui-monospace, monospace;--d-radius:0;--d-rule:1px solid #0b0b0b;--d-btn-bg:#0b0b0b;--d-btn-fg:#fff;--d-btn-border:1px solid #0b0b0b;--d-btn-shadow:none;--d-ghost-border:1px solid #0b0b0b;--d-badge-bg:transparent;--d-badge-border:1px solid #0b0b0b;--d-stage-bg:#f3f3f3;--d-stage-border:1px solid #0b0b0b;--d-card-bg:#fff;--d-card-border:1px solid #0b0b0b;--d-card-shadow:none;--d-mark:#0b0b0b;--d-mark-anim:demo-breathe 4s ease-in-out infinite;isolation:isolate;min-height:calc(58 * var(--u));padding:0 calc(4 * var(--u)) calc(4 * var(--u));color:var(--d-fg);background:var(--d-bg);font-family:var(--d-body);transition:background-color .4s,color .4s;position:relative;overflow:hidden}@container (width<=560px){.demo-page{--u:1.9cqi}}.demo-fx{z-index:-1;pointer-events:none;display:none;position:absolute}.demo-nav{align-items:center;gap:calc(3 * var(--u));height:calc(7 * var(--u));border-bottom:var(--d-rule);display:flex}.demo-logo{align-items:center;gap:calc(1 * var(--u));display:flex}.demo-word{font-family:var(--d-head);font-size:calc(1.7 * var(--u));letter-spacing:var(--d-word-track,.08em);color:var(--d-word-fg,var(--d-fg));font-weight:800}.demo-links{gap:calc(2.4 * var(--u));font-size:calc(1.3 * var(--u));margin-inline-start:auto;font-weight:500;display:flex}.demo-btn{white-space:nowrap;padding:calc(.8 * var(--u)) calc(1.8 * var(--u));font-size:calc(1.25 * var(--u));border-radius:var(--d-radius);color:var(--d-btn-fg);background:var(--d-btn-bg);border:var(--d-btn-border);box-shadow:var(--d-btn-shadow);align-items:center;font-weight:700;display:inline-flex}.demo-btn--ghost{color:var(--d-fg);border:var(--d-ghost-border);box-shadow:none;background:0 0}.demo-hero{align-items:center;gap:calc(4 * var(--u));padding:calc(5 * var(--u)) 0 calc(4 * var(--u));grid-template-columns:1.15fr 1fr;display:grid}.demo-copy{align-items:flex-start;gap:calc(1.6 * var(--u));flex-direction:column;display:flex}.demo-badge{font-family:var(--d-label);font-size:calc(1.05 * var(--u));text-transform:uppercase;letter-spacing:.14em;padding:calc(.5 * var(--u)) calc(1.1 * var(--u));border-radius:var(--d-radius);background:var(--d-badge-bg);border:var(--d-badge-border)}.demo-title{font-family:var(--d-head);font-size:calc(var(--d-title-size,4.6) * var(--u));font-weight:var(--d-title-weight,800);font-style:var(--d-title-style,normal);line-height:var(--d-title-leading,1.02);letter-spacing:var(--d-title-track,-.02em);text-transform:var(--d-title-case,none);color:var(--d-title-fg,var(--d-fg));text-shadow:var(--d-title-shadow,none)}.demo-sub{font-size:calc(1.45 * var(--u));text-transform:uppercase;letter-spacing:.06em;color:var(--d-accent);font-weight:700}.demo-actions{gap:calc(1.2 * var(--u));margin-top:calc(1 * var(--u));flex-wrap:wrap;display:flex}.demo-stage{aspect-ratio:1.25;border-radius:var(--d-stage-radius,var(--d-radius));background:var(--d-stage-bg);border:var(--d-stage-border);box-shadow:var(--d-stage-shadow,none);place-items:center;display:grid;position:relative;overflow:hidden}.demo-mark{aspect-ratio:1601/935;display:block;position:relative}.demo-mark--sm{width:calc(3.4 * var(--u))}.demo-mark--lg{width:58%;animation:var(--d-mark-anim)}.demo-mark-fill{background:var(--d-mark);filter:var(--d-mark-filter,none);position:absolute;inset:0;-webkit-mask:url(/logos/vector-symbol-dark.svg) 50%/contain no-repeat;mask:url(/logos/vector-symbol-dark.svg) 50%/contain no-repeat}.demo-mark--sm .demo-mark-fill{background:var(--d-logo,var(--d-fg));filter:none}.demo-mark--sm .demo-mark-fill--echo,.demo-mark-fill--echo,.demo-orbit,.demo-detect,.demo-ascii{display:none}.demo-intro{align-items:center;gap:calc(3 * var(--u));padding-top:calc(3 * var(--u));border-top:var(--d-rule);grid-template-columns:1fr 1.6fr;display:grid}.demo-intro-title{font-family:var(--d-head);font-size:calc(2.2 * var(--u));font-weight:var(--d-title-weight,800);font-style:var(--d-title-style,normal);text-transform:var(--d-title-case,none);color:var(--d-title-fg,var(--d-fg));line-height:1.1}.demo-cards{gap:calc(1.4 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.demo-card{gap:calc(1 * var(--u));padding:calc(1.6 * var(--u));font-size:calc(1.2 * var(--u));border-radius:var(--d-radius);color:var(--d-card-fg,var(--d-fg));background:var(--d-card-bg);border:var(--d-card-border);box-shadow:var(--d-card-shadow);flex-direction:column;font-weight:700;line-height:1.2;display:flex}.demo-card-dot{width:calc(2.4 * var(--u));height:calc(2.4 * var(--u));border-radius:var(--d-dot-radius,9999px);background:var(--d-dot,var(--d-accent))}@container (width<=560px){.demo-links,.demo-intro-title{display:none}.demo-hero,.demo-intro{grid-template-columns:1fr}.demo-stage{aspect-ratio:2;order:-1}.demo-cards{grid-template-columns:1fr 1fr 1fr}}@keyframes demo-breathe{50%{transform:scale(1.04)}}@keyframes demo-float{50%{transform:translateY(-6%)rotate(-2deg)}}@keyframes demo-spin-y{to{transform:perspective(600px)rotateY(360deg)}}@keyframes demo-tilt{0%,to{transform:perspective(900px)rotateY(-18deg)rotateX(6deg)}50%{transform:perspective(900px)rotateY(18deg)rotateX(-4deg)translateY(-3%)}}@keyframes demo-swing-soft{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes demo-pulse-glow{50%{filter:drop-shadow(0 0 calc(2 * var(--u)) var(--d-glow)) drop-shadow(0 0 calc(5 * var(--u)) var(--d-glow));transform:scale(1.05)}}@keyframes demo-drift{50%{transform:translate(8%,-6%)scale(1.15)}}@keyframes demo-hue{to{filter:hue-rotate(360deg)}}@keyframes demo-sheen{0%,40%{background-position:160% 0}80%,to{background-position:-60% 0}}@keyframes demo-bounce{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-14%)scale(.96,1.05)}50%{transform:translateY(0)scale(1.08,.92)}65%{transform:translateY(-4%)scale(.98,1.02)}}@keyframes demo-swing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes demo-glitch{0%,86%,to{clip-path:inset(0);transform:translate(0)}88%{clip-path:inset(10% 0 55%);transform:translate(-3%,1%)}90%{clip-path:inset(50% 0 10%);transform:translate(3%,-1%)}92%{clip-path:inset(30% 0);transform:translate(-1%)}}@keyframes demo-misprint{50%{transform:translate(2.5%,-2%)}}@keyframes demo-melt{0%,to{transform:skew(0)scaleY(1)}40%{transform:skew(-8deg)scaleY(1.06)}70%{transform:skew(6deg)scaleY(.95)}}@keyframes demo-orbit{to{transform:rotate(360deg)}}@keyframes demo-blob{0%,to{border-radius:42% 58% 63% 37%/41% 44% 56% 59%}33%{border-radius:63% 37% 39% 61%/55% 63% 37% 45%}66%{border-radius:37% 63% 52% 48%/62% 38%}}@keyframes demo-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes demo-detect{0%,to{inset:22% 18% 26% 20%}50%{inset:20% 17% 24% 18%}}@keyframes demo-detect-wide{0%,to{inset:27% 26%}50%{inset:25% 25% 25% 24%}}@keyframes demo-blink{50%{opacity:0}}@keyframes demo-twinkle{0%,to{opacity:.2;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes demo-grid-run{to{background-position:0 calc(4 * var(--u))}}.demo[data-style=heat-map] .demo-page{--d-logo:#ffb020;--d-bg:#0a0420;--d-fg:#fff6e8;--d-accent:#ffcf3f;--d-rule:1px solid #ffffff2e;--d-radius:999px;--d-btn-bg:linear-gradient(90deg, #ff3d2e, #ffb020);--d-btn-fg:#1a0400;--d-btn-border:0;--d-ghost-border:1px solid #ffffff80;--d-badge-border:1px solid #ffcf3f99;--d-stage-bg:radial-gradient(circle at 50% 55%, #fff3a0, #ff9a1f 22%, #ff2d55 42%, #7a1fd1 64%, #120a5c 85%);--d-stage-border:0;--d-stage-radius:calc(2 * var(--u));--d-card-bg:#ffffff0f;--d-card-border:1px solid #ffffff26;--d-dot:linear-gradient(135deg, #ffe14a, #ff3d2e, #6a2bff);--d-mark:radial-gradient(circle at 50% 40%, #fff, #fff1a8 30%, #ffb020 60%, #ff2d55);--d-glow:#ff7a1a;--d-mark-anim:demo-pulse-glow 3s ease-in-out infinite;--d-title-fg:#fff}.demo[data-style=heat-map] .demo-btn--cta,.demo[data-style=heat-map] .demo-btn--primary{background:linear-gradient(90deg,#ff3d2e,#ffb020)}.demo[data-style=heat-map] .demo-fx--a,.demo[data-style=heat-map] .demo-fx--b,.demo[data-style=heat-map] .demo-fx--c{aspect-ratio:1;width:55%;filter:blur(calc(5 * var(--u)));opacity:.55;border-radius:9999px;animation:9s ease-in-out infinite demo-drift;display:block}.demo[data-style=heat-map] .demo-fx--a{background:radial-gradient(circle,#ff2d55,#0000 65%);top:-20%;left:-10%}.demo[data-style=heat-map] .demo-fx--b{background:radial-gradient(circle,#ffb020,#0000 65%);animation-delay:-3s;top:25%;right:-12%}.demo[data-style=heat-map] .demo-fx--c{background:radial-gradient(circle,#3d5bff,#0000 65%);animation-delay:-6s;bottom:-35%;left:30%}.demo[data-style=biomorphism] .demo-page{--d-bg:#eef0e4;--d-fg:#1f3326;--d-accent:#4f7a5a;--d-head:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--d-title-weight:600;--d-title-track:-.01em;--d-radius:calc(3 * var(--u));--d-rule:0;--d-btn-bg:#1f3326;--d-btn-fg:#eef0e4;--d-btn-border:0;--d-ghost-border:1.5px solid #1f3326;--d-badge-bg:#dfe6cf;--d-badge-border:0;--d-stage-bg:transparent;--d-stage-border:0;--d-card-bg:#fff;--d-card-border:0;--d-card-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #1f332614;--d-dot-radius:42% 58% 63% 37% / 41% 44% 56% 59%;--d-mark:#1f3326;--d-mark-anim:demo-float 6s ease-in-out infinite}.demo[data-style=biomorphism] .demo-stage:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 30%,#c7d8b5,#9dbb8f 60%,#7aa37a);animation:10s ease-in-out infinite demo-blob;position:absolute;inset:6%}.demo[data-style=biomorphism] .demo-card-dot{animation:8s ease-in-out infinite demo-blob}.demo[data-style=biomorphism] .demo-fx--a{aspect-ratio:1;background:#dfe6cf;width:34%;animation:12s ease-in-out infinite demo-blob;display:block;top:-18%;right:-8%}.demo[data-style="3d-surrealism"] .demo-page{--d-logo:#4a2fd9;--d-bg:linear-gradient(180deg, #c9d6ff 0%, #f6d7f0 55%, #ffe9d6 100%);--d-fg:#1d1838;--d-accent:#6a4cff;--d-radius:calc(1.4 * var(--u));--d-rule:0;--d-btn-bg:linear-gradient(180deg, #7d63ff, #4a2fd9);--d-btn-fg:#fff;--d-btn-border:0;--d-btn-shadow:0 calc(.8 * var(--u)) calc(1.6 * var(--u)) #4a2fd959;--d-ghost-border:1px solid #1d18384d;--d-badge-bg:#fff9;--d-badge-border:0;--d-stage-bg:transparent;--d-stage-border:0;--d-card-bg:#ffffffa6;--d-card-border:0;--d-card-shadow:0 calc(1.4 * var(--u)) calc(3 * var(--u)) #1d18381f;--d-dot:radial-gradient(circle at 30% 30%, #fff, #b9b2ff 40%, #5a3ff0);--d-mark:linear-gradient(135deg, #fff, #b3a8ff 35%, #5a3ff0 70%, #1d1838);--d-mark-anim:demo-tilt 6s ease-in-out infinite;--d-mark-filter:drop-shadow(0 calc(2 * var(--u)) calc(2 * var(--u)) #1d183859);background:var(--d-bg)}.demo[data-style="3d-surrealism"] .demo-fx--a,.demo[data-style="3d-surrealism"] .demo-fx--b,.demo[data-style="3d-surrealism"] .demo-fx--c{aspect-ratio:1;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #1d183840;background:radial-gradient(circle at 32% 28%,#fff,#dfe3ff 18%,#8f99c9 48%,#2c2a52 80%);border-radius:9999px;animation:7s ease-in-out infinite demo-float;display:block}.demo[data-style="3d-surrealism"] .demo-fx--a{width:7%;top:12%;right:4%}.demo[data-style="3d-surrealism"] .demo-fx--b{width:4%;animation-delay:-2s;top:58%;right:42%}.demo[data-style="3d-surrealism"] .demo-fx--c{width:5%;animation-delay:-4s;bottom:6%;left:2%}.demo[data-style="3d-surrealism"] .demo-mark--lg{transform-style:preserve-3d}.demo[data-style="3d-surrealism"] .demo-mark-fill--echo{z-index:-1;background:#2a1d8f;display:block;transform:translate(1.6%,3%)}.demo[data-style="3d-surrealism"] .demo-stage:after{content:"";background:radial-gradient(#1d18384d,#0000 70%);border-radius:50%;width:46%;height:8%;position:absolute;bottom:12%}.demo[data-style=frutiger-aero] .demo-page{--d-logo:#0a8fd6;--d-bg:linear-gradient(180deg, #bfefff 0%, #e8fbff 45%, #c9f5c4 100%);--d-fg:#053a5c;--d-accent:#0a8fd6;--d-head:"Segoe UI", "Frutiger", "Myriad Pro", "Helvetica Neue", Arial, sans-serif;--d-body:"Segoe UI", "Frutiger", "Myriad Pro", "Helvetica Neue", Arial, sans-serif;--d-title-weight:600;--d-radius:calc(1.2 * var(--u));--d-rule:1px solid #fffc;--d-btn-bg:linear-gradient(180deg, #8fe3ff 0%, #2bb0f0 50%, #0a8fd6 51%, #39c2ff 100%);--d-btn-fg:#fff;--d-btn-border:1px solid #0a79b8;--d-btn-shadow:inset 0 1px 0 #fffc, 0 calc(.4 * var(--u)) calc(1 * var(--u)) #0a79b859;--d-ghost-border:1px solid #0a8fd6;--d-badge-bg:#ffffffb3;--d-badge-border:1px solid #0a8fd666;--d-stage-bg:linear-gradient(180deg, #ffffffb3, #ffffff26);--d-stage-border:1px solid #ffffffe6;--d-stage-shadow:inset 0 calc(.6 * var(--u)) calc(2 * var(--u)) #ffffffe6, 0 calc(1 * var(--u)) calc(3 * var(--u)) #053a5c26;--d-card-bg:linear-gradient(180deg, #ffffffe6, #ffffff73);--d-card-border:1px solid #fffffff2;--d-card-shadow:0 calc(.6 * var(--u)) calc(1.6 * var(--u)) #053a5c1f;--d-dot:radial-gradient(circle at 35% 30%, #fff, #7fe0ff 40%, #0a8fd6);--d-mark:linear-gradient(110deg, #0a8fd6 0%, #39c2ff 40%, #fff 50%, #39c2ff 60%, #0a8fd6 100%) 0 0 / 300% 100%;--d-mark-anim:demo-float 5s ease-in-out infinite;background:var(--d-bg)}.demo[data-style=frutiger-aero] .demo-mark--lg .demo-mark-fill{animation:3.5s ease-in-out infinite demo-sheen}.demo[data-style=frutiger-aero] .demo-fx--a,.demo[data-style=frutiger-aero] .demo-fx--b,.demo[data-style=frutiger-aero] .demo-fx--c{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#fffffff2,#ffffff26 35%,#39c2ff40 70%,#fff9);border:1px solid #fffc;border-radius:9999px;animation:8s ease-in-out infinite demo-float;display:block}.demo[data-style=frutiger-aero] .demo-fx--a{width:6%;top:14%;left:44%}.demo[data-style=frutiger-aero] .demo-fx--b{width:9%;animation-delay:-3s;bottom:30%;right:3%}.demo[data-style=frutiger-aero] .demo-fx--c{width:4%;animation-delay:-5s;bottom:4%;left:3%}.demo[data-style=halftone] .demo-page{--d-bg:#f4efe1;--d-fg:#141414;--d-accent:#e6007e;--d-head:"Arial Black", "Helvetica Neue", Impact, sans-serif;--d-title-weight:900;--d-title-case:uppercase;--d-title-size:4.2;--d-title-leading:.95;--d-rule:2px solid #141414;--d-btn-bg:#141414;--d-btn-fg:#f4efe1;--d-btn-border:2px solid #141414;--d-ghost-border:2px solid #141414;--d-badge-bg:#ffe600;--d-badge-border:2px solid #141414;--d-stage-bg:radial-gradient(circle, #00a6d659 30%, transparent 32%) 0 0 / calc(.7 * var(--u)) calc(.7 * var(--u)), #f4efe1;--d-stage-border:2px solid #141414;--d-card-bg:radial-gradient(circle, #e6007e38 28%, transparent 30%) 0 0 / calc(.9 * var(--u)) calc(.9 * var(--u)), #fff;--d-card-border:2px solid #141414;--d-card-shadow:calc(.6 * var(--u)) calc(.6 * var(--u)) 0 #141414;--d-dot:radial-gradient(circle, #141414 34%, transparent 36%) 0 0 / calc(.6 * var(--u)) calc(.6 * var(--u));--d-mark:radial-gradient(circle, #141414 46%, transparent 50%) 0 0 / calc(.6 * var(--u)) calc(.6 * var(--u));--d-mark-anim:none}.demo[data-style=halftone] .demo-mark-fill--echo{z-index:-1;background:radial-gradient(circle, #e6007e 46%, transparent 50%) 0 0 / calc(.6 * var(--u)) calc(.6 * var(--u));animation:3s ease-in-out infinite demo-misprint;display:block}.demo[data-style=halftone] .demo-fx--a{background:radial-gradient(circle, #14141412 30%, transparent 32%) 0 0 / calc(.6 * var(--u)) calc(.6 * var(--u));display:block;inset:0}.demo[data-style=hyper-bloom] .demo-page{--d-logo:#ff6ad5;--d-bg:#12001f;--d-fg:#ffe9fb;--d-accent:#ff6ad5;--d-radius:999px;--d-rule:1px solid #ff6ad540;--d-btn-bg:#ff6ad5;--d-btn-fg:#2a0033;--d-btn-border:0;--d-btn-shadow:0 0 calc(2 * var(--u)) #ff6ad5, 0 0 calc(5 * var(--u)) #ff6ad599;--d-ghost-border:1px solid #ff6ad5;--d-badge-bg:#ff6ad51f;--d-badge-border:1px solid #ff6ad580;--d-stage-bg:radial-gradient(circle at 50% 50%, #ff6ad58c, #8c28ff59 40%, transparent 70%);--d-stage-border:0;--d-stage-radius:50%;--d-card-bg:#ff6ad514;--d-card-border:1px solid #ff6ad559;--d-card-shadow:0 0 calc(3 * var(--u)) #ff6ad540;--d-dot:radial-gradient(circle, #fff, #ff6ad5 50%, #8c28ff);--d-mark:linear-gradient(135deg, #fff, #ffb3ec 40%, #ff6ad5);--d-glow:#ff6ad5;--d-mark-anim:demo-pulse-glow 2.6s ease-in-out infinite;--d-title-shadow:0 0 calc(2 * var(--u)) #ff6ad5b3}.demo[data-style=hyper-bloom] .demo-fx--a,.demo[data-style=hyper-bloom] .demo-fx--b{aspect-ratio:1;width:60%;filter:blur(calc(6 * var(--u)));border-radius:9999px;animation:7s ease-in-out infinite demo-drift;display:block}.demo[data-style=hyper-bloom] .demo-fx--a{opacity:.6;background:#8c28ff;top:-30%;left:-20%}.demo[data-style=hyper-bloom] .demo-fx--b{opacity:.5;background:#ff2fa8;animation-delay:-3.5s;bottom:-40%;right:-20%}.demo[data-style=vaporwave] .demo-page{--d-logo:#3ff4ff;--d-bg:linear-gradient(180deg, #1b0b3a 0%, #5a1a7a 45%, #ff6ec7 100%);--d-fg:#fff0fb;--d-accent:#3ff4ff;--d-head:"Didot", "Bodoni 72", "Times New Roman", serif;--d-title-style:italic;--d-title-weight:700;--d-title-fg:#ffe6f7;--d-title-shadow:calc(.3 * var(--u)) calc(.3 * var(--u)) 0 #3ff4ff, calc(-.3 * var(--u)) calc(-.3 * var(--u)) 0 #ff2fa8;--d-rule:1px solid #3ff4ff73;--d-btn-bg:#3ff4ff;--d-btn-fg:#1b0b3a;--d-btn-border:0;--d-ghost-border:1px solid #3ff4ff;--d-badge-bg:transparent;--d-badge-border:1px solid #ff6ec7;--d-stage-bg:transparent;--d-stage-border:0;--d-card-bg:#1b0b3a8c;--d-card-border:1px solid #3ff4ff;--d-dot:linear-gradient(180deg, #ffe66d, #ff6ec7);--d-mark:#fff;--d-mark-anim:demo-float 5s ease-in-out infinite;background:var(--d-bg)}.demo[data-style=vaporwave] .demo-stage:before{content:"";aspect-ratio:1;z-index:-1;background:repeating-linear-gradient(#0000 0 58%,#5a1a7a 58% 62%,#0000 62% 66%),linear-gradient(#ffe66d,#ff6ec7 70%);border-radius:9999px;width:52%;position:absolute;top:8%}.demo[data-style=vaporwave] .demo-mark-fill--echo{z-index:-1;background:#ff2fa8;display:block;transform:translate(2.2%,3%)}.demo[data-style=vaporwave] .demo-fx--a{background:linear-gradient(#ff6ec7 1px, transparent 1px) 0 0 / 100% calc(4 * var(--u)), linear-gradient(90deg, #ff6ec7 1px, transparent 1px) 0 0 / calc(4 * var(--u)) 100%;height:42%;transform:perspective(calc(30 * var(--u))) rotateX(62deg);transform-origin:bottom;opacity:.55;animation:1.6s linear infinite demo-grid-run;display:block;bottom:0;left:-25%;right:-25%}.demo[data-style=ascii] .demo-page{--d-bg:#050805;--d-fg:#7dff9b;--d-accent:#c6ff6b;--d-head:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--d-body:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--d-title-weight:700;--d-title-size:3.6;--d-title-track:0;--d-title-case:uppercase;--d-rule:1px dashed #2f7a43;--d-btn-bg:#7dff9b;--d-btn-fg:#050805;--d-btn-border:0;--d-ghost-border:1px dashed #7dff9b;--d-badge-border:1px dashed #7dff9b;--d-stage-bg:#071107;--d-stage-border:1px dashed #2f7a43;--d-card-bg:transparent;--d-card-border:1px dashed #2f7a43;--d-dot-radius:0;--d-word-track:.3em;--d-title-shadow:0 0 calc(.8 * var(--u)) #7dff9b99;--d-logo:#7dff9b}.demo[data-style=ascii] .demo-mark--lg{display:none}.demo[data-style=ascii] .demo-ascii{box-shadow:none;font-family:var(--d-head);font-size:calc(1.6 * var(--u));color:#7dff9b;text-shadow:0 0 calc(.8 * var(--u)) #7dff9bb3;background:0 0;border:0;border-radius:0;margin:0;padding:0;line-height:1.05;animation:4s step-end infinite demo-glitch;display:block;overflow:visible}.demo[data-style=ascii] .demo-title:after{content:"_";animation:1s step-end infinite demo-blink}.demo[data-style=ascii] .demo-btn:before{content:"> "}.demo[data-style=ascii] .demo-fx--a{z-index:2;background:repeating-linear-gradient(#00000040 0 1px,#0000 1px 3px);display:block;inset:0}.demo[data-style=maximalism] .demo-page{--d-logo:#ff3b6b;--d-bg:#ffde59;--d-fg:#1b0d3f;--d-accent:#ff3b6b;--d-head:"Didot", "Bodoni 72", "Playfair Display", Georgia, serif;--d-title-weight:900;--d-title-size:5;--d-title-style:italic;--d-title-fg:#1b0d3f;--d-title-shadow:calc(.4 * var(--u)) calc(.4 * var(--u)) 0 #ff3b6b;--d-radius:calc(1 * var(--u));--d-rule:4px solid #1b0d3f;--d-btn-bg:#ff3b6b;--d-btn-fg:#fff;--d-btn-border:3px solid #1b0d3f;--d-btn-shadow:calc(.5 * var(--u)) calc(.5 * var(--u)) 0 #1b0d3f;--d-ghost-border:3px solid #1b0d3f;--d-badge-bg:#2ad4c0;--d-badge-border:3px solid #1b0d3f;--d-stage-bg:repeating-conic-gradient(#ff3b6b 0 15deg, #ffde59 0 30deg), #ff3b6b;--d-stage-border:4px solid #1b0d3f;--d-card-bg:repeating-linear-gradient(45deg, #fff 0 calc(.8 * var(--u)), #ffe8f0 0 calc(1.6 * var(--u)));--d-card-border:3px solid #1b0d3f;--d-card-shadow:calc(.6 * var(--u)) calc(.6 * var(--u)) 0 #2ad4c0;--d-dot:conic-gradient(#ff3b6b, #2ad4c0, #6b4bff, #ffde59, #ff3b6b);--d-mark:#1b0d3f;--d-mark-anim:demo-breathe 1.6s ease-in-out infinite}.demo[data-style=maximalism] .demo-mark-fill--echo{z-index:-1;background:#2ad4c0;display:block;transform:translate(3.5%,5%)}.demo[data-style=maximalism] .demo-fx--a{background:radial-gradient(circle, #1b0d3f26 20%, transparent 22%) 0 0 / calc(2 * var(--u)) calc(2 * var(--u));display:block;inset:0}.demo[data-style=neo-swiss] .demo-page{--d-bg:#f2f0ea;--d-fg:#111;--d-accent:#e30613;--d-head:"Helvetica Neue", Helvetica, Arial, sans-serif;--d-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--d-label:"Helvetica Neue", Helvetica, Arial, sans-serif;--d-title-weight:700;--d-title-size:5.4;--d-title-track:-.045em;--d-title-leading:.92;--d-rule:2px solid #111;--d-btn-bg:#e30613;--d-btn-fg:#fff;--d-btn-border:0;--d-ghost-border:2px solid #111;--d-badge-bg:#111;--d-badge-border:0;--d-stage-bg:#e30613;--d-stage-border:0;--d-card-bg:transparent;--d-card-border:0;--d-dot-radius:0;--d-dot:#e30613;--d-mark:#f2f0ea;--d-logo:#111;--d-mark-anim:none}.demo[data-style=neo-swiss] .demo-badge{color:#f2f0ea}.demo[data-style=neo-swiss] .demo-card{border-top:2px solid #111;padding-inline:0}.demo[data-style=neo-swiss] .demo-stage:before{content:"";background:#111;width:30%;animation:5s cubic-bezier(.7,0,.3,1) infinite demo-swiss;position:absolute;top:0;bottom:0;left:0}@keyframes demo-swiss{0%,to{transform:translate(-100%)}45%,55%{transform:translate(240%)}}.demo[data-style=neo-swiss] .demo-fx--a{background:linear-gradient(90deg,#1111110f 1px,#0000 1px) 0 0/8.33333% 100%;display:block;inset:0}.demo[data-style=micro-industrial] .demo-page{--d-logo:#ff5a1f;--d-bg:#d9d9d4;--d-fg:#1c1c1c;--d-accent:#ff5a1f;--d-head:"Helvetica Neue", Arial, sans-serif;--d-label:"SF Mono", ui-monospace, Menlo, monospace;--d-body:"SF Mono", ui-monospace, Menlo, monospace;--d-title-weight:500;--d-title-size:4;--d-title-case:uppercase;--d-title-track:.01em;--d-rule:1px solid #1c1c1c;--d-btn-bg:#ff5a1f;--d-btn-fg:#1c1c1c;--d-btn-border:1px solid #1c1c1c;--d-ghost-border:1px solid #1c1c1c;--d-badge-bg:#ff5a1f;--d-badge-border:1px solid #1c1c1c;--d-stage-bg:linear-gradient(#1c1c1c 1px, transparent 1px) 0 0 / 100% calc(2 * var(--u)), linear-gradient(90deg, #1c1c1c 1px, transparent 1px) 0 0 / calc(2 * var(--u)) 100%, #e7e7e2;--d-stage-border:1px solid #1c1c1c;--d-card-bg:#e7e7e2;--d-card-border:1px solid #1c1c1c;--d-dot-radius:0;--d-dot:repeating-linear-gradient(-45deg, #1c1c1c 0 calc(.3 * var(--u)), #ff5a1f 0 calc(.6 * var(--u)));--d-mark:#1c1c1c;--d-mark-anim:none}.demo[data-style=micro-industrial] .demo-stage{background-blend-mode:normal}.demo[data-style=micro-industrial] .demo-stage:before{content:"SKU-VCR-01 · 1601×935 · REV.07";left:calc(1 * var(--u));top:calc(.8 * var(--u));font-family:var(--d-label);font-size:calc(.85 * var(--u));padding:0 calc(.4 * var(--u));background:#e7e7e2;position:absolute}.demo[data-style=micro-industrial] .demo-orbit{aspect-ratio:1;border:1px dashed #ff5a1f;border-radius:9999px;width:80%;animation:18s linear infinite demo-orbit;display:block;position:absolute}.demo[data-style=micro-industrial] .demo-card:after{content:"→ 0" counter(card);font-family:var(--d-label);font-size:calc(.85 * var(--u));color:#ff5a1f}.demo[data-style=micro-industrial] .demo-cards{counter-reset:card}.demo[data-style=micro-industrial] .demo-card{counter-increment:card}.demo[data-style=acid-wave] .demo-page{--d-logo:#e6ff00;--d-bg:#050505;--d-fg:#e6ff00;--d-accent:#00f0ff;--d-head:"Arial Black", Impact, sans-serif;--d-title-weight:900;--d-title-case:uppercase;--d-title-size:4.4;--d-title-leading:.9;--d-title-fg:transparent;--d-rule:1px solid #e6ff00;--d-btn-bg:#e6ff00;--d-btn-fg:#050505;--d-btn-border:0;--d-radius:999px;--d-ghost-border:1px solid #00f0ff;--d-badge-border:1px solid #e6ff00;--d-stage-bg:radial-gradient(circle at 50% 50%, #1a1a1a, #050505 70%);--d-stage-border:1px solid #e6ff00;--d-card-bg:#0f0f0f;--d-card-border:1px solid #e6ff00;--d-dot:conic-gradient(#e6ff00, #00f0ff, #ff00e5, #e6ff00);--d-mark:#e6ff00;--d-mark-anim:none}.demo[data-style=acid-wave] .demo-title{-webkit-text-stroke:calc(.12 * var(--u)) #e6ff00;transform-origin:0;transform:skew(-8deg)scaleY(1.08)}.demo[data-style=acid-wave] .demo-mark-fill--echo{z-index:-1;mix-blend-mode:screen;background:#ff00e5;animation:1.8s steps(2,end) infinite demo-misprint;display:block}.demo[data-style=acid-wave] .demo-fx--a{background:repeating-radial-gradient(circle at 70% 40%, transparent 0 calc(2 * var(--u)), #e6ff0014 calc(2 * var(--u)) calc(2.3 * var(--u)));animation:40s linear infinite demo-orbit;display:block;inset:-20%}.demo[data-style=retro-futurism] .demo-page{--d-bg:#f6ead2;--d-fg:#1f3a3d;--d-accent:#e8622c;--d-head:"Futura", "Century Gothic", "Avenir Next", Arial, sans-serif;--d-body:"Futura", "Century Gothic", "Avenir Next", Arial, sans-serif;--d-title-weight:700;--d-title-case:uppercase;--d-title-track:.04em;--d-title-size:3.9;--d-radius:999px;--d-rule:2px solid #1f3a3d;--d-btn-bg:#e8622c;--d-btn-fg:#f6ead2;--d-btn-border:0;--d-ghost-border:2px solid #1f3a3d;--d-badge-bg:#2f8f8a;--d-badge-border:0;--d-stage-bg:radial-gradient(circle at 50% 50%, #2f8f8a 0 34%, #1f3a3d 35% 100%);--d-stage-border:0;--d-stage-radius:50%;--d-card-bg:#fff6e4;--d-card-border:2px solid #1f3a3d;--d-card-shadow:0 calc(.6 * var(--u)) 0 #e8622c;--d-dot:radial-gradient(circle at 40% 35%, #f6ead2 0 20%, #e8622c 22%);--d-mark:#f6ead2;--d-logo:#1f3a3d;--d-mark-anim:demo-float 6s ease-in-out infinite}.demo[data-style=retro-futurism] .demo-badge{color:#f6ead2}.demo[data-style=retro-futurism] .demo-stage{aspect-ratio:1;justify-self:center;width:82%}.demo[data-style=retro-futurism] .demo-orbit{border:2px solid #e8622c;border-radius:50%;display:block;position:absolute;inset:8% -6%;transform:rotate(-18deg)}.demo[data-style=retro-futurism] .demo-orbit:after{content:"";aspect-ratio:1;offset-path:ellipse(50% 50%);background:#e8622c;border-radius:9999px;width:9%;position:absolute;top:-6%;left:50%}.demo[data-style=retro-futurism] .demo-orbit--b{border-color:#f6ead2;animation:14s linear infinite demo-orbit;inset:-6% 10%;transform:rotate(30deg)}.demo[data-style=pop-illustration] .demo-page{--d-bg:#fff4e0;--d-fg:#1a1a2e;--d-accent:#ff5f45;--d-head:"Arial Rounded MT Bold", ui-rounded, "Nunito", Arial, sans-serif;--d-body:ui-rounded, "Arial Rounded MT Bold", Arial, sans-serif;--d-title-weight:900;--d-radius:calc(1.6 * var(--u));--d-rule:3px solid #1a1a2e;--d-btn-bg:#ffd23f;--d-btn-fg:#1a1a2e;--d-btn-border:3px solid #1a1a2e;--d-btn-shadow:0 calc(.5 * var(--u)) 0 #1a1a2e;--d-ghost-border:3px solid #1a1a2e;--d-badge-bg:#7bdff2;--d-badge-border:3px solid #1a1a2e;--d-stage-bg:#5b8cff;--d-stage-border:3px solid #1a1a2e;--d-stage-shadow:0 calc(.8 * var(--u)) 0 #1a1a2e;--d-card-bg:#fff;--d-card-border:3px solid #1a1a2e;--d-card-shadow:0 calc(.6 * var(--u)) 0 #1a1a2e;--d-dot:#ff5f45;--d-mark:#ffd23f;--d-logo:#1a1a2e;--d-mark-anim:demo-bounce 1.8s ease-in-out infinite;--d-mark-filter:drop-shadow(calc(.25 * var(--u)) 0 0 #1a1a2e) drop-shadow(calc(-.25 * var(--u)) 0 0 #1a1a2e) drop-shadow(0 calc(.25 * var(--u)) 0 #1a1a2e) drop-shadow(0 calc(-.25 * var(--u)) 0 #1a1a2e)}.demo[data-style=pop-illustration] .demo-card:nth-child(2) .demo-card-dot{background:#7bdff2}.demo[data-style=pop-illustration] .demo-card:nth-child(3) .demo-card-dot{background:#ffd23f}.demo[data-style=pop-illustration] .demo-fx--a{aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ff5f45;width:3%;animation:2s ease-in-out infinite demo-twinkle;display:block;top:18%;right:3%}.demo[data-style=computer-vision] .demo-page{--d-logo:#00ff85;--d-bg:#0c1014;--d-fg:#e6f1f5;--d-accent:#00ff85;--d-label:"SF Mono", ui-monospace, Menlo, monospace;--d-title-weight:700;--d-rule:1px solid #00ff854d;--d-btn-bg:#00ff85;--d-btn-fg:#0c1014;--d-btn-border:0;--d-ghost-border:1px solid #e6f1f566;--d-badge-bg:#00ff851a;--d-badge-border:1px solid #00ff85;--d-stage-bg:radial-gradient(circle at 50% 50%, #1e2a33, #0c1014 75%);--d-stage-border:1px solid #e6f1f533;--d-card-bg:#e6f1f50a;--d-card-border:1px solid #00ff8566;--d-dot-radius:0;--d-dot:transparent;--d-mark:#d6e2e8;--d-mark-anim:demo-float 6s ease-in-out infinite}.demo[data-style=computer-vision] .demo-card-dot{border:1px solid #00ff85}.demo[data-style=computer-vision] .demo-detect{border:2px solid #00ff85;animation:6s ease-in-out infinite demo-detect;display:block;position:absolute;box-shadow:0 0 0 1px #0006}.demo[data-style=computer-vision] .demo-detect-label{padding:calc(.2 * var(--u)) calc(.6 * var(--u));font-family:var(--d-label);font-size:calc(.95 * var(--u));white-space:nowrap;color:#0c1014;background:#00ff85;position:absolute;bottom:100%;left:-2px}.demo[data-style=computer-vision] .demo-stage:before{content:"";background:linear-gradient(#0000,#00ff8540 50%,#0000);height:30%;animation:3s linear infinite demo-scan;position:absolute;inset:0}.demo[data-style=computer-vision] .demo-stage:after{content:"REC ● 00:24:17";right:calc(1 * var(--u));top:calc(.8 * var(--u));font-family:var(--d-label);font-size:calc(.95 * var(--u));color:#ff4d4d;position:absolute}.demo[data-style=dreamscape] .demo-page{--d-bg:linear-gradient(180deg, #a8c0ff 0%, #f3d1f4 50%, #fde2c7 100%);--d-fg:#3b2f5c;--d-accent:#8a6cd1;--d-head:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--d-title-weight:500;--d-title-style:italic;--d-radius:calc(2 * var(--u));--d-rule:1px solid #fff9;--d-btn-bg:#ffffffd9;--d-btn-fg:#3b2f5c;--d-btn-border:0;--d-btn-shadow:0 calc(.6 * var(--u)) calc(2 * var(--u)) #8a6cd14d;--d-ghost-border:1px solid #3b2f5c59;--d-badge-bg:#ffffff80;--d-badge-border:0;--d-stage-bg:transparent;--d-stage-border:0;--d-card-bg:#ffffff73;--d-card-border:1px solid #ffffffb3;--d-card-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #8a6cd12e;--d-dot:radial-gradient(circle, #fff, #c9b6ff);--d-mark:linear-gradient(180deg, #fff 0%, #c9b6ff 45%, #8a6cd1 100%);--d-logo:#3b2f5c;--d-glow:#fffffff2;--d-mark-anim:demo-pulse-glow 6s ease-in-out infinite;background:var(--d-bg)}.demo[data-style=dreamscape] .demo-fx--a,.demo[data-style=dreamscape] .demo-fx--b,.demo[data-style=dreamscape] .demo-fx--c{height:14%;filter:blur(calc(1.6 * var(--u)));opacity:.75;background:#fff;border-radius:9999px;animation:14s ease-in-out infinite demo-drift;display:block}.demo[data-style=dreamscape] .demo-fx--a{width:40%;top:55%;left:-5%}.demo[data-style=dreamscape] .demo-fx--b{width:34%;animation-delay:-5s;top:20%;right:-8%}.demo[data-style=dreamscape] .demo-fx--c{width:46%;animation-delay:-9s;bottom:-4%;left:35%}.demo[data-style=future-medieval] .demo-page{--d-logo:#d4af37;--d-bg:#0e0b1a;--d-fg:#efe3c2;--d-accent:#d4af37;--d-head:"Luminari", "Cinzel", "Trajan Pro", "Times New Roman", serif;--d-body:"Iowan Old Style", Georgia, serif;--d-label:"Cinzel", "Trajan Pro", Georgia, serif;--d-title-weight:400;--d-title-size:4.2;--d-title-track:.01em;--d-title-fg:#f4d97a;--d-rule:1px solid #d4af37;--d-btn-bg:linear-gradient(180deg, #f4d97a, #b8892a);--d-btn-fg:#0e0b1a;--d-btn-border:1px solid #f4d97a;--d-ghost-border:1px solid #d4af37;--d-badge-bg:transparent;--d-badge-border:1px solid #d4af37;--d-stage-bg:radial-gradient(circle at 50% 40%, #2a2150, #0e0b1a 70%);--d-stage-border:2px double #d4af37;--d-card-bg:#161127;--d-card-border:1px solid #6e5a2a;--d-dot-radius:0;--d-dot:linear-gradient(180deg, #f4d97a, #b8892a);--d-mark:linear-gradient(110deg, #b8892a 0%, #f4d97a 40%, #fff6d0 50%, #f4d97a 60%, #b8892a 100%) 0 0 / 300% 100%;--d-mark-anim:none}.demo[data-style=future-medieval] .demo-mark--lg .demo-mark-fill{animation:4s ease-in-out infinite demo-sheen}.demo[data-style=future-medieval] .demo-card-dot{clip-path:polygon(50% 0,100% 20%,92% 70%,50% 100%,8% 70%,0 20%)}.demo[data-style=future-medieval] .demo-stage:before{content:"";clip-path:polygon(50% 0,100% 12%,94% 64%,50% 100%,6% 64%,0 12%);background:linear-gradient(#3a2d6b,#1a1433);position:absolute;inset:10% 24%;box-shadow:inset 0 0 0 2px #d4af37}.demo[data-style=future-medieval] .demo-stage:after{content:"✦  ✦  ✦";font-size:calc(1.4 * var(--u));letter-spacing:.6em;color:#d4af37;position:absolute;bottom:6%}.demo[data-style=future-medieval] .demo-mark--lg{width:34%}.demo[data-style=trinket] .demo-page{--d-logo:#8b5cf6;--d-bg:#fff0f6;--d-fg:#4a2a5a;--d-accent:#ff7eb6;--d-head:ui-rounded, "Arial Rounded MT Bold", "Nunito", Arial, sans-serif;--d-body:ui-rounded, "Arial Rounded MT Bold", Arial, sans-serif;--d-title-weight:800;--d-radius:calc(1.6 * var(--u));--d-rule:2px dotted #ffb3d4;--d-btn-bg:linear-gradient(180deg, #ffb3d4, #ff7eb6);--d-btn-fg:#fff;--d-btn-border:0;--d-btn-shadow:inset 0 calc(-.4 * var(--u)) 0 #e0559a, inset 0 calc(.3 * var(--u)) 0 #fff9, 0 calc(.5 * var(--u)) calc(1 * var(--u)) #e0559a59;--d-ghost-border:2px solid #c7a6ff;--d-badge-bg:#e7dbff;--d-badge-border:0;--d-stage-bg:radial-gradient(circle at 50% 30%, #fffbe6, #ffe3f0 70%);--d-stage-border:2px dashed #ffb3d4;--d-stage-radius:calc(3 * var(--u));--d-card-bg:#fff;--d-card-border:2px solid #ffd6e8;--d-card-shadow:0 calc(.6 * var(--u)) 0 #ffd6e8;--d-dot:radial-gradient(circle at 35% 30%, #fff, #b5f2d9 45%, #5fd3a8);--d-mark:linear-gradient(180deg, #c7a6ff, #8b5cf6);--d-mark-filter:drop-shadow(0 calc(.5 * var(--u)) 0 #6d3fd6);--d-mark-anim:demo-swing-soft 2.8s ease-in-out infinite}.demo[data-style=trinket] .demo-mark--lg{transform-origin:50% -40%;width:44%}.demo[data-style=trinket] .demo-stage:before{content:"";width:calc(4 * var(--u));aspect-ratio:1;border:calc(.6 * var(--u)) solid #f4c95d;border-radius:9999px;position:absolute;top:6%;left:50%;translate:-50%}.demo[data-style=trinket] .demo-card:nth-child(2) .demo-card-dot{background:radial-gradient(circle at 35% 30%,#fff,#ffd6e8 45%,#ff7eb6)}.demo[data-style=trinket] .demo-card:nth-child(3) .demo-card-dot{background:radial-gradient(circle at 35% 30%,#fff,#e7dbff 45%,#8b5cf6)}.demo[data-style=vector-surrealism] .demo-page{--d-logo:#241047;--d-bg:#ff9f43;--d-fg:#241047;--d-accent:#241047;--d-head:"Futura", "Avenir Next", Arial, sans-serif;--d-title-weight:800;--d-title-size:4.6;--d-radius:0 calc(3 * var(--u)) 0 calc(3 * var(--u));--d-rule:0;--d-btn-bg:#241047;--d-btn-fg:#ffe066;--d-btn-border:0;--d-ghost-border:2px solid #241047;--d-badge-bg:#ffe066;--d-badge-border:0;--d-stage-bg:linear-gradient(160deg, #6c3bff 0 50%, #2ec4b6 50% 100%);--d-stage-border:0;--d-stage-radius:50% 50% calc(2 * var(--u)) calc(2 * var(--u));--d-card-bg:#ffe066;--d-card-border:0;--d-dot-radius:50% 0;--d-dot:linear-gradient(135deg, #6c3bff, #ff4d8d);--d-mark:#ffe066;--d-mark-anim:demo-float 5s ease-in-out infinite}.demo[data-style=vector-surrealism] .demo-mark-fill--echo{z-index:-1;background:#241047;display:block;transform:translate(3%,4.5%)}.demo[data-style=vector-surrealism] .demo-stage:before{content:"";clip-path:polygon(0 100%,20% 0,80% 0,100% 100%);background:#241047;width:70%;height:22%;position:absolute;bottom:0}.demo[data-style=vector-surrealism] .demo-fx--a{aspect-ratio:1;width:6%;box-shadow:0 0 0 calc(.4 * var(--u)) #241047;background:radial-gradient(circle,#241047 0 30%,#fff 32% 100%);border-radius:9999px;animation:4s ease-in-out infinite demo-float;display:block;top:6%;left:46%}.demo[data-style=y2k] .demo-page{--d-logo:#1f6bff;--d-bg:linear-gradient(180deg, #e9eef7 0%, #c9d4e6 100%);--d-fg:#10224d;--d-accent:#1f6bff;--d-head:"Verdana", "Trebuchet MS", Tahoma, sans-serif;--d-body:"Verdana", Tahoma, sans-serif;--d-title-weight:800;--d-title-size:4;--d-title-track:-.03em;--d-title-fg:transparent;--d-radius:999px;--d-rule:1px solid #ffffffe6;--d-btn-bg:linear-gradient(180deg, #fff 0%, #b8c6e0 48%, #8ea3c9 52%, #dfe7f5 100%);--d-btn-fg:#10224d;--d-btn-border:1px solid #7c8fb5;--d-btn-shadow:inset 0 1px 0 #fff, 0 calc(.4 * var(--u)) calc(1 * var(--u)) #10224d40;--d-ghost-border:1px solid #1f6bff;--d-badge-bg:#1f6bff;--d-badge-border:0;--d-stage-bg:radial-gradient(circle at 50% 45%, #fff, #c5d6ff 40%, #1f6bff 100%);--d-stage-border:1px solid #fff;--d-stage-radius:calc(4 * var(--u));--d-card-bg:linear-gradient(180deg, #ffffffe6, #c9d4e699);--d-card-border:1px solid #fff;--d-card-shadow:0 calc(.6 * var(--u)) calc(1.6 * var(--u)) #10224d26;--d-dot:radial-gradient(circle at 35% 30%, #fff, #8fb4ff 45%, #1f6bff);--d-mark:linear-gradient(180deg, #fff 0%, #fff 46%, #dce7ff 50%, #fff 70%);--d-mark-filter:drop-shadow(0 calc(.5 * var(--u)) calc(.6 * var(--u)) #10224d80);--d-mark-anim:demo-float 4s ease-in-out infinite;background:var(--d-bg)}.demo[data-style=y2k] .demo-title{background:linear-gradient(#1f6bff,#10224d 55%,#6d8fd1);-webkit-background-clip:text;background-clip:text}.demo[data-style=y2k] .demo-badge{color:#fff}.demo[data-style=y2k] .demo-fx--a,.demo[data-style=y2k] .demo-fx--b,.demo[data-style=y2k] .demo-fx--c,.demo[data-style=y2k] .demo-fx--d{aspect-ratio:1;z-index:1;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px #8fb4ff);background:#fff;width:2.6%;animation:2.4s ease-in-out infinite demo-twinkle;display:block}.demo[data-style=y2k] .demo-fx--a{top:22%;right:38%}.demo[data-style=y2k] .demo-fx--b{animation-delay:-.8s;top:16%;right:6%}.demo[data-style=y2k] .demo-fx--c{animation-delay:-1.6s;top:58%;right:12%}.demo[data-style=y2k] .demo-fx--d{animation-delay:-1.2s;top:30%;left:4%}.demo[data-style=acid-wave] .demo-intro-title{color:#e6ff00}.demo[data-style=y2k] .demo-intro-title{color:#10224d}@container (width>=561px){.demo-page{height:calc(66 * var(--u));flex-direction:column;display:flex}.demo-nav,.demo-intro{flex:none}.demo-hero{flex:auto;min-height:0}.demo[data-style=heat-map] .demo-nav,.demo[data-style=frutiger-aero] .demo-nav,.demo[data-style=y2k] .demo-nav{margin-top:calc(2 * var(--u));height:calc(5.6 * var(--u));padding-inline:calc(1.4 * var(--u)) calc(.8 * var(--u));border:var(--d-rule);border-radius:999px}.demo[data-style=halftone] .demo-nav,.demo[data-style=retro-futurism] .demo-nav,.demo[data-style=future-medieval] .demo-nav{grid-template-columns:1fr auto 1fr;display:grid}.demo[data-style=halftone] .demo-links,.demo[data-style=retro-futurism] .demo-links,.demo[data-style=future-medieval] .demo-links{order:-1;margin:0}.demo[data-style=halftone] .demo-btn--cta,.demo[data-style=retro-futurism] .demo-btn--cta,.demo[data-style=future-medieval] .demo-btn--cta{justify-self:end}.demo[data-style=biomorphism] .demo-hero,.demo[data-style=vaporwave] .demo-hero,.demo[data-style=pop-illustration] .demo-hero,.demo[data-style=trinket] .demo-hero,.demo[data-style=micro-industrial] .demo-hero,.demo[data-style=vector-surrealism] .demo-hero,.demo[data-style=ascii] .demo-hero{grid-template-columns:1fr 1.15fr}.demo[data-style=biomorphism] .demo-stage,.demo[data-style=vaporwave] .demo-stage,.demo[data-style=pop-illustration] .demo-stage,.demo[data-style=trinket] .demo-stage,.demo[data-style=micro-industrial] .demo-stage,.demo[data-style=vector-surrealism] .demo-stage,.demo[data-style=ascii] .demo-stage{order:-1}.demo[data-style=hyper-bloom] .demo-hero,.demo[data-style=retro-futurism] .demo-hero,.demo[data-style=future-medieval] .demo-hero{align-content:center;justify-items:center;gap:calc(2 * var(--u));padding-block:calc(2.4 * var(--u)) calc(2 * var(--u));text-align:center;grid-template-columns:1fr}.demo[data-style=hyper-bloom] .demo-copy,.demo[data-style=retro-futurism] .demo-copy,.demo[data-style=future-medieval] .demo-copy{max-width:calc(66 * var(--u));align-items:center;gap:calc(1.2 * var(--u))}.demo[data-style=hyper-bloom] .demo-actions,.demo[data-style=retro-futurism] .demo-actions,.demo[data-style=future-medieval] .demo-actions{justify-content:center}.demo[data-style=hyper-bloom] .demo-stage,.demo[data-style=retro-futurism] .demo-stage,.demo[data-style=future-medieval] .demo-stage{width:calc(16 * var(--u));aspect-ratio:1;order:-1}.demo[data-style=hyper-bloom] .demo-mark--lg,.demo[data-style=retro-futurism] .demo-mark--lg{width:62%}.demo[data-style=hyper-bloom] .demo-page,.demo[data-style=retro-futurism] .demo-page,.demo[data-style=future-medieval] .demo-page{--d-title-size:3.8}.demo[data-style=frutiger-aero] .demo-intro-title,.demo[data-style=heat-map] .demo-intro-title{text-align:end;order:1}.demo[data-style=frutiger-aero] .demo-intro,.demo[data-style=heat-map] .demo-intro{grid-template-columns:1.6fr 1fr}.demo[data-style=ascii] .demo-cards,.demo[data-style=micro-industrial] .demo-cards,.demo[data-style=trinket] .demo-cards{gap:calc(.7 * var(--u));grid-template-columns:1fr}.demo[data-style=ascii] .demo-card,.demo[data-style=micro-industrial] .demo-card,.demo[data-style=trinket] .demo-card{padding-block:calc(.7 * var(--u));flex-direction:row;align-items:center}.demo[data-style=ascii] .demo-card-dot,.demo[data-style=micro-industrial] .demo-card-dot,.demo[data-style=trinket] .demo-card-dot{width:calc(1.4 * var(--u));height:calc(1.4 * var(--u))}.demo[data-style=heat-map] .demo-hero{grid-template-columns:1fr 1.15fr;align-items:stretch}.demo[data-style=heat-map] .demo-copy{justify-content:center}.demo[data-style=heat-map] .demo-stage{aspect-ratio:auto;border-radius:calc(20 * var(--u)) 0 0 calc(20 * var(--u));margin-inline-end:calc(-4 * var(--u))}.demo[data-style=biomorphism] .demo-links{margin-inline:auto}.demo[data-style=biomorphism] .demo-stage{aspect-ratio:1;justify-self:center;width:88%}.demo[data-style=biomorphism] .demo-card:first-child{translate:0 calc(1 * var(--u))}.demo[data-style=biomorphism] .demo-card:nth-child(2){translate:0 calc(-1 * var(--u));border-radius:calc(5 * var(--u))}.demo[data-style=biomorphism] .demo-card:nth-child(3){border-radius:calc(5 * var(--u)) calc(1.4 * var(--u))}.demo[data-style="3d-surrealism"] .demo-nav{border:0}.demo[data-style="3d-surrealism"] .demo-hero{grid-template-columns:.9fr 1.25fr}.demo[data-style="3d-surrealism"] .demo-stage{aspect-ratio:1.45;overflow:visible}.demo[data-style="3d-surrealism"] .demo-mark--lg{width:82%}.demo[data-style="3d-surrealism"] .demo-cards{perspective:calc(60 * var(--u))}.demo[data-style="3d-surrealism"] .demo-card:first-child{transform:rotateY(22deg)}.demo[data-style="3d-surrealism"] .demo-card:nth-child(2){transform:translateZ(calc(3 * var(--u)))}.demo[data-style="3d-surrealism"] .demo-card:nth-child(3){transform:rotateY(-22deg)}.demo[data-style=frutiger-aero] .demo-nav{box-shadow:inset 0 1px 0 #fff, 0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #053a5c1f;background:linear-gradient(#ffffffd9,#ffffff59)}.demo[data-style=frutiger-aero] .demo-card{text-align:center;align-items:center}.demo[data-style=frutiger-aero] .demo-card-dot{width:calc(3.6 * var(--u));height:calc(3.6 * var(--u));border-radius:calc(1 * var(--u))}.demo[data-style=halftone] .demo-nav{box-shadow:0 calc(.5 * var(--u)) 0 -1px var(--d-bg), 0 calc(.5 * var(--u)) 0 0 #141414, 0 2px 0 0 #141414;border-bottom:0}.demo[data-style=halftone] .demo-word{font-family:var(--d-head);font-size:calc(2.6 * var(--u));letter-spacing:.02em}.demo[data-style=halftone] .demo-hero{align-items:start;column-gap:calc(3 * var(--u));row-gap:calc(1.4 * var(--u));padding-top:calc(3 * var(--u));grid-template-columns:1fr 1fr;grid-template-areas:"badge.""title title""sub stage""actions stage"}.demo[data-style=halftone] .demo-copy{display:contents}.demo[data-style=halftone] .demo-badge{grid-area:badge;justify-self:start}.demo[data-style=halftone] .demo-title{font-size:calc(4.9 * var(--u));grid-area:title}.demo[data-style=halftone] .demo-sub{grid-area:sub}.demo[data-style=halftone] .demo-actions{grid-area:actions}.demo[data-style=halftone] .demo-stage{aspect-ratio:2.6;grid-area:stage;width:100%}.demo[data-style=halftone] .demo-mark--lg{width:42%}.demo[data-style=halftone] .demo-cards{gap:0}.demo[data-style=halftone] .demo-card{border:0;box-shadow:none;background:0 0;border-inline-start:2px solid #141414}.demo[data-style=hyper-bloom] .demo-nav{border-bottom:0}.demo[data-style=hyper-bloom] .demo-links{margin-inline:auto}.demo[data-style=hyper-bloom] .demo-stage{width:calc(15 * var(--u));box-shadow:0 0 calc(4 * var(--u)) #ff6ad580}.demo[data-style=hyper-bloom] .demo-card{border-radius:calc(3 * var(--u));text-align:center;align-items:center}.demo[data-style=vaporwave] .demo-copy{text-align:center;align-items:center}.demo[data-style=vaporwave] .demo-actions{justify-content:center}.demo[data-style=vaporwave] .demo-stage{aspect-ratio:1.05}.demo[data-style=vaporwave] .demo-card{transform:skew(-8deg)}.demo[data-style=ascii] .demo-link:before{content:"["}.demo[data-style=ascii] .demo-link:after{content:"]"}.demo[data-style=ascii] .demo-word:before{content:"~/";opacity:.6}.demo[data-style=ascii] .demo-hero{grid-template-columns:.85fr 1.15fr}.demo[data-style=ascii] .demo-card{border:0;padding-inline:0}.demo[data-style=ascii] .demo-card:before{content:"$";color:#c6ff6b}.demo[data-style=ascii] .demo-card-dot{display:none}.demo[data-style=maximalism] .demo-copy{z-index:2;margin-inline-end:calc(-8 * var(--u));position:relative}.demo[data-style=maximalism] .demo-stage{rotate:4deg}.demo[data-style=maximalism] .demo-btn--cta{rotate:-6deg}.demo[data-style=maximalism] .demo-cards{gap:0}.demo[data-style=maximalism] .demo-card:first-child{rotate:-4deg}.demo[data-style=maximalism] .demo-card:nth-child(2){rotate:3deg;translate:0 calc(-.8 * var(--u));z-index:1}.demo[data-style=maximalism] .demo-card:nth-child(3){rotate:-2deg;translate:calc(-.6 * var(--u)) calc(.6 * var(--u))}.demo[data-style=neo-swiss] .demo-hero{align-items:end;column-gap:calc(2 * var(--u));row-gap:calc(1.6 * var(--u));grid-template-columns:repeat(3,1fr);grid-template-areas:"badge.stage""title title stage""sub actions stage"}.demo[data-style=neo-swiss] .demo-copy{display:contents}.demo[data-style=neo-swiss] .demo-badge{grid-area:badge;justify-self:start}.demo[data-style=neo-swiss] .demo-title{grid-area:title}.demo[data-style=neo-swiss] .demo-sub{grid-area:sub}.demo[data-style=neo-swiss] .demo-actions{grid-area:actions;margin:0}.demo[data-style=neo-swiss] .demo-stage{aspect-ratio:auto;grid-area:stage;align-self:stretch}.demo[data-style=neo-swiss] .demo-cards{counter-reset:swiss}.demo[data-style=neo-swiss] .demo-card{counter-increment:swiss}.demo[data-style=neo-swiss] .demo-card-dot{display:none}.demo[data-style=neo-swiss] .demo-card:before{content:counter(swiss, decimal-leading-zero);font-size:calc(2.4 * var(--u));color:#e30613}.demo[data-style=micro-industrial] .demo-nav{gap:0}.demo[data-style=micro-industrial] .demo-links{align-self:stretch;gap:0}.demo[data-style=micro-industrial] .demo-link{padding-inline:calc(2 * var(--u));border-inline-start:1px solid #1c1c1c;align-items:center;display:flex}.demo[data-style=micro-industrial] .demo-btn--cta{border-block:0;border-inline-end:0;align-self:stretch}.demo[data-style=micro-industrial] .demo-stage{aspect-ratio:1.55}.demo[data-style=micro-industrial] .demo-hero{grid-template-columns:1.2fr 1fr;align-items:end}.demo[data-style=micro-industrial] .demo-card{justify-content:space-between}.demo[data-style=micro-industrial] .demo-card-text{margin-inline-end:auto}.demo[data-style=acid-wave] .demo-hero{align-items:center;row-gap:calc(1.4 * var(--u));grid-template-rows:auto auto auto auto;grid-template-columns:1fr 1fr}.demo[data-style=acid-wave] .demo-copy{display:contents}.demo[data-style=acid-wave] .demo-badge{grid-area:1/1;justify-self:start}.demo[data-style=acid-wave] .demo-title{z-index:2;font-size:calc(5.2 * var(--u));grid-area:2/1/3/3}.demo[data-style=acid-wave] .demo-sub{grid-area:3/1}.demo[data-style=acid-wave] .demo-actions{grid-area:4/1}.demo[data-style=acid-wave] .demo-stage{aspect-ratio:auto;border-radius:999px;grid-area:1/2/5/3;align-self:stretch}.demo[data-style=acid-wave] .demo-card{transform:skew(-10deg)}.demo[data-style=retro-futurism] .demo-hero,.demo[data-style=future-medieval] .demo-hero{gap:calc(2.8 * var(--u))}.demo[data-style=retro-futurism] .demo-page{--d-title-size:3.3}.demo[data-style=retro-futurism] .demo-stage{width:calc(15 * var(--u));justify-self:center}.demo[data-style=retro-futurism] .demo-card{border-radius:calc(4 * var(--u)) calc(4 * var(--u)) calc(1 * var(--u)) calc(1 * var(--u))}.demo[data-style=pop-illustration] .demo-stage{justify-self:center;width:92%;rotate:-3deg}.demo[data-style=pop-illustration] .demo-card:first-child{rotate:-2.5deg}.demo[data-style=pop-illustration] .demo-card:nth-child(2){rotate:2deg;translate:0 calc(.6 * var(--u))}.demo[data-style=pop-illustration] .demo-card:nth-child(3){rotate:-1deg}.demo[data-style=computer-vision] .demo-hero{grid-template-columns:1fr;align-items:center;position:relative}.demo[data-style=computer-vision] .demo-stage{inset:calc(2 * var(--u)) calc(-4 * var(--u)) calc(2 * var(--u)) 30%;aspect-ratio:auto;border-inline-end:0;position:absolute}.demo[data-style=computer-vision] .demo-mark--lg{width:44%}.demo[data-style=computer-vision] .demo-detect{animation-name:demo-detect-wide}.demo[data-style=computer-vision] .demo-copy{z-index:1;max-width:50%;padding:calc(2 * var(--u));background:#0c1014d1;border:1px solid #00ff8566;position:relative}.demo[data-style=computer-vision] .demo-card{background:linear-gradient(#00ff85, #00ff85) 0 0 / calc(1.4 * var(--u)) 2px, linear-gradient(#00ff85, #00ff85) 0 0 / 2px calc(1.4 * var(--u)), linear-gradient(#00ff85, #00ff85) 100% 100% / calc(1.4 * var(--u)) 2px, linear-gradient(#00ff85, #00ff85) 100% 100% / 2px calc(1.4 * var(--u)), #e6f1f50a;background-repeat:no-repeat;border:0;position:relative}.demo[data-style=dreamscape] .demo-nav{border-bottom:0}.demo[data-style=dreamscape] .demo-links{margin-inline:auto}.demo[data-style=dreamscape] .demo-copy{text-align:center;align-items:center}.demo[data-style=dreamscape] .demo-actions{justify-content:center}.demo[data-style=dreamscape] .demo-stage{aspect-ratio:1;background:radial-gradient(circle,#ffffffb3,#fff0 70%);border-radius:50%;justify-self:center;width:80%}.demo[data-style=dreamscape] .demo-card{text-align:center;border-radius:999px;align-items:center}.demo[data-style=dreamscape] .demo-card:nth-child(2){translate:0 calc(-1 * var(--u))}.demo[data-style=future-medieval] .demo-stage{width:calc(18 * var(--u));aspect-ratio:1.15;border-radius:50% 50% 0 0/40% 40% 0 0}.demo[data-style=future-medieval] .demo-stage:after{display:none}.demo[data-style=future-medieval] .demo-mark--lg{width:30%}.demo[data-style=future-medieval] .demo-card{border-radius:50% 50% 0 0 / calc(4 * var(--u)) calc(4 * var(--u)) 0 0;text-align:center;padding-top:calc(2.4 * var(--u));align-items:center}.demo[data-style=trinket] .demo-link{padding:calc(.4 * var(--u)) calc(1.2 * var(--u));background:#ffe3f0;border-radius:999px}.demo[data-style=trinket] .demo-card{width:fit-content;padding-inline:calc(1 * var(--u)) calc(2 * var(--u));border-radius:999px}.demo[data-style=trinket] .demo-card:nth-child(2){margin-inline-start:calc(3 * var(--u))}.demo[data-style=trinket] .demo-card:nth-child(3){margin-inline-start:calc(1.5 * var(--u))}.demo[data-style=vector-surrealism] .demo-hero{grid-template-columns:1fr 1.1fr;align-items:stretch}.demo[data-style=vector-surrealism] .demo-copy{justify-content:center}.demo[data-style=vector-surrealism] .demo-stage{aspect-ratio:auto;border-radius:999px 999px 0 0;justify-self:center;width:78%}.demo[data-style=vector-surrealism] .demo-page{--d-title-size:4.1}.demo[data-style=vector-surrealism] .demo-cards{grid-template-columns:1.5fr 1fr 1fr;align-items:end}.demo[data-style=vector-surrealism] .demo-card:nth-child(2){translate:0 calc(-1.2 * var(--u))}.demo[data-style=y2k] .demo-nav{box-shadow:inset 0 1px 0 #fff, 0 calc(.4 * var(--u)) calc(1.2 * var(--u)) #10224d33;background:linear-gradient(#fff 0%,#dbe3f1 50%,#c3cee3 51%,#eef2f9 100%)}.demo[data-style=y2k] .demo-stage{aspect-ratio:1;border-radius:50%;justify-self:center;width:78%}.demo[data-style=y2k] .demo-card{border-radius:999px;flex-direction:row;align-items:center}}.brand-swatch--original{background:linear-gradient(90deg,#0b0b0b 50%,#fff 50%)}.brand-swatch--heat-map{background:linear-gradient(135deg,#3d5bff,#ff2d55,#ffcf3f)}.brand-swatch--biomorphism{background:#9dbb8f}.brand-swatch--3d-surrealism{background:linear-gradient(135deg,#c9d6ff,#6a4cff)}.brand-swatch--frutiger-aero{background:linear-gradient(#8fe3ff,#39c2a5)}.brand-swatch--halftone{background:radial-gradient(circle,#e6007e 35%,#f4efe1 37%) 0 0/4px 4px}.brand-swatch--hyper-bloom{background:radial-gradient(circle,#ffb3ec,#ff2fa8 50%,#8c28ff)}.brand-swatch--vaporwave{background:linear-gradient(#ff6ec7,#3ff4ff)}.brand-swatch--ascii{background:#050805;box-shadow:inset 0 0 0 3px #7dff9b}.brand-swatch--maximalism{background:conic-gradient(#ff3b6b,#2ad4c0,#6b4bff,#ffde59,#ff3b6b)}.brand-swatch--neo-swiss{background:linear-gradient(90deg,#e30613 50%,#111 50%)}.brand-swatch--micro-industrial{background:repeating-linear-gradient(-45deg,#1c1c1c 0 3px,#ff5a1f 3px 6px)}.brand-swatch--acid-wave{background:linear-gradient(135deg,#e6ff00,#00f0ff,#ff00e5)}.brand-swatch--retro-futurism{background:radial-gradient(circle,#e8622c 40%,#2f8f8a 42%)}.brand-swatch--pop-illustration{background:#ffd23f;box-shadow:inset 0 0 0 2px #1a1a2e}.brand-swatch--computer-vision{background:#0c1014;box-shadow:inset 0 0 0 2px #00ff85}.brand-swatch--dreamscape{background:linear-gradient(#a8c0ff,#f3d1f4,#fde2c7)}.brand-swatch--future-medieval{background:linear-gradient(135deg,#0e0b1a 50%,#d4af37 50%)}.brand-swatch--trinket{background:linear-gradient(135deg,#ffb3d4,#c7a6ff)}.brand-swatch--vector-surrealism{background:linear-gradient(160deg,#6c3bff 50%,#ff9f43 50%)}.brand-swatch--y2k{background:linear-gradient(#fff,#8ea3c9,#1f6bff)}@media (prefers-reduced-motion:reduce){.demo *,.demo :before,.demo :after{transition:none!important;animation:none!important}}.faq-reveal{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(20px)}.faq-reveal.is-visible{opacity:1;transform:translateY(0)}.faq-card{text-align:start;cursor:pointer;border:1px solid color-mix(in oklch, var(--color-accent) 20%, transparent);background:var(--color-background);width:100%;color:var(--color-foreground);box-shadow:0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent);border-radius:.875rem;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;transition:border-color .22s ease-out,transform .22s ease-out,box-shadow .22s ease-out;display:flex}.dark .faq-card{border-color:color-mix(in oklch, var(--color-primary) 22%, transparent)}.faq-card:hover{border-color:color-mix(in oklch, var(--color-accent) 55%, transparent);box-shadow:0 10px 24px color-mix(in oklch, var(--color-accent) 12%, transparent);transform:translateY(-2px)}.dark .faq-card:hover{border-color:color-mix(in oklch, var(--color-primary) 55%, transparent);box-shadow:0 10px 24px color-mix(in oklch, var(--color-primary) 14%, transparent)}.faq-card:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent) 30%, transparent);outline:none}.dark .faq-card:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-primary) 30%, transparent)}.faq-card-icon{background:color-mix(in oklch, var(--color-accent) 10%, transparent);width:2.25rem;height:2.25rem;color:var(--color-accent);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dark .faq-card-icon{background:color-mix(in oklch, var(--color-primary) 12%, transparent);color:var(--color-primary)}.faq-card-icon svg{width:1.125rem;height:1.125rem}.faq-card-q{min-width:0;font-weight:600;line-height:1.4;font-size:var(--text-sm);flex:1}.faq-card-cue{color:var(--color-accent);flex-shrink:0;align-items:center;gap:.375rem;display:inline-flex}.dark .faq-card-cue{color:var(--color-primary)}.faq-card-cue-text{font-size:var(--text-sm);letter-spacing:.01em;font-weight:600;display:none}.faq-card-arrow{transition:transform .22s ease-out;display:inline-flex}.faq-card-arrow svg{width:1.125rem;height:1.125rem}.faq-card:hover .faq-card-arrow{transform:translate(3px)}@media (width>=480px){.faq-card-cue-text{display:inline}}.faq-modal{z-index:60;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:1rem;transition:opacity .22s ease-out;display:flex;position:fixed;inset:0}.faq-modal[hidden]{display:none}.faq-modal.is-open{opacity:1;pointer-events:auto}.faq-modal-backdrop{background:color-mix(in oklch, var(--color-background) 80%, transparent);-webkit-backdrop-filter:blur(6px);position:absolute;inset:0}.faq-modal-panel{background:var(--color-card);border:1px solid var(--color-border);width:100%;max-width:40rem;max-height:85vh;box-shadow:0 24px 60px color-mix(in oklch, var(--color-foreground) 22%, transparent);border-radius:1.25rem;transition:transform .24s cubic-bezier(.22,1,.36,1);position:relative;overflow-y:auto;transform:scale(.96)translateY(8px)}.faq-modal.is-open .faq-modal-panel{transform:scale(1)translateY(0)}.faq-modal-header{z-index:1;background:var(--color-card);border-bottom:1px solid var(--color-border);border-radius:1.25rem 1.25rem 0 0;align-items:flex-start;gap:.875rem;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.faq-modal-icon{background:color-mix(in oklch, var(--color-accent) 10%, transparent);width:2.5rem;height:2.5rem;color:var(--color-accent);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dark .faq-modal-icon{background:color-mix(in oklch, var(--color-primary) 12%, transparent);color:var(--color-primary)}.faq-modal-icon svg{width:1.25rem;height:1.25rem}.faq-modal-title{min-width:0;font-size:var(--text-lg);color:var(--color-foreground);flex:1;padding-top:.25rem;font-weight:600;line-height:1.35}.faq-modal-close{border:1px solid color-mix(in oklch, var(--color-accent) 35%, transparent);width:2.25rem;height:2.25rem;color:var(--color-accent);cursor:pointer;background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s ease-out,color .2s ease-out,border-color .2s ease-out;display:inline-flex}.faq-modal-close:hover{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.dark .faq-modal-close{border-color:color-mix(in oklch, var(--color-primary) 40%, transparent);color:var(--color-primary)}.dark .faq-modal-close:hover{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.faq-modal-close svg{width:1.125rem;height:1.125rem}.faq-modal-body{padding:1.5rem}.faq-modal-body p{font-size:var(--text-base);color:var(--color-foreground);margin:0;line-height:1.7}@media (prefers-reduced-motion:reduce){.faq-reveal{opacity:1;transition:none;transform:none}.faq-modal,.faq-modal-panel,.faq-card{transition:none}}.timeline-item{opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.timeline-item.is-visible{opacity:1;transform:translateY(0)}.sub-service-item{opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--delay,0s);transform:translateY(15px)scale(.9)}.sub-service-item.is-visible{opacity:1;transform:translateY(0)scale(1)}.timeline-spine{transform-origin:top;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);transform:scaleY(0)}.timeline-spine.is-visible{transform:scaleY(1)}@media (width>=768px){.timeline-item:nth-child(2n){transform:translateY(30px)translate(20px)}.timeline-item:nth-child(odd){transform:translateY(30px)translate(-20px)}.timeline-item.is-visible:nth-child(2n),.timeline-item.is-visible:nth-child(odd){transform:translateY(0)translate(0)}}.dev-stats{--stat-accent:var(--color-accent)}.dark .dev-stats{--stat-accent:var(--color-primary)}.dev-stat-card{border:1px solid color-mix(in oklch, var(--stat-accent) 18%, transparent);background:var(--color-card);text-align:center;border-radius:.875rem;flex-direction:column;align-items:center;gap:.25rem;padding:1.1rem .75rem;display:flex}.dev-stat-icon{background:color-mix(in srgb, var(--stat-accent) 12%, transparent);width:2rem;height:2rem;color:var(--stat-accent);border-radius:.625rem;justify-content:center;align-items:center;margin-bottom:.25rem;display:inline-flex}.dev-stat-icon svg{width:1.125rem;height:1.125rem}.dev-stat-value{font-size:var(--text-2xl);color:var(--color-foreground);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.dev-stat-label{font-size:var(--text-sm);color:color-mix(in oklch, var(--color-foreground) 70%, var(--color-background))}.dev-stat-panel{border:1px solid var(--color-border);background:color-mix(in oklch, var(--color-card) 70%, transparent);border-radius:1rem;padding:1.25rem 1.5rem}.dev-panel-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-foreground);align-items:center;gap:.5rem;font-weight:600;display:flex}.dev-panel-title svg{color:var(--stat-accent)}.dev-bars{align-items:flex-end;gap:.4rem;height:8rem;margin-top:1rem;display:flex}.dev-bar-col{flex-direction:column;flex:1;align-items:center;gap:.35rem;height:100%;display:flex}.dev-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.dev-bar-fill{background:color-mix(in srgb, var(--stat-accent) 75%, transparent);border-radius:.25rem .25rem 0 0;width:100%;min-height:2px;transition:height .4s cubic-bezier(.22,1,.36,1)}.dev-bar-label{font-size:var(--text-sm);color:color-mix(in oklch, var(--color-foreground) 60%, var(--color-background))}.dev-lang-track{background:color-mix(in oklch, var(--color-foreground) 8%, transparent);border-radius:9999px;height:.5rem;overflow:hidden}.dev-lang-fill{background:var(--stat-accent);border-radius:9999px;height:100%}.dev-chip{border:1px solid color-mix(in oklch, var(--stat-accent) 22%, transparent);background:var(--color-background);font-size:var(--text-sm);color:var(--color-foreground);border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .75rem;display:inline-flex}.dev-chip-dot{background:var(--stat-accent);border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.dev-chip-status{color:color-mix(in oklch, var(--color-foreground) 65%, var(--color-background));text-transform:capitalize}.proj-filter.is-active{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.proj-filter:not(.is-active):hover{border-color:color-mix(in oklch, var(--color-primary) 50%, transparent)}.proj-reveal,.feat-reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(30px)}.proj-reveal.is-visible,.feat-reveal.is-visible{opacity:1;transform:translateY(0)}.proj-card.is-filtered-out{display:none}.proj-sheet.is-open{opacity:1;pointer-events:auto}.proj-sheet-slide{transform:translate(100%)}.proj-sheet.is-open .proj-sheet-slide{transform:translate(0)}.site-frame{background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent), 0 24px 48px -28px color-mix(in oklch, var(--color-primary) 55%, transparent)}.site-frame--lg{box-shadow:0 1px 2px color-mix(in oklch, var(--color-foreground) 6%, transparent), 0 40px 80px -36px color-mix(in oklch, var(--color-primary) 60%, transparent)}.site-frame--sm{border-radius:1.1rem}.site-frame-bar{border-bottom:1px solid var(--color-border)}.site-frame-dot{background:color-mix(in oklch, var(--color-foreground) 20%, transparent);border-radius:9999px;flex:none;width:.5rem;height:.5rem}.site-frame-url{color:var(--color-foreground);background:color-mix(in oklch, var(--color-foreground) 6%, transparent)}.site-frame-view{background:color-mix(in oklch, var(--color-muted) 60%, transparent)}.site-frame-shot{transform-origin:top;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.proj-card:hover .site-frame-shot,.proj-card:focus-visible .site-frame-shot,.proj-case-frame:hover .site-frame-shot,.proj-case-frame:focus-visible .site-frame-shot,.live-wall-slide:hover .site-frame-shot{transform:scale(1.06)translateY(-1.5%)}.proj-case-frame,.live-wall-slide{border-radius:1rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}.proj-case-frame:hover,.proj-case-frame:focus-visible{transform:translateY(-4px)}.live-wall{padding:0 0 1.25rem 1.25rem}.live-wall-back{border:1px solid var(--color-border);background:color-mix(in oklch, var(--color-card) 85%, transparent);border-radius:1rem;position:absolute;inset:1.25rem 1.25rem 0 0}.live-wall-back--a{opacity:.8;translate:-.625rem .625rem}.live-wall-back--b{opacity:.5;translate:-1.25rem 1.25rem}.live-wall-stage{display:grid}.live-wall-slide{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .7s,visibility 0s linear .7s,transform .3s cubic-bezier(.22,1,.36,1)}.live-wall-slide.is-active{opacity:1;visibility:visible;transition:opacity .7s,visibility,transform .3s cubic-bezier(.22,1,.36,1)}.live-dot{background:var(--color-success);width:.5rem;height:.5rem;box-shadow:0 0 0 0 color-mix(in oklch, var(--color-success) 60%, transparent);border-radius:9999px;flex:none;animation:2s ease-out infinite live-ping}.live-dot--build{box-shadow:0 0 0 0 color-mix(in oklch, currentColor 50%, transparent);background:currentColor}@keyframes live-ping{70%,to{box-shadow:0 0 0 .5rem #0000}}.live-pick-dot{background:color-mix(in oklch, currentColor 35%, transparent);border-radius:9999px;width:.5rem;height:.5rem;transition:width .3s cubic-bezier(.22,1,.36,1),background-color .3s}.live-pick{color:inherit}.live-pick.is-active .live-pick-dot{background:currentColor;width:1.25rem}.live-pick:focus-visible{outline-offset:2px;border-radius:.375rem;outline:2px solid}.proj-logo{transition:border-color .2s}.proj-card:hover .proj-logo,.proj-case:hover .proj-logo{border-color:color-mix(in oklch, var(--color-primary) 40%, transparent)}.proj-dev{transition:transform .3s cubic-bezier(.22,1,.36,1)}.proj-dev:hover,.proj-dev:focus-visible{transform:translateY(-4px)}@media (width>=1024px){.proj-long{column-count:2;column-gap:2rem}}.proj-sheet:not(.is-open) .svc-stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.proj-reveal,.feat-reveal,.site-frame-shot,.proj-case-frame,.live-wall-slide,.proj-dev,.live-pick-dot{transition:none}.proj-card:hover .site-frame-shot,.proj-case-frame:hover .site-frame-shot,.live-wall-slide:hover .site-frame-shot,.proj-case-frame:hover,.proj-dev:hover{transform:none}.live-dot{animation:none}}.contact-modal{opacity:0;pointer-events:none;transition:opacity .28s ease-out}.contact-modal[data-state=open]{opacity:1;pointer-events:auto}.contact-modal-panel{background:var(--color-background);will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;overflow:hidden;transform:translateY(2.5%)}.contact-modal[data-state=open] .contact-modal-panel{transform:translateY(0)}@media (width>=768px){.contact-modal-panel{border:1px solid var(--color-border);width:min(60rem,92vw);height:min(44rem,92vh);box-shadow:0 30px 80px -24px color-mix(in oklch, var(--color-foreground) 35%, transparent), 0 8px 24px -12px color-mix(in oklch, var(--color-accent) 18%, transparent);border-radius:1.5rem;inset:50% auto auto 50%;transform:translate(-50%,-48%)}.contact-modal[data-state=open] .contact-modal-panel{transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.contact-modal,.contact-modal-panel{transition:none}}.contact-modal-close{z-index:30;background:color-mix(in oklch, var(--color-accent) 8%, var(--color-background));border:1px solid color-mix(in oklch, var(--color-accent) 35%, transparent);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s ease-out,border-color .2s ease-out,transform .2s ease-out;display:inline-flex;position:absolute;top:1.1rem;right:1.1rem}.dark .contact-modal-close{background:color-mix(in oklch, var(--color-primary) 10%, var(--color-background));border-color:color-mix(in oklch, var(--color-primary) 35%, transparent)}.contact-modal-close:hover{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.05)}.dark .contact-modal-close:hover{background:var(--color-primary);border-color:var(--color-primary)}.contact-modal-close:hover svg{color:var(--color-background)!important}.dark .contact-modal-close:hover svg{color:var(--color-primary-foreground)!important}.contact-modal-close-inline{position:static}.contact-shell{grid-template-columns:1fr;display:grid;position:absolute;inset:0;overflow:hidden auto}@media (width>=768px){.contact-shell{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden}}.contact-rail{color:var(--color-primary-foreground);background:linear-gradient(to top right, transparent 50%, color-mix(in oklch, var(--color-primary-foreground) 15%, transparent)), var(--color-primary);flex-direction:column;justify-content:space-between;gap:1.5rem;padding:4rem 1.5rem 1.5rem;display:flex;position:relative}@media (width>=768px){.contact-rail{padding:3rem 2rem}}.contact-rail-eyebrow{font-family:var(--font-mono,ui-monospace), monospace;font-size:var(--text-sm);letter-spacing:.12em;margin-bottom:.85rem;font-weight:600;display:block}.contact-rail-title{font-size:var(--text-2xl);letter-spacing:-.01em;color:inherit;margin-bottom:.75rem;font-weight:600;line-height:1.08}.contact-rail-lede{font-size:var(--text-base);color:inherit;max-width:32ch;margin:0;line-height:1.55}.contact-rail-team{font-size:var(--text-sm);align-items:center;gap:.85rem;font-weight:600;line-height:1.35;display:none}.contact-rail-trust{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:none}@media (width>=768px){.contact-rail-team,.contact-rail-trust{display:flex}.contact-rail-team{margin-top:auto}}.contact-rail-trust li{font-size:var(--text-sm);align-items:center;gap:.55rem;display:flex}.contact-main{flex-direction:column;padding:1.5rem 1.25rem 2rem;display:flex}@media (width>=768px){.contact-main{padding:3.25rem 2.5rem 2.5rem;overflow-y:auto}}.contact-wizard-head{margin-bottom:1.5rem}.contact-progress{gap:.4rem;margin-bottom:1rem;display:flex}.contact-progress-seg{background:color-mix(in oklch, var(--color-foreground) 14%, transparent);border-radius:9999px;flex:1;height:.3rem;transition:background .28s ease-out}.contact-progress-seg.is-active{background:var(--color-primary)}.contact-step-eyebrow{font-family:var(--font-mono,ui-monospace), monospace;font-size:var(--text-sm);letter-spacing:.08em;color:var(--color-primary);margin-bottom:.25rem;font-weight:600}.contact-step-title{font-size:var(--text-xl);color:var(--color-foreground);font-weight:600}.contact-step{border:0;min-inline-size:0;margin:0;padding:0}.contact-step[hidden]{display:none}.contact-step.is-active{flex-direction:column;gap:1.25rem;animation:.32s cubic-bezier(.22,1,.36,1) contact-step-in;display:flex}@keyframes contact-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.contact-step.is-active{animation:none}}.contact-reassure{border:1px solid color-mix(in oklch, var(--color-accent) 20%, transparent);background:color-mix(in oklch, var(--color-accent) 6%, transparent);border-radius:.75rem;align-items:flex-start;gap:.65rem;padding:.9rem 1rem;display:flex}.dark .contact-reassure{border-color:color-mix(in oklch, var(--color-primary) 20%, transparent);background:color-mix(in oklch, var(--color-primary) 8%, transparent)}.contact-reassure p{font-size:var(--text-sm);color:var(--color-foreground);margin:0;line-height:1.5}.contact-privacy{font-size:var(--text-sm);color:var(--color-foreground);cursor:pointer;align-items:flex-start;gap:.65rem;line-height:1.5;display:flex}.contact-privacy-check{width:1.1rem;height:1.1rem;accent-color:var(--color-accent);flex-shrink:0;margin-top:.15rem}.dark .contact-privacy-check{accent-color:var(--color-primary)}.contact-privacy-link{color:var(--color-accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.dark .contact-privacy-link{color:var(--color-primary)}.contact-alt{flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.contact-alt-or{font-size:var(--text-sm);color:var(--color-foreground)}.contact-alt-wa{font-size:var(--text-sm);color:var(--color-accent);border:1px solid color-mix(in oklch, var(--color-accent) 30%, transparent);border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-weight:600;text-decoration:none;transition:background .2s ease-out;display:inline-flex}.dark .contact-alt-wa{color:var(--color-primary);border-color:color-mix(in oklch, var(--color-primary) 30%, transparent)}.contact-alt-wa:hover{background:color-mix(in oklch, var(--color-accent) 10%, transparent)}.dark .contact-alt-wa:hover{background:color-mix(in oklch, var(--color-primary) 12%, transparent)}.contact-wizard-nav{border-top:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);align-items:center;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;display:flex}.contact-nav-spacer{flex:1}.contact-nav-back{font-size:var(--text-sm);color:var(--color-foreground);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:.625rem;align-items:center;gap:.35rem;padding:.6rem 1rem;font-weight:600;transition:border-color .2s ease-out,background .2s ease-out;display:inline-flex}.contact-nav-back:hover{border-color:color-mix(in oklch, var(--color-foreground) 35%, var(--color-border))}.contact-nav-back[hidden],#wizard-next-slot[hidden],#wizard-send-slot[hidden]{display:none}.contact-fab{cursor:pointer;background:conic-gradient(from var(--ring-angle), var(--color-primary), var(--color-accent), var(--color-secondary), var(--color-primary));box-shadow:0 12px 28px -12px color-mix(in oklch, var(--color-primary) 70%, transparent), 0 4px 10px -6px color-mix(in oklch, var(--color-foreground) 30%, transparent);transform:translate(var(--fab-x,0px), var(--fab-y,0px)) rotate(var(--fab-a,0deg)) scale(calc(1 + var(--fab-k,0)), calc(1 - var(--fab-k,0) * .6)) rotate(calc(-1 * var(--fab-a,0deg)));transition:transform .65s cubic-bezier(.34, 1.56, .64, 1), box-shadow .22s var(--vela-ease-out,ease-out);border:0;padding:3px;animation:6s linear infinite team-ring-spin}.contact-fab[data-spring]{transition:box-shadow .22s var(--vela-ease-out,ease-out)}.contact-fab:hover{box-shadow:0 18px 34px -12px color-mix(in oklch, var(--color-primary) 80%, transparent), 0 6px 14px -6px color-mix(in oklch, var(--color-foreground) 35%, transparent)}.contact-fab-icon{filter:drop-shadow(.6px .6px 0 color-mix(in oklch, var(--color-primary) 55%, black)) drop-shadow(.6px .6px 0 color-mix(in oklch, var(--color-primary) 50%, black)) drop-shadow(.6px .6px 0 color-mix(in oklch, var(--color-primary) 45%, black)) drop-shadow(0 4px 5px oklch(0% none none/.35));transform:perspective(160px) rotateX(var(--fab-tx,0deg)) rotateY(var(--fab-ty,0deg));transition:transform .65s cubic-bezier(.34,1.56,.64,1)}.contact-fab[data-spring] .contact-fab-icon{transition:none}.contact-fab:focus-visible{outline:2px solid var(--color-ring,var(--color-primary));outline-offset:3px}.contact-fab-face{pointer-events:none;box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-primary-foreground) 30%, transparent)}.contact-fab-spin{animation-duration:12s}@media (prefers-reduced-motion:reduce){.contact-fab,.contact-fab-spin{animation:none}.contact-fab,.contact-fab-icon{transform:none}}#open-contact-modal-fab{translate:0 calc(-1 * var(--fab-lift,0px))}.contact-success-card{text-align:center;border:1px solid var(--color-border);background:var(--color-background);width:100%;max-width:26rem;box-shadow:0 30px 80px -24px color-mix(in oklch, var(--color-foreground) 35%, transparent);border-radius:1.25rem;padding:2.5rem 2rem;position:relative}.contact-success-icon{background:color-mix(in oklch, var(--color-accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--color-accent) 25%, transparent);border-radius:9999px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;display:flex}.dark .contact-success-icon{background:color-mix(in oklch, var(--color-primary) 12%, transparent);border-color:color-mix(in oklch, var(--color-primary) 25%, transparent)}.contact-success-btn{background:var(--color-accent);width:100%;color:var(--color-background);border:1px solid var(--color-accent);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border-radius:.625rem;padding:.75rem;transition:filter .2s ease-out}.dark .contact-success-btn{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.contact-success-btn:hover{filter:brightness(.95)}.contact-success-wa{border:1px solid color-mix(in oklch, var(--color-accent) 30%, transparent);width:100%;font-weight:600;font-size:var(--text-sm);color:var(--color-accent);border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;text-decoration:none;transition:background .2s ease-out;display:flex}.dark .contact-success-wa{color:var(--color-primary);border-color:color-mix(in oklch, var(--color-primary) 30%, transparent)}.contact-success-wa:hover{background:color-mix(in oklch, var(--color-accent) 8%, transparent)}.blog-cat-btn.active{border-color:var(--color-accent);background:color-mix(in oklch, var(--color-accent) 12%, var(--color-background));color:var(--color-accent)}.tag-filter-btn.active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-background)}.line-height-btn.active{background:var(--color-accent);color:var(--color-background)}body.reading-dark-mode{--color-background:oklch(0% 0 0);--color-foreground:oklch(93% .01 285.8);--color-accent:#6e95f2;--color-primary:#6e95f2}body.reading-dark-mode .prose,body.reading-dark-mode .prose :is(h1,h2,h3,h4,h5,h6,strong){color:var(--color-foreground)}body.reading-dark-mode .prose :is(p,li){color:color-mix(in oklch, var(--color-foreground) 90%, transparent)}body.reading-dark-mode .prose a{color:var(--color-primary)}body.reading-dark-mode .prose code{color:var(--color-accent);background:color-mix(in oklch, var(--color-primary) 10%, transparent)}body.reading-dark-mode .prose pre{background:color-mix(in oklch, var(--color-primary) 5%, transparent);border-color:color-mix(in oklch, var(--color-primary) 20%, transparent)}body.reading-dark-mode .prose blockquote{border-left-color:var(--color-accent);color:color-mix(in oklch, var(--color-foreground) 80%, transparent)}@scope(#hola-main){:scope{display:block}:scope[data-lang=es] .lang-only-en,:scope[data-lang=en] .lang-only-es{display:none!important}.qr-lang-toggle-band{z-index:20;border-bottom:1px solid var(--color-border);background:var(--color-background);position:relative}.qr-lang-toggle-inner{box-sizing:border-box;justify-content:flex-end;width:100%;max-width:80rem;margin:0 auto;padding:1rem 1.5rem;display:flex}@media (width>=768px){.qr-lang-toggle-inner{padding:1.25rem 2rem}}.qr-section{padding:4rem 0;position:relative;overflow:hidden}@media (width>=768px){.qr-section{padding:5rem 0}}@media (width>=1024px){.qr-section{padding:6rem 0}}.qr-section-content{z-index:10;box-sizing:border-box;width:100%;max-width:80rem;margin:0 auto;padding:0 1.5rem;position:relative}.qr-section-narrow{max-width:56rem}@media (width>=768px){.qr-section-content{padding:0 2rem}}.qr-section+.qr-section{border-top:1px solid var(--color-border)}.qr-eyebrow{font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem;font-weight:600;display:block}.dark .qr-eyebrow{color:var(--color-primary)}.qr-section-title{font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-foreground);max-width:36rem;margin-bottom:2rem;font-weight:600;line-height:1.15}.qr-section-hero{padding-top:3rem;padding-bottom:4rem}@media (width>=1024px){.qr-section-hero{padding-top:5rem;padding-bottom:6rem}}.qr-hero-badge{border:1px solid var(--color-border);background:var(--color-card);font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);letter-spacing:.08em;color:var(--color-foreground);border-radius:9999px;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.375rem .875rem;font-weight:600;display:inline-flex}.hola-hero-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-foreground);margin-bottom:1rem;font-weight:600;line-height:1.05}.hola-hero-tagline{font-size:var(--text-2xl);color:var(--color-foreground);margin-bottom:1.5rem;font-weight:600;line-height:1.2}.hola-hero-lede{font-size:var(--text-base);color:var(--color-foreground);max-width:36rem;margin-bottom:1.75rem;line-height:1.55}.hola-hero-ctas{flex-wrap:wrap;gap:.875rem;display:flex}.qr-section-promise{padding:3rem 0}.hola-promise-card{border:1px solid color-mix(in oklch, var(--color-border) 90%, transparent);background:color-mix(in oklch, var(--color-card) 60%, transparent);backdrop-filter:blur(8px);border-radius:1rem;padding:2.5rem 2rem;position:relative}@media (width>=1024px){.hola-promise-card{padding:3rem 2.5rem}}.hola-promise-title{font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-foreground);max-width:36rem;margin-bottom:1rem;font-weight:600;line-height:1.2}.hola-promise-body{font-size:var(--text-base);color:var(--color-foreground);max-width:40rem;line-height:1.6}.qr-stats-list{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.qr-stats-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width>=1024px){.qr-stats-list{grid-template-columns:repeat(4,1fr)}}.qr-stat-card{border:1px solid color-mix(in oklch, var(--color-border) 90%, transparent);background:color-mix(in oklch, var(--color-card) 60%, transparent);backdrop-filter:blur(8px);border-radius:.875rem;padding:2rem 1.5rem 1.5rem;transition:border-color .3s ease-out,transform .3s ease-out,box-shadow .3s ease-out;position:relative}.qr-stat-card:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 10px 30px -10px color-mix(in oklch, var(--color-accent) 18%, transparent);transform:translateY(-2px)}.qr-stat-corner{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-sm);color:var(--color-border);pointer-events:none;user-select:none;font-weight:500;line-height:1;transition:color .3s;position:absolute}.qr-stat-corner-tl{top:.5rem;left:.625rem}.qr-stat-corner-tr{top:.5rem;right:.625rem}.qr-stat-corner-bl{bottom:.5rem;left:.625rem}.qr-stat-corner-br{bottom:.5rem;right:.625rem}.qr-stat-card:hover .qr-stat-corner{color:var(--color-accent)}.dark .qr-stat-card:hover .qr-stat-corner{color:var(--color-primary)}.qr-stat-tax{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-sm);letter-spacing:.1em;color:var(--color-accent);margin-bottom:.5rem;font-weight:600;display:block}.dark .qr-stat-tax{color:var(--color-primary)}.qr-stat-num{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-2xl);color:var(--color-foreground);margin-bottom:.75rem;font-weight:600;display:block}.qr-stat-title{font-size:var(--text-lg);color:var(--color-foreground);margin-bottom:.5rem;font-weight:600}.qr-stat-desc{font-size:var(--text-sm);color:var(--color-foreground);line-height:1.55}.hola-services-lede{font-size:var(--text-base);color:var(--color-foreground);margin-bottom:1.5rem;line-height:1.5}.qr-services-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.qr-services-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.qr-services-grid{grid-template-columns:repeat(3,1fr)}}.qr-service-card{border:1px solid var(--color-border);background:color-mix(in oklch, var(--color-card) 70%, transparent);backdrop-filter:blur(8px);cursor:pointer;border-radius:.875rem;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:block;position:relative}.qr-service-card:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 8px 24px -8px color-mix(in oklch, var(--color-accent) 15%, transparent);transform:translateY(-2px)}.qr-service-title{font-size:var(--text-lg);color:var(--color-foreground);margin-bottom:.375rem;font-weight:600}.qr-service-desc{font-size:var(--text-sm);color:var(--color-foreground);margin-bottom:.75rem;line-height:1.5}.qr-service-arrow{color:var(--color-accent);font-weight:600;transition:transform .2s ease-out;display:inline-block}.dark .qr-service-arrow{color:var(--color-primary)}.qr-service-card:hover .qr-service-arrow{transform:translate(4px)}.qr-section-more{margin-top:2rem}.qr-link-arrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.dark .qr-link-arrow{color:var(--color-primary)}.qr-link-arrow{align-items:center;min-height:2.75rem;display:inline-flex}@media (width>=640px){.qr-link-arrow{min-height:0}}.qr-link-arrow:hover{color:var(--color-foreground)}.qr-work-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.qr-work-grid{grid-template-columns:repeat(2,1fr)}}.qr-work-card{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:.875rem;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.qr-work-card:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 14px 36px -12px color-mix(in oklch, var(--color-foreground) 18%, transparent);transform:translateY(-3px)}.qr-work-img-wrap{aspect-ratio:16/10;background:var(--color-muted);overflow:hidden}.qr-work-img{object-fit:cover;width:100%;height:100%;transition:transform .6s ease-out}.qr-work-card:hover .qr-work-img{transform:scale(1.04)}.qr-work-body{padding:1.25rem 1.25rem 1.5rem}.qr-work-title{font-size:var(--text-lg);color:var(--color-foreground);margin-bottom:.5rem;font-weight:600}.qr-work-desc{font-size:var(--text-sm);color:var(--color-foreground);margin-bottom:.875rem;line-height:1.55}.qr-work-stack{flex-wrap:wrap;gap:.375rem;display:flex}.qr-work-tag{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-sm);border:1px solid var(--color-border);color:var(--color-foreground);background:var(--color-background);border-radius:9999px;padding:.25rem .625rem;font-weight:500}.qr-final-title{font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-foreground);margin-bottom:.875rem;max-width:40rem;margin-inline:auto;font-weight:600;line-height:1.15}.qr-final-lede{font-size:var(--text-base);color:var(--color-foreground);margin-bottom:2rem;max-width:32rem;margin-inline:auto;line-height:1.55}.qr-final-ctas{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}}@scope(#qr-main){:scope{display:block}:scope[data-lang=es] .lang-only-en,:scope[data-lang=en] .lang-only-es{display:none!important}.qr-lang-toggle-band{z-index:20;border-bottom:1px solid var(--color-border);background:var(--color-background);position:relative}.qr-lang-toggle-inner{box-sizing:border-box;justify-content:flex-end;width:100%;max-width:80rem;margin:0 auto;padding:1rem 1.5rem;display:flex}@media (width>=768px){.qr-lang-toggle-inner{padding:1.25rem 2rem}}.qr-section{padding:4rem 0;position:relative;overflow:hidden}@media (width>=768px){.qr-section{padding:5rem 0}}@media (width>=1024px){.qr-section{padding:6rem 0}}.qr-section-content{z-index:10;box-sizing:border-box;width:100%;max-width:80rem;margin:0 auto;padding:0 1.5rem;position:relative}@media (width>=768px){.qr-section-content{padding:0 2rem}}.qr-section+.qr-section{border-top:1px solid var(--color-border)}.qr-eyebrow{font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem;font-weight:600;display:block}.dark .qr-eyebrow{color:var(--color-primary)}.qr-section-title{font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-foreground);max-width:36rem;margin-bottom:2rem;font-weight:600;line-height:1.15}.qr-section-hero{padding-top:3rem}@media (width>=1024px){.qr-section-hero{padding-top:5rem}}.qr-hero-grid{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (width>=768px){.qr-hero-grid{grid-template-columns:auto 1fr;gap:3rem}}.qr-hero-portrait-wrap{border:2px solid var(--color-border);width:14rem;height:14rem;box-shadow:0 10px 30px -10px color-mix(in oklch, var(--color-foreground) 20%, transparent);border-radius:9999px;justify-self:center;position:relative;overflow:hidden}@media (width>=768px){.qr-hero-portrait-wrap{width:16rem;height:16rem}}@media (width>=1024px){.qr-hero-portrait-wrap{width:18rem;height:18rem}}.qr-hero-portrait{object-fit:cover;width:100%;height:100%}.qr-hero-text{text-align:center}@media (width>=768px){.qr-hero-text{text-align:left}}.qr-hero-badge{border:1px solid var(--color-border);background:var(--color-card);font-family:ui-monospace,JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm);letter-spacing:.08em;color:var(--color-foreground);border-radius:9999px;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding:.375rem .875rem;font-weight:600;display:inline-flex}.qr-hero-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-foreground);margin-bottom:.5rem;font-weight:600;line-height:1.05}.qr-hero-role{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1.5rem;font-weight:600}.dark .qr-hero-role{color:var(--color-primary)}.qr-hero-tagline{font-size:var(--text-2xl);color:var(--color-foreground);margin-bottom:1rem;font-weight:600;line-height:1.2}.qr-hero-lede{font-size:var(--text-base);color:var(--color-foreground);max-width:32rem;margin-bottom:1.75rem;line-height:1.6}.qr-hero-ctas{flex-wrap:wrap;justify-content:center;gap:.875rem;display:flex}@media (width>=768px){.qr-hero-ctas{justify-content:flex-start}}.qr-stats-list{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.qr-stats-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width>=1024px){.qr-stats-list{grid-template-columns:repeat(4,1fr)}}.qr-stat-card{border:1px solid color-mix(in oklch, var(--color-border) 90%, transparent);background:color-mix(in oklch, var(--color-card) 60%, transparent);backdrop-filter:blur(8px);border-radius:.875rem;padding:2rem 1.5rem 1.5rem;transition:border-color .3s ease-out,transform .3s ease-out,box-shadow .3s ease-out;position:relative}.qr-stat-card:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 10px 30px -10px color-mix(in oklch, var(--color-accent) 18%, transparent);transform:translateY(-2px)}.qr-stat-corner{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-sm);color:var(--color-border);pointer-events:none;user-select:none;font-weight:500;line-height:1;transition:color .3s;position:absolute}.qr-stat-corner-tl{top:.5rem;left:.625rem}.qr-stat-corner-tr{top:.5rem;right:.625rem}.qr-stat-corner-bl{bottom:.5rem;left:.625rem}.qr-stat-corner-br{bottom:.5rem;right:.625rem}.qr-stat-card:hover .qr-stat-corner{color:var(--color-accent)}.dark .qr-stat-card:hover .qr-stat-corner{color:var(--color-primary)}.qr-stat-tax{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-sm);letter-spacing:.1em;color:var(--color-accent);margin-bottom:.5rem;font-weight:600;display:block}.dark .qr-stat-tax{color:var(--color-primary)}.qr-stat-num{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-2xl);color:var(--color-foreground);margin-bottom:.75rem;font-weight:600;display:block}.qr-stat-title{font-size:var(--text-lg);color:var(--color-foreground);margin-bottom:.5rem;font-weight:600}.qr-stat-desc{font-size:var(--text-sm);color:var(--color-foreground);line-height:1.55}.qr-services-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.qr-services-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.qr-services-grid{grid-template-columns:repeat(3,1fr)}}.qr-service-card{border:1px solid var(--color-border);background:color-mix(in oklch, var(--color-card) 70%, transparent);backdrop-filter:blur(8px);cursor:pointer;border-radius:.875rem;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:block;position:relative}.qr-service-card:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 8px 24px -8px color-mix(in oklch, var(--color-accent) 15%, transparent);transform:translateY(-2px)}.qr-service-title{font-size:var(--text-lg);color:var(--color-foreground);margin-bottom:.375rem;font-weight:600}.qr-service-desc{font-size:var(--text-sm);color:var(--color-foreground);margin-bottom:.75rem;line-height:1.5}.qr-service-arrow{color:var(--color-accent);font-weight:600;transition:transform .2s ease-out;display:inline-block}.dark .qr-service-arrow{color:var(--color-primary)}.qr-service-card:hover .qr-service-arrow{transform:translate(4px)}.qr-section-more{margin-top:2rem}.qr-link-arrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.dark .qr-link-arrow{color:var(--color-primary)}.qr-link-arrow{align-items:center;min-height:2.75rem;display:inline-flex}@media (width>=640px){.qr-link-arrow{min-height:0}}.qr-link-arrow:hover{color:var(--color-foreground)}.qr-work-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.qr-work-grid{grid-template-columns:repeat(2,1fr)}}.qr-work-card{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:.875rem;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.qr-work-card:hover{border-color:color-mix(in oklch, var(--color-accent) 40%, transparent);box-shadow:0 14px 36px -12px color-mix(in oklch, var(--color-foreground) 18%, transparent);transform:translateY(-3px)}.qr-work-img-wrap{aspect-ratio:16/10;background:var(--color-muted);overflow:hidden}.qr-work-img{object-fit:cover;width:100%;height:100%;transition:transform .6s ease-out}.qr-work-card:hover .qr-work-img{transform:scale(1.04)}.qr-work-body{padding:1.25rem 1.25rem 1.5rem}.qr-work-title{font-size:var(--text-lg);color:var(--color-foreground);margin-bottom:.5rem;font-weight:600}.qr-work-desc{font-size:var(--text-sm);color:var(--color-foreground);margin-bottom:.875rem;line-height:1.55}.qr-work-stack{flex-wrap:wrap;gap:.375rem;display:flex}.qr-work-tag{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-sm);border:1px solid var(--color-border);color:var(--color-foreground);background:var(--color-background);border-radius:9999px;padding:.25rem .625rem;font-weight:500}.qr-direct-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.qr-direct-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.qr-direct-grid{grid-template-columns:repeat(3,1fr)}}.qr-direct-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease-out;display:flex}.qr-direct-card:hover{border-color:color-mix(in oklch, var(--color-accent) 50%, transparent);transform:translate(2px)}.qr-direct-icon{width:2rem;height:2rem;color:var(--color-accent);flex-shrink:0}.dark .qr-direct-icon{color:var(--color-primary)}.qr-direct-icon svg{width:100%;height:100%;display:block}.qr-direct-body{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.qr-direct-label{font-size:var(--text-sm);color:var(--color-foreground);font-weight:600}.qr-direct-sub{font-family:ui-monospace,JetBrains Mono,monospace;font-size:var(--text-sm);color:var(--color-foreground)}.qr-direct-arrow{color:var(--color-accent);font-weight:600;transition:transform .2s}.dark .qr-direct-arrow{color:var(--color-primary)}.qr-direct-card:hover .qr-direct-arrow{transform:translate(3px)}.qr-final-title{font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-foreground);margin-bottom:.875rem;max-width:40rem;margin-inline:auto;font-weight:600;line-height:1.15}.qr-final-lede{font-size:var(--text-base);color:var(--color-foreground);margin-bottom:2rem;max-width:32rem;margin-inline:auto;line-height:1.55}.qr-final-ctas{justify-content:center;display:flex}}