:root{--primary: #3BCEAC;--primary-light: #5EDDC0;--primary-dark: #2AA88C;--black: #0A0A0A;--dark: #111111;--dark-2: #1A1A1A;--gray-dark: #333;--gray: #888;--gray-light: #aaa;--light: #F5F5F5;--light-2: #EBEBEB;--white: #FFFFFF;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--white);color:var(--dark-2);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--primary);color:var(--white)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.hamburger{display:none;position:fixed;top:20px;right:20px;z-index:3000;width:48px;height:48px;border-radius:50%;background:#1a1a1ae6;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.hamburger span{display:block;width:20px;height:2px;background:var(--white);transition:all .3s;border-radius:2px}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;inset:0;z-index:2500;background:#0a0a0afa;backdrop-filter:blur(30px);flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .4s}.mobile-menu.open{opacity:1}.mobile-menu a{font-size:32px;font-weight:700;color:var(--white);padding:12px 0;transition:color .3s;letter-spacing:-1px}.mobile-menu a:hover{color:var(--primary-light)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:100px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:none;text-decoration:none}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-outline-light{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.35)}.btn-outline-light:hover{border-color:var(--white);background:#ffffff0d}.btn-outline-dark{background:transparent;color:var(--dark-2);border:1.5px solid rgba(0,0,0,.15)}.btn-outline-dark:hover{border-color:var(--dark-2)}.contact-actions{display:flex;flex-direction:column;gap:16px}.contact-actions .btn{justify-content:center;width:100%}.btn-arrow:after{content:"→";font-size:16px;transition:transform .3s}.btn-arrow:hover:after{transform:translate(4px)}.section{padding:140px 48px}.section-sm{padding:80px 48px}.container{max-width:1400px;margin:0 auto}.bg-dark{background:var(--dark);color:var(--white)}.bg-black{background:var(--black);color:var(--white)}.bg-white{background:var(--white);color:var(--dark-2)}.bg-light{background:var(--light);color:var(--dark-2)}.eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--primary);margin-bottom:24px;display:block}.bg-dark .eyebrow,.bg-black .eyebrow,.hero .eyebrow{color:var(--primary-light)}.headline-xl{font-size:clamp(48px,8vw,96px);font-weight:800;line-height:.95;letter-spacing:-3px}.headline-lg{font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05;letter-spacing:-2px}.headline-md{font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.1;letter-spacing:-1px}.headline-sm{font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.5px}.body-lg{font-size:18px;line-height:1.7;font-weight:400}.body-md{font-size:16px;line-height:1.7;font-weight:400}.bg-white .body-lg,.bg-light .body-lg{color:#555}.bg-white .body-md,.bg-light .body-md{color:#666}.bg-dark .body-lg,.bg-black .body-lg{color:var(--gray-light)}.bg-dark .body-md,.bg-black .body-md{color:var(--gray)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:140px 48px 80px;position:relative;background:radial-gradient(ellipse 70% 55% at 50% 55%,#0F2A2B 0%,var(--black) 55%);color:var(--white)}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:100px;background:#3bceac1a;border:1px solid rgba(59,206,172,.25);font-size:13px;font-weight:600;color:var(--primary);margin-bottom:40px;letter-spacing:.5px}.hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:clamp(52px,9vw,110px);font-weight:800;line-height:.9;letter-spacing:-4px;margin-bottom:28px;color:var(--white);-webkit-text-fill-color:unset}.hero h1 .accent{color:var(--primary);-webkit-text-fill-color:unset}.hero-sub{font-size:clamp(16px,2vw,20px);color:#ffffffb3;max-width:720px;line-height:1.6;margin-bottom:40px;font-weight:400}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hero-scroll span{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gray)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gray),transparent);animation:scrollDown 2s infinite}@keyframes scrollDown{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.marquee-wrap{overflow:hidden;padding:30px 0;background:var(--dark-2);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.marquee{display:flex;gap:60px;animation:marquee 30s linear infinite;white-space:nowrap}.marquee span{font-size:14px;font-weight:500;color:var(--gray);text-transform:uppercase;letter-spacing:3px;display:flex;align-items:center;gap:60px}.marquee span:after{content:"◆";font-size:6px;color:var(--primary)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:var(--white);border-radius:20px;padding:44px 36px;border:1px solid rgba(0,0,0,.08);transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transition:transform .5s ease;transform-origin:left}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#3bceac4d;transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.service-icon{width:48px;height:48px;border-radius:12px;background:#3bceac1a;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:24px;color:var(--primary)}.service-card h3{font-size:22px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px;color:var(--dark-2)}.service-card p{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}.service-card .link{font-size:13px;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:6px;transition:gap .3s}.service-card:hover .link{gap:10px}.bg-dark .service-card{background:var(--dark-2);border-color:#ffffff0f}.bg-dark .service-card:hover{background:#3bceac0d}.bg-dark .service-card h3{color:var(--white)}.bg-dark .service-card p{color:var(--gray)}.bg-dark .service-card .link{color:var(--primary-light)}.bg-dark .service-icon{background:#3bceac26;color:var(--primary-light)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.projects-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border-radius:20px;overflow:hidden;position:relative;cursor:pointer;aspect-ratio:16/10}.project-thumb{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,var(--dark-2),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:14px;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-thumb{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:36px;opacity:0;transition:opacity .5s}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{font-size:24px;font-weight:700;margin-bottom:4px;color:var(--white)}.project-overlay span{font-size:13px;color:var(--primary-light);font-weight:500;text-transform:uppercase;letter-spacing:1px}.project-featured{grid-column:1 / -1;aspect-ratio:21/9}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.process-step{padding:48px 40px;border-right:1px solid rgba(0,0,0,.08);position:relative}.process-step:last-child{border-right:none}.process-num{font-size:64px;font-weight:900;color:#3bceac26;line-height:1;margin-bottom:20px;letter-spacing:-2px}.process-step h3{font-size:20px;font-weight:700;margin-bottom:12px}.process-step p{font-size:15px;color:#666;line-height:1.6}.bg-dark .process-step{border-right-color:#ffffff14}.bg-dark .process-step p{color:var(--gray)}.bg-dark .process-num{color:#3bceac33}.clients-grid{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}.client-logo{width:100px;height:40px;background:#0000000a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--gray);font-weight:500;opacity:.5;transition:all .3s}.client-logo:hover{opacity:1;background:#00000014}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.partner-img{border-radius:20px;height:480px;background:linear-gradient(135deg,var(--dark-2),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:14px}.partner-badge{display:inline-flex;padding:6px 16px;border-radius:100px;background:#3bceac1a;border:1px solid rgba(59,206,172,.25);font-size:12px;font-weight:600;color:var(--primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.cta-block{text-align:center;padding:160px 48px;background:radial-gradient(ellipse 70% 55% at 50% 80%,#0F2A2B 0%,var(--black) 55%);color:var(--white)}.cta-block .body-lg{color:var(--gray-light)}.cta-block h2{margin-bottom:20px}.cta-block p{margin-bottom:40px}.hero-inner{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:160px 48px 80px;background:radial-gradient(ellipse 70% 55% at 50% 20%,#0F2A2B 0%,var(--black) 55%);color:var(--white)}.hero-inner .body-lg{color:var(--gray-light)}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.team-card{background:var(--white);border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.08);transition:all .4s}.team-card:hover{border-color:#3bceac4d;transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.team-photo{height:280px;background:linear-gradient(135deg,var(--light-2),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:13px}.team-info{padding:24px}.team-info h3{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--dark-2)}.team-info span{font-size:13px;color:var(--gray)}.bg-dark .team-card{background:var(--dark-2);border-color:#ffffff0f}.bg-dark .team-card:hover{border-color:#3bceac4d;box-shadow:none}.bg-dark .team-info h3{color:var(--white)}.gallery-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.gallery-grid .tall{grid-row:span 2}.gallery-item{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--dark-2),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:13px;min-height:200px;transition:transform .5s;cursor:pointer}.gallery-item:hover{transform:scale(1.02)}.gallery-item.large{min-height:420px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{background:var(--white);border-radius:20px;padding:40px 32px;border:1px solid rgba(0,0,0,.08);text-align:center;transition:all .4s}.value-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.value-icon{width:56px;height:56px;border-radius:14px;background:#3bceac1a;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--primary)}.value-card h3{font-size:20px;font-weight:700;margin-bottom:10px;color:var(--dark-2)}.value-card p{font-size:14px;color:#666;line-height:1.6}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-row.reverse{direction:rtl}.detail-row.reverse>*{direction:ltr}.detail-img{border-radius:20px;height:500px;overflow:hidden;background:linear-gradient(135deg,var(--dark-2),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:13px}.detail-img img{width:100%;height:100%;object-fit:cover}.detail-list{list-style:none;margin-top:24px}.detail-list li{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:15px;font-weight:500;display:flex;align-items:center;gap:12px}.detail-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.detail-list li:last-child{border-bottom:none}.bg-dark .detail-list li{border-bottom-color:#ffffff0f;color:var(--white)}.bg-dark .detail-list li:before{background:var(--primary-light)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.info-group{margin-bottom:36px}.info-group h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin-bottom:10px}.info-group p{font-size:16px;line-height:1.7}.info-group a{color:var(--primary);transition:color .3s}.info-group a:hover{color:var(--primary-dark)}.form-card{background:var(--light);border-radius:24px;padding:48px;border:1px solid rgba(0,0,0,.06)}.form-card h2{margin-bottom:36px;color:var(--dark-2)}.form-field{width:100%;background:var(--white);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:16px 20px;font-size:15px;font-family:var(--font);color:var(--dark-2);margin-bottom:16px;outline:none;transition:border-color .3s}.form-field:focus{border-color:var(--primary)}.form-field::placeholder{color:var(--gray)}textarea.form-field{resize:vertical;min-height:140px}.form-submit{width:100%;padding:16px;border-radius:12px;background:var(--primary);color:var(--white);font-size:15px;font-weight:600;font-family:var(--font);border:none;cursor:pointer;transition:all .3s;margin-top:8px}.form-submit:hover{background:var(--primary-light)}.form-note{font-size:13px;color:var(--gray);margin-top:16px;text-align:center}.modal-overlay{position:fixed;inset:0;z-index:5000;background:#000000d9;backdrop-filter:blur(10px);display:none;align-items:flex-start;justify-content:center;padding:40px 24px;overflow-y:auto}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:24px;width:100%;max-width:960px;position:relative;overflow:hidden;animation:modalIn .4s cubic-bezier(.25,.46,.45,.94)}@keyframes modalIn{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:20px;right:20px;z-index:10;width:44px;height:44px;border-radius:50%;background:#0009;backdrop-filter:blur(10px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;font-weight:300;transition:background .3s}.modal-close:hover{background:#000c}.modal-hero{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--dark-2),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:14px}.modal-body{padding:48px}.modal-title{font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--dark-2);margin-bottom:8px}.modal-category{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--primary);margin-bottom:40px}.modal-section{margin-bottom:36px}.modal-section h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin-bottom:12px}.modal-section p{font-size:16px;line-height:1.7;color:#555}.modal-gallery-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin-bottom:16px}.modal-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modal-gallery-item{aspect-ratio:1/1;border-radius:12px;background:linear-gradient(135deg,var(--light-2),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:12px;overflow:hidden}@media(max-width:768px){.modal-body{padding:32px 24px}.modal-title{font-size:24px}.modal-gallery{grid-template-columns:repeat(2,1fr)}.modal-overlay{padding:20px 12px}}.footer{background:var(--black);color:var(--white);padding:80px 48px 32px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;max-width:1400px;margin:0 auto;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.06)}.footer-brand{font-size:20px;font-weight:800;letter-spacing:1px;margin-bottom:16px}.footer-brand-desc{font-size:14px;color:var(--gray);line-height:1.6;max-width:300px}.footer h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gray);margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{font-size:14px;color:#ffffff80;transition:color .3s}.footer-links a:hover{color:var(--primary-light)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:12px;color:#ffffff40}.page-nav{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:2000;background:#1a1a1ae6;backdrop-filter:blur(20px);padding:6px;border-radius:100px;box-shadow:0 8px 40px #0006;border:1px solid rgba(255,255,255,.08);display:flex;gap:4px}.page-nav-btn{padding:10px 20px;font-family:var(--font);font-size:12px;font-weight:600;border:none;background:transparent;color:var(--gray);cursor:pointer;border-radius:100px;transition:all .3s;letter-spacing:.3px}.page-nav-btn.active{background:var(--primary);color:var(--white)}.page-nav-btn:hover:not(.active){color:var(--white)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.page{display:none}.page.active{display:block}@media(max-width:1024px){.services-grid,.values-grid,.process-grid,.about-row,.partner-grid,.detail-row,.detail-row.reverse,.contact-grid,.projects-grid,.projects-grid-3,.team-grid{grid-template-columns:1fr}.detail-row.reverse{direction:ltr}.gallery-grid{grid-template-columns:1fr}.gallery-grid .tall{grid-row:auto}.footer-top{grid-template-columns:1fr 1fr}.process-step{border-right:none;border-bottom:1px solid rgba(0,0,0,.08)}.bg-dark .process-step{border-bottom-color:#ffffff14}.process-step:last-child{border-bottom:none}}@media(max-width:768px){.page-nav{display:none}.hamburger{display:flex}.section{padding:80px 24px}.hero{padding:120px 24px 60px}.hero h1{letter-spacing:-2px}.hero-inner{padding:120px 24px 60px}.cta-block{padding:100px 24px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.form-card{padding:32px 24px}.hero-btns{flex-direction:column;width:100%}.hero-btns .btn{width:100%;justify-content:center}.project-featured{aspect-ratio:16/10}.hero-scroll{display:none}}