@charset "UTF-8";
:root{--paper:#f5f3ec;--ink:#1b1e19;--muted:#5f675d;--line:#d8dbd1;--sage:#e4e8db;--forest:#1f2a22;--accent:#d7ea92;--screen:#f5f3ec;--gutter:clamp(24px,5vw,72px);color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
html[lang=ar] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:normal;line-height:1.3}
html[lang=ar] .hero h1 em,html[lang=ar] .serif{font-family:inherit;font-style:normal;line-height:1.3}
h1,h2,h3{overflow-wrap:anywhere}
.hero-grid>*,.story-grid>*,.cta-grid>*,.ai-row>*,.essentials>*,.detail-grid>*{min-inline-size:0}
.essentials strong{display:block;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}button,select{font:inherit}img{display:block;max-width:100%}figure{margin:0}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}h2{font-size:clamp(2.65rem,5vw,4.5rem)}h3{font-size:1.3rem}.wrap{width:min(100% - 2*var(--gutter),1296px);margin-inline:auto}.section-pad{padding-block:clamp(84px,10vw,144px)}[data-i18n]{white-space:pre-line}.eyebrow{font-size:.68rem;letter-spacing:.055em;line-height:1.5;text-transform:uppercase;color:var(--muted);font-weight:600}.fine,small{font-size:.8rem}.sr-only,.skip-link:not(:focus){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:100;inset-block-start:8px;inset-inline-start:8px;padding:12px;background:var(--paper);color:var(--ink)}:focus-visible{outline:3px solid #4b85bf;outline-offset:4px}
.site-header{position:relative;z-index:3;background:var(--paper)}.header-inner{min-height:98px;display:flex;align-items:center;gap:clamp(18px,2.2vw,36px)}.brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto;font-size:1.1rem;white-space:nowrap}.brand img{border-radius:5px}.primary-nav,.settings{display:flex;align-items:center;gap:clamp(16px,2.1vw,34px)}.primary-nav a,.settings{font-size:.83rem}.primary-nav a,.text-link,.footer a{transition:opacity .2s ease}.primary-nav a:hover,.text-link:hover,.footer a:hover{opacity:.65}.settings{gap:10px;flex-wrap:wrap;min-inline-size:0;max-inline-size:100%}.select-wrap{min-inline-size:0;max-inline-size:100%}.select-wrap select{max-inline-size:100%;border:0;background:transparent;color:inherit;padding:8px 4px;cursor:pointer}.select-wrap option{color:#1b1e19;background:#fff}.button{display:inline-flex;min-height:56px;padding:15px 24px;align-items:center;justify-content:center;text-align:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:.875rem;font-weight:600;line-height:1.35;transition:background .25s ease,color .25s ease,transform .25s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button--small{min-height:48px;padding:12px 18px;white-space:nowrap}.button--outline{background:transparent;color:var(--ink)}.button--accent{background:var(--accent);border-color:var(--accent);color:#1b1e19}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.actions .button{min-width:200px}.text-link{display:inline-block;font-weight:600;font-size:.875rem}
.hero{padding-block:52px 80px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(36px,4.5vw,64px);align-items:start}.hero-copy{padding-block:4px}.hero h1{font-size:clamp(4rem,6.1vw,5.5rem);margin-block:26px 24px}.hero h1 em{display:block;margin-block-start:20px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;line-height:1}.lead{font-size:clamp(1rem,1.3vw,1.125rem);max-width:530px;color:var(--muted);line-height:1.65}.hero .actions{margin-block-start:32px}.hero-note{margin-block-start:24px}.hero-photo{aspect-ratio:560/640;overflow:hidden;background:var(--line)}.hero-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.hero-photo:hover img{transform:scale(1.035)}.hero-device,.device-caption{display:none}.hero-visual figcaption{padding-block-start:14px}.essentials{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-block-start:40px}.essentials div{border-block-start:1px solid var(--line);padding-block-start:10px}.essentials span,.detail-grid article>span{display:block;font-size:.7rem;color:var(--muted);margin-block-end:10px}.essentials strong{font-weight:500;font-size:1.1rem}
.story{padding-block:clamp(90px,10vw,144px)}.story--app{background:var(--sage)}.story-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(56px,6vw,96px);align-items:center}.story-copy h2{margin-block:22px}.story-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);margin-block:24px}.story-copy .text-link{margin-block-start:16px}.concept{min-width:0}.concept>.eyebrow{margin-block-end:24px}.concept-screen{background:var(--screen);padding:clamp(24px,3.2vw,42px);max-width:530px;box-shadow:0 24px 80px rgba(28,40,31,.06)}.concept-screen>strong{font-size:.85rem;display:block;border-block-end:1px solid var(--line);padding-block-end:18px}.concept-screen h3{font-size:clamp(1.65rem,2.3vw,2rem);padding-block:20px 8px}.concept-screen div{padding-block:16px;border-block-end:1px solid var(--line)}.concept-screen small{font-size:.65rem;color:var(--muted)}.concept-screen p{font-size:.92rem}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-block-start:54px}.detail-grid--three{grid-template-columns:repeat(3,1fr)}.detail-grid article{border-block-start:1px solid var(--line);padding-block-start:18px}.detail-grid h3{margin-block:12px 16px;line-height:1.2}.detail-grid p,.ai-row p{color:var(--muted);font-size:.95rem}.details h2,.workflow h2{margin-block-start:22px}.ai-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-block-start:110px;padding-block-start:38px;border-block-start:1px solid var(--line)}.ai-row h3{font-size:clamp(2rem,3vw,3rem);margin-block-start:20px}.ai-row small{display:block;margin-block-start:20px;color:var(--muted)}
.story--coach{background:var(--forest);color:#f5f3ec}.story--coach .story-grid{grid-template-columns:1fr 1fr}.story--coach .eyebrow{color:#c9dda0}.story--coach .story-copy>p:not(.eyebrow){color:#c4cec1}.story--coach .concept-screen{background:#151c17;color:#f5f3ec;box-shadow:0 24px 80px rgba(0,0,0,.13)}.story--coach .concept-screen div,.story--coach .concept-screen>strong{border-color:#3b473d}.story--coach .concept-screen small{color:#c9dda0}.story--coach .fine{margin-block-start:22px}.vision{background:var(--paper)}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;line-height:1.08}.vision h2{margin-block:32px}.vision-copy{max-width:800px;color:var(--muted)}.vision-copy .fine{margin-block-start:18px}.cta{background:var(--accent);color:#1b1e19;padding-block:clamp(72px,8vw,112px)}.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}.cta h2{margin-block-start:22px}.cta-grid>div+div{display:flex;flex-direction:column;align-items:start;gap:18px;justify-content:center}.cta .button{background:#1b1e19;color:#f5f3ec;border-color:#1b1e19}.footer{background:#171c18;color:#f5f3ec;padding-block:70px 40px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:2rem;font-weight:700;letter-spacing:-.04em}.footer-top p,.footer .fine{color:#a9b3a8;font-size:.8rem}.footer-top nav{display:flex;gap:36px;font-size:.9rem}.footer-bottom{margin-block:56px 38px;padding-block-start:24px;border-block-start:1px solid #3d463e;font-size:.85rem}.footer .fine{margin-block-start:22px}
html[data-theme=technology]{--paper:#060a12;--ink:#f4f7fb;--muted:#a7b2c3;--line:#29374a;--sage:#0b111b;--forest:#0b1421;--accent:#c8e5ff;--screen:#101b29;color-scheme:dark}
html[data-theme=technology] .site-header{background:#060a12}
html[data-theme=technology] .hero{position:relative;isolation:isolate}
html[data-theme=technology] .hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 32%,rgba(48,133,220,.35),rgba(25,75,150,.09) 38%,transparent 68%);pointer-events:none}
html[data-theme=technology] .hero-photo,html[data-theme=technology] .photo-caption{display:none}
html[data-theme=technology] .device-caption{display:inline}
html[data-theme=technology] .hero-device{display:flex;justify-content:center;align-items:center;min-height:clamp(480px,45vw,640px)}
html[data-theme=technology] .device-screen{width:min(100%,340px);min-height:520px;padding:44px 30px;background:#0f1723;border:1px solid #546e8c;border-radius:36px;box-shadow:0 30px 90px rgba(0,56,128,.38),inset 0 0 0 8px #0c1421;color:#f4f7fb}
html[data-theme=technology] .device-screen strong{font-size:.75rem;color:#9bd0ff;letter-spacing:.04em}
html[data-theme=technology] .device-screen h3{margin-block:32px 38px;font-size:1.7rem}
html[data-theme=technology] .device-screen div{border-block-start:1px solid #283548;padding-block:18px}
html[data-theme=technology] .device-screen small{color:#a7b2c3;font-size:.7rem}
html[data-theme=technology] .device-screen p{font-size:.9rem;margin-block-start:6px}
html[data-theme=technology] .button--outline{background:transparent;color:#f4f7fb;border-color:#a7b2c3}
html[data-theme=technology] .story--coach .button--accent{background:#c8e5ff;color:#101923;border-color:#c8e5ff}
html[data-theme=technology] .button{border-radius:999px}
html[data-theme=technology] .story--app,html[data-theme=technology] .story--coach,html[data-theme=technology] .vision{position:relative;isolation:isolate;overflow:hidden}
html[data-theme=technology] .story--app:before,html[data-theme=technology] .story--coach:before,html[data-theme=technology] .vision:before{content:"";position:absolute;z-index:-1;inset:-35% -30%;background:radial-gradient(ellipse at 70% 50%,rgba(37,100,170,.15),transparent 52%);pointer-events:none}
html[data-theme=technology] .concept-screen{border:1px solid #304359;border-radius:20px;box-shadow:0 28px 80px rgba(11,77,147,.14)}
html[data-theme=technology] .story--coach .concept-screen{background:#101b29;border-color:#304359}
html[data-theme=technology] .story--coach .eyebrow,html[data-theme=technology] .story--coach .concept-screen small{color:#9bd0ff}
html[data-theme=technology] .cta{background:#c8e5ff;color:#101923}
html[data-theme=technology] .cta .eyebrow{color:#3c5368}
html[data-theme=technology] .cta .button{background:#101923;color:#f4f7fb;border-color:#101923}
html[data-theme=technology] .footer{background:#05080d}
@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .7s ease-out,transform .7s ease-out}.js [data-reveal].is-visible{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none}}
@media(max-width:1250px){.header-inner{flex-wrap:wrap;padding-block:18px;gap:14px 24px}.brand{flex:1}.primary-nav{order:3;flex-basis:100%;justify-content:flex-start}.header-cta{display:none}}
@media(max-width:1100px){.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-grid--three{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.header-inner{min-height:0}.brand{font-size:1rem}.brand img{width:26px;height:26px}.settings{gap:4px}.select-wrap select{font-size:.75rem}.primary-nav{gap:24px;overflow-x:auto;white-space:nowrap;padding-block:8px 0}.hero{padding-block:36px 64px}.hero-grid,.story-grid,.story--coach .story-grid,.cta-grid,.ai-row{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(3.3rem,12vw,5rem)}.hero .actions{align-items:stretch;flex-direction:column}.hero .actions .button{width:100%}.hero-photo{aspect-ratio:1/1}.hero-visual figcaption{font-size:.6rem}.essentials{grid-template-columns:1fr 1fr;gap:24px}.essentials strong{font-size:1rem}.story-grid .concept--app{order:2}.detail-grid,.detail-grid--three{grid-template-columns:1fr;gap:28px}.ai-row{margin-block-start:70px}.story-copy .actions{align-items:flex-start;flex-direction:column}.story--coach .concept-screen{max-width:none}.footer-top{flex-direction:column}.footer-top nav{flex-wrap:wrap;gap:20px}.footer-bottom{flex-wrap:wrap}.cta-grid>div+div{align-items:stretch}.cta-grid .text-link{align-self:flex-start}}
@media(max-width:360px){.brand strong{font-size:.9rem}.essentials{grid-template-columns:1fr}}