:root{--navy:#071d2c;--deep:#061824;--slate:#19384a;--ink:#102e3c;--muted:#647983;--mint:#73e0cc;--teal:#25adab;--cream:#f6f9f9;--line:#e2e9e8;--bg:#fff;--radius:18px;--max:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;overflow-x:hidden;background:var(--bg);font-family:'IBM Plex Sans Arabic','DM Sans',Tahoma,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
html[lang=en] body{font-family:'DM Sans','IBM Plex Sans Arabic',Arial,sans-serif}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#53d7c4;color:#071d2c}*:focus-visible{outline:3px solid #39ccb8;outline-offset:4px}
.container{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.skip-link{position:absolute;inset-inline-start:14px;top:-100px;z-index:999;background:white;padding:14px 22px;color:var(--deep)}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:100;background:var(--navy);color:white}
.topline{border-bottom:1px solid rgba(255,255,255,.085);height:36px}.topline-inner{height:100%;display:flex;justify-content:space-between;align-items:center;color:#acc0ca;font-size:11px;letter-spacing:.15px}.topline-note{display:inline-flex;align-items:center;gap:10px}.topline-text{opacity:.9}.signal{width:6px;height:6px;background:var(--mint);border-radius:100%;box-shadow:0 0 0 4px #70dbc81f}
.nav-shell{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{height:49px;width:49px}.brand-type{display:flex;flex-direction:column;align-items:flex-start;line-height:1.23;white-space:nowrap}.brand-type strong{font-size:20px;color:white;font-weight:700;letter-spacing:-.55px}.brand-type small{font-family:'DM Sans',Arial,sans-serif;font-size:9px;letter-spacing:1.35px;color:#a8c0c8;margin-top:6px;font-weight:700}.brand-type small span{display:block;margin-top:3px;font-size:8px;letter-spacing:1.35px}.nav-links{display:flex;align-items:center;gap:33px}.nav-link{position:relative;font-size:13px;color:#b8cbd2;transition:color .25s;white-space:nowrap}.nav-link:hover,.nav-link.active{color:white}.nav-link.active::after{content:"";position:absolute;bottom:-12px;left:0;right:0;background:var(--mint);height:2px;border-radius:2px}.header-actions{display:flex;align-items:center;gap:18px}.lang-switch{display:flex;align-items:center;gap:7px;color:#d4e8ee;border:0;background:none;padding:10px 2px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700}.lang-switch:hover{color:var(--mint)}.header-cta{border:1px solid rgba(105,226,205,.55);border-radius:6px;display:inline-flex;align-items:center;gap:12px;padding:12px 17px;color:white;font-size:12px;font-weight:600;transition:background .25s,color .25s}.header-cta:hover{background:var(--mint);color:var(--navy)}.inline-arrow{flex-shrink:0;transform:scaleX(-1)}html[dir=ltr] .inline-arrow{transform:none}.menu-button{display:none;width:42px;height:40px;border:1px solid #ffffff35;border-radius:7px;background:none;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-button span{width:19px;height:1.6px;background:white;transition:transform .2s,opacity .2s}
.hero{background:radial-gradient(circle at 13% 28%,#153e4e 0,transparent 34%),linear-gradient(125deg,#061b2a 3%,#0b2b3b 58%,#061926 100%);color:#fff;min-height:650px;position:relative;isolation:isolate;overflow:hidden}.hero-mesh{position:absolute;inset:0;background:radial-gradient(circle at 19% 43%,#47d8c414,transparent 28%),radial-gradient(circle at 80% 75%,#5bd4db0c,transparent 35%);pointer-events:none}.hero-gridlines{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#2a51641f 1px,transparent 1px),linear-gradient(90deg,#2a51641f 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to left,#000 0%,transparent 95%)}.hero-layout{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;min-height:625px;position:relative;gap:12px}.hero-copy{padding:44px 0 72px;position:relative;z-index:3}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:none;color:#1b9898;font-size:12px;font-weight:700;letter-spacing:.1px}.eyebrow-light{color:#92e3d8}.eyebrow-rule{display:inline-block;width:28px;height:1px;background:currentColor}.eyebrow-id{color:#9dacaf;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.4px;margin-inline-start:auto}.hero h1{margin:26px 0 26px;font-size:clamp(43px,4.4vw,68px);font-weight:700;line-height:1.31;letter-spacing:-1.85px;white-space:nowrap}.hero h1 em,.contact-card h2 em{font-style:normal;color:var(--mint)}.hero-lead{font-size:16px;max-width:540px;color:#bbced5;line-height:2.15;margin:0 0 33px}.hero-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:21px;padding:16px 23px;border:1px solid transparent;border-radius:6px;font-size:13px;line-height:1.25;font-weight:700;transition:transform .24s,background .24s,border-color .24s;color:inherit;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-accent{background:#61d6c4;color:#082739;box-shadow:0 15px 40px #48c3b21b}.button-accent:hover{background:#8bf5df}.button-ghost{color:white;border-color:#d2e4ec4f;background:#ffffff08}.button-ghost:hover{background:#ffffff19}.hero-trust{display:flex;align-items:center;gap:13px;color:#a1b5bd;font-size:11px;margin-top:52px;flex-wrap:wrap}.trust-line{width:30px;background:#466878;height:1px}.trust-point{width:3px;height:3px;border-radius:50%;background:#4dcdb9}.latin{letter-spacing:1.3px;font-family:'DM Sans',sans-serif;font-size:9px;color:#83a8b1}
.hero-visual{height:570px;position:relative;display:flex;align-items:center;justify-content:center;perspective:700px}.visual-back-grid{position:absolute;inset:25px 0;opacity:.6;background:radial-gradient(circle at 50% 50%,#70e2cc1d 0,transparent 48%),repeating-radial-gradient(circle at 50% 50%,transparent 0 75px,#7be8de12 76px 77px,transparent 78px 155px)}.orb-shell{width:min(94%,475px);aspect-ratio:1;display:grid;place-items:center;position:relative;filter:drop-shadow(0 50px 65px #0004)}.orb-shell:before{content:"";position:absolute;inset:4%;border:1px solid #87f1e735;border-radius:50%;box-shadow:inset 0 0 90px #1c8e9940,0 0 100px #1bd6ce16;transform:rotateX(14deg)}.orb-shell:after{content:"";position:absolute;inset:1%;border:1px dashed #d2fff627;border-radius:50%;transform:rotate(-12deg)}.orbit{position:absolute;width:115%;height:46%;border:1px solid #79d8d45b;border-radius:50%;box-shadow:0 0 10px #7fe0d51c;transform:rotate(-34deg)}.orbit-b{transform:rotate(64deg);width:110%;height:50%;border-color:#c1e9ef25}.orb-core{width:73%;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 31% 26%,#5fd6dbad -1%,#1d7180 24%,#0c394e 50%,#071a32 77%);box-shadow:inset -27px -27px 55px #030e1fd9,inset 15px 15px 40px #b6fffa38,0 0 65px #47dcca16,0 10px 35px #06101f}.orb-core:after{content:"";position:absolute;inset:8%;border:1px solid #b5fffd27;border-radius:50%}.orb-shine{position:absolute;top:-33%;left:3%;height:100%;width:74%;transform:rotate(35deg);background:linear-gradient(90deg,transparent,#ffffff12,transparent);filter:blur(4px)}.orb-emblem{width:57%;opacity:.95;filter:drop-shadow(0 0 26px #8df5e67c)}.orb-emblem svg{width:100%;height:auto}.orb-satellite{position:absolute;width:10px;height:10px;border-radius:50%;background:#86e3da;box-shadow:0 0 0 7px #71dccc12,0 0 22px #47dcca91;z-index:2}.sat-1{top:17%;right:14%}.sat-2{bottom:15%;left:17%;width:6px;height:6px}.mini-tag{position:absolute;z-index:4;background:#092e3dcc;backdrop-filter:blur(12px);border:1px solid #8bbfc13b;border-radius:10px;padding:13px 17px;box-shadow:0 16px 28px #0002;font-family:'DM Sans',sans-serif;font-size:11px;color:#d5fcf6;letter-spacing:1.1px}.tag-top{left:8%;top:14%;display:flex;align-items:center;gap:9px}.tag-dot{width:7px;height:7px;border-radius:50%;background:#66dfbf}.tag-top b{color:#7ce3cd}.tag-bottom{right:0;bottom:15%;display:flex;align-items:center;gap:12px}.tag-bottom span:last-child{display:flex;flex-direction:column;gap:4px}.tag-bottom small{color:#8dc6c5;font-size:8px}.tag-bottom b{font-size:10px}.mint-circle{width:34px;height:34px;border-radius:100%;background:#65d9c6;display:grid;place-items:center;color:#052534}.visual-index{position:absolute;bottom:6%;left:5%;color:#bafef3;font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:1px}.visual-index span{color:#4b7f85;font-size:11px}.hero-bottom-edge{height:2px;background:linear-gradient(90deg,transparent 5%,#6fead24f 46%,transparent 90%)}
.proof-section{background:#fff;position:relative;z-index:2;border-bottom:1px solid #e5eced}.proof-grid{min-height:142px;display:grid;grid-template-columns:1.55fr repeat(4,1fr);align-items:center}.proof-intro{color:var(--ink);font-size:17px;line-height:1.65;font-weight:600}.proof-intro strong{color:#24a6a3}.proof-item{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-inline-start:30px;border-inline-start:1px solid #e2eae9}.proof-number{color:#173647;font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif;font-size:33px;line-height:1.2;letter-spacing:-.8px}.proof-number.text-sized{font-family:inherit;font-size:24px;font-weight:700;letter-spacing:0}.proof-item>span{font-size:12px;color:var(--muted)}
.section{padding-block:125px}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1fr .9fr;gap:115px;align-items:center}.section-title{font-weight:700;font-size:clamp(34px,3.25vw,51px);letter-spacing:-1.15px;line-height:1.45;margin:21px 0 23px}.section-title span{color:#2bac9f}.body-text{font-size:15px;line-height:2.2;color:#5c737b;margin:0;max-width:570px}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:13px;font-weight:700;color:#0d827b;margin-top:35px;border-bottom:1px solid #3fc4ad50;padding-bottom:9px;transition:gap .2s}.text-link:hover{gap:23px}.values-board{background:#f2f7f6;border:1px solid #e0eae8;padding:30px 37px 24px;min-height:420px;position:relative;overflow:hidden}.values-board:before{content:"";position:absolute;width:280px;height:280px;top:-195px;inset-inline-end:-80px;border-radius:50%;background:#c1e6dd6b;filter:blur(1px)}.values-board-top,.values-board-bottom{display:flex;justify-content:space-between;align-items:center;position:relative}.values-board-top{font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;color:#51737c;padding-bottom:23px}.values-board-top svg{color:#3bb4a4}.value-row{display:flex;align-items:center;gap:22px;padding:20px 0;border-top:1px solid #cfddda;position:relative}.value-index{font:600 12px 'DM Sans',sans-serif;color:#49a899}.value-row>div{flex:1;display:flex;flex-direction:column;gap:4px}.value-row strong{font-size:21px}.value-row small{font:700 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#80959b}.value-row svg{color:#3dae9d}.values-board-bottom{border-top:1px solid #cfddda;padding-top:20px;color:#6e8489;font-size:11px}.values-board-bottom span:last-child{font:600 9px 'DM Sans',sans-serif;letter-spacing:.9px;color:#8aa1a4}
.expertise-section{background:#f5f8f7}.section-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:65px;margin-bottom:52px}.section-intro-row .section-title{margin-bottom:0}.intro-side{max-width:330px;color:#60757e;font-size:14px;line-height:2;flex-shrink:0;margin:0 0 10px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{background:white;padding:25px 23px 24px;min-height:340px;border:1px solid #e6edeb;position:relative;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #082b3514;border-color:#97dacf}.service-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;color:#81959b;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.1px;direction:ltr}.service-icon{width:54px;height:54px;background:#edf8f6;display:grid;place-items:center;border-radius:12px;color:#159e91}.service-icon svg{width:29px;height:29px}.service-card h3{font-size:19px;margin:33px 0 12px;color:#173547}.service-card p{font-size:13px;line-height:2;color:#617981;margin:0 0 22px}.card-bottom{margin-top:auto;border-top:1px solid #e9eeee;padding-top:14px;display:flex;justify-content:space-between;align-items:center;color:#299e93;font-size:11px}.card-bottom svg{transform:scaleX(-1)}html[dir=ltr] .card-bottom svg{transform:none}
.coverage-section{background:#092434;position:relative;overflow:hidden}.coverage-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 18% 55%,#1d60603e,transparent 45%),linear-gradient(130deg,transparent,#0d3140aa);pointer-events:none}.coverage-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;position:relative;z-index:1}.coverage-info{padding-block:15px}.inverted{color:white}.inverted span{color:var(--mint)}.body-text.light{color:#b0c6ce}.coverage-items{display:flex;flex-direction:column;gap:19px;margin-top:36px}.coverage-items>div{display:flex;gap:14px;align-items:flex-start}.coverage-bullet{display:block;width:8px;height:8px;margin-top:11px;border-radius:50%;background:#6de4d0;box-shadow:0 0 0 6px #83e9d818}.coverage-items strong{color:white;font-size:15px;display:block}.coverage-items small{color:#91adb7;font-size:12px;display:block;margin-top:6px}.coverage-graphic{min-height:410px}.map-backdrop{position:relative;min-height:410px;overflow:hidden;border:1px solid #ffffff19;background:radial-gradient(circle at 50% 50%,#24696c33 1%,transparent 49%),linear-gradient(140deg,#0e3343,#082431);box-shadow:0 25px 80px #030d1d3b}.map-backdrop:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#84cfc410 1px,transparent 1px),linear-gradient(90deg,#84cfc410 1px,transparent 1px);background-size:35px 35px}.radar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #6accc52b;border-radius:50%}.radar-one{width:160px;height:160px}.radar-two{width:280px;height:280px}.radar-three{width:400px;height:400px}.network-svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.map-label{position:absolute;display:flex;flex-direction:column;gap:4px;color:white;font:700 12px 'DM Sans',sans-serif;letter-spacing:1.1px}.map-label small{color:#65c6bc;font:600 9px 'DM Sans',sans-serif;letter-spacing:1.3px}.label-center{top:39%;left:53%}.label-mid{bottom:14%;right:10%}.map-coordinate{position:absolute;top:18px;left:22px;color:#6d9ea5;font:600 9px 'DM Sans',sans-serif;letter-spacing:.5px}.map-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;color:#588e98;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.5px}
.partnership-section{background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.step-card{border-top:2px solid #152f3f;padding:24px 12px 15px 0}.step-num{color:#35b5a5;font:700 32px 'DM Sans',sans-serif}.step-line{width:36px;height:1px;background:#bdd5d2;margin:26px 0}.step-card h3{font-size:19px;margin:0 0 12px}.step-card p{color:#687f87;font-size:13px;line-height:2;max-width:290px;margin:0}.focus-bar{border:1px solid var(--line);background:#f8fbfa;padding:21px 27px;margin-top:51px;display:flex;justify-content:space-between;align-items:center;gap:16px}.focus-bar>span{color:#264753;font-size:13px;font-weight:700}.focus-chips{display:flex;gap:10px;flex-wrap:wrap}.focus-chips span{padding:9px 14px;background:white;color:#39776f;font-size:11px;border:1px solid #d7eae5}
.contact-section{background:#f5f8f7;padding:0 0 0}.contact-card{background:#0b3041;min-height:420px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:65px 76px}.contact-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 56%,#24a3a744,transparent 37%),linear-gradient(110deg,#082431,#0e4051);z-index:-2}.contact-art{position:absolute;inset:auto -200px -440px auto;width:900px;height:900px;border:1px solid #7be6d72a;border-radius:50%;box-shadow:0 0 0 90px #81d8ca06,0 0 0 180px #7be6d709,0 0 0 270px #7be6d705;z-index:-1}.contact-content{position:relative;z-index:2}.contact-card h2{font-size:clamp(35px,3.9vw,59px);line-height:1.42;color:white;margin:22px 0}.contact-card p{color:#b4d1d6;max-width:510px;font-size:14px;line-height:2.05;margin:0 0 30px}.contact-monogram{font:800 200px 'DM Sans',sans-serif;letter-spacing:-23px;position:absolute;left:8%;top:50%;transform:translateY(-45%);color:#b2f1eb16;white-space:nowrap}.contact-monogram span{color:#5dd6ca44}
.inquiry-section{background:#f5f8f7;padding-block:90px 115px}.inquiry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:start}.inquiry-detail{display:flex;gap:13px;align-items:center;margin-top:36px;padding-top:22px;border-top:1px solid #dbe7e3;color:#238f89}.inquiry-detail div{display:flex;flex-direction:column;gap:4px}.inquiry-detail strong{color:#173c48;font-size:14px}.inquiry-detail small{color:#70868e;font:500 11px 'DM Sans','IBM Plex Sans Arabic',sans-serif}.inquiry-form{background:white;padding:34px;box-shadow:0 20px 60px #082b3510;border:1px solid #e4ece9}.inquiry-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:700;color:#24424b;margin-bottom:19px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#f9fbfa;color:#173746;width:100%;border:1px solid #dfe9e5;border-radius:3px;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s;font-size:13px}.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{border-color:#38b4a8;box-shadow:0 0 0 3px #35bca217}.inquiry-form textarea{resize:vertical;min-height:110px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px}.button-dark{background:#0e3545;color:white;border:none}.button-dark:hover{background:#19586a}.form-actions small{font-size:10px;color:#789096}.form-feedback{font-size:12px;margin:12px 0 0;color:#207c70;min-height:18px}.form-feedback.error{color:#b14e40}
.footer{background:#061e2b;color:#eaf4f5;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-bottom:60px}.footer-brand>p{max-width:320px;color:#94aeb8;font-size:12px;line-height:2.2;margin:25px 0 0}.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-group h3{font-size:13px;color:white;margin:0 0 10px}.footer-group a,.footer-group span{font-size:12px;color:#9cb6c0;transition:color .2s}.footer-group a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #c8dee424;padding-top:22px;display:flex;gap:30px;align-items:center;justify-content:space-between;color:#6f95a3;font:600 10px 'DM Sans','IBM Plex Sans Arabic',sans-serif;letter-spacing:.6px}.footer-bottom a:hover{color:white}.toast{position:fixed;z-index:9999;bottom:26px;left:26px;background:#0d3c48;color:white;border:1px solid #4aa99b;padding:13px 19px;font-size:13px;box-shadow:0 12px 40px #05252d44;opacity:0;pointer-events:none;transform:translateY(15px);transition:all .3s}.toast.visible{opacity:1;transform:translateY(0)}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.fade-up.is-visible{opacity:1;transform:translateY(0)}
html[dir=ltr] .brand-type{align-items:flex-start}html[dir=ltr] .step-card{padding:24px 0 15px 12px}html[dir=ltr] .brand-type strong{letter-spacing:-.1px}html[dir=ltr] .hero h1{letter-spacing:-2.5px;white-space:normal}html[dir=ltr] .hero-lead{line-height:1.85}html[dir=ltr] .body-text{line-height:1.9}html[dir=ltr] .contact-monogram{left:auto;right:8%}html[dir=ltr] .contact-art{left:auto;right:-200px}html[dir=ltr] .service-card p,html[dir=ltr] .step-card p{line-height:1.75}html[dir=ltr] .inquiry-form label{font-size:12px}
@media(max-width:1120px){.container{width:min(var(--max),calc(100% - 64px))}.nav-links{gap:18px}.nav-shell{gap:20px}.header-cta{display:none}.hero h1{font-size:51px}.hero-lead{font-size:14px}.about-grid{gap:60px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:280px}.service-card h3{margin-top:20px}.inquiry-layout{gap:55px}}
@media(max-width:820px){.container{width:calc(100% - 42px)}.nav-shell{height:76px}.menu-button{display:flex}.header-actions{gap:17px}.nav-links{display:none;position:absolute;top:112px;left:0;right:0;background:#0b2b3b;border-top:1px solid #ffffff22;padding:25px 25px 30px;box-shadow:0 20px 40px #0004;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-link{padding:13px 0;font-size:14px;border-bottom:1px solid #ffffff11}.nav-link.active::after{display:none}.hero{min-height:0}.hero-layout{grid-template-columns:1fr;min-height:unset;gap:0}.hero-copy{padding:74px 0 0}.hero h1{font-size:clamp(42px,6vw,64px)}.hero-lead{max-width:600px}.hero-trust{margin-top:33px}.hero-visual{height:425px;max-width:540px;width:100%;margin-inline:auto}.orb-shell{width:370px}.mini-tag{padding:9px 12px}.proof-grid{grid-template-columns:repeat(4,1fr);gap:0;padding-block:24px}.proof-intro{grid-column:1 / -1;padding-bottom:19px;font-size:14px}.proof-intro br{display:none}.proof-item{padding-inline:17px;min-height:64px}.proof-number{font-size:27px}.proof-number.text-sized{font-size:19px}.section{padding-block:80px}.about-grid{grid-template-columns:1fr;gap:45px}.values-board{max-width:650px}.coverage-layout{grid-template-columns:1fr;gap:40px}.coverage-graphic{max-width:610px;width:100%;margin:auto}.section-intro-row{align-items:flex-start;flex-direction:column;gap:18px}.intro-side{max-width:650px}.contact-card{padding:55px 40px}.contact-monogram{font-size:130px;opacity:.65}.inquiry-layout{grid-template-columns:1fr;gap:35px}.inquiry-intro .body-text{max-width:700px}.footer-grid{gap:32px}}
@media(max-width:560px){.topline-text{display:none}.topline{height:30px}.nav-shell{height:72px}.nav-links{top:102px}.brand-mark{width:42px;height:42px}.brand-type strong{font-size:17px}.brand-type small{font-size:8px;letter-spacing:1px}.brand-type small span{font-size:7px}.lang-switch svg{width:15px}.hero-copy{padding:59px 0 0}.hero h1{font-size:clamp(35px,9vw,50px);line-height:1.44;letter-spacing:-1.1px;margin:23px 0 21px;white-space:normal}.hero-lead{font-size:13px;line-height:2.1;margin-bottom:26px}.eyebrow{font-size:10px;gap:9px}.eyebrow-rule{width:20px}.hero-buttons{gap:10px}.button{padding:14px 15px;font-size:11px;gap:11px}.hero-trust{font-size:10px;gap:8px;margin-top:27px}.latin{font-size:8px}.hero-visual{height:340px}.orb-shell{width:290px}.tag-top{top:12%;left:2%}.tag-bottom{right:0;bottom:10%}.visual-index{left:5%;bottom:4%}.proof-grid{grid-template-columns:1fr 1fr;row-gap:20px;padding-block:26px}.proof-intro{padding:0 0 4px}.proof-item{padding-inline:14px;border-inline-start:2px solid #d7e7e5;min-height:60px}.proof-number{font-size:26px}.proof-number.text-sized{font-size:19px}.proof-item>span{font-size:11px}.section{padding-block:72px}.section-title{font-size:34px;letter-spacing:-.6px;line-height:1.5;margin-block:16px 21px}.body-text{font-size:13px;line-height:2.1}.values-board{padding:25px 22px 20px;min-height:0}.value-row{padding:16px 0}.value-row strong{font-size:19px}.values-board-bottom{flex-direction:column;align-items:flex-start;gap:8px}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:255px}.service-card h3{margin-top:20px}.service-card p{max-width:360px}.coverage-layout{gap:35px}.coverage-graphic,.map-backdrop{min-height:310px}.map-backdrop .network-svg{transform:scale(.83)}.map-backdrop .radar-three{width:310px;height:310px}.map-backdrop .radar-two{width:220px;height:220px}.map-backdrop .radar-one{width:130px;height:130px}.map-label{font-size:9px}.map-label small{font-size:7px}.label-center{top:39%;left:52%}.label-mid{bottom:15%;right:6%}.map-coordinate,.map-bottom{font-size:7px}.steps-grid{grid-template-columns:1fr;gap:13px}.step-card{display:grid;grid-template-columns:47px 1fr;column-gap:15px;border-top:1px solid #d8e6e2;padding:17px 0 19px}.step-num{grid-row:1 / 3;font-size:26px}.step-line{display:none}.step-card h3{font-size:16px;margin:0 0 8px}.step-card p{font-size:12px}.focus-bar{margin-top:25px;flex-direction:column;align-items:flex-start;padding:20px}.focus-chips span{font-size:10px}.contact-card{min-height:410px;padding:48px 25px}.contact-card h2{font-size:37px}.contact-card p{font-size:12px}.contact-monogram{font-size:100px;left:2%;top:77%}.inquiry-section{padding:70px 0}.form-row{grid-template-columns:1fr;gap:0}.inquiry-form{padding:20px}.inquiry-form label{font-size:12px}.form-actions{flex-direction:column;align-items:stretch}.form-actions .button{width:100%}.footer{padding-top:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:42px 25px;padding-bottom:40px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:290px}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:8px}.footer-bottom a{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-up{opacity:1;transform:none}}


/* DESB V2 — official emerald-and-gold brand identity */
:root {
  --navy:#09251e; --deep:#071b18; --slate:#174b3a; --ink:#1b3930;
  --muted:#64766d; --mint:#e5a21c; --teal:#188434; --cream:#f7f9f4;
  --line:#e3ebe4;
}
body{background:#fff;}
.site-header{background:#09261f;}
.topline-inner{color:#c1d5c7;}
.signal{background:#e5a21c;box-shadow:0 0 0 4px #e5a21c25;}
.nav-shell{gap:22px;}
.logo-lockup{display:inline-flex;align-items:center;gap:0;}
.brand-plate{background:#fff;border:1px solid #ffffff55;border-radius:11px;width:200px;height:65px;display:grid;place-items:center;padding:10px 9px;box-shadow:0 7px 23px #00000020;}
.brand-wordmark{height:100%;width:100%;object-fit:contain;object-position:center;}
.nav-links{gap:25px;}
.nav-link{color:#cbdacf;}
.nav-link.active::after{background:#e5a21c;}
.mobile-contact-nav{display:none;}
.lang-switch:hover{color:#f2be53;}
.header-cta{border-color:#e5a21c8f;}
.header-cta:hover{background:#e5a21c;color:#08261e;}
.hero{background:radial-gradient(circle at 13% 26%,#22523b 0,transparent 39%),linear-gradient(125deg,#061c1d 4%,#11382e 59%,#071b1a 100%);}
.hero-mesh{background:radial-gradient(circle at 15% 45%,#2a96561b,transparent 29%),radial-gradient(circle at 84% 70%,#e5a21c12,transparent 37%);}
.hero-gridlines{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px)}
.eyebrow{color:#188434;}
.eyebrow-light{color:#f1c268;}
.hero h1 em,.contact-card h2 em{color:#f1c268;}
.hero-lead{color:#d2e0d9;}
.button-accent{background:#e5a21c;color:#10281e;box-shadow:0 14px 30px #00000024;}
.button-accent:hover{background:#f3bc46;}
.hero-trust{color:#acc5b5;}
.trust-point{background:#e5a21c;}
.latin{color:#9fbba9;}
.visual-back-grid{background:radial-gradient(circle at 50% 50%,#4aab7036 0,transparent 51%),repeating-radial-gradient(circle at 50% 50%,transparent 0 75px,#efd48a1e 76px 77px,transparent 78px 155px)}
.orb-shell:before{border-color:#e5a21c38;box-shadow:inset 0 0 95px #23784a40,0 0 90px #d29b2013;}
.orb-shell:after{border-color:#eed79948;}
.orbit{border-color:#e6b35b6b;box-shadow:0 0 10px #e5a21c13;}
.orbit-b{border-color:#75c18c58;}
.orb-core{background:radial-gradient(circle at 30% 23%,#59ad7b 0,#246f4e 25%,#104634 58%,#071c20 84%);box-shadow:inset -27px -27px 55px #030e0fd9,inset 15px 15px 40px #b3fcd136,0 0 65px #d2a52e20,0 10px 35px #06101f;}
.orb-emblem{width:71%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;opacity:1;filter:drop-shadow(0 0 19px #e5a21c44);box-shadow:inset 0 0 0 5px #fffaeb,0 8px 40px #0006;}
.orb-emblem img{width:84%;max-height:84%;object-fit:contain;}
.orb-satellite{background:#e5a21c;box-shadow:0 0 0 7px #e5a21c20,0 0 22px #e5a21c84;}
.mini-tag{background:#092c25de;border-color:#d7b2695c;color:#ecf6ed;}
.tag-dot{background:#e5a21c;}.tag-top b{color:#f3c36a;}
.tag-bottom small{color:#c2d0bf;}.mint-circle{background:#e5a21c;color:#163128;}
.visual-index{color:#f1c268;}
.hero-bottom-edge{background:linear-gradient(90deg,transparent 5%,#e5a21c9b 48%,transparent 90%);}
.proof-intro strong{color:#188434;}
.proof-number{color:#193d30;}
.section-title span{color:#188434;}
.text-link{color:#147431;}
.values-board{background:#f4f8f2;border-color:#e0e9df;}
.value-row strong{color:#163b2c;}
.coverage-section{background:#0d3027;}
.coverage-bullet{background:#e5a21c;box-shadow:0 0 0 6px #e5a21c1a;}
.map-backdrop{background:radial-gradient(circle at 50% 50%,#29764f4d 1%,transparent 49%),linear-gradient(140deg,#174737,#08241e);}
.contact-section{background:#f5f8f4;}
.contact-card{background:linear-gradient(115deg,#0b2d25,#164b38);}
.contact-logo{height:auto;width:255px;max-width:33%;filter:grayscale(1) brightness(0) invert(1);opacity:.095;left:8%;right:auto;letter-spacing:0;transform:translateY(-45%);}
html[dir=ltr] .contact-logo{left:auto;right:8%;}
.button-dark{background:#134c32;color:#fff;}
.button-dark:hover{background:#0e3928;}
.footer{background:#071e1a;}
.footer .brand-plate{width:202px;height:69px;}
.direct-email{direction:ltr;display:inline-flex;align-items:center;gap:11px;margin-top:28px;color:#16783b;font:700 16px 'DM Sans',sans-serif;letter-spacing:.1px;}
.direct-email:hover,.footer-email:hover{color:#e5a21c;}
.footer-email{color:#f0c568;direction:ltr;font:600 13px 'DM Sans',sans-serif;}
@media(max-width:1080px){
  .menu-button{display:flex;}
  .nav-links{display:none;position:absolute;top:124px;left:0;right:0;background:#0b2b23;border-top:1px solid #ffffff22;padding:24px 32px 30px;box-shadow:0 20px 40px #0004;flex-direction:column;align-items:stretch;gap:0;}
  .nav-links.open{display:flex;}
  .nav-link{padding:12px 0;border-bottom:1px solid #ffffff13;}
  .nav-link.active::after{display:none;}
  .mobile-contact-nav{display:block;}
}
@media(max-width:820px){.nav-links{top:112px}.brand-plate{width:187px;height:62px}}
@media(max-width:560px){
  .nav-links{top:102px;}
  .brand-plate{width:143px;height:52px;padding:9px 6px;border-radius:9px;}
  .nav-shell{gap:8px;}.header-actions{gap:10px;}.header-cta{display:none;}
  .contact-logo{max-width:45%;width:170px;left:1%;top:80%;}
  html[dir=ltr] .contact-logo{left:auto;right:1%;}
  .footer .brand-plate{width:190px;height:66px;}
  .direct-email{font-size:14px;}
}


/* V3 — Exclusive partner portfolio, complete Iraq coverage excluding Kurdistan */
.coverage-scope{display:flex;align-items:center;gap:12px;color:#fff;background:#e5a21c16;border:1px solid #e5a21c65;border-radius:8px;font-size:13px;line-height:1.9;padding:16px 18px;margin-top:35px;max-width:560px}
.scope-pin{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;color:#10291f;background:#e5a21c;border-radius:50%;font-size:15px}
.proof-number.text-sized{font-size:23px}
.proof-item>span{line-height:1.6}
.brands-section{background:#f6f9f5;padding-bottom:96px}
.brand-heading-row{margin-bottom:42px}
.represented-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px;font-weight:700;color:#526b5c;font-size:12px}
.heading-line{height:1px;background:#adcabc;width:30px}
.exclusive-seal{margin-inline-start:auto;font:700 9px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#17803a}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.partner-tile{display:flex;flex-direction:column;text-align:start;background:white;border:1px solid #dfe9e1;border-radius:14px;min-height:278px;padding:28px 25px 24px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden}
.partner-tile:hover{transform:translateY(-7px);box-shadow:0 20px 45px #103b2520;border-color:#a6cbb2}
.partner-tile::after{content:"";position:absolute;width:210px;height:210px;border:1px solid #dde9df;border-radius:50%;right:-103px;top:49px;pointer-events:none}
.partner-tile.kord{--partner-color:#1f8c44}.partner-tile.brown{--partner-color:#27547c}.partner-tile.silca{--partner-color:#bc5550}
.partner-tile-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
.partner-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:color-mix(in srgb,var(--partner-color) 13%,white);color:var(--partner-color);font:800 25px 'DM Sans',sans-serif}
.exclusivity{display:inline-flex;align-items:center;gap:7px;color:#677a6c;font-size:10px;white-space:nowrap}
.exclusivity-dot{width:6px;height:6px;border-radius:50%;background:#e5a21c}
.partner-name{font:800 clamp(28px,3vw,42px)/1.04 'DM Sans',sans-serif;letter-spacing:-1.5px;color:#172e25;margin-top:29px;position:relative;z-index:1}
.partner-name small{font-size:18px;letter-spacing:-.5px;color:var(--partner-color)}
.partner-name.silca-name{letter-spacing:2px;font-size:49px}
.partner-name.silca-name small{font-size:12px;letter-spacing:3px;font-weight:700}
.partner-bottom{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e8eee9;font-size:12px;color:#61786b;position:relative;z-index:1}
.partner-bottom svg{width:20px;height:20px;fill:none;stroke:#217f45;stroke-width:1.8}
html[dir=rtl] .partner-bottom svg{transform:scaleX(-1)}
.portfolio-section{background:#fff;padding-top:100px}
.portfolio-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}
.portfolio-intro .section-title{margin-bottom:0}
.portfolio-filter{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}
.filter-chip{border:1px solid #d9e6da;background:#f8faf7;color:#46644f;border-radius:100px;padding:12px 18px;font-size:12px;font-weight:700;transition:background .2s,border .2s,color .2s}
.filter-chip:hover{border-color:#1d7f40}
.filter-chip.active{color:white;background:#145934;border-color:#145934}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.product-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e0e7e0;border-radius:11px;transition:transform .25s,box-shadow .25s}
.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #0d392119}
.product-card[hidden]{display:none!important}
.product-art{height:230px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.product-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(90deg,#ffffff26 1px,transparent 1px);background-size:30px 30px;opacity:.35}
.art-ring{position:absolute;width:200px;height:200px;border:1px solid #ffffff77;transform:rotate(-28deg) scaleY(.48);border-radius:50%;bottom:-41px;left:50%;margin-left:-100px;z-index:-1}
.art-kord{background:radial-gradient(circle at 50% 65%,#72b98e,#e5f1e8)}
.art-kord-2{background:radial-gradient(circle at 50% 65%,#a2ca7b,#f0f5e6)}
.art-brown{background:radial-gradient(circle at 50% 62%,#8fabc6,#e8f0f6)}
.art-silca-blue{background:radial-gradient(circle at 50% 59%,#84aacd,#dfedf9)}
.art-silca-silver{background:radial-gradient(circle at 50% 59%,#b4aaca,#f2eef6)}
.art-silca-green{background:radial-gradient(circle at 50% 59%,#96bf9b,#eaf4e8)}
.art-silca-pink{background:radial-gradient(circle at 50% 59%,#e0b6c2,#fff0f3)}
.art-silca-herb{background:radial-gradient(circle at 50% 59%,#73ac9a,#e2f1e9)}
.pack-bottle{position:relative;width:93px;height:156px;margin-top:24px;background:linear-gradient(97deg,#f5fff8,#ffffff 42%,#d7e3da 80%,#f8fffa);border-radius:15px 15px 17px 17px;border:1px solid #d5e3d8;box-shadow:17px 24px 25px #243d2444;transform:rotate(-6deg);display:flex;align-items:center;justify-content:center}
.pack-cap{position:absolute;top:-23px;width:72px;height:26px;border-radius:8px 8px 3px 3px;background:repeating-linear-gradient(90deg,#e7ece8 0 3px,#c3d1c6 4px 5px);border:1px solid #d9e0da}
.pack-label{display:flex;flex-direction:column;width:100%;padding:10px 6px;align-items:center;text-align:center;background:linear-gradient(110deg,#e0f0de,#f9fff8);border-top:2px solid #12873e;border-bottom:2px solid #12873e;gap:6px;font-family:'DM Sans',sans-serif}
.pack-label b{font-size:17px;letter-spacing:.8px;color:#1c773c}.pack-label i{font-size:6px;letter-spacing:1px;font-style:normal;color:#677868}.pack-label strong{font-size:9px;color:#1c6c3d}
.pack-bottle.slender{height:166px;width:78px}.mouthwash{height:173px;width:86px;background:linear-gradient(95deg,#c9e8db,#ecfff9 40%,#8cbeb2 82%);border-color:#8bbaae}.mouthwash .pack-label{background:#effcf2}.mouthwash .pack-label b{color:#218a68}.mouthwash .pack-label strong{font-size:7px}
.pack-box{width:108px;height:159px;background:linear-gradient(105deg,#f6fbfe,#fff 58%,#d5e3ee 99%);box-shadow:17px 25px 25px #263f5240;transform:rotate(5deg);border:1px solid #c4d2df;display:flex;align-items:flex-start;flex-direction:column;padding:18px 10px;gap:7px;font-family:'DM Sans',sans-serif;position:relative}
.pack-box:after{content:"";position:absolute;right:0;top:0;bottom:0;width:9px;background:#8aa3b7a8}.pack-box-stripe{width:35px;height:5px;background:#325c82;margin-bottom:30px}.pack-box b{font-size:16px;color:#315b7c}.pack-box small{font-size:6px;letter-spacing:.9px;color:#678098}.pack-box strong{font-size:12px;color:#245078}
.tube{display:flex;flex-direction:column;align-items:flex-start;padding:22px 13px 15px;width:105px;height:162px;background:linear-gradient(100deg,#e9f3fa,#fff 36%,#d6e3ef);border-radius:10px 10px 2px 2px;clip-path:polygon(5% 0,95% 0,88% 100%,12% 100%);box-shadow:14px 22px 35px #34536b40;transform:rotate(-7deg);font-family:'DM Sans',sans-serif;gap:10px;position:relative}
.tube b{font-size:20px;letter-spacing:1px;color:#17639d}.tube strong{color:#366e9e;font-size:10px;line-height:1.25}.tube small{margin-top:auto;font-size:8px;color:#527894}.tube-cap{position:absolute;bottom:25px;width:89px;height:24px;border-radius:2px 2px 8px 8px;background:linear-gradient(100deg,#f2f7f9,#fff,#c4d8e0);box-shadow:8px 8px 13px #0002;transform:rotate(-7deg)}
.art-silca-silver .tube b,.art-silca-silver .tube strong{color:#7269a0}.art-silca-green .tube b,.art-silca-green .tube strong{color:#22814a}.art-silca-pink .tube b,.art-silca-pink .tube strong{color:#c75c7e}
.product-info{padding:19px 18px 22px;min-height:184px;display:flex;flex-direction:column;align-items:flex-start}
.product-brand{font:700 9px 'DM Sans',sans-serif;color:#207645;letter-spacing:.85px}
.product-info h3{font-size:17px;line-height:1.5;color:#173b28;margin:11px 0 7px;overflow-wrap:anywhere}
.product-info p{font-size:12px;color:#698072;line-height:1.8;margin:0 0 12px;max-width:245px}
.product-kind{font-size:10px;letter-spacing:.25px;color:#62826c;border-top:1px solid #e5eee8;margin-top:auto;padding-top:11px;width:100%;font-weight:700}
.portfolio-note{margin-top:27px;color:#819085;font-size:11px;display:flex;gap:9px;line-height:1.8}
@media(max-width:1120px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.brand-grid{grid-template-columns:1fr 1fr}.portfolio-intro{flex-direction:column;align-items:flex-start;gap:13px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-tile{min-height:260px}}
@media(max-width:560px){.brand-grid{grid-template-columns:1fr;gap:11px}.partner-tile{min-height:225px;padding:22px}.partner-name{margin-top:15px}.partner-name.silca-name{font-size:43px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-art{height:170px}.product-info{padding:12px 11px 17px;min-height:204px}.product-info h3{font-size:14px}.product-info p{font-size:11px}.product-brand{font-size:7px}.pack-bottle{transform:scale(.79) rotate(-6deg)}.pack-box{transform:scale(.78) rotate(5deg)}.tube{transform:scale(.78) rotate(-7deg)}.tube-cap{transform:scale(.78) rotate(-7deg);bottom:15px}.filter-chip{padding:9px 12px;font-size:10px}.coverage-scope{font-size:12px}.exclusive-seal{font-size:7px;letter-spacing:.5px}.portfolio-note{font-size:10px}}
/* Preserve correct English brand names on right-to-left pages. */
.partner-name{unicode-bidi:isolate;direction:ltr;}
html[dir=rtl] .partner-name{text-align:right;align-self:stretch;}
html[dir=ltr] .partner-name{text-align:left;align-self:stretch;}

/* V4: one featured exclusive agency, keep a balanced editorial layout. */
.brand-grid { grid-template-columns: minmax(0, 600px); justify-content:center; }
.brand-grid .partner-tile { min-height: 260px; padding: 32px 36px; }
.brand-grid .partner-tile:after { width:300px; height:300px; right:-115px; top:4px; }
@media(max-width:820px) {.brand-grid { grid-template-columns: minmax(0, 600px); }}
@media(max-width:560px) {.brand-grid { grid-template-columns: minmax(0,1fr); } .brand-grid .partner-tile {min-height:230px; padding:24px;}}


/* V5: official SILCA assets and richer product cards */
.partner-tile.silca{--partner-color:#0f5db8}
.partner-logo-wrap{display:grid;place-items:center;min-height:54px}
.partner-logo-image{width:min(220px,100%);max-width:100%;height:auto;display:block;filter:drop-shadow(0 8px 18px rgba(15,93,184,.08))}
.catalog-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border:1px solid #dfe9e1;border-radius:14px;padding:18px 20px;margin-bottom:18px}
.catalog-callout strong{display:block;font-size:15px;color:#173b28;margin-bottom:4px}
.catalog-callout p{margin:0;color:#678072;font-size:12px;line-height:1.8;max-width:650px}
.catalog-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;background:#0f5db8;color:#fff;font-weight:700;font-size:12px;white-space:nowrap;box-shadow:0 12px 24px rgba(15,93,184,.18)}
.catalog-link:hover{background:#0d519d;transform:translateY(-1px)}
.product-photo{height:250px;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(180deg,#f9fbff 0%,#eef4fb 100%);position:relative;overflow:hidden}
.product-photo:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.95),transparent 34%), radial-gradient(circle at 80% 80%,rgba(207,222,241,.7),transparent 28%);pointer-events:none}
.product-photo img{position:relative;z-index:1;max-height:100%;max-width:82%;object-fit:contain;filter:drop-shadow(0 15px 22px rgba(22,48,78,.18))}
.product-photo-mouthwash img{max-width:55%}
.product-info{min-height:274px}
.product-points{margin:0 0 13px;padding:0 18px 0 0;color:#527064;font-size:11.5px;line-height:1.85}
html[dir=ltr] .product-points{padding:0 0 0 18px}
.product-points li{margin-bottom:4px}
.product-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;width:100%;align-items:center;border-top:1px solid #e5eee8;padding-top:11px}
.product-size{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eff6f1;color:#29553b;font-size:10px;font-weight:700}
.product-kind{margin-top:0;padding-top:0;border-top:0;width:auto;background:#f7f9fc;color:#44617c;padding:6px 10px;border-radius:999px}
@media(max-width:820px){.catalog-callout{flex-direction:column;align-items:flex-start}.catalog-link{width:100%}.product-info{min-height:300px}}
@media(max-width:560px){.catalog-callout{padding:16px}.catalog-callout strong{font-size:14px}.catalog-callout p{font-size:11px}.product-photo{height:190px;padding:10px}.product-photo img{max-width:85%}.product-photo-mouthwash img{max-width:58%}.product-info{min-height:286px}.product-points{font-size:10.5px;padding-right:16px}.product-meta{gap:6px}.product-size,.product-kind{font-size:9px;padding:6px 8px}.partner-logo-image{width:min(180px,100%)}}

@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr;gap:16px}.product-photo{height:240px}.product-photo img{max-height:95%;max-width:78%}.product-info{min-height:auto;padding:20px 19px 23px}.product-info h3{font-size:18px}.product-info p{font-size:13px}.product-brand{font-size:10px}.product-points{font-size:12px}.product-photo-mouthwash img{max-width:60%}}