@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#141618;--paper:#f6f6f3;--white:#fff;--muted:#555c60;--line:#d5d8d6;--blue:#3159e8;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p,figure{margin:0}img{max-width:100%}::selection{background:#cbd4ff;color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}#main section{scroll-margin-top:80px}.wrap{width:min(calc(100% - 96px),1480px);margin-inline:auto}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:12px 18px;z-index:40}.skip:focus{top:16px}
header{position:sticky;top:0;z-index:20;background:rgba(246,246,243,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--ink)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;flex-shrink:0;align-items:center}.brand .wordmark{font-family:Manrope,sans-serif;display:block;font-size:28px;font-weight:800;line-height:.8;letter-spacing:-.085em}.wordmark-accent{color:var(--blue)}.brand small{display:block;margin-top:8px;padding-inline-start:2px;font-size:8px;letter-spacing:.39em;font-weight:800;color:#525961}.nav nav{margin-inline-start:auto;display:flex;align-items:center;gap:30px}.nav nav a{font-size:14px;font-weight:700;white-space:nowrap;position:relative;padding:12px 0}.nav nav a:after{content:"";height:1px;background:currentColor;position:absolute;inset-inline:0;bottom:7px;transform:scaleX(0);transform-origin:inline-start;transition:transform .25s}.nav nav a:hover:after{transform:scaleX(1)}.nav nav a:last-child{color:var(--blue)}.lang{min-height:44px;border:1px solid var(--ink);border-radius:0;background:transparent;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.lang:hover{background:var(--ink);color:#fff}.menu-toggle{display:none;background:transparent;border:0;cursor:pointer;font-size:27px;min-width:44px;min-height:44px}
.hero{background:var(--paper);overflow:hidden}.hero-copy{padding:58px 0 80px}.hero-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow,.label,.hero-index{font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-index{color:#747b7d}.hero h1{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(5.1rem,10.5vw,11.5rem);font-weight:800;line-height:.99;letter-spacing:-.085em;margin:82px 0 74px;max-width:1450px}.hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.09em;color:var(--blue)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;border-top:1px solid var(--ink);padding-top:28px}.lead{font-size:clamp(20px,2vw,29px);line-height:1.35;letter-spacing:-.035em;max-width:650px}.actions{display:flex;align-items:center;gap:28px;justify-content:flex-end;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:0;padding:16px 26px;font-size:15px;font-weight:700;white-space:nowrap;transition:background .22s,color .22s,transform .22s}.button:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-2px)}.text-link{font-size:15px;font-weight:700;border-bottom:1px solid var(--ink);padding:12px 0;white-space:nowrap}.text-link:hover{color:var(--blue);border-color:var(--blue)}.hero-band{display:flex;align-items:center;gap:25px;background:var(--ink);color:#fff;padding:25px 32px;font-size:12px;letter-spacing:.13em;font-weight:700}.hero-band .band-line{height:1px;background:#62686a;flex:1}.band-index{color:#aeb4b6;margin-inline-start:auto;white-space:nowrap}
.partner-section{padding:135px 0 145px;background:#fff}.partner-intro{display:grid;grid-template-columns:.36fr 1fr;gap:7vw;align-items:start}.partner-intro .label{padding-top:12px;color:var(--blue)}.partner-intro p{font-family:Manrope,sans-serif;font-size:clamp(2.4rem,4.7vw,5.4rem);font-weight:700;line-height:1.12;letter-spacing:-.067em;max-width:1120px}.partners{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.partner{min-height:285px;padding:30px 28px 25px;display:flex;flex-direction:column;position:relative;transition:background .25s}.partner+.partner{border-inline-start:1px solid var(--line)}.partner:hover{background:#f0f2ff}.partner strong{min-height:85px;display:flex;align-items:center;font-size:27px;letter-spacing:-.05em}.partner>span{font-size:15px;line-height:1.5;color:var(--muted);margin-top:auto;max-width:245px}.partner i{font-style:normal;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-top:23px}.logo-iteo img{width:160px;height:70px;object-fit:contain;object-position:left center}.logo-qarbon img{width:178px;height:70px;object-fit:contain;object-position:left center}.logo-tdree{gap:10px}.logo-tdree img{width:46px;height:46px;border-radius:9px;object-fit:cover}.logo-creativity{font-size:24px!important;line-height:1;color:#0e9dcd;font-weight:700}.dc-period{color:#0e9dcd}
.section{padding:135px 0}.section-head{display:grid;grid-template-columns:1.1fr .65fr;align-items:end;gap:8vw;margin-bottom:70px}.section h2,.about h2,.approach h2{font-family:Manrope,sans-serif;font-size:clamp(3rem,5.1vw,6.2rem);line-height:1.07;letter-spacing:-.075em;font-weight:700;margin-top:25px}.section-intro{font-size:18px;line-height:1.6;color:var(--muted);max-width:480px;padding-bottom:5px}.light{background:var(--paper)}.services{border-top:1px solid var(--ink)}.service{display:grid;grid-template-columns:65px 1fr minmax(260px,.75fr);gap:26px;align-items:center;min-height:154px;padding:26px 12px;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.service:hover{background:#fff;padding-inline:25px}.service-number{font-size:13px;font-weight:700;color:var(--blue)}.service h3{font-family:Manrope,sans-serif;font-size:clamp(25px,2.6vw,39px);line-height:1.14;letter-spacing:-.055em;font-weight:700}.service p{font-size:16px;line-height:1.55;color:var(--muted);max-width:410px}
.portfolio{background:#171a1d;color:#fff}.portfolio .section-head{margin-bottom:75px}.portfolio .eyebrow{color:#96aaff}.portfolio h2{max-width:850px}.portfolio .section-intro{color:#bec4c7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#52585c;border:1px solid #52585c}.product{background:#202429;min-height:350px;padding:29px;display:flex;flex-direction:column;position:relative;transition:background .25s}.product:hover{background:#2c3239}.product:first-child{grid-column:span 2;background:#f2f3f1;color:var(--ink)}.product:first-child:hover{background:#e8ebff}.product:nth-child(6){grid-column:span 2}.product-type{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#a5b1bb}.product:first-child .product-type{color:var(--blue)}.product h3{font-family:Manrope,sans-serif;font-size:clamp(26px,2.7vw,41px);letter-spacing:-.06em;line-height:1.12;margin:55px 0 17px;font-weight:700}.product h3.product-logo{min-height:48px;display:flex;align-items:center;gap:12px}.product-logo img{display:block;max-width:166px;max-height:45px;width:auto;height:auto;object-fit:contain;object-position:left center}.product-logo-ai img{max-width:210px}.logo-tdree-product img{width:40px;height:40px;border-radius:8px}.logo-tdree-product span{font-size:34px}.logo-fooz-live{flex-wrap:wrap}.logo-fooz-live img{max-width:115px}.logo-fooz-live small{font-size:15px;letter-spacing:-.02em}.product p{font-size:16px;line-height:1.55;color:#bfc8cc;max-width:430px}.product:first-child p{color:#515960}.product-provider{font-size:13px;font-weight:700;color:#95aaff;margin-top:auto;padding-top:29px}.product:first-child .product-provider{color:var(--blue)}
.dark{background:#e9ebea}.approach{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.approach h2{max-width:640px}.approach p{font-size:18px;line-height:1.55;color:var(--muted);max-width:480px;margin-top:30px}.approach-list{border-top:1px solid var(--ink)}.approach-row{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid #bfc5c5}.approach-row b{font-size:13px;color:var(--blue)}.approach-row strong{display:block;font-size:23px;letter-spacing:-.04em;margin-bottom:9px}.approach-row span{font-size:16px;line-height:1.5;color:var(--muted)}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:11vw}.about-text{font-size:20px;line-height:1.6;letter-spacing:-.015em;color:#4d5558;margin-top:10px}.about-text p{margin-bottom:24px}.about-meta{display:flex;gap:55px;border-top:1px solid var(--line);padding-top:28px;font-size:14px;color:#6b7376}.about-meta strong{display:block;color:var(--ink);font-size:19px;margin-bottom:5px}.about.section{background:#fff}
.contact{background:var(--blue);color:#fff;padding:125px 0}.contact-inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:70px}.contact .eyebrow{color:#d5deff}.contact h2{font-family:Manrope,sans-serif;font-size:clamp(4rem,8vw,9rem);line-height:1.03;letter-spacing:-.09em;max-width:1000px;margin-top:30px}.contact p{font-size:19px;line-height:1.5;max-width:520px;margin-top:30px;color:#e5eaff}.contact .button{background:#fff;color:var(--ink);border-color:#fff;min-width:285px}.contact .button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}footer{background:#141618;color:#b7bec1;padding:40px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:30px}footer .wordmark{color:#fff}footer .brand small{color:#a8b2b5}.footer-meta{display:flex;gap:28px;align-items:center;font-size:14px}footer a:hover{color:#fff}
html[dir="rtl"] body{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}html[dir="rtl"] .brand{direction:ltr}html[dir="rtl"] .hero h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .partner-intro p{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0}html[dir="rtl"] .hero h1{font-size:clamp(4.8rem,8.5vw,9rem);line-height:1.25}html[dir="rtl"] .hero h1 em{font-family:inherit;font-weight:700;letter-spacing:0}html[dir="rtl"] .logo-iteo,html[dir="rtl"] .logo-qarbon,html[dir="rtl"] .logo-tdree,html[dir="rtl"] .logo-creativity,html[dir="rtl"] .product-logo{direction:ltr;justify-content:flex-end}html[dir="rtl"] .product-type{padding:0}html[dir="rtl"] .hero-band{letter-spacing:0}
@media(max-width:1120px){.wrap{width:min(calc(100% - 64px),1480px)}.nav nav{gap:17px}.nav nav a{font-size:13px}.partners{grid-template-columns:repeat(2,1fr)}.partner:nth-child(3){border-inline-start:0;border-top:1px solid var(--line)}.partner:nth-child(4){border-top:1px solid var(--line)}.product-grid{grid-template-columns:repeat(2,1fr)}.product:nth-child(6){grid-column:auto}.service{grid-template-columns:52px 1fr minmax(220px,.8fr)}}
@media(max-width:760px){.wrap{width:min(calc(100% - 40px),1480px)}.nav{min-height:68px;gap:12px}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:15px 22px 22px;border-bottom:1px solid var(--ink);flex-direction:column;align-items:stretch;gap:0}.nav.open nav{display:flex}.nav nav a{padding:12px 0;font-size:16px;min-height:44px}.menu-toggle{display:block;margin-inline-start:auto}.hero-copy{padding:36px 0 54px}.hero-index{display:none}.hero h1{font-size:clamp(4.3rem,11vw,7.5rem);margin:64px 0 58px}.hero-bottom{grid-template-columns:1fr;gap:24px}.actions{justify-content:flex-start}.hero-band{padding:20px;gap:16px}.partner-section,.section{padding:90px 0}.partner-intro{display:block}.partner-intro p{margin-top:30px}.partners{margin-top:54px}.section-head{display:block;margin-bottom:45px}.section-intro{margin-top:27px}.service{grid-template-columns:45px 1fr;min-height:120px}.service p{grid-column:2;grid-row:2}.approach,.about{grid-template-columns:1fr;gap:55px}.contact-inner{grid-template-columns:1fr;gap:42px}.contact{padding:90px 0}.footer-row{align-items:start;flex-direction:column}}
@media(max-width:540px){.wrap{width:min(calc(100% - 34px),1480px)}.brand .wordmark{font-size:23px}.lang{font-size:12px;padding:8px 10px}.hero-copy{padding:30px 0 48px}.hero h1{font-size:clamp(3.3rem,12.3vw,5.1rem);letter-spacing:-.08em;margin:60px 0 48px;overflow-wrap:normal}.hero h1 em{letter-spacing:-.08em}.lead{font-size:20px}.actions{gap:18px}.button{min-height:52px}.hero-band{font-size:10px;letter-spacing:.08em;flex-wrap:wrap}.hero-band .band-line{min-width:22px}.band-index{display:none}.partner-section,.section{padding:76px 0}.partner-intro p{font-size:34px}.partners{grid-template-columns:1fr;margin-top:40px}.partner,.partner:nth-child(3),.partner:nth-child(4){min-height:190px;padding:23px 18px;border-inline-start:0;border-top:1px solid var(--line)}.partner:first-child{border-top:0}.partner strong{min-height:65px}.partner>span{max-width:none}.logo-iteo img{width:130px;height:55px}.logo-qarbon img{width:145px;height:55px}.section h2,.about h2,.approach h2{font-size:clamp(2.7rem,10vw,4rem)}.section-intro{font-size:16px}.service{padding:24px 5px;gap:12px;grid-template-columns:32px 1fr}.service h3{font-size:24px}.service p{font-size:15px}.service:hover{padding-inline:10px}.product-grid{grid-template-columns:1fr}.product,.product:first-child,.product:nth-child(6){grid-column:auto;min-height:270px;padding:23px}.product h3{margin-top:34px}.contact h2{font-size:clamp(3.7rem,13vw,6rem)}.contact .button{min-width:0;width:100%}.footer-meta{flex-wrap:wrap;gap:14px}html[dir="rtl"] .hero h1{font-size:clamp(3.5rem,11vw,5.2rem)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}.reveal{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}