@font-face{font-family:Kalameh;src:url("./assets/fonts/KalamehFaNum-Medium.ttf") format("truetype");font-display:swap;font-weight:100 900}
:root{--bg:#020718;--panel:#071126;--panel2:#0A1630;--text:#F7F9FF;--muted:#8998B8;--muted2:#637291;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.15);--blue:#1677FF;--cyan:#16C8FF;--violet:#754BFF;--purple:#A66BFF;--green:#39E39A;--grad:linear-gradient(135deg,#16C8FF 0%,#1677FF 38%,#754BFF 72%,#A66BFF 100%);--shadow:0 40px 110px rgba(0,0,0,.44)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Kalameh,Tahoma,Arial,sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility}a{color:inherit}button{font:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(70,100,255,.13),rgba(117,75,255,.05) 38%,transparent 70%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}.top-progress{position:fixed;top:0;right:0;height:2px;width:0;background:var(--grad);z-index:200;box-shadow:0 0 14px rgba(70,100,255,.8)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;background:linear-gradient(to bottom,rgba(2,7,24,.9),rgba(2,7,24,.6),transparent);backdrop-filter:blur(18px)}.nav-wrap{height:80px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.brand{text-decoration:none;display:flex;flex-direction:column;align-items:center;line-height:.8}.brand-fa{font-size:25px;font-weight:900;letter-spacing:-2px}.brand-en{direction:ltr;font-size:9px;letter-spacing:2.2px;color:#90A0C0;margin-top:5px}.brand-en span,.ai-mark{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:30px;justify-content:center}.nav a{text-decoration:none;font-size:12px;color:#B7C3DC;position:relative;transition:.25s}.nav a:after{content:"";position:absolute;right:0;left:0;bottom:-9px;height:1px;width:0;margin:auto;background:var(--grad);transition:.25s}.nav a:hover{color:#fff}.nav a:hover:after{width:100%}
.nav-cta{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:rgba(255,255,255,.04);font-size:11px}.green-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;position:relative;box-shadow:0 0 14px rgba(57,227,154,.85)}.green-dot:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(57,227,154,.55);border-radius:50%;animation:ping 1.7s ease-out infinite}@keyframes ping{0%{transform:scale(.7);opacity:1}80%,100%{transform:scale(2.2);opacity:0}}
.hero{position:relative;min-height:1040px;padding:145px 0 100px;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 57%,transparent 94%)}.hero-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 12%,rgba(2,7,24,.6) 70%,var(--bg) 100%)}.hero-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.24}.b1{width:640px;height:640px;background:#694CFF;right:-260px;top:-100px;animation:drift 11s ease-in-out infinite}.b2{width:520px;height:520px;background:#0879FF;left:-220px;top:330px;animation:drift 13s ease-in-out infinite reverse}@keyframes drift{50%{transform:translate(55px,-30px) scale(1.05)}}
.hero-paths{position:absolute;inset:110px 0 auto;width:100%;height:760px;pointer-events:none}.path-base{fill:none;stroke:rgba(255,255,255,.055);stroke-width:1.1}.path-soft{opacity:.6}.path-beam{fill:none;stroke:url(#pathg);stroke-width:2;filter:url(#pathGlow);stroke-dasharray:180 1200}.p1{animation:beam 7s linear infinite}.p2{animation:beam 8.4s linear infinite reverse}@keyframes beam{to{stroke-dashoffset:-1380}}
.hero-content{position:relative;text-align:center}.live-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-size:11px;color:#B7C4DD}.hero-logo{margin:32px 0 8px}.hero-logo-fa{font-size:clamp(70px,10vw,132px);font-weight:900;line-height:.86;letter-spacing:-9px}.hero-logo-en{direction:ltr;font-size:clamp(34px,5vw,58px);letter-spacing:9px;font-weight:900;color:#EDF3FF;margin-top:19px}.hero-logo-en span{background:var(--grad);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(82,93,255,.35))}.hero-logo small{display:block;color:#7282A2;font-size:11px;margin-top:12px}.hero h1{font-size:clamp(37px,5.5vw,70px);line-height:1.38;letter-spacing:-1.7px;max-width:980px;margin:28px auto 18px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:850px;margin:auto;color:var(--muted);font-size:clamp(14px,1.6vw,18px);line-height:2.1}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:50px;padding:0 20px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;font-size:12px;font-weight:700;border:1px solid var(--line);transition:.25s cubic-bezier(.2,.8,.2,1)}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--grad);border:0;box-shadow:0 14px 45px rgba(73,84,255,.27)}.btn.ghost{background:rgba(255,255,255,.04);color:#D5DDEF}.hero-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#667695;font-size:9px;margin-top:17px}.hero-meta span{display:flex;align-items:center;gap:6px}.mini-live{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.showcase{position:relative;max-width:1120px;margin:72px auto 0;perspective:1400px}.showcase-glow{position:absolute;width:80%;height:280px;left:10%;bottom:-60px;background:radial-gradient(ellipse,rgba(61,88,255,.2),transparent 68%);filter:blur(25px)}.browser{position:relative;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 55px 150px rgba(0,0,0,.55);transform:rotateX(3deg);transition:transform .22s}.browser-top{height:47px;background:#050D1E;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px}.browser-dots{display:flex;gap:6px;direction:ltr}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#52617A}.browser-title{font-size:9px;color:#7A89A8}.browser-online{justify-self:end;font-size:8px;color:#6F7E9C;display:flex;gap:7px;align-items:center}.browser-body{background:#F3F6FB;max-height:620px;overflow:hidden}.browser-body img{width:100%;display:block}.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--line2);border-radius:13px;background:rgba(6,15,35,.84);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.35);animation:float 6s ease-in-out infinite;text-align:right}.float-card span:first-child{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center}.float-card small{display:block;font-size:7px;color:#697A9A}.float-card b{font-size:9px}.fc1{right:-36px;top:100px}.fc2{left:-36px;bottom:90px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-11px)}}
.trust-strip{padding:30px 0 55px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trust-item{padding:20px 18px;text-align:center;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.trust-item strong{display:block;font-size:24px}.trust-item span{display:block;color:#7585A3;font-size:9px;margin-top:5px}.section{padding:110px 0}
.timeline-wrap{position:relative}.timeline-line{position:absolute;top:90px;bottom:90px;right:50%;width:2px;transform:translateX(50%);background:linear-gradient(to bottom,transparent,rgba(255,255,255,.08) 8%,rgba(255,255,255,.08) 92%,transparent)}.timeline-beam{position:absolute;top:0;width:2px;height:150px;background:linear-gradient(to bottom,transparent,#16C8FF,#754BFF,transparent);box-shadow:0 0 18px rgba(62,109,255,.75)}.timeline-row{min-height:520px;display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center;position:relative}.timeline-row.reverse .timeline-copy{grid-column:3}.timeline-row.reverse .timeline-card{grid-column:1;grid-row:1}.timeline-node{grid-column:2;width:14px;height:14px;justify-self:center;border-radius:50%;background:#09162E;border:2px solid #4F6BFF;box-shadow:0 0 0 7px rgba(75,94,255,.08),0 0 24px rgba(75,94,255,.45)}.timeline-copy{padding:25px}.eyebrow{color:#74A2FF;font-size:10px;display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:18px;height:1px;background:linear-gradient(90deg,#16C8FF,#754BFF)}.timeline-copy h2,.section-head h2,.intelligence-copy h2{font-size:clamp(28px,4vw,48px);line-height:1.48;letter-spacing:-.8px;margin:13px 0}.timeline-copy p,.section-head p,.intelligence-copy p{color:var(--muted);font-size:13px;line-height:2.05;margin:0}.timeline-card{min-height:380px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));overflow:hidden;position:relative;box-shadow:0 28px 80px rgba(0,0,0,.2)}.interactive-glow:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:var(--mx,-500px);top:var(--my,-500px);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(74,112,255,.18),transparent 68%);pointer-events:none;opacity:0;transition:.2s}.interactive-glow:hover:before{opacity:1}
.system-map{height:380px;position:relative}.system-map svg{position:absolute;inset:0;width:100%;height:100%}.system-map path{fill:none;stroke:rgba(98,126,255,.25);stroke-width:1.2;stroke-dasharray:4 7;animation:dash 14s linear infinite}@keyframes dash{to{stroke-dashoffset:-200}}.system-center{position:absolute;right:50%;top:50%;transform:translate(50%,-50%);width:105px;height:105px;border-radius:29px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(22,200,255,.16),rgba(117,75,255,.13) 55%,#081329);border:1px solid var(--line2);font-size:18px;box-shadow:0 0 55px rgba(65,82,255,.14)}.system-tag{position:absolute;width:82px;height:42px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:#09152C;color:#A9B8D7;font-size:9px}.t1{right:6%;top:11%}.t2{left:6%;top:11%}.t3{right:5%;bottom:11%}.t4{left:5%;bottom:11%}.t5{right:34%;top:6%}.t6{left:34%;bottom:5%}.screen-card{padding:10px;background:#071024}.screen-card img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px;display:block}
.section-head{text-align:center;max-width:760px;margin:0 auto 44px}.section-head p{max-width:680px;margin:auto}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.bento-card{grid-column:span 4;min-height:270px;border:1px solid var(--line);border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));overflow:hidden;position:relative;transition:.25s}.bento-card:hover{transform:translateY(-4px);border-color:rgba(103,120,255,.28)}.bento-card.wide{grid-column:span 8;display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center}.bento-icon{width:45px;height:45px;border-radius:14px;background:linear-gradient(145deg,rgba(22,200,255,.12),rgba(117,75,255,.16));border:1px solid var(--line);display:grid;place-items:center;margin-bottom:20px;font-size:16px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(100,120,255,.15);color:#84A6FF;font-size:7px}.bento-card h3{font-size:19px;margin:8px 0}.bento-card p{font-size:11px;color:#8292B0;line-height:1.9;margin:0}.bento-screen{height:220px;border-radius:15px;overflow:hidden;border:1px solid var(--line);background:#F2F5FA}.bento-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.mini-screen{width:100%;height:125px;object-fit:cover;object-position:top;border-radius:12px;margin-top:18px;border:1px solid var(--line)}
.real-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.gallery-card{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:14px 16px;text-align:right;color:#9DAAC5;cursor:pointer;transition:.25s}.gallery-card span{display:block;color:#E3E9F7;font-size:11px}.gallery-card small{display:block;font-size:8px;margin-top:4px}.gallery-card.active,.gallery-card:hover{background:linear-gradient(145deg,rgba(22,119,255,.09),rgba(117,75,255,.08));border-color:rgba(94,116,255,.28)}.real-preview{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#061024;box-shadow:var(--shadow)}.preview-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);font-size:9px;color:#8796B5}.preview-top>div{display:flex;gap:5px}.preview-top i{width:7px;height:7px;border-radius:50%;background:#52617A}.real-preview img{width:100%;display:block;background:#F2F5FA;transition:opacity .25s}
.intelligence-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.ai-orbit{width:70px;height:70px;position:relative;display:grid;place-items:center;margin-bottom:24px}.ai-core{width:56px;height:56px;border-radius:18px;background:var(--grad);display:grid;place-items:center;font-size:20px;box-shadow:0 0 45px rgba(67,88,255,.34);z-index:2}.ring{position:absolute;inset:-10px;border:1px solid rgba(92,111,255,.16);border-radius:26px;animation:ring 3s ease-out infinite}.ring.r2{inset:-24px;border-radius:34px;animation-delay:1s}@keyframes ring{0%{transform:scale(.88);opacity:.8}70%,100%{transform:scale(1.12);opacity:0}}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.check-grid span{font-size:9px;color:#9BADCA;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.check-grid span:before{content:"✓";color:#53DCAA;margin-left:6px}
.chat-device{max-width:390px;width:100%;margin:auto;border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:10px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:0 45px 120px rgba(0,0,0,.45)}.device-top{height:50px;border-radius:21px 21px 0 0;background:#061026;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;font-size:9px}.device-top>span{width:64px;height:16px;border-radius:999px;background:#020718}.device-top .green-dot{justify-self:end}.device-body{min-height:470px;padding:19px 16px;background:#050D20}.assistant{display:flex;align-items:center;gap:10px;margin-bottom:22px}.assistant-icon{width:42px;height:42px;border-radius:14px;background:var(--grad);display:grid;place-items:center}.assistant b{display:block;font-size:10px}.assistant small{display:block;color:#657595;font-size:7px;margin-top:3px}.bubble{font-size:8.5px;line-height:1.9;padding:10px 11px;max-width:85%;margin-top:10px}.bubble.user{margin-right:auto;background:#14213D;border-radius:13px 13px 4px 13px}.bubble.bot{background:linear-gradient(145deg,rgba(22,119,255,.07),rgba(117,75,255,.08));border:1px solid rgba(88,107,255,.11);border-radius:13px 13px 13px 4px;color:#9DAFCE}.typing{display:flex;gap:4px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;width:max-content;margin-top:10px}.typing i{width:4px;height:4px;border-radius:50%;background:#7F91B2;animation:type 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes type{50%{opacity:.25;transform:translateY(-3px)}}.device-input{height:55px;border-radius:0 0 21px 21px;background:#061026;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#53627E;font-size:8px}.device-input button{width:34px;height:34px;border:0;border-radius:10px;background:var(--grad);color:#fff}
.role-cloud{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;max-width:900px;margin:auto}.role-cloud span{padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.026);color:#A6B4CE;font-size:10px;animation:roleFloat 6s ease-in-out infinite}.role-cloud span:nth-child(2n){animation-delay:-2s}.role-cloud span:nth-child(3n){animation-delay:-4s}@keyframes roleFloat{50%{transform:translateY(-6px)}}
.final-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;min-height:420px;background:radial-gradient(circle at 50% 0%,rgba(61,83,255,.18),transparent 45%),rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 25px}.final-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000,transparent 80%)}.final-card>*{position:relative;z-index:1}.final-card h2{font-size:clamp(32px,5vw,60px);line-height:1.42;margin:20px 0 10px}.final-card p{color:#8392B0;font-size:13px;margin:0}
footer{padding:25px 0 45px}.footer-wrap{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;color:#647493;font-size:9px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand .brand-fa{font-size:22px}.footer-brand b{display:block;color:#D9E1F3;font-size:10px}.footer-brand small{display:block;margin-top:3px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}
@media(max-width:980px){.nav{display:none}.timeline-line{right:24px;transform:none}.timeline-row,.timeline-row.reverse{grid-template-columns:48px 1fr;gap:8px;padding:35px 0}.timeline-node{grid-column:1}.timeline-copy,.timeline-row.reverse .timeline-copy{grid-column:2;grid-row:1}.timeline-card,.timeline-row.reverse .timeline-card{grid-column:2;grid-row:2}.bento-card,.bento-card.wide{grid-column:span 6}.bento-card.wide{display:block}.bento-screen{margin-top:18px}.intelligence-grid{grid-template-columns:1fr;gap:55px}.intelligence-copy{text-align:center}.ai-orbit{margin:0 auto 24px}.check-grid{max-width:650px;margin:24px auto 0}.real-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.wrap{width:min(100% - 24px,1180px)}.nav-wrap{height:70px}.nav-cta{padding:9px 11px}.hero{padding-top:115px;min-height:auto}.hero-logo-fa{font-size:78px;letter-spacing:-5px}.hero-logo-en{font-size:30px;letter-spacing:5px}.hero h1{font-size:38px}.hero-lead{font-size:13px}.float-card{display:none}.showcase{margin-top:48px}.browser{transform:none!important;border-radius:16px}.browser-title{display:none}.browser-top{grid-template-columns:1fr 1fr}.browser-online{justify-self:end}.browser-body{max-height:420px}.trust-grid{grid-template-columns:1fr 1fr}.timeline-line{right:15px}.timeline-row,.timeline-row.reverse{grid-template-columns:32px 1fr}.timeline-copy{padding:10px 3px}.timeline-card{min-height:320px}.system-map{height:320px}.bento{grid-template-columns:1fr}.bento-card,.bento-card.wide{grid-column:1}.real-gallery{grid-template-columns:1fr 1fr}.real-preview{border-radius:16px}.check-grid{grid-template-columns:1fr}.footer-wrap{flex-direction:column;gap:18px;text-align:center}.footer-brand{flex-direction:column}.hero-paths{opacity:.65}}
@media(pointer:coarse){.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}