@import url('/assets/telescope/fonts.css');
body[data-variant=telescope][data-page=presentation]{--bg:#f7f7f2;--ink:#20221e;--muted:#686b61;--line:#dbddd4;--accent:#6a7660;--display:Beausite,Inter,sans-serif;background:var(--bg);color:var(--ink);font-family:Beausite,Inter,sans-serif}
body[data-variant=telescope][data-page=presentation] .site-header{position:sticky;inset:0 auto auto;transform:none;width:100%;height:76px;min-height:76px;padding:0 clamp(24px,4.5vw,80px);background:#f7f7f2f5;backdrop-filter:blur(14px);border:0;border-bottom:1px solid var(--line);z-index:80;gap:30px;color:var(--ink)}
body[data-variant=telescope][data-page=presentation] .site-header .brand-logo{width:160px;height:auto;filter:none;object-fit:contain}
body[data-variant=telescope][data-page=presentation] .header-caption{display:none}
body[data-variant=telescope][data-page=presentation] .site-header>nav{display:flex;margin-inline-start:auto;gap:28px;font-size:12px}
body[data-variant=telescope][data-page=presentation] .lang-select{margin-inline-start:0}
body[data-variant=telescope][data-page=presentation] .lang-select select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--ink);background:transparent;font-size:11px}
body[data-variant=telescope][data-page=presentation] .menu-button{display:none}
body[data-variant=telescope][data-page=presentation] .mobile-nav{position:fixed;inset:126px 16px auto;transform:none;width:auto;padding:24px;background:#fff;color:var(--ink);z-index:81;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 80px #20221e14}
body[data-variant=telescope][data-page=presentation] .mobile-nav a{color:var(--ink);font:400 24px/1.8 Beausite,Inter,sans-serif}
body[data-variant=telescope][data-page=presentation] .mobile-nav[hidden]{display:none}
body[data-variant=telescope][data-page=presentation] .client-nav{position:sticky;top:76px;min-height:47px;height:47px;margin:0;background:#f7f7f2f5;backdrop-filter:blur(14px);border-color:var(--line);color:var(--ink);padding:0 clamp(24px,4.5vw,80px);gap:24px;z-index:70}
body[data-variant=telescope][data-page=presentation] .client-nav nav{height:47px;gap:24px}
body[data-variant=telescope][data-page=presentation] .client-nav nav a{font-size:11px;color:#72766b;padding:0;white-space:nowrap;height:47px}
body[data-variant=telescope][data-page=presentation] .client-nav nav a.active{color:var(--ink)}
body[data-variant=telescope][data-page=presentation] .nav-number{display:none}
body[data-variant=telescope][data-page=presentation] .client-nav-label{color:#767a70;font-size:9px;max-width:130px}
body[data-variant=telescope][data-page=presentation] .nav-proposal{font-size:11px;border-color:var(--line);padding-inline-start:22px}
body[data-variant=telescope][data-page=presentation] .nav-proposal>span{color:var(--ink)}
body[data-variant=telescope][data-page=presentation] .other-services-button{color:#696d63;font-size:11px}
body[data-variant=telescope][data-page=presentation] .other-services-button:hover{color:#20221e}
body[data-variant=telescope][data-page=presentation] footer{padding:35px clamp(24px,4.5vw,80px);background:#f7f7f2;border-top:1px solid var(--line);color:var(--muted);gap:25px;font-size:10px;flex-wrap:wrap}
body[data-variant=telescope][data-page=presentation] footer .brand-logo{filter:none;width:130px;height:auto;object-fit:contain}
body[data-variant=telescope][data-page=presentation] .services-dialog{background:#f7f7f2;color:var(--ink);border:1px solid var(--line);border-radius:20px}
body[data-variant=telescope][data-page=presentation] :focus-visible{outline:2px solid #58664c;outline-offset:5px}
.ts-main{--ts-gutter:clamp(24px,4.5vw,80px);font-family:Beausite,Inter,sans-serif;font-size:17px;line-height:1.5;overflow:clip}
.ts-main h1,.ts-main h2,.ts-main h3{font-family:Beausite,Inter,sans-serif;font-weight:400;letter-spacing:-.045em}
.ts-main img{object-fit:contain}
.ts-main p{letter-spacing:-.015em}
.ts-main button,.ts-main a{touch-action:manipulation}
.ts-main section,.ts-main [id]{scroll-margin-top:145px}
.ts-eyebrow{font:400 10px/1.5 'DM Mono',monospace;letter-spacing:.065em;text-transform:uppercase;color:#62665b}
.ts-section{padding:110px var(--ts-gutter)}
.ts-hero{background:#dfe5d7;padding:28px var(--ts-gutter) 25px;min-height:calc(100svh - 123px);display:flex;flex-direction:column;position:relative;isolation:isolate}
.ts-hero-top{display:flex;justify-content:space-between;gap:20px}
.ts-hero-copy{text-align:center;max-width:950px;width:100%;margin:50px auto 0}
.ts-hero h1{font-size:clamp(48px,5.3vw,82px);line-height:1.04;letter-spacing:-.055em}
.ts-hero h1 span{display:block}
.ts-hero-copy>p{font-size:16px;line-height:1.5;color:#5f6558;max-width:610px;margin:25px auto 0;text-wrap:pretty}
.ts-brand-stage{width:min(100%,1140px);height:clamp(120px,17vw,260px);margin:20px auto 35px;position:relative;flex:1;min-height:140px;pointer-events:auto}
.ts-brand-fallback{position:absolute;inset:0;width:84%;height:100%;max-height:230px;margin:auto;object-fit:contain;transition:opacity .2s}
.ts-brand-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ts-brand-stage[data-scene-ready=true] .ts-brand-fallback{opacity:0}
.ts-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;position:relative;z-index:2;margin-top:auto}
.ts-hero-services{display:flex;flex-wrap:wrap;gap:8px;max-width:65%}
.ts-hero-services>span{border:1px solid #838d7652;border-radius:30px;padding:7px 12px;font-size:10px;color:#58604f}
.ts-quiet-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;text-decoration:none}
.ts-quiet-link>span{font-size:22px;line-height:1;transition:transform .2s}
.ts-quiet-link:hover>span{transform:translate(2px,-2px)}
.ts-clients{padding:34px var(--ts-gutter) 45px;background:#f7f7f2;border-bottom:1px solid var(--line)}
.ts-clients>.ts-eyebrow{text-align:center;margin-bottom:25px}
.ts-client-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;align-items:center;max-width:1020px;margin:auto}
.ts-client-logos>img{width:100%;height:40px;max-width:150px;object-fit:contain;margin:auto}
.ts-client-logos>.ts-client-itu{height:68px;max-width:120px}
.ts-technology{background:#fff}
.ts-technology>.service-explainers{margin:0}
.ts-fallback-service h2{font-size:clamp(36px,4vw,56px);max-width:800px;margin-top:22px}
.ts-fallback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.ts-fallback-grid h3{font-size:25px;line-height:1.2;margin-bottom:15px}
.ts-fallback-grid p{font-size:15px;color:var(--muted)}
.ts-section-heading{max-width:900px;margin-bottom:58px}
.ts-section-heading>h2{font-size:clamp(38px,4.3vw,66px);line-height:1.08;margin:20px 0}
.ts-section-heading>p{max-width:600px;font-size:17px;color:var(--muted);line-height:1.55}
.ts-results{background:#f7f7f2}
.ts-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ts-stat{border-top:1px solid #bfc4b7;padding-top:22px;min-width:0}
.ts-stat strong{display:block;font-size:clamp(52px,6.7vw,104px);line-height:1;letter-spacing:-.075em;font-weight:400;margin:35px 0 22px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ts-stat h3{font-size:18px;line-height:1.35;letter-spacing:-.02em;min-height:49px;max-width:260px}
.ts-stat>a{display:inline-flex;gap:8px;align-items:center;font:9px 'DM Mono',monospace;margin-top:25px;color:#74796c}
.ts-stat>a>span[aria-hidden]{font-size:15px}
.ts-source-note{font-size:11px;line-height:1.6;color:#7b7f73;max-width:920px;margin-top:45px;letter-spacing:0!important}
.ts-why{background:#e5e9df;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.ts-why-intro{position:sticky;top:160px}
.ts-why-intro h2{font-size:clamp(44px,4.5vw,68px);line-height:1.06;margin:27px 0}
.ts-why-intro p{font-size:17px;line-height:1.5;color:#6a7161;max-width:430px}
.ts-reasons{padding-top:4px}
.ts-reason{padding:28px 0 35px;border-top:1px solid #b8bfb0;display:flex;gap:27px}
.ts-reason-index{font:11px 'DM Mono',monospace;color:#7f8773;padding-top:6px;flex:none}
.ts-reason h3{font-size:27px;line-height:1.18;margin-bottom:15px}
.ts-reason p{font-size:15px;line-height:1.6;color:#6a7161}
.ts-work{background:#fff}
.ts-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 32px;align-items:start}
.ts-project-preview{position:relative;width:100%;height:350px;background:#f2f2ec;border:1px solid #eceee6;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-in}
.ts-project-preview>img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;box-shadow:none;transition:filter .25s}
.ts-project-preview:hover>img{filter:brightness(.97)}
.ts-project-expand{position:absolute;right:12px;bottom:12px;background:white;border:1px solid #e2e5dc;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px;line-height:1;color:#333b2d}
.ts-project-caption{display:flex;justify-content:space-between;gap:25px;margin-top:19px;align-items:center}
.ts-project-caption h3{font-size:24px;line-height:1.2;letter-spacing:-.025em}
.ts-project-caption p{font-size:11px;line-height:1.5;color:#838879;margin-top:6px}
.ts-project-caption>a{font-size:26px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #e1e4da;color:#5b6551}
.ts-project-caption>a:hover{background:#f0f3e9}
.ts-offer{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;background:#e1e7d8}
.ts-offer h2{font-size:clamp(42px,4.4vw,65px);line-height:1.08;max-width:730px;margin:23px 0}
.ts-offer p{font-size:17px;line-height:1.55;color:#67705b;max-width:570px}
.ts-offer-labels{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px;color:#76816a;margin:25px 0 35px}
.ts-offer-labels span{border-bottom:1px solid #b3bea5;padding-bottom:6px}
.ts-primary{display:inline-flex;align-items:center;gap:35px;padding:18px 23px;background:#22261e;color:#fff!important;border-radius:10px;font-size:13px;line-height:1.3;text-decoration:none;transition:background .2s,transform .2s}
.ts-primary>span{font-size:22px;line-height:1}
.ts-primary:hover{background:#3a4431;transform:translateY(-2px)}
.ts-offer-mark{min-width:0;border:1px solid #c1cbb5;border-radius:16px;padding:40px 25px;display:grid;place-items:center;aspect-ratio:1.6;background:#e8ecdf}
.ts-offer-mark img{width:100%;height:auto;object-fit:contain}
.ts-other{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:42px;padding-bottom:42px;border-bottom:1px solid var(--line)}
.ts-other h2{font-size:23px;line-height:1.3;letter-spacing:-.025em}
.ts-other p{font-size:13px;color:var(--muted);margin-top:8px}
.ts-other>.other-services-button{font-size:12px;white-space:nowrap}
.ts-signoff{padding:65px var(--ts-gutter) 55px;background:#f7f7f2}
.ts-signoff>img{width:min(70%,880px);height:auto;object-fit:contain;margin:40px auto 0}
.ts-dialog{width:min(1100px,calc(100% - 32px));max-height:92svh;overflow:auto;overscroll-behavior:contain;border:1px solid #dadfd3;border-radius:16px;padding:20px;background:#f7f7f2;color:#20221e}
.ts-dialog::backdrop{background:#20261bd1;backdrop-filter:blur(6px)}
.ts-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;position:sticky;top:-20px;background:#f7f7f2;padding:15px 0;z-index:1}
.ts-dialog h2{font-size:24px;letter-spacing:-.03em;line-height:1.2}
.ts-dialog-close{padding:10px 14px;border-radius:8px;border:1px solid #d4dacb;display:inline-flex;align-items:center;gap:15px;font-size:12px;color:#343c2b}
.ts-dialog-close>span{font-size:22px;line-height:1}
.ts-dialog-media{background:#edf0e8;padding:12px;border-radius:8px}
.ts-dialog-media img{width:auto;height:auto;max-width:100%;max-height:70svh;object-fit:contain;margin:auto}
.ts-dialog>.ts-quiet-link{padding:20px 3px 0}
html[dir=rtl] .ts-main,html[dir=rtl] .ts-main h1,html[dir=rtl] .ts-main h2,html[dir=rtl] .ts-main h3,html[dir=rtl] .ts-eyebrow{font-family:Vazir,Inter,sans-serif;letter-spacing:0}
html[dir=rtl] .ts-main h1,html[dir=rtl] .ts-main h2{line-height:1.45}
html[dir=rtl] .ts-main p{letter-spacing:0;line-height:1.9}
html[dir=rtl] .ts-stat strong{direction:ltr;text-align:right;letter-spacing:-.03em}
@media(max-width:1000px){
 body[data-variant=telescope][data-page=presentation] .client-nav-label{display:none}
 .ts-hero-copy{margin-top:42px}.ts-hero h1{font-size:56px}.ts-brand-stage{min-height:160px}.ts-why{gap:45px}.ts-why-intro h2{font-size:46px}.ts-reason h3{font-size:24px}.ts-project-preview{height:300px;padding:18px}.ts-offer{gap:40px}.ts-offer h2{font-size:44px}
}
@media(max-width:760px){
 body[data-variant=telescope][data-page=presentation] .site-header{height:66px;min-height:66px;padding:0 20px;gap:10px}
 body[data-variant=telescope][data-page=presentation] .site-header .brand-logo{width:137px}
 body[data-variant=telescope][data-page=presentation] .site-header>nav{display:none}
 body[data-variant=telescope][data-page=presentation] .lang-select{margin-inline-start:auto}
 body[data-variant=telescope][data-page=presentation] .lang-select select{font-size:10px;padding:8px 6px;width:48px}
 body[data-variant=telescope][data-page=presentation] .menu-button{display:flex;width:36px;height:36px;padding:0;background:none;border:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
 body[data-variant=telescope][data-page=presentation] .menu-button span{position:static;transform:none;width:18px;height:1px;background:#283021}
 body[data-variant=telescope][data-page=presentation] .client-nav{top:66px;height:45px;min-height:45px;padding:0 20px;gap:15px}
 body[data-variant=telescope][data-page=presentation] .client-nav nav,body[data-variant=telescope][data-page=presentation] .client-nav nav a{height:45px;min-height:45px}
 body[data-variant=telescope][data-page=presentation] .client-nav nav{gap:22px}
 body[data-variant=telescope][data-page=presentation] .client-nav nav a{font-size:10px}
 body[data-variant=telescope][data-page=presentation] .client-nav .other-services-button{font-size:9px}
 body[data-variant=telescope][data-page=presentation] .nav-proposal{display:none}
 body[data-variant=telescope][data-page=presentation] footer{padding:25px 24px;gap:20px}
 body[data-variant=telescope][data-page=presentation] footer>.wordmark{display:none}
 .ts-main{--ts-gutter:24px;font-size:16px}.ts-main section,.ts-main [id]{scroll-margin-top:128px}.ts-section{padding:70px 24px}.ts-eyebrow{font-size:9px}
 .ts-hero{padding:23px 24px 25px;min-height:calc(92svh - 111px)}.ts-hero-top{display:block}.ts-hero-top>.ts-eyebrow:last-child{display:none}.ts-hero-copy{margin-top:48px}.ts-hero h1{font-size:clamp(35px,9.4vw,52px);line-height:1.08;letter-spacing:-.05em}.ts-hero-copy>p{font-size:14px;line-height:1.55;margin-top:23px;max-width:350px}.ts-brand-stage{height:135px;min-height:115px;flex:1;margin:15px auto 28px}.ts-brand-fallback{width:96%}.ts-hero-bottom{display:block}.ts-hero-services{max-width:100%;gap:6px}.ts-hero-services>span{font-size:9px;padding:6px 10px}.ts-hero-bottom>.ts-quiet-link{display:flex;margin-top:22px;font-size:11px}.ts-hero-bottom>.ts-quiet-link>span{font-size:23px}
 .ts-clients{padding:30px 24px}.ts-clients>.ts-eyebrow{margin-bottom:20px}.ts-client-logos{grid-template-columns:1fr 1fr;gap:25px 35px}.ts-client-logos>img{height:30px;max-width:115px}.ts-client-logos>.ts-client-itu{height:54px;max-width:96px}
 .ts-section-heading{margin-bottom:36px}.ts-section-heading>h2{font-size:38px;line-height:1.08;margin:17px 0}.ts-section-heading>p{font-size:15px;line-height:1.6}
 .ts-stat-grid{grid-template-columns:1fr;gap:30px}.ts-stat{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;padding-top:18px}.ts-stat>.ts-eyebrow{grid-column:1/-1}.ts-stat strong{font-size:64px;margin:18px 0 10px}.ts-stat h3{font-size:15px;align-self:center;min-height:0;max-width:170px}.ts-stat>a{grid-column:1/-1;margin-top:10px;font-size:8px}.ts-source-note{font-size:10px;margin-top:32px}
 .ts-why{grid-template-columns:1fr;gap:42px}.ts-why-intro{position:static}.ts-why-intro h2{font-size:40px;margin:22px 0}.ts-why-intro p{font-size:15px;max-width:100%}.ts-reason{gap:20px;padding:23px 0 30px}.ts-reason h3{font-size:25px}.ts-reason p{font-size:14px}
 .ts-work-grid{grid-template-columns:1fr;gap:40px}.ts-project-preview{height:285px;padding:18px}.ts-project-caption{margin-top:15px}.ts-project-caption h3{font-size:22px}.ts-project-caption p{font-size:10px}.ts-project-caption>a{width:35px;height:35px;font-size:23px}
 .ts-offer{grid-template-columns:1fr;gap:40px}.ts-offer h2{font-size:39px;margin:20px 0}.ts-offer p{font-size:15px}.ts-offer-labels{font-size:9px;margin:22px 0 30px;gap:8px 16px}.ts-primary{padding:17px 20px;font-size:12px;gap:25px}.ts-offer-mark{max-width:340px;width:100%;padding:30px 25px;aspect-ratio:2.4}
 .ts-other{padding-top:33px;padding-bottom:33px;display:block}.ts-other h2{font-size:22px}.ts-other p{font-size:13px}.ts-other>.other-services-button{margin-top:22px;font-size:11px}
 .ts-signoff{padding:45px 24px}.ts-signoff>img{width:100%;margin-top:38px}.ts-dialog{padding:15px;border-radius:12px}.ts-dialog-top{top:-15px;margin-bottom:15px;gap:10px}.ts-dialog h2{font-size:21px}.ts-dialog-close{padding:9px 10px;font-size:10px;gap:10px}.ts-dialog-media{padding:8px}.ts-dialog-media img{max-height:65svh}
 .ts-fallback-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.ts-fallback-service h2{font-size:37px}.ts-fallback-grid h3{font-size:25px}.ts-fallback-grid p{font-size:14px}
 html[lang=de] .ts-hero h1{font-size:35px}html[dir=rtl] .ts-hero h1{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.ts-main *,body[data-variant=telescope][data-page=presentation] .page-progress{scroll-behavior:auto!important}.ts-primary,.ts-project-preview>img,.ts-quiet-link>span{transition:none}}