@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1726;--navy2:#102b35;--mint:#a2e7c6;--green:#5fc69e;--ivory:#f7f7f2;--ink:#17282e;--muted:#647078;--line:#e4e8e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1200px,calc(100% - 72px));margin:auto}.skip{position:absolute;left:-999px;top:0;background:white;color:black;padding:10px;z-index:99}.skip:focus{left:10px}.site-header{background:#0b1726;color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}.header-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:13px;font:600 13px 'Manrope',sans-serif;letter-spacing:.15em;white-space:nowrap}.brand strong{font-weight:800}.brand-mark{background:linear-gradient(135deg,#8ce1bb,#4bba98);color:#0b2a2b;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:800 22px 'Manrope';position:relative}.mark-dot{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;right:-2px;top:3px}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600;color:#d1dcd9}.nav>a:hover{color:#a9e6ce}.nav-contact{border:1px solid #a4d4c366;border-radius:30px;padding:12px 18px}.nav-contact span{margin-left:8px;color:#a4e5bf}.menu-toggle{display:none;background:none;border:0;cursor:pointer}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 81% 36%,#1a4649 0%,#102c37 29%,#0b1726 75%);color:white}.hero-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:#51ad9540;filter:blur(130px);top:140px;right:16%;pointer-events:none}.hero-grid{min-height:710px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:68px;padding:88px 0 65px}.hero-content{position:relative;z-index:1}.eyebrow{font:700 11px 'Manrope',sans-serif;letter-spacing:.2em;color:#9fe4bd;display:flex;align-items:center;gap:12px;text-transform:uppercase;margin:0 0 30px}.eyebrow.dark{color:#35795f}.eyebrow-line{display:inline-block;width:28px;height:1px;background:#9fe4bd}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.055em}h1{font-size:clamp(48px,5.25vw,80px);line-height:1.12;font-weight:600;margin-bottom:27px}h1 em,h2 em{font-style:normal;color:#91d7af}.hero-copy{max-width:500px;color:#b9cbd1;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:37px}.btn{border-radius:7px;display:inline-flex;align-items:center;justify-content:space-between;gap:23px;padding:16px 21px;font-size:12px;font-weight:700;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:#9ee6be;color:#0e2d2a}.btn.ghost{border:1px solid #ffffff42;color:#f1faf8}.btn.light{background:#edf8ef;color:#17332f}.hero-foot{font-size:12px;letter-spacing:.02em;color:#afc2c2;margin-top:55px}.hero-foot strong{color:#e0eee9;font-weight:600}.hero-visual{position:relative;z-index:1;box-shadow:0 24px 100px #0006;border:1px solid #9dc8af36;overflow:hidden;border-radius:16px;background:#122a33;transform:perspective(900px) rotateY(-3deg)}.map-top,.map-bottom{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font:700 9px 'Manrope';letter-spacing:.16em;color:#afd0c8}.map-top{border-bottom:1px solid #ffffff19}.map-bottom{border-top:1px solid #ffffff17;letter-spacing:.04em;font-weight:500}.live-dot{width:7px;height:7px;border-radius:50%;background:#9ae7b6;box-shadow:0 0 0 5px #9ae7b522;margin-right:8px}.map-demo{color:#84ad9f;margin-left:auto}.map-stage{height:470px;position:relative}.map-stage svg{height:100%;width:100%;display:block}.floating-tag{position:absolute;right:25px;bottom:34px;display:flex;gap:13px;align-items:center;background:#eef7ef;border-radius:9px;padding:16px;color:#1d3b36;box-shadow:0 10px 30px #0004}.tag-icon{font-size:25px;color:#418d74}.floating-tag small{font-size:8px;letter-spacing:.12em;display:block;margin-bottom:4px;color:#55796b}.floating-tag strong{font-size:12px}.hero-caption{height:58px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff18;color:#8fa5a8;font:600 10px 'Manrope';letter-spacing:.13em}.down-arrow{color:#bce8ca;font-size:25px}.section{padding:112px 0}.section-header.centered{text-align:center;max-width:790px;margin:0 auto 50px}.section-header.centered .eyebrow{justify-content:center}.section-header h2,.section-heading h2,.passport h2,.about h2,.contact h2{font-size:clamp(34px,4vw,56px);line-height:1.16;font-weight:600;margin-bottom:25px}.section-header.centered p:last-child{font-size:16px;color:#697478;line-height:1.8;max-width:660px;margin:auto}.story{background:#f7f7f2}.story h2 em,.services h2 em,.about h2 em{color:#3b8a6a}.film-card{min-height:470px;border-radius:16px;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 70%,#245c59,#112e3e 55%,#0b1726);color:white;overflow:hidden;position:relative}.film-card:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 65px,#ffffff09 66px,#ffffff09 67px)}.film-inner{text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.film-play{height:75px;width:75px;border:1px solid #ffffff59;background:#ffffff20;border-radius:50%;display:grid;place-items:center;font-size:20px;padding-left:4px;margin-bottom:18px}.film-inner>p{font-size:11px;letter-spacing:.18em;color:#a5dfcb;margin-bottom:9px}.film-inner>h3{font:600 34px 'Manrope';letter-spacing:-.04em;margin-bottom:22px}.film-inner>small{max-width:540px;color:#a8c2c2;font-size:11px;line-height:1.6;margin-top:19px}.how{background:#10232d;color:#f7faf7}.section-heading{margin-bottom:50px}.section-heading.split{display:grid;grid-template-columns:1fr 340px;gap:35px;align-items:end}.section-heading.split>p{color:#a6c1c1;line-height:1.8;font-size:14px}.how h2 em,.passport h2 em,.contact h2 em{color:#9cddb8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps article{border-top:1px solid #678a846b;padding:30px 10px 0 0}.steps article>span{color:#a6e1bc;font:700 12px 'Manrope'}.steps h3{font:600 19px 'Manrope';letter-spacing:-.03em;margin:45px 0 14px}.steps p{color:#a7bdbe;font-size:13px;line-height:1.9}.services{background:#f7f7f2}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{background:white;border:1px solid #e6eae5;border-radius:12px;overflow:hidden}.service-visual{height:225px;position:relative;display:grid;place-items:center;background:#dbeae2;overflow:hidden}.service-visual span{font-size:100px;color:#236f5b;text-shadow:0 12px 26px #28534f3b}.visual-one{background:linear-gradient(130deg,#b3ceaa,#cddcc8 47%,#84a996)}.visual-two{background:linear-gradient(135deg,#d1d6c8,#c2d7d1 55%,#99b8a7)}.visual-three{background:linear-gradient(140deg,#acc9c7,#d2e7dc 60%,#90b7a5)}.service-body{padding:29px}.service-number{font:700 10px 'Manrope';letter-spacing:.16em;color:#5a977a}.service h3{font:600 23px 'Manrope';letter-spacing:-.04em;margin:14px 0}.service p{font-size:14px;color:#64747a;line-height:1.75}.passport{background:#0c1d2a;color:#eaf8ef;overflow:hidden}.passport-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.passport-content>p:not(.eyebrow){color:#a9c2c2;line-height:1.9;max-width:500px}.passport-note{border-top:1px solid #ffffff29;display:flex;gap:17px;align-items:start;margin-top:42px;padding-top:25px}.passport-note>span{color:#9addbd;font-size:28px}.passport-note p{font-size:13px;color:#bacccd;line-height:1.65}.passport-note strong{color:white}.passport-mock{background:#f0f5ef;color:#152e2e;padding:26px;border-radius:16px;transform:rotate(2deg);box-shadow:0 25px 80px #0006}.mock-head{display:flex;justify-content:space-between;border-bottom:1px solid #ccd8ce;padding-bottom:16px;font:800 10px 'Manrope';letter-spacing:.08em}.mock-head span:last-child{color:#508873;font-size:9px}.mock-title{padding:25px 0}.mock-title>span{display:block;color:#649078;font-size:10px;letter-spacing:.18em;margin-bottom:10px}.mock-title strong{font:650 24px 'Manrope';letter-spacing:-.04em}.mock-map{height:210px;background:linear-gradient(120deg,#8eafa6,#d2d9bb 42%,#769c89 43%,#6e9e88 68%,#a0b89c);border-radius:7px;padding:16px;position:relative}.mock-map>span,.mock-map>small{background:#ffffffcf;border-radius:4px;padding:6px 8px;font:700 9px 'Manrope';letter-spacing:.08em}.mock-map>small{position:absolute;bottom:13px;left:14px}.map-pin{position:absolute;top:33%;left:54%;font-size:50px;color:#123e34}.mock-rows{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.mock-rows>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d6dfd7;padding:5px 0 12px}.mock-rows small{color:#68817a}.mock-rows strong{font-size:11px}.about{background:#f7f7f2}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid>div:last-child{padding-top:47px}.about-grid p:not(.eyebrow){font-size:15px;color:#657078;line-height:1.95}.contact{background:#153c3d;color:white}.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center}.contact-grid>div>p:not(.eyebrow){line-height:1.8;color:#bfd0cd;max-width:500px}.contact-caption{font-size:12px;opacity:.8;margin-top:35px}.contact-card{background:#f3f6ef;border-radius:12px;color:#193a35;padding:36px}.contact-card>span{font:700 10px 'Manrope';letter-spacing:.14em;color:#43836c}.contact-card h3{font:600 30px 'Manrope';margin:22px 0 15px}.contact-card p{font-size:14px;line-height:1.8;color:#687d77}.contact-button{width:100%;margin:15px 0}.contact-card small{color:#5b746c}.footer{background:#0b1726;color:#e7f1ed;padding:65px 0 28px}.footer-grid{display:flex;justify-content:space-between;gap:25px}.footer-grid p{color:#92a8aa;font-size:13px;margin-top:20px}.footer-links{display:flex;align-items:start;gap:25px;flex-wrap:wrap;color:#bed0cc;font-size:12px}.footer-bottom{border-top:1px solid #ffffff25;margin-top:65px;padding-top:25px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#829a9b;font-size:11px}@media(max-width:980px){.container{width:min(100% - 44px,1200px)}.nav{gap:14px}.hero-grid{gap:35px;min-height:auto;padding:70px 0}.hero-content h1{font-size:56px}.map-stage{height:380px}.steps{grid-template-columns:repeat(2,1fr)}.passport-grid{gap:35px}.contact-grid{gap:35px;grid-template-columns:1fr 370px}}@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{height:70px}.brand{font-size:11px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle span{display:block;width:23px;height:2px;background:white}.nav{display:none;position:absolute;left:0;right:0;top:70px;background:#0b1726;padding:20px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #ffffff25}.nav.is-open{display:flex}.nav a{padding:12px}.nav-contact{margin-top:10px}.hero-grid{grid-template-columns:1fr;padding:76px 0 40px;gap:45px}.hero-content h1{font-size:clamp(42px,9.5vw,64px)}.hero-copy{font-size:15px}.hero-foot{margin-top:35px}.hero-visual{transform:none}.map-stage{height:390px}.section{padding:75px 0}.section-heading.split,.passport-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.section-header h2,.section-heading h2,.passport h2,.about h2,.contact h2{font-size:38px}.section-heading.split>p{max-width:600px}.service-grid{grid-template-columns:1fr}.service-visual{height:175px}.passport-mock{transform:none}.about-grid>div:last-child{padding-top:0}.contact-card{padding:27px}.film-card{min-height:380px}.film-inner>h3{font-size:28px}.footer-grid{flex-direction:column;gap:35px}.footer-links{gap:15px}}@media(max-width:440px){.hero-actions .btn{width:100%}.map-stage{height:300px}.floating-tag{padding:9px;right:10px;bottom:10px}.floating-tag strong{font-size:10px}.floating-tag small{font-size:7px}.steps{grid-template-columns:1fr}.steps h3{margin-top:20px}.hero-caption{font-size:8px}.mock-map{height:170px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}