:root{--bg:#080c0c;--panel:#111717;--text:#f3f5f1;--muted:#8e9995;--accent:#b7e6c1;--line:#ffffff20;--travel:70vh}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h2{font-size:clamp(32px,4.2vw,60px);font-weight:500;line-height:1.13;letter-spacing:-2.5px}p{color:var(--muted);line-height:1.7}.wrap{max-width:1360px;margin:auto;padding:0 6%}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:block}.green{color:var(--accent)}.muted{color:var(--muted)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 23px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.light{background:var(--text);color:#0c1711}.light:hover{background:var(--accent)}.outline{border-color:#ffffff35;background:transparent}.outline:hover{background:#ffffff0c}.small{padding:12px 18px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;padding:12px 0}.text-link:hover{color:var(--accent)}header{height:88px;position:fixed;inset:0 0 auto;z-index:20;padding:0 5%;display:flex;align-items:center;gap:36px;transition:background .3s,border .3s}header.scrolled{background:#080c0cec;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;width:151px;align-items:center}.brand img{width:100%;height:auto;max-height:50px;object-fit:contain}nav{display:flex;gap:32px;margin:auto;font-size:12px;color:#d7dfdb}nav a:hover{color:var(--accent)}.menu{display:none;background:none;border:0;font-size:22px}.intro{height:calc(100svh + var(--travel));position:relative}.hero{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#061111}.hero-background{position:absolute;inset:0;transform:scale(calc(1 + var(--p,0)*.07))}.aurora{position:absolute;inset:-30%;background:radial-gradient(ellipse at 65% 40%,#4f9d8860,transparent 38%),radial-gradient(ellipse at 25% 70%,#173c5260,transparent 40%);animation:breathe 14s ease-in-out infinite alternate}.grid{position:absolute;inset:0;background-image:linear-gradient(#b2f9ce06 1px,transparent 1px),linear-gradient(90deg,#b2f9ce06 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(transparent,#000)}.orb{position:absolute;border:1px solid #a4f8ce28;width:850px;height:850px;border-radius:50%;right:-80px;top:-260px;box-shadow:0 0 110px #3ab8a215,inset 0 0 80px #7cddbc08;transform:rotate(-35deg) scaleX(.45)}.orb-two{right:0;top:-160px;transform:rotate(-35deg) scaleX(.5);opacity:.5}.triangle{position:absolute;clip-path:polygon(0 0,100% 0,68% 100%);background:linear-gradient(130deg,#d8f5debb,#619e8a44 48%,#26545205);filter:drop-shadow(0 0 30px #a1efbb);animation:float 10s ease-in-out infinite alternate}.t1{width:410px;height:470px;right:-40px;top:18%;transform:rotate(-15deg)}.t2{width:215px;height:250px;left:-55px;bottom:0;transform:rotate(33deg);opacity:.55;animation-delay:-4s}.t3{width:100px;height:120px;right:34%;top:12%;transform:rotate(8deg);opacity:.4;animation-delay:-7s}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#080c0c 0%,transparent 40%,#080c0c33),linear-gradient(90deg,#080c0c77,transparent)}#hero-video{position:absolute;width:100%;height:100%;object-fit:cover;display:none}#hero-video.active{display:block}.hero-content{position:relative;text-align:center;max-width:1000px;margin:0 auto;padding:clamp(165px,25vh,260px) 30px 80px;transform:translateY(calc(var(--p,0)*-60px));opacity:calc(1 - var(--p,0)*.8)}.hero .eyebrow{display:flex;justify-content:center;gap:10px;align-items:center;color:#c1d1c8}.dot{height:6px;width:6px;background:#bcf1cd;border-radius:50%;box-shadow:0 0 16px #b5f3cd}.hero h1{font-size:clamp(72px,8.8vw,132px);line-height:.98;font-weight:500;letter-spacing:-7px;margin:26px 0}.hero p{font-size:17px;color:#c1cbc5;line-height:1.6}.hero-actions{display:flex;gap:30px;justify-content:center;margin-top:32px}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#b3beb7}.hero-bottom a{font-size:11px;letter-spacing:0}.hero-bottom a span{margin-left:18px}.hero-bottom button{background:transparent;border:1px solid #ffffff40;width:32px;height:32px;border-radius:50%}.scroll-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12}.scroll-line span{display:block;height:100%;background:var(--accent);width:0}.page-content{position:relative;background:var(--bg)}.trust{padding-top:60px;padding-bottom:60px;text-align:center;border-bottom:1px solid var(--line)}.logos{display:flex;align-items:center;justify-content:space-between;gap:30px;filter:grayscale(1);color:#a9b4ad;margin:40px 0 15px;font-size:29px;font-weight:700;letter-spacing:-1px}.falabella{font-weight:400}.latam{font-style:italic;letter-spacing:1px}.entel{font-size:37px}.dhl{font-style:italic}.ripley{font-weight:400}.source-note{font-size:9px;color:#68756e}.statement{padding-top:112px;padding-bottom:112px}.statement-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin-top:26px;align-items:start}.statement-grid h2{font-size:42px}.statement-grid p{font-size:15px}.statement-grid .text-link{margin-top:22px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-top h2{margin-top:23px}.section-top p{font-size:14px;max-width:330px}.solutions{padding-bottom:110px}.solution-tabs{display:flex;border-bottom:1px solid var(--line)}.solution-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;display:flex;justify-content:space-between;text-align:left;padding:20px 18px;color:#79877e;font-size:13px}.solution-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text)}.solution-tabs button:hover{color:var(--text)}.solution-panel{background:linear-gradient(120deg,#162422,#101818);border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:1fr 1fr;min-height:480px;overflow:hidden;border-radius:0 0 12px 12px}.solution-copy{padding:70px 45px;align-self:center}.solution-copy .eyebrow{color:#9db6aa;font-size:9px}.solution-copy h3{font-size:39px;font-weight:500;letter-spacing:-1.7px;line-height:1.15;margin:24px 0}.solution-copy p{font-size:14px;max-width:330px}.solution-copy .button{margin-top:28px}.checkout-scene{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 35px}.scene-orbit{position:absolute;width:420px;height:420px;border:1px solid #b8efd52a;box-shadow:0 0 80px #8bdeb81a;border-radius:50%}.checkout-card{position:relative;width:285px;background:#eff3ed;color:#18271f;border-radius:12px;box-shadow:0 25px 80px #0005;padding:23px;transform:rotate(-5deg)}.checkout-brand{font-style:italic;font-size:23px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.checkout-brand small{font-style:normal;font-size:8px;letter-spacing:1px;border:1px solid #aaa;padding:4px 6px;border-radius:3px}.cart{display:flex;gap:10px;margin:22px 0;align-items:center}.cart strong{font-size:10px}.cart small{display:block;font-size:8px;margin-top:4px;color:#718075}.product-icon{height:35px;width:35px;display:grid;place-items:center;background:#d8e6d7;font-size:25px;border-radius:6px}.amount{display:flex;justify-content:space-between;margin:20px 0;font-size:10px;align-items:center}.amount strong{font-size:20px;letter-spacing:-1px}.fake-field{font-size:8px;margin:12px 0}.fake-field span{font-size:10px;display:block;border:1px solid #d0d8ce;padding:11px;margin-top:5px;border-radius:4px;color:#708071}.fake-row{display:flex;gap:10px}.fake-row div{border:1px solid #d0d8ce;border-radius:4px;padding:10px;font-size:9px;width:50%;color:#708071}.demo-pay{display:flex;justify-content:space-between;background:#192f22;color:#fff;padding:12px;border-radius:5px;font-size:10px;margin-top:16px}.secure-note{text-align:center;font-size:7px;margin-top:10px;color:#708071}.paid{position:absolute;bottom:60px;right:10px;background:#254737;border:1px solid #83ba8b55;box-shadow:0 8px 20px #0005;display:flex;gap:12px;align-items:center;padding:15px 20px;border-radius:8px;transform:rotate(4deg);font-size:11px}.paid>span{border:1px solid #bcebc3;border-radius:50%;padding:5px 8px;color:#bcebc3}.paid small{display:block;color:#a0b9ab;font-size:9px;margin-top:4px}.industries{padding-bottom:115px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry{min-height:430px;position:relative;overflow:hidden;border-radius:9px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.industry:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#06100ae6);pointer-events:none}.industry>div:last-child,.industry-number{z-index:2;position:relative}.industry-number{font-size:8px;letter-spacing:1.4px}.industry h3{font-size:29px;line-height:1.1;font-weight:500;letter-spacing:-1px;margin-bottom:20px}.industry>div:last-child>span{font-size:10px;display:flex;justify-content:space-between}.industry b{font-weight:400}.retail{background:radial-gradient(at 65% 30%,#739e85,#263d32)}.social{background:radial-gradient(at 20% 20%,#567c91,#12242f)}.mobile{background:radial-gradient(at 70% 15%,#677571,#202a27)}.abstract-bag{position:absolute;top:90px;left:29%;width:145px;height:170px;background:linear-gradient(120deg,#b2c3a2,#637e60);transform:rotate(-13deg);box-shadow:20px 25px 30px #0004;transition:transform .5s}.abstract-bag i{position:absolute;left:45px;top:-40px;height:70px;width:55px;border:4px solid #a9c2a2;border-radius:50%}.abstract-bag span{position:absolute;left:35px;top:50px;font-size:50px;letter-spacing:-5px;font-weight:700;color:#304e37}.industry:hover .abstract-bag{transform:rotate(-7deg) translateY(-8px)}.chat-bubble{position:absolute;top:110px;left:10%;right:12%;border:1px solid #b2dcdf44;background:#b9d9d21a;border-radius:15px 15px 15px 0;padding:24px 15px;font-size:13px;transform:rotate(-7deg)}.chat-bubble span{display:block;margin:22px -25px -60px 30px;background:#c8e8d6;border-radius:12px 12px 0 12px;padding:18px;color:#244337}.abstract-phone{position:absolute;width:150px;height:260px;top:65px;left:32%;border:4px solid #799387;border-radius:26px;transform:rotate(18deg);background:#102b23;box-shadow:20px 20px 40px #0005;padding:20px}.abstract-phone>span{font-size:8px}.abstract-phone b{display:block;margin-top:35px;font-size:25px;font-weight:500;line-height:1.1}.abstract-phone i{display:block;margin:20px auto;background:#b7ddbf;color:#284a37;border-radius:50%;width:35px;height:35px;text-align:center;padding:8px}.security{border-block:1px solid var(--line);background:#0d1211;padding:100px 0}.security-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.shield-art{background:radial-gradient(ellipse,#23493655,transparent 60%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;min-height:320px}.shield{height:170px;width:145px;display:grid;place-items:center;font-size:60px;color:#b7e8c5;background:linear-gradient(140deg,#8aba9940,#385e4b11);clip-path:polygon(50% 0,100% 20%,90% 70%,50% 100%,10% 70%,0 20%);box-shadow:inset 0 0 50px #86bfa6}.shield-art>span{font-size:8px;letter-spacing:1.7px;color:#759283}.security-list article{display:flex;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.security-list article>span{font-size:9px;color:#6d8277;padding-top:5px}.security-list h3{font-weight:500;font-size:18px;letter-spacing:-.4px;margin-bottom:9px}.security-list p{font-size:13px}.security-list b{color:#809c8b;font-weight:400}.integration{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:120px;padding-bottom:120px}.integration h2{margin:25px 0}.integration p{font-size:14px;max-width:370px;margin-bottom:30px}.integration-art{position:relative;min-height:350px}.integration-center{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:2;padding:25px 23px;background:#c6e4ce;color:#21392a;font-style:italic;font-size:27px;font-weight:800;border-radius:15px;box-shadow:0 0 80px #71bf9833}.connection-line{position:absolute;left:50%;top:45%;width:240px;height:240px;border:1px solid #b5dbbc25;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 45px #ffffff02,0 0 0 90px #ffffff01}.integration-node{position:absolute;background:#141d18;border:1px solid #b6dec128;border-radius:7px;font-size:11px;padding:17px 20px;z-index:2}.n1{left:0;top:10%}.n2{left:42%;top:0}.n3{right:0;top:17%}.n4{left:0;bottom:21%}.n5{left:40%;bottom:10%}.n6{right:0;bottom:25%}.integration-art>.eyebrow{position:absolute;bottom:0;width:100%;text-align:center;font-size:8px}.resources{padding-bottom:115px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.resource-grid>a{border:1px solid var(--line);border-radius:9px;padding:35px;background:linear-gradient(130deg,#15201a,#0e1511);transition:border .2s}.resource-grid>a:hover{border-color:#93c19c}.resource-symbol{display:block;color:#a4c9b1;font:40px monospace;margin-bottom:55px}.resource-grid .eyebrow{font-size:8px;color:#829d8b}.resource-grid h3{font-size:27px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:17px 0}.resource-grid .text-link{font-size:11px}.contact{border-block:1px solid var(--line);padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:100px;background:radial-gradient(at 0% 50%,#2d5d361c,transparent 60%)}.contact h2{margin:30px 0;font-size:66px;letter-spacing:-3px}.contact h2 em{font-style:normal;color:#b7e6c1}.contact-copy p{max-width:340px;margin-bottom:22px;font-size:14px}.contact-copy>a{font-size:14px}.contact-points{margin-top:45px;display:flex;flex-direction:column;gap:15px;font-size:12px;color:#9caf9f}.contact form{background:#111814;border:1px solid var(--line);border-radius:10px;padding:32px}.contact form h3{font-size:21px;font-weight:500}.contact form>p{font-size:12px;margin:12px 0 22px}label{display:block;font-size:10px;color:#b9c6bd;margin-bottom:17px}input,select,textarea{display:block;width:100%;border:1px solid #b8d4c025;background:#ffffff03;border-radius:5px;color:var(--text);padding:12px;margin-top:8px;font-size:12px;min-width:0}select{background:#151e18}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#677c6c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact form>.button{width:100%}.contact form>small{display:block;font-size:9px;line-height:1.6;margin-top:15px;color:#809487}#form-status:empty{display:none}.faq{padding-top:100px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.faq h2{margin-top:25px;font-size:40px}.faq details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:24px 0;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--accent)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;padding:0 25px 23px 0}details p a{text-decoration:underline}footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:55px 0}.footer-top .brand{width:170px}.footer-top p{font-size:14px}.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding:25px 0 80px;display:flex;justify-content:space-between;font-size:9px;color:#798b7e}.editor-toggle{position:fixed;bottom:18px;right:20px;z-index:30;background:#e0eee3;color:#193323;padding:12px 17px;border:1px solid #94ba9f;border-radius:30px;box-shadow:0 4px 30px #0004;font-size:11px;display:flex;gap:10px;align-items:center}#editor{position:fixed;z-index:31;bottom:75px;right:20px;background:#15231a;border:1px solid #597b61;border-radius:13px;padding:25px;width:340px;max-width:calc(100vw - 30px);box-shadow:0 15px 70px #000a}#editor[hidden]{display:none}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-head h3{font-size:16px;font-weight:500}.editor-head button{background:none;border:0;font-size:24px}.editor-head+p{font-size:12px;margin:10px 0 20px}#editor small{font-size:10px;line-height:1.5;display:block;color:#a0b3a5;margin-bottom:22px}.upload{border:1px dashed #7fa88b;padding:15px;border-radius:5px;cursor:pointer;font-size:12px}.upload input{font-size:10px;border:0;padding:0}#editor label output{display:block;float:right;color:#d0e8d4;font-size:9px}#editor input[type=range]{padding:0;accent-color:#c0e7c8}#editor .button{padding:10px 14px;font-size:10px}#video-status{font-size:10px;margin-top:15px}.paused .triangle,.paused .aurora{animation-play-state:paused}@keyframes breathe{to{transform:translate(4%,5%) scale(1.1);opacity:.6}}@keyframes float{to{translate:0 -25px;rotate:5deg}}
@media(min-width:1500px){.hero-content{padding-top:26vh}}@media(max-width:950px){header{gap:20px}nav{gap:20px}.hero h1{font-size:100px}.statement-grid{gap:35px}.statement-grid h2{font-size:34px}.solution-copy{padding:40px 25px}.solution-copy h3{font-size:33px}.checkout-scene{padding:40px 15px}.checkout-card{width:250px}.paid{right:0}.industry{padding:20px;min-height:380px}.industry h3{font-size:24px}.security-grid{gap:30px}.contact{gap:40px}.contact h2{font-size:55px}.contact form{padding:24px}.integration{gap:35px}.integration-node{padding:14px 10px;font-size:9px}.logos{font-size:23px}.entel{font-size:30px}}
@media(max-width:700px){html{scroll-padding-top:75px}.wrap{padding-inline:6%}header{height:72px;padding-inline:6%}.brand{width:125px}.nav-cta{margin-left:auto;font-size:11px;padding:10px 14px;gap:20px}.menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;padding:25px;background:#0d1811;flex-direction:column;gap:24px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:620px}.hero-content{padding:195px 20px 100px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(62px,13vw,88px);letter-spacing:-4px;margin-top:30px}.hero p{font-size:14px}.hero-actions{gap:14px;flex-direction:column;align-items:center;margin-top:26px}.hero-actions .text-link{font-size:12px}.hero-bottom{bottom:32px}.hero-bottom>span{display:none}.hero-bottom a{font-size:10px}.t1{width:260px;height:320px;right:-160px;top:25%}.orb{right:-380px;top:-300px}.t3{right:12%;top:15%;width:60px;height:75px}.trust{padding-top:45px;padding-bottom:40px}.trust>.eyebrow{font-size:8px}.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 15px;margin-top:30px;font-size:22px}.entel{font-size:29px}.statement{padding-block:70px}.statement-grid{grid-template-columns:1fr;gap:22px;margin-top:20px}.statement-grid h2{font-size:35px;letter-spacing:-1.5px}.statement-grid p{font-size:14px}.statement-grid .text-link{margin-top:10px}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:37px;letter-spacing:-1.7px}.section-top p{margin-top:20px;font-size:13px}.section-top>.text-link{margin-top:20px}.solution-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0}.solution-tabs button{padding:15px 10px;font-size:11px}.solution-panel{grid-template-columns:1fr}.solution-copy{padding:35px 25px 10px}.solution-copy h3{font-size:33px}.solution-copy p{font-size:13px}.checkout-scene{padding:50px 30px 60px;min-height:430px}.checkout-card{width:260px}.paid{right:15px;bottom:40px}.solutions{padding-bottom:70px}.industry-grid{grid-template-columns:1fr;gap:18px}.industry{min-height:385px;padding:25px}.industry h3{font-size:30px}.abstract-bag{left:52%;top:65px}.chat-bubble{left:25%;right:10%;top:90px}.abstract-phone{left:55%;top:55px}.industries{padding-bottom:70px}.security{padding-block:65px}.security-grid{grid-template-columns:1fr;gap:0}.shield-art{min-height:260px;gap:25px}.shield{height:140px;width:120px}.security-list h3{font-size:17px}.integration{grid-template-columns:1fr;padding-block:75px;gap:45px}.integration h2{font-size:39px}.integration-art{min-height:320px}.integration-node{padding:17px 15px;font-size:10px}.resources{padding-bottom:70px}.resource-grid{grid-template-columns:1fr}.resource-grid>a{padding:28px}.resource-symbol{margin-bottom:35px}.contact{grid-template-columns:1fr;gap:40px;padding-block:65px}.contact h2{font-size:54px}.contact-points{margin-top:30px}.contact form{padding:25px}.faq{grid-template-columns:1fr;padding-block:65px;gap:25px}.faq h2{font-size:36px}.faq summary{font-size:13px}.footer-top{gap:30px;flex-wrap:wrap;padding:40px 0}.footer-top .brand{width:135px}.footer-top p{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:22px;padding-bottom:90px}.editor-toggle{bottom:15px;right:15px}#editor{right:15px;bottom:65px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.triangle,.aurora{animation:none}.hero-content,.hero-background{transform:none!important;opacity:1!important}.intro{height:100svh}.button{transition:none}}
.hero-bottom{padding-right:175px}@media(max-width:700px){.hero-bottom{padding-right:165px;gap:12px}.hero-bottom a{max-width:105px}.hero-bottom a span{margin-left:6px}.hero-bottom button{flex-shrink:0}}
/* Paleta Pay-me: verde, turquesa y azul sobre superficies claras. */
:root{--bg:#f8fbff;--panel:#fff;--text:#112c45;--muted:#536d80;--accent:#16804d;--line:#174d7226}
body{background:var(--bg)}header{background:#fffffff2;border-bottom:1px solid #204f7415;backdrop-filter:blur(16px)}header.scrolled{background:#fffffff2;border-color:var(--line)}nav{color:#294d66}nav a:hover{color:#157d4d}.brand{width:172px}.brand img{max-height:55px}.light{background:#166bc4;color:#fff;box-shadow:0 6px 18px #166bc421}.light:hover{background:#138c58}.outline{border-color:#266eaa55;color:#185887}.outline:hover{background:#e2f2ff}.hero{background:linear-gradient(120deg,#effbf0 0%,#d7f5e9 37%,#c2e9fa 68%,#8dbcec 100%)}.aurora{background:radial-gradient(ellipse at 70% 35%,#308cfd55,transparent 40%),radial-gradient(ellipse at 20% 65%,#60dd6470,transparent 48%)}.grid{background-image:linear-gradient(#2775a30c 1px,transparent 1px),linear-gradient(90deg,#2775a30c 1px,transparent 1px)}.orb{border-color:#2379a640;box-shadow:0 0 110px #3aa2cf20,inset 0 0 80px #ffffff30}.triangle{background:linear-gradient(130deg,#66ce68,#22aeaa 50%,#357ee0);filter:none;opacity:.9}.t2{opacity:.7}.t3{opacity:.6}.shade{background:linear-gradient(0deg,#f8fbff,transparent 32%),linear-gradient(90deg,#f6fff84d,transparent)}.hero h1{color:#103c58}.hero .eyebrow{color:#17644f}.dot{background:#169954;box-shadow:0 0 16px #51d276}.hero p{color:#345970}.hero .text-link{color:#154f76}.hero-bottom{color:#305d72}.hero-bottom button{border-color:#326c8c70;color:#205978}.scroll-line{background:#2076a21a}.scroll-line span{background:linear-gradient(90deg,#57bb63,#2476d5)}.hero:has(#hero-video.active) .shade{background:linear-gradient(0deg,#083957e6,transparent 80%),#032e4b55}.hero:has(#hero-video.active) :is(h1,p,.eyebrow,.text-link,.hero-bottom){color:#fff}.hero:has(#hero-video.active) .hero-bottom button{color:white;border-color:#fff8}
.trust{background:#fff}.logos{filter:none;color:#3b6077}.source-note{color:#607c8b}.green{color:#16804d}.statement{background:radial-gradient(at 0 0,#daf7de88,transparent 65%)}.solution-tabs button{color:#526f86}.solution-tabs button[aria-selected=true]{color:#1668b4;border-color:#26a86e;background:#eaf7f0}.solution-tabs button:hover{color:#157249}.solution-panel{background:linear-gradient(125deg,#e5f8e7,#ddf2f7 55%,#c9e2fc);border-color:#1d68982b}.solution-copy .eyebrow{color:#21774e}.scene-orbit{border-color:#4aad9260;box-shadow:0 0 80px #2fa2e633}.checkout-card{background:#fff;box-shadow:0 25px 70px #165da92b}.demo-pay{background:linear-gradient(100deg,#20a868,#247cd2)}.paid{background:linear-gradient(110deg,#209c60,#166eb0);border-color:#ffffff80;color:white;box-shadow:0 12px 30px #207d9f3b}.paid small{color:#e4fff1}.paid>span{color:white;border-color:white}.retail{background:radial-gradient(at 65% 20%,#a3ee78,#26a56f)}.social{background:radial-gradient(at 20% 20%,#7bd7fa,#2376d7)}.mobile{background:radial-gradient(at 70% 15%,#8bc5ff,#347ed0)}.industry{color:#fff}.industry:after{background:linear-gradient(transparent 25%,#073b68e6)}.abstract-bag{background:linear-gradient(120deg,#d4fcae,#6cd270);box-shadow:20px 25px 30px #09634344}.abstract-bag i{border-color:#d4f6b9}.abstract-bag span{color:#12643a}.chat-bubble{background:#ffffffcc;border-color:white;color:#1b5b86;box-shadow:0 15px 40px #124e8a22}.chat-bubble span{background:#8eefac;color:#145b40}.abstract-phone{border-color:#b7e2ff;background:linear-gradient(150deg,#0875cc,#1fba98);color:white}.abstract-phone i{background:#b5ffc8;color:#136b42}
.security{background:linear-gradient(120deg,#e9f8ee,#e8f3ff)}.shield-art{background:radial-gradient(ellipse,#5edc8e3b,transparent 65%)}.shield{color:#fff;background:linear-gradient(135deg,#69c75f,#20ab97 55%,#2a75d1);box-shadow:inset 0 0 50px #fff4}.shield-art>span{color:#30705a}.security-list article>span{color:#4c7c93}.security-list b{color:#21825e}.integration{background:radial-gradient(at 100% 50%,#cfebff77,transparent 60%)}.integration-center{background:linear-gradient(120deg,#4fbe63,#168dac,#2e72ce);color:white;box-shadow:0 0 70px #219baf35}.connection-line{border-color:#248ba750;box-shadow:0 0 0 45px #208fc507,0 0 0 90px #218ac504}.integration-node{background:white;color:#246a95;border-color:#74b4d45c;box-shadow:0 8px 24px #15669b0b}.resource-grid>a{background:linear-gradient(120deg,#ecfaef,#e5f1ff);border-color:#296ea32b}.resource-grid>a:hover{border-color:#30a96b}.resource-symbol{color:#218bc0}.resource-grid .eyebrow{color:#217e52}.contact{background:radial-gradient(at 0% 50%,#8ee99b40,transparent 65%)}.contact h2 em{color:#1b9257}.contact-points{color:#317652}.contact form{background:#fff;border-color:#20699425;box-shadow:0 20px 60px #2269a00c}label{color:#3d6179}input,select,textarea{background:#f6faff;border-color:#b6cfdf;color:#153d59}select{background:#f6faff}input::placeholder,textarea::placeholder{color:#738a9c}.contact form>small{color:#617c8c}.faq summary span{color:#168d55}footer{background:#eaf3fc}.footer-bottom{color:#52718a}.editor-toggle{background:#fff;color:#176797;border-color:#89bfda;box-shadow:0 4px 25px #17669a25}#editor{background:#fff;border-color:#94bfda;box-shadow:0 15px 70px #154e7844}#editor small{color:#567589}.upload{border-color:#29a676;background:#edf9f1;color:#216943}#editor label output{color:#1b78af}#editor input[type=range]{accent-color:#209c65}.editor-head button{color:#315c75}@media(max-width:700px){.brand{width:142px}nav{background:#fff;border-bottom-color:#bcd6e5}.nav-cta{gap:12px}header{gap:12px}.menu{color:#215e7c}}
/* Refinamiento de portada: jerarquía, aire y contraste sobre video. */
header{height:80px;padding-inline:5%;background:#fff;border-bottom:1px solid #dbe8ef}.brand{width:170px;flex-shrink:0}nav{gap:34px;font-size:13px}nav a{position:relative;padding:12px 0}nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#46b66b,#2676cf);transition:width .2s}nav a:hover:after{width:100%}.button{border-radius:10px;padding:17px 24px}.nav-cta{padding:13px 20px;border-radius:8px}.hero-content{max-width:1080px;padding:clamp(160px,24svh,240px) 30px 120px}.hero h1{font-size:clamp(68px,7.2vw,112px);font-weight:600;letter-spacing:-.065em;line-height:1.04;margin:27px 0 24px}.hero h1 .hero-accent{color:#147a69}.hero .eyebrow{width:fit-content;margin-inline:auto;background:#ffffff70;border:1px solid #ffffffa8;border-radius:50px;padding:11px 18px;font-size:9px;letter-spacing:1.8px;backdrop-filter:blur(10px)}.hero p{font-size:clamp(15px,1.3vw,18px);line-height:1.65;max-width:560px;margin:auto}.hero-actions{margin-top:30px;gap:18px}.hero-actions .light{background:linear-gradient(115deg,#158b64,#176ec8);box-shadow:0 10px 30px #06678230;min-width:218px}.hero-actions .light:hover{box-shadow:0 12px 36px #147c8c55}.hero-actions .text-link{border:1px solid #19648c35;padding:16px 22px;border-radius:10px;background:#ffffff40;backdrop-filter:blur(8px)}.hero-actions .text-link:hover{background:#ffffff80}.hero:has(#hero-video.active) .shade{background:linear-gradient(180deg,#031b2b28 0%,#031c2a22 20%,#03243677 68%,#032237d9 100%),radial-gradient(ellipse at 50% 46%,#031b2b66,transparent 72%)}.hero:has(#hero-video.active) h1{text-shadow:0 3px 30px #001a2740}.hero:has(#hero-video.active) h1 .hero-accent{color:#b5f4d1}.hero:has(#hero-video.active) .eyebrow{background:#0b364a40;border-color:#ffffff38;color:#f0fffa}.hero:has(#hero-video.active) p{color:#f2f7fa;text-shadow:0 2px 12px #00172266}.hero:has(#hero-video.active) .hero-actions .text-link{border-color:#ffffff52;background:#ffffff12;color:white}.hero:has(#hero-video.active) .hero-actions .text-link:hover{background:#ffffff26}.hero:has(#hero-video.active) .dot{background:#72e6a2;box-shadow:0 0 14px #72e6a288}.hero-bottom{bottom:28px}.hero-bottom a{display:flex;align-items:center;gap:15px}.hero-bottom a span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid currentColor;margin:0}.editor-toggle{opacity:.8;transition:opacity .2s,box-shadow .2s}.editor-toggle:hover,.editor-toggle[aria-expanded=true]{opacity:1;box-shadow:0 5px 25px #17669a35}
@media(min-width:1500px){.hero-content{padding-top:24svh}}
@media(max-width:700px){header{height:72px;padding-inline:5%;gap:12px}.brand{width:138px}.nav-cta{padding:11px 14px;font-size:11px}nav{top:72px}.hero-content{padding:170px 20px 115px}.hero h1{font-size:clamp(56px,12vw,78px);letter-spacing:-.06em;margin:25px 0}.hero .eyebrow{font-size:7px;letter-spacing:1px;padding:10px 12px}.hero p{font-size:14px;max-width:340px}.hero-actions{gap:12px;margin-top:25px}.hero-actions .button,.hero-actions .text-link{min-width:230px;justify-content:space-between;padding:15px 20px}.hero-bottom a{gap:7px;max-width:none}.hero-bottom a span{width:24px;height:24px;flex-shrink:0}.hero-bottom{padding-right:150px}.hero-bottom>a{font-size:9px}.editor-toggle{font-size:10px;padding:11px 12px}}
@media(max-height:700px) and (min-width:701px){.hero-content{padding-top:135px}.hero h1{font-size:78px;margin:20px 0}.hero-actions{margin-top:22px}}
/* Tipografía editorial inspirada en la referencia del usuario. */
.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(60px,6.1vw,94px);letter-spacing:-.055em;line-height:1.08;margin:30px 0 26px}.hero h1 .hero-accent{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.045em;font-size:1.08em;color:#168269}.hero:has(#hero-video.active) h1 .hero-accent{color:#a3ebc5}.hero .eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:400;letter-spacing:2px;background:transparent;border-color:transparent;padding:0;backdrop-filter:none}.hero:has(#hero-video.active) .eyebrow{background:transparent;border-color:transparent}.hero p{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:17px;line-height:1.75}.hero-actions{margin-top:28px}h2{font-weight:400;letter-spacing:-.045em}.contact h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}
@media(max-width:700px){.hero h1{font-size:clamp(52px,11.7vw,74px);letter-spacing:-.05em}.hero h1 .hero-accent{font-size:1.08em}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero p{font-size:14px;line-height:1.7}}
@media(max-height:700px) and (min-width:701px){.hero h1{font-size:70px}}

.footer-documents{padding:45px 0 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.footer-documents h2{font-size:28px;letter-spacing:-1px;margin:15px 0}.footer-documents p{font-size:13px;max-width:330px}.footer-documents nav{display:grid;position:static;margin:0;padding:0;background:none;gap:0;border:0;font-size:13px}.footer-documents nav a{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);line-height:1.5}.footer-documents nav a:after{display:none}.footer-documents nav a:hover{color:#16804d}.footer-documents nav a>span:last-child{color:#16804d}@media(max-width:700px){.footer-documents{grid-template-columns:1fr;gap:20px;padding:30px 0}.footer-documents h2{font-size:27px}.footer-documents nav{display:grid}}

/* Navegación transparente sobre el video, con contraste al recorrer el contenido. */
#header{background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
#header.scrolled{background:rgba(5,28,43,.82);border-bottom-color:#ffffff18;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#header #navigation,#header .menu{color:#fff;text-shadow:0 1px 10px #00132266}
#header #navigation a:hover{color:#a3ebc5}
#header .brand img{filter:drop-shadow(0 1px 8px #00132240)}
.hero:has(#hero-video.active) .shade{background:linear-gradient(180deg,#031b2b9c 0%,#031c2a30 24%,#03243677 68%,#032237d9 100%),radial-gradient(ellipse at 50% 46%,#031b2b66,transparent 72%)}
@media(max-width:700px){#header #navigation{background:rgba(5,28,43,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:#ffffff20}}

/* Clientes sobre la portada: aparición progresiva con el recorrido. */
.hero:has(#hero-video.active) .shade{background:linear-gradient(180deg,#03131ca6 0%,#03172366 28%,#021b2999 65%,#021622ed 100%),radial-gradient(ellipse at 50% 46%,#02131b66,transparent 75%)}
.hero-clients{position:absolute;left:6%;right:6%;bottom:110px;color:#fff;text-align:center;opacity:clamp(0,calc((var(--p,0) - .18)*2.5),1);transform:translateY(calc((1 - var(--p,0))*100px));pointer-events:none}
.hero .hero-clients .eyebrow{color:#ffffffbd;font-size:8px;letter-spacing:2px;justify-content:center;margin:0 auto 25px}
.client-marks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:center;max-width:1100px;margin:auto}
.client-marks>span{display:flex;align-items:center;justify-content:center;height:48px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,2.5vw,34px);font-weight:700;letter-spacing:-1px;line-height:1;text-shadow:0 2px 12px #0004}
.hero-content{opacity:clamp(0,calc(1 - var(--p,0)*1.5),1)}
.trust{display:none}
@media(max-width:700px){.hero-clients{bottom:130px}.client-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.client-marks>span{font-size:24px;height:38px}.hero .hero-clients .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-clients{opacity:1;transform:none;position:relative;left:auto;right:auto;bottom:auto;padding:25px 6%;background:#062334}.hero{height:auto;min-height:100svh}.intro{height:auto}.hero-content{padding-bottom:40px}.hero-bottom{display:none}}

.client-marks img{display:block;width:100%;height:48px;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:700px){.client-marks img{height:38px}}

/* Logos más discretos, con espacio uniforme entre marcas. */
.client-marks{max-width:960px;gap:32px}
.client-marks>span{height:32px}
.client-marks img{width:100%;max-width:112px;height:32px}
@media(max-width:700px){.client-marks{max-width:390px;gap:18px 24px}.client-marks>span{height:26px}.client-marks img{max-width:90px;height:26px}}

/* Pie de página editorial, a todo el ancho. */
.site-footer{max-width:none;background:#092c3d;color:#fff;border-top:0;position:relative}
.site-footer:before{content:'';display:block;height:3px;background:linear-gradient(90deg,#64cd75,#1ab59c,#267bd0)}
.site-footer .wrap{padding-top:12px;padding-bottom:0}
.site-footer .footer-top{padding:48px 0 38px;gap:35px;border-bottom:1px solid #ffffff20}
.site-footer .footer-top .brand img{content:url('assets/logo-white.png')}
.site-footer .footer-top p{color:#c3d5db;font-size:15px;line-height:1.7}
.site-footer .footer-top>a:last-child{border:1px solid #ffffff35;padding:12px 18px;border-radius:30px;font-size:12px}
.site-footer .footer-documents{border:0;grid-template-columns:1fr 1.4fr;gap:70px;padding:44px 0 48px}
.site-footer .green{color:#8be0b0}.site-footer .footer-documents h2{font-size:34px;line-height:1.15;max-width:320px;margin:18px 0}
.site-footer .footer-documents p{color:#a9c1cb;font-size:14px;line-height:1.7;max-width:330px}
.site-footer .footer-documents nav{grid-template-columns:1fr 1fr;gap:14px;align-content:start}
.site-footer .footer-documents nav a{padding:22px;border:1px solid #ffffff22;border-radius:12px;min-height:94px;background:#ffffff04;color:#edf6f8;font-size:14px;transition:background .2s,border-color .2s}
.site-footer .footer-documents nav a:hover{background:#ffffff0c;border-color:#72d7a7;color:#fff}
.site-footer .footer-documents nav a>span:last-child{color:#8be0b0;font-size:20px}
.site-footer .footer-bottom{border-color:#ffffff20;color:#a9c1cb;font-size:11px;padding:24px 0 85px;gap:24px}
.hero-bottom{padding-right:0}
@media(max-width:700px){.site-footer .footer-top{flex-wrap:wrap;padding:30px 0;gap:24px}.site-footer .footer-top p{font-size:13px}.site-footer .footer-documents{grid-template-columns:1fr;gap:26px;padding:32px 0}.site-footer .footer-documents h2{font-size:30px}.site-footer .footer-documents nav{grid-template-columns:1fr}.site-footer .footer-documents nav a{min-height:72px;padding:18px}.site-footer .footer-bottom{flex-wrap:wrap;padding-bottom:85px}.hero-bottom{padding-right:0}}

/* Cierre orgánico, sin líneas divisorias. */
.site-footer{margin-top:28px;background:radial-gradient(ellipse at 90% 15%,#14506470,transparent 55%),radial-gradient(ellipse at 8% 95%,#17755b38,transparent 48%),#092c3d;border:0;border-radius:50% 50% 0 0 / 65px 65px 0 0;padding-top:40px}
.site-footer:before{display:none}
.site-footer .footer-top,.site-footer .footer-bottom,.site-footer .footer-documents{border:0}
.site-footer .footer-top{padding-bottom:28px}
.site-footer .footer-documents{padding-top:30px;padding-bottom:30px}
.site-footer .footer-documents nav{gap:18px}
.site-footer .footer-documents nav a{border:0;border-radius:36px;background:#ffffff09;padding:24px 26px;box-shadow:0 12px 32px #00172214;min-height:102px}
.site-footer .footer-documents nav a:hover{background:#ffffff13;box-shadow:0 14px 32px #00172225}
.site-footer .footer-documents nav a>span:last-child{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#8be0b010}
.site-footer .footer-top>a:last-child{border:0;background:#ffffff0b;padding:14px 20px}
.site-footer .footer-bottom{padding-top:24px}
@media(max-width:700px){.site-footer{border-radius:50% 50% 0 0 / 30px 30px 0 0;padding-top:20px;margin-top:12px}.site-footer .footer-documents nav a{border-radius:28px;min-height:82px;padding:20px 22px}.site-footer .footer-documents{padding-top:16px}}

/* Composición de la referencia Alignet, adaptada a Pay-me. */
.alignet-footer{background:#131b1d;color:#eef2ef;border:0;border-radius:0;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
.alignet-footer .wrap{max-width:1400px;padding-inline:5%}.af-intro{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:80px 0 115px}.af-label,.af-column h3{font:400 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.6px;color:#a6b5b1}
.af-intro h2{font:400 clamp(34px,3.6vw,54px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-2px;margin:25px 0 22px}.af-intro h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#7bd7ae;letter-spacing:-1.8px}.af-intro p,.af-brand p,.af-contact p{color:#adbab6;font-size:14px;line-height:1.8}
.af-copy{flex-shrink:0;display:flex;flex-direction:column;gap:10px;align-items:center}.af-copy button{border:0;border-radius:12px;background:#7bd7ae;color:#10271d;padding:19px 25px;font-size:13px;cursor:pointer}.af-copy button:hover{background:#99e5c2}#copy-status{font-size:12px;color:#a6d9c2;min-height:16px}
.af-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:55px;border-top:1px solid #ffffff24;padding:42px 0 55px}.af-brand img{width:170px;height:auto}.af-brand p{margin-top:26px;font-size:13px}.af-column{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.af-column h3{margin:0 0 10px}.af-column>a,.af-contact div>a{font-size:13px;color:#e2e8e4;line-height:1.5}.af-column a:hover,.af-bottom a:hover{color:#7bd7ae}.af-contact .af-email{font-size:16px;white-space:nowrap}.af-email span{margin-left:10px;color:#a6b5b1}.af-contact{gap:18px}.af-contact p{font-size:12px}.af-contact div>a{font-size:15px;display:block;margin-top:3px}
.af-bottom{border-top:1px solid #ffffff24;padding:30px 0 75px;display:flex;justify-content:space-between;align-items:flex-start;gap:26px;color:#adbab6;font-size:11px;line-height:1.7}.af-bottom>div{display:flex;gap:24px;flex-wrap:wrap}.af-bottom>a{white-space:nowrap}
@media(max-width:1000px){.af-columns{grid-template-columns:1fr 1fr;gap:40px}.af-bottom{flex-wrap:wrap}.af-intro{padding-bottom:70px}}
@media(max-width:600px){.af-intro{align-items:flex-start;flex-direction:column;padding:55px 0;gap:25px}.af-intro h2{font-size:37px;letter-spacing:-1.6px}.af-intro h2 em{letter-spacing:-1.2px}.af-columns{gap:35px 24px}.af-brand,.af-contact{grid-column:1/-1}.af-bottom>div{flex-direction:column;gap:12px}.af-bottom{flex-direction:column;padding-bottom:85px}.af-column{gap:18px}}

.services{padding-top:10px}.service-featured{display:grid;grid-template-columns:1fr 1fr;gap:26px}.service-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 45px #103b570b}.service-card>img{width:100%;height:270px;object-fit:cover;display:block}.service-body{padding:32px}.service-body h3,.service-secondary h3{font-size:32px;font-weight:500;letter-spacing:-1px;margin:17px 0 14px}.service-body p{font-size:14px;max-width:470px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 10px}.service-tags span{background:#edf7f4;border-radius:30px;padding:7px 12px;color:#21654e;font-size:11px}.service-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px}.service-secondary article{border-radius:24px;background:linear-gradient(135deg,#eaf8ef,#e7f1fc);padding:30px;display:flex;flex-direction:column;align-items:flex-start}.service-secondary h3{font-size:26px}.service-secondary p{font-size:14px;margin-bottom:20px}.service-secondary .text-link{margin-top:auto}.service-secondary .eyebrow{font-size:8px}
.integration-routes{padding-top:100px;padding-bottom:100px}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.route-card{display:flex;flex-direction:column;padding:28px 24px;background:#fff;border-radius:22px;box-shadow:0 10px 35px #123e5e08;transition:transform .2s}.route-card:hover{transform:translateY(-5px)}.route-number{font:11px monospace;color:#16804d;letter-spacing:2px}.route-card h3{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:35px 0 16px}.route-card strong{font-size:13px;font-weight:500;margin-bottom:12px}.route-card p{font-size:13px;margin-bottom:25px}.route-card .text-link{margin-top:auto;font-size:11px;color:#166bc4}.integration-note{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-top:30px;padding:25px 0}.integration-note p,.integration-note a{font-size:13px}.integration-note a{color:#16804d}
@media(max-width:1000px){.route-grid{grid-template-columns:1fr 1fr}.service-secondary{gap:15px}.service-secondary article{padding:23px}}
@media(max-width:700px){.service-featured,.service-secondary,.route-grid{grid-template-columns:1fr}.service-card>img{height:220px}.service-body{padding:25px}.integration-routes{padding-block:65px}.integration-note{align-items:flex-start;flex-direction:column;gap:12px}.route-card h3{margin-top:22px}}

/* Fondo de presentación continuo a todo el ancho. */
.statement{width:100%;max-width:none;margin:0;border:0;background:radial-gradient(ellipse at 12% 0%,#daf7de88,transparent 70%)}
.scroll-line{display:none}

.copy-contact{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}.copy-icon{flex-shrink:0;vertical-align:middle}.copy-contact:hover{color:#16804d}.af-contact .copy-contact{font-size:16px;color:#e2e8e4}.af-contact .copy-contact:hover{color:#7bd7ae}.integration-note .copy-contact{font-size:13px;color:#16804d}.contact-copy>.copy-contact{font-size:14px}.clipboard-toast{position:fixed;z-index:110;bottom:76px;left:50%;transform:translate(-50%,12px);max-width:calc(100vw - 32px);border-radius:14px;padding:14px 22px;background:#15392f;color:#fff;font-size:13px;box-shadow:0 6px 25px #0003;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.clipboard-toast.visible{opacity:1;transform:translate(-50%,0)}

/* Espacio para el botón fijo de preferencias de privacidad. */
.hero-bottom{bottom:82px}
.hero-clients{bottom:160px}
@media(max-width:700px){.hero-bottom{bottom:80px}.hero-clients{bottom:145px}}
@media(prefers-reduced-motion:reduce){.hero-clients{bottom:auto}}

/* Fondo vacío hasta que el navegador presenta el video en reproducción. */
.hero{background:#061923}
#hero-video.active{opacity:0;transition:opacity .35s ease}
.hero[data-video-state=ready] #hero-video.active{opacity:1}
.video-loader{position:absolute;z-index:2;bottom:130px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:80%;color:#d7e5e7;font:12px/1.5 Arial,sans-serif;text-align:center;pointer-events:none}
.video-spinner{width:20px;height:20px;border:2px solid #ffffff25;border-top-color:#8be0b0;border-radius:50%;animation:video-spin .8s linear infinite;flex-shrink:0}
.hero[data-video-state=ready] .video-loader{display:none}
.hero:not([data-video-state=loading]) .video-spinner{display:none}
.hero:not([data-video-state=ready]) .hero-clients{visibility:hidden}
@keyframes video-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#hero-video.active{transition:none}.video-spinner{animation:none}}

/* Controles inferiores alineados, independientes del texto retirado. */
.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;left:5%;right:5%;bottom:82px;padding:0;gap:20px}
.hero-bottom>a{grid-column:2;justify-self:center;max-width:none}
.hero-bottom>#motion{grid-column:3;justify-self:end;width:36px;height:36px}
@media(max-width:700px){.hero-bottom{left:6%;right:6%;bottom:80px;gap:12px}.hero-bottom>a{font-size:10px;gap:10px;max-width:none}.hero-bottom>a span{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hero-bottom{display:none}}

.services .service-secondary p{margin-bottom:0}.services .service-tags{margin-bottom:0}

/* Menú superior: un punto más grande. */
#header #navigation{font-size:14px}

/* Alinear los controles inferiores con preferencias de privacidad. */
@media(min-width:701px){.hero-bottom{bottom:20px}}

/* Logos originales de Alignet: mismos recortes, proporciones y tratamiento blanco. */
.hero-clients .hero-brand-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:24px;min-height:36px;width:100%;max-width:1000px;margin:auto}
.hero-clients .hero-brand-item{display:flex;align-items:center;justify-content:center;min-height:38px;min-width:0;opacity:.9;mix-blend-mode:screen;transform:scale(.9)}
.hero-brand-crop{position:relative;display:block;overflow:hidden}
.hero-brand-crop img{position:absolute;max-width:none;filter:url(#brand-white-transparent)}
.gmoney-horizontal{gap:9px}.gmoney-symbol,.gmoney-word{display:block;position:relative;overflow:hidden;flex:none}
.gmoney-horizontal img{position:absolute;max-width:none;filter:brightness(0) invert(1)}
.gmoney-symbol{width:25px;height:27px}.gmoney-symbol img{width:98.44px;height:43.31px;left:-37.12px;top:0}
.gmoney-word{width:100px;height:12px}.gmoney-word img{width:100px;height:44px;left:0;top:-32px}
@media(max-width:700px){.hero-clients .hero-brand-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.hero-clients .hero-brand-item{transform:scale(.8)}}

/* Transiciones suaves: el color se desvanece sin cortes entre secciones. */
.security{border:0;background:radial-gradient(ellipse at 15% 50%,#def4e9 0%,#e7f6ef99 32%,transparent 70%),radial-gradient(ellipse at 85% 50%,#e0effc 0%,#e8f3fb99 32%,transparent 70%)}
.security-list article{border-bottom:0}
.industry{border-radius:26px;box-shadow:0 16px 40px -24px #164a6650}

.security-list .security-check{display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;margin-left:auto;border-radius:50%;background:#16804d12;color:#16804d}

/* Soft depth and staggered scroll entrance for payment solutions. */
.services{position:relative;isolation:isolate}
.services::before{content:"";position:absolute;inset:12% -4% 4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 35%,#bcebdc55,transparent 55%),radial-gradient(ellipse at 90% 65%,#bddcfa55,transparent 55%);filter:blur(35px)}
.services .service-card{border:1px solid #fff;border-radius:30px;box-shadow:0 16px 48px #173e6410}
.services .service-media{overflow:hidden;height:270px;background:#e7f1f4}
.services .service-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.services .service-secondary article{border:1px solid #ffffffd9;border-radius:28px;background:linear-gradient(140deg,#effaf5f0,#eaf3fcf0);box-shadow:0 12px 38px #173e6409}
.services .service-secondary article::before{content:"";width:34px;height:3px;border-radius:8px;background:linear-gradient(90deg,#119579,#3489cd);margin-bottom:23px}
.services .solution-enter{opacity:0;transform:translateY(48px);transition:opacity .8s ease var(--enter-delay,0ms),transform .9s cubic-bezier(.16,1,.3,1) var(--enter-delay,0ms),box-shadow .35s ease}
.services .solution-enter.is-visible{opacity:1;transform:translateY(0)}
.services .solution-enter:not(.is-visible) .service-media img{transform:scale(1.075)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.services .service-card:hover{box-shadow:0 24px 65px #173e6420}.services .service-card:hover .service-media img{transform:scale(1.035)}.services .service-secondary article:hover{box-shadow:0 18px 45px #173e6418}}
@media(max-width:700px){.services .service-media{height:220px}.services .solution-enter{transform:translateY(30px);transition-delay:0ms}.services .solution-enter.is-visible{transform:none}}
@media(prefers-reduced-motion:reduce){.services .solution-enter{opacity:1;transform:none;transition:none}.services .service-media img{transform:none!important;transition:none}}

/* Original brand colors on light content, white mark on video and dark closing. */
#header .brand{position:relative}
#header .brand-on-dark{transition:opacity .35s ease}
#header .brand .brand-on-light{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:none;mix-blend-mode:multiply;transition:opacity .35s ease}
#header.on-light{background:#fffffff7;border-bottom-color:#153b5710;box-shadow:0 5px 24px #153b5707;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#header.on-light .brand-on-dark{opacity:0}
#header.on-light .brand .brand-on-light{opacity:1}
#header.on-light #navigation,#header.on-light .menu{color:#17384e;text-shadow:none}
#header.on-light #navigation a:hover{color:#128166}
@media(max-width:700px){#header.on-light #navigation{background:#fff;border-color:#153b5715}}
@media(prefers-reduced-motion:reduce){#header .brand img{transition:none}}

/* A calm mint surface distinguishes the FAQ without changing the page theme. */
.faq-surface{background:radial-gradient(ellipse at 10% 45%,#d3eee3 0,transparent 65%),linear-gradient(115deg,#e6f5ee,#e8f2f8);position:relative}
.faq-surface::before{content:"";position:absolute;top:0;left:0;right:0;height:70px;background:linear-gradient(#f8fbff,transparent);pointer-events:none}
.faq-surface .faq{position:relative}
.faq-surface .faq details{border-color:#1a665d26}
.faq-surface .faq summary{color:#15394b}
.faq-surface .faq summary span{color:#11856b}
.faq-surface .faq details[open]{background:#ffffff45;border-radius:12px;padding-inline:16px}

.services .service-media{position:relative}
.services .service-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none}
.services .service-film.film-ready{opacity:1}
.services .film-toggle{position:absolute;bottom:14px;right:14px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff80;background:#0b263b99;color:#fff;backdrop-filter:blur(8px);font-size:13px}
.services .film-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.services .service-film{transition:none}}

/* A quiet, staggered entrance, independent of the hero's scroll movement. */
.hero-title-line{display:inline-block}
.hero-content>.eyebrow{animation:hero-rise 1s cubic-bezier(.22,1,.36,1) .12s both}
.hero-content .hero-title-line:first-child{animation:hero-rise 1.15s cubic-bezier(.22,1,.36,1) .28s both}
.hero-content .hero-title-line.hero-accent{animation:hero-rise 1.2s cubic-bezier(.22,1,.36,1) .46s both}
.hero-content>p{animation:hero-rise 1.1s cubic-bezier(.22,1,.36,1) .68s both}
.hero-content .hero-actions>a:first-child{animation:hero-rise 1s cubic-bezier(.22,1,.36,1) .84s backwards}
.hero-content .hero-actions>a:last-child{animation:hero-rise 1s cubic-bezier(.22,1,.36,1) .96s backwards}
@keyframes hero-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-content>.eyebrow,.hero-content .hero-title-line,.hero-content>p,.hero-content .hero-actions>a{animation:none!important}}

/* Keep decorative glows inside the page without creating a horizontal scroll area. */
.page-content{overflow-x:clip}
@supports not (overflow:clip){.services::before{left:0;right:0}}

/* Illustrated product stories: selection, payment and confirmation. */
.services .product-motion{background:#eceee5}
.product-motion>svg{display:block;width:100%;height:100%}
.product-motion .motion-shop{transform-origin:205px 180px;animation:shop-drift 7s cubic-bezier(.4,0,.2,1) infinite}
.product-motion .motion-checkout{animation:checkout-slide 7s cubic-bezier(.22,1,.36,1) infinite}
.product-motion .motion-cursor{animation:cursor-tap 7s ease-in-out infinite}
.product-motion .motion-success{animation:payment-confirm 7s cubic-bezier(.22,1,.36,1) infinite}
.product-motion .motion-terminal{animation:terminal-drift 7s ease-in-out infinite}
.product-motion .motion-bankcard{animation:card-tap 7s cubic-bezier(.45,0,.25,1) infinite}
.product-motion .tap-waves{animation:contactless-pulse 7s ease infinite}
.product-motion:not(.motion-running) svg *{animation-play-state:paused!important}
.illustration-toggle{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #315d4b44;border-radius:50%;background:#fffef7cc;color:#285442;font-size:12px;z-index:2}
@keyframes shop-drift{0%,10%,100%{transform:translateX(13px)}30%,80%{transform:translateX(0)}}
@keyframes checkout-slide{0%,7%{opacity:0;transform:translate(36px,14px)}25%,82%{opacity:1;transform:translate(0,0)}98%,100%{opacity:0;transform:translate(20px,-8px)}}
@keyframes cursor-tap{0%,26%{opacity:0;transform:translate(18px,18px)}38%,45%{opacity:1;transform:translate(0,0)}48%{transform:translate(-3px,-3px)}52%,58%{opacity:1;transform:translate(0,0)}66%,100%{opacity:0;transform:translate(12px,12px)}}
@keyframes payment-confirm{0%,50%{opacity:0;transform:translateY(14px)}62%,84%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(-9px)}}
@keyframes terminal-drift{0%,100%{transform:translateY(3px)}45%,75%{transform:translateY(-3px)}}
@keyframes card-tap{0%,12%,100%{transform:translate(25px,-10px) rotate(3deg);transform-origin:470px 160px}36%,56%{transform:translate(-60px,5px) rotate(-4deg);transform-origin:470px 160px}80%{transform:translate(25px,-10px) rotate(3deg);transform-origin:470px 160px}}
@keyframes contactless-pulse{0%,25%,65%,100%{opacity:.35}35%,48%,58%{opacity:1}42%,53%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.product-motion svg *{animation:none!important}.product-motion .motion-cursor{display:none}}

/* Companion solution cards share the illustrated product language. */
.services .service-secondary{gap:22px;margin-top:28px}
.services .service-secondary article{position:relative;overflow:hidden;padding:28px 30px 32px;background:linear-gradient(145deg,#f6faf4,#e9f4ef);border:1px solid #fff;border-radius:28px;box-shadow:0 12px 36px #204d3e08}
.services .service-secondary article::before{display:none}
.services .service-secondary .mini-api{background:linear-gradient(145deg,#f4faf8,#e7f0f7)}
.services .service-secondary .mini-token{background:linear-gradient(145deg,#fafaf2,#eaf3e8)}
.mini-art{width:116px;height:96px;margin-bottom:23px}
.mini-art svg{display:block;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.services .service-secondary .eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.5}
.services .service-secondary h3{font-size:27px;margin:14px 0;letter-spacing:-1px}
.services .service-secondary p{line-height:1.75;color:#526e7c}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-mini:hover .mini-art svg{transform:translateY(-4px) rotate(-2deg)}}
@media(max-width:700px){.services .service-secondary article{padding:25px 27px 29px}.mini-art{width:100px;height:83px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.mini-art svg{transition:none}}

/* Illustrated payment protection, aligned with product artwork. */
.security .shield-art{background:none;gap:12px;min-height:320px}.trust-shield{display:block;width:min(100%,420px);height:auto;overflow:visible}.shield-art>span{text-align:center;line-height:1.8;padding:0 15px}@media(max-width:700px){.security .shield-art{padding:10px 0 28px;gap:6px}.trust-shield{width:min(100%,340px)}}

/* Gateway to the integration guide. */
.docs-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;margin-bottom:64px}.docs-copy h2{margin:23px 0 25px;font-size:clamp(34px,4vw,53px)}.docs-copy>p{max-width:470px;font-size:15px;line-height:1.8}.docs-primary{margin-top:29px;background:#087f69;color:#fff;border-radius:12px;gap:24px}.docs-primary:hover{background:#076b59}.docs-start{display:block;margin-top:19px;font-size:12px;color:#426b6b;line-height:1.7}.docs-visual{position:relative;padding:34px 0 26px}.docs-visual:before{content:"";position:absolute;inset:0 -20px;background:radial-gradient(ellipse,#b6dfcf88,transparent 70%);pointer-events:none}.docs-window{position:relative;background:#fffef7;border:1px solid #b3cfc4;border-radius:19px;box-shadow:10px 18px 0 #cfe5dc77,0 24px 55px #215e4610;overflow:hidden;transform:rotate(-2deg)}.docs-window-bar{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #dbe6de;color:#537c6b}.docs-window-bar>span:first-child{display:flex;gap:5px}.docs-window-bar i{display:block;width:6px;height:6px;background:#a7c5b8;border-radius:50%}.docs-window-bar small{font-size:10px;letter-spacing:.5px}.docs-book{font:16px monospace}.docs-window-body{display:grid;grid-template-columns:110px 1fr;min-height:256px}.docs-sidebar{background:#edf4ed;padding:26px 10px;display:flex;flex-direction:column;gap:16px;font-size:9px;color:#668172}.docs-sidebar b{padding-left:7px;font-size:11px;color:#375e4e}.docs-sidebar span{padding-left:7px}.docs-sidebar .selected{background:#d3e7dc;padding:8px 7px;border-radius:6px;color:#226c54}.docs-preview{padding:26px 20px}.docs-preview .eyebrow{font-size:7px;letter-spacing:1px;color:#537965}.docs-preview>strong{display:block;font-size:25px;line-height:1.18;letter-spacing:-1px;font-weight:500;color:#234637;margin:15px 0 18px}.docs-code{display:flex;flex-direction:column;gap:6px;background:#e6efe6;padding:12px;border-radius:8px;color:#417660;font:10px monospace}.docs-success{display:flex;gap:7px;align-items:center;font-size:10px;color:#35614c;margin-top:14px}.docs-success>span{display:grid;place-items:center;width:18px;height:18px;background:#87bda5;color:white;border-radius:50%}.docs-floating{position:absolute;bottom:7px;right:8px;border:1px solid #b5d1c4;border-radius:30px;background:#f6fcf6;padding:12px 18px;color:#3c6c56;font-size:11px;box-shadow:0 8px 20px #35614c0a}.docs-route-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.docs-route-heading h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.docs-route-heading a{font-size:12px;color:#087f69}.integration-routes .route-card{padding:25px;border:1px solid #dcebe4;background:linear-gradient(145deg,#fff,#f0f7f3);border-radius:24px;box-shadow:none}.route-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#dfeee5;color:#337c62;margin-bottom:24px}.route-icon svg{width:28px;height:28px}.route-card>.eyebrow{text-transform:uppercase;font-size:8px;color:#5b7b6d;letter-spacing:1.3px}.integration-routes .route-card h3{margin:12px 0 14px;font-size:23px}.integration-routes .route-card p{font-size:13px;line-height:1.7;margin-bottom:24px}.integration-routes .route-card .text-link{font-size:12px;color:#087f69;justify-content:space-between;padding:0;gap:8px}.integration-routes .integration-note{border-top:1px solid #dce8e2;margin-top:30px;padding:24px 0 0}.integration-note a{font-size:12px}.route-card:hover{border-color:#93c8b2;background:#f3faf5}
@media(max-width:1000px){.docs-intro{gap:35px}.docs-window-body{grid-template-columns:85px 1fr}.docs-preview{padding:22px 15px}.docs-preview>strong{font-size:22px}}
@media(max-width:700px){.docs-intro{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.docs-copy h2{font-size:37px;letter-spacing:-1.7px}.docs-copy>p{font-size:14px}.docs-primary{font-size:12px;padding:16px;gap:16px}.docs-visual{padding:18px 8px 26px}.docs-window-body{grid-template-columns:85px 1fr}.docs-route-heading h3{font-size:19px}.docs-route-heading a{font-size:11px}.integration-routes .route-card{padding:25px}.docs-visual:before{inset:0}.docs-route-heading{gap:12px}}
@media(prefers-reduced-motion:reduce){.route-card{transition:none}.route-card:hover{transform:none}}

.docs-network{padding:0;isolation:isolate}.docs-network:before{display:none}.docs-network>svg{display:block;width:100%;height:auto}.network-flow{animation:network-connect 3s linear 1}@keyframes network-connect{from{stroke-dashoffset:230}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.network-flow{animation:none}}@media(max-width:700px){.docs-network{padding:0}}

/* Soft glow for the integration guide action. */
.docs-primary{box-shadow:0 0 0 1px #75d9b938,0 5px 18px #0b8d7040,0 0 34px 5px #4bcba32b;transition:box-shadow .3s ease,background .3s ease,transform .3s ease}.docs-primary:hover,.docs-primary:focus-visible{box-shadow:0 0 0 1px #8ae5c966,0 8px 24px #0b8d7052,0 0 42px 9px #4bcba345}@media(prefers-reduced-motion:reduce){.docs-primary{transition:none}}

/* Unified lower-page palette: navy, neutral surfaces and Pay-me green. */
.security{background:linear-gradient(120deg,#f0f5f8,#f5f7fa)}.security .editorial-accent{color:#183d56}.security>.wrap>.eyebrow{color:#087f69}.security-list .security-check{color:#087f69;background:#087f6910}.shield-art>span{color:#526b79}
.integration-routes .route-card:nth-child(n){background:#fff;border-color:#e1e8eb}.integration-routes .route-card:nth-child(n) .route-icon{background:#edf4f2;color:#287764}.integration-routes .route-card:nth-child(n) .text-link{color:#087f69}.integration-routes .route-card:hover{background:#f7faf9;border-color:#a5cbbd}
.faq-surface{background:linear-gradient(115deg,#eef3f6,#f5f7fa)}.faq-surface .editorial-accent{color:#183d56}.faq-surface .eyebrow{color:#087f69}.faq-surface .faq details{border-color:#183d5620}.faq-surface .faq summary span{color:#087f69}.alignet-footer{background:#142332}.af-intro h2 em{color:#99cdbb}.af-intro p,.af-brand p,.af-contact p{color:#bac7d2}

/* Continuous light canvas without rectangular section boundaries. */
.security,.faq-surface{background:transparent;border:0}.faq-surface::before{display:none}

/* One quiet curved thread spans both sections without a background seam. */
.connected-sections{position:relative;isolation:isolate}.section-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.connected-sections>.security,.connected-sections>.integration-routes{position:relative}@media(max-width:700px){.section-thread{opacity:.65}}

.hero-background .hero-loop-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:none}
.hero-background{isolation:isolate}.hero-background .shade{z-index:2}

/* Keep both loop layers on the same frame-driven opacity timing. */
.hero-background #hero-video.hero-loop-video,.hero-background .hero-loop-video{transition:none!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero:not([data-video-state=ready]) .hero-loop-video{visibility:hidden}
/* Gentle viewport entrances; transforms never change document geometry. */
.scroll-reveal{opacity:0;translate:0 24px;transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),translate .85s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}
.scroll-reveal.scroll-revealed{opacity:1;translate:0 0}
.scroll-reveal:focus-within{opacity:1;translate:0 0;transition-delay:0ms}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;transition:none}}
/* Pay-me's green and blue remain visible together while loading. */
.video-spinner{border-color:#168d72 #176dc4 #176dc4 #168d72;border-width:3px;box-shadow:0 0 12px #168d721a}
/* Rounded entrance to the dark closing section. */
.alignet-footer{border-radius:24px 24px 0 0;overflow:hidden}

/* Security story shares the visual language of the payment illustrations. */
.security-motion{position:relative;width:100%;max-width:560px;aspect-ratio:8/5;border-radius:30px;overflow:hidden;border:1px solid #fff}.security .shield-art{gap:24px}.secure-card{animation:secure-card-drift 8s ease-in-out infinite}.secure-auth{animation:secure-auth-entry 8s cubic-bezier(.22,1,.36,1) infinite}.secure-progress{stroke-dasharray:162;animation:secure-validation 8s ease infinite}.secure-confirm{animation:secure-confirm-entry 8s cubic-bezier(.22,1,.36,1) infinite}@keyframes secure-card-drift{0%,100%{transform:translateX(15px)}25%,85%{transform:translateX(0)}}@keyframes secure-auth-entry{0%,5%,100%{opacity:0;transform:translate(25px,8px)}22%,87%{opacity:1;transform:translate(0,0)}}@keyframes secure-validation{0%,25%{stroke-dashoffset:162}55%,100%{stroke-dashoffset:0}}@keyframes secure-confirm-entry{0%,53%,100%{opacity:0;transform:translateY(14px)}65%,87%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.security-motion svg *{animation:none!important}.secure-progress{stroke-dashoffset:0}}

/* Integration story uses the same illustrated stage as Flex and security. */
.docs-network.integration-motion{border-radius:30px;overflow:hidden;border:1px solid #fff;background:#eceee5}.integration-motion .integration-node-stage{animation:integration-arrive 9s cubic-bezier(.22,1,.36,1) infinite}.integration-motion .stage-1{animation-delay:.3s}.integration-motion .stage-2{animation-delay:.6s}.integration-motion .stage-3{animation-delay:.9s}.integration-motion .network-flow{animation:integration-flow 9s linear infinite}.integration-motion .integration-wires{animation:integration-wire-in 9s ease infinite}@keyframes integration-arrive{0%,5%,100%{opacity:0;transform:translateY(12px)}20%,87%{opacity:1;transform:translateY(0)}}@keyframes integration-flow{0%,20%{opacity:0;stroke-dashoffset:220}35%,80%{opacity:.8}90%,100%{opacity:0;stroke-dashoffset:0}}@keyframes integration-wire-in{0%,12%,100%{opacity:.15}35%,85%{opacity:1}}@media(prefers-reduced-motion:reduce){.integration-motion svg *{animation:none!important}.integration-motion .network-flow{opacity:0}}

/* Keep channels readable; animate the connection rather than removing content. */
.integration-motion .integration-node-stage{opacity:1;animation:channel-lift 10s ease-in-out infinite}.integration-motion .stage-0{animation-delay:0s}.integration-motion .stage-1{animation-delay:1.3s}.integration-motion .stage-2{animation-delay:2.6s}.integration-motion .stage-3{animation-delay:3.9s}.integration-motion .integration-wires{animation:none;opacity:.65}.connection-pulse{stroke-dasharray:9 101;stroke-dashoffset:110;opacity:0;animation:channel-connect 10s ease-in-out infinite}.connection-pulse.pulse-1{animation-delay:1.3s}.connection-pulse.pulse-2{animation-delay:2.6s}.connection-pulse.pulse-3{animation-delay:3.9s}.connection-confirm{animation:channels-ready 10s ease-in-out infinite}.hub-status{animation:hub-ready 10s ease-in-out infinite}@keyframes channel-lift{0%,19%,100%{transform:translateY(0)}7%,12%{transform:translateY(-4px)}}@keyframes channel-connect{0%,3%{opacity:0;stroke-dashoffset:110}5%{opacity:1}17%{opacity:1;stroke-dashoffset:0}20%,100%{opacity:0;stroke-dashoffset:0}}@keyframes channels-ready{0%,61%,100%{opacity:0;transform:translateY(5px)}69%,91%{opacity:1;transform:translateY(0)}}@keyframes hub-ready{0%,60%,100%{opacity:.5}68%,90%{opacity:1}}@media(prefers-reduced-motion:reduce){.integration-motion .integration-node-stage,.integration-motion .connection-confirm,.integration-motion .hub-status{animation:none!important;opacity:1;transform:none}.integration-motion .connection-pulse{animation:none!important;opacity:0}}

/* Illustrated integration: a connected purchase, with a calm eight-second loop. */
.studio-checkout{animation:studio-checkout 9s cubic-bezier(.22,.61,.36,1) infinite}
.studio-cursor{animation:studio-cursor 9s ease-in-out infinite}
.studio-success{animation:studio-success 9s ease-in-out infinite}
@keyframes studio-checkout{0%,100%{transform:translate(0,6px)}15%,87%{transform:translate(0,0)}}
@keyframes studio-cursor{0%,20%,85%,100%{opacity:0;transform:translate(8px,8px)}32%,40%{opacity:1;transform:translate(0,0)}45%{opacity:1;transform:translate(-3px,-3px)}52%,80%{opacity:0;transform:translate(-3px,-3px)}}
@keyframes studio-success{0%,48%,95%,100%{opacity:0;transform:translateY(8px)}58%,82%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.studio-checkout,.studio-cursor,.studio-success{animation:none!important}.studio-cursor{opacity:0}.studio-success{opacity:1}}

.dev-line{stroke-dasharray:100;animation:dev-write 8s ease-in-out infinite}.dev-line-2{animation-delay:.35s}.dev-line-3{animation-delay:.7s}
.dev-signal{stroke-dasharray:20 100;animation:dev-send 8s ease-in-out infinite}
.dev-ready{animation:dev-ready 8s ease-in-out infinite}.dev-indicator{animation:dev-ready 8s ease-in-out infinite}
@keyframes dev-write{0%,6%,100%{stroke-dashoffset:100;opacity:.3}30%,90%{stroke-dashoffset:0;opacity:1}}
@keyframes dev-send{0%,33%,80%,100%{stroke-dashoffset:120;opacity:0}37%{opacity:1;stroke-dashoffset:120}55%{opacity:1;stroke-dashoffset:0}60%{opacity:0;stroke-dashoffset:0}}
@keyframes dev-ready{0%,48%,100%{opacity:0}60%,88%{opacity:1}}
@media(prefers-reduced-motion:reduce){.dev-line,.dev-signal,.dev-ready,.dev-indicator{animation:none!important}.dev-line{stroke-dashoffset:0}.dev-signal{opacity:0}.dev-ready,.dev-indicator{opacity:1}}

/* Show the first frame immediately while the first short clip loads. */
.hero-background{background:url("assets/payme-hero-poster.jpg") center/cover no-repeat}