@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:wght@300;400;700;900&display=swap);:root{--font-primary:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-display:'Bebas Neue',Impact,'Arial Black',sans-serif;--primary-color:#000000;--secondary-color:#ffffff;--background-color-light:#f9f9f9;--text-color:#000000;--text-color-light:#ffffff;--border-color:#e5e5e5;--muted-text-color:#6c6c6c;--brand-green:#4ade80;--brand-purple-light:#ddd6fe;--brand-green-light:#a7f3d0}*,::after,::before{margin:0;padding:0;box-sizing:border-box;max-width:100%;user-select:none}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}body{font-family:var(--font-primary);background-color:var(--secondary-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.5;padding-top:81px;opacity:0;visibility:hidden;overflow-x:hidden;width:100%;min-height:100vh;scroll-behavior:smooth;position:relative}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}.desktop-only{display:inline-block}h1,h2,h3,h4,p{text-wrap:balance;letter-spacing:.3px!important}h1{letter-spacing:1px;line-height:1.1}h2{letter-spacing:.5px;line-height:1.2}h3,h4{letter-spacing:.3px;line-height:1.3}p{letter-spacing:.2px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}a{text-decoration:none;color:inherit;transition:color .2s}img{max-width:100%;height:auto;display:block;object-fit:contain;flex-shrink:0}.section{padding:80px 0}.section-header{margin-bottom:48px;display:flex;justify-content:space-between;align-items:flex-start}.section-title{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.2;max-width:600px}.section-subtitle{font-size:18px;font-weight:500;margin-bottom:24px;color:var(--muted-text-color)}.btn{display:inline-block;font-size:16px;font-weight:500;padding:14px 28px;border-radius:8px;transition:all .3s ease;cursor:pointer;border:1px solid transparent;text-align:center}.btn-dark{background-color:var(--primary-color);color:var(--secondary-color)}.btn-dark:hover{background-color:#333}.btn-light{background-color:transparent;color:var(--primary-color);border-color:var(--border-color)}.btn-light:hover{background-color:var(--background-color-light)}.btn-gradient{background:linear-gradient(to right,#4ade80,#3b82f6,#8b5cf6);color:var(--text-color-light);border:0;padding:16px 32px}.btn-gradient:hover{opacity:.9}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:10px 20px;border-radius:6px;transition:transform .3s ease,background-color .3s ease}.btn-outline:hover{background-color:var(--background-color-light);transform:translateY(-2px)}.header{position:fixed;top:0;left:0;width:100%;padding:16px 0;border-bottom:1px solid var(--border-color);background-color:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;transition:all .3s ease}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;gap:40px;padding:0 20px}.logo-container{flex-shrink:0;justify-self:start}.logo-container img{height:48px;width:auto}.nav-links{display:flex;gap:40px;font-size:16px;justify-self:center}.nav-links a{position:relative;padding:8px 0}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-links a:hover::after{width:100%}.nav-links a:hover{color:var(--primary-color)}.nav-links a.active{font-weight:600}.nav-links a.active::after{width:100%}.header-actions{display:flex;align-items:center;justify-self:end;gap:16px}.header-actions .btn-dark{padding:10px 20px;font-size:15px;border-radius:6px;transition:transform .3s ease,background-color .3s ease}.header-actions .btn-dark:hover{transform:translateY(-2px);background-color:#222}.hero{position:relative;text-align:center;padding:120px 0 60px;overflow:hidden;background-image:url('../images/hero-grid-bg.png');background-size:cover;background-position:center;background-repeat:no-repeat}.hero-logo-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:.05;pointer-events:none;width:100%;height:100%}.hero-logo-background img{width:100%;height:100%;max-width:100%;object-fit:contain}.hero-title{font-size:84px;font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:1100px;margin:0 auto 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--primary-color)}.hero-title-line{display:flex;align-items:center;justify-content:center;gap:24px;font-family:var(--font-display);width:100%;font-display:swap}.hero-title-line span{text-transform:uppercase}.hero-title-pill{width:240px;height:80px;border-radius:9999px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-title-pill image{width:100%;height:100%;object-fit:cover}.hero-subtitle{font-size:18px;line-height:1.7;max-width:600px;margin:0 auto 40px;color:var(--muted-text-color)}.hero-cta{display:flex;justify-content:center;gap:16px}.collaborations{padding:40px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.ticker-container{width:100%;overflow:hidden}.ticker{display:flex;gap:100px;width:fit-content;animation:ticker-scroll 60s linear infinite}.ticker .logo-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:32px;filter:grayscale(100%);opacity:.7;transition:filter .3s,opacity .3s}.ticker:hover .logo-item{filter:grayscale(0%);opacity:1}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.case-study-hero{position:relative;padding:120px 0 60px;overflow:hidden;background-color:#000;color:#fff}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2}.hero-background video{width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}.hero-tag{display:inline-block;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:100px;font-size:14px;margin-bottom:24px}.client-badge{display:inline-block;padding:4px 12px;background:var(--brand-green);border-radius:4px;font-size:12px;font-weight:600;margin-right:8px}.client-name{font-size:18px;font-weight:600}.case-study-title{font-size:64px;font-weight:800;line-height:1.1;margin:24px 0;background:linear-gradient(to right,#fff,#a8a8a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.case-study-subtitle{font-size:20px;line-height:1.6;color:#a8a8a8;margin-bottom:48px}.hero-stats{display:flex;justify-content:center;gap:clamp(32px,5vw,80px);margin:48px auto 0;max-width:800px;padding:0 20px}.stat-item{text-align:center;flex:1;min-width:140px}.stat-value{font-size:clamp(28px, 3vw, 36px);font-weight:700;color:var(--brand-green)}.stat-label{font-size:14px;color:#a8a8a8;margin-top:8px;white-space:nowrap}.hero-image-wrapper{margin-top:80px;padding:0 40px}.case-study-hero-image{border-radius:24px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.case-study-hero-image img{width:100%;height:auto;display:block}.about-project{padding:clamp(60px,8vw,120px) 0;background:var(--secondary-color)}.section-tag{display:inline-block;padding:8px 16px;background:var(--background-color-light);border-radius:100px;font-size:clamp(12px, .9vw, 14px);color:var(--muted-text-color);margin-bottom:clamp(16px,2vw,24px)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,5vw,80px);align-items:start}.about-content{max-width:700px}.about-desc{font-size:clamp(16px, 1.2vw, 20px);line-height:1.6;color:var(--muted-text-color);margin:clamp(16px,2vw,24px) 0 clamp(24px,3vw,40px)}.about-metrics{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}.metric-card{padding:clamp(24px,3vw,32px);background:var(--background-color-light);border-radius:16px;transition:all .3s ease;border:1px solid transparent}.metric-card:hover{transform:translateY(-4px);border-color:var(--border-color);box-shadow:0 20px 40px rgba(0,0,0,.05)}.metric-content{display:flex;align-items:baseline;gap:12px}.metric-value{font-size:clamp(36px, 4vw, 48px);font-weight:800;background:linear-gradient(45deg,var(--brand-green),#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.metric-trend{font-size:clamp(12px, .9vw, 14px);margin-top:8px}.metric-trend.positive{color:var(--brand-green)}.project-details{background:var(--background-color-light);border-radius:16px;overflow:hidden}.detail-row{display:flex;justify-content:space-between;padding:clamp(16px,2vw,20px);border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--muted-text-color);font-size:clamp(14px, .9vw, 16px)}.detail-value{font-weight:500;font-size:clamp(14px, .9vw, 16px)}@media (max-width:992px){.about-grid{grid-template-columns:1fr;gap:clamp(32px,4vw,48px)}.about-content{max-width:100%}.about-metrics{max-width:600px}}@media (max-width:768px){.desktop-video{display:none}.mobile-video{display:block}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-content{padding:0 16px}.case-study-client{flex-direction:row;align-items:center;gap:12px;margin-bottom:24px}.client-badge{padding:6px 12px;font-size:14px}.client-name{font-size:16px;padding:6px 0}}@media (max-width:480px){.hero-content{padding:0 12px}.case-study-client{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.client-badge{padding:4px 10px;font-size:13px}.client-name{font-size:15px;padding:4px 0}}@media (max-width:576px){.hero-stats{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:8px}.detail-value{color:var(--primary-color)}}.project-journey{background:var(--background-color-light);padding:120px 0}.journey-header{text-align:center;max-width:600px;margin:0 auto 80px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.journey-card{background:#fff;padding:40px;border-radius:24px;transition:all .3s ease}.journey-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.journey-icon{font-size:32px;margin-bottom:24px}.journey-card h3{font-size:24px;font-weight:700;margin-bottom:16px}.journey-card p{color:var(--muted-text-color);margin-bottom:24px;line-height:1.6}.journey-list{list-style:none;display:flex;flex-direction:column;gap:12px}.journey-list li{font-size:14px;color:var(--muted-text-color);padding-left:24px;position:relative}.journey-list li::before{content:"→";position:absolute;left:0;color:var(--brand-green)}.style-guide{padding:120px 0}.style-header{text-align:center;max-width:600px;margin:0 auto 80px}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.style-card{background:var(--background-color-light);padding:40px;border-radius:24px}.style-card h3{font-size:24px;font-weight:700;margin-bottom:32px}.type-showcase{display:flex;gap:48px}.type-family{flex:1}.type-example{text-align:center}.type-large{font-size:96px;line-height:1;display:block;margin-bottom:16px;font-weight:800}.type-name{font-size:18px;font-weight:600;display:block;margin-bottom:8px}.type-weights{font-size:14px;color:var(--muted-text-color)}.type-scale{flex:1;display:flex;flex-direction:column;gap:24px}.scale-item{display:flex;align-items:center;gap:16px}.scale-label{font-size:14px;color:var(--muted-text-color);width:80px}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.color-item{text-align:center}.color-preview{width:80px;height:80px;border-radius:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.color-preview:hover .color-label{opacity:1}.color-label{font-size:12px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .3s ease}.color-name{font-size:14px;color:var(--muted-text-color)}.casestudy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.case-card{display:flex;flex-direction:column;gap:24px}.case-card-image-link{display:block;overflow:hidden;border-radius:12px}.case-card{margin-bottom:40px}.case-card-image-link{display:block;border-radius:16px;overflow:hidden;margin:0 -20px}@media (max-width:768px){.case-card-image-link{margin:0}}.case-card-image{background-color:var(--background-color-light);width:100%;aspect-ratio:16/9;overflow:hidden;padding:20px}.case-card-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.case-card h3{font-size:24px;font-weight:600;margin:24px 0 16px 0;line-height:1.3}.case-study-link{font-size:16px;margin-top:12px;display:inline-block;font-weight:500}@media (max-width:768px){.case-card-image-link{margin:0 -16px}.case-card-image{padding:16px}.case-card h3{font-size:20px;margin:20px 0 12px 0}}.case-card h3{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:-12px}.case-card .case-study-link{font-weight:500;width:fit-content}.case-card .case-study-link:hover{text-decoration:underline}.testimonial-section{background-color:var(--background-color-light)}.testimonial-grid{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:center}.testimonial-quote{font-size:32px;font-weight:600;letter-spacing:-.02em;margin:16px 0 32px}.quote-icon{font-size:64px;font-weight:800;line-height:1;color:#ccc}.testimonial-author-wrapper{display:flex;align-items:center;gap:16px}.author-avatar{width:60px;height:60px;border-radius:50%}.testimonial-author{font-weight:600;font-size:18px}.testimonial-author span{display:block;font-weight:400;color:var(--muted-text-color);margin-top:4px}.testimonial-metrics{display:flex;flex-direction:column;gap:24px}.metric-card{background-color:var(--secondary-color);border:1px solid var(--border-color);padding:32px;border-radius:12px}.metric-card h4{font-size:40px;font-weight:700;margin-bottom:8px}.metric-card p{color:var(--muted-text-color)}.faq-section{max-width:800px;margin:0 auto;text-align:left}.faq-title{font-size:52px;font-weight:800;letter-spacing:-.03em;margin-bottom:64px;text-align:left;margin-left:15px}.faq-list{display:flex;flex-direction:column;text-align:left}.faq-item{padding:24px 0;border-bottom:1px solid var(--border-color);cursor:pointer}.faq-item:first-child{border-top:1px solid var(--border-color)}.faq-header{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.faq-header h4{font-size:20px;font-weight:600}.faq-icon{font-size:28px;font-weight:400;transition:transform .3s ease}.faq-content{max-height:0;overflow:hidden;transition:all .3s ease-out;opacity:0;color:var(--muted-text-color);line-height:1.7;font-size:16px;padding-top:0;pointer-events:none}.faq-item.active .faq-content{padding-top:16px;max-height:500px;opacity:1}.faq-item.active .faq-icon{transform:rotate(45deg)}.footer-redesigned{background-color:var(--primary-color);color:#a0a0a0;font-size:15px;padding:80px 0 40px;border-top:1px solid #333}.footer-top{display:flex;justify-content:space-between;gap:60px;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #444;flex-wrap:wrap}.footer-intro{flex:2;min-width:280px}.footer-intro .logo-container{margin-bottom:20px;display:inline-block}.footer-intro p{max-width:400px;line-height:1.7;margin-bottom:30px}.footer-cta h4{font-size:14px;font-weight:500;color:#777;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.footer-cta .email-link{font-size:1.1rem;font-weight:500;color:var(--text-color-light);position:relative;text-decoration:none;transition:color .3s ease}.footer-cta .email-link::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:var(--secondary-color);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.19, 1, .22, 1)}.footer-cta .email-link:hover{color:var(--secondary-color)}.footer-cta .email-link:hover::after{transform:scaleX(1)}.footer-links-grid{flex:1.5;display:flex;justify-content:flex-start;gap:60px}.footer-col h4{font-weight:600;color:var(--text-color-light);margin-bottom:24px;font-size:17px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:14px}.footer-col a{transition:color .3s ease,padding-left .3s ease}.footer-col a:hover{color:var(--secondary-color);padding-left:5px}.footer-col strong{color:var(--text-color-light);font-weight:500}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-left{display:flex;align-items:baseline;gap:30px;flex-wrap:nowrap}.footer-copyright{font-size:14px;color:#888}.footer-copyright h5,.footer-copyright h6{font-family:var(--font-primary);margin:0}.footer-copyright .powered-by{z-index:999;color:#666!important;font-size:13px;margin-top:5px}.live-clock-container{display:flex;gap:10px;font-size:14px;color:#999;white-space:nowrap}.live-clock-container .time-part{font-weight:500;color:#ccc}.footer-social{display:flex;gap:12px}.footer-social a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:1px solid #555;border-radius:50%;color:#a0a0a0;font-size:1rem;transition:all .3s ease-in-out}.footer-social a:hover{color:var(--text-color);background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-3px)}@media (max-width:992px){.footer-top{flex-direction:column}.footer-links-grid{justify-content:flex-start;gap:80px}}@media (max-width:820px){.footer-bottom{flex-direction:column-reverse;text-align:center;gap:30px}.footer-left{flex-direction:column;align-items:center;gap:20px}}@media (max-width:576px){.footer-redesigned{padding:60px 0 30px}.footer-links-grid{gap:50px;flex-direction:column}}.page-hero{padding:96px 0;text-align:center;border-bottom:1px solid var(--border-color)}.page-title{font-size:84px;font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:600px;margin:0 auto 24px}.page-hero-intro p{font-size:18px;line-height:1.7;color:var(--muted-text-color);max-width:500px;margin:0 auto}.process-steps{display:flex;flex-direction:column;gap:120px}.process-step{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;align-items:center}.process-step.step--reverse .step-content{order:2}.process-step.step--reverse .step-illustration{order:1}.step-content h2{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:24px}.step-content p{font-size:18px;line-height:1.7;color:var(--muted-text-color);margin-bottom:32px;max-width:500px}.checklist{list-style:none;display:flex;flex-direction:column;gap:16px;margin-left:15px!important;margin-right:15px!important}.checklist li{padding:16px;border:1px solid var(--border-color);border-radius:8px;font-weight:500;display:flex;align-items:center;gap:12px}.checklist .checkmark{color:var(--brand-green);font-weight:600}.step-illustration img{border-radius:12px}.design-plan-section{background-color:var(--primary-color);color:var(--text-color-light)}.section-header-dark{text-align:center;max-width:600px;margin:0 auto 64px}.section-header-dark h2{font-size:52px;font-weight:800;letter-spacing:-.03em;margin-bottom:24px}.section-header-dark p{color:#a0a0a0;line-height:1.7}.pricing-table{display:flex;flex-direction:column;gap:8px}.pricing-row{display:grid;grid-template-columns:1.5fr 2fr 2fr 1fr;align-items:center;gap:24px;padding:24px;border:1px solid #333;border-radius:12px;position:relative;overflow:hidden}.pricing-row::after,.pricing-row::before{content:'';position:absolute;left:0;top:0;width:100%;height:115%;border-top-left-radius:100% 23%;border-top-right-radius:100% 23%;transform:translateY(100%);z-index:1;filter:blur(80px)}.pricing-row::before{background:linear-gradient(105deg,#c084fc4a 0,#c084fc4a 100%);transition:transform .8s cubic-bezier(.2, .8, .4, 1)}.pricing-row::after{background:rgba(216,180,254,.5);transition:transform .6s cubic-bezier(.2, .8, .4, 1)}.pricing-row:hover::after,.pricing-row:hover::before{transform:translateY(-10%)}.pricing-row:hover{cursor:crosshair}.pricing-row:hover .features-list li,.pricing-row:hover h3{color:#fff;transition:color .4s .15s ease}.pricing-row:hover .features-list .checkmark{color:#f0f0f0}.pricing-row>*{position:relative;z-index:2}.pricing-row h3{font-size:28px;font-weight:700}.features-list{list-style:none;padding:0;flex-direction:column;gap:12px;display:flex}.features-list li{display:flex;align-items:center;gap:10px;color:#a0a0a0}.features-list .checkmark{color:var(--brand-green)}.features-list{list-style:none;display:flex;flex-direction:column;gap:12px}.features-list li{display:flex;align-items:center;gap:10px;color:#a0a0a0}.features-list .checkmark{color:var(--brand-green)}.btn-outline-light{background-color:transparent;border:1px solid var(--secondary-color);color:var(--secondary-color);text-align:center}.btn-outline-light:hover{background-color:var(--secondary-color);color:var(--primary-color)}.metrics-section{text-align:center}.metric-item{max-width:800px;margin:0 auto}.metric-item-large{margin-top:96px;position:relative}.metric-value{font-size:160px;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--primary-color)}.metric-item p{font-size:20px;line-height:1.7;margin-top:24px;max-width:550px;margin-left:auto;margin-right:auto}.decorative-circles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:16px;z-index:-1;filter:blur(80px)}.decorative-circles .circle{width:200px;height:200px;border-radius:50%;background-color:#d8b4fe}.decorative-circles .circle:nth-child(2){opacity:.7;transform:scale(.8)}.decorative-circles .circle:nth-child(3){opacity:.4;transform:scale(1.2)}.bar-wrapper{width:100%;margin-top:24px}.bar-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:15px;font-weight:500;color:var(--text-color)}.bar-labels .value{font-weight:700}.progress-bar-container{width:100%;height:10px;background-color:#f3f4f6;border-radius:50px;overflow:hidden}.progress-bar{height:100%;border-radius:50px}.progress-bar.bar-green{background-color:var(--brand-green)}.progress-bar.bar-purple{background-color:#c084fc}.contact-form{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.form-group{width:100%}.form-group label{display:block;font-size:18px;font-weight:500;margin-bottom:24px}.tag-group{display:flex;flex-wrap:wrap;gap:12px}.tag-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:10px 20px;border-radius:99px;font-size:16px;cursor:pointer;transition:all .2s ease}.tag-btn:hover{background-color:var(--background-color-light);border-color:#aaa}.tag-btn.active{background-color:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color)}.form-input{width:100%;border:none;border-bottom:1px solid var(--border-color);padding:12px 0;font-size:24px;font-family:var(--font-primary);font-weight:500;background-color:transparent;transition:border-color .3s}.form-input::placeholder{color:#ccc}.form-input:focus{outline:0;border-color:var(--primary-color)}textarea.form-input{resize:vertical;min-height:60px}.form-submit-group{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:16px}.form-submit-group .btn-gradient{width:100%;max-width:300px;padding:16px;font-size:18px;border-radius:99px}.form-privacy-note{font-size:14px;color:var(--muted-text-color)}.visual-divider{padding:0;height:350px;overflow:hidden;position:relative;background-color:var(--primary-color)}.visual-divider video{width:100%;height:100%;object-fit:cover;opacity:.5}.about-intro{max-width:900px;margin:0 auto;text-align:center}.about-intro h2{font-size:2rem;text-align:left;margin-left:15px;font-weight:700;letter-spacing:-.02em;margin-bottom:40px}.about-text-columns{padding:0 15px;display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;color:var(--muted-text-color);line-height:1.7}.stats-section{background-color:var(--primary-color);color:var(--text-color-light)}.stats-title{font-size:44px;font-weight:700;letter-spacing:-.02em;margin-bottom:64px;max-width:500px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;row-gap:64px}.stat-item h3{font-size:72px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.stat-item p{font-size:18px;font-weight:500;margin-top:16px;color:var(--secondary-color)}.stat-item .stat-desc{font-size:16px;font-weight:400;color:#a0a0a0;line-height:1.6}.team-group{margin-bottom:80px}.team-group:last-child{margin-bottom:0}.team-group-title{font-size:44px;font-weight:700;letter-spacing:-.02em;margin-bottom:48px}.team-grid{display:grid;gap:24px}.management-team-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:500px}.core-team-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.creative-team-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.team-member-card{text-align:center}.team-member-image{width:90%;margin-left:20px;aspect-ratio:1/1;border-radius:12px;margin-bottom:16px;padding:20px;overflow:hidden}.team-member-image img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.team-member-card:hover .team-member-image img{transform:scale(1.1)}.team-member-image--green{background-color:var(--brand-green-light)}.team-member-image--purple{background-color:var(--brand-purple-light)}.team-member-card h4{font-size:20px;font-weight:600;margin-bottom:4px}.team-member-card p{color:var(--muted-text-color)}.join-team-section{text-align:center}.join-team-section h2{font-size:84px;font-weight:800;letter-spacing:-.04em}.join-team-section p{font-size:18px;margin-top:16px;color:var(--muted-text-color)}.join-team-section .email-link{font-size:24px;font-weight:500;margin-top:16px;display:inline-block;border-bottom:2px solid var(--primary-color)}.join-team-section .email-link:hover{border-color:var(--brand-green)}.transition-panels{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;pointer-events:none;z-index:9999}.transition-panel{flex:1;height:100%;background-color:#111}@media (max-width:992px){.header{padding-top:12px;padding-bottom:12px}.container{padding-left:16px;padding-right:16px}.header-actions a:not(.btn),.nav-links{display:none}.hero-title,.join-team-section h2,.page-title{font-size:56px;margin-bottom:20px}.cta-title,.faq-title,.section-header-dark h2,.section-title,.step-content h2{font-size:44px}.casestudy-grid{margin-left:20px;grid-template-columns:1fr;gap:40px}.testimonial-grid{grid-template-columns:1fr;gap:40px}.testimonial-main{text-align:center}.testimonial-author-wrapper{justify-content:center;flex-direction:column;text-align:center}.author-avatar{margin:0 auto 16px;width:80px;height:80px}.process-step,.process-step.step--reverse{grid-template-columns:1fr;text-align:center;gap:40px}.process-step .step-content,.process-step.step--reverse .step-content{order:2}.step-content p{margin-left:auto;margin-right:auto}.process-step .step-illustration,.process-step.step--reverse .step-illustration{order:1}.pricing-row{grid-template-columns:1fr;text-align:center;padding:20px}.pricing-row .features-list{display:none}.metric-value{font-size:100px}.about-text-columns,.stats-grid{grid-template-columns:1fr 1fr;text-align:justify}.stats-title,.team-group-title{font-size:36px;text-align:center}.stat-item h3{font-size:56px}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.section{padding:80px 0}}@media (max-width:768px){.section{padding:60px 0}.join-team-section h2,.page-title{font-size:42px;margin-bottom:16px}.hero-subtitle{font-size:16px;margin-bottom:32px}.cta-title,.faq-title,.section-header-dark h2,.section-title,.step-content h2{font-size:32px}.section-header{flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:40px}.footer-main{text-align:center;grid-template-columns:1fr;gap:40px}.footer-col ul{display:flex;flex-direction:column;align-items:center;gap:12px}.about-text-columns,.stats-grid{text-align:justify;grid-template-columns:1fr;gap:32px}.stat-item h3{font-size:42px}.stats-grid{gap:32px}.case-card h3{font-size:24px}.testimonial-quote{font-size:28px}.cta-inner{padding:60px 20px}.faq-header h4{font-size:18px}.visual-item{margin:20px}.style-guide-wrapper{grid-template-columns:1fr;gap:40px}}@media (max-width:576px){body{padding-top:73px;font-size:15px}.container{padding-left:12px;padding-right:12px}.section{padding:48px 0}.hero{padding:80px 0 32px}.hero-title,.join-team-section h2,.page-title{font-size:28px;line-height:1.2}.hero-title-pill{width:80px;height:30px}.hero-subtitle{font-size:15px;line-height:1.6;margin-bottom:28px}.hero-cta{flex-direction:column;gap:12px;width:100%}.hero-cta .btn{width:100%}.cta-title,.faq-title,.section-title{font-size:28px}.copyright{flex-direction:column;gap:12px;align-items:center;text-align:center;font-size:13px}.metric-value{font-size:72px}.decorative-circles .circle{width:100px;height:100px}.testimonial-quote{font-size:22px}.form-input{font-size:16px;padding:10px 0}.btn{padding:12px 24px;font-size:15px}.case-card-image-link{border-radius:8px}.case-card h3{font-size:20px;margin-top:-8px}.testimonial-metrics{gap:16px}.metric-card{padding:24px}.metric-card h4{font-size:32px;text-align:center}.metric-card p{text-align:center}.faq-item{margin-left:20px;margin-right:20px;padding:20px 0}.footer{padding:60px 0 24px}.footer-main{padding-bottom:40px;gap:32px}}.case-study-hero{position:relative;min-height:100vh;width:100%;overflow:hidden;padding:120px 0;display:flex;align-items:center;color:var(--text-color-light)}.hero-video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-video-background video{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-video-background::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.85));backdrop-filter:blur(4px);z-index:1}.desktop-video{display:block}.mobile-video{display:none}.hero-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-tag{display:inline-block;font-size:clamp(14px, 1vw, 16px);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;padding:8px 16px;background:rgba(74,222,128,.2);color:var(--brand-green);border-radius:4px}.case-study-client{display:inline-flex;align-items:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.client-badge{padding:8px 16px;background:rgba(255,255,255,.1);color:var(--text-color-light);border-radius:4px;font-weight:500;font-size:clamp(14px, .9vw, 16px);white-space:nowrap}.client-name{font-weight:600;font-size:clamp(16px, 1.1vw, 20px);color:var(--text-color-light);padding:8px 0;display:inline-block}.case-study-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;line-height:1.2;margin-bottom:24px;max-width:900px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.case-study-subtitle{font-size:clamp(1.125rem, 1.5vw, 1.5rem);line-height:1.5;margin-bottom:48px;max-width:800px;color:rgba(255,255,255,.9)}.highlight{color:var(--brand-green);font-weight:600}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(24px,3vw,60px);margin-top:48px;max-width:800px}.stat-item{text-align:center}.stat-value{font-size:clamp(1.5rem, 2vw, 2rem);font-weight:700;color:var(--brand-green);margin-bottom:8px}.stat-label{font-size:clamp(12px, .9vw, 14px);font-weight:500;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:1px}.case-study-title{font-size:72px;font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:800px;margin:0 auto 24px}.case-study-subtitle{font-size:20px;line-height:1.7;color:var(--muted-text-color);max-width:600px;margin:0 auto 48px}.case-study-hero-image{border-radius:16px;overflow:hidden;margin-top:64px}.case-study-hero-image img{width:100%;height:auto}.about-taskade{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding:56px 0 32px 0;align-items:start}.about-taskade-title{font-size:96px;font-weight:800;line-height:1.05;margin-bottom:28px;letter-spacing:-2px}.about-taskade-desc{font-size:2rem;font-weight:400;line-height:1.2;margin-bottom:26px;margin-top:0}.about-taskade-link{font-weight:700;text-decoration:underline;color:#000}.about-taskade-icon-row{display:flex;align-items:center;gap:18px;margin-top:28px}.about-taskade-icon-row svg{height:56px;width:56px;display:block}.about-taskade-secondary{font-size:1.25rem;font-weight:400;line-height:1.27}.about-taskade-table{margin-top:36px;width:100%;border-collapse:collapse;font-size:1.2rem}.about-taskade-table-row{display:flex;gap:24px;align-items:center;border-bottom:1.5px solid #e5e5e5;max-width:570px;margin-bottom:8px;padding-bottom:9px}.about-taskade-table-label{font-weight:600;flex:1;font-size:1.18rem}.about-taskade-table-value{flex:1;font-size:1.15rem;color:#363636;text-align:right;font-weight:400}@media (max-width:900px){.about-taskade{grid-template-columns:1fr;gap:32px}.about-taskade-title{font-size:48px}}@media (max-width:600px){.about-taskade-title{font-size:32px}.about-taskade-desc{font-size:1.1rem}.about-taskade-secondary{font-size:1rem}}.project-info-grid{display:flex;flex-direction:column;gap:32px;border-top:1px solid var(--border-color);padding-top:32px}.project-info-item h4{font-size:16px;font-weight:600;margin-bottom:8px}.project-info-item p{color:var(--muted-text-color)}.text-center{text-align:center}.style-guide-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:64px;text-align:center}.style-guide-item h3{font-size:24px;font-weight:600;margin-bottom:40px}.font-display-grid{display:flex;justify-content:center;gap:48px}.font-name{font-size:18px;margin-bottom:16px;display:block}.font-example-large{font-size:96px;font-weight:300}.font-item:first-child .font-example-large{font-family:serif}.font-item:last-child .font-example-large{font-family:sans-serif}.font-weights{margin-top:16px;color:var(--muted-text-color)}.color-palette{display:flex;justify-content:center;gap:24px}.color-swatch{width:80px;height:80px;border-radius:50%;border:1px solid var(--border-color)}.no-padding{padding-left:0;padding-right:0}.project-visuals{margin-top:48px}.visuals-row{display:grid;gap:24px;margin-bottom:24px}.visuals-row:first-child{grid-template-columns:1.5fr 1fr}.visuals-row--small{grid-template-columns:repeat(3,1fr)}.visual-item{position:relative;border-radius:16px;overflow:hidden;background-color:var(--background-color-light);transition:transform .3s ease}.visual-item:hover{transform:translateY(-4px)}.visual-item img{width:100%;height:100%;object-fit:cover;display:block}.visual-caption{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:14px;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease}.visual-item:hover .visual-caption{opacity:1;transform:translateY(0)}@media (max-width:768px){.visuals-row--small,.visuals-row:first-child{grid-template-columns:1fr}.visual-caption{opacity:1;transform:none}}.strategy-section{background-color:var(--background-color-light);padding:120px 0}.strategy-header{text-align:center;max-width:600px;margin:0 auto 80px}.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.strategy-card{background:#fff;padding:40px;border-radius:24px;transition:all .3s ease;position:relative;overflow:hidden}.strategy-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--brand-green),#3b82f6);opacity:0;transition:opacity .3s ease}.strategy-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.strategy-card:hover::before{opacity:1}.strategy-icon{margin-bottom:24px;color:var(--brand-green)}.strategy-card h3{font-size:24px;font-weight:700;margin-bottom:16px}.strategy-card p{color:var(--muted-text-color);margin-bottom:24px;font-size:16px;line-height:1.6}.strategy-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.strategy-list li{padding-left:28px;position:relative;color:var(--muted-text-color);font-size:15px}.strategy-list li::before{content:'✓';position:absolute;left:0;color:var(--brand-green);font-weight:600}.strategy-result{margin-top:auto;padding-top:24px;border-top:1px solid var(--border-color)}.result-label{font-size:14px;color:var(--muted-text-color);margin-bottom:8px}.result-value{font-size:18px;font-weight:600;color:var(--brand-green)}@media (max-width:992px){.strategy-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:992px){.case-study-title{font-size:56px}.about-project{grid-template-columns:1fr}}@media (max-width:768px){.case-study-title{font-size:48px}.case-study-subtitle{font-size:18px}.strategy-grid,.style-guide-wrapper{grid-template-columns:1fr;gap:60px}}.development-process{background-color:var(--background-color-light)}.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:64px}.process-card{position:relative;background:#fff;padding:40px;border-radius:24px;border:1px solid var(--border-color);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.process-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.07)}.process-card__number{position:absolute;top:10px;right:25px;font-size:100px;font-weight:800;line-height:1;color:rgba(0,0,0,.04);z-index:1;pointer-events:none}.process-card__icon{position:relative;z-index:2;margin-bottom:24px;background-color:rgba(74,222,128,.1);width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.process-card__icon img{height:36px;width:36px}.process-card__content{position:relative;z-index:2}.process-card__content h3{font-size:24px;font-weight:700;margin-bottom:12px}.process-card__content p{color:var(--muted-text-color);line-height:1.65}@media (max-width:992px){.process-grid{grid-template-columns:1fr}}@media (max-width:768px){.process-grid{gap:24px;margin-top:40px}.process-card{padding:32px}.process-card__number{font-size:80px}}.responsibilities-section{background-color:var(--background-color-light)}.responsibilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:80px}.responsibilities-list{display:flex;flex-direction:column;gap:16px}.responsibility-item{background-color:#fff;border:1px solid var(--border-color);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease}.responsibility-item:hover{border-color:var(--primary-color);transform:translateY(-4px)}.responsibility-header{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.responsibility-header h4{font-size:20px;font-weight:600}.arrow-icon{width:12px;height:12px;border-right:2px solid var(--muted-text-color);border-bottom:2px solid var(--muted-text-color);transform:rotate(-45deg);transition:transform .3s ease}.responsibility-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-out,opacity .3s ease-out,margin-top .4s ease-out;color:var(--muted-text-color);line-height:1.6}.responsibility-item.active{background-color:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color)}.responsibility-item.active .responsibility-header h4{color:var(--secondary-color)}.responsibility-item.active .arrow-icon{transform:rotate(45deg);border-color:var(--secondary-color)}.responsibility-item.active .responsibility-content{max-height:200px;opacity:1;margin-top:16px;color:rgba(255,255,255,.8)}.responsibilities-visual{height:500px;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}.responsibilities-visual img{width:100%;height:100%;object-fit:cover;opacity:0}@media (max-width:992px){.responsibilities-grid{grid-template-columns:1fr;gap:48px}.responsibilities-visual{order:-1;height:400px}}@media (max-width:768px){.responsibilities-visual{height:300px}}.services-section .section-header{text-align:center;flex-direction:column;max-width:600px;margin-left:auto;margin-right:auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}.service-card{background-color:#fff;border:1px solid var(--border-color);border-radius:24px;padding:40px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.service-icon{width:64px;height:64px;border-radius:16px;background-color:var(--background-color-light);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.service-icon img{height:36px;width:36px}.service-card h3{font-size:24px;font-weight:700;margin-bottom:16px}.service-card p{color:var(--muted-text-color);line-height:1.6;margin-bottom:24px}.service-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:12px}.service-list li{position:relative;padding-left:24px;color:var(--muted-text-color)}.service-list li::before{content:'✓';position:absolute;left:0;color:var(--brand-green);font-weight:600}.academic-timeline{position:relative;display:flex;flex-direction:column;gap:40px}.timeline-block{position:relative;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:60px;padding:40px 0}.timeline-block.layout-reversed .timeline-details{order:2}.timeline-block.layout-reversed .timeline-visual{order:1}.timeline-divider{width:80%;height:1px;background-color:var(--border-color);margin:20px auto}.sequence-marker{position:absolute;top:-20px;left:0;font-size:120px;font-weight:800;font-family:'Bebas Neue',sans-serif;color:rgba(0,0,0,.04);z-index:1;pointer-events:none;line-height:1}.timeline-block.layout-reversed .sequence-marker{left:auto;right:0}.block-heading{font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:24px;color:var(--primary-color);position:relative;z-index:2}.block-summary{font-size:18px;line-height:1.7;color:var(--muted-text-color);margin-bottom:32px;max-width:500px;position:relative;z-index:2}.milestone-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:20px;position:relative;z-index:2}.milestone-list li{font-size:16px;font-weight:500;display:flex;align-items:center;gap:12px;padding:16px;background-color:var(--background-color-light);border-radius:12px;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.milestone-list li:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.05)}.milestone-list .fa-check-circle{color:var(--brand-green);font-size:20px}.timeline-visual{padding:20px;border-radius:24px;background:#f9f9f9;position:relative;z-index:2}@media (max-width:992px){.timeline-block,.timeline-block.layout-reversed{grid-template-columns:1fr;text-align:center;gap:40px}.timeline-block .timeline-details,.timeline-block.layout-reversed .timeline-details{order:2}.block-summary{margin-left:auto;margin-right:auto}.timeline-block .timeline-visual,.timeline-block.layout-reversed .timeline-visual{order:1}.sequence-marker{font-size:90px;top:0}.milestone-list{align-items:flex-start;text-align:left}}.mockup-showcase-section .section-subtitle,.mockup-showcase-section .section-title{color:var(--primary-color)}.mockup-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:48px}.tab-button{padding:12px 24px;font-size:16px;font-weight:600;font-family:var(--font-primary);border:1px solid var(--border-color);background-color:transparent;color:var(--muted-text-color);border-radius:99px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab-button:hover{background-color:var(--background-color-light);border-color:var(--primary-color);color:var(--primary-color)}.tab-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color)}.content-panel{display:none;animation:fadeIn .5s ease-in-out}.content-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mockup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.mockup-item{background-color:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.07);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.mockup-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.mockup-item img{width:100%;height:auto;display:block;border-radius:8px}@media (max-width:992px){.mockup-grid{gap:24px}}@media (max-width:768px){.mockup-grid{grid-template-columns:1fr}}@media (max-width:576px){.tab-button{padding:10px 16px;font-size:14px}}.tech-showcase-section{background-color:var(--background-color-light)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:64px}.tech-card{background-color:#fff;border-radius:16px;padding:24px;border:1px solid var(--border-color);display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.tech-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.08);border-color:var(--brand-green);cursor:pointer}.tech-card-icon{width:48px;height:48px;flex-shrink:0;object-fit:contain}.tech-card-info{flex-grow:1}.tech-card-name{font-size:20px;font-weight:700;font-family:Lato,sans-serif;color:var(--primary-color);margin:0 0 4px 0}.tech-card-category{font-size:14px;color:var(--muted-text-color);margin:0}@media (max-width:768px){.tech-grid{grid-template-columns:1fr;margin-top:48px}}