.sns-surface{--sns-ink: var(--color-neutral-900)}.sns-surface .sns-eyebrow{letter-spacing:.12em;text-transform:uppercase}.sns-surface:lang(ar) .sns-eyebrow{letter-spacing:0}.sns-surface .sns-primary{background:var(--color-accent-600);color:#fff;box-shadow:0 8px 24px #007bab2e}.sns-surface .sns-primary:hover{background:var(--color-accent-700);box-shadow:0 12px 28px #007bab40}.sns-surface .sns-button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.25rem;border-radius:.8rem;font-size:.875rem;font-weight:700;line-height:1.5;transition:background .2s,box-shadow .2s}.sns-surface a:focus-visible{outline:3px solid var(--color-accent-400);outline-offset:5px}.sns-surface .sns-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#009ad659}.sns-surface .sns-link:hover{text-decoration-color:currentColor}.sns-surface .sns-visual{position:relative;width:100%;max-width:36rem;margin-inline:auto;aspect-ratio:1.13;isolation:isolate}.sns-surface .sns-visual-orbit{position:absolute;inset:2% 4%;border:1px solid rgb(0 154 214 / .18);border-radius:50%;transform:rotate(-22deg)}.sns-surface .sns-visual-orbit:after{content:"";position:absolute;inset:12%;border:1px dashed rgb(0 154 214 / .2);border-radius:50%}.sns-surface .sns-visual-main{position:absolute;width:76%;inset-block-start:3%;inset-inline-start:8%;padding:1rem;background:#fff;border:1px solid #d8e8ef;border-radius:1.7rem;box-shadow:0 24px 65px #2143551f;transform:rotate(-3deg)}.sns-surface .sns-visual-main img{width:100%;aspect-ratio:1;border-radius:1rem;object-fit:cover}.sns-surface .sns-visual-mini{position:absolute;width:33%;inset-block-end:1%;inset-inline-end:0;padding:.55rem;background:#fff;border:1px solid #d8e8ef;border-radius:1.1rem;box-shadow:0 16px 40px #21435521;transform:rotate(6deg)}.sns-surface .sns-visual-mini img{width:100%;aspect-ratio:1;border-radius:.7rem}.sns-surface .sns-visual-label{position:absolute;inset-inline-start:0;inset-block-end:6%;display:flex;align-items:center;gap:.6rem;max-width:64%;padding:.8rem 1rem;border-radius:1rem;border:1px solid #c2e7f5;background:#fff;color:var(--sns-ink);box-shadow:0 8px 25px #21435514;font-size:.75rem;font-weight:700}.sns-surface .sns-feature-card{position:relative;display:flex;height:100%;flex-direction:column;padding:1.25rem;border:1px solid var(--color-neutral-200);border-radius:1.1rem;background:#fff;transition:border-color .25s,box-shadow .25s}.sns-surface .sns-feature-card:hover{border-color:var(--color-accent-300);box-shadow:0 10px 30px #007bab14}.sns-surface .sns-feature-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.85rem;color:var(--color-accent-700);background:var(--color-accent-50)}.sns-surface .reveal-on-scroll{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.sns-surface .reveal-on-scroll.is-visible{animation:sns-reveal .75s var(--ease-out-quart) both;animation-delay:var(--sns-delay, 0ms)}.sns-surface .sns-bob{animation:sns-bob 5s ease-in-out infinite}.sns-surface .sns-feature-icon svg{animation:sns-bob 6s ease-in-out infinite;animation-delay:var(--sns-delay, 0ms)}.sns-surface .sns-visual-main{transition:transform .6s var(--ease-out-quart)}.sns-surface .sns-visual:hover .sns-visual-main{transform:rotate(-1deg) translateY(-4px)}.sns-surface .sns-feature-card{transition:transform .25s,border-color .25s,box-shadow .25s}.sns-surface .sns-feature-card:hover{transform:translateY(-4px)}.sns-surface .sns-button svg{transition:transform .2s}.sns-surface .sns-button:hover svg{transform:translateY(-2px)}}@keyframes sns-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sns-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sns-surface *,.sns-surface *:before,.sns-surface *:after{animation:none!important;transition:none!important}.sns-surface .reveal-on-scroll{opacity:1;transform:none}}@media(max-width:639px){.sns-surface .sns-visual-main{padding:.6rem;border-radius:1.25rem}.sns-surface .sns-visual-label{padding:.65rem .75rem;font-size:.65rem}.sns-surface .sns-feature-card{display:grid;grid-template-columns:2.5rem 1fr;column-gap:.85rem;padding:1rem}.sns-surface .sns-feature-card>div{grid-row:1 / 3;display:block;margin:0}.sns-surface .sns-feature-card>div>span:last-child{display:none}.sns-surface .sns-feature-icon{width:2.5rem;height:2.5rem}.sns-surface .sns-feature-card h4{grid-column:2;padding-inline-end:1rem}.sns-surface .sns-feature-card p{grid-column:2;margin-top:.3rem}.sns-surface .sns-feature-card>svg{position:absolute;inset-inline-end:1rem;top:1.2rem;margin:0;width:.7rem;height:.7rem}}