:root{--primary:#00c49a;--primary-dark:#00876a;--dark:#0a1f1c;--dark-2:#102b26;--text:#172b27;--muted:#5b6b66;--light:#f7f9f5;--border:#e3e8e1;--white:#fff}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text);background:var(--white);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img,svg{max-width:100%}button,input,textarea,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}::selection{background:var(--teal-tint);color:var(--ink)}.case-study-page{font-family:var(--font-body);color:var(--text);background:var(--white);overflow:hidden}.case-container{width:min(1180px,100% - 40px);margin:auto}.case-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#00c49a33,#0000 35%),linear-gradient(135deg,#06101d,#0c1728);padding:110px 0 100px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;display:grid}.eyebrow{color:var(--primary);letter-spacing:2px;margin-bottom:20px;font-size:12px;font-weight:800;display:inline-block}.case-hero .eyebrow{color:#00c49a}.hero-content h1{font-family:var(--font-display);letter-spacing:-2.8px;margin:0 0 28px;font-size:clamp(42px,5vw,70px);line-height:1.04}.hero-content h1 span{color:#00c49a}.hero-description{color:#c0d1cb;max-width:650px;margin-bottom:35px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.primary-btn,.secondary-btn{border-radius:8px;justify-content:center;align-items:center;padding:15px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.secondary-btn{color:#fff;border:1px solid #ffffff40}.secondary-btn:hover{background:#ffffff14}.hero-card{background:#ffffff1f;border:1px solid #ffffff24;border-radius:18px;padding:8px;transform:rotate(1deg);box-shadow:0 30px 80px #00000059}.browser-top{align-items:center;gap:7px;height:38px;padding-left:14px;display:flex}.browser-top span{background:#8492a6;border-radius:50%;width:9px;height:9px}.website-preview{background:linear-gradient(135deg,#00c49af2,#0a1e3cfa);border-radius:12px;min-height:390px;padding:45px 35px}.preview-badge{letter-spacing:1.4px;opacity:.8;margin-bottom:50px;font-size:11px;font-weight:800}.website-preview h3{font-family:var(--font-display);margin:0 0 18px;font-size:34px;line-height:1.15}.website-preview p{color:#d7ebe5;max-width:380px;line-height:1.7}.preview-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:45px;display:grid}.preview-stats div{background:#ffffff1a;border-radius:10px;padding:15px}.preview-stats strong,.preview-stats small{display:block}.preview-stats strong{font-size:18px}.preview-stats small{color:#cfe0db;margin-top:5px;font-size:10px}.section{padding:110px 0}.section-heading{max-width:750px;margin-bottom:60px}.section-heading h2{font-family:var(--font-display);letter-spacing:-1.8px;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.1}.section-heading p{color:var(--muted);margin-top:20px;line-height:1.8}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.overview-grid{grid-template-columns:1.3fr .7fr;gap:80px;display:grid}.overview-grid p{color:#536861;font-size:16px;line-height:1.9}.project-info{gap:14px;display:grid}.info-box{background:var(--light);border:1px solid var(--border);border-radius:12px;padding:22px}.info-box span,.info-box strong{display:block}.info-box span{color:var(--muted);margin-bottom:7px;font-size:12px}.info-box strong{font-size:15px}.dark-section,.results-section{background:var(--dark);color:#fff;padding:110px 0}.section-heading.light h2{color:#fff}.challenge-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.challenge-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:15px;min-height:300px;padding:35px}.challenge-card span{color:#00c49a;font-size:13px;font-weight:800}.challenge-card h3{font-family:var(--font-display);margin-top:55px;font-size:23px}.challenge-card p{color:#aec2bc;line-height:1.8}.solution-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:60px;display:grid}.solution-content h3{font-family:var(--font-display);font-size:30px}.solution-content p{color:var(--muted);line-height:1.8}.solution-content ul{margin-top:30px;padding:0;list-style:none}.solution-content li{border-bottom:1px solid var(--border);padding:15px 0;font-weight:600}.solution-content li:before{content:"✓";color:var(--primary);margin-right:12px;font-weight:900}.solution-highlight{background:var(--dark);color:#fff;border-radius:20px;padding:50px}.big-number{color:#00c49a;letter-spacing:2px;font-size:13px;font-weight:800}.solution-highlight h3{font-family:var(--font-display);margin:80px 0 20px;font-size:38px;line-height:1.2}.solution-highlight p{color:#aec2bc;line-height:1.8}.benefits-section{background:var(--light);padding:110px 0}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.benefit-card{border:1px solid var(--border);background:#fff;border-radius:14px;min-height:280px;padding:28px;transition:all .3s}.benefit-card:hover{border-color:#a9dfd1;transform:translateY(-7px);box-shadow:0 20px 50px #0f172a14}.benefit-icon{width:42px;height:42px;color:var(--primary);background:#e8f8f3;border-radius:9px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.benefit-card h3{font-family:var(--font-display);margin:35px 0 14px;font-size:19px}.benefit-card p{color:var(--muted);font-size:14px;line-height:1.7}.results-section{background:radial-gradient(circle at 50% 0%,#00c49a40,transparent 45%),var(--dark)}.result-grid{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;grid-template-columns:repeat(4,1fr);display:grid}.result-item{border-right:1px solid #ffffff26;padding:35px 25px}.result-item:last-child{border-right:0}.result-item strong,.result-item span{display:block}.result-item strong{color:#00c49a;margin-bottom:20px}.result-item span{font-size:16px;font-weight:600}.journey{justify-content:space-between;align-items:center;display:flex}.journey-step{max-width:200px}.journey-step span{width:46px;height:46px;color:var(--primary);background:#e8f8f3;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.journey-step h3{font-family:var(--font-display);margin-top:25px}.journey-step p{color:var(--muted);font-size:14px;line-height:1.7}.journey-line{background:var(--border);flex:1;height:1px;margin:0 20px}.quote-section{background:#f4f7f3;padding:100px 0}.quote-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:20px;max-width:900px;margin:auto;padding:70px 50px}.quote-mark{color:#9de7d4;font-family:Georgia,serif;font-size:90px;line-height:.5;display:block}.quote-card p{font-family:var(--font-display);color:#18312c;font-size:25px;line-height:1.6}.quote-line{background:var(--primary);width:45px;height:2px;margin:30px auto}.quote-card strong,.quote-card span:last-child{display:block}.quote-card strong{font-size:14px}.quote-card span:last-child{color:var(--muted);margin-top:7px;font-size:12px}.cta-section{background:var(--primary);color:#fff;padding:120px 0}.cta-content{text-align:center}.cta-section .eyebrow{color:#9de7d4}.cta-content h2{font-family:var(--font-display);letter-spacing:-2px;margin:0 0 25px;font-size:clamp(38px,5vw,62px);line-height:1.08}.cta-content p{color:#d5f7ee;max-width:650px;margin:0 auto 35px;line-height:1.8}.cta-section .primary-btn{color:var(--primary);background:#fff}.cta-section .primary-btn:hover{background:#e8f8f3}@media (max-width:1000px){.hero-grid,.overview-grid,.solution-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.challenge-grid{grid-template-columns:1fr}.hero-card{width:100%;max-width:700px;margin:auto}.journey{flex-wrap:wrap;gap:35px}.journey-line{display:none}}@media (max-width:650px){.case-container{width:min(100% - 28px,1180px)}.case-hero,.section,.dark-section,.results-section,.benefits-section,.quote-section,.cta-section{padding:75px 0}.hero-content h1{letter-spacing:-1.8px;font-size:42px}.hero-description{font-size:15px}.website-preview{min-height:350px;padding:30px 22px}.website-preview h3{font-size:27px}.preview-stats{gap:6px}.preview-stats div{padding:10px}.overview-grid{gap:35px}.benefits-grid,.result-grid{grid-template-columns:1fr}.result-item{border-bottom:1px solid #ffffff26;border-right:0}.result-item:last-child{border-bottom:0}.solution-highlight{padding:30px}.solution-highlight h3{margin-top:50px;font-size:30px}.quote-card{padding:50px 25px}.quote-card p{font-size:20px}.journey{grid-template-columns:1fr;display:grid}.journey-step{max-width:none}}.proof-section{background:#fff;padding:110px 0}.proof-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.proof-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;transition:all .35s;overflow:hidden}.proof-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #0f172a1a}.proof-large{grid-column:span 2}.proof-image{background:#eef2f7;width:100%;height:330px;position:relative;overflow:hidden}.proof-large .proof-image{height:500px}.proof-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.proof-card:hover .proof-image img{transform:scale(1.03)}.proof-content{padding:30px}.proof-content span{color:#00876a;letter-spacing:1.5px;font-size:11px;font-weight:800}.proof-content h3{font-family:var(--font-display);margin:13px 0;font-size:24px}.proof-content p{color:#64748b;margin:0;font-size:14px;line-height:1.8}@media (max-width:700px){.proof-section{padding:75px 0}.proof-grid{grid-template-columns:1fr}.proof-large{grid-column:span 1}.proof-image,.proof-large .proof-image{height:260px}.proof-content{padding:24px}.proof-content h3{font-size:20px}}@media (max-width:1200px){.case-container{width:min(100% - 48px,1180px)}.hero-grid,.overview-grid{gap:50px}}@media (max-width:900px){.case-hero{padding:90px 0 80px}.hero-grid{gap:45px}.section,.dark-section,.results-section,.benefits-section,.proof-section{padding:90px 0}.section-heading{margin-bottom:45px}.challenge-card{min-height:auto}.solution-grid{gap:40px}.result-grid{grid-template-columns:repeat(2,1fr)}.result-item:nth-child(2){border-right:0}.result-item:nth-child(-n+2){border-bottom:1px solid #ffffff26}}@media (max-width:650px){.case-container{width:calc(100% - 28px)}.case-hero,.section,.dark-section,.results-section,.benefits-section,.quote-section,.cta-section,.proof-section{padding:64px 0}.hero-content h1{letter-spacing:-1.5px;font-size:clamp(36px,11vw,48px);line-height:1.08}.section-heading h2,.cta-content h2{letter-spacing:-1px}.hero-description{line-height:1.7}.hero-buttons{width:100%}.primary-btn,.secondary-btn{width:100%;min-height:50px}.hero-card{transform:none}.browser-top{height:32px;padding-left:10px}.website-preview{min-height:320px;padding:28px 20px}.website-preview h3{font-size:25px}.preview-badge{margin-bottom:35px}.preview-stats{grid-template-columns:1fr;margin-top:30px}.preview-stats div{padding:12px}.solution-highlight{padding:28px 22px}.solution-highlight h3{margin-top:45px;font-size:28px}.result-grid{grid-template-columns:1fr}.result-item,.result-item:nth-child(2){border-bottom:1px solid #ffffff26;border-right:0}.result-item:last-child{border-bottom:0}.quote-card{padding:42px 22px}.quote-mark{font-size:70px}.quote-card p{font-size:19px}.cta-content h2{font-size:clamp(34px,10vw,48px)}}@media (max-width:380px){.case-container{width:calc(100% - 22px)}.case-hero,.section,.dark-section,.results-section,.benefits-section,.quote-section,.cta-section,.proof-section{padding:52px 0}.hero-content h1{font-size:34px}.website-preview{padding:24px 16px}.solution-highlight{padding:24px 18px}.proof-content{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}