@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-bg: #0d0d0d;--color-bg-elevated: #1a1a1a;--color-surface: #242424;--color-accent: #C9A962;--color-accent-light: #D4B978;--color-accent-dark: #A68B4B;--color-text: #F5F0E8;--color-text-muted: #8A8A8A;--color-text-dim: #5A5A5A;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--font-display: "Outfit", -apple-system, sans-serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl: clamp(2.5rem, 1.8rem + 3.5vw, 4rem);--text-5xl: clamp(3rem, 2rem + 5vw, 5.5rem);--text-6xl: clamp(4rem, 2.5rem + 7vw, 8rem);--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-section: clamp(5rem, 10vw, 10rem);--container-max: 1400px;--container-narrow: 900px;--container-wide: 1600px;--container-padding: clamp(1.5rem, 5vw, 4rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(201, 169, 98, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-cursor: 500}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}@media(hover:hover)and (pointer:fine){body,a,button,[data-cursor]{cursor:none}}::selection{background:var(--color-accent);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-muted);max-width:65ch}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}section{padding:var(--space-section) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-6) 0;transition:padding .3s ease,background .3s ease}.nav.is-scrolled{padding:var(--space-4) 0;background:#0d0d0de6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--color-text)}.nav__links{display:flex;gap:var(--space-8)}.nav__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);transition:color .3s ease;position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-in-out)}.nav__link:hover{color:var(--color-text)}.nav__link:hover:after{transform:scaleX(1);transform-origin:left}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);transition:transform .3s var(--ease-out),box-shadow .3s ease,background .3s ease,color .3s ease}.btn--primary{background:var(--color-accent);color:var(--color-bg)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn--outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{background:transparent;color:var(--color-text-muted);padding:var(--space-2) var(--space-4)}.btn--ghost:hover{color:var(--color-text)}.btn-magnetic{display:inline-block}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header__eyebrow{display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.section-header__title{margin-bottom:var(--space-4)}.section-header__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:50ch;margin:0 auto}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:transform .4s var(--ease-out),border-color .3s ease,box-shadow .4s ease}.card:hover{transform:translateY(-8px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.card--media{padding:0;overflow:hidden}.card__image{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform .6s var(--ease-out)}.card--media:hover .card__image{transform:scale(1.05)}.card__content{padding:var(--space-6)}.card__title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.card__description{font-size:var(--text-sm);color:var(--color-text-muted)}.link-underline{position:relative;display:inline-block}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-in-out)}.link-underline:hover:after{transform:scaleX(1);transform-origin:left}.divider{width:100%;height:1px;background:var(--color-border);margin:var(--space-section) 0}.grid{display:grid;gap:var(--space-8)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:var(--z-modal);pointer-events:none;transform:scaleY(0);transform-origin:bottom}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--color-accent);transform-origin:left;transform:scaleX(0);z-index:calc(var(--z-sticky) + 1)}.nav__menu{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px;-webkit-tap-highlight-color:transparent}.nav__menu span{display:block;width:24px;height:2px;background:var(--color-text);transition:transform .3s ease,opacity .3s ease}.nav__menu.is-active{position:fixed;top:16px;top:calc(16px + env(safe-area-inset-top,0px));right:24px;right:calc(24px + env(safe-area-inset-right,0px));z-index:10000}.nav__menu.is-active span:first-child{transform:translateY(4px) rotate(45deg)}.nav__menu.is-active span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav__mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;min-height:100dvh;background:#0d0d0d;z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-8);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;box-sizing:border-box}.nav__mobile-menu.is-open{opacity:1;visibility:visible}.nav__mobile-link{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-medium);color:var(--color-text);transition:color .3s ease}.nav__mobile-link:hover{color:var(--color-accent)}@media(max-width:768px){.nav__menu{display:flex}.nav__links{display:none}.nav__mobile-menu{display:flex}.nav .btn-magnetic{display:none}}body.menu-open{overflow:hidden}body.menu-open .nav{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:none!important}body.menu-open .nav__inner{background:transparent!important}.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:var(--z-cursor);opacity:0;transition:opacity .3s ease}body.cursor-ready .cursor-dot,body.cursor-ready .cursor-ring{opacity:1}.cursor-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-cursor) + 1);mix-blend-mode:difference}.cursor-ring{width:48px;height:48px;border:1px solid var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:width .4s var(--ease-out),height .4s var(--ease-out),background .3s ease,border-color .3s ease,border-radius .4s var(--ease-out)}.cursor-text{font-family:var(--font-body);font-size:11px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-bg);opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .3s var(--ease-out);white-space:nowrap}.cursor-ring[data-state=hover]{width:80px;height:80px;background:#c9a9621a;border-color:var(--color-accent)}.cursor-dot[data-state=hover]{opacity:0;transform:translate(-50%,-50%) scale(0)}.cursor-ring[data-state=text]{width:100px;height:100px;background:var(--color-accent);border-color:var(--color-accent)}.cursor-ring[data-state=text] .cursor-text{opacity:1;transform:scale(1)}.cursor-dot[data-state=text]{opacity:0}.cursor-ring[data-state=media]{width:64px;height:64px;border:none;border-radius:0;background:linear-gradient(var(--color-accent),var(--color-accent)) 0 0 / 16px 1px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) 0 0 / 1px 16px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) 100% 0 / 16px 1px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) 100% 0 / 1px 16px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) 0 100% / 16px 1px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) 0 100% / 1px 16px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) 100% 100% / 16px 1px no-repeat,linear-gradient(var(--color-accent),var(--color-accent)) 100% 100% / 1px 16px no-repeat}.cursor-ring[data-state=click]{width:32px;height:32px;background:var(--color-accent);transition:all .1s ease}.cursor-dot[data-state=click]{transform:translate(-50%,-50%) scale(1.5)}.cursor-dot[data-state=hidden],.cursor-ring[data-state=hidden]{opacity:0}@media(hover:none)and (pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}@media(prefers-reduced-motion:reduce){.cursor-ring{transition:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:var(--space-32) var(--container-padding)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(201,169,98,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(201,169,98,.05),transparent)}.hero__noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 70% 50% at 50% 50%,black,transparent)}.hero__content{max-width:1000px;position:relative;z-index:1}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-8);opacity:0;transform:translateY(20px)}.hero__eyebrow-dot{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero__title{font-size:var(--text-6xl);font-weight:var(--weight-bold);line-height:var(--leading-none);letter-spacing:-.03em;margin-bottom:var(--space-8)}.hero__title-line{display:block;overflow:hidden}.hero__title-text{display:block;opacity:0;transform:translateY(100%)}.hero__title-accent{color:var(--color-accent);font-family:var(--font-serif);font-style:italic;font-weight:var(--weight-normal)}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-muted);max-width:50ch;margin:0 auto var(--space-12);opacity:0;transform:translateY(30px)}.hero__cta{display:flex;gap:var(--space-4);justify-content:center;opacity:0;transform:translateY(30px)}.hero__scroll{position:absolute;bottom:var(--space-12);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);opacity:0}.hero__scroll-text{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-dim)}.hero__scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--color-accent),transparent);animation:scroll-line 2s ease-in-out infinite}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(max-width:768px){.hero{padding:var(--space-24) var(--container-padding);min-height:calc(100vh - 60px)}.hero__title{font-size:var(--text-4xl)}.hero__subtitle{font-size:var(--text-base)}.hero__cta{flex-direction:column;align-items:center}.hero__scroll{bottom:var(--space-8)}}@media(max-width:480px){.hero{padding:var(--space-20) var(--container-padding)}.hero__content{max-width:100%;width:100%}.hero__title{font-size:var(--text-3xl);word-wrap:break-word;overflow-wrap:break-word}.hero__subtitle{font-size:var(--text-sm);max-width:100%}.hero__eyebrow{font-size:.65rem;margin-bottom:var(--space-6)}.hero__scroll-line{height:40px}}.section-work{padding:var(--space-section) 0;background:var(--color-bg)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:var(--space-8)}@media(max-width:400px){.projects-grid{gap:var(--space-6)}}.project-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);overflow:hidden;position:relative}.project-card__image-wrapper{position:relative;overflow:hidden;aspect-ratio:4 / 3}.project-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.project-card:hover .project-card__image{transform:scale(1.08)}.project-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(13,13,13,.8) 0%,transparent 50%);display:flex;align-items:flex-end;padding:var(--space-6);opacity:0;transition:opacity .4s ease}.project-card:hover .project-card__overlay{opacity:1}.project-card__category{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);background:#c9a96226;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.project-card__content{padding:var(--space-6)}.project-card__title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.project-card__description{font-size:var(--text-sm);color:var(--color-text-muted)}.section-services{padding:var(--space-section) 0;background:var(--color-bg-elevated)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.service-card{padding:var(--space-8);position:relative;overflow:hidden}.service-card__icon{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-accent);opacity:.2;margin-bottom:var(--space-4);line-height:1}.service-card__title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.service-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.section-stats{padding:var(--space-16) 0;background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-grid{display:flex;justify-content:center;gap:var(--space-16);flex-wrap:wrap}@media(max-width:640px){.stats-grid{gap:var(--space-8) var(--space-12)}.stat__number{font-size:var(--text-4xl)}}.stat{text-align:center}.stat__number{display:block;font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--color-accent);line-height:1;margin-bottom:var(--space-2)}.stat__label{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.section-about{padding:var(--space-section) 0;background:var(--color-bg)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about__title{font-size:var(--text-3xl);margin-bottom:var(--space-6);line-height:var(--leading-snug)}.about__text{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.about__text:last-of-type{margin-bottom:var(--space-8)}.about__image-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5}.about__img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:var(--space-10)}.about__image{order:-1}.about__image-wrapper{aspect-ratio:16 / 9}}.section-contact{padding:var(--space-section) 0;background:var(--color-bg-elevated)}.contact-cta{display:flex;justify-content:center;margin-top:var(--space-8)}.contact-button{display:inline-flex;align-items:center;gap:var(--space-4);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-medium);color:var(--color-text);padding:var(--space-6) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color .3s ease,background .3s ease}.contact-button:hover{border-color:var(--color-accent);background:#c9a9620d}.contact-button__arrow{font-size:var(--text-xl);transition:transform .3s var(--ease-out)}.contact-button:hover .contact-button__arrow{transform:translate(8px)}@media(max-width:640px){.contact-button{font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}}.footer{padding:var(--space-16) 0;background:var(--color-bg);border-top:1px solid var(--color-border)}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center}.footer__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.footer__links{display:flex;gap:var(--space-8)}.footer__link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color .3s ease}.footer__link:hover{color:var(--color-text)}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-dim)}@media(max-width:640px){.footer__links{flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-6)}}@media(max-width:768px){.nav__links{display:none}.nav .btn--primary{font-size:var(--text-xs);padding:var(--space-3) var(--space-5)}}.section-showcase{padding:var(--space-section) 0;background:var(--color-bg);overflow:hidden}.browser-mockup{background:var(--color-bg-elevated);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:transform .5s var(--ease-out),box-shadow .5s ease}.browser-mockup:hover{box-shadow:0 40px 80px #00000080}.browser-mockup__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.browser-mockup__dots{display:flex;gap:6px}.browser-mockup__dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-dim)}.browser-mockup__dot--red{background:#ff5f57}.browser-mockup__dot--yellow{background:#febc2e}.browser-mockup__dot--green{background:#28c840}.browser-mockup__url{flex:1;background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-text-dim);font-family:var(--font-mono)}.browser-mockup__content{position:relative;aspect-ratio:16 / 10;overflow:hidden}.browser-mockup__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.browser-mockup:hover .browser-mockup__image{transform:scale(1.08)}.browser-mockup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(13,13,13,.85) 0%,rgba(13,13,13,.4) 35%,transparent 65%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-8);opacity:1;transition:background .4s ease}.browser-mockup:hover .browser-mockup__overlay{background:linear-gradient(to top,rgba(13,13,13,.95) 0%,rgba(13,13,13,.5) 40%,transparent 70%)}.browser-mockup__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.browser-mockup__tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.browser-mockup__tag{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);background:#c9a96226;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.browser-mockup__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);transition:color .3s ease}.browser-mockup__link:hover{color:var(--color-accent)}.browser-mockup__link-arrow{transition:transform .3s var(--ease-out)}.browser-mockup__link:hover .browser-mockup__link-arrow{transform:translate(4px)}.showcase-grid{display:grid;gap:var(--space-10)}.showcase-item--featured{grid-column:1 / -1}.showcase-item--featured .browser-mockup__content{aspect-ratio:21 / 9}.showcase-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}@media(max-width:900px){.showcase-row{grid-template-columns:1fr}.showcase-item--featured .browser-mockup__content{aspect-ratio:16 / 10}}@media(max-width:640px){.showcase-grid,.showcase-row{gap:var(--space-6)}.browser-mockup__title{font-size:var(--text-lg)}.browser-mockup__tags{flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.browser-mockup__overlay{padding:var(--space-4)}.browser-mockup__header{padding:var(--space-2) var(--space-3)}.browser-mockup__dot{width:8px;height:8px}.browser-mockup__url{font-size:.65rem;padding:var(--space-1) var(--space-2)}.live-badge{font-size:.65rem;padding:2px var(--space-2)}}.phone-mockup{position:relative;width:280px;margin:0 auto}.phone-mockup__frame{background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 0 0 1px #ffffff1a,0 20px 40px #0006}.phone-mockup__notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:100px;height:24px;background:#1a1a1a;border-radius:0 0 16px 16px;z-index:10}.phone-mockup__screen{border-radius:28px;overflow:hidden;aspect-ratio:9 / 19;position:relative}.phone-mockup__image{width:100%;height:100%;object-fit:cover;object-position:top}.showcase-scroll{display:flex;gap:var(--space-8);padding:var(--space-8) var(--container-padding);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.showcase-scroll::-webkit-scrollbar{display:none}.showcase-scroll-item{flex:0 0 auto;width:min(500px,80vw);scroll-snap-align:center}.showcase-marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);margin:var(--space-16) 0}.showcase-marquee__track{display:flex;gap:var(--space-8);animation:marquee 30s linear infinite}.showcase-marquee__item{flex-shrink:0;width:400px;opacity:.6;transition:opacity .3s ease,transform .3s ease}.showcase-marquee__item:hover{opacity:1;transform:scale(1.02)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - var(--space-8)))}}.live-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#28c840;background:#28c8401a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.live-badge__dot{width:6px;height:6px;background:#28c840;border-radius:50%;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.video-preview{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-elevated)}.video-preview__video{width:100%;height:100%;object-fit:cover}.video-preview__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0d0d0d80;opacity:0;transition:opacity .3s ease}.video-preview:hover .video-preview__play{opacity:1}.video-preview__play-btn{width:80px;height:80px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease-out)}.video-preview:hover .video-preview__play-btn{transform:scale(1.1)}.video-preview__play-icon{width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--color-bg);margin-left:4px}[data-animate=fade-up]{opacity:0;transform:translateY(40px)}[data-animate=fade-up].is-visible{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}[data-animate=fade-in]{opacity:0}[data-animate=fade-in].is-visible{opacity:1;transition:opacity 1s ease}[data-animate=scale-up]{opacity:0;transform:scale(.95)}[data-animate=scale-up].is-visible{opacity:1;transform:scale(1);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}[data-animate=slide-left]{opacity:0;transform:translate(-60px)}[data-animate=slide-left].is-visible{opacity:1;transform:translate(0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}[data-animate=slide-right]{opacity:0;transform:translate(60px)}[data-animate=slide-right].is-visible{opacity:1;transform:translate(0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}[data-animate=reveal]{clip-path:inset(100% 0 0 0)}[data-animate=reveal].is-visible{clip-path:inset(0 0 0 0);transition:clip-path 1s var(--ease-out)}[data-animate=stagger]>*{opacity:0;transform:translateY(30px)}[data-animate=stagger].is-visible>*{opacity:1;transform:translateY(0);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-animate=stagger].is-visible>*:nth-child(1){transition-delay:0s}[data-animate=stagger].is-visible>*:nth-child(2){transition-delay:.1s}[data-animate=stagger].is-visible>*:nth-child(3){transition-delay:.2s}[data-animate=stagger].is-visible>*:nth-child(4){transition-delay:.3s}[data-animate=stagger].is-visible>*:nth-child(5){transition-delay:.4s}[data-animate=stagger].is-visible>*:nth-child(6){transition-delay:.5s}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .8s}.btn-ripple:active:after{transform:scale(0);opacity:1;transition:0s}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s var(--ease-out)}.btn-shine:hover:before{left:100%}.btn-border-draw{position:relative;background:transparent;padding:var(--space-4) var(--space-8)}.btn-border-draw:before,.btn-border-draw:after{content:"";position:absolute;width:0;height:0;border:1px solid transparent;transition:all .35s var(--ease-out)}.btn-border-draw:before{top:0;left:0}.btn-border-draw:after{bottom:0;right:0}.btn-border-draw:hover:before{width:100%;height:100%;border-top-color:var(--color-accent);border-right-color:var(--color-accent)}.btn-border-draw:hover:after{width:100%;height:100%;border-bottom-color:var(--color-accent);border-left-color:var(--color-accent)}.btn-fill{position:relative;overflow:hidden;z-index:1}.btn-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);transform:translate(-101%);transition:transform .4s var(--ease-in-out);z-index:-1}.btn-fill:hover:before{transform:translate(0)}.btn-fill:hover{color:var(--color-bg)}.link-grow{position:relative;display:inline-block}.link-grow:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:currentColor;transition:width .3s var(--ease-out),left .3s var(--ease-out)}.link-grow:hover:after{width:100%;left:0}.link-brackets:before,.link-brackets:after{display:inline-block;opacity:0;transition:transform .3s var(--ease-out),opacity .2s ease}.link-brackets:before{content:"[";margin-right:.2em;transform:translate(10px)}.link-brackets:after{content:"]";margin-left:.2em;transform:translate(-10px)}.link-brackets:hover:before,.link-brackets:hover:after{opacity:1;transform:translate(0)}.link-highlight{background:linear-gradient(to right,var(--color-accent) 50%,transparent 50%);background-size:200% 100%;background-position:right;transition:background-position .4s var(--ease-in-out),color .4s ease;padding:0 4px;margin:0 -4px}.link-highlight:hover{background-position:left;color:var(--color-bg)}.card-lift{transition:transform .4s var(--ease-out),box-shadow .4s ease}.card-lift:hover{transform:translateY(-12px);box-shadow:0 30px 60px #0006}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,var(--color-accent) 0%,transparent 50%,var(--color-accent) 100%);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s ease}.card-glow:hover:before{opacity:1}.card-reveal{overflow:hidden}.card-reveal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(13,13,13,.95) 0%,rgba(13,13,13,.5) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);transform:translateY(40%);transition:transform .5s var(--ease-out)}.card-reveal:hover .card-reveal__overlay{transform:translateY(0)}.card-reveal__title{transition:transform .4s var(--ease-out)}.card-reveal:hover .card-reveal__title{transform:translateY(-8px)}.card-reveal__text{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .4s var(--ease-out);transition-delay:.1s}.card-reveal:hover .card-reveal__text{opacity:1;transform:translateY(0)}[data-tilt]{transform-style:preserve-3d;transition:transform .1s ease}.tilt-glare{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:inherit}.tilt-glare-inner{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at center,rgba(255,255,255,.2),transparent 50%);opacity:0;transition:opacity .3s ease}[data-tilt]:hover .tilt-glare-inner{opacity:1}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-bg-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:32px;height:32px;border:2px solid var(--color-surface);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}