:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--color-bg: #fbfaf7;--color-bg-soft: #f4f1eb;--color-surface: #ffffff;--color-surface-muted: #f7f4ee;--color-text: #171512;--color-text-soft: #514b43;--color-text-muted: #746d63;--color-text-inverse: #ffffff;--color-border: rgba(23, 21, 18, 0.12);--color-border-strong: rgba(23, 21, 18, 0.22);--color-accent: #9a6b3f;--color-accent-dark: #6f4728;--color-accent-soft: #efe1d0;--color-focus: #1d4ed8;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem;--container-2xl: 90rem;--container-padding: clamp(1rem, 4vw, 2rem);--radius-sm: 0.5rem;--radius-md: 0.75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);--shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);--shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.12);--ease-out: cubic-bezier(0.22, 1, 0.36, 1);--duration-fast: 180ms;--duration-base: 260ms;--duration-slow: 380ms;--z-base: 1;--z-content: 10;--z-overlay: 20;--z-navbar: 100;--z-modal: 1000}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{min-height:100%;scroll-behavior:smooth;text-size-adjust:100%}body{min-height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{padding:0}[role=list]{list-style:none}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:1ms !important}}body{font-family:var(--font-sans);font-size:clamp(1rem,.95rem + .18vw,1.08rem);line-height:1.65;color:var(--color-text)}h1,h2,h3,h4{line-height:1.05;letter-spacing:-0.04em;color:var(--color-text)}h1{font-size:clamp(2.65rem,5.4vw,5.15rem)}h2{font-size:clamp(2rem,3.8vw,3.35rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}p{color:var(--color-text-soft)}.lead{max-width:62ch;font-size:clamp(1rem,.92rem + .45vw,1.18rem);line-height:1.7;color:var(--color-text-soft)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-dark)}.text-muted{color:var(--color-text-muted)}.text-balance{text-wrap:balance}body{background:radial-gradient(circle at top left, rgba(154, 107, 63, 0.12), transparent 32rem),var(--color-bg);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:linear-gradient(45deg, #000 25%, transparent 25%),linear-gradient(-45deg, #000 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #000 75%),linear-gradient(-45deg, transparent 75%, #000 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}main{min-height:100vh}::selection{color:var(--color-text-inverse);background:var(--color-accent-dark)}strong{color:var(--color-text)}hr{border:0;border-top:1px solid var(--color-border)}@media(min-width: 64rem)and (min-height: 780px){html{scroll-snap-type:y proximity}.hero,.section{scroll-snap-align:start}}@media(prefers-reduced-motion: reduce){html{scroll-snap-type:none}}.skip-link{position:absolute;top:var(--space-md);left:var(--space-md);z-index:var(--z-modal);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-text-inverse);transform:translateY(-150%);transition:transform var(--duration-fast) var(--ease-out)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0, 0, 0, 0)}@media(prefers-reduced-motion: reduce){.motion-safe{animation:none !important;transition:none !important}}.container{width:min(100% - var(--container-padding)*2,var(--container-xl));margin-inline:auto}.container--narrow{width:min(100% - var(--container-padding)*2,var(--container-md));margin-inline:auto}.container--wide{width:min(100% - var(--container-padding)*2,var(--container-2xl));margin-inline:auto}.grid{display:grid;gap:var(--space-xl)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}@media(min-width: 48rem){.grid--2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid--4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64rem){.grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.stack{display:grid;gap:var(--space-lg)}.section{padding-block:clamp(4rem,8vw,7rem);scroll-margin-top:5rem}.section--soft{background:var(--color-bg-soft)}.section--surface{background:var(--color-surface)}.section__header{max-width:48rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.section__header--center{margin-inline:auto;text-align:center}.section__title{margin-bottom:var(--space-md)}.section__intro{max-width:65ch}.section__header--center .section__intro{margin-inline:auto}@media(min-width: 64rem)and (min-height: 780px){.section{display:grid;align-items:center;min-height:min-content;padding-block:clamp(4.5rem,9vh,7rem)}.section.problem,.section.showcase,.section.process,.section.pricing,.section.faq,.section.final-cta{min-height:min(48rem,100svh - 4.75rem)}}.button{--button-bg: var(--color-text);--button-color: var(--color-text-inverse);--button-border: var(--color-text);display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:var(--space-xs);padding:.8rem 1.15rem;border:1px solid var(--button-border);border-radius:var(--radius-pill);background:var(--button-bg);color:var(--button-color);font-size:.95rem;font-weight:700;line-height:1;text-align:center;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button:active{transform:translateY(0);box-shadow:none}.button--primary{--button-bg: var(--color-text);--button-color: var(--color-text-inverse);--button-border: var(--color-text)}.button--accent{--button-bg: var(--color-accent-dark);--button-color: var(--color-text-inverse);--button-border: var(--color-accent-dark)}.button--secondary{--button-bg: transparent;--button-color: var(--color-text);--button-border: var(--color-border-strong)}.button--secondary:hover{--button-bg: var(--color-surface);--button-border: var(--color-text)}.button--ghost{--button-bg: transparent;--button-color: var(--color-text);--button-border: transparent;padding-inline:0}.button--ghost:hover{box-shadow:none;color:var(--color-accent-dark)}.button--full{width:100%}.button-group{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.button-group--center{justify-content:center}@media(max-width: 40rem){.button-group{align-items:stretch}.button-group .button{width:100%}}.card{position:relative;display:grid;gap:var(--space-md);height:100%;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.78);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.card:hover{transform:translateY(-3px);border-color:var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-md)}.card--flat{box-shadow:none}.card--soft{background:var(--color-surface-muted)}.card--accent{border-color:rgba(154,107,63,.26);background:linear-gradient(145deg, rgba(154, 107, 63, 0.1), rgba(255, 255, 255, 0.84)),var(--color-surface)}.card__icon{display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-dark);font-weight:800}.card__media{overflow:hidden;margin:calc(clamp(1.25rem,3vw,1.75rem)*-1);margin-bottom:var(--space-md);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-bg-soft)}.card__media img{width:100%;aspect-ratio:16/10;object-fit:cover}.card__eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-dark)}.card__title{font-size:clamp(1.2rem,2vw,1.45rem);letter-spacing:-0.03em}.card__text{color:var(--color-text-soft)}.card__footer{margin-top:auto;padding-top:var(--space-sm)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width: 48rem){.card-grid--2{grid-template-columns:repeat(2, minmax(0, 1fr))}.card-grid--3{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 64rem){.card-grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}}.feature-list{display:grid;gap:var(--space-sm);color:var(--color-text-soft)}.feature-list li{display:flex;gap:var(--space-sm);align-items:flex-start}.feature-list li::before{content:"";flex:0 0 auto;width:.45rem;height:.45rem;margin-top:.65rem;border-radius:999px;background:var(--color-accent)}@media(min-width: 48rem){.card-grid--4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 76rem){.card-grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 48rem){.card-grid--4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 76rem){.card-grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}}.card-grid{--card-min: 18rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-min)), 1fr));gap:var(--space-lg)}@media(min-width: 48rem){.card-grid--4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 76rem){.card-grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media(min-width: 48rem){.card-grid--4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(min-width: 76rem){.card-grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}}.site-header{position:sticky;top:0;z-index:var(--z-navbar);border-bottom:1px solid var(--color-border);background:rgba(251,250,247,.92);backdrop-filter:blur(18px)}.nav{display:flex;min-height:4.75rem;align-items:center;justify-content:space-between;gap:var(--space-lg)}.nav__brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:850;letter-spacing:-0.04em;color:var(--color-text)}.nav__mark{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-md);background:var(--color-text);color:var(--color-text-inverse);font-size:.95rem;font-weight:850;letter-spacing:-0.08em}.nav__wordmark{font-size:1.1rem}.nav__links{display:none;align-items:center;gap:clamp(1rem,2vw,1.5rem)}.nav__link{position:relative;font-size:.93rem;font-weight:650;color:var(--color-text-soft);transition:color var(--duration-fast) var(--ease-out)}.nav__link:hover{color:var(--color-text)}.nav__link::after{content:"";position:absolute;right:0;bottom:-0.35rem;left:0;height:2px;border-radius:var(--radius-pill);background:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform var(--duration-fast) var(--ease-out)}.nav__link:hover::after,.nav__link:focus-visible::after{transform:scaleX(1)}.nav__actions{display:none;align-items:center;gap:var(--space-sm)}.nav__toggle{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text)}.nav__toggle-lines{position:relative;display:block;width:1.1rem;height:2px;border-radius:var(--radius-pill);background:currentColor;transition:background-color var(--duration-fast) var(--ease-out)}.nav__toggle-lines::before,.nav__toggle-lines::after{content:"";position:absolute;left:0;width:1.1rem;height:2px;border-radius:var(--radius-pill);background:currentColor;transition:transform var(--duration-fast) var(--ease-out),top var(--duration-fast) var(--ease-out)}.nav__toggle-lines::before{top:-0.4rem}.nav__toggle-lines::after{top:.4rem}.nav__toggle[aria-expanded=true] .nav__toggle-lines{background:rgba(0,0,0,0)}.nav__toggle[aria-expanded=true] .nav__toggle-lines::before{top:0;transform:rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-lines::after{top:0;transform:rotate(-45deg)}.mobile-nav{display:none;border-top:1px solid var(--color-border);background:var(--color-bg)}.mobile-nav[data-open=true]{display:block}.mobile-nav__inner{display:grid;gap:var(--space-md);padding-block:var(--space-lg)}.mobile-nav__links{display:grid;gap:var(--space-xs)}.mobile-nav__link{display:flex;min-height:3rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);font-weight:700;color:var(--color-text)}.mobile-nav__actions{display:grid;gap:var(--space-sm);padding-top:var(--space-sm)}@media(min-width: 56rem){.nav__links,.nav__actions{display:flex}.nav__toggle,.mobile-nav{display:none !important}}.hero{position:relative;overflow:hidden;padding-block:clamp(3rem,6vh,5rem)}.hero::before{content:"";position:absolute;inset:6% auto auto 54%;width:min(28rem,42vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle, rgba(154, 107, 63, 0.14), transparent 68%);pointer-events:none}.hero__inner{position:relative;display:grid;min-height:min(42rem,100svh - 4.75rem);align-items:center;gap:clamp(2rem,5vw,4rem)}.hero__content{max-width:48rem}.hero__title{max-width:10ch;margin-bottom:clamp(1rem,2.5vw,1.5rem);font-size:clamp(2.75rem,5vw,4.85rem)}.hero__text{max-width:58ch;margin-bottom:clamp(1.35rem,3vw,2rem)}.hero__visual{position:relative;display:none;min-height:clamp(20rem,48vh,27rem)}.hero__visual::before,.hero__visual::after{content:"";position:absolute;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md)}.hero__visual::before{inset:2rem 3rem 4rem 0;transform:rotate(-3deg);opacity:.7}.hero__visual::after{inset:5rem 0 1.5rem 4rem;transform:rotate(4deg);opacity:.85}.hero__panel{position:absolute;z-index:2;display:grid;gap:var(--space-sm);max-width:19rem;padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(247, 244, 238, 0.88));box-shadow:var(--shadow-md)}.hero__panel span{font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-dark)}.hero__panel strong{max-width:15ch;font-size:clamp(1.25rem,2.2vw,1.85rem);line-height:1.08;letter-spacing:-0.045em}.hero__panel--main{top:12%;left:0}.hero__panel--floating{right:0;bottom:12%;max-width:16rem}@media(min-width: 56rem){.hero__inner{grid-template-columns:minmax(0, 1fr) minmax(18rem, 0.65fr)}.hero__visual{display:block}}@media(max-width: 56rem){.hero{padding-block:3.5rem 4.5rem}.hero__inner{min-height:auto}.hero__title{max-width:11ch}}@media(max-height: 760px)and (min-width: 56rem){.hero{padding-block:2.25rem}.hero__inner{min-height:calc(100svh - 4.75rem)}.hero__title{font-size:clamp(2.5rem,4.4vw,4.2rem)}.hero__visual{min-height:21rem}}.services .card{background:linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 244, 238, 0.72)),var(--color-surface)}.services .card--accent{background:radial-gradient(circle at top left, rgba(154, 107, 63, 0.16), transparent 22rem),linear-gradient(145deg, var(--color-surface), var(--color-surface-muted))}.services .card__eyebrow{margin-bottom:calc(var(--space-xs)*-1)}.services .card__title{max-width:14ch}.services .card__text{max-width:34ch}.industries .card{box-shadow:none;background:rgba(0,0,0,0)}.industries .card:hover{background:hsla(0,0%,100%,.62)}.showcase .card{min-height:20rem}.showcase .card::before{content:"";position:absolute;inset:var(--space-md) var(--space-md) auto auto;width:4rem;height:4rem;border-radius:999px;background:radial-gradient(circle, rgba(154, 107, 63, 0.18), transparent 70%);pointer-events:none}.showcase .card__title{margin-top:auto}.showcase .card__footer{padding-top:var(--space-lg)}.pricing__grid{align-items:stretch}.pricing-card{align-content:start}.pricing-card__heading{display:grid;gap:var(--space-sm)}.pricing-card__price{display:grid;gap:var(--space-2xs);color:var(--color-text);font-size:clamp(2rem,4vw,3rem);font-weight:850;line-height:1;letter-spacing:-0.055em}.pricing-card__price span{color:var(--color-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pricing-card .feature-list{padding-top:var(--space-sm)}.pricing-card__best{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.95rem}.pricing-disclaimer{max-width:54rem;margin:var(--space-lg) auto 0;color:var(--color-text-soft);font-size:.95rem;text-align:center}.pricing-disclaimer--muted{margin-top:var(--space-sm);color:var(--color-text-muted);font-size:.9rem}.pricing__grid>.pricing-card:nth-child(4){max-width:28rem;margin-inline:auto}@media(min-width: 64rem){.pricing-card--featured{transform:translateY(-0.75rem)}.pricing-card--featured:hover{transform:translateY(-1rem)}.pricing__grid>.pricing-card:nth-child(4){grid-column:2}}@media(min-width: 64rem){.pricing__grid>.pricing-card:nth-child(4){grid-column:2;max-width:28rem;margin-inline:auto}}@media(min-width: 64rem){.pricing__grid>.pricing-card:nth-child(4){grid-column:2}}@media(min-width: 64rem){.pricing .pricing__grid>article.pricing-card:nth-of-type(4){grid-column:2}}@media(min-width: 64rem){.pricing-card--demo{grid-column:2;max-width:28rem;margin-inline:auto}}@media(min-width: 64rem){.pricing .pricing__grid>.pricing-card.pricing-card--demo{grid-column:2/3 !important;max-width:28rem;margin-inline:auto}}.faq-list{display:grid;gap:var(--space-md)}.faq-item{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:hsla(0,0%,100%,.78);box-shadow:var(--shadow-sm)}.faq-item__button{display:flex;width:100%;min-height:4rem;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);border:0;background:rgba(0,0,0,0);color:var(--color-text);font-weight:800;text-align:left}.faq-item__icon{display:inline-grid;flex:0 0 auto;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-dark);font-size:1.2rem;line-height:1;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.faq-item__button[aria-expanded=true] .faq-item__icon{transform:rotate(45deg);background:var(--color-text);color:var(--color-text-inverse)}.faq-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.faq-item__panel>p{overflow:hidden;padding-inline:var(--space-lg)}.faq-item__button[aria-expanded=true]+.faq-item__panel{grid-template-rows:1fr}.faq-item__button[aria-expanded=true]+.faq-item__panel>p{padding-bottom:var(--space-lg)}.final-cta{position:relative}.final-cta__box{position:relative;overflow:hidden;display:grid;justify-items:center;gap:var(--space-lg);padding:clamp(2rem,6vw,5rem);border:1px solid rgba(154,107,63,.24);border-radius:clamp(var(--radius-xl),3vw,2rem);background:radial-gradient(circle at top left, rgba(154, 107, 63, 0.2), transparent 28rem),linear-gradient(145deg, var(--color-surface), var(--color-surface-muted));box-shadow:var(--shadow-lg);text-align:center}.final-cta__box::after{content:"";position:absolute;right:-6rem;bottom:-8rem;width:22rem;aspect-ratio:1;border-radius:999px;background:rgba(154,107,63,.12);pointer-events:none}.final-cta__title{position:relative;z-index:1;max-width:13ch}.final-cta__text{position:relative;z-index:1;max-width:62ch}.final-cta .button-group{position:relative;z-index:1}.site-footer{border-top:1px solid var(--color-border);background:var(--color-text);color:var(--color-text-inverse)}.site-footer .nav__mark{background:var(--color-text-inverse);color:var(--color-text)}.site-footer .nav__brand,.site-footer strong{color:var(--color-text-inverse)}.site-footer p,.site-footer a{color:hsla(0,0%,100%,.72)}.site-footer a{transition:color var(--duration-fast) var(--ease-out)}.site-footer a:hover{color:var(--color-text-inverse)}.site-footer__inner{display:grid;gap:var(--space-2xl);padding-block:clamp(3rem,6vw,5rem)}.site-footer__brand{display:grid;max-width:28rem;gap:var(--space-md)}.site-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-xl);font-weight:650}.site-footer__bottom{padding-top:var(--space-xl);border-top:1px solid hsla(0,0%,100%,.14)}@media(min-width: 64rem){.site-footer__inner{grid-template-columns:1fr auto}.site-footer__bottom{grid-column:1/-1}}.demos-hero{padding-bottom:clamp(var(--space-xl),6vw,var(--space-2xl))}.demo-grid{display:grid;gap:var(--space-lg)}.demo-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.demo-card:hover{transform:translateY(-0.2rem);border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.demo-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:var(--color-surface-muted)}.demo-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 46%, rgba(17, 15, 12, 0.46));pointer-events:none}.demo-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.demo-card:hover .demo-card__media img{transform:scale(1.04)}.demo-card__tag{position:absolute;right:var(--space-md);bottom:var(--space-md);z-index:1;padding:.45rem .7rem;border-radius:var(--radius-pill);background:hsla(0,0%,100%,.92);color:var(--color-text);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.demo-card__body{display:flex;flex:1;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.demo-card__body .card__text{flex:1}.demo-card__footer{padding-top:var(--space-sm)}@media(min-width: 56rem){.demo-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}.hero-preview{position:relative;min-height:clamp(25rem,48vw,34rem)}.hero-preview__card{position:absolute;display:block;overflow:hidden;border:1px solid var(--color-border);border-radius:clamp(1rem,2vw,1.4rem);background:var(--color-surface);box-shadow:var(--shadow-lg);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hero-preview__card:hover{z-index:4;transform:translateY(-0.3rem) scale(1.01)}.hero-preview__card img{display:block;width:100%;height:100%;object-fit:cover}.hero-preview__card span{position:absolute;right:var(--space-sm);bottom:var(--space-sm);left:var(--space-sm);padding:.55rem .75rem;border-radius:var(--radius-pill);background:rgba(17,15,12,.62);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(0.45rem)}.hero-preview__card--lodge{top:0;left:0;z-index:1;width:66%;height:59%}.hero-preview__card--restaurant{top:18%;right:0;z-index:2;width:58%;height:57%}.hero-preview__card--school{bottom:0;left:10%;z-index:3;width:64%;height:50%}@media(max-width: 56rem){.hero-preview{display:grid;gap:var(--space-md);min-height:0;margin-top:var(--space-xl)}.hero-preview__card,.hero-preview__card--lodge,.hero-preview__card--restaurant,.hero-preview__card--school{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;aspect-ratio:16/10}}