@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--bg:#080b1d;--surface:#11172c;--text:#f5f7ff;--muted:#a4aec9;--cyan:#44d7f5;--violet:#ad70ff;--border:rgba(186,205,255,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.22;border-radius:50%;z-index:-1}.ambient-a{width:420px;height:420px;background:#703cf6;top:20px;right:4%}.ambient-b{width:420px;height:420px;background:#087da9;top:570px;left:-180px}.header{position:sticky;top:0;z-index:20;background:rgba(8,11,29,.83);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:80px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 19px Outfit,sans-serif;display:flex;align-items:center;gap:10px;white-space:nowrap}.accent{color:var(--cyan)}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,#43dafa,#7c4dff);color:#081026;font-size:19px;letter-spacing:-5px;padding-right:5px}.brand-icon span{color:#fff}.nav-links{display:flex;align-items:center;gap:31px}.nav-links>a{font-size:14px;color:#d3d9ed;transition:.2s}.nav-links>a:hover{color:var(--cyan)}.nav-links .nav-cta{padding:12px 19px;border:1px solid var(--border);border-radius:12px;color:#fff}.menu-toggle{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px;padding-top:45px;padding-bottom:85px}.eyebrow,.section-tag{font-size:12px;letter-spacing:2.2px;font-weight:700;color:var(--cyan)}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(68,215,245,.22);background:rgba(68,215,245,.05);padding:10px 13px;border-radius:30px}.status-dot{height:7px;width:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 13px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:clamp(47px,5.8vw,78px);line-height:1.07;letter-spacing:-3px;margin:24px 0}h2{font-size:clamp(34px,4.2vw,54px);line-height:1.13;letter-spacing:-1.5px;margin:17px 0}h3{font-size:23px}.gradient-text{background:linear-gradient(95deg,#55e4f7 8%,#9b8cff 54%,#d786fa);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p,.section-heading>p,.contact-inner>p{color:var(--muted);line-height:1.85;font-size:17px;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:29px 0 45px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;border-radius:13px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,#43d9f4,#a076fa);color:#071124;box-shadow:0 10px 35px rgba(91,118,255,.25)}.btn-outline{border:1px solid rgba(184,201,255,.3);background:rgba(255,255,255,.04)}.hero-metrics{display:flex;gap:28px}.hero-metrics div{border-right:1px solid var(--border);padding-right:25px}.hero-metrics div:last-child{border:0}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{font:700 18px Outfit}.hero-metrics span{font-size:12px;color:var(--muted);margin-top:5px}.hero-visual{min-height:570px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid rgba(133,127,255,.15);border-radius:50%;width:470px;height:470px}.orbit-two{width:370px;height:370px;border-color:rgba(68,215,245,.17)}.phone{width:270px;height:530px;border:7px solid #293047;border-radius:41px;background:#090d20;box-shadow:0 40px 110px rgba(0,0,0,.6),0 0 70px rgba(122,75,255,.18);position:relative;transform:rotate(5deg);overflow:hidden}.phone-notch{width:95px;height:20px;background:#293047;border-radius:0 0 15px 15px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2}.phone-screen{height:100%;padding:47px 17px 20px;background:radial-gradient(circle at 75% 15%,#372466 0%,transparent 40%),linear-gradient(160deg,#111832,#0a0f23)}.phone-top{font:700 14px Outfit}.phone-top span{float:right;color:var(--cyan);font-size:8px}.phone-greeting{font:700 30px Outfit;margin-top:52px}.phone-greeting span{color:var(--cyan)}.phone-sub{font-size:11px;color:#a4aec9;margin-top:5px}.phone-panel{display:flex;gap:9px;align-items:center;padding:13px 10px;margin-top:28px;border-radius:14px;background:linear-gradient(125deg,rgba(72,222,247,.19),rgba(165,108,253,.25));border:1px solid rgba(255,255,255,.15)}.panel-icon{font-size:23px;color:var(--cyan)}.phone-panel strong,.phone-panel small{display:block}.phone-panel strong{font-size:10px}.phone-panel small{font-size:8px;color:#bbc5df;margin-top:5px}.phone-panel>span{margin-left:auto}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.phone-tiles>div{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 9px;background:rgba(255,255,255,.045)}.phone-tiles span{display:block;color:#6cddf5;font-size:20px}.phone-tiles small{display:block;font-size:9px;margin-top:10px;color:#d5dcef}.phone-footer{font-size:8px;color:#7885a7;text-align:center;margin-top:26px}.float-chip{position:absolute;padding:14px 19px;border:1px solid rgba(255,255,255,.18);background:rgba(27,35,65,.86);backdrop-filter:blur(12px);border-radius:13px;box-shadow:0 15px 45px rgba(0,0,0,.25);font-size:13px;font-weight:700}.chip-one{top:130px;left:0}.chip-two{right:-7px;bottom:120px}.section{padding:105px 0}.section-heading{max-width:690px;margin-bottom:40px}.glass{background:linear-gradient(140deg,rgba(29,39,72,.77),rgba(14,20,40,.82));border:1px solid var(--border);border-radius:23px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.about-feature{padding:40px;min-height:350px;display:flex;flex-direction:column}.feature-symbol{font-size:50px;color:var(--cyan)}.about-feature h3{margin-top:34px}.about-feature p,.point p,.service p,.app-copy p{color:var(--muted);line-height:1.75}.mini-line{height:1px;background:var(--border);margin-top:auto}.feature-bottom{color:var(--cyan);font-size:11px;letter-spacing:2px;margin-top:18px}.about-points{display:grid;gap:15px}.point{display:flex;gap:20px;padding:25px}.point h3{font-size:18px;margin-bottom:6px}.point p{font-size:14px;margin-bottom:0}.point-icon{font-size:30px;color:var(--cyan);width:42px;flex-shrink:0}.section-alt{background:linear-gradient(180deg,rgba(21,29,56,.45),rgba(8,11,29,.3))}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{padding:26px;min-height:290px;display:flex;flex-direction:column}.service-icon{font-size:37px;color:var(--cyan);margin-bottom:28px}.service h3{font-size:20px}.service p{font-size:14px}.service>span{font-size:10px;letter-spacing:1.8px;color:var(--cyan);margin-top:auto}.app-showcase{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.app-art{min-height:410px;background:radial-gradient(circle,#573eaa 0%,#19275a 44%,#10152e 75%);display:grid;place-items:center;position:relative;overflow:hidden}.app-icon{width:185px;height:185px;border-radius:45px;background:linear-gradient(135deg,#58e7f4,#7e5eff 65%,#c882ff);box-shadow:0 35px 70px rgba(0,0,0,.4),inset 0 1px 2px #fff9;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-8deg);z-index:1;color:#08112b}.app-icon span{font-size:96px;line-height:1}.app-icon small{font:800 17px Outfit;letter-spacing:4px}.key{position:absolute;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);border-radius:12px;padding:15px 20px;font:700 18px Outfit;color:#e4e7ff;transform:rotate(15deg)}.key-one{left:14%;top:15%}.key-two{right:12%;top:23%}.key-three{right:17%;bottom:13%}.app-copy{padding:55px 45px;align-self:center}.pill{display:inline-block;border:1px solid rgba(68,215,245,.25);background:rgba(68,215,245,.07);color:var(--cyan);border-radius:20px;padding:9px 12px;font-size:11px;letter-spacing:1.5px;font-weight:700}.app-copy h3{font-size:36px;margin:23px 0 12px}.app-tags{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.app-tags span{border:1px solid var(--border);padding:8px 12px;border-radius:8px;font-size:12px;color:#c3cde8}.app-copy .muted-note{font-size:12px;margin:15px 0 0}.contact-section{background:radial-gradient(ellipse at center,rgba(97,63,171,.25),transparent 65%);text-align:center}.contact-inner{display:flex;align-items:center;flex-direction:column}.contact-inner h2{max-width:740px}.contact-inner>p{margin-bottom:30px}.contact-email{color:var(--cyan);margin-top:20px}.footer{border-top:1px solid var(--border);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;font-size:13px;color:var(--muted)}.footer-inner p{color:var(--muted);font-size:12px;margin:0}@media(max-width:950px){.hero{grid-template-columns:1fr;gap:0;padding-top:70px}.hero-visual{min-height:570px}.services-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:16px}.nav-links>a{font-size:13px}}@media(max-width:650px){.wrap{width:min(100% - 32px,1160px)}.nav{height:70px}.brand{font-size:16px}.brand-icon{width:35px;height:35px;font-size:16px}.menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:1px solid var(--border);border-radius:9px;padding:9px}.menu-toggle span{height:2px;background:#fff;width:100%}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#0c1027;padding:20px 25px 25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-links>a{font-size:15px;padding:8px}.hero{padding-top:55px;padding-bottom:40px;min-height:auto}.hero h1{letter-spacing:-1.8px}.hero-copy>p{font-size:15px}.hero-metrics{gap:12px;flex-wrap:wrap}.hero-metrics div{padding-right:12px}.hero-metrics strong{font-size:14px}.hero-metrics span{font-size:10px}.hero-visual{min-height:525px}.phone{transform:scale(.87) rotate(5deg)}.orbit{width:320px;height:320px}.orbit-two{width:250px;height:250px}.float-chip{font-size:11px;padding:11px}.chip-one{left:0;top:110px}.chip-two{right:0;bottom:90px}.section{padding:70px 0}.about-grid,.app-showcase{grid-template-columns:1fr}.about-feature{min-height:290px;padding:28px}.services-grid{grid-template-columns:1fr}.service{min-height:240px}.app-art{min-height:330px}.app-copy{padding:35px 25px}.app-copy h3{font-size:30px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}