:root{--ink: #142329;--ink-soft: #25404a;--muted: #687b82;--paper: #f6f8f9;--surface: #ffffff;--surface-soft: #edf3f4;--line: #dce6e8;--brand: #11a7a0;--brand-deep: #087c78;--brand-soft: #ddf5f2;--accent: #f1ad45;--max: 76rem;--nav-h: 5.15rem;--radius-sm: 14px;--radius: 22px;--radius-lg: 32px;--shadow: 0 12px 32px rgba(24, 58, 68, .08);--shadow-hover: 0 20px 40px rgba(24, 58, 68, .14);--ease: cubic-bezier(.2,.75,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 1rem)}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Alexandria,Almarai,Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.8}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:800;line-height:1.35;letter-spacing:-.035em}::selection{background:var(--brand);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:100;inset:.75rem auto auto .75rem;padding:.7rem 1rem;border-radius:10px;background:#fff;box-shadow:var(--shadow);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}.section{padding-block:clamp(4rem,7vw,7.5rem)}.section--tight{padding-block:clamp(3rem,5vw,5rem)}.section--alt{background:#fff}.eyebrow{display:flex;align-items:center;gap:.5rem;color:var(--brand-deep);font-size:.74rem;font-weight:800}.eyebrow:before{width:.7rem;height:.7rem;border-radius:50%;content:"";background:var(--accent)}.section-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3.25rem)}.section-title{margin-top:.65rem;font-size:clamp(2rem,4vw,3.45rem)}.section-sub{margin-top:.9rem;color:var(--muted);font-size:1rem}.nav{position:sticky;z-index:30;top:0;border-bottom:1px solid rgba(220,230,232,.85);background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav__inner{display:flex;min-height:var(--nav-h);align-items:center;justify-content:space-between;gap:1rem}.nav__logo{display:inline-flex;padding:.5rem 0}.nav__logo img{width:auto;height:2.75rem}.nav__links{display:none;align-items:center;gap:1.65rem}.nav__links a,.nav__mobile a{color:var(--muted);font-size:.82rem;font-weight:700;transition:color .2s var(--ease)}.nav__links a:hover,.nav__links a[aria-current=page],.nav__mobile a:hover{color:var(--brand-deep)}.nav__cta,.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:.68rem 1.15rem;font-size:.82rem;font-weight:800;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.nav__cta,.btn--primary{background:var(--brand-deep);color:#fff;box-shadow:0 7px 16px #087c7833}.nav__cta:hover,.btn--primary:hover{background:var(--brand);box-shadow:0 11px 22px #087c783d;transform:translateY(-2px)}.nav__burger{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.45rem .7rem;font-size:.75rem;font-weight:800;cursor:pointer}.nav__mobile{display:none;padding-bottom:1rem}.nav__mobile.is-open{display:grid}.nav__mobile a{padding:.85rem .2rem;border-bottom:1px solid var(--line)}@media(min-width:900px){.nav__links{display:flex}.nav__burger{display:none}}.hero{position:relative;overflow:hidden;color:#fff;background:var(--ink)}.hero:before{position:absolute;width:46rem;height:46rem;content:"";top:-29rem;inset-inline-end:-12rem;border-radius:50%;background:#11a7a033;filter:blur(0)}.hero:after{position:absolute;width:27rem;height:27rem;content:"";inset-inline-start:-16rem;bottom:-20rem;border-radius:50%;background:#f1ad451f}.hero__layout{position:relative;z-index:1;display:grid;gap:2rem;padding-block:clamp(3.5rem,7vw,6.5rem)}.hero__inner{align-self:center}.hero__eyebrow{margin-bottom:1rem;color:#8ce2dd;font-size:.76rem;font-weight:700}.hero h1{max-width:37rem;font-size:clamp(2.75rem,6vw,5.35rem);line-height:1.12}.hero__inner>p:not(.hero__eyebrow){max-width:35rem;margin-top:1.25rem;color:#bdd0d4;font-size:1rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.btn--onDark{border-color:#ffffff47;background:#ffffff12;color:#fff}.btn--onDark:hover{border-color:#85dcd7;background:#11a7a033;transform:translateY(-2px)}.hero__visual{position:relative;min-height:24rem;margin:0;overflow:hidden;border-radius:var(--radius-lg);background:#25434a;box-shadow:0 22px 45px #0000003d}.hero__visual:after{position:absolute;inset:0;content:"";background:linear-gradient(to top,rgba(5,24,30,.68),transparent 55%)}.hero__visual>img{width:100%;height:100%;min-height:24rem;object-fit:cover;filter:saturate(.92) contrast(1.03)}.hero__visual figcaption{position:absolute;z-index:1;inset:auto 1.15rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.72rem}.hero__visual figcaption span:last-child{color:#d1e1e3}.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.hero__stat{padding:.9rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:#ffffff12;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero__stat b{display:block;color:#77ddd7;font-size:1.15rem;line-height:1.45}.hero__stat span{display:block;margin-top:.1rem;color:#b6cbce;font-size:.68rem}@media(min-width:860px){.hero__layout{grid-template-columns:1.05fr .85fr;align-items:center;gap:clamp(3rem,6vw,6rem)}.hero__visual{grid-column:2;grid-row:1 / span 2;min-height:33rem}.hero__visual>img{min-height:33rem}.hero__stats{grid-template-columns:repeat(4,1fr)}}.cats{display:grid;gap:1.25rem}.cat{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 3px 10px #183a4408;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.cat:hover{border-color:#a9d9d6;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.cat__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface-soft)}.cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.cat:hover .cat__media img{transform:scale(1.04)}.cat__count{position:absolute;top:.9rem;inset-inline-end:.9rem;padding:.35rem .65rem;border-radius:999px;background:#fffffff0;color:var(--ink);box-shadow:0 3px 10px #0000001f;font-size:.66rem;font-weight:800}.cat__body{padding:1.3rem}.cat__body h3{font-size:1.22rem}.cat__body p{margin-top:.55rem;color:var(--muted);font-size:.82rem}.cat__more{display:inline-flex;margin-top:1rem;color:var(--brand-deep);font-size:.78rem;font-weight:800}.stretch:after{position:absolute;inset:0;content:""}@media(min-width:760px){.cats{grid-template-columns:repeat(2,1fr)}.cat:first-child{grid-column:span 2}.cat:first-child .cat__media{aspect-ratio:21/8}}.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.75rem}.filter{min-height:42px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:.5rem 1rem;font-size:.77rem;font-weight:800;cursor:pointer;transition:all .2s var(--ease)}.filter:hover{border-color:#8fd4cf;color:var(--brand-deep)}.filter.is-active{border-color:var(--brand-deep);background:var(--brand-deep);color:#fff;box-shadow:0 7px 15px #087c782e}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.25rem}.card{position:relative;display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 3px 10px #183a4408;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.card:hover{border-color:#a9d9d6;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card__media{overflow:hidden;background:var(--surface-soft);aspect-ratio:4/3}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.card:hover .card__media img{transform:scale(1.04)}.card__body{display:flex;flex:1;flex-direction:column;padding:1.2rem}.card__cat{color:var(--brand-deep);font-size:.68rem;font-weight:800}.card__body h3{margin-top:.38rem;font-size:1.03rem}.card__body p{display:-webkit-box;overflow:hidden;margin-top:.6rem;color:var(--muted);font-size:.79rem;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card__meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:1rem}.chip{padding:.23rem .52rem;border-radius:7px;background:var(--surface-soft);color:var(--muted);font-size:.64rem;font-weight:800}.chip--brand{background:var(--brand-soft);color:var(--brand-deep)}.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;padding-block:1.2rem;color:var(--muted);font-size:.75rem;font-weight:700}.crumbs a:hover{color:var(--brand-deep)}.crumbs .sep{color:#a5b3b6}.crumbs strong{color:var(--ink)}.product{display:grid;gap:2.25rem;align-items:start}.gallery__main{overflow:hidden;border-radius:var(--radius);background:var(--surface-soft);box-shadow:var(--shadow);aspect-ratio:4/5}.gallery__main img{width:100%;height:100%;object-fit:cover}.gallery__thumbs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.gallery__thumbs button{width:4.75rem;padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:#fff;aspect-ratio:1;cursor:pointer}.gallery__thumbs button.is-active,.gallery__thumbs button:hover{border-color:var(--brand)}.gallery__thumbs img{width:100%;height:100%;object-fit:cover}.product__cat{color:var(--brand-deep);font-size:.74rem;font-weight:800}.product h1{margin-top:.35rem;font-size:clamp(2rem,4vw,3.35rem)}.product__lead{margin-top:1rem;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1.5rem}.kpi{padding:.9rem .75rem;border-radius:12px;background:#fff;box-shadow:0 3px 12px #183a440f}.kpi span{display:block;color:var(--muted);font-size:.64rem}.kpi b{display:block;margin-top:.2rem;color:var(--ink-soft);font-size:.9rem}.feature-list{display:grid;gap:.65rem;margin:1.6rem 0 0;padding:0;list-style:none}.feature-list li{display:flex;gap:.65rem;color:var(--muted);font-size:.83rem}.feature-list li>span:first-child{color:var(--brand);font-weight:800}.product__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;padding-top:1.4rem;border-top:1px solid var(--line)}.btn--ghost{border-color:var(--line);background:#fff;color:var(--ink)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand-deep)}.specs{width:100%;overflow:hidden;border-collapse:collapse;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);font-size:.83rem}.specs caption{padding-bottom:1rem;text-align:right;font-size:1.25rem;font-weight:800}.specs th,.specs td{padding:.9rem 1rem;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}.specs tr:last-child>*{border-bottom:0}.specs th{width:34%;background:#f5f9f9;color:var(--muted);font-weight:800}.specs-wrap{overflow-x:auto}.note{margin-top:1rem;padding:1rem;border-radius:var(--radius-sm);border:1px solid #f2dbb3;background:#fff7e8;color:#805c20;font-size:.78rem}@media(min-width:940px){.product{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:4rem}}.cta{position:relative;overflow:hidden;padding:clamp(2rem,5vw,4.25rem);border-radius:var(--radius-lg);background:var(--ink);color:#fff}.cta:after{position:absolute;width:23rem;height:23rem;content:"";top:-13rem;inset-inline-end:-7rem;border-radius:50%;background:#11a7a02e}.cta>*{position:relative;z-index:1}.cta h2{max-width:38rem;font-size:clamp(1.65rem,3vw,2.5rem)}.cta p{max-width:39rem;margin-top:.9rem;color:#c6dadd}.cta__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.65rem}.cta .btn--primary{background:var(--accent);color:#38270c}.cta .btn--primary:hover{background:#fac664}.cta .btn--onDark{border-color:#ffffff3d;color:#fff}.footer{margin-top:0;background:#102025;color:#b8ccd0;padding-block:4.25rem 1.7rem;font-size:.82rem}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:2rem}.footer img{width:auto;height:3rem}.footer h4{margin-bottom:1rem;color:#fff;font-size:.9rem}.footer ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.footer a:hover{color:#8ce2dd}.footer__tag{max-width:20rem;margin-top:1rem}.footer__bottom{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);color:#81979d;text-align:center;font-size:.72rem}.empty{padding:4rem 1rem;color:var(--muted);text-align:center}.empty h1{color:var(--ink)}:lang(en),.latin{direction:ltr;letter-spacing:.1em;unicode-bidi:isolate}@media(max-width:559px){.nav__cta span{display:none}.nav__cta{width:44px;padding:0}.hero__visual{min-height:20rem}.hero__visual>img{min-height:20rem}.hero__visual figcaption{align-items:flex-start;flex-direction:column;gap:.15rem}.kpis{grid-template-columns:1fr}.specs th{width:43%}.specs th,.specs td{padding:.72rem;font-size:.74rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}