:root{color-scheme:light;--paper:#f7f7f4;--ink:#20231f;--muted:#777b74;--line:#e2e3dc;--green:#788e4d;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;z-index:-1;top:-30vh;right:-15vw;width:70vw;height:85vh;pointer-events:none;opacity:.65;background:radial-gradient(ellipse at center,#e7eccf 0%,#eef0e5 31%,transparent 69%);animation:drift 28s ease-in-out infinite alternate;will-change:transform}.section-wrap,.topbar{width:min(1120px,calc(100% - 80px));margin-inline:auto}.topbar{height:82px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.brand{font:800 21px var(--display);letter-spacing:-1.2px}.brand-dot{color:var(--green)}.nav{display:flex;gap:32px;margin-left:auto;margin-right:39px}.nav a,.header-contact{font-size:11px;font-weight:600;color:#565b54;transition:color .2s}.nav a:hover,.header-contact:hover{color:var(--green)}.header-contact span{margin-left:8px}.menu-toggle{display:none}.hero{min-height:545px;padding-top:100px;position:relative}.eyebrow{margin:0;color:#7b8077;font-size:9px;font-weight:700;letter-spacing:1.5px}.hero .eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91a85b;margin:0 7px 1px 0}.hero h1,.section-wrap h2{font:500 clamp(45px,7vw,82px)/1.07 var(--display);letter-spacing:-5px;margin:27px 0 24px}.hero h1 em,.section-wrap h2 em{font-style:normal;color:var(--green)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:810px}.hero-bottom p{max-width:455px;margin:0;color:#676c65;font-size:13px;line-height:1.8}.button{display:inline-flex;align-items:center;gap:30px;background:var(--ink);color:white;padding:16px 19px;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#394334;transform:translateY(-2px)}.button span{font-size:15px}.hero-index{position:absolute;bottom:29px;left:0;display:flex;align-items:center;gap:10px;color:#83877e;font-size:8px;font-weight:600;letter-spacing:1.2px}.hero-index span{color:var(--green)}.hero-index i{width:30px;height:1px;background:#bfc3b5}.banks{border-top:1px solid var(--line);padding:38px 0 42px}.bank-list{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 15px;font:600 clamp(17px,2.2vw,25px) var(--display);letter-spacing:-.8px}.bank-more{font:500 14px var(--body);color:var(--muted);letter-spacing:0}.bank-note{font-size:10px;color:#858980;margin:0}.services{padding:88px 0 99px;border-top:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.section-wrap h2{font-size:clamp(40px,5vw,58px);letter-spacing:-3px;margin:22px 0 0}.section-note{max-width:290px;color:#70756c;font-size:12px;line-height:1.8;margin:0 0 5px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:65px 1fr 35px;gap:20px;align-items:start;padding:27px 0 29px;border-bottom:1px solid var(--line)}.service-num{color:var(--green);font-size:10px;padding-top:5px}.service h3{font:600 19px var(--display);letter-spacing:-.5px;margin:0 0 9px}.service p{max-width:650px;color:#71766e;font-size:12px;line-height:1.8;margin:0}.service>a{justify-self:end;font-size:17px;color:#69794c;transition:transform .2s}.service>a:hover{transform:translate(2px,-2px)}.about{border-top:1px solid var(--line);padding:83px 0 92px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-content h2{font-size:clamp(38px,5vw,55px);margin-top:23px}.about-content>div{padding-top:28px}.about-content p{font-size:12px;line-height:1.9;color:#676d64;margin:0 0 14px}.contact{border-top:1px solid var(--line);padding:81px 0 90px;display:flex;align-items:flex-end;justify-content:space-between}.contact h2{font-size:clamp(48px,6vw,70px);margin-top:23px}.contact-note{color:#686e66;font-size:12px;line-height:1.8;max-width:310px;margin:17px 0 0}.contact-action{padding-bottom:5px}.contact-action .button{min-width:220px;justify-content:space-between}.contact-action p{font-size:10px;color:#858980;margin:12px 0 0}.footer{border-top:1px solid var(--line);height:76px;display:flex;align-items:center;justify-content:space-between;color:#858980;font-size:10px}.footer .brand{color:var(--ink);font-size:17px}.footer>a:last-child{font-weight:600}.legal{max-width:800px;margin-left:max(40px,calc((100% - 1120px)/2));padding:0 0 22px;color:#92968e;font-size:9px;line-height:1.7}.js .service,.js .section-head,.js .about-content,.js .contact>div{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.js .is-visible{opacity:1;transform:translateY(0)}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-5vw,4vh,0) scale(1.07)}}@keyframes float-one{0%{transform:translate3d(0,0,0) scale(.96)}100%{transform:translate3d(-40px,35px,0) scale(1.06)}}@keyframes float-two{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(45px,-28px,0)}}
@media(max-width:700px){.section-wrap,.topbar{width:calc(100% - 40px)}.topbar{height:70px}.nav{display:none;position:absolute;z-index:3;top:69px;left:0;right:0;width:100%;margin:0;padding:21px 20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav.open{display:flex}.header-contact{margin-left:auto;margin-right:20px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:6px}.menu-toggle span{width:18px;height:1px;background:var(--ink)}.hero{min-height:520px;padding-top:85px}.hero h1{font-size:clamp(46px,11vw,68px);letter-spacing:-3.5px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:24px}.hero-bottom p{font-size:12px}.hero-index{bottom:23px}.banks{padding:30px 0}.bank-list{justify-content:flex-start;flex-wrap:wrap;column-gap:24px;row-gap:14px;font-size:19px}.bank-more{font-size:13px}.services{padding:70px 0}.section-head{display:block;margin-bottom:30px}.section-note{margin-top:17px}.section-wrap h2{font-size:43px;letter-spacing:-2.5px}.service{grid-template-columns:33px 1fr 20px;gap:10px;padding:22px 0}.service h3{font-size:16px}.service p{font-size:11px}.about{padding:68px 0 72px}.about-content{grid-template-columns:1fr;gap:5px}.about-content h2{font-size:43px}.about-content>div{padding-top:4px}.contact{padding:68px 0 72px;align-items:flex-start;flex-direction:column;gap:27px}.contact h2{font-size:57px}.contact-action{width:100%}.contact-action .button{width:100%}.footer{height:70px}.legal{margin-left:20px}.ambient{width:100vw;height:65vh;right:-40vw;opacity:.5}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .service,.js .section-head,.js .about-content,.js .contact>div{opacity:1;transform:none}}
/* Additional bank marks and low-cost ambient motion */
.ambient::before,.ambient::after{content:"";position:absolute;display:block;border-radius:50%;will-change:transform}
.ambient::before{width:360px;height:360px;right:8%;top:8%;background:radial-gradient(circle,#dce8b8 0%,#e5eccf 42%,transparent 72%);animation:float-one 23s ease-in-out infinite alternate}
.ambient::after{width:240px;height:240px;left:3%;bottom:5%;background:radial-gradient(circle,#dce9e1 0%,#e8eee7 40%,transparent 72%);animation:float-two 31s ease-in-out infinite alternate}
.bank-list{gap:18px}
.bank-item{display:flex;align-items:center;gap:10px;font:600 clamp(14px,1.8vw,20px) var(--display);letter-spacing:-.6px;white-space:nowrap}
.bank-logo{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;font:800 17px var(--display);letter-spacing:-1px}
.bank-logo.alfa{background:#ef3e42;color:#fff}
.bank-logo.tinkoff{background:#ffdd2d;color:#222;font-size:19px}
.bank-logo.sber{position:relative;background:linear-gradient(145deg,#37b76e,#15a9a0 60%,#5891e6)}
.bank-logo.sber i{width:13px;height:8px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.bank-logo.vtb{border-radius:11px;background:#e6effb;color:#0879bd;font-size:11px;letter-spacing:-.5px}
.bank-more{font:500 13px var(--body);color:var(--muted);letter-spacing:0;white-space:nowrap}
.footer{min-height:76px;height:auto;gap:18px}
.footer-ip{color:#60665c;font-weight:500}
@keyframes float-one{0%{transform:translate3d(0,0,0) scale(.96)}100%{transform:translate3d(-40px,35px,0) scale(1.06)}}
@keyframes float-two{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(45px,-28px,0)}}
@media(max-width:700px){.bank-list{justify-content:flex-start;flex-wrap:wrap;column-gap:20px;row-gap:14px}.bank-item{font-size:16px}.bank-logo{width:31px;height:31px;flex-basis:31px;font-size:15px}.bank-logo.vtb{font-size:10px}.bank-more{font-size:13px}.footer{min-height:70px;flex-wrap:wrap;justify-content:space-between;padding:15px 0}.footer-ip{order:4;width:100%;text-align:left}.ambient::before{width:280px;height:280px}.ambient::after{width:190px;height:190px}}

/* More visible animated background, still limited to composited transforms */
body{isolation:isolate}
.ambient{z-index:0;top:-12vh;right:-13vw;width:78vw;height:95vh;opacity:.92;background:radial-gradient(ellipse at center,#d6e8a5 0%,#e4ecc7 34%,#eef0e5 61%,transparent 76%)}
.ambient::before{width:min(48vw,560px);height:min(48vw,560px);right:6%;top:4%;background:radial-gradient(circle,#cfe18e 0%,#dae8af 40%,#e8edcf 64%,transparent 74%);animation:float-one 19s ease-in-out infinite alternate}
.ambient::after{width:min(35vw,410px);height:min(35vw,410px);left:0;bottom:3%;background:radial-gradient(circle,#d2e7da 0%,#dfebe0 43%,#edf0e8 66%,transparent 76%);animation:float-two 25s ease-in-out infinite alternate}
.topbar,main,.footer,.legal{position:relative;z-index:1}
.service ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
.service li{position:relative;padding-left:13px;color:#626a5d;font-size:10px;line-height:1.55}
.service li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#91a75e}
.service .service-disclaimer{margin-top:12px;font-size:10px;color:#888d82}
.process{border-top:1px solid var(--line);padding:80px 0 88px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.process-heading h2{font:500 clamp(40px,5vw,58px)/1.07 var(--display);letter-spacing:-3px;margin:22px 0 14px}
.process-heading h2 em{font-style:normal;color:var(--green)}
.process-heading>p:last-child{max-width:300px;color:#70756c;font-size:12px;line-height:1.8}
.process-steps{border-top:1px solid var(--line)}
.process-steps article{display:grid;grid-template-columns:36px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
.process-steps article>span{padding-top:3px;color:var(--green);font-size:10px}
.process-steps h3{font:600 15px var(--display);margin:0 0 6px}
.process-steps p{color:#71766e;font-size:11px;line-height:1.7;margin:0}
.js .process-heading,.js .process-steps{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
.js .process-heading.is-visible,.js .process-steps.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:700px){.ambient{top:-5vh;right:-52vw;width:150vw;height:70vh;opacity:.8}.ambient::before{width:330px;height:330px}.ambient::after{width:260px;height:260px}.service ul{grid-template-columns:1fr;gap:6px;margin-top:12px}.process{padding:67px 0 72px;grid-template-columns:1fr;gap:20px}.process-heading h2{font-size:43px;letter-spacing:-2.5px}}
@media(prefers-reduced-motion:reduce){.js .process-heading,.js .process-steps{opacity:1;transform:none}}
.service-business ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px}
.service-business li{padding-left:13px}
.service-business li strong{display:block;margin-bottom:3px;color:#343b30;font-size:11px}
.service-business .service-disclaimer{padding:9px 0 9px 12px;border-left:2px solid #b7c593}
@media(max-width:700px){.service-business ul{grid-template-columns:1fr;gap:9px}}

/* Larger, simpler landing layout with motion across the full page */
body{font-size:16px}
.section-wrap,.topbar{width:min(1240px,calc(100% - 96px))}
.topbar{height:96px}
.brand{font-size:25px}
.nav{gap:38px}
.nav a,.header-contact{font-size:14px}
.eyebrow{font-size:11px;letter-spacing:1.6px}
.hero{min-height:650px;padding-top:135px;padding-bottom:90px}
.hero h1{font-size:clamp(62px,7.7vw,102px);letter-spacing:-5.8px;margin:30px 0 30px}
.hero-bottom{max-width:930px;gap:35px}
.hero-bottom p{font-size:17px;max-width:560px;line-height:1.75}
.button{padding:19px 23px;font-size:14px;gap:34px}
.hero-index{font-size:10px}
.banks{padding:48px 0 55px}
.bank-list{gap:28px;margin:30px 0 18px}
.bank-item{gap:13px;font-size:22px}
.bank-logo{width:54px;height:54px;flex-basis:54px}
.bank-note{font-size:13px}
.services{padding:105px 0 115px}
.section-head{margin-bottom:48px}
.section-wrap h2{font-size:clamp(50px,5.4vw,70px);letter-spacing:-3.6px}
.section-note{max-width:380px;font-size:16px;line-height:1.8}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-grid .service{display:block;min-height:255px;padding:30px;background:#eeefe9;border:0;border-radius:2px}
.service-grid .service-num{display:block;margin:0 0 39px;color:var(--green);font-size:13px}
.service-grid .service h3{margin:0 0 13px;font:600 25px/1.25 var(--display);letter-spacing:-.8px}
.service-grid .service p{max-width:470px;color:#666d63;font-size:16px;line-height:1.75;margin:0}
.process{padding:100px 0 110px;gap:75px}
.process-heading h2{font-size:clamp(50px,5.4vw,70px);letter-spacing:-3.6px}
.process-heading>p:last-child{font-size:16px}
.process-steps article{grid-template-columns:44px 1fr;gap:19px;padding:25px 0}
.process-steps article>span{font-size:13px}
.process-steps h3{font-size:19px;margin-bottom:7px}
.process-steps p{font-size:14px}
.about{padding:95px 0 105px}
.about-content{gap:80px}
.about-content h2{font-size:clamp(50px,5.4vw,70px)}
.about-content p{font-size:16px;line-height:1.85}
.contact{padding:85px 0 95px;align-items:center;background:#e9ece3}
.contact h2{font-size:clamp(54px,6vw,78px)}
.contact-note{font-size:16px;max-width:400px}
.contact .button{font-size:15px}
.footer{min-height:88px;font-size:13px}
.footer .brand{font-size:21px}
.legal{font-size:12px;line-height:1.7}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:4px;background:#dfe3d8;pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;background:#81964f;transform:scaleX(var(--page-scroll,0));transform-origin:left center;will-change:transform}
.js .service,.js .section-head,.js .about-content,.js .contact>div{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1);will-change:opacity,transform}
.js .reveal.is-visible{opacity:1;transform:translateY(0)}
.service-grid .service:nth-child(2){transition-delay:.07s}.service-grid .service:nth-child(3){transition-delay:.14s}.service-grid .service:nth-child(4){transition-delay:.21s}
@media(max-width:760px){.section-wrap,.topbar{width:calc(100% - 40px)}.topbar{height:76px}.brand{font-size:22px}.nav{gap:18px}.nav a,.header-contact{font-size:12px}.hero{min-height:575px;padding-top:93px;padding-bottom:75px}.hero h1{font-size:clamp(48px,11vw,72px);letter-spacing:-3.4px;margin:24px 0}.hero-bottom{gap:21px}.hero-bottom p{font-size:15px}.hero-index{font-size:9px}.banks{padding:34px 0 40px}.bank-list{justify-content:flex-start;flex-wrap:wrap;column-gap:22px;row-gap:17px;margin:23px 0 15px}.bank-item{font-size:18px;gap:9px}.bank-logo{width:42px;height:42px;flex-basis:42px}.bank-note{font-size:12px}.services{padding:70px 0 78px}.section-head{display:block;margin-bottom:30px}.section-wrap h2{font-size:46px;letter-spacing:-2.8px}.section-note{font-size:14px;margin-top:17px}.service-grid{grid-template-columns:1fr;gap:12px}.service-grid .service{min-height:0;padding:23px}.service-grid .service-num{margin-bottom:23px;font-size:12px}.service-grid .service h3{font-size:22px}.service-grid .service p{font-size:15px}.process{padding:70px 0 78px;grid-template-columns:1fr;gap:30px}.process-heading h2{font-size:47px}.process-heading>p:last-child{font-size:14px}.process-steps article{grid-template-columns:35px 1fr;gap:14px;padding:20px 0}.process-steps h3{font-size:17px}.process-steps p{font-size:13px}.about{padding:70px 0 78px}.about-content{grid-template-columns:1fr;gap:12px}.about-content h2{font-size:47px}.about-content>div{padding-top:0}.about-content p{font-size:15px}.contact{padding:52px 24px 56px;align-items:flex-start;flex-direction:column;gap:25px}.contact h2{font-size:54px}.contact-note{font-size:15px}.footer{gap:14px;flex-wrap:wrap;padding:18px 0}.footer-ip{order:4;width:100%}.legal{margin-left:20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none;will-change:auto}.scroll-progress span{will-change:auto}}
/* Soft rounded typography and visible slow-moving color fields */
:root{--display:'Nunito',sans-serif;--body:'Nunito',sans-serif}
.ambient{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.ambient-shape{position:absolute;display:block;border-radius:50%;will-change:transform;opacity:.82}
.ambient-one{top:-26vh;left:-18vw;width:min(68vw,860px);aspect-ratio:1;background:radial-gradient(circle at 44% 48%,#d3e4b3 0%,#e3ebd1 37%,#edf0df 57%,transparent 73%);animation:ambient-drift-one 20s ease-in-out infinite alternate}
.ambient-two{top:18vh;right:-21vw;width:min(62vw,790px);aspect-ratio:1;background:radial-gradient(circle at 48% 48%,#d5e7e2 0%,#e1ece7 39%,#edf1eb 59%,transparent 75%);animation:ambient-drift-two 25s ease-in-out infinite alternate}
@keyframes ambient-drift-one{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(12vw,9vh,0) scale(1.08)}}
@keyframes ambient-drift-two{from{transform:translate3d(0,0,0) scale(1.04)}to{transform:translate3d(-11vw,-8vh,0) scale(.94)}}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-grid .service{display:flex;flex-direction:column;min-height:370px;padding:32px;background:#f8f8f2d9;border:1px solid #dfe2d8;border-radius:5px;box-shadow:0 12px 38px #35402b08;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.service-grid .service:hover{transform:translateY(-5px);background:#fbfcf8;box-shadow:0 20px 48px #35402b12}
.service-audience{margin:0 0 42px;color:#7e8f59;font-size:11px;font-weight:800;letter-spacing:1.3px}
.service-grid .service h3{margin:0 0 18px;font:800 clamp(24px,2.2vw,31px)/1.2 var(--display);letter-spacing:-.8px}
.service-grid .service p:not(.service-audience){max-width:430px;color:#62695f;font-size:17px;line-height:1.65;margin:0}
.service-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px;color:#353d31;font-size:14px;font-weight:800}
.service-action span{color:#82954f;font-size:18px;transition:transform .2s ease}
.service-action:hover span{transform:translate(3px,-3px)}
.section-head h2{font-family:var(--display);font-weight:800}
.hero h1,.section-wrap h2{font-family:var(--display);font-weight:800}
.hero-bottom p,.section-note,.about-content p,.contact-note,.bank-note,.legal{font-family:var(--body)}
.contact{background:#e9ece3c9;border-radius:5px}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid .service{min-height:330px}}
@media(max-width:760px){.ambient-one{top:-12vh;left:-50vw;width:112vw}.ambient-two{top:23vh;right:-52vw;width:110vw}.service-grid{grid-template-columns:1fr;gap:14px}.service-grid .service{min-height:0;padding:26px}.service-audience{margin-bottom:22px;font-size:10px}.service-grid .service h3{font-size:27px;margin-bottom:12px}.service-grid .service p:not(.service-audience){font-size:16px}.service-action{padding-top:20px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.ambient-shape{animation:none;will-change:auto}.service-grid .service,.service-action span{transition:none}.service-grid .service:hover{transform:none}}

/* Keep the moving backdrop centered and lively */
.ambient-one{top:32vh;left:50%;right:auto;width:min(72vw,900px);background:radial-gradient(circle at 48% 50%,#c9dfa0 0%,#dce8c1 34%,#e8eed5 56%,transparent 74%);animation:ambient-center-one 11s ease-in-out infinite alternate}
.ambient-two{top:68vh;left:50%;right:auto;width:min(64vw,800px);background:radial-gradient(circle at 52% 46%,#cce5dc 0%,#daebe3 36%,#e8efe9 56%,transparent 75%);animation:ambient-center-two 14s ease-in-out infinite alternate}
@keyframes ambient-center-one{0%{transform:translate3d(-50%,-50%,0) scale(.9)}50%{transform:translate3d(calc(-50% + 7vw),calc(-50% - 5vh),0) scale(1.12)}100%{transform:translate3d(calc(-50% - 2vw),calc(-50% + 4vh),0) scale(1.02)}}
@keyframes ambient-center-two{0%{transform:translate3d(-50%,-50%,0) scale(1.08)}50%{transform:translate3d(calc(-50% - 6vw),calc(-50% + 4vh),0) scale(.92)}100%{transform:translate3d(calc(-50% + 4vw),calc(-50% - 5vh),0) scale(1.1)}}
.hero h1,.section-wrap h2{letter-spacing:-.035em}
@media(max-width:760px){.ambient-one{top:28vh;left:50%;right:auto;width:128vw}.ambient-two{top:73vh;left:50%;right:auto;width:124vw}}
@media(prefers-reduced-motion:reduce){.ambient-shape{animation:none!important}}

/* New centered orbital backdrop */
.ambient{inset:0;top:0;left:0;right:0;width:auto;height:auto;opacity:1;background:none;animation:none;overflow:hidden}
.ambient::before,.ambient::after{content:none;display:none}
.ambient-glow{position:absolute;left:50%;top:50%;width:min(110vw,1450px);height:min(105vh,950px);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#e9eedc 0%,#f0f2e8 38%,transparent 72%);opacity:.72}
.ambient-orbit{position:absolute;left:50%;top:50%;display:block;border:1px solid #8da2754a;border-radius:50%;transform-origin:center;will-change:transform}
.ambient-orbit-one{width:min(78vw,1120px);height:min(55vh,620px);border-color:#91a5784d;animation:orbit-one 21s linear infinite}
.ambient-orbit-two{width:min(57vw,820px);height:min(78vh,850px);border-color:#81aaa34a;animation:orbit-two 29s linear infinite}
.ambient-orbit-three{width:min(42vw,600px);height:min(38vh,360px);border-style:dashed;border-color:#9aab7840;animation:orbit-three 38s linear infinite}
.ambient-orbit i{position:absolute;top:50%;left:-6px;width:12px;height:12px;border-radius:50%;background:#8da35f;box-shadow:0 0 0 5px #8da35f22}
.ambient-orbit-two i{left:auto;right:-5px;width:10px;height:10px;background:#76a69c;box-shadow:0 0 0 5px #76a69c22}
.ambient-orbit-three i{left:72%;top:-5px;width:9px;height:9px;background:#a5ae72;box-shadow:0 0 0 4px #a5ae7222}
@keyframes orbit-one{from{transform:translate(-50%,-50%) rotate(-18deg)}to{transform:translate(-50%,-50%) rotate(342deg)}}
@keyframes orbit-two{from{transform:translate(-50%,-50%) rotate(22deg)}to{transform:translate(-50%,-50%) rotate(-338deg)}}
@keyframes orbit-three{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.about{padding:90px 0 100px}
.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px;align-items:stretch}
.about-bio,.about-work{padding:36px 38px;border-radius:5px}
.about-bio{background:#f8f8f2dc;border:1px solid #e1e4db}
.about-bio h2{font:800 50px/1.1 var(--display);letter-spacing:-.04em;margin:20px 0 12px}
.about-bio h2 em{font-style:normal;color:var(--green)}
.bio-intro{color:#60675d;font-size:17px;line-height:1.6;margin:0 0 24px}
.bio-facts{display:grid;gap:9px}
.bio-facts span{position:relative;padding-left:16px;color:#73796e;font-size:14px}
.bio-facts span::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#8ea260}
.about-work{background:#e7ebdf}
.about-work h3{max-width:650px;margin:18px 0 16px;font:800 clamp(30px,3.4vw,43px)/1.2 var(--display);letter-spacing:-.035em}
.about-work>p:not(.eyebrow){max-width:660px;color:#62695f;font-size:17px;line-height:1.7;margin:0 0 14px}
.about-work .free-note{padding:14px 0 0 16px;border-left:3px solid #8ca15b;color:#40493b;font-weight:800}
.contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px;padding:52px 58px;min-height:270px;margin:0 auto 70px;background:#e7ebdf;border:1px solid #dce1d4;border-radius:7px}
.contact h2{font:800 clamp(42px,4.5vw,58px)/1.12 var(--display);letter-spacing:-.035em;margin:16px 0 12px}
.contact h2 em{font-style:normal;color:var(--green)}
.contact-note{max-width:520px;font-size:17px;line-height:1.65;margin:0;color:#646b60}
.contact .button{white-space:nowrap;padding:20px 24px;font-size:15px;border-radius:3px}
@media(max-width:900px){.about-grid{grid-template-columns:1fr 1.4fr}.about-bio,.about-work{padding:30px}.ambient-orbit-one{width:92vw}.ambient-orbit-two{width:70vw}}
@media(max-width:760px){.ambient-glow{width:125vw;height:90vh}.ambient-orbit-one{width:140vw;height:48vh}.ambient-orbit-two{width:108vw;height:75vh}.ambient-orbit-three{width:78vw;height:32vh}.about{padding:70px 0 78px}.about-grid{grid-template-columns:1fr;gap:13px}.about-bio,.about-work{padding:26px}.about-bio h2{font-size:42px}.bio-intro{font-size:15px}.bio-facts span{font-size:13px}.about-work h3{font-size:32px}.about-work>p:not(.eyebrow){font-size:15px}.contact{grid-template-columns:1fr;gap:22px;padding:30px 25px;margin-bottom:50px;min-height:0}.contact h2{font-size:42px}.contact-note{font-size:15px}.contact .button{justify-self:start;white-space:normal;padding:16px 18px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.ambient-orbit{animation:none!important;will-change:auto}}

/* Bounded moving light sweep */
.ambient{position:fixed;z-index:0;inset:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:clip;contain:paint;pointer-events:none;opacity:1;background:none;animation:none}
.ambient::before,.ambient::after{content:none!important;display:none!important}
.ambient-glow,.ambient-orbit{display:none!important}
.ambient-sweep{position:absolute;top:5%;bottom:5%;left:0;width:46%;display:block;will-change:transform;opacity:.9;background:radial-gradient(ellipse at 52% 50%,#d5e6b6 0%,#e4ecd2 38%,#eef1e3 61%,transparent 82%);animation:light-sweep 13s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes light-sweep{0%{transform:translate3d(0,0,0) rotate(-3deg) scale(.92)}100%{transform:translate3d(117%,0,0) rotate(3deg) scale(1.08)}}
@media(max-width:760px){.ambient-sweep{width:68%;opacity:.8;background:radial-gradient(ellipse at 50% 48%,#d9e8c0 0%,#e7eed9 41%,#eff2e8 63%,transparent 82%)}@keyframes light-sweep{0%{transform:translate3d(0,0,0) rotate(-2deg) scale(.94)}100%{transform:translate3d(48%,0,0) rotate(2deg) scale(1.04)}}}
@media(prefers-reduced-motion:reduce){.ambient-sweep{animation:none!important;transform:translate3d(30%,0,0)}}

/* Floating finance shapes replace the light sweep */
.ambient-sweep{display:none!important}
.ambient-token{position:absolute;display:grid;place-items:center;pointer-events:none;user-select:none;will-change:transform}
.token-card{left:12vw;top:19vh;width:142px;height:92px;border:1px solid #88a16c8c;border-radius:13px;background:linear-gradient(135deg,#dce8c8d9,#c9dcb8b8);box-shadow:0 18px 48px #51653c19;opacity:.54;animation:card-drift 10s ease-in-out infinite alternate}
.token-card::before{content:"";position:absolute;left:15px;top:18px;width:22px;height:16px;border-radius:4px;background:linear-gradient(135deg,#a6b983,#dbe6c4);border:1px solid #80956766}
.token-card::after{content:"";position:absolute;left:15px;right:15px;bottom:17px;height:4px;border-radius:5px;background:#91a67866;box-shadow:0 9px 0 #91a6783d}
.token-coin{right:23vw;top:59vh;width:84px;height:84px;border:2px solid #94a974a3;border-radius:50%;background:radial-gradient(circle at 35% 28%,#eff3e3,#d8e4c2 62%,#b8ca98);color:#718749;font-size:32px;font-weight:800;box-shadow:0 12px 34px #586e3a21;opacity:.62;animation:coin-drift 12s ease-in-out infinite}
.token-growth{right:16vw;top:20vh;width:66px;height:66px;border:1px solid #83a79c88;border-radius:20px;background:linear-gradient(145deg,#e6f0e9,#d3e6df);color:#6f998b;font-size:38px;font-weight:600;box-shadow:0 14px 38px #3c74671b;opacity:.64;animation:growth-float 8s ease-in-out infinite alternate}
.token-spark{left:69vw;top:72vh;color:#8d9d60;font-size:27px;opacity:.55;animation:spark-turn 8s linear infinite}
@keyframes card-drift{0%{transform:translate3d(0,0,0) rotate(-9deg)}35%{transform:translate3d(4vw,-2vh,0) rotate(-2deg)}72%{transform:translate3d(1vw,5vh,0) rotate(8deg)}100%{transform:translate3d(-1vw,1vh,0) rotate(-5deg)}}
@keyframes coin-drift{0%{transform:translate3d(0,0,0) rotateY(0) rotateZ(-8deg)}50%{transform:translate3d(-3vw,-5vh,0) rotateY(180deg) rotateZ(8deg)}100%{transform:translate3d(2vw,2vh,0) rotateY(360deg) rotateZ(-8deg)}}
@keyframes growth-float{0%{transform:translate3d(0,0,0) rotate(5deg) scale(.94)}100%{transform:translate3d(-3vw,5vh,0) rotate(-8deg) scale(1.08)}}
@keyframes spark-turn{0%{transform:rotate(0) scale(.85)}50%{transform:rotate(180deg) scale(1.15)}100%{transform:rotate(360deg) scale(.85)}}
@media(max-width:760px){.token-card{left:8vw;top:22vh;width:110px;height:72px}.token-card::before{left:12px;top:13px;width:18px;height:13px}.token-card::after{left:12px;right:12px;bottom:13px}.token-coin{right:12vw;top:64vh;width:66px;height:66px;font-size:25px}.token-growth{right:9vw;top:17vh;width:52px;height:52px;border-radius:15px;font-size:30px}.token-growth .arrow-icon{width:27px;height:27px}.token-spark{left:75vw;top:76vh;font-size:21px}}
@media(prefers-reduced-motion:reduce){.ambient-token{animation:none!important;will-change:auto}}

/* Rounded controls and aligned footer */
.button,.service-grid .service,.about-bio,.about-work,.contact{border-radius:20px}
.service-action{padding:13px 17px;background:#eef1e8;border-radius:999px;margin-top:auto}
.service-action:hover{background:#e5ebd9}
.bio-facts span{width:fit-content;padding:9px 14px 9px 31px;border-radius:999px;background:#edf0e6}
.bio-facts span::before{left:14px;top:calc(50% - 3px)}
.free-note{border-radius:2px 14px 14px 2px}
.contact .button{border-radius:999px;padding:21px 27px}
.footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:32px;min-height:100px;height:auto;padding:22px 0;border-top:1px solid var(--line)}
.footer-identity{display:flex;align-items:center;gap:22px;min-width:0}
.footer-ip{font-size:13px;line-height:1.4;white-space:nowrap}
.footer-copy{color:#858980;font-size:12px;white-space:nowrap}
.footer-top{justify-self:end;color:#52594f;font-size:12px;font-weight:800;white-space:nowrap}
.footer-top span{margin-left:7px;color:var(--green)}
@media(max-width:760px){.about-bio,.about-work,.contact{border-radius:17px}.button,.contact .button{border-radius:999px}.footer{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:14px;padding:20px 0;min-height:0}.footer-identity{grid-column:1/-1;align-items:flex-start;flex-direction:column;gap:6px}.footer-ip{order:initial;width:auto;white-space:normal;font-size:12px}.footer-copy{grid-column:1;font-size:11px}.footer-top{grid-column:2;justify-self:end;font-size:11px}}

/* Contact choices and small-screen layout */
.contact-actions{display:grid;gap:12px;width:min(100%,330px)}
.contact-actions .button{width:100%;min-height:58px;justify-content:space-between;text-align:left;white-space:normal;line-height:1.35;border-radius:999px}
.contact-actions .button-secondary{background:transparent;color:var(--ink);border:1px solid #aeb89d}
.contact-actions .button-secondary:hover{background:#dce4cf}
.contact-actions .button-bot{background:#718b45;color:#fff;box-shadow:0 10px 24px #718b4530}
.contact-actions .button-bot:hover{background:#5e7538;box-shadow:0 13px 28px #718b4540}
.contact-actions .button-form{background:#edf0e6;color:var(--ink);border:1px solid #dfe4d5}
.contact-actions .button-form:hover{background:#e3e9d8}
.contact-actions .button-direct{background:transparent;color:#565b54;border:1px solid #d7dbd1}
.contact-actions .button-direct:hover{background:#f2f3ee}
.arrow-icon{display:inline-block;width:14px;height:14px;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.token-growth .arrow-icon{width:34px;height:34px;stroke-width:1.5}
.button .arrow-icon{width:15px;height:15px}
.service-action .arrow-icon{transition:transform .2s ease}
.service-action:hover .arrow-icon{transform:translate(3px,-3px)}
.footer-top .arrow-icon{width:13px;height:13px}
@media(max-width:760px){
  .section-wrap,.topbar{width:calc(100% - 36px)}
  .topbar{height:72px}
  .brand{font-size:21px}
  .nav{top:71px;padding:19px 18px}
  .header-contact{font-size:12px;margin-right:14px}
  .hero{min-height:0;padding-top:70px;padding-bottom:76px}
  .hero>.eyebrow{font-size:9px;letter-spacing:1.1px;line-height:1.6}
  .hero h1{font-size:clamp(38px,10.4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:22px 0 20px}
  .hero-bottom{max-width:none;align-items:flex-start;gap:20px}
  .hero-bottom p{font-size:15px;line-height:1.65}
  .hero-bottom .button{padding:16px 18px;font-size:13px;gap:20px}
  .banks{padding:30px 0 35px}
  .bank-list{justify-content:flex-start;gap:14px 18px;margin:22px 0 14px}
  .bank-item{font-size:16px;gap:8px}
  .bank-logo{width:36px;height:36px;flex-basis:36px}
  .bank-note{font-size:12px;line-height:1.55}
  .services{padding:62px 0 68px}
  .section-head{margin-bottom:25px}
  .section-wrap h2{font-size:clamp(36px,9vw,46px);line-height:1.12;letter-spacing:-.035em}
  .section-note{font-size:14px;line-height:1.65}
  .service-grid{grid-template-columns:1fr;gap:12px}
  .service-grid .service{min-height:0;padding:23px 21px;border-radius:18px}
  .service-audience{font-size:9px;letter-spacing:1px;margin-bottom:20px}
  .service-grid .service h3{font-size:24px;line-height:1.18;margin-bottom:11px}
  .service-grid .service p:not(.service-audience){font-size:15px;line-height:1.6}
  .service-action{margin-top:22px;padding:12px 15px;font-size:13px}
  .about{padding:62px 0 68px}
  .about-grid{grid-template-columns:1fr;gap:12px}
  .about-bio,.about-work{padding:23px 21px;border-radius:18px}
  .about-bio h2{font-size:40px;margin:15px 0 9px}
  .bio-intro{font-size:15px;margin-bottom:17px}
  .bio-facts{gap:7px}
  .bio-facts span{font-size:12px;padding:8px 12px 8px 29px}
  .about-work h3{font-size:clamp(27px,7.5vw,34px);line-height:1.18;margin:14px 0 13px}
  .about-work>p:not(.eyebrow){font-size:15px;line-height:1.6}
  .about-work .free-note{font-size:14px;padding:11px 0 0 13px}
  .contact{grid-template-columns:1fr;align-items:start;gap:20px;padding:26px 21px;margin:0 auto 38px;min-height:0;border-radius:18px}
  .contact h2{font-size:clamp(34px,8.8vw,43px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 10px}
  .contact-note{font-size:15px;line-height:1.6}
  .contact-actions{width:100%;gap:10px}
  .contact-actions .button{min-height:54px;padding:14px 17px;font-size:14px;border-radius:16px}
  .footer{grid-template-columns:1fr auto;gap:12px;padding:19px 0}
  .footer-identity{gap:5px}
  .footer-ip{max-width:100%;font-size:12px}
  .footer-copy,.footer-top{font-size:11px}
  .legal{width:calc(100% - 36px);margin:0 auto;padding-bottom:18px;font-size:10px;line-height:1.6}
  .token-card{left:6vw;top:18vh;width:96px;height:64px;opacity:.28}
  .token-coin{right:9vw;top:61vh;width:58px;height:58px;font-size:22px;opacity:.34}
  .token-growth{right:7vw;top:14vh;width:45px;height:45px;border-radius:13px;font-size:26px;opacity:.34}
  .token-spark{left:74vw;top:76vh;font-size:18px;opacity:.34}
}
@media(max-width:390px){
  .section-wrap,.topbar{width:calc(100% - 32px)}
  .hero h1{font-size:38px}
  .hero>.eyebrow{font-size:8px;letter-spacing:.8px}
  .service-grid .service h3{font-size:22px}
  .contact-actions .button{font-size:13px}
}
@media(max-width:900px){.contact{grid-template-columns:1fr;gap:24px;padding:38px}.contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.contact-actions .button{min-height:60px}}
@media(max-width:760px){.contact{grid-template-columns:1fr;gap:20px;padding:26px 21px}.contact-actions{grid-template-columns:1fr}}

/* Center the mobile layout for a more balanced, intentional feel */
@media(max-width:760px){
  .topbar{justify-content:center;position:relative}
  .topbar .brand{margin-right:auto}
  .header-contact{margin-left:0;margin-right:14px}
  .nav{align-items:center;text-align:center}
  .hero,.banks,.services,.about,.contact,.footer,.legal{text-align:center}
  .hero>.eyebrow{max-width:34ch;margin-inline:auto}
  .hero h1{margin-inline:auto}
  .hero-bottom{align-items:center}
  .hero-bottom p{max-width:36ch;margin-inline:auto}
  .hero-bottom .button{align-self:center}
  .banks>.eyebrow{line-height:1.6}
  .bank-list{justify-content:center}
  .bank-item{justify-content:center}
  .bank-note{max-width:42ch;margin-inline:auto}
  .section-head>div{display:flex;flex-direction:column;align-items:center}
  .section-note{max-width:38ch;margin-inline:auto}
  .service-grid .service{align-items:center}
  .service-audience{margin-inline:auto}
  .service-grid .service h3,.service-grid .service p:not(.service-audience){max-width:38ch;margin-left:auto;margin-right:auto}
  .service-action{width:100%;justify-content:center;gap:14px}
  .about-grid{justify-items:stretch}
  .about-bio,.about-work{display:flex;flex-direction:column;align-items:center}
  .bio-intro{max-width:34ch}
  .bio-facts{justify-items:center}
  .bio-facts span{padding-left:29px}
  .about-work h3,.about-work>p:not(.eyebrow){max-width:40ch}
  .about-work .free-note{border-left:0;border-top:3px solid #8ca15b;padding:12px 0 0}
  .contact{justify-items:center}
  .contact-copy{display:flex;flex-direction:column;align-items:center}
  .contact h2{max-width:16ch}
  .contact-note{max-width:40ch}
  .contact-actions{max-width:390px}
  .contact-actions .button{justify-content:center;text-align:center;gap:12px}
  .footer{justify-items:center}
  .footer-identity{align-items:center}
  .footer-ip{max-width:34ch}
  .footer-top{justify-self:center}
  .legal{max-width:48ch}
}

@media(max-width:760px){
  .footer{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:0;
    padding:25px 18px 22px;
    background:var(--paper);
  }
  .footer-identity{
    align-items:center;
    gap:5px;
    width:100%;
  }
  .footer .brand{font-size:20px}
  .footer-ip{
    max-width:30ch;
    font-size:12px;
    line-height:1.5;
    color:#777b74;
  }
  .footer-copy,.footer-top{font-size:12px}
  .footer-top{justify-self:auto;padding:5px 12px;border-radius:999px;background:#edf0e6}
  .legal{
    position:relative;
    z-index:1;
    max-width:none;
    padding:14px 18px 20px;
    background:var(--paper);
    border-top:1px solid var(--line);
    font-size:10px;
    line-height:1.65;
  }
}
