@font-face{font-family:'Plex Arabic';src:url(assets/plex-regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:'Plex Arabic';src:url(assets/plex-bold.ttf);font-weight:700;font-display:swap}
:root{--navy:#001742;--blue:#4eaef5;--aqua:#23bfb6;--ink:#09294c;--muted:#435c74;--paper:#f4f9fc;--line:#cedde7;--ease:cubic-bezier(.23,1,.32,1);font-family:'Plex Arabic',Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75;scroll-behavior:smooth;scroll-padding-top:1.5rem}
*,*::before,*::after{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit;text-underline-offset:.3em}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:#4eaef533}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%;height:auto}button[hidden]{display:none}::selection{color:var(--navy);background:#8bddd6}:focus-visible{outline:3px solid #087a95;outline-offset:5px}.opening :focus-visible{outline-color:#8bd5ff}
.wrap,.collection,footer{width:min(100% - 7rem,1280px);margin-inline:auto}.skip-link{position:fixed;inset-block-start:1rem;inset-inline-start:1rem;z-index:20;background:#fff;color:var(--ink);padding:1rem;transform:translateY(-180%)}.skip-link:focus{transform:none}
.opening{background:var(--navy);color:white;position:relative;overflow:clip}.site-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-block:1.25rem;border-bottom:1px solid #ffffff1f}.brand{display:flex;align-items:center;gap:1.5rem;text-decoration:none;font-size:1.4rem;font-weight:700}.brand img{width:80px;height:58px;object-fit:contain}.brand>span{border-inline-start:1px solid #ffffff38;padding-inline-start:1.5rem}.site-nav{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.site-nav a{min-height:44px;display:flex;align-items:center;font-size:.94rem;color:#d7e7f4;text-decoration:none;transition:color 160ms var(--ease)}.site-nav a:hover{color:#7adcd4}
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(2rem,4.5vw,5rem);align-items:center;padding-block:clamp(3rem,6.2vw,6rem) clamp(5rem,7.3vw,7.5rem);min-height:590px}.intro h1{font-size:clamp(3rem,5.5vw,5.3rem);line-height:1.25;text-wrap:balance;margin-block-end:1.2rem}.intro>p{font-size:clamp(1.08rem,1.5vw,1.2rem);line-height:1.9;color:#d7e7f4;max-width:36ch}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.1rem;min-height:52px;padding:.65rem 1.2rem;border-radius:9px;text-decoration:none;font-weight:700;line-height:1.5;transition:background-color 160ms var(--ease),transform 160ms var(--ease),color 160ms var(--ease)}.primary{background:var(--blue);color:var(--navy)}.button:active{transform:scale(.97)}.intro .button{margin-top:1.8rem}.hero-link{display:flex;align-items:center;gap:.6rem;width:fit-content;min-height:44px;color:#d7e7f4;margin-top:.25rem;font-size:.9rem}.intro .hero-link:last-child{font-size:.84rem;color:#b7d6ec}.hero-link span,a span:not(.preview-action):not(.zoom-mark){font-variant-numeric:tabular-nums}a span{font-size:inherit}.hero-link span,.cad-links>a:not(.button) span,article a span{font:700 .72rem/1 Arial,sans-serif;display:inline-block;direction:ltr}
.farm-preview{min-width:0;position:relative}.farm-image{display:block;position:relative;border-radius:16px;background:#19345a;box-shadow:0 28px 60px #00000030;padding:10px;text-decoration:none}.farm-image>img{width:100%;border-radius:8px}.preview-action{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:.8rem .65rem .35rem;font-size:.9rem;color:#e6f3ff}.preview-action svg{width:19px;height:19px}.farm-preview figcaption{margin-top:1rem;color:#b9d4ea;font-size:.85rem}.waterline{position:absolute;bottom:0;left:0;width:100%;height:66px;stroke-width:1;pointer-events:none;opacity:.65}.waterline path:nth-child(1){stroke:#4eaef5}.waterline path:nth-child(2){stroke:#a6dcf5}.waterline path:nth-child(3){stroke:#23bfb6}
.collection{padding-block:clamp(3rem,6vw,5.5rem)}h2{font-size:clamp(1.8rem,3.05vw,2.7rem);line-height:1.45;text-wrap:balance}h3{font-size:1.3rem;line-height:1.5;text-wrap:balance}.journey-copy p,.demo p,.section-copy,.technical-video p{margin-top:.8rem;color:var(--muted);max-width:45ch;font-size:1.04rem}.journey{display:grid;grid-template-columns:minmax(0,.63fr) minmax(0,1.25fr);align-items:center;gap:clamp(2rem,6vw,6.5rem)}
.video-frame{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.65rem 1rem}.video-frame video{display:block;width:100%;aspect-ratio:16/9;background:var(--navy);border-radius:14px;grid-column:1/-1}.video-frame figcaption{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;order:2}.sound-button{order:3;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:44px;padding:.45rem .8rem;border:1px solid #a9c5d6;border-radius:8px;background:transparent;color:var(--ink);font-size:.9rem;font-weight:700;transition:background-color 160ms var(--ease)}.sound-button svg{width:19px;height:19px}.sound-button[aria-pressed=true]{background:#d9eeec;border-color:#79b6ac}
.demo-section{background:#e5f0f5;width:100%}.demo{width:min(100% - 7rem,1280px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem)}.demo .button{margin-top:1.3rem;background:var(--navy);color:#fff}.quota{border-block-start:2px solid #739aa6;padding-top:1rem}.quota h3{font-size:1.08rem}.quota dl{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.quota dl>div{padding-inline-end:.5rem}.quota dt{font-size:.83rem;color:#38576b;min-height:2.8em}.quota dd{font-size:clamp(1.2rem,1.8vw,1.65rem);font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}.quota dl>div:last-child dd{color:#005c54}
.cad-gallery{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:1.4rem;margin-top:2rem}.cad-gallery figure{min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden}.cad-main{grid-row:span 2}.cad-gallery a{position:relative;display:grid;place-items:center;padding:.8rem;background:#eef3f6;flex:1}.cad-gallery img{width:100%;height:175px;object-fit:contain}.cad-main img{height:405px}.cad-gallery a:focus-visible{outline-offset:-5px}.cad-gallery figcaption{display:grid;gap:.22rem;padding:1rem 1.3rem 1.15rem;color:var(--muted)}.cad-gallery strong{font-size:1.06rem;color:var(--ink)}.cad-gallery figcaption>span{font-size:.88rem}.zoom-mark{position:absolute;inset-inline-end:.75rem;inset-block-start:.75rem;display:grid;place-items:center;width:36px;height:36px;color:#33526b;background:#ffffffdf;border-radius:7px;transition:background-color 160ms var(--ease)}.zoom-mark svg{width:18px;height:18px}.cad-links{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:1.6rem}.cad-links .button{background:var(--navy);color:#fff}.cad-links>a:not(.button){min-height:44px;display:inline-flex;align-items:center;gap:.5rem;font-weight:700}.technical-video{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin-top:clamp(3rem,5vw,4.5rem);padding-top:clamp(2.5rem,4vw,3.8rem);border-top:1px solid var(--line)}.technical-video h3{font-size:clamp(1.5rem,2.4vw,2rem)}.technical-video video{aspect-ratio:192/99}
.evidence{border-top:1px solid var(--line)}.evidence-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:1.6rem}.evidence-image{display:block;border-radius:14px;overflow:hidden;background:#eef3f6}.evidence-image img{width:100%}.evidence article p{margin-top:.7rem;color:var(--muted)}.evidence article a{display:flex;align-items:center;gap:.5rem;min-height:44px;width:fit-content;font-weight:700;font-size:.95rem}.evidence article a:first-of-type{margin-top:1rem}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1.8rem;color:var(--muted);font-size:.88rem}footer p{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}footer>a{display:flex;align-items:center;min-height:44px}
dialog{color:var(--ink);background:var(--paper);border:0;border-radius:16px;width:min(1100px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:1.1rem;overscroll-behavior:contain;box-shadow:0 24px 80px #0006}dialog::backdrop{background:#00102bd9}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.viewer-toolbar h2{font-size:1.2rem}.icon-button{border:1px solid #a9c2d1;background:#fff;color:var(--ink);border-radius:9px;min-width:44px;min-height:44px;display:grid;place-items:center}#viewer-image{width:100%;height:min(65dvh,680px);object-fit:contain;background:#edf3f6;border-radius:9px}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem}.viewer-nav{min-height:44px;border:1px solid #9db8ca;border-radius:8px;background:white;color:var(--ink);padding:.45rem .8rem;font-size:.9rem;flex-shrink:0}.viewer-bottom p{text-align:center;font-size:.9rem;color:var(--muted)}body:has(dialog[open]){overflow:hidden}
@media(hover:hover) and (pointer:fine){.primary:hover{background:#8cd0ff}.demo .button:hover,.cad-links .button:hover{background:#164777}.hero-link:hover{color:#8cddd5}.farm-image:hover .preview-action{color:#8cddd5}.cad-gallery a:hover .zoom-mark{background:#d4eeff}.sound-button:hover,.viewer-nav:hover,.icon-button:hover{background:#dbeef5}footer a:hover,.evidence a:hover{color:#08748a}}
@media(prefers-reduced-motion:no-preference){.intro{animation:arrive 420ms var(--ease) both}.farm-preview{animation:arrive 480ms var(--ease) 70ms both}dialog[open]{animation:dialog-in 180ms var(--ease)}@keyframes arrive{from{opacity:.72;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1080px){.wrap,.collection,footer{width:calc(100% - 4rem)}.demo-section{width:100%}.demo{width:calc(100% - 4rem)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem;min-height:540px}.site-nav{gap:1rem}.cad-gallery img{height:150px}.cad-main img{height:380px}.quota dl{gap:.7rem}}
@media(max-width:760px){.wrap,.collection,footer{width:calc(100% - 2.5rem)}.site-header{gap:.8rem;flex-wrap:wrap;padding-block:1rem}.brand{gap:1rem;font-size:1.2rem}.brand>span{padding-inline-start:1rem}.brand img{width:66px;height:48px}.site-nav{gap:.2rem 1rem;justify-content:flex-start;width:100%;padding-top:.2rem}.site-nav a{font-size:.83rem}.hero{grid-template-columns:minmax(0,1fr);gap:2.3rem;padding-block:2.5rem 5rem;min-height:0}.intro h1{font-size:clamp(2.9rem,10vw,4rem);margin-bottom:.85rem}.intro>p{font-size:1.07rem;max-width:42ch}.intro .button{margin-top:1.4rem}.hero-link{font-size:.85rem}.farm-image{padding:7px}.farm-preview figcaption{margin-top:.75rem}.collection{padding-block:2.8rem}.journey,.demo,.technical-video,.evidence-layout{grid-template-columns:minmax(0,1fr);gap:1.6rem}.demo-section{width:100%}.demo{width:calc(100% - 2.5rem);gap:2rem}.quota dl{gap:.75rem}.quota dt{font-size:.78rem}.quota dd{font-size:1.25rem}.cad-gallery{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.4rem}.cad-main{grid-column:1/-1;grid-row:auto}.cad-main img{height:auto;aspect-ratio:1104/734}.cad-gallery img{height:145px}.cad-gallery a{padding:.4rem}.cad-gallery figcaption{padding:.8rem}.cad-gallery strong{font-size:.95rem}.cad-gallery figcaption>span{font-size:.8rem}.technical-video{margin-top:2.7rem;padding-top:2.3rem}.video-frame{gap:.6rem .5rem}.video-frame figcaption{font-size:.8rem}.sound-button{font-size:.8rem;padding:.4rem .6rem}.viewer-bottom{flex-wrap:wrap;gap:.5rem}.viewer-bottom p{order:3;width:100%}.viewer-nav{font-size:.8rem}.viewer-toolbar h2{font-size:1rem}#viewer-image{height:52dvh}footer{padding-block:1.3rem}footer p{font-size:.82rem}}
@media(max-width:370px){.wrap,.collection,footer{width:calc(100% - 2rem)}.site-nav{gap:.1rem .7rem}.site-nav a{font-size:.77rem}.hero-link{font-size:.8rem}.cad-gallery{grid-template-columns:minmax(0,1fr)}.cad-gallery img{height:auto;max-height:240px}.cad-main{grid-column:auto}.demo-section{width:100%}.demo{width:calc(100% - 2rem)}.quota dl{grid-template-columns:minmax(0,1fr)}.quota dl>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.6rem;border-top:1px solid #c4d9e3}.quota dt{min-height:0}.quota dd{font-size:1.45rem}}
@media(min-width:371px) and (max-width:760px){.cad-gallery .cad-main img{height:auto;aspect-ratio:1104/734}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:active{transform:none}}