@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-arabic-wght-normal-BMWQQIfH.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-vietnamese-wght-normal-DvU6pLYV.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-ext-wght-normal-CJ9LaFMc.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alexandria Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/alexandria-latin-wght-normal-9GNYQ01K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--night:#f7f4ec;--night-2:#eeeadf;--night-3:#e3ddce;--ink:#13201b;--ink-2:#55615b;--glow:#0f5a46;--glow-press:#0b4637;--on-glow:#fff;--signal-deep:#0f5a46;--gold:#c8a96a;--gold-deep:#8a6a2b;--lit:#e6eee7;--lit-ink:#13201b;--lit-ink-2:#4d5a53;--cobalt:#0b3d31;--font:"Alexandria Variable", system-ui, sans-serif;--margin:clamp(18px, 3vw, 48px);--gap:clamp(16px, 2vw, 32px);--section:clamp(110px, 13vw, 210px);--t-display:clamp(2.6rem, 8.1vw, 9.4rem);--t-h2:clamp(2.4rem, 5.6vw, 5.8rem);--t-h3:clamp(1.5rem, 2.4vw, 2.3rem);--t-body:clamp(1rem, .95rem + .25vw, 1.2rem);--t-small:.9375rem;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--night);color:var(--ink);font-family:var(--font);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:350;line-height:1.6}:lang(ar) body,html:lang(ar){line-height:1.85}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--glow);color:var(--on-glow)}:focus-visible{outline:2px solid var(--glow);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main,.footer{overflow-x:clip}.wrap{width:100%;max-width:1720px;padding-inline:var(--margin);margin-inline:auto}h2{font-size:var(--t-h2);letter-spacing:-.035em;max-width:14ch;font-weight:600;line-height:1}h3{font-size:var(--t-h3);letter-spacing:-.02em;font-weight:550;line-height:1.1}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3,:lang(ar) .hero-title,:lang(ar) .scene-time,:lang(ar) .footer-word{letter-spacing:0;line-height:1.3}.lede{max-width:44ch;color:var(--ink-2)}.btn{cursor:pointer;isolation:isolate;min-height:56px;transition:color .4s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-weight:550;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;border-radius:inherit;transform-origin:inline-start;transform-origin:0;transition:transform .55s var(--ease);position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] .btn:before{transform-origin:100%}.btn:hover:before{transform:scaleX(1)}.btn:active{scale:.97}.btn-sm{min-height:44px;font-size:var(--t-small);padding:0 20px}.btn-glow{background:var(--glow);color:var(--on-glow)}.btn-glow:before{background:var(--gold)}.btn-glow:hover{color:var(--ink)}.btn-dark{background:var(--on-glow);color:var(--lit)}.btn-dark:before{background:var(--night-3)}.btn-ghost{background:var(--night-3);color:var(--ink)}.btn-ghost:before{background:var(--glow)}.btn-ghost:hover{color:var(--on-glow)}.link-arrow{align-items:center;gap:.6em;font-weight:500;text-decoration:none;display:inline-flex}.link-arrow:after{content:"→";transition:transform .4s var(--ease)}[dir=rtl] .link-arrow:after{content:"←"}.link-arrow:hover:after{transform:translate(6px)}[dir=rtl] .link-arrow:hover:after{transform:translate(-6px)}.loader{z-index:100;padding:var(--margin);background:var(--cobalt);color:var(--night);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.loader-glow{pointer-events:none;background:radial-gradient(40% 45% at 30% 60%,#0f5a46f2,#0000 70%),radial-gradient(30% 35% at 78% 30%,#c8a96a29,#0000 70%);position:absolute;inset:-20%}.loader-corner,.loader-stage{visibility:hidden;position:relative}.loader-corner{justify-content:space-between;gap:16px;display:flex}.loader-corner-top{font-size:var(--t-small);align-items:center}.loader-corner-bottom{align-items:flex-end}.loader-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:650;display:flex}:lang(ar) .loader-brand{letter-spacing:0}.loader-mark{flex:none;width:32px;height:32px}.loader-tag,.loader-status{color:#f7f4ec9e;font-size:var(--t-small)}.loader-stage{letter-spacing:-.045em;grid-template-columns:auto;place-content:center start;font-size:clamp(2.8rem,13vw,9rem);font-weight:650;line-height:1.05;display:grid}:lang(ar) .loader-stage{letter-spacing:0;font-size:clamp(2.2rem,9vw,8rem);line-height:1.45}.loader-mask{grid-area:1/1;display:block;overflow:hidden}.loader-slot{grid-row:2}.loader-lead{color:#f7f4ec8c;font-weight:300;display:block}.loader-slot{display:grid}.loader-word{color:var(--gold);white-space:nowrap;grid-area:1/1}.loader-title{grid-area:1/1/3/2;align-self:center;align-items:flex-end;gap:.06em;font-size:1.25em;display:flex}.loader-name{line-height:1}:lang(ar) .loader-name{line-height:1.35}.loader-dot{background:var(--gold);will-change:transform;border-radius:50%;flex:none;width:.15em;height:.15em;margin-bottom:.1em}.loader-status{gap:12px;display:grid}.loader-line{transform-origin:0;background:#f7f4ec29;width:clamp(140px,18vw,240px);height:2px;display:block;overflow:hidden}.loader-line span{background:var(--gold);transform-origin:0;height:100%;display:block;transform:scaleX(0)}[dir=rtl] .loader-line,[dir=rtl] .loader-line span{transform-origin:100%}.loader-count{letter-spacing:-.04em;align-items:flex-start;font-size:clamp(3.6rem,10vw,9rem);font-weight:600;line-height:1;display:flex}.loader-digit{height:1.2em;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.loader-digit:nth-child(-n+2){opacity:.18}.loader-strip{display:block}.loader-strip span{text-align:center;height:1.2em;line-height:1.2;display:block}.loader-count small{margin-inline-start:.12em;letter-spacing:0;color:var(--gold);margin-top:.3em;font-size:.26em;font-weight:400}.lang-wipe{z-index:90;background:var(--glow);pointer-events:none;position:fixed;inset:0;transform:scaleX(0)}.cursor-dot,.cursor-ring{z-index:95;pointer-events:none;border-radius:50%;display:none;position:fixed;top:0;left:0}.has-cursor .cursor-dot,.has-cursor .cursor-ring{display:block}.cursor-dot{background:var(--glow);width:8px;height:8px;margin:-4px 0 0 -4px}.cursor-ring{border:1.5px solid var(--glow);width:44px;height:44px;transition:width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease), background-color .35s;margin:-22px 0 0 -22px}.cursor-ring.is-hot{background:color-mix(in srgb, var(--glow) 16%, transparent);width:78px;height:78px;margin:-39px 0 0 -39px}.nav{z-index:50;color:#fff;transition:color .4s, background-color .4s, transform .6s var(--ease);position:fixed;inset:0 0 auto}.nav.on-light{color:var(--ink)}.nav.is-solid{background:var(--ink)}.nav.is-solid.on-light{background:var(--night)}.nav.is-hidden{transform:translateY(-100%)}.nav-inner{align-items:center;gap:28px;height:78px;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:.45em;margin-inline-end:auto;font-size:1.45rem;font-weight:650;text-decoration:none;display:inline-flex}:lang(ar) .wordmark{letter-spacing:0}.wordmark-mark{width:1.25em;height:1.25em;transition:transform .6s var(--ease);flex:none}.wordmark:hover .wordmark-mark{transform:rotate(-8deg)scale(1.06)}.nav-links{gap:30px;display:flex}.nav-links a{font-size:var(--t-small);text-decoration:none;position:relative}.nav-links a:after{content:"";inset-inline:0;height:2px;transition:transform .45s var(--ease);background:currentColor;position:absolute;bottom:-6px;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.lang-btn{font-size:var(--t-small);cursor:pointer;background:0 0;border:0;padding:10px 6px;font-weight:550}.lang-btn:lang(ar){font-size:1rem}.nav-inner{padding-inline-end:calc(var(--margin) + 200px)}.nav-cta.on-dark{color:var(--glow);background:#fff}.nav-cta{top:17px;z-index:51;position:fixed;inset-inline-end:var(--margin)}.hero{min-height:min(100svh,880px);position:relative;overflow:hidden}.hero-night,.hero-lit{isolation:isolate;align-items:center;min-height:min(100svh,880px);padding-top:120px;padding-bottom:clamp(56px,8vh,96px);display:flex;position:relative}.hero-night{background:var(--night);color:var(--ink)}.hero-lit{background:var(--glow);color:#fff;clip-path:circle(0 at 80%);pointer-events:none;--ink-2:#fffc;--night-3:#ffffff29;position:absolute;inset:0}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-bg:before{content:"";background-image:linear-gradient(90deg,#13201b0f 1px,#0000 1px),linear-gradient(#13201b0f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 60% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 70% at 60% 45%,#000 20%,#0000 75%)}.hero-bg:after{content:"";background:radial-gradient(38% 42% at 82% 38%,#0f5a4629,#0000 70%),radial-gradient(30% 34% at 8% 92%,#c8a96a33,#0000 70%);position:absolute;inset:-10%}.hero-lit .hero-bg:before{background-image:linear-gradient(90deg,#ffffff14 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px)}.hero-lit .hero-bg:after{background:radial-gradient(40% 45% at 80% 40%,#c8a96a52,#0000 70%),radial-gradient(40% 45% at 10% 90%,#2fbf7152,#0000 70%)}.hero-lit .btn-glow{color:var(--glow);background:#fff}.hero-lit .btn-glow:hover{color:var(--ink)}.hero-grid{grid-template-columns:minmax(0,7.6fr) minmax(0,4.4fr);align-items:center;gap:clamp(32px,4vw,72px);display:grid}.hero-eyebrow{border:1px solid var(--night-3);font-size:var(--t-small);color:var(--ink-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:7px 16px 7px 12px;font-weight:500;display:inline-flex}.hero-lit .hero-eyebrow{background:#ffffff14;border-color:#ffffff38}.hero-eyebrow-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;position:relative}.hero-eyebrow-dot:after{content:"";border:2px solid var(--gold);animation:beacon 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-4px}@keyframes beacon{0%{opacity:.9;scale:.5}to{opacity:0;scale:1.8}}.hero-line{white-space:nowrap}.hero-line-accent{color:var(--glow)}.hero-lit .hero-line-accent{color:var(--gold)}.hero-title{letter-spacing:-.055em;font-size:clamp(2.3rem,5.4vw,6.2rem);font-weight:650;line-height:.98;display:grid}:lang(ar) .hero-title{letter-spacing:0;font-size:clamp(2.2rem,4.8vw,5.4rem);line-height:1.35}.hero-lede{max-width:48ch;color:var(--ink-2);margin-top:30px;font-size:clamp(1.05rem,.98rem + .3vw,1.3rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:32px;margin-top:36px;display:flex}.hero-points{border-top:1px solid var(--night-3);font-size:var(--t-small);color:var(--ink-2);flex-wrap:wrap;gap:10px 28px;margin-top:44px;padding-top:24px;display:flex}.hero-points li{align-items:center;gap:10px;display:inline-flex}.hero-points li:before{content:"✓";background:var(--glow);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:grid}.hero-lit .hero-points li:before{background:var(--gold);color:var(--ink)}.hero-device{justify-items:end;display:grid}.deploy-card{border:1px solid var(--night-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff9e;border-radius:28px;width:100%;max-width:400px;padding:clamp(22px,2vw,30px);box-shadow:inset 0 1px #fffc,0 40px 80px -40px #0f5a4659}.hero-lit .deploy-card{background:#ffffff14;border-color:#fff3;box-shadow:0 40px 80px -40px #041e1799}.deploy-head{font-size:var(--t-small);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;display:flex}.deploy-env{font-weight:500}.deploy-badge{background:var(--night-3);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.deploy-badge:before{content:"";background:#8a948f;border-radius:50%;width:7px;height:7px}.hero-lit .deploy-badge{color:#fff}.hero-lit .deploy-badge:before{background:#3ee08f;box-shadow:0 0 0 4px #3ee08f40}.deploy-switch{border-block:1px solid var(--night-3);align-items:center;gap:18px;margin-block:26px;padding-block:22px;display:flex}.plate{aspect-ratio:2;background:var(--night-3);cursor:pointer;width:clamp(120px,9vw,148px);transition:background-color .6s var(--ease), transform .4s var(--ease), box-shadow .6s var(--ease);border:0;border-radius:999px;flex:none;padding:0;display:block;position:relative}.plate:not(.is-on){animation:2.6s ease-out infinite invite;box-shadow:0 0 #0f5a4659}@keyframes invite{70%,to{box-shadow:0 0 0 14px #0f5a4600}}.plate:hover{transform:translateY(-2px)}.plate:active{transform:scale(.97)}.plate.is-on{background:var(--gold)}.plate-rocker{top:7px;bottom:7px;width:calc(50% - 7px);transition:transform .7s var(--ease), background-color .6s;background:#fff;border-radius:999px;position:absolute;inset-inline-start:7px;box-shadow:0 4px 10px #13201b2e}.plate.is-on .plate-rocker{transform:translate(100%)}[dir=rtl] .plate.is-on .plate-rocker{transform:translate(-100%)}.plate-led{background:#8a948f;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:background-color .4s;position:absolute;top:50%;left:50%}.plate.is-on .plate-led{background:#1fb46b}.plate-label{font-size:var(--t-small);color:var(--ink-2);line-height:1.35;display:grid}.plate-label b{color:var(--ink);font-size:1.25rem;font-weight:600}.hero-lit .plate-label b{color:#fff}.hero-status{gap:12px;display:grid}.hero-status li{font-size:var(--t-small);align-items:center;gap:12px;display:flex}.hero-status li:before{content:"";opacity:.45;border:1.5px dashed;border-radius:50%;flex:none;width:22px;height:22px}.hero-lit .hero-status li:before{content:"✓";color:#fff;opacity:1;background:#ffffff2e;border:0;place-items:center;font-size:.72rem;font-weight:700;display:grid}.statement{padding-block:var(--section);padding-top:clamp(40px,5vw,80px)}.statement-text{letter-spacing:-.025em;max-width:30ch;font-size:clamp(1.6rem,3.4vw,3.4rem);font-weight:450;line-height:1.22}:lang(ar) .statement-text{letter-spacing:0;line-height:1.6}.marquee{background:var(--glow);color:var(--on-glow);padding-block:clamp(24px,4vw,56px);overflow:hidden}.marquee-track{will-change:transform;width:max-content;display:flex}.marquee-set{display:flex}.marquee-set>span{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:clamp(24px,3vw,56px);padding-inline-end:clamp(24px,3vw,56px);font-size:clamp(2.6rem,7vw,7.5rem);font-weight:650;line-height:1.15;display:inline-flex}:lang(ar) .marquee-set>span{letter-spacing:0;line-height:1.5}.marquee-dot{background:var(--gold);border-radius:50%;width:.28em;height:.28em}.scenes{--soft:#75654b;--chip:#eedfc2;position:relative;overflow:hidden}.scenes-head{inset-inline:0;z-index:2;justify-content:space-between;align-items:flex-end;gap:var(--gap);pointer-events:none;display:flex;position:absolute;top:clamp(96px,13vh,140px)}.scenes-lede{max-width:32ch;color:var(--soft)}.scenes-track{will-change:transform;width:max-content;display:flex}.scene{align-items:end;gap:var(--gap);width:100vw;height:100svh;padding:clamp(260px, 34vh, 340px) var(--margin) clamp(48px, 9vh, 96px);grid-template-columns:7fr 5fr;display:grid}.scene-time{letter-spacing:-.06em;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(4rem,13vw,14rem);font-weight:650;line-height:.86}:lang(ar) .scene-time{font-size:clamp(3rem,8.4vw,9rem)}.scene-body{gap:16px;padding-bottom:1vh;display:grid}.scene-text{color:var(--soft);max-width:36ch}.scene-actions{gap:8px;margin-top:12px;display:grid}.scene-action{background:var(--chip);border-radius:16px;align-items:center;gap:16px;padding:14px 18px;display:flex}.tg{background:color-mix(in srgb, currentColor 22%, transparent);border-radius:999px;flex:none;width:48px;height:26px;position:relative}.tg-knob{top:3px;background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;inset-inline-start:3px}.plan{padding-block:var(--section);background:var(--night)}.plan-head{gap:var(--gap);grid-template-columns:7fr 5fr;align-items:end;margin-bottom:clamp(48px,6vw,88px);display:grid}.plan-grid{gap:calc(var(--gap) * 2);grid-template-columns:8fr 4fr;align-items:center;display:grid}.canvas{grid-template-rows:repeat(7,clamp(70px,6.4vw,104px));grid-template-columns:repeat(10,minmax(0,1fr));grid-template-areas:"web web web web web web web mob mob mob""web web web web web web web mob mob mob""web web web web web web web mob mob mob""api api api api adm adm adm mob mob mob""api api api api adm adm adm pay pay pay""ai ai ai ai sts sts sts pay pay pay""ai ai ai ai sts sts sts aut aut aut";gap:12px;display:grid}.part{background:var(--night-2);cursor:pointer;isolation:isolate;border-radius:18px;min-width:0;position:relative;overflow:hidden}.part-web{grid-area:web}.part-mobile{background:0 0;grid-area:mob}.part-api{grid-area:api}.part-admin{grid-area:adm}.part-ai{grid-area:ai}.part-payments{grid-area:pay}.part-analytics{grid-area:sts}.part-auth{grid-area:aut}.part>:first-child{opacity:.22;filter:grayscale();height:100%;transition:opacity .6s var(--ease), filter .6s var(--ease)}.part:hover>:first-child{opacity:.26}.part.is-on>:first-child{opacity:1;filter:none}.part-label{z-index:2;background:var(--night-3);max-width:calc(100% - 24px);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background-color .4s,color .4s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.part-label:before{content:"+ ";color:var(--glow)}.part:hover .part-label{background:var(--glow);color:var(--on-glow)}.part:hover .part-label:before{color:inherit}.part.is-on .part-label{background:var(--glow);width:26px;height:26px;color:var(--on-glow);place-items:center;padding:0;font-size:0;display:grid;top:10px;left:auto;right:10px;transform:none}[dir=rtl] .part.is-on .part-label{left:10px;right:auto}.part.is-on .part-label:before{content:"✓";color:inherit;font-size:.8rem;font-weight:700}.part-mobile.is-on .part-label{top:4px}.mk-browser,.mk-card{color:#14171c;background:#fff;flex-direction:column;font-size:.78rem;line-height:1.35;display:flex}.mk-bar{background:#eef0f2;flex:none;align-items:center;gap:12px;height:30px;padding:0 12px;display:flex}.mk-dots{gap:6px;display:flex}.mk-dots i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.mk-dots i:nth-child(2){background:#febc2e}.mk-dots i:nth-child(3){background:#28c840}.mk-url{color:#5b6470;text-align:center;background:#fff;border-radius:6px;flex:1;max-width:260px;margin-inline:auto;padding:2px 10px;font-size:.7rem}.mk-web{flex:1;grid-template-columns:24% 1fr;min-height:0;display:grid}.mk-side{color:#6b7280;background:#f5f6f8;flex-direction:column;gap:6px;padding:14px 10px;display:flex}.mk-side span{white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:5px 8px;overflow:hidden}.mk-side .is-active{color:#14171c;background:#e7e9ed;font-weight:600}.mk-side .mk-logo{background:var(--glow);border-radius:7px;width:22px;height:22px;margin-bottom:8px;padding:0}.mk-main{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.mk-hello{font-size:1.05rem;font-weight:650}.mk-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mk-stats div{background:#f5f6f8;border-radius:10px;gap:2px;min-width:0;padding:10px;display:grid}.mk-stats span{color:#6b7280;font-size:.68rem}.mk-stats b{white-space:nowrap;font-size:1.05rem}.mk-rows{gap:9px;display:grid}.mk-rows span{justify-content:space-between;align-items:center;gap:10px;display:flex}.mk-rows i{background:#e5e7eb;border-radius:4px;height:8px}.mk-rows em{background:#d8ebe3;border-radius:999px;width:34px;height:14px}.mk-phone{place-items:center;display:grid}.mk-phone-screen{aspect-ratio:9/18.5;color:#14171c;background:#fff;border:7px solid #0a0b0c;border-radius:30px;flex-direction:column;gap:10px;height:100%;padding:12px 11px;font-size:.74rem;display:flex}.mk-status{justify-content:space-between;align-items:center;font-size:.6rem;font-weight:600;display:flex}.mk-notch{background:#0a0b0c;border-radius:999px;width:46px;height:12px}.mk-app-title{font-size:1.15rem;font-weight:700}.mk-list{gap:7px;display:grid}.mk-list li{background:#f5f6f8;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.mk-list b{color:var(--signal-deep);font-variant-numeric:tabular-nums}.mk-cta{background:var(--glow);color:var(--on-glow);text-align:center;border-radius:999px;margin-top:auto;padding:9px;font-weight:600}.mk-tabs{justify-content:space-around;padding-top:8px;display:flex}.mk-tabs i{background:#e5e7eb;border-radius:6px;width:18px;height:18px}.mk-tabs .is-active{background:#14171c}.mk-term{color:#c9d1d9;background:#0d1117;flex-direction:column;font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:.72rem;display:flex}:lang(ar) .mk-term-bar,:lang(ar) .mk-term-body p,:lang(ar) .mk-cursor{font-family:var(--font)}.mk-term-bar{color:#8b949e;background:#161b22;justify-content:space-between;padding:8px 12px;display:flex}.part-api .mk-term-bar{padding-inline-end:46px}.mk-ok{color:#3fb950}.mk-term-body{gap:5px;padding:12px;display:grid}.mk-term-body p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mk-verb{color:#79c0ff}.mk-code{color:#3fb950}.mk-ms{color:#8b949e}.mk-cursor{color:var(--glow)}.mk-card{gap:8px;padding:14px}.mk-card-title{font-size:.85rem;font-weight:650}.mk-kpi b{font-size:1.5rem}.mk-kpi span{color:#6b7280}.mk-bars{flex:1;align-items:flex-end;gap:5px;min-height:30px;display:flex}.mk-bars i{transform-origin:bottom;background:#e5e7eb;border-radius:4px 4px 2px 2px;flex:1}.mk-bars .is-hi{background:var(--glow-press)}.part.is-on .mk-bars i{animation:grow .8s var(--ease) both}.part.is-on .mk-bars i:nth-child(2){animation-delay:50ms}.part.is-on .mk-bars i:nth-child(3){animation-delay:.1s}.part.is-on .mk-bars i:nth-child(4){animation-delay:.15s}.part.is-on .mk-bars i:nth-child(5){animation-delay:.2s}.part.is-on .mk-bars i:nth-child(6){animation-delay:.25s}.part.is-on .mk-bars i:nth-child(7){animation-delay:.3s}@keyframes grow{0%{transform:scaleY(.1)}}.mk-roles{gap:5px;display:flex}.mk-roles span{background:#f1f2f4;border-radius:999px;padding:3px 9px;font-size:.68rem}.mk-ai{justify-content:center}.mk-bubble{border-radius:14px;max-width:88%;padding:8px 11px}.mk-me{color:#fff;background:#14171c;align-self:flex-end}.mk-bot{background:#f3f4f6}.mk-spark{color:var(--signal-deep);margin-inline-end:6px}.mk-input{background:#f3f4f6;border-radius:999px;height:26px}.mk-pay{justify-content:center;gap:12px}.mk-cc{aspect-ratio:1.7;color:#fff;letter-spacing:.08em;background:#1f2430;border-radius:10px;flex-direction:column;justify-content:space-between;max-height:58%;padding:10px 12px;font-size:.75rem;display:flex}.mk-chip{background:#e6c27a;border-radius:4px;width:22px;height:16px}.mk-pay-btn{color:#fff;text-align:center;background:#14171c;border-radius:999px;padding:9px;font-weight:600;display:grid;overflow:hidden}.mk-pay-label,.mk-paid{grid-area:1/1}.mk-paid{opacity:0}.part.is-on .mk-pay-btn{animation:.4s 1.3s both paid-bg}.part.is-on .mk-pay-label{animation:.3s 1.2s both fade-out}.part.is-on .mk-paid{animation:.3s 1.35s both fade-in}@keyframes paid-bg{to{background:#1f9d55}}@keyframes fade-out{to{opacity:0;transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.mk-line{flex:1;width:100%;min-height:30px}.mk-line path{fill:none;stroke:var(--glow-press);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1}.part.is-on .mk-line path{animation:draw 1.4s var(--ease) both}.mk-delta{color:#1f9d55;font-weight:600}.mk-hint{color:#6b7280;font-size:.7rem}.mk-otp{gap:6px;display:flex}.mk-otp span{color:#0000;background:#f3f4f6;border-radius:8px;flex:1;place-items:center;height:30px;font-weight:700;display:grid}.part.is-on .mk-otp span{animation:.25s both digit}.part.is-on .mk-otp span:first-child{animation-delay:.3s}.part.is-on .mk-otp span:nth-child(2){animation-delay:.5s}.part.is-on .mk-otp span:nth-child(3){animation-delay:.7s}.part.is-on .mk-otp span:nth-child(4){animation-delay:.9s}@keyframes digit{to{color:#14171c;background:#d8ebe3}}.mk-auth .mk-cta{margin-top:auto;padding:7px}.plan-controls{gap:20px;display:grid}.plan-usage{font-size:var(--t-h3);letter-spacing:-.02em;font-weight:550;line-height:1.2}:lang(ar) .plan-usage{letter-spacing:0}.plan-switches{gap:6px;display:grid}.room-switch{background:var(--night-2);text-align:start;cursor:pointer;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px;padding:0 18px;transition:background-color .3s;display:flex}.room-switch:hover{background:var(--night-3)}.room-switch .tg-knob{transition:transform .45s var(--ease)}.room-switch.is-on .tg{background:var(--glow)}.room-switch.is-on .tg-knob{transform:translate(22px)}[dir=rtl] .room-switch.is-on .tg-knob{transform:translate(-22px)}.plan-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.climate{background:var(--night-2);border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex}.climate button{background:var(--night-3);cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;font-size:1.3rem;transition:background-color .2s}.climate button:hover{background:var(--glow);color:var(--on-glow)}.climate output{text-align:center;font-variant-numeric:tabular-nums;min-width:5ch;font-weight:600}.systems{padding-block:var(--section);background:var(--lit);color:var(--lit-ink)}.systems h2{margin-bottom:clamp(48px,6vw,96px)}.systems-list{display:grid}.system{align-items:center;gap:var(--gap);isolation:isolate;outline-offset:-4px;grid-template-columns:56px minmax(0,5fr) minmax(0,6fr);padding:clamp(22px,2.6vw,36px) clamp(12px,1.6vw,24px);display:grid;position:relative}.system+.system{margin-top:6px}.system:before{content:"";z-index:-1;background:var(--lit-ink);transform-origin:bottom;transition:transform .6s var(--ease);border-radius:20px;position:absolute;inset:0;transform:scaleY(0)}.system:hover:before,.system:focus-visible:before{transform:scaleY(1)}.system h3{letter-spacing:-.035em;transition:color .4s, transform .6s var(--ease);font-size:clamp(1.8rem,4vw,4rem);font-weight:600}:lang(ar) .system h3{letter-spacing:0}.system p{color:var(--lit-ink-2);max-width:46ch;transition:color .4s}.system:hover h3,.system:focus-visible h3{color:var(--gold);transform:translate(10px)}[dir=rtl] .system:hover h3,[dir=rtl] .system:focus-visible h3{transform:translate(-10px)}.system:hover p,.system:focus-visible p{color:var(--lit)}.system-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;width:44px;height:44px;transition:color .4s}.system:hover .system-icon,.system:focus-visible .system-icon{color:var(--glow);animation:draw .9s var(--ease)}@keyframes draw{0%{stroke-dashoffset:1px}}.process{padding-block:var(--section)}.process-bar{background:var(--night-3);border-radius:3px;height:6px;margin-block:clamp(48px,6vw,88px) 40px;overflow:hidden}.process-bar span{background:var(--glow);transform-origin:0;height:100%;display:block}[dir=rtl] .process-bar span{transform-origin:100%}.process-steps{gap:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.process-steps li{align-content:start;gap:14px;display:grid}.step-when{letter-spacing:-.03em;color:var(--glow);font-size:clamp(1.8rem,3vw,3rem);font-weight:600;line-height:1.1}:lang(ar) .step-when{letter-spacing:0;line-height:1.4}.process-steps p:not(.step-when){color:var(--ink-2)}.faq{padding-block:0 var(--section)}.faq-grid{gap:calc(var(--gap) * 2);grid-template-columns:5fr 7fr;display:grid}.faq-grid h2{align-self:start;position:sticky;top:120px}.faq-list{gap:8px;display:grid}details{background:var(--night-2);border-radius:20px;transition:background-color .3s}details:hover,details[open]{background:var(--night-3)}summary{cursor:pointer;justify-content:space-between;gap:24px;padding:26px 28px;font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";background:var(--glow);width:36px;height:36px;color:var(--on-glow);transition:transform .45s var(--ease);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}details[open] summary:after{transform:rotate(45deg)}details p{max-width:62ch;color:var(--ink-2);padding:0 28px 28px}.footer{isolation:isolate;background:var(--cobalt);color:#fff;padding-top:var(--section);position:relative;overflow:hidden}.footer ::selection{color:var(--cobalt);background:#fff}.footer :focus-visible{outline-color:#fff}.footer .btn-dark{color:var(--lit-ink);background:#fff}.footer .btn-dark:before{background:var(--gold)}.footer-cta{gap:var(--gap);grid-template-columns:7fr 5fr;align-items:end;padding-bottom:clamp(120px,16vw,240px);display:grid;position:relative}.footer-side{justify-items:start;gap:28px;display:grid}.footer-word{z-index:-1;inset-inline:0;letter-spacing:-.06em;text-align:center;white-space:nowrap;color:var(--gold);opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:21vw;font-weight:700;line-height:.8;position:absolute;top:50%;transform:translateY(-50%)}:lang(ar) .footer-word{font-size:19vw;line-height:1.1}.footer-meta{font-size:var(--t-small);flex-wrap:wrap;align-items:center;gap:12px 28px;padding-block:28px 32px;display:flex;position:relative}.footer-meta span{margin-inline-end:auto}.footer-meta a{text-decoration:none}.lang-btn-dark{padding:0;font-weight:600}.footer-meta .to-top{transition:background-color .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;padding:10px 14px 10px 18px;font-weight:600;display:inline-flex}[dir=rtl] .footer-meta .to-top{padding:10px 18px 10px 14px}.to-top svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .4s var(--ease)}.footer-meta .to-top:hover{background:var(--gold);border-color:var(--gold);color:var(--cobalt)}.to-top:hover svg{transform:translateY(-3px)}.work{padding-top:var(--section);background:var(--night)}.work-head{gap:var(--gap);grid-template-columns:7fr 5fr;align-items:end;margin-bottom:clamp(40px,5vw,80px);display:grid}.project-stage{align-items:center;height:100svh;padding-block:clamp(80px,11vh,120px) clamp(40px,6vh,72px);display:flex;overflow:hidden}.project-grid{gap:calc(var(--gap) * 2);grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);align-items:center;display:grid}.project-kind{color:var(--p-soft);font-size:var(--t-small);font-weight:500}.project-name{letter-spacing:-.045em;margin-top:10px;font-size:clamp(3rem,6vw,6.4rem);font-weight:650;line-height:.95}:lang(ar) .project-name{letter-spacing:0;line-height:1.3}.project-summary{max-width:40ch;color:var(--p-soft);margin-top:20px}.project-facts{gap:10px;margin:28px 0 0;display:grid}.project-facts div{grid-template-columns:7.5rem 1fr;gap:16px;display:grid}.project-facts dt{color:var(--p-soft);font-size:var(--t-small)}.project-facts dd{font-size:var(--t-small);margin:0}.project-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.project-tags li{color:var(--p-accent);background:color-mix(in srgb, var(--p-accent) 14%, transparent);border-radius:999px;padding:6px 14px;font-size:.875rem}.btn-project{background:var(--p-accent);color:var(--p-on-accent);margin-top:32px}.btn-project:before{background:#fff}.project-devices{aspect-ratio:16/10.4;display:block;position:relative}.browser{top:0;background:#fff;border-radius:14px;width:86%;position:absolute;inset-inline-start:0;overflow:hidden;box-shadow:0 50px 90px -40px #0009}.browser-bar{direction:ltr;background:#eef1f1;align-items:center;gap:16px;height:38px;padding:0 14px;display:flex}.browser-dots{gap:7px;display:flex}.browser-dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.browser-dots i:nth-child(2){background:#febc2e}.browser-dots i:nth-child(3){background:#28c840}.browser-url{color:#4a5860;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;flex:1;max-width:420px;margin-inline:auto;padding:4px 12px;font-size:.78rem;overflow:hidden}.browser-shot{aspect-ratio:16/9.6;overflow:hidden}.browser-shot img,.phone-shot img{will-change:transform;width:100%;height:auto;display:block}.phone{bottom:0;aspect-ratio:9/19.2;background:#0a0b0b;border-radius:34px;width:25%;padding:8px;position:absolute;inset-inline-end:0;box-shadow:0 40px 80px -30px #000000a6}.phone-shot{background:#fff;border-radius:27px;width:100%;height:100%;overflow:hidden}.cursor-ring.has-label{background:var(--glow);width:96px;height:96px;color:var(--on-glow);place-items:center;margin:-48px 0 0 -48px;font-size:.85rem;font-weight:600;display:grid}@media (max-width:899px){.nav-links{display:none}.nav-inner{gap:14px;height:68px}.nav-cta{top:12px}.hero-grid,.work-head,.project-grid,.plan-head,.plan-grid,.faq-grid,.footer-cta{grid-template-columns:1fr}.hero,.hero-night,.hero-lit{min-height:0}.hero-night,.hero-lit{align-items:flex-start;padding-top:100px;padding-bottom:64px}.hero-device{justify-items:stretch;margin-top:40px}.deploy-card{max-width:none}.plate{width:104px}.hero-points{margin-top:32px}.canvas{grid-template-rows:200px repeat(4,150px);grid-template-columns:1fr 1fr;grid-template-areas:"web web""mob api""mob adm""ai sts""aut pay";gap:10px}.mk-side{display:none}.mk-web{grid-template-columns:1fr}.project-stage{height:auto;padding-block:72px}.project-grid{gap:48px}.phone{border-radius:24px;width:30%;padding:6px}.phone-shot{border-radius:19px}.scenes-head{padding-top:var(--section);flex-direction:column;align-items:flex-start;position:static}.scenes-track{flex-direction:column;width:auto}.scene{width:auto;height:auto;padding:72px var(--margin);grid-template-columns:1fr}.scene-time{font-size:clamp(3.5rem,18vw,7rem)}:lang(ar) .scene-time{font-size:clamp(2.6rem,13vw,5rem)}.system{grid-template-columns:44px 1fr}.system p{grid-column:1/-1}.process-steps{grid-template-columns:1fr 1fr;row-gap:48px}.faq-grid h2{position:static}}@media (max-width:560px){.process-steps{grid-template-columns:1fr}.nav-cta{display:none}.nav-inner{padding-inline-end:var(--margin)}.hero-actions{gap:22px}}@media (prefers-reduced-motion:reduce){.project-stage{height:auto;padding-block:96px}.scenes-head{padding-top:var(--section);position:static}.scenes-track{flex-direction:column;width:auto}.scene{width:auto;height:auto;padding:96px var(--margin)}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
