.ak-hero{position:relative;height:250svh;background:#fbfbfd;color:#1d1d1f;isolation:isolate;--ak-nav:var(--nav-height,80px);--ak-scale:.88}
.ak-stage{height:calc(100svh - var(--ak-nav));position:sticky;top:var(--ak-nav);isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fbfbfd 0,#fbfbfd 66%,#f5f5f7 100%)}
.ak-copy{position:absolute;top:5.8%;left:5%;right:5%;text-align:center;z-index:5;pointer-events:none}
.ak-eyebrow{font:500 12px/1.5 var(--body,'DM Sans',sans-serif);color:#80652f;margin:0 0 15px;letter-spacing:.015em}
.ak-copy h1{font:600 clamp(48px,5.2vw,78px)/1.035 var(--body,'DM Sans',sans-serif);letter-spacing:-.057em;margin:0;color:#1d1d1f}
.ak-copy h1 span{display:block;white-space:nowrap}.ak-copy h1 span:last-child{color:#6e6e73}
.ak-description{font:400 clamp(13px,1.1vw,16px)/1.6 var(--body,'DM Sans',sans-serif);color:#6e6e73;max-width:475px;margin:19px auto 0;min-height:51px;text-wrap:pretty}
.ak-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:19px;font:500 12px var(--body,'DM Sans',sans-serif);pointer-events:auto}
.ak-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;border-radius:30px;padding:0 22px;background:#1d1d1f;color:#fff;text-decoration:none;transition:background .2s,transform .2s}
.ak-primary:hover{background:#3b3b40;transform:translateY(-1px)}.ak-primary svg{transition:transform .2s}.ak-primary:hover svg{transform:translateX(3px)}
.ak-secondary{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#80652f;text-decoration:none}.ak-secondary>span:last-child{font-size:22px;line-height:1;transition:transform .2s}.ak-secondary:hover>span:last-child{transform:translateX(3px)}
.ak-hero a:focus-visible{outline:2px solid #80652f;outline-offset:5px}
.ak-scene{position:absolute;left:0;right:0;top:43%;height:52%;z-index:2;perspective:1500px;direction:ltr;pointer-events:none}
.ak-scene-light{position:absolute;inset:12% 17% -5%;background:radial-gradient(ellipse at 50% 65%,#d7d8d71c,transparent 68%)}
.ak-origin{position:absolute;top:50%;left:50%;width:clamp(220px,23vw,330px);transform:translate(-50%,-50%);transform-origin:center center;will-change:transform,opacity}
.ak-origin>img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 24px #6c604216)}
.ak-origin-shadow{position:absolute;height:12px;left:15%;right:15%;bottom:-24px;border-radius:50%;background:#665b4633;filter:blur(14px);transform:scaleY(.55)}
.ak-assembly{position:absolute;left:50%;top:50%;width:860px;height:530px;transform:translate(-50%,-50%) scale(var(--ak-scale));transform-style:preserve-3d}

.ak-computer{position:absolute;left:0;top:0;width:780px;height:520px;opacity:0;will-change:transform,opacity;transform-origin:50% 45%}



.ak-display{width:600px;height:365px;position:relative;display:grid;grid-template-rows:22px 43px 1fr 47px;background:#fcfcfa;border:0;transform-style:preserve-3d;direction:ltr;font-family:var(--body,'DM Sans',sans-serif)}
.ak-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#e9ecec;border-bottom:1px solid #c8ccce;border-radius:2px 2px 0 0;color:#7d858a;position:relative;z-index:1}
.ak-browser-dots{display:flex;gap:3px}.ak-browser-dots i{width:4px;height:4px;border-radius:50%;background:#b4bbbd}.ak-browser-dots i:first-child{background:#acaaa2}.ak-browser-bar>span{display:flex;align-items:center;gap:4px;font-size:5px;padding:3px 46px;background:#f5f6f6;border-radius:3px}.ak-browser-bar>b{font-size:10px;font-weight:400;color:#9a9ea0}
.ak-page-part{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}
.ak-page-nav{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e3e4df;background:#fcfcfa;z-index:4}
.ak-page-nav>img{width:90px;height:auto;max-height:31px;object-fit:contain}.ak-page-nav>div{display:flex;gap:18px;align-items:center;font-size:6px;color:#676b6e}
.ak-page-nav-cta{padding:7px 12px;border:1px solid #aba89f;border-radius:16px;color:#33383a}
.ak-page-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:8px;align-items:center;background:#fcfcfa;padding:22px 23px;z-index:3}
.ak-page-eyebrow{font:500 5px var(--body,'DM Sans',sans-serif);letter-spacing:.11em;color:#80652f;display:block;margin-bottom:10px}
.ak-page-copy strong{font:600 37px/1.045 var(--body,'DM Sans',sans-serif);letter-spacing:-.048em;display:block;color:#23272b}.ak-page-copy strong span{display:block;white-space:nowrap}.ak-page-copy strong span:last-child{color:#7b7b79}
.ak-page-copy p{font-size:7px;line-height:1.6;max-width:191px;color:#7c8285;margin:13px 0 0}
.ak-page-button{display:inline-flex;align-items:center;gap:17px;border-radius:20px;font-size:6px;padding:8px 11px;background:#e7dfc8;color:#3d3c35;margin-top:14px}
.ak-page-identity{height:180px;position:relative;background:linear-gradient(130deg,#efeee8,#f7f7f2);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}
.ak-page-identity>img{position:relative;z-index:1;width:106px;height:auto;filter:drop-shadow(0 10px 9px #4d432d12);transform:translateY(-6px)}
.ak-page-identity>span{position:absolute;bottom:17px;font-size:5px;letter-spacing:.17em;color:#938a78}
.ak-page-identity-line{position:absolute;height:1px;width:200%;top:50%;background:#d3d0c433;transform:rotate(-36deg)}
.ak-page-services{display:flex;align-items:center;padding:0 23px;gap:16px;background:#f0f1ed;border-top:1px solid #dedfd9;z-index:2}
.ak-page-services>div{display:flex;align-items:center;gap:7px;flex:1;color:#42494d;font-size:7px}.ak-page-services i{font-size:5px;font-style:normal;color:#9d9177}.ak-page-services b{font-size:11px;font-weight:400;margin-left:auto;color:#929891}
.ak-screen-glass{position:absolute;inset:0;background:linear-gradient(128deg,#ffffff18,transparent 26%,transparent 72%,#dce1df09);transform:translateZ(1px);pointer-events:none}
.ak-hardware{opacity:0}








.ak-phone{position:absolute;left:635px;top:130px;width:255px;height:382.5px;opacity:0;will-change:transform,opacity;transform-origin:center bottom}

.ak-phone-screen{position:relative;width:146px;height:330px;background:transparent;border-radius:21px;overflow:hidden;direction:ltr}

.ak-phone-status{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:600 5px var(--body,'DM Sans',sans-serif);color:#435058}.ak-phone-status b{font-size:5px;letter-spacing:.5px}
.ak-mobile-nav{height:34px;margin:0 10px;border-bottom:1px solid #e0e3dd;display:flex;align-items:center;justify-content:space-between}.ak-mobile-nav>img{width:62px;height:auto}.ak-mobile-nav>span{display:flex;flex-direction:column;gap:3px}.ak-mobile-nav i{height:1px;width:11px;background:#717c81}
.ak-mobile-content{padding:18px 11px 8px;color:#272c30}.ak-mobile-eyebrow{display:block;color:#887652;letter-spacing:.035em;font:400 4px var(--body,'DM Sans',sans-serif);margin-bottom:8px}
.ak-mobile-content strong{display:block;font:600 20px/1.03 var(--body,'DM Sans',sans-serif);letter-spacing:-.045em}.ak-mobile-content strong span{display:block}.ak-mobile-content strong span:last-child{color:#7a7f7d}.ak-mobile-content p{font:400 5px/1.7 var(--body,'DM Sans',sans-serif);color:#7a8486;margin:8px 0 0}.ak-mobile-cta{display:inline-flex;font:400 5px var(--body,'DM Sans',sans-serif);background:#e8e0cd;color:#514c3c;border-radius:15px;padding:6px 9px;margin-top:9px}
.ak-mobile-identity{height:82px;background:linear-gradient(130deg,#eeede7,#f6f6f0);margin-top:12px;border-radius:2px;display:flex;align-items:center;justify-content:center}.ak-mobile-identity img{width:58px;height:auto;filter:drop-shadow(0 5px 4px #63543b1a)}
.ak-mobile-services{display:flex;justify-content:space-between;margin-top:10px;font:400 5px var(--body,'DM Sans',sans-serif);color:#5f6d71}
.ak-phone-home{position:absolute;left:34%;right:34%;bottom:3px;height:2px;border-radius:3px;background:#536066}
.ak-phone-glass{position:absolute;inset:0;background:linear-gradient(115deg,#ffffff26,transparent 26%,transparent 74%,#ccd7d112);pointer-events:none}
.ak-scene-caption{position:absolute;left:5%;right:5%;bottom:22px;text-align:center;color:#86868b;font:400 10px/1.5 var(--body,'DM Sans',sans-serif);z-index:3;letter-spacing:.01em}
[dir=rtl] .ak-copy,[dir=rtl] .ak-scene-caption{font-family:var(--ar,'Tajawal',sans-serif)}
[dir=rtl] .ak-copy h1{font-family:var(--ar,'Tajawal',sans-serif);letter-spacing:-.035em;line-height:1.14}
[dir=rtl] .ak-eyebrow,[dir=rtl] .ak-description,[dir=rtl] .ak-actions{font-family:var(--ar,'Tajawal',sans-serif)}
[dir=rtl] .ak-primary svg{transform:rotate(180deg)}[dir=rtl] .ak-secondary>span:last-child{transform:rotate(180deg)}
[dir=rtl] .ak-display,[dir=rtl] .ak-phone-screen{direction:rtl}
[dir=rtl] .ak-browser-bar{direction:ltr}
[dir=rtl] .ak-page-nav>div{direction:rtl}
[dir=rtl] .ak-page-copy strong{font-family:var(--ar,'Tajawal',sans-serif);line-height:1.1;letter-spacing:-.03em}
[dir=rtl] .ak-page-services b{margin-left:0;margin-right:auto}
[dir=rtl] .ak-mobile-content strong{font-family:var(--ar,'Tajawal',sans-serif);line-height:1.1}

/* Photographic hardware and real DOM content share a single coordinate space. */
.ak-device-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;user-select:none}
.ak-screen-projection{position:absolute;left:0;top:0;transform-origin:0 0;direction:ltr;isolation:isolate}
.ak-computer .ak-screen-projection{width:600px;height:365px;transform:matrix3d(0.7812441791,-0.03963032745,0,0.000191675699,0.1017200405,0.7633319099,0,-5.546182603e-05,0,0,1,0,58.3984375,49.2578125,0,1)}
.ak-phone .ak-screen-projection{width:146px;height:330px;transform:matrix3d(0.8646720094,-0.03609586965,0,-0.0001828728644,-0.0006220074694,0.9846322704,0,-1.115083418e-05,0,0,1,0,55.78125,24.90234375,0,1)}
.ak-computer .ak-display{overflow:hidden}
.ak-phone-glass{opacity:.3}

@media(min-width:1700px){.ak-assembly{--ak-scale:1.1}.ak-copy h1{font-size:82px}}
@media(max-height:900px) and (min-width:851px){.ak-copy{top:5%}.ak-eyebrow{font-size:10px;margin-bottom:10px}.ak-copy h1{font-size:clamp(42px,4.1vw,58px)}.ak-description{font-size:13px;margin-top:13px;min-height:40px;max-width:425px}.ak-actions{margin-top:12px;font-size:11px}.ak-primary{min-height:38px;padding:0 19px}.ak-secondary{min-height:38px}.ak-scene{top:49%;height:46%}.ak-assembly{--ak-scale:.70}.ak-origin{width:240px}.ak-scene-caption{bottom:12px;font-size:9px}}
@media(max-height:790px) and (min-width:851px){.ak-scene{top:48%;height:44%}.ak-assembly{--ak-scale:.61}}
@media(max-width:1100px) and (min-width:851px) and (min-height:901px){.ak-assembly{--ak-scale:.83}.ak-copy h1{font-size:58px}}
@media(max-width:850px){
.ak-hero{height:240svh;--ak-nav:var(--nav-height,68px)}.ak-copy{top:4.5%;left:6%;right:6%}.ak-eyebrow{font-size:10px;margin-bottom:13px}.ak-copy h1{font-size:clamp(30px,8vw,47px);line-height:1.06;letter-spacing:-.05em}.ak-description{font-size:13px;line-height:1.65;max-width:330px;margin-top:15px;min-height:44px}.ak-actions{gap:24px;margin-top:17px;font-size:11px}.ak-primary{min-height:40px;padding:0 19px;gap:15px}.ak-primary svg{width:15px;height:15px}.ak-secondary{min-height:40px}.ak-scene{top:34%;height:53%}.ak-origin{width:220px}.ak-assembly{--ak-scale:.46;top:52%}.ak-scene-caption{font-size:10px;bottom:27px;left:9%;right:9%}[dir=rtl] .ak-copy h1{line-height:1.17;font-size:36px}[dir=rtl] .ak-description{font-size:14px}
}
@media(max-width:430px){.ak-assembly{--ak-scale:.44}}
@media(max-width:360px){.ak-assembly{--ak-scale:.37}.ak-origin{width:195px}.ak-copy h1{font-size:30px}.ak-description{font-size:12px}.ak-actions{font-size:10px;gap:17px}.ak-primary{min-height:36px;padding:0 15px;gap:12px}.ak-secondary{min-height:36px}[dir=rtl] .ak-copy h1{font-size:32px}[dir=rtl] .ak-description{font-size:13px}}
@media(max-height:730px) and (max-width:850px) and (orientation:portrait){
.ak-copy{top:4.5%}.ak-eyebrow{font-size:9px;margin-bottom:10px}.ak-copy h1{font-size:30px}.ak-description{font-size:12px;line-height:1.5;margin-top:12px;min-height:36px}.ak-actions{margin-top:13px;font-size:10px;gap:20px}.ak-primary{min-height:36px;padding:0 16px;gap:13px}.ak-secondary{min-height:36px}.ak-scene{top:38%;height:50%}.ak-origin{width:190px}.ak-assembly{--ak-scale:.35;top:50%}.ak-scene-caption{bottom:21px;font-size:9px}[dir=rtl] .ak-copy h1{font-size:30px;line-height:1.15}[dir=rtl] .ak-description{font-size:12px}
}
@media(max-height:500px) and (orientation:landscape){
.ak-hero{height:220svh}.ak-copy{left:5%;right:auto;top:15%;width:42%;text-align:left}.ak-eyebrow{font-size:9px;margin-bottom:12px}.ak-copy h1{font-size:clamp(29px,3.8vw,43px);line-height:1.04}.ak-description{font-size:10px;line-height:1.5;max-width:300px;margin:13px 0 0;min-height:30px}.ak-actions{justify-content:flex-start;margin-top:16px;font-size:9px;gap:22px}.ak-primary{min-height:34px;padding:0 15px;gap:14px}.ak-secondary{min-height:34px}.ak-primary svg{width:13px}.ak-scene{left:44%;right:-1%;top:0;height:91%}.ak-assembly{--ak-scale:.45;top:52%}.ak-origin{width:190px}.ak-scene-caption{left:48%;right:4%;bottom:13px;font-size:8px}[dir=rtl] .ak-copy{left:auto;right:5%;text-align:right}[dir=rtl] .ak-copy h1{font-size:35px;line-height:1.1}[dir=rtl] .ak-description{font-size:11px}[dir=rtl] .ak-scene{left:-1%;right:44%}[dir=rtl] .ak-scene-caption{left:4%;right:48%}
}
@media(prefers-reduced-motion:reduce){.ak-hero{height:auto}.ak-stage{position:relative;top:0}.ak-origin,.ak-computer,.ak-phone,.ak-page-part{will-change:auto}.ak-primary,.ak-primary svg,.ak-secondary>span:last-child{transition:none}}