:root{--ink:#101a34;--muted:#606b80;--line:#dfe4ee;--paper:#f7f9fc;--accent:#193dff;--accent-soft:#e8edff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next","Segoe UI",Arial,sans-serif}.marketing-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1100px)/2))}.marketing-brand{display:flex;align-items:center;color:var(--ink);font-weight:750;text-decoration:none}.marketing-header nav{display:flex;gap:18px}.marketing-header nav a{color:var(--muted);font-size:.88rem;font-weight:650;text-decoration:none}.marketing-main{width:min(1100px,calc(100% - 48px));margin:0 auto}.marketing-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:88px;min-height:580px;padding:80px 0}.marketing-hero--text-only{grid-template-columns:minmax(0,780px);min-height:530px}.marketing-kicker{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.15em;margin:0 0 18px;text-transform:uppercase}.marketing-hero h1{font-size:clamp(3.15rem,7vw,5.8rem);letter-spacing:-.06em;line-height:.94;margin:0}.marketing-lede{color:#44516a;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65;margin:25px 0 30px;max-width:670px}.marketing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.store-button{background:var(--ink);border-radius:999px;color:#fff;font-weight:750;padding:14px 20px;text-decoration:none}.store-button--disabled{background:#dfe4ee;color:#59657a}.text-link{color:var(--accent);font-weight:750;padding:12px;text-decoration:none}.marketing-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.marketing-meta span{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem;padding:7px 11px}.marketing-visual{background:linear-gradient(145deg,var(--accent-soft),#fff);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:42px;display:grid;min-height:390px;place-items:center;position:relative;overflow:hidden}.marketing-visual::before,.marketing-visual::after{background:var(--accent);border-radius:999px;content:"";filter:blur(1px);opacity:.1;position:absolute}.marketing-visual::before{height:230px;right:-90px;top:-70px;width:230px}.marketing-visual::after{bottom:-75px;height:190px;left:-55px;width:190px}.marketing-icon{border-radius:28%;box-shadow:0 28px 60px rgba(16,26,52,.2);height:190px;position:relative;width:190px;z-index:1}.feature-section,.screens-section{border-top:1px solid var(--line);padding:76px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:38px}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1.05;margin:0}.section-heading p{color:var(--muted);line-height:1.75;margin:3px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.feature-number{color:var(--accent);font-size:.72rem;font-weight:850;letter-spacing:.12em}.feature h3{font-size:1.12rem;margin:24px 0 9px}.feature p{color:var(--muted);font-size:.94rem;line-height:1.65;margin:0}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.screens img{background:#edf0f6;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 36px rgba(16,26,52,.08);height:auto;width:100%}.marketing-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:28px;padding:32px 0 48px}.marketing-footer p{color:var(--muted);font-size:.83rem;margin:0}.marketing-footer nav{display:flex;flex-wrap:wrap;gap:18px}.marketing-footer a{color:var(--muted);font-size:.83rem;font-weight:650;text-decoration:none}@media(max-width:800px){.marketing-header nav a:not(:last-child){display:none}.marketing-hero{grid-template-columns:1fr;gap:44px;padding:56px 0 64px}.marketing-visual{min-height:320px}.section-heading{grid-template-columns:1fr;gap:16px}.feature-grid{grid-template-columns:1fr}.feature h3{margin-top:14px}.feature-section,.screens-section{padding:56px 0}.screens{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.screens img{flex:0 0 78%;scroll-snap-align:start}.marketing-footer{display:block}.marketing-footer nav{margin-top:18px}}@media(max-width:480px){.marketing-main{width:calc(100% - 32px)}.marketing-header{padding:0 16px}.marketing-icon{height:150px;width:150px}.marketing-visual{border-radius:28px;min-height:270px}}