:root{--navy:#071b3a;--navy2:#0b2851;--blue:#2679f5;--blue2:#60a5ff;--ink:#10213c;--muted:#65748a;--line:#e1e7ef;--pale:#f5f8fc;--white:#fff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:9px;font:800 21px var(--display);letter-spacing:-1.2px;color:var(--navy)}.brand-mark{position:relative;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--navy);color:white;font:800 21px var(--display);font-style:italic}.brand-mark span{position:absolute;color:#5ca1ff;font-size:10px;right:3px;top:2px;font-style:normal}.brand-x{color:var(--blue)}.navigation{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600;color:#536179}.navigation a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--navy);color:white;padding:12px 17px;border-radius:5px}.nav-cta span{color:#79b5ff;margin-left:10px}.menu-toggle{display:none}.hero{min-height:630px;background:radial-gradient(ellipse at 76% 46%,#133c73 0,transparent 43%),linear-gradient(116deg,#06172f 0%,#092147 58%,#0b2850 100%);position:relative;overflow:hidden;color:#fff;padding:0 9.1%;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(135,178,234,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(135,178,234,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 4%,#000 83%)}.hero-content{z-index:1;width:52%;padding-bottom:40px}.eyebrow{font:700 10px var(--font);letter-spacing:2px;color:#77859a;display:flex;align-items:center;gap:9px}.eyebrow.light{color:#a6bad6}.eyebrow-dot,.pulse{height:7px;width:7px;border-radius:50%;background:var(--blue);display:inline-block}.pulse{background:#62adff;box-shadow:0 0 12px #62adff}.hero h1,.section h2,.about h2,.contact-copy h2{font:600 clamp(47px,6vw,74px)/1.08 var(--display);letter-spacing:-4.4px;margin:28px 0 20px}.hero h1 em,.section h2 em,.about h2 em,.contact-copy h2 em{font-style:normal;color:#6aaeff}.hero h1 em{font-weight:400}.hero-copy{font-size:15px;line-height:1.8;color:#b5c4d9;max-width:410px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:0;border-radius:5px;padding:15px 18px;font:600 12px var(--font);cursor:pointer}.button-blue{color:#fff;background:var(--blue);box-shadow:0 8px 25px #176be344}.button-blue:hover{background:#3988ff;transform:translateY(-1px)}.button span{font-size:17px}.text-link{font-weight:600;font-size:12px}.light-link{color:#d5e1f1}.text-link span{color:#70b2ff;margin-left:9px}.hero-art{width:48%;position:relative;height:430px;display:flex;align-items:center;justify-content:center;z-index:1}.orb{position:absolute;border:1px solid #9dc9ff1c;border-radius:50%}.orb-a{width:480px;height:480px}.orb-b{width:370px;height:370px}.dash-card{position:relative;background:#fff;color:var(--ink);border:1px solid #dbe5f3;border-radius:9px;box-shadow:0 30px 90px #020c20a6}.card-main{width:min(100%,440px);padding:20px 22px 17px}.card-top{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.2px;color:#7d8a9d}.live-dot{color:#2d9b73}.live-dot:before{content:'';width:6px;height:6px;display:inline-block;border-radius:50%;background:#27b77d;margin-right:6px}.dash-title{font:700 16px var(--display);margin:10px 0 2px}.chart{height:137px;position:relative}.chart-lines{position:absolute;inset:8px 0 0;display:flex;flex-direction:column;justify-content:space-between}.chart-lines i{height:1px;background:#e9edf3}.chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-fill{fill:url(#fill)}.chart-line{fill:none;stroke:#3986ed;stroke-width:3;vector-effect:non-scaling-stroke}.chart-labels{display:flex;justify-content:space-between;color:#9aa6b6;font-size:7px;letter-spacing:.8px}.metric-row{border-top:1px solid #edf0f4;margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.metric-row>div:first-child{display:grid;gap:5px}.metric-row span{font-size:7px;color:#8592a4;letter-spacing:1px;font-weight:700}.metric-row b{font-size:10px}.check{font-style:normal;color:#2bad83;background:#e4f8f1;border-radius:50%;padding:2px 4px;margin-right:5px}.metric{text-align:right;display:grid;gap:4px}.metric b{font-size:11px;color:#317ad0}.float-card{position:absolute;bottom:16px;left:-13px;background:#fff;color:var(--ink);border-radius:6px;box-shadow:0 12px 40px #030d2073;display:flex;align-items:center;gap:11px;padding:12px 15px}.float-icon{width:29px;height:29px;border-radius:7px;background:#eaf3ff;color:#347fe2;display:grid;place-items:center}.float-card div{display:grid;gap:3px}.float-card small{font-size:7px;letter-spacing:1px;color:#8390a1}.float-card b{font-size:10px}.float-check{color:#32ab7b;margin-left:14px}.hero-bottom{position:absolute;bottom:26px;left:9.1%;right:9.1%;display:flex;justify-content:space-between;color:#8296b4;font-size:8px;font-weight:700;letter-spacing:1.5px}.hero-bottom i{width:16px;height:1px;display:inline-block;background:#55a1ff;vertical-align:middle}.trust-strip{height:76px;padding:0 9%;display:flex;align-items:center;gap:25px;background:#f8fafd;color:#77849a}.trust-strip>span{font-size:8px;letter-spacing:1.4px;font-weight:700;white-space:nowrap}.strip-line{height:1px;background:#dbe3ed;flex:1}.trust-strip b{font-size:8px;letter-spacing:1.15px;color:#485b75;white-space:nowrap}.trust-strip i{font-style:normal;color:#3985ef;padding:0 10px}.section{padding:112px 9.1%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:47px}.section h2,.contact-copy h2{font-size:48px;letter-spacing:-2.6px;margin:18px 0 0;line-height:1.12}.section h2 em,.contact-copy h2 em{color:var(--blue);font-weight:400}.section-head>p{max-width:330px;font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:240px;padding:25px 26px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s}.service-card:hover{background:#f7faff}.service-number{font-size:9px;letter-spacing:1px;color:#8d9aae;position:absolute;right:24px;top:26px}.service-icon{width:39px;height:39px;border-radius:8px;display:grid;place-items:center;background:#edf5ff;color:#2c7be4;font-size:20px}.service-card h3{font:700 15px var(--display);margin:22px 0 9px}.service-card p{font-size:11px;line-height:1.75;color:#718097;max-width:260px;margin:0}.service-card>a{position:absolute;bottom:21px;right:25px;color:#2b7ce8;font-size:17px}.about{background:var(--navy);color:#fff;padding:94px 12%;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;overflow:hidden}.about-visual{height:380px;position:relative;display:grid;place-items:center}.about-ring{position:absolute;border:1px solid #65aaff30;border-radius:50%}.ring-one{width:310px;height:310px}.ring-two{width:235px;height:235px;border-style:dashed}.about-center{width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#103a70,#071a37);border:1px solid #5c9ceb65;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 80px #287ce235}.about-center span{color:#65aaff;font-size:18px}.about-center b{font:800 29px var(--display);letter-spacing:4px;margin:3px}.about-center small{font-size:6px;line-height:1.5;text-align:center;letter-spacing:1.3px;color:#a7c4e9}.about-note{position:absolute;background:#102b50;border:1px solid #284770;border-radius:5px;padding:12px 14px;font-size:10px;color:#cedcf0;box-shadow:0 12px 30px #020e20}.about-note b{color:#67aaff;margin-left:14px}.note-one{top:49px;right:3px}.note-two{bottom:58px;left:0}.about h2{font-size:46px;letter-spacing:-2.6px;margin:24px 0}.about h2 em{font-weight:400}.about-copy>p{font-size:12px;line-height:1.95;color:#b3c4db;margin:0 0 15px}.about-copy .text-link{display:inline-block;margin-top:14px}.clients{padding-top:104px;padding-bottom:108px}.client-placeholder{min-height:153px;border:1px dashed #b8c7d9;border-radius:8px;background:#fafcff;display:flex;align-items:center;gap:24px;padding:25px 32px}.placeholder-stars{color:#6da8f4;letter-spacing:4px}.client-placeholder strong{font:700 16px var(--display)}.client-placeholder>span{color:#8491a3;font-size:11px;flex:1}.client-placeholder a{font-size:11px;color:#347bd5;font-weight:700}.client-placeholder a b{font-size:16px;margin-left:9px}.platform-section{background:linear-gradient(115deg,#071b3a,#0a2a55);color:white}.platform-inner{padding-top:98px;padding-bottom:82px}.platform-section .section-head>p{color:#aebed3}.platform-section h2 em{color:#74b4ff}.platform-placeholder{border:1px solid #315071;background:#ffffff09;border-radius:7px;min-height:104px;display:flex;align-items:center;padding:21px 25px;gap:19px}.platform-plus{width:38px;height:38px;border:1px solid #5789bd;border-radius:8px;display:grid;place-items:center;color:#7cbaff;font-size:23px}.platform-placeholder strong{font:700 13px var(--display)}.platform-placeholder p{font-size:10px;color:#a9bad0;margin:5px 0 0}.platform-placeholder>a{margin-left:auto;color:#76b5ff;font-size:18px}.platform-footnote{font-size:9px;color:#8198b6;margin-top:12px}.contact-section{padding:103px 12%;display:grid;grid-template-columns:.9fr 1fr;gap:12%;background:#f7f9fc}.contact-copy h2{font-size:47px}.contact-copy>p{font-size:12px;line-height:1.9;color:#697a91;max-width:350px;margin:22px 0 27px}.contact-detail{display:flex;align-items:center;gap:12px;border-top:1px solid #dfe6ef;padding-top:19px;max-width:310px}.contact-icon{width:32px;height:32px;background:#e9f2ff;border-radius:7px;display:grid;place-items:center;color:#347fe4}.contact-detail div{display:grid;gap:4px}.contact-detail small{font-size:7px;letter-spacing:1.1px;color:#8391a4}.contact-detail b{font-size:10px}.contact-form{background:#fff;border:1px solid #e5eaf0;border-radius:8px;padding:27px 28px;box-shadow:0 16px 45px #0c2a4c0a}.form-title{font:700 15px var(--display);margin-bottom:22px;display:flex;justify-content:space-between}.form-title span{color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{display:block;font-size:9px;font-weight:700;color:#596981;margin-bottom:15px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe5ed;border-radius:4px;padding:11px 12px;font:400 10px var(--font);color:var(--ink);background:white;outline:none}.contact-form textarea{resize:vertical;min-height:65px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#4d93f1;box-shadow:0 0 0 3px #3989f118}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a3afbd}.submit-button{width:100%;margin-top:2px}.form-note{font-size:8px;line-height:1.6;color:#8b98a8;margin:10px 0 0}.form-status{font-size:10px;color:#298060;margin:4px 0 0}.footer{min-height:81px;padding:0 7.2%;display:flex;align-items:center;gap:22px}.footer-brand{font-size:18px}.footer-brand .brand-mark{width:27px;height:27px;font-size:18px}.footer-tag{font-size:9px;color:#8491a2}.copyright{margin-left:auto;font-size:9px;color:#8793a2}.back-top{font-size:8px;font-weight:700;letter-spacing:1px;color:#596a80;margin-left:30px}
@media(max-width:900px){.site-header{padding:0 5%}.navigation{gap:17px}.hero{padding:0 6%;min-height:590px}.hero-content{width:48%}.hero-art{width:52%}.card-main{padding:16px}.float-card{left:-20px}.hero-bottom{left:6%;right:6%}.section{padding-left:6%;padding-right:6%}.about{padding:75px 7%;gap:6%}.contact-section{padding:80px 7%;gap:7%}.trust-strip{padding:0 6%}.trust-strip b{letter-spacing:.5px}}
@media(max-width:680px){.site-header{height:68px;padding:0 6%}.menu-toggle{display:flex;border:0;background:none;padding:9px;flex-direction:column;gap:5px}.menu-toggle span{width:21px;height:2px;background:var(--navy)}.navigation{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 6% 25px;background:#fff;box-shadow:0 15px 20px #061a3314;align-items:stretch;flex-direction:column;gap:18px}.navigation.open{display:flex}.nav-cta{text-align:center}.hero{padding:56px 7% 70px;display:block;min-height:0}.hero-content{width:100%;padding-bottom:0}.hero h1{font-size:58px;letter-spacing:-3.5px;margin:22px 0 16px}.hero-copy{font-size:13px;max-width:340px}.hero-actions{gap:16px;flex-wrap:wrap;margin-top:25px}.hero-art{width:100%;height:330px;margin-top:23px}.orb-a{width:340px;height:340px}.orb-b{width:270px;height:270px}.card-main{width:100%;max-width:390px}.float-card{bottom:-8px;left:0}.hero-bottom{bottom:17px;left:7%;right:7%;font-size:6px;letter-spacing:.9px}.hero-bottom span:last-child{display:none}.trust-strip{height:auto;min-height:65px;padding:16px 7%;gap:12px}.trust-strip>span{font-size:7px;white-space:normal;max-width:115px}.trust-strip b{font-size:7px;white-space:normal;line-height:1.7}.strip-line{display:none}.trust-strip i{padding:0 3px}.section{padding:75px 7%}.section-head{display:block;margin-bottom:31px}.section h2,.contact-copy h2{font-size:39px;letter-spacing:-2px}.section-head>p{margin-top:16px;font-size:12px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:230px;padding:20px 17px}.service-card h3{font-size:13px;margin-top:18px}.service-card p{font-size:10px}.service-number{right:16px;top:21px}.about{padding:65px 7%;display:flex;flex-direction:column;gap:25px}.about-visual{height:290px;width:100%}.ring-one{width:255px;height:255px}.ring-two{width:195px;height:195px}.about-center{width:125px;height:125px}.note-one{top:23px;right:0}.note-two{bottom:32px;left:0}.about-copy{width:100%}.about h2{font-size:39px}.clients{padding-top:72px;padding-bottom:75px}.client-placeholder{align-items:flex-start;flex-direction:column;gap:10px;padding:21px}.client-placeholder>span{line-height:1.5}.platform-inner{padding-top:72px;padding-bottom:65px}.platform-placeholder{padding:18px;gap:12px}.platform-placeholder p{line-height:1.6}.contact-section{padding:72px 7%;display:block}.contact-copy{margin-bottom:32px}.contact-copy h2{font-size:40px}.contact-form{padding:22px 18px}.form-row{grid-template-columns:1fr;gap:0}.footer{padding:20px 7%;flex-wrap:wrap;gap:10px 15px}.footer-tag{font-size:8px}.copyright{width:100%;margin:0;order:3}.back-top{margin-left:auto}.footer-brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Polished indigo, ice and periwinkle finish */
:root{--navy:#101632;--navy2:#1a2450;--blue:#526dff;--blue2:#a8c5ff;--ink:#171d3a;--muted:#69718c;--line:#e6e8f2;--pale:#f7f8ff}
body{background:#fff;color:var(--ink)}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(27,39,78,.06)}
.brand-mark{background:linear-gradient(145deg,#252c59,#121936);box-shadow:0 6px 16px #1c285533}
.brand-mark span,.brand-x{color:#8c9cff}
.navigation{color:#56607d}.navigation a:not(.nav-cta):hover{color:#526dff}
.nav-cta{background:linear-gradient(120deg,#252d5c,#151b3a);border-radius:7px;box-shadow:0 6px 18px #121a3c20}.nav-cta span{color:#b0c2ff}
.hero{background:radial-gradient(ellipse at 77% 42%,#474c91 0%,transparent 43%),radial-gradient(ellipse at 22% 110%,#25376c 0,transparent 47%),linear-gradient(116deg,#111832 0%,#1a2147 56%,#252b59 100%)}
.hero-grid{background-image:linear-gradient(rgba(193,203,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(193,203,255,.065) 1px,transparent 1px)}
.hero h1 em,.about h2 em{color:#a9c6ff}
.pulse{background:#a9bdff;box-shadow:0 0 14px #8ea7ff}
.button-blue{background:linear-gradient(115deg,#6178ff,#4e8ef8);box-shadow:0 10px 30px #4f6ef34c;transition:transform .25s,box-shadow .25s,filter .25s}
.button-blue:hover{background:linear-gradient(115deg,#7789ff,#63a0ff);box-shadow:0 14px 35px #4f6ef366;filter:saturate(1.08)}
.orb{border-color:#c3ceff26}.orb-a{animation:orbit-breathe 8s ease-in-out infinite}.orb-b{animation:orbit-breathe 8s ease-in-out -4s infinite}
.dash-card{border:1px solid #ffffffd1;border-radius:13px;box-shadow:0 36px 100px #080d2775;animation:card-float 6s ease-in-out infinite}
.float-card{border:1px solid #e8edfa;border-radius:9px;box-shadow:0 15px 45px #050a1f40;animation:card-float 5s ease-in-out -2s infinite}
.chart-line{stroke:#617aff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:650;stroke-dashoffset:650;animation:draw-line 2.2s .55s ease forwards}
.chart-fill{fill:url(#fill)}
.trust-strip{background:linear-gradient(90deg,#f5f6ff,#fafaff,#f2f5ff);color:#707a98}
.trust-strip i{color:#7587ff}
.section h2 em,.contact-copy h2 em{color:#586eff}
.service-grid{border-color:#e4e7f2}.service-card{border-color:#e4e7f2;background:linear-gradient(145deg,#fff,#fdfdff);transition:transform .3s,box-shadow .3s,border-color .3s,background .3s}
.service-card:hover{transform:translateY(-5px);background:linear-gradient(145deg,#fff,#f5f6ff);border-color:#cbd3ff;box-shadow:0 18px 38px #293d8610;z-index:1}
.service-icon{background:linear-gradient(145deg,#eef0ff,#e8f4ff);color:#586eff;border:1px solid #e5e9ff}
.service-card>a,.client-placeholder a{color:#586eff}
.about,.platform-section{background:radial-gradient(ellipse at 78% 18%,#343d79 0,transparent 43%),linear-gradient(118deg,#111832,#1a2147 60%,#242b58)}
.about-ring{border-color:#a8bbff30}.ring-two{border-color:#a8bbff42}
.about-center{background:linear-gradient(145deg,#303a76,#131a38);border-color:#a0b5ff65;box-shadow:0 0 90px #657cff34}
.about-center span,.about-note b{color:#afc8ff}.about-note{background:#212a54;border-color:#48558b;border-radius:8px}
.client-placeholder{border-color:#bec8e9;background:linear-gradient(110deg,#fafbff,#f5f7ff);border-radius:12px}
.placeholder-stars{color:#7183ff}
.platform-section h2 em{color:#a9c6ff}.platform-placeholder{border-color:#586496;background:linear-gradient(110deg,#ffffff0c,#b9c5ff12);border-radius:11px;transition:background .25s,border-color .25s,transform .25s}.platform-placeholder:hover{background:#ffffff16;border-color:#8194e3;transform:translateY(-2px)}
.platform-plus{border-color:#8397e2;color:#b8caff;background:#ffffff0a}
.contact-section{background:linear-gradient(120deg,#f6f7ff,#f7fbff)}
.contact-form{border-color:#e5e8f4;border-radius:12px;box-shadow:0 22px 65px #18275d10}
.contact-form input,.contact-form select,.contact-form textarea{border-color:#e1e5f0;border-radius:6px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8291ff;box-shadow:0 0 0 3px #7889ff19}
.contact-icon{background:linear-gradient(145deg,#edf0ff,#e6f4ff);color:#6477ff}
.footer{border-top:1px solid #ebedf5}.footer-brand .brand-mark{background:linear-gradient(145deg,#252c59,#121936)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.25,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.service-card.reveal:nth-child(2),.service-card.reveal:nth-child(5){transition-delay:.08s}.service-card.reveal:nth-child(3){transition-delay:.15s}.service-card.reveal:nth-child(4){transition-delay:.22s}
.service-card{overflow:hidden;isolation:isolate}
.service-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#687dff,#8ecbff);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.25,1);z-index:-1}
.service-card:hover::before,.service-card:focus-within::before{transform:scaleX(1)}
.service-icon{transition:transform .35s cubic-bezier(.2,.7,.25,1),box-shadow .35s,color .35s}
.service-card:hover .service-icon,.service-card:focus-within .service-icon{transform:translateY(-4px) rotate(-5deg) scale(1.08);box-shadow:0 8px 18px #637dff25;color:#425eff}
.service-number{transition:color .25s,transform .35s}
.service-card:hover .service-number,.service-card:focus-within .service-number{color:#586eff;transform:translateY(-2px)}
.service-card>a{transition:transform .25s,color .25s}.service-card:hover>a,.service-card:focus-within>a{transform:translate(3px,-3px);color:#314eff}
.services .section-head.reveal{transition-delay:0s}
.service-card.scroll-pop{opacity:0;transform:translateX(58px) scale(.94)}
.service-card.scroll-pop.is-visible{animation:service-pop .8s cubic-bezier(.18,.75,.25,1) both}
.service-card.scroll-pop:nth-child(2){animation-delay:.09s}.service-card.scroll-pop:nth-child(3){animation-delay:.18s}.service-card.scroll-pop:nth-child(4){animation-delay:.27s}.service-card.scroll-pop:nth-child(5){animation-delay:.36s}
@keyframes service-pop{0%{opacity:0;transform:translateX(58px) scale(.94)}70%{opacity:1;transform:translateX(-5px) scale(1.015)}100%{opacity:1;transform:translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.service-card.scroll-pop{opacity:1;transform:none}.service-card.scroll-pop.is-visible{animation:none}}

/* Brighter accent colors to give the page more energy */
:root{--blue:#526dff;--blue2:#7ab7ff;--violet:#9875ff;--teal:#43c6bd;--coral:#ff8d78;--gold:#ffc66d}
.hero{background:radial-gradient(ellipse at 78% 36%,#5152a2 0%,transparent 39%),radial-gradient(ellipse at 17% 93%,#214c76 0,transparent 38%),radial-gradient(ellipse at 52% 112%,#46386d 0,transparent 30%),linear-gradient(116deg,#111832 0%,#1a2147 56%,#252b59 100%)}
.hero h1 em,.about h2 em{background:linear-gradient(95deg,#a9c6ff 0%,#8ee4e3 45%,#c4a8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.button-blue{background:linear-gradient(110deg,#5e75ff 0%,#637bff 48%,#28b9d0 125%)}
.button-blue:hover{background:linear-gradient(110deg,#7487ff 0%,#6e92ff 48%,#37ced7 125%)}
.orb-a{border-color:#b8b4ff36}.orb-b{border-color:#7fe4e133}
.trust-strip{background:linear-gradient(95deg,#f1f3ff 0%,#f1fbff 48%,#fbf3ff 100%)}
.trust-strip i{color:#8b6cff}
.service-card::before{background:linear-gradient(90deg,#657bff,#58cbd2,#ff9b86,#aa85ff)}
.service-card:nth-child(1) .service-icon{background:linear-gradient(145deg,#eef0ff,#e3e8ff);color:#5c6eff;border-color:#dce2ff}
.service-card:nth-child(2) .service-icon{background:linear-gradient(145deg,#e4fbf7,#e8f8ff);color:#169c9a;border-color:#ccefe9}
.service-card:nth-child(3) .service-icon{background:linear-gradient(145deg,#fff2e8,#fff6eb);color:#dd8650;border-color:#f6dfcc}
.service-card:nth-child(4) .service-icon{background:linear-gradient(145deg,#f0eaff,#f9edff);color:#9563d9;border-color:#e6d7fa}
.service-card:nth-child(5) .service-icon{background:linear-gradient(145deg,#e9f4ff,#e8f7ff);color:#387fce;border-color:#d4e9fa}
.service-card:nth-child(1):hover .service-icon{color:#4b5be0}.service-card:nth-child(2):hover .service-icon{color:#078582}.service-card:nth-child(3):hover .service-icon{color:#c46b38}.service-card:nth-child(4):hover .service-icon{color:#7847bd}.service-card:nth-child(5):hover .service-icon{color:#2769b2}
.about,.platform-section{background:radial-gradient(ellipse at 79% 17%,#424b95 0,transparent 40%),radial-gradient(ellipse at 10% 87%,#174e68 0,transparent 36%),linear-gradient(118deg,#111832,#1a2147 60%,#242b58)}
.about-center{background:radial-gradient(circle at 35% 22%,#43569b,#202852 54%,#171e3d);border-color:#91a8ff80}
.about-center span{color:#83e1dc}
.about-note b{color:#87e4de}
.client-placeholder{background:linear-gradient(110deg,#f7f7ff,#effaff 50%,#fff4f0);border-color:#ccd3f0}
.placeholder-stars{background:linear-gradient(90deg,#647bff,#46bdbb,#ff957b);-webkit-background-clip:text;background-clip:text;color:transparent}
.platform-placeholder{background:linear-gradient(105deg,#ffffff10,#a88bff20 55%,#5bd1d01a)}
.platform-plus{background:linear-gradient(145deg,#647aff35,#52c7d030);color:#bdd4ff}
.contact-section{background:radial-gradient(ellipse at 4% 100%,#e4f6ff 0,transparent 34%),linear-gradient(110deg,#f5f6ff,#f8faff 52%,#fff5f1)}
.contact-icon{background:linear-gradient(140deg,#e9edff,#def8f5);color:#5e72eb}

/* High-energy electric color pass */
:root{--blue:#315cff;--blue2:#35d4ee;--violet:#a044ff;--teal:#00c9b7;--coral:#ff665d;--gold:#ffb42e}
.hero{background:radial-gradient(ellipse at 78% 38%,#6542c8 0%,transparent 35%),radial-gradient(ellipse at 23% 93%,#075f88 0,transparent 38%),radial-gradient(ellipse at 53% 110%,#a02f81 0,transparent 30%),linear-gradient(115deg,#101733 0%,#172052 55%,#28225f 100%)}
.hero-grid{background-image:linear-gradient(rgba(134,219,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(134,219,255,.09) 1px,transparent 1px)}
.hero h1 em,.about h2 em{background:linear-gradient(95deg,#48e5f0 0%,#9af27a 40%,#ffc05b 68%,#ff8cc8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pulse{background:#53ebdf;box-shadow:0 0 15px #28e6d2}
.button-blue{background:linear-gradient(105deg,#405bff 0%,#8b3dff 48%,#00c7e8 110%);box-shadow:0 11px 32px #4435df66}
.button-blue:hover{background:linear-gradient(105deg,#5971ff 0%,#a155ff 48%,#14d8ee 110%);box-shadow:0 15px 38px #4435df78}
.orb-a{border-color:#f4a1ff4d}.orb-b{border-color:#43e6fa50}
.trust-strip{background:linear-gradient(95deg,#f0f0ff 0%,#e9fcff 48%,#fff0f7 100%)}
.trust-strip i{color:#a13cff}
.service-card::before{height:4px;background:linear-gradient(90deg,#315cff 0%,#00d1d2 30%,#a044ff 63%,#ff655d 100%)}
.service-card:nth-child(1) .service-icon{background:linear-gradient(145deg,#e2e8ff,#d8ddff);color:#354fff;border-color:#c8d0ff}
.service-card:nth-child(2) .service-icon{background:linear-gradient(145deg,#d7fff7,#d9faff);color:#008e8a;border-color:#a8f0e7}
.service-card:nth-child(3) .service-icon{background:linear-gradient(145deg,#fff0d8,#ffe7dc);color:#e46832;border-color:#ffd6ba}
.service-card:nth-child(4) .service-icon{background:linear-gradient(145deg,#f0dcff,#fce3ff);color:#9634d1;border-color:#e7c5ff}
.service-card:nth-child(5) .service-icon{background:linear-gradient(145deg,#d9edff,#dbfaff);color:#176fce;border-color:#b8e3ff}
.service-card:nth-child(1):hover .service-icon{color:#203be0}.service-card:nth-child(2):hover .service-icon{color:#007873}.service-card:nth-child(3):hover .service-icon{color:#c8491e}.service-card:nth-child(4):hover .service-icon{color:#7622b3}.service-card:nth-child(5):hover .service-icon{color:#0958ae}
.about,.platform-section{background:radial-gradient(ellipse at 79% 17%,#583dbe 0,transparent 38%),radial-gradient(ellipse at 10% 87%,#006d88 0,transparent 35%),radial-gradient(ellipse at 98% 95%,#962b71 0,transparent 32%),linear-gradient(118deg,#101733,#172052 60%,#24205a)}
.about-center{background:radial-gradient(circle at 35% 18%,#5144c0,#252b68 52%,#152143);border-color:#bf8dff;box-shadow:0 0 90px #6c45ff66}
.about-center span{color:#58eee1}
.about-note{background:linear-gradient(130deg,#272a69,#173b66);border-color:#6560ba}
.about-note b{color:#55e5d7}
.client-placeholder{background:linear-gradient(105deg,#f0efff,#e9fbff 48%,#fff0e8);border-color:#aeb7f5}
.placeholder-stars{background:linear-gradient(90deg,#315cff,#00bfb2,#ff665d);-webkit-background-clip:text;background-clip:text;color:transparent}
.client-placeholder a{color:#583cf0}
.platform-placeholder{border-color:#7770ca;background:linear-gradient(105deg,#ffffff16,#a044ff33 52%,#00c9b733)}
.platform-plus{border-color:#75dcf2;background:linear-gradient(145deg,#733cff70,#00d5cb45);color:#fff}
.contact-section{background:radial-gradient(ellipse at 2% 100%,#d9f8ff 0,transparent 36%),radial-gradient(ellipse at 96% 0%,#ffe1f3 0,transparent 35%),linear-gradient(110deg,#f2f1ff,#f7faff 52%,#fff2e8)}
.contact-icon{background:linear-gradient(140deg,#dddfff,#d1fff5);color:#573bff}
.platform-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.platform-tile{min-height:83px;padding:18px 20px;display:flex;align-items:center;gap:13px;border:1px solid #7770ca;border-radius:10px;background:linear-gradient(120deg,#ffffff12,#a044ff1a 58%,#00c9b71a);color:#fff;font:600 15px 'Sora',sans-serif;letter-spacing:-.25px;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.platform-tile:hover{transform:translateY(-4px);border-color:#b4c3ff;background:linear-gradient(120deg,#ffffff21,#a044ff35 58%,#00c9b735);box-shadow:0 14px 28px #050c2850}
.platform-swatch{height:12px;width:12px;flex:0 0 12px;border-radius:4px;background:linear-gradient(135deg,#54e7e1,#6374ff);box-shadow:0 0 16px #62c8ff77;transform:rotate(45deg)}
.platform-cstore .platform-swatch{background:linear-gradient(135deg,#ffbd63,#ff675d);box-shadow:0 0 16px #ff946577}
.platform-clover .platform-swatch{background:linear-gradient(135deg,#9bf274,#23c7a8);box-shadow:0 0 16px #5bec9677}
.platform-quickbooks .platform-swatch{background:linear-gradient(135deg,#67c8ff,#315cff);box-shadow:0 0 16px #51aaff77}
.platform-xero .platform-swatch{background:linear-gradient(135deg,#89a6ff,#8746ff);box-shadow:0 0 16px #9e68ff77}
.platform-nds .platform-swatch{background:linear-gradient(135deg,#ffa66c,#ee65a6);box-shadow:0 0 16px #ff79ad77}
.platform-footnote{margin-top:16px;font-size:9px;line-height:1.6;color:#a9b5d1}
.client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:13px}
.client-tile{min-height:120px;padding:22px 24px;border:1px solid #e3e6f5;border-radius:11px;background:linear-gradient(140deg,#fff,#fafaff);display:flex;align-items:flex-end;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.client-tile:hover{transform:translateY(-4px);box-shadow:0 16px 35px #1d2b6015;border-color:#c6caff}
.client-tile strong{font:600 16px 'Sora',sans-serif;color:#20274a;position:relative;z-index:1}
.client-accent{position:absolute;width:76px;height:76px;border-radius:22px;right:20px;top:15px;transform:rotate(25deg);opacity:.85;background:linear-gradient(140deg,#536dff,#b23cff)}
.client-accent::before,.client-accent::after{content:"";position:absolute;border-radius:50%;background:#fff9}
.client-accent::before{width:22px;height:22px;right:-9px;top:4px}.client-accent::after{width:12px;height:12px;left:10px;bottom:-5px}
.client-slots .client-accent{background:linear-gradient(140deg,#ffae43,#ff645e);border-radius:50%}
.client-roadtrac .client-accent{background:linear-gradient(140deg,#20d4c0,#2b75ff);transform:rotate(45deg) scale(.85);border-radius:12px}
.client-roadster .client-accent{background:linear-gradient(140deg,#a34fff,#ed62bd);border-radius:50% 50% 12px 50%}
.client-trainers .client-accent{background:linear-gradient(140deg,#8ee75c,#18bfa7);transform:rotate(45deg) scale(.85)}
@media(max-width:680px){.platform-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.platform-tile{min-height:69px;padding:14px 12px;font-size:12px}}
@media(max-width:680px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.client-tile{min-height:104px;padding:16px}.client-tile strong{font-size:13px}.client-accent{width:58px;height:58px;right:13px;top:13px}}

/* Shared page gutters keep every section on the same vertical rails */
:root{--page-gutter:clamp(26px,7.2vw,116px)}
.site-header{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero-bottom{left:var(--page-gutter);right:var(--page-gutter)}
.trust-strip{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.section{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.about{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.contact-section{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
@media(max-width:680px){:root{--page-gutter:22px}}
.process{padding-top:20px;background:linear-gradient(110deg,#f8f9ff,#f2faff 52%,#fff7f2)}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #dfe5f3;border-left:1px solid #dfe5f3}
.process-step{position:relative;min-height:214px;padding:27px 25px;border-right:1px solid #dfe5f3;border-bottom:1px solid #dfe5f3;background:#ffffffaa}
.process-number{position:absolute;right:20px;top:19px;font:600 10px 'Sora',sans-serif;letter-spacing:1px;color:#8c96b2}
.process-symbol{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,#dfe4ff,#d6faff);color:#405cff;font-size:20px}
.process-step:nth-child(2) .process-symbol{background:linear-gradient(140deg,#f0ddff,#ffe3ef);color:#a23dce}
.process-step:nth-child(3) .process-symbol{background:linear-gradient(140deg,#dcfff3,#e0f3ff);color:#079f89}
.process-step h3{font:600 15px 'Sora',sans-serif;letter-spacing:-.3px;margin:19px 0 8px;color:#202747}
.process-step p{font-size:11px;line-height:1.8;color:#687592;margin:0;max-width:300px}
.process-note{font-size:10px;line-height:1.7;color:#77839c;margin:16px 0 0}
.reveal{transform:translateX(64px)}
.reveal.is-visible{transform:translateX(0)}
.client-tile.reveal,.platform-tile.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.18,.75,.25,1),box-shadow .25s,border-color .25s}
.client-tile.reveal:nth-child(2),.platform-tile.reveal:nth-child(2){transition-delay:.07s}
.client-tile.reveal:nth-child(3),.platform-tile.reveal:nth-child(3){transition-delay:.14s}
.client-tile.reveal:nth-child(4),.platform-tile.reveal:nth-child(4){transition-delay:.21s}
.client-tile.reveal:nth-child(5),.platform-tile.reveal:nth-child(5){transition-delay:.28s}
@media(max-width:680px){.reveal{transform:translateX(38px)}}
.platform-list{display:block;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.platform-track{display:flex;width:max-content;animation:platform-marquee 30s linear infinite;will-change:transform}
.platform-group{display:flex;gap:13px;padding-right:13px}
.platform-tile{width:190px;min-height:83px;flex:0 0 190px}
.platform-list:hover .platform-track,.platform-list:focus-within .platform-track{animation-play-state:paused}
@keyframes platform-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:680px){.platform-list{display:block}.platform-group{gap:9px;padding-right:9px}.platform-tile{width:155px;min-height:69px;flex-basis:155px;padding:14px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.platform-track{animation:none;transform:none}.platform-list{overflow:visible;mask-image:none}.platform-group[aria-hidden="true"]{display:none}}
@media(max-width:680px){.process{padding-top:0}.process-grid{grid-template-columns:1fr}.process-step{min-height:0;padding:21px 18px}.process-step p{font-size:10px}.process-note{font-size:9px}}

/* Replace white surfaces with a soft periwinkle and ice palette */
body{background:#e9edff}
.site-header{background:linear-gradient(105deg,#e5eaff 0%,#e5f8ff 54%,#f3eaff 100%);border-bottom-color:#cbd4f3}
.trust-strip{background:linear-gradient(95deg,#dfe5ff 0%,#dcf7ff 48%,#f4e4ff 100%)}
.dash-card{background:#eaf0ff;border-color:#c9d5ff}
.float-card{background:#e3f5ff;border-color:#bcdcf8}
.chart-lines i{background:#d5deef}
.services .service-card,.services .service-card:hover{background:linear-gradient(155deg,#eaf0ff,#e1f7ff 54%,#f0e8ff)}
.services .service-art{border-bottom-color:#cddbf5}
.client-tile{background:linear-gradient(140deg,#e6edff,#e0f6ff 62%,#f2e7ff);border-color:#cad3f1}
.client-tile:hover{border-color:#9eabef}
.process{background:linear-gradient(110deg,#e5eaff,#def6ff 52%,#f2e6ff)}
.process-step{background:#e5efff;border-color:#cbd7f3}
.contact-section{background:radial-gradient(ellipse at 2% 100%,#c6f0ff 0,transparent 36%),radial-gradient(ellipse at 96% 0%,#edcff6 0,transparent 35%),linear-gradient(110deg,#e3e8ff,#e2f1ff 52%,#f6e2ef)}
.contact-form{background:linear-gradient(145deg,#e8edff,#e1f6ff);border-color:#c2d3f2}
.contact-form input,.contact-form select,.contact-form textarea{background:#dbeaff;border-color:#c1d3f0}
.footer{background:linear-gradient(100deg,#e5eaff,#e0f6ff 55%,#f0e7ff);border-top-color:#cbd4f3}
.brand-mark,.nav-cta,.button-blue{color:#f0edff}
.hero{color:#f0edff}
.platform-tile{color:#eeeaff}
.platform-plus{color:#e5e8ff}
:root{--white:#eaf1ff}
.client-photo{padding:0;align-items:flex-end;background:#19234e;border-color:#53669f;min-height:0;aspect-ratio:3/4}
.client-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#11183200 25%,#111832ba 100%);z-index:0}
.client-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .45s cubic-bezier(.2,.7,.25,1)}
.client-photo:hover img{transform:scale(1.05)}
.client-photo strong{padding:20px 24px;color:#f0edff;text-shadow:0 2px 10px #08102a;z-index:1}
@media(max-width:680px){.client-photo strong{padding:16px}}
.client-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.client-tile:not(.client-photo){min-height:214px;align-items:flex-end}
.client-photo{aspect-ratio:auto;min-height:0;padding:0;display:flex;flex-direction:column;align-items:stretch;background:#dfeaff;border-color:#becdf0}
.client-photo::after{display:none}
.client-photo img{position:static;inset:auto;display:block;width:100%;height:150px;flex:0 0 150px;object-fit:contain;object-position:center;background:#dfeaff;transition:none}
.client-photo:hover img{transform:none}
.client-photo strong{position:static;display:flex;align-items:center;min-height:56px;padding:12px 15px;color:#202747;text-shadow:none;background:linear-gradient(100deg,#e8edff,#e2f7ff);font-size:13px}
.client-tds img{background:#e4efff}.client-slots img{background:#f5e9dd}.client-roadtrac img{background:#e3edf4}.client-roastar img{background:#e7ecfb}.client-circle-s img{background:#ecedea}
.client-handi img{background:#e8e9f5}.client-tivoli img{background:#e5edf5}.client-trainers img{background:#f1e8dc}
.platform-tile{justify-content:center;padding:12px 18px;background:linear-gradient(120deg,#dbe7ff,#d7f3fa 58%,#e8dcff)}
.platform-tile:hover{background:linear-gradient(120deg,#ceddff,#c8eff4 58%,#dfcfff)}
.platform-tile img{display:block;width:auto;max-width:100%;height:auto;max-height:58px;object-fit:contain;border-radius:3px}
.platform-list .platform-tile.reveal{opacity:1;transform:none;transition:background .25s,box-shadow .25s}
.services{background:linear-gradient(135deg,#c8d1ff 0%,#bfe9f1 44%,#ddc5f0 100%)}
.services .section-head{margin-bottom:38px}
.services .service-grid{border:0;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}
.services .service-card{border:1px solid #b9c6ed;border-radius:15px;min-height:350px;padding:19px 23px 25px;overflow:hidden;box-shadow:0 12px 26px #293b7512}
.services .service-card:hover{transform:translateY(-7px);box-shadow:0 21px 38px #273b7430;border-color:#a6b4ee}
.services .service-art{height:152px;margin:-19px -23px 20px;border:0}
.services .service-art::before,.services .service-art::after{opacity:.58}
.services .service-art svg{width:min(87%,230px);height:128px;filter:drop-shadow(0 12px 12px #18244c24)}
.services .service-card h3{font-size:15px;color:#172044;margin-top:10px}
.services .service-card p{color:#4b5878;font-size:11px;line-height:1.8}
.services .service-number{background:#d8e0ff;color:#4256bd}
.services .service-card::before{height:4px;opacity:.85}
.services .service-card:nth-child(1){background:linear-gradient(155deg,#cbd3ff,#dcc4f2 58%,#c4dcf8)}
.services .service-card:nth-child(2){background:linear-gradient(155deg,#bcebdc,#b9e1f0 58%,#c5d2f7)}
.services .service-card:nth-child(3){background:linear-gradient(155deg,#f0d8b0,#f0c9c3 58%,#ddc7e9)}
.services .service-card:nth-child(4){background:linear-gradient(155deg,#d8c4ef,#cbc9f1 58%,#b9deee)}
.services .service-card:nth-child(5){background:linear-gradient(155deg,#bcdbef,#bce8d9 58%,#d7c9ea)}
.services .art-invoice{background:linear-gradient(125deg,#a0aaff,#c38ee9 55%,#f1a58a)}
.services .art-books{background:linear-gradient(125deg,#63d3b2,#62bce8 58%,#9694e9)}
.services .art-bank{background:linear-gradient(125deg,#edac53,#ed786b 55%,#ba85e1)}
.services .art-fuel{background:linear-gradient(125deg,#a678e0,#dc7fc7 55%,#68bce8)}
.services .art-office{background:linear-gradient(125deg,#54addd,#56c8b5 55%,#91cf63)}
@media(max-width:900px){.services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.services .service-grid{grid-template-columns:1fr;gap:12px}.services .service-card{min-height:315px;padding:17px 17px 22px}.services .service-art{height:130px;margin:-17px -17px 16px}.services .service-art svg{height:112px}}
.services{background:radial-gradient(ellipse at 6% 10%,#303d91 0,transparent 35%),radial-gradient(ellipse at 93% 92%,#552879 0,transparent 34%),linear-gradient(125deg,#141a3b 0%,#202452 52%,#192c50 100%)}
.services .section-head .eyebrow{color:#b9c8f4}.services .section-head .eyebrow-dot{background:#42e1d2;box-shadow:0 0 12px #42e1d2}
.services .section-head h2{color:#f0efff}.services .section-head h2 em{color:#54e4e5;background:linear-gradient(90deg,#52e7e3,#ad9aff 75%);-webkit-background-clip:text;background-clip:text}
.services .section-head>p{color:#c2c9e6}
.services .service-card,.services .service-card:hover{border-color:#46518a;box-shadow:0 16px 36px #070b2470}
.services .service-card:hover{border-color:#7685dc;box-shadow:0 23px 42px #070b2499}
.services .service-card:nth-child(1){background:linear-gradient(150deg,#293879,#392b68 56%,#23396a)}
.services .service-card:nth-child(2){background:linear-gradient(150deg,#155d62,#234578 58%,#263569)}
.services .service-card:nth-child(3){background:linear-gradient(150deg,#70412e,#71364e 58%,#483168)}
.services .service-card:nth-child(4){background:linear-gradient(150deg,#54377b,#3b3977 58%,#25496c)}
.services .service-card:nth-child(5){background:linear-gradient(150deg,#235178,#1c5e68 58%,#3d4175)}
.services .service-card h3{color:#f2f2ff}.services .service-card p{color:#d4daf3}
.services .service-number{background:#111a43a8;color:#c4d3ff;border:1px solid #7384d356}
.services .service-card>a{color:#74eddf}.services .service-card:hover>a{color:#b0a0ff}

.intro-section{padding:92px var(--page-gutter) 76px;background:radial-gradient(ellipse at 92% 15%,#d6eaff 0,transparent 34%),linear-gradient(120deg,#e8ecff 0%,#e3f7fb 55%,#f1e8ff 100%);overflow:hidden}
.intro-top{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(48px,8vw,130px);align-items:center;max-width:1320px;margin:0 auto}
.intro-heading h2{font:600 clamp(38px,4.5vw,58px)/1.13 'Sora',sans-serif;letter-spacing:-2.8px;color:#18254a;margin:23px 0 0}
.intro-heading h2 em{font-style:normal;background:linear-gradient(90deg,#4166ed,#06a9bd 55%,#9859e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro-story{position:relative;padding:32px 0 12px 34px;border-left:1px solid #9db0dd}
.intro-star{position:absolute;left:-14px;top:29px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#4d66e9;color:#e8ffff;font-size:13px;box-shadow:0 0 0 7px #e8efff}
.intro-story p{max-width:570px;color:#4d5c7b;font-size:15px;line-height:1.9;margin:0 0 15px}
.intro-link{display:inline-flex;align-items:center;gap:12px;margin-top:8px;color:#334fd0;font-size:12px;font-weight:700}
.intro-link span{font-size:17px;transition:transform .2s}
.intro-link:hover span{transform:translate(3px,-3px)}
.intro-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1320px;margin:58px auto 0}
.intro-value{min-height:74px;padding:16px 18px;display:flex;align-items:center;gap:14px;border:1px solid #c7d3f1;border-radius:9px;background:linear-gradient(115deg,#f0f2ffcc,#e9fbffcc 65%,#f5ecffcc);box-shadow:0 9px 22px #3040790a}
.intro-value>span{font:600 10px 'Sora',sans-serif;letter-spacing:1px;color:#5268db}
.intro-value b{font:600 12px 'Sora',sans-serif;color:#273456}
.intro-value i{font-style:normal;color:#13aeb5;margin-left:auto;font-size:13px}
@media(max-width:760px){.intro-section{padding-top:70px;padding-bottom:60px}.intro-top{grid-template-columns:1fr;gap:28px}.intro-heading h2{font-size:43px;letter-spacing:-2px}.intro-story{padding:22px 0 8px 26px}.intro-story p{font-size:13px}.intro-values{grid-template-columns:1fr;margin-top:34px;gap:9px}.intro-value{min-height:62px;padding:13px 15px}}
.services .art-invoice{background:linear-gradient(125deg,#495ce0,#983dd5 55%,#e35d7d)}
.services .art-books{background:linear-gradient(125deg,#04a98b,#168fc1 58%,#6553df)}
.services .art-bank{background:linear-gradient(125deg,#e78632,#df4d60 55%,#9140c8)}
.services .art-fuel{background:linear-gradient(125deg,#8243da,#d343a8 55%,#168dbf)}
.services .art-office{background:linear-gradient(125deg,#1887c4,#14ae9f 55%,#79b532)}
@media(max-width:900px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-tile:not(.client-photo){min-height:190px}.client-photo img{height:128px;flex-basis:128px}.client-photo strong{min-height:49px;padding:10px 12px;font-size:11px}}
.hero{background:radial-gradient(ellipse at 78% 38%,#503cac 0%,transparent 37%),radial-gradient(ellipse at 20% 98%,#075d78 0,transparent 37%),linear-gradient(118deg,#111832 0%,#192148 57%,#29245d 100%)}
.hero h1{font-size:clamp(42px,4.8vw,62px);line-height:1.12;letter-spacing:-2.9px}
.dash-card{border-radius:14px;background:linear-gradient(145deg,#e8efff,#e1f6ff);border-color:#c5d4f4;box-shadow:0 28px 70px #050d2b70}
.sample-pill{padding:6px 8px;border-radius:20px;background:#dbe7ff;color:#4e5fa6;font-size:7px!important;letter-spacing:.8px!important}
.dash-title{font-size:19px;margin:13px 0 17px}
.workflow-visual{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:17px 10px;border-radius:10px;background:linear-gradient(110deg,#dceaff,#daf5f5 55%,#e9e0ff)}
.workflow-step{min-width:0;display:grid;justify-items:center;gap:6px;text-align:center;flex:1}
.workflow-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;font-weight:700;background:#d9dfff;color:#4359e8}
.books-mini{background:#d6f7ed;color:#008f83}.reconcile-mini{background:#f7def2;color:#ac3b91}
.workflow-step b{font:700 9px 'Sora',sans-serif;color:#202950}.workflow-step small{font-size:7px;color:#647292;white-space:nowrap}
.workflow-arrow{color:#6576d7;font-size:16px;flex:0 0 auto}
.illustrative-note{font-size:7px;color:#8792aa;text-align:right;margin:8px 1px 0}
.float-card{padding:12px 14px;gap:10px;border-radius:9px}
.float-card small{font-size:6px}.float-card b{font-size:9px}
@media(max-width:680px){.hero h1{font-size:clamp(34px,10vw,48px);letter-spacing:-1.8px}.workflow-visual{gap:4px;padding:15px 7px}.workflow-step small{font-size:6px}.workflow-step b{font-size:8px}.workflow-arrow{font-size:13px}.sample-pill{font-size:6px!important;padding:5px 6px}}
.services .service-card h3{font-family:'Sora',sans-serif;font-weight:600;letter-spacing:-.45px}
.hero h1,.section h2,.about h2,.contact-copy h2{font-family:'Sora',sans-serif;letter-spacing:-3.1px}
.hero h1{font-size:clamp(43px,5.2vw,66px);line-height:1.08}
.brand,.dash-title,.service-card h3,.form-title{font-family:'Sora',sans-serif}
.navigation{font-size:13px;letter-spacing:-.1px}
.eyebrow{font-size:9px;letter-spacing:2.1px}
.hero h1 em{font-weight:500}
.section h2,.contact-copy h2{letter-spacing:-2.3px}
.about h2{letter-spacing:-2.3px}
:root{--display:'Sora',sans-serif}
.brand-name-wrap{display:grid;gap:0;line-height:1}
.brand-name-wrap>small{font:600 8px var(--font);letter-spacing:.7px;color:#76809b;margin-top:4px}
.footer-brand .brand-name-wrap>small{font-size:7px}
.footer-tag{color:#4f5c7c;font-weight:600}
@media(max-width:680px){.hero h1{font-size:44px;letter-spacing:-2.1px;line-height:1.1}.hero h1,.section h2,.about h2,.contact-copy h2{letter-spacing:-2.1px}}
.services .service-card{min-height:330px;padding:20px 24px 24px;border-radius:0;background:linear-gradient(155deg,#fff,#fbfbff)}
.services .service-art{height:132px;margin:-20px -24px 19px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #eef0fa;position:relative}
.services .service-art::before,.services .service-art::after{content:"";position:absolute;width:135px;height:135px;border-radius:50%;filter:blur(1px);opacity:.38}
.services .service-art::before{left:-44px;top:-67px;background:#818cff}.services .service-art::after{right:-52px;bottom:-86px;background:#39d6cb}
.services .service-art svg{position:relative;z-index:1;width:min(85%,220px);height:112px;overflow:visible;filter:drop-shadow(0 8px 8px #23295815);transition:transform .45s cubic-bezier(.2,.7,.25,1)}
.services .service-card:hover .service-art svg,.services .service-card:focus-within .service-art svg{transform:translateY(-5px) scale(1.06)}
.services .service-icon{display:none}
.services .service-card h3{margin:10px 0 9px;font-size:16px;line-height:1.4}
.services .service-card p{font-size:12px;max-width:300px}
.services .service-number{z-index:2;top:14px;right:16px;background:#ffffffcf;border-radius:30px;padding:5px 8px;backdrop-filter:blur(6px)}
.services .service-card::before{z-index:3}
.art-invoice{background:linear-gradient(125deg,#eeefff,#f5edff 55%,#fff0e7)}
.art-books{background:linear-gradient(125deg,#e3fbf6,#ecf9ff 58%,#f0efff)}
.art-bank{background:linear-gradient(125deg,#fff4e5,#fff1ec 52%,#f5edff)}
.art-fuel{background:linear-gradient(125deg,#f4eaff,#faedff 55%,#eafaff)}
.art-office{background:linear-gradient(125deg,#e7f5ff,#e8f9ff 54%,#e9fff4)}
@media(max-width:680px){.services .service-card{min-height:320px;padding:17px 16px 22px}.services .service-art{height:115px;margin:-17px -16px 16px}.services .service-art svg{height:100px}.services .service-card h3{font-size:13px}.services .service-card p{font-size:10px}}
@keyframes orbit-breathe{0%,100%{transform:scale(.97);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes draw-line{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.orb-a,.orb-b,.dash-card,.float-card,.chart-line{animation:none}.reveal{opacity:1;transform:none;transition:none}}
