/* Expressive consulting identity. Motion is native and progressively enhanced. */
:root{--color-primary:#15182b;--color-accent:#a498ff;--color-accent-hover:#bcb2ff;--color-background:#f8f9fd;--color-surface:#fff;--color-tint:#eef0f8;--color-text:#15182b;--color-muted:#585e75;--color-border:#dce0ee;--radius:12px;--ink:#0d1020;--violet:#a498ff;--amber:#ffb35c;--base-color:#6450bc;--main-color:#6450bc}
.samilo-brand{background:var(--color-background);color:var(--color-text)}
.samilo-brand a:hover{color:#6852be}.samilo-brand :is(a,button,input,textarea,select,summary):focus-visible{outline-color:#8975f2}
.brand-header{background:var(--ink);border-block-end:1px solid #ffffff15;color:#f4f3ff;transition:box-shadow .3s ease,background .3s ease}
.brand-header.is-scrolled{background:#0d1020f5;box-shadow:0 12px 34px #05061228}
.brand-header .brand-lockup img{background:transparent;padding:2px;border-radius:0}
.brand-header .brand-lockup small{color:#a6acc8}
.brand-header .brand-nav-links a[aria-current=page]{color:#c4baff}
.brand-header .brand-nav-links a{position:relative}
.brand-header .brand-nav-links a:after{content:'';position:absolute;inset-inline:0;inset-block-end:6px;block-size:1px;background:#a498ff;scale:0 1;transform-origin:var(--nav-origin,left);transition:scale .22s ease}
.brand-header .brand-nav-links a:hover:after,.brand-header .brand-nav-links a:focus-visible:after{scale:1 1}
html[dir=rtl] .brand-header{--nav-origin:right}
.brand-header :is(.brand-language,.brand-menu-toggle){color:#f4f3ff;border-color:#ffffff25}
.brand-header a:hover{color:#c4baff}
.brand-button{background:var(--violet);border-color:var(--violet);color:#0d1020!important;border-radius:8px;position:relative;isolation:isolate;transition:background .22s ease,box-shadow .22s ease,translate .22s ease}
.brand-button:hover{background:#c4baff;border-color:#c4baff;translate:0 -3px;box-shadow:0 8px 26px #a498ff25}
.brand-button span,.brand-text-link span{transition:translate .22s ease}
.brand-button:hover span,.brand-text-link:hover span{translate:3px -2px}
html[dir=rtl] .brand-button:hover span,html[dir=rtl] .brand-text-link:hover span{translate:-3px -2px}
.brand-hero{background:var(--ink);color:#f5f3ff;position:relative;overflow:clip;padding-block:clamp(54px,6vw,82px) 0}
.hero-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-ambient:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(90deg,transparent,#000 75%)}
.hero-ambient span{position:absolute;border-radius:50%;filter:blur(50px);background:#6658bc24;inline-size:540px;block-size:540px;inset-inline-end:-180px;inset-block-start:-200px;animation:ambient-drift 18s ease-in-out infinite alternate}
.hero-ambient span+span{inline-size:300px;block-size:300px;inset-inline-end:28%;inset-block-start:65%;background:#4568bb15;animation-delay:-8s}
.brand-hero-grid{position:relative;grid-template-columns:1.25fr 1fr;gap:clamp(40px,5vw,76px);align-items:center;z-index:1}
.brand-hero-copy{position:relative;z-index:3}
.brand-hero .brand-eyebrow{color:#c0c4dd;display:flex;align-items:center;gap:10px;font-size:12px!important;letter-spacing:.06em;margin-block-end:28px!important}
.hero-status{inline-size:7px;block-size:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px #ffb35c12;flex-shrink:0}
.brand-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.12;letter-spacing:-.045em;margin-block-end:28px;max-width:720px;color:#f4f3ff}
.brand-hero h1>span{color:#bdb2ff;line-height:1.13;margin-block-start:12px}
.brand-hero .brand-lead{color:#aeb6ce;font-size:19px!important;line-height:1.8!important;max-width:595px}
.brand-hero .brand-text-link{color:#ebe8ff;text-decoration-color:#746a9d!important}
.brand-hero .brand-actions{margin-block-start:34px}
.hero-bottomline{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-block-start:32px}
.brand-hero .brand-hero-note{font-size:12px!important;color:#999fb8;margin:0!important}
.brand-motion-toggle{display:inline-flex;align-items:center;gap:8px;border:0;border-inline-start:1px solid #ffffff24;background:transparent;color:#c0c4dd;min-height:40px;font:inherit;font-size:11px;padding-inline:15px 0}
.brand-motion-toggle[hidden]{display:none}
.brand-trust{position:relative;z-index:2;border-color:#ffffff1c;margin-block-start:64px!important}
.brand-trust p{color:#bcc2d8;border-color:#ffffff1c;font-size:13px!important}
.brand-trust span{color:var(--amber);font-size:20px}
.brand-portrait.portrait-stage{background:transparent;border-radius:0;overflow:visible;min-height:510px;max-height:none;align-self:center;aspect-ratio:.88;margin:0;position:relative;isolation:isolate;--portrait-x:0deg;--portrait-y:0deg}
.portrait-window{position:absolute;inset:18px 26px 36px;background:#898b96;border:1px solid #b1a5ff6b;overflow:hidden;border-radius:220px 220px 16px 16px;box-shadow:0 0 0 10px #a498ff05;transform:perspective(1100px) rotateX(var(--portrait-x)) rotateY(var(--portrait-y));transition:transform .4s ease}
.portrait-window picture{display:block;height:100%}.portrait-window img{width:100%;height:100%;object-fit:cover;object-position:center 17%;aspect-ratio:auto;filter:saturate(.82);transition:filter .5s ease}
.portrait-stage:hover .portrait-window img{filter:saturate(1)}
.portrait-orbits{position:absolute;inset:-16px;z-index:-1;pointer-events:none}
.portrait-orbit{position:absolute;inset:20px 0;border:1px solid #a498ff37;border-radius:50%;rotate:-16deg;animation:portrait-orbit-turn 28s linear infinite}
.portrait-orbit:before{content:'';position:absolute;inline-size:8px;block-size:8px;inset-block-start:13%;inset-inline-start:18%;background:#c0b5ff;border-radius:50%;box-shadow:0 0 15px #b4a6ff80}
.portrait-orbit-two{inset:50px -25px;border-color:#ffffff14;rotate:20deg;animation-direction:reverse;animation-duration:36s}
.portrait-orbit-two:before{background:#ffb35c;box-shadow:0 0 14px #ffb35c60;inline-size:5px;block-size:5px}
.hero-signal-map{position:absolute;inset:0;width:100%;height:100%;stroke:#8f83d52e;stroke-width:1.2;z-index:2}
.hero-signal-pulse{stroke:#ae9dff;stroke-dasharray:12 450;animation:signal-flow 6s linear infinite}
.portrait-label{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;padding:12px 16px;background:#171a30f2;border:1px solid #8473bf56;border-radius:8px;color:#e9e5ff;font-size:12px;box-shadow:0 14px 28px #05051122;animation:label-float 6s ease-in-out infinite}
.portrait-label-one{inset-inline-start:-20px;inset-block-start:22%}.portrait-label-one>span{font-size:21px;color:var(--amber)}
.portrait-label-two{inset-inline-end:-20px;inset-block-end:29%;animation-delay:-3s}.portrait-label-dot{width:6px;height:6px;background:#ad9fff;border-radius:50%;box-shadow:0 0 0 4px #a498ff12}
.brand-portrait.portrait-stage figcaption{inset-inline:52px;inset-block-end:52px;background:#0d1020ed;border:1px solid #ffffff18;border-inline-start:2px solid #a498ff;border-radius:5px;padding:17px 18px;color:#f4f3ff;z-index:3;gap:5px}
.brand-portrait.portrait-stage figcaption span{color:#bdc1d6;font-size:11px}
.brand-section-heading .brand-eyebrow,.brand-about>.brand-eyebrow{color:#6e5daf}
.brand-section-heading h2{letter-spacing:-.04em}
.brand-service-grid{border:0;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-service-card{position:relative;padding:32px;border:1px solid #e0e0ed;border-radius:12px;background:#fff;overflow:hidden;transition:translate .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.brand-service-card:hover,.brand-service-card:focus-within{background:#fff;border-color:#aa9ed5;translate:0 -7px;box-shadow:0 18px 36px #2620430b}
.brand-service-card:after{content:'';position:absolute;inset-inline:30px;inset-block-start:0;height:2px;background:#9d8bea;scale:0 1;transition:scale .3s ease}
.brand-service-card:hover:after,.brand-service-card:focus-within:after{scale:1 1}
.brand-service-card .brand-number{margin-block-end:34px;color:#8f85ac}
.brand-service-card h3{font-size:23px;line-height:1.35}.brand-service-card h3 a span{color:#8571cb}
.brand-service-card p{color:#656780;font-size:15px}
.brand-consulting p{color:#646478}
.brand-dark,.brand-final{background:#111426;color:#f5f3ff}.brand-dark :is(p,.brand-eyebrow,.brand-number),.brand-final p{color:#b5b9d0}
.brand-dark .brand-feature-list li{border-color:#ffffff1c}.brand-dark .brand-feature-list li:before{color:#b7aaff}
.brand-dark .brand-text-link{color:#e1d8ff}.brand-dark .brand-text-link:hover{color:#c2b4ff}
.brand-system-diagram{background:#181b30;border-color:#51496c;position:relative;border-radius:12px;box-shadow:20px 20px 0 #9a8cff07}
.brand-diagram-top{color:#9c9db7}.brand-system-node{background:#20233d;border-color:#665b8c;transition:border-color .3s ease,background .3s ease}.brand-system-node:hover{background:#2b284a;border-color:#a99af1}.brand-system-node .brand-number{color:#b7aaff}
.brand-system-line{background:#5c508a;position:relative;overflow:hidden}.brand-system-line:after{content:'';position:absolute;inset-block-start:-8px;inset-inline:0;block-size:8px;background:#bdadff;animation:system-signal 2.2s ease-in-out infinite}.brand-system-diagram figcaption{color:#afb0c8}
.brand-browser-figure{background:#eceaf5;border:1px solid #dfdceb;border-radius:12px}.brand-browser{border-color:#d1cde2;border-radius:8px;box-shadow:0 15px 30px #332d5810}.brand-browser-bar{background:#f3f1fa;border-color:#e4e0ef}.brand-browser-rule{background:#a498ff}.brand-browser-body strong{color:#29243c}.brand-browser-body .brand-eyebrow{color:#75659d}
.brand-process{gap:24px}.brand-process li{padding:22px;border:1px solid #dbd9e9;border-radius:10px;background:#ffffff80;transition:background .25s ease,translate .25s ease}.brand-process li:hover{background:#fff;translate:0 -4px}.brand-process .brand-number{color:#7862b7;font-size:16px}
.brand-project-image{background:linear-gradient(135deg,#f1effb,#e5e8f4);border-color:#dcd8ed;position:relative;overflow:hidden;transition:border-color .25s ease}.brand-project-image:before,.brand-project-image:after{content:'';position:absolute;width:90px;height:90px;border:1px solid #9c8fc229;border-radius:50%;inset-inline-start:-30px;inset-block-start:-25px}.brand-project-image:after{inset-inline-start:auto;inset-inline-end:-24px;inset-block-start:auto;inset-block-end:-20px;width:120px;height:120px}.brand-project-image img{position:relative;z-index:1;transition:scale .4s ease}.brand-project-image:hover{border-color:#9988cd}.brand-project-image:hover img{scale:1.07}
.brand-expertise article{border-color:#d2cce4}.brand-expertise h3{color:#2d2543}.brand-about{gap:70px}
.samilo-brand .brand-home .testim-style2{background:#eeebf7}.samilo-brand .brand-home .testim-style2 .swiper-slide{background:#ffffffb5!important;border-color:#d7d0e8!important;color:#29273a!important;border-radius:12px;padding:30px!important}.samilo-brand .brand-home .testim-style2 .swiper-slide>p{color:#514e67}
.brand-home .testimonial-toggle{border-color:#c3b8de;color:#564772;font-size:13px;border-radius:6px}.brand-home .faq .item{border-color:#e0dced;box-shadow:none}.brand-home .faq h3{color:#373049}
.brand-footer{background:#0d1020;color:#e7e5f4;border-color:#ffffff16}.brand-footer p,.brand-footer-grid>div>p,.brand-footer-bottom p{color:#929ab5}.brand-footer .brand-lockup img{background:transparent}.brand-footer h2{color:#b7afd5}.brand-footer a:hover{color:#bcb0ff}.brand-footer-bottom{border-color:#ffffff18}.brand-footer .brand-socials a{color:#a9acc3}
.samilo-brand :is(.service-hero,.case-hero,.entity-hero){background:#eeedf7;color:#15182b}.samilo-brand :is(.service-hero,.case-hero,.entity-hero) h1{color:#15182b}.samilo-brand :is(.service-cta,.case-button){background:#a498ff;border-color:#a498ff;color:#0d1020;border-radius:8px}.samilo-brand :is(.case-visual,.service-hero__media){background:#e6e2f2;border-color:#d4cfe2}.samilo-brand :is(.case-aside__card,.service-sidebar>div){background:#eeedf7;color:#28263b;border-color:#d4cfe2}.samilo-brand .case-study{--case-accent:#7257b2}.samilo-brand .service-detail{--service-accent:#7257b2}.samilo-brand :is(.case-back,.service-back,.service-kicker,.case-eyebrow,.case-content a,.main-post a){color:#6850a0}.samilo-brand .main-color{color:#7153af!important}.samilo-brand .form-box button[type=submit]{background:#a498ff!important;border-color:#a498ff!important;color:#0d1020!important}
.reveal-pending{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-pending.is-revealed,.reveal-pending:focus-within{opacity:1;translate:0 0}
html[dir=rtl] .brand-hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.52;letter-spacing:0}html[dir=rtl] .brand-hero h1>span{line-height:1.52;margin-block-start:4px}html[dir=rtl] .brand-hero .brand-eyebrow{letter-spacing:0}html[dir=rtl] .brand-section-heading h2{letter-spacing:0}
@keyframes hero-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes portrait-orbit-turn{to{rotate:344deg}}
@keyframes signal-flow{to{stroke-dashoffset:-462}}
@keyframes label-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes ambient-drift{to{translate:-70px 50px}}
@keyframes system-signal{to{translate:0 48px}}
@media(prefers-reduced-motion:no-preference){.brand-hero-copy>*{animation:hero-enter .8s cubic-bezier(.2,.7,.25,1) both}.brand-hero-copy h1{animation-delay:.08s}.brand-hero-copy .brand-lead{animation-delay:.17s}.brand-hero-copy .brand-actions{animation-delay:.25s}.hero-bottomline{animation-delay:.3s!important}.portrait-window{animation:hero-enter 1s .1s ease both}}
body.motion-paused :is(.hero-ambient span,.portrait-orbit,.hero-signal-pulse,.portrait-label,.brand-system-line:after,.client-logo-track){animation-play-state:paused!important}
@media(min-width:1101px){.brand-header .brand-nav-links .sub-menu{background:#171a2d;border-color:#ffffff25;color:#e6e2f8}}
@media(max-width:1100px){.brand-navigation{background:#101327;border-color:#ffffff1a}.brand-hero-grid{gap:40px}.brand-portrait.portrait-stage{min-height:440px}.portrait-label-one{inset-inline-start:-6px}.portrait-label-two{inset-inline-end:-6px}.brand-motion-toggle{border:0;padding:0}}
@media(max-width:760px){.brand-hero{padding-block-start:40px}.brand-hero-grid{grid-template-columns:1fr;gap:38px}.brand-hero h1{font-size:clamp(40px,8.4vw,56px);line-height:1.16}.brand-hero .brand-lead{font-size:17px!important}.brand-hero .brand-eyebrow{font-size:11px!important}.brand-hero .brand-actions{gap:20px}.hero-bottomline{margin-block-start:24px;gap:10px}.brand-portrait.portrait-stage{inline-size:min(100%,410px);margin-inline:auto;min-height:420px;max-height:none;aspect-ratio:.9}.portrait-window{inset:12px 26px 30px}.portrait-orbits{inset:-4px 0}.portrait-orbit-two{inset-inline:-8px}.portrait-label{font-size:11px;padding:10px 12px}.portrait-label-one{inset-inline-start:0;inset-block-start:23%}.portrait-label-two{inset-inline-end:0;inset-block-end:28%}.brand-portrait.portrait-stage figcaption{inset-inline:44px;inset-block-end:42px;padding:13px 14px}.brand-portrait.portrait-stage figcaption strong{font-size:17px}.brand-portrait.portrait-stage figcaption span{font-size:10px}.brand-trust{margin-block-start:40px!important}.brand-trust p{font-size:12px!important}.brand-service-grid{grid-template-columns:1fr}.brand-service-card{padding:28px}.brand-about{gap:30px}.brand-process li{padding:18px}html[dir=rtl] .brand-hero h1{font-size:clamp(35px,7.7vw,45px);line-height:1.55}}
@media(max-width:400px){.brand-hero h1{font-size:40px}.brand-portrait.portrait-stage{min-height:360px}.portrait-label-one{inset-inline-start:-2px}.portrait-label-two{inset-inline-end:-2px}html[dir=rtl] .brand-hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:none;transition:none}.portrait-window{transform:none!important}.brand-motion-toggle{display:none!important}html{scroll-behavior:auto}}

.samilo-brand .client-showcase.is-motion-ready.is-offscreen .client-logo-track{animation-play-state:paused}
body.motion-background :is(.hero-ambient span,.portrait-orbit,.hero-signal-pulse,.portrait-label,.brand-system-line:after,.client-logo-track){animation-play-state:paused!important}

/* Two primary offers lead the service composition, supported by four compact specialties. */
.brand-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-service-card:nth-child(-n+2){grid-column:span 2;padding:34px;min-height:265px;background:#eeebf8;border-color:#ded8ef}
.brand-service-card:nth-child(2){background:#e9edf8;border-color:#d8dfef}
.brand-service-card:nth-child(-n+2) h3{font-size:29px}.brand-service-card:nth-child(-n+2) p{max-width:440px;font-size:16px}
.brand-service-top{display:flex;align-items:center;justify-content:space-between;margin-block-end:32px}.brand-service-top .brand-number{margin:0}.brand-service-symbol{color:#8873c1;display:flex;transition:rotate .3s ease,scale .3s ease}
.brand-service-card:hover .brand-service-symbol{rotate:-8deg;scale:1.12}
@media(max-width:1100px){.brand-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-service-card:nth-child(-n+2){grid-column:auto}.brand-service-card:nth-child(-n+2) h3{font-size:25px}}
@media(max-width:760px){.brand-service-grid{grid-template-columns:1fr}.brand-service-card:nth-child(-n+2){padding:28px;min-height:0}.brand-service-card:nth-child(-n+2) h3{font-size:25px}}

body.motion-paused .brand-system-line:after,body.motion-background .brand-system-line:after{animation-play-state:paused!important}