:root{--paper:#f6f5ef;--ink:#17392e;--muted:#647168;--line:#dcded4;--green:#326447;--lime:#d9ebbc;--white:#fff;--radius:24px;--font:'DM Sans',sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #559766;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}p{line-height:1.7}h2{font-size:clamp(32px,3.7vw,52px);line-height:1.13;letter-spacing:-1.7px;white-space:pre-line}h3{font-size:30px;line-height:1.2;letter-spacing:-.8px}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.icon{width:22px;height:22px;flex-shrink:0}.skip{position:fixed;top:8px;left:8px;background:var(--ink);color:white;padding:12px 20px;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.7px;font-weight:650;text-transform:uppercase;color:var(--green);margin-bottom:23px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56824d;margin-inline-end:9px}.section{padding-block:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:42px}.section-heading .section-intro{max-width:380px;padding-bottom:5px;font-size:16px;color:var(--muted)}.muted-heading{color:#788678}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 21px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;line-height:1.2;min-height:48px;transition:background .18s,transform .18s}.button:hover{background:#e7eadf;transform:translateY(-2px)}.button .icon{width:17px;height:17px}.button-dark{background:var(--ink);color:white;border-color:var(--ink)}.button-dark:hover{background:#285442}.button-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.button-lime:hover{background:#e4f2d0}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:650;line-height:1.5;min-height:44px}.text-link .icon{width:18px;height:18px;transition:transform .18s}.text-link:hover .icon{transform:translateX(4px)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.site-header{height:88px;position:sticky;top:0;z-index:20;background:#f6f5eff5;border-bottom:1px solid #e3e4db;backdrop-filter:blur(14px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.brand svg{width:34px;height:34px;color:#4e8563}.brand>span{font:500 36px/1 'Outfit',sans-serif;letter-spacing:-1.6px}.site-header nav{display:flex;align-items:center;gap:28px;margin-inline:auto;font-size:12px;font-weight:550}.site-header nav a{padding:14px 0;position:relative}.site-header nav a::after{content:'';position:absolute;bottom:8px;inset-inline:0;height:1px;background:var(--green);transform:scaleX(0);transition:transform .15s}.site-header nav a:hover::after{transform:scaleX(1)}.nav-actions{display:flex;gap:18px;align-items:center}.languages{display:flex;align-items:center;gap:0}.languages button{padding:9px 7px;min-height:38px;font-size:10px;color:var(--muted);background:none;border:0;border-radius:4px}.languages button[aria-pressed=true]{color:var(--ink);font-weight:700;background:#e8ebdf}.nav-cta{min-height:42px;padding:10px 14px;background:transparent;gap:18px;font-size:12px}.menu-button{display:none;border:1px solid var(--line);border-radius:7px;background:transparent;width:42px;height:42px;place-content:center;gap:5px}.menu-button span{display:block;height:1.5px;width:17px;background:var(--ink)}
.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:20px;align-items:center;min-height:700px;padding-block:90px 76px}.hero-copy{position:relative;z-index:2;padding-bottom:8px}.hero h1{font-size:clamp(54px,6.15vw,88px);line-height:1.03;letter-spacing:-4.7px;margin-bottom:30px;white-space:nowrap}.serif-accent{color:#5d7d55}.hero-intro{color:var(--muted);font-size:16px;max-width:435px;margin-bottom:30px}.hero-footnote{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-top:32px}.hero-footnote img{width:29px;height:29px;border-radius:8px}.hero-stage{height:490px;position:relative;isolation:isolate;margin-inline-start:3px}.hero-stage::before{content:'';position:absolute;inset:4% -3% 3% 4%;background:#e8ebdf;border-radius:50% 40% 45% 35%;transform:rotate(-8deg);z-index:-2}.orbit{position:absolute;border:1px solid #ced7c4;z-index:-1;border-radius:50%;pointer-events:none}.orbit-one{width:85%;height:95%;top:0;left:4%;transform:rotate(-18deg)}.orbit-two{width:87%;height:73%;top:20%;left:5%;transform:rotate(25deg)}.hero-screen{position:absolute;top:76px;left:-10px;width:99%;border:6px solid #fff;border-radius:12px;background:white;box-shadow:0 28px 44px -24px #233b3655,0 0 0 1px #263d2520;transform:perspective(1300px) rotateY(-7deg) rotateZ(-3deg);overflow:hidden}.browser-bar{height:25px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 10px;color:#819085;font-size:7px;letter-spacing:.4px;border-bottom:1px solid #e7ece4}.traffic{display:flex;gap:4px}.traffic i{width:4px;height:4px;border-radius:50%;background:#d8dfd5}.screen-button{display:block;width:100%;padding:0;border:0;background:none;position:relative;overflow:hidden}.screen-button img{width:100%;height:auto}.screen-button>.icon{position:absolute;bottom:10px;inset-inline-end:10px;background:#fff;border-radius:6px;padding:5px;width:28px;height:28px;box-shadow:0 2px 12px #0002;opacity:0;transition:opacity .2s}.screen-button:hover>.icon,.screen-button:focus-visible>.icon{opacity:1}.phone{background:#18251e;padding:5px;border-radius:29px;box-shadow:0 21px 30px -15px #0e291e55;border:1px solid #415346;overflow:hidden;flex-shrink:0}.phone img{border-radius:23px;width:100%;height:auto}.hero-phone{width:155px;position:absolute;right:-8px;top:179px;transform:rotate(7deg);z-index:3;border-radius:25px;padding:4px}.hero-phone img{border-radius:20px}.hero-ticket{position:absolute;bottom:47px;left:12px;background:#fffdf7;display:flex;align-items:center;gap:11px;padding:17px 19px;border:1px solid #dfe3d5;border-radius:12px;box-shadow:0 12px 32px -20px #17392e66;transform:rotate(-3deg);z-index:4}.hero-ticket>.icon{color:#517849;width:28px;height:28px}.hero-ticket strong{font-size:12px;font-weight:650;display:block}.hero-ticket small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.ticket-check{width:25px;height:25px;border-radius:50%;background:#e4efcf;display:grid;place-items:center;font-size:12px;margin-left:6px}.stage-caption{position:absolute;bottom:-6px;left:38px;color:#7d8879;font-size:8px;letter-spacing:1.4px;line-height:1.7}.proof{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid var(--line);padding-block:28px}.proof>div{display:flex;gap:16px;align-items:center;padding-inline:30px;border-inline-start:1px solid var(--line)}.proof>div:first-child{padding-inline-start:0;border:0}.proof .icon{width:27px;height:27px;color:#638459}.proof strong{display:block;font-size:12px;font-weight:600}.proof p>span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.surface-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:11px;padding:5px;margin-bottom:20px;background:#eeefe7}.surface-tabs button{min-height:57px;display:flex;align-items:center;gap:12px;padding:10px 20px;border:0;background:transparent;border-radius:7px;color:var(--muted);font-size:13px;font-weight:550;text-align:start}.surface-tabs button[aria-selected=true]{background:var(--ink);color:#f0f3e7;box-shadow:0 3px 8px #122a2615}.tab-number{margin-inline-start:auto;font-size:9px;opacity:.5}.surface-panel{display:grid;grid-template-columns:.78fr 1.22fr;min-height:495px;background:#edf0e5;border:1px solid #e1e5d8;border-radius:var(--radius);overflow:hidden}.surface-panel[hidden]{display:none}.surface-copy{padding:54px 32px 47px 46px}.surface-copy .eyebrow{font-size:9px;margin-bottom:22px}.surface-copy h3{max-width:335px;font-size:34px;margin-bottom:18px;line-height:1.13;letter-spacing:-1.1px}.surface-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:340px}.check-list{list-style:none;padding:0;margin:24px 0 17px}.check-list li{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5;margin:10px 0;color:#435649}.check-list .icon{width:15px;height:15px;color:#54865e;margin-top:1px}.surface-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding:40px 0 40px 20px}.desktop-device{width:790px;max-width:none;flex-shrink:0;margin-left:160px;border:7px solid #20382e;border-bottom-width:12px;border-radius:17px;overflow:hidden;box-shadow:-15px 30px 40px -30px #1a362b7a;transform:perspective(1600px) rotateY(-9deg) rotateZ(-2deg)}.desktop-device .browser-bar{height:25px}.panel-tablet{background:#e9ece5}.tablet-device{width:610px;flex-shrink:0;max-width:91%;padding:15px 22px;background:#1e2722;border:2px solid #566158;border-radius:27px;box-shadow:0 28px 35px -22px #13281e7a;transform:rotate(-6deg);position:relative}.tablet-device .screen-button{border-radius:8px}.tablet-camera{position:absolute;left:9px;top:49%;width:5px;height:5px;border-radius:50%;background:#64786e;box-shadow:0 0 0 2px #101913}.panel-mobile{background:#eeece4}.panel-mobile .surface-art{min-height:500px;gap:0;padding:28px}.panel-mobile .phone{width:183px;position:relative;z-index:2}.phone-back{transform:rotate(-9deg) translate(13px,-7px)}.phone-front{transform:rotate(7deg) translate(-2px,32px)}.mobile-orbit{position:absolute;width:360px;height:360px;border:1px solid #d2d6c8;border-radius:50%}.availability{display:block;font-size:10px;color:var(--muted);margin-top:7px}.panel-api{background:#e8ebdf}.api-device{background:#183c30;color:#e8efdf;width:min(430px,90%);border-radius:16px;padding:27px;box-shadow:0 25px 30px -25px #133a2c99;transform:rotate(-3deg);border:1px solid #315b47}.api-top{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;color:#bdcdbb}.api-top .icon{width:20px;height:20px}.api-dot{width:6px;height:6px;border-radius:50%;background:#b5d59c;margin-inline-start:auto}.api-flow{display:flex;align-items:center;justify-content:center;margin:33px 0 20px;gap:12px;direction:ltr}.api-flow>span{background:#ffffff0a;border:1px solid #647c564d;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;color:#b1c5a7}.api-flow i{height:1px;border-top:1px dashed #749866;width:26px}.api-flow strong{font-family:'Outfit',sans-serif;font-size:25px;font-weight:500;background:var(--lime);color:var(--ink);padding:16px 14px;border-radius:15px}.api-device h4{font-size:18px;text-align:center;letter-spacing:-.3px;margin-bottom:30px}.code-heading{border-top:1px solid #c1d8b324;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#a8bd9f;gap:10px}.copy-code{font-size:9px;border:1px solid #617653;border-radius:5px;background:transparent;color:#d5e5c8;padding:7px 10px;letter-spacing:0;min-height:32px}.copy-code:hover{background:#ffffff0e}.api-device pre{font:11px/1.9 ui-monospace,monospace;color:#ebeee2;overflow-x:auto;white-space:pre;margin-bottom:0}.api-device code span{color:#c4df99}.api-device code .code-method{color:#c4d89c;font-weight:bold}.copy-status{font-size:10px;min-height:15px;color:#cee6b0;margin-top:10px}
.case-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 0 85px;border-bottom:1px solid var(--line)}.case-intro .eyebrow{margin-bottom:18px}.case-intro h2{font-size:34px;letter-spacing:-1px;margin-bottom:16px}.case-intro>p:not(.eyebrow){font-size:13px;max-width:480px;color:var(--muted);margin-bottom:14px}.case-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-content:center}.case-numbers>div{display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-inline-start:25px}.case-numbers strong{font-size:70px;line-height:1.1;font-weight:450;letter-spacing:-4px}.case-numbers>div>span{font-size:10px;color:var(--muted);margin-top:8px}.case-numbers small{font-size:9px;line-height:1.7;color:var(--muted);grid-column:1/-1;padding-inline-start:25px;max-width:425px;margin-top:20px}.number-dot{font-size:28px;color:#83a363;vertical-align:top;display:inline-block;padding-top:2px;margin-left:5px;letter-spacing:0}.how-section h2{max-width:640px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;margin-top:55px}.step-number{display:flex;align-items:center;color:#759266;font-size:11px;letter-spacing:1px;gap:20px;margin-bottom:24px}.step-number::after{content:'';height:1px;background:var(--line);flex:1}.steps h3{font-size:22px;margin-bottom:13px;letter-spacing:-.5px}.steps p{font-size:13px;color:var(--muted);max-width:320px}.research-section{background:#193c30;color:#f0f1e6;padding:86px 0 32px;position:relative;overflow:hidden}.research-grid{display:grid;grid-template-columns:1fr .85fr;gap:110px;align-items:center}.research-section .eyebrow{color:#b9d29d}.research-section h2{font-size:48px;letter-spacing:-1.8px;margin-bottom:25px}.research-section p:not(.eyebrow){color:#b6c5b7;font-size:14px;max-width:510px}.research-section .text-link{color:#d7e8bc;margin-top:24px}.research-art svg{width:100%;overflow:visible}.graph-under{stroke:#6b886c;stroke-width:1;opacity:.3}.graph-route{stroke:#c6e3a4;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1100;stroke-dashoffset:0}.graph-nodes circle{fill:#c6e3a4;stroke:#193c30;stroke-width:5}.research-art>span{display:block;font-size:8px;letter-spacing:2px;color:#8fa686;margin-top:18px;text-align:center}.research-aside{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:55px;border-top:1px solid #92ac8930;padding-top:25px}.research-aside strong{font-size:12px;font-weight:500}.research-aside p{font-size:11px!important;margin-top:5px}.research-aside .text-link{margin:0;flex-shrink:0}
.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:50px}.portrait{aspect-ratio:.85;overflow:hidden;position:relative;border-radius:10px;background:#e4e7dc;margin-bottom:21px}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .3s,transform .5s}.person:hover img{filter:grayscale(0);transform:scale(1.025)}.portrait span{position:absolute;bottom:10px;left:12px;color:#fff;font-size:9px;letter-spacing:2px;background:#14342b99;border-radius:4px;padding:4px 7px}.person h3{font-size:16px;font-weight:550;letter-spacing:-.35px;line-height:1.3;margin-bottom:6px}.person-role{font-size:10px;line-height:1.6;color:#466841;min-height:32px}.person-bio{font-size:11px;line-height:1.65;color:var(--muted);margin-top:9px}.client-row{border-top:1px solid var(--line);padding-top:35px;margin-top:60px}.client-row>p{font-size:10px;color:var(--muted);text-align:center}.client-row>div{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:26px;color:#7d8878}.client-row span{font-family:'Outfit',sans-serif;font-size:20px;font-weight:500;letter-spacing:-.5px}.detours{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:100px}.detours article{border:1px solid var(--line);border-radius:18px;padding:36px 40px;position:relative;overflow:hidden}.impact-card{background:#f0f0e6}.impact-card>.icon{float:right;color:#91a876;width:34px;height:34px}.detours .eyebrow{font-size:9px;margin-bottom:22px}.detours h3{font-size:25px;letter-spacing:-.5px;max-width:310px;margin-bottom:18px}.detours p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:400px;margin-bottom:20px}.game-card{background:#ebeeda}.game-doodle{position:absolute;width:145px;height:90px;right:-25px;top:0;transform:rotate(-12deg);opacity:.5;color:#66834a}.contact-section{background:#dce9c6;padding:74px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:65px}.contact-inner h2{font-size:43px;line-height:1.16;letter-spacing:-1.5px;margin-bottom:22px}.contact-inner>div>p:not(.eyebrow){color:#5c7056;font-size:13px;max-width:510px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:225px}.contact-actions .button{background:#1a3b2e;color:#fff;border-color:#1a3b2e;width:100%;justify-content:space-between}.contact-actions .button:hover{background:#2c5340}.contact-actions .text-link{margin-inline-start:2px}.brochure-link{font-size:11px;color:#607851;text-decoration:underline;text-underline-offset:4px;margin-top:10px}.footer{display:grid;grid-template-columns:1fr auto;gap:32px;padding-block:42px 24px}.footer .brand>span{font-size:28px}.footer .brand svg{width:26px;height:26px}.footer p{font-size:10px;color:var(--muted);margin-top:10px}.footer-links{display:flex;align-items:center;gap:25px;font-size:11px}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer>small{font-size:9px;color:#7b8476;grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line)}.faq-section{padding-bottom:90px}.faq-list{margin-top:40px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{list-style:none;display:flex;gap:25px;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:500;min-height:32px}.faq-list summary::-webkit-details-marker{display:none}.faq-list .plus{color:#829b6e;font-size:25px;font-weight:400}.faq-list details[open] .plus{transform:rotate(45deg)}.faq-list details p{margin:18px 0 2px;max-width:800px;color:var(--muted);font-size:14px}.image-dialog{border:1px solid #d1dacd;background:#f6f5ef;border-radius:15px;padding:42px 18px 15px;width:min(1440px,96vw);max-height:94dvh;overflow:auto;color:var(--ink)}.image-dialog::backdrop{background:#0a201cba;backdrop-filter:blur(6px)}.image-dialog>img{width:100%;height:auto;max-height:80dvh;object-fit:contain}.image-dialog>p{font-size:10px;text-align:center;padding-top:12px;letter-spacing:1px}.dialog-close{position:absolute;inset-inline-end:9px;top:6px;width:34px;height:34px;display:grid;place-items:center;border:0;background:none}.dialog-close .icon{width:20px;height:20px}
html[dir=rtl]{--font:'Noto Sans Arabic',sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}html[dir=rtl] h1{line-height:1.3;font-size:clamp(48px,5.4vw,73px)}html[dir=rtl] h2{line-height:1.4}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .brand{direction:ltr}html[dir=rtl] .hero-stage{direction:ltr}html[dir=rtl] .text-link>.icon,html[dir=rtl] .button>.icon{transform:rotate(180deg)}html[dir=rtl] .surface-copy{padding:54px 46px 47px 32px}html[dir=rtl] .surface-art{direction:ltr}html[dir=rtl] .surface-tabs{direction:rtl}html[dir=rtl] .hero-intro{font-size:15px}html[dir=rtl] .api-device{direction:rtl}html[lang=fr] .hero h1{font-size:clamp(45px,5.1vw,74px);letter-spacing:-3.6px}
@media(min-width:1550px){.hero{min-height:740px}.hero-stage{height:510px}.hero-screen{top:66px}.hero-ticket{bottom:35px}.hero-phone{width:165px;top:167px}}
@media(max-width:1150px){.shell{width:calc(100% - 64px)}.site-header nav{gap:18px}.nav-inner{gap:20px}.nav-actions{gap:12px}.hero{min-height:625px;padding-block:75px}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero-intro{font-size:14px;max-width:365px}.hero-stage{height:420px}.hero-screen{top:68px}.hero-phone{width:127px;top:149px}.hero-ticket{bottom:23px;padding:14px}.stage-caption{bottom:-16px;font-size:7px;left:10px}.hero-footnote{font-size:10px}.proof>div{padding-inline:18px;gap:10px}.proof p>span{font-size:10px}.section{padding-block:85px}.surface-copy{padding:40px 24px 36px 32px}.surface-copy h3{font-size:29px}.surface-panel{grid-template-columns:.85fr 1.15fr}.desktop-device{width:670px;margin-left:175px}.tablet-device{max-width:90%;padding:12px 18px;border-radius:22px}.case-section{gap:40px}.case-numbers strong{font-size:60px}.research-grid{gap:60px}.team-grid{grid-template-columns:repeat(3,1fr);gap:32px 20px}.person h3{font-size:14px}.detours article{padding:30px}.contact-inner h2{font-size:37px}.surface-tabs button{padding:10px 15px}.tab-number{display:none}.panel-mobile .phone{width:160px}}
@media(max-width:900px){.site-header nav{position:absolute;top:87px;left:0;right:0;background:var(--paper);padding:18px 32px 26px;border-bottom:1px solid var(--line);display:none;box-shadow:0 18px 25px #1c382c0a}.site-header nav.open{display:grid;grid-template-columns:1fr 1fr}.menu-button{display:grid}.nav-actions{margin-inline-start:auto}.hero{grid-template-columns:1fr 1fr;gap:15px;min-height:575px;padding-block:65px}.hero h1{font-size:52px;letter-spacing:-2.8px}.hero-intro{font-size:13px}.hero .actions{gap:13px}.hero .button{padding:14px 16px;gap:12px}.hero .text-link{font-size:11px}.hero-stage{height:360px}.hero-screen{top:45px;left:0;width:106%}.hero-phone{width:113px;top:128px;right:-8px}.hero-ticket{left:0;bottom:10px;padding:12px 13px;gap:8px}.hero-ticket strong{font-size:10px}.hero-ticket small{font-size:8px}.ticket-check{display:none}.hero-ticket>.icon{width:24px;height:24px}.hero-footnote{max-width:290px;line-height:1.6}.proof strong{font-size:11px}.proof .icon{width:21px;height:21px}.proof p>span{line-height:1.5}.section-heading{gap:30px}.section-heading .section-intro{font-size:13px;max-width:270px}.surface-tabs button{font-size:12px;gap:9px}.surface-tabs .icon{width:19px;height:19px}.surface-panel{grid-template-columns:.92fr 1.08fr}.surface-copy h3{font-size:27px}.surface-copy>p:not(.eyebrow){font-size:12px}.surface-copy{padding:35px 20px 30px 26px}.desktop-device{width:590px;margin-left:160px}.panel-mobile .phone{width:140px}.panel-mobile .surface-art{padding:18px}.surface-art{padding-left:0}.api-device{padding:20px;width:93%}.api-device pre{font-size:10px}.api-flow{gap:7px}.api-flow i{width:16px}.api-flow strong{font-size:21px}.case-intro h2{font-size:28px}.case-numbers strong{font-size:50px;letter-spacing:-2px}.case-numbers>div{padding-inline-start:17px}.case-section{gap:35px}.steps{gap:25px}.steps h3{font-size:20px}.steps p{font-size:12px}.research-grid{gap:40px}.research-section h2{font-size:38px}.team-grid{grid-template-columns:repeat(3,1fr);gap:35px 22px}.team-grid .person:nth-child(n+4){max-width:none}.person h3{font-size:16px}.portrait{aspect-ratio:1}.person-role{min-height:0}.person-bio{max-width:220px}.client-row span{font-size:18px}.client-row>div{gap:28px}.detours{gap:18px;padding-bottom:75px}.contact-inner{gap:30px}.contact-inner h2{font-size:32px}.contact-actions{min-width:205px}.footer-links{gap:16px;font-size:10px}html[lang=fr] .hero h1{font-size:43px;letter-spacing:-2.3px}html[dir=rtl] .hero h1{font-size:45px}.research-aside{gap:25px}}
@media(max-width:640px){html{scroll-padding-top:80px}.shell{width:calc(100% - 40px)}.site-header{height:72px}.brand>span{font-size:31px}.brand svg{width:29px;height:29px}.nav-inner{gap:12px}.nav-cta{display:none}.nav-actions{gap:10px}.languages button{min-height:40px;padding:8px 6px;font-size:10px}.site-header nav{top:71px;padding-inline:22px}.hero{grid-template-columns:1fr;gap:18px;padding-block:53px 28px;min-height:0}.hero h1{font-size:62px;letter-spacing:-3.5px;margin-bottom:23px}.hero .eyebrow{font-size:9px;margin-bottom:19px}.hero-intro{font-size:14px;max-width:450px;margin-bottom:25px}.hero .actions{gap:22px}.hero .text-link{font-size:12px}.hero .button{padding:15px 18px;gap:18px}.hero-footnote{margin-top:24px;max-width:none;font-size:10px}.hero-stage{height:370px;max-width:490px;width:100%;margin:4px auto 0}.hero-stage::before{inset:0 1% 6%}.hero-screen{top:30px;left:0;width:95%;border-width:4px;transform:rotate(-3deg)}.hero-phone{width:120px;top:119px;right:0}.hero-ticket{bottom:31px;left:5px;padding:13px 15px}.hero-ticket strong{font-size:11px}.hero-ticket small{font-size:9px}.ticket-check{display:grid;width:22px;height:22px}.stage-caption{bottom:-1px;left:8px;font-size:7px}.proof{grid-template-columns:1fr;gap:16px;padding-block:23px}.proof>div{border:0;padding:0;gap:15px}.proof strong{font-size:12px}.proof p>span{font-size:10px}.proof .icon{width:24px;height:24px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading .section-intro{max-width:420px;font-size:13px;margin-top:20px}.eyebrow{font-size:9px;margin-bottom:19px}h2{font-size:35px;letter-spacing:-1.3px}.surface-tabs{padding:4px;margin-inline:-3px;gap:2px}.surface-tabs button{display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:10px;padding:9px 3px;min-height:64px;text-align:center}.surface-tabs .icon{width:20px;height:20px}.surface-panel{grid-template-columns:1fr;border-radius:17px;min-height:0}.surface-copy{padding:29px 25px 8px}.surface-copy .eyebrow{font-size:8px;margin-bottom:18px}.surface-copy h3{font-size:29px;max-width:320px}.surface-copy>p:not(.eyebrow){font-size:13px;max-width:none}.check-list{margin-top:21px;margin-bottom:13px}.check-list li{font-size:11px}.surface-art{height:285px;min-height:0;padding:18px 0 22px;justify-content:flex-start;overflow:hidden}.desktop-device{width:440px;margin-left:28px;border-width:5px;border-bottom-width:9px;border-radius:11px;transform:rotate(-3deg)}.tablet-device{width:430px;max-width:89%;margin:auto;transform:rotate(-5deg);padding:10px 17px;border-radius:20px}.tablet-device .screen-button{border-radius:5px}.panel-mobile .surface-art{height:370px;min-height:370px;justify-content:center;padding:24px 10px}.panel-mobile .phone{width:140px}.phone-back{transform:rotate(-9deg) translate(5px,-4px)}.phone-front{transform:rotate(7deg) translate(-3px,18px)}.mobile-orbit{width:275px;height:275px}.panel-api .surface-art{height:auto;padding:25px 20px 34px}.api-device{width:100%;margin:auto;padding:22px;transform:rotate(-2deg)}.api-device pre{font-size:11px}.api-flow{margin-top:24px}.case-section{grid-template-columns:1fr;gap:28px;padding:0 0 55px}.case-intro h2{font-size:31px}.case-numbers{gap:9px}.case-numbers>div{padding-inline-start:16px}.case-numbers strong{font-size:59px}.case-numbers small{padding-inline-start:16px;margin-top:12px;font-size:9px}.case-numbers>div>span{font-size:9px}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps article{display:grid;grid-template-columns:32px 1fr;gap:10px 15px}.step-number{grid-row:1/3;align-items:flex-start;padding-top:6px;margin:0}.step-number::after{display:none}.steps h3{font-size:22px;margin:0}.steps p{grid-column:2;font-size:13px;max-width:400px}.research-section{padding:56px 0 27px}.research-grid{grid-template-columns:1fr;gap:25px}.research-section h2{font-size:36px;letter-spacing:-1.1px}.research-section p:not(.eyebrow){font-size:13px}.research-art{max-width:290px;margin-inline:auto}.research-art>span{font-size:7px}.research-aside{display:block;margin-top:35px;padding-top:22px}.research-aside .text-link{margin-top:14px}.team-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px;margin-top:32px}.portrait{aspect-ratio:.82;border-radius:7px;margin-bottom:15px}.person h3{font-size:15px;letter-spacing:-.5px}.person-role{font-size:9px;line-height:1.65;min-height:28px}.person-bio{font-size:10px;line-height:1.65;margin-top:6px}.client-row{margin-top:38px;padding-top:26px}.client-row>div{gap:21px 28px;justify-content:center}.client-row span{font-size:18px}.client-row>p{font-size:10px}.detours{grid-template-columns:1fr;padding-bottom:60px;gap:16px}.detours article{padding:29px 26px;border-radius:15px}.detours h3{font-size:25px;max-width:300px}.detours p:not(.eyebrow){font-size:12px}.contact-section{padding:53px 0}.contact-inner{display:block}.contact-inner h2{font-size:34px;letter-spacing:-1.2px}.contact-inner>div>p:not(.eyebrow){font-size:13px}.contact-actions{margin-top:28px;gap:12px}.contact-actions .button{width:auto;min-width:225px}.footer{display:block;padding-block:30px 22px}.footer-links{margin-top:26px;flex-wrap:wrap;gap:16px 22px;font-size:11px}.footer>small{display:block;margin-top:27px}.faq-section{padding-bottom:65px}.faq-list{margin-top:26px}.faq-list details{padding:19px 0}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.image-dialog{padding:42px 8px 13px;border-radius:10px}.image-dialog p{font-size:7px}.image-dialog>img{max-height:75dvh}html[lang=fr] .hero h1{font-size:53px;letter-spacing:-3px}html[dir=rtl] .hero h1{font-size:54px}html[dir=rtl] .surface-copy{padding:29px 25px 8px}html[dir=rtl] .contact-inner h2{font-size:30px}html[dir=rtl] .person-role{min-height:30px}html[dir=rtl] .hero-stage{margin-top:20px}}
@media(max-width:370px){.shell{width:calc(100% - 32px)}.hero h1{font-size:53px}.hero-stage{height:315px}.hero-phone{width:103px;top:101px}.hero-ticket{bottom:22px}.stage-caption{font-size:6px}.hero .actions{gap:13px}.hero .text-link{font-size:11px}.contact-inner h2{font-size:29px}.surface-copy{padding-inline:21px}.surface-tabs button{font-size:9px}.case-numbers strong{font-size:50px}.person h3{font-size:13px}html[lang=fr] .hero h1{font-size:45px}html[dir=rtl] .hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep longer translated headings inside narrow screens. */
.hero-copy{min-width:0}
@media(min-width:641px){.stage-caption{top:20px;bottom:auto}}
@media(max-width:640px){.hero h1{white-space:normal}html[lang=fr] .hero h1{font-size:clamp(38px,10.8vw,53px);letter-spacing:-2px}}
.app-store-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:8px}.app-store-links .store-link{font-size:12px}.app-store-links+.availability{margin-top:6px}
body[data-asset-root=""] .case-section{display:none}
/* Maps is a separate point-to-point product alongside Laffa. */
.maps-announcement { display:flex; align-items:center; justify-content:space-between; gap:50px; margin-block:40px 30px; padding:45px; border:1px solid #d5dece; border-radius:20px; background:#eaf0df; }
.maps-announcement h2 { font-size:38px; margin-bottom:15px; }
.maps-announcement p:not(.eyebrow) { max-width:660px; color:var(--muted); font-size:14px; line-height:1.75; }
.maps-announcement-actions { display:flex; flex-direction:column; gap:18px; align-items:flex-start; flex-shrink:0; }
@media(max-width:760px) { .maps-announcement { flex-direction:column; align-items:flex-start; padding:27px; gap:25px; } .maps-announcement h2 { font-size:31px; } }
.api-panel-links { display:flex; flex-wrap:wrap; gap:4px 22px; }

/* Careers & hiring */
.careers-section { padding-top: 40px; }
.careers-card { background: #edf0e5; border: 1px solid #dce2d4; border-radius: 18px; padding: 42px 46px; margin-top: 36px; box-shadow: 0 8px 24px -16px #1b382c18; }
.job-meta { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.job-badge { display: inline-flex; align-items: center; padding: 5px 13px; background: #14342b; color: #e8f0d8; border-radius: 999px; font-size: 11px; font-weight: 600; letter-spacing: .3px; }
.job-badge-sub { background: #dbe4ce; color: #2a4435; }
.job-title { font-size: 30px; letter-spacing: -.8px; line-height: 1.25; margin-bottom: 16px; color: var(--ink); }
.job-lede { font-size: 15px; line-height: 1.65; color: var(--ink); max-width: 820px; margin-bottom: 10px; }
.job-lede-sub { font-size: 14px; line-height: 1.65; color: var(--muted); max-width: 820px; margin-bottom: 28px; }
.job-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; padding-top: 28px; border-top: 1px solid #d5ddca; margin-bottom: 32px; }
.job-col-title { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; color: #1e3d30; margin-bottom: 16px; }
.job-col-title .icon { width: 20px; height: 20px; color: #557849; }
.job-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.job-list li { font-size: 13px; line-height: 1.6; color: var(--muted); position: relative; padding-inline-start: 18px; }
.job-list li::before { content: '•'; position: absolute; inset-inline-start: 0; color: #5a7d4d; font-weight: bold; }
.job-list strong { color: var(--ink); font-weight: 600; display: inline; }
.job-list strong::after { content: ': '; }
.job-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; background: #e2e8d7; border: 1px solid #ced9c2; border-radius: 14px; padding: 24px 30px; }
.job-footer-callout { font-size: 14px; font-weight: 600; color: #163226; margin-bottom: 4px; }
.job-footer-sub { font-size: 13px; color: var(--muted); }
.job-footer-sub .email-highlight { color: #2a533c; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.job-footer-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; flex-shrink: 0; }
.job-apply-btn, .job-whatsapp-btn { flex-shrink: 0; white-space: nowrap; }
.job-whatsapp-btn { gap: 10px; }
.job-whatsapp-btn .icon-whatsapp { width: 18px; height: 18px; color: #15803d; flex-shrink: 0; }
.button .icon-whatsapp,
html[dir=rtl] .button .icon-whatsapp,
html[dir=rtl] .button>.icon.icon-whatsapp {
  transform: none !important;
}
@media(max-width:900px) {
  .careers-card { padding: 30px 24px; }
  .job-title { font-size: 24px; }
  .job-grid { grid-template-columns: 1fr; gap: 26px; }
  .job-footer { flex-direction: column; align-items: flex-start; }
  .job-footer-actions { width: 100%; flex-direction: column; gap: 10px; }
  .job-footer-actions .button { width: 100%; justify-content: center; }
  .job-apply-btn { width: 100%; justify-content: center; }
}
@media(max-width:640px) {
  .careers-card { padding: 24px 18px; border-radius: 14px; }
  .job-title { font-size: 21px; letter-spacing: -.4px; }
  .job-lede { font-size: 13px; }
  .job-lede-sub { font-size: 13px; }
  .job-list li { font-size: 12px; }
  .job-footer { padding: 18px; }
}
