:root{--accent-color: #E97F4F;--font-heading: "Space Mono", monospace;--font-body: "Manrope", sans-serif;--bg-color-light: #F4F1E8;--text-primary-light: #2A3A59;--text-secondary-light: #6b7280;--card-bg-light: #FFFFFF;--glass-bg-light: rgba(244, 241, 232, .8);--glass-border-light: rgba(42, 58, 89, .2);--grid-line-color-light: #E0DED6;--particle-color-light: "rgba(42, 58, 89, 0.5)";--bg-color-dark: #0D1120;--text-primary-dark: #F4F1E8;--text-secondary-dark: #8b949e;--card-bg-dark: #161B22;--glass-bg-dark: rgba(22, 27, 34, .7);--glass-border-dark: rgba(255, 255, 255, .1);--grid-line-color-dark: #2A3A59;--particle-color-dark: "rgba(244, 241, 232, 0.5)"}html[data-theme=light]{--bg: var(--bg-color-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--card-bg: var(--card-bg-light);--glass-bg: var(--glass-bg-light);--glass-border: var(--glass-border-light);--grid-line-color: var(--grid-line-color-light);--particle-color: var(--particle-color-light)}html[data-theme=dark]{--bg: var(--bg-color-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--card-bg: var(--card-bg-dark);--glass-bg: var(--glass-bg-dark);--glass-border: var(--glass-border-dark);--grid-line-color: var(--grid-line-color-dark);--particle-color: var(--particle-color-dark)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);line-height:1.7;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}h1,h2,h3,h4,.btn{font-family:var(--font-heading);font-weight:700}body:before{content:"";position:fixed;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:50px 50px;z-index:-1;pointer-events:none;animation:pan-background 120s linear infinite;opacity:.5}@keyframes pan-background{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}.main-content{padding-top:92px}.section-title{font-size:clamp(2.2rem,5vw,3rem);text-align:center;margin-bottom:5rem;letter-spacing:-1px;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;background-color:var(--accent-color);color:#fff;border-radius:50px;transition:all .3s ease;border:2px solid transparent;text-align:center;cursor:pointer}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #e97f4f4d}.btn-secondary{background:transparent;color:var(--accent-color);border-color:var(--accent-color)}.btn-secondary:hover{background-color:var(--accent-color);color:#fff}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out .2s,transform .8s ease-out .2s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{position:fixed;width:100%;top:0;z-index:1000;padding:1rem 0;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:all .4s ease}.header.scrolled{border-bottom:1px solid var(--glass-border)}.logo img{height:60px;transition:height .3s ease}.nav{display:flex;justify-content:space-between;align-items:center}.nav-list{display:flex;align-items:center;gap:2rem;list-style:none}.nav-list a{font-weight:700;font-family:var(--font-heading);color:var(--text-primary);transition:color .3s ease}.nav-list a:hover{color:var(--accent-color)}.btn-nav{padding:.75rem 1.5rem}.nav-toggle{display:none;background:none;border:none;cursor:pointer;z-index:1001}.hamburger{display:block;width:25px;height:2px;background-color:var(--text-primary);position:relative;transition:background-color .1s .2s ease-in-out}.hamburger:before,.hamburger:after{content:"";position:absolute;width:100%;height:2px;background-color:var(--text-primary);left:0;transition:transform .3s ease}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}@media (max-width: 768px){.header{padding:.75rem 1rem}.logo img{height:45px}.nav-toggle{display:block}.nav-list{position:fixed;top:0;right:-100%;width:70%;max-width:280px;height:100vh;background:var(--card-bg);box-shadow:-5px 0 15px #0000001a;border-left:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;font-size:1.2rem;transition:right .5s cubic-bezier(.77,0,.175,1);z-index:1000}html[data-theme=dark] .nav-list{box-shadow:-5px 0 20px #0000004d}.nav-list.active{right:0}.nav-toggle.active .hamburger{background-color:transparent}.nav-toggle.active .hamburger:before{transform:rotate(45deg) translate(5px,6px)}.nav-toggle.active .hamburger:after{transform:rotate(-45deg) translate(5px,-6px)}}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background-color:var(--bg)}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;padding:2rem}.hero-title{font-size:clamp(2.8rem,7vw,4.5rem);line-height:1.15;letter-spacing:-2px;color:var(--text-primary)}.hero-subtitle{font-size:1.25rem;max-width:600px;margin:2rem auto 3rem;color:var(--text-secondary)}@media (max-width: 768px){.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}}.section{padding:8rem 0;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3rem);text-align:center;margin-bottom:5rem;letter-spacing:-1px;color:var(--text-primary)}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.process-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:2.5rem;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}.process-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.step-number{font-family:var(--font-heading);font-size:1rem;color:var(--accent-color);margin-bottom:1.5rem}.step-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.about-section{padding:10rem 0;background-color:transparent;position:relative;overflow:hidden}.about-container{position:relative;max-width:900px;margin:0 auto}.timeline-svg-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:100px;z-index:1}.timeline-content{position:relative;z-index:2}.timeline-item{display:flex;justify-content:flex-start;position:relative;margin-bottom:4rem}.timeline-item:nth-child(odd){justify-content:flex-end}.timeline-point{width:20px;height:20px;background-color:var(--accent-color);border-radius:50%;position:absolute;left:50%;transform:translate(-50%);border:4px solid var(--bg);z-index:3}.timeline-text-block,.timeline-photo-block{width:45%;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:2rem;border-radius:16px}.timeline-item:nth-child(odd) .timeline-text-block,.timeline-item:nth-child(odd) .timeline-photo-block{text-align:right}.timeline-text-block .section-title,.timeline-text-block h3{text-align:inherit;margin-bottom:1.5rem;font-size:2rem}.timeline-text-block p{color:var(--text-secondary);line-height:1.8}.timeline-photo-block{display:flex;flex-direction:column;align-items:center;text-align:center}.founder-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid var(--accent-color)}.timeline-photo-block h4{font-size:1.5rem;color:var(--text-primary)}.timeline-photo-block span{font-family:var(--font-body);color:var(--text-secondary)}.pillars-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.timeline-item:nth-child(odd) .pillars-list{justify-content:flex-end}.pillars-list li{font-family:var(--font-heading);color:var(--text-primary);background-color:#0d11200d;padding:.75rem 1.5rem;border-radius:50px}html[data-theme=dark] .pillars-list li{background-color:#f4f1e80d}@media (max-width: 768px){.timeline-svg-wrapper{left:20px}.timeline-item,.timeline-item:nth-child(odd){justify-content:flex-start}.timeline-text-block,.timeline-photo-block{width:calc(100% - 60px);margin-left:60px;text-align:left!important}.timeline-point{left:20px}.pillars-list,.timeline-item:nth-child(odd) .pillars-list{justify-content:flex-start}.about-text .section-title,.contact-text .section-title,.case-study-details{text-align:center}}.portfolio-section{background-color:var(--bg)}.portfolio-showcase{display:grid;grid-template-columns:300px 1fr;gap:4rem;align-items:flex-start}.project-list{position:sticky;top:160px}.project-list ul{list-style:none;padding:0}.project-button{display:block;width:100%;text-align:left;font-family:var(--font-heading);font-size:2rem;color:var(--text-secondary);background:none;border:none;border-left:3px solid transparent;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease}.project-button:hover{color:var(--text-primary)}.project-button.active{color:var(--accent-color);border-left-color:var(--accent-color);transform:translate(10px)}.project-display{min-height:500px}.project-media-container{aspect-ratio:18 / 10;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000026;transition:opacity .6s ease,transform .6s ease}.project-media-container.animating{opacity:0;transform:translateY(20px)}.project-media-container img,.project-media-container video{width:100%;height:100%;object-fit:cover}.project-details{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;transition:opacity .6s ease,transform .6s ease;transition-delay:.2s}.project-details.animating{opacity:0;transform:translateY(20px)}.services-list{display:flex;flex-wrap:wrap;gap:1rem}.services-list span{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary)}.project-details .btn-secondary{border:none;padding-right:0;background:none}.project-details .btn-secondary:hover{background:none;color:var(--accent-color);text-decoration:underline}@media (max-width: 992px){.portfolio-showcase{grid-template-columns:1fr}.project-list{position:static;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;border:none;padding:0;margin-bottom:3rem}.project-button{font-size:1rem;border-bottom:2px solid transparent;border-left:none;text-align:center}.project-button.active{border-left:none;border-bottom-color:var(--accent-color);transform:translateY(-5px)}}.testimonial-card{background:var(--glass-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--glass-border);padding:4rem;border-radius:16px;max-width:800px;margin:0 auto;text-align:center;position:relative;min-height:250px;display:flex;align-items:center;justify-content:center}.testimonial-card:before{content:"“";position:absolute;top:-2rem;left:2rem;font-size:10rem;color:var(--accent-color);opacity:.1;font-family:serif}.testimonial-content{position:relative;z-index:2}.testimonial-text{font-family:var(--font-heading);font-size:1.2rem;line-height:1.8;margin-bottom:2rem;color:var(--text-primary);min-height:140px}.testimonial-author .author-name{font-weight:700;display:block;color:var(--text-primary)}.testimonial-author .author-title{font-size:.9rem;font-family:var(--font-body);color:var(--text-secondary)}@media (max-width: 768px){.testimonial-card{padding:3rem 1.5rem;min-height:280px}.testimonial-text{font-size:1rem;min-height:180px}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:5rem;border-radius:20px}.contact-text .section-title{text-align:left;margin-bottom:1.5rem}.contact-text p{color:var(--text-secondary);max-width:400px;font-size:1.1rem}.contact-actions{display:flex;flex-direction:column;width:100%}.contact-buttons-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%}.contact-buttons-wrapper .btn,.contact-buttons-wrapper .btn-secondary{width:100%;padding:1.25rem;font-size:1.1rem;border-radius:12px;border:1px solid var(--glass-border);background:transparent;color:var(--text-primary);position:relative;overflow:hidden}.contact-buttons-wrapper .btn span,.contact-buttons-wrapper .btn svg{z-index:2}.contact-buttons-wrapper .btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.77,0,.175,1);z-index:1}.contact-buttons-wrapper .btn:hover:before{transform:scaleX(1)}.contact-buttons-wrapper .btn:hover{color:#fff;border-color:var(--accent-color)}.contact-buttons-wrapper .btn-secondary:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg)}.contact-socials{margin-top:3rem;text-align:center;border-top:1px solid var(--glass-border);padding-top:2rem}.contact-socials p{color:var(--text-secondary);margin-bottom:1rem;font-family:var(--font-body)}.social-icon{display:inline-block;color:var(--text-secondary);transition:all .3s ease}.social-icon:hover{color:var(--accent-color);transform:scale(1.1)}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.contact-text .section-title{text-align:center}.contact-buttons-wrapper{align-items:center}}@media (max-width: 768px){.contact-grid{padding:3rem 1.5rem}.contact-buttons-wrapper .btn,.contact-buttons-wrapper .btn-secondary{font-size:1.2rem;padding:1.5rem}}.footer{padding:3rem 0;text-align:center;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.theme-toggle{background:transparent;border:1px solid var(--border-color);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--accent-color)}.theme-toggle svg{position:absolute;transition:transform .5s cubic-bezier(.26,1.3,.58,1),opacity .5s ease;stroke:var(--text-primary)}.sun-icon{transform:scale(0) rotate(90deg);opacity:0}.moon-icon,html[data-theme=light] .sun-icon{transform:scale(1) rotate(0);opacity:1}html[data-theme=light] .moon-icon{transform:scale(0) rotate(-90deg);opacity:0}@media (max-width: 768px){.footer-content{justify-content:center;flex-direction:column-reverse}}