:root{--bg:#060915;--bg-2:#0a1020;--surface:rgba(255,255,255,0.055);--surface-2:rgba(255,255,255,0.08);--border:rgba(255,255,255,0.1);--text:#f6f8ff;--muted:#a8b4d5;--accent:#69b4ff;--accent-2:#7a68ff;--accent-3:#61e8ff;--container:1180px;--radius:28px;--shadow:0 20px 80px rgba(0,0,0,0.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 18%,rgba(97,232,255,.11),transparent 22%),radial-gradient(circle at 85% 12%,rgba(122,104,255,.12),transparent 18%),radial-gradient(circle at 70% 65%,rgba(105,180,255,.08),transparent 24%),linear-gradient(180deg,#040712,#050913 40%,#07101b)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a,button{-webkit-tap-highlight-color:transparent}.page-shell{position:relative;overflow:clip}.background-grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:84px 84px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.55),transparent 85%);mask-image:linear-gradient(180deg,rgba(255,255,255,.55),transparent 85%)}.background-grid,.background-noise{position:absolute;inset:0;pointer-events:none}.background-noise{opacity:.06;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.9) 0 1px,transparent 1px),radial-gradient(circle at 80% 30%,rgba(255,255,255,.9) 0 1px,transparent 1px),radial-gradient(circle at 60% 80%,rgba(255,255,255,.8) 0 1px,transparent 1px);background-size:140px 140px,180px 180px,220px 220px;mix-blend-mode:soft-light}.background-blob{position:absolute;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.48}.blob-a{top:120px;left:-100px;width:360px;height:360px;background:rgba(97,232,255,.22)}.blob-b{top:280px;right:-80px;width:340px;height:340px;background:rgba(122,104,255,.22)}.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}.narrow{width:min(calc(100% - 32px),920px)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(5,8,20,.62);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700}.brand-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-3));box-shadow:0 0 20px rgba(105,180,255,.7)}.desktop-nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px}.desktop-nav a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;border:1px solid var(--border);font-size:14px;font-weight:700;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,rgba(105,180,255,.95),rgba(122,104,255,.95));box-shadow:0 12px 40px rgba(92,122,255,.35)}.button-glow{box-shadow:0 0 0 rgba(0,0,0,0),0 0 36px rgba(97,232,255,.18),0 16px 42px rgba(92,122,255,.34)}.button-secondary{background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{padding:56px 0 0}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;grid-gap:42px;gap:42px;align-items:center;min-height:calc(100vh - 120px)}.eyebrow{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dbe6ff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{margin:22px 0 18px;font-size:clamp(40px,6vw,74px);line-height:.96;letter-spacing:-.045em;max-width:760px}.case-copy p,.dashboard-copy p,.faq-item p,.final-cta p,.hero-copy p,.info-card p,.numbered-card p,.section-heading p,.showcase-copy p,.site-footer p{color:var(--muted);line-height:1.72}.hero-copy>p{max-width:680px;font-size:18px}.hero-actions{gap:14px}.hero-actions,.hero-badges{display:flex;flex-wrap:wrap;margin-top:32px}.hero-badges{gap:10px}.case-chip,.hero-badges span,.tech-chip{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#dce7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-visual{position:relative;min-height:660px;display:grid;place-items:center}.card-glass{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.card-glass:before{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.01),rgba(97,232,255,.08));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}.hero-image-card{width:min(100%,620px);padding:14px;border-radius:34px}.dashboard-visual img,.hero-image-card img,.showcase-image{width:100%;height:auto}.floating-card{position:absolute;z-index:2;padding:16px 18px;min-width:190px}.floating-card strong{display:block;margin-bottom:6px;font-size:15px}.floating-card span,.mini-label,.timeline-step{color:var(--muted);font-size:13px}.floating-card-a{top:72px;right:0}.floating-card-b{left:-10px;bottom:116px}.floating-card-c{right:48px;bottom:12px}.float-main{animation:floatMain 10s ease-in-out infinite}.float-slow{animation:floatSlow 8s ease-in-out infinite}.float-medium{animation:floatMedium 6.8s ease-in-out infinite}.float-fast{animation:floatFast 5.5s ease-in-out infinite}.marquee-wrap{margin-top:34px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.marquee-track{display:flex;gap:24px;min-width:max-content;padding:16px 0;animation:marquee 24s linear infinite}.marquee-track span{position:relative;padding-left:18px;color:#dce7ff;font-size:14px;white-space:nowrap}.marquee-track span:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-3));transform:translateY(-50%)}.section{padding:72px 0}.section-heading{max-width:780px;margin-bottom:32px}.dashboard-copy h2,.final-cta h2,.section-heading h2{margin:18px 0 14px;font-size:clamp(30px,4vw,52px);line-height:1.04;letter-spacing:-.035em}.cards-grid,.feature-grid,.showcase-grid,.timeline{display:grid;grid-gap:18px;gap:18px}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card,.compact-card,.faq-item,.feature-card,.final-cta,.info-card,.numbered-card,.timeline-item{padding:24px}.hover-lift{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.button-secondary:hover,.faq-item:hover,.hover-lift:hover{transform:translateY(-4px);border-color:rgba(105,180,255,.34);box-shadow:0 22px 70px rgba(19,34,81,.35)}.card-icon{width:54px;height:54px;border-radius:18px;margin-bottom:18px;background:linear-gradient(135deg,rgba(105,180,255,.95),rgba(97,232,255,.68));box-shadow:0 10px 28px rgba(97,168,255,.22)}.service-card{position:relative;overflow:hidden;min-height:246px;background:radial-gradient(circle at 0 0,rgba(97,232,255,.12),transparent 42%),linear-gradient(150deg,rgba(24,35,64,.92),rgba(33,49,86,.82))}.service-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,rgba(97,232,255,.95),rgba(105,180,255,.15))}.service-card .card-icon{position:relative;width:56px;height:56px;border-radius:16px;margin-bottom:16px}.service-card .card-icon:after{content:"";position:absolute;inset:14px;border-radius:999px;border:2px solid rgba(232,240,255,.75)}.service-card h3{margin-bottom:14px;font-size:clamp(24px,2.4vw,30px);line-height:1.08;letter-spacing:-.02em}.service-card p{margin:0;font-size:18px;line-height:1.55;color:#cfdcf8}.card-icon.icon-miniapp{background:linear-gradient(135deg,#59c7ff,#3d8dff)}.card-icon.icon-bot{background:linear-gradient(135deg,#66b4ff,#6a7dff)}.card-icon.icon-api{background:linear-gradient(135deg,#57d3f6,#5f8dfd)}.card-icon.icon-dashboard{background:linear-gradient(135deg,#67e0ff,#6674ff)}.card-icon.icon-mvp{background:linear-gradient(135deg,#6fd0ff,#5e9bff)}.card-icon.icon-automation{background:linear-gradient(135deg,#59d9eb,#5f84ff)}.case-copy h3,.compact-card h3,.feature-card h3,.info-card h3,.showcase-copy h3,.timeline-item h3{margin:0 0 12px;font-size:22px;line-height:1.15}.compact-grid{align-items:stretch}.compact-card{display:flex;align-items:center;gap:14px;min-height:112px}.compact-dot,.feature-dot{flex:0 0 auto;width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-3));box-shadow:0 0 22px rgba(105,180,255,.45)}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card{min-height:142px;display:flex;flex-direction:column;gap:20px}.showcase-grid{grid-template-columns:1.16fr .84fr;grid-template-areas:"main sideA" "main sideB"}.screen-1{grid-area:main}.screen-2{grid-area:sideA}.screen-3{grid-area:sideB}.showcase-card{padding:16px}.showcase-image-wrap{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04)}.showcase-copy{padding:18px 6px 6px;text-align:center}.mini-label{display:inline-flex;margin-bottom:10px;margin-inline:auto}.dashboard-section{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:22px;gap:22px;align-items:center}.dashboard-copy{padding-right:24px}.dashboard-points{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-gap:12px;gap:12px}.dashboard-points li{position:relative;padding-left:20px;color:#d8e3ff}.dashboard-points li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-3))}.dashboard-visual{padding:16px}.numbered-card{min-height:170px}.number-chip{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;margin-bottom:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,rgba(105,180,255,.95),rgba(122,104,255,.95))}.timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-item{min-height:164px}.timeline-step{display:inline-flex;margin-bottom:12px}.case-grid{align-items:stretch}.case-card{display:grid;grid-template-columns:.92fr 1.08fr;grid-gap:18px;gap:18px;align-items:center}.case-preview{position:relative;min-height:188px;border-radius:22px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.case-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,28,.08),rgba(5,12,28,.5));pointer-events:none}.case-image{width:100%;height:100%;min-height:188px;object-fit:cover;display:block}.case-chip{position:absolute;top:16px;left:16px;padding:8px 12px;font-size:12px;z-index:1}.case-copy h3,.case-copy p,.showcase-copy h3,.showcase-copy p{text-align:center;margin-inline:auto}.case-copy p,.showcase-copy p{max-width:52ch}.tech-cloud{display:flex;flex-wrap:wrap;gap:12px}.tech-chip{font-size:14px}.faq-list{display:grid;grid-gap:14px;gap:14px}.faq-item summary{cursor:pointer;list-style:none;font-size:18px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:14px 0 0}.final-cta-section{padding-top:40px;padding-bottom:84px}.final-cta{padding:42px;text-align:center}.center-actions{justify-content:center}.site-footer{padding:0 0 34px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:28px}.footer-links{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted)}.scroll-top{position:fixed;right:22px;bottom:22px;z-index:50;width:48px;height:48px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(28px);animation:revealUp .8s ease forwards}.hero-copy.reveal{animation-delay:.08s}.hero-visual.reveal{animation-delay:.16s}@keyframes revealUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes floatMain{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(4px)}}@keyframes floatMedium{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-10px) translateX(-4px)}}@keyframes floatFast{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1100px){.dashboard-section,.hero-grid,.showcase-grid{grid-template-columns:1fr}.showcase-grid{grid-template-areas:"main" "sideA" "sideB"}.cards-2,.cards-3,.case-card,.feature-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-copy{padding-right:0}.hero-visual{min-height:560px}}@media (max-width:840px){.desktop-nav{display:none}.hero{padding-top:28px}.hero-grid{min-height:auto}.hero-copy h1{font-size:clamp(36px,12vw,56px)}.hero-copy>p{font-size:16px}.floating-card{min-width:160px;padding:14px 16px}.floating-card-a{top:32px;right:6px}.floating-card-b{left:0;bottom:92px}.floating-card-c{right:20px;bottom:0}.cards-2,.cards-3,.case-card,.feature-grid,.timeline{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.container,.narrow{width:min(calc(100% - 24px),var(--container))}.site-header .button{display:none}.header-inner{min-height:68px}.hero-visual{min-height:430px}.hero-image-card{width:100%;padding:10px}.floating-card{position:absolute;min-width:auto;max-width:150px;padding:12px 14px}.section{padding:56px 0}.case-card,.compact-card,.faq-item,.feature-card,.final-cta,.info-card,.numbered-card,.timeline-item{padding:20px}.final-cta{padding:30px 20px}.case-copy p,.showcase-copy p{max-width:100%}.service-card{min-height:0;padding:22px 20px}.service-card .card-icon{width:52px;height:52px;margin-bottom:14px}.service-card h3{font-size:20px;line-height:1.1;margin-bottom:12px}.service-card p{font-size:16px;line-height:1.5}.scroll-top{right:14px;bottom:14px;width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}