@layer foundation,experience;
@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/almarai-arabic-400.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-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-10EC7,U+10EC9-10EEE,U+10EF?,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:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/almarai-arabic-800.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-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-10EC7,U+10EC9-10EEE,U+10EF?,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:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-variable.woff2)format("woff2");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}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin-variable.woff2)format("woff2");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}
@layer experience {
.hero-scene{pointer-events:none;opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0;overflow:hidden}.hero-scene canvas{width:100%;height:100%;display:block}.hero-scene-snake,.hero-scene-products{transition:none}.product-coins[data-scene-ready=true] .hero-scene,.product-coins[data-scene-ready=true] .coin-snake-fallback{opacity:1}.product-coins[data-scene-ready=true] .coin-snake-fallback{opacity:0}.product-coins-fallback{opacity:.45}.guided-journey-skip{z-index:100;border:1px solid var(--cyan);background:var(--surface);min-height:48px;color:var(--text);box-shadow:var(--shadow);border-radius:999px;padding:12px 22px;position:fixed;inset-block-end:24px;inset-inline-end:24px}.hero-orbit[data-scene-ready=true] .hero-scene,.snake-transition[data-scene-ready=true] .hero-scene{opacity:1}.coin-snake-fallback{perspective:1100px;pointer-events:none;transition:opacity .3s var(--ease);position:absolute;inset:0;overflow:hidden;container-type:size}.snake-transition[data-scene-ready=true] .coin-snake-fallback{opacity:0}.cinematic-story[data-cinematic=true] .snake-transition .coin-snake-fallback{opacity:var(--snake-fallback-opacity,0);transition:none}.cinematic-story[data-cinematic=true] .snake-transition[data-scene-ready=true] .coin-snake-fallback{opacity:0}.product-coins-fallback i{top:var(--coin-y)}.coin-snake-fallback i{--coin-accent:var(--lime);--coin-size:min(calc(var(--coin-diameter) * 1vmin), calc(var(--coin-diameter) * 4.5cqh));left:var(--coin-x);top:calc(50% + var(--coin-wave) * min(1vh, 2.4cqh));width:var(--coin-size);height:var(--coin-size);transform-style:preserve-3d;transform:translate(-50%, -50%) rotateX(var(--coin-rotate-x)) rotateY(var(--coin-rotate-y)) rotateZ(var(--coin-rotate-z));border-radius:50%;display:block;position:absolute}.coin-snake-fallback i.coin-snake-cyan{--coin-accent:var(--cyan)}.coin-snake-face,.coin-snake-back{border-radius:inherit;background:radial-gradient(circle at 30% 26%, #ffffff42, #ffffff12 18%, transparent 40%), conic-gradient(from 210deg, color-mix(in srgb, var(--coin-accent) 72%, var(--surface)) 0deg, color-mix(in srgb, var(--coin-accent) 30%, var(--bg)) 90deg, color-mix(in srgb, var(--coin-accent) 60%, #ffffff10) 170deg, color-mix(in srgb, var(--coin-accent) 26%, var(--bg)) 250deg, color-mix(in srgb, var(--coin-accent) 72%, var(--surface)) 360deg);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--coin-accent) 50%, var(--border)), inset 0 0 0 5px #0000001a, inset 0 3px 8px #ffffff40, inset 0 -4px 10px #00000040;transform:translateZ(calc(var(--coin-size) * .08));backface-visibility:visible;position:absolute;inset:0}.coin-snake-back{transform:translateZ(calc(var(--coin-size) * -.08))}.coin-snake-fallback i:before,.coin-snake-fallback i:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--coin-accent) 50%, var(--surface)), color-mix(in srgb, var(--coin-accent) 26%, var(--bg)));border-radius:calc(var(--coin-size) * .08);position:absolute}.coin-snake-fallback i:before{inset-inline:0;height:16%;top:42%;transform:rotateX(90deg)}.coin-snake-fallback i:after{inset-block:0;width:16%;left:42%;transform:rotateY(90deg)}.hero-orbit[data-scene-ready=true]>.coin,.hero-orbit[data-scene-ready=true]>.orbital-line{opacity:0}@media (prefers-reduced-motion:reduce){.hero-scene{transition:none;display:none}.coin-snake-fallback{transition:none}}
}

@layer experience {
#main-content{isolation:isolate}.site-starfield{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:clip}.cinematic-story{position:relative}.cinema-stage{isolation:isolate;position:relative}.cinema-atmosphere{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.cinema-grid{opacity:.14;background-image:linear-gradient(color-mix(in srgb, var(--cyan) 12%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cyan) 12%, transparent) 1px, transparent 1px);background-size:84px 84px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000,#0000 80%);mask-image:radial-gradient(at 50% 35%,#000,#0000 80%)}.cinema-network{width:100%;height:100%;color:var(--lime);opacity:.035;position:absolute;inset:0}.cinema-particles{width:calc(100% + 24px);height:calc(100% + 24px);fill:var(--star-color);opacity:var(--star-opacity);pointer-events:none;position:absolute;inset:-12px}.cinematic-story .ambient-glow{background:radial-gradient(ellipse at 60% 35%, color-mix(in srgb, var(--cyan) 9%, transparent), transparent 65%);width:min(1100px,100vw);height:100%;top:0}.cinematic-story .hero{isolation:auto;min-height:100svh;padding:clamp(130px,17svh,172px) 24px 30px;overflow:clip}.cinematic-story .hero-content{max-width:680px}.cinematic-story .hero h1,html[lang=ar] .cinematic-story .hero h1{letter-spacing:-.045em;font-size:clamp(64px,7.5vw,104px);line-height:1.18}html[lang=ar] .cinematic-story .hero h1{letter-spacing:-.02em}.cinematic-story .hero-description{max-width:610px;margin:18px auto 24px;font-size:14px;line-height:1.85}.cinematic-story .hero .eyebrow{margin-bottom:14px;font-size:10px}.cinematic-story .hero-actions .button{min-height:44px;padding:10px 22px;font-size:12px}.cinematic-story .hero-actions .button-ghost{color:var(--muted);background:0 0;border-color:#0000}.cinematic-story .scroll-cue{z-index:8;pointer-events:auto;align-self:center;min-height:44px;margin:16px auto 0;font-size:10px}.cinematic-story .section{background:0 0;border:0;padding-block:100px}.cinematic-story h2{font-size:clamp(30px,3.6vw,46px);line-height:1.35}html[lang=ar] .cinematic-story h2{line-height:1.5}.cinematic-story .section-description{max-width:640px;margin:22px auto 0;font-size:14px;line-height:1.95}.cinematic-story .eyebrow{justify-content:center;margin-bottom:18px;font-size:11px}.cinematic-story .about-portal{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);background:color-mix(in srgb, var(--surface) 38%, transparent);border-radius:28px;max-width:960px;margin-inline:auto;padding:50px clamp(20px,5vw,72px);position:relative;box-shadow:0 40px 110px #00000012,inset 0 1px #ffffff07}.about-portal>.brand-mark{width:38px;height:42px;margin-bottom:28px}.cinematic-story .pillar-grid{gap:36px;margin-top:36px}.cinematic-story .pillar-grid article{border-color:color-mix(in srgb, var(--border) 60%, transparent);padding-top:18px}.cinematic-story .pillar-grid h3{margin-bottom:10px;font-size:14px}.cinematic-story .pillar-grid p{font-size:12px;line-height:1.85}.cinematic-story .pillar-number{margin-bottom:12px;font-size:10px}.system-copy,.why-copy{z-index:1;text-align:center;max-width:680px;margin-inline:auto;position:relative}.system-medallion{border:1px solid color-mix(in srgb, var(--cyan) 70%, var(--surface));background:conic-gradient(from 30deg, color-mix(in srgb, var(--cyan) 65%, var(--surface)), var(--surface), color-mix(in srgb, var(--cyan) 35%, var(--surface)), var(--surface), color-mix(in srgb, var(--cyan) 65%, var(--surface)));width:106px;height:106px;box-shadow:inset 0 0 0 7px #ffffff09, inset 2px 3px 8px #fff3, 8px 13px 0 color-mix(in srgb, var(--cyan) 18%, var(--bg)), 14px 28px 35px #0002;border-radius:50%;place-items:center;margin:0 auto 36px;display:grid;transform:rotateY(-22deg)rotateX(12deg)}.system-medallion .brand-mark{background:var(--text);opacity:.75;width:38px;height:42px}.system-tags,.why-tags{flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px;margin:38px auto 0;padding:0;list-style:none;display:flex}.system-tags li,.why-tags li{border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:999px;align-items:center;gap:16px;padding:12px 20px;font-size:12px;display:flex;box-shadow:0 10px 28px #0000000a}.system-tags .mono{color:var(--cyan);font-size:9px}.system-tags li>span:last-child,.why-tags li>span{color:var(--lime)}.why-copy>.button{margin-top:28px}.cinematic-story .snake-transition{z-index:3;height:180px;margin-block:-60px;position:relative;bottom:auto}.cinematic-story .services-section{max-width:1060px}.cinematic-story .services-section .section-heading{text-align:center;margin-bottom:34px;display:block}.cinematic-story .services-section .section-heading>div{max-width:none}.cinematic-story .services-section .section-heading>p{max-width:540px;margin:16px auto 0;font-size:13px}.cinematic-story .service-grid{gap:16px}.cinematic-story .service-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 70%, transparent), color-mix(in srgb, var(--bg) 80%, transparent));border-color:color-mix(in srgb, var(--border) 60%, transparent);border-radius:16px;padding:20px;transition:border-color .18s,box-shadow .18s,translate .18s;translate:0;box-shadow:0 14px 40px #0000000b}.cinematic-story .service-card:hover{transform:translateY(-3px)}.cinematic-story .card-top{margin-bottom:13px}.service-emblem{color:var(--cyan);width:30px;height:30px;display:block}.service-emblem svg{width:100%;height:100%;filter:drop-shadow(0 2px 3px color-mix(in srgb, var(--cyan) 20%, transparent))}.cinematic-story .service-card h3{margin-bottom:8px;font-size:15px}.cinematic-story .service-card p{font-size:12px;line-height:1.8}.cinematic-story[data-cinematic=true]{height:calc(100svh + var(--cinema-distance,5200px))}.cinematic-story[data-cinematic=true] .cinema-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:clip}.cinematic-story[data-cinematic=true] .cinema-panel{perspective:1200px;flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:110px 60px 50px;display:flex;position:absolute;inset:0}.cinematic-story[data-cinematic=true] .hero{justify-content:flex-start;padding-top:clamp(122px,17svh,180px)}.cinematic-story[data-cinematic=true] .hero .hero-preview{margin-top:clamp(30px,5svh,54px)}.cinematic-story[data-cinematic=true] .scroll-cue{width:max-content;margin:0;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.cinematic-story[data-cinematic=true] .about-portal{width:min(960px,100%)}.cinematic-story[data-cinematic=true] .pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cinematic-story[data-cinematic=true] .system-tags,.cinematic-story[data-cinematic=true] .why-tags{pointer-events:none;max-width:none;margin:0;display:block;position:absolute;inset:0}.cinematic-story[data-cinematic=true] .system-tags li,.cinematic-story[data-cinematic=true] .why-tags li{width:max-content;max-width:280px;padding:13px 22px;position:absolute}.cinematic-story[data-cinematic=true] .system-tags li:first-child{top:25%;left:9%;transform:rotate(-8deg)}.cinematic-story[data-cinematic=true] .system-tags li:nth-child(2){top:20%;right:9%;transform:rotate(8deg)}.cinematic-story[data-cinematic=true] .system-tags li:nth-child(3){top:65%;left:7%;transform:rotate(6deg)}.cinematic-story[data-cinematic=true] .system-tags li:nth-child(4){top:72%;right:12%;transform:rotate(-7deg)}.cinematic-story[data-cinematic=true] .system-tags li:nth-child(5){top:84%;left:38%;transform:rotate(3deg)}.cinematic-story[data-cinematic=true] .why-tags li:first-child{top:24%;left:8%;transform:rotate(-8deg)}.cinematic-story[data-cinematic=true] .why-tags li:nth-child(2){top:24%;right:8%;transform:rotate(8deg)}.cinematic-story[data-cinematic=true] .why-tags li:nth-child(3){top:74%;left:11%;transform:rotate(6deg)}.cinematic-story[data-cinematic=true] .why-tags li:nth-child(4){top:75%;right:10%;transform:rotate(-7deg)}.cinematic-story[data-cinematic=true] .snake-transition{height:100%;visibility:var(--snake-visibility,hidden);margin:0;position:absolute;inset:0}.cinematic-story[data-cinematic=true] .services-section{align-items:center}.cinematic-story[data-cinematic=true] .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(1040px,100%)}.products-section{isolation:isolate;padding-block:90px;position:relative;overflow:clip}.products-stage{position:relative}.products-section .section-heading{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:1060px;margin:0 auto 40px;padding-inline:30px}.products-section .section-heading>div{max-width:800px}.products-section .section-heading h2{font-size:clamp(30px,3.2vw,42px)}.products-section .section-heading .eyebrow{justify-content:center;margin-bottom:16px}.products-section .section-heading>p{max-width:650px;font-size:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-coins{pointer-events:none;z-index:-1;opacity:.45;position:absolute;inset:0}.products-section .product-track-viewport{scrollbar-width:thin;scrollbar-color:var(--cyan) transparent;scroll-snap-type:x proximity;direction:ltr;width:100%;padding:20px max(30px,50vw - 530px);overflow-x:auto}html[data-motion-ready=true] .product-track-viewport{cursor:grab}.product-track-viewport[data-product-dragging=true],.product-track-viewport[data-product-dragging=true] *{cursor:grabbing;-webkit-user-select:none;user-select:none}.products-section .product-grid{direction:ltr;gap:20px;width:max-content;display:flex}.products-section .product-card{scroll-snap-align:center;background:color-mix(in srgb, var(--surface) 85%, transparent);border-color:color-mix(in srgb, var(--border) 62%, transparent);border-radius:18px;flex:none;width:300px;box-shadow:0 20px 40px #0000000c}html[dir=rtl] .products-section .product-card{direction:rtl}.products-section .product-visual{background:0 0;border:0;height:195px;min-height:0}.products-section .product-visual:before{display:none}.products-section .product-copy{padding:20px}.products-section .product-copy h3{font-size:16px}.products-section .product-copy p{font-size:12px}.products-section .product-index{color:var(--subtle);font-size:8px}.products-section[data-cinematic=true]{height:calc(100svh + var(--products-distance,1800px));padding:0}.products-section[data-cinematic=true] .products-stage{height:100svh;min-height:650px;padding-top:clamp(118px,17svh,160px);position:sticky;top:0;overflow:clip}.products-section[data-cinematic=true] .product-track-viewport{padding:20px 0;overflow:clip}.products-section[data-cinematic=true] .product-grid{will-change:transform}.products-section[data-cinematic=true] .product-coins{opacity:.65}.demos-section{background:0 0;border:0}.demo-story{overflow:clip}.demo-journey .demo-stage{flex-direction:column;display:flex}.demo-journey[data-font-ready=true] .mono{font-family:JetBrains Mono,monospace}.demos-intro{padding-top:72px}.demos-intro .section-heading{margin-bottom:20px}.contact-section{text-align:center;flex-direction:column;align-items:center;gap:34px;max-width:1040px;display:flex}.contact-section>div{width:min(640px,100%)}.contact-section .eyebrow{justify-content:center}.contact-section .section-description{margin-inline:auto}.contact-section .contact-links{grid-template-columns:1fr 1fr;gap:16px 32px;margin-top:26px;display:grid}.contact-section .contact-links>a{text-align:start;border-color:color-mix(in srgb, var(--border) 45%, transparent);padding-bottom:12px}.contact-section .contact-links>a:only-of-type{grid-column:1/-1}.contact-section .contact-links>p{grid-column:1/-1;justify-content:center;font-size:11px}.contact-section .contact-links strong{font-size:13px}.contact-section h2{font-size:clamp(30px,3.2vw,44px)}.contact-section .section-description{font-size:14px}.contact-form{text-align:start;background:0 0;border:0;border-radius:0;width:min(640px,100%);padding:0}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.main-navigation{background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid color-mix(in srgb, var(--border) 50%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:4px 8px}.main-navigation a{align-items:center;min-width:44px;min-height:44px;padding:9px 10px;font-size:11px;display:flex}.main-navigation a[aria-current=location]{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.site-header .brand{min-width:44px;min-height:44px;padding:6px 0;font-size:14px}.site-header .header-controls{background:color-mix(in srgb, var(--bg) 80%, transparent);border-radius:999px;padding:4px}.site-footer{border-color:color-mix(in srgb, var(--border) 45%, transparent);background:0 0}.scroll-progress{z-index:18;direction:ltr;flex-direction:column;align-items:center;width:44px;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%)}.scroll-progress>a{justify-content:center;align-items:center;width:44px;height:36px;display:flex;position:relative}.scroll-progress>a>i{background:var(--subtle);border-radius:50%;width:7px;height:7px;transition:background-color .2s,box-shadow .2s}.scroll-progress>a[aria-current=location]>i{background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb, var(--lime) 12%, transparent)}.scroll-progress>a>span{white-space:nowrap;background:var(--surface);color:var(--text);pointer-events:none;opacity:0;border-radius:6px;padding:5px 10px;font-size:10px;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:40px;transform:translateY(-50%)translate(-4px)}.scroll-progress>a:hover>span,.scroll-progress>a:focus-visible>span{opacity:1;transform:translateY(-50%)}.scroll-progress-line{background:color-mix(in srgb, var(--border) 45%, transparent);pointer-events:none;width:1px;height:216px;position:absolute;top:18px;left:21.5px}.scroll-progress-line i{width:100%;height:calc(var(--page-progress,0) * 100%);background:var(--lime);display:block}.scroll-progress-percent{color:var(--muted);margin-top:8px;font-size:8px}.guided-journey-skip{inset-inline-end:24px;z-index:40;border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:44px;color:var(--muted);border-radius:999px;padding:10px 18px;font-size:11px;position:fixed;bottom:24px}.guided-journey-skip:hover{color:var(--text);border-color:var(--cyan)}@media (max-width:899px),(orientation:portrait){.scroll-progress{display:none}}@media (min-width:900px) and (max-height:850px){.products-section[data-cinematic=true] .products-stage{padding-top:100px}.products-section[data-cinematic=true] .section-heading{gap:10px;margin-bottom:22px}.products-section[data-cinematic=true] .section-heading h2{font-size:clamp(28px,3vw,36px)}.products-section[data-cinematic=true] .section-heading .eyebrow{margin-bottom:10px}.products-section[data-cinematic=true] .product-track-viewport{padding-top:12px}}@media (min-width:1800px){.cinematic-story[data-cinematic=true] .service-grid{width:min(1120px,100%)}.cinematic-story .hero h1,html[lang=ar] .cinematic-story .hero h1{font-size:112px}.products-section .product-card{width:340px}}@media (max-width:1024px){.cinematic-story .section{padding-block:76px}.cinematic-story .hero{padding-top:136px}.cinematic-story .system-tags,.cinematic-story .why-tags{gap:10px}.cinematic-story .system-tags li,.cinematic-story .why-tags li{font-size:11px}.products-section .section-heading{padding-inline:32px}.main-navigation.is-open{overscroll-behavior:contain;border-radius:20px;max-height:calc(100dvh - 108px);padding:12px;overflow-y:auto}}@media (max-width:640px){.cinematic-story .hero{padding:118px 20px 24px}.cinematic-story .hero h1,html[lang=ar] .cinematic-story .hero h1{font-size:clamp(46px,12.5vw,58px);line-height:1.22}.cinematic-story .hero-description{margin:16px auto 20px;font-size:13px;line-height:1.9}.cinematic-story .hero .eyebrow{font-size:9px}.cinematic-story .hero-actions{gap:4px}.cinematic-story .hero-actions .button{padding-inline:16px;font-size:11px}.cinematic-story .section{padding-block:62px}.cinematic-story h2{font-size:29px}.cinematic-story .section-description{font-size:13px}.cinematic-story .about-portal{border-radius:20px;padding:30px 22px}.cinematic-story .pillar-grid{gap:24px;margin-top:28px}.cinematic-story .pillar-grid article{padding-top:14px}.system-medallion{width:84px;height:84px;margin-bottom:30px}.system-tags li,.why-tags li{gap:10px;padding:10px 14px}.cinematic-story .snake-transition{height:150px;margin-block:-25px}.cinematic-story .service-card{padding:18px}.cinematic-story .service-grid{gap:12px}.products-section{padding-block:62px}.products-section .section-heading{margin-bottom:24px;padding-inline:20px}.products-section .product-track-viewport{padding-inline:20px}.products-section .product-card{width:min(280px,100vw - 56px);display:flex}.products-section .product-visual{height:175px}.products-section .product-copy{padding:18px}.products-section .product-copy h3{font-size:15px}.products-section .product-index{left:18px}.demos-intro{padding-top:42px}.site-header{background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--border) 50%, transparent);gap:8px;padding:4px 14px;inset-inline:16px}.site-header .brand{flex-shrink:0;font-size:12px}.site-header .brand-mark{flex-shrink:0}.site-header .header-controls{background:0 0;padding:0}.contact-section{gap:32px}.contact-section h2{font-size:30px}}@media (orientation:landscape) and (max-height:560px){.main-navigation.is-open{max-height:calc(100dvh - 88px)}.cinematic-story .hero{min-height:100svh;padding-top:100px;display:block}.cinematic-story .hero h1,html[lang=ar] .cinematic-story .hero h1{font-size:52px}.cinematic-story .hero-description{max-width:580px;font-size:12px}.cinematic-story .hero-preview{display:block}.cinematic-story .scroll-cue{display:none}}@media (max-width:480px){.contact-section .contact-links{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:20px}.contact-section .contact-links strong{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.cinematic-story .cinema-panel{opacity:1!important;visibility:visible!important;transform:none!important}}
}

@layer experience {
.hero-preview.hero-composition{--panel-glass:color-mix(in srgb, var(--surface) 74%, transparent);--panel-row:color-mix(in srgb, var(--text) 5%, transparent);perspective:1100px;text-align:start;isolation:isolate;width:min(1120px,100% - 48px);height:330px;margin:38px auto 0;display:block;position:relative}.hero-composition>.hero-panel{left:50%;top:var(--panel-y);width:var(--panel-width);margin-left:calc(var(--panel-x) - var(--panel-width) / 2);border:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:linear-gradient(150deg, #ffffff06, transparent 48%), var(--panel-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);rotate:var(--panel-rotation);z-index:var(--panel-layer);border-radius:16px;padding:14px 16px 10px;position:absolute;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff12,0 18px 44px #00000024}.hero-panel-compliance{--panel-x:0px;--panel-y:4px;--panel-width:272px;--panel-rotation:0deg;--panel-layer:3}.hero-panel-flight{--panel-x:-385px;--panel-y:48px;--panel-width:226px;--panel-rotation:-3deg;--panel-layer:1}.hero-panel-bank{--panel-x:385px;--panel-y:34px;--panel-width:228px;--panel-rotation:3deg;--panel-layer:1}.hero-panel-operations{--panel-x:-235px;--panel-y:116px;--panel-width:336px;--panel-rotation:-1.5deg;--panel-layer:4}.hero-panel-wallet{--panel-x:215px;--panel-y:134px;--panel-width:292px;--panel-rotation:2deg;--panel-layer:5}.hero-panel-heading{border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);align-items:center;gap:7px;min-height:24px;padding-bottom:10px;display:flex}.hero-panel-heading>strong{font-size:11px;font-weight:700;line-height:1.5}.hero-panel-heading>svg{width:16px;height:16px;color:var(--cyan);flex-shrink:0}.hero-panel-heading .brand-mark{width:15px;height:17px}.hero-panel-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-inline-start:auto}.hero-panel-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:9px;line-height:1.6;display:flex}.hero-panel-state{color:var(--lime);font-size:9px}.hero-panel-sample{color:var(--muted);margin-top:9px;font-size:8px;line-height:1.5}.hero-network{width:100%;height:78px;margin-block:9px 3px;display:block;overflow:visible}.hero-network path{stroke:var(--border);stroke-width:1px}.hero-network .hero-network-highlight{stroke:var(--lime);stroke-width:1.4px}.hero-network circle{fill:var(--surface-soft);stroke:var(--subtle);stroke-width:1px}.hero-network .hero-network-center{fill:var(--lime);stroke:var(--lime)}.hero-network .hero-network-ring{fill:none;stroke:var(--lime);opacity:.5}.hero-flight-route{justify-content:space-between;align-items:center;gap:10px;margin-block:20px;font-family:ui-monospace,Consolas,monospace;font-size:23px;display:flex}.hero-flight-route>span{color:var(--cyan);flex:1;align-items:center;gap:6px;font-size:15px;display:flex}.hero-flight-route i{border-top:1px dashed var(--border);flex:1;height:1px}.hero-panel-row{border-block:1px solid color-mix(in srgb, var(--border) 45%, transparent);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-block:9px;font-size:9px;display:flex}.hero-panel-row bdi{font-weight:400}.hero-bank-value{justify-content:space-between;align-items:end;gap:12px;margin-block:18px 6px;display:flex}.hero-bank-value>span{color:var(--muted);font-size:9px}.hero-bank-value strong{font-size:23px;font-weight:500}.hero-bank-chart{width:100%;height:38px;margin-bottom:10px;display:block}.hero-bank-chart path{stroke:var(--cyan);stroke-width:1.5px}.hero-bank-chart .hero-bank-chart-fill{stroke:none;fill:color-mix(in srgb, var(--cyan) 9%, transparent)}.hero-approval-steps,.hero-gateway-connection{gap:4px;display:flex}.hero-approval-steps i{background:var(--cyan);border-radius:3px;width:15px;height:4px}.hero-approval-steps i:last-child{background:var(--border)}.hero-operation-row{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);align-items:center;gap:9px;padding-block:10px;display:flex}.hero-operation-arrow{width:27px;height:27px;color:var(--cyan);background:var(--panel-row);border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.hero-operation-row>div{gap:3px;display:grid}.hero-operation-row>div strong{font-size:10px;font-weight:500;line-height:1.5}.hero-operation-row>div>span{color:var(--subtle);font-size:8px}.hero-operation-row>strong{margin-inline-start:auto;font-size:11px;font-weight:500}.hero-operation-amount{color:var(--lime)}.hero-gateway-strip{background:var(--panel-row);border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:9px 10px;display:flex}.hero-gateway-strip>svg{width:19px;height:19px;color:var(--cyan);flex-shrink:0}.hero-gateway-strip>span:nth-child(2){gap:2px;display:grid}.hero-gateway-strip strong{font-size:9px;font-weight:500}.hero-gateway-strip small{color:var(--muted);font-size:8px}.hero-gateway-connection{margin-inline-start:auto}.hero-gateway-connection i{background:var(--cyan);border-radius:3px;width:3px;height:12px}.hero-gateway-connection i:nth-child(2){align-self:end;height:8px}.hero-gateway-connection i:nth-child(3){align-self:end;height:4px}.hero-wallet-balance{gap:7px;margin-block:15px 17px;display:grid}.hero-wallet-balance>span{color:var(--muted);font-size:9px}.hero-wallet-balance strong{text-align:start;font-size:27px;font-weight:500}.hero-wallet-balance small{color:var(--muted);font-size:10px}.hero-wallet-tools{grid-template-columns:1fr 1fr 1.4fr;gap:8px;display:grid}.hero-wallet-tools>span{background:var(--panel-row);min-height:52px;color:var(--muted);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:8px;display:flex}.hero-wallet-tools svg{width:17px;height:17px;color:var(--cyan)}.hero-qr-pattern{border:1px solid var(--border);border-radius:3px;grid-template-columns:repeat(5,3px);gap:1px;padding:3px;display:grid}.hero-qr-pattern i{width:3px;height:3px}.hero-qr-pattern .is-ink{background:var(--text)}@media (max-width:1150px) and (min-width:761px){.hero-panel-flight{--panel-x:-310px;--panel-width:204px}.hero-panel-bank{--panel-x:310px;--panel-width:204px}.hero-panel-operations{--panel-x:-194px;--panel-width:310px}.hero-panel-wallet{--panel-x:188px;--panel-width:270px}}@media (max-width:900px) and (min-width:761px){.hero-panel-flight{--panel-x:-256px;--panel-y:38px;--panel-width:190px}.hero-panel-bank{--panel-x:256px;--panel-y:32px;--panel-width:190px}.hero-panel-compliance{--panel-width:246px}.hero-panel-operations{--panel-x:-164px;--panel-y:170px;--panel-width:294px}.hero-panel-wallet{--panel-x:170px;--panel-y:182px;--panel-width:250px}.hero-preview.hero-composition{height:370px}}@media (max-width:760px){.hero-preview.hero-composition{perspective:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;width:min(560px,100%);height:auto;margin-top:30px;display:grid}.hero-composition>.hero-panel{border-radius:14px;width:100%;min-width:0;margin:0;padding:12px;position:relative;inset:auto;rotate:none}.hero-panel-compliance{order:3;grid-column:1/-1}.hero-panel-flight{order:4}.hero-panel-bank{order:5}.hero-panel-operations{order:1}.hero-panel-wallet{order:2}.hero-panel-heading>strong{font-size:11px}.hero-panel-heading{gap:6px;min-height:38px}.hero-network{height:60px;margin-block:10px}}@media (max-width:480px){.hero-preview.hero-composition{gap:10px}.hero-operation-row{grid-template-columns:20px minmax(0,1fr);gap:5px 7px;padding-block:9px;display:grid}.hero-operation-arrow{grid-row:1/3;align-self:start;width:20px;height:20px;font-size:11px}.hero-operation-row>strong{grid-column:2;margin-inline-start:0;font-size:12px}.hero-operation-row>div strong{font-size:10px}.hero-operation-row>div>span{white-space:normal;font-size:7px;line-height:1.6}.hero-gateway-strip{flex-wrap:wrap;gap:5px;padding:8px}.hero-gateway-strip>span:nth-child(2){flex:56px}.hero-gateway-strip>svg{width:15px;height:15px}.hero-gateway-connection{display:none}.hero-wallet-balance{gap:8px;margin-block:18px}.hero-wallet-balance strong{font-size:21px}.hero-wallet-balance small{font-size:8px}.hero-wallet-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.hero-wallet-tools>span{min-width:0;min-height:60px;padding:5px 2px;font-size:8px;line-height:1.6}.hero-wallet-tools svg{width:15px;height:15px}.hero-flight-route{gap:5px;margin-block:14px;font-size:18px}.hero-flight-route>span{gap:3px;font-size:12px}.hero-panel-flight .hero-panel-row{gap:6px;font-size:9px;display:grid}.hero-bank-value{flex-direction:column;align-items:start;gap:8px;margin-block:14px 8px}.hero-bank-value strong{font-size:21px}.hero-bank-chart{height:32px;margin-bottom:8px}.hero-panel-bank .hero-panel-caption{flex-wrap:wrap;gap:6px}}@media (orientation:landscape) and (max-height:560px){.hero-preview.hero-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(680px,100%);height:auto;display:grid}.hero-composition>.hero-panel{width:100%;max-width:100%;margin:0;position:relative;inset:auto;rotate:none}.hero-panel-compliance{order:3;grid-column:1/-1;justify-self:center;width:min(330px,100%)!important}.hero-panel-operations,.hero-panel-wallet{grid-column:auto;width:100%!important}.hero-panel-operations{order:1}.hero-panel-wallet{order:2}.hero-panel-flight,.hero-panel-bank{width:100%}.hero-panel-flight{order:4}.hero-panel-bank{order:5}}
}

@layer experience {
.product-illustration{--object-metal:color-mix(in srgb, var(--cyan) 42%, var(--surface));--object-dark:color-mix(in srgb, var(--cyan) 12%, var(--surface-soft));--object-edge:color-mix(in srgb, var(--cyan) 45%, var(--border));--object-highlight:color-mix(in srgb, var(--cyan) 45%, #fff);perspective:700px;place-items:center;width:100%;height:168px;display:grid;position:relative;overflow:visible}.product-object-stage{width:168px;height:150px;transform-style:preserve-3d;position:relative}.product-object-shadow{background:radial-gradient(#00000030,#0000 70%);border-radius:50%;width:124px;height:22px;position:absolute;bottom:3px;transform:rotate(-12deg)}.product-illustration .brand-mark{background:var(--object-highlight);width:20px;height:22px}.object-phone,.object-receipt,.object-ledger-book{background:linear-gradient(145deg, var(--object-highlight), var(--object-metal) 45%, var(--object-dark));border:1px solid var(--object-edge);box-shadow:inset 1px 1px 2px #ffffff35, inset -2px -2px 4px #0002, 6px 8px 0 var(--object-dark), 8px 10px 0 var(--object-edge)}.object-phone{border-radius:17px;width:82px;height:142px;padding:5px;position:absolute;top:1px;left:45px;transform:rotateX(14deg)rotateY(-25deg)rotate(12deg)}.object-phone-screen{background:var(--surface-soft);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:12px;height:100%;padding:8px;position:relative;overflow:hidden}.object-phone-speaker{background:var(--border);border-radius:2px;width:18px;height:3px;margin:-2px auto 11px;display:block}.object-phone-screen .brand-mark{width:17px;height:19px}.object-phone-balance{gap:4px;margin-block:8px;display:grid}.object-phone-balance i{background:var(--subtle);opacity:.5;border-radius:2px;width:25px;height:3px}.object-phone-balance i+i{background:var(--lime);opacity:.9;width:41px;height:5px}.object-phone-apps{grid-template-columns:repeat(3,1fr);gap:5px;margin-block:11px;display:grid}.object-phone-apps i{background:color-mix(in srgb, var(--cyan) 24%, var(--surface));border:1px solid var(--object-edge);border-radius:4px;height:12px}.object-phone-apps i:nth-child(2){background:color-mix(in srgb, var(--lime) 36%, var(--surface))}.object-phone-row{border-top:1px solid var(--border);gap:4px;padding-top:8px;display:flex}.object-phone-row i{background:var(--subtle);border-radius:50%;width:5px;height:5px}.object-phone-row i:first-child{background:var(--cyan);margin-inline-end:auto}.object-bank{width:140px;height:133px;transform-style:preserve-3d;position:absolute;top:11px;left:12px;transform:rotateX(13deg)rotateY(-20deg)rotate(-6deg)}.object-bank-roof{clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%);background:linear-gradient(145deg, var(--object-highlight), var(--object-metal) 50%, var(--object-dark));border-bottom:5px solid var(--object-edge);place-items:center;width:140px;height:53px;padding-top:12px;display:grid;position:absolute;top:0}.object-bank-roof .brand-mark{background:var(--surface-soft);width:15px;height:17px}.object-bank-columns{justify-content:space-between;gap:13px;display:flex;position:absolute;inset:53px 15px 19px}.object-bank-columns i{background:linear-gradient(90deg, var(--object-dark), var(--object-metal) 30%, var(--object-highlight) 56%, var(--object-metal));width:18px;box-shadow:3px 0 0 var(--object-edge);border-radius:2px;position:relative}.object-bank-columns i:before,.object-bank-columns i:after{content:"";background:var(--object-highlight);border-bottom:2px solid var(--object-edge);width:24px;height:5px;position:absolute;left:-3px}.object-bank-columns i:before{top:0}.object-bank-columns i:after{bottom:0}.object-bank-step{background:linear-gradient(180deg, var(--object-highlight), var(--object-metal));border-bottom:4px solid var(--object-dark);height:11px;box-shadow:4px 3px 0 var(--object-edge);border-radius:2px;position:absolute;inset:auto -3px 0}.object-bank-step-back{inset-inline:4px;height:8px;bottom:11px}.object-receipt{clip-path:polygon(0 0,100% 0,100% 100%,90% 95%,80% 100%,70% 95%,60% 100%,50% 95%,40% 100%,30% 95%,20% 100%,10% 95%,0 100%);border-radius:3px 3px 0 0;width:98px;height:134px;padding:12px 13px;position:absolute;top:3px;left:36px;transform:rotateX(14deg)rotateY(-26deg)rotate(12deg)}.object-receipt .brand-mark{background:var(--surface-soft);width:14px;height:16px}.object-receipt-rule{background:var(--surface-soft);opacity:.5;height:1px;margin-block:8px 10px}.object-receipt-lines{gap:8px;display:grid}.object-receipt-lines>span{justify-content:space-between;gap:8px;display:flex}.object-receipt-lines i{background:var(--surface-soft);opacity:.65;border-radius:1px;width:28px;height:3px}.object-receipt-lines i+i{width:12px}.object-receipt-total{border-top:1px solid var(--object-dark);justify-content:space-between;margin-block:10px;padding-top:8px;display:flex}.object-receipt-total i{background:var(--surface-soft);width:18px;height:4px}.object-receipt-total i+i{width:27px}.object-receipt-code{justify-content:center;gap:3px;display:flex}.object-receipt-code i{background:var(--surface-soft);width:2px;height:11px}.object-receipt-code i:nth-child(3n){width:4px}.object-shield{width:116px;height:140px;transform-style:preserve-3d;position:absolute;top:1px;left:27px;transform:rotateX(9deg)rotateY(-21deg)rotate(10deg)}.object-shield svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.object-shield-back{fill:var(--object-dark);stroke:var(--object-edge);stroke-width:2px;transform:translate(7px,5px)}.object-shield-front{fill:var(--object-metal);stroke:var(--object-highlight);stroke-width:2px;filter:drop-shadow(-1px -1px 1px #ffffff26)}.object-shield-inset{fill:var(--object-dark);stroke:var(--object-edge);stroke-width:1px}.object-shield-front .object-shield-check{fill:none;stroke:var(--lime);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.object-shield-chip{gap:4px;display:flex;position:absolute;top:92px;left:37px;transform:translateZ(5px)}.object-shield-chip i{background:var(--object-edge);border-radius:2px;width:10px;height:3px}.object-chart{width:152px;height:125px;transform-style:preserve-3d;position:absolute;top:15px;left:7px;transform:rotateX(13deg)rotateY(-24deg)rotate(-5deg)}.object-chart-grid{border-inline-start:1px solid var(--object-edge);border-bottom:1px solid var(--object-edge);flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:0 6px 17px}.object-chart-grid i{background:var(--border);opacity:.4;height:1px}.object-chart-bars{align-items:end;gap:14px;height:99px;display:flex;position:absolute;bottom:14px;left:18px}.object-chart>svg{fill:none;width:140px;height:102px;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:-4px 0 auto;transform:translateZ(13px)}.object-chart-base{background:linear-gradient(180deg, var(--object-highlight), var(--object-dark));height:12px;box-shadow:3px 4px 0 var(--object-edge);border-radius:3px;position:absolute;inset:auto 0 2px}.object-ledger{width:119px;height:139px;transform-style:preserve-3d;position:absolute;top:1px;left:22px;transform:rotateX(16deg)rotateY(-27deg)rotate(-12deg)}.object-ledger-book{border-radius:4px 8px 8px 4px;width:97px;height:122px;position:absolute;top:3px;left:12px}.object-ledger-book-back{background:var(--object-dark);transform:translate(12px,14px)}.object-ledger-book-middle{background:color-mix(in srgb, var(--text) 65%, var(--surface));transform:translate(5px,7px)}.object-ledger-book-front{padding:17px 15px 15px 22px}.object-ledger-spine{background:var(--object-dark);border-right:1px solid var(--object-edge);width:12px;position:absolute;inset:0 auto 0 0;box-shadow:inset 3px 0 1px #ffffff12}.object-ledger-book .brand-mark{background:var(--surface-soft);width:21px;height:24px}.object-ledger-lines{gap:7px;margin-top:17px;display:grid}.object-ledger-lines i{background:var(--surface-soft);opacity:.65;border-radius:1px;width:45px;height:3px}.object-ledger-lines i:last-child{width:30px}.object-ledger-tab{background:var(--lime);width:12px;height:34px;box-shadow:2px 1px 0 color-mix(in srgb, var(--lime) 60%, var(--surface));border-radius:1px 1px 3px 3px;position:absolute;top:9px;right:3px}.object-team{width:154px;height:144px;transform-style:preserve-3d;position:absolute;top:0;left:7px;transform:rotateX(12deg)rotateY(-17deg)rotate(7deg)}.object-team-orbit{border:1px solid var(--object-edge);border-radius:50%;position:absolute;inset:25px -1px 12px;transform:rotateX(48deg)}.object-team-person{width:45px;height:87px;transform-style:preserve-3d;position:absolute;top:18px;left:54px}.object-team-person>i{background:radial-gradient(circle at 30% 20%, var(--object-highlight), var(--object-metal) 50%, var(--object-dark));width:29px;height:29px;box-shadow:4px 3px 0 var(--object-edge);border-radius:50%;position:absolute;top:0;left:9px}.object-team-person>span{background:linear-gradient(120deg, var(--object-highlight), var(--object-metal) 40%, var(--object-dark));width:47px;height:50px;box-shadow:5px 4px 0 var(--object-edge);border:1px solid var(--object-edge);border-radius:24px 24px 7px 7px;position:absolute;bottom:0;left:0}.object-team-person-back{top:13px;left:19px;scale:.78}.object-team-person-side{top:25px;left:93px;scale:.78}.object-team-person-front{z-index:2;top:41px}.object-team-person-front>i{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--lime) 60%, #fff), var(--lime), color-mix(in srgb, var(--lime) 50%, var(--surface)))}.object-team-base{background:linear-gradient(180deg, var(--object-metal), var(--object-dark));border:1px solid var(--object-edge);width:126px;height:18px;box-shadow:3px 4px 0 var(--object-dark);border-radius:50%;position:absolute;bottom:6px;left:19px}.object-gavel{width:148px;height:143px;transform-style:preserve-3d;position:absolute;top:0;left:10px;transform:rotateX(10deg)rotateY(-22deg)rotate(-7deg)}.object-gavel-tool{width:63px;height:123px;position:absolute;top:2px;left:44px;rotate:-39deg}.object-gavel-head{background:linear-gradient(180deg, var(--object-highlight), var(--object-metal) 42%, var(--object-dark));border:1px solid var(--object-edge);width:87px;height:39px;box-shadow:4px 3px 0 var(--object-dark);border-radius:9px;position:absolute;top:0;left:-14px}.object-gavel-head i{background:linear-gradient(90deg, var(--object-dark), var(--object-highlight), var(--object-metal));border:1px solid var(--object-edge);border-radius:5px;width:13px;height:42px;position:absolute;top:-2px;left:4px}.object-gavel-head i+i{left:auto;right:4px}.object-gavel-handle{background:linear-gradient(90deg, var(--object-dark), var(--object-highlight), var(--object-metal));border:1px solid var(--object-edge);width:15px;height:84px;box-shadow:3px 0 0 var(--object-dark);border-radius:3px 3px 9px 9px;position:absolute;top:34px;left:22px}.object-gavel-block{background:linear-gradient(180deg, var(--object-metal), var(--object-dark));border:1px solid var(--object-edge);width:108px;height:27px;box-shadow:2px 6px 0 var(--object-dark);border-radius:50%;position:absolute;bottom:1px;left:4px}.object-gavel-block i{border:1px solid var(--object-highlight);background:var(--object-metal);border-radius:50%;position:absolute;inset:3px 6px 7px}.products-section .product-card{isolation:isolate;background:radial-gradient(ellipse at 75% 12%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 62%), color-mix(in srgb, var(--surface) 76%, var(--bg));border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 18px 38px #00000018}.products-section .product-visual{isolation:auto;height:202px;position:relative;overflow:visible}.products-section .product-visual .product-illustration{pointer-events:none;height:270px;position:absolute;inset:-8px 0 auto}.products-section .product-copy{z-index:2;border:1px solid color-mix(in srgb, var(--border) 65%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--surface) 94%, transparent), var(--surface));border-radius:12px;margin:-14px 10px 10px;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff09,0 -8px 24px #00000009}.products-section .product-copy .eyebrow{margin-bottom:10px;font-size:9px}.products-section .product-copy h3{margin-bottom:10px;line-height:1.55}.products-section .product-copy p{margin-bottom:10px;line-height:1.8}.products-section .product-copy .text-link{min-height:44px;padding-block:10px;font-size:10px}.products-section .product-index{z-index:3;letter-spacing:.06em;top:14px;bottom:auto;left:16px}.product-object-stage{z-index:1;position:absolute;top:30px;left:calc(50% - 84px);scale:1.23}.product-object-aura{background:radial-gradient(ellipse, color-mix(in srgb, var(--cyan) 11%, transparent), transparent 67%);pointer-events:none;border-radius:50%;position:absolute;inset:8% 4% 16%}.product-object-platform{border:1px solid color-mix(in srgb, var(--cyan) 27%, var(--border));background:linear-gradient(155deg, color-mix(in srgb, var(--cyan) 13%, var(--surface)), var(--surface-soft));width:170px;height:54px;box-shadow:0 5px 0 color-mix(in srgb, var(--cyan) 12%, var(--bg)), 0 6px 0 var(--border), 0 14px 20px #0000001a;border-radius:50%;position:absolute;bottom:55px;left:calc(50% - 85px);transform:rotateX(30deg)rotate(-10deg)}.product-object-platform i{border-radius:inherit;border:1px solid color-mix(in srgb, var(--cyan) 14%, var(--border));position:absolute;inset:6px 15px}.product-object-platform i+i{opacity:.45;border-style:dashed;inset:13px 30px}.product-object-shadow{width:154px;bottom:53px}.object-volume{--volume-width:80px;--volume-height:100px;--volume-depth:16px;width:var(--volume-width);height:var(--volume-height);transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.object-volume>.object-volume-face{border:1px solid var(--object-edge);background:linear-gradient(145deg, var(--object-highlight), var(--object-metal) 42%, var(--object-dark));backface-visibility:hidden;display:block;position:absolute;top:50%;left:50%;box-shadow:inset 1px 1px 2px #ffffff24}.object-volume .volume-front,.object-volume .volume-back{width:var(--volume-width);height:var(--volume-height)}.object-volume .volume-front{transform:translate(-50%, -50%) translateZ(calc(var(--volume-depth) / 2))}.object-volume .volume-back{transform:translate(-50%, -50%) rotateY(180deg) translateZ(calc(var(--volume-depth) / 2))}.object-volume .volume-left,.object-volume .volume-right{width:var(--volume-depth);height:var(--volume-height);background:linear-gradient(90deg, var(--object-dark), var(--object-metal))}.object-volume .volume-left{transform:translate(-50%, -50%) rotateY(-90deg) translateZ(calc(var(--volume-width) / 2))}.object-volume .volume-right{transform:translate(-50%, -50%) rotateY(90deg) translateZ(calc(var(--volume-width) / 2))}.object-volume .volume-top,.object-volume .volume-bottom{width:var(--volume-width);height:var(--volume-depth)}.object-volume .volume-top{transform:translate(-50%, -50%) rotateX(90deg) translateZ(calc(var(--volume-height) / 2))}.object-volume .volume-bottom{transform:translate(-50%, -50%) rotateX(-90deg) translateZ(calc(var(--volume-height) / 2))}.object-phone{transform-style:preserve-3d;box-shadow:none;background:0 0;border:0}.phone-chassis{--volume-width:82px;--volume-height:142px;--volume-depth:16px}.phone-chassis .volume-front,.phone-chassis .volume-back{border-radius:17px}.phone-chassis .volume-left,.phone-chassis .volume-right{border-radius:7px}.object-phone-screen{backface-visibility:hidden;height:auto;position:absolute;inset:5px;transform:translateZ(9px)}.object-phone-back{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0;transform:rotateY(180deg)translateZ(9px)}.object-phone-back>i{background:var(--object-dark);border:1px solid var(--object-highlight);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:12px}.object-phone-back>i+i{top:23px}.object-bank-roof{clip-path:none;transform-style:preserve-3d;background:0 0;border:0}.bank-roof-volume{--volume-width:140px;--volume-height:53px;--volume-depth:24px}.bank-roof-volume .volume-front,.bank-roof-volume .volume-back{clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%)}.bank-roof-volume .volume-left,.bank-roof-volume .volume-right,.bank-roof-volume .volume-top{display:none}.object-bank-roof>.brand-mark{position:relative;transform:translateZ(14px)}.object-bank-columns{transform-style:preserve-3d}.object-bank-column{width:18px;height:100%;transform-style:preserve-3d;display:block;position:relative}.object-bank-column .object-volume{--volume-width:18px;--volume-height:61px;--volume-depth:22px}.object-bank-column>i{border-radius:2px;width:24px;height:6px;position:absolute;top:0;left:-3px;transform:translateZ(12px)}.object-bank-column>i+i{top:auto;bottom:0}.object-bank-column>i:before,.object-bank-column>i:after{display:none}.object-bank-step{transform:translateZ(13px)}.object-bank-step-back{transform:translateZ(10px)}.object-receipt{clip-path:none;box-shadow:none;transform-style:preserve-3d;background:0 0;border:0}.receipt-paper{--volume-width:98px;--volume-height:134px;--volume-depth:8px}.receipt-paper .volume-front,.receipt-paper .volume-back{clip-path:polygon(0 0,100% 0,100% 100%,90% 95%,80% 100%,70% 95%,60% 100%,50% 95%,40% 100%,30% 95%,20% 100%,10% 95%,0 100%)}.receipt-paper .volume-bottom{display:none}.object-receipt>.brand-mark,.object-receipt>div{backface-visibility:hidden;position:relative;transform:translateZ(5px)}.object-shield-rim{fill:var(--object-dark);stroke:var(--object-edge);stroke-width:2px}.object-shield-back{backface-visibility:hidden;transform:rotateY(180deg)translateZ(10px)}.object-shield-front{backface-visibility:hidden;transform:translateZ(10px)}.object-shield-chip{transform:translateZ(12px)}.object-chart-bars{transform-style:preserve-3d}.object-chart-bar{--bar-height:31px;width:18px;height:var(--bar-height);transform-style:preserve-3d;display:block;position:relative}.object-chart-bar:nth-child(2){--bar-height:54px}.object-chart-bar:nth-child(3){--bar-height:72px}.object-chart-bar:nth-child(4){--bar-height:98px;--object-metal:var(--lime);--object-highlight:color-mix(in srgb, var(--lime) 65%, #fff);--object-dark:color-mix(in srgb, var(--lime) 40%, var(--surface))}.object-chart-bar .object-volume{--volume-width:18px;--volume-height:var(--bar-height);--volume-depth:23px}.object-chart-base{transform:translateZ(14px)}.object-chart>svg{transform:translateZ(27px)}.object-ledger-book{transform-style:preserve-3d}.object-ledger-book-back{transform:translate3d(12px,14px,-17px)}.object-ledger-book-middle{transform:translate3d(5px,7px,-8px)}.object-ledger-book-front{box-shadow:none;background:0 0;border:0}.ledger-cover{--volume-width:97px;--volume-height:122px;--volume-depth:14px}.ledger-cover .volume-front,.ledger-cover .volume-back{border-radius:4px 8px 8px 4px}.object-ledger-book-front>.brand-mark,.object-ledger-book-front>.object-ledger-lines{backface-visibility:hidden;position:relative;transform:translateZ(8px)}.object-ledger-spine{transform:translateZ(9px)}.object-ledger-tab{transform:translateZ(10px)}.object-team-person>i{transform:translateZ(14px)}.object-team-person>span{transform-style:preserve-3d;box-shadow:none;background:0 0;border:0}.object-team-person>span .object-volume{--volume-width:47px;--volume-height:50px;--volume-depth:22px}.object-team-person .volume-front,.object-team-person .volume-back{border-radius:24px 24px 7px 7px}.object-gavel-tool{transform-style:preserve-3d}.object-gavel-head,.object-gavel-handle{transform-style:preserve-3d;box-shadow:none;background:0 0;border:0}.gavel-head-volume{--volume-width:87px;--volume-height:39px;--volume-depth:32px}.gavel-head-volume .volume-front,.gavel-head-volume .volume-back{border-radius:9px}.gavel-handle-volume{--volume-width:15px;--volume-height:84px;--volume-depth:14px}.object-gavel-head>i{transform:translateZ(18px)}.object-gavel-block{transform:translateZ(7px)}@media (min-width:900px) and (min-height:700px) and (max-height:850px){.products-section[data-cinematic=true] .product-visual{height:176px}.products-section[data-cinematic=true] .product-visual .product-illustration{height:244px}.products-section[data-cinematic=true] .product-object-stage{top:20px;scale:1.08}.products-section[data-cinematic=true] .product-copy{padding:15px}.products-section[data-cinematic=true] .product-copy .eyebrow{margin-bottom:8px}.products-section[data-cinematic=true] .product-copy h3{margin-bottom:8px;font-size:15px}.products-section[data-cinematic=true] .product-copy p{margin-bottom:8px}.products-section[data-cinematic=true] .product-index{top:10px}}@media (max-width:640px){.product-illustration{height:250px}.product-object-stage{scale:1.08}.product-object-shadow{width:124px}.products-section .product-visual{height:202px}.products-section .product-visual .product-illustration{height:250px}.products-section .product-copy{margin-inline:8px;padding:16px}.product-object-platform{width:154px;bottom:39px;left:calc(50% - 77px)}}@media (prefers-reduced-motion:reduce){.product-illustration,.product-object-stage{transition:none}}
}

@layer experience {
.demo-journey{--demo-glass:color-mix(in srgb, var(--surface) 82%, transparent);--demo-line:color-mix(in srgb, var(--border) 70%, transparent);--demo-row:color-mix(in srgb, var(--text) 4%, transparent);--demo-readable:color-mix(in srgb, var(--surface) 97%, transparent);background:0 0}.demo-story{isolation:isolate;padding-block:92px;scroll-margin-top:120px;position:relative}.demo-story+.demo-story{border:0}.demo-stage{flex-direction:column;width:min(1120px,100% - 80px);margin-inline:auto;display:flex;position:relative}.demo-kicker{color:var(--muted);align-items:center;gap:14px;margin-bottom:26px;font-size:11px;line-height:1.7;display:flex}.demo-kicker>.mono{color:var(--cyan);font-size:9px}.demo-composition{perspective:1200px;isolation:isolate;order:1;width:min(1040px,100%);height:365px;margin-inline:auto;position:relative}.demo-browser{z-index:1;border:1px solid var(--demo-line);background:linear-gradient(145deg, #ffffff09, transparent 56%), color-mix(in srgb, var(--surface) 24%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;width:62%;box-shadow:inset 0 1px 1px #ffffff20, inset 1px 0 0 #ffffff08, 0 4px 0 color-mix(in srgb, var(--border) 45%, var(--surface-soft)), 0 5px 0 color-mix(in srgb, var(--border) 70%, transparent), 0 24px 68px #00000024;border-radius:14px;position:absolute;top:24px;left:19%;overflow:hidden}.demo-browser:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff08;position:absolute;inset:0}.demo-window-bar{border-bottom:1px solid var(--demo-line);min-height:30px;color:var(--text);background:color-mix(in srgb, var(--surface) 76%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:8px;padding:8px 12px;font-size:8px;display:flex}.demo-window-bar>.mono{font-size:8px}.demo-window-bar>span:last-child{margin-inline-start:auto;font-size:8px}.window-controls{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.window-controls i{background:var(--border);border-radius:50%;width:5px;height:5px}.window-controls i:last-child{background:var(--lime)}.demo-window-body{background:var(--demo-readable);min-height:250px;padding:16px 18px 18px}.demo-model-band{display:none}.demo-window-title{border-bottom:1px solid var(--demo-line);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:9px;display:flex}.demo-window-title .brand-mark{width:17px;height:19px}.demo-window-title>strong{font-size:11px;font-weight:700}.demo-sample-label{color:var(--muted);margin-inline-start:auto;font-size:8px}.showcase-task-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.showcase-task-column{border:1px solid var(--demo-line);background:var(--demo-row);border-radius:9px;min-width:0;padding:9px}.showcase-task-column h4{align-items:center;gap:6px;margin-bottom:10px;font-size:9px;font-weight:500;display:flex}.showcase-task-column h4>.mono{color:var(--subtle);margin-inline-start:auto;font-size:8px}.showcase-task-column h4 .status-dot{width:4px;height:4px}.showcase-task-column:nth-child(2) .status-dot{background:var(--cyan)}.showcase-task-column:nth-child(3) .status-dot{background:var(--subtle)}.showcase-task{border:1px solid var(--demo-line);background:var(--surface);border-radius:7px;margin-top:7px;padding:9px}.showcase-task>.mono{color:var(--subtle);font-size:8px}.showcase-task p{color:var(--text);margin-block:7px 10px;font-size:9px;line-height:1.65}.showcase-task>div{color:var(--subtle);justify-content:space-between;align-items:center;font-size:8px;display:flex}.showcase-avatar{border:1px solid var(--demo-line);background:var(--surface-soft);width:17px;height:17px;color:var(--muted);border-radius:50%;place-items:center;font-size:7px;display:grid}.showcase-toolbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-block:-6px 11px;font-size:8px;line-height:1.4;display:flex}.showcase-toolbar>span{align-items:center;gap:5px;display:inline-flex}.showcase-toolbar>span:last-child{margin-inline-start:auto}.showcase-toolbar svg{color:var(--cyan);flex-shrink:0}.showcase-task-meta>.mono{color:var(--subtle);font-size:8px}.task-priority{align-items:center;gap:4px;font-size:7px;line-height:1.4;display:inline-flex}.task-priority:before{content:"";background:var(--cyan);border-radius:50%;block-size:3px;inline-size:3px}.task-priority-0:before{background:var(--lime)}.showcase-task-owner>span:first-child{align-items:center;gap:4px;min-width:0;display:inline-flex}.showcase-task-owner>span:first-child>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-inline-size:64px;color:var(--muted);font-size:7px;overflow:hidden}.showcase-task>.showcase-task-progress{background:var(--border);border-radius:99px;block-size:3px;margin-top:7px;display:block;overflow:hidden}.showcase-task-progress i{background:var(--cyan);block-size:100%;display:block}.showcase-task-column:last-child .showcase-task-progress i{background:var(--lime)}.demo-support-card{z-index:2;border:1px solid var(--demo-line);background:linear-gradient(140deg, #ffffff0b, transparent 55%), var(--demo-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 1px #ffffff20, 0 3px 0 color-mix(in srgb, var(--border) 40%, var(--surface-soft)), 0 18px 46px #00000024;border-radius:13px;padding:14px 15px;position:absolute}.demo-support-one{width:220px;top:62px;left:-18px;rotate:-4deg}.demo-support-two{width:174px;top:6px;right:-18px;rotate:3deg}.demo-support-three{width:220px;bottom:4px;right:-18px;rotate:4deg}.demo-support-card h4{margin-bottom:13px;font-size:10px;font-weight:700;line-height:1.5}.demo-support-card>strong{text-align:start;margin-bottom:14px;font-size:25px;font-weight:500;line-height:1.2;display:block}.demo-support-card>strong small,.demo-support-card>p{color:var(--muted);font-size:9px}.approval-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:6px;display:grid}.approval-track>span{color:var(--muted);justify-items:center;gap:8px;font-size:9px;display:grid;position:relative}.approval-track>span:not(:last-child):after{content:"";top:5px;background:var(--border);width:calc(100% - 10px);height:1px;position:absolute;inset-inline-start:calc(50% + 8px)}.approval-track i{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:50%;width:11px;height:11px;position:relative}.approval-track .step-complete{background:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 0 0 3px var(--surface)}.showcase-ring{width:82px;height:82px;margin:0 auto 10px;position:relative}.showcase-ring svg{fill:none;width:100%;height:100%;stroke:var(--border);stroke-width:5px;display:block;rotate:-90deg}.showcase-ring svg circle+circle{stroke:var(--lime);stroke-linecap:round}.showcase-ring>strong{place-items:center;font-size:20px;font-weight:500;display:grid;position:absolute;inset:0}.demo-support-two>p{text-align:center}.workload-bars{gap:10px;display:grid}.workload-bars>div{color:var(--muted);gap:5px;font-size:9px;display:grid}.workload-bars i{background:var(--cyan);border-radius:3px;height:4px;display:block}.workload-bars>div:nth-child(2) i{background:var(--lime)}.workload-bars>div:nth-child(3) i{background:var(--subtle)}.showcase-fx-board{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:12px;display:grid}.showcase-fx-board>div:first-child{border:1px solid var(--demo-line);background:var(--demo-row);border-radius:9px;min-width:0;padding:14px 12px 10px}.showcase-fx-board>div:first-child>span{color:var(--muted);font-size:9px;display:block}.showcase-fx-board>div:first-child>strong{text-align:start;margin-block:6px 7px;font-size:27px;font-weight:500;line-height:1.2;display:block}.showcase-fx-board small{color:var(--subtle);font-size:8px;display:block}.showcase-sparkline{width:100%;height:64px;margin-block:4px 8px;display:block;overflow:visible}.showcase-sparkline path{stroke:var(--cyan);stroke-width:1.8px;stroke-linejoin:round}.showcase-sparkline .sparkline-baseline{stroke:var(--border);stroke-width:.7px}.demo-support-one .showcase-sparkline{height:44px}.showcase-ticket{border:1px solid var(--demo-line);background:var(--surface-soft);border-radius:9px;padding:14px}.showcase-ticket>span:first-child{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.showcase-ticket>div{border-bottom:1px solid var(--demo-line);justify-content:space-between;align-items:center;gap:10px;padding-block:8px;display:flex}.showcase-ticket strong{font-size:19px;font-weight:500;line-height:1.2}.showcase-ticket>small{margin-top:6px}.showcase-fx-board .showcase-sparkline{height:36px;margin-block:4px 6px}.showcase-rate-purpose{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.5}.showcase-exchange-values>div{gap:3px;display:grid}.showcase-exchange-values>svg{color:var(--cyan);flex-shrink:0}.showcase-payment-steps{color:var(--muted);justify-content:space-between;align-items:center;gap:4px;margin:10px 0 0;padding:0;font-size:7px;list-style:none;display:flex}.showcase-payment-steps li{align-items:center;gap:3px;display:inline-flex}.showcase-payment-steps svg{flex-shrink:0;block-size:11px;inline-size:11px}.payment-step-done svg{color:var(--lime)}.showcase-ledger{border-top:1px solid var(--demo-line);color:var(--muted);margin-top:8px;padding-top:7px;font-size:8px}.showcase-ledger>div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.showcase-ledger>div>strong{color:var(--text);font-size:9px;font-weight:500}.showcase-ledger>div>span{align-items:center;gap:4px;display:inline-flex}.showcase-ledger>div svg{block-size:11px;inline-size:11px;color:var(--cyan)}.showcase-ledger table{table-layout:fixed;border-collapse:collapse;inline-size:100%;line-height:1.5}.showcase-ledger th,.showcase-ledger td{text-align:end;padding-block:2px;font-weight:400}.showcase-ledger th:first-child{text-align:start;inline-size:44%}.showcase-ledger tbody td{color:var(--text)}.showcase-ledger tbody tr{border-top:1px solid var(--demo-line)}.showcase-runway-trend{border-top:1px solid var(--demo-line);color:var(--muted);margin-top:11px;padding-top:7px;font-size:8px}.showcase-runway-trend>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.showcase-runway-trend strong{color:var(--text);font-weight:500}.showcase-runway-trend>svg{block-size:38px;inline-size:100%;margin-block:6px 0;display:block}.runway-baseline{stroke:var(--border);stroke-width:.6px;stroke-dasharray:3 3}.runway-trend-line{stroke:var(--cyan);stroke-width:1.25px;stroke-linejoin:round}.showcase-runway-trend circle{fill:var(--lime)}.runway-times{justify-content:space-between;font-size:7px;display:flex}.ticket-arrow{border:1px solid var(--demo-line);text-align:center;width:22px;height:22px;color:var(--cyan);border-radius:50%;margin:5px auto;font-size:12px;display:block}.settlement-queue{gap:8px;display:grid}.settlement-queue>div{border:1px solid var(--demo-line);color:var(--muted);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px;font-size:9px;display:flex}.queue-complete{color:var(--lime)}.reconciliation-value{justify-content:space-between;align-items:center;gap:10px;display:flex}.reconciliation-value strong{font-size:21px;font-weight:500}.reconciliation-value>span{color:var(--muted);font-size:9px}.reconciliation-bars{align-items:end;gap:7px;height:58px;margin-top:10px;display:flex}.reconciliation-bars i{background:var(--cyan);border-radius:3px 3px 0 0;flex:1;display:block}.reconciliation-bars i:nth-child(3n){background:var(--lime)}.showcase-flight-board{gap:9px;display:grid}.showcase-flight-board>div{border:1px solid var(--demo-line);background:var(--demo-row);color:var(--muted);border-radius:7px;grid-template-columns:.8fr 1.4fr .4fr .8fr;align-items:center;gap:12px;padding:11px 12px;font-size:10px;display:grid}.showcase-flight-board>div>span:first-child{color:var(--cyan)}.showcase-flight-board>div>span:nth-child(3){color:var(--subtle);font-size:9px}.flight-status{text-align:end;font-size:9px}.flight-status-0,.flight-status-1{color:var(--lime)}.showcase-runway{color:var(--cyan);align-items:center;gap:16px;padding:16px 32px 0;font-size:19px;display:flex}.showcase-runway i{border-top:1px dashed var(--border);flex:1;height:1px}.showcase-runway>svg{flex-shrink:0;width:24px;height:24px;transform:rotate(90deg)}.showcase-sculpture{--sculpture-metal:color-mix(in srgb, var(--cyan) 63%, var(--surface));--sculpture-dark:color-mix(in srgb, var(--cyan) 22%, var(--surface-soft));--sculpture-edge:color-mix(in srgb, var(--cyan) 40%, var(--border));--sculpture-highlight:color-mix(in srgb, var(--cyan) 56%, #fff);z-index:0;perspective:1000px;pointer-events:none;opacity:.85;width:400px;height:360px;position:absolute;top:-25px;left:-150px}.showcase-sculpture-coin{--sculpture-metal:color-mix(in srgb, var(--lime) 65%, var(--surface));--sculpture-dark:color-mix(in srgb, var(--lime) 28%, var(--surface-soft));--sculpture-edge:color-mix(in srgb, var(--lime) 50%, var(--border));--sculpture-highlight:color-mix(in srgb, var(--lime) 65%, #fff);width:420px;top:-24px;left:auto;right:-190px}.showcase-sculpture-plane{width:440px;top:-40px;left:-165px}.showcase-sculpture-stage{width:300px;height:270px;transform-style:preserve-3d;position:absolute;top:calc(50% - 135px);left:calc(50% - 150px)}.showcase-sculpture-aura{background:radial-gradient(ellipse, color-mix(in srgb, var(--sculpture-metal) 13%, transparent), transparent 65%);border-radius:50%;position:absolute;inset:0}.showcase-sculpture-shadow{background:radial-gradient(#00000020,#0000 68%);border-radius:50%;width:70%;height:38px;position:absolute;bottom:15px;left:15%}.showcase-solid{--solid-width:240px;--solid-height:168px;--solid-depth:22px;width:var(--solid-width);height:var(--solid-height);transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase-solid-face{border:1px solid var(--sculpture-edge);background:linear-gradient(145deg, var(--sculpture-highlight), var(--sculpture-metal) 38%, var(--sculpture-dark));backface-visibility:hidden;display:block;position:absolute;top:50%;left:50%;box-shadow:inset 1px 1px 2px #ffffff3a}.showcase-solid .solid-front,.showcase-solid .solid-back{width:var(--solid-width);height:var(--solid-height)}.showcase-solid .solid-front{transform:translate(-50%, -50%) translateZ(calc(var(--solid-depth) / 2))}.showcase-solid .solid-back{transform:translate(-50%, -50%) rotateY(180deg) translateZ(calc(var(--solid-depth) / 2))}.showcase-solid .solid-left,.showcase-solid .solid-right{width:var(--solid-depth);height:var(--solid-height);background:linear-gradient(90deg, var(--sculpture-dark), var(--sculpture-metal))}.showcase-solid .solid-left{transform:translate(-50%, -50%) rotateY(-90deg) translateZ(calc(var(--solid-width) / 2))}.showcase-solid .solid-right{transform:translate(-50%, -50%) rotateY(90deg) translateZ(calc(var(--solid-width) / 2))}.showcase-solid .solid-top,.showcase-solid .solid-bottom{width:var(--solid-width);height:var(--solid-depth)}.showcase-solid .solid-top{transform:translate(-50%, -50%) rotateX(90deg) translateZ(calc(var(--solid-height) / 2))}.showcase-solid .solid-bottom{transform:translate(-50%, -50%) rotateX(-90deg) translateZ(calc(var(--solid-height) / 2))}.sculpture-kanban{width:240px;height:168px;transform-style:preserve-3d;position:absolute;top:32px;left:30px;transform:rotateX(14deg)rotateY(24deg)rotate(-16deg)}.kanban-body .solid-front,.kanban-body .solid-back{border-radius:9px}.sculpture-kanban-front{background:var(--surface-soft);border:1px solid var(--sculpture-edge);backface-visibility:hidden;border-radius:6px;padding:12px;position:absolute;inset:8px;transform:translateZ(12px)}.sculpture-kanban-top{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:10px;display:flex}.sculpture-kanban-top .brand-mark{width:16px;height:18px}.sculpture-kanban-top>i{background:var(--subtle);opacity:.5;border-radius:3px;width:42px;height:4px}.sculpture-kanban-top>i+i{background:var(--cyan);opacity:1;width:14px;margin-left:auto}.sculpture-kanban-lanes{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.sculpture-kanban-lanes>div{border:1px solid var(--border);border-radius:5px;padding:7px}.sculpture-kanban-lanes>div>span{background:var(--cyan);border-radius:2px;width:28px;height:3px;margin-bottom:8px;display:block}.sculpture-kanban-lanes>div:nth-child(2)>span{background:var(--lime)}.sculpture-kanban-lanes i{border:1px solid var(--sculpture-edge);background:linear-gradient(135deg, var(--surface), var(--surface-soft));border-radius:3px;height:17px;margin-top:6px;display:block;box-shadow:1px 2px #00000013}.sculpture-kanban-lanes i:nth-child(3){height:11px}.sculpture-kanban-back{backface-visibility:hidden;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0;transform:rotateY(180deg)translateZ(12px)}.sculpture-kanban-back .brand-mark{background:var(--sculpture-dark);width:42px;height:46px}.sculpture-kanban-back>i{background:var(--sculpture-dark);opacity:.6;border-radius:3px;width:74px;height:3px}.sculpture-kanban-back>i+i{width:48px}.sculpture-kanban-ticket{width:84px;height:62px;transform-style:preserve-3d;position:absolute;top:114px;left:170px;transform:translateZ(40px)rotate(14deg)}.kanban-ticket-body{--solid-width:84px;--solid-height:62px;--solid-depth:10px}.kanban-ticket-body .solid-front,.kanban-ticket-body .solid-back{border-radius:5px}.sculpture-kanban-ticket>span:not(.showcase-solid){border:3px solid var(--lime);border-radius:50%;width:16px;height:16px;position:absolute;top:12px;left:12px;transform:translateZ(6px)}.sculpture-kanban-ticket>i{background:var(--sculpture-dark);width:32px;height:3px;position:absolute;top:18px;left:36px;transform:translateZ(6px)}.sculpture-kanban-ticket>i+i{width:55px;top:36px;left:12px}.sculpture-coin{width:230px;height:230px;transform-style:preserve-3d;position:absolute;top:17px;left:35px;transform:rotateX(16deg)rotateY(30deg)rotate(10deg)}.sculpture-coin-front,.sculpture-coin-back,.sculpture-coin-rim{background:conic-gradient(from 210deg, var(--sculpture-highlight), var(--sculpture-metal) 45deg, var(--sculpture-dark) 110deg, var(--sculpture-highlight) 185deg, var(--sculpture-metal) 265deg, var(--sculpture-highlight));border:1px solid var(--sculpture-edge);box-shadow:inset 0 0 0 8px var(--sculpture-dark), inset 0 0 0 10px var(--sculpture-edge), inset 0 0 0 13px #ffffff12;border-radius:50%;position:absolute;inset:0}.sculpture-coin-front,.sculpture-coin-back{backface-visibility:hidden;place-items:center;display:grid}.sculpture-coin-front{transform:translateZ(15px)}.sculpture-coin-back{transform:rotateY(180deg)translateZ(15px)}.sculpture-coin-front .brand-mark,.sculpture-coin-back .brand-mark{background:var(--sculpture-dark);width:74px;height:82px;transform:translateZ(1px)}.sculpture-coin-front>i,.sculpture-coin-back>i{border:1px dashed color-mix(in srgb, var(--sculpture-dark) 70%, transparent);border-radius:50%;position:absolute;inset:25px}.sculpture-coin-side{background:linear-gradient(180deg, var(--sculpture-edge), var(--sculpture-dark), var(--sculpture-metal));border-radius:15px;position:absolute}.sculpture-coin .side-horizontal{height:30px;top:calc(50% - 15px);left:0;right:0;transform:rotateX(90deg)}.sculpture-coin .side-vertical{width:30px;top:0;bottom:0;left:calc(50% - 15px);transform:rotateY(90deg)}.sculpture-plane{width:300px;height:240px;transform-style:preserve-3d;position:absolute;top:20px;left:0;transform:rotateX(28deg)rotateY(-18deg)rotate(-35deg)}.sculpture-plane-layer,.sculpture-plane-front{width:100%;height:100%;fill:var(--sculpture-metal);stroke:var(--sculpture-edge);stroke-width:1.5px;position:absolute;inset:0;overflow:visible}.sculpture-plane-layer{fill:var(--sculpture-dark)}.sculpture-plane-front{stroke:var(--sculpture-highlight);transform:translateZ(10px)}.sculpture-plane-front .plane-wing-lines{fill:none;stroke:var(--sculpture-dark);stroke-width:1px}.sculpture-plane-fuselage{width:28px;height:195px;transform-style:preserve-3d;position:absolute;top:19px;left:136px}.plane-fuselage-body{--solid-width:28px;--solid-height:195px;--solid-depth:28px}.plane-fuselage-body .solid-front,.plane-fuselage-body .solid-back{border-radius:20px 20px 10px 10px}.plane-cockpit{background:var(--sculpture-dark);border:1px solid var(--sculpture-edge);border-radius:10px 10px 3px 3px;width:18px;height:12px;position:absolute;top:17px;left:5px;transform:translateZ(15px)}.plane-windows{gap:7px;display:grid;position:absolute;top:44px;left:3px;transform:translateZ(16px)}.plane-windows i{background:var(--sculpture-dark);border-radius:50%;width:3px;height:3px;display:block}.plane-engine{width:20px;height:48px;transform-style:preserve-3d;position:absolute;top:104px}.plane-engine-left{left:83px}.plane-engine-right{left:197px}.plane-engine-body{--solid-width:20px;--solid-height:48px;--solid-depth:20px}.plane-engine-body .solid-front,.plane-engine-body .solid-back{border-radius:8px}.plane-engine>i{background:var(--sculpture-dark);border-radius:50%;width:12px;height:5px;position:absolute;top:1px;left:4px;transform:translateZ(11px)}@media (max-width:899px),(orientation:portrait){.showcase-sculpture{opacity:.95;width:300px;height:180px;top:0;left:calc(50% - 150px)}.showcase-sculpture-coin{left:calc(50% - 150px);right:auto}.showcase-sculpture-plane{top:0;left:calc(50% - 150px)}.showcase-sculpture-stage{top:-58px;scale:.68}.demo-browser{background:linear-gradient(145deg, #ffffff09, transparent 56%), color-mix(in srgb, var(--surface) 20%, transparent)}.demo-model-band{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 12%, transparent), color-mix(in srgb, var(--surface) 24%, transparent) 70%, color-mix(in srgb, var(--surface) 66%, transparent));height:144px;display:block}}.traffic-radar{fill:none;width:100%;height:83px;stroke:var(--border);stroke-width:.8px}.traffic-radar path{stroke-dasharray:3 3}.traffic-radar circle{fill:var(--cyan);stroke:var(--cyan)}.traffic-radar circle:nth-last-child(2){fill:var(--lime);stroke:var(--lime)}.gate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.gate-grid>span{border:1px dashed var(--border);min-height:27px;color:var(--muted);border-radius:6px;place-items:center;font-family:ui-monospace,Consolas,monospace;font-size:9px;display:grid}.gate-grid>.gate-occupied{border-style:solid;border-color:color-mix(in srgb, var(--cyan) 55%, var(--border));background:color-mix(in srgb, var(--cyan) 9%, transparent);color:var(--cyan)}.demo-copy{z-index:3;order:2;grid-template-columns:minmax(0,1fr) auto;gap:10px 32px;max-width:1040px;margin:34px auto 0;display:grid;position:relative}.demo-copy h3{letter-spacing:-.025em;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.4}html[lang=ar] .demo-copy h3{letter-spacing:0;line-height:1.5}.demo-copy>p{grid-column:1;max-width:610px;font-size:13px;line-height:1.85}.demo-copy .text-link{white-space:nowrap;grid-area:1/2/3;align-self:center;min-height:44px;font-size:12px}.demo-illustrative{color:var(--muted);grid-column:1/-1;font-size:9px}.demo-story[data-cinematic=true]{height:180svh;padding:0;scroll-margin-top:0}.demo-story[data-cinematic=true] .demo-stage{flex-direction:column;justify-content:center;width:100%;height:100svh;min-height:700px;padding:100px 60px 28px;display:flex;position:sticky;top:0}.demo-story[data-cinematic=true] .demo-kicker{margin-inline:auto;width:min(1040px,100%);margin-bottom:20px}.demo-story[data-cinematic=true] .demo-composition{flex-shrink:0;height:365px}.demo-story-0[data-cinematic=true] .demo-composition{height:390px}.demo-story[data-cinematic=true] .demo-copy{width:min(1040px,100%);margin-top:22px}@media (max-width:1100px) and (min-width:761px){.demo-browser{width:70%;left:15%}.demo-support-one{width:160px;top:90px}.demo-support-two{width:154px;top:0;right:-18px}.demo-support-three{width:180px;bottom:-4px}.demo-support-card{padding:12px}.demo-support-card>strong{font-size:22px}.demo-window-body{padding:14px}.showcase-task-column{padding:7px}}@media (max-width:899px),(orientation:portrait){.demo-story,.demo-story[data-cinematic=true]{height:auto;padding-block:72px;scroll-margin-top:100px}.demo-stage,.demo-story[data-cinematic=true] .demo-stage{width:min(1120px,100% - 40px);height:auto;min-height:0;padding:0;display:block;position:relative;inset:auto}.demo-kicker{gap:10px;margin-bottom:22px;font-size:10px}.demo-composition,.demo-story[data-cinematic=true] .demo-composition{perspective:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;width:100%;height:auto;margin-top:12px;display:grid}.demo-browser{grid-column:1/-1;width:100%;position:relative;inset:auto}.demo-window-body{min-height:0;padding:14px}.demo-window-bar{gap:6px;padding:8px 10px}.demo-window-title{gap:7px}.demo-window-title>strong{font-size:11px}.demo-support-card{width:100%;padding:13px;position:relative;inset:auto;rotate:none}.demo-support-card>strong{font-size:23px}.demo-support-card h4{font-size:11px}.demo-support-card>p,.workload-bars>div,.settlement-queue>div,.reconciliation-value>span{font-size:10px}.demo-support-three{grid-column:1/-1;justify-self:center;width:min(260px,100%)}.showcase-task-board{gap:7px}.showcase-task-column{padding:7px}.showcase-task-column h4{flex-wrap:wrap;gap:4px;font-size:10px}.showcase-task{padding:7px}.showcase-task p{font-size:11px}.showcase-task-owner>span:first-child>span:last-child{font-size:8px}.showcase-toolbar,.showcase-ledger,.showcase-rate-purpose,.showcase-runway-trend{font-size:9px}.showcase-fx-board{gap:10px}.showcase-fx-board>div:first-child,.showcase-ticket{padding:11px}.showcase-flight-board>div{grid-template-columns:.75fr 1.1fr .3fr .8fr;gap:7px;padding:10px 8px;font-size:9px}.flight-status{font-size:10px}.demo-copy{margin-top:28px;display:block}.demo-copy h3{margin-bottom:12px;font-size:24px}.demo-copy>p{font-size:13px}.demo-copy .text-link{margin-block:8px}.demo-illustrative{display:block}.approval-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 3px}.approval-track>span{font-size:10px}.approval-track>span:nth-child(2):after{display:none}}@media (max-width:480px){.showcase-task-board{grid-template-columns:minmax(0,1fr);gap:10px}.showcase-task-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.showcase-task-column h4{grid-column:1/-1;margin-bottom:0}.showcase-task{margin-top:0}.showcase-fx-board{grid-template-columns:minmax(0,1fr)}.showcase-flight-board>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) auto;gap:6px;padding:10px;font-size:10px}.showcase-flight-board>div>span:nth-child(3){grid-area:2/1;font-size:10px}.showcase-flight-board .flight-status{grid-area:2/2/auto/-1}.demo-window-title{flex-wrap:wrap}.demo-sample-label{flex-basis:100%;margin-inline-start:0}}@media (max-width:360px){.demo-stage,.demo-story[data-cinematic=true] .demo-stage{width:calc(100% - 32px)}.demo-composition,.demo-story[data-cinematic=true] .demo-composition{gap:10px}.demo-window-body{padding:11px}.showcase-task-board{grid-template-columns:1fr;gap:10px}.showcase-task-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.showcase-task-column h4{grid-column:1/-1;margin-bottom:0}.showcase-task{margin-top:0}.showcase-fx-board{grid-template-columns:1fr}.demo-support-card{padding:11px}.demo-support-card>strong{font-size:21px}.approval-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 3px}.approval-track>span{font-size:9px}.approval-track>span:nth-child(2):after{display:none}.demo-window-bar>span:last-child{font-size:7px}}@media (orientation:landscape) and (max-height:560px){.demo-story[data-cinematic=true]{height:auto;padding-block:64px}.demo-story[data-cinematic=true] .demo-stage{width:min(1120px,100% - 64px);height:auto;min-height:0;padding:0;display:block;position:relative}}@media (prefers-reduced-motion:reduce){.demo-story[data-cinematic=true]{height:auto;padding-block:72px}.demo-story[data-cinematic=true] .demo-stage{height:auto;min-height:0;padding-block:0;position:relative}}
}

@layer experience {
.auto-scroll-control{display:none}@media (max-width:899px){.auto-scroll-control[data-ready=true]{z-index:85;inset-inline-end:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));border:1px solid var(--lime);background:var(--lime);block-size:48px;inline-size:48px;color:var(--bg);box-shadow:var(--shadow);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:border-color .18s,box-shadow .18s;display:inline-flex;position:fixed}.auto-scroll-control svg{flex-shrink:0}html[dir=rtl] .auto-scroll-control{inset-inline-end:max(16px, env(safe-area-inset-left))}.auto-scroll-control:hover,.auto-scroll-control:focus-visible,.auto-scroll-control[data-active=true]{border-color:var(--cyan)}.auto-scroll-control:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.auto-scroll-control[data-active=true]{box-shadow:0 0 0 4px color-mix(in srgb, var(--lime) 15%, transparent), var(--shadow)}.auto-scroll-control[data-finished=true]{opacity:.65;cursor:default}.site-footer{padding-block-end:calc(80px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.auto-scroll-control{transition:none}}
}

@layer experience {
.illustrative-counter{font-variant-numeric:tabular-nums;unicode-bidi:isolate;align-items:baseline;display:inline-flex}.counter-visual{text-align:end;font-variant-numeric:tabular-nums;display:inline-block}
}

@layer experience {
.language-disclosure{flex-shrink:0;block-size:44px;inline-size:44px;position:relative}.language-disclosure>summary{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;block-size:44px;inline-size:44px;padding:0;list-style:none}.language-disclosure>summary::-webkit-details-marker{display:none}.language-disclosure[open]>summary{border-color:var(--cyan)}.language-options{z-index:30;inline-size:184px;max-inline-size:calc(100vw - 48px);max-block-size:calc(100dvh - 118px - env(safe-area-inset-bottom));overscroll-behavior:contain;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;overflow-y:auto}.language-options a{text-align:start;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;min-block-size:44px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.language-options a:hover,.language-options a[aria-current=page]{background:color-mix(in srgb, var(--text) 6%, transparent)}.language-options svg{color:var(--cyan);flex-shrink:0}@media (max-width:640px){.site-header .header-controls{position:relative}.language-disclosure{position:static}}
}

@layer foundation{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101b26;--surface:#172936;--surface-soft:#13222e;--text:#f5f9fa;--muted:#b1c2ce;--subtle:#93aab9;--border:#415768;--cyan:#5bc8d5;--lime:#bdec3f;--star-color:#bbdce4;--star-opacity:.75;--on-accent:#152833;--shadow:0 22px 70px #0003;--radius:24px;--ease:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e4ebec;--surface:#f8fcfc;--surface-soft:#dbe5e7;--text:#152833;--muted:#465c6a;--subtle:#506774;--border:#9aacb6;--cyan:#006070;--lime:#526c0d;--star-color:#326979;--star-opacity:.5;--on-accent:#152833;--shadow:0 22px 70px #16303e12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,Almarai,sans-serif;line-height:1.65}html[lang=ar] body{font-family:Almarai,Plus Jakarta Sans,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:var(--cyan);color:var(--bg)}:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:800;line-height:1.35}h2{letter-spacing:-.035em;font-size:clamp(32px,4vw,52px)}html[lang=ar] h2{letter-spacing:0;line-height:1.5}h3{font-size:20px}p{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.container{width:min(1200px,100% - 80px);margin-inline:auto}.section{padding-block:112px;scroll-margin-top:10px}.eyebrow{color:var(--cyan);letter-spacing:.045em;align-items:center;gap:10px;margin-bottom:24px;font-size:12px;font-weight:700;display:flex}html[lang=ar] .eyebrow{letter-spacing:0;font-size:13px}.section-description{max-width:600px;margin-top:28px;font-size:17px;line-height:1.95}.button{border:1px solid var(--border);min-height:48px;transition:transform .18s var(--ease), background-color .18s, border-color .18s;border-radius:999px;justify-content:center;align-items:center;gap:16px;padding:12px 24px;font-size:13px;font-weight:700;display:inline-flex}.button:hover{border-color:var(--cyan);transform:translateY(-2px)}.button-primary{color:#152833;background:#5bc8d5;border-color:#5bc8d5;box-shadow:inset 0 1px #ffffff70}.button-primary:hover{background:#7cd6df}.button-primary:disabled{cursor:not-allowed;opacity:.65;transform:none}.button-ghost{background:var(--surface-soft)}.text-link{color:var(--cyan);align-items:center;gap:20px;padding-block:14px;font-size:14px;font-weight:700;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}[dir=rtl] .button>span,[dir=rtl] .text-link>span{transform:scaleX(-1)}.status-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:15px;font-weight:800;display:flex}.brand-mark{background:var(--cyan);flex-shrink:0;width:30px;height:33px;display:inline-block;-webkit-mask:url(/assets/brand/makasib-mark.svg) 50%/contain no-repeat;mask:url(/assets/brand/makasib-mark.svg) 50%/contain no-repeat}.site-header{top:24px;z-index:20;background:color-mix(in srgb, var(--bg) 85%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;justify-content:space-between;align-items:center;gap:24px;max-width:1472px;margin-inline:auto;padding:12px 18px;display:flex;position:fixed;inset-inline:24px}.main-navigation{align-items:center;gap:4px;display:flex}.main-navigation a{white-space:nowrap;border-radius:999px;padding:10px 8px;font-size:12px;transition:background .18s,color .18s}.main-navigation a:hover{background:var(--surface);color:var(--cyan)}.header-controls{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface-soft);border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;font-size:18px;transition:border-color .18s;display:flex}.icon-button:hover{border-color:var(--cyan)}.locale-switch{font-size:12px;font-weight:800}.header-cta{padding:10px 15px;font-size:12px}.menu-toggle,.theme-moon,[data-theme=light] .theme-sun{display:none}[data-theme=light] .theme-moon{display:inline}.skip-link{top:10px;z-index:100;background:var(--cyan);color:var(--bg);border-radius:8px;padding:12px 24px;position:fixed;inset-inline-start:20px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.hero{isolation:isolate;text-align:center;padding:170px 24px 36px;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:760px;margin-inline:auto;position:relative}.hero h1{letter-spacing:-.075em;font-size:clamp(80px,11.3vw,156px);line-height:1.2}html[lang=ar] .hero h1{letter-spacing:-.035em;font-size:clamp(84px,11.4vw,152px);line-height:1.18}.hero h1>span{color:var(--lime)}.hero-description{max-width:620px;margin:20px auto 28px;font-size:16px;line-height:1.95}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ambient-glow{background:radial-gradient(circle, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 65%);width:700px;height:700px;position:absolute;top:120px;left:50%;transform:translate(-50%)}.hero-preview{z-index:3;text-align:start;grid-template-columns:1fr 1.65fr 1fr;align-items:center;gap:18px;width:min(1080px,100%);margin:70px auto 0;display:grid;position:relative}.preview-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 95%, transparent);box-shadow:var(--shadow);border-radius:18px;padding:22px}.scroll-cue{color:var(--muted);align-items:center;gap:14px;margin-top:36px;padding:10px;font-size:11px;display:inline-flex;position:relative}.about-section{text-align:center}.about-section .eyebrow{justify-content:center}.about-section h2{max-width:780px;margin-inline:auto}.about-section .section-description{margin-inline:auto}.pillar-grid{text-align:start;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px;display:grid}.pillar-grid article{border-top:1px solid var(--border);padding-top:24px}.pillar-number{color:var(--cyan);margin-bottom:20px;font-size:12px;display:block}.pillar-grid h3{margin-bottom:14px;font-size:18px}.pillar-grid p{font-size:14px}.system-section,.services-section,.demos-section{background:var(--surface-soft);border-block:1px solid var(--border)}.why-section .section-description{margin-top:0}.section-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px;display:flex}.section-heading>div{max-width:660px}.section-heading>p{flex-shrink:0;max-width:360px;font-size:14px;line-height:1.9}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.service-card{background:var(--surface);border:1px solid var(--border);transition:transform .22s var(--ease), border-color .22s;border-radius:20px;padding:28px;position:relative}.service-card:after{content:"";background:var(--cyan);height:2px;transition:transform .22s;position:absolute;bottom:-1px;left:20%;right:20%;transform:scaleX(0)}.service-card:hover{border-color:var(--cyan);transform:translateY(-5px)}.service-card:hover:after{transform:scaleX(1)}.card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.card-top>.mono{color:var(--subtle);font-size:11px}.service-card h3{margin-bottom:12px;font-size:19px}.service-card p{font-size:13px;line-height:1.85}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.product-card{border:1px solid var(--border);background:var(--surface);transition:border-color .22s, transform .22s var(--ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--cyan);transform:translateY(-4px)}.product-visual{isolation:isolate;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--cyan) 13%, transparent), transparent 65%);border-bottom:1px solid var(--border);place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.product-visual:before{content:"";border:1px solid color-mix(in srgb, var(--cyan) 20%, transparent);border-radius:50%;width:210px;height:210px;position:absolute}.product-index{color:var(--subtle);font-size:9px;position:absolute;bottom:12px;left:16px}.product-copy{flex-direction:column;flex:1;padding:24px 22px;display:flex}.product-copy .eyebrow{margin-bottom:12px;font-size:10px}.product-copy h3{margin-bottom:14px;font-size:17px}.product-copy p{margin-bottom:16px;font-size:12px;line-height:1.85}.product-copy .text-link{margin-top:auto;font-size:11px}.contact-section{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.contact-section h2{font-size:clamp(32px,3.6vw,48px)}.contact-links{gap:18px;margin-top:36px;display:grid}.contact-links>a{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:4px 20px;padding-block:14px;display:grid}.contact-links>a>span:first-child{color:var(--muted);font-size:11px}.contact-links strong{text-align:start;grid-area:2/1;font-size:15px}.contact-links>a>span:last-child{color:var(--cyan);grid-area:1/2/3;align-self:center}.contact-links>p{align-items:center;gap:10px;font-size:13px;display:flex}.contact-form{border:1px solid var(--border);background:var(--surface);border-radius:24px;gap:18px;padding:28px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form label{gap:8px;font-size:12px;font-weight:700;display:grid}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-width:0;min-height:46px;color:var(--text);border-radius:10px;padding:12px;font-size:16px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.contact-form p{font-size:12px;line-height:1.85}.contact-form .form-privacy{font-size:11px}.honeypot{display:none}.site-footer{background:var(--surface-soft);border-top:1px solid var(--border)}.footer-main{justify-content:space-between;align-items:start;gap:40px;padding-block:48px;display:flex}.footer-main p{max-width:240px;margin-top:20px;font-size:12px}.footer-main nav{grid-template-columns:1fr 1fr;gap:14px 50px;font-size:12px;display:grid}.footer-main nav a:hover{color:var(--cyan)}.footer-bottom{color:var(--subtle);border-top:1px solid var(--border);justify-content:space-between;gap:20px;padding-block:20px;font-size:10px;display:flex}.hero-preview{animation:enter .8s var(--ease) .1s both}@keyframes enter{0%{opacity:.4;translate:0 18px}to{opacity:1;translate:0}}@media (min-width:1400px){.hero{padding-top:180px}.hero-preview{margin-top:86px}}@media (max-width:1200px){.site-header{gap:12px}.main-navigation a{padding:10px 6px;font-size:11px}.header-cta{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-section{gap:40px}}@media (max-width:1000px){.site-header{border-radius:30px}.main-navigation{display:none}.main-navigation.is-open{top:calc(100% + 10px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:stretch;padding:16px;display:flex;position:absolute;inset-inline:0}.main-navigation a{padding:14px 18px;font-size:14px}.menu-toggle{display:flex}.hero-preview{grid-template-columns:1fr 1.5fr;max-width:800px}.service-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-direction:column;align-items:start;gap:20px}.section-heading>p{flex-shrink:1;max-width:600px}.contact-section{grid-template-columns:1fr}.contact-section>div{max-width:650px}.contact-form{width:100%;max-width:700px}}@media (max-width:640px){.container{width:calc(100% - 40px)}.section{padding-block:72px}.site-header{top:16px;gap:8px;padding:10px 12px;inset-inline:16px}.brand{gap:8px;font-size:12px}.brand-mark{width:23px;height:26px}.header-controls{gap:6px}.icon-button{background:0 0;border:0;min-width:44px;min-height:44px;padding:7px}.hero{padding:124px 20px 24px}.hero h1{font-size:80px}html[lang=ar] .hero h1{font-size:90px}.hero-description{margin-top:14px;font-size:14px}.hero-actions .button{padding:12px 18px;font-size:12px}.hero-preview{margin-top:46px;display:block}h2{font-size:32px}.section-description{font-size:15px;line-height:1.95}.eyebrow{margin-bottom:20px;font-size:11px}.pillar-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.pillar-number{margin-bottom:12px}.pillar-grid p{max-width:480px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:24px}.card-top{margin-bottom:20px}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:105px minmax(0,1fr);display:grid}.product-visual{border-bottom:0;border-inline-end:1px solid var(--border);height:100%;min-height:240px}.product-visual:before{width:160px;height:160px}.product-copy{padding:20px 18px}.product-copy h3{font-size:16px}.product-copy p{font-size:12px}.section-heading{margin-bottom:32px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr}.footer-main{flex-wrap:wrap;gap:32px}.footer-main nav{gap:14px 40px}.footer-bottom{flex-wrap:wrap;font-size:10px}}.system-section{position:relative}.snake-transition{bottom:-110px;z-index:1;pointer-events:none;height:220px;position:absolute;inset-inline:0;overflow:hidden}@media (max-width:640px){.system-section{padding-bottom:90px}.why-section{padding-top:90px}.snake-transition{height:180px;bottom:-90px}}@media (min-width:1800px){.container{width:min(1480px,100% - 144px)}.site-header{max-width:1640px}.hero-preview{width:min(1240px,100% - 144px)}.hero-content{max-width:860px}.section-heading>p{max-width:420px}.system-section{padding-bottom:130px}.why-section{padding-top:130px}.snake-transition{height:260px;bottom:-130px}}@media (min-width:2400px){.container{width:min(1640px,100% - 180px)}.site-header{max-width:1800px}}@media (min-width:1001px) and (max-height:850px){.hero{padding-top:126px;padding-bottom:24px}.hero h1{font-size:clamp(88px,8.8vw,132px)}html[lang=ar] .hero h1{font-size:clamp(90px,8.8vw,126px);line-height:1.18}.hero-description{margin:12px auto 20px;font-size:14px}.hero-preview{margin-top:38px}.scroll-cue{margin-top:20px}}@media (max-width:340px){.site-header .brand>span:last-child{display:none}.hero-actions{gap:8px}.hero-actions .button{gap:10px;padding-inline:14px}}@media (orientation:landscape) and (max-height:560px){.site-header{padding-block:7px;top:10px}.hero{align-content:center;min-height:100svh;padding:104px 24px 38px;display:grid}.hero-preview{display:none}.hero h1{font-size:clamp(48px,8vw,78px);line-height:1.08}html[lang=ar] .hero h1{font-size:clamp(58px,8vw,80px);line-height:1.16}.hero-description{max-width:620px;margin:10px auto 16px;font-size:12px;line-height:1.7}.hero-actions .button{min-height:44px;padding-block:9px;font-size:12px}.scroll-cue{display:none}.section{padding-block:64px}.snake-transition{height:128px;bottom:-64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html{scroll-behavior:auto!important}}}@layer experience{@media (orientation:portrait) and (min-height:960px){.cinematic-story:not([data-cinematic=true]) .hero{min-height:auto}}@media (min-width:900px) and (min-height:700px) and (max-height:850px){.products-section:not([data-cinematic=true]){padding-block:clamp(48px,20svh - 92px,62px)}.products-section[data-cinematic=true] .products-stage{padding-block-start:clamp(92px,10svh + 16px,100px)}.products-section .products-stage .section-heading{gap:8px;margin-block-end:16px}.products-section .products-stage .section-heading h2{font-size:clamp(28px,3vw,34px)}.products-section .products-stage .section-heading .eyebrow{margin-block-end:8px}.products-section .products-stage .product-track-viewport{padding-block:20px 32px}.products-section .products-stage .product-visual{height:clamp(152px,35svh - 93px,176px)}.products-section .products-stage .product-copy{padding:15px}}}