/* Homepage continuation. Deliberately scoped below the approved history section. */
.home-lower,.lower-footer{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.85;--lower-ink:#2d174b;--lower-muted:#7b6d8d;--lower-purple:#7c3aed}
html[lang=en] .home-lower,html[lang=en] .lower-footer{font-family:Arial,sans-serif}
.home-lower *, .lower-footer *{box-sizing:border-box}
.home-lower h2,.home-lower h3{font-family:inherit;color:var(--lower-ink);letter-spacing:0;font-weight:700}
.home-lower .single-section{scroll-margin-top:0}
.home-lower p{margin:0;color:var(--lower-muted)}
.home-lower a,.lower-footer a{touch-action:manipulation}
.home-lower a:focus-visible,.lower-footer a:focus-visible,.home-lower summary:focus-visible{outline:3px solid #a975ec;outline-offset:6px;border-radius:6px}
.lower-services{padding:72px 0 30px;background:linear-gradient(180deg,#f8f5fc 0%,#fcfbfe 85%,#fff 100%);border-top:1px solid #eee7f5}
.lower-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.lower-kicker{display:inline-flex;gap:9px;align-items:center;color:#8250b7;background:#f1e9fb;border:1px solid #e5d8f6;border-radius:30px;padding:5px 13px;font-size:12px;font-weight:600}
.lower-kicker .icon{width:18px;height:18px;flex-shrink:0}
.lower-heading h2{margin:17px 0 0;font-size:clamp(30px,3.1vw,43px);line-height:1.6}
.home-lower h2 em{color:#8841cb;font-style:normal}
.lower-heading>p{font-size:15px;max-width:340px;padding-bottom:8px;line-height:2}
.lower-services-tail{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e9e0f1;padding:29px 2px}
.lower-services-tail p{font-size:13px}
.lower-text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:700;color:#7f3fbb;white-space:nowrap}
.lower-text-link>.icon{width:20px;height:20px;transition:transform .2s}
[dir=rtl] .lower-text-link>.icon,[dir=rtl] .lower-contact-channel>.icon{transform:rotate(180deg)}
.lower-contact{position:relative;padding:68px 0 76px;background:#fff;overflow:hidden}
.lower-contact:before{content:"";position:absolute;width:600px;height:600px;inset-inline-start:-320px;top:75px;border-radius:50%;background:radial-gradient(circle,#f1e6fc,transparent 68%);pointer-events:none}
.lower-contact-grid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:85px}
.lower-contact-copy{min-width:0;padding-block:12px}
.lower-contact-copy h2{font-size:clamp(36px,4.1vw,54px);line-height:1.55;margin:25px 0 18px}
.lower-contact-copy>p{font-size:15px;max-width:390px;line-height:2.1;margin-bottom:32px}
.lower-contact-channel{display:flex;align-items:center;gap:15px;padding:18px 0;color:#3d2357;max-width:425px;border-bottom:1px solid #eae1f0}
.lower-channel-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#f3ebfa;border:1px solid #e7d9f3;color:#8554b4;border-radius:15px}
.lower-channel-icon svg{width:24px;height:24px}
.lower-whatsapp .lower-channel-icon{background:#e9f8f0;color:#23a969;border-color:#d1eedf}
.lower-contact-channel small{font-size:10px;color:#8d7e9a;display:block;line-height:1.8;margin-bottom:3px}
.lower-contact-channel strong{display:block;font-size:14px;font-weight:600}
.lower-contact-channel>.icon{margin-inline-start:auto;width:18px;height:18px;color:#9c82b5;flex-shrink:0}
.lower-contact-signature{margin-top:34px;display:flex;align-items:center;gap:9px;font-size:11px;color:#8d7c9b}
.lower-contact-signature .icon{width:16px;height:16px}
.lower-footer{color:#d1bfdf;padding:43px 0 0;background:radial-gradient(ellipse at 90% 100%,#331253,#1a0a31 65%)}
.lower-footer-main{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:33px}
.lower-footer-brand{flex-shrink:0}
.lower-footer-brand img{display:block;width:210px;height:auto}
.lower-footer-brand p{font-size:11px;color:#baa0ce;margin:9px 0 0}
.lower-footer nav{display:flex;flex-wrap:wrap;gap:16px 27px;align-items:center}
.lower-footer nav a{font-size:12px;color:#d3c1e3;white-space:nowrap}
.lower-footer nav a:hover{color:#fff}
.lower-back-top{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff24;border-radius:50%;color:#e4d0f6;flex-shrink:0}
.lower-back-top svg{width:21px;height:21px}
.lower-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 23px;border-top:1px solid #ffffff13;font-size:10px;color:#bfa5d1}
.lower-footer-bottom a{color:#c2a6d7}

/* Service scenes share the brand's curves, layered frames and purposeful motion. */
.service-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.service-story{position:relative;min-width:0;background:#fff;border:1px solid #e7ddec;border-radius:24px 62px 24px 24px;box-shadow:0 12px 34px #35144f12;transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s;display:flex;flex-direction:column}
.service-story:nth-child(2){border-radius:62px 24px 24px 24px}
.service-story-art{height:286px;position:relative;isolation:isolate;border-radius:inherit;border-end-start-radius:0;border-end-end-radius:0;background:#f0e7fa}
.service-story-art:before{content:"";position:absolute;inset:11px 14px 31px;border:1px solid #b993d830;border-radius:18px 52px 18px 18px;pointer-events:none}
.story-ai .service-story-art{background:radial-gradient(ellipse at 28% 48%,#53218a,#25103f 70%);color:#fff}
.story-build .service-story-art{background:linear-gradient(135deg,#eadcf8,#f8f4fd 65%)}
.story-connect .service-story-art{background:radial-gradient(ellipse at 18% 75%,#daefe9,#f1f8f6 70%)}
.service-demo{position:relative;height:100%;overflow:hidden;border-radius:inherit;isolation:isolate;font-family:inherit}
.service-art-curve{position:absolute;width:100%;height:36px;bottom:-1px;left:0;fill:#fff;pointer-events:none;z-index:2}
.service-story-symbol{position:absolute;z-index:3;inset-inline-start:25px;bottom:-21px;width:58px;height:58px;display:grid;place-items:center;background:#663197;color:#ecd6ff;border:6px solid #fff;border-radius:50%;box-shadow:0 6px 15px #401b5b14}
.service-story-symbol>.icon{width:25px;height:25px}.story-build .service-story-symbol{background:#8850bf}.story-connect .service-story-symbol{background:#377f77;color:#ddf7ef}
.service-story-copy{position:relative;flex:1;display:flex;flex-direction:column;padding:36px 26px 24px}
.service-story-number{font-size:10px;letter-spacing:.5px;color:#917aa3;align-self:flex-end;margin-bottom:17px}
.service-story-copy h3{font-size:25px;line-height:1.6;margin:0 0 13px}
.service-story-copy>p{font-size:16px;line-height:1.95;color:#796b86;margin-bottom:19px}
.lower-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 23px;padding:0}
.lower-tags li{font-size:11px;line-height:1.8;background:#f6f0fc;border:1px solid #eadff3;border-radius:8px;padding:5px 9px;color:#85659e}
.story-connect .lower-tags li{color:#4d837a;background:#f0f8f5;border-color:#deeee6}
.service-story-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #eee7f3;font-size:14px;font-weight:600;color:#7740a7}
.service-story-link>.icon{width:20px;height:20px;transition:translate .3s}
[dir=rtl] .service-story-link>.icon{transform:rotate(180deg)}
.service-motion-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 2px 0;font-size:11px;color:#95829e}
.demo-ai{padding:20px}
.demo-orbit{position:absolute;width:270px;height:270px;border:1px solid #d4ace720;border-radius:50%;inset-inline-start:55px;top:45px;box-shadow:0 0 0 45px #c8a5ed05}
.demo-source{position:relative;display:flex;align-items:center;gap:8px;max-width:max-content;margin:0 auto;padding:8px 11px;border:1px solid #c9a2e54d;border-radius:9px;background:#ffffff0a;color:#e2caed;font-size:11px}
.demo-source>.icon{height:17px;width:17px}.demo-source>.icon:last-child{width:14px;color:#a0e5c7}
.demo-question{position:relative;width:80%;margin:18px 0 0;padding:12px 15px;background:#8d5fb336;border:1px solid #cea5ed4a;border-radius:14px 14px 4px 14px}
.demo-question>small,.demo-answer small{font-size:9px;color:#c9abd9;line-height:1.6;display:block;margin-bottom:4px}
.home-lower .demo-question p,.home-lower .demo-answer p{font-size:12px;color:#f3eafc;line-height:1.8;margin:0}
.demo-question>.icon{position:absolute;width:18px;height:18px;inset-inline-end:12px;top:12px;color:#c5a2e0}
.demo-answer{position:relative;display:flex;gap:11px;margin-top:12px;margin-inline-start:17%;padding:12px;background:linear-gradient(125deg,#8852ae80,#532779bb);border:1px solid #cc9fea69;border-radius:14px 14px 14px 4px;box-shadow:0 10px 22px #13091c25;min-height:91px}
.demo-ai-mark{font:600 20px/1 Arial,sans-serif;display:grid;place-items:center;width:34px;height:36px;border-radius:10px;background:#bf8ff331;color:#fff;flex-shrink:0;border:1px solid #d4aeec50}
.demo-answer-lines{display:flex;gap:5px;margin-top:8px}.demo-answer-lines i{display:block;height:3px;background:#ddc1f06e;border-radius:3px;width:31px}.demo-answer-lines i:nth-child(2){width:44px}.demo-answer-lines i:last-child{width:20px}
.demo-desktop{position:absolute;inset-inline-start:20px;top:30px;width:76%;height:177px;background:#fff;border:1px solid #cdb2e2;border-radius:12px;box-shadow:0 13px 24px #5b337625;transform:rotate(-3deg);overflow:hidden}
.demo-chrome{display:flex;align-items:center;gap:4px;height:25px;background:#f5effb;border-bottom:1px solid #eadff4;padding:0 11px;direction:ltr}
.demo-chrome>i{width:4px;height:4px;background:#c2a6da;border-radius:50%}.demo-chrome>span{margin-inline-start:auto;color:#a58ab9;font:10px/1 Arial,sans-serif}
.demo-dashboard{display:flex;height:calc(100% - 25px)}
.demo-dashboard>aside{width:38px;padding:12px 9px;background:#f6effc;border-inline-end:1px solid #ecdef6;flex-shrink:0}
.demo-dashboard>aside>.icon{height:20px;width:20px;color:#8750b5;margin-bottom:15px}.demo-dashboard>aside>i{display:block;height:4px;background:#d7c4e7;border-radius:4px;margin-bottom:10px}
.demo-workspace{padding:12px;flex:1;min-width:0}.demo-workspace>strong{font-size:11px;line-height:1.7;font-weight:600;color:#64417f;display:block;margin-bottom:10px}
.demo-metrics{display:flex;gap:6px;margin-bottom:11px}.demo-metrics i{height:21px;width:31%;background:#eee3f8;border-radius:5px;border:1px solid #e4d4f1}.demo-metrics i:nth-child(2){background:#e4f5ef;border-color:#d3eade}
.demo-task{display:flex;align-items:center;gap:6px;padding:7px;border-radius:6px;border:1px solid #e8dcf1;background:#fcf9ff;font-size:9px;color:#805898;white-space:nowrap}.demo-task>.icon{width:14px;height:14px}.demo-desktop-check{display:grid;place-items:center;width:17px;height:17px;background:#e6f6ed;border-radius:50%;color:#269b71;margin-inline-start:auto}.demo-desktop-check .icon{width:12px;height:12px}
.demo-task-lines{margin:10px 0 0;display:flex;gap:8px}.demo-task-lines i{display:block;height:4px;border-radius:5px;width:35%;background:#ece2f3}.demo-task-lines i:last-child{width:25%}
.demo-mobile{position:absolute;inset-inline-end:22px;top:79px;width:91px;height:159px;padding:10px 9px;border:3px solid #6d4290;border-radius:17px;background:#fdfaff;box-shadow:0 12px 28px #59397929;transform:rotate(5deg);text-align:center}
.demo-notch{display:block;margin:0 auto 11px;width:25px;height:3px;background:#c5a9da;border-radius:3px}.demo-app-logo{display:grid;place-items:center;width:28px;height:28px;background:#ebdcf6;color:#8d52bc;border-radius:9px;margin:0 auto 9px}.demo-app-logo .icon{height:18px;width:18px}.demo-mobile>strong{display:block;font-size:9px;line-height:1.7;color:#76518b;font-weight:600}
.demo-mobile-lines{display:flex;flex-direction:column;gap:4px;padding:6px}.demo-mobile-lines>i{height:3px;background:#e4d4ed;border-radius:5px;width:100%}.demo-mobile-lines>i:last-child{width:65%;align-self:center}
.demo-mobile-check{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e0f4e9;color:#219b70;margin:4px auto}.demo-mobile-check .icon{width:15px;height:15px}.demo-sync-label{display:block;font-size:7px;line-height:1.8;color:#4c927c}
.demo-sync-badge{display:flex;gap:7px;align-items:center;position:absolute;bottom:29px;inset-inline-start:24px;padding:7px 10px;background:#ffffffdf;border:1px solid #dac6ea;border-radius:9px;box-shadow:0 4px 13px #71419211;font-size:9px;color:#8a609f;max-width:67%}.demo-sync-badge .icon{width:16px;height:16px;flex-shrink:0}
.demo-network{position:relative;display:flex;justify-content:space-between;gap:10px;padding:46px 25px 0;height:180px}
.demo-network>div{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;color:#568b80;font-size:11px;gap:12px;min-width:62px;line-height:1.7;text-align:center}
.demo-network>div>.icon{display:block;box-sizing:content-box;width:25px;height:25px;padding:16px;border:1px solid #c9e5dc;background:#fff;border-radius:17px;box-shadow:0 8px 18px #245b4f12}
.demo-network>.demo-integration>.icon{background:linear-gradient(125deg,#9764c5,#64358e);border-color:#af8fc8;color:white;box-shadow:0 9px 24px #66438f30}
.demo-network-line{position:absolute;top:75px;inset-inline:50px;z-index:0;border-top:2px dashed #a9d1c8}
.demo-document{position:absolute;inset-inline-start:78%;top:112px;display:grid;place-items:center;width:30px;height:36px;border:1px solid #99cdbc;background:white;border-radius:7px;box-shadow:0 4px 15px #1e604324;color:#60a18f;z-index:3;opacity:0}
.demo-document>.icon{width:20px;height:20px}
.demo-delivered{position:absolute;inset-inline:24px;bottom:41px;padding:13px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #cfe6dc;border-radius:12px;box-shadow:0 9px 20px #416d5b0c}
.demo-delivered>.icon{width:30px;height:30px;padding:6px;color:#269674;background:#e6f6ed;border-radius:50%;flex-shrink:0}.demo-delivered strong{font-size:11px;font-weight:600;color:#467c71;display:block;line-height:1.75}.demo-delivered small{font-size:9px;color:#7c9a91;display:block;line-height:1.8;margin-top:3px}
/* Six-second sequences make each workflow visible while leaving the copy still. */
.service-story-art{--scene-duration:6s;--scene-shift:-22px;--scene-accent:#ad71eb}
[dir=rtl] .service-story-art{--scene-shift:22px}
.story-connect .service-story-art{--scene-accent:#44af94}
.service-demo:after{content:"";position:absolute;inset-inline:24px;top:12px;height:2px;background:var(--scene-accent);border-radius:3px;transform:scaleX(0);transform-origin:left;opacity:.7;pointer-events:none;z-index:4}
[dir=rtl] .service-demo:after{transform-origin:right}
.demo-orbit:before,.demo-orbit:after{content:"";position:absolute;width:8px;height:8px;background:#c28cfa;border-radius:50%;box-shadow:0 0 18px 6px #ad69e850;top:35px;left:35px}
.demo-orbit:after{top:auto;left:auto;bottom:35px;right:35px;width:5px;height:5px;background:#fff}
.demo-desktop{box-shadow:0 18px 28px #5b337630}
.demo-mobile{box-shadow:0 17px 30px #59397938}
.demo-answer-lines i{transform-origin:left}
[dir=rtl] .demo-answer-lines i{transform-origin:right}
.demo-document{width:38px;height:43px;box-shadow:0 8px 20px #276f4e35;border-color:#5fab97;background:#fff}
.demo-document>.icon{width:25px;height:25px}
.demo-network-line:after{content:"";position:absolute;top:-4px;inset-inline-start:0;width:30%;height:5px;background:linear-gradient(90deg,transparent,#b487e5,#4faa93,transparent);border-radius:4px;opacity:0}
.demo-integration:after{content:"";position:absolute;top:-6px;left:50%;width:70px;height:70px;margin-left:-35px;border:1px solid #9d69c9;border-radius:22px;opacity:0;pointer-events:none}
[data-motion-scene].motion-enabled .service-demo:after{animation:demo-progress var(--scene-duration) linear infinite}
[data-motion-scene].motion-enabled .demo-orbit{animation:demo-orbit-turn 16s linear infinite}
[data-motion-scene].motion-enabled .demo-source{animation:demo-knowledge var(--scene-duration) ease-in-out infinite}
[data-motion-scene].motion-enabled .demo-question{animation:demo-question var(--scene-duration) cubic-bezier(.2,.75,.2,1) infinite}
[data-motion-scene].motion-enabled .demo-answer{animation:demo-answer var(--scene-duration) cubic-bezier(.2,.75,.2,1) infinite}
[data-motion-scene].motion-enabled .demo-answer-lines i{animation:demo-writing var(--scene-duration) ease infinite}
[data-motion-scene].motion-enabled .demo-answer-lines i:nth-child(2){animation-delay:.15s}
[data-motion-scene].motion-enabled .demo-answer-lines i:nth-child(3){animation-delay:.3s}
[data-motion-scene].motion-enabled .demo-desktop{animation:demo-platform var(--scene-duration) ease-in-out infinite}
[data-motion-scene].motion-enabled .demo-desktop-check{animation:demo-source-check var(--scene-duration) ease infinite}
[data-motion-scene].motion-enabled .demo-mobile-check,[data-motion-scene].motion-enabled .demo-sync-label{animation:demo-sync-check var(--scene-duration) ease infinite}
[data-motion-scene].motion-enabled .demo-mobile{animation:demo-device var(--scene-duration) ease-in-out infinite}
[data-motion-scene].motion-enabled .demo-document{animation:demo-document var(--scene-duration) cubic-bezier(.4,0,.3,1) infinite}
[data-motion-scene].motion-enabled .demo-network-line:after{animation:demo-data-pulse 2s ease-in-out infinite}
[data-motion-scene].motion-enabled .demo-integration:after{animation:demo-node-pulse var(--scene-duration) ease-out infinite}
[data-motion-scene].motion-enabled .demo-delivered{animation:demo-delivery var(--scene-duration) ease infinite}
[data-motion-scene].motion-enabled .service-story-symbol{animation:demo-badge-float 3s ease-in-out infinite}
/* This rule follows the animation shorthands so pause applies to every layer. */
[data-motion-scene].motion-enabled .service-demo *,[data-motion-scene].motion-enabled .service-demo:after,[data-motion-scene].motion-enabled .service-demo *:before,[data-motion-scene].motion-enabled .service-demo *:after,[data-motion-scene].motion-enabled .service-story-symbol{animation-play-state:var(--scene-play-state,paused)}
@keyframes demo-progress{0%{transform:scaleX(0);opacity:0}4%{opacity:.7}88%{transform:scaleX(1);opacity:.7}100%{transform:scaleX(1);opacity:0}}
@keyframes demo-orbit-turn{to{transform:rotate(360deg)}}
@keyframes demo-knowledge{0%,100%{translate:0 0;opacity:.8}14%,30%{translate:0 -4px;opacity:1}62%{translate:0 0;opacity:1}}
@keyframes demo-question{0%{opacity:0;translate:var(--scene-shift) 6px;scale:.97}15%,83%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -10px;scale:.98}}
@keyframes demo-answer{0%,18%{opacity:0;translate:calc(var(--scene-shift) * -1) 16px;scale:.94}37%,84%{opacity:1;translate:0 -3px;scale:1}100%{opacity:0;translate:0 -14px;scale:.98}}
@keyframes demo-writing{0%,26%{transform:scaleX(.05);opacity:.2}45%,82%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.05);opacity:.2}}
@keyframes demo-platform{0%,100%{translate:0 0;rotate:0deg}35%,65%{translate:0 -8px;rotate:1.5deg}}
@keyframes demo-source-check{0%,10%{opacity:0;scale:.5}23%,84%{opacity:1;scale:1}100%{opacity:0;scale:.5}}
@keyframes demo-sync-check{0%,35%{opacity:0;scale:.5}50%,84%{opacity:1;scale:1}100%{opacity:0;scale:.5}}
@keyframes demo-device{0%,100%{translate:0 0;scale:1;rotate:0deg}40%,65%{translate:calc(var(--scene-shift) * -.3) -18px;scale:1.05;rotate:-4deg}}
@keyframes demo-document{0%{inset-inline-start:9%;opacity:0;translate:0 0;rotate:-8deg}8%{opacity:1}33%,43%{inset-inline-start:43%;translate:0 -41px;opacity:1;rotate:0deg}65%{inset-inline-start:77%;translate:0 0;opacity:1;rotate:8deg}75%,100%{inset-inline-start:77%;opacity:0;translate:0 10px;rotate:0deg}}
@keyframes demo-data-pulse{0%{inset-inline-start:0;opacity:0}15%,80%{opacity:1}100%{inset-inline-start:70%;opacity:0}}
@keyframes demo-node-pulse{0%,24%{opacity:0;scale:.8}34%{opacity:.6;scale:1}55%,100%{opacity:0;scale:1.35}}
@keyframes demo-delivery{0%,48%{opacity:.45;translate:0 12px;scale:.97}66%,85%{opacity:1;translate:0 -2px;scale:1}100%{opacity:.45;translate:0 12px;scale:.97}}
@keyframes demo-badge-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
.lower-reveal-pending{opacity:0;translate:0 34px}
.lower-heading>p,.lower-contact-copy>p{font-size:17px;line-height:1.95}
.lower-services-tail p{font-size:14px}.lower-text-link{font-size:14px}
.lower-contact-channel strong{font-size:16px}.lower-contact-channel small{font-size:11px}.lower-contact-signature{font-size:12px}
.lower-contact-channel{transition:color .25s,translate .25s}.lower-channel-icon{transition:box-shadow .3s,transform .3s}
.lower-footer{position:relative;margin-top:0;padding-top:58px}
.lower-footer:before{content:"";position:absolute;top:-1px;height:19px;left:0;right:0;background:#fbf9fd;border-radius:0 0 50% 50%/0 0 100% 100%;pointer-events:none}
.lower-footer nav a{font-size:14px}.lower-footer-brand p{font-size:13px}.lower-footer-bottom{font-size:12px}
.lower-footer nav a,.lower-back-top{transition:color .2s,background .2s,translate .2s}
@media(hover:hover) and (pointer:fine){.service-story:hover{transform:translateY(-10px);box-shadow:0 28px 50px #44205d26}.service-story:hover .service-story-link>.icon{translate:4px 0}[dir=rtl] .service-story:hover .service-story-link>.icon{translate:-4px 0}.lower-contact-channel:hover .lower-channel-icon{transform:translateY(-3px);box-shadow:0 7px 15px #64338815}.lower-back-top:hover{background:#ffffff0d;translate:0 -3px}}.service-story:focus-within{box-shadow:0 0 0 2px #b182d3,0 18px 38px #42215a15}
@media(max-width:1100px){.service-stories{gap:18px}.service-story-copy{padding-inline:20px}.service-story-copy h3{font-size:22px}.service-story-copy>p{font-size:15px}.service-story-art{height:272px}.demo-ai{padding:17px 13px}.demo-answer{margin-inline-start:7%;gap:8px;padding:10px}.demo-question{width:86%;padding:10px 12px}.demo-desktop{inset-inline-start:15px}.demo-mobile{inset-inline-end:14px;width:82px}.demo-network{padding-inline:15px}.demo-network>div{min-width:55px;font-size:10px}.demo-network>div>.icon{padding:13px;width:23px;height:23px}.demo-delivered{inset-inline:15px;padding:11px}.demo-sync-badge{font-size:8px;inset-inline-start:14px}.lower-heading{gap:25px}.lower-heading>p{max-width:300px;font-size:16px}.lower-contact-grid{gap:40px}.lower-footer nav{gap:18px}.lower-footer-main{gap:25px}}
@media(max-width:950px){.service-stories{grid-template-columns:1fr}.service-story{display:grid;grid-template-columns:1fr 1.05fr;border-radius:24px 52px 24px 24px;max-width:760px;width:100%;margin:auto}.service-story-art{height:100%;min-height:307px;border-radius:0;border-start-start-radius:52px;border-end-start-radius:24px}.service-story-copy{padding:26px}.service-story-copy h3{font-size:25px}.service-story-copy>p{font-size:16px}.service-story-number{margin-bottom:10px}.service-art-curve{display:none}.service-story-symbol{inset-inline-start:auto;inset-inline-end:-23px;bottom:24px;width:49px;height:49px;border-width:5px}.service-story-symbol>.icon{width:22px;height:22px}.demo-ai{display:flex;flex-direction:column;justify-content:center;padding:22px}.demo-source{margin-inline:auto}.demo-question{margin-top:18px}.demo-answer{margin-top:15px;margin-inline-start:5%}.demo-build .demo-desktop{top:48px}.demo-build .demo-mobile{top:102px;width:88px}.demo-sync-badge{bottom:26px}.demo-network{padding-top:65px;height:200px}.demo-network-line{top:94px}.demo-document{top:129px}.demo-delivered{bottom:35px}.lower-tags{margin-bottom:16px}.lower-heading{display:block}.lower-heading>p{max-width:530px;margin-top:15px}.lower-contact-grid{grid-template-columns:1fr;gap:34px}.lower-contact-copy{max-width:580px}.lower-contact-copy h2{font-size:48px}.lower-contact-copy>p{max-width:530px}.lower-contact-channel{max-width:530px}.lower-footer-main{flex-wrap:wrap}.lower-footer nav{flex:1;justify-content:center}.lower-footer-bottom{font-size:11px}}
@media(max-width:600px){.lower-services{padding-top:45px}.lower-kicker{font-size:11px}.lower-heading{margin-bottom:28px}.lower-heading h2{font-size:30px;line-height:1.65;margin-top:16px}.lower-heading h2 em{display:block}.lower-heading>p{font-size:16px;line-height:1.9;padding:0;margin-top:13px}.service-stories{gap:27px}.service-story{display:flex;border-radius:23px 57px 23px 23px;max-width:430px}.service-story:nth-child(2){border-radius:57px 23px 23px 23px}.service-story-art{height:285px;min-height:0;border-radius:inherit;border-end-start-radius:0;border-end-end-radius:0}.service-art-curve{display:block}.service-story-symbol{inset-inline-start:23px;inset-inline-end:auto;bottom:-21px;width:57px;height:57px;border-width:6px}.service-story-copy{padding:35px 23px 23px}.service-story-copy h3{font-size:24px;margin-bottom:12px}.service-story-copy>p{font-size:16px;line-height:1.95}.service-story-number{margin-bottom:15px;font-size:10px}.lower-tags{margin-bottom:23px}.lower-tags li{font-size:11px}.service-story-link{font-size:14px}.demo-ai{display:block;padding:19px 17px}.demo-question{width:83%;margin-top:17px}.demo-answer{margin-inline-start:12%;padding:12px}.demo-source{font-size:11px}.home-lower .demo-question p,.home-lower .demo-answer p{font-size:12px}.demo-build .demo-desktop{top:32px;inset-inline-start:20px;width:76%}.demo-build .demo-mobile{top:88px;width:87px;inset-inline-end:22px}.demo-sync-badge{bottom:31px;inset-inline-start:21px;font-size:9px}.demo-network{padding:47px 23px 0;height:180px}.demo-network>div{font-size:11px;min-width:62px}.demo-network>div>.icon{width:25px;height:25px;padding:15px}.demo-network-line{top:76px}.demo-document{top:111px}.demo-delivered{inset-inline:23px;bottom:43px;padding:12px}.demo-delivered strong{font-size:11px}.service-motion-caption{padding-top:17px;font-size:10px}.lower-services-tail{display:block;padding:21px 0 15px}.lower-services-tail p{font-size:14px;margin-bottom:12px}.lower-text-link{font-size:14px}.lower-contact{padding:35px 0 45px}.lower-contact-grid{gap:30px}.lower-contact-copy{padding:0}.lower-contact-copy h2{font-size:39px;margin:20px 0 16px}.lower-contact-copy>p{font-size:16px;line-height:1.95;margin-bottom:20px}.lower-contact-channel{gap:12px;padding:17px 0}.lower-contact-channel strong{font-size:14px}.lower-contact-channel small{font-size:10px}.lower-channel-icon{width:45px;height:45px;border-radius:13px}.lower-contact-signature{font-size:11px;margin-top:23px}.lower-privacy summary{padding:20px 0;gap:14px}.lower-privacy summary>span{font-size:10px;gap:7px}.lower-privacy summary>span:last-child{font-size:10px;gap:5px}.lower-privacy summary .icon{width:17px;height:17px}.lower-privacy-copy{grid-template-columns:1fr;gap:23px}.lower-privacy-copy h3{font-size:14px}.lower-privacy-copy p{font-size:13px}.lower-footer{padding-top:45px}.lower-footer-main{display:grid;grid-template-columns:1fr auto;gap:27px;padding-bottom:30px}.lower-footer-brand img{width:190px}.lower-footer-brand p{font-size:11px}.lower-footer nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:17px 25px}.lower-footer nav a{font-size:13px}.lower-back-top{grid-column:2;grid-row:1;width:41px;height:41px}.lower-footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:12px 24px;font-size:10px;line-height:1.9;padding:20px 0}.lower-footer-bottom>span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){.service-story,.service-story *,.lower-contact *,.lower-footer *{animation:none!important;transition:none!important}.lower-reveal-pending{opacity:1;translate:none}.service-story:hover,.service-story:hover .service-story-link>.icon,.lower-contact-channel:hover .lower-channel-icon,.lower-back-top:hover{transform:none;translate:none}}

/* Privacy is opened from the form; it takes no space in the page layout. */
.home-lower .lower-privacy-dialog {width:min(760px,calc(100% - 32px));max-height:80vh;padding:0;margin:auto;inset:0;border:1px solid #dfcdea;border-radius:28px 12px 28px 12px;background:#fff;color:#3c2457;box-shadow:0 30px 100px #16052950;overflow:auto}
.lower-privacy-dialog::backdrop {background:#1405289c;backdrop-filter:blur(5px)}
.privacy-dialog-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;background:#fbf8fe;border-bottom:1px solid #eadff3;position:sticky;top:0;z-index:1}
.privacy-dialog-heading h2 {font-size:22px;margin:0;font-weight:600}
.privacy-dialog-heading .dialog-close {display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid #dfcde9;border-radius:12px;background:#fff;color:#704697;cursor:pointer}
.privacy-dialog-heading .dialog-close svg {width:20px;height:20px}
.privacy-dialog-heading .dialog-close:focus-visible {outline:3px solid #b085d5;outline-offset:3px}
.privacy-dialog-copy {padding:6px 26px 20px}
.privacy-dialog-copy section {padding:18px 0;border-bottom:1px solid #eee5f5}
.privacy-dialog-copy section:last-child {border:0}
.privacy-dialog-copy h3 {font-size:16px;margin:0 0 8px}
.privacy-dialog-copy p {font-size:14px;line-height:2;color:#776384}

/* A compact footer with an asymmetric edge and a clear navigation row. */
.lower-contact {padding-bottom:45px}
.lower-footer {position:relative;isolation:isolate;overflow:hidden;padding:29px 0 0;border-start-start-radius:68px;border-start-end-radius:22px;background:radial-gradient(ellipse at 85% 0%,#53217699,transparent 55%),linear-gradient(115deg,#150929,#26113f);border-top:1px solid #bc8ee64a}
.lower-footer:before {content:"";position:absolute;inset-inline:7%;top:0;height:1px;background:linear-gradient(90deg,transparent,#d6acff80,transparent);border-radius:0;pointer-events:none}
.lower-footer:after {content:"";position:absolute;width:300px;height:300px;inset-inline-end:-90px;top:-170px;border:1px solid #cc98ff13;border-radius:50%;box-shadow:0 0 0 30px #cc98ff05,0 0 0 65px #cc98ff04;z-index:-1;pointer-events:none}
.lower-footer-main {display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-bottom:21px}
.lower-footer-brand img {width:192px}
.lower-footer-brand p {font-size:11px;line-height:1.6;margin-top:7px;color:#bfa5d5}
.lower-footer nav {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.lower-footer nav a {font-size:12px;line-height:1.7;padding:8px 13px;border:1px solid #d5b3f116;border-radius:11px;background:#ffffff04;color:#dfcfea;transition:color .25s,background .25s,border-color .25s,translate .25s}
.lower-footer nav a:hover {background:#ffffff0e;border-color:#d5b3f138;translate:0 -2px}
.lower-back-top {width:43px;height:43px;border-radius:15px;border-color:#d9b5f42b;background:#ffffff06}
.lower-footer-bottom {padding:15px 0 17px;gap:18px;font-size:11px;line-height:1.7;border-color:#e7c9fc16}
.lower-footer-location {display:flex;gap:7px;align-items:center;white-space:nowrap;color:#c5a9d8}
.lower-footer-location svg {width:15px;height:15px;color:#b990da}
@media(max-width:950px) {.lower-footer-main{grid-template-columns:1fr auto;gap:20px}.lower-footer nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}.lower-back-top{grid-column:2;grid-row:1}.lower-footer-brand{grid-column:1}.lower-footer-main{padding-bottom:18px}}
@media(max-width:600px) {.lower-contact{padding-bottom:32px}.lower-footer{padding-top:25px;border-start-start-radius:42px;border-start-end-radius:16px}.lower-footer-main{gap:18px}.lower-footer-brand img{width:170px}.lower-footer-brand p{font-size:10px}.lower-footer nav{gap:7px}.lower-footer nav a{font-size:11px;padding:7px 10px;border-radius:9px}.lower-footer-bottom{gap:9px;padding:14px 0 18px;font-size:10px}.lower-footer-bottom>span:first-child{width:auto}.privacy-dialog-heading{padding:16px 18px}.privacy-dialog-heading h2{font-size:19px}.privacy-dialog-copy{padding:3px 18px 15px}.privacy-dialog-copy h3{font-size:15px}.privacy-dialog-copy p{font-size:13px}}

/* Keep navigation and legal details together beside the brand. */
.lower-footer {padding:25px 0;border-start-start-radius:54px;border-start-end-radius:20px}
.lower-footer>.wrap {max-width:1080px;display:grid;grid-template-columns:215px minmax(0,1fr) 42px;column-gap:35px;row-gap:14px;align-items:center}
.lower-footer-main {display:contents}
.lower-footer-brand {grid-column:1;grid-row:1 / 3;padding-inline-end:25px;border-inline-end:1px solid #d8b5ef24}
.lower-footer-brand img {width:185px;max-width:100%;height:auto}
.lower-footer-brand p {margin-top:6px;font-size:10px}
.lower-footer nav {grid-column:2;grid-row:1;justify-content:flex-start;gap:6px}
.lower-footer nav a {padding:7px 12px;font-size:12px;background:#ffffff07}
.lower-back-top {grid-column:3;grid-row:1 / 3;width:42px;height:42px}
.lower-footer-bottom {grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 20px;padding:12px 0 0;font-size:10px;line-height:1.8}
.lower-footer-bottom>span:first-child {width:auto}
.lower-footer-location {font-size:10px}
@media(max-width:950px){
 .lower-footer>.wrap {grid-template-columns:180px minmax(0,1fr) 38px;column-gap:20px}
 .lower-footer-brand {padding-inline-end:18px}
 .lower-footer nav a {font-size:11px;padding:6px 9px}
 .lower-back-top {width:38px;height:38px}
}
@media(max-width:700px){
 .lower-footer {padding:22px 0 18px;border-start-start-radius:38px;border-start-end-radius:16px}
 .lower-footer>.wrap {grid-template-columns:minmax(0,1fr) 38px;column-gap:12px;row-gap:15px}
 .lower-footer-brand {grid-column:1;grid-row:1;border:0;padding:0;display:flex;align-items:center;gap:15px}
 .lower-footer-brand img {width:145px}
 .lower-footer-brand p {font-size:9px;max-width:100px;margin:0}
 .lower-back-top {grid-column:2;grid-row:1}
 .lower-footer nav {grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
 .lower-footer nav a {text-align:center;padding:8px 3px;font-size:10px;border-radius:9px}
 .lower-footer-bottom {grid-column:1 / -1;grid-row:3;justify-content:space-between;gap:5px 12px;padding-top:10px;font-size:9px}
 .lower-footer-location {font-size:9px;gap:4px}
}
@media(max-width:700px){.lower-footer-bottom{flex-direction:column;align-items:flex-start;padding-inline-end:48px}}

/* Service cards share the product cards' color-aware elevation. */
.service-story {--card-tint:111,52,163;isolation:isolate;border-color:rgba(var(--card-tint),.2);box-shadow:0 12px 30px rgba(var(--card-tint),.14),0 3px 9px rgba(var(--card-tint),.07);transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s,border-color .4s}
.service-story.story-build {--card-tint:146,91,197}
.service-story.story-connect {--card-tint:49,145,120}
.service-story:after {content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 18px 38px rgba(var(--card-tint),.21),0 0 18px rgba(var(--card-tint),.1);opacity:.2}
.service-story .service-story-link {color:rgb(var(--card-tint));border-top-color:rgba(var(--card-tint),.15)}
.service-story:focus-within {border-color:rgba(var(--card-tint),.6);box-shadow:0 0 0 2px rgba(var(--card-tint),.23),0 22px 42px rgba(var(--card-tint),.23)}
@media(hover:hover) and (pointer:fine){.service-story:hover{transform:translateY(-7px);border-color:rgba(var(--card-tint),.5);box-shadow:0 23px 42px rgba(var(--card-tint),.25),0 5px 12px rgba(var(--card-tint),.12)}}
@media(prefers-reduced-motion:no-preference){
 .service-story:has(.motion-enabled):after{animation:service-color-glow 5s ease-in-out infinite;animation-play-state:paused}
 .service-story:has([data-motion-state="running"]):after{animation-play-state:running}
 .service-story:nth-child(2):after{animation-delay:-1.6s}
 .service-story:nth-child(3):after{animation-delay:-3.2s}
}
@keyframes service-color-glow{0%,100%{opacity:.18}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.service-story:after{animation:none!important;opacity:.25}.service-story:hover{transform:none}}

/* Stronger service palettes and a footer edge matching the feature dock. */
.service-story {--card-tint:119,43,186;border-color:rgba(var(--card-tint),.38);box-shadow:0 15px 30px rgba(var(--card-tint),.24),0 4px 12px rgba(var(--card-tint),.12)}
.service-story.story-build {--card-tint:139,65,208}
.service-story.story-connect {--card-tint:22,145,113}
.story-ai .service-story-art{background:radial-gradient(ellipse at 28% 48%,#8034bb,#30104f 75%)}
.story-build .service-story-art{background:linear-gradient(135deg,#bd91e7,#e3ccf8 65%,#cfabed)}
.story-connect .service-story-art{background:radial-gradient(ellipse at 18% 75%,#75cdb3,#c5eddf 75%)}
.service-story-art:before{border-color:rgba(var(--card-tint),.3)}
.service-story:after{box-shadow:0 20px 40px rgba(var(--card-tint),.29),0 0 22px rgba(var(--card-tint),.17)}
.service-story-copy>p{color:#64536f}
.service-story .service-story-symbol{background:rgb(var(--card-tint));color:#fff}
@keyframes service-color-glow{0%,100%{opacity:.4}50%{opacity:1}}
.lower-footer{padding-top:48px;border:0;border-radius:0;clip-path:polygon(0 22px,4% 22px,calc(4% + 22px) 0,20% 0,calc(20% + 22px) 22px,calc(80% - 22px) 22px,80% 0,calc(96% - 22px) 0,96% 22px,100% 22px,100% 100%,0 100%);background:radial-gradient(ellipse at 80% 0%,#7134a3a8,transparent 65%),linear-gradient(115deg,#1d0a35,#351452)}
.lower-footer:before{inset-inline:22%;top:23px;height:2px;background:linear-gradient(90deg,transparent,#c88effb3,transparent)}
.lower-footer nav a{background:#bb7beb14;border-color:#d4a0f63d;border-radius:5px;color:#f0dfff}
.lower-footer-bottom{border-color:#d7adf336;color:#cfb8df}
.lower-back-top{border-radius:7px;border-color:#d6a4f54a;background:#ba7fe51a}
@media(max-width:700px){.lower-footer{padding-top:38px;clip-path:polygon(0 14px,4% 14px,calc(4% + 14px) 0,20% 0,calc(20% + 14px) 14px,calc(80% - 14px) 14px,80% 0,calc(96% - 14px) 0,96% 14px,100% 14px,100% 100%,0 100%)}.lower-footer:before{top:15px}}

/* Calm at rest; color and elevation respond to interaction. */
.service-story{border-color:rgba(var(--card-tint),.18);box-shadow:0 10px 26px rgba(var(--card-tint),.1)}
.story-ai .service-story-art{background:radial-gradient(ellipse at 28% 48%,#53218a,#25103f 70%)}
.story-build .service-story-art{background:linear-gradient(135deg,#eadcf8,#f8f4fd 65%)}
.story-connect .service-story-art{background:radial-gradient(ellipse at 18% 75%,#daefe9,#f1f8f6 70%)}
.service-story:after{animation:none!important;opacity:0;transition:opacity .4s}
.service-story-art:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .45s}
.story-ai .service-story-art:after{background:radial-gradient(ellipse at 28% 48%,#8034bb,#30104f 75%)}
.story-build .service-story-art:after{background:linear-gradient(135deg,#bd91e7,#e3ccf8 65%,#cfabed)}
.story-connect .service-story-art:after{background:radial-gradient(ellipse at 18% 75%,#75cdb3,#c5eddf 75%)}
.service-story:focus-within:after,.service-story:focus-within .service-story-art:after{opacity:1}
@media(hover:hover) and (pointer:fine){
 .service-story:hover:after,.service-story:hover .service-story-art:after{opacity:1}
 .service-story:hover{transform:translateY(-7px);border-color:rgba(var(--card-tint),.55);box-shadow:0 22px 42px rgba(var(--card-tint),.27)}
}
/* A floating asymmetric footer, distinct from the angular feature dock. */
.lower-footer{margin:10px 20px 22px;padding:29px 0 25px;clip-path:none;border-radius:60px 18px 60px 18px;border:1px solid #c79aed45;box-shadow:0 13px 26px #64299a30,0 3px 8px #39115b1a}
.lower-footer:before{inset-inline:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#d6a5ffb3,transparent)}
.lower-footer nav a{border-radius:10px}
.lower-back-top{border-radius:14px}
@media(max-width:700px){.lower-footer{margin:8px 12px 18px;padding:25px 0 20px;border-radius:34px 12px 34px 12px}.lower-footer>.wrap{width:calc(100% - 32px)}.lower-footer:before{top:0}}
@media(prefers-reduced-motion:reduce){.service-story-art:after,.service-story:after{transition:none}.service-story:hover{transform:none}}

.contact-whatsapp-only .lower-contact-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding-block:30px}
.contact-whatsapp-only .lower-contact-copy{max-width:760px;padding:0}
.contact-whatsapp-only .lower-contact-copy h2{font-size:clamp(30px,3.3vw,46px);margin:17px 0}
.contact-whatsapp-only .lower-contact-copy>p{margin:0;max-width:640px}
.contact-whatsapp-only .lower-whatsapp{padding:20px 24px;border:1px solid #bee4d4;border-radius:22px 9px 22px 9px;background:#effaf4;gap:14px;box-shadow:0 9px 25px #16855712;max-width:none}
@media(max-width:700px){.contact-whatsapp-only .lower-contact-grid{grid-template-columns:1fr;gap:22px;padding-block:10px}.contact-whatsapp-only .lower-whatsapp{justify-self:start;padding:17px 20px}.contact-whatsapp-only .lower-contact-copy h2{font-size:32px}}