@import "tailwindcss";

@theme { --font-sans: "Yekan Bakh", "Vazirmatn", system-ui, sans-serif; }

:root { --ink:#eaf5ff; --muted:#9fb5ca; --navy:#071426; --navy-2:#0b1f38; --panel:rgba(12,35,62,.77); --line:rgba(117,189,255,.18); --blue:#3b82f6; --cyan:#7dd3fc; --violet:#a78bfa; --lilac:#c4b5fd; --green:#54e6a6; --orange:#ffb45b; }
*{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--navy)} body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--font-sans);line-height:1.75} button,input,textarea{font:inherit} button{cursor:pointer} a{color:inherit;text-decoration:none}
.mvt-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% -15%,#1a5084 0,transparent 31%),radial-gradient(circle at 100% 60%,#0b3256 0,transparent 26%),var(--navy);position:relative}.city-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(83,188,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(83,188,255,.09) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.city-glow{position:fixed;width:42rem;height:42rem;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.16}.glow-one{background:#4d55e8;top:-15rem;right:-16rem}.glow-two{background:#00bfe8;bottom:-22rem;left:-15rem}
.mvt-header{position:sticky;top:0;z-index:20;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 4px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:transparent;border:0;box-shadow:none;color:#fff}.brand{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:900;letter-spacing:.02em}.brand small{font-size:.68rem;color:rgba(255,255,255,.75);font-weight:600;border-right:1px solid var(--line);padding-right:9px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#4c8dff,#46e4f4);box-shadow:0 0 24px #398fff70}.nav-links{display:flex;gap:5px}.nav-links a{font-size:.9rem;font-weight:700;color:#eaf5ff;padding:8px 13px;border-radius:10px;transition:.2s}.nav-links a:hover{background:rgba(255,255,255,.14);color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.cart-button,.menu-button{border:1px solid var(--line);background:#ffffff0b;color:var(--ink);border-radius:11px;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:.8rem}.cart-button b{background:var(--cyan);color:#062139;border-radius:99px;min-width:19px;text-align:center}.menu-button{display:none;padding:8px}
.hero-section{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:650px;padding:95px 0 72px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;position:relative}.eyebrow{margin:0 0 12px;color:var(--cyan);font-size:.78rem;font-weight:800;letter-spacing:.05em;display:flex;gap:8px;align-items:center}.eyebrow i{width:8px;height:8px;background:var(--cyan);box-shadow:0 0 15px var(--cyan);border-radius:50%}.hero-copy h1{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.06em;line-height:1.25;margin:0;font-weight:900;letter-spacing:-.05em}.hero-copy h1 em{font-style:normal;background:linear-gradient(120deg,#2563eb,#7c3aed 55%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{color:var(--muted);max-width:570px;font-size:1.02rem;margin:22px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.ghost-button{border:0;border-radius:13px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem;font-weight:800}.primary-button{color:#06182b;background:linear-gradient(135deg,#5b9eff,#55e3f7);box-shadow:0 12px 25px #1597de35}.ghost-button{color:var(--ink);background:#ffffff0a;border:1px solid var(--line)}.hero-proof{display:flex;gap:25px;margin-top:31px;color:var(--muted);font-size:.76rem}.hero-proof b{color:#fff;margin-left:5px;font-size:.94rem}
.city-visual{height:445px;position:relative;isolation:isolate;border:1px solid #8bd6ff2e;border-radius:30px;background:radial-gradient(circle at 55% 22%,#43b5ff24,transparent 28%),linear-gradient(180deg,#102e57bb,#07172eb8);box-shadow:inset 0 1px #ffffff1c,0 30px 80px #0008;overflow:hidden}.city-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#9ceaff10 45%,transparent 62%);transform:translateX(-100%);animation:scan 6s infinite}.moon{position:absolute;top:34px;left:40px;color:#d6f2ff;background:#9edfff20;border-radius:50%;padding:12px;box-shadow:0 0 30px #72ceff65}.cloud{position:absolute;width:130px;height:27px;border-radius:99px;background:#a8e7ff14;filter:blur(5px)}.cloud-a{top:105px;right:36px}.cloud-b{top:170px;left:52px;width:90px}.city-floor{position:absolute;right:-20%;left:-20%;height:36%;bottom:-4%;background:repeating-linear-gradient(90deg,transparent 0 58px,#5ddaff22 59px 60px),repeating-linear-gradient(0deg,transparent 0 40px,#5ddaff22 41px 42px);transform:perspective(300px) rotateX(57deg);transform-origin:bottom}.tower{position:absolute;bottom:64px;border:1px solid #8ce8ff6c;border-bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(59,130,246,.35) 45%,rgba(167,139,250,.35));backdrop-filter:blur(8px);box-shadow:0 24px 50px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.6),inset -8px 0 10px rgba(6,24,42,.35);z-index:1}.tower-main{right:35%;width:150px;height:285px;border-radius:18px 18px 0 0;transform:perspective(500px) rotateY(-7deg)}.tower-main::before{content:"";position:absolute;width:70px;height:34px;border:1px solid #7edaff76;border-bottom:0;left:39px;top:-33px;border-radius:25px 25px 0 0;background:#1b5582}.tower-top{position:absolute;top:19px;right:0;left:0;text-align:center;color:var(--cyan)}.tower strong{position:absolute;bottom:15px;right:0;left:0;text-align:center;letter-spacing:.2em;color:#c7edff;text-shadow:0 0 12px #55cbff}.tower-left{right:13%;width:84px;height:190px;border-radius:14px 14px 0 0}.tower-right{left:15%;width:100px;height:225px;border-radius:14px 14px 0 0}.tower-windows{padding:67px 15px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tower-windows i{height:14px;background:#c0f1ff;opacity:.55;box-shadow:0 0 12px #72e5ff}.tower-windows i:nth-child(3n){opacity:.16}.city-on .tower-windows i{animation:window 1.4s infinite alternate}.city-on .tower-windows i:nth-child(even){animation-delay:.4s}.visual-label{position:absolute;bottom:20px;right:20px;z-index:3;padding:7px 12px;border:1px solid #8eecff40;background:#07192bc9;border-radius:99px;font-size:.72rem;color:#bde9ff}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:6px;box-shadow:0 0 11px var(--green)}
.metrics-section{width:min(1120px,calc(100% - 40px));margin:0 auto 100px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:#0c233aaa;backdrop-filter:blur(10px)}.metric{padding:23px;text-align:center;border-left:1px solid var(--line);display:grid;place-items:center}.metric:last-child{border-left:0}.metric svg{color:var(--cyan);width:19px}.metric b{font-size:1.55rem;margin-top:5px}.metric span{font-size:.72rem;color:var(--muted)}.content-section{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:74px 0}.section-title{text-align:center;max-width:650px;margin:0 auto 36px}.section-title .eyebrow{justify-content:center}.section-title h2,.dashboard-copy h2,.lead-section h2{font-size:clamp(2rem,3.8vw,3rem);line-height:1.35;margin:0;font-weight:900}.section-title>p:last-child{color:var(--muted);font-size:.9rem;margin:13px auto 0}.agent-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.search-box{background:#0b2845;border:1px solid var(--line);border-radius:13px;padding:0 13px;display:flex;gap:9px;align-items:center;flex:1;max-width:420px;color:var(--muted)}.search-box input{border:0;outline:0;color:#fff;padding:11px 0;background:transparent;width:100%}.search-box input::placeholder{color:#8299af}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.pill{border:1px solid var(--line);border-radius:99px;background:#ffffff08;color:var(--muted);padding:7px 12px;font-size:.74rem}.pill.active{background:#4e95ec20;border-color:#61baff;color:#d9f5ff}.agents-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.agent-card{position:relative;padding:22px;border:1px solid rgba(167,139,250,.35);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(59,130,246,.18) 55%,rgba(167,139,250,.22));backdrop-filter:blur(6px);transition:.25s;overflow:hidden}.agent-card:hover{transform:translateY(-5px);border-color:#68c9ff91;box-shadow:0 18px 35px #0004}.agent-card.hired{border-color:#62e8b288;background:linear-gradient(150deg,#123653cc,#092b36d9)}.agent-avatar{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:1.1rem;color:#fff;float:left;margin-right:10px;background:#4b78c8}.agent-avatar.violet{background:linear-gradient(135deg,#825aff,#bd8cff)}.agent-avatar.cyan{background:linear-gradient(135deg,#1579bd,#51ddec)}.agent-avatar.orange{background:linear-gradient(135deg,#c36e2e,#ffc470)}.agent-avatar.green{background:linear-gradient(135deg,#148465,#63e7ac)}.agent-avatar.pink{background:linear-gradient(135deg,#bb488b,#fa8eb7)}.agent-avatar.blue{background:linear-gradient(135deg,#3365cb,#6fa9ff)}.agent-card-head{display:flex;justify-content:space-between;align-items:flex-start;min-height:48px}.agent-id{font-size:.65rem;color:var(--cyan)}.agent-card h3{margin:2px 0 0;font-size:1.25rem;font-weight:900;letter-spacing:-.02em}.agent-card-head p{margin:0;color:var(--muted);font-size:.7rem}.agent-score{font-size:.69rem;color:var(--green);border:1px solid #55e8ac3d;border-radius:99px;padding:3px 6px}.agent-skill{clear:both;color:#b6c9d9;font-size:.74rem;min-height:50px;margin:16px 0 12px}.agent-card-footer{border-top:1px solid var(--line);padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:.65rem;color:var(--muted)}.agent-card-footer span,.agent-card-footer button{display:flex;align-items:center;gap:4px}.agent-card-footer button{border:0;background:#56a5fb1c;color:#bde9ff;border-radius:8px;padding:6px 8px;font-size:.68rem}.hired .agent-card-footer button{background:#4ce0a21c;color:#88f1c3}.empty-state{text-align:center;padding:50px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
.dashboard-section{width:min(1120px,calc(100% - 40px));margin:28px auto 40px;padding:56px;display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:center;background:linear-gradient(110deg,#102f57,#0c1f37);border:1px solid #78bdff39;border-radius:28px;box-shadow:0 30px 60px #0004}.dashboard-copy>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.dashboard-copy ul{list-style:none;padding:0;margin:22px 0}.dashboard-copy li{display:flex;gap:8px;align-items:center;color:#c7dbe9;font-size:.82rem;margin:9px 0}.dashboard-copy li svg{color:var(--green);width:17px}.text-link,.service-card a{display:inline-flex;align-items:center;gap:4px;color:var(--cyan);font-weight:800;font-size:.82rem}.dashboard-mock{border:1px solid #7bd1ff49;background:#081b30;padding:18px;border-radius:19px;box-shadow:0 22px 38px #0006}.mock-top,.chart-head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.online{color:var(--green);font-size:.7rem}.mock-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mock-stats div,.chart{background:#0e2a47;border:1px solid #72bcff26;border-radius:12px;padding:12px}.mock-stats small{display:block;color:var(--muted);font-size:.67rem}.mock-stats b{display:block;font-size:1.35rem}.mock-stats em{font-style:normal;color:var(--green);font-size:.67rem}.chart{height:142px}.bars{height:94px;display:flex;align-items:end;gap:9px;padding:14px 4px 0}.bars i{flex:1;min-height:10px;border-radius:6px 6px 0 0;background:linear-gradient(#6ee7ff,#3c79ff);box-shadow:0 0 13px #4fb7ff55}.mock-feed{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.mock-feed p{font-size:.71rem;margin:0;flex:1}.mock-feed small{display:block;color:var(--muted);font-size:.62rem}.dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--violet)}.dot.orange{background:var(--orange)}.done{color:var(--green)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{border:1px solid var(--line);background:#0d263fc2;border-radius:18px;padding:21px}.service-card>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--cyan);background:#4dbfff15}.service-card h3{font-size:1rem;margin:13px 0 4px}.service-card p{color:var(--muted);font-size:.78rem;min-height:48px;margin:0 0 14px}.shop-strip{margin-top:25px;border:1px solid var(--line);border-radius:19px;padding:20px;display:flex;align-items:center;gap:22px;background:#0b253fb8;flex-wrap:wrap}.shop-strip h3{font-size:1rem;margin:4px 0}.shop-tag{color:var(--cyan);font-size:.68rem}.shop-products{display:flex;gap:8px;flex:1;flex-wrap:wrap}.shop-products button{flex:1;min-width:150px;text-align:right;background:#ffffff08;border:1px solid var(--line);border-radius:11px;color:var(--ink);padding:9px}.shop-products span,.shop-products small{display:block;font-size:.65rem;color:var(--muted)}.shop-products b{font-size:.74rem;display:block}.shop-products small{color:var(--cyan)}.cart-summary{display:flex;gap:8px;align-items:center;background:#1a477057;padding:9px 10px;border-radius:10px;font-size:.73rem}.cart-summary span{color:var(--cyan)}.cart-summary button{border:0;background:transparent;color:#ffb5b5;font-size:.68rem}
.pricing-section{padding-top:90px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.plan-card{position:relative;border:1px solid var(--line);border-radius:20px;background:#0d263fd9;padding:25px;display:flex;flex-direction:column}.plan-card.popular{border-color:#66dfff;box-shadow:0 0 35px #38aefa22;background:linear-gradient(160deg,#143c65,#0d263f)}.popular-label{position:absolute;top:-12px;right:23px;background:linear-gradient(90deg,#48a3ff,#62e3ee);color:#06182b;border-radius:99px;padding:4px 10px;font-size:.66rem;font-weight:900}.plan-card h3{font-size:1.2rem;margin:0}.plan-card>p{font-size:.76rem;color:var(--muted);margin:5px 0 16px}.price{font-weight:900;font-size:1.55rem;color:#fff}.price small{font-size:.67rem;color:var(--muted);font-weight:400}.plan-card ul{list-style:none;padding:0;margin:20px 0;flex:1}.plan-card li{font-size:.77rem;color:#c4d6e4;display:flex;gap:7px;align-items:center;margin:10px 0}.plan-card li svg{color:var(--green)}.plan-card button{border:1px solid #65cfff60;background:#4fafff1b;color:#d9f4ff;padding:11px;border-radius:11px;font-weight:800;font-size:.78rem}.popular button{border:0;background:linear-gradient(90deg,#489cff,#56e1ef);color:#06182b}
.lead-section{width:min(1120px,calc(100% - 40px));margin:70px auto 90px;border:1px solid #75ccff43;border-radius:26px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:radial-gradient(circle at 10% 15%,#47adff2a,transparent 30%),#0d2945}.lead-section>div>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.lead-section form{display:grid;gap:10px}.lead-section label{font-size:.72rem;color:#c0d8e7}.lead-section input,.lead-section textarea{display:block;width:100%;margin-top:4px;border:1px solid var(--line);border-radius:10px;background:#071c31;color:#fff;padding:10px;outline:0;resize:vertical}.lead-section input:focus,.lead-section textarea:focus{border-color:var(--cyan)}footer{border-top:1px solid var(--line);padding:35px max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.74rem;background:#05122299}footer p{margin:0;max-width:430px}.toast-message{position:fixed;z-index:40;bottom:22px;right:22px;padding:12px 15px;border:1px solid #70d2ff6b;border-radius:12px;background:#09243feF;color:#d8f6ff;font-size:.8rem;box-shadow:0 12px 36px #0008;animation:rise .25s ease-out}
@keyframes scan{50%,100%{transform:translateX(120%)}}@keyframes window{to{opacity:.2;box-shadow:none}}@keyframes rise{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:850px){.hero-section,.dashboard-section,.lead-section{grid-template-columns:1fr}.hero-section{padding-top:67px}.city-visual{max-width:570px;width:100%;margin:auto}.metrics-section{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-left:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.agents-grid{grid-template-columns:repeat(2,1fr)}.dashboard-section{padding:35px;gap:28px}.agent-tools{align-items:stretch;flex-direction:column}.search-box{max-width:none}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mvt-header{height:62px;width:calc(100% - 20px);padding:0 12px;margin-top:7px}.brand{font-size:1rem}.brand small{display:none}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:68px;right:0;left:0;flex-direction:column;padding:10px;background:#ffffff;border:1px solid rgba(15,23,42,.08);border-radius:15px}.menu-button{display:flex}.nav-links.open a{color:#334155}.cart-button span{display:none}.hero-section,.content-section{width:calc(100% - 28px)}.hero-section{min-height:0;padding:55px 0 45px}.hero-copy h1{font-size:2.5rem}.city-visual{height:345px}.tower-main{right:31%;transform:scale(.82);transform-origin:bottom}.tower-left{right:5%;transform:scale(.78);transform-origin:bottom}.tower-right{left:6%;transform:scale(.78);transform-origin:bottom}.metrics-section{width:calc(100% - 28px);margin-bottom:35px}.metric{padding:16px}.metric b{font-size:1.22rem}.metric span{font-size:.62rem}.section-title{margin-bottom:27px}.agents-grid,.pricing-grid,.services-grid{grid-template-columns:1fr}.agent-card{padding:16px}.dashboard-section,.lead-section{width:calc(100% - 28px);padding:25px;margin-top:25px}.lead-section{gap:23px;margin-bottom:50px}.shop-strip{align-items:stretch}.shop-products{flex-direction:column}.shop-products button{flex:none}.hero-proof{gap:11px;flex-wrap:wrap}footer{flex-direction:column;text-align:center;padding:28px 20px}.city-grid{background-size:28px 28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


.orvo-cube{animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%,100%{transform:perspective(800px) rotateX(-18deg) rotateY(24deg) translateY(0)}50%{transform:perspective(800px) rotateX(-18deg) rotateY(24deg) translateY(-12px)}}
.service-card,.agent-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:rgba(255,255,255,.05);border:1px solid rgba(117,189,255,.2);border-radius:18px;padding:20px}.step b{display:inline-block;background:#2563eb;color:#fff;border-radius:50%;width:32px;height:32px;line-height:32px;text-align:center}.team-strip{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:24px;background:rgba(37,99,235,.15);border:1px solid rgba(117,189,255,.3);border-radius:16px;padding:16px 20px}.team-strip a{color:#7dd3fc;font-weight:800}.faq details{background:rgba(255,255,255,.05);border:1px solid rgba(117,189,255,.2);border-radius:14px;padding:16px 20px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.cart-items{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.cart-items li{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}.cart-items button{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:2px 10px;cursor:pointer}.orders-box{margin-top:16px;background:rgba(255,255,255,.05);border:1px solid rgba(117,189,255,.2);border-radius:14px;padding:16px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:8px 0}.footer-links a{color:#9fb5ca;font-size:.85rem}@media(max-width:700px){.steps{grid-template-columns:1fr}}

.android-hero{min-height:100svh;margin-top:-76px;padding:120px 20px 40px;position:relative;overflow:hidden;background:radial-gradient(900px 500px at 15% 10%,rgba(56,189,248,.55),transparent 60%),radial-gradient(800px 500px at 85% 20%,rgba(37,99,235,.6),transparent 60%),linear-gradient(180deg,#0a2540,#0b3a6b 55%,#0e63c8)}
.glass-orb{position:absolute;border-radius:50%;filter:blur(2px);background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(125,211,252,.06));border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.orb-one{width:180px;height:180px;top:12%;right:8%}.orb-two{width:110px;height:110px;bottom:18%;right:22%}.orb-three{width:70px;height:70px;top:55%;left:10%}
.android-hero-card{max-width:760px;margin:0 auto;text-align:center;position:relative;z-index:3;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:28px;padding:32px 26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.android-chip{display:inline-block;font-size:.8rem;font-weight:800;color:#eaf5ff;background:rgba(37,99,235,.45);border:1px solid rgba(255,255,255,.4);padding:6px 14px;border-radius:999px}
.android-hero-card h1{font-size:clamp(2.4rem,8vw,4.2rem);line-height:1.15;color:#fff;margin:18px 0 12px}
.android-hero-card p{color:rgba(234,245,255,.92);max-width:560px;margin:0 auto}
.android-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.cta-primary{background:#fff;color:#0b3a6b;font-weight:900;padding:12px 26px;border-radius:999px}
.cta-glass{background:rgba(255,255,255,.07);color:#fff;font-weight:800;padding:12px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.android-stats{display:flex;gap:24px;justify-content:center;margin-top:26px}
.android-stats div{display:grid}.android-stats b{color:#fff;font-size:1.4rem}.android-stats span{color:rgba(234,245,255,.8);font-size:.8rem}
.android-glass-cube{width:180px;aspect-ratio:1;margin:28px auto 0;position:relative;z-index:2;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.06));backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;transform:perspective(800px) rotateX(-18deg) rotateY(24deg);animation:floaty 6s ease-in-out infinite}
.android-glass-cube i{display:block;border-radius:10px;background:linear-gradient(135deg,#93c5fd,#2563eb);box-shadow:inset 0 2px 0 rgba(255,255,255,.7)}
.mvt-header{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 16px 40px rgba(0,0,0,.18)}

/* Smoothness: cheap motion only, no blur cost on small screens */
.android-glass-cube,.glass-orb{will-change:transform}
.content-section,.lead-section{content-visibility:auto;contain-intrinsic-size:auto 400px}
@media (max-width:700px){
  .android-hero-card,.mvt-header{backdrop-filter:none}
  .android-hero-card{background:linear-gradient(135deg,rgba(11,58,107,.92),rgba(14,99,200,.88))}
  .glass-orb{filter:none;opacity:.5}
  .android-glass-cube,.glass-orb{animation:none}
  .orb-one{width:110px;height:110px}.orb-two{width:70px;height:70px}.orb-three{display:none}
}
@media (prefers-reduced-motion:reduce){
  .android-glass-cube,.glass-orb{animation:none}
}

/* Fine-detail minimal pass: smaller, tighter, cleaner */
.mvt-header{padding:10px 16px}
.brand{font-size:1rem}.brand small{font-size:.7rem}
.nav-links{font-size:.85rem;gap:14px}
.android-hero{padding:100px 16px 28px}
.android-hero-card{padding:24px 20px;border-radius:22px;max-width:680px}
.android-hero-card h1{font-size:clamp(2rem,7vw,3.4rem);margin:14px 0 10px}
.android-hero-card p{font-size:.9rem}
.android-chip{font-size:.75rem;padding:5px 12px}
.android-cta{margin-top:18px}.cta-primary,.cta-glass{padding:10px 22px;font-size:.9rem}
.android-stats{margin-top:20px;gap:20px}.android-stats b{font-size:1.2rem}.android-stats span{font-size:.75rem}
.android-glass-cube{width:140px;padding:14px;gap:8px;margin-top:22px}
.glass-orb{opacity:.7}.orb-one{width:130px;height:130px}.orb-two{width:80px;height:80px}
.content-section{padding:36px 20px}
.section-title h2{font-size:1.45rem}.section-title p{font-size:.9rem}
.service-card,.plan-card,.agent-card{padding:16px;border-radius:16px}
.cart-button{padding:6px 12px;font-size:.85rem}
footer{padding:24px 16px;font-size:.8rem}

/* Center cube: more transparent, more glass, more 3D */
.android-glass-cube{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(147,197,253,.05) 55%,rgba(255,255,255,.02));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:0 24px 48px rgba(2,60,120,.35),0 8px 16px rgba(2,60,120,.20),inset 0 2px 0 rgba(255,255,255,.65),inset 0 -12px 24px rgba(37,99,235,.18);transform:perspective(1000px) rotateX(-22deg) rotateY(32deg) translateZ(0)}
.android-glass-cube i{background:linear-gradient(135deg,rgba(147,197,253,.75),rgba(37,99,235,.35));border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -6px 12px rgba(37,99,235,.25),0 6px 12px rgba(2,60,120,.25)}
@media (max-width:700px){.android-glass-cube{backdrop-filter:none;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(147,197,253,.08))}}

/* UNDERGROUND LUXURY: matte black, metallic silver, graphite, ice white — combined with the glass template */
:root{--ink:#f2f7fa;--muted:#a8b0b8;--navy:#0a0a0a;--navy-2:#16161a;--panel:rgba(22,22,26,.85);--line:rgba(192,200,208,.22);--blue:#c0c8d0;--cyan:#e8ecef;--violet:#c0c8d0;--lilac:#d7dde2;--green:#c0c8d0;--orange:#e8ecef}
html,body{background:#0a0a0a}
.mvt-shell{background:radial-gradient(circle at 50% -10%,#1c1c20 0,transparent 35%),#0a0a0a}
.city-grid{opacity:.08;background-image:linear-gradient(rgba(192,200,208,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(192,200,208,.12) 1px,transparent 1px)}
.city-glow,.glow-one,.glow-two{background:#2a2a30;opacity:.25}
.android-hero{background:radial-gradient(900px 500px at 15% 10%,rgba(60,60,66,.6),transparent 60%),linear-gradient(180deg,#0a0a0a,#141417 55%,#1c1c20)}
.android-hero-card{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(192,200,208,.30)}
.android-hero-card h1{background:linear-gradient(180deg,#ffffff,#c0c8d0 55%,#8a939c);-webkit-background-clip:text;background-clip:text;color:transparent}
.android-chip{background:rgba(255,255,255,.06);border:1px solid rgba(192,200,208,.35);color:#f2f7fa}
.cta-primary{background:linear-gradient(180deg,#f2f7fa,#c0c8d0);color:#0a0a0a}
.cta-glass{border:1px solid rgba(192,200,208,.35)}
.android-glass-cube{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(192,200,208,.04));border:1px solid rgba(192,200,208,.45)}
.android-glass-cube i{background:linear-gradient(135deg,rgba(232,236,239,.85),rgba(138,147,156,.35));border:1px solid rgba(255,255,255,.5)}
.glass-orb{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(192,200,208,.04));border:1px solid rgba(192,200,208,.30)}
.brand-mark{background:linear-gradient(135deg,#e8ecef,#8a939c);box-shadow:0 0 24px rgba(192,200,208,.35)}
.primary-button{background:linear-gradient(180deg,#f2f7fa,#c0c8d0);color:#0a0a0a}
.content-section{padding:96px 0}
.section-title h2,.dashboard-copy h2,.lead-section h2{font-size:clamp(2.2rem,4.2vw,3.4rem);letter-spacing:-.02em}
.service-card,.agent-card,.plan-card,.step,.faq details{background:#141417;border:1px solid rgba(192,200,208,.22)}
.pill.active{background:rgba(255,255,255,.10);border-color:rgba(192,200,208,.5);color:#f2f7fa}
.cart-button b{background:#e8ecef;color:#0a0a0a}
footer{background:#080808}

/* Crystal oval bar behind the buttons */
.android-cta{display:inline-flex;align-items:center;gap:6px;padding:8px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.02));backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.15),0 12px 32px rgba(0,0,0,.25);margin-left:auto;margin-right:auto}
.android-cta .cta-primary,.android-cta .cta-glass{border-radius:999px}
.mvt-header{border:1px solid rgba(255,255,255,.40);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 40px rgba(0,0,0,.18)}
@media (max-width:700px){.android-cta{backdrop-filter:none;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04))}}

/* Smaller button fonts */
.primary-button,.ghost-button{font-size:.8rem;padding:11px 16px}
.cta-primary,.cta-glass{font-size:.82rem;padding:9px 20px}
.plan-card button{font-size:.72rem;padding:10px}
.agent-card-footer button{font-size:.64rem;padding:5px 7px}
.shop-products button,.cart-summary button{font-size:.7rem}
button{font-size:.85rem}

/* Modern: entrance, tilt, light theme, AI chat */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.content-section,.android-hero-card,.lead-section{animation:fadeUp .6s ease both}
.service-card,.agent-card,.product-card{transition:transform .25s ease,box-shadow .25s ease}
.service-card:hover,.agent-card:hover,.product-card:hover{transform:translateY(-4px) perspective(600px) rotateX(1.5deg)}
.ai-chat{position:fixed;bottom:18px;left:18px;z-index:90}
.ai-panel{position:absolute;bottom:64px;left:0;width:320px;max-width:86vw;background:#141414;border:1px solid rgba(255,255,255,.25);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.ai-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.15)}
.ai-msgs{max-height:260px;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.ai-msg{background:rgba(255,255,255,.08);padding:8px 10px;border-radius:12px;font-size:.82rem}
.user-msg{background:rgba(255,255,255,.2);padding:8px 10px;border-radius:12px;font-size:.82rem;align-self:flex-end}
.ai-input{display:flex;gap:6px;padding:10px;border-top:1px solid rgba(255,255,255,.15)}
.ai-input input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;padding:8px}
.theme-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;padding:7px 12px;font-size:.75rem;cursor:pointer}
[data-theme="light"] body{background:#f2f2f5;color:#111}
[data-theme="light"] .mvt-shell{color:#111}
[data-theme="light"] .service-card,[data-theme="light"] .android-hero-card,[data-theme="light"] .ai-panel{background:rgba(255,255,255,.85);color:#111}
[data-theme="light"] .mvt-header{background:rgba(255,255,255,.8)}
[data-theme="light"] .ai-input input{color:#111}

.support-fab{position:fixed;bottom:18px;right:18px;z-index:90;background:#229ED9;color:#fff;padding:12px 16px;border-radius:999px;text-decoration:none;font-size:.85rem;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.calendar-day{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px;min-height:64px;font-size:.72rem}
.city-night .dashboard-mock{background:#050510;border-color:#ffd166}
.city-night .mock-top{background:#0a0a20}
.city-night .chart i{background:#ffd166}
.compare-table{width:100%;border-collapse:collapse;font-size:.85rem}
.compare-table th,.compare-table td{border:1px solid rgba(255,255,255,.2);padding:8px;text-align:right}

.global-search{position:relative;flex:1;max-width:320px}
.global-search input{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;padding:8px 14px;font-size:.8rem}
.global-results{position:absolute;top:42px;right:0;left:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:8px;z-index:50;display:flex;flex-direction:column}
.global-results a{color:#fff;text-decoration:none;padding:8px;font-size:.85rem}
.newsletter-form{display:flex;gap:8px;margin-top:14px}
.newsletter-form input{flex:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:10px;color:#fff;padding:8px}
.tower-grid{display:flex;gap:14px;flex-wrap:wrap}
.tower-btn{background:linear-gradient(180deg,#3a3a44,#14141a);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:18px 14px;color:#fff;cursor:pointer;min-width:110px}
.tower-btn.lit{box-shadow:0 0 24px rgba(255,209,102,.7);border-color:#ffd166}
.progress-bar{height:12px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffd166,#e8e8ec);transition:width .8s ease}
.bar-anim{transition:height .8s ease}

button:active,.cta-primary:active,.cta-glass:active{transform:scale(.97)}
button,.cta-primary,.cta-glass{transition:transform .15s ease,box-shadow .25s ease}
button:hover,.cta-primary:hover{box-shadow:0 0 18px rgba(255,255,255,.25)}
.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bento-grid .service-card:first-child{grid-column:span 2;grid-row:span 2}
@media(max-width:700px){.bento-grid{grid-template-columns:1fr}.bento-grid .service-card:first-child{grid-column:auto;grid-row:auto}}
.spotlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px circle at 50% 20%,rgba(255,255,255,.12),transparent 60%);animation:spotMove 12s ease-in-out infinite alternate}
@keyframes spotMove{from{background-position:30% 20%}to{background-position:70% 30%}}
.story-step{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.story-step.revealed{opacity:1;transform:none}
.glass-avatar{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 16px 32px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.dashboard-full{width:100%;background:linear-gradient(135deg,#14141c,#0a0a12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;margin-top:20px}
@keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.glass-orb{animation:floaty 4s ease-in-out infinite alternate}

/* Minimal small fix: tighter, lighter, optimized */
body{font-size:14px}
.mvt-shell{max-width:1080px}
section{padding:28px 16px !important}
h1{font-size:1.9rem !important;line-height:1.3}
h2{font-size:1.35rem !important}
h3{font-size:1rem !important}
p{font-size:.88rem;line-height:1.7}
.service-card,.agent-card,.product-card{padding:14px !important;border-radius:14px !important}
.services-grid,.agent-grid,.shop-products{gap:12px !important}
.mvt-header{padding:8px 14px !important}
.android-hero-card{padding:22px !important}
.android-glass-cube{transform:scale(.8)}
button,.cta-primary,.cta-glass{padding:8px 14px !important}
@media (max-width:700px){h1{font-size:1.5rem !important}section{padding:20px 12px !important}.android-glass-cube{display:none}}

/* Top bar: tidy, circular buttons */
.mvt-header{display:flex;align-items:center;gap:10px}
.nav-links{display:flex;gap:6px;align-items:center}
.nav-links a{padding:7px 12px;border-radius:999px;font-size:.82rem}
.header-actions{display:flex;gap:8px;align-items:center}
.theme-button,.menu-button,.cart-button{width:38px;height:38px;border-radius:50% !important;padding:0 !important;display:flex;align-items:center;justify-content:center;font-size:.75rem}
.cart-button span{display:none}
.cart-button b{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:#fff;color:#111;font-size:.65rem;display:flex;align-items:center;justify-content:center}
.cart-button{position:relative}
@media (max-width:700px){.nav-links a{font-size:.75rem;padding:6px 9px}}

/* Support chat: circular button, half-size window when open */


/* Full optimization 0-100: render only on-screen, light blur, no layout thrash */
.content-section{content-visibility:auto;contain-intrinsic-size:600px}
.service-card,.agent-card,.product-card{content-visibility:auto;contain-intrinsic-size:220px}
.android-cta{backdrop-filter:blur(6px)}
.mvt-header{backdrop-filter:blur(8px)}
.city-glow,.glass-orb{will-change:transform}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
@media (max-width:700px){.city-glow,.glass-orb{display:none}.android-cta,.mvt-header{backdrop-filter:none}}

/* Fix header overflow: hamburger menu from 1024px down, nothing cut off */
.mvt-header{flex-wrap:nowrap;min-width:0}
.brand{flex-shrink:0}
.header-actions{flex-shrink:0}
@media (max-width:1024px){
  .brand small{display:none}
  .nav-links{display:none}
  .menu-button{display:flex}
  .nav-links.open{display:flex;position:absolute;top:68px;right:0;left:0;flex-direction:column;padding:10px;background:#141414;border:1px solid rgba(255,255,255,.2);border-radius:15px;z-index:30}
  .nav-links.open a{color:#fff}
}

/* My Tower + daily mission + free sample: small, minimal */
.my-tower-note{font-size:.8rem}

.rotating-info{min-height:44px;display:grid;place-items:center;text-align:center;font-size:.85rem;color:var(--muted);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:16px;background:rgba(255,255,255,.04)}

/* AI chat fix: visible labeled fab, readable panel, distinct bubbles */
.ai-chat{z-index:120}
.ai-fab{display:flex;align-items:center;gap:6px;width:auto;height:56px;padding:0 16px;border-radius:999px;font-size:.9rem;font-weight:800;color:#062139;background:linear-gradient(135deg,#57e4ff,#4c8dff);border:2px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.ai-msg{background:#1e3a5f;color:#fff;font-size:.85rem;line-height:1.7}
.user-msg{background:#4c8dff;color:#fff;font-size:.85rem;line-height:1.7}
.ai-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}
.ai-chips button{font-size:.72rem;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:inherit;cursor:pointer}
[data-theme="light"] .ai-msg{background:#dbeafe;color:#111}
[data-theme="light"] .user-msg{background:#4c8dff;color:#fff}
[data-theme="light"] .ai-chips button{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.15)}

/* Real-project completion pass: luxury hero, checkout, badges, errors */
.hero-headline{background:linear-gradient(180deg,#ffffff,#c8ccd4 55%,#8a8f9a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-trust{font-size:.78rem;color:var(--muted);text-align:center;margin:10px 0 4px}
.cat-badge{display:inline-block;font-size:.68rem;font-weight:800;color:#e8e8ec;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 10px}
.stock-note{font-size:.72rem;color:#8fe8b8}
.checkout-panel{border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:12px;background:rgba(255,255,255,.04)}
.checkout-panel label{display:block;font-size:.82rem;margin:8px 0}
.checkout-panel input{width:100%;margin-top:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:inherit;padding:8px}
.checkout-steps{font-size:.82rem;font-weight:800}
.form-error{color:#ff9a9a;font-size:.8rem;margin:6px 0}
.order-detail{border-top:1px solid var(--line);padding:10px 0}
.order-steps{font-size:.78rem;color:var(--muted)}
.content-section{margin-top:0}

/* Modern professional landing strips (home only, UNDERGROUND LUXURY) */
.landing-featured .landing-card{border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.landing-final-cta .service-card{text-align:center;padding:28px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02))}
.landing-final-cta .android-cta{justify-content:center}

/* QA: mobile minimum readable size for small labels */
@media (max-width:700px){.agent-id,.agent-card-head p,.agent-score,.agent-card-footer,.agent-card-footer button,.shop-tag,.shop-products span,.shop-products small,.metric span,.mock-stats small,.mock-feed small,.popular-label,.price small,.cat-badge,.cart-button b{font-size:.72rem !important}}

/* Glass transparent icons: small = circle, large = oval */
.agent-avatar{border-radius:50% !important;background:rgba(255,255,255,.12) !important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px rgba(0,0,0,.3)}
.brand-mark{border-radius:50% !important;background:rgba(255,255,255,.12) !important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 18px rgba(0,0,0,.3)}
.ai-fab{background:rgba(255,255,255,.12) !important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);color:#fff}
.glass-icon-oval{display:grid;place-items:center;width:88px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 26px rgba(0,0,0,.3);font-size:1.4rem}

/* Animated emojis: gentle float/bounce, transform/opacity only */
@keyframes emoji-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes emoji-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.ai-fab{animation:emoji-pop 2.4s ease-in-out infinite}
.support-fab{animation:emoji-float 3s ease-in-out infinite}
.agent-avatar{animation:emoji-float 4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ai-fab,.support-fab,.agent-avatar{animation:none}}

/* Hamburger button only: white, animated */
.menu-button{color:#fff !important;animation:emoji-pop 2.4s ease-in-out infinite}
.menu-button svg{stroke:#fff}
@media (prefers-reduced-motion:reduce){.menu-button{animation:none}}