:root{--teal:#4ecdc4;--teal-dark:#3ba99f;--navy:#2e2e38;--black:#1a1a23;--grey:#74747f;--bg:#f8f7f4;--border:#e8e7e3;--teal10:#4ecdc41a;--teal15:#4ecdc426;--teal30:#4ecdc44d;--teal-glow:#4ecdc459}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--black);font-family:DM Sans,sans-serif}::selection{background:var(--teal);color:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}img{max-width:100%}.nav{z-index:1000;padding:18px 0;transition:all .4s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#f8f7f4f5;padding:10px 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo img{height:48px;display:block}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--grey);font-size:13px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--black)}.dropdown{position:relative}.dropdown>a{cursor:pointer}.dropdown>a:after{content:"▾";opacity:.5;margin-left:4px;font-size:10px}.dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;min-width:240px;padding-top:12px;transition:all .25s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dropdown-menu-inner{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px;box-shadow:0 8px 32px #00000014}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto}.dropdown-menu a{color:var(--grey);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:block}.dropdown-menu a:hover{background:var(--bg);color:var(--black)}.dropdown-menu a.active-line{color:var(--teal);font-weight:600}.dropdown-menu a.active-line:before{content:"";background:var(--teal);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.dropdown-menu .divider{background:var(--border);height:1px;margin:4px 0}.btn{cursor:pointer;border:none;border-radius:10px;font-family:inherit;font-weight:600;transition:all .3s;display:inline-block}.btn-teal{background:var(--teal);color:#fff;box-shadow:0 3px 14px var(--teal-glow);padding:10px 24px;font-size:13px}.btn-teal:hover{transform:translateY(-1px);box-shadow:0 6px 24px #4ecdc473}.btn-teal-lg{background:var(--teal);color:#fff;box-shadow:0 4px 20px var(--teal-glow);border-radius:12px;padding:16px 36px;font-size:16px;font-weight:700}.btn-teal-lg:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4ecdc473}.btn-outline{border:2px solid var(--border);color:var(--navy);background:0 0;border-radius:10px;padding:14px 30px;font-size:16px;font-weight:500}.btn-outline:hover{border-color:var(--navy)}.btn-outline-lg{border:2px solid var(--border);color:var(--navy);background:0 0;border-radius:12px;padding:16px 32px;font-size:17px;font-weight:600}.btn-outline-lg:hover{border-color:var(--navy)}.section{padding:110px 0}.section-label{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:600}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(30px,3.5vw,44px);font-weight:800;line-height:1.12}.section-desc{color:var(--grey);max-width:600px;font-size:16px;line-height:1.6}.hero{background:var(--bg);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-grid{opacity:.7;background-image:linear-gradient(#4ecdc40f 1px,#0000 1px),linear-gradient(90deg,#4ecdc40f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-blob{background:radial-gradient(circle,#4ecdc41a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:5%;right:-8%}.hero-blob-2{background:radial-gradient(circle,#4ecdc40f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-10%;left:-5%}.hero-circuit{opacity:.07;width:280px;height:280px;position:absolute;top:18%;right:6%}.hero-circuit:before{content:"";border:2px solid var(--teal);border-radius:12px;width:100%;height:100%;position:absolute;transform:rotate(15deg)}.hero-circuit:after{content:"";border:2px dashed var(--teal);border-radius:50%;width:60%;height:60%;animation:4s ease-in-out infinite pulse;position:absolute;top:20%;left:20%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero .wrap{z-index:1;padding-top:140px;padding-bottom:100px;position:relative}.hero-badge{border:1px solid var(--border);color:var(--grey);background:#fff;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--teal);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-.03em;max-width:800px;margin-bottom:24px;font-size:clamp(40px,5.5vw,68px);font-weight:800;line-height:1.06}.hero h1 .gradient{background:linear-gradient(135deg,var(--teal),#7eddd6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-sub{color:var(--grey);max-width:600px;margin-bottom:44px;font-size:19px;line-height:1.65}.hero-sub strong{color:var(--black);font-weight:600}.hero-buttons{flex-wrap:wrap;gap:14px;margin-bottom:72px;display:flex}.stats-row{flex-wrap:wrap;gap:48px;display:flex}.stat-item .val{letter-spacing:-.02em;font-size:34px;font-weight:800}.stat-item .lab{color:var(--grey);margin-top:2px;font-size:13px}.bg-white{background:#fff}.bg-light{background:var(--bg)}.audience-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.audience-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;height:100%;padding:32px;display:flex}.audience-card .icon{margin-bottom:16px}.audience-card h3{margin-bottom:6px;font-size:20px;font-weight:700}.audience-card .profile{color:var(--teal);margin-bottom:16px;font-size:13px;font-weight:600}.audience-card .pain{color:var(--grey);margin-bottom:8px;padding-left:16px;font-size:14px;line-height:1.6;position:relative}.audience-card .pain:before{content:"•";color:var(--grey);position:absolute;left:0}.audience-card .card-cta{color:var(--black);margin-top:auto;padding-top:20px;font-size:14px;font-weight:600}.audience-card .card-cta:hover{color:var(--teal)}.problem-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px;display:grid}.problem-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;height:100%;padding:32px;display:flex}.problem-card .icon{margin-bottom:16px;font-size:28px}.problem-card h3{margin-bottom:10px;font-size:20px;font-weight:700}.problem-card p{color:var(--grey);flex:1;margin-bottom:20px;font-size:14px;line-height:1.6}.problem-stat{background:var(--teal10);border-left:3px solid var(--teal);border-radius:10px;padding:14px 16px}.problem-stat .val{font-size:24px;font-weight:800}.problem-stat .lab{color:var(--grey);font-size:12px;line-height:1.4}.alert-box{background:var(--teal10);border:1px solid var(--teal30);color:var(--navy);border-radius:12px;padding:20px 28px;font-size:15px;font-weight:500;line-height:1.5}.service-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.service-card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:28px;transition:border-color .3s,box-shadow .3s}.service-card:hover{border-color:var(--teal30);box-shadow:0 4px 20px #4ecdc414}.service-card h4{margin-bottom:10px;font-size:17px;font-weight:700}.service-card p{color:var(--grey);font-size:14px;line-height:1.6}.service-outcome{color:var(--teal);border-top:1px solid var(--border);margin-top:14px;padding-top:14px;font-size:13px;font-weight:600}.service-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.service-tag{color:var(--navy);background:var(--teal15);border-radius:100px;padding:6px 14px;font-size:13px;font-weight:500}.bg-navy{background:var(--navy)}.process-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.process-card{background:#1a1a2380;border:1px solid #74747f1f;border-radius:16px;padding:28px}.process-card .num{color:#4ecdc440;margin-bottom:12px;font-size:48px;font-weight:900;line-height:1}.process-card h3{color:#fff;margin-bottom:16px;font-size:18px;font-weight:700}.process-card .item{color:#74747fcc;margin-bottom:8px;padding-left:16px;font-size:13px;line-height:1.5;position:relative}.process-card .item:before{content:"→";color:var(--teal);position:absolute;left:0}.faq-section{margin-top:48px}.faq-item{background:#1a1a2380;border:1px solid #74747f1f;border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-question{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.faq-question:after{content:"+";color:var(--teal);font-size:20px;transition:transform .3s}.faq-item.open .faq-question:after{content:"−"}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-answer-inner{color:#74747fcc;padding:0 24px 20px;font-size:14px;line-height:1.6}.case-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.case-left{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:36px}.case-left h3{margin-bottom:8px;font-size:20px;font-weight:700}.case-left .profile{color:var(--teal);margin-bottom:16px;font-size:13px;font-weight:600}.case-left .item{color:var(--grey);margin-bottom:8px;padding-left:16px;font-size:14px;line-height:1.5;position:relative}.case-left .item:before{content:"✕";color:#ef4444;position:absolute;left:0}.case-right{background:var(--navy);border-radius:16px;padding:36px}.case-right h3{color:#fff;margin-bottom:16px;font-size:20px;font-weight:700}.case-right .item{color:#74747fcc;margin-bottom:10px;padding-left:16px;font-size:14px;line-height:1.5;position:relative}.case-right .item:before{content:"✓";color:var(--teal);position:absolute;left:0}.results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.result-card{background:var(--teal10);border:1px solid var(--teal30);border-radius:12px;padding:20px 24px}.result-card .val{font-size:28px;font-weight:800}.result-card .lab{color:var(--grey);font-size:13px;line-height:1.4}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.pricing-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:36px;position:relative}.pricing-card.highlight{border:2px solid var(--teal)}.pricing-badge{color:#fff;background:var(--teal);letter-spacing:.05em;text-transform:uppercase;border-radius:100px;padding:4px 16px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card .level{color:var(--grey);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.pricing-card h3{margin-bottom:6px;font-size:24px;font-weight:800}.pricing-card .price{color:var(--teal);margin-bottom:24px;font-size:16px;font-weight:700}.pricing-card .item{color:var(--grey);margin-bottom:10px;font-size:14px;line-height:1.5}.pricing-card .item.highlight-text{color:var(--teal);font-weight:600}.pricing-note{border:1px solid var(--border);text-align:center;background:#2e2e380a;border-radius:12px;margin-top:32px;padding:20px 28px}.pricing-note p{color:var(--navy);font-size:15px}.pricing-note .save{color:var(--teal);font-weight:700}.compare-table{border:1px solid var(--border);border-radius:16px;overflow:hidden}.compare-header,.compare-row{grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 20px;display:grid}.compare-header{background:var(--bg);padding:14px 20px}.compare-header div{color:var(--grey);letter-spacing:.05em;text-transform:uppercase;text-align:center;font-size:12px;font-weight:600}.compare-header div:first-child{text-align:left}.compare-header .ams{color:var(--teal);font-weight:700}.compare-row{border-top:1px solid var(--border)}.compare-row:nth-child(odd){background:#f8f7f480}.compare-row div{color:var(--grey);text-align:center;font-size:13px}.compare-row div:first-child{color:var(--black);text-align:left;font-size:14px;font-weight:600}.compare-row .ams{color:var(--teal);font-weight:700}.check{color:#4ade80}.cross{color:#ef4444}.testimonial-box{background:#1a1a2380;border:1px solid #74747f1f;border-radius:20px;min-height:220px;padding:44px 48px;position:relative}.testimonial-box .quote{color:var(--teal);margin-bottom:20px;font-family:Georgia,serif;font-size:44px;line-height:1}.testimonial-slide{display:none}.testimonial-slide.active{display:block}.testimonial-slide p{color:#fff;margin-bottom:28px;font-size:20px;line-height:1.6}.testimonial-slide .name{color:#fff;font-size:15px;font-weight:700}.testimonial-slide .role{color:var(--grey);font-size:13px}.testimonial-context{color:#74747f80;margin-top:6px;font-size:12px;font-style:italic}.dots{gap:6px;margin-top:36px;display:flex}.dot-btn{cursor:pointer;background:#74747f40;border:none;border-radius:100px;width:8px;height:8px;padding:0;transition:all .3s}.dot-btn.active{background:var(--teal);width:28px}.clients-row{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:48px;display:flex}.client-tag{color:#74747f70;letter-spacing:.04em;text-transform:uppercase;border:1px solid #74747f1a;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600}.cta{text-align:center;position:relative;overflow:hidden}.cta-blob{background:radial-gradient(circle,#4ecdc41f 0%,#0000 70%);border-radius:50%;width:700px;height:350px;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.cta .wrap{z-index:1;position:relative}.cta h2{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(34px,4.5vw,52px);font-weight:800;line-height:1.1}.cta h2 .teal{color:var(--teal)}.cta-sub{color:var(--grey);max-width:520px;margin:0 auto 40px;font-size:17px;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-trust{color:var(--grey);flex-wrap:wrap;justify-content:center;gap:32px;margin-top:28px;font-size:13px;display:flex}.cta-contact{color:var(--grey);margin-top:32px;font-size:13px}footer{background:var(--black);padding:56px 0 28px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:36px;margin-bottom:40px;display:flex}.footer-logo{margin-bottom:14px}.footer-logo img{height:40px}.footer-desc{color:var(--grey);max-width:280px;font-size:13px;line-height:1.5}.footer-cols{gap:56px;display:flex}.footer-col h4{color:var(--grey);letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.footer-col div{color:#74747fab;margin-bottom:8px;font-size:13px}.footer-col a{color:#74747fab;transition:color .2s}.footer-col a:hover{color:var(--teal)}.footer-bottom{color:var(--grey);border-top:1px solid #74747f1f;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:12px;display:flex}.fade-in{opacity:0;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.fade-in.visible{opacity:1;transform:none}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--black);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.mobile-menu{background:var(--bg);z-index:2000;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:100%;transition:right .3s;display:flex;position:fixed;top:0;right:-100%}.mobile-menu.open{right:0}.mobile-menu a{color:var(--navy);font-size:18px;font-weight:500}.mobile-close{cursor:pointer;color:var(--navy);background:0 0;border:none;font-size:28px;position:absolute;top:20px;right:24px}@media (max-width:1024px){.hero h1{font-size:44px}.stats-row{gap:32px}.problem-grid,.service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}.compare-header,.compare-row{padding:10px 14px}.audience-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.nav-links{display:none}.hamburger{display:flex}.hero h1{font-size:36px}.stats-row{gap:24px}.compare-header,.compare-row{grid-template-columns:1.5fr 1fr 1fr 1fr;padding:10px 12px}.compare-header div,.compare-row div{font-size:11px}.testimonial-box{padding:28px 24px}.footer-cols{flex-direction:column;gap:24px}.audience-grid{grid-template-columns:1fr}.cta-trust{flex-direction:column;align-items:center;gap:12px}.stack-grid{grid-template-columns:repeat(2,1fr)}}