/* Reference-led composition: generous typography, glass panels and centered content. */
:root{--bg:#100c18;--muted:#c2bacb;font-family:Arial,system-ui,sans-serif}h1,h2,h3,.brand{font-family:Arial,system-ui,sans-serif}.container{width:min(1280px,calc(100% - 64px))}header{background:#100c18ed}.nav-wrap{height:96px}.brand img{width:68px;height:68px;border-radius:17px}.brand{font-size:1.8rem}.nav-download{display:none}.nav-wrap nav{gap:42px;font-size:1rem;font-weight:600}.hero{padding-top:30px}.hero:before{background-size:50px 50px;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);mask-image:linear-gradient(#000 75%,transparent)}.hero-glow{background:radial-gradient(ellipse,#7c4ec71a,transparent 65%)}.hero-layout{grid-template-columns:1fr 1fr;min-height:820px;gap:55px;align-items:start}.availability{border-color:#d6c7e980;background:transparent;font-size:.75rem;letter-spacing:.1px;color:#fff;padding:11px 15px}.availability>span{background:#22d791;box-shadow:0 0 10px #22d79166}.hero h1{margin-top:29px;margin-bottom:20px}.hero h1>.gradient-text{font-size:clamp(6rem,9.8vw,8.4rem);line-height:1.04;font-weight:800;letter-spacing:-4px;filter:drop-shadow(0 0 25px #ae87ed50);margin-bottom:20px;background-image:linear-gradient(110deg,#a681f5,#ece5ff)}.hero h1>strong{font-size:clamp(2rem,3.45vw,2.9rem);line-height:1.2;letter-spacing:-.8px;font-weight:600}.hero h1>strong span{color:#d3c3f0}.hero-copy>p{font-size:1.125rem;line-height:1.8;max-width:585px;color:#ded6e7}.hero-tags{margin-top:23px;gap:18px}.hero-tags>span{font-size:.875rem}.hero-actions{margin-top:25px}.store-button{border-radius:13px;background:linear-gradient(100deg,#925aea,#ba62de);box-shadow:0 0 30px #a059ea28;padding:16px 23px}.hero-copy>.android-note{font-size:.75rem;color:#9f91b0}.reference-showcase{height:700px;margin-top:145px}.reference-showcase:before,.reference-showcase:after{content:'';position:absolute;top:70px;width:60%;height:540px;border:1px solid #c0a5e635;border-radius:28px;background:linear-gradient(130deg,#ffffff09,#aa81da03 45%,#ffffff0b);box-shadow:0 0 35px #b5a0da14;z-index:-1}.reference-showcase:before{left:1%;transform:rotate(-4deg)}.reference-showcase:after{right:-7%;top:140px;transform:rotate(7deg)}.reference-showcase .screen-back{left:5%;top:125px;width:44%;height:495px;transform:rotate(-15deg) rotateY(calc(13deg + var(--ry)));border-radius:24px}.reference-showcase .screen-front{right:2%;top:157px;width:47%;height:525px;transform:rotate(12deg) rotateY(calc(-12deg + var(--ry))) rotateX(var(--rx));border-radius:24px}.reference-showcase .float-card{display:none}.halo{display:none}.reference-showcase .spark{display:grid;place-items:center;width:62px;height:62px;font-size:2.7rem;border-radius:21px;box-shadow:inset 2px 2px 0 #ffffff38,0 0 35px #e82e9f55;color:white;animation:float 6s ease-in-out infinite}.reference-showcase .spark-one{background:linear-gradient(140deg,#ff379a,#cc007b);left:-45px;top:155px;transform:rotate(-25deg)}.reference-showcase .spark-two{background:linear-gradient(140deg,#ffcf31,#ff9500);right:-20px;top:5px;transform:rotate(20deg);font-size:2rem;animation-delay:-3s}.reference-showcase .showcase-caption{bottom:-20px}.quick-features{margin-top:50px;border-top:0;padding-bottom:40px}.quick-features svg{width:28px;height:28px}.quick-features strong{font-size:1.3rem;color:#d5b9f8}.quick-features span{font-size:.875rem}.section{padding-top:110px;padding-bottom:110px}.section-heading{max-width:930px;margin-bottom:62px}.section-heading h2{font-size:3.5rem;font-weight:700;line-height:1.18;letter-spacing:-1px}.section-heading p{font-size:1.125rem;line-height:1.7;max-width:850px}.eyebrow{font-size:.8rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{text-align:center;border-radius:24px;padding:34px 30px 24px;box-shadow:0 0 27px #d4b4ff0c;border-color:#cbb6eb32;background:linear-gradient(130deg,#282231,#1c1725)}.feature-card .feature-icon{margin:6px auto 32px;width:74px;height:74px;border-radius:19px;background:linear-gradient(120deg,rgba(var(--accent-rgb),1),rgba(var(--accent-rgb),.65));box-shadow:0 0 28px rgba(var(--accent-rgb),.16)}.feature-card .feature-icon svg{width:36px;height:36px}.card-label{right:14px;top:14px;border-radius:20px;background:rgba(var(--accent-rgb),.2);font-size:.7rem}.feature-card h3{font-size:1.45rem;font-weight:700;line-height:1.35;min-height:58px;margin-bottom:18px}.feature-card p{font-size:1rem;line-height:1.7;min-height:82px;color:#ccc4d6}.card-foot{justify-content:center;gap:18px;font-size:.8rem;padding-top:20px}.feature-card:after{width:185px;height:185px;right:-85px;bottom:-85px;background:rgba(var(--accent-rgb),.065)}.app-section{background:radial-gradient(ellipse at center,#5f366627,transparent 70%)}.app-gallery{max-width:900px;gap:45px}.screenshot-button{box-shadow:0 0 30px #b886ff15,0 15px 35px #0005}.about-reference{background:radial-gradient(ellipse at center,#5a37751c,transparent 65%)}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.purpose-grid>article{border:1px solid #ac87dc30;background:linear-gradient(140deg,#272030,#181320);border-radius:24px;padding:38px;text-align:center}.purpose-grid .feature-icon{--accent-rgb:180,112,250;margin:0 auto 25px;width:64px;height:64px}.purpose-grid h3{font-size:1.65rem;margin-bottom:18px}.purpose-grid p{font-size:1.0625rem;line-height:1.8}.values-heading{text-align:center;margin:60px 0 30px}.values-heading h3{font-size:2rem;color:#d6b3f7;margin-bottom:12px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.values-grid article{text-align:center;border:1px solid #9974c329;border-radius:18px;padding:27px 15px;background:#261c343a}.values-grid svg{color:#d3a0fa;height:30px;width:30px}.values-grid h4{font-size:1rem;margin:18px 0 12px}.values-grid p{font-size:.875rem}.contact-section{background:radial-gradient(ellipse at 50% 50%,#78449314,transparent 70%)}.contact-intro{max-width:850px;margin:0 auto 30px}.contact-intro h3{font-size:1.8rem;color:#cba5ef;margin-bottom:16px}.contact-intro p{font-size:1.0625rem}.contact-grid{max-width:850px;grid-template-columns:1fr;gap:18px}.contact-card{padding:26px;border-radius:18px}.contact-card strong{font-size:1.125rem}.contact-card small{font-size:.8rem}.contact-icon{height:56px;width:56px}.company-note{margin-top:32px}.footer-top{padding-top:40px}.footer-column>strong{color:#c9a9e4}.download-panel{border-radius:24px}
@media(max-width:1050px){.hero-layout{gap:25px}.hero h1>.gradient-text{font-size:7rem}.hero h1>strong{font-size:2.5rem}.reference-showcase{margin-top:180px}.reference-showcase .screen-back{height:405px}.reference-showcase .screen-front{height:430px}.reference-showcase:before,.reference-showcase:after{height:460px}.reference-showcase .spark-one{left:-13px;top:45px}.reference-showcase .spark-two{right:0;top:90px}.reference-showcase .showcase-caption{bottom:50px}.feature-card{padding:30px 22px 22px}.section-heading h2{font-size:3rem}.values-grid{grid-template-columns:1fr 1fr}}
@media(max-width:750px){.container{width:calc(100% - 40px)}.nav-wrap{height:82px}.brand img{width:55px;height:55px}.nav-wrap nav{font-size:.875rem;gap:24px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero h1>.gradient-text{font-size:6.5rem;line-height:1.04;letter-spacing:-3px}.hero h1>strong{font-size:2.5rem}.hero-copy>p{font-size:1rem}.reference-showcase{width:min(100%,450px);margin:10px auto 25px;height:600px}.reference-showcase .screen-back{top:70px;left:7%;height:425px;width:43%}.reference-showcase .screen-front{top:100px;right:4%;height:450px;width:46%}.reference-showcase:before{top:30px;height:470px}.reference-showcase:after{top:80px;height:470px;right:-2%}.reference-showcase .spark-one{top:0;left:0}.reference-showcase .spark-two{right:-4px;top:36px}.reference-showcase .showcase-caption{bottom:0}.quick-features{margin-top:15px;grid-template-columns:1fr 1fr;padding-bottom:0}.quick-features strong{font-size:1.1rem}.quick-features span{font-size:.8rem}.quick-features>div{padding:22px 10px}.section{padding:75px 0}.section-heading{margin-bottom:40px}.section-heading h2{font-size:2.5rem}.section-heading p{font-size:1rem}.feature-grid{grid-template-columns:1fr 1fr;gap:18px}.feature-card h3{font-size:1.2rem;min-height:50px}.feature-card p{font-size:.94rem;min-height:110px}.feature-card .feature-icon{width:62px;height:62px;margin-top:15px}.purpose-grid{grid-template-columns:1fr}.values-grid{gap:15px}.purpose-grid>article{padding:30px}.values-heading h3{font-size:1.8rem}.contact-intro h3{font-size:1.5rem}.contact-card strong{font-size:1rem}}
@media(max-width:650px){.nav-wrap nav{top:81px}.hero{padding-top:25px}.hero h1>.gradient-text{font-size:clamp(5.3rem,22vw,7.5rem)}.hero h1>strong{font-size:clamp(2rem,8.5vw,2.8rem)}.availability{font-size:.68rem}.hero-tags{gap:14px}.hero-tags>span{font-size:.8rem}.hero-actions{gap:24px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:30px 25px 25px}.feature-card h3{font-size:1.4rem;min-height:0}.feature-card p{min-height:0;font-size:1rem}.card-foot{margin-top:25px}.feature-card .feature-icon{width:72px;height:72px;margin-top:12px}.section-heading h2{font-size:2.3rem}.eyebrow{font-size:.72rem}.quick-features svg{width:22px;height:22px}.quick-features strong{font-size:1rem}.quick-features span{font-size:.72rem}.values-grid{grid-template-columns:1fr 1fr}.values-grid h4{font-size:.94rem}.contact-card{padding:20px;gap:16px}.contact-icon{height:45px;width:45px}.contact-card strong{font-size:.94rem}.reference-showcase{height:530px}.reference-showcase .screen-back{height:370px;top:65px}.reference-showcase .screen-front{height:395px;top:95px}.reference-showcase:before,.reference-showcase:after{height:410px}.reference-showcase .spark{width:48px;height:48px;font-size:2rem}.reference-showcase .showcase-caption{font-size:.65rem}.contact-intro p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.reference-showcase .spark{animation:none}}