:root{--moon-navy: #0c317a;--moon-imperial: #184392;--moon-mediterranean: #2d7bbe;--moon-smurf: #4797d3;--moon-coastal: #57aae0;--ink: #061120;--ink-soft: #2a3a55;--paper: #f7fbff;--paper-blue: #e9f5ff;--line-light: rgba(255, 255, 255, .14);--line-dark: rgba(12, 49, 122, .14);color:#f7fbff;background:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 10%,rgba(87,170,224,.42),transparent 31rem),radial-gradient(circle at 83% 24%,rgba(45,123,190,.27),transparent 34rem),linear-gradient(145deg,var(--moon-navy) 0%,var(--moon-imperial) 45%,var(--ink) 100%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}main{overflow:hidden}.site-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid rgba(12,49,122,.12);display:flex;gap:1.5rem;justify-content:space-between;left:0;padding:.75rem clamp(1rem,5vw,4.5rem);position:fixed;right:0;top:0;z-index:20}.brand,.eyebrow,.primary-button,.secondary-button,.contact-form button{align-items:center;display:inline-flex}.brand{gap:.8rem;min-width:0}.brand-logo{aspect-ratio:1;border-radius:999px;display:block;height:clamp(2.8rem,5vw,3.75rem);object-fit:cover;width:clamp(2.8rem,5vw,3.75rem)}.brand-wordmark{color:var(--moon-navy);display:inline-flex;flex-wrap:wrap;font-size:clamp(1.35rem,3vw,2.85rem);font-weight:800;gap:.24em;letter-spacing:0;line-height:.95;white-space:nowrap}.brand-wordmark span:last-child{color:var(--moon-smurf);font-weight:500}nav{display:flex;gap:clamp(.8rem,3vw,2rem);color:var(--moon-navy);font-size:.95rem;font-weight:700}nav a:hover,nav a:focus-visible{color:var(--moon-smurf)}.hero{display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);min-height:100vh;padding:clamp(7.5rem,12vw,10rem) clamp(1rem,5vw,4.5rem) 4rem}.hero-copy{align-self:center;max-width:46rem}.eyebrow{color:#b9e4ff;font-size:.8rem;font-weight:900;gap:.45rem;letter-spacing:0;margin:0 0 1rem;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(4rem,13vw,9.5rem);letter-spacing:0;line-height:.88;margin-bottom:1.4rem;max-width:8ch}h2{font-size:clamp(2.15rem,6vw,5.25rem);letter-spacing:0;line-height:.98;margin-bottom:1.25rem}h3{font-size:1.25rem;line-height:1.15;margin-bottom:.65rem}.hero-text,.section-heading p,.about p,.contact-copy p{color:#d2e4f6;font-size:clamp(1.05rem,2vw,1.35rem);max-width:42rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.2rem}.primary-button,.secondary-button,.contact-form button{border-radius:999px;border:1px solid var(--line-light);font-weight:900;gap:.5rem;min-height:3.25rem;padding:.85rem 1.25rem}.primary-button,.contact-form button{background:#fff;color:var(--moon-navy)}.secondary-button{background:#57aae029;color:#fff}.hero-showcase{align-items:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:42rem;position:relative}.hero-phone{aspect-ratio:1260 / 2736;border-radius:2.2rem;box-shadow:0 2rem 5rem #0000005c;object-fit:cover;width:min(18rem,100%)}.hero-phone-1{transform:translateY(2.25rem) rotate(-7deg)}.hero-phone-2{transform:translateY(-2.5rem);z-index:2}.hero-phone-3{transform:translateY(3.25rem) rotate(7deg)}.section-band,.apps,.contact{padding:clamp(4rem,9vw,7rem) clamp(1rem,5vw,4.5rem)}.about{align-items:start;background:var(--paper);color:var(--ink);display:grid;gap:2rem;grid-template-columns:minmax(0,.95fr) minmax(18rem,1.05fr)}.about .eyebrow{color:var(--moon-mediterranean)}.about p{color:var(--ink-soft)}.apps{background:radial-gradient(circle at 88% 6%,rgba(71,151,211,.2),transparent 24rem),linear-gradient(180deg,#061120,#071832)}.section-heading{max-width:56rem}.launch-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.launch-badges span{align-items:center;background:#57aae024;border:1px solid rgba(87,170,224,.22);border-radius:999px;color:#fff;display:inline-flex;font-size:.92rem;font-weight:850;gap:.5rem;min-height:2.65rem;padding:.6rem .9rem}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:2.5rem 0 3rem}.feature-grid article{background:#2d7bbe24;border:1px solid rgba(87,170,224,.18);border-radius:.5rem;padding:1.2rem}.feature-grid p,.screenshot-card figcaption{color:#c4d9ec}.gallery-heading{align-items:end;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin:3rem 0 1.25rem}.gallery-heading h3{font-size:clamp(1.7rem,3vw,2.75rem);margin-bottom:0}.screenshot-carousel{margin-inline:calc(clamp(1rem,5vw,4.5rem)*-1);overflow-x:auto;padding:0 clamp(1rem,5vw,4.5rem) 1rem;scrollbar-color:rgba(87,170,224,.7) rgba(255,255,255,.08);scrollbar-width:thin}.screenshot-carousel:hover .screenshot-track,.screenshot-carousel:focus-within .screenshot-track{animation-play-state:paused}.screenshot-track{display:flex;gap:1rem;width:max-content;animation:screenshot-cycle 72s linear infinite}@keyframes screenshot-cycle{0%{transform:translate(0)}to{transform:translate(calc(-50% - .5rem))}}.screenshot-card{background:#0c317a47;border:1px solid rgba(87,170,224,.18);border-radius:.5rem;flex:0 0 auto;margin:0;overflow:hidden;width:min(24rem,76vw)}.screenshot-card img{aspect-ratio:1260 / 2736;display:block;height:min(72vh,48rem);min-height:34rem;object-fit:contain;object-position:top center;width:100%}.screenshot-card figcaption{font-size:.92rem;font-weight:800;padding:.85rem 1rem 1rem}.contact{background:radial-gradient(circle at 13% 18%,rgba(87,170,224,.32),transparent 27rem),var(--paper-blue);color:var(--ink);display:grid;gap:clamp(2rem,6vw,6rem);grid-template-columns:minmax(0,.9fr) minmax(20rem,.8fr)}.contact .eyebrow{color:var(--moon-mediterranean)}.contact-copy{align-self:center}.contact-copy p{color:var(--ink-soft)}.contact-form{background:#fff;border:1px solid var(--line-dark);border-radius:.5rem;box-shadow:0 1.5rem 4rem #0c317a29;display:grid;gap:1rem;padding:clamp(1.1rem,4vw,2rem)}.contact-form label{color:var(--ink-soft);display:grid;font-size:.95rem;font-weight:800;gap:.45rem}.contact-form input,.contact-form textarea{background:#f8fbff;border:1px solid #c9dff2;border-radius:.45rem;color:var(--ink);outline:none;padding:.85rem .95rem;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--moon-mediterranean);box-shadow:0 0 0 3px #2d7bbe2e}.contact-form button{cursor:pointer;justify-content:center;margin-top:.5rem}.site-footer{align-items:center;background:#fff;border-top:1px solid var(--line-dark);color:var(--moon-navy);display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) auto;padding:1.25rem clamp(1rem,5vw,4.5rem)}.footer-brand{align-items:center;display:inline-flex;gap:.7rem;min-width:0}.footer-logo{aspect-ratio:1;border-radius:999px;display:block;height:2.75rem;object-fit:cover;width:2.75rem}.footer-brand .brand-wordmark{font-size:clamp(1.15rem,2vw,1.8rem)}.footer-links{display:flex;flex-wrap:wrap;gap:.85rem 1.4rem;justify-content:flex-end}.footer-links a{color:var(--moon-imperial);font-weight:800}.footer-links a:hover,.footer-links a:focus-visible{color:var(--moon-smurf)}.site-footer p{color:var(--ink-soft);font-size:.92rem;grid-column:1 / -1;margin-bottom:0}@media(max-width:980px){.hero,.about,.contact{grid-template-columns:1fr}.hero,.hero-showcase{min-height:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-heading,.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media(max-width:640px){.site-header{align-items:flex-start;flex-direction:column;gap:.7rem}nav{width:100%;justify-content:space-between}.hero{padding-top:9rem}h1{font-size:clamp(3.5rem,18vw,5.2rem)}.hero-showcase{gap:.45rem;grid-template-columns:repeat(3,42vw);margin-inline:-1rem;overflow-x:auto;padding:1rem;scroll-snap-type:x mandatory}.hero-phone{scroll-snap-align:center;transform:none;width:100%}.feature-grid{grid-template-columns:1fr}.launch-badges span{width:100%}.screenshot-card img{height:min(70vh,40rem);min-height:28rem}}@media(prefers-reduced-motion:reduce){.screenshot-track{animation:none}}