.hero-section{text-align:center;min-height:100dvh;padding:var(--space-8) var(--space-4);padding-top:max(var(--space-8), env(safe-area-inset-top));padding-bottom:max(var(--space-8), env(safe-area-inset-bottom));color:var(--color-white);background-color:var(--color-navy-core);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;will-change:transform, opacity;position:absolute;inset:0;transform:translateZ(0)}@media (width>=769px){.hero-bg{z-index:1;background-color:var(--color-navy-core);will-change:transform, opacity;position:absolute;inset:0;transform:translateZ(0)}.foreground-container{z-index:1;position:absolute;inset:0}.foreground-container .hero-vid{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}.foreground-container .hero-vid.active{opacity:1;z-index:1}}@media (width<=768px){.foreground-container{z-index:1;position:absolute;inset:0}.foreground-container .hero-vid{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}.foreground-container .hero-vid.active{opacity:1;z-index:1}}.hero-content{z-index:2;max-width:800px;animation:.8s ease-out fadeUp;position:relative}.hero-eyebrow{font-family:var(--font-body);font-size:var(--text-eyebrow);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-3);color:#fff;text-shadow:0 2px 4px #0009,0 0 10px #a064facc,0 0 20px #a064fa80,0 0 30px #8c50f04d;opacity:.95;cursor:default;font-weight:800;transition:all .3s ease-in-out;display:inline-block}.hero-eyebrow:hover{opacity:1;letter-spacing:.18em;text-shadow:0 2px 4px #000c,0 0 15px #b478ff,0 0 30px #b478ffcc,0 0 50px #a064ff80;transform:scale(1.02)}.hero-content h1{font-size:var(--text-display-1);color:var(--color-white);margin-bottom:var(--space-3);text-shadow:0 1px 2px #fff6,0 4px 12px #0009,0 0 20px #a064fa40,0 0 40px #8c50f026;max-width:90%;margin-left:auto;margin-right:auto;line-height:1.1;transition:text-shadow .35s ease-in-out,transform .35s ease-in-out;animation:6s ease-in-out infinite alternate heroTextBreathe}.hero-content h1:hover,.hero-content h1:active{text-shadow:0 1px 2px #fff9,0 4px 12px #0009,0 0 25px #b478ff66,0 0 50px #a064ff40;transform:scale(1.01)}@keyframes heroTextBreathe{0%{opacity:.94;transform:scale(1)}to{opacity:1;transform:scale(1.002)}}@media (width>=768px){.hero-content h1{max-width:80%}}.hero-subline{font-size:var(--text-body-lg);margin-bottom:var(--space-5);color:var(--color-white);text-shadow:0 1px 2px #000c,0 4px 12px #00000080;opacity:.95;font-weight:500;line-height:1.8}.hero-bg-overlay{z-index:1;transition:background-color .1s;position:absolute;inset:0}.hero-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.hero-actions .btn-primary{background:linear-gradient(135deg,#3b0f59fa,#60218afa);border:1px solid #dfd1f633;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d,0 0 15px #a064fa26}.hero-actions .btn-primary:after{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;animation:4s infinite buttonShimmer;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}@keyframes buttonShimmer{0%,50%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-actions .btn-primary:hover,.hero-actions .btn-primary:active{background:linear-gradient(135deg,#461469f2,#6e28a0f2);border-color:#dfd1f666;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #0006,0 0 30px #b478ff59}.btn-outline{-webkit-backdrop-filter:blur(8px);color:var(--color-white);background:#ffffff1a;border:1px solid #fff6;box-shadow:0 4px 15px #0000001a}.btn-outline:hover{color:var(--color-navy-core);background:#fffffff2;border-color:#0000;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #0003}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-bar{-webkit-backdrop-filter:blur(20px);padding:var(--space-6);z-index:10;border-radius:var(--radius-lg);background:#ffffffd9;border:1px solid #fff9;max-width:1100px;margin-top:-60px;margin-left:auto;margin-right:auto;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards slideUpFloat;position:relative;transform:translateY(20px);box-shadow:0 20px 40px #3b0f591a}@keyframes slideUpFloat{to{transform:translateY(0)}}.stats-glow-bg{z-index:0;pointer-events:none;background:radial-gradient(#a046dc14 0%,#0000 70%);width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-grid{gap:var(--space-5);text-align:center;grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.stat-item:hover{transform:translateY(-8px)scale(1.05)}.stat-item h3{font-family:var(--font-body), system-ui, sans-serif;background:linear-gradient(135deg, var(--color-navy-core), #a046dc);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);filter:drop-shadow(0 4px 8px #a046dc33);letter-spacing:-.02em;-webkit-background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800}.stat-item p{font-family:var(--font-body), sans-serif;font-size:var(--text-body-sm);color:var(--color-ink);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.section{padding:var(--space-9) 0}.section-light{background:var(--color-white)}.section-lavender{background:var(--color-lavender-mist)}.section-navy{background:var(--color-navy-core);color:var(--color-white)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-7)}.section-header h2{font-size:var(--text-display-2);margin-bottom:var(--space-3)}.section-navy .section-header h2{color:var(--color-white)}.split-section{gap:var(--space-7);align-items:center;display:grid}@media (width>=992px){.split-section{grid-template-columns:1fr 1fr}}.split-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);aspect-ratio:4/5;object-fit:cover}.split-content .eyebrow{color:var(--color-periwinkle-muted);letter-spacing:.1em;margin-bottom:var(--space-3);font-weight:700;display:block}.split-content h2{margin-bottom:var(--space-4)}.split-content p{margin-bottom:var(--space-5);font-size:var(--text-body-lg)}.services-grid{gap:var(--space-6);display:grid}@media (width>=768px){.services-grid{grid-template-columns:1fr 1fr}}.service-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.service-img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.service-content{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.service-content h3{margin-bottom:var(--space-3)}.tag-list{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.tag{background:var(--color-lavender-mist);color:var(--color-navy-core);border-radius:var(--radius-full);font-size:var(--text-body-sm);padding:4px 12px;font-weight:500}.service-content .btn{align-self:flex-start;margin-top:auto}.portfolio-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}.portfolio-item{aspect-ratio:4/5;border-radius:var(--radius-md);position:relative;overflow:hidden}.portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-overlay{opacity:0;background:#3b0f5966;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay span{background:var(--color-white);color:var(--color-navy-core);border-radius:var(--radius-full);padding:8px 16px;font-weight:600;transition:transform .3s;transform:translateY(10px)}.portfolio-item:hover .portfolio-overlay span{transform:translateY(0)}.features-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=600px){.features-grid{grid-template-columns:1fr 1fr}}@media (width>=992px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{text-align:center;padding:var(--space-5);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.feature-icon{background:var(--color-lavender-mist);width:48px;height:48px;color:var(--color-navy-core);margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.process-grid{gap:var(--space-6);display:grid;position:relative}@media (width>=768px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-step{text-align:center;z-index:2;position:relative}.step-num{background:var(--color-navy-core);width:56px;height:56px;color:var(--color-white);font-size:var(--text-heading-4);font-family:var(--font-heading);margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.pricing-grid{gap:var(--space-6);max-width:900px;margin:0 auto;display:grid}@media (width>=768px){.pricing-grid{grid-template-columns:1fr 1fr}}.price-card{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center}.price-val{font-size:var(--text-display-2);color:var(--color-navy-core);font-family:var(--font-heading);margin:var(--space-4) 0}.cta-banner{text-align:center;padding:var(--space-9) var(--space-4)}.cta-banner h2{margin-bottom:var(--space-4)}.cta-banner p{font-size:var(--text-body-lg);margin-bottom:var(--space-6);color:var(--color-cream);max-width:600px;margin-left:auto;margin-right:auto}.premium-features-section{padding:var(--space-7) 0;background-color:var(--color-ink);position:relative;overflow:hidden}.features-glow-bg{z-index:1;pointer-events:none;background:radial-gradient(circle,#3b0f5966 0%,#0000 60%);width:100vw;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interactive-bento-grid{gap:var(--space-4);margin-top:var(--space-5);display:grid}@media (width>=768px){.interactive-bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-white);z-index:2;background:#ffffff08;border:1px solid #ffffff1a;flex-direction:column;align-items:flex-start;transition:transform .4s,border-color .4s,box-shadow .4s;display:flex;position:relative}.bento-card:hover{border-color:#a046dc80;transform:translateY(-8px);box-shadow:0 15px 30px #0006,inset 0 0 20px #a046dc1a}.bento-icon{background:linear-gradient(135deg, var(--color-lavender-deep), var(--color-lavender-mist));width:48px;height:48px;color:var(--color-navy-core);margin-bottom:var(--space-3);border-radius:12px;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:rotate(-5deg);box-shadow:0 8px 16px #a046dc4d}.bento-card:hover .bento-icon{transform:rotate(0)scale(1.1)}.bento-content h4{font-family:var(--font-heading);font-size:var(--text-heading-4);color:var(--color-white);margin-bottom:var(--space-2)}.bento-content p{color:#ffffffb3;font-size:var(--text-body-sm);line-height:1.6}.cinematic-title{display:block}.cinematic-line{opacity:0;animation:1.2s cubic-bezier(.165,.84,.44,1) forwards cinematicFadeInUp;animation-delay:var(--cinematic-delay,0s);display:block;transform:translateY(20px)}.cinematic-actions{opacity:0;animation:1.2s cubic-bezier(.165,.84,.44,1) forwards cinematicFadeInUp;animation-delay:var(--cinematic-delay,0s);transform:translateY(30px)}@keyframes cinematicFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-bg{transform-origin:50%;transition:transform .1s ease-out}.video-tint{z-index:1;background:radial-gradient(circle,#0a0f24a6 0%,#0a0f241a 60%,#0000 100%);position:absolute;inset:0}.hero-bg-overlay{z-index:2;background:0 0;transition:background-color .1s ease-out;position:absolute;inset:0}.hero-content{transition:opacity .1s ease-out}.site-header.scrolled{transition:background-color .3s,box-shadow .3s;box-shadow:0 4px 20px #0000000d;background:var(--color-white)!important}.site-header.scrolled .logo img{filter:none}.site-header.scrolled .main-nav a{color:var(--color-ink)!important}.logo img{opacity:0;animation:1.5s ease-in-out .3s forwards logoFadeIn}@keyframes logoFadeIn{0%{opacity:0}to{opacity:1}}