*,:before,:after{box-sizing:border-box}*{margin:0}html{color-scheme:dark;scroll-behavior:smooth;text-size-adjust:100%;min-width:320px}body{min-height:100vh}img,picture,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}table{border-collapse:collapse}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-bg:#07070b;--color-bg-soft:#0b0b12;--color-surface:#101018;--color-surface-strong:#171723;--color-surface-glass:#101018b8;--color-gold:#d9b65f;--color-gold-soft:#f0d98c;--color-gold-muted:#8e7435;--color-whatsapp:#25d366;--color-whatsapp-dark:#128c4a;--color-text:#f5f2ea;--color-text-soft:#d8d2c3;--color-text-muted:#a6a6b3;--color-text-faint:#777789;--color-text-inverse:#07070b;--color-border:#ffffff1f;--color-border-soft:#ffffff14;--color-border-gold:#d9b65f73;--color-focus:#f0d98c;--gradient-hero:radial-gradient(circle at 20% 20%, #d9b65f33, transparent 32%), radial-gradient(circle at 80% 10%, #f0d98c1f, transparent 28%), linear-gradient(180deg, #07070b 0%, #0b0b12 48%, #07070b 100%);--gradient-card:linear-gradient(145deg, #ffffff14, #ffffff08);--gradient-gold:linear-gradient(135deg, #f0d98c 0%, #d9b65f 45%, #8e7435 100%);--font-heading:Georgia, "Times New Roman", serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-button:var(--font-body);--text-xs:clamp(.75rem, .72rem + .15vw, .82rem);--text-sm:clamp(.875rem, .84rem + .18vw, .95rem);--text-base:clamp(1rem, .96rem + .2vw, 1.08rem);--text-md:clamp(1.125rem, 1.04rem + .4vw, 1.32rem);--text-lg:clamp(1.35rem, 1.12rem + 1.1vw, 1.9rem);--text-xl:clamp(2rem, 1.35rem + 3.25vw, 4.25rem);--text-hero:clamp(2.65rem, 1.6rem + 5.2vw, 6.5rem);--line-tight:.95;--line-heading:1.08;--line-body:1.65;--letter-tight:-.05em;--letter-soft:-.02em;--letter-wide:.12em;--space-2xs:clamp(.25rem, .22rem + .15vw, .35rem);--space-xs:clamp(.5rem, .44rem + .3vw, .75rem);--space-sm:clamp(.75rem, .68rem + .35vw, 1rem);--space-md:clamp(1rem, .9rem + .5vw, 1.5rem);--space-lg:clamp(1.5rem, 1.25rem + 1.25vw, 2.5rem);--space-xl:clamp(2.25rem, 1.75rem + 2.5vw, 4rem);--space-2xl:clamp(3.5rem, 2.5rem + 5vw, 7rem);--space-section:clamp(4.5rem, 3rem + 7.5vw, 9rem);--container:1160px;--container-wide:1320px;--container-narrow:780px;--page-gutter:clamp(1rem, .6rem + 2vw, 2rem);--header-height:76px;--radius-xs:.5rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999px;--radius-circle:50%;--shadow-soft:0 18px 60px #00000059;--shadow-card:0 24px 80px #00000073;--shadow-gold:0 0 34px #d9b65f38;--shadow-gold-strong:0 0 62px #d9b65f5c;--shadow-whatsapp:0 0 34px #25d36657;--blur-header:blur(18px);--z-base:1;--z-header:20;--z-floating:30;--z-modal:40;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-premium:cubic-bezier(.16, 1, .3, 1);--duration-fast:.16s;--duration-base:.26s;--duration-slow:.52s;--duration-reveal:.7s;--hover-lift:-2px;--hover-lift-strong:-6px;--focus-ring:0 0 0 3px #f0d98c52}body{background:radial-gradient(circle at top left, #d9b65f1f, transparent 34rem), radial-gradient(circle at bottom right, #f0d98c14, transparent 30rem), var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 80%)}::selection{color:var(--color-text);background:#d9b65f59}:focus-visible{border-radius:var(--radius-xs);outline:3px solid var(--color-focus);outline-offset:4px;box-shadow:var(--focus-ring)}.skip-link{z-index:var(--z-modal);border-radius:var(--radius-pill);background:var(--color-gold-soft);color:var(--color-text-inverse);transition:transform var(--duration-base) var(--ease-premium);padding:.75rem 1rem;font-weight:850;position:fixed;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-heading);letter-spacing:var(--letter-tight);font-weight:700;line-height:var(--line-heading)}h1{max-width:11ch;font-size:var(--text-hero);line-height:var(--line-tight)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{max-width:68ch;color:var(--color-text-muted)}strong,b{color:var(--color-text);font-weight:700}small{color:var(--color-text-faint);font-size:var(--text-sm)}a{transition:color var(--duration-fast) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-gold-soft)}main{isolation:isolate}.text-accent{color:var(--color-gold-soft)}.eyebrow{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;font-weight:700}.page-shell{min-height:100vh;position:relative}.container{width:min(100% - (var(--page-gutter) * 2), var(--container));margin-inline:auto}.container-wide{width:min(100% - (var(--page-gutter) * 2), var(--container-wide));margin-inline:auto}.container-narrow{width:min(100% - (var(--page-gutter) * 2), var(--container-narrow));margin-inline:auto}.section{padding-block:var(--space-section);scroll-margin-top:calc(var(--header-height) + var(--space-md));position:relative}.section-tight{padding-block:var(--space-2xl)}.section-header{gap:var(--space-md);max-width:var(--container-narrow);margin-bottom:var(--space-xl);display:grid}.stack{gap:var(--space-md);display:grid}.stack-lg{gap:var(--space-lg);display:grid}.cluster{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.surface{border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--gradient-card), var(--color-surface);box-shadow:var(--shadow-soft)}.hero-placeholder{min-height:calc(100vh - var(--header-height));padding-block:var(--space-section);background:var(--gradient-hero);align-items:center;display:grid}.hero-placeholder>section{width:min(100% - (var(--page-gutter) * 2), var(--container));gap:var(--space-md);margin-inline:auto;display:grid}.site-header{top:var(--space-sm);z-index:var(--z-header);width:min(100% - (var(--page-gutter) * 2), var(--container-wide));border-radius:var(--radius-pill);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard);position:fixed;left:50%;transform:translate(-50%)}.site-header[data-scrolled]{border-color:var(--color-border-gold);box-shadow:var(--shadow-soft), var(--shadow-gold)}.site-header__inner{min-height:var(--header-height);gap:var(--space-md);grid-template-columns:auto 1fr auto auto;align-items:center;padding:.55rem .75rem .55rem 1rem;display:grid}.site-header__brand{min-width:max-content;color:var(--color-text);letter-spacing:.02em;align-items:center;gap:.7rem;font-weight:800;display:inline-flex}.site-header__brand-mark{border:1px solid var(--color-border-gold);border-radius:var(--radius-circle);background:var(--gradient-gold);width:2.35rem;height:2.35rem;color:var(--color-text-inverse);font-family:var(--font-heading);box-shadow:var(--shadow-gold);place-items:center;font-size:1.15rem;font-weight:800;display:grid}.site-header__brand-text{font-size:var(--text-sm)}.site-header__nav{justify-content:center;align-items:center;gap:clamp(.35rem,1vw,.9rem);display:flex}.site-header__link{border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);padding:.55rem .85rem;font-weight:650}.site-header__link:hover{color:var(--color-gold-soft);background:#ffffff0f}.site-header__cta,.site-header__mobile-cta{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);color:var(--color-gold-soft);font-size:var(--text-sm);box-shadow:var(--shadow-gold);background:#d9b65f1f;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:750;display:inline-flex}.site-header__toggle{border:1px solid var(--color-border-soft);border-radius:var(--radius-circle);width:2.75rem;height:2.75rem;color:var(--color-text);background:#ffffff0f;place-items:center;display:none}.site-header__toggle span{border-radius:var(--radius-pill);width:1rem;height:2px;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-premium);background:currentColor;grid-area:1/1}.site-header__toggle span:first-child{transform:translateY(-.36rem)}.site-header__toggle span:nth-child(3){transform:translateY(.36rem)}.site-header__toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.site-header__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.site-header__toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}.site-header__mobile{top:calc(100% + var(--space-xs));border-radius:var(--radius-xl);padding:var(--space-sm);gap:.35rem;display:grid;position:absolute;left:0;right:0}.site-header__mobile[hidden]{display:none}.site-header__mobile-link{border-radius:var(--radius-md);color:var(--color-text-muted);padding:.9rem 1rem;font-weight:700}.site-header__mobile-link:hover{color:var(--color-gold-soft);background:#ffffff0f}@media (width<=1100px){.site-header{top:var(--space-xs);border-radius:var(--radius-xl)}.site-header__inner{grid-template-columns:auto 1fr auto}.site-header__nav,.site-header__cta{display:none}.site-header__toggle{justify-self:end;display:grid}}@media (width<=520px){.site-header__brand-text{text-overflow:ellipsis;white-space:nowrap;max-width:8.5rem;overflow:hidden}}.hero{z-index:0;min-height:100vh;padding-block:calc(var(--header-height) + var(--space-2xl)) var(--space-section);background:var(--gradient-hero);align-items:center;display:grid;position:relative;overflow:hidden}.hero__inner{z-index:1;width:min(100% - (var(--page-gutter) * 2), var(--container-wide));gap:var(--space-xl);grid-template-columns:minmax(0,1.1fr) minmax(19rem,.55fr);align-items:center;margin-inline:auto;display:grid;position:relative}.hero__content{gap:var(--space-md);display:grid}.hero h1{max-width:12ch}.hero__lead{max-width:42rem;font-size:var(--text-md)}.hero__actions{gap:var(--space-sm);padding-top:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.hero__button{border-radius:var(--radius-pill);min-height:3.2rem;transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-premium);justify-content:center;align-items:center;padding:.9rem 1.25rem;font-weight:800;display:inline-flex}.hero__button:hover{transform:translateY(var(--hover-lift))}.hero__button--primary{border:1px solid var(--color-border-gold);background:var(--gradient-gold);color:var(--color-text-inverse);box-shadow:var(--shadow-gold-strong)}.hero__button--primary:hover{color:var(--color-text-inverse);box-shadow:var(--shadow-gold-strong), 0 18px 44px #d9b65f29}.hero__button--secondary{border:1px solid var(--color-border);color:var(--color-text);background:#ffffff0b}.hero__button--secondary:hover{border-color:var(--color-border-gold);color:var(--color-gold-soft);box-shadow:var(--shadow-gold)}.hero__panel{gap:var(--space-lg);padding:var(--space-lg);display:grid;position:relative}.hero__panel-top{color:var(--color-text-soft);font-size:var(--text-sm);align-items:center;gap:.65rem;font-weight:700;display:flex}.hero__status{border-radius:var(--radius-circle);background:var(--color-whatsapp);width:.7rem;height:.7rem;box-shadow:var(--shadow-whatsapp)}.hero__panel-body{gap:var(--space-sm);display:grid}.hero__metric{color:var(--color-gold-soft);font-family:var(--font-heading);letter-spacing:var(--letter-tight);font-size:clamp(2.2rem,4vw,4.6rem);font-weight:800;line-height:var(--line-tight)}.hero__mini-grid{gap:var(--space-xs);grid-template-columns:repeat(4,1fr);display:grid}.hero__mini-grid span{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:radial-gradient(circle at 40% 20%,#d9b65f38,#0000 42%),#ffffff09;min-height:4rem}.hero__orb{z-index:0;aspect-ratio:1;border-radius:var(--radius-circle);pointer-events:none;filter:blur(18px);opacity:.65;width:clamp(14rem,32vw,34rem);position:absolute}.hero__orb--left{background:radial-gradient(circle,#d9b65f38,#0000 68%);top:12%;left:-10%}.hero__orb--right{background:radial-gradient(circle,#f0d98c29,#0000 70%);bottom:6%;right:-12%}@media (width<=980px){.hero__inner{grid-template-columns:1fr}.hero__panel{max-width:36rem}}@media (width<=640px){.hero{min-height:auto;padding-block:calc(var(--header-height) + var(--space-2xl)) var(--space-2xl)}.hero h1{max-width:10ch}.hero__actions{flex-direction:column;align-items:stretch}.hero__button{width:100%}.hero__mini-grid{grid-template-columns:repeat(2,1fr)}}.trust-bar{margin-top:calc(var(--space-xl) * -1);padding-top:0}.trust-bar__inner{width:min(100% - (var(--page-gutter) * 2), var(--container));grid-template-columns:repeat(3,1fr);gap:1px;margin-inline:auto;display:grid;overflow:hidden}.trust-bar__item{gap:var(--space-xs);padding:var(--space-lg);background:#ffffff06;display:grid}.trust-bar__value{color:var(--color-gold-soft);font-family:var(--font-heading);font-size:var(--text-lg);letter-spacing:var(--letter-soft);font-weight:800;line-height:var(--line-heading)}.trust-bar__label{color:var(--color-text-muted);font-size:var(--text-sm)}.value-section{overflow:hidden}.value-section__grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.value-card{align-content:end;gap:var(--space-sm);min-height:18rem;padding:var(--space-lg);display:grid;position:relative;overflow:hidden}.value-card:before{aspect-ratio:1;border-radius:var(--radius-circle);content:"";opacity:.85;background:radial-gradient(circle,#d9b65f2e,#0000 68%);width:14rem;position:absolute;top:-35%;right:-35%}.value-card__number{top:var(--space-md);left:var(--space-lg);color:#f0d98c7a;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:800;position:absolute}.value-card h3,.value-card p{z-index:1;position:relative}@media (width<=900px){.trust-bar__inner,.value-section__grid{grid-template-columns:1fr}.trust-bar{margin-top:0}.value-card{min-height:14rem}}.services-section{position:relative}.services-section:before{z-index:-1;aspect-ratio:1;border-radius:var(--radius-circle);content:"";filter:blur(10px);background:radial-gradient(circle,#d9b65f1f,#0000 70%);width:min(42rem,80vw);position:absolute;top:8%;left:50%;transform:translate(-50%)}.services-section__grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.service-card{gap:var(--space-lg);min-height:21rem;padding:var(--space-lg);align-content:space-between;display:grid;position:relative;overflow:hidden}.service-card:before{pointer-events:none;content:"";opacity:.78;transition:opacity var(--duration-base) var(--ease-standard);background:linear-gradient(135deg,#f0d98c1a,#0000 36%),radial-gradient(circle at 85% 16%,#d9b65f2e,#0000 30%);position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-card__top,.service-card__body,.service-card__link{z-index:1;position:relative}.service-card__top{gap:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.service-card__icon{border:1px solid var(--color-border-gold);border-radius:var(--radius-circle);width:3rem;height:3rem;color:var(--color-gold-soft);box-shadow:var(--shadow-gold);background:#d9b65f1a;place-items:center;font-size:1.35rem;display:grid}.service-card__highlight{border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);color:var(--color-text-soft);font-size:var(--text-xs);letter-spacing:.02em;padding:.45rem .75rem;font-weight:750}.service-card__body{gap:var(--space-sm);display:grid}.service-card__link{width:fit-content;color:var(--color-gold-soft);font-size:var(--text-sm);font-weight:800}@media (width<=1100px){.services-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.services-section__grid{grid-template-columns:1fr}.service-card{min-height:18rem}}.process-section{background:linear-gradient(#0000,#ffffff05,#0000);position:relative}.process-section__layout{gap:var(--space-xl);grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:start;display:grid}.process-section__intro{top:calc(var(--header-height) + var(--space-xl));margin-bottom:0;position:sticky}.process-section__timeline{gap:var(--space-md);display:grid;position:relative}.process-section__timeline:before{top:var(--space-lg);bottom:var(--space-lg);content:"";background:linear-gradient(180deg, transparent, var(--color-border-gold), transparent);width:1px;position:absolute;left:1.65rem}.process-step{gap:var(--space-md);padding:var(--space-lg);grid-template-columns:auto 1fr;align-items:start;display:grid;position:relative}.process-step__number{z-index:1;border:1px solid var(--color-border-gold);border-radius:var(--radius-circle);background:radial-gradient(circle at 35% 25%, #f0d98c6b, transparent 45%), var(--color-surface);width:3.25rem;height:3.25rem;color:var(--color-gold-soft);font-family:var(--font-heading);box-shadow:var(--shadow-gold);place-items:center;font-weight:800;display:grid;position:relative}.process-step__content{gap:var(--space-xs);display:grid}.process-step small{border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);background:#ffffff09;width:fit-content;padding:.35rem .65rem;display:inline-flex}@media (width<=960px){.process-section__layout{grid-template-columns:1fr}.process-section__intro{position:static}}@media (width<=560px){.process-section__timeline:before{left:1.35rem}.process-step{grid-template-columns:1fr}.process-step__number{width:2.75rem;height:2.75rem}}.pricing-section{position:relative}.pricing-section__grid{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.pricing-card{gap:var(--space-lg);padding:var(--space-lg);display:grid;position:relative;overflow:hidden}.pricing-card--recommended{transform:translateY(calc(var(--space-sm) * -1))}.pricing-card__badge{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:fit-content;color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;background:#d9b65f21;padding:.4rem .75rem;font-weight:850}.pricing-card__header{gap:var(--space-sm);display:grid}.pricing-card__price{color:var(--color-text);font-family:var(--font-heading);letter-spacing:var(--letter-tight);font-size:clamp(2.2rem,4vw,4.8rem);font-weight:800;line-height:var(--line-tight)}.pricing-card__list,.pricing-card__excluded ul{gap:var(--space-xs);display:grid}.pricing-card__list li,.pricing-card__excluded li{color:var(--color-text-muted);padding-left:1.45rem;position:relative}.pricing-card__list li:before,.pricing-card__excluded li:before{color:var(--color-gold-soft);position:absolute;left:0}.pricing-card__list li:before{content:"✓"}.pricing-card__excluded li:before{content:"–";color:var(--color-text-faint)}.pricing-card__excluded{gap:var(--space-xs);border-top:1px solid var(--color-border-soft);padding-top:var(--space-md);display:grid}.pricing-card__excluded p{color:var(--color-text-soft);font-size:var(--text-sm);font-weight:800}.pricing-card__excluded li{color:var(--color-text-faint)}.pricing-card__cta{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:100%;min-height:3.15rem;color:var(--color-gold-soft);box-shadow:var(--shadow-gold);background:#d9b65f1f;justify-content:center;align-self:end;align-items:center;padding:.85rem 1rem;font-weight:850;display:inline-flex}.pricing-card--recommended .pricing-card__cta{background:var(--gradient-gold);color:var(--color-text-inverse)}.pricing-card--recommended .pricing-card__cta:hover{color:var(--color-text-inverse)}@media (width<=1100px){.pricing-section__grid{grid-template-columns:1fr}.pricing-card--recommended{transform:none}}.projects-section__grid{gap:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.project-card{gap:var(--space-lg);padding:var(--space-md);display:grid;position:relative;overflow:hidden}.project-card__visual{gap:var(--space-xs);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);min-height:11rem;padding:var(--space-sm);background:radial-gradient(circle at 70% 20%,#d9b65f42,#0000 36%),linear-gradient(145deg,#ffffff14,#ffffff06);align-content:end;display:grid}.project-card__visual span{border-radius:var(--radius-pill);background:#ffffff24;height:.75rem}.project-card__visual span:first-child{background:#f0d98c6b;width:48%}.project-card__visual span:nth-child(2){width:72%}.project-card__visual span:nth-child(3){width:56%}.project-card--warm .project-card__visual{background:radial-gradient(circle at 70% 20%,#f07a403d,#0000 36%),linear-gradient(145deg,#d9b65f1f,#ffffff06)}.project-card--clean .project-card__visual{background:radial-gradient(circle at 70% 20%,#a6a6b33d,#0000 36%),linear-gradient(145deg,#ffffff1a,#ffffff06)}.project-card--contrast .project-card__visual{background:radial-gradient(circle at 70% 20%,#25d3662e,#0000 36%),linear-gradient(145deg,#d9b65f1a,#ffffff06)}.project-card__content{gap:var(--space-xs);display:grid}.project-card__category{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;font-weight:850}.project-card__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.project-card__tags li{border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);padding:.35rem .6rem;font-weight:700}@media (width<=1180px){.projects-section__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.projects-section__grid{grid-template-columns:1fr}}.faq-section{position:relative}.faq-list{gap:var(--space-sm);display:grid}.faq-item{overflow:hidden}.faq-item__heading{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:0}.faq-item__button{gap:var(--space-md);width:100%;padding:var(--space-md);color:var(--color-text);text-align:left;background:0 0;justify-content:space-between;align-items:center;display:flex}.faq-item__button:hover{color:var(--color-gold-soft)}.faq-item__icon{border:1px solid var(--color-border-gold);border-radius:var(--radius-circle);width:2rem;height:2rem;color:var(--color-gold-soft);transition:transform var(--duration-base) var(--ease-premium);flex:none;place-items:center;display:grid}.faq-item__button[aria-expanded=true] .faq-item__icon{transform:rotate(45deg)}.faq-item__panel{padding:0 var(--space-md) var(--space-md)}.faq-item__panel[hidden]{display:none}.faq-item__panel p{max-width:64ch}.contact-section{position:relative;overflow:hidden}.contact-section:before{pointer-events:none;content:"";filter:blur(12px);background:radial-gradient(circle,#d9b65f24,#0000 65%);width:min(34rem,70vw);height:min(34rem,70vw);position:absolute;inset:10% auto auto 50%;transform:translate(-50%)}.contact-section__inner{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(18rem,.45fr);align-items:center;display:grid;position:relative}.contact-section__content{gap:var(--space-sm);display:grid}.contact-section__content h2{max-width:13ch}.contact-section__content p{max-width:58ch}.contact-section__panel{gap:var(--space-sm);padding:var(--space-lg);display:grid}.contact-section__label{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:max-content;color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;padding:.35rem .7rem;font-weight:800}.contact-section__panel strong{font-family:var(--font-heading);font-size:var(--text-lg)}.contact-section__button{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);background:var(--gradient-gold);min-height:3.1rem;color:var(--color-text-inverse);box-shadow:var(--shadow-gold);justify-content:center;align-items:center;padding:.85rem 1rem;font-weight:850;display:inline-flex}.site-footer{border-top:1px solid var(--color-border-soft);padding:var(--space-xl) var(--page-gutter);background:#00000038}.site-footer__inner{width:min(100%, var(--container-wide));gap:var(--space-md);margin-inline:auto;display:grid}.site-footer__brand{width:max-content;color:var(--color-text);align-items:center;gap:.7rem;font-weight:850;display:inline-flex}.site-footer__mark{border-radius:var(--radius-circle);background:var(--gradient-gold);width:2rem;height:2rem;color:var(--color-text-inverse);font-family:var(--font-heading);place-items:center;display:grid}.site-footer__links{gap:var(--space-sm);flex-wrap:wrap;display:flex}.site-footer__links a,.site-footer__copy{color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer__links a:hover{color:var(--color-gold-soft)}.whatsapp-float{right:var(--page-gutter);bottom:var(--page-gutter);z-index:var(--z-floating);border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--color-whatsapp), var(--color-whatsapp-dark));color:#fff;min-height:3.5rem;font-size:var(--text-sm);box-shadow:var(--shadow-whatsapp);transition:box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-premium);border:1px solid #ffffff38;justify-content:center;align-items:center;gap:.65rem;padding:.75rem 1rem;font-weight:850;display:inline-flex;position:fixed}.whatsapp-float:hover{color:#fff;transform:translateY(var(--hover-lift))}.whatsapp-float__icon{border-radius:var(--radius-circle);background:#ffffff29;place-items:center;width:2rem;height:2rem;display:grid}@media (width<=520px){.whatsapp-float{padding:.75rem;bottom:1rem;right:1rem}.whatsapp-float__text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site-header__brand,.site-header__cta,.site-header__mobile-cta,.site-header__toggle,.pricing-card__cta,.whatsapp-float{transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-premium)}.site-header__brand:hover,.site-header__cta:hover,.site-header__mobile-cta:hover,.site-header__toggle:hover,.pricing-card__cta:hover{transform:translateY(var(--hover-lift))}.site-header__brand:hover,.site-header__toggle:hover{color:var(--color-gold-soft)}.site-header__cta:hover,.site-header__mobile-cta:hover,.pricing-card__cta:hover{box-shadow:var(--shadow-gold-strong)}.site-header__link{position:relative}.site-header__link:after{content:"";background:var(--gradient-gold);opacity:0;transform-origin:50%;height:1px;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-premium);position:absolute;bottom:.35rem;left:.85rem;right:.85rem;transform:scaleX(.45)}.site-header__link:hover:after{opacity:1;transform:scaleX(1)}.hero__button:active,.pricing-card__cta:active,.whatsapp-float:active{transform:translateY(0)scale(.985)}.hero__panel:hover .hero__status{animation:pulse-soft 2.4s var(--ease-standard) infinite}.hero__mini-grid span,.trust-bar__item,.service-card__icon,.process-step__number,.project-card__visual,.faq-item__button{transition:background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-premium)}.hero__panel:hover .hero__mini-grid span,.trust-bar__item:hover{transform:translateY(var(--hover-lift))}.trust-bar__item:hover,.faq-item__button:hover{background:#d9b65f0e}.service-card:hover .service-card__icon{box-shadow:var(--shadow-gold-strong);transform:rotate(-6deg)scale(1.04)}.process-step:hover .process-step__number{box-shadow:var(--shadow-gold-strong);transform:scale(1.04)}.pricing-card:before{pointer-events:none;content:"";opacity:0;transition:opacity var(--duration-base) var(--ease-standard);background:radial-gradient(circle at 50% 0,#d9b65f21,#0000 36%);position:absolute;inset:0}.pricing-card:hover:before,.pricing-card--recommended:before{opacity:1}.pricing-card:after{z-index:0;pointer-events:none;content:"";opacity:0;background:linear-gradient(105deg,#0000 35%,#ffffff0a 43%,#f0d98c4d 49%,#ffffff24 53%,#0000 62%);position:absolute;inset:-45% -80%;transform:translate(-58%)rotate(3deg)}.pricing-card:hover:after{animation:1.3s cubic-bezier(.16,.84,.22,1) both pricing-moon-reflection}.pricing-card--recommended:after{background:linear-gradient(105deg,#0000 33%,#ffffff0d 42%,#f0d98c61 49%,#ffffff2e 54%,#0000 64%)}.pricing-card--recommended:hover:after{animation:1.5s cubic-bezier(.16,.84,.22,1) both pricing-moon-reflection-strong}.pricing-card__header,.pricing-card__price,.pricing-card__list,.pricing-card__excluded,.pricing-card__cta,.pricing-card__badge{z-index:2;position:relative}.pricing-card__badge{box-shadow:var(--shadow-gold)}.project-card:hover .project-card__visual{border-color:var(--color-border-gold);box-shadow:var(--shadow-gold);transform:translateY(var(--hover-lift))}.whatsapp-float:hover{box-shadow:var(--shadow-whatsapp), 0 18px 44px #25d3663d}@media (prefers-reduced-motion:reduce){.site-header__brand,.site-header__cta,.site-header__mobile-cta,.site-header__toggle,.pricing-card__cta,.whatsapp-float,.site-header__link:after,.hero__mini-grid span,.trust-bar__item,.service-card__icon,.process-step__number,.project-card__visual,.faq-item__button,.pricing-card:before,.pricing-card:after{transition:none;animation:none;transform:none}.pricing-card:after,.pricing-card:hover:after,.pricing-card--recommended:after,.pricing-card--recommended:hover:after{opacity:0}.hero__panel:hover .hero__status{animation:none}}.design-lab{width:min(100% - (var(--page-gutter) * 2), var(--container-wide));gap:var(--space-lg);min-height:100vh;padding-block:calc(var(--header-height) + var(--space-xl)) var(--space-xl);grid-template-columns:minmax(14rem,.28fr) minmax(0,1fr);margin-inline:auto;display:grid}.design-lab__sidebar,.design-lab__preview,.design-lab__controls,.design-lab__code{border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--gradient-card), #101018b8;box-shadow:var(--shadow-soft)}.design-lab__sidebar{top:calc(var(--header-height) + var(--space-md));align-self:start;gap:var(--space-md);padding:var(--space-md);display:grid;position:sticky}.design-lab__sidebar h2{font-size:var(--text-lg)}.design-lab__nav,.design-lab__nav-group{gap:var(--space-sm);display:grid}.design-lab__nav-group h3{color:var(--color-text-soft);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--letter-wide);text-transform:uppercase}.design-lab__category-list{gap:var(--space-xs);display:grid}.design-lab__category-list a{gap:var(--space-xs);border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);min-width:0;color:var(--color-text-muted);font-size:var(--text-sm);transition:border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-base) var(--ease-premium);justify-content:space-between;align-items:center;padding:.65rem .85rem;font-weight:750;display:flex}.design-lab__category-list a span{overflow-wrap:anywhere;min-width:0}.design-lab__category-list a small{color:var(--color-gold-soft);font-size:var(--text-sm);flex:none}.design-lab__category-list--sections a{justify-content:flex-start}.design-lab__category-list a:hover{border-color:var(--color-border-gold);color:var(--color-gold-soft);transform:translateY(var(--hover-lift));background:#d9b65f14}.design-lab__category-list a:focus-visible{border-color:var(--color-focus);box-shadow:var(--focus-ring);color:var(--color-gold-soft);outline:none}.design-lab__workspace{gap:var(--space-lg);min-width:0;display:grid}.design-lab__header{gap:var(--space-sm);max-width:58rem;display:grid}.design-lab__header h1{max-width:11ch}.design-lab__section-header{gap:var(--space-xs);display:grid}.design-lab__preview,.design-lab__controls,.design-lab__code{gap:var(--space-md);padding:var(--space-lg);display:grid}.design-lab__preview-stage{border:1px dashed var(--color-border-gold);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 20%,#d9b65f24,#0000 38%),linear-gradient(#ffffff0b,#ffffff04);place-items:center;min-height:clamp(18rem,38vw,30rem);display:grid}.design-lab__sample-button{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);background:var(--gradient-gold);min-height:3.35rem;color:var(--color-text-inverse);box-shadow:var(--shadow-gold);justify-content:center;align-items:center;padding:.9rem 1.25rem;font-weight:850;display:inline-flex}.design-lab__control-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-lab__control-card{gap:var(--space-xs);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:#ffffff09;display:grid}.design-lab__control-card h3{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:0}.design-lab__code pre{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-gold-soft);background:#00000052;overflow-x:auto}.design-lab__code code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:var(--text-sm)}.design-lab__component-grid,.design-lab__prototype-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-lab__component-card,.design-lab__prototype-card{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:radial-gradient(circle at 85% 0,#d9b65f1f,#0000 34%),#ffffff09;display:grid}.design-lab__component-card-top{gap:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.design-lab__component-card span,.design-lab__component-card small,.design-lab__prototype-card span{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:fit-content;color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;padding:.35rem .65rem;font-weight:850}.design-lab__component-card small{border-color:var(--color-border-soft);color:var(--color-text-muted)}.design-lab__component-card h3,.design-lab__prototype-card h3{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0}.design-lab__component-card a{width:fit-content;color:var(--color-gold-soft);font-size:var(--text-sm);font-weight:850}.design-lab__workflow-list{gap:var(--space-sm);counter-reset:workflow;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design-lab__workflow-list li{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-sm);background:#ffffff09;align-items:center;display:flex}.design-lab__workflow-list span{border:1px solid var(--color-border-gold);border-radius:var(--radius-circle);width:2.35rem;height:2.35rem;color:var(--color-gold-soft);font-size:var(--text-xs);flex:none;place-items:center;font-weight:900;display:grid}.design-lab__workflow-list p{color:var(--color-text-soft);font-size:var(--text-sm);font-weight:750}.design-lab--index{grid-template-columns:minmax(0,1fr)}.design-lab--index .design-lab__workspace{gap:var(--space-lg)}.design-lab--index .design-lab__header{gap:var(--space-sm);padding-block:var(--space-md)}.design-lab--index .design-lab__header p:last-child{max-width:var(--container-narrow)}.design-lab__floating-stage{--floating-stage-height:clamp(48rem, 72vw, 60rem);--floating-duration-a:8s;--floating-duration-b:10s;--floating-pulse-duration:6s;--floating-pulse-delay:-3s;min-width:0;min-height:var(--floating-stage-height);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8, minmax(var(--space-2xl), 1fr));gap:var(--space-sm);isolation:isolate;border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:var(--space-lg);background:var(--gradient-card), var(--color-bg-soft);box-shadow:var(--shadow-card), var(--shadow-gold);display:grid;position:relative;overflow:hidden}.design-lab__floating-stage:before{inset:var(--space-md);z-index:-1;border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);content:"";opacity:.6;position:absolute}.design-lab__floating-orb{z-index:-1;width:calc(var(--space-section) * 2);aspect-ratio:1;border-radius:var(--radius-circle);pointer-events:none;background:var(--color-gold-muted);filter:blur(var(--space-lg));opacity:.14;position:absolute}.design-lab__floating-orb--one{top:-8%;left:-6%}.design-lab__floating-orb--two{bottom:-10%;right:-5%}.design-lab__floating-slot,.design-lab__floating-pulse{min-width:0;display:grid}.design-lab__floating-pulse{transform-origin:50%;height:100%;animation:design-lab-card-pulse var(--floating-pulse-duration) var(--ease-standard) infinite alternate}.design-lab__floating-slot:nth-of-type(2n) .design-lab__floating-pulse{animation-delay:var(--floating-pulse-delay)}.design-lab__floating-item{z-index:1;border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);min-width:0;height:100%;padding:var(--space-sm);color:var(--color-text);background:var(--color-surface-glass);box-shadow:var(--shadow-soft);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), color var(--duration-fast) var(--ease-standard);display:grid;position:relative}.design-lab__floating-item--variant-a{border-color:var(--color-border-gold);background:var(--color-surface-glass)}.design-lab__floating-item--variant-b{background:var(--gradient-card), var(--color-surface)}.design-lab__floating-item:hover,.design-lab__floating-item:focus-visible{border-color:var(--color-focus);color:var(--color-gold-soft);box-shadow:var(--shadow-gold-strong)}.design-lab__floating-motion{gap:var(--space-xs);align-content:center;min-width:0;height:100%;display:grid}.design-lab__floating-item--variant-a .design-lab__floating-motion{animation:design-lab-float-a var(--floating-duration-a) var(--ease-premium) infinite alternate}.design-lab__floating-item--variant-b .design-lab__floating-motion{animation:design-lab-float-b var(--floating-duration-b) var(--ease-premium) infinite alternate-reverse}.design-lab__floating-slot:nth-of-type(3n) .design-lab__floating-motion{animation-duration:9s;animation-delay:-2s}.design-lab__floating-slot:nth-of-type(4n) .design-lab__floating-motion{animation-duration:11s;animation-delay:-4s}.design-lab__floating-family{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;font-weight:850}.design-lab__floating-slot:first-of-type{grid-area:1/1/auto/6}.design-lab__floating-slot:nth-of-type(2){grid-area:1/8/auto/13}.design-lab__floating-slot:nth-of-type(3){grid-area:2/2/auto/5}.design-lab__floating-slot:nth-of-type(4){grid-area:2/9/auto/12}.design-lab__floating-slot:nth-of-type(5){grid-area:3/1/5/5}.design-lab__floating-slot:nth-of-type(6){grid-area:3/9/5/13}.design-lab__floating-slot:nth-of-type(7){grid-area:3/4/auto/8}.design-lab__floating-slot:nth-of-type(8){grid-area:5/6/auto/10}.design-lab__floating-slot:nth-of-type(9){grid-area:6/1/8/5}.design-lab__floating-slot:nth-of-type(10){grid-area:6/9/8/13}.design-lab__floating-slot:nth-of-type(11){grid-area:7/5/auto/7}.design-lab__floating-slot:nth-of-type(12){grid-area:7/7/auto/9}.design-lab__floating-slot:nth-of-type(13){grid-area:8/2/auto/6}.design-lab__floating-slot:nth-of-type(14){grid-area:8/8/auto/12}.design-lab__mini-header{gap:var(--space-xs);border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);min-width:0;padding:var(--space-xs);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.design-lab__mini-brand{width:var(--space-lg);aspect-ratio:1;border-radius:var(--radius-circle);background:var(--gradient-gold);color:var(--color-text-inverse);font-family:var(--font-heading);place-items:center;font-weight:850;display:grid}.design-lab__mini-nav,.design-lab__mini-loader>span{gap:var(--space-2xs);display:flex}.design-lab__mini-nav i{width:var(--space-md);height:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-text-faint)}.design-lab__mini-action{color:var(--color-gold-soft);font-size:var(--text-xs);font-weight:800}.design-lab__mini-button{gap:var(--space-xs);border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:fit-content;max-width:100%;padding:var(--space-xs) var(--space-md);background:var(--gradient-gold);color:var(--color-text-inverse);text-align:center;justify-content:center;justify-self:center;align-items:center;font-weight:850;display:inline-flex}.design-lab__mini-card,.design-lab__mini-form{gap:var(--space-xs);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);min-width:0;padding:var(--space-sm);background:var(--color-surface);display:grid}.design-lab__mini-card small{color:var(--color-gold-soft);letter-spacing:var(--letter-wide);text-transform:uppercase}.design-lab__mini-card strong{font-size:var(--text-md)}.design-lab__mini-card>span{width:72%;height:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-text-faint)}.design-lab__mini-cta{gap:var(--space-sm);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:var(--space-sm);background:var(--gradient-card);justify-content:space-between;align-items:center;display:flex}.design-lab__mini-cta>span{width:var(--space-lg);aspect-ratio:1;border-radius:var(--radius-circle);background:var(--gradient-gold);color:var(--color-text-inverse);flex:none;place-items:center;display:grid}.design-lab__mini-form>span{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-xs)}.design-lab__mini-form strong{width:fit-content;color:var(--color-gold-soft);font-size:var(--text-sm)}.design-lab__mini-loader{gap:var(--space-sm);align-items:center;display:flex}.design-lab__mini-loader>i{width:var(--space-lg);aspect-ratio:1;border:1px solid var(--color-border);border-top-color:var(--color-gold-soft);border-radius:var(--radius-circle);animation:design-lab-loader-spin var(--duration-slow) linear infinite;flex:none}.design-lab__mini-loader>span{flex-direction:column;flex:1;min-width:0}.design-lab__mini-loader b{width:100%;height:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-text-faint)}.design-lab__mini-loader b:nth-child(2){width:78%}.design-lab__mini-loader b:nth-child(3){width:56%}.design-lab__mini-other{gap:var(--space-xs);flex-wrap:wrap;display:flex}.design-lab__mini-other span{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-xs);color:var(--color-gold-soft);font-size:var(--text-xs);font-weight:800}@keyframes design-lab-float-a{0%{transform:translate(0,0)scale(1)}to{transform:translate3d(var(--space-xs), calc(var(--space-sm) * -1), 0) scale(1.015)}}@keyframes design-lab-float-b{0%{transform:translate3d(0, var(--space-2xs), 0) scale(1)}to{transform:translate3d(calc(var(--space-xs) * -1), var(--space-xs), 0) scale(1.01)}}@keyframes design-lab-card-pulse{0%{transform:scale(.97)}to{transform:scale(1.03)}}@keyframes design-lab-loader-spin{to{transform:rotate(360deg)}}@media (width<=900px){.design-lab__floating-stage{min-height:auto;padding:var(--space-md);grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.design-lab__floating-stage .design-lab__floating-slot{grid-area:auto}}@media (width<=520px){.design-lab__floating-stage{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.design-lab__floating-pulse,.design-lab__floating-motion,.design-lab__mini-loader>i{animation:none;transform:none}}.component-lab{width:min(100% - (var(--page-gutter) * 2), var(--container-wide));gap:var(--space-lg);min-height:100vh;padding-block:calc(var(--header-height) + var(--space-xl)) var(--space-xl);grid-template-columns:minmax(14rem,.28fr) minmax(0,1fr);margin-inline:auto;display:grid}.component-lab__sidebar,.component-lab__panel{border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);background:var(--gradient-card), #101018b8;box-shadow:var(--shadow-soft)}.component-lab__sidebar{top:calc(var(--header-height) + var(--space-md));align-self:start;gap:var(--space-md);padding:var(--space-md);display:grid;position:sticky}.component-lab__back{width:fit-content;color:var(--color-gold-soft);font-size:var(--text-sm);font-weight:850}.component-lab__nav-list{gap:var(--space-xs);display:grid}.component-lab__nav-list a{border:1px solid var(--color-border-soft);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);padding:.65rem .85rem;font-weight:750;display:block}.component-lab__nav-list a:hover{border-color:var(--color-border-gold);color:var(--color-gold-soft);background:#d9b65f14}.component-lab__workspace{gap:var(--space-lg);min-width:0;display:grid}.component-lab__header{gap:var(--space-sm);max-width:58rem;display:grid}.component-lab__header h1{max-width:12ch}.component-lab__meta{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.component-lab__meta span{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;padding:.35rem .65rem;font-weight:850}.component-lab__panel{scroll-margin-top:calc(var(--header-height) + var(--space-xl));gap:var(--space-md);padding:var(--space-lg);display:grid}.component-lab__section-header{gap:var(--space-xs);display:grid}.component-lab__preview-stage{border:1px dashed var(--color-border-gold);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 20%,#d9b65f24,#0000 38%),linear-gradient(#ffffff0b,#ffffff04);place-items:center;min-height:clamp(18rem,38vw,30rem);display:grid}.component-lab__code pre{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-gold-soft);background:#00000052;overflow-x:auto}.component-lab__code code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:var(--text-sm)}.component-lab__placeholder,.component-lab__option-placeholder{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:radial-gradient(circle at 80% 0,#d9b65f1f,#0000 34%),#ffffff09;display:grid}.design-lab,.design-lab__sidebar,.design-lab__workspace,.design-lab__preview,.design-lab__controls,.design-lab__code,.design-lab__component-grid,.design-lab__component-card,.design-lab__prototype-grid,.design-lab__prototype-card,.design-lab__section-header,.component-lab,.component-lab__sidebar,.component-lab__workspace,.component-lab__panel,.component-lab__section-header,.component-lab__preview-stage,.button-lab-preview,.button-lab-preview__stage,.button-style-catalog,.button-style-card,.button-animation-catalog,.button-animation-card,.button-fx-catalog,.button-fx-card,.button-state-catalog,.button-state-card{min-width:0}.design-lab__sidebar h2,.design-lab__section-header h2,.design-lab__component-card h3,.design-lab__prototype-card h3,.component-lab__sidebar h2,.component-lab__header h1,.component-lab__section-header h2,.button-style-card__header strong,.button-animation-card__header strong,.button-fx-card__header strong,.button-state-card__header strong{overflow-wrap:anywhere;max-width:100%}.design-lab__component-card-top,.button-style-card__header,.button-animation-card__header,.button-fx-card__header,.button-state-card__header{flex-wrap:wrap;align-items:flex-start}.button-style-card__header strong,.button-animation-card__header strong,.button-fx-card__header strong,.button-state-card__header strong{flex:auto;min-width:0}.component-lab__back,.component-lab__nav-list a,.component-lab__meta span{overflow-wrap:anywhere;max-width:100%}.component-lab__code pre{max-width:100%}.button-lab-preview__button,.button-style-demo,.button-animation-demo,.button-fx-demo,.button-state-demo{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}.component-lab__placeholder{text-align:center;place-content:center;width:min(100%,34rem);min-height:14rem}.component-lab__placeholder span{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:fit-content;color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);justify-self:center;padding:.35rem .65rem;font-weight:850}.component-lab__placeholder h2{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0}.header-lab-preview{gap:var(--space-md);width:min(100%,54rem);display:grid}.header-lab-preview__desktop,.header-lab-preview__mobile{border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:linear-gradient(145deg,#ffffff16,#ffffff08),#101018b8}.header-lab-preview__desktop{gap:var(--space-md);min-height:5rem;padding:var(--space-sm);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.header-lab-preview__brand{color:var(--color-text);align-items:center;gap:.65rem;font-weight:850;display:inline-flex}.header-lab-preview__brand span{border:1px solid var(--color-border-gold);border-radius:var(--radius-circle);background:var(--gradient-gold);width:2.4rem;height:2.4rem;color:var(--color-text-inverse);font-family:var(--font-heading);place-items:center;font-weight:900;display:grid}.header-lab-preview__nav{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.header-lab-preview__nav a{border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);padding:.55rem .75rem;font-weight:750}.header-lab-preview__cta{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);color:var(--color-gold-soft);font-size:var(--text-sm);background:#d9b65f1f;padding:.75rem 1rem;font-weight:850}.header-lab-preview__mobile{width:min(100%,24rem);padding:var(--space-sm);justify-self:center;overflow:hidden}.header-lab-preview__mobile-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.header-lab-preview__mobile-brand{color:var(--color-text);letter-spacing:.04em;font-weight:900}.header-lab-preview__mobile button{border:1px solid var(--color-border-soft);border-radius:var(--radius-circle);width:2.5rem;height:2.5rem;color:var(--color-text);background:#ffffff0f;place-items:center;display:grid}.header-lab-preview__mobile button span{border-radius:var(--radius-pill);background:currentColor;grid-area:1/1;width:1rem;height:2px}.header-lab-preview__mobile button span:first-child{transform:translateY(-.35rem)}.header-lab-preview__mobile button span:nth-child(3){transform:translateY(.35rem)}.header-lab-preview__mobile-menu{gap:var(--space-xs);margin-top:var(--space-sm);display:grid}.header-lab-preview__mobile-menu span{border:1px solid var(--color-border-soft);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);padding:.75rem;font-weight:750}.button-lab-preview{gap:var(--space-md);width:min(100%,46rem);display:grid}.button-lab-preview__stage{isolation:isolate;place-items:center;gap:var(--space-md);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);min-height:18rem;padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-soft);background:radial-gradient(circle at 50% 35%,#d9b65f29,#0000 34%),linear-gradient(145deg,#ffffff14,#ffffff06);display:grid;position:relative;overflow:hidden}.button-lab-preview__stage--glassmorphism{--glass-stage-bg-primary:#7f8cff;--glass-stage-bg-secondary:#b08eff;--glass-stage-bg-tertiary:#f4b8d7;--glass-stage-surface:#ffffff1f;--glass-stage-border:#fff3;--glass-stage-highlight:#ffffff61;--glass-stage-text:#ffffffc7;--glass-stage-shadow:#1f26871f;border-color:var(--glass-stage-border);background:radial-gradient(circle at 24% 18%, #aeebff38, transparent 28%), radial-gradient(circle at 72% 24%, #ffc3e833, transparent 30%), linear-gradient(135deg, #7f8cff2e, #b08eff24, #f4b8d71f), var(--glass-stage-surface);box-shadow:inset 0 1px 0 var(--glass-stage-highlight), 0 1.4rem 3rem var(--glass-stage-shadow), 0 0 3rem #ffffff0d;backdrop-filter:blur(20px)}.button-lab-preview__stage--glassmorphism:before{content:"";z-index:-1;opacity:.55;background:linear-gradient(115deg,#0000 18%,#ffffff24 43%,#0000 70%);position:absolute;inset:0;transform:translate(-14%)}.button-lab-preview__stage--glassmorphism p{color:var(--glass-stage-text)}.button-lab-preview__label{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:.4rem .7rem;font-weight:900}.button-lab-preview__label--glassmorphism{--glass-label-border:#ffffff47;--glass-label-highlight:#ffffff6b;--glass-label-text:#ffffffdb;border-color:var(--glass-label-border);color:var(--glass-label-text);box-shadow:inset 0 1px 0 var(--glass-label-highlight), 0 .8rem 2rem #1f26871f, 0 0 1.8rem #ffffff1f;backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff2e,#ffffff0f),#ffffff14;font-family:Inter,Poppins,system-ui,sans-serif}.button-lab-preview__button{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);min-height:3.25rem;color:var(--color-text-inverse);background:var(--gradient-gold);justify-content:center;align-items:center;gap:.65rem;padding:.95rem 1.35rem;font-weight:950;line-height:1;display:inline-flex;box-shadow:0 1.1rem 2.8rem #d9b65f38}.button-lab-preview__button span{font-size:1.1em}.button-lab-preview__stage p{max-width:34rem;color:var(--color-text-muted);margin:0}.button-lab-preview__notes{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.button-lab-preview__notes article{border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-sm);background:#ffffff09;gap:.35rem;display:grid}.button-lab-preview__notes strong{color:var(--color-text);font-size:var(--text-sm)}.button-lab-preview__notes span{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.button-style-catalog{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-style-card,.button-animation-card,.button-fx-card,.button-state-card{cursor:pointer}.button-style-card{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:linear-gradient(145deg,#ffffff0e,#ffffff05),#1010189e;align-content:start;display:grid}.button-style-card--glassmorphism{--glass-card-bg-primary:#7f8cff;--glass-card-bg-secondary:#b08eff;--glass-card-bg-tertiary:#f4b8d7;--glass-card-surface:#ffffff29;--glass-card-border:#ffffff47;--glass-card-highlight:#ffffff73;--glass-card-text-primary:#fff;--glass-card-text-secondary:#ffffffc7;--glass-card-text-muted:#ffffff94;--glass-card-shadow-soft:#1f26871f;--glass-card-shadow-glow:#ffffff40;--glass-card-radius:24px;--glass-card-blur:blur(20px);isolation:isolate;border-color:var(--glass-card-border);border-radius:var(--glass-card-radius);background:radial-gradient(circle at 18% 8%, #ffffff70, transparent 24%), radial-gradient(circle at 86% 18%, #aeebff52, transparent 28%), linear-gradient(135deg, #7f8cff47, #b08eff38, #f4b8d733), var(--glass-card-surface);box-shadow:inset 0 1px 0 var(--glass-card-highlight), 0 1.4rem 3.2rem var(--glass-card-shadow-soft), 0 0 2.4rem #ffffff14;backdrop-filter:var(--glass-card-blur);font-family:Inter,Poppins,system-ui,sans-serif;position:relative;overflow:hidden}.button-style-card--glassmorphism:before{content:"";z-index:-1;opacity:.32;background:linear-gradient(115deg,#0000 18%,#ffffff4d 42%,#0000 66%);position:absolute;inset:0;transform:translate(-22%)}.button-style-card--glassmorphism .button-style-card__header span,.button-style-card--glassmorphism .button-style-card__header strong{color:var(--glass-card-text-primary)}.button-style-card--glassmorphism p{color:var(--glass-card-text-secondary)}.button-style-card.is-active,.button-animation-card.is-active,.button-fx-card.is-active,.button-state-card.is-active{border-color:var(--color-border-gold);box-shadow:0 1rem 2.4rem #d9b65f1f}.button-style-card:focus-visible,.button-animation-card:focus-visible,.button-fx-card:focus-visible,.button-state-card:focus-visible{outline-offset:4px;outline:3px solid #f0d98cb8}.button-style-card__header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.button-style-card__header span{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:.12em;font-weight:950}.button-style-card__header strong{color:var(--color-text);font-size:var(--text-sm);text-align:right}.button-style-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.button-style-demo{border-radius:var(--radius-pill);width:fit-content;min-height:3rem;font:inherit;cursor:default;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.1rem;font-weight:950;line-height:1;display:inline-flex}.button-style-demo--primary{border:1px solid var(--color-border-gold);color:var(--color-text-inverse);background:var(--gradient-gold);box-shadow:0 1rem 2.4rem #d9b65f38}.button-style-demo--glassmorphism{--glass-bg-primary:#7f8cff;--glass-bg-secondary:#b08eff;--glass-bg-tertiary:#f4b8d7;--glass-purple:#c6a7ff;--glass-lavender:#d7b8ff;--glass-blue:#8fa8ff;--glass-sky:#aeebff;--glass-pink:#ffc3e8;--glass-white:#fff;--glass-surface:#ffffff29;--glass-border:#ffffff47;--glass-highlight:#ffffff73;--glass-text-primary:#fff;--glass-text-secondary:#ffffffc7;--glass-shadow-soft:#1f26871f;--glass-shadow-glow:#ffffff40;isolation:isolate;border:1px solid var(--glass-border);color:var(--glass-text-primary);text-shadow:0 1px #1f268729;background:linear-gradient(135deg, #ffffff3d, #ffffff14), radial-gradient(circle at 12% 18%, #aeebff57, transparent 34%), linear-gradient(135deg, var(--glass-bg-primary), var(--glass-bg-secondary) 54%, var(--glass-bg-tertiary));box-shadow:inset 0 1px 0 var(--glass-highlight), 0 1rem 2.5rem var(--glass-shadow-soft), 0 0 2.2rem var(--glass-shadow-glow);backdrop-filter:blur(20px);font-family:Inter,Poppins,system-ui,sans-serif;position:relative;overflow:hidden}.button-style-demo--glassmorphism:before{content:"";z-index:-1;border-radius:inherit;opacity:.42;background:linear-gradient(115deg,#0000 10%,#ffffff5c 36%,#0000 62%);position:absolute;inset:1px;transform:translate(-18%)}.button-style-demo--outline{border:1px solid var(--color-border-gold);color:var(--color-gold-soft);background:#d9b65f0f}.button-style-demo--glass{color:var(--color-text);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff29,#ffffff0b),#ffffff09;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,0 1rem 2.4rem #00000038}.button-style-demo--whatsapp{color:#fff;background:linear-gradient(135deg, var(--color-whatsapp), var(--color-whatsapp-dark));border:1px solid #25d3668a;box-shadow:0 1rem 2.4rem #25d36638}.button-style-demo--ghost{color:var(--color-text);background:0 0;border:1px solid #0000;padding-inline:0}.button-style-demo--full{border:1px solid var(--color-border-gold);width:100%;color:var(--color-text-inverse);background:var(--gradient-gold)}.button-animation-catalog{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-animation-card{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:radial-gradient(circle at 88% 12%,#d9b65f14,#0000 28%),linear-gradient(145deg,#ffffff0e,#ffffff05),#1010189e;align-content:start;display:grid;overflow:hidden}.button-animation-card__header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.button-animation-card__header span{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:.12em;font-weight:950}.button-animation-card__header strong{color:var(--color-text);font-size:var(--text-sm);text-align:right}.button-animation-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.button-animation-demo{transform-origin:50%;will-change:transform, opacity, box-shadow}.button-animation-demo--smooth-glass{opacity:1;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),filter .25s cubic-bezier(.4,0,.2,1),backdrop-filter .25s cubic-bezier(.4,0,.2,1);animation:.34s cubic-bezier(.4,0,.2,1) both button-smooth-glass-fade;transform:translateY(0)scale(1)}.button-animation-demo--smooth-glass:hover{filter:brightness(1.06);transform:translateY(-5px)scale(1.04);box-shadow:inset 0 1px #ffffff8a,0 1.8rem 3.4rem #1f268733,0 0 3rem #ffffff57}.button-animation-demo--smooth-glass:active{filter:brightness(.98);transition-duration:.14s;transform:translateY(-1px)scale(.97);box-shadow:inset 0 1px #ffffff57,0 .72rem 1.6rem #1f26871f,0 0 1.2rem #ffffff29}.button-animation-demo--smooth-glass:focus-visible{transform:translateY(-3px)scale(1.025)}.button-animation-demo--fade{animation:button-fade-rise 2.6s var(--ease-smooth) infinite}.button-animation-demo--pulse{animation:button-soft-pulse 2.2s var(--ease-smooth) infinite}.button-animation-demo--lift{animation:button-lift-preview 2.4s var(--ease-smooth) infinite}.button-animation-demo--bounce{animation:button-soft-bounce 2.6s var(--ease-smooth) infinite}.button-animation-demo--arrow span{animation:button-arrow-slide 1.35s var(--ease-smooth) infinite;display:inline-block}.button-animation-demo--breathe{animation:button-premium-breathe 3s var(--ease-smooth) infinite}.button-fx-catalog{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-fx-card{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:linear-gradient(145deg,#ffffff0e,#ffffff05),#1010189e;align-content:start;display:grid;overflow:hidden}.button-fx-card__header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.button-fx-card__header span{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:.12em;font-weight:950}.button-fx-card__header strong{color:var(--color-text);font-size:var(--text-sm);text-align:right}.button-fx-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.button-fx-demo{isolation:isolate;position:relative;overflow:hidden}.button-fx-demo--glow{box-shadow:0 0 0 1px #f0d98c2e,0 0 2rem #d9b65f47,0 1rem 2.4rem #d9b65f2e}.button-fx-demo--shine:after{content:"";z-index:-1;width:38%;animation:button-fx-shine 2.8s var(--ease-smooth) infinite;background:linear-gradient(90deg,#0000,#ffffff6b,#0000);position:absolute;inset:-35% auto -35% -50%;transform:skew(-18deg)}.button-fx-demo--shadow{box-shadow:0 .5rem #0000003d,0 1.4rem 2.8rem #00000047}.button-fx-demo--border{border-color:#f0d98cb8;box-shadow:inset 0 0 0 1px #f0d98c38,0 0 1.4rem #d9b65f2e}.button-fx-demo--depth{transform:translateY(-.18rem);box-shadow:0 .4rem #8e7435b8,0 1.2rem 2.4rem #d9b65f33}.button-fx-demo--liquid{backdrop-filter:blur(18px)saturate(1.25);background:radial-gradient(circle at 28% 12%,#ffffff3d,#0000 26%),linear-gradient(135deg,#ffffff2e,#ffffff0b),#ffffff0d;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff14,0 1rem 2.4rem #0000003d}.button-state-catalog{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-state-card{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:linear-gradient(145deg,#ffffff0e,#ffffff05),#1010189e;align-content:start;display:grid}.button-state-card__header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.button-state-card__header span{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:.12em;font-weight:950}.button-state-card__header strong{color:var(--color-text);font-size:var(--text-sm);text-align:right}.button-state-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.6}.button-state-demo{transition:transform var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), opacity var(--duration-fast) var(--ease-smooth), filter var(--duration-fast) var(--ease-smooth)}.button-state-demo--hover{filter:brightness(1.08);transform:translateY(-.18rem);box-shadow:0 0 0 1px #f0d98c38,0 1.2rem 2.8rem #d9b65f47}.button-state-demo--focus{outline-offset:4px;border-color:var(--color-focus);outline:3px solid #f0d98cb8}.button-state-demo--active{transform:translateY(.18rem)scale(.985);box-shadow:0 .28rem #8e7435b8,0 .8rem 1.8rem #d9b65f29}.button-state-demo--disabled,.button-state-demo:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.75);box-shadow:none}.button-state-demo--loading{cursor:wait}.button-state-demo__spinner{border:2px solid #ffffff47;border-top-color:var(--color-gold-soft);border-radius:50%;width:1rem;height:1rem;animation:.85s linear infinite button-loading-spin}.button-state-demo--selected{border-color:var(--color-border-gold);color:var(--color-gold-soft);background:#d9b65f1f;box-shadow:inset 0 0 0 1px #f0d98c2e,0 0 1.5rem #d9b65f24}.button-generated-code{gap:var(--space-md);display:grid}.button-generated-code__block{gap:var(--space-xs);display:grid}.button-generated-code__block h3{color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0;margin:0}.button-generated-code__block p{color:var(--color-text-muted);margin:0}.button-generated-code__block pre{max-height:24rem}@keyframes button-fade-rise{0%,to{opacity:.72;transform:translateY(.45rem)}42%,72%{opacity:1;transform:translateY(0)}}@keyframes button-soft-pulse{0%,to{transform:scale(1);box-shadow:0 1rem 2.4rem #25d3662e}50%{transform:scale(1.035);box-shadow:0 1.2rem 3rem #25d36652}}@keyframes button-lift-preview{0%,to{transform:translateY(0)}50%{transform:translateY(-.28rem)}}@keyframes button-soft-bounce{0%,to{transform:translateY(0)scale(1)}34%{transform:translateY(-.35rem)scale(1.015)}58%{transform:translateY(.08rem)scale(.995)}}@keyframes button-arrow-slide{0%,to{transform:translate(0)}50%{transform:translate(.35rem)}}@keyframes button-premium-breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.02)}}@keyframes button-smooth-glass-fade{0%{opacity:0;filter:brightness(.96)}to{opacity:1;filter:brightness()}}@keyframes button-fx-shine{0%{opacity:0;transform:translate(0)skew(-18deg)}22%{opacity:.82}72%{opacity:.38}to{opacity:0;transform:translate(420%)skew(-18deg)}}@keyframes button-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button-animation-demo,.button-animation-demo--arrow span,.button-fx-demo--shine:after,.button-state-demo__spinner{filter:none;animation:none;transform:none}.button-animation-demo--smooth-glass{backdrop-filter:none;transition-property:opacity,box-shadow;transition-duration:80ms;transform:none}.button-animation-demo--smooth-glass:hover,.button-animation-demo--smooth-glass:active,.button-animation-demo--smooth-glass:focus-visible{transform:none}}@media (width<=900px){.header-lab-preview__desktop{grid-template-columns:1fr;justify-items:start}.header-lab-preview__nav{justify-content:start}.button-lab-preview__notes,.button-style-catalog,.button-animation-catalog,.button-fx-catalog,.button-state-catalog{grid-template-columns:1fr}}.design-lab__category-sections{gap:var(--space-md);display:grid}.design-lab__category-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-lab__category-section{scroll-margin-top:calc(var(--header-height) + var(--space-xl));gap:var(--space-xs);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:linear-gradient(145deg,#ffffff0e,#ffffff06),#101018a3;display:grid}.design-lab__category-section h3{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0}.design-lab__style-catalog{gap:var(--space-sm);padding-top:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.design-lab__style-card{gap:var(--space-sm);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);background:radial-gradient(circle at 80% 0,#d9b65f1f,#0000 36%),#ffffff09;display:grid}.design-lab__style-card h4{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:0}.design-lab__style-code{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:fit-content;color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);padding:.35rem .65rem;font-weight:850}.design-lab__style-notes{gap:var(--space-xs);display:grid}.design-lab__style-notes div{gap:var(--space-2xs);border-top:1px solid var(--color-border-soft);padding-top:var(--space-xs);display:grid}.design-lab__style-notes dt{color:var(--color-text-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;font-weight:850}.design-lab__style-notes dd{color:var(--color-text-muted);font-size:var(--text-sm)}.design-lab__style-preview{gap:var(--space-md);margin-top:var(--space-md);display:grid}.design-lab__spatial-preview{border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);min-height:clamp(24rem,48vw,34rem);padding:var(--space-lg);background:radial-gradient(circle at 28% 22%, #d9b65f33, transparent 32%), radial-gradient(circle at 74% 12%, #f0d98c1f, transparent 28%), linear-gradient(145deg, #ffffff13, #ffffff05), var(--color-bg-soft);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff14;perspective:900px;isolation:isolate;position:relative;overflow:hidden}.design-lab__spatial-preview--compact{width:min(100%,36rem);min-height:clamp(18rem,32vw,24rem)}.design-lab__spatial-preview:before{z-index:-1;border-radius:var(--radius-xl);content:"";transform-origin:50%;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:2.25rem 2.25rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #d9b65f21;position:absolute;inset:10% 9%;transform:rotateX(62deg)rotate(-8deg)translateY(3rem)}.design-lab__spatial-orb{border-radius:var(--radius-circle);pointer-events:none;filter:blur(1px);opacity:.85;background:radial-gradient(circle,#f0d98cb8,#d9b65f29 42%,#0000 68%);position:absolute}.design-lab__spatial-orb--one{aspect-ratio:1;width:clamp(5rem,12vw,9rem);animation:spatial-float 7s var(--ease-premium) infinite alternate;top:12%;left:14%}.design-lab__spatial-orb--two{aspect-ratio:1;opacity:.42;width:clamp(7rem,16vw,13rem);animation:spatial-float 8.5s var(--ease-premium) infinite alternate-reverse;bottom:16%;right:10%}.design-lab__spatial-orb--three{aspect-ratio:1;opacity:.34;width:clamp(3.5rem,8vw,6rem);animation:spatial-float 6.5s var(--ease-premium) infinite alternate;top:8%;right:32%}.design-lab__spatial-card{gap:var(--space-xs);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-md);transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff21,#ffffff0b),#101018b8;display:grid;position:absolute;box-shadow:0 28px 80px #00000075,inset 0 1px #ffffff14}.design-lab__spatial-card span{border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);width:fit-content;color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;padding:.28rem .58rem;font-weight:850}.design-lab__spatial-card h3,.design-lab__spatial-card h5{font-family:var(--font-body);letter-spacing:0}.design-lab__spatial-card--main{width:min(72%,28rem);min-height:12rem;animation:spatial-card-main 7s var(--ease-premium) infinite alternate;top:24%;left:12%;transform:rotateX(8deg)rotateY(-14deg)translateZ(4rem)}.design-lab__spatial-card--secondary{width:min(42%,16rem);animation:spatial-card-secondary 8s var(--ease-premium) infinite alternate;top:12%;right:10%;transform:rotateX(10deg)rotateY(18deg)translateZ(7rem)}.design-lab__spatial-card--tertiary{width:min(44%,17rem);animation:spatial-card-tertiary 7.5s var(--ease-premium) infinite alternate;bottom:14%;right:14%;transform:rotateX(12deg)rotateY(12deg)translateZ(3rem)}.design-lab__spatial-card--mini{width:min(38%,14rem);animation:spatial-card-secondary 9s var(--ease-premium) infinite alternate-reverse;bottom:16%;left:10%;transform:rotateX(14deg)rotateY(-8deg)translateZ(2rem)}@keyframes spatial-float{0%{transform:translate(0,0)scale(1)}to{transform:translate(.8rem,-1rem)scale(1.04)}}@keyframes spatial-card-main{0%{transform:rotateX(8deg)rotateY(-14deg)translateZ(4rem)}to{transform:rotateX(10deg)rotateY(-10deg)translate3d(.7rem,-.9rem,5rem)}}@keyframes spatial-card-secondary{0%{transform:rotateX(10deg)rotateY(18deg)translateZ(7rem)}to{transform:rotateX(7deg)rotateY(14deg)translate3d(-.7rem,.8rem,8rem)}}@keyframes spatial-card-tertiary{0%{transform:rotateX(12deg)rotateY(12deg)translateZ(3rem)}to{transform:rotateX(8deg)rotateY(16deg)translate3d(.8rem,-.45rem,4rem)}}.design-lab__liquid-preview{border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);min-height:clamp(24rem,48vw,34rem);padding:var(--space-lg);background:radial-gradient(circle at 20% 20%, #f0d98c33, transparent 30%), radial-gradient(circle at 82% 18%, #ffffff24, transparent 26%), linear-gradient(135deg, #d9b65f2e, #ffffff0a 42%, #8e743529), var(--color-bg-soft);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff24;isolation:isolate;position:relative;overflow:hidden}.design-lab__liquid-preview:before{z-index:-1;content:"";filter:blur(2px);opacity:.78;animation:liquid-shape 9s var(--ease-premium) infinite alternate;background:linear-gradient(120deg,#ffffff29,#0000 34%),radial-gradient(circle at 34% 28%,#f0d98c33,#0000 35%);border-radius:42% 58% 52% 48%/48% 42% 58% 52%;position:absolute;inset:8%}.design-lab__liquid-blob{border-radius:var(--radius-circle);pointer-events:none;filter:blur(10px);opacity:.72;mix-blend-mode:screen;position:absolute}.design-lab__liquid-blob--one{aspect-ratio:1;width:clamp(8rem,18vw,15rem);animation:liquid-float 8s var(--ease-premium) infinite alternate;background:#f0d98c4d;top:8%;left:12%}.design-lab__liquid-blob--two{aspect-ratio:1;width:clamp(10rem,22vw,18rem);animation:liquid-float 10s var(--ease-premium) infinite alternate-reverse;background:#ffffff29;bottom:10%;right:8%}.design-lab__liquid-blob--three{aspect-ratio:1;width:clamp(5rem,12vw,9rem);animation:liquid-float 7s var(--ease-premium) infinite alternate;background:#d9b65f42;top:20%;right:30%}.design-lab__liquid-panel{gap:var(--space-sm);padding:var(--space-md);backdrop-filter:blur(20px)saturate(1.25);background:linear-gradient(145deg,#fff3,#ffffff0e),#1010185c;border:1px solid #ffffff38;border-radius:2rem;display:grid;position:absolute;overflow:hidden;box-shadow:0 26px 80px #00000061,inset 0 1px #ffffff3d,inset 0 -1px #ffffff14}.design-lab__liquid-panel:after{pointer-events:none;content:"";animation:liquid-reflection 5.8s var(--ease-premium) infinite;background:linear-gradient(105deg,#0000 36%,#ffffff14 44%,#ffffff57 50%,#f0d98c29 56%,#0000 66%);position:absolute;inset:-45% -65%;transform:translate(-34%)rotate(4deg)}.design-lab__liquid-panel span{border-radius:var(--radius-pill);width:fit-content;color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:var(--letter-wide);text-transform:uppercase;border:1px solid #ffffff3d;padding:.32rem .65rem;font-weight:850}.design-lab__liquid-panel h5{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0}.design-lab__liquid-panel--main{border-radius:2.5rem 4rem 2.4rem 3.6rem;width:min(72%,30rem);min-height:12rem;top:22%;left:10%}.design-lab__liquid-panel--floating{border-radius:3.4rem 2rem 3rem 2.2rem;width:min(42%,17rem);top:12%;right:10%}.design-lab__liquid-panel--small{border-radius:2rem 3.2rem 2.4rem 3.5rem;width:min(40%,15rem);bottom:12%;right:16%}@keyframes liquid-shape{0%{border-radius:42% 58% 52% 48%/48% 42% 58% 52%;transform:scale(1)rotate(0)}to{border-radius:56% 44% 48% 52%/42% 58% 46% 54%;transform:scale(1.04)rotate(2deg)}}@keyframes liquid-float{0%{transform:translate(0,0)scale(1)}to{transform:translate(1rem,-.8rem)scale(1.05)}}@keyframes liquid-reflection{0%{opacity:0;transform:translate(-42%)rotate(4deg)}18%{opacity:.85}64%{opacity:.42}to{opacity:0;transform:translate(42%)rotate(4deg)}}@media (width<=1080px){.design-lab{grid-template-columns:1fr}.design-lab__sidebar{position:static}.design-lab__category-list{grid-template-columns:repeat(2,minmax(0,1fr))}.design-lab__category-grid,.design-lab__style-catalog,.design-lab__component-grid,.design-lab__prototype-grid,.design-lab__workflow-list,.component-lab{grid-template-columns:1fr}.component-lab__sidebar{position:static}.component-lab__nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.design-lab__spatial-preview{min-height:34rem}.design-lab__spatial-card--main,.design-lab__spatial-card--secondary,.design-lab__spatial-card--tertiary,.design-lab__spatial-card--mini{width:min(88%,24rem);animation:none;left:50%;right:auto;transform:translate(-50%)}.design-lab__spatial-card--main{top:12%}.design-lab__spatial-card--secondary{top:42%}.design-lab__spatial-card--tertiary{bottom:8%}.design-lab__spatial-card--mini{display:none}.design-lab__liquid-preview{min-height:34rem}.design-lab__liquid-panel--main,.design-lab__liquid-panel--floating,.design-lab__liquid-panel--small{width:min(88%,24rem);left:50%;right:auto;transform:translate(-50%)}.design-lab__liquid-panel--main{top:12%}.design-lab__liquid-panel--floating{top:45%}.design-lab__liquid-panel--small{bottom:8%}}@media (prefers-reduced-motion:reduce){.design-lab__spatial-orb,.design-lab__spatial-card,.design-lab__liquid-preview:before,.design-lab__liquid-blob,.design-lab__liquid-panel:after{animation:none}}@media (width<=680px){.design-lab{padding-block:calc(var(--header-height) + var(--space-lg)) var(--space-lg)}.button-lab-preview__stage,.design-lab__preview,.design-lab__controls,.design-lab__code,.design-lab__sidebar,.component-lab__panel,.component-lab__sidebar{padding:var(--space-md)}.design-lab__category-list,.design-lab__control-grid,.component-lab__nav-list{grid-template-columns:1fr}.design-lab__sample-button{width:100%}}.glass{border:1px solid var(--color-border-soft);background:var(--color-surface-glass);backdrop-filter:var(--blur-header);box-shadow:var(--shadow-soft)}.glow-soft{position:relative}.glow-soft:before{z-index:-1;border-radius:inherit;content:"";opacity:.45;transition:opacity var(--duration-base) var(--ease-standard);background:linear-gradient(135deg,#f0d98c6b,#d9b65f14,#ffffff0f);position:absolute;inset:-1px}.glow-soft:hover:before{opacity:.76}.glow-orb{z-index:-1;aspect-ratio:1;border-radius:var(--radius-circle);pointer-events:none;filter:blur(16px);opacity:.65;background:radial-gradient(circle,#d9b65f3d,#0000 68%);width:clamp(12rem,24vw,28rem);position:absolute}.border-glow{border:1px solid var(--color-border-gold);box-shadow:inset 0 1px 0 #ffffff14, var(--shadow-gold)}.hover-lift{transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-premium)}.hover-lift:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-card), var(--shadow-gold);transform:translateY(var(--hover-lift))}.hover-lift-strong{transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-premium)}.hover-lift-strong:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-card), var(--shadow-gold-strong);transform:translateY(var(--hover-lift-strong))}.interactive-arrow{align-items:center;gap:.45em;display:inline-flex}.interactive-arrow:after{content:"→";transition:transform var(--duration-fast) var(--ease-standard)}.interactive-arrow:hover:after{transform:translate(.25rem)}.gold-text{color:#0000;background:var(--gradient-gold);background-clip:text}.gold-line{background:linear-gradient(90deg, transparent, var(--color-gold), transparent);width:min(7rem,38vw);height:1px}.noise-overlay{position:relative}.noise-overlay:after{pointer-events:none;content:"";opacity:.18;background-image:radial-gradient(circle at 20% 10%,#ffffff0f,#0000 1px),radial-gradient(circle at 80% 40%,#ffffff09,#0000 1px);background-size:18px 18px,26px 26px;position:absolute;inset:0}.reveal,[data-reveal]{opacity:1;transform:none}.js .reveal,.js [data-reveal]{opacity:0;transition:opacity var(--duration-reveal) var(--ease-premium), transform var(--duration-reveal) var(--ease-premium);transform:translateY(1.25rem)}.js .reveal.is-visible,.js [data-reveal].is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}@keyframes pulse-soft{0%,to{transform:scale(1);box-shadow:0 0 #d9b65f00}50%{transform:scale(1.015);box-shadow:0 0 0 .7rem #d9b65f1a}}@keyframes whatsapp-pulse{0%,to{box-shadow:var(--shadow-whatsapp), 0 0 0 0 #25d36600}50%{box-shadow:var(--shadow-whatsapp), 0 0 0 .75rem #25d36624}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-.45rem)}}@keyframes shimmer-line{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes pricing-moon-reflection{0%{opacity:0;transform:translate(-58%)rotate(3deg)}18%{opacity:.74}58%{opacity:.54}to{opacity:0;transform:translate(58%)rotate(3deg)}}@keyframes pricing-moon-reflection-strong{0%{opacity:0;transform:translate(-58%)rotate(3deg)}16%{opacity:.95}62%{opacity:.68}to{opacity:0;transform:translate(58%)rotate(3deg)}}.animate-pulse-soft{animation:pulse-soft 3.5s var(--ease-standard) infinite}.animate-whatsapp-pulse{animation:whatsapp-pulse 2.8s var(--ease-standard) infinite}.animate-float-soft{animation:float-soft 5s var(--ease-standard) infinite}.shimmer{background-image:linear-gradient(100deg,#0000 0%,#f0d98c29 45%,#0000 70%);background-position:120% 0;background-size:220% 100%}.shimmer:hover{animation:shimmer-line 1.6s var(--ease-standard)}@media (prefers-reduced-motion:reduce){.animate-pulse-soft,.animate-whatsapp-pulse,.animate-float-soft,.shimmer:hover,.pricing-card:hover:after,.pricing-card--recommended:hover:after{animation:none}.js .reveal,.js .reveal.is-visible,.js [data-reveal],.js [data-reveal].is-visible,.hover-lift,.hover-lift-strong,.interactive-arrow:after,.glow-soft:before{opacity:1;transition:none;transform:none}}@media (width<=1100px){.site-header__inner{grid-template-columns:minmax(0,1fr) auto}.site-header__cta{display:none}}@media (width<=960px){.grid-2,.grid-3,.contact-section__inner{grid-template-columns:1fr}.section-header{margin-bottom:var(--space-lg)}}@media (width<=720px){:root{--header-height:64px}h1{max-width:10ch}.section{padding-block:var(--space-2xl)}.hero-placeholder{min-height:auto;padding-block:calc(var(--space-section) + var(--space-xl)) var(--space-section)}.cluster{flex-direction:column;align-items:stretch}.contact-section__content h2{max-width:14ch}}@media (width<=420px){h1{max-width:9ch}.container,.container-wide,.container-narrow,.hero-placeholder>section{width:min(100% - 2rem, var(--container))}.contact-section__panel{padding:var(--space-md)}}