/* Ahmad Samilo — shared bilingual design system. */
:root{--color-primary:#242923;--color-accent:#ef991f;--color-accent-hover:#d5820f;--color-background:#faf9f6;--color-surface:#fff;--color-tint:#eeede7;--color-text:#242923;--color-muted:#5a615a;--color-border:#d8dcd4;--container-width:1200px;--radius:6px;--space-section:clamp(64px,8vw,112px);--base-color:#9a5b05;--main-color:#9a5b05;--white:#fff;--black:#242923}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body.samilo-brand{background:var(--color-background);color:var(--color-text);font-family:'Bricolage Grotesque','Segoe UI',Arial,sans-serif;line-height:1.65;font-size:17px;overflow-wrap:break-word}
.samilo-brand[dir=rtl],html[dir=rtl] .samilo-brand{font-family:'Cairo',Tahoma,Arial,sans-serif;line-height:1.9}
.samilo-brand h1,.samilo-brand h2,.samilo-brand h3,.samilo-brand h4,.samilo-brand h5,.samilo-brand h6{font-family:inherit;color:inherit;letter-spacing:-.035em;line-height:1.16;font-weight:600}
html[dir=rtl] .samilo-brand :is(h1,h2,h3,h4,h5,h6){letter-spacing:0;line-height:1.55}
.samilo-brand p{font:inherit;color:var(--color-muted);margin-block:0 20px}
.samilo-brand a{color:inherit;text-decoration:none;transition:color .16s ease,background .16s ease}
.samilo-brand a:hover{color:#87500a}
.samilo-brand img{max-width:100%}
.samilo-brand .container{max-width:var(--container-width);width:calc(100% - 80px);padding-inline:0;margin-inline:auto}
.samilo-brand :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #995900;outline-offset:5px}
.samilo-brand .skip-link{inset-inline-start:16px;inset-block-start:12px;background:#242923;color:#fff;left:auto;top:auto}
.brand-header{position:sticky;inset-block-start:0;z-index:1000;border-block-end:1px solid var(--color-border);background:var(--color-background)}
.admin-bar .brand-header{inset-block-start:32px}
.brand-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}
.brand-lockup{display:flex;gap:12px;align-items:center;flex-shrink:0}
.brand-lockup img{width:56px;height:56px;object-fit:contain}
.brand-lockup>span{font-weight:700;font-size:20px;line-height:1.35}
.brand-lockup small{display:block;font-weight:400;font-size:10px;letter-spacing:.01em;margin-block-start:5px;color:var(--color-muted)}
.brand-navigation{display:flex;align-items:center;gap:24px}
.brand-nav-links{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px}
.brand-nav-links a{display:inline-flex;align-items:center;min-height:44px}
.brand-nav-links a[aria-current=page]{color:#87500a;text-decoration:underline;text-underline-offset:7px}
.brand-language{font-size:14px;border-inline-start:1px solid var(--color-border);padding-inline-start:22px;min-height:44px;display:flex;align-items:center}
.brand-menu-toggle{display:none;border:1px solid var(--color-border);border-radius:var(--radius);background:transparent;min-height:44px;padding:8px 14px;font:inherit;gap:12px;align-items:center;color:var(--color-text)}
.brand-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;background:var(--color-accent);color:#242923!important;padding:14px 22px;border:1px solid var(--color-accent);border-radius:var(--radius);font-weight:600;font-size:16px}
.brand-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}
.brand-button-small{font-size:14px;min-height:44px;padding:10px 16px;gap:14px}
.brand-button span,.brand-text-link span{display:inline-block}
html[dir=rtl] .brand-button span,html[dir=rtl] .brand-text-link span{transform:scaleX(-1)}
.brand-text-link{display:inline-flex;gap:14px;align-items:center;min-height:44px;font-weight:600;font-size:16px;text-decoration:underline!important;text-underline-offset:6px;text-decoration-color:#bcc1b8!important}
.brand-hero{padding-block:clamp(44px,6vw,78px) 0}
.brand-hero-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:70px}
.brand-eyebrow{font-size:12px!important;font-weight:600!important;letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);margin-block-end:24px!important}
.brand-hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.06;max-width:720px;margin-block:0 30px;letter-spacing:-.055em;font-weight:600}
.brand-hero h1>span{display:block;color:#5a615a;margin-block-start:5px}
.brand-lead{font-size:20px!important;line-height:1.65!important;max-width:640px}
.brand-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-block-start:30px}
.brand-hero-note{font-size:13px!important;margin-block:30px 0!important}
.brand-portrait{position:relative;margin:0;background:#e5e6df;border-radius:var(--radius);overflow:hidden;max-height:560px;align-self:stretch;min-height:450px}
.brand-portrait picture{display:block;height:100%}
.brand-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;aspect-ratio:4/5}
.brand-portrait figcaption{position:absolute;inset-inline:18px;inset-block-end:18px;background:#fff;padding:18px 20px;display:flex;flex-direction:column;border-inline-start:3px solid var(--color-accent)}
.brand-portrait figcaption strong{font-size:20px}.brand-portrait figcaption span{font-size:12px;color:var(--color-muted)}
.brand-trust{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--color-border);margin-block-start:64px!important}
.brand-trust p{margin:0!important;padding-block:26px;font-size:14px!important;display:flex;align-items:center;gap:14px}
.brand-trust p+p{border-inline-start:1px solid var(--color-border);padding-inline-start:28px}
.brand-trust span{color:#9a5b05;font-size:23px}
.brand-section{padding-block:var(--space-section)}
.brand-section-heading{margin-block-end:42px;max-width:740px}
.brand-section h2{font-size:clamp(30px,3.4vw,46px);margin-block:0 24px;max-width:740px}
.brand-section-heading .brand-lead{font-size:18px!important}
.brand-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border)}
.brand-service-card{padding:30px 28px;border-inline-end:1px solid var(--color-border);border-block-end:1px solid var(--color-border);background:var(--color-surface)}
.brand-number{font-size:12px;letter-spacing:.08em;color:#737b71;font-variant-numeric:tabular-nums;display:block;margin-block-end:24px}
.brand-service-card h3{font-size:23px;line-height:1.3;margin-block-end:16px}
.brand-service-card h3 a{display:flex;justify-content:space-between;gap:12px}
.brand-service-card h3 a span{font-size:20px;color:#995900}
.brand-service-card p{font-size:16px;line-height:1.7;margin:0}
.brand-service-card:focus-within,.brand-service-card:hover{background:#f2f1eb}
.brand-consulting{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-block-start:28px}
.brand-consulting p{font-size:13px;margin:0}
.brand-dark{background:#242923;color:#faf9f6}.brand-dark :is(p,.brand-eyebrow,.brand-number){color:#cbd0c6}
.brand-dark a:hover{color:#efb45f}.brand-dark :focus-visible{outline-color:#efb45f}
.brand-split{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.brand-split .brand-section-heading{margin-block-end:24px}
.brand-feature-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin-block:30px}
.brand-feature-list li{padding:14px 12px 14px 0;border-block-start:1px solid var(--color-border);font-size:15px;display:flex;align-items:flex-start;gap:10px}
.brand-feature-list li:before{content:'+';color:#9a5b05;flex-shrink:0}
.brand-dark .brand-feature-list li{border-color:#535a50}.brand-dark .brand-feature-list li:before{color:#efb45f}
.brand-system-diagram{margin:0;border:1px solid #646b60;padding:26px;background:#2e342d;border-radius:var(--radius)}
.brand-diagram-top{display:flex;justify-content:space-between;direction:ltr;font-size:10px;letter-spacing:.08em;color:#cbd0c6;padding-block-end:30px}
.brand-system-node{display:flex;gap:18px;padding:20px;border:1px solid #677160;align-items:center;background:#363e33}
.brand-system-node .brand-number{margin:0;color:#efb45f}.brand-system-node strong{font-size:16px;font-weight:500}
.brand-system-line{display:block;block-size:30px;inline-size:1px;background:#ef991f;margin-inline:auto}
.brand-system-diagram figcaption{font-size:12px;color:#cbd0c6;text-align:center;margin-block-start:24px}
.brand-browser-figure{margin:0;padding:36px 22px;background:#ecebe3;border-radius:var(--radius)}
.brand-browser{background:#fff;border:1px solid #c6cabe;border-radius:var(--radius);overflow:hidden}
.brand-browser-bar{display:flex;justify-content:space-between;background:#f4f5f1;border-block-end:1px solid var(--color-border);font-size:11px;padding:14px 18px}
.brand-browser-body{padding:36px 28px}.brand-browser-body .brand-eyebrow{font-size:9px!important}.brand-browser-body strong{display:block;font-size:36px;line-height:1.2;letter-spacing:-.04em;max-width:310px;margin-block-end:18px}.brand-browser-body p{font-size:13px}
.brand-browser-rule{height:5px;width:60px;background:#ef991f;margin-block:24px}
.brand-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.brand-mini-grid span{border-block-start:1px solid var(--color-border);padding-block-start:14px;font-size:10px}
.brand-browser-figure figcaption{font-size:12px;text-align:center;margin-block-start:24px}
.brand-tint{background:var(--color-tint)}
.brand-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:0}
.brand-process li{border-block-start:1px solid #bec4b8;padding-block-start:24px}.brand-process h3{font-size:21px;margin-block-end:14px}.brand-process p{font-size:15px;margin:0}.brand-process .brand-number{margin-block-end:16px;color:#87500a}
.brand-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.brand-project-image{display:flex;align-items:center;justify-content:center;background:#eeede7;aspect-ratio:1.6;border:1px solid var(--color-border);margin-block-end:24px;border-radius:var(--radius)}.brand-project-image img{width:65%;height:60%;object-fit:contain}.brand-project h3{font-size:24px;line-height:1.35;margin-block-end:16px}.brand-project p{font-size:16px}.brand-all-work{margin-block-start:34px}
.brand-expertise{display:grid;grid-template-columns:1fr 1fr;gap:30px 50px}.brand-expertise article{border-block-start:1px solid #bec4b8;padding-block-start:24px}.brand-expertise h3{font-size:23px;margin-block-end:16px}.brand-expertise p{font-size:16px}
.brand-about{display:grid;grid-template-columns:1fr 2fr;gap:50px}.brand-about>div{max-width:760px}
.brand-home .testim-style2{background:#eeede7;padding-block:var(--space-section)}
.brand-home :is(.testim-style2,.faq,.blog-style2) .sec-head-stand{text-align:start;margin-block-end:40px!important}
.brand-home :is(.testim-style2,.faq,.blog-style2) h2{font-size:clamp(30px,3.4vw,46px);line-height:1.2;font-weight:600;max-width:740px}
.brand-home .testim-style2 .swiper-wrapper{display:grid!important;grid-template-columns:1fr 1fr;gap:28px;transform:none!important;align-items:start}
.brand-home .testim-style2 .swiper-slide{width:auto!important;margin:0!important;padding:28px!important;border:1px solid #bec4b8;border-radius:var(--radius);background:transparent!important;height:auto;min-width:0;color:#242923!important}
.brand-home .testim-style2 .swiper-slide>svg{display:none}
.brand-home .testim-style2 .swiper-slide>p{font-size:16px;line-height:1.8;color:#40473e;letter-spacing:0}
.brand-home .testim-style2 .info-text{margin-block-start:24px!important;align-items:start!important}.brand-home .testim-style2 h6{font-size:16px}.brand-home .testim-style2 .info-text p{font-size:12px!important;line-height:1.6}.brand-home .testim-style2 .testimonial-toggle{font-size:13px}.brand-home .testim-style2 .testim-controls{display:none}
.brand-home .faq{padding-block:var(--space-section)}.brand-home .faq .item{border:1px solid var(--color-border);border-radius:var(--radius)!important;padding:24px!important}.brand-home .faq h3{font-size:20px}.brand-home .faq p{font-size:16px}.brand-home .faq .row{align-items:stretch}
.brand-home .blog-style2{padding-block:0 var(--space-section)}.brand-home .blog-style2 .swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;transform:none!important}.brand-home .blog-style2 .swiper-slide{width:auto!important;margin:0!important;min-width:0}.brand-home .blog-style2 .swiper-pagination{display:none}.brand-home .blog-style2 h6{font-size:22px}.brand-home .blog-style2 .blog-card-image{background:#eeede7;border-radius:var(--radius)!important}.brand-home .blog-style2 .row{justify-content:start!important}.brand-home .blog-style2 .col-lg-6{width:100%}.brand-home .blog-style2 .play-text,.brand-home .testim-style2 .play-text{font-style:normal!important;font-family:inherit}
.brand-clients{padding-block:40px;border-block:1px solid var(--color-border)}.brand-clients p{font-size:13px;margin-block-end:24px}.brand-client-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:24px;align-items:center}.brand-client-grid img{width:100%;height:56px;object-fit:contain}.brand-client-grid a{display:flex;min-height:60px;align-items:center}
.brand-final{background:#242923;color:#faf9f6}.brand-final p{color:#cbd0c6;max-width:620px}.brand-final .brand-button{margin-block-start:14px}.brand-final h2{font-size:clamp(36px,4vw,58px);max-width:850px}
.brand-footer{background:var(--color-background);padding-block:64px 24px;border-block-start:1px solid var(--color-border)}.brand-footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:60px}.brand-footer-grid>div>p{max-width:300px;font-size:16px;margin-block-start:22px}.brand-footer h2{font-size:14px;letter-spacing:0;margin-block-end:20px;font-weight:700}.brand-footer ul{list-style:none;padding:0;margin:0}.brand-footer-grid>div>a:not(.brand-lockup),.brand-footer li a{display:block;font-size:15px;padding-block:5px}.brand-socials{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin-block-start:18px}.brand-socials a{min-height:32px}.brand-footer-bottom{display:flex;gap:24px;align-items:center;font-size:12px;border-block-start:1px solid var(--color-border);padding-block-start:24px;margin-block-start:44px!important}.brand-footer-bottom p{margin:0;margin-inline-end:auto;font-size:12px}
/* Consistent internal pages; original content and template routing are retained. */
.samilo-brand .samilo-breadcrumbs{padding-block:22px 0;color:#5a615a}
.samilo-brand :is(.service-hero,.case-hero,.entity-hero){background:#eeede7;color:#242923;padding-block:64px}
.samilo-brand :is(.service-hero,.case-hero,.entity-hero) h1{font-size:clamp(34px,4.5vw,60px);line-height:1.2;color:#242923}
.samilo-brand :is(.service-hero,.case-hero,.entity-hero) p{color:#5a615a}
.samilo-brand :is(.service-main,.case-body,.entity-body){background:var(--color-background);color:#242923}
.samilo-brand :is(.service-content,.case-content,.entity-content){font-size:18px;line-height:1.85;color:#242923;min-width:0}
.samilo-brand :is(.service-content,.case-content,.entity-content) p{color:#5a615a}
.samilo-brand :is(.service-cta,.case-button){background:#ef991f;color:#242923;border-color:#ef991f;border-radius:6px}
.samilo-brand :is(.case-aside__card,.service-sidebar>div){background:#eeede7;color:#242923;border-color:var(--color-border)}
.samilo-brand :is(.case-aside__card,.service-sidebar) :is(span,p){color:#5a615a}
.samilo-brand :is(.case-visual,.service-hero__media){background:#e3e5db;border:1px solid var(--color-border)}
.samilo-brand .case-orbit{display:none}
.samilo-brand :is(.case-back,.service-back,.service-kicker,.case-eyebrow){color:#87500a}
.samilo-brand .case-code-mark{color:#5a615a}
.samilo-brand :is(.blog-header,.pg-hero){padding-block:56px 24px;background-image:none!important;background:var(--color-background)}
.samilo-brand :is(.blog-header,.pg-hero)>.container{padding-block-start:0!important}
.samilo-brand :is(.blog-header,.pg-hero) h1{font-size:clamp(34px,4.5vw,60px);line-height:1.2;text-transform:none}
.samilo-brand .main-post{line-height:1.85}.samilo-brand .main-post :is(h2,h3){margin-block:32px 16px}.samilo-brand .main-post a{color:#87500a;text-decoration:underline}.samilo-brand .main-post :is(ul,ol){padding-inline-start:24px}
.samilo-brand .contact-sec{padding-block:40px 80px!important}.samilo-brand .form-box{border:1px solid var(--color-border);background:#fff;padding:32px;border-radius:var(--radius)}
.samilo-brand :is(input:not([type=hidden]),textarea,select){border:1px solid #9fa698!important;border-radius:4px!important;padding:12px 14px!important;background:#fff!important;color:#242923!important;font:inherit;min-height:48px;max-width:100%;width:100%}
.samilo-brand :is(input,textarea)::placeholder{color:#666f62}.samilo-brand label{color:#424a3d!important;letter-spacing:0;text-transform:none!important}
.samilo-brand .form-box button[type=submit]{background:#ef991f!important;color:#242923!important;border:1px solid #ef991f!important;border-radius:6px!important;padding:14px 24px!important;min-height:52px}
.samilo-brand .form-box button[type=submit] .icon{display:none}
.samilo-brand .main-color{color:#87500a!important}.samilo-brand .sub-bg{background:#eeede7}
.samilo-brand .text-dark{color:#242923!important}
.samilo-brand .butn-arrow-circle{font-size:16px}.samilo-brand .line-top,.samilo-brand .line-bottom{border-color:var(--color-border)}
html[dir=rtl] .samilo-brand{direction:rtl;text-align:right}html[dir=rtl] .brand-eyebrow{letter-spacing:0;text-transform:none;font-size:13px!important}html[dir=rtl] .brand-hero h1{font-size:clamp(37px,4.5vw,60px);line-height:1.5;letter-spacing:0}html[dir=rtl] .brand-browser-body strong{letter-spacing:0;line-height:1.6}html[dir=rtl] .brand-feature-list li{padding-inline:0 12px}html[dir=rtl] .brand-home :is(.testim-style2,.faq,.blog-style2) h2{line-height:1.55}html[dir=rtl] .info-text .ml-15px{margin-left:0!important;margin-inline-start:15px!important}html[dir=rtl] .brand-lockup small{font-size:10px}
@media(min-width:1101px){.brand-nav-links li{position:relative}.brand-nav-links .sub-menu{position:absolute;inset-block-start:100%;min-width:220px;background:#fff;border:1px solid var(--color-border);padding:16px;list-style:none;display:none;z-index:10}.brand-nav-links li:hover>.sub-menu,.brand-nav-links li:focus-within>.sub-menu{display:block}}
@media(max-width:1100px){.brand-menu-toggle{display:flex}.brand-header-inner{min-height:80px}.brand-navigation{display:none;position:absolute;inset-inline:0;inset-block-start:100%;padding:24px 40px;background:var(--color-background);border-block-end:1px solid var(--color-border);max-height:calc(100dvh - 85px);overflow:auto;align-items:stretch}.brand-navigation.is-open{display:flex;flex-direction:column;gap:16px}.brand-nav-links{flex-direction:column;gap:0}.brand-nav-links a{width:100%;padding-block:8px}.brand-language{border:0;padding:0}.brand-nav-links .sub-menu{list-style:none;padding-inline-start:20px}.brand-hero-grid{gap:35px}.brand-split{gap:40px}.brand-lockup small{font-size:10px}.brand-client-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.samilo-brand .container{width:calc(100% - 40px)}.brand-lockup img{width:44px;height:44px}.brand-lockup>span{font-size:17px}.brand-lockup small{display:none}.brand-header-inner{min-height:72px}.brand-hero-grid{grid-template-columns:1fr;gap:36px}.brand-hero{padding-block-start:40px}.brand-hero h1{font-size:clamp(39px,8vw,58px)}.brand-lead{font-size:18px!important}.brand-hero .brand-eyebrow{font-size:11px!important;letter-spacing:.02em}.brand-portrait{min-height:0;max-height:460px;aspect-ratio:1.05}.brand-portrait img{object-position:center 18%}.brand-portrait figcaption{inset-inline:14px;inset-block-end:14px;padding:12px 16px}.brand-portrait figcaption strong{font-size:18px}.brand-trust{grid-template-columns:1fr;margin-block-start:40px!important}.brand-trust p{padding-block:16px!important}.brand-trust p+p{border-inline-start:0;border-block-start:1px solid var(--color-border);padding-inline-start:0}.brand-service-grid{grid-template-columns:1fr}.brand-service-card{padding:26px}.brand-service-card h3{font-size:23px}.brand-split{grid-template-columns:1fr;gap:40px}.brand-feature-list{grid-template-columns:1fr}.brand-feature-list li{padding-block:12px}.brand-process{grid-template-columns:1fr 1fr;gap:24px}.brand-project-grid,.brand-expertise,.brand-about{grid-template-columns:1fr;gap:30px}.brand-about>p{margin:0!important}.brand-home .testim-style2 .swiper-wrapper{grid-template-columns:1fr}.brand-home .blog-style2 .swiper-wrapper{grid-template-columns:1fr}.brand-client-grid{grid-template-columns:repeat(3,1fr);gap:18px}.brand-footer-grid{grid-template-columns:1fr 1fr;gap:36px}.brand-footer-grid>div:first-child{grid-column:1/-1}.brand-footer-grid>div:first-child p{max-width:100%}.brand-footer-bottom{flex-wrap:wrap;gap:16px}.brand-footer-bottom p{flex-basis:100%}.brand-navigation{padding:20px}.samilo-brand .form-box{padding:20px}.brand-actions{gap:20px}.brand-browser-figure{padding:24px 16px}.brand-browser-body{padding:28px 20px}.brand-browser-body strong{font-size:30px}html[dir=rtl] .brand-hero h1{font-size:clamp(33px,7.4vw,48px)}.brand-section-heading{margin-block-end:32px}.samilo-brand :is(.case-hero__grid,.service-hero__grid,.case-layout,.service-layout){gap:32px}.samilo-brand :is(.service-hero,.case-hero,.entity-hero){padding-block:40px}}
@media(max-width:400px){.brand-footer-grid{grid-template-columns:1fr}.brand-footer-grid>div:first-child{grid-column:auto}.brand-process{grid-template-columns:1fr}.brand-menu-toggle{font-size:13px;padding:8px 10px}.brand-actions .brand-button{width:100%}.brand-lockup{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Original white signature stays intact on a contrasting brand plate. */
.brand-lockup img{background:#242923;padding:6px;border-radius:4px}
.samilo-brand .case-content li{color:#5a615a}.samilo-brand .case-content a{color:#87500a}.samilo-brand .case-logo{box-shadow:none;transform:none;border-radius:6px}.samilo-brand .case-aside__card{border-radius:6px}

/* Neutralize legacy RTL FAQ gutters without concealing overflow. */
.brand-home .faq .row{margin-inline:0!important;width:100%}.brand-home .faq .container{display:block}.brand-home .faq .row>div{padding-inline:12px}.brand-home .faq .row>div:first-child{padding-inline-start:0}
@media(max-width:760px){.brand-home .faq .row>div{padding-inline:0}}

/* The homepage is independent of the legacy framework and icon/slider CSS. */
.samilo-brand,.samilo-brand *,.samilo-brand *::before,.samilo-brand *::after{box-sizing:border-box}
body.samilo-brand{margin:0}.samilo-brand button{cursor:pointer}.samilo-brand main:focus{outline:none}
.samilo-brand .skip-link{position:fixed;z-index:99999;padding:12px 18px;transform:translateY(-180%)}.samilo-brand .skip-link:focus{transform:translateY(0)}
.brand-home .testim-style2 .info-text{display:flex;gap:15px}.brand-home .testim-style2 .info-text .ml-15px{margin:0!important}.brand-home .testim-style2 .info-text .img{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.brand-home .testim-style2 .info-text .img img{width:100%;height:100%;object-fit:cover}.brand-home .testim-style2 .info-text>div:first-child{flex-shrink:0}.brand-home .testim-style2 h6{margin-block:0 10px}.brand-home .testim-style2 .swiper-slide>p{margin-block:0 20px}.brand-home .testim-style2 .sm-title-dot,.brand-home .faq .sm-title-dot,.brand-home .blog-style2 .sm-title-dot{font-size:12px;letter-spacing:.06em;margin-block-end:18px}
.brand-home .faq .row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-home .faq .row>div{padding:0!important}.brand-home .faq h3{margin-block:0 16px;line-height:1.4}.brand-home .faq p{margin:0}.brand-home .faq .item{height:100%}
.brand-home .blog-style2 .blog-card-image{aspect-ratio:4/3;overflow:hidden}.brand-home .blog-style2 .blog-card-image img{width:100%;height:100%;object-fit:cover}.brand-home .blog-style2 .blog-card-image img.blog-card-placeholder{object-fit:contain;padding:50px}.brand-home .blog-style2 .info{display:flex;gap:12px;font-size:12px;color:#5a615a;margin-block:18px 14px}.brand-home .blog-style2 h6{margin:0}.brand-home .blog-style2 h6 a{line-height:1.4}
.brand-home .testimonial-toggle{min-height:44px;padding:8px 14px;border:1px solid #7a8373;border-radius:4px;background:transparent;color:#242923;font:inherit}.brand-home .testimonial-copy{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.brand-home .testimonial-copy.is-expanded{display:block}
@media(max-width:760px){.brand-home .faq .row{grid-template-columns:1fr}}

.samilo-brand .case-study{--case-accent:#87500a}.samilo-brand .service-detail{--service-accent:#87500a}.samilo-brand .case-aside__card strong{border-color:#c4c9bd}.samilo-brand .brand-client-grid img{opacity:1!important;visibility:visible!important;transform:none!important}

.samilo-brand .case-study{--case-accent:#87500a}.samilo-brand .service-detail{--service-accent:#87500a}.samilo-brand .case-aside__card strong{border-color:#c4c9bd}.samilo-brand .brand-client-grid img{opacity:1!important;visibility:visible!important;transform:none!important}

@media(max-width:400px){.brand-header-inner{gap:12px}.brand-lockup img{width:36px;height:36px}.brand-lockup>span{font-size:15px}.brand-menu-toggle{gap:8px}.brand-hero-grid>*{min-width:0}}

.samilo-brand .case-study{--case-accent:#87500a}.samilo-brand .service-detail{--service-accent:#87500a}.samilo-brand .case-aside__card strong{border-color:#c4c9bd}.samilo-brand .brand-client-grid img{opacity:1!important;visibility:visible!important;transform:none!important}