.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-4) 0;transition:all var(--duration-normal) var(--ease-out-expo)}.navbar.scrolled{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);padding:var(--space-3) 0}.navbar-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);z-index:1001}.logo-icon{width:40px;height:40px;transition:transform var(--duration-normal) var(--ease-out-expo)}.navbar-logo:hover .logo-icon{transform:scale(1.05)}.logo-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.navbar-nav{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-text-muted);position:relative;padding:var(--space-2) 0;transition:color var(--duration-fast) var(--ease-out-quart)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out-expo)}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:var(--space-4)}.lang-toggle{font-family:var(--font-body);font-size:var(--text-caption);font-weight:600;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-gray);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.lang-toggle:hover{border-color:var(--color-accent);color:var(--color-text)}.navbar-cta{font-size:var(--text-caption);padding:var(--space-3) var(--space-6)}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;background:transparent;border:none;cursor:pointer;z-index:1001;gap:6px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out-expo)}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0;transform:translate(-10px)}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-white);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all var(--duration-slow) var(--ease-out-expo)}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-content{text-align:center}.mobile-nav{display:flex;flex-direction:column;gap:var(--space-6)}.nav-menu-item{font-family:var(--font-display);font-size:clamp(2rem,8vw,3.5rem);font-weight:600;color:var(--color-text);letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease-out-quart)}.nav-menu-item:hover{color:var(--color-accent)}.mobile-menu-footer{margin-top:var(--space-12)}.lang-toggle-mobile{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-gray);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.lang-toggle-mobile:hover{border-color:var(--color-accent);color:var(--color-text)}@media(max-width:1024px){.navbar-nav,.navbar-cta{display:none}.menu-toggle{display:flex}}@media(max-width:768px){.logo-text{font-size:1.1rem}.logo-icon{width:36px;height:36px}}.footer{background:var(--color-off-white);padding:var(--space-20) 0 var(--space-8);margin-top:var(--space-24);border-top:1px solid var(--color-gray)}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--color-gray)}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo-icon{width:36px;height:36px}.footer-logo-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.footer-tagline{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-heading{font-family:var(--font-heading);font-size:var(--text-body-sm);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.footer-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-list li a,.footer-list li span{font-size:var(--text-caption);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out-quart)}.footer-list li a:hover{color:var(--color-text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.footer-copyright{font-size:var(--text-caption);color:var(--color-dark-gray)}.footer-bottom-links{display:flex;align-items:center;gap:var(--space-3)}.footer-legal-link{font-size:var(--text-caption);color:var(--color-dark-gray);transition:color var(--duration-fast) var(--ease-out-quart)}.footer-legal-link:hover{color:var(--color-text)}.footer-divider{color:var(--color-gray);font-size:var(--text-tiny)}.footer-construction-link{font-size:var(--text-tiny);color:var(--color-dark-gray);opacity:.6;transition:opacity var(--duration-fast) var(--ease-out-quart)}.footer-construction-link:hover{opacity:1}@media(max-width:1024px){.footer-top{grid-template-columns:1fr;gap:var(--space-12)}.footer-brand{max-width:none}}@media(max-width:768px){.footer{padding:var(--space-12) 0 var(--space-6)}.footer-links{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer-bottom{flex-direction:column;text-align:center;gap:var(--space-4)}}@media(max-width:480px){.footer-links{grid-template-columns:1fr}}.cursor-dot,.cursor-ring{display:none}@media(pointer:fine){.cursor-dot{display:block;width:8px;height:8px;background:var(--color-accent);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor-ring{display:block;width:40px;height:40px;border:1px solid var(--color-accent);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998}body,a,button,.interactive{cursor:none}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-24) 0 var(--space-16);position:relative;overflow:hidden}.hero-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-content{max-width:640px}.hero-badge{display:inline-block;font-family:var(--font-body);font-size:var(--text-caption);font-weight:500;color:var(--color-text-muted);background:var(--color-light-gray);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.hero-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:600;line-height:.95;letter-spacing:-.03em;margin-bottom:var(--space-6)}.hero-title-line{display:block;overflow:hidden}.hero-subtitle{font-size:var(--text-body-lg);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-8);max-width:500px}.hero-cta{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-cloud{width:100%;max-width:500px}.hero-cloud svg{width:100%;height:auto}.hero-scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.hero-scroll span{font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.scroll-indicator{width:24px;height:40px;border:2px solid var(--color-gray);border-radius:var(--radius-full);display:flex;justify-content:center;padding-top:var(--space-2)}.scroll-dot{width:4px;height:8px;background:var(--color-accent);border-radius:var(--radius-full);animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(12px);opacity:.3}}.services{background:var(--color-off-white)}.services-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.section-badge{display:inline-block;font-family:var(--font-body);font-size:var(--text-caption);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-body-lg);color:var(--color-text-muted);margin-top:var(--space-4)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.service-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--color-gray);transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out-expo)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.service-card:hover:before{transform:scaleX(1)}.service-icon{font-size:2rem;display:block;margin-bottom:var(--space-4);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-title{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:600;margin-bottom:var(--space-3)}.service-desc{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-4)}.service-arrow{font-size:1.25rem;color:var(--color-accent);opacity:0;transform:translate(-10px);transition:all var(--duration-normal) var(--ease-out-expo)}.service-card:hover .service-arrow{opacity:1;transform:translate(0)}.work{background:var(--color-white)}.work-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.work-item{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.work-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-light-gray);display:flex;align-items:center;justify-content:center}.work-item-svg{width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo)}.work-item:hover .work-item-svg{transform:scale(1.08)}.work-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}.work-item:hover .work-image{transform:scale(1.08)}.work-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(17,24,39,.8) 100%);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-6);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.work-item:hover .work-overlay{opacity:1}.work-view{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-white);padding:var(--space-3) var(--space-6);background:var(--gradient-brand);border-radius:var(--radius-full);transform:translateY(20px);transition:transform var(--duration-normal) var(--ease-out-expo)}.work-item:hover .work-view{transform:translateY(0)}.work-info{padding:var(--space-4) 0}.work-category{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.work-title{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:600;margin-top:var(--space-2)}.work-cta{display:flex;justify-content:center;margin-top:var(--space-12)}.cta-section{padding-bottom:0}.cta-card{background:var(--gradient-brand);border-radius:var(--radius-xl);padding:var(--space-20) var(--space-12);text-align:center;position:relative;overflow:hidden}.cta-content{position:relative;z-index:1}.cta-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:600;margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto}.cta-button{background:var(--color-white);color:var(--color-text)}.cta-button:hover{background:var(--color-white);transform:translateY(-2px)}.cta-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cta-circle{position:absolute;border-radius:50%;background:#ffffff1a}.cta-circle-1{width:300px;height:300px;top:-100px;right:-50px}.cta-circle-2{width:200px;height:200px;bottom:-80px;left:-40px}.cta-circle-3{width:150px;height:150px;top:50%;left:10%;transform:translateY(-50%)}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content,.hero-subtitle{max-width:none}.hero-cta{justify-content:center}.hero-visual{order:-1;margin-bottom:var(--space-8)}.hero-cloud{max-width:350px}.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero{min-height:auto;padding:var(--space-32) 0 var(--space-16)}.hero-scroll{display:none}.work-grid{grid-template-columns:1fr}.cta-card{padding:var(--space-12) var(--space-6)}}.services-hero{padding-top:var(--space-40);padding-bottom:var(--space-20);text-align:center}.services-hero-title{margin-top:var(--space-4);margin-bottom:var(--space-6)}.services-hero-desc{font-size:var(--text-body-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.services-list{background:var(--color-off-white)}.service-detail-item{display:grid;grid-template-columns:80px 1fr 1fr;gap:var(--space-8);padding:var(--space-10) 0;border-bottom:1px solid var(--color-gray);align-items:start}.service-detail-item:last-child{border-bottom:none}.service-detail-number{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;color:var(--color-accent);opacity:.5}.service-detail-content{max-width:500px}.service-detail-icon{font-size:2rem;display:block;margin-bottom:var(--space-4);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-detail-title{font-family:var(--font-heading);font-size:var(--text-h2);font-weight:600;margin-bottom:var(--space-4)}.service-detail-desc{font-size:var(--text-body);color:var(--color-text-muted);line-height:1.7}.service-detail-features ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.service-detail-features li{font-size:var(--text-body-sm);color:var(--color-text-muted);padding-left:var(--space-6);position:relative}.service-detail-features li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.process{background:var(--color-white)}.process-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.process-step{padding:var(--space-8);background:var(--color-off-white);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out-expo)}.process-step:hover{background:var(--gradient-brand);transform:translateY(-4px)}.process-number{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;color:var(--color-accent);display:block;margin-bottom:var(--space-4);transition:color var(--duration-normal) var(--ease-out-expo)}.process-step:hover .process-number{color:var(--color-text)}.process-title{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:600;margin-bottom:var(--space-3)}.process-desc{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6;transition:color var(--duration-normal) var(--ease-out-expo)}.process-step:hover .process-desc{color:var(--color-text)}.services-cta-card{text-align:center;padding:var(--space-16);background:var(--color-off-white);border-radius:var(--radius-xl)}.services-cta-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;margin-bottom:var(--space-4)}.services-cta-desc{font-size:var(--text-body-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}@media(max-width:1024px){.service-detail-item{grid-template-columns:60px 1fr;gap:var(--space-6)}.service-detail-features{grid-column:2;margin-top:var(--space-4)}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.service-detail-item{grid-template-columns:1fr;gap:var(--space-4)}.service-detail-number{font-size:var(--text-h4)}.service-detail-features{grid-column:1}.process-grid{grid-template-columns:1fr}}.work-hero{padding-top:var(--space-40);padding-bottom:var(--space-20);text-align:center}.work-hero-title{margin-top:var(--space-4);margin-bottom:var(--space-6)}.work-hero-desc{font-size:var(--text-body-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.work-showcase{background:var(--color-off-white)}.work-grid-masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.work-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-gray);transition:all var(--duration-normal) var(--ease-out-expo)}.work-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.work-card-featured{grid-column:span 2}.work-card-featured .work-card-image-wrapper{aspect-ratio:21/9}.work-card-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--color-light-gray);display:flex;align-items:center;justify-content:center}.project-svg{width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo)}.work-card:hover .project-svg{transform:scale(1.05)}.work-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}.work-card:hover .work-card-image{transform:scale(1.05)}.work-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(17,24,39,.7) 100%);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-8);opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.work-card:hover .work-card-overlay{opacity:1}.work-card-view{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-white);padding:var(--space-3) var(--space-6);background:var(--gradient-brand);border-radius:var(--radius-full);transform:translateY(20px);transition:transform var(--duration-normal) var(--ease-out-expo)}.work-card:hover .work-card-view{transform:translateY(0)}.work-card-content{padding:var(--space-6)}.work-card-category{font-size:var(--text-caption);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.work-card-title{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:600;margin:var(--space-2) 0 var(--space-3)}.work-card-desc{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-4)}.work-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.work-card-tag{font-size:var(--text-tiny);color:var(--color-text-muted);background:var(--color-light-gray);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.work-stats{background:var(--color-white)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.stat-item{padding:var(--space-8)}.stat-number{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;display:block;margin-bottom:var(--space-2);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-body-sm);color:var(--color-text-muted)}@media(max-width:1024px){.work-card-featured{grid-column:span 1}.work-card-featured .work-card-image-wrapper{aspect-ratio:16/10}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.work-grid-masonry{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.stat-item{padding:var(--space-4)}}.about-hero{padding-top:var(--space-40);padding-bottom:var(--space-20);text-align:center}.about-hero-title{margin-top:var(--space-4);margin-bottom:var(--space-6)}.about-hero-subtitle{font-size:var(--text-body-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.about-story{background:var(--color-off-white)}.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about-story-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;margin-bottom:var(--space-6)}.about-story-text{font-size:var(--text-body);color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-4)}.about-story-text:last-child{margin-bottom:0}.about-story-visual{display:flex;justify-content:center;align-items:center}.about-illustration{width:100%;max-width:400px;height:auto}.about-values{background:var(--color-white)}.values-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.value-card{text-align:center;padding:var(--space-8);background:var(--color-off-white);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out-expo)}.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.value-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-4);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.value-title{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:600;margin-bottom:var(--space-3)}.value-desc{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6}.about-cta-card{text-align:center;padding:var(--space-16);background:var(--gradient-brand);border-radius:var(--radius-xl)}.about-cta-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;margin-bottom:var(--space-4)}.about-cta-desc{font-size:var(--text-body-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.about-cta-card .btn-primary{background:var(--color-white);color:var(--color-text)}.about-cta-card .btn-primary:hover{background:var(--color-white)}@media(max-width:1024px){.about-story-grid{grid-template-columns:1fr;gap:var(--space-12)}.about-story-visual{order:-1}.values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.values-grid{grid-template-columns:1fr}.about-cta-card{padding:var(--space-10) var(--space-6)}}.contact-hero{padding-top:var(--space-40);padding-bottom:var(--space-20);text-align:center}.contact-hero-title{margin-top:var(--space-4);margin-bottom:var(--space-6)}.contact-hero-desc{font-size:var(--text-body-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.contact-section{background:var(--color-off-white)}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16);align-items:start}.contact-form-wrapper{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-md)}.contact-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-text)}.form-input,.form-textarea{font-family:var(--font-body);font-size:var(--text-body);padding:var(--space-4);border:1px solid var(--color-gray);border-radius:var(--radius-md);background:var(--color-off-white);transition:all var(--duration-fast) var(--ease-out-quart);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);background:var(--color-white);box-shadow:0 0 0 3px #5bc8de1a}.form-textarea{resize:vertical;min-height:150px}.form-submit{align-self:flex-start;margin-top:var(--space-4)}.contact-info{display:flex;flex-direction:column;gap:var(--space-8)}.contact-info-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.contact-info-title{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:600;margin-bottom:var(--space-6)}.contact-info-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-gray)}.contact-info-item:last-child{border-bottom:none}.contact-info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);border-radius:var(--radius-md);flex-shrink:0}.contact-info-icon svg{color:var(--color-text)}.contact-info-content{display:flex;flex-direction:column;gap:var(--space-1)}.contact-info-label{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-info-value{font-size:var(--text-body);font-weight:500;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out-quart)}a.contact-info-value:hover{color:var(--color-accent)}.contact-social{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.contact-social-title{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:600;margin-bottom:var(--space-4)}.contact-social-links{display:flex;gap:var(--space-3)}.social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-off-white);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--duration-normal) var(--ease-out-expo)}.social-link:hover{background:var(--gradient-brand);color:var(--color-text);transform:translateY(-4px)}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:var(--space-8)}.contact-info{order:-1}}@media(max-width:768px){.contact-form-wrapper,.contact-info-card,.contact-social{padding:var(--space-6)}}.byggservice-page{min-height:100vh;background:var(--color-off-white)}.bygg-hero{padding-top:var(--space-32);padding-bottom:var(--space-16);text-align:center;background:var(--color-white)}.bygg-back-link{display:inline-block;font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-out-quart)}.bygg-back-link:hover{color:var(--color-accent)}.bygg-hero-title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:600;margin-bottom:var(--space-6)}.bygg-hero-desc{font-size:var(--text-body-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.bygg-services{background:var(--color-off-white)}.bygg-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.bygg-service-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--color-gray);transition:all var(--duration-normal) var(--ease-out-expo)}.bygg-service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-light)}.bygg-service-icon{font-size:2rem;display:block;margin-bottom:var(--space-4);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bygg-service-title{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:600;margin-bottom:var(--space-3)}.bygg-service-desc{font-size:var(--text-body-sm);color:var(--color-text-muted);line-height:1.6}.bygg-contact{background:var(--color-white)}.bygg-contact-card{text-align:center;padding:var(--space-12);background:var(--gradient-brand);border-radius:var(--radius-xl)}.bygg-contact-card h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;margin-bottom:var(--space-4)}.bygg-contact-card p{font-size:var(--text-body-lg);margin-bottom:var(--space-8);opacity:.8}.bygg-contact-card .btn-primary{background:var(--color-white);color:var(--color-text)}@media(max-width:768px){.bygg-hero{padding-top:var(--space-24)}.bygg-contact-card{padding:var(--space-8)}}:root{--color-white: #FFFFFF;--color-off-white: #FAFBFC;--color-light-gray: #F5F7FA;--color-gray: #E8ECF0;--color-dark-gray: #6B7280;--color-text: #111827;--color-text-muted: #374151;--gradient-brand: linear-gradient(135deg, #7DD3E8 0%, #A8E0F0 50%, #B8E8F8 100%);--gradient-brand-hover: linear-gradient(135deg, #5BC8DE 0%, #8DD6EC 50%, #A8E4F6 100%);--color-accent: #5BC8DE;--color-accent-light: #B8E8F8;--font-display: "Clash Display", sans-serif;--font-heading: "Satoshi", sans-serif;--font-body: "General Sans", sans-serif;--text-hero: clamp(4rem, 8vw, 7.5rem);--text-display: clamp(3rem, 5vw, 5rem);--text-h1: clamp(2.5rem, 4vw, 4rem);--text-h2: clamp(2rem, 3vw, 3rem);--text-h3: clamp(1.5rem, 2vw, 2rem);--text-h4: clamp(1.25rem, 1.5vw, 1.5rem);--text-body-lg: 1.25rem;--text-body: 1.125rem;--text-body-sm: 1rem;--text-caption: .875rem;--text-tiny: .75rem;--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-48: 12rem;--container-max: 1440px;--container-content: 1200px;--container-narrow: 800px;--gutter: clamp(1.5rem, 4vw, 4rem);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(91, 200, 222, .2);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--duration-slower: .8s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;color:var(--color-text);background-color:var(--color-white);overflow-x:hidden}::selection{background-color:var(--color-accent-light);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out-quart)}img,video{max-width:100%;height:auto;display:block}.font-display{font-family:var(--font-display)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.1;letter-spacing:-.02em}.text-hero{font-family:var(--font-display);font-size:var(--text-hero);font-weight:600;line-height:.95;letter-spacing:-.03em}.text-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:1;letter-spacing:-.025em}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.container-narrow{max-width:var(--container-content)}.section{padding-top:var(--space-32);padding-bottom:var(--space-32)}.section-lg{padding-top:var(--space-40);padding-bottom:var(--space-40)}.grid{display:grid;gap:var(--gutter)}.grid-12{grid-template-columns:repeat(12,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);white-space:nowrap}.btn-primary{background:var(--gradient-brand);color:var(--color-text);box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--gradient-brand-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-gray)}.btn-secondary:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-light-gray)}.btn-lg{font-size:var(--text-body);padding:var(--space-5) var(--space-10)}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray);transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-accent-light)}.card-gradient{background:var(--gradient-brand);border:none;color:var(--color-text)}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5)}.text-gradient{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.reveal{opacity:0;transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.stagger-children>*{opacity:0;transform:translateY(20px)}.stagger-children.active>*:nth-child(1){transition-delay:0ms}.stagger-children.active>*:nth-child(2){transition-delay:.1s}.stagger-children.active>*:nth-child(3){transition-delay:.2s}.stagger-children.active>*:nth-child(4){transition-delay:.3s}.stagger-children.active>*:nth-child(5){transition-delay:.4s}.stagger-children.active>*{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}@media(max-width:1024px){:root{--text-hero: clamp(3rem, 10vw, 5rem);--text-display: clamp(2.5rem, 6vw, 3.5rem)}.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}}@media(max-width:768px){:root{--text-hero: clamp(2.5rem, 12vw, 4rem);--text-display: clamp(2rem, 8vw, 3rem);--gutter: 1.25rem}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.btn-lg{padding:var(--space-4) var(--space-8)}}.page-transition-enter{opacity:0}.page-transition-enter-active{opacity:1;transition:opacity .4s ease-out}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s ease-in}.cursor-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor-ring{width:40px;height:40px;border:1px solid var(--color-accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transition:transform .15s ease-out}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}