:root{--ink:#080D16;--surface:#111C2D;--surface2:#17233A;--paper:#F1ECDD;--muted:#93A2B8;--line:rgba(241,236,221,.12);--gold:#E7B85A;--gold2:#B9862F;--teal:#2FB8A6;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);}
*{box-sizing:border-box;}
html{scroll-padding-top:env(safe-area-inset-top,0px);} html,body{height:100%;}
body{margin:0;background:var(--ink);color:var(--paper);font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.7;overflow-x:hidden;}
h1,h2,.num{font-family:'Fraunces',serif;}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px;}
a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;}
section{padding:64px 0;}

nav{position:sticky;top:0;z-index:20;background:rgba(10,18,28,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);}
.nav-inner{max-width:1100px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.brand{font-family:'Fraunces',serif;font-size:18px;font-weight:600;}
.nav-links{display:flex;gap:20px;font-size:13.5px;color:var(--muted);}
.nav-links a:hover{color:var(--paper);}
.nav-cta{background:var(--gold);color:var(--ink);padding:9px 16px;border-radius:5px;font-size:13px;font-weight:700;white-space:nowrap;}
.nav-burger{display:none;width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;}
.nav-burger span{width:18px;height:2px;background:var(--paper);border-radius:2px;transition:transform .25s ease,opacity .25s ease;}
.nav-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;}
.nav-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.mobile-menu{display:none;flex-direction:column;gap:2px;background:var(--surface);border-top:1px solid var(--line);padding:8px 22px 14px;}
.mobile-menu a{padding:12px 4px;font-size:14.5px;color:var(--paper);border-bottom:1px solid var(--line);}
.mobile-menu a:last-child{border-bottom:none;}
.mobile-menu.open{display:flex;}
@media (max-width:820px){.nav-links{display:none;} .nav-burger{display:flex;}}

.whatsapp-float{position:fixed;bottom:20px;left:20px;z-index:30;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.4);animation:pulse-wa 2.4s ease-in-out infinite;}
.whatsapp-float svg{width:28px;height:28px;fill:#fff;}
@keyframes pulse-wa{0%,100%{box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.5);}50%{box-shadow:0 10px 26px rgba(0,0,0,.4),0 0 0 10px rgba(37,211,102,0);}}
@media (prefers-reduced-motion:reduce){.whatsapp-float{animation:none;}}
html{scroll-behavior:smooth;}

.hero{position:relative;overflow:hidden;min-height:600px;display:flex;align-items:center;}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.5);}
.hero-overlay{position:absolute;inset:0;
  background:linear-gradient(165deg,rgba(8,13,22,.82) 10%,rgba(8,13,22,.6) 50%,rgba(8,13,22,.88) 100%),
  radial-gradient(ellipse at 25% 20%,rgba(231,184,90,.22),transparent 55%);}
@media (prefers-reduced-motion:reduce){.hero-video{display:none;} .hero{background:radial-gradient(ellipse at 30% 0%,#16233a,#080D16 60%);}}
.hero-content{position:relative;z-index:2;padding:90px 0;display:flex;align-items:center;gap:36px;flex-wrap:wrap;}
.hero-text{flex:1;min-width:280px;max-width:600px;}
.avatar-big{width:190px;height:190px;border-radius:50%;overflow:hidden;border:3px solid var(--gold);box-shadow:0 20px 50px rgba(0,0,0,.5);flex-shrink:0;}
.avatar-big img{width:100%;height:100%;object-fit:cover;}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.pill{border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:12px;color:var(--muted);background:rgba(17,28,45,.5);}
.hero h1{font-size:clamp(28px,4vw,46px);font-weight:600;line-height:1.45;margin:0 0 16px;}
.hero p{color:var(--muted);font-size:14.5px;max-width:480px;margin:0 0 24px;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px;}
.btn{padding:13px 22px;border-radius:6px;font-size:14px;font-weight:700;}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);}
.btn-ghost{border:1px solid rgba(241,236,221,.35);color:var(--paper);}
.btn-outline{border:1px solid var(--gold);color:var(--gold);background:transparent;}
.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(241,236,221,.15);border:1px solid rgba(241,236,221,.15);border-radius:10px;overflow:hidden;backdrop-filter:blur(6px);}
.metric{background:rgba(17,28,45,.55);padding:16px 10px;text-align:center;}
.metric .v{font-family:'Fraunces',serif;font-size:19px;color:var(--gold);font-weight:600;}
.metric .l{font-size:11px;color:var(--muted);margin-top:4px;}
@media (max-width:820px){
  .hero{min-height:520px;}
  .metrics-row{grid-template-columns:repeat(2,1fr);}
}

.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;}
.stat-cell{padding:28px 6px;border-inline-start:1px solid var(--line);}
.stat-cell:first-child{border-inline-start:none;}
.stat-cell .n{font-family:'Fraunces',serif;font-size:clamp(16px,2vw,22px);color:var(--gold);font-weight:600;}
.stat-cell .l{color:var(--muted);font-size:11.5px;margin-top:6px;}
@media (max-width:820px){.stats-grid{grid-template-columns:repeat(2,1fr);}.stat-cell:nth-child(odd){border-inline-start:none;}}

.section-head{margin-bottom:34px;}
.eyebrow{color:var(--gold);font-size:14px;margin-bottom:10px;font-weight:600;}
.section-head h2{font-size:24px;font-weight:600;margin:0 0 8px;}
.section-head p{color:var(--muted);max-width:460px;margin:0;font-size:14.5px;}

.process-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.pcard{background:var(--surface);padding:22px 18px;}
.pcard h3{font-size:15px;margin:0 0 8px;}
.pcard p{color:var(--muted);font-size:13px;margin:0;}
@media (max-width:820px){.process-cards{grid-template-columns:1fr 1fr;}}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.card{background:var(--surface);padding:26px 22px;}
.card .ic{font-size:22px;margin-bottom:12px;}
.card h3{font-size:15.5px;font-weight:600;margin:0 0 8px;}
.card p{color:var(--muted);font-size:13.5px;margin:0;}
@media (max-width:820px){.cards{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.cards{grid-template-columns:1fr;}}

.case-band{overflow:hidden;}
.case-track{display:flex;gap:20px;width:max-content;animation:scroll 42s linear infinite;}
.case{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;overflow:hidden;width:400px;flex-shrink:0;white-space:normal;padding:22px;display:flex;flex-direction:column;gap:14px;transition:border-color .3s;}
.case:hover{border-color:rgba(231,184,90,.5);}
.case-head{display:flex;align-items:center;gap:10px;}
.case-no{font-family:'Fraunces',serif;font-size:26px;font-weight:700;color:var(--gold);line-height:1;}
.case-tag{background:rgba(231,184,90,.12);color:var(--gold);border:1px solid rgba(231,184,90,.3);border-radius:99px;padding:3px 12px;font-size:11.5px;font-weight:700;}
.case-period{margin-inline-start:auto;color:var(--muted);font-size:11.5px;}
.case h3{font-size:16.5px;font-weight:600;margin:0;}
.case-kpi{display:flex;align-items:baseline;gap:10px;}
.case-kpi .kv{font-family:'Fraunces',serif;font-size:38px;font-weight:700;background:linear-gradient(135deg,var(--gold),#F6D98E);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.case-kpi .kl{color:var(--muted);font-size:12.5px;}
.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-radius:10px;overflow:hidden;}
.case-stats div{background:rgba(8,13,22,.55);padding:10px 6px;text-align:center;}
.case-stats .v{font-family:'Fraunces',serif;font-size:16px;color:var(--paper);font-weight:600;}
.case-stats .l{font-size:10.5px;color:var(--muted);margin-top:2px;}
.case-shot{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#e9edf1;}
.shot-bar{display:flex;gap:5px;padding:8px 10px;background:#dfe4e9;}
.shot-bar span{width:9px;height:9px;border-radius:50%;background:#c3cad1;}
.case-shot img{width:100%;display:block;}
.live{position:absolute;bottom:8px;left:8px;background:rgba(8,13,22,.88);color:var(--paper);font-size:10.5px;padding:4px 10px;border-radius:99px;}
.live::before{content:'✓ ';color:#25D366;font-weight:700;}
.case-note{color:var(--muted);font-size:11.5px;margin:0;}
.case-band:hover .case-track,.test-band:hover .test-track{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){.case-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;}}

.marquee-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);overflow:hidden;}
.marquee-track{display:flex;gap:56px;padding:24px 0;width:max-content;animation:scroll 24s linear infinite;}
.plat{display:flex;align-items:center;gap:12px;white-space:nowrap;}
.plat-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:700;font-size:17px;color:#0A121C;flex-shrink:0;}
.logo-chip{background:#fff;border-radius:12px;padding:10px 20px;display:flex;align-items:center;justify-content:center;height:56px;}
.logo-chip img{height:100%;width:auto;max-width:130px;object-fit:contain;}
.plat .word{font-family:'Fraunces',serif;font-size:18px;font-weight:600;color:var(--paper);display:block;}
.plat .tag{color:var(--muted);font-size:11px;}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;justify-content:center;}}

.test-band{overflow:hidden;margin-bottom:14px;}
.test-track{display:flex;gap:18px;width:max-content;animation:scroll 55s linear infinite;}
.test-track.reverse{animation-direction:reverse;}
.test-card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:22px;width:330px;white-space:normal;position:relative;}
.test-card .t-q{position:absolute;top:8px;left:18px;font-family:'Fraunces',serif;font-size:60px;line-height:1;color:rgba(231,184,90,.22);}
.t-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.t-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.t-av.alt{background:linear-gradient(135deg,var(--teal),#1d7f72);color:#fff;}
.t-top b{display:block;font-size:14px;}
.t-top span{color:var(--muted);font-size:12px;}
.test-card .stars{color:var(--gold);font-size:15px;letter-spacing:3px;margin-bottom:10px;}
.test-card p{color:var(--paper);font-size:13.5px;margin:0;line-height:1.85;}
@media (prefers-reduced-motion:reduce){.test-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center;}}

.cta-banner{background:linear-gradient(120deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:12px;padding:40px 30px;text-align:center;}
.cta-banner h2{font-size:21px;font-weight:600;margin:0 0 10px;}
.cta-banner p{color:var(--muted);margin:0 0 22px;font-size:14px;max-width:480px;margin-left:auto;margin-right:auto;}

footer{background:var(--surface2);border-top:1px solid var(--line);padding:44px 0 24px;}
.foot-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:18px;}
.foot-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);}
.foot-links a:hover{color:var(--gold);}
.foot-bottom{color:var(--muted);font-size:12.5px;text-align:center;}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
@media (max-width:640px){
  section{padding:44px 0;}
  .hero{min-height:auto;padding:0;}
  .hero-content{padding:64px 0 40px;gap:22px;}
  .avatar-big{width:130px;height:130px;order:-1;margin:0 auto;}
  .hero-text{text-align:center;margin:0 auto;}
  .hero h1{font-size:24px;}
  .hero p{margin-left:auto;margin-right:auto;}
  .hero-ctas{justify-content:center;}
  .hero-2 .hero-content{padding:52px 0;}
  .case{width:82vw;}
  .test-card{width:80vw;}
  .case-shot img{max-height:200px;object-fit:cover;}
  .logo-chip{height:44px;padding:8px 14px;}
  .foot-top{text-align:center;justify-content:center;}
  .nav-cta{padding:8px 12px;font-size:12px;}
  .brand{font-size:16px;}
}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.why-card{background:var(--surface);padding:26px 20px;text-align:center;}
.why-card .ic{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:20px;}
.why-card h3{font-size:14.5px;font-weight:600;margin:0 0 8px;}
.why-card p{color:var(--muted);font-size:12.5px;margin:0;}
@media (max-width:820px){.why-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr;}}

.faq{max-width:720px;margin:0 auto;}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:12px;}
.faq summary{cursor:pointer;font-weight:600;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';color:var(--gold);font-size:20px;transition:transform .3s ease;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq p{color:var(--muted);font-size:13.5px;margin:12px 0 0;}

.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.timeline::before{content:'';position:absolute;top:24px;right:12%;left:12%;height:2px;background:linear-gradient(90deg,var(--gold),var(--teal));}
.tl-step{position:relative;text-align:center;}
.tl-num{width:48px;height:48px;border-radius:50%;background:var(--surface);border:2px solid var(--gold);color:var(--gold);font-family:'Fraunces',serif;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;z-index:1;}
.tl-step h3{font-size:14.5px;font-weight:600;margin:0 0 6px;}
.tl-step p{color:var(--muted);font-size:12.5px;margin:0;}
@media (max-width:820px){.timeline{grid-template-columns:1fr;gap:26px;}.timeline::before{display:none;}}

.progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:60;}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--teal));}
.avatar-ring{position:relative;flex-shrink:0;}
.avatar-ring::before{content:'';position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(from 0deg,var(--gold),transparent 28%,var(--teal),transparent 62%,var(--gold));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:spin 7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.btn-primary{position:relative;overflow:hidden;}
.btn-primary::after{content:'';position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-160%) skewX(-20deg);animation:btnshine 3.8s ease-in-out infinite;}
@keyframes btnshine{0%,55%{transform:translateX(-160%) skewX(-20deg);}100%{transform:translateX(380%) skewX(-20deg);}}
.kw-band{overflow:hidden;background:linear-gradient(90deg,var(--gold2),var(--gold));color:var(--ink);padding:13px 0;}
.kw-track{display:flex;width:max-content;animation:scroll 34s linear infinite reverse;font-weight:700;font-size:14px;white-space:nowrap;}
.kw-track span{padding:0 22px;}
.kw-track span::after{content:'✦';margin-inline-start:44px;opacity:.55;}
.lab{position:relative;overflow:hidden;padding:84px 0;}
.lab-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.45);}
.lab-overlay{position:absolute;inset:0;background:linear-gradient(180deg,var(--ink),rgba(8,13,22,.72) 28%,rgba(8,13,22,.72) 72%,var(--ink));}
.lab-inner{position:relative;z-index:2;}
.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.lab-card{background:rgba(17,28,45,.75);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:16px;padding:24px;}
.lab-card h3{font-size:15.5px;font-weight:600;margin:0 0 18px;}
.f-row{margin-bottom:16px;}
.f-label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:7px;}
.f-bar{height:14px;border-radius:8px;background:rgba(241,236,221,.08);overflow:hidden;}
.f-bar i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width 1.8s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;}
.f-bar i::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:shine 2.4s ease-in-out infinite;}
@keyframes shine{to{transform:translateX(100%);}}
.lab-card.in .f-bar i{width:var(--w);}
.lab-note{color:var(--muted);font-size:11.5px;margin:6px 0 0;}
.lab-svg{width:100%;height:auto;display:block;}
.ln{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s ease .3s;}
.lab-card.in .ln{stroke-dashoffset:0;}
.ar{opacity:0;transition:opacity 1.6s ease 1.2s;}
.lab-card.in .ar{opacity:1;}
.lab-legend{display:flex;gap:16px;font-size:11.5px;color:var(--muted);margin:8px 0 16px;}
.lab-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px;}
.ring-row{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:16px;}
.ring-box{position:relative;width:110px;height:110px;flex-shrink:0;}
.ring-box svg{width:100%;height:100%;}
.ring{stroke-dasharray:302;stroke-dashoffset:302;transition:stroke-dashoffset 2.2s ease .3s;}
.lab-card.in .ring{stroke-dashoffset:78;}
.ring-box b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:24px;color:var(--gold);}
.ring-row p{margin:0;font-size:13px;color:var(--muted);}
.ring-row p strong{display:block;color:var(--paper);font-size:14.5px;margin-bottom:3px;}
.cta-banner{position:relative;overflow:hidden;}
.cta-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.4);}
.cta-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(23,35,58,.8),rgba(17,28,45,.7));}
.cta-banner h2,.cta-banner p,.cta-banner .hero-ctas{position:relative;z-index:2;}
@media (max-width:820px){.lab-grid{grid-template-columns:1fr;}}
@media (max-width:640px){.avatar-ring{order:-1;margin:0 auto;}.lab{padding:56px 0;}.case{padding:18px;}.case-kpi .kv{font-size:32px;}}
@media (prefers-reduced-motion:reduce){.avatar-ring::before,.btn-primary::after,.kw-track,.f-bar i::after{animation:none;}.f-bar i{transition:none;}.ln,.ring{transition:none;}}

.proof-sum{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:560px;margin:0 auto 44px;}
.proof-sum div{flex:1;background:var(--surface);padding:16px 8px;text-align:center;}
.proof-sum b{display:block;font-family:'Fraunces',serif;font-size:24px;color:var(--gold);}
.proof-sum span{font-size:11.5px;color:var(--muted);}
.proof-title{font-size:16px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:10px;}
.proof-title::before{content:'';width:4px;height:18px;border-radius:2px;background:linear-gradient(var(--gold),var(--gold2));}
.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;margin-bottom:44px;}
.proof{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:16px;}
.proof-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.proof-head b{display:block;font-size:13.5px;}
.proof-head span{color:var(--muted);font-size:11.5px;}
.proof-head .stars{margin-inline-start:auto;color:var(--gold);font-size:13px;letter-spacing:2px;}
.proof-img{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line);cursor:zoom-in;background:#fff;}
.chats .proof-img{background:#0b141a;}
.proof-img img{width:100%;display:block;}
.proof-cap{color:var(--muted);font-size:12.5px;margin:12px 0 0;line-height:1.7;}
.lb{position:fixed;inset:0;z-index:100;background:rgba(4,8,14,.93);display:none;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;}
.lb.open{display:flex;}
.lb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6);}
.lb-x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:18px;color:#fff;font-size:32px;line-height:1;}
@media (max-width:820px){
  .proof-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 22px 10px;margin:0 -22px 36px;-webkit-overflow-scrolling:touch;}
  .proof{flex:0 0 82%;scroll-snap-align:center;}
}

.consult{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,var(--surface2),var(--surface));border:1px solid rgba(231,184,90,.35);border-radius:18px;padding:28px 30px;margin-top:34px;}
.consult h3{font-size:20px;font-weight:600;margin:0 0 6px;}
.consult p{margin:0;color:var(--muted);font-size:13.5px;max-width:460px;}
.consult .acts{display:flex;gap:10px;flex-wrap:wrap;}
.btn-lg{padding:15px 26px;font-size:15px;}
.case-band,.test-band{overflow-x:auto;overflow-y:hidden;direction:ltr;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-overflow-scrolling:touch;}
.case-band::-webkit-scrollbar,.test-band::-webkit-scrollbar{display:none;}
.case-band.drag,.test-band.drag{cursor:grabbing;user-select:none;-webkit-user-select:none;}
.case-track,.test-track{animation:none !important;}
.case,.test-card{direction:rtl;}
.case-shot img{-webkit-user-drag:none;user-select:none;}
.fx-sec{position:relative;overflow:hidden;}
.fx-sec>.wrap{position:relative;z-index:1;}
.fx{position:absolute;inset:0;width:100%;height:100%;opacity:.6;pointer-events:none;}
.orbit-sec{padding:70px 0;}
.orbit-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
.orbit-text h2{font-size:26px;font-weight:600;margin:0 0 12px;line-height:1.5;}
.orbit-text p{color:var(--muted);font-size:14.5px;margin:0 0 22px;max-width:460px;}
.orbit{position:relative;width:min(360px,80vw);aspect-ratio:1;margin:0 auto;}
.orb{position:absolute;border:1px dashed rgba(241,236,221,.2);border-radius:50%;animation:spin var(--d) linear infinite;}
.orb.o1{inset:20%;}
.orb.o2{inset:0;}
.orb .chip{position:absolute;padding:6px 13px;border-radius:99px;background:var(--surface);border:1px solid rgba(231,184,90,.4);font-size:12px;font-weight:700;white-space:nowrap;color:var(--paper);box-shadow:0 8px 20px rgba(0,0,0,.35);animation:counter var(--d) linear infinite;}
@keyframes counter{from{transform:translate(-50%,-50%) rotate(0);}to{transform:translate(-50%,-50%) rotate(-360deg);}}
.orbit-core{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#F6D98E,var(--gold) 45%,var(--gold2));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 0 50px rgba(231,184,90,.45);animation:glow 3s ease-in-out infinite alternate;}
.orbit-core b{font-family:'Fraunces',serif;font-size:26px;line-height:1;}
.orbit-core span{font-size:11px;font-weight:700;}
@keyframes glow{to{box-shadow:0 0 80px rgba(231,184,90,.7);}}
@media (max-width:820px){.orbit-wrap{grid-template-columns:1fr;text-align:center;}.orbit-text p{margin-left:auto;margin-right:auto;}.consult{text-align:center;justify-content:center;}.consult .acts{justify-content:center;}}
@media (prefers-reduced-motion:reduce){.orb,.orb .chip,.orbit-core{animation:none;}.orb .chip{transform:translate(-50%,-50%);}}
.btn{display:inline-block;text-align:center;}
.orbit-sec{overflow:hidden;}
.orbit{width:min(360px,76vw);}

.splash{position:fixed;inset:0;z-index:200;background:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;animation:splashOut .7s ease 1.8s forwards;}
.splash-name{font-family:'Fraunces',serif;font-size:38px;font-weight:700;background:linear-gradient(135deg,var(--gold),#F6D98E);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeUp .9s ease both;}
.splash-sub{color:var(--muted);font-size:13px;margin-top:6px;animation:fadeUp .9s ease .2s both;}
.splash-bar{display:block;height:2px;width:0;margin:18px auto 0;background:linear-gradient(90deg,var(--gold),var(--teal));animation:splashBar 1.5s ease .2s forwards;}
@keyframes splashBar{to{width:180px;}}
@keyframes splashOut{to{opacity:0;visibility:hidden;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.aurora{position:relative;overflow:hidden;}
.aurora::before{content:'';position:absolute;inset:-40%;background:conic-gradient(from 0deg at 30% 40%,rgba(231,184,90,.13),transparent 25%,rgba(47,184,166,.11) 50%,transparent 75%,rgba(231,184,90,.13));filter:blur(60px);animation:spin 45s linear infinite;pointer-events:none;}
.aurora>.wrap{position:relative;z-index:1;}
.vid-sec{position:relative;overflow:hidden;padding:84px 0;}
.vid-sec>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55);}
.vid-ov{position:absolute;inset:0;background:linear-gradient(180deg,var(--ink),rgba(8,13,22,.62) 25%,rgba(8,13,22,.62) 75%,var(--ink));}
.vid-ov.soft{background:linear-gradient(180deg,var(--ink),rgba(8,13,22,.5) 30%,rgba(8,13,22,.5) 70%,var(--ink));}
.vid-sec>.wrap{position:relative;z-index:2;}
.pf{text-align:center;padding:96px 0;}
.pf h2{font-size:30px;font-weight:600;margin:0 0 10px;}
.pf p{color:var(--paper);opacity:.85;max-width:520px;margin:0 auto 26px;font-size:14.5px;}
.btn-glow{animation:glowBtn 2.4s ease-in-out infinite;}
@keyframes glowBtn{50%{box-shadow:0 0 36px rgba(231,184,90,.7);}}
.tab-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px;}
.tab{background:var(--surface);border:1px solid var(--line);color:var(--muted);padding:10px 18px;border-radius:99px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .25s;}
.tab:hover{color:var(--paper);}
.tab.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);border-color:transparent;}
.panel{display:none;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:28px;max-width:900px;margin:0 auto;}
.panel.active{display:block;animation:fadeUp .5s ease;}
.panel h3{font-size:19px;margin:0 0 8px;}
.panel>p{color:var(--muted);font-size:14px;margin:0 0 20px;}
.pn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pn-grid div{background:rgba(8,13,22,.5);border:1px solid var(--line);border-radius:12px;padding:16px;}
.pn-grid b{display:block;color:var(--gold);font-size:13px;margin-bottom:6px;}
.pn-grid span{color:var(--paper);font-size:13px;line-height:1.75;}
.kpi-grid,.plat-grid2,.mk-grid{display:grid;gap:16px;}
.kpi-grid,.mk-grid{grid-template-columns:repeat(3,1fr);}
.plat-grid2{grid-template-columns:repeat(4,1fr);}
.spot{position:relative;overflow:hidden;}
.spot::before{content:'';position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,-100%),rgba(231,184,90,.17),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;}
.spot:hover::before{opacity:1;}
.kpi-card,.plat-card,.mk-card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .18s ease,border-color .3s;will-change:transform;}
.kpi-card:hover,.plat-card:hover,.mk-card:hover{border-color:rgba(231,184,90,.5);}
.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.kpi-top b{font-family:'Fraunces',serif;font-size:26px;color:var(--gold);}
.pulse{width:10px;height:10px;border-radius:50%;background:var(--teal);animation:pulseDot 2s infinite;}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(47,184,166,.6);}70%,100%{box-shadow:0 0 0 10px rgba(47,184,166,0);}}
.kpi-card h3,.plat-card h3,.mk-card h3{font-size:15px;margin:0 0 8px;font-weight:600;line-height:1.6;}
.plat-card h3{font-size:18px;}
.formula{display:inline-block;background:rgba(231,184,90,.1);border:1px dashed rgba(231,184,90,.4);color:var(--gold);border-radius:8px;padding:4px 10px;font-size:12px;margin-bottom:10px;}
.kpi-card p,.plat-card p{color:var(--muted);font-size:13px;margin:0;line-height:1.8;}
.chipx{display:inline-block;background:rgba(47,184,166,.14);color:var(--teal);border-radius:99px;padding:3px 12px;font-size:11.5px;font-weight:700;margin-bottom:10px;}
.best{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--paper);line-height:1.7;}
.best b{color:var(--gold);}
.mk-x{width:30px;height:30px;border-radius:50%;background:rgba(255,110,110,.15);color:#ff7a7a;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:12px;}
.mk-fix{margin:0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7;}
.mk-fix b{color:#4ade80;}
.road{position:relative;max-width:760px;margin:0 auto;padding-right:56px;}
.road::before{content:'';position:absolute;right:17px;top:0;bottom:0;width:2px;background:var(--line);}
.road-fill{position:absolute;right:17px;top:0;width:2px;height:0;background:linear-gradient(var(--gold),var(--teal));box-shadow:0 0 12px rgba(231,184,90,.6);}
.road-step{position:relative;margin-bottom:30px;background:rgba(17,28,45,.72);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:14px;padding:18px 20px;opacity:.5;transition:opacity .5s,border-color .5s;}
.road-step:last-child{margin-bottom:0;}
.road-step::before{content:'';position:absolute;right:-45px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--ink);border:2px solid var(--line);transition:all .5s;}
.road-step.on{opacity:1;border-color:rgba(231,184,90,.45);}
.road-step.on::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px var(--gold);}
.road-day{display:inline-block;font-size:11.5px;font-weight:700;color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:99px;padding:2px 12px;margin-bottom:8px;}
.road-step h3{font-size:16px;margin:0 0 6px;}
.road-step p{color:var(--muted);font-size:13.5px;margin:0;}
@media (max-width:900px){.plat-grid2{grid-template-columns:repeat(2,1fr);}.kpi-grid,.mk-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:700px){.pn-grid{grid-template-columns:1fr;}.panel{padding:20px;}.tab{padding:9px 14px;font-size:12.5px;}}
@media (max-width:560px){.plat-grid2,.kpi-grid,.mk-grid{grid-template-columns:1fr;}.road{padding-right:44px;}.road::before,.road-fill{right:11px;}.road-step::before{right:-39px;}.pf h2{font-size:24px;}.vid-sec{padding:60px 0;}}
@media (prefers-reduced-motion:reduce){.splash{display:none;}.aurora::before,.pulse,.btn-glow{animation:none;}.panel.active{animation:none;}}

.ctypes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ctype{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:14px;padding:20px;}
.ctype .top{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.ctype .ic{width:38px;height:38px;border-radius:10px;background:rgba(231,184,90,.12);border:1px solid rgba(231,184,90,.3);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.ctype h3{font-size:14.5px;font-weight:600;margin:0;}
.ctype .en{color:var(--muted);font-size:11px;}
.ctype p{color:var(--muted);font-size:12.5px;margin:0 0 12px;line-height:1.7;}
@media (max-width:820px){.ctypes{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.ctypes{grid-template-columns:1fr;}}

.compare{max-width:760px;margin:0 auto;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:18px;padding:28px;}
.cmp-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;}
.cmp-col{border-radius:14px;padding:22px 18px;}
.cmp-col.before{background:rgba(147,162,184,.07);border:1px solid var(--line);}
.cmp-col.after{background:rgba(231,184,90,.09);border:1px solid rgba(231,184,90,.35);}
.cmp-tag{font-size:11.5px;font-weight:700;margin-bottom:14px;display:inline-block;padding:4px 12px;border-radius:99px;}
.cmp-col.before .cmp-tag{background:rgba(147,162,184,.15);color:var(--muted);}
.cmp-col.after .cmp-tag{background:rgba(231,184,90,.18);color:var(--gold);}
.cmp-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);}
.cmp-row:first-of-type{border-top:none;}
.cmp-row span:first-child{color:var(--muted);font-size:12px;}
.cmp-row b{font-family:'Fraunces',serif;font-size:18px;}
.cmp-col.before b{color:#93A2B8;}
.cmp-col.after b{color:var(--gold);}
.cmp-arrow{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;animation:pulse-arrow 1.8s ease-in-out infinite;}
@keyframes pulse-arrow{0%,100%{transform:scale(1);}50%{transform:scale(1.14);}}
@media (max-width:700px){.cmp-grid{grid-template-columns:1fr;}.cmp-arrow{transform:rotate(90deg);margin:0 auto;}}
@media (prefers-reduced-motion:reduce){.cmp-arrow{animation:none;}}