:root{color-scheme:dark;--ink:#f5f7ff;--muted:#9aa6c2;--bg:#070b1b;--deep:#090f23;--line:rgba(195,211,255,.13);--violet:#9b82ff;--sky:#54d5ff;--mint:#9cffc8;--coral:#ffa6b8;--off:#eff4fc;--darkink:#172039;--radius:24px;--font:Manrope,"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:4px}::selection{background:#9b82ff;color:#0c1025}p,h1,h2,h3{margin-top:0}p{line-height:1.8}h1,h2,h3{letter-spacing:-.055em}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.sprites{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:1260px;width:calc(100% - 80px);margin:0 auto}.section{padding:128px 0;position:relative;isolation:isolate}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;z-index:120;background:linear-gradient(90deg,var(--violet),var(--sky),var(--mint));box-shadow:0 0 15px #77e2ff70}.site-mesh{pointer-events:none;position:absolute;z-index:-1;top:0;left:0;right:0;height:1200px;background:radial-gradient(circle at 68% 15%,#7054ee14,transparent 34%),radial-gradient(circle at 22% 39%,#28b4ef0a,transparent 35%)}
.nav{height:85px;position:sticky;top:0;z-index:60;background:rgba(7,11,27,.82);border-bottom:1px solid #ffffff11;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 2px 12px #00aaff36)}.brand-text{display:flex;flex-direction:column;gap:0;line-height:1.05}.brand-text strong{font-size:19px;letter-spacing:-.07em;font-weight:800;color:#fafbff}.brand-text em{font-style:normal;color:#8fddfa}.brand-text small{letter-spacing:.205em;font-size:9px;font-weight:800;color:#8b95b2;margin-top:7px}.nav-links{display:flex;align-items:center;gap:27px}.nav-links a{font-size:12.5px;font-weight:750;color:#b0bad2;transition:color .2s}.nav-links a:hover{color:#fff}.nav-end{display:flex;align-items:center;gap:20px}.nav-caption{font-size:9px;color:#8694b4;letter-spacing:.1em;font-weight:800;white-space:nowrap}.nav-caption i,.green-dot,.red-dot,.violet-dot,.cyan-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7ff8be;box-shadow:0 0 0 4px #6af9b51a;margin-right:7px}.nav-caption i{background:#6bdaff;box-shadow:0 0 0 4px #6bdaff14}.red-dot{background:#ff8496;box-shadow:0 0 0 4px #ff84951b}.violet-dot{background:#ac97ff;box-shadow:0 0 0 4px #ac97ff1e}.cyan-dot{background:#62d8ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;border:1px solid transparent;padding:13px 20px;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;transition:transform .23s,box-shadow .23s,border-color .23s,background .23s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{background:linear-gradient(110deg,#a7f6c8 0%,#87e7e8 100%);color:#102233;box-shadow:0 8px 30px #40eab11e}.btn-primary:hover{box-shadow:0 14px 44px #60ffd24d}.btn-line{background:#ffffff08;border-color:#ffffff35;color:#f3f6ff}.btn-line:hover{background:#ffffff13;border-color:#ffffff69}.btn-sm{padding:13px 16px}.btn-xl{padding:18px 25px;font-size:13px;border-radius:14px}.btn-dark{background:#0b1431;color:#fff}.btn-dark:hover{background:#152850}.btn-light{background:#ffffff25;color:#12253b;border-color:#10364718}.btn-light:hover{background:#ffffff55}.btn-muted{background:#182340;border-color:#344466;color:#fff}.play-round{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff70;border-radius:50%;font-size:8px;padding-left:2px}.nav-toggle{display:none;background:#ffffff0a;border:1px solid #ffffff25;color:#fff;width:42px;height:42px;border-radius:12px;place-items:center}.mobile-nav{position:absolute;top:85px;left:0;right:0;background:#0c142d;box-shadow:0 24px 45px #0008;padding:18px 30px;max-height:calc(100vh - 85px);overflow:auto}.mobile-nav a{display:block;padding:14px 6px;border-bottom:1px solid #ffffff13;font-size:14px;font-weight:700}.mobile-nav[hidden],.modal-backdrop[hidden]{display:none!important}
.micro-label,.section-kicker,.pill-white{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:850;color:#a6aeff;text-transform:uppercase}.section-kicker{color:#a8a0ff;margin-bottom:23px}.section-heading{max-width:790px;margin-bottom:53px}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.safety-grid h2,.mobile-copy h2,.payment-copy h2,.calc-copy h2,.faq-grid h2,.inbox-description h2{font-size:clamp(35px,4.2vw,61px);line-height:1.13;letter-spacing:-.072em;margin-bottom:22px;font-weight:800}.section-heading h2 em,.safety-grid h2 em,.mobile-copy h2 em,.payment-copy h2 em,.calc-copy h2 em,.faq-grid h2 em,.inbox-description h2 em,.audience-section em{font-style:normal;background:linear-gradient(100deg,#b99bff 0%,#8ccefc 70%,#b7fbd1);-webkit-background-clip:text;background-clip:text;color:transparent}.section-heading p,.safety-grid p,.mobile-copy>p,.payment-copy>p,.calc-copy>p,.faq-grid>div>p,.inbox-description>p{max-width:625px;color:#a7b1cd;font-size:15px;line-height:1.9}.section-heading.center p{margin-left:auto;margin-right:auto}
/* HERO */
.hero{padding:85px 0 46px;min-height:720px;background:radial-gradient(ellipse at 69% 43%,#4b348438,transparent 42%),radial-gradient(ellipse at 40% 100%,#0626407d,transparent 40%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(#9bb5ff24 1px,transparent 1px),linear-gradient(90deg,#9bb5ff24 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent 5%,black 43%,transparent 98%)}.hero-aurora{position:absolute;right:-17%;top:-46%;width:1000px;height:900px;background:conic-gradient(from 45deg,#8c46ff38,#226dec12,#36bdc42c,#aa66ff38);filter:blur(105px);border-radius:50%;opacity:.55;animation:aurora-turn 26s linear infinite;z-index:-1}.hero-layout{display:grid;grid-template-columns:47% 53%;align-items:center;gap:0;min-height:605px}.hero-content{padding:32px 0 70px;position:relative;z-index:3}.label-light{padding:9px 14px 9px 12px;border:1px solid #9c8aff34;background:#9c8aff12;border-radius:40px;color:#cfc4ff;font-size:10px;letter-spacing:.145em}.ping-dot{width:7px;height:7px;border-radius:50%;background:#bfa5ff;box-shadow:0 0 0 5px #baaaff20;animation:signal 3s infinite}.hero h1{font-size:clamp(45px,5.1vw,74px);line-height:1.11;font-weight:800;letter-spacing:-.083em;margin:30px 0 24px}.hero-color{background:linear-gradient(90deg,#b4a3ff,#76ddff,#a6f7be);-webkit-background-clip:text;background-clip:text;color:transparent}.period{color:#9bfbca}.hero-desc{font-size:15px;color:#aeb9d1;line-height:1.98;max-width:550px}.hero-desc strong{color:#e4ecff;font-weight:750}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0}.hero-trust{display:flex;gap:23px;flex-wrap:wrap;font-size:11px;color:#91a1bd}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-trust .icon{color:#b2ffd6;width:15px;height:15px}.hero-visual{position:relative;min-height:580px;align-self:stretch;transform:translateX(7px)}.hero-orbit{position:absolute;border:1px solid #829bff24;border-radius:50%;top:15%;left:6%;width:85%;aspect-ratio:1;animation:orbital 40s linear infinite}.orbit-b{width:64%;left:16%;top:25%;border-style:dashed;border-color:#68fcbe26;animation-direction:reverse;animation-duration:55s}.hero-console{width:94%;position:absolute;top:25%;left:7%;background:#101932;z-index:2;border:1px solid #b0c1ff45;box-shadow:0 50px 80px #0008,0 0 65px #665eff28;border-radius:18px;overflow:hidden;transform:perspective(1500px) rotateY(-6deg) rotateX(2.5deg);animation:console-float 8s ease-in-out infinite}.console-top{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#121d37;border-bottom:1px solid #ffffff14}.window-lights{display:flex;gap:5px}.window-lights b{width:6px;height:6px;border-radius:50%;background:#ff8d97}.window-lights b:nth-child(2){background:#ffe3a4}.window-lights b:nth-child(3){background:#7fecb6}.console-title{color:#9eadce;font-size:9px}.console-mini{font-size:8px;color:#99a6c6;letter-spacing:.06em}.live-dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:var(--mint)}.console-main{display:flex;min-height:326px}.console-side{width:57px;display:flex;flex-direction:column;align-items:center;gap:17px;padding:19px 7px;background:#0b1428;border-right:1px solid #ffffff12}.sidebar-monogram{font-weight:900;width:29px;height:29px;background:#a8caff;color:#121b38;border-radius:9px;display:grid;place-items:center;position:relative}.sidebar-monogram span{position:absolute;font-size:10px;color:#fff;right:-6px;top:-6px}.side-item{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#728db6}.side-item.active{color:#b5fbd2;background:#5bd7ae25}.side-item .icon{width:17px;height:17px}.side-bottom{margin-top:auto;color:#7c91b7}.console-work{flex:1;padding:22px 21px 18px;min-width:0}.mini-overline{font-size:9px;color:#80b4cb;letter-spacing:.14em;font-weight:800}.console-h1{font-size:19px;font-weight:850;letter-spacing:-.04em;margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:5px}.status-active{font-size:9px;color:#8dffc5;background:#27a57816;border:1px solid #6bffc832;border-radius:18px;padding:6px 8px;letter-spacing:0;white-space:nowrap}.console-account{background:#182643;border:1px solid #a1b5fb1c;border-radius:11px;padding:11px;display:flex;align-items:center;gap:11px;margin-top:18px}.account-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#97a4ff,#66f9d3);font-size:15px;font-weight:900;color:#10213c}.console-account div{display:flex;flex-direction:column;gap:2px}.console-account small{font-size:7px;color:#96a6c6}.console-account b{font-size:10px;color:#e9edff}.account-end{font-size:8px;margin-left:auto;color:#97fac8;display:flex;align-items:center;gap:5px;white-space:nowrap}.account-end .icon{width:12px;height:12px}.pipeline-heading{display:flex;justify-content:space-between;font-size:10px;margin:20px 0 15px;font-weight:800}.pipeline-heading span{font-weight:600;color:#8494af;font-size:9px}.pipeline-track{display:flex;position:relative;justify-content:space-between;margin:0 6px 16px}.pipeline-track:before{content:"";position:absolute;top:22px;left:16%;width:68%;height:2px;background:#4c688d;opacity:.65}.pipeline-beam{position:absolute;top:20px;left:15%;width:20%;height:6px;border-radius:10px;background:linear-gradient(90deg,transparent,#aaffec,transparent);filter:blur(1px);animation:beam-travel 4s linear infinite}.pipeline-step{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:65px}.step-graphic{width:45px;height:45px;border-radius:14px;border:1px solid #ffffff22;display:grid;place-items:center;background:#182b43}.step-graphic.violet{color:#c9b4ff;background:#9b82ff22}.step-graphic.cyan{color:#7ceaff;background:#45d6ff18}.step-graphic.mint{color:#9affcb;background:#5bebba16}.step-graphic .icon{width:21px;height:21px}.pipeline-step b{font-size:9px;margin-top:4px}.pipeline-step small{font-size:8px;color:#85a0b5}.console-success{display:flex;align-items:center;gap:11px;background:linear-gradient(95deg,#2c8d6952,#1b3c4d9c);border:1px solid #63e3b348;border-radius:11px;padding:10px 12px}.success-ring{color:#073c2c;width:31px;height:31px;border-radius:10px;background:#9cfbd0;display:grid;place-items:center}.success-ring .icon{width:17px;height:17px}.console-success div{display:flex;flex-direction:column;gap:4px}.console-success b{font-size:11px}.console-success small{font-size:8px;color:#b5d8da}.success-arrow{margin-left:auto;color:#a3ffd3;font-size:21px}.float-source{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #bbbcff59;border-radius:14px;background:#1b2046e8;box-shadow:0 13px 40px #02030d7f;backdrop-filter:blur(12px);animation:floaty 6s ease-in-out infinite}.float-source strong,.hero-toast b{display:block;font-size:11px;color:#f7f9ff}.float-source small,.hero-toast small{font-size:9px;color:#a7b9db}.source-pdf{top:15%;left:1%;transform:rotate(-5deg);animation-delay:-2s}.source-qr{right:-3%;top:13%;transform:rotate(4deg);animation-delay:-4s}.float-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px}.float-icon.lavender{color:#d3baff;background:#a184ff33}.float-icon.blue{color:#7ae2ff;background:#57baff29}.float-icon .icon{width:18px;height:18px}.source-pulse{width:8px;height:8px;border-radius:50%;background:#a5ffca;box-shadow:0 0 12px #80ffc7}.hero-phone{position:absolute;z-index:5;bottom:7%;right:-3%;width:145px;height:265px;border:7px solid #080e1c;border-radius:26px;background:linear-gradient(140deg,#112344,#0c1430);box-shadow:0 0 0 2px #536486,0 24px 50px #000c;transform:rotate(9deg);padding:12px 9px 10px;animation:phone-float 7s ease-in-out infinite}.phone-island{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:46px;height:10px;background:#040912;border-radius:0 0 10px 10px}.phone-header{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:#e4ecff}.phone-header span{font-size:7px;color:#aab8cb}.phone-name{display:block;font-size:7px;color:#6ef8d1;font-weight:850;letter-spacing:.09em;margin-top:19px}.hero-phone strong{display:block;font-size:13px;margin-top:4px}.scan-glass{height:97px;border:1px solid #90fff1a3;border-radius:9px;position:relative;margin-top:15px;background:repeating-linear-gradient(0deg,transparent,transparent 13px,#3e97c014 14px);display:grid;place-items:center;overflow:hidden}.scan-number{font-size:10px;white-space:nowrap;font-weight:800;color:#e8eefd}.scan-corner{position:absolute;width:15px;height:15px;border-color:#9affd2;border-style:solid}.scan-corner.tl{left:0;top:0;border-width:2px 0 0 2px}.scan-corner.tr{right:0;top:0;border-width:2px 2px 0 0}.scan-corner.bl{left:0;bottom:0;border-width:0 0 2px 2px}.scan-corner.br{right:0;bottom:0;border-width:0 2px 2px 0}.scan-beam,.camera-beam{position:absolute;left:2%;right:2%;height:2px;background:#9efde0;box-shadow:0 0 12px 3px #84ffe7;animation:scan 3.4s ease-in-out infinite alternate}.phone-result{margin-top:12px;font-size:7px;color:#afffd5;display:flex;align-items:center;gap:4px}.phone-result .icon{width:12px;height:12px}.phone-home{width:40px;height:3px;border-radius:4px;background:#8c96af;position:absolute;bottom:6px;left:50%;transform:translateX(-50%)}.hero-toast{position:absolute;bottom:16%;left:3%;z-index:5;display:flex;align-items:center;gap:9px;background:#152e35e8;border:1px solid #92efca59;border-radius:13px;padding:10px 14px;box-shadow:0 16px 30px #0007;animation:floaty 6.5s ease-in-out infinite;animation-delay:-3.1s}.toast-icon{display:grid;place-items:center;width:29px;height:29px;color:#b3fbd9;background:#65edb12b;border-radius:9px}.toast-icon .icon{width:16px;height:16px}.visual-disclaimer{position:absolute;bottom:2%;right:3%;font-size:9px;color:#7689a9}.hero-bottom{margin-top:5px}.hero-partners{padding:24px 0 0;border-top:1px solid #ffffff15;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.hero-partners span{font-size:9px;letter-spacing:.13em;color:#6f85a7;font-weight:850}.hero-partners strong{font-size:13px;color:#a5b6d2;letter-spacing:-.03em}.transition-quote{background:#10182e;padding:28px 0;overflow:hidden;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0d}.quote-marquee{display:flex;align-items:center;justify-content:space-around;gap:25px;white-space:nowrap;color:#c4cde5;font-weight:800;font-size:12px;letter-spacing:-.02em}.dot-spacer{color:#a7ffcb}
/* PROBLEM */
.problem{background:linear-gradient(180deg,#0b1124,#0a1023)}.before-after{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:16px}.before-card,.after-card{padding:30px;min-height:475px;border-radius:24px;border:1px solid #ffffff15;background:#111a32}.before-card{background:linear-gradient(135deg,#24172e,#121728);border-color:#ff93ad23}.after-card{background:linear-gradient(140deg,#152849,#102b37);border-color:#7cffe355;box-shadow:0 28px 85px #25cda610}.comparison-label{font-size:10px;letter-spacing:.14em;color:#b9b8cf;font-weight:800}.comparison-title{font-size:26px;font-weight:850;margin:19px 0 22px;letter-spacing:-.05em}.legacy-steps{display:grid;gap:12px}.legacy-steps>div{display:flex;align-items:center;gap:12px;padding:12px 13px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:11px;color:#aeb3c4;font-size:12px}.legacy-steps i{font-size:9px;font-style:normal;color:#ff879e;font-weight:850}.comparison-footer{font-size:11px;color:#abb6cf;margin-top:23px}.comparison-footer.glow{display:flex;align-items:center;gap:9px;color:#a2f7d3}.comparison-footer .icon{width:17px;height:17px}.compare-arrow{display:grid;place-items:center;width:50px;height:50px;border:1px solid #ffffff30;border-radius:50%;background:#1b2a3f;color:#98ffe0}.smart-track{display:grid;gap:17px}.smart-track>div{display:grid;grid-template-columns:42px 1fr;column-gap:13px;background:#ffffff09;border-radius:13px;padding:14px;border:1px solid #ffffff15}.smart-icon{display:grid;place-items:center;width:39px;height:39px;grid-row:span 2;color:#a8ffe0;background:#7debc526;border-radius:12px}.smart-track b{font-size:13px;align-self:end}.smart-track small{color:#98b6c6;margin-top:5px;font-size:10px}
/* STORY */
.storytelling{background:radial-gradient(ellipse at 88% 42%,#4f3d9625,transparent 55%),#080d1d}.story-grid{display:grid;grid-template-columns:45% 55%;gap:45px;align-items:start}.story-steps{display:grid;gap:14px}.story-step{display:grid;grid-template-columns:49px 1fr;gap:18px;align-items:start;text-align:left;padding:23px;border-radius:18px;background:#121a2e8c;border:1px solid #ffffff14;color:inherit;transition:background .3s,border .3s,transform .3s;position:relative}.story-step:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;background:linear-gradient(var(--violet),var(--sky));border-radius:0 3px 3px 0;opacity:0;transition:opacity .3s}.story-step.active{background:#1c2443;border-color:#a8a6ff60;box-shadow:0 20px 50px #3a37bd17;transform:translateX(5px)}.story-step.active:before{opacity:1}.story-number{font-size:16px;font-weight:800;color:#9c91fe;border:1px solid #9c91fe56;width:43px;height:43px;border-radius:13px;display:grid;place-items:center}.story-step span:nth-child(2){display:flex;flex-direction:column;gap:8px}.story-step small{font-size:9px;letter-spacing:.12em;font-weight:800;color:#95b4d8}.story-step strong{font-size:16px;line-height:1.45;font-weight:850;letter-spacing:-.03em}.story-step span:nth-child(2)>span{font-size:12px;line-height:1.85;color:#a8b3cc}.story-art{position:sticky;top:115px}.story-stage{border:1px solid #757eff42;border-radius:25px;height:530px;overflow:hidden;background:radial-gradient(circle at 53% 48%,#3c3a8870,#121b3b 42%,#0d152b 78%);position:relative;box-shadow:0 35px 80px #0008}.story-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle at 50% 40%,black,transparent 70%)}.stage-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:4;padding:24px;font-size:10px;color:#9faed3;letter-spacing:.1em;font-weight:800}.stage-count{color:#b2ffd9}.stage-orbit{position:absolute;width:355px;height:355px;top:56px;left:50%;transform:translateX(-50%);border:1px dashed #b3a4ff46;border-radius:50%;animation:orbital 25s linear infinite}.stage-core{position:absolute;top:67px;left:50%;width:330px;height:330px;transform:translateX(-50%);display:grid;place-items:center}.stage-ring{position:absolute;border-radius:50%;border:1px solid #a3b3ff5b;inset:45px;box-shadow:0 0 55px #757bff24}.stage-ring-one{animation:ring-pulse 4s ease-in-out infinite}.stage-ring-two{inset:5px;border-style:dotted;opacity:.45;animation:orbital 50s linear infinite}.stage-symbol{width:135px;height:135px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(135deg,#8d7bff,#44bbef);box-shadow:0 0 0 12px #9f94ff1a,0 15px 85px #6c69ff8a;position:relative;z-index:2;transition:background .3s;animation:stage-float 4s ease-in-out infinite}.stage-symbol .icon{width:65px;height:65px;color:#fff;stroke-width:1.4}.stage-satellite{position:absolute;width:50px;height:50px;border-radius:14px;background:#203057;display:grid;place-items:center;border:1px solid #ffffff39;color:#97f5e6;box-shadow:0 12px 22px #0006}.satellite-one{top:40px;left:25px}.satellite-two{right:16px;bottom:60px}.stage-card{position:absolute;z-index:4;bottom:33px;left:36px;right:36px;padding:20px 23px;background:#0e172bc7;backdrop-filter:blur(20px);border:1px solid #ffffff32;border-radius:16px}.stage-card>span{font-size:9px;color:#98ffdf;letter-spacing:.12em;font-weight:800}.stage-card>strong{display:block;font-size:21px;letter-spacing:-.045em;margin:7px 0}.stage-card>p{color:#aebdda;font-size:11px;line-height:1.7;margin:0 0 12px}.stage-checks{display:flex;flex-wrap:wrap;gap:15px}.stage-checks span{font-size:10px;color:#c9e5dc;display:flex;align-items:center;gap:5px}.stage-checks .icon{width:13px;height:13px;color:#a0ffce}.story-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff14;z-index:5}.story-progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#a68cff,#80ffe1);transition:width .4s}.story-control{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:16px;color:#a4b0c5;font-size:9px;letter-spacing:.13em;font-weight:850}.outline-circle{width:38px;height:38px;border-radius:50%;background:#172541;border:1px solid #ffffff25;color:#d9f6ff;font-size:17px}.outline-circle:hover{background:#394a78}
/* SEF */
.sef-feature{background:#080d1d;padding-top:75px}.sef-shell{padding:53px;border-radius:34px;color:var(--darkink);position:relative;overflow:hidden;background:linear-gradient(128deg,#f3f0ff 0%,#e5f3ff 49%,#d9fff2 100%);box-shadow:0 40px 120px #0006}.sef-shell:before{content:"";position:absolute;width:800px;height:800px;border:1px solid #2963bf21;border-radius:50%;left:-300px;top:-550px}.sef-intro{max-width:780px;position:relative}.pill-white{color:#4034b7;background:#ffffffb0;border:1px solid #5c45bd21;padding:9px 13px;border-radius:20px}.sef-intro h2{font-size:clamp(33px,4.1vw,57px);letter-spacing:-.073em;line-height:1.16;margin:23px 0}.sef-intro h2 span{color:#6653d9}.sef-intro p{font-size:15px;color:#475873;max-width:710px}.sef-checks{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;font-weight:800;color:#334560;margin:24px 0 42px}.sef-checks span{display:flex;align-items:center;gap:6px}.sef-checks .icon{color:#139d76;width:15px;height:15px}.sef-demo{position:relative;background:#fff;border:1px solid #cdd5eb;border-radius:22px;padding:25px;box-shadow:0 22px 55px #55609e23}.integration-top,.calc-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.integration-top>div{display:flex;flex-direction:column;gap:5px}.kicker-dark{color:#637398;font-size:9px;letter-spacing:.13em;font-weight:850}.integration-top strong{font-size:19px;color:#1c2948}.demo-label{display:inline-block;font-weight:850;letter-spacing:.09em;font-size:9px;border:1px solid #8794b660;border-radius:20px;color:#5b6d8f;padding:7px 10px;white-space:nowrap}.source-tabs{margin:25px 0;display:flex;gap:8px;flex-wrap:wrap;padding:6px;background:#edf2fb;border-radius:13px;width:fit-content;max-width:100%}.source-tab{background:transparent;color:#5a6c86;border:0;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:800;transition:background .2s,color .2s}.source-tab.active{background:#fff;color:#3b34b2;box-shadow:0 3px 11px #2d44801b}.integration-flow{display:flex;align-items:center;gap:4px;justify-content:space-between;padding:10px 0 25px}.integration-node{flex:1;min-width:0;min-height:146px;border:1px solid #d9e0ef;border-radius:16px;background:linear-gradient(150deg,#f7f9fe,#fff);padding:18px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.integration-node.mid{background:#e8ebff;border-color:#aaadf5}.node-icon{width:40px;height:40px;display:grid;place-items:center;color:#7153dc;background:#e5e3ff;border-radius:13px;margin-bottom:4px}.integration-node.mid .node-icon{background:#7971e5;color:#fff}.integration-node small{font-size:8px;color:#7888a3;font-weight:850;letter-spacing:.1em}.integration-node strong{font-size:12px;letter-spacing:-.025em;line-height:1.35}.integration-node>span:last-child{font-size:10px;color:#667590}.moving-link{width:48px;min-width:25px;height:4px;background:#c2d0ec;position:relative;border-radius:8px;overflow:hidden}.moving-link i{height:100%;width:9px;background:#7264e1;position:absolute;left:0;animation:link-flow 2.2s linear infinite}.moving-link i:nth-child(2){animation-delay:-.7s}.moving-link i:nth-child(3){animation-delay:-1.4s}.integration-detail{border-top:1px solid #e7ecf6;padding:17px 3px 1px;display:flex;gap:20px;align-items:center}.integrated-status{font-size:10px;color:#07865e;white-space:nowrap;font-weight:850}.integrated-status .green-dot{width:6px;height:6px}.integration-detail p{margin:0;font-size:11px;color:#52617c}.sef-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:25px;color:#4b5a74;font-size:11px;line-height:1.8}.sef-bottom>div{max-width:770px}.sef-bottom>div span{font-weight:900;color:#6853ae}.link-underline{display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px;font-size:11px;font-weight:850;white-space:nowrap}.link-underline .icon{width:16px}
/* MODULES */
.modules{background:#0b1124}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter{border:1px solid #ffffff20;background:#141d34;color:#a6b7d6;border-radius:100px;padding:11px 17px;font-size:11px;font-weight:800}.filter.active{color:#091b26;background:#aff9db;border-color:#aff9db}.filter span{display:inline-block;margin-left:5px;opacity:.7}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.module-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;position:relative;overflow:hidden;border-radius:19px;padding:26px 25px 22px;border:1px solid #ffffff18;background:linear-gradient(155deg,#1b2540,#111a2e 72%);min-height:265px;transition:transform .25s,border .25s,box-shadow .25s}.module-card:hover{transform:translateY(-5px);border-color:#a4a7ff75;box-shadow:0 18px 60px #04051688}.module-card[hidden]{display:none}.module-card:after{content:"";width:170px;height:170px;position:absolute;top:-105px;right:-75px;border-radius:50%;background:#776bee10;filter:blur(28px)}.module-card.module-featured{grid-row:span 2;min-height:550px;background:radial-gradient(circle at 73% 80%,#53449747,transparent 60%),linear-gradient(145deg,#282448,#111b35);border-color:#9d82ff56}.module-card.module-tall{grid-row:span 2;min-height:550px;background:radial-gradient(circle at 30% 85%,#4ec8e235,transparent 60%),linear-gradient(155deg,#132843,#161a37);border-color:#65d4fb43}.module-tag{font-size:9px;font-weight:900;letter-spacing:.13em;color:#8b9ec2;margin-bottom:16px}.module-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin-bottom:20px}.module-icon.vio{background:#a48cff26;color:#c1a9ff}.module-icon.sky{background:#66cfff1e;color:#75dcff}.module-icon.coral{background:#ff9fae20;color:#ffb2bc}.module-icon.mint{background:#82eecb1c;color:#9affd7}.module-icon .icon{width:23px;height:23px}.module-card h3{font-size:19px;letter-spacing:-.045em;margin:0 0 11px}.module-card p{font-size:12px;line-height:1.9;color:#9eabc4;margin:0 0 19px}.module-more{color:#b4ffd8;display:inline-flex;align-items:center;gap:7px;margin-top:auto;border:0;border-bottom:1px solid #8ff0d856;background:transparent;padding:0 0 5px;font-size:11px;font-weight:800}.module-more:hover{color:#fff}.module-more .icon{width:14px;height:14px;transition:transform .2s}.module-more:hover .icon{transform:translateX(4px)}.module-illustration{position:relative;height:200px;width:100%;margin-top:12px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;gap:6px}.paper-sheet{background:#f3f2ff;color:#172441;width:155px;border-radius:10px;padding:17px;transform:rotate(-8deg);box-shadow:0 12px 20px #0005;display:flex;flex-direction:column;gap:14px}.paper-sheet b{font-size:11px;color:#6a56ad}.paper-sheet span{font-size:8px;border-bottom:1px solid #d8deec;padding-bottom:7px}.doc-convert{font-size:30px;color:#9dffd4}.paper-done{border:1px solid #93f9ce;background:#2c7d67;color:#e5fff2;padding:12px 10px;border-radius:11px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;transform:rotate(5deg)}.paper-done .icon{width:15px;height:15px}.inbox-mini{width:100%;display:grid;gap:11px;margin:auto 0 20px}.inbox-mini span{background:#ffffff0d;border:1px solid #ffffff18;border-radius:11px;padding:13px;font-size:11px;display:flex;align-items:center}.module-bottom{padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.module-bottom>span{font-size:10px;color:#8899b5}.text-link{color:#a6ffda;font-weight:850;font-size:12px;display:inline-flex;align-items:center;gap:7px}.text-link:hover{color:#fff}.text-link .icon{width:17px}
/* INBOX */
.inbox-section{background:radial-gradient(ellipse at 10% 35%,#24396740,transparent 50%),#0c1430}.inbox-layout{display:grid;grid-template-columns:41% 59%;align-items:center;gap:37px}.inbox-description h2{font-size:clamp(36px,3.75vw,54px)}.benefit-list,.payment-points{display:grid;gap:14px;margin-top:27px}.benefit-list span,.payment-points span{font-size:12px;font-weight:750;color:#c9d6ea;display:flex;align-items:center;gap:10px}.benefit-list .icon,.payment-points .icon{width:17px;height:17px;color:#a0ffd2}.small-note{font-size:10px!important;color:#778bab!important;margin-top:25px}.inbox-panel{border-radius:23px;background:#f8fbff;color:#1a2b44;overflow:hidden;box-shadow:0 30px 95px #0009;border:1px solid #a9c8f5}.app-panel-header{padding:21px 22px;display:flex;justify-content:space-between;align-items:center;background:#e6eeff;border-bottom:1px solid #d5e2f0}.app-title{display:flex;align-items:center;gap:11px}.mini-brand{background:linear-gradient(130deg,#586ade,#52afd1);border-radius:11px;color:#fff;font-size:17px;font-weight:900;width:35px;height:35px;display:grid;place-items:center}.app-title div{display:flex;flex-direction:column;gap:2px}.app-title small{font-size:8px;color:#7285a8;font-weight:850;letter-spacing:.13em}.app-title strong{font-size:15px}.app-demo-tag{border-radius:18px;border:1px solid #a6a2ef;color:#514bd0;background:#f2f1ff;font-size:9px;font-weight:850;padding:7px 9px}.inbox-toolbar{padding:15px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.company-label{font-size:9px;color:#7786a1;font-weight:850;letter-spacing:.11em}.inbox-toolbar select{background:#fff;color:#263855;border:1px solid #cad5e9;border-radius:9px;padding:10px;font-size:11px;font-weight:800;min-width:0;max-width:62%}.inbox-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:4px 21px 18px}.inbox-stats>div{border-radius:13px;background:#edf3fb;padding:14px;display:flex;flex-direction:column;border:1px solid #dce4f1}.inbox-stats small{font-size:9px;color:#75859e}.inbox-stats strong{font-size:28px;letter-spacing:-.07em;color:#27386a;margin:4px 0}.inbox-stats span{font-size:9px;color:#8a98af}.inbox-filter{display:flex;align-items:center;gap:7px;padding:0 20px 11px}.inbox-filter-btn{border:0;border-radius:8px;padding:8px 11px;background:transparent;color:#687993;font-size:10px;font-weight:800}.inbox-filter-btn.active{background:#dce3ff;color:#4d4ed1}.inbox-sort{margin-left:auto;font-size:8px;color:#8b99b0;font-weight:800}.inbox-table{min-height:260px;padding:0 14px 5px}.table-head,.inbox-row{display:grid;grid-template-columns:minmax(0,1fr) 94px 83px;align-items:center;gap:7px}.table-head{padding:11px 9px;font-size:8px;color:#8495b2;font-weight:900;letter-spacing:.09em;border-bottom:1px solid #dee6f1}.inbox-row{padding:11px 9px;border-bottom:1px solid #ebeff8}.inbox-row>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.inbox-row b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row small{font-size:9px;color:#8595b0}.inbox-row>span:nth-child(2){font-size:10px;font-weight:800;color:#26344f}.row-status{font-size:9px;border-radius:20px;padding:6px 7px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:800}.row-status.new{background:#dcf9e8;color:#16845c}.row-status.done{background:#e3e8f5;color:#61728a}.row-status.error{background:#fff0e6;color:#ac6a32}.empty-inbox{font-size:12px;text-align:center;color:#8090a7;padding:36px}.inbox-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#edf2fa;padding:17px 22px}.inbox-panel-footer span{font-size:10px;color:#697991}.inbox-panel-footer button{font-size:10px;border:0;border-radius:8px;background:#5666ce;color:#fff;font-weight:800;padding:10px 12px}.inbox-panel-footer button:hover{background:#394dba}
/* ANDROID */
.mobile-section{background:#0a1021}.mobile-wrap{display:grid;grid-template-columns:50% 50%;align-items:center;gap:15px}.mobile-visual{height:615px;position:relative;display:flex;align-items:center;justify-content:center}.mobile-halo{position:absolute;width:510px;height:510px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#735fee46 0%,#2ca7c420 42%,transparent 71%);animation:stage-float 8s ease-in-out infinite}.mobile-halo:after{content:"";position:absolute;inset:50px;border:1px solid #a59aff29;border-radius:50%;box-shadow:0 0 0 50px #7e8fff07}.mobile-device{width:250px;height:505px;background:linear-gradient(150deg,#101a36,#1d2350);border:8px solid #070b15;border-radius:42px;box-shadow:0 0 0 2px #53658b,0 35px 70px #000a;position:relative;padding:30px 20px 20px;transform:rotate(-6deg);transition:transform .35s}.mobile-device:hover{transform:rotate(-3deg) translateY(-8px)}.mobile-device .phone-island{width:73px;height:15px}.mobile-ui-top{display:flex;justify-content:space-between;font-size:14px;color:#f0f3ff;font-weight:850}.mobile-ui-top small{font-size:7px;letter-spacing:.07em;color:#88a4bf}.mobile-device h3{font-size:17px;letter-spacing:-.04em;margin:34px 0 3px}.mobile-device p{font-size:9px;color:#a5b7d1;line-height:1.5}.mobile-camera{border:1px solid #8bd4f75e;background:radial-gradient(circle,#263f68,#0c172c);height:186px;border-radius:18px;margin-top:24px;position:relative;display:grid;place-items:center;overflow:hidden}.reticle{position:absolute;inset:15px}.reticle span{position:absolute;width:18px;height:18px;border-color:#9dffcb;border-style:solid}.reticle span:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}.reticle span:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}.reticle span:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}.reticle span:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}.camera-invoice{width:155px;height:92px;background:#e5f1ff;color:#243659;transform:rotate(2deg);padding:13px;display:flex;flex-direction:column;justify-content:space-around;box-shadow:0 6px 15px #0009}.camera-invoice span{font-size:8px;color:#8295ad}.camera-invoice b{font-size:13px;letter-spacing:-.05em}.camera-invoice small{font-size:7px;color:#8294ad}.camera-beam{left:10%;right:10%}.mobile-scanner-status{display:flex;align-items:center;gap:5px;font-size:9px;color:#a7ffcd;margin-top:19px}.mobile-scan-btn{background:linear-gradient(115deg,#9affc6,#6fcce9);border:0;border-radius:12px;min-height:45px;padding:12px 14px;width:100%;color:#123044;font-weight:850;font-size:10px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.mobile-scan-btn .icon{width:16px;height:16px}.mobile-scan-btn:disabled{opacity:.7;cursor:default}.mobile-result-floating{position:absolute;right:2%;bottom:19%;display:flex;align-items:center;gap:11px;border:1px solid #70e3db6b;background:#163d48ee;box-shadow:0 14px 40px #0008;padding:15px;border-radius:15px;transform:rotate(5deg);max-width:220px}.result-indicator{background:#a1ffcf;color:#164937;border-radius:11px;padding:9px;display:grid;place-items:center}.result-indicator .icon{width:20px;height:20px}.mobile-result-floating div{display:flex;flex-direction:column;gap:4px}.mobile-result-floating small{font-size:9px;color:#a1d2c8}.mobile-result-floating strong{font-size:10px}.numbered-benefits{display:grid;gap:24px;margin:31px 0 27px}.numbered-benefits>div{display:grid;grid-template-columns:40px 1fr;gap:12px}.numbered-benefits>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#a18aff23;color:#bcadff;border:1px solid #a18aff59;font-size:12px;font-weight:850}.numbered-benefits strong{font-size:15px}.numbered-benefits p{font-size:12px;color:#a4b3cc;margin:5px 0 0}
/* PAYMENTS */
.payment-section{background:#0c1430}.payment-grid,.calc-layout{display:grid;grid-template-columns:45% 55%;align-items:center;gap:60px}.payment-points{margin-bottom:26px}.payment-widget,.calc-widget{background:#f5f8ff;color:#182442;border-radius:25px;padding:32px;box-shadow:0 30px 80px #0007;border:1px solid #ccdafa}.widget-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6980a5;font-weight:850;letter-spacing:.07em}.payment-full{display:flex;flex-direction:column;gap:4px;margin:33px 0 19px}.payment-full span{font-size:10px;color:#70809b;font-weight:800}.payment-full strong{font-size:33px;font-weight:850;letter-spacing:-.06em}.payment-track{width:100%;height:17px;background:#e4eafb;border-radius:20px;overflow:hidden;margin-bottom:17px}.payment-track div{height:100%;width:60%;background:linear-gradient(90deg,#7961ec 0%,#8bb1ff 55%,#7bdfbd 100%);border-radius:20px;transition:width .24s}.payment-labels{display:flex;justify-content:space-between;gap:10px;margin-bottom:27px;font-size:10px;color:#6f829e}.payment-labels b{color:#223354}.payment-widget label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;margin-bottom:12px}.payment-widget label strong{color:#5d50be}.payment-widget input[type=range],.calc-widget input[type=range]{width:100%;accent-color:#7663dd;cursor:pointer}.payment-status{display:flex;gap:12px;padding:14px;border-radius:12px;font-size:11px;line-height:1.65;margin-top:17px;font-weight:750}.payment-status.safe{background:#e1f9eb;color:#16734f}.payment-status.warning{background:#fff0e8;color:#a04c29}.payment-status .icon{width:20px;height:20px}.payment-widget>p{font-size:10px;color:#72829a;line-height:1.8;margin:17px 0 0}
/* BANK */
.bank-section{background:#080e22}.bank-switch{border:1px solid #ffffff23;border-radius:15px;padding:6px;background:#19233b;width:fit-content;max-width:100%;display:flex;margin:0 auto 23px;gap:5px}.bank-tab{border:0;padding:14px 25px;border-radius:11px;background:transparent;color:#a9b6d0;font-weight:850;font-size:12px}.bank-tab.active{background:linear-gradient(110deg,#a6a2ff,#7ce2f5);color:#11233d;box-shadow:0 5px 18px #0005}.bank-demo{display:grid;grid-template-columns:56% 44%;border:1px solid #a9b2ff43;border-radius:26px;overflow:hidden;box-shadow:0 30px 90px #01030ecc}.bank-left{padding:32px;background:radial-gradient(circle at 50% 44%,#314c7d88,#111f3c 63%);min-height:430px;display:flex;flex-direction:column}.bank-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#9eb5d3;font-weight:900}.bank-topline b{color:#bbfbdd}.bank-graphic{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.bank-document{background:#e8efff;color:#243451;border-radius:16px;width:150px;height:177px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;box-shadow:0 12px 25px #0008;transform:rotate(-5deg)}.bank-document span{background:#8d72ff;color:#fff;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:900}.bank-document b{font-size:15px;letter-spacing:-.05em}.bank-document small{font-size:10px;color:#71849e}.bank-transit{flex:1;height:3px;position:relative;background:linear-gradient(90deg,#94a7ff,#a2f9d4);max-width:130px}.bank-transit span{position:absolute;height:9px;width:9px;background:#dcffe3;border-radius:50%;top:-3px;left:0;box-shadow:0 0 15px #8cfed8;animation:bankdot 2.9s linear infinite}.bank-transit span:nth-child(2){animation-delay:-1s}.bank-transit span:nth-child(3){animation-delay:-2s}.bank-destination{width:160px;height:177px;border:1px solid #9effd655;border-radius:17px;background:#204a57;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;box-shadow:0 14px 40px #0006;transform:rotate(5deg)}.bank-destination .icon{width:39px;height:39px;color:#a0ffd5}.bank-destination strong{font-size:13px}.bank-destination small{font-size:10px;color:#b2d7d9}.bank-confirm{font-size:11px;color:#bbf9dc;display:flex;gap:9px;align-items:center;border:1px solid #8cf4c52e;padding:13px;border-radius:12px;background:#a1fcd00a}.bank-confirm .icon{width:17px}.bank-right{padding:50px 39px 30px;background:#17233d}.bank-right h3{font-size:31px;letter-spacing:-.065em;line-height:1.25;margin:13px 0 28px}.bank-point{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #ffffff18;color:#c6d5e9;font-size:12px}.bank-point b{color:#8ffff0}.bank-right>p{font-size:11px;color:#97a9c5;margin-top:23px}
/* CALC */
.calc-section{background:radial-gradient(ellipse at 14% 34%,#4b40964d,transparent 55%),#10152d}.calc-copy h2{font-size:clamp(34px,3.8vw,55px)}.calc-note{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:15px;padding:18px;display:flex;gap:12px;color:#afb9d5;font-size:11px;line-height:1.8;margin-top:26px}.calc-note .icon{color:#ae9fff;width:25px;height:25px}.calc-top{margin-bottom:25px}.calc-top>div{display:flex;flex-direction:column;gap:6px}.calc-top small{color:#7483a1;letter-spacing:.1em;font-size:9px;font-weight:850}.calc-top strong{font-size:18px}.calc-input{margin:20px 0}.calc-input label{display:flex;justify-content:space-between;gap:10px;color:#657691;font-size:12px;font-weight:750}.calc-input label b{color:#273959}.calc-input input{margin-top:13px}.calc-bars{border-top:1px solid #e0e8f1;margin-top:20px;padding:20px 0;display:grid;gap:14px}.calc-bars>div{display:grid;grid-template-columns:60px minmax(0,1fr) 78px;align-items:center;gap:10px;font-size:10px;color:#647894}.calc-bars b{text-align:right;font-size:10px;color:#384663}.bar-bg{height:12px;border-radius:20px;background:#e7edf6;overflow:hidden}.bar-bg i{display:block;height:100%;border-radius:20px}.bar-manual{width:100%;background:#a6b2d7}.bar-auto{width:11%;background:linear-gradient(90deg,#7669e8,#59c4d6);transition:width .25s}.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-results>div{background:linear-gradient(135deg,#e9e9ff,#e2f8f1);border:1px solid #cacdf2;border-radius:13px;padding:18px}.calc-results small{display:block;color:#63739c;font-size:9px;font-weight:850;letter-spacing:.08em}.calc-results small sup{font-size:7px}.calc-results strong{display:block;color:#2d3376;font-size:27px;letter-spacing:-.06em;line-height:1.3;margin-top:7px}.calc-footnote{font-size:9px;color:#7b8ba2;margin:15px 0 0;line-height:1.7}
/* SAFETY */
.safety-section{background:#0b1021}.safety-grid{display:grid;grid-template-columns:40% 60%;gap:42px;align-items:center}.safety-grid h2{font-size:clamp(34px,3.8vw,55px)}.safety-grid .btn{margin-top:20px}.safety-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.safety-card{padding:24px;border-radius:17px;background:linear-gradient(135deg,#1b2845,#151d33);border:1px solid #ffffff1b;min-height:181px}.safety-card>span{width:40px;height:40px;border:1px solid #8f85ff6b;background:#9e94ff1b;border-radius:12px;display:grid;place-items:center;color:#adcbff;margin-bottom:14px}.safety-card strong{font-size:13px}.safety-card p{font-size:11px;color:#a9b5cc;margin:9px 0 0;line-height:1.75}
/* AUDIENCE */
.audience-section{background:#0b152d}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.audience-card{border:1px solid #ffffff25;border-radius:21px;padding:29px;background:linear-gradient(140deg,#263155,#121e38);min-height:285px;position:relative;transition:transform .25s}.audience-card:hover{transform:translateY(-6px)}.audience-card>span{position:absolute;right:24px;top:25px;color:#8093bc;font-weight:900;font-size:11px}.audience-card>.icon{color:#b1a9ff;width:36px;height:36px;margin:16px 0 31px}.audience-card h3{font-size:20px;letter-spacing:-.05em}.audience-card p{font-size:12px;color:#9eafca}
/* FAQ & CTA */
.faq-section{background:#0a1126}.faq-grid{display:grid;grid-template-columns:36% 64%;gap:40px}.faq-grid h2{font-size:clamp(32px,3.5vw,48px)}.faq-items{border-top:1px solid #ffffff27}.faq-items details{border-bottom:1px solid #ffffff27;padding:20px 1px}.faq-items summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:800;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary .icon{color:#adbbfc;transition:transform .2s}.faq-items details[open] summary .icon{transform:rotate(45deg)}.faq-items p{font-size:12px;color:#aab8d1;line-height:1.9;margin:12px 25px 0 0}.final-cta{background:#091125;padding-top:40px;padding-bottom:110px}.cta-panel{min-height:450px;padding:72px 70px;border-radius:32px;background:linear-gradient(118deg,#9691ff,#84cafa 57%,#9ef0d2);color:#152342;position:relative;overflow:hidden;box-shadow:0 30px 85px #393ad02b}.cta-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff29 1px,transparent 1px),linear-gradient(90deg,#ffffff29 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,transparent,black)}.cta-content{max-width:650px;position:relative;z-index:3}.cta-content h2{font-size:clamp(40px,4.8vw,65px);line-height:1.12;margin:25px 0 20px}.cta-content h2 em{font-style:normal;color:#fff}.cta-content>p{font-size:14px;color:#334460;max-width:540px}.cta-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.cta-orb{position:absolute;border-radius:50%;width:420px;height:420px;right:-80px;top:-200px;border:1px solid #ffffff57;box-shadow:0 0 0 60px #ffffff11,0 0 0 120px #ffffff0c}.orb2{top:160px;right:50px;width:260px;height:260px;border-color:#384ec942;box-shadow:none}.cta-art{position:absolute;right:2%;top:12%;width:370px;height:380px;display:grid;place-items:center}.cta-big-m{font-size:260px;font-weight:900;letter-spacing:-.17em;line-height:1;color:#ffffffb3;transform:rotate(-15deg);text-shadow:0 25px 40px #6573cb53;animation:floaty 9s ease-in-out infinite}.cta-glyph{position:absolute;z-index:1;width:63px;height:63px;border:1px solid #ffffffae;background:#ffffff75;backdrop-filter:blur(10px);color:#5752be;border-radius:20px;display:grid;place-items:center;box-shadow:0 12px 30px #5a6cbb3d}.cta-glyph .icon{width:28px;height:28px}.glyph-1{top:10px;left:0;transform:rotate(-16deg)}.glyph-2{right:0;top:100px;transform:rotate(12deg)}.glyph-3{bottom:10px;left:60px}.footer{background:#070b1b;padding:62px 0 24px;border-top:1px solid #ffffff14}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-main>div:first-child>p{color:#8194b5;max-width:280px;font-size:11px;margin-top:22px}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-links strong{font-size:10px;letter-spacing:.12em;color:#8496b5;margin-bottom:4px}.footer-links a{font-size:11px;color:#a6b6d0}.footer-links a:hover{color:#9bffcc}.footer-bottom{border-top:1px solid #ffffff18;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;color:#6f819e;font-size:10px}
/* MODALS */
.modal-backdrop{position:fixed;inset:0;z-index:90;background:#020716d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.module-dialog,.contact-dialog{background:linear-gradient(145deg,#192643,#101a30);border:1px solid #a7b6ff55;border-radius:23px;max-width:580px;width:100%;max-height:calc(100vh - 40px);overflow:auto;padding:38px;box-shadow:0 35px 100px #000e;position:relative}.module-dialog h2,.contact-dialog h2{font-size:30px;letter-spacing:-.06em;margin:7px 0 13px}.module-dialog>p,.contact-dialog>p{font-size:12px;color:#abbad7}.modal-close{position:absolute;right:19px;top:19px;color:#d3ddf1;background:#ffffff0e;border:1px solid #ffffff2b;border-radius:11px;width:37px;height:37px;display:grid;place-items:center}.modal-close .icon{width:18px;height:18px}.dialog-points{display:grid;gap:13px;margin:22px 0}.dialog-points>div{display:flex;gap:10px;color:#d7e2f4;align-items:flex-start;font-size:12px;line-height:1.7}.dialog-points .icon{color:#96ffce;width:17px;height:17px;margin-top:1px}.module-dialog-note{border:1px solid #ffffff20;border-radius:10px;padding:12px;background:#ffffff08;color:#8fa3c3;font-size:10px;line-height:1.6;margin:21px 0}.contact-dialog form{display:grid;gap:13px;margin-top:23px}.contact-dialog label{display:flex;flex-direction:column;gap:7px;color:#d1dbee;font-size:11px;font-weight:800}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-dialog input,.contact-dialog select,.contact-dialog textarea{background:#0e1830;color:#fff;border:1px solid #8896bc66;border-radius:10px;padding:12px;width:100%;font-size:12px;outline:none}.contact-dialog input:focus,.contact-dialog select:focus,.contact-dialog textarea:focus{border-color:#8feccd;box-shadow:0 0 0 3px #8feccd18}.contact-dialog textarea{resize:vertical}.setup-note,.form-feedback{color:#a6b7cf;font-size:10px;line-height:1.6;margin:0}.form-feedback{min-height:15px;color:#a2ffcb}.form-actions{display:flex;gap:11px;flex-wrap:wrap}.form-actions .btn{font-size:11px}
/* MOTION */
[data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .75s cubic-bezier(.21,.75,.23,1),transform .75s cubic-bezier(.21,.75,.23,1)}[data-reveal].visible{opacity:1;transform:translateY(0)}@keyframes aurora-turn{to{transform:rotate(360deg)}}@keyframes orbital{to{transform:rotate(360deg)}}@keyframes ring-pulse{50%{box-shadow:0 0 80px #7e7aff55;transform:scale(1.06)}}@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes console-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes phone-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes stage-float{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes signal{50%{box-shadow:0 0 0 9px #a897ff11}}@keyframes scan{from{top:15%}to{top:85%}}@keyframes beam-travel{from{left:15%}to{left:68%}}@keyframes link-flow{from{transform:translateX(-15px)}to{transform:translateX(65px)}}@keyframes bankdot{0%{left:0;opacity:0}10%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
/* BREAKPOINTS */
@media(max-width:1250px){.nav-caption{display:none}.container{width:calc(100% - 60px)}.hero h1{font-size:clamp(47px,5.5vw,66px)}.hero-visual{transform:scale(.93);transform-origin:center}.source-qr{right:-7%}.hero-phone{right:-5%}.story-grid{gap:25px}.payment-grid,.calc-layout{gap:30px}.cta-art{opacity:.66;right:0}}
@media(max-width:1050px){.nav-links{gap:15px}.nav-links a{font-size:11px}.hero{padding-top:57px}.hero-layout{grid-template-columns:51% 49%}.hero-visual{transform:scale(.85);transform-origin:center left;margin-right:-50px}.hero h1{font-size:clamp(42px,5.3vw,61px)}.hero-desc{font-size:13px}.hero-partners strong{font-size:11px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card.module-featured,.module-card.module-tall{grid-row:span 1;min-height:310px}.module-illustration{display:none}.inbox-layout{grid-template-columns:1fr}.inbox-description{max-width:700px}.inbox-panel{max-width:790px;margin:auto;width:100%}.mobile-wrap{grid-template-columns:48% 52%}.mobile-result-floating{right:-4%}.story-grid{grid-template-columns:49% 51%}.story-step{padding:19px}.story-stage{height:530px}.sef-shell{padding:35px}.bank-left{padding:24px}.bank-right{padding:36px 24px}.bank-document{width:125px}.bank-destination{width:125px}.bank-graphic{gap:5px}.cta-art{right:-10%}}
@media(max-width:800px){.container{width:calc(100% - 38px)}.section{padding:85px 0}.nav{height:72px}.nav-inner{gap:12px}.nav-links{display:none}.nav-toggle{display:grid}.mobile-nav{top:72px}.brand img{width:38px;height:38px}.brand-text strong{font-size:16px}.brand-text small{font-size:8px}.nav-end .btn{padding:11px 13px;font-size:11px}.hero{padding:50px 0 30px}.hero-layout{grid-template-columns:1fr}.hero-content{padding:12px 0 20px}.hero h1{font-size:clamp(44px,8.4vw,66px)}.hero-desc{max-width:670px;font-size:14px}.hero-visual{width:100%;min-height:520px;transform:scale(.95);transform-origin:top center;margin-right:0}.hero-console{left:4%;width:91%;top:19%}.hero-phone{right:2%;bottom:0}.source-pdf{top:4%;left:2%}.source-qr{top:3%;right:1%}.hero-toast{bottom:7%;left:4%}.hero-partners{gap:16px}.hero-bottom{margin-top:0}.section-heading h2{font-size:clamp(35px,6.5vw,53px)}.before-after{grid-template-columns:1fr;gap:15px}.before-card,.after-card{min-height:auto}.compare-arrow{transform:rotate(90deg);margin:auto}.story-grid{grid-template-columns:1fr}.story-art{position:relative;top:auto;grid-row:1}.story-steps{grid-template-columns:1fr 1fr}.story-step{grid-template-columns:1fr;gap:10px;min-height:198px}.story-stage{height:495px}.sef-feature{padding-top:30px}.sef-shell{border-radius:25px}.integration-flow{gap:5px}.integration-node{padding:13px 6px}.integration-node strong{font-size:10px}.moving-link{width:22px;min-width:15px}.integration-node>span:last-child{font-size:9px}.sef-bottom{flex-wrap:wrap;gap:10px}.mobile-wrap{grid-template-columns:1fr}.mobile-visual{height:580px}.mobile-copy{max-width:700px}.mobile-result-floating{right:12%}.payment-grid,.calc-layout,.safety-grid,.faq-grid{grid-template-columns:1fr}.payment-widget,.calc-widget{max-width:710px;width:100%;margin:auto}.safety-grid{gap:28px}.bank-demo{grid-template-columns:1fr}.bank-left{min-height:350px}.bank-right{padding:30px}.audience-grid{grid-template-columns:1fr 1fr}.cta-panel{padding:55px 40px}.cta-art{opacity:.23;right:0}.footer-main{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:560px){html{scroll-padding-top:80px}.container{width:calc(100% - 32px)}.section{padding:73px 0}.nav-end .btn{display:none}.hero{padding:40px 0 22px}.hero h1{font-size:clamp(41px,11vw,56px);line-height:1.15;margin:23px 0 17px}.label-light{font-size:8px;letter-spacing:.08em}.hero-desc{font-size:13px;line-height:1.8}.hero-buttons{gap:10px;margin:24px 0}.hero-buttons .btn{padding:14px 15px;font-size:11px}.hero-trust{gap:12px;font-size:10px}.hero-visual{width:calc(100% + 16px);transform:scale(.96);transform-origin:top left;min-height:358px;margin-top:4px}.hero-console{width:96%;left:0;top:13%;transform:none;border-radius:12px}.console-top{height:28px;padding:0 9px}.console-main{min-height:255px}.console-side{width:39px;gap:13px;padding:10px 3px}.sidebar-monogram{width:25px;height:25px}.side-item{width:27px;height:27px}.side-item .icon{width:15px;height:15px}.console-work{padding:12px 10px 10px}.mini-overline{font-size:7px}.console-h1{font-size:15px}.status-active{font-size:7px;padding:5px}.console-account{margin-top:10px;padding:7px;gap:5px}.account-avatar{width:26px;height:26px}.console-account b{font-size:9px}.account-end{display:none}.pipeline-heading{margin:11px 0;font-size:9px}.pipeline-heading span{font-size:7px}.pipeline-track{margin-bottom:9px}.pipeline-track:before{top:16px}.pipeline-beam{top:14px}.step-graphic{width:32px;height:32px;border-radius:10px}.step-graphic .icon{width:17px;height:17px}.pipeline-step b{font-size:8px}.pipeline-step small{font-size:7px}.console-success{padding:7px;gap:6px}.success-ring{width:25px;height:25px}.console-success b{font-size:9px}.console-success small{font-size:7px}.success-arrow{font-size:15px}.float-source{padding:7px;gap:6px;border-radius:9px}.float-source strong{font-size:9px}.float-source small{font-size:7px}.float-icon{width:25px;height:25px}.float-icon .icon{width:15px;height:15px}.source-pdf{top:0;left:0}.source-qr{top:0;right:0}.hero-phone{width:98px;height:178px;border-width:5px;border-radius:19px;padding:7px;bottom:3%;right:-1%}.hero-phone .phone-island{height:6px;width:34px}.phone-header{font-size:7px}.phone-name{margin-top:8px;font-size:6px}.hero-phone strong{font-size:10px}.scan-glass{height:60px;margin-top:8px}.scan-number{font-size:7px}.phone-result{font-size:6px;margin-top:6px}.hero-toast{left:1%;bottom:0;padding:7px}.hero-toast b{font-size:9px}.hero-toast small{font-size:7px}.toast-icon{width:23px;height:23px}.visual-disclaimer{display:none}.hero-partners{gap:14px}.hero-partners span{width:100%}.hero-partners strong{font-size:10px}.quote-marquee{font-size:10px;justify-content:flex-start;overflow:auto}.section-kicker{font-size:9px;margin-bottom:18px}.section-heading h2,.inbox-description h2,.payment-copy h2,.mobile-copy h2,.safety-grid h2,.calc-copy h2{font-size:36px}.section-heading p{font-size:13px}.before-card,.after-card{padding:22px}.comparison-title{font-size:22px}.story-steps{grid-template-columns:1fr}.story-step{grid-template-columns:38px 1fr;min-height:unset;gap:13px;padding:18px}.story-number{width:37px;height:37px;font-size:13px}.story-stage{height:430px}.stage-orbit{width:265px;height:265px;top:45px}.stage-core{top:50px;width:280px;height:270px}.stage-ring{inset:40px}.stage-ring-two{inset:10px}.stage-symbol{width:102px;height:102px;border-radius:27px}.stage-symbol .icon{width:49px;height:49px}.stage-card{bottom:25px;left:15px;right:15px;padding:16px}.stage-card>strong{font-size:17px}.stage-card>p{font-size:10px}.stage-top{padding:17px;font-size:8px}.sef-shell{padding:23px 16px;border-radius:20px}.sef-intro h2{font-size:35px}.sef-intro p{font-size:13px}.sef-checks{gap:12px;font-size:10px}.sef-demo{padding:16px 11px}.integration-top strong{font-size:15px}.demo-label{font-size:7px;padding:5px}.source-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.source-tab{font-size:9px;padding:10px 5px}.integration-node{min-height:135px;padding:12px 5px}.node-icon{width:32px;height:32px}.node-icon .icon{width:17px;height:17px}.integration-node strong{font-size:9px}.integration-node small{font-size:7px}.integration-node>span:last-child{font-size:8px}.moving-link{min-width:8px;width:10px}.integration-flow{gap:2px}.integration-detail{display:block}.integration-detail p{font-size:10px;margin-top:7px}.sef-bottom{font-size:10px}.filter-bar{gap:6px}.filter{font-size:10px;padding:10px 12px}.module-grid{grid-template-columns:1fr;gap:12px}.module-card,.module-card.module-featured,.module-card.module-tall{min-height:245px;padding:23px}.module-card h3{font-size:20px}.module-card p{font-size:12px}.module-illustration{display:none}.module-bottom{flex-direction:column;align-items:flex-start}.inbox-toolbar{padding:13px;flex-direction:column;align-items:flex-start;gap:7px}.inbox-toolbar select{max-width:100%;width:100%}.inbox-stats{padding:3px 12px 12px;gap:7px}.inbox-stats>div{padding:10px}.inbox-stats strong{font-size:23px}.inbox-stats span{font-size:8px}.inbox-filter{padding:0 9px 9px;gap:2px}.inbox-filter-btn{font-size:9px;padding:7px}.inbox-sort{font-size:7px}.inbox-table{padding:0 6px}.table-head,.inbox-row{grid-template-columns:minmax(0,1fr) 74px 70px;gap:4px}.table-head{font-size:7px;padding:9px 5px}.inbox-row{padding:11px 4px}.inbox-row b{font-size:10px}.inbox-row>span:nth-child(2){font-size:9px}.row-status{font-size:8px;padding:5px}.inbox-panel-footer{padding:13px;gap:8px}.inbox-panel-footer span{font-size:8px}.inbox-panel-footer button{font-size:9px}.mobile-visual{height:545px}.mobile-device{width:225px;height:465px}.mobile-result-floating{right:-1%;bottom:15%;max-width:170px;padding:10px}.mobile-result-floating strong{font-size:9px}.mobile-result-floating small{font-size:8px}.numbered-benefits strong{font-size:13px}.numbered-benefits p{font-size:11px}.payment-widget,.calc-widget{padding:22px 17px}.payment-full strong{font-size:27px}.payment-labels{font-size:9px}.bank-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.bank-tab{font-size:10px;padding:12px 8px}.bank-left{padding:18px;min-height:280px}.bank-document{width:100px;height:130px;padding:11px}.bank-document b{font-size:11px}.bank-document small{font-size:8px}.bank-transit{min-width:12px}.bank-destination{width:105px;height:130px}.bank-destination .icon{width:29px;height:29px}.bank-destination strong{font-size:11px}.bank-destination small{font-size:8px}.bank-confirm{font-size:9px}.bank-right h3{font-size:26px}.bank-right{padding:22px}.calc-results strong{font-size:23px}.calc-results>div{padding:13px 9px}.calc-results small{font-size:8px}.safety-cards{gap:10px}.safety-card{padding:16px;min-height:185px}.safety-card strong{font-size:12px}.safety-card p{font-size:10px}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:220px}.faq-items summary{font-size:12px}.cta-panel{padding:39px 24px;border-radius:23px}.cta-content h2{font-size:43px}.cta-content>p{font-size:12px}.cta-art{opacity:.11;right:-35%}.cta-buttons .btn{font-size:11px;padding:14px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;font-size:9px;margin-top:35px}.module-dialog,.contact-dialog{padding:25px 20px}.module-dialog h2,.contact-dialog h2{font-size:25px}.form-row{grid-template-columns:1fr}}
@media(max-width:360px){.container{width:calc(100% - 24px)}.hero h1{font-size:39px}.hero-buttons .btn{padding:12px 11px;font-size:10px}.hero-visual{transform:scale(.88);transform-origin:top left;min-height:320px;width:110%}.float-source strong{font-size:8px}.module-card{padding:18px}.safety-cards{grid-template-columns:1fr}.bank-document{width:85px}.bank-destination{width:88px}.integration-node{padding:10px 3px}.integration-node strong{font-size:8px}.story-stage{height:400px}.stage-card{bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal]{opacity:1;transform:none}}
/* Containment and safe fractional grid sizing: prevents off-screen art from widening mobile viewport. */
html,body{max-width:100%;overflow-x:clip}.hero{overflow:hidden}.cta-panel{overflow:hidden}
.story-grid{grid-template-columns:minmax(0,4.5fr) minmax(0,5.5fr)}
.inbox-layout{grid-template-columns:minmax(0,4.1fr) minmax(0,5.9fr)}
.mobile-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.payment-grid,.calc-layout{grid-template-columns:minmax(0,4.5fr) minmax(0,5.5fr)}
.safety-grid{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
.faq-grid{grid-template-columns:minmax(0,3.6fr) minmax(0,6.4fr)}
@media(max-width:800px){.story-grid,.inbox-layout,.mobile-wrap,.payment-grid,.calc-layout,.safety-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}}
.integration-guide-actions{margin-top:21px;position:relative;z-index:1}.integration-guide-button{border:1px solid #5069bd55;background:#ffffffaa;color:#3c4d91;padding:13px 18px;border-radius:12px;display:inline-flex;gap:11px;align-items:center;font-weight:850;font-size:12px}.integration-guide-button:hover{background:#fff}.integration-guide-button .icon{width:17px;height:17px}.integration-guide-button .icon:last-child{transition:transform .3s}.integration-guide-button[aria-expanded=true] .icon:last-child{transform:rotate(180deg)}.integration-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.integration-guide[hidden]{display:none}.integration-guide>div{position:relative;padding:18px 14px;border-radius:13px;background:#ffffffaf;border:1px solid #a5bad878}.integration-guide>div span{font-size:10px;color:#776ad2;font-weight:900}.integration-guide>div strong{display:block;color:#1c3150;margin:10px 0 5px;font-size:12px}.integration-guide>div p{font-size:10px;color:#62718c;margin:0;line-height:1.7}@media(max-width:800px){.integration-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.integration-guide-button{font-size:10px;padding:12px}.integration-guide>div{padding:12px}.integration-guide>div strong{font-size:11px}}