*{box-sizing:border-box} :root{--navy:#07182e;--navy2:#0d2340;--ink:#13233a;--muted:#657187;--green:#18c69a;--blue:#1768d5;--pale:#f5f8fb;--line:#e4eaf0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);line-height:1.6;background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:"Manrope",sans-serif;letter-spacing:-.04em}h1{font-size:clamp(3rem,6.3vw,5.65rem);line-height:1.02;font-weight:800;margin:22px 0 24px;max-width:680px}h2{font-size:clamp(2.3rem,4.2vw,3.8rem);line-height:1.1;font-weight:800;margin-bottom:22px}h3{font-size:1.35rem;line-height:1.25;margin-bottom:12px}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.announcement{min-height:38px;background:#061326;color:#d9e4f1;text-align:center;font-size:.77rem;letter-spacing:.01em;padding:8px 20px}.announcement-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin:0 8px 1px 0}.announcement a{color:#fff;text-decoration:none;margin-left:12px;font-weight:700}.site-header{height:84px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(18,35,58,.07)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-size:1.3rem;font-weight:800;line-height:1.05}.brand img{width:52px;height:52px;object-fit:contain;border-radius:10px}.brand b{color:#13bfa0}.brand small{display:block;font-family:"DM Sans",sans-serif;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#718095;margin-top:6px;font-weight:700}.nav-links{display:flex;align-items:center;gap:32px}.nav-links>a{font-size:.9rem;font-weight:600;text-decoration:none;color:#3b4960;transition:color .2s}.nav-links>a:hover,.text-link:hover{color:#0cae91}.nav-links .nav-cta{background:var(--navy);color:#fff;padding:13px 19px;border-radius:7px}.nav-cta span,.btn span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{background:linear-gradient(125deg,#f8fbff 0%,#f5f9fc 55%,#eefbf8 100%);position:relative;overflow:hidden;padding:78px 0 0}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;min-height:500px}.eyebrow{display:flex;align-items:center;gap:10px;color:#0e9e89;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.eyebrow-line{width:26px;height:2px;background:currentColor}.gradient-text{background:linear-gradient(90deg,#1768d5,#0dbd9b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:1.12rem;line-height:1.8;color:#59677b;max-width:570px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:8px;padding:15px 22px;font:700 .93rem "DM Sans",sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #10223a20}.btn-primary{background:linear-gradient(105deg,#1768d5,#0fb99c);color:#fff}.text-link{font-size:.9rem;font-weight:700;color:var(--ink);text-decoration:none}.text-link span{margin-left:8px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:42px}.proof-avatars{display:flex}.proof-avatars span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.75rem;font-weight:800;border:2px solid #f8fbff;margin-left:-7px;background:#1469d2}.proof-avatars span:first-child{margin-left:0;background:#0db99b}.proof-avatars span:last-child{background:#0e3658}.hero-proof p{margin:0;color:#6b778a;font-size:.78rem;line-height:1.5}.hero-proof strong{color:#26364c}.hero-visual{height:480px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #cfe4e9;border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:430px;height:370px}.orbit-b{width:360px;height:450px;transform:rotate(35deg);border-color:#d7e2f3}.main-card{width:min(370px,82%);height:350px;background:white;border-radius:15px;box-shadow:0 30px 70px #142f4a24;transform:rotate(3deg);overflow:hidden;position:relative;z-index:2;border:1px solid #e3ebf2}.window-bar{height:39px;border-bottom:1px solid #edf1f5;display:flex;align-items:center;gap:5px;padding:0 13px}.window-bar>span{width:7px;height:7px;border-radius:50%;background:#d5e0e8}.window-bar>span:first-child{background:#ff9d8c}.window-bar>span:nth-child(2){background:#ffd16f}.window-bar>span:nth-child(3){background:#61d7b1}.window-bar i{font-style:normal;font-size:.55rem;color:#9aa7b7;margin-left:auto;margin-right:auto}.mockup-content{height:calc(100% - 39px);padding:35px 30px;position:relative;background:linear-gradient(135deg,#f8fbff,#f0faf8);overflow:hidden}.mockup-label{font-size:.55rem;letter-spacing:.16em;font-weight:800;color:#159e91}.mockup-title{font-family:"Manrope",sans-serif;font-size:3.1rem;font-weight:800;line-height:.98;letter-spacing:-.07em;margin-top:13px;position:relative;z-index:2}.mockup-title em{font-style:normal;color:#1470d7}.mockup-lines{margin-top:17px}.mockup-lines span{display:block;width:145px;height:5px;background:#d7e2e9;border-radius:4px;margin:7px 0}.mockup-lines span:last-child{width:110px}.mockup-button{display:inline-block;margin-top:16px;padding:8px 13px;background:#0e2340;color:white;font-size:.63rem;border-radius:4px;position:relative;z-index:2}.mockup-shape{position:absolute;width:185px;height:185px;border-radius:48% 52% 40% 60%;background:linear-gradient(140deg,#17c89a,#1469d6);right:-35px;bottom:-38px;transform:rotate(25deg)}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7eef3;padding:12px 15px;border-radius:10px;box-shadow:0 14px 35px #142f4a18}.floating-chip b,.floating-chip small{display:block}.floating-chip b{font-size:.72rem}.floating-chip small{font-size:.64rem;color:#8290a0;margin-top:2px}.chip-icon{width:33px;height:33px;border-radius:8px;background:#e8f1ff;color:#1768d5;display:grid;place-items:center;font-size:1.2rem}.chip-green{background:#e1fbf2;color:#0ba884}.chip-top{top:60px;right:0}.chip-bottom{bottom:58px;left:-8px}.spark{position:absolute;color:#17bc9c;font-size:2rem}.spark-one{top:55px;left:15px}.spark-two{bottom:50px;right:30px;color:#246ed1}.hero-bottom{display:flex;align-items:center;gap:35px;border-top:1px solid #dfe9ef;padding:24px 0;margin-top:22px}.hero-bottom>span{font-size:.67rem;letter-spacing:.16em;color:#8794a5;font-weight:800}.hero-services{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#58677b;font-size:.83rem;font-weight:600}.hero-services i{font-style:normal;color:#10b99a}.section{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:46px}.section-heading h2{margin-bottom:0}.muted-heading{color:#8592a3}.section-heading>p{max-width:390px;color:var(--muted);line-height:1.8;margin-bottom:5px}.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:27px 26px 24px;border:1px solid #e6ecf1;border-radius:13px;transition:transform .25s,box-shadow .25s,border-color .25s;background:#fff}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0b24400c;border-color:#cce8e4}.featured-service{background:linear-gradient(150deg,#f4fbff,#f0fcf8);border-color:#d4eee8}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.service-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:12px;font-size:1.35rem;font-weight:800}.blue-icon{background:#e8f1ff;color:#1768d5}.green-icon{background:#dcfaf0;color:#0aa985}.purple-icon{background:#f0eaff;color:#8159d6}.orange-icon{background:#fff1e3;color:#d97b22}.pink-icon{background:#ffe9f1;color:#d74b89}.teal-icon{background:#dff7f8;color:#0a9aa0}.service-number{font-size:.75rem;font-weight:800;color:#b2bdc9;letter-spacing:.1em}.service-card h3{font-size:1.27rem}.service-card>p{font-size:.89rem;color:#6a778a;line-height:1.7;min-height:74px}.service-card ul{list-style:none;padding:0;margin:20px 0 23px}.service-card li{font-size:.82rem;color:#47566b;padding:6px 0}.service-card li:before{content:"✓";color:#11b595;font-weight:800;margin-right:10px}.card-link{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e8edf2;text-decoration:none;color:#14263d;font-size:.83rem;font-weight:800}.card-link span{color:#0cae91;font-size:1.1rem}.extra-services{margin-top:28px;padding:17px 20px;background:#f7f9fb;border-radius:8px;color:#758195;font-size:.79rem;text-align:center}.extra-services span{font-weight:800;color:#34435a}.extra-services b{padding:0 8px;color:#0bb291}.dark-section{background:var(--navy);color:white;padding:105px 0;position:relative;overflow:hidden}.dark-section:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #23405a;border-radius:50%;right:-180px;top:-220px;box-shadow:0 0 0 50px #0b1e35,0 0 0 51px #23405a}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;position:relative;z-index:1}.light-eyebrow{color:#41d8b2}.approach-copy h2{margin-top:24px;font-size:clamp(2.8rem,4.5vw,4.2rem)}.green-text{color:#39d8b0}.dark-lead{color:#a9b8ca;max-width:390px;line-height:1.85;margin-bottom:30px}.btn-light{background:#fff;color:#10223a}.steps{border-top:1px solid #294057}.step{display:grid;grid-template-columns:48px 1fr 38px;gap:18px;padding:24px 0;border-bottom:1px solid #294057;align-items:start}.step-num{font-size:.76rem;font-weight:800;color:#40d5b1;padding-top:3px}.step h3{font-size:1.15rem;margin:0 0 7px}.step p{font-size:.85rem;color:#9eafc2;margin:0;line-height:1.7;max-width:430px}.step-symbol{font-size:1.5rem;color:#41d8b2;text-align:right}.why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.why-visual{min-height:400px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#e7faf5 0%,#f4f9fc 55%,#fff 75%);border-radius:22px}.why-logo-wrap{width:230px;height:230px;border-radius:28px;background:white;display:grid;place-items:center;box-shadow:0 22px 55px #10223a12;transform:rotate(-5deg)}.why-logo-wrap img{width:100%;height:100%;object-fit:contain;border-radius:20px}.why-note{position:absolute;right:15px;bottom:35px;background:#fff;border:1px solid #e4edf0;box-shadow:0 15px 35px #10223a12;border-radius:10px;padding:13px 17px;display:flex;align-items:center;gap:12px}.why-note>span{color:#0db995;font-size:1.6rem}.why-note p{margin:0;font-size:.8rem}.why-note small{color:#7a8798}.why-copy>p{color:#69768a;line-height:1.85}.value-list{margin-top:25px}.value-list>div{display:flex;gap:13px;margin:18px 0}.value-list>div>span{flex:none;display:grid;place-items:center;width:25px;height:25px;background:#e0fbf2;color:#0cae91;border-radius:50%;font-weight:800;font-size:.75rem}.value-list p{margin:0}.value-list b,.value-list small{display:block}.value-list b{font-size:.91rem}.value-list small{color:#788599;margin-top:4px;line-height:1.6}.cta-band{background:linear-gradient(105deg,#1269d3,#0dbb9a);color:white;overflow:hidden}.cta-inner{min-height:270px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.cta-inner h2{font-size:clamp(2.1rem,4vw,3.3rem);margin:15px 0 10px}.cta-inner p{color:#e2f7f2;margin:0}.btn-white{background:white;color:#0e2a43;position:relative;z-index:2;white-space:nowrap}.cta-decoration{position:absolute;right:180px;bottom:-95px;font-family:"Manrope",sans-serif;font-size:14rem;font-weight:800;color:#ffffff12;letter-spacing:-.12em;pointer-events:none}.cta-decoration span{color:#ffffff20}.faq-section{background:#f8fafc}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-grid>div:first-child>p{color:#758195;max-width:300px;line-height:1.8}.faq-list details{border-bottom:1px solid #dfe6ed;padding:19px 0}.faq-list details:first-child{border-top:1px solid #dfe6ed}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;font-size:.97rem;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.3rem;color:#0aaf91;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#6e7b8f;font-size:.88rem;line-height:1.8;margin:13px 28px 0 0}.contact-section{background:#07182e;color:white;padding:100px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.contact-copy h2{margin-top:24px;font-size:clamp(2.8rem,4.8vw,4.4rem)}.contact-copy>p{color:#a9b8ca;line-height:1.85;max-width:390px}.contact-promise{display:flex;align-items:center;gap:13px;margin-top:34px}.contact-promise>span{font-size:1.7rem;color:#3cdbb4}.contact-promise p{margin:0;font-size:.87rem}.contact-promise small{color:#9bacc0}.contact-form{background:white;color:var(--ink);padding:34px;border-radius:14px;box-shadow:0 25px 70px #0002}.form-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:23px}.form-heading h3{margin:0;font-size:1.4rem}.form-heading p{margin:0;font-size:.72rem;color:#8a96a5}.contact-form label{display:block;font-size:.78rem;font-weight:700;color:#34435a;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;margin-top:8px;padding:12px 13px;border:1px solid #dce4ec;border-radius:6px;font:400 .86rem "DM Sans",sans-serif;color:#1a2a40;background:#fbfcfe;outline:none;transition:border .2s,box-shadow .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#13b99b;box-shadow:0 0 0 3px #13b99b1a}.contact-form textarea{resize:vertical;min-height:105px}.form-submit{width:100%;margin-top:2px}.form-note{font-size:.7rem;color:#8b97a6;text-align:center;line-height:1.6;margin:12px 0 0}.site-footer{background:#041020;color:#d9e3ee}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0}.footer-brand{color:#fff;flex:none}.footer-brand img{background:white}.footer-main>p{max-width:300px;font-size:.82rem;color:#8d9db0;margin:0}.footer-nav{display:flex;gap:22px;flex-wrap:wrap}.footer-nav a,.footer-bottom a{font-size:.8rem;color:#bdc9d7;text-decoration:none}.footer-nav a:hover,.footer-bottom a:hover{color:#40d5b1}.footer-bottom{border-top:1px solid #1b2a3c;padding:17px 0;display:flex;justify-content:space-between;gap:15px;color:#8493a6;font-size:.75rem}
@media(max-width:950px){.nav-links{gap:18px}.hero-grid{gap:12px}.hero-visual{transform:scale(.92)}.approach-grid,.why-grid,.faq-grid,.contact-grid{gap:45px}.services-grid{grid-template-columns:repeat(2,1fr)}.section{padding:85px 0}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.announcement{font-size:.68rem}.announcement a{display:none}.site-header{height:72px}.brand{font-size:1.12rem}.brand img{width:44px;height:44px}.menu-toggle{display:block;cursor:pointer}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 15px 25px #06132618;align-items:stretch;gap:0;flex-direction:column}.nav-links.open{display:flex}.nav-links>a{padding:13px 4px}.nav-links .nav-cta{text-align:center;margin-top:8px;padding:13px}.hero{padding-top:54px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.hero-lead{font-size:1rem}.hero-visual{height:410px;margin-top:4px;transform:none}.main-card{height:315px;width:min(330px,78%)}.mockup-content{padding:27px 24px}.mockup-title{font-size:2.8rem}.chip-top{right:-2px;top:37px}.chip-bottom{left:-3px;bottom:38px}.floating-chip{padding:9px 11px}.floating-chip b{font-size:.65rem}.floating-chip small{font-size:.59rem}.visual-orbit.orbit-a{width:340px;height:310px}.visual-orbit.orbit-b{width:300px;height:370px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:12px;margin-top:10px}.hero-services{gap:10px;font-size:.74rem}.section{padding:72px 0}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px}.section-heading h2{font-size:2.55rem}.services-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:23px}.service-card>p{min-height:0}.extra-services{line-height:2}.dark-section{padding:75px 0}.approach-grid,.why-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.approach-copy h2{font-size:3rem}.steps{margin-top:5px}.why-visual{min-height:320px;order:2}.why-copy{order:1}.why-logo-wrap{width:190px;height:190px}.why-note{right:5px;bottom:22px}.cta-inner{padding:55px 0;align-items:flex-start;flex-direction:column;min-height:0}.cta-inner h2{font-size:2.4rem}.cta-decoration{right:10px;bottom:-70px;font-size:10rem}.faq-grid h2{font-size:2.6rem}.contact-section{padding:75px 0}.contact-copy h2{font-size:3.2rem}.contact-form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-heading{display:block}.form-heading p{margin-top:6px}.footer-main{align-items:flex-start;flex-direction:column;padding:32px 0;gap:20px}.footer-nav{gap:17px}.footer-bottom{font-size:.7rem}}
@media(max-width:380px){.hero-actions{gap:18px}.btn{padding:13px 16px}.hero-visual{height:360px}.main-card{height:290px}.chip-bottom{bottom:22px}.chip-top{top:22px}.floating-chip{gap:7px}.chip-icon{width:28px;height:28px}.hero-services{gap:7px}.hero-services i{display:none}.service-card{padding:20px}.contact-form{padding:20px 15px}}


/* Photo-rich hero carousel */
.hero-slider{height:465px;display:block;transform:none!important;border-radius:20px;overflow:hidden;box-shadow:0 28px 70px #102b4726;background:#0a1b2e;isolation:isolate}
.slides{height:100%;position:relative}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .75s ease,transform 5.5s ease,visibility .75s;overflow:hidden}
.slide.active{opacity:1;visibility:visible;transform:scale(1)}
.slide>img{width:100%;height:100%;object-fit:cover;display:block}
.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,34,.88) 0%,rgba(3,17,34,.58) 48%,rgba(3,17,34,.08) 100%),linear-gradient(0deg,rgba(3,17,34,.42),transparent 50%)}
.slide-caption{position:absolute;left:34px;right:25px;bottom:78px;color:white;max-width:390px;animation:captionIn .7s both}
.slide-caption>span{font-size:.65rem;letter-spacing:.16em;color:#60e4c2;font-weight:800}
.slide-caption h2{font-size:clamp(2.1rem,3.3vw,3.2rem);line-height:1.03;margin:15px 0 12px;letter-spacing:-.055em}
.slide-caption p{font-size:.88rem;color:#e0e9f2;line-height:1.7;margin-bottom:18px}
.slide-caption a{color:#fff;text-decoration:none;font-size:.8rem;font-weight:800;border-bottom:1px solid #4edcba;padding-bottom:5px}
.slider-controls{position:absolute;z-index:4;left:34px;right:25px;bottom:24px;display:flex;align-items:center;justify-content:space-between}
.slider-dots{display:flex;gap:8px}
.slider-dot{width:24px;height:4px;border:0;border-radius:5px;background:#ffffff80;padding:0;cursor:pointer;transition:width .25s,background .25s}
.slider-dot.active{width:42px;background:#45dfb8}
.slider-arrows{display:flex;gap:7px}
.slider-arrows button{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff75;color:#fff;background:#07182e55;cursor:pointer;font-size:1rem;transition:background .2s,transform .2s}
.slider-arrows button:hover{background:#13b99b;transform:translateY(-2px)}
.slider-count{position:absolute;right:25px;top:22px;color:#ffffffc2;font-size:.67rem;letter-spacing:.12em;display:flex;align-items:center;gap:9px;z-index:4}
.slider-count b{color:#fff;font-size:.9rem}.slider-count span{width:28px;height:1px;background:#ffffff85}
@keyframes captionIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.service-image{height:145px;margin:-27px -26px 23px;position:relative;overflow:hidden;border-radius:12px 12px 0 0;background:#eaf1f6}
.service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .4s}
.service-card:hover .service-image img{transform:scale(1.07);filter:saturate(1.12)}
.image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,46,.24),transparent 65%);pointer-events:none}
.service-top-with-image{margin-bottom:22px}
.why-visual{overflow:hidden}
.about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;mix-blend-mode:multiply}
.why-logo-wrap{position:relative;z-index:1;animation:floatSoft 5s ease-in-out infinite}
.why-note{z-index:2}
.service-card,.step,.value-list>div,.faq-list details{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.service-card:hover{transform:translateY(-7px)}
.step:hover{transform:translateX(5px)}
.btn,.nav-cta,.card-link{transition:all .25s ease}
::selection{background:#baf7e7;color:#07182e}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:950px){.hero-slider{height:420px}.slide-caption{left:25px;bottom:72px}.slider-controls{left:25px}.slider-count{right:20px}}
@media(max-width:760px){.hero-slider{height:420px;border-radius:15px;margin:0 2px}.slide-caption{left:23px;right:20px;bottom:74px}.slide-caption h2{font-size:2.55rem}.slide-caption p{font-size:.8rem;max-width:270px}.slider-controls{left:23px;right:18px;bottom:19px}.slider-count{top:17px;right:17px}.service-image{height:180px;margin:-23px -23px 22px}.service-card{overflow:hidden}.about-photo{opacity:.16}}
@media(max-width:380px){.hero-slider{height:385px}.slide-caption h2{font-size:2.2rem}.slide-caption{left:18px;bottom:70px}.slider-controls{left:18px}.service-image{height:150px}}

/* Photo-rich hero carousel */
.hero-slider{height:465px;display:block;transform:none!important;border-radius:20px;overflow:hidden;box-shadow:0 28px 70px #102b4726;background:#0a1b2e;isolation:isolate}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .75s ease,transform 5.5s ease,visibility .75s;overflow:hidden}.slide.active{opacity:1;visibility:visible;transform:scale(1)}.slide>img{width:100%;height:100%;object-fit:cover;display:block}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,34,.88),rgba(3,17,34,.58) 48%,rgba(3,17,34,.08)),linear-gradient(0deg,rgba(3,17,34,.42),transparent 50%)}.slide-caption{position:absolute;left:34px;right:25px;bottom:78px;color:#fff;max-width:390px;animation:captionIn .7s both}.slide-caption>span{font-size:.65rem;letter-spacing:.16em;color:#60e4c2;font-weight:800}.slide-caption h2{font-size:clamp(2.1rem,3.3vw,3.2rem);line-height:1.03;margin:15px 0 12px;letter-spacing:-.055em}.slide-caption p{font-size:.88rem;color:#e0e9f2;line-height:1.7;margin-bottom:18px}.slide-caption a{color:#fff;text-decoration:none;font-size:.8rem;font-weight:800;border-bottom:1px solid #4edcba;padding-bottom:5px}.slider-controls{position:absolute;z-index:4;left:34px;right:25px;bottom:24px;display:flex;align-items:center;justify-content:space-between}.slider-dots{display:flex;gap:8px}.slider-dot{width:24px;height:4px;border:0;border-radius:5px;background:#ffffff80;padding:0;cursor:pointer;transition:width .25s,background .25s}.slider-dot.active{width:42px;background:#45dfb8}.slider-arrows{display:flex;gap:7px}.slider-arrows button{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff75;color:#fff;background:#07182e55;cursor:pointer;font-size:1rem;transition:background .2s,transform .2s}.slider-arrows button:hover{background:#13b99b;transform:translateY(-2px)}.slider-count{position:absolute;right:25px;top:22px;color:#ffffffc2;font-size:.67rem;letter-spacing:.12em;display:flex;align-items:center;gap:9px;z-index:4}.slider-count b{color:#fff;font-size:.9rem}.slider-count span{width:28px;height:1px;background:#ffffff85}@keyframes captionIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.service-image{height:145px;margin:-27px -26px 23px;position:relative;overflow:hidden;border-radius:12px 12px 0 0;background:#eaf1f6}.service-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .4s}.service-card:hover .service-image img{transform:scale(1.07);filter:saturate(1.12)}.image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,46,.24),transparent 65%);pointer-events:none}.service-top{margin-bottom:22px}.why-visual{overflow:hidden}.about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;mix-blend-mode:multiply}.why-logo-wrap{position:relative;z-index:1;animation:floatSoft 5s ease-in-out infinite}.why-note{z-index:2}.service-card,.step,.value-list>div,.faq-list details{transition:transform .25s ease,border-color .25s ease,background .25s ease}.service-card:hover{transform:translateY(-7px)}.step:hover{transform:translateX(5px)}.btn,.nav-cta,.card-link{transition:all .25s ease}::selection{background:#baf7e7;color:#07182e}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:950px){.hero-slider{height:420px}.slide-caption{left:25px;bottom:72px}.slider-controls{left:25px}.slider-count{right:20px}}@media(max-width:760px){.hero-slider{height:420px;border-radius:15px;margin:0 2px}.slide-caption{left:23px;right:20px;bottom:74px}.slide-caption h2{font-size:2.55rem}.slide-caption p{font-size:.8rem;max-width:270px}.slider-controls{left:23px;right:18px;bottom:19px}.slider-count{top:17px;right:17px}.service-image{height:180px;margin:-23px -23px 22px}.service-card{overflow:hidden}.about-photo{opacity:.16}}@media(max-width:380px){.hero-slider{height:385px}.slide-caption h2{font-size:2.2rem}.slide-caption{left:18px;bottom:70px}.slider-controls{left:18px}.service-image{height:150px}}


/* Full-bleed hero refresh */
.hero-fullbleed{padding:0;background:#06162a;position:relative;overflow:hidden}
.hero-fullbleed .hero-slider{height:min(690px,calc(100svh - 122px));min-height:590px;width:100%;position:relative;display:block;border-radius:0;box-shadow:none;overflow:hidden;background:#06162a;isolation:isolate}
.hero-fullbleed .slides,.hero-fullbleed .slide{position:absolute;inset:0;width:100%;height:100%}
.hero-fullbleed .slide>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;filter:saturate(.92)}
.hero-fullbleed .slide-shade{background:linear-gradient(90deg,rgba(3,13,27,.91) 0%,rgba(3,13,27,.79) 35%,rgba(3,13,27,.42) 67%,rgba(3,13,27,.12) 100%),linear-gradient(0deg,rgba(3,13,27,.58) 0%,transparent 42%,rgba(3,13,27,.12) 100%)}
.hero-fullbleed .slide-caption{left:max(calc((100vw - 1160px)/2),48px);right:auto;top:50%;bottom:auto;transform:translateY(-48%);max-width:690px;width:calc(100% - 96px);animation:heroTextIn .85s cubic-bezier(.2,.7,.2,1) both}
.hero-fullbleed .slide-caption h1,.hero-fullbleed .slide-caption .slide-title{font-family:"Manrope",sans-serif;font-size:clamp(3.7rem,7vw,6.7rem);line-height:.99;letter-spacing:-.075em;font-weight:800;margin:25px 0 23px;color:#fff;max-width:760px}
.hero-fullbleed .slide-caption h1 em,.hero-fullbleed .slide-caption .slide-title em{font-style:normal;background:linear-gradient(95deg,#55e2bd 5%,#3f9ef8 95%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-fullbleed .slide-caption>p{max-width:590px;font-size:clamp(1rem,1.45vw,1.17rem);line-height:1.85;color:#d8e2ef;margin-bottom:31px}
.slide-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.19em;font-weight:800;color:#c9f8eb}
.slide-kicker i{display:inline-block;width:27px;height:2px;background:#40dfb6;box-shadow:0 0 15px #40dfb6}
.hero-fullbleed .hero-actions{gap:28px}
.hero-fullbleed .btn-primary{background:linear-gradient(110deg,#1768d5,#0cc39c);box-shadow:0 12px 30px #0ebc9b28}
.hero-fullbleed .btn-primary:hover{box-shadow:0 15px 38px #0ebc9b50;transform:translateY(-3px)}
.hero-ghost-link{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;transition:color .2s,gap .2s}
.hero-ghost-link:hover{color:#53e2bc;gap:15px}
.hero-mini-proof{display:flex;align-items:center;gap:13px;margin-top:39px;padding-top:22px;border-top:1px solid #ffffff35;max-width:350px}
.proof-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:12px;color:#fff;font-family:"Manrope",sans-serif;font-weight:800;font-size:.95rem;letter-spacing:-.08em;background:#ffffff0b;backdrop-filter:blur(8px)}
.proof-mark span{color:#4de0b9}
.hero-mini-proof b,.hero-mini-proof small{display:block}
.hero-mini-proof b{font-size:.79rem;color:#fff}
.hero-mini-proof small{font-size:.73rem;color:#bdcbd9;margin-top:3px}
.hero-fullbleed .hero-slider-bottom{position:absolute;z-index:5;bottom:30px;left:max(calc((100vw - 1160px)/2),48px);right:max(calc((100vw - 1160px)/2),48px);display:flex;align-items:center;gap:24px}
.hero-fullbleed .slider-dots{gap:7px}
.hero-fullbleed .slider-dot{width:22px;height:3px;background:#ffffff75;border-radius:3px}
.hero-fullbleed .slider-dot.active{width:42px;background:#4ce0b9}
.slider-progress{height:1px;background:#ffffff38;flex:1;max-width:200px;overflow:hidden}
.slider-progress span{height:100%;width:0;display:block;background:#4ce0b9}
.hero-fullbleed .slider-count{position:static;color:#d3deea;display:flex;align-items:center;gap:9px;font-size:.7rem}
.hero-fullbleed .slider-count b{font-size:.95rem;color:white}
.hero-fullbleed .slider-arrows{margin-left:auto;display:flex;gap:9px}
.hero-fullbleed .slider-arrows button{width:42px;height:42px;border:1px solid #ffffff65;background:#ffffff0d;backdrop-filter:blur(8px);font-size:1.1rem}
.hero-fullbleed .slider-arrows button:hover{border-color:#40dfb6;background:#0bb995}
.hero-scroll-hint{position:absolute;z-index:4;right:34px;top:50%;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px;color:#d8e3ee;font-size:.59rem;letter-spacing:.2em;transform:translateY(-50%)}
.hero-scroll-hint span{height:42px;width:1px;background:linear-gradient(#4de0b9,transparent)}
.hero-bottom-strip{background:#fff;position:relative;z-index:2;border-bottom:1px solid #e8edf2}
.hero-bottom-strip>.container{min-height:74px;display:flex;align-items:center;gap:32px}
.hero-bottom-strip>.container>span:first-child{font-size:.66rem;letter-spacing:.17em;font-weight:800;color:#8c98a8;white-space:nowrap}
.hero-bottom-strip .hero-services{gap:19px;flex:1}
.strip-right{font-size:.65rem;letter-spacing:.12em;font-weight:800;color:#149d8a;white-space:nowrap}
@keyframes heroTextIn{from{opacity:0;transform:translateY(calc(-48% + 22px))}to{opacity:1;transform:translateY(-48%)}}
@keyframes progressRun{from{width:0}to{width:100%}}
.hero-fullbleed .slide.active .slider-progress span{animation:progressRun 5.5s linear forwards}
@media(max-width:950px){
 .hero-fullbleed .hero-slider{height:650px;min-height:570px}
 .hero-fullbleed .slide-caption{left:38px;width:calc(100% - 76px)}
 .hero-fullbleed .slide-caption h1,.hero-fullbleed .slide-caption .slide-title{font-size:clamp(3.6rem,8vw,5.5rem)}
 .hero-scroll-hint{right:17px}
 .hero-bottom-strip>.container{gap:20px}.strip-right{display:none}
}
@media(max-width:760px){
 .hero-fullbleed .hero-slider{height:690px;height:min(760px,calc(100svh - 108px));min-height:640px}
 .hero-fullbleed .slide>img{object-position:58% center}
 .hero-fullbleed .slide-shade{background:linear-gradient(90deg,rgba(3,13,27,.86),rgba(3,13,27,.57)),linear-gradient(0deg,rgba(3,13,27,.65),transparent 75%)}
 .hero-fullbleed .slide-caption{left:24px;right:24px;top:44%;width:auto;max-width:600px;transform:translateY(-44%)}
 .hero-fullbleed .slide-caption h1,.hero-fullbleed .slide-caption .slide-title{font-size:clamp(3.15rem,11.5vw,5rem);line-height:1.01;margin:21px 0 18px}
 .hero-fullbleed .slide-caption>p{font-size:.96rem;line-height:1.75;margin-bottom:25px}
 .hero-fullbleed .hero-actions{align-items:flex-start;flex-direction:column;gap:19px}
 .hero-mini-proof{margin-top:28px;padding-top:17px}
 .hero-fullbleed .hero-slider-bottom{left:24px;right:24px;bottom:22px;gap:13px}
 .hero-fullbleed .slider-progress{max-width:60px}
 .hero-fullbleed .slider-arrows button{width:37px;height:37px}
 .hero-scroll-hint{display:none}
 .hero-bottom-strip>.container{padding:18px 0;align-items:flex-start;flex-direction:column;gap:9px}
 .hero-bottom-strip .hero-services{gap:9px 12px;flex-wrap:wrap;font-size:.75rem}
 .hero-bottom-strip .hero-services i{font-size:.65rem}
 .hero-bottom-strip>.container>span:first-child{font-size:.6rem}
}
@media(max-width:390px){
 .hero-fullbleed .hero-slider{min-height:650px}
 .hero-fullbleed .slide-caption{left:19px;right:19px;top:43%}
 .hero-fullbleed .slide-caption h1,.hero-fullbleed .slide-caption .slide-title{font-size:3rem}
 .hero-fullbleed .slide-caption>p{font-size:.9rem}
 .hero-fullbleed .hero-slider-bottom{left:19px;right:19px}
 .hero-fullbleed .slider-progress{display:none}
}

/* =====================================================================
   v3 refinements — simple hero, distinct button styles, icon hovers,
   and new sections (stats, audience, toolkit)
   ===================================================================== */

/* ---------- Hero: one simple fading slide ---------- */
.hero-fullbleed .slide{transform:none;transition:opacity .9s ease,visibility .9s}
.hero-fullbleed .slide.active{transform:none}
.hero-fullbleed .slide-shade{background:linear-gradient(90deg,rgba(3,13,27,.86) 0%,rgba(3,13,27,.55) 55%,rgba(3,13,27,.15) 100%)}
.hero-fullbleed .slide-caption{animation:none}
.hero-fullbleed .slide.active .slide-caption>*{animation:heroIn .8s both}
.hero-fullbleed .slide.active .slide-caption>*:nth-child(2){animation-delay:.08s}
.hero-fullbleed .slide.active .slide-caption>*:nth-child(3){animation-delay:.16s}
.hero-fullbleed .slide.active .slide-caption>*:nth-child(4){animation-delay:.24s}
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-fullbleed .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.hero-mini-proof,.hero-scroll-hint,.slider-progress,.slider-count{display:none!important}
.hero-fullbleed .slider-arrows button{border-radius:50%;transition:all .25s}
.hero-fullbleed .slider-arrows button:hover{transform:translateY(-3px) scale(1.06)}
@media(max-width:760px){.hero-fullbleed .hero-actions{flex-direction:row;align-items:center;gap:12px}}

/* ---------- Buttons: each type has its own look ---------- */
.btn{border-radius:999px;padding:14px 16px 14px 26px;gap:14px;position:relative;overflow:hidden;letter-spacing:.005em}
.btn>span{margin:0!important;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:1rem;line-height:1;transition:transform .3s cubic-bezier(.3,1.4,.5,1),background .25s,color .25s}
.btn:hover>span{transform:rotate(45deg) scale(1.08)}

/* Primary — gradient pill with white arrow chip */
.btn.btn-primary,.hero-fullbleed .btn.btn-primary{background:linear-gradient(110deg,#1768d5 0%,#0cc39c 100%);background-size:160% 100%;background-position:0 0;color:#fff;box-shadow:0 12px 30px #0ebc9b30;transition:background-position .45s,transform .25s,box-shadow .25s}
.btn.btn-primary>span{background:#fff;color:#0a8f78}
.btn.btn-primary:hover,.hero-fullbleed .btn.btn-primary:hover{background-position:100% 0;transform:translateY(-3px);box-shadow:0 16px 38px #0ebc9b55}

/* Glass outline — secondary hero button */
.btn.btn-glass{background:#ffffff14;color:#fff;border:1.5px solid #ffffff80;backdrop-filter:blur(8px);padding:13px 16px 13px 26px;transition:all .3s}
.btn.btn-glass>span{background:#ffffff26;color:#fff}
.btn.btn-glass:hover{background:#fff;color:#07182e;border-color:#fff;transform:translateY(-3px);box-shadow:0 14px 34px #0000003d}
.btn.btn-glass:hover>span{background:#07182e;color:#fff;transform:rotate(90deg)}

/* Nav CTA — navy tab with a live green dot */
.nav-cta{background:var(--navy);color:#fff;border-radius:999px;padding:11px 14px 11px 20px;display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--navy);transition:all .28s}
.nav-cta span{margin:0!important;width:24px;height:24px;display:inline-grid;place-items:center;border-radius:50%;background:#18c69a;color:#07182e;font-size:.85rem;font-weight:800;transition:transform .3s}
.nav-cta:hover{background:#fff;color:var(--navy);box-shadow:0 10px 24px #07182e24;transform:translateY(-2px)}
.nav-cta:hover span{transform:rotate(45deg)}

/* Light — dark-section button, soft mint on hover */
.btn.btn-light{background:#fff;color:#10223a;box-shadow:0 10px 26px #00000030;transition:all .28s}
.btn.btn-light>span{background:#07182e;color:#fff}
.btn.btn-light:hover{background:#d8fbef;transform:translateY(-3px)}
.btn.btn-light:hover>span{background:#0cae91}

/* White — CTA band, with a shine sweep */
.btn.btn-white{background:#fff;color:#0e2a43;box-shadow:0 14px 34px #00000026;padding:18px 18px 18px 30px;font-size:1rem}
.btn.btn-white>span{background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff}
.btn.btn-white::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#18c69a33,transparent);transform:skewX(-20deg);transition:left .6s}
.btn.btn-white:hover::after{left:130%}
.btn.btn-white:hover{transform:translateY(-4px) scale(1.02)}

/* Form submit — full-width navy bar */
.btn.form-submit{width:100%;justify-content:space-between;border-radius:14px;padding:17px 18px 17px 26px;background:linear-gradient(120deg,#0d2340,#143a63);color:#fff;border:1px solid #2b5886;font-size:1rem;transition:all .3s}
.btn.form-submit>span{background:#18c69a;color:#07182e}
.btn.form-submit:hover{background:linear-gradient(120deg,#0cae91,#1768d5);border-color:transparent;transform:translateY(-3px);box-shadow:0 16px 36px #0cae9142}
.btn.form-submit:hover>span{background:#fff}

/* Card links — animated underline + circle arrow */
.card-link{position:relative;color:#14263d;transition:color .25s}
.card-link span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6f8f3;color:#0cae91;font-size:.95rem;transition:all .3s cubic-bezier(.3,1.4,.5,1)}
.card-link::after{content:"";position:absolute;left:0;top:16px;width:0;height:2px;background:#18c69a;transition:width .35s}
.card-link:hover{color:#0a8f78}
.card-link:hover::after{width:100%}
.card-link:hover span{background:#18c69a;color:#fff;transform:rotate(45deg) scale(1.1)}

/* ---------- Icon hover effects ---------- */
.service-icon svg,.step-symbol svg,.aud-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
.service-icon{--c:#1768d5;font-size:0;transition:background .3s,color .3s,transform .35s cubic-bezier(.3,1.5,.5,1),box-shadow .3s}
.green-icon{--c:#0aa985}.purple-icon{--c:#8159d6}.orange-icon{--c:#d97b22}.pink-icon{--c:#d74b89}.teal-icon{--c:#0a9aa0}
.service-card:hover .service-icon,.service-icon:hover{background:var(--c);color:#fff;transform:rotate(-8deg) scale(1.12);box-shadow:0 12px 24px color-mix(in srgb,var(--c) 40%,transparent)}
.service-card:hover .service-icon svg{animation:iconPop .6s ease}
@keyframes iconPop{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(8deg)}100%{transform:scale(1)}}

.step-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #2f4b66;color:#41d8b2;transition:all .3s}
.step:hover .step-symbol{background:#18c69a;color:#07182e;border-color:#18c69a;transform:rotate(-10deg) scale(1.12);box-shadow:0 0 0 7px #18c69a22}
.value-list>div>span{transition:transform .3s,background .3s,color .3s}
.value-list>div:hover>span{transform:scale(1.18) rotate(-8deg);background:#18c69a;color:#fff}

/* ---------- Stats band ---------- */
.stats-band{background:linear-gradient(120deg,#07182e,#0d2f52);color:#fff;padding:54px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.stat{text-align:center;padding:10px 12px;border-right:1px solid #ffffff1f}
.stat:last-child{border-right:0}
.stat b{display:block;font:800 clamp(2.4rem,4.6vw,3.6rem)/1 "Manrope",sans-serif;letter-spacing:-.05em;background:linear-gradient(95deg,#55e2bd,#5aa9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat small{display:block;margin-top:10px;color:#bfcddd;font-size:.86rem}

/* ---------- Who we help ---------- */
.audience-section{background:var(--pale)}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aud-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;transition:transform .3s,box-shadow .3s,border-color .3s}
.aud-card h3{font-size:1.1rem;margin:20px 0 8px}
.aud-card p{color:var(--muted);font-size:.9rem;margin:0}
.aud-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#e8f1ff;color:#1768d5;transition:all .35s cubic-bezier(.3,1.5,.5,1)}
.aud-card:nth-child(2) .aud-icon{background:#dcfaf0;color:#0aa985}.aud-card:nth-child(3) .aud-icon{background:#f0eaff;color:#8159d6}.aud-card:nth-child(4) .aud-icon{background:#fff1e3;color:#d97b22}
.aud-card:hover{transform:translateY(-8px);box-shadow:0 22px 44px #0b24401a;border-color:#bfeadf}
.aud-card:hover .aud-icon{background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff;transform:rotate(-8deg) scale(1.12)}

/* ---------- Toolkit ---------- */
.tech-section{padding:90px 0;background:#fff}
.tech-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.tech-copy p{color:var(--muted);max-width:430px}
.tech-chips{display:flex;flex-wrap:wrap;gap:14px}
.tech-chip{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:.93rem;background:#fff;cursor:default;transition:all .3s}
.tech-chip i{font-style:normal;display:grid;place-items:center;min-width:38px;height:38px;padding:0 6px;border-radius:50%;background:#e8f1ff;color:#1768d5;font:800 .72rem "Manrope",sans-serif;transition:all .3s}
.tech-chip:nth-child(3n+2) i{background:#dcfaf0;color:#0aa985}.tech-chip:nth-child(3n) i{background:#f0eaff;color:#8159d6}
.tech-chip:hover{transform:translateY(-5px);border-color:#18c69a;box-shadow:0 14px 28px #0b24401a}
.tech-chip:hover i{background:#18c69a;color:#fff;transform:rotate(360deg)}

/* ---------- Scroll reveal + back to top ---------- */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}
.js .reveal:nth-child(2){transition-delay:.08s}.js .reveal:nth-child(3){transition-delay:.16s}.js .reveal:nth-child(4){transition-delay:.24s}
.to-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff;text-decoration:none;font-size:1.3rem;font-weight:800;box-shadow:0 12px 28px #0ebc9b50;opacity:0;visibility:hidden;transform:translateY(14px);transition:all .3s;z-index:40}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{transform:translateY(-5px) scale(1.08)}

@media(max-width:950px){.stats-grid,.audience-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.tech-inner{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.stats-grid,.audience-grid{grid-template-columns:1fr 1fr;gap:14px}.aud-card{padding:22px 18px}.tech-section{padding:64px 0}.btn{padding:13px 14px 13px 22px}.btn.btn-glass{padding:12px 14px 12px 22px}}
.hero-fullbleed .hero-slider{min-height:640px}
.hero-fullbleed .slide-caption{top:45%}

/* ---------- Nav active state ---------- */
.nav-links a:not(.nav-cta){position:relative;transition:color .25s}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;border-radius:2px;background:#18c69a;transition:width .3s}
.nav-links a:not(.nav-cta):hover::after,.nav-links a.active::after{width:100%}
.nav-links a.active:not(.nav-cta){color:#0a8f78}
@media(max-width:760px){.nav-links a:not(.nav-cta)::after{display:none}.nav-links a.active:not(.nav-cta){color:#0a8f78;font-weight:800}}

/* ---------- About page ---------- */
.about-more{margin-top:26px}
.page-hero{position:relative;overflow:hidden;color:#fff;padding:96px 0 104px;background:radial-gradient(circle at 85% 20%,#1768d533,transparent 45%),radial-gradient(circle at 10% 90%,#18c69a22,transparent 40%),linear-gradient(135deg,#06162a,#0d2a4a)}
.page-hero::after{content:"C&Q";position:absolute;right:max(24px,calc((100vw - 1160px)/2));bottom:-40px;font:800 clamp(8rem,22vw,17rem)/1 "Manrope",sans-serif;letter-spacing:-.08em;color:#ffffff08;pointer-events:none}
.page-hero h1{font-size:clamp(3rem,7vw,5.8rem);letter-spacing:-.07em;line-height:1;margin:22px 0 22px;max-width:760px}
.page-hero h1 em{font-style:normal;background:linear-gradient(95deg,#55e2bd 5%,#3f9ef8 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p{max-width:620px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.85;color:#d8e2ef;margin-bottom:32px}
.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.crumbs{display:flex;gap:10px;align-items:center;font-size:.82rem;color:#aebed0;margin-bottom:34px}
.crumbs a{color:#d8e2ef;text-decoration:none;transition:color .2s}.crumbs a:hover{color:#53e2bc}.crumbs b{color:#53e2bc;font-weight:700}
.why-copy p+p{margin-top:-4px}

.mv-section{background:var(--pale)}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mv-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 38px;transition:transform .3s,box-shadow .3s}
.mv-card .aud-icon{margin-bottom:22px}
.mv-card h3{font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2;margin:16px 0 14px}
.mv-card p{color:var(--muted);margin:0}
.mv-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0b24401a}
.mv-card:hover .aud-icon{background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff;transform:rotate(-8deg) scale(1.12)}
.mv-dark{background:linear-gradient(135deg,#07182e,#0f3258);border-color:#17395f;color:#fff}
.mv-dark p{color:#c3d1e0}.mv-dark .aud-icon{background:#ffffff14;color:#55e2bd}

.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.val-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;transition:transform .3s,box-shadow .3s,border-color .3s}
.val-card h3{font-size:1.12rem;margin:20px 0 8px}.val-card p{color:var(--muted);font-size:.92rem;margin:0}
.val-card:hover{transform:translateY(-8px);box-shadow:0 22px 44px #0b24401a;border-color:#bfeadf}
.val-card:hover .aud-icon{background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff;transform:rotate(-8deg) scale(1.12)}
.val-card:nth-child(3n+2) .aud-icon{background:#dcfaf0;color:#0aa985}.val-card:nth-child(3n) .aud-icon{background:#f0eaff;color:#8159d6}
.val-card:nth-child(3n+2):hover .aud-icon,.val-card:nth-child(3n):hover .aud-icon{background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff}
.audience-section#values{background:#fff}
@media(max-width:950px){.mv-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.page-hero{padding:70px 0 80px}}
@media(max-width:560px){.values-grid{grid-template-columns:1fr}.mv-card{padding:30px 24px}}

/* ---------- Services page ---------- */
.services-all{text-align:center;margin:44px 0 6px}
.svc-jump{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:72px;z-index:20}
.svc-pills{display:flex;gap:10px;overflow-x:auto;padding:14px 0;scrollbar-width:none}
.svc-pills::-webkit-scrollbar{display:none}
.svc-pills a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:7px 18px 7px 7px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.86rem;background:#fff;transition:all .28s}
.svc-pills .service-icon{width:32px;height:32px;border-radius:50%}
.svc-pills .service-icon svg{width:16px;height:16px}
.svc-pills a:hover{transform:translateY(-3px);border-color:#18c69a;box-shadow:0 10px 22px #0b24401a}
.svc-pills a:hover .service-icon{background:var(--c);color:#fff;transform:rotate(-10deg) scale(1.12)}
.svc-list{padding-top:90px}
.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:56px 0;border-bottom:1px solid var(--line);scroll-margin-top:150px}
.svc-row:first-child{padding-top:0}.svc-row:last-child{border-bottom:0;padding-bottom:0}
.svc-row.flip .svc-media{order:2}
.svc-media{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:5/4;background:linear-gradient(135deg,#e8eef5,#cfdae6);box-shadow:0 26px 60px #0b244022}
.svc-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.svc-row:hover .svc-media>img{transform:scale(1.06)}
.svc-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07182e55,transparent 45%)}
.svc-badge{position:absolute;z-index:2;left:22px;bottom:22px;width:62px;height:62px;border-radius:18px;background:#fff;box-shadow:0 14px 30px #0000003a}
.svc-badge svg{width:28px;height:28px}
.svc-row:hover .svc-badge{background:var(--c);color:#fff;transform:rotate(-8deg) scale(1.1)}
.svc-num{position:absolute;z-index:2;right:24px;top:14px;font:800 3.4rem/1 "Manrope",sans-serif;letter-spacing:-.06em;color:#ffffffcc}
.svc-body h2{font-size:clamp(2rem,3.4vw,2.9rem);margin:14px 0 14px}
.svc-lead{font-size:1.06rem;color:var(--muted);line-height:1.75;margin-bottom:26px}
.svc-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:30px}
.svc-cols h3{font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:#8190a3;margin-bottom:14px;font-family:"DM Sans",sans-serif}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.check-list li{position:relative;padding-left:28px;font-size:.92rem;line-height:1.5;color:var(--ink);transition:transform .25s}
.check-list li::before{content:"✓";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:#dcfaf0;color:#0aa985;font-size:.7rem;font-weight:800;display:grid;place-items:center;transition:all .25s}
.check-list.alt li::before{content:"★";background:#fff1e3;color:#d97b22;font-size:.6rem}
.check-list li:hover{transform:translateX(5px)}
.check-list li:hover::before{background:#18c69a;color:#fff}
.extras-band{padding:70px 0}
.extras-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.extras-inner h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:12px 0 0;color:#fff}
.extras-chips{display:flex;flex-wrap:wrap;gap:12px}
.dark-chip{background:#ffffff0f;border-color:#ffffff2b;color:#fff}
.dark-chip i{background:#ffffff1c!important;color:#55e2bd!important}
.dark-chip:hover{background:#ffffff1f;border-color:#55e2bd}
.dark-chip:hover i{background:#18c69a!important;color:#07182e!important}
@media(max-width:950px){.svc-row,.extras-inner{grid-template-columns:1fr;gap:30px}.svc-row.flip .svc-media{order:0}.svc-row{padding:44px 0}.svc-jump{top:64px}}
@media(max-width:560px){.svc-cols{grid-template-columns:1fr;gap:20px}.svc-badge{width:52px;height:52px}.svc-num{font-size:2.6rem}}

/* ---------- v4: Portfolio, Contact, FAQs, Legal pages ---------- */
.footer-legal{display:flex;gap:18px}.footer-legal a{font-size:.75rem}
.nav-links>a.active{color:#0cae91}
.pf-filters{align-items:center}
.pf-btn{flex:none;font:700 .85rem "DM Sans",sans-serif;color:#3b4960;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px;cursor:pointer;transition:all .2s}
.pf-btn:hover{border-color:#bfeadf;color:#0cae91}
.pf-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}
.pf-card.is-hidden{display:none}
.pf-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0e9e89;background:#e0fbf2;border-radius:999px;padding:4px 11px;margin-bottom:12px}
.pf-card>p{min-height:0}
.ct-strong{color:var(--ink);font-family:"Manrope",sans-serif;font-size:.98rem;letter-spacing:-.02em;word-break:break-word}
.ct-list{margin-top:34px;display:grid;gap:16px;border-top:1px solid #294057;padding-top:24px}
.ct-list small{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#7f93aa;font-weight:800;margin-bottom:4px}
.ct-list a,.ct-list span{color:#fff;text-decoration:none;font-size:.92rem;line-height:1.6}.ct-list a:hover{color:#40d5b1}
.form-note a{color:#0c9d86;font-weight:700}
.legal-grid{display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:start}
.legal-toc{position:sticky;top:110px;display:grid;gap:4px;border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}
.legal-toc b{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#0e9e89;margin-bottom:8px}
.legal-toc a{font-size:.88rem;color:#3b4960;text-decoration:none;padding:7px 10px;border-radius:8px;transition:background .2s,color .2s}
.legal-toc a:hover{background:#f0fbf8;color:#0cae91}
.legal-toc .legal-other{margin-top:10px;border-top:1px solid var(--line);border-radius:0;padding-top:14px;font-weight:700;color:var(--ink)}
.legal-date{display:inline-block;font-size:.78rem;font-weight:700;color:#5b6a7f;background:var(--pale);border-radius:999px;padding:6px 14px;margin-bottom:26px}
.legal-body section{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.legal-body section:last-child{border-bottom:0;margin-bottom:0}
.legal-body h2{font-size:1.5rem;letter-spacing:-.03em;margin-bottom:14px}
.legal-body p,.legal-body li{color:#5b6a7f;line-height:1.85;font-size:.97rem}
.legal-body ul{padding-left:20px;margin:0 0 14px}.legal-body li{margin:6px 0}
.legal-body a{color:#0c9d86;font-weight:700}
@media(max-width:950px){.legal-grid{grid-template-columns:1fr;gap:30px}.legal-toc{position:static}}
@media(max-width:600px){.footer-bottom{flex-wrap:wrap}}


/* ---------- v5: contact details, page hero photos, quick contact ---------- */
.ann-contact{display:inline-flex;gap:16px;flex-wrap:wrap;margin:0 14px}
.ann-contact a{color:#fff;text-decoration:none;font-weight:700}.ann-contact a:hover{color:#53e2bc}
@media(max-width:900px){.ann-contact{display:none}}
.page-hero .container{position:relative}
.hero-photo{margin:0;position:absolute;right:0;top:50%;transform:translateY(-42%);width:360px;height:300px;border-radius:22px;overflow:hidden;border:1px solid #ffffff26;box-shadow:0 30px 70px #0006;z-index:1;background:#0a1b2e}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#07182e00 45%,#07182e8c);pointer-events:none}
@media(max-width:1240px){.hero-photo{position:relative;transform:none;width:100%;height:230px;margin-top:38px}}
.footer-contact-row{display:flex;flex-wrap:wrap;gap:18px 56px;padding:26px 0;margin-top:6px;border-top:1px solid #ffffff1f}
.footer-contact-row small{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#7f93aa;font-weight:800;margin-bottom:6px}
.footer-contact-row a{display:block;color:#e4edf7;text-decoration:none;font-size:.95rem;line-height:1.8;font-weight:600}
.footer-contact-row a:hover{color:#53e2bc}
.ct-strong a{color:inherit;text-decoration:none}.ct-strong a:hover{color:#0a8f78}
@media(max-width:560px){}

/* ---------- v6: redesigned footer ---------- */
.site-footer.ft{background:radial-gradient(circle at 88% 0%,#1768d533,transparent 42%),radial-gradient(circle at 4% 100%,#18c69a22,transparent 40%),#041020;padding:64px 0 0;color:#cfdae8}
.ft-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding:42px 46px;border-radius:24px;background:linear-gradient(120deg,#1768d5 0%,#0cc39c 100%);color:#fff;box-shadow:0 30px 70px #0007;position:relative;overflow:hidden}
.ft-cta::after{content:"C&Q";position:absolute;right:24px;bottom:-46px;font:800 9rem/1 "Manrope",sans-serif;letter-spacing:-.08em;color:#ffffff14;pointer-events:none}
.ft-cta-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;opacity:.85}
.ft-cta h2{margin:10px 0 0;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.15;letter-spacing:-.03em;max-width:520px;color:#fff}
.ft-cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1}
.ft-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;font-weight:800;font-size:.92rem;text-decoration:none;transition:transform .25s,box-shadow .25s}
.ft-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ft-btn:hover{transform:translateY(-3px)}
.ft-btn-white{background:#fff;color:#07182e;box-shadow:0 14px 30px #0a24402e}
.ft-btn-ghost{border:1.5px solid #ffffffa6;color:#fff}.ft-btn-ghost:hover{background:#ffffff1f}
.ft-grid{display:grid;grid-template-columns:1.5fr .8fr 1.1fr 1.4fr;gap:48px;padding:68px 0 52px}
.ft-about p{margin:20px 0 20px;color:#9fb0c4;line-height:1.8;font-size:.93rem;max-width:340px}
.ft-tags{display:flex;flex-wrap:wrap;gap:8px}
.ft-tags span{padding:6px 13px;border:1px solid #ffffff22;border-radius:999px;font-size:.74rem;font-weight:700;color:#bcd0e4;background:#ffffff0a}
.ft-title{margin:0 0 20px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#53e2bc}
.ft-col>a{display:block;color:#cfdae8;text-decoration:none;font-size:.94rem;padding:6px 0;transition:color .2s,transform .2s}
.ft-col>a:hover{color:#53e2bc;transform:translateX(5px)}
.ft-contact>a{display:flex;align-items:center;gap:14px;padding:8px 0}
.ft-contact>a:hover{transform:none}
.ft-contact i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffff12;color:#53e2bc;transition:background .25s,color .25s,transform .25s}
.ft-contact i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ft-contact>a:hover i{background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff;transform:rotate(-8deg) scale(1.08)}
.ft-contact small{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#7f93aa;font-weight:800}
.ft-contact b{display:block;color:#fff;font-size:.95rem;font-weight:700;margin-top:1px;word-break:break-word}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 0 28px;border-top:1px solid #ffffff1a;color:#8493a6;font-size:.8rem}
.ft-bottom a{color:#b7c6d8;text-decoration:none}.ft-bottom a:hover{color:#53e2bc}
.ft-legal{display:flex;gap:22px}
@media(max-width:950px){.ft-grid{grid-template-columns:1fr 1fr;gap:40px}.ft-about{grid-column:1/-1}.ft-cta{padding:34px 30px}}
@media(max-width:560px){.site-footer.ft{padding-top:44px}.ft-grid{grid-template-columns:1fr;gap:34px;padding:48px 0 36px}.ft-cta{padding:30px 24px}.ft-cta::after{display:none}.ft-btn{width:100%;justify-content:center}.ft-cta-actions{width:100%}.ft-bottom{padding-bottom:28px;flex-direction:column;align-items:flex-start}}

/* ---------- v7: PHP version additions ---------- */
.hp-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-note-ok{color:#0a7a5f;background:#e3f8f1;border:1px solid #b8ecdc;border-radius:10px;padding:12px 14px;font-weight:700}
.form-note-err{color:#a12a2a;background:#fdecec;border:1px solid #f3c2c2;border-radius:10px;padding:12px 14px;font-weight:700}
.ft-social a{padding:6px 14px;border:1px solid #ffffff22;border-radius:999px;font-size:.78rem;font-weight:700;color:#bcd0e4;background:#ffffff0a;text-decoration:none;transition:background .2s,color .2s}
.ft-social a:hover{background:linear-gradient(135deg,#1768d5,#0cc39c);color:#fff}