*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #1e2020;--green: #56b82c;--green2: #3c8520;--green-light: rgba(86, 184, 44, .12);--green-ring: rgba(86, 184, 44, .18);--navy-ring: rgba(30, 32, 32, .08);--white: #ffffff;--gray: #6b7a72;--gray-light: #f4f7f4;--layout-max: 1180px;--layout-pad-x: 7vw}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--white);color:var(--navy);overflow-x:hidden;min-height:100vh}.circles-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.circle{position:absolute;border-radius:50%}.c1{width:720px;height:720px;top:-200px;right:-180px;border:52px solid var(--navy-ring)}.c2{width:820px;height:820px;bottom:-380px;left:-240px;background:var(--green-ring)}.c3{width:480px;height:480px;top:max(38%,320px);right:-140px;border:40px solid var(--green-ring)}.c4{width:20px;height:20px;bottom:28%;left:10%;background:var(--green)}.c5{width:12px;height:12px;top:18%;right:26%;background:var(--navy);opacity:.16}.page-wrap{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.layout-inner{max-width:var(--layout-max);margin:0 auto;width:100%;container-type:inline-size;container-name:hero}.hero{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(48px,7vh,88px) var(--layout-pad-x) clamp(48px,6vh,80px);width:100%;position:relative;background:linear-gradient(to bottom,var(--white) 0%,var(--white) 65%,rgba(255,255,255,0) 100%)}.badge{display:inline-flex;align-items:center;gap:10px;background:var(--green-light);border:1px solid rgba(46,204,113,.35);border-radius:100px;padding:10px 22px;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--green2);text-transform:uppercase;margin-bottom:clamp(32px,5vh,52px)}.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-logo-wrap{position:relative;display:inline-block;margin-bottom:clamp(16px,2.5vh,28px)}.hero-logo-wrap .badge{position:absolute;top:-40px;left:-2%;z-index:2;margin-bottom:0;padding:5px 13px;font-size:10px;letter-spacing:.12em;gap:7px}.hero-logo-wrap .badge .dot{width:6px;height:6px}.hero-logo{display:block;width:auto;max-width:min(456px,65%);height:auto;margin-left:-2%}.hero-lead{font-size:clamp(17px,2.1vw,22px);font-weight:400;line-height:1.75;color:var(--gray);max-width:38em;margin-bottom:clamp(40px,6vh,64px)}.hero-lead strong{color:var(--navy);font-weight:600}.cta-group{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:0}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:.02em;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--green);color:var(--white)}.btn-primary:hover{background:var(--green2);transform:translateY(-2px);box-shadow:0 10px 28px #2ecc7161}.btn-outline{background:transparent;color:var(--navy);border:1.5px solid rgba(13,31,60,.18)}.btn-outline:hover{background:var(--gray-light);transform:translateY(-2px)}.scroll-hint{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--gray);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.scroll-hint i{font-size:18px;color:var(--green2);animation:bounce 2.2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.65}}.value-section{padding:100px var(--layout-pad-x) 110px;background:linear-gradient(180deg,rgba(244,247,251,.65) 0%,var(--white) 100%);border-top:1px solid rgba(13,31,60,.06)}.value-section h2{font-size:clamp(13px,1.4vw,14px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--green2);margin-bottom:16px}.value-section .value-heading{font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.2;color:var(--navy);max-width:28ch;margin-bottom:56px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,40px)}.value-card{padding:36px 32px;border-radius:16px;border:1px solid rgba(13,31,60,.08);background:var(--white);box-shadow:0 12px 40px #0d1f3c0d;transition:transform .2s,box-shadow .2s}.value-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0d1f3c14}.value-card .icon-wrap{width:52px;height:52px;border-radius:12px;background:var(--green-light);color:var(--green2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.value-card h3{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:12px;line-height:1.3}.value-card p{font-size:15px;color:var(--gray);line-height:1.7}.section-divider{height:1px;background:linear-gradient(to right,transparent,rgba(13,31,60,.1),transparent);margin:0 var(--layout-pad-x)}.contact-section{padding:clamp(28px,5vw,48px) var(--layout-pad-x) 120px;width:100%}.contact-section>.layout-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.section-label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--green);margin-bottom:16px}.contact-left h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;line-height:1.2;color:var(--navy);margin-bottom:20px}.contact-left p{font-size:16px;color:var(--gray);line-height:1.75;margin-bottom:40px;max-width:46ch}.contact-items{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:16px;text-decoration:none;padding:20px 22px;border-radius:14px;border:1px solid rgba(13,31,60,.08);background:#ffffffd9;backdrop-filter:blur(8px);transition:all .2s ease}.contact-item:hover{border-color:var(--green);background:var(--white);box-shadow:0 8px 28px #2ecc711f;transform:translate(4px)}.contact-item .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.icon-green{background:var(--green-light);color:var(--green2)}.icon-navy{background:#0d1f3c0f;color:var(--navy)}.contact-item .info .label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);margin-bottom:4px}.contact-item .info .value{font-size:15px;font-weight:600;color:var(--navy)}.form-card{background:var(--gray-light);border:1px solid rgba(13,31,60,.07);border-radius:22px;padding:44px 40px}.form-card h3{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:8px}.form-card .form-desc{font-size:15px;color:var(--gray);line-height:1.65;margin-bottom:30px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-bottom:8px}.form-group label .req{color:var(--green);margin-left:2px}.form-group input{width:100%;padding:14px 18px;border:1.5px solid rgba(13,31,60,.12);border-radius:10px;font-family:Inter,sans-serif;font-size:15px;color:var(--navy);background:var(--white);outline:none;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#b0bac8}.form-group input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2ecc7126}.form-group input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.error-msg{font-size:12px;color:#e74c3c;margin-top:6px;display:none}.btn-submit{width:100%;padding:16px;margin-top:10px;background:var(--navy);color:var(--white);border:none;border-radius:10px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit:hover{background:var(--green2);transform:translateY(-2px);box-shadow:0 10px 28px #2ecc714d}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-success{display:none;text-align:center;padding:28px 0}.form-success .success-icon{width:68px;height:68px;border-radius:50%;background:var(--green-light);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--green2);margin:0 auto 22px}.form-success h4{font-size:22px;font-weight:800;color:var(--navy);margin-bottom:12px}.form-success p{font-size:15px;color:var(--gray);line-height:1.65}footer{padding:48px var(--layout-pad-x) 56px;border-top:1px solid rgba(13,31,60,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;max-width:var(--layout-max);margin:0 auto;width:100%}.footer-left{font-size:14px;color:var(--gray)}.footer-left strong{color:var(--navy)}.footer-services{display:flex;gap:28px}.footer-services span{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gray)}.modal-overlay{position:fixed;inset:0;background:#0d1f3c99;backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:20px;padding:40px;max-width:420px;width:100%;position:relative;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:var(--gray-light);border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy);font-size:14px;transition:background .2s}.modal-close:hover{background:#e2e8f0}.modal-icon{width:56px;height:56px;border-radius:14px;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--green2);margin-bottom:20px}.modal h3{font-size:20px;font-weight:800;color:var(--navy);margin-bottom:10px}.modal p{font-size:14px;color:var(--gray);line-height:1.65;margin-bottom:24px}.modal .contact-grid{display:flex;flex-direction:column;gap:12px}.modal .contact-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;border:1.5px solid rgba(13,31,60,.1);text-decoration:none;color:var(--navy);font-size:14px;font-weight:600;transition:all .2s}.modal .contact-link:hover{border-color:var(--green);background:var(--green-light)}.modal .contact-link i{font-size:18px;width:20px;text-align:center}.modal .contact-link.wpp i{color:#2db84a}.modal .contact-link.email i{color:var(--navy)}.modal .contact-link.phone i{color:var(--green2)}@media(max-width:1024px){.value-grid{grid-template-columns:1fr;max-width:520px}.contact-section{padding:clamp(28px,5vw,44px) var(--layout-pad-x) 100px}.contact-section>.layout-inner{grid-template-columns:1fr;gap:64px}}@media(max-width:900px){:root{--layout-pad-x: max(20px, 6vw)}.hero{padding:clamp(32px,5vh,56px) var(--layout-pad-x) clamp(32px,5vh,56px)}.scroll-hint{display:none}}@media(max-width:768px){.value-section{padding:72px var(--layout-pad-x) 80px}}@media(max-width:600px){.hero-logo-wrap{display:block}.hero-logo{max-width:min(312px,80%)}.cta-group{flex-direction:column}.btn{justify-content:center;width:100%;max-width:360px}footer{flex-direction:column;align-items:flex-start;padding:36px var(--layout-pad-x) 44px}.footer-services{flex-wrap:wrap;gap:14px}.form-card{padding:32px 24px}.c1{width:380px;height:380px;top:-100px;right:-120px;border-width:32px}.c2{width:400px;height:400px;bottom:-160px;left:-140px}.c3{width:240px;height:240px;border-width:28px}}
