#landing-page{position:fixed;inset:0;z-index:110;overflow-y:auto;background:#000000;color:#F2F1EF;font-family:'Cairo','Tajawal',sans-serif;scroll-behavior:smooth}
#landing-page.hidden{display:none}
#landing-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(600px 400px at 85% 5%,rgba(0,163,163,.35),transparent 70%),radial-gradient(500px 400px at 5% 60%,rgba(0,127,127,.22),transparent 70%)}
.lp-wrap{position:relative;max-width:1080px;margin:0 auto;padding:0 20px}
.lp-nav{position:sticky;top:0;z-index:5;backdrop-filter:blur(14px);background:rgba(7,11,31,.75);border-bottom:1px solid rgba(255,255,255,.06)}
.lp-nav .lp-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px}
.lp-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px}
.lp-logo b{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5FD0D0,#007F7F);display:grid;place-items:center;font-size:14px;color:#fff}
.lp-links{display:flex;gap:22px;font-size:14px;color:#BDBDB8}
.lp-links a{cursor:pointer;transition:.2s}.lp-links a:hover{color:#fff}
.lp-btn{background:linear-gradient(135deg,#00A3A3,#007F7F);color:#fff;border:0;border-radius:999px;padding:9px 22px;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;box-shadow:0 6px 24px rgba(0,163,163,.45);transition:.2s}
.lp-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.lp-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.2);box-shadow:none}
.lp-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:56px 0 36px}
.lp-hero h1{font-size:clamp(30px,5vw,50px);line-height:1.25;font-weight:800;margin:0 0 14px;font-family:'Tajawal',sans-serif}
.lp-hero h1 span{background:linear-gradient(90deg,#5FD0D0,#00A3A3);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero p{color:#A6A7A2;line-height:1.9;margin:0 0 22px;font-size:16px}
.lp-cta{display:flex;gap:10px;flex-wrap:wrap}
.lp-wave{height:240px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:4px;padding:0 20px;box-shadow:0 20px 60px rgba(0,163,163,.3)}
.lp-wave i{display:block;width:5px;border-radius:4px;background:linear-gradient(#5FD0D0,#00A3A3);animation:lpw 1.3s ease-in-out infinite}
@keyframes lpw{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.lp-h2{font-size:24px;font-weight:800;margin:44px 0 6px;font-family:'Tajawal',sans-serif}
.lp-sub{color:#8A8B87;font-size:14px;margin:0 0 18px}
.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-card{border:1px solid rgba(0,163,163,.35);border-radius:18px;padding:18px;background:linear-gradient(180deg,rgba(0,163,163,.14),rgba(255,255,255,.02));display:flex;flex-direction:column;gap:10px}
.lp-ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#00A3A3,#006F6F);display:grid;place-items:center;color:#fff;font-size:18px}
.lp-card h3{font-size:16px;font-weight:800;margin:0}.lp-card p{font-size:13px;color:#A6A7A2;margin:0;line-height:1.7;flex:1}
.lp-card .lp-btn{align-self:flex-start;padding:7px 18px;font-size:13px}
.lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.lp-tool{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);cursor:pointer;font-size:14px;transition:.2s;text-align:right;color:inherit;font-family:inherit}
.lp-tool:hover{border-color:#5FD0D0;background:rgba(0,163,163,.14);transform:translateY(-2px)}
.lp-tool i{color:#5FD0D0;width:20px;text-align:center}
.lp-foot{margin-top:48px;border-top:1px solid rgba(255,255,255,.08);padding:22px 0 40px;display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;font-size:13px;color:#8A8B87}
.lp-foot div{display:flex;gap:16px;flex-wrap:wrap}.lp-foot a{cursor:pointer}.lp-foot a:hover{color:#fff}
#auth-back-home{position:absolute;top:14px;right:14px;background:transparent;border:0;color:#9ca3af;font-size:13px;cursor:pointer;font-family:inherit}
#landing-page{overflow-x:hidden;width:100%;max-width:100vw}#lp-inner{margin:0 auto}

/* ===== شاشة تسجيل الدخول (مقاس طبيعي حسب الجهاز) ===== */
#auth-gate-modal{background:radial-gradient(700px 450px at 80% 0%,rgba(0,163,163,.35),transparent 70%),radial-gradient(600px 450px at 0% 100%,rgba(0,127,127,.22),transparent 70%),#000000!important;align-items:flex-start!important;overflow-y:auto;padding:16px!important}
#auth-gate-modal>.panel{position:relative;min-width:0!important;box-sizing:border-box!important;margin:auto!important;width:100%;max-width:460px!important;padding:64px 28px 28px!important;border-radius:26px!important;background:rgba(18,22,52,.72)!important;border:1px solid rgba(0,163,163,.35)!important;backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,163,163,.28)}
#auth-gate-modal>.panel>*+*{margin-top:18px!important}
#auth-gate-modal>.panel>div:first-of-type>div:first-child{width:72px!important;height:72px!important;font-size:24px!important;color:#fff!important;background:linear-gradient(135deg,#00A3A3,#007F7F)!important;box-shadow:0 10px 30px rgba(0,163,163,.5)}
#auth-gate-modal h3{font-size:26px!important;margin-top:12px;font-family:'Tajawal',sans-serif}
#auth-gate-modal .text-\[11px\]{font-size:14px!important;line-height:1.7}
#auth-gate-modal .text-\[10px\]{font-size:13px!important}
#auth-gate-modal .text-\[9\.5px\]{font-size:12px!important;line-height:1.8}
#auth-gate-modal .text-xs{font-size:16px!important}
#auth-gate-modal .input-field{padding:14px 16px!important;font-size:16px!important;border-radius:14px!important}
#auth-gate-modal .g-signin-btn{padding:14px!important;font-size:16px!important;border-radius:14px!important;font-weight:700}
#auth-gate-modal .auth-gate-tab{padding:11px 0!important;border-radius:12px!important}
#auth-gate-modal .auth-tab-active{background:linear-gradient(135deg,#00A3A3,#007F7F)!important;color:#fff!important}
#auth-gate-modal .btn-primary{padding:15px!important;font-size:17px!important;border-radius:14px!important;background:linear-gradient(135deg,#00A3A3,#007F7F)!important;color:#fff!important;box-shadow:0 8px 26px rgba(0,163,163,.45)}
#auth-back-home{top:18px!important;right:20px!important;font-size:15px!important;color:#BDBDB8!important}
#forgot-password-modal>.panel{max-width:440px!important;padding:26px!important}
#forgot-password-modal .input-field{padding:14px 16px!important;font-size:16px!important}
#forgot-password-modal .text-xs{font-size:16px!important}
#forgot-password-modal .text-\[11px\]{font-size:14px!important}
/* ===== قارئ الصفحات العامة ===== */
#lp-reader{position:fixed;inset:0;z-index:115;overflow-y:auto;background:#000000;color:#F2F1EF;font-family:'Cairo',sans-serif}
#lp-reader.hidden{display:none}
.lpr-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:rgba(7,11,31,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.lpr-bar b{font-size:16px}.lpr-bar .lp-btn{padding:8px 16px}
.lpr-body{max-width:780px;margin:0 auto;padding:20px 16px 60px}

@keyframes lpf{0%,100%{box-shadow:none;text-shadow:none}30%{box-shadow:0 0 0 2px #5FD0D0,0 0 34px rgba(168,85,247,.65);text-shadow:0 0 18px rgba(192,132,252,.9)}}
.lp-flash{animation:lpf 1.8s ease}

/* ===== LUXURY LAYER ===== */
#landing-page,#lp-reader{background:#000000;color:#DFDEDC}
#landing-page::before{background:radial-gradient(700px 420px at 80% -5%,rgba(0,163,163,.16),transparent 70%),radial-gradient(500px 360px at 0% 40%,rgba(0,163,163,.06),transparent 70%);animation:lpAur 14s ease-in-out infinite alternate}
@keyframes lpAur{to{transform:translate3d(-40px,30px,0) scale(1.08)}}
.lp-nav{background:rgba(0,0,0,.8);border-bottom:1px solid rgba(255,255,255,.07)}
.lp-logo b{background:linear-gradient(135deg,#00A3A3,#007F7F);color:#fff;box-shadow:0 0 18px rgba(0,163,163,.35)}
.lp-links{color:#A6A7A2}.lp-links a:hover{color:#DFDEDC}
.lp-btn{background:linear-gradient(135deg,#00A3A3,#007F7F);color:#fff;box-shadow:0 8px 24px -8px rgba(0,163,163,.6),inset 0 1px 0 rgba(255,255,255,.18);position:relative;overflow:hidden}
.lp-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.lp-btn:hover::after{transform:translateX(120%)}
.lp-btn.ghost{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.16);box-shadow:none}
.lp-hero{padding:72px 0 40px;gap:40px}
.lp-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 14px;font-size:13px;color:#BDBDB8;margin-bottom:18px;background:rgba(255,255,255,.03)}
.lp-pill i{width:7px;height:7px;border-radius:50%;background:#2CCBCB;box-shadow:0 0 10px #2CCBCB;animation:lpP 2s infinite}
@keyframes lpP{50%{opacity:.35}}
.lp-hero h1{font-size:clamp(32px,6vw,58px);letter-spacing:-.5px}
.lp-hero h1 span{background:linear-gradient(90deg,#5FD0D0,#00A3A3);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero p{color:#A6A7A2;max-width:30em}
.lp-demo{border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:20px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 60px -20px rgba(0,163,163,.35);animation:lpF 7s ease-in-out infinite}
@keyframes lpF{50%{transform:translateY(-10px)}}
.lp-dh{display:flex;justify-content:space-between;font-size:13px;color:#A6A7A2}
.lp-dh em{font-style:normal;color:#5FD0D0;display:flex;align-items:center;gap:6px}.lp-dh em i{width:7px;height:7px;border-radius:50%;background:#ef6b5b;animation:lpP 1.2s infinite}
.lp-demo .lp-wave{height:110px;border:0;background:none;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:3px;margin:10px 0}
.lp-wave i{background:linear-gradient(#5FD0D0,#007F7F)}
.lp-q{font-size:14px;line-height:1.8;padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06);margin-bottom:14px}
.lp-m{display:grid;gap:9px}.lp-m label{display:grid;grid-template-columns:62px 1fr;align-items:center;font-size:12px;color:#A6A7A2}
.lp-m b{height:6px;border-radius:9px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.lp-m b::after{content:"";position:absolute;inset:0;width:0;border-radius:9px;background:linear-gradient(90deg,#007F7F,#5FD0D0);animation:lpB 2.2s .6s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes lpB{to{width:var(--w)}}
.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0 20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.02)}
.lp-stats div{padding:22px 10px;text-align:center;border-inline-start:1px solid rgba(255,255,255,.06)}.lp-stats div:first-child{border:0}
.lp-stats b{display:block;font-size:30px;font-weight:800;color:#5FD0D0}.lp-stats span{font-size:13px;color:#A6A7A2}
.lp-h2{margin-top:64px}.lp-sub{color:#8A8B87}
.lp-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));transition:transform .3s,border-color .3s}
.lp-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(0,163,163,.22),transparent 65%)}
.lp-card:hover{transform:translateY(-4px);border-color:rgba(44,203,203,.45)}.lp-card:hover::before{opacity:1}
.lp-ic{background:linear-gradient(135deg,#00A3A3,#007F7F);box-shadow:0 8px 20px -6px rgba(0,163,163,.6)}
.lp-card p{color:#A6A7A2}
.lp-tool{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.lp-tool:hover{border-color:rgba(44,203,203,.5);background:rgba(0,163,163,.1)}.lp-tool i{color:#2CCBCB}
.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.lp-steps div{padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.lp-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(44,203,203,.5);color:#5FD0D0;margin-bottom:12px}
.lp-steps h3{margin:0 0 4px;font-size:16px}.lp-steps p{margin:0;font-size:13px;color:#A6A7A2}
.lp-final{margin-top:64px;text-align:center;padding:48px 20px;border-radius:26px;border:1px solid rgba(44,203,203,.25);background:radial-gradient(500px 220px at 50% 0%,rgba(0,163,163,.2),transparent 70%),rgba(255,255,255,.02)}
.lp-final h2{margin:0 0 8px;font-size:30px;font-weight:800}.lp-final p{color:#A6A7A2;margin:0 0 20px}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:760px){.lp-hero,.lp-cards,.lp-steps{grid-template-columns:1fr}.lp-stats{grid-template-columns:repeat(2,1fr)}.lp-stats div:nth-child(3){border-inline-start:0}.lp-links{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.lp-m b::after{width:var(--w)}}

/* ===== INKED: layout + login ===== */
#landing-page,#lp-inner{width:100%;max-width:100%}
.lp-wrap{max-width:1180px;padding:0 clamp(16px,4vw,32px)}
@media(max-width:760px){.lp-hero{padding:36px 0 24px}.lp-nav .lp-wrap{height:58px}.lp-logo{font-size:16px}.lp-cta .lp-btn{flex:1;text-align:center}.lp-final{padding:36px 16px}.lp-h2{margin-top:44px}}
.lp-btn{color:#fff}.lp-logo b{color:#001414;background:linear-gradient(135deg,#2CCBCB,#00A3A3)}
.lp-hero h1 span{background:linear-gradient(90deg,#5FD0D0,#00ACAC);-webkit-background-clip:text;background-clip:text;color:transparent}
#auth-gate-modal{background:radial-gradient(520px 320px at 50% -5%,rgba(0,172,172,.16),transparent 70%),#000!important;overflow-y:auto!important;padding:20px 16px!important}
#auth-gate-modal>.panel{max-width:420px!important;padding:32px 26px 26px!important;border-radius:26px!important;background:#0B0C0C!important;border:1px solid #2A2B2B!important;box-shadow:0 40px 90px -30px #000,0 0 0 1px rgba(255,255,255,.02) inset!important;position:relative;animation:none!important;overflow:hidden}
#auth-gate-modal>.panel::before{content:"";position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#00ACAC,transparent)}
#auth-gate-modal>.panel>*+*{margin-top:16px!important}
#auth-gate-modal>.panel>div:first-of-type>div:first-child{width:64px!important;height:64px!important;background:#000!important;border:1.5px solid #00ACAC!important;color:#5FD0D0!important;box-shadow:0 0 28px rgba(0,172,172,.3)!important;font-size:20px!important}
#auth-gate-modal h3{font-size:24px!important;color:#F2F1EF!important}
#auth-gate-modal .text-slate-400,#auth-gate-modal .text-slate-500{color:#A6A7A2!important}
#auth-gate-modal .g-signin-btn{background:#DFDEDC!important;color:#000!important;border:0!important;border-radius:14px!important;height:52px;padding:0 16px!important;font-weight:700;transition:background .2s}
#auth-gate-modal .g-signin-btn:hover{background:#fff!important}
#auth-gate-modal .panel-2{background:#141515!important;border:1px solid #2A2B2B!important;border-radius:14px!important;padding:4px!important}
#auth-gate-modal .auth-gate-tab{color:#A6A7A2!important;border-radius:10px!important;font-size:14px!important;padding:10px 0!important;transition:all .2s}
#auth-gate-modal .auth-tab-active{background:linear-gradient(135deg,#00A3A3,#007F7F)!important;color:#fff!important}
#auth-gate-modal .input-field{background:#000!important;color:#F2F1EF!important;border:1px solid #2A2B2B!important;border-radius:14px!important;height:52px;padding:0 16px!important;font-size:16px!important;transition:border-color .2s,box-shadow .2s}
#auth-gate-modal .input-field::placeholder{color:#6f706d}
#auth-gate-modal .input-field:focus{outline:0;border-color:#00ACAC!important;box-shadow:0 0 0 3px rgba(0,172,172,.18)!important}
#auth-gate-modal .btn-primary{background:linear-gradient(135deg,#00A3A3,#007F7F)!important;color:#fff!important;height:54px;padding:0!important;border-radius:14px!important;font-size:16px!important;font-weight:800;box-shadow:0 12px 30px -10px rgba(0,172,172,.6)!important}
#auth-gate-modal>.panel>div>.space-y-2>*+*,#auth-gate-modal .space-y-2>*+*{margin-top:12px!important}
#auth-back-home{color:#A6A7A2!important}#auth-back-home:hover{color:#F2F1EF!important}

/* ===== logo + footer ===== */
.lp-logo img{height:36px;width:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
#auth-gate-modal>.panel>div:first-of-type>div:first-child{background:none!important;border:0!important;box-shadow:none!important;width:84px!important;height:84px!important}
#auth-gate-modal>.panel>div:first-of-type>div:first-child img{filter:drop-shadow(0 6px 18px rgba(0,172,172,.35))}
.lp-foot2{margin-top:56px;border-top:1px solid #2A2B2B;padding:40px 0 48px;text-align:right}
.lf-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lf-brand img{height:56px;width:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}.lf-brand b{font-size:26px;font-weight:800;color:#F2F1EF}
.lp-foot2 p{margin:0 0 6px;color:#A6A7A2;font-size:16px;line-height:1.9;max-width:26em}.lp-foot2 strong{display:block;color:#DFDEDC;font-size:15px;margin-bottom:32px}
.lf-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lf-cols h4{margin:0 0 14px;font-size:18px;font-weight:800;color:#5FD0D0}
.lf-cols a{display:flex;align-items:center;gap:10px;color:#DFDEDC;font-size:16px;padding:6px 0;cursor:pointer;transition:color .2s}.lf-cols a:hover{color:#00ACAC}.lf-cols a i{color:#00ACAC;font-size:18px;width:22px}
@media(min-width:760px){.lp-foot2{display:grid;grid-template-columns:1.2fr 1fr;gap:0 48px}.lf-cols{grid-row:1/5;grid-column:2}}

/* ===== logo size/blend + mobile overflow fix ===== */
.lp-logo{gap:10px}.lp-logo img{height:48px;width:auto;margin:-4px 0;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}
.lf-brand img{height:96px;width:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6))}
#auth-gate-modal>.panel>div:first-of-type>div:first-child{width:96px!important;height:96px!important}
#landing-page,#lp-inner,.lp-wrap{overflow-x:hidden}
.lp-hero>*,.lp-ht,.lp-demo,.lp-cards>*,.lp-steps>*{min-width:0}
.lp-demo .lp-wave{width:100%;gap:0;justify-content:space-between;overflow:hidden;padding:0 2px}
.lp-wave i{flex:0 0 auto}
.lp-m label{grid-template-columns:62px minmax(0,1fr)}
@media(max-width:760px){.lp-hero{grid-template-columns:minmax(0,1fr)!important}.lp-cards,.lp-steps{grid-template-columns:minmax(0,1fr)!important}.lp-cta{flex-wrap:nowrap}.lp-cta .lp-btn{min-width:0;padding-inline:12px;white-space:nowrap}.lp-hero p{max-width:100%}.lp-logo img{height:42px}.lp-nav .lp-btn{padding:8px 18px}}

/* ===== MOTION ===== */
#landing-page{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
.lp-prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;pointer-events:none}
.lp-prog i{display:block;height:100%;transform:scaleX(0);transform-origin:right center;background:linear-gradient(90deg,#00ACAC,#5FD0D0);box-shadow:0 0 12px rgba(0,172,172,.7)}
.lp-nav{transition:background .3s,box-shadow .3s}.lp-nav.sc{background:rgba(0,0,0,.92);box-shadow:0 12px 30px -14px #000}
.lp-up{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;border:0;background:rgba(11,12,12,.92);color:#5FD0D0;z-index:30;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(18px) scale(.8);pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.3),color .2s;backdrop-filter:blur(8px);box-shadow:0 12px 30px -10px #000}
.lp-up.on{opacity:1;transform:none;pointer-events:auto}.lp-up:hover{color:#fff}.lp-up:active{transform:scale(.9)}
.lp-up svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.lp-up circle{fill:none;stroke:#2A2B2B;stroke-width:2.5}.lp-up .pg{stroke:#00ACAC;stroke-linecap:round}
.lp-up i{font-size:17px}
@keyframes lpUp{from{opacity:0;transform:translateY(24px)}}
.lp-pill,.lp-hero h1,.lp-ht>p,.lp-cta{animation:lpUp .8s cubic-bezier(.2,.8,.2,1) both}
.lp-hero h1{animation-delay:.1s}.lp-ht>p{animation-delay:.2s}.lp-cta{animation-delay:.3s}
.lp-demo{animation:lpUp .9s .35s cubic-bezier(.2,.8,.2,1) both,lpF 7s 1.3s ease-in-out infinite}
.lp-cards>*,.lp-steps>*,.lp-stats>*,.lp-grid>*{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}
.rv.in>*{opacity:1;transform:none}
.rv.in>:nth-child(2){transition-delay:.1s}.rv.in>:nth-child(3){transition-delay:.2s}.rv.in>:nth-child(4){transition-delay:.3s}.rv.in>:nth-child(n+5){transition-delay:.4s}
.lp-cards.in>.lp-card:hover{transform:translateY(-4px);transition-delay:0s}.lp-grid.in>.lp-tool:hover{transform:translateY(-2px);transition-delay:0s}
.lp-btn:active{transform:scale(.96)}.lp-tool:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.lp-cards>*,.lp-steps>*,.lp-stats>*,.lp-grid>*{opacity:1!important;transform:none!important}.lp-prog i{transition:none}}

.lang-seg{display:inline-flex;align-items:center;gap:2px;direction:ltr;padding:3px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);flex-shrink:0}
.lang-seg>i{font-size:12px;color:#5FD0D0;padding:0 7px 0 9px}
.lang-seg button{border:0;background:transparent;color:#A6A7A2;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;padding:6px 12px;border-radius:999px;cursor:pointer;transition:.2s;outline:0}
.lang-seg button:hover{color:#fff}
.lang-seg button.on{color:#fff;background:linear-gradient(135deg,#00A3A3,#007F7F);box-shadow:0 4px 14px -4px rgba(0,163,163,.7),inset 0 1px 0 rgba(255,255,255,.18)}
@media(max-width:380px){.lang-seg>i{display:none}.lang-seg button{padding:6px 10px}}
.auth-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lf-ph{grid-column:1/-1;display:flex;justify-content:center;margin-top:36px}