:root{--ink:#17211f;--orange:#f5653c;--lilac:#d5cbff;--paper:#f6f4ee;--muted:#6e7670;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px var(--body)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.06em}h1,h2{line-height:1.03}em{font-style:normal;color:#9281d1}.container{width:min(1330px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;background:white;z-index:99}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #815bde;outline-offset:4px}header{height:95px;background:#f6f4ee;border-bottom:1px solid #dedfd7;position:relative;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:9px;font:700 25px/1 var(--display);letter-spacing:-.08em}.mark{font:400 48px/1 var(--display);color:var(--orange)}.logo-mid{font-weight:500}.logo small{display:block;font:700 7px var(--body);letter-spacing:.24em;margin-top:5px}.nav nav{display:flex;align-items:center;gap:37px;font-size:13px;font-weight:700}.nav details{position:relative}.nav summary{list-style:none;cursor:pointer}.nav summary::-webkit-details-marker{display:none}.nav summary span{padding-left:5px}.dropdown{position:absolute;top:32px;left:-20px;width:260px;padding:10px;background:#fff;border:1px solid #e1e2dc;box-shadow:0 16px 45px #14251c18}.dropdown a{display:flex;justify-content:space-between;padding:12px}.dropdown a:hover{background:#f4f0ff}.nav-cta{background:var(--ink);color:#fff;padding:16px 21px}.nav-cta span{margin-left:30px}.menu{display:none}.hero{background:#f6f4ee;overflow:hidden}.hero-wrap{position:relative;min-height:690px;padding:57px 0 40px}.hero-top,.section-top{display:flex;justify-content:space-between;align-items:start}.eyebrow,.kicker{font:700 10px var(--body);letter-spacing:.13em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--orange)}.hero-tag,.section-top p{font:700 9px/1.5 var(--body);letter-spacing:.1em;text-align:right;color:#7d837a}.hero h1{font-size:clamp(64px,7.7vw,112px);margin:55px 0 27px;position:relative;z-index:2;max-width:900px}.hero h1>span:not(.dot){color:#9988da}.dot{color:var(--orange)}.hero-bottom{display:flex;align-items:center;gap:40px;position:relative;z-index:2}.hero-bottom p{font-size:16px;line-height:1.7;max-width:440px;color:#626d65}.round-link,.cta-circle{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:27px;transition:transform .2s}.round-link:hover,.cta-circle:hover{transform:rotate(45deg)}.hero-art{position:absolute;right:0;top:90px;width:43%;height:460px}.sphere{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#f1dfff 0%,#cebbf5 32%,#aa97df 60%,#7e70b7 100%);box-shadow:inset -30px -40px 65px #47398543,0 35px 80px #8b77b644}.sphere:before,.sphere:after{content:'';position:absolute;inset:-27px;border:1px solid #ada2c2;border-radius:50%;transform:rotate(-25deg) scaleY(.38)}.sphere:after{inset:-60px;transform:rotate(28deg) scaleY(.55);border-color:#c5b9d2}.sphere-core{position:absolute;inset:0;display:grid;place-items:center;color:#f8edff99;font-size:150px;font-family:var(--display)}.art-label{position:absolute;right:0;top:30px;font:700 10px/1.5 var(--body);letter-spacing:.1em}.art-label span{color:var(--orange);font-size:17px}.art-index{position:absolute;bottom:10px;left:10px;font:700 9px var(--body);letter-spacing:.12em;color:#817a91}.scroll-note{position:absolute;bottom:34px;left:0;font:700 9px var(--body);letter-spacing:.1em;color:#838981}.scroll-note span{color:var(--orange)}.ticker{overflow:hidden;background:var(--ink);color:#f5f3ed;padding:19px 0;white-space:nowrap;font:700 10px var(--display);letter-spacing:.13em}.ticker div{width:max-content;min-width:100%;display:flex;justify-content:space-around;gap:35px}.ticker b{color:#ff8062}.section{padding:130px 0}.section-top{margin-bottom:65px}.section-top .kicker{color:#ed724f}.intro-heading{display:grid;grid-template-columns:1.5fr .6fr;gap:50px;align-items:end;margin-bottom:65px}.section h2,.cta h2{font-size:clamp(46px,5.4vw,75px)}.intro-heading p,.feature-grid>div>p{font-size:15px;color:var(--muted);line-height:1.85;max-width:400px}.service-list{border-top:1px solid #ccd0c7}.service-row{display:grid;grid-template-columns:100px 1fr 55px;align-items:start;gap:15px;padding:30px 0;border-bottom:1px solid #ccd0c7}.row-no{font:700 10px var(--display);color:#9ea59b;padding-top:8px}.service-row h3{font-size:31px}.service-row p{color:#7f8880;line-height:1.6;margin-top:9px;max-width:630px}.row-arrow{width:46px;height:46px;border:1px solid #a7afa6;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:.2s}.service-row:hover .row-arrow{background:var(--orange);color:#fff;border-color:var(--orange)}.featured{background:#e7e0fa}.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.feature-grid>div>p{margin:27px 0}.link-line{display:inline-flex;gap:35px;border-bottom:1px solid;padding-bottom:10px;font-weight:700;font-size:13px}.link-line span{color:var(--orange)}.agent-card{background:#fffdf9;border:1px solid #d4cbea;padding:25px 30px;box-shadow:20px 20px 0 #cec3eb}.agent-head,.agent-foot{display:flex;justify-content:space-between;font:700 9px var(--body);letter-spacing:.1em;color:#8b8496}.agent-head span:last-child{font-size:22px;color:var(--orange)}.flow{padding:35px 0}.flow div{border:1px solid #e5e0eb;padding:17px 20px;background:#faf9fb}.flow small,.flow strong,.flow span{display:block}.flow small{font:700 9px var(--body);letter-spacing:.12em;color:#b18ae4}.flow strong{font:700 18px var(--display);margin:7px 0}.flow span{font-size:12px;color:#929297}.flow i{font-style:normal;display:block;text-align:center;color:#a588d4;padding:4px}.process h2{margin-bottom:70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd0c7}.steps article{padding:25px 25px 15px 0}.steps span{font:700 10px var(--display);color:var(--orange)}.steps h3{font-size:25px;margin:50px 0 15px}.steps p{font-size:13px;line-height:1.8;color:#7d877e;max-width:235px}.cta{background:var(--orange);color:#18211e}.cta-inner{min-height:355px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:65px 0}.cta h2{margin:25px 0 20px}.cta h2 em{color:#fbe6ce}.cta p{font-size:15px}.cta-circle{width:120px;height:120px;font-size:42px;flex-shrink:0}footer{background:#17211f;color:#f2f3eb;padding:75px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-bottom:75px}.footer-grid p{font-size:13px;line-height:1.8;color:#a0aaa3;max-width:290px;margin-top:25px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:13px;font-size:12px}.footer-grid b{font-size:9px;letter-spacing:.12em;color:#7f8c84;margin-bottom:12px}.footer-bottom{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;padding:22px 0;font:700 9px var(--body);letter-spacing:.1em;color:#95a299}.detail{padding:55px 0 100px;background:#f3f0ed}.crumb{font:700 9px var(--body);letter-spacing:.1em;color:#8f978d}.detail-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:50px;min-height:480px}.detail h1{font-size:clamp(50px,6.5vw,90px);margin:25px 0}.detail p{font-size:16px;line-height:1.8;color:#6d7770;max-width:520px}.button{border:0;display:inline-flex;align-items:center;gap:45px;background:#17211f;color:white;padding:18px 21px;margin-top:30px;font-weight:700;font-size:12px;cursor:pointer}.detail-art{height:420px;position:relative}.detail-art span{position:absolute;bottom:10px;right:0;font:700 9px var(--body);letter-spacing:.1em;color:#918795}.detail-cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd0c7;margin:60px 0}.detail-cards div{padding:28px 15px 30px 0;border-bottom:1px solid #ccd0c7}.detail-cards span{font-size:10px;color:var(--orange);font-weight:700}.detail-cards h3{font-size:21px;margin-top:35px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:85px}.contact h1 em{color:#9988da}.mail{display:inline-block;margin-top:35px;font:700 18px var(--display);border-bottom:1px solid;padding-bottom:8px}.contact form{background:#fff;padding:35px;border:1px solid #e5e3de}.contact label{display:block;font-weight:700;font-size:11px;margin-top:20px}.contact input,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #ced3cb;padding:12px 0;background:transparent;outline-offset:2px}.contact small{display:block;font-size:11px;color:#858f86;margin-top:15px;line-height:1.6}
@media(max-width:900px){.container{width:calc(100% - 48px)}.nav nav{gap:20px}.hero-art{opacity:.7;right:-80px}.hero h1{font-size:70px}.feature-grid{gap:45px}.section{padding:95px 0}}
@media(max-width:700px){.container{width:calc(100% - 38px)}header{height:75px}.logo{font-size:21px}.mark{font-size:40px}.menu{display:block;background:transparent;border:1px solid #b8beb6;padding:10px;font-size:11px}.nav nav{display:none;position:absolute;top:70px;left:19px;right:19px;background:#fff;box-shadow:0 15px 30px #0002;padding:20px;align-items:stretch;flex-direction:column;gap:0}.nav nav.open{display:flex}.nav nav>a,.nav summary{display:block;padding:13px}.dropdown{position:static;box-shadow:none;border:0;width:auto;background:#f7f5fa}.nav-cta{margin-top:5px}.hero-wrap{min-height:0;padding:40px 0 30px}.hero-tag{display:none}.hero h1{font-size:clamp(52px,12vw,70px);margin:50px 0 20px}.hero-bottom{gap:20px}.hero-bottom p{font-size:14px}.round-link{width:50px;height:50px;flex-shrink:0}.hero-art{position:relative;right:auto;top:auto;width:100%;height:300px;opacity:1}.sphere{width:210px;height:210px}.sphere-core{font-size:100px}.sphere:after{inset:-40px}.art-label{top:30px}.art-index{bottom:10px}.scroll-note{position:static;margin-top:20px}.ticker{font-size:9px}.section{padding:75px 0}.section-top{margin-bottom:45px}.section-top p{font-size:8px}.intro-heading,.feature-grid,.contact-grid,.detail-grid{grid-template-columns:1fr;gap:30px}.intro-heading{margin-bottom:40px}.section h2,.cta h2{font-size:45px}.service-row{grid-template-columns:35px 1fr 40px;padding:23px 0}.service-row h3{font-size:23px}.service-row p{font-size:12px}.row-arrow{width:36px;height:36px}.agent-card{padding:20px;box-shadow:10px 10px 0 #cec3eb}.steps{grid-template-columns:1fr 1fr}.steps h3{margin:28px 0 12px}.steps article{border-bottom:1px solid #d5d8d1}.cta-inner{min-height:0;padding:60px 0}.cta-circle{width:70px;height:70px;font-size:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.footer-grid>div:first-child{grid-column:1/-1}.detail{padding:40px 0 70px}.detail-grid{padding-top:50px}.detail h1{font-size:51px}.detail-art{height:300px}.detail-cards{grid-template-columns:1fr 1fr}.contact-grid{margin-top:55px}.contact form{padding:25px}.contact h1{font-size:52px}}
.projects{background:#f6f4ee}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-cards article{background:#fff;padding:24px;min-height:315px;display:flex;flex-direction:column}.project-cards article:nth-child(2){background:#e9e3fc}.project-cards article:nth-child(3){background:#f8ded3}.project-cards article>span{font:700 9px var(--body);letter-spacing:.12em;color:#93998e}.project-symbol{flex:1;display:flex;justify-content:center;align-items:center;font:700 64px var(--display);color:#a18bd8}.project-symbol span{font-size:26px;color:var(--orange)}.project-cards h3{font-size:27px}.project-cards p{font-size:12px;line-height:1.6;color:#7f887f;margin-top:7px}@media(max-width:700px){.project-cards{grid-template-columns:1fr}.project-cards article{min-height:260px}}
.languages{display:flex;align-items:center;gap:10px;font-size:10px;white-space:nowrap}.languages a:hover{color:var(--orange)}[dir=rtl] .hero-tag,[dir=rtl] .section-top p{text-align:left}[dir=rtl] .hero-art{right:auto;left:0}[dir=rtl] .scroll-note{left:auto;right:0}[dir=rtl] .art-label{right:auto;left:0}[dir=rtl] .art-index{left:auto;right:10px}[dir=rtl] .dropdown{left:auto;right:-20px}[dir=rtl] .nav-cta span{margin-left:0;margin-right:30px}@media(max-width:700px){.languages{padding:12px;gap:20px}[dir=rtl] .hero-art{left:auto}[dir=rtl] .scroll-note{position:static}}
@media(min-width:701px){.hero-wrap{min-height:800px}.scroll-note{bottom:30px}}
[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] .kicker,[lang=ar] .eyebrow{letter-spacing:0}[lang=ar] .hero h1{line-height:1.22;font-size:clamp(52px,6.1vw,88px)}.project-face span{font:600 34px var(--display);letter-spacing:-.055em;color:#26243b}.project-face strong{color:#7c65c9}.project-nfc img{width:min(240px,90%);height:auto}
.language-menu{position:relative}.nav .language-menu summary{display:flex;align-items:center;gap:6px;cursor:pointer}.language-menu svg{width:20px;height:20px;display:block}.language-options{position:absolute;right:0;top:33px;min-width:160px;background:#fff;padding:8px;border:1px solid #e1e2dc;box-shadow:0 16px 40px #14251c1c;z-index:25}.language-options a{display:block;padding:11px 13px;font-size:12px}.language-options a:hover{background:#f4f0ff}[dir=rtl] .language-options{right:auto;left:0}@media(max-width:700px){.nav .language-menu summary{padding:13px}.language-options,[dir=rtl] .language-options{position:static;box-shadow:none;border:0;background:#f7f5fa;width:100%}}


.project-waycard{margin:22px 0;background:#141c19;border-radius:12px}
.project-waycard img{width:100px;height:100px;object-fit:contain}

.project-waycard{background:#fff;margin:0;border-radius:0}
.project-waycard img{width:150px;height:150px;object-fit:contain}
/* Gentle motion for the hero illustration. */
.sphere{animation:sphere-float 7s ease-in-out infinite;will-change:transform}
.sphere:before{animation:orbit-one 16s linear infinite}
.sphere:after{animation:orbit-two 22s linear infinite}
.sphere-core{animation:core-glow 5s ease-in-out infinite}
@keyframes sphere-float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-14px)}}
@keyframes orbit-one{from{transform:rotate(-25deg) scaleY(.38)}to{transform:rotate(335deg) scaleY(.38)}}
@keyframes orbit-two{from{transform:rotate(28deg) scaleY(.55)}to{transform:rotate(-332deg) scaleY(.55)}}
@keyframes core-glow{0%,100%{opacity:.65}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.sphere,.sphere:before,.sphere:after,.sphere-core{animation:none}}
