:root{--color-paper: #f7f8f5;--color-panel: #ffffff;--color-ink: #141414;--color-soft-ink: #34312d;--color-muted: #67716c;--color-line: #d9e0da;--color-accent: #00796b;--color-accent-ink: #ffffff;--color-android: #2d7d46;--color-windows: #2368c4;--shadow-product: 0 24px 80px rgba(20, 42, 36, .11);--font-display: "Space Grotesk", "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--page: clamp(1rem, 4vw, 4.5rem);color-scheme:light}*{box-sizing:border-box}html{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.5;scroll-behavior:smooth}body{margin:0}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,121,107,.055) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(rgba(20,20,20,.025) 1px,transparent 1px) 0 0 / 72px 72px;mask-image:linear-gradient(to bottom,black,transparent 70%)}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-accent),white 40%);outline-offset:4px}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:700;line-height:.96;text-wrap:balance}h1{max-width:13.5ch;font-size:clamp(2.8rem,4.7vw,4.9rem)}h2{max-width:16ch;font-size:clamp(2.1rem,4.2vw,4.4rem)}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--page)}.site-header{position:sticky;top:0;z-index:20;background:#f7f8f5e0;border-bottom:1px solid var(--color-line);backdrop-filter:blur(18px)}.brand,.nav,.platform-row,.store-buttons,.hero-actions,.app-card-footer{display:flex;align-items:center;gap:.75rem}.brand,.nav a,.text-link,.store-button,.hero-showcase a,.app-card-media{text-decoration:none}.brand{font-weight:700}.brand-mark{width:2.25rem;height:2.25rem;flex:0 0 auto}.nav{flex-wrap:wrap;justify-content:flex-end;font-size:.93rem}.nav a{color:var(--color-muted);font-weight:600}.nav a:hover,.text-link:hover{color:var(--color-accent)}.language-link{border-left:1px solid var(--color-line);padding-left:.75rem}.hero,.section,.detail-hero,.detail-columns,.plain-page{padding:clamp(3rem,7vw,7rem) var(--page)}.hero{display:grid;grid-template-columns:minmax(0,.78fr) minmax(20rem,1.22fr);gap:clamp(2.5rem,6vw,6.5rem);min-height:min(860px,calc(100svh - 70px));align-items:center}.hero-copy,.plain-page,.detail-hero{animation:rise-in .52s ease-out both}.hero-copy{display:grid;gap:1.25rem}.hero-copy p:not(.eyebrow),.lead{max-width:42rem;color:var(--color-muted);font-size:clamp(1.08rem,1.5vw,1.28rem)}.hero-actions{flex-wrap:wrap;margin-top:.65rem;color:var(--color-muted);font-weight:600}.hero-showcase{display:grid;grid-template-columns:.85fr 1fr;grid-template-rows:repeat(2,minmax(12rem,1fr));gap:1rem;align-items:stretch}.hero-showcase.single-feature{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center}.single-feature .showcase-card{min-height:0;aspect-ratio:16 / 9}.showcase-card{position:relative;display:grid;min-height:15rem;align-content:end;overflow:hidden;padding:1rem;background:var(--color-panel);border:1px solid var(--color-line);box-shadow:var(--shadow-product)}.showcase-card:first-child{grid-row:span 2}.single-feature .showcase-card:first-child{grid-row:auto}.showcase-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .42s ease,opacity .42s ease}.showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0c1210c7,#0c12100d 64%)}.showcase-card span,.showcase-card small,.featured-badge{position:relative;z-index:1;color:#fff}.featured-badge{width:fit-content;margin-bottom:.5rem;padding:.28rem .55rem;background:var(--color-accent);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.showcase-card span{max-width:18rem;font-size:clamp(1.18rem,1.8vw,1.8rem);font-weight:700;line-height:1.02}.single-feature .showcase-card span{max-width:28rem;font-size:clamp(2rem,4vw,4.6rem)}.featured-link{width:fit-content;color:var(--color-accent);font-weight:800;text-decoration-thickness:2px;text-underline-offset:.3rem}.showcase-card small{color:#ffffffc7;font-weight:600}.showcase-card:hover img{transform:scale(1.04);opacity:.9}.eyebrow,.muted{color:var(--color-muted)}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section{border-top:1px solid var(--color-line)}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.45fr);gap:clamp(2rem,5vw,5rem)}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:1rem}.category-stack{display:grid;gap:clamp(2rem,5vw,4rem)}.category-jump{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:clamp(2rem,4vw,3rem)}.category-jump a{display:inline-flex;align-items:center;gap:.55rem;min-height:2.5rem;padding:.55rem .75rem;background:var(--color-panel);border:1px solid var(--color-line);color:var(--color-ink);font-weight:700;text-decoration:none}.category-jump a:hover{border-color:color-mix(in srgb,var(--color-accent),var(--color-line) 35%);color:var(--color-accent)}.category-jump small{color:var(--color-muted);font-weight:800}.category-group{display:grid;gap:1rem}.category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--color-line)}.category-heading h3{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1}.category-heading span{color:var(--color-muted);font-weight:700}.platform-section{display:grid;gap:clamp(2rem,5vw,4rem)}.platform-section+.platform-section{margin-top:clamp(3rem,6vw,5rem)}.platform-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:2px solid var(--color-ink)}.platform-heading h2{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3rem);line-height:1}.platform-heading span{color:var(--color-muted);font-weight:700}.app-card{display:grid;grid-template-rows:auto 1fr auto;gap:1.1rem;min-height:29rem;overflow:hidden;padding:.75rem;background:var(--color-panel);border:1px solid var(--color-line);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.app-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-accent),var(--color-line) 45%);box-shadow:var(--shadow-product)}.app-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 10;background:#ebe5da;border:1px solid var(--color-line)}.free-badge{position:absolute;top:.75rem;right:.75rem;z-index:2;padding:.32rem .55rem;background:#fff;color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent),white 58%);font-size:.72rem;font-weight:800;letter-spacing:.08em}.showcase-free{top:1rem;right:1rem}.app-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .36s ease}.app-card:hover .app-card-media img{transform:scale(1.035)}.app-card>div:not(.app-card-footer){display:grid;align-content:start;gap:.65rem;padding:0 .35rem}.app-card h2{max-width:none;font-size:clamp(1.7rem,2.3vw,2.45rem);overflow-wrap:anywhere}.app-card p:not(.eyebrow){color:var(--color-muted)}.app-card-footer{justify-content:space-between;flex-wrap:wrap;padding:0 .35rem .35rem}.platform-pill{padding:.28rem .55rem;color:#fff;font-size:.76rem;font-weight:700}.platform-pill.microsoft{background:var(--color-windows)}.platform-pill.android{background:var(--color-android)}.text-link{width:fit-content;font-weight:700;color:var(--color-ink)}.subtle{margin-bottom:2rem}.detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(18rem,.72fr) minmax(14rem,.38fr);gap:clamp(1.25rem,4vw,3rem);align-items:start}.detail-grid>div:first-child{display:grid;gap:1.05rem}.detail-grid h1{max-width:14ch;overflow-wrap:anywhere;font-size:clamp(2.9rem,5.2vw,5.4rem)}.detail-preview{overflow:hidden;background:var(--color-panel);border:1px solid var(--color-line);box-shadow:var(--shadow-product)}.detail-preview img{width:100%;aspect-ratio:16 / 11;object-fit:contain;background:#edf1ee}.cta-panel{position:sticky;top:6rem;display:grid;gap:1rem;padding:1.1rem;background:var(--color-ink);color:var(--color-paper)}.cta-panel .eyebrow,.cta-panel .muted{color:#f4f1eab8}.store-buttons{flex-wrap:wrap}.store-button{display:inline-flex;min-height:2.85rem;align-items:center;justify-content:center;padding:.8rem 1.05rem;background:var(--color-accent);color:var(--color-accent-ink);font-weight:700;text-decoration:none}.store-button.android{background:var(--color-android)}.store-badge{display:inline-flex;line-height:0}.store-badge img{width:12.5rem;height:auto}.promo-request{display:grid;gap:.35rem;margin-top:.25rem;padding-top:1rem;border-top:1px solid rgba(244,241,234,.2)}.promo-request p{color:var(--color-paper);font-weight:700}.promo-request span{color:#f4f1eab8;font-size:.93rem}.promo-request a{width:fit-content;color:var(--color-paper);font-weight:700;text-decoration-color:#f4f1ea73;text-underline-offset:.25rem}.media-shelf{display:grid;grid-auto-columns:minmax(18rem,46rem);grid-auto-flow:column;gap:1rem;overflow-x:auto;padding:0 var(--page) 4rem;scroll-snap-type:x mandatory}.media-shelf img,.media-shelf video{width:100%;aspect-ratio:16 / 10;object-fit:contain;background:var(--color-panel);border:1px solid var(--color-line);scroll-snap-align:start}.feature-list{display:grid;gap:.85rem;margin:1rem 0 0;padding:0;list-style:none}.feature-list li{padding:.9rem 0;border-top:1px solid var(--color-line);font-weight:600}.detail-columns p:not(.eyebrow),.plain-page p{color:var(--color-muted)}.plain-page{display:grid;gap:1rem;max-width:58rem;min-height:64svh}.plain-page p{font-size:1.2rem}.site-footer{color:var(--color-muted);border-top:1px solid var(--color-line)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero,.detail-grid,.detail-columns{grid-template-columns:1fr}.hero{min-height:auto}.hero-showcase{grid-template-columns:1fr;grid-template-rows:none}.showcase-card:first-child{grid-row:auto}.cta-panel{position:static}}@media(max-width:640px){.site-header,.site-footer{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}h1{max-width:11ch;font-size:clamp(2.6rem,12vw,4rem)}.hero,.section,.detail-hero,.detail-columns,.plain-page{padding-block:3rem}.showcase-card{min-height:14rem}.app-card{min-height:auto}.media-shelf{grid-auto-columns:84vw}}:root{--color-paper: #0b1026;--color-panel: #121a3d;--color-ink: #e9e6dd;--color-soft-ink: #cfd2e3;--color-muted: #a9b0cc;--color-line: #232b5c;--color-accent: #f2c879;--color-accent-ink: #0b1026;--color-android: #6fd3b4;--color-windows: #7c8cff;--shadow-product: 0 24px 80px rgba(0, 0, 0, .5);--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", "Segoe UI", sans-serif;--c-width: 1200px;color-scheme:dark}html{background:radial-gradient(ellipse at 50% 0%,#1b2457,#0b1026 60%) no-repeat,#0b1026;background-attachment:fixed}body:before{display:none}h1,h2{font-weight:300;letter-spacing:-.03em;line-height:1.02}main{display:block}.site-header,.site-footer{max-width:var(--c-width);margin:0 auto;padding:2rem}.site-header{position:static;background:none;border-bottom:0;backdrop-filter:none}.brand{font-family:var(--font-display);font-size:1.5rem;font-weight:300;letter-spacing:-.01em}.nav{gap:2rem;flex-wrap:wrap}.nav a{color:var(--color-muted);font-size:.95rem;font-weight:400}.nav a:hover,.site-footer a:hover{color:var(--color-accent)}.site-footer{border-top:0;padding-top:6rem;padding-bottom:2.5rem;font-size:.85rem;color:#8189ac;flex-wrap:wrap}.site-footer nav{display:flex;gap:1.5rem;flex-wrap:wrap}.nav .lang-switch{padding:.2rem .65rem;border:1px solid #3a4278;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.06em}.nav .lang-switch:hover{border-color:var(--color-accent)}.h1-sub{display:block;max-width:34rem;margin-top:.9rem;font-family:var(--font-body);font-size:clamp(1rem,1.6vw,1.25rem);font-weight:500;letter-spacing:0;line-height:1.35;color:var(--color-accent)}.faq{max-width:var(--c-width);margin:0 auto;padding:4rem var(--page) 0}.faq h2{max-width:none;margin-bottom:1.5rem;font-size:clamp(1.8rem,3.2vw,2.75rem)}.faq-list{display:grid;gap:0;border-top:1px solid var(--color-line)}.faq-item{padding:1.25rem 0;border-bottom:1px solid var(--color-line)}.faq-item h3{margin-bottom:.4rem;font-size:1.1rem;font-weight:600}.faq-item p{max-width:52rem;color:var(--color-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.tag-list span{padding:.3rem .8rem;border:1px solid var(--color-line);border-radius:999px;font-size:.8rem;color:var(--color-muted)}.detail-hero,.detail-columns,.plain-page,.section:not(.c-section){max-width:var(--c-width);margin-inline:auto}.app-card,.cta-panel{background:var(--color-panel);border-color:var(--color-line)}.cta-panel{color:var(--color-ink)}.cta-panel .eyebrow,.cta-panel .muted,.promo-request span{color:var(--color-muted)}.promo-request{border-top-color:var(--color-line)}.promo-request p,.promo-request a{color:var(--color-ink)}.promo-request a{text-decoration-color:var(--color-accent)}.store-button{background:var(--color-accent);color:var(--color-accent-ink);border-radius:999px}.mobile-cta{display:none}@media(max-width:980px){.mobile-cta{position:fixed;inset:auto 0 0;z-index:30;display:flex;justify-content:center;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:#0b1026eb;border-top:1px solid var(--color-line);backdrop-filter:blur(14px)}.mobile-cta .store-buttons{justify-content:center}.mobile-cta .store-badge img{width:auto;height:3rem}body:has(.mobile-cta) .site-footer{padding-bottom:6rem}}.c-hero{max-width:var(--c-width);margin:0 auto;padding:2.5rem 2rem 0;text-align:center}.c-constellation{position:relative;width:100%;max-width:820px;aspect-ratio:800 / 280;margin:0 auto}.c-constellation svg{position:absolute;inset:0;width:100%;height:100%}.c-star{position:absolute;border-radius:24%;overflow:hidden;background:#121a3d;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff1f,0 10px 30px #00000073,0 0 40px var(--glow);transition:transform .25s ease}.c-star:hover{transform:translate(-50%,-50%) scale(1.12);z-index:2}.c-star img{width:100%;height:100%;object-fit:cover}.c-hero h1{max-width:980px;margin:1.5rem auto 0;font-size:clamp(3rem,8vw,7rem);line-height:1}.c-hero h1 em,.c-contact h2 em{font-style:normal;color:var(--color-accent)}.c-lead{max-width:560px;margin:2rem auto 0;font-size:1.2rem;line-height:1.6;color:var(--color-muted)}.c-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2.5rem}.c-btn{display:inline-flex;align-items:center;min-height:3rem;padding:0 2rem;border-radius:999px;border:1px solid #3a4278;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}.c-btn:hover{border-color:var(--color-accent)}.c-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.c-btn.primary:hover{background:#f7d79b}.c-section{max-width:var(--c-width);margin:0 auto;padding:8rem 2rem 0}.c-section h2{max-width:none;margin-bottom:.75rem;font-size:clamp(2.25rem,4.5vw,3.75rem)}.c-section+.c-section{padding-top:6rem}.c-sub{margin-bottom:2rem;color:var(--color-muted)}.c-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.c-item{display:flex;align-items:center;gap:.9rem;min-width:0;padding:1.1rem 1.25rem;border:1px solid var(--color-line);border-radius:16px;text-decoration:none;transition:background .25s,border-color .25s}.c-item:hover{background:#f2c87914;border-color:var(--color-accent)}.c-icon{flex:none;width:48px;height:48px;border-radius:24%;overflow:hidden;background:#121a3d;box-shadow:0 0 0 1px #ffffff1a}.c-icon img{width:100%;height:100%;object-fit:cover}.c-name{display:block;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.c-cat{display:block;margin-top:.1rem;font-size:.8rem;color:#8189ac}.c-contact{max-width:var(--c-width);margin:0 auto;padding:9rem 2rem 0;text-align:center}.c-contact h2{max-width:none;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1}.c-mail{display:inline-block;margin-top:2rem;padding-bottom:.25rem;border-bottom:1px solid var(--color-accent);font-size:1.25rem;text-decoration:none}@media(max-width:640px){.site-header,.site-footer,.c-hero,.c-section,.c-contact{padding-inline:1.25rem}.c-section{padding-top:5rem}.c-star{scale:.6}.c-star:hover{scale:.7;transform:translate(-50%,-50%)}}
