:root{--blue:#1669a6;--blue-deep:#11598e;--sky:#79b6e1;--lime:#d8eafb;--ink:#1f2937;--muted:#586a80;--paper:#f7f8fa;--white:#fff;--line:#dce2e9;--r:16px;--shadow:0 18px 50px -28px #0c3f6640;--sans:'Inter','Noto Sans Arabic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px;scrollbar-gutter:stable}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}.mono{font-family:var(--sans)}.container{width:min(1264px,calc(100% - 80px));margin-inline:auto}.dots{background:none}.eyebrow{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:600;color:var(--blue-deep);margin:0 0 14px}.eyebrow:before{content:'';height:7px;width:7px;background:currentColor;border-radius:2px}.section-head{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:90px;margin-bottom:36px}.section-head h2{margin:0;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:650;line-height:1.5;letter-spacing:-.045em}.section-head h2 span{display:block;color:var(--muted)}.section-head>p{margin:0;max-width:490px;color:var(--muted);font-size:.95rem}.site-section{padding:80px 0}.site-section--white{background:var(--white)}.site-section--dark{color:var(--white);background:var(--blue-deep)}.site-section--blue{background:var(--blue);color:var(--white)}.section-note{color:var(--muted);font-size:.77rem;margin:20px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;padding:12px 21px;min-height:48px;border-radius:999px;font-size:.84rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s}.btn i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff20}.btn svg{width:13px;height:13px}.btn--go,.btn--pill{color:white;background:var(--blue)}.btn--go:hover,.btn--pill:hover{background:var(--blue-deep);box-shadow:0 8px 24px #1669a632;transform:translateY(-2px)}.btn--ghost{color:var(--ink);background:white;border-color:var(--line)}.btn--ghost:hover{border-color:var(--blue)}.btn--dark{color:white;background:var(--blue-deep)}[dir=rtl] .btn svg,[dir=rtl] .text-link svg{transform:scaleX(-1)}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:.83rem;font-weight:600}.text-link svg{height:16px;width:16px}
.skip-link{position:absolute;top:-80px;inset-inline-start:20px;z-index:100;padding:12px 20px;background:var(--ink);color:white;border-radius:10px}.skip-link:focus{top:10px}.nav{position:sticky;top:12px;z-index:50;width:min(1344px,calc(100% - 48px));height:80px;margin:12px auto 0;padding:0 22px;display:flex;align-items:center;gap:25px;border:1px solid var(--line);border-radius:24px;background:#fffffff2;backdrop-filter:blur(18px);transition:box-shadow .25s,border-color .25s}.nav.is-scrolled{box-shadow:0 12px 36px -24px #0c3f6660;border-color:#c5d9e8}.nav__brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav__mark{width:42px;height:42px}.nav__word{font-family:Inter,sans-serif;font-size:1.35rem;letter-spacing:-.055em;direction:ltr;font-weight:750;white-space:nowrap}.nav__links{display:flex;align-items:center;gap:4px;margin-inline:auto;padding:7px;border-radius:999px;background:var(--blue);color:#e5f2fc;font-size:.76rem}.nav__links a{padding:6px 17px;border-radius:999px}.nav__links a{transition:background .2s,color .2s}.nav__links a[aria-current=location]{background:white;color:var(--blue-deep);box-shadow:0 3px 12px #0002}.nav__links a:hover{background:white;color:var(--blue-deep)}.nav__actions{display:flex;align-items:center;gap:20px}.nav__login{font-size:.78rem}.nav__cta{min-height:42px;padding:8px 17px;border-radius:999px;font-size:.77rem}.nav__lang{order:4;display:grid;place-items:center;border-inline-start:1px solid var(--line);padding-inline-start:20px;min-height:32px;font-size:.7rem}.nav__mobile-cta{display:none}.nav-scrim{position:fixed;z-index:49;inset:0;background:#1f293755;backdrop-filter:blur(5px)}.nav__burger{display:none;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:11px;background:white}.nav__burger span{display:block;height:2px;background:var(--ink);margin:4px 0}.panel{position:fixed;z-index:60;inset:100px 16px auto;max-height:calc(100dvh - 116px);border:1px solid var(--line);border-radius:20px;padding:28px;background:white;overflow:auto;box-shadow:var(--shadow)}.panel__links{display:grid;gap:20px;font-size:1.1rem}.panel__actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.panel__lang{color:var(--blue);font-size:.8rem}
.frametek{padding:44px 0 0;position:relative}.frametek:before{content:"";position:absolute;z-index:-1;inset:-100px 0 15%;pointer-events:none;background:radial-gradient(ellipse at 15% 30%,#d8eafb75,transparent 55%)}.opening{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:90px;margin-bottom:34px}.frametek__eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.76rem;color:var(--blue-deep)}.frametek__eyebrow>span{width:7px;height:7px;background:var(--blue);border-radius:50%}.frametek h1{font-size:clamp(2.5rem,4.2vw,4.2rem);font-weight:650;line-height:1.5;letter-spacing:-.065em;margin:0}.frametek h1 span{display:block;color:var(--blue)}.frametek__sub{margin:0 0 20px;max-width:440px;color:var(--muted);font-size:.95rem;line-height:1.95}.frametek__cta{display:flex;flex-wrap:wrap;gap:10px}.opening__signature{display:flex;align-items:center;gap:14px;font-size:.62rem;color:var(--muted);margin:24px 0 0}.opening__signature>span{color:var(--blue)}.product-stage{padding:18px 18px 0;border-radius:28px;background:linear-gradient(120deg,var(--blue),#10517f);box-shadow:var(--shadow)}.workspace-preview{margin:0;border-radius:15px;overflow:hidden;background:white}.workspace-preview__bar{display:flex;align-items:center;justify-content:space-between;gap:15px;height:46px;padding:0 20px;border-bottom:1px solid var(--line);background:#f7f8fa;color:var(--muted);font-size:.63rem;direction:ltr}.workspace-preview__bar>span:nth-child(2)>span{padding-inline:10px;color:var(--blue)}.workspace-preview__dots{display:flex;gap:5px}.workspace-preview__dots i{height:7px;width:7px;border-radius:50%;background:#dce2e9}.workspace-preview__dots i:first-child{background:var(--sky)}.workspace-preview__tag{border:1px solid var(--line);border-radius:6px;padding:2px 8px;direction:rtl}.workspace-preview__zoom{position:relative;display:block;width:100%;padding:0;border:0;background:#f7f8fa;overflow:hidden;cursor:zoom-in}.workspace-preview__zoom img{width:100%;height:auto;aspect-ratio:1440/900;object-fit:cover;object-position:top}.workspace-preview__expand{position:absolute;inset-inline-end:18px;bottom:18px;display:grid;place-items:center;height:40px;width:40px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--blue);font-size:1.2rem;box-shadow:0 3px 15px #1f293715;transition:transform .25s,background .25s}.workspace-preview figcaption{display:none}.product-stage__note{display:flex;align-items:center;gap:30px;padding:19px 5px;color:#e5f2fc}.product-stage__label{font-family:Inter,sans-serif;font-size:.65rem;letter-spacing:.12em;direction:ltr;color:#d8eafb}.trust{margin:0;list-style:none;padding:0;display:flex;align-items:center;gap:26px;font-size:.72rem}.trust li{display:flex;align-items:center;gap:8px}.trust svg{height:16px;width:16px;color:#d8eafb}.product-stage__note>a{margin-inline-start:auto;display:grid;place-items:center;border:1px solid #ffffff25;width:29px;height:29px;border-radius:50%}.preview-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;border:0;border-radius:18px;padding:36px 10px 10px;background:white;overflow:auto}.preview-dialog::backdrop{background:#0b2a41c9;backdrop-filter:blur(8px)}.preview-dialog>button{position:absolute;top:2px;inset-inline-end:9px;border:0;background:transparent;font-size:28px}.preview-dialog img{width:100%;border-radius:8px}
.legal-shell{background:var(--paper);min-height:100vh;padding:110px 0 60px}.legal-nav{position:absolute;top:20px;inset-inline:30px;display:flex;justify-content:space-between;align-items:center}.legal-brand{display:flex;align-items:center;gap:9px;font-size:1.3rem;font-weight:650;direction:ltr}.legal-brand img{width:38px}.legal-nav__links{display:flex;gap:12px}.legal-nav a:not(.legal-brand){padding:8px 16px;border:1px solid var(--line);border-radius:10px;font-size:.75rem}.legal-doc{width:min(900px,calc(100% - 40px));margin:auto;background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(25px,6vw,64px)}.legal-doc h1{font-size:clamp(2rem,4vw,3rem);line-height:1.5;font-weight:650;margin:0 0 12px}.legal-date{font-size:.8rem;color:var(--muted);margin:0 0 35px}.legal-doc section{border-top:1px solid var(--line);padding:24px 0}.legal-doc h2{font-size:1.15rem;margin:0 0 10px}.legal-doc p{margin:0;color:var(--muted);white-space:pre-line}.legal-foot{width:min(900px,calc(100% - 40px));display:flex;justify-content:space-between;gap:15px;margin:24px auto 0;font-size:.73rem;color:var(--muted)}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0}
@media(max-width:1100px){.nav{gap:15px}.nav__links a{padding-inline:11px}.nav__login{display:none}.opening{gap:45px}.container{width:calc(100% - 48px)}.section-head{gap:45px}.trust{gap:16px;font-size:.66rem}}
@media(max-width:850px){.nav{height:70px;margin-top:8px;top:8px;padding-inline:16px;border-radius:20px}.nav__links,.nav__actions,.nav__lang{display:none}.nav__mobile-cta{display:block;margin-inline-start:auto;font-size:.72rem;color:var(--blue-deep);padding:8px 14px;background:white;border:1px solid var(--line);border-radius:999px}.nav__burger{display:block}.frametek{padding-top:28px}.opening{gap:30px}.frametek h1{font-size:2.65rem}.frametek__sub{font-size:.88rem}.frametek__cta .btn{font-size:.75rem;padding-inline:14px;gap:9px}.opening__signature{display:none}.product-stage{padding:11px 11px 0;border-radius:21px}.product-stage__label{display:none}.product-stage__note{padding-block:16px}.workspace-preview__tag{display:none}.section-head{gap:28px}.site-section{padding:60px 0}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.nav{width:calc(100% - 24px)}.nav__mark{width:36px;height:36px}.nav__word{font-size:1.2rem}.opening{display:block;margin-bottom:25px}.frametek h1{font-size:2.6rem;line-height:1.45}.frametek__eyebrow{font-size:.69rem}.opening__aside{margin-top:19px}.frametek__sub{font-size:.9rem;margin-bottom:17px}.frametek__cta .btn{font-size:.78rem;min-height:46px}.product-stage{width:calc(100% - 20px);padding:7px 7px 0;border-radius:18px}.workspace-preview{border-radius:11px}.workspace-preview__bar{height:32px;padding-inline:9px;font-size:.48rem}.workspace-preview__zoom img{aspect-ratio:1.18;object-position:top right;object-fit:cover}.workspace-preview__expand{height:30px;width:30px;inset-inline-end:9px;bottom:9px;border-radius:8px}.product-stage__note{padding:14px 5px;gap:5px}.trust{justify-content:space-between;gap:9px;width:100%;font-size:.57rem}.trust li{gap:4px}.trust svg{height:12px;width:12px}.product-stage__note>a{display:none}.section-head{grid-template-columns:1fr;gap:15px;margin-bottom:26px}.section-head h2{font-size:1.9rem}.section-head>p{font-size:.9rem}.site-section{padding:50px 0}.legal-nav{inset-inline:16px}.legal-nav a:not(.legal-brand){padding:7px 10px;font-size:.65rem}.legal-nav__links{gap:5px}.legal-brand{font-size:1.1rem}.legal-brand img{width:28px}.legal-foot{flex-direction:column}}

/* Small details share the application's blue identity. Content stays readable
   without motion, hover, or JavaScript. */
.nav__links a{white-space:nowrap}
.nav{height:auto;min-height:80px;padding-block:12px;flex-wrap:wrap}
.nav__links{flex-wrap:wrap;justify-content:center}
.nav__burger{flex-shrink:0}
html{scroll-padding-top:var(--nav-offset,118px)}
.panel{inset-block-start:var(--nav-offset,100px);max-height:calc(100dvh - var(--nav-offset,100px) - 16px)}
@media(max-width:850px){.nav{min-height:70px}}
.nav__links a[aria-current=page]{background:white;color:var(--blue-deep);box-shadow:0 3px 12px #0002}
.nav__brand img{transition:filter .25s}
.nav__brand:hover img{filter:drop-shadow(0 3px 5px #1669a630)}
.frametek{isolation:isolate;overflow:clip}
.frametek:after{content:"";position:absolute;z-index:-1;inset-block-start:22px;inset-inline-start:56%;width:400px;height:230px;border:1px solid #1669a60c;border-radius:44px;box-shadow:0 0 0 28px #1669a605,0 0 0 56px #1669a604;pointer-events:none}
.product-stage{position:relative;background:linear-gradient(125deg,#2184c0,var(--blue) 48%,#10517f);border:1px solid #ffffff65}
.btn--go,.btn--pill{background-image:linear-gradient(115deg,#ffffff12,transparent 60%);box-shadow:0 5px 12px -8px #1669a699}
.legal-shell{padding-top:48px}
.legal-doc section{scroll-margin-top:120px}
.legal-doc h2{color:var(--blue-deep)}
.legal-doc section:last-child{padding:24px;border:1px solid #d3e6f4;border-radius:16px;background:#f1f8fd;margin-top:12px}
@media(hover:hover) and (pointer:fine){
  .product-stage{transition:box-shadow .35s}
  .product-stage:hover{box-shadow:0 24px 65px -30px #1669a670}
}
@media(max-width:620px){.frametek:after{width:250px;height:210px;inset-block-start:12px}.legal-shell{padding-top:28px}}

/* Motion enhances content that stays visible when scripts fail. */
.js [data-rise]{opacity:1}
.workspace-preview__zoom:hover .workspace-preview__expand{transform:translate(-3px,-3px);background:var(--paper)}
.workspace-preview__zoom picture{display:block;transition:filter .3s}.workspace-preview__zoom:hover picture{filter:brightness(1.025)}
.back-top{position:fixed;z-index:45;bottom:24px;inset-inline-end:24px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:white;color:var(--blue);box-shadow:var(--shadow);font-size:1.2rem;transition:transform .2s}.back-top:hover{transform:translateY(-3px)}
@media(max-width:360px){.nav__mobile-cta{display:none}}
@media(max-width:620px){html{scroll-padding-top:var(--nav-offset,100px)}.back-top{bottom:16px;inset-inline-end:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover,.back-top:hover,.workspace-preview__zoom:hover .workspace-preview__expand{transform:none}.system-card:hover .system-card__link svg{translate:none}.js [data-rise]{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Asyad's motion language, in Frame Tek's blue identity. Static is the default. */
.frametek:after{display:none}
.opening-orbits{position:absolute;z-index:-1;pointer-events:none;inline-size:clamp(560px,78vw,1120px);inset-inline-start:-290px;top:-460px;opacity:.65}
.opening-orbits>svg{display:block;width:100%;height:auto;overflow:visible}
.opening-orbit{transform-origin:390px 390px;transform:rotate(var(--orbit-angle));--orbit-duration:42s;--orbit-angle:32deg}
.opening-orbit--middle{--orbit-angle:148deg;--orbit-duration:54s}
.opening-orbit--inner{--orbit-angle:-42deg;--orbit-duration:36s}
.opening-orbit__line{fill:none;stroke:#1669a62b;stroke-width:.8}
.opening-orbit__trace{fill:none;stroke:var(--blue);stroke-width:1.1;stroke-dasharray:11 89;stroke-linecap:round;opacity:.45}
.opening-orbit--middle .opening-orbit__trace{stroke-dasharray:6 94}
.opening-orbit__spark{fill:var(--blue)}
.frametek h1 .opening__phrases{display:grid;overflow:hidden;color:var(--ink)}
.frametek h1 .opening__phrase{grid-area:1/1;color:inherit;opacity:0;visibility:hidden}
.frametek h1 .opening__phrase:first-child{opacity:1;visibility:visible}
.frametek h1 .opening__title-end{position:relative;width:fit-content;max-width:100%}
.opening__underline{position:absolute;inset-inline:0;bottom:0;width:100%;height:12px;overflow:visible;pointer-events:none}
.opening__underline path{fill:none;stroke:var(--sky);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.about__lead picture{display:block;overflow:hidden}

@media(prefers-reduced-motion:no-preference){
  .frametek[data-motion-playing] .opening-orbit{animation:frametek-orbit-turn var(--orbit-duration) linear infinite}
  .frametek[data-motion-playing] .opening-orbit--middle{animation-direction:reverse}
  .frametek[data-motion-playing=false] .opening-orbit{animation-play-state:paused}
  .frametek[data-motion-playing] .opening__phrase{visibility:visible;animation:frametek-phrase-switch 14.4s cubic-bezier(.22,.68,.22,1) infinite both;animation-delay:-.8s}
  .frametek[data-motion-playing] .opening__phrase:nth-child(2){animation-delay:4s}
  .frametek[data-motion-playing] .opening__phrase:nth-child(3){animation-delay:8.8s}
  .frametek[data-motion-playing=false] .opening__phrase{animation-play-state:paused}
  .nav{view-transition-name:frametek-nav;transition:box-shadow .3s,border-color .3s,transform .34s cubic-bezier(.22,.7,.2,1)}
  .nav[data-scrolling=true]:not(:focus-within):not(:has([aria-expanded=true])){transform:translateY(-2px) scale(.985)}
  .about__lead img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
  .system-card,.price-card{transition:background .25s,border-color .25s,box-shadow .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
  .btn i{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
  .panel:not([hidden]){animation:frametek-panel-in .28s cubic-bezier(.2,.7,.2,1) both}
  .nav-scrim:not([hidden]){animation:frametek-veil-in .2s ease both}
  .preview-dialog[open]{animation:frametek-panel-in .28s cubic-bezier(.2,.7,.2,1) both}
  .preview-dialog[open]::backdrop{animation:frametek-veil-in .2s ease both}
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:frametek-page-out .18s ease both}
  ::view-transition-new(root){animation:frametek-page-in .28s cubic-bezier(.2,.7,.2,1) both}
  ::view-transition-group(frametek-nav){animation-duration:.28s}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .system-card:hover,.price-card:hover{transform:translateY(-3px)}
  .about__lead:hover img{transform:scale(1.035)}
  .btn:hover i{transform:translate(2px,-2px)}
  [dir=rtl] .btn:hover i{transform:translate(-2px,-2px)}
}
@keyframes frametek-orbit-turn{from{transform:rotate(var(--orbit-angle))}to{transform:rotate(calc(var(--orbit-angle) + 360deg))}}
@keyframes frametek-phrase-switch{
  0%{opacity:0;transform:translateY(45%);filter:blur(4px)}
  5%,29%{opacity:1;transform:translateY(0);filter:blur(0)}
  34%,100%{opacity:0;transform:translateY(-45%);filter:blur(4px)}
}
@keyframes frametek-panel-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes frametek-veil-in{from{opacity:0}to{opacity:1}}
@keyframes frametek-page-out{to{opacity:0}}
@keyframes frametek-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:620px){.opening-orbits{top:-320px;inset-inline-start:-320px;opacity:.5}.opening__underline{height:9px}}

/* One mobile type scale and a single navigation row, including enlarged text. */
@media(max-width:620px){
  :root{--phone-title:clamp(1.5rem,7vw + .3rem,2.125rem);--phone-section-title:clamp(1.375rem,4.8vw + .25rem,1.625rem)}
  .nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;min-height:64px;padding:10px 12px}
  .nav__brand{grid-column:1;grid-row:1;min-width:0;gap:6px}
  header.nav .nav__mark{width:32px;height:32px}
  header.nav .nav__word{font-size:clamp(18px,4.9vw,20px);line-height:1.2}
  .nav__mobile-cta{grid-column:2;grid-row:1;margin:0;padding:8px 10px;font-size:.75rem;line-height:1.4;white-space:nowrap}
  .nav__burger{grid-column:3;grid-row:1;width:44px;height:44px}
  .frametek{padding-top:26px}
  .frametek h1,.catalog-page .catalog-frametek h1,html .product-frametek h1,.legal-shell .legal-doc h1{font-size:var(--phone-title);line-height:1.45}
  .frametek h1 .opening__phrases,.frametek h1 .opening__title-end{font-size:inherit;line-height:inherit;font-weight:inherit}
  .frametek__eyebrow{font-size:.75rem;line-height:1.6;margin-bottom:12px}
  .opening{margin-bottom:24px}
  .opening__aside{margin-top:18px}
  .frametek__sub,.site-section .section-head>p{font-size:.9375rem;line-height:1.85}
  .frametek__cta .btn{font-size:.875rem;min-height:46px;padding:10px 17px}
  .site-section .section-head h2,.contact .contact__copy h2,.catalog-page .catalog-head h2,.catalog-page .catalog-explain h2,html .product-heading h2,html .product-team h2,html .product-price h2{font-size:var(--phone-section-title);line-height:1.55}
  .systems .system-card h3,.workspaces .workspace-showcase h3{font-size:1.125rem;line-height:1.6}
  .why .why__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}
  .why .why__grid article{min-width:0;overflow-wrap:break-word}
  .industries .industries__inner .btn{max-width:100%;white-space:normal;text-align:center;font-size:.875rem}
  .contact .contact__form input,.contact .contact__form select,.contact .contact__form textarea{font-size:1rem}
}