/* Continuous gold motion behind the homepage, never inside the phone. */
body{isolation:isolate;background:#fffcf6}
.page-motion{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(135deg,#fff 10%,#fffcf4 55%,#fff 90%)}
.page-motion svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.page-motion path{fill:none;stroke:url(#flow-gold);stroke-width:1.5}
.flow-a{transform-origin:50% 50%;animation:gold-flow-a 13s ease-in-out infinite alternate}
.flow-b{transform-origin:50% 50%;animation:gold-flow-b 17s ease-in-out infinite alternate;opacity:.65}
.gold-haze{position:absolute;width:70vw;height:70vw;max-width:1100px;max-height:1100px;border-radius:50%;background:radial-gradient(ellipse,#6686d945, #abbeef22 40%,transparent 68%);will-change:transform}
.haze-one{left:-25%;top:-35%;animation:gold-haze 16s ease-in-out infinite alternate}
.haze-two{right:-30%;bottom:-50%;animation:gold-haze 19s ease-in-out -8s infinite alternate-reverse}
body main,body .hero,body .section,body .experience,body footer{background-color:transparent;background-image:none}
.solution-card{background:#ffffffde}.experience{border-color:#7f99da38}.nav-wrap{background:#ffffffec}
@keyframes gold-flow-a{from{transform:translate(-5%,-8%) rotate(-7deg) scale(1.12)}to{transform:translate(6%,10%) rotate(9deg) scale(1.02)}}
@keyframes gold-flow-b{from{transform:translate(6%,8%) rotate(8deg)}to{transform:translate(-7%,-9%) rotate(-10deg) scale(1.15)}}
@keyframes gold-haze{from{transform:translate(-5%,-4%) scale(.9)}to{transform:translate(35%,25%) scale(1.2)}}
@media(max-width:600px){.page-motion svg{width:180%;left:-40%}.gold-haze{width:130vw;height:130vw}.haze-one{top:0;left:-55%}.haze-two{bottom:-15%;right:-60%}.page-motion path{stroke-width:2}}
@media(prefers-reduced-motion:reduce){.page-motion *{animation:none!important;will-change:auto}}

/* A distinct animated champagne backdrop for the interactive phone section. */
body .experience{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#f6eedc 0%,#fffcf4 42%,#b2c1e9 100%);border-block:1px solid #5275cd45}
.experience:before,.experience:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%}
.experience:before{width:115%;height:130%;left:-50%;top:-30%;background:radial-gradient(ellipse at center,#3459b940 0%,#86a0e230 38%,transparent 67%);animation:experience-glow 12s ease-in-out infinite alternate;will-change:transform}
.experience:after{width:85%;height:140%;right:-28%;top:-20%;background:radial-gradient(ellipse at center,#fffefa 8%,#fff8e6bb 30%,#738fd725 49%,transparent 68%);animation:experience-light 15s ease-in-out infinite alternate;will-change:transform}
@keyframes experience-glow{from{transform:translate(-3%,0) scale(.95)}to{transform:translate(45%,16%) scale(1.15)}}
@keyframes experience-light{from{transform:translate(8%,12%) rotate(-15deg)}to{transform:translate(-38%,-12%) rotate(20deg)}}
@media(max-width:600px){.experience:before{width:190%;left:-100%}.experience:after{width:160%;right:-80%}}
@media(prefers-reduced-motion:reduce){.experience:before,.experience:after{animation:none;will-change:auto}}

/* Fade the entire section backdrop into the surrounding page. */
body .experience{border:0;background:transparent}
.experience:before{inset:0;width:100%;height:100%;border-radius:0;transform:none;animation:none;background:linear-gradient(120deg,#f6eedc,#fffcf4 42%,#b2c1e9);mask-image:linear-gradient(to bottom,transparent,#000 150px,#000 calc(100% - 150px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 150px,#000 calc(100% - 150px),transparent);will-change:auto}
.experience:after{inset:0;width:100%;height:100%;border-radius:0;transform:none;background:radial-gradient(ellipse at 15% 40%,#4167c855,transparent 55%),radial-gradient(ellipse at 85% 60%,#fff8ded9,transparent 55%);background-size:160% 140%;mask-image:linear-gradient(to bottom,transparent,#000 170px,#000 calc(100% - 170px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 170px,#000 calc(100% - 170px),transparent);animation:experience-blended-light 13s ease-in-out infinite alternate;will-change:auto}
@keyframes experience-blended-light{from{background-position:0% 15%}to{background-position:100% 85%}}
@media(prefers-reduced-motion:reduce){.experience:after{animation:none}}

/* Gold pulses originate behind the device, confined to its stage. */
.experience:after{animation:none;background-position:50% 50%}
.demo-stage{isolation:isolate;position:relative}
.phone-signal{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:40%;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}
.phone-signal i{position:absolute;left:50%;top:46%;width:310px;height:480px;border:1.5px solid #355aba;border-radius:48%;opacity:0;box-shadow:0 0 12px #5b7fdb24,inset 0 0 10px #5b7fdb15;animation:phone-gold-pulse 7s ease-out infinite}
.phone-signal i:nth-child(2){animation-delay:-1.75s}.phone-signal i:nth-child(3){animation-delay:-3.5s}.phone-signal i:nth-child(4){animation-delay:-5.25s}
@keyframes phone-gold-pulse{0%{transform:translate(-50%,-50%) scale(.72);opacity:0}20%{opacity:.7}75%{opacity:.35}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.phone-signal i{animation:none}.phone-signal i:first-child{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}

.solution-grid .solution-card .service-discover{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;padding-top:18px;border-top:1px solid #93a9e055;width:100%;font-size:15px;font-weight:650;color:#213e87;direction:rtl}
.discover-arrow{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#fbedd0,#87a1e5);color:#192d61;transition:transform .25s,box-shadow .25s}
.discover-arrow svg{width:19px;height:19px}
.solution-card:hover .discover-arrow,.solution-card:focus-visible .discover-arrow{transform:translateX(-5px);box-shadow:0 5px 15px #3b62c62b}
.solution-card:focus-visible{outline:2px solid #3559b7;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.discover-arrow{transition:none}}

.plans-heading{text-align:center;margin-bottom:45px}.plans-heading>span{font-size:12px;letter-spacing:2px;color:#2c4a97}.plans-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.2;margin:15px 0;color:#24251f}.plans-heading p{color:#777569;font-size:17px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.taply-plan{background:#ffffffd9;border:1px solid #e5dcc9;border-radius:28px;padding:35px 28px;display:flex;flex-direction:column;box-shadow:0 12px 40px #26408308}.taply-plan.plan-featured{background:linear-gradient(155deg,#fffdf8,#f5e9cd);border-color:#5073cc;box-shadow:0 18px 45px #3355ae20;transform:translateY(-10px)}.plan-label{color:#2a4792;font-size:13px}.taply-plan h3{font-size:28px;text-align:right;font-weight:400;margin:23px 0 16px;color:#23251f}.taply-plan h3 strong{font-weight:750}.plan-description{font-size:15px;line-height:1.8;color:#747265;min-height:54px;margin:0}.plan-divider{height:1px;background:#abbce7;margin:25px 0}.taply-plan ul{padding:0;margin:0 0 35px;list-style:none;display:grid;gap:17px}.taply-plan li{display:flex;gap:12px;color:#49493f;font-size:15px}.taply-plan li>span{color:#3051a6}.plan-cta{margin-top:auto;border:1px solid #8fa5de;background:#fffaf0;border-radius:13px;min-height:50px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#1b2e5e;font-size:14px;font-weight:650;text-decoration:none}.plan-featured .plan-cta{background:linear-gradient(110deg,#597bd1,#97afec);border-color:#5375cd;color:#302817}.plan-cta:hover{border-color:#2b4a98;box-shadow:0 5px 18px #3255ae2b}.plan-cta:focus-visible{outline:2px solid #2b4a98;outline-offset:4px}.plans-note{text-align:center;color:#878276;font-size:12px;margin:25px 0 0;line-height:1.6}@media(max-width:760px){.plans-grid{grid-template-columns:1fr;max-width:440px;margin:auto}.taply-plan.plan-featured{transform:none}.taply-plan{padding:28px 24px}.plan-description{min-height:0}.plans-heading{margin-bottom:30px}}
/* Compact, evenly spaced hero symbols. */
.service-network .symbol-object{width:56%;animation:hero-symbol-arrive .85s cubic-bezier(.2,.7,.2,1) both}
.service-network .symbol-label{font-size:clamp(10px,.95vw,13px);letter-spacing:1.5px;margin-top:5px}
.service-network .card-0,.service-network .card-1{top:9%;bottom:auto}
.service-network .card-2,.service-network .card-3{top:auto;bottom:9%}
.service-network .card-0,.service-network .card-2{left:7%;right:auto}
.service-network .card-1,.service-network .card-3{right:7%;left:auto}
.service-network .card-1 .symbol-object{animation-delay:.12s}.service-network .card-2 .symbol-object{animation-delay:.24s}.service-network .card-3 .symbol-object{animation-delay:.36s}
@keyframes hero-symbol-arrive{from{opacity:0;translate:0 15px;scale:.8}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:650px){.service-network .symbol-object{width:62%}.service-network .symbol-label{font-size:10px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.service-network .symbol-object{animation:none}}

/* Orbit each symbol around the central logo while keeping it upright. */
.service-network .service-orbit{inset:auto!important;left:50%!important;top:50%!important;width:32%;margin-left:-16%;margin-top:-16%;animation:none!important;translate:none!important;offset-path:ellipse(34% 34% at 50% 50%);offset-anchor:50% 50%;offset-rotate:0deg;offset-distance:0%;animation:taply-orbit-around 24s linear infinite!important}
.service-network .card-0{animation-delay:-15s!important}.service-network .card-1{animation-delay:-21s!important}.service-network .card-2{animation-delay:-9s!important}.service-network .card-3{animation-delay:-3s!important}
.service-network .service-orbit:hover{animation-play-state:running!important;translate:none!important}
@keyframes taply-orbit-around{from{offset-distance:0%}to{offset-distance:100%}}
@media(prefers-reduced-motion:reduce){.service-network .service-orbit{animation:none!important}.service-network .card-0{offset-distance:62.5%}.service-network .card-1{offset-distance:87.5%}.service-network .card-2{offset-distance:37.5%}.service-network .card-3{offset-distance:12.5%}}

.nav-actions .header-login,.nav-actions .header-contact{display:inline-flex!important;white-space:nowrap}.nav-actions .header-contact{background:#fffaf0;color:#223975;border:1px solid #829bdb}.nav-actions .menu-toggle{display:flex!important}#header-languages{padding:15px 0}#header-languages .language-picker{display:inline-flex!important}#mobile-nav:not([hidden]){display:flex!important;flex-direction:column}@media(max-width:540px){.nav-actions{gap:7px}.nav-actions .header-login,.nav-actions .header-contact{font-size:12px;padding:10px 8px}.nav-inner.container{width:calc(100% - 24px)}.nav-inner .wordmark{font-size:29px}}

.nav-actions .menu-toggle{flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #5a7bcf;border-radius:50%;width:40px;height:40px;background:#fffaf0;flex-shrink:0}.nav-actions .menu-toggle span{display:block!important;width:17px;height:2px;background:#213770;opacity:1}.nav-actions .header-login{color:#30291a!important;opacity:1!important;visibility:visible!important}