@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
:root{--paper:#f7f5f0;--ink:#252823;--muted:#77796f;--olive:#086b98;--gold:#0b78a8;--line:#dcd9d0;--white:#fff;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic','DM Sans',sans-serif;font-weight:400}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(37,40,35,.1);position:relative;z-index:5;background:rgba(247,245,240,.94)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px}.brand b{display:block;font-size:14px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:3px}.main-nav{display:flex;gap:32px;font-size:12px;color:#55584f}.main-nav a:hover,.text-link:hover{color:var(--gold)}.lang-switch,.menu-toggle{border:1px solid var(--line);background:transparent;padding:9px 12px;color:var(--ink);cursor:pointer;font:600 11px 'DM Sans',sans-serif}.menu-toggle{display:none}.hero{min-height:650px;padding:85px 9% 38px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero-copy{max-width:570px;z-index:1}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;color:var(--olive);font-weight:600}.hero h1,.intro h2,.section-heading h2,.statement h2,.professional-panel h2,.contact h2,.product-info h2{font-size:clamp(42px,5.5vw,76px);line-height:1.25;font-weight:400;letter-spacing:-.045em;margin:24px 0}.hero-lead{max-width:470px;line-height:2;color:#686b61;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;font-size:12px;font-weight:500;border:1px solid transparent;transition:.25s}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:var(--olive)}.btn-light{background:var(--paper);color:var(--ink)}.btn-light:hover{background:white}.text-link,.under-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:7px}.hero-art{height:470px;max-width:510px;width:100%;justify-self:end;position:relative;background:linear-gradient(145deg,#e9e5da,#d8d8cc 52%,#c6c8b8);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:10% 17%;border:1px solid rgba(255,255,255,.6);border-radius:48% 48% 5% 5%;transform:rotate(8deg)}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:260px;height:330px;background:linear-gradient(130deg,#f8f4e9,#b9bba9);left:22%;top:14%;border-radius:48% 52% 45% 55%;box-shadow:30px 25px 65px #8e907f55}.orb-two{width:180px;height:230px;background:linear-gradient(120deg,#f4eee1,#c6bda8);left:43%;top:30%;border-radius:50% 50% 48% 48%;opacity:.85}.orb-three{width:90px;height:90px;background:#f5f0e6aa;left:18%;top:63%;filter:blur(12px)}.art-caption{position:absolute;bottom:22px;left:22px;display:flex;align-items:center;gap:8px;font:9px 'DM Sans';letter-spacing:.15em;color:#53584b}.art-caption i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.hero-foot{position:absolute;bottom:28px;left:9%;right:9%;display:flex;justify-content:space-between;color:#85877e;font-size:9px;letter-spacing:.1em}.section-wrap{padding:110px 9%}.section-kicker{display:flex;gap:15px;align-items:center}.section-kicker span:first-child{color:var(--gold)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:28px}.intro h2,.section-heading h2,.contact h2{font-size:clamp(38px,4.5vw,60px)}.large-copy{font-size:17px;line-height:2.1;color:#66695f;margin:34px 0}.under-link span{margin-inline-start:12px}.brands-section{background:#eeece5}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading>p{max-width:340px;color:var(--muted);line-height:2;font-size:13px;margin-bottom:16px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.brand-card{min-height:300px;padding:23px;background:#e0e1d8;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s}.brand-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #282a2015}.brand-card-dark{background:#343a35;color:#f5f3ed}.brand-card-gold{background:#ded4c2}.card-top,.card-bottom{display:flex;justify-content:space-between;font:9px 'DM Sans';letter-spacing:.1em}.brand-word{font:clamp(23px,2.4vw,34px) var(--serif);letter-spacing:.06em;text-align:center}.brand-line{height:1px;background:currentColor;opacity:.3}.statement{background:#777d6b;color:#f8f6f0;padding:110px 12%;text-align:center}.statement-inner{max-width:700px;margin:auto}.eyebrow{color:#e3ddcf}.statement h2{font-size:clamp(42px,5vw,66px)}.statement p{color:#e0e0d7;line-height:2;font-size:14px}.professionals{padding-top:95px;padding-bottom:95px}.professional-panel{background:#343a35;color:#f8f6f0;padding:65px 7%;display:flex;align-items:center;justify-content:space-between;min-height:390px}.professional-panel>div:first-child{max-width:540px}.light{color:#d5c8aa}.professional-panel h2{font-size:clamp(38px,4vw,55px)}.professional-panel p{color:#d0d1c9;line-height:2;font-size:13px;max-width:460px;margin-bottom:25px}.professional-seal{width:170px;height:170px;border:1px solid #aaa98c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:42px var(--serif);color:#d9c9a8}.professional-seal small{font:8px 'DM Sans';letter-spacing:.16em;line-height:1.7}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-top:60px}.contact h2{font-size:clamp(48px,5vw,68px)}.contact-content>p{color:var(--muted);line-height:2;font-size:13px;max-width:500px;margin:0 0 28px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#73766d}.contact label:nth-child(3),.contact label:nth-child(4),.contact form button,.form-note{grid-column:1/-1}.contact input,.contact textarea,.contact select{width:100%;border:0;border-bottom:1px solid #c9c7bd;background:transparent;padding:10px 0;font:13px inherit;color:var(--ink);outline:none}.contact textarea{resize:vertical}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--olive)}.contact form button{justify-self:start;cursor:pointer}.form-note{font-size:10px;color:#8a8b82;line-height:1.8;margin:0}.site-footer{border-top:1px solid var(--line);padding:28px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-note{font-size:9px;color:#85877e;max-width:430px;line-height:1.8}.site-footer>span{font:9px 'DM Sans';letter-spacing:.1em;color:#77796f}.product-hero{padding:100px 12% 90px;min-height:480px;background:linear-gradient(120deg,#f7f5f0,#e7e5dc)}.product-word{font:clamp(42px,7vw,88px) var(--serif);letter-spacing:.06em;margin:55px 0 0}.product-hero h1{font-size:23px;font-weight:400;color:var(--olive);margin:8px 0 18px}.product-lead{max-width:640px;line-height:2;color:#686b61}.product-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.product-info{display:grid;grid-template-columns:1fr 1fr;gap:10%}.product-info h2{font-size:clamp(38px,4vw,54px)}.product-info>div:nth-child(2)>p{line-height:2;color:#696c62}.notice{background:#eeece5;padding:22px;margin-top:30px}.notice b{font-size:12px}.notice p{font-size:11px;line-height:1.9;color:#74776d;margin-bottom:0}.contact-strip{padding:65px 9%;background:#777d6b;color:white;display:flex;align-items:center;justify-content:space-between}.contact-strip h2{font-weight:400;font-size:28px}.contact-strip .btn{color:var(--ink)}
[dir="ltr"] body{font-family:'DM Sans','IBM Plex Sans Arabic',sans-serif}[dir="ltr"] .hero-foot{direction:ltr}[dir="ltr"] .section-kicker{letter-spacing:.16em}[dir="ltr"] .hero-actions,[dir="ltr"] .product-actions{flex-direction:row}[dir="ltr"] .contact form button{justify-self:start}
@media(max-width:850px){.site-header{height:76px;padding:0 5%}.menu-toggle{display:block;margin-inline-start:auto;margin-inline-end:12px}.main-nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:20px 6%;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 7% 75px;gap:40px}.hero-art{justify-self:center;height:350px;max-width:100%}.hero-foot{left:7%;right:7%}.section-wrap{padding:75px 7%}.intro-grid,.contact,.product-info{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading>p{margin-top:15px}.brand-grid{grid-template-columns:1fr}.brand-card{min-height:230px}.professional-panel{padding:45px 7%}.professional-seal{width:120px;height:120px;flex-shrink:0}.site-footer{flex-wrap:wrap}.footer-note{order:3;flex-basis:100%}.contact-strip{padding:45px 7%}}@media(max-width:520px){.brand b{font-size:12px}.brand small{font-size:8px}.hero h1{font-size:45px}.hero-art{height:290px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.professional-panel{display:block}.professional-seal{margin-top:35px}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}.contact-strip{display:block}.contact-strip .btn{margin-top:12px}.product-hero{padding:75px 7%}.product-word{font-size:43px}}

.brand-logo{width:112px;max-height:54px;object-fit:contain;object-position:center}
.brand{gap:14px}
.brand b{color:#086b98}
.brand-card-dark{background:#075f88}
.brand-card-gold{background:#dce9ee}
.brand-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-inline:auto}
.footer-contact{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#69716f}
.footer-contact a:hover{color:#086b98}
.whatsapp-float{position:fixed;z-index:10;bottom:22px;right:22px;background:#126b8d;color:white;padding:13px 18px;border-radius:30px;font:600 11px 'DM Sans',sans-serif;box-shadow:0 8px 24px #102a3a30}
.product-list{display:grid;gap:12px;margin-top:24px}
.product-list article{padding:18px 20px;background:#eeece5;border-inline-start:3px solid #086b98}
.product-list article b{font:600 12px 'DM Sans',sans-serif;letter-spacing:.05em}
.product-list article p{font-size:11px;line-height:1.8;color:#686b61}
.product-list article a{font-size:11px;color:#086b98;text-decoration:underline}
@media(max-width:850px){.brand-grid-two{grid-template-columns:1fr;max-width:100%}.brand-logo{width:90px;max-height:45px}}

.brochure-download{margin:20px 0 28px}.brochure-download a{display:inline-block;padding:12px 16px;border:1px solid #086b98;color:#086b98;font-size:11px;letter-spacing:.02em}.brochure-download a:hover{background:#086b98;color:white}

/* Homepage video banner */
.hero-video{background:#102d3b;isolation:isolate}
.hero-video:before{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.hero-banner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.video-caption{position:absolute;z-index:2;bottom:22px;left:22px;display:flex;align-items:center;gap:9px;padding:9px 12px;background:rgba(7,37,53,.62);color:#fff;font:9px 'DM Sans',sans-serif;letter-spacing:.15em;backdrop-filter:blur(5px)}
.video-caption i{width:3px;height:3px;border-radius:50%;background:#8bc8df}
@media(max-width:850px){.hero-video{height:350px}}
@media(max-width:520px){.hero-video{height:290px}}
@media(prefers-reduced-motion:reduce){.hero-banner-video{display:none}.hero-video{background:#102d3b url('assets/bioformula-home-poster.jpg') center/cover no-repeat}}