/* The shared AppsByMow product layout, in the meadow's sky, cream and leaf palette. */
:root{--grad-1:#c5e8e3;--grad-2:#e5edc2;--grad-3:#b4cf7e;--fg:#234a36;--muted:#385e44;--primary:#246b43;--accent:#246b43;--ring:#367b49;--surface:#fffbea9c;--surface-hover:#fffbea;--border:#416b4033;--shadow:0 12px 38px #2b54331f;--iphone-header-color:#c5e8e3}
html{background:#c5e8e3}body.meadow{background:linear-gradient(180deg,#c5e8e3 0%,#edf1cb 35%,#b4cf7e 100%);color:var(--fg)}
.meadow header{background:#c5e8e3ed;border-bottom:1px solid var(--border)}.meadow .brand img{object-fit:contain}.meadow .btn{background:#276b45;color:#fffbea;border:1px solid #276b45;box-shadow:none}.meadow .btn:hover{background:#205b3b}.meadow .hero .cta .btn{background:#276b45}
.meadow .hero{grid-template-columns:1.1fr .9fr;gap:70px;padding:70px 0 85px}.meadow .hero .title{max-width:15ch;font-size:clamp(36px,4.5vw,62px);font-family:Georgia,serif;line-height:1.08;letter-spacing:-1.4px}.meadow .subtitle{max-width:36ch}.meadow .hero-intro{color:var(--muted)}
.meadow-screen{width:min(100%,300px);margin:auto}.meadow-screen img{width:100%;height:auto;display:block;border-radius:30px;box-shadow:0 22px 46px #244b382b;border:5px solid #fffbee}.meadow-screen figcaption{padding:18px 5px 0;font-size:15px;line-height:1.5}.meadow-screen figcaption strong{display:block;color:var(--fg);font-size:18px;margin-bottom:7px}
.meadow .eyebrow{color:var(--muted);font-size:14px;letter-spacing:.02em;font-weight:600;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.coming-soon{display:inline-block;border:1px solid #d4b965;background:#fff4c8;color:#5c4c1f;border-radius:30px;padding:7px 14px;font-size:14px;font-weight:650}
.meadow h2{font-family:Georgia,serif;font-size:clamp(28px,3.3vw,42px);line-height:1.18}.meadow-intro>p:not(.eyebrow){max-width:690px}.meadow-steps{margin-top:38px;gap:32px}.meadow-steps>div{border-top:1px solid #406b4540;padding-top:22px}.meadow-steps span{font-size:14px;color:#52734d}.meadow-steps h3{font-size:20px;margin:12px 0}.meadow-steps p{font-size:16px;margin:0}.meadow .section-heading{max-width:710px}.meadow .screens-gallery{gap:38px;align-items:start}.meadow .screens-gallery .meadow-screen{margin:0 auto;align-self:start}.meadow .screens-gallery img{border-radius:30px;box-shadow:0 20px 38px #244b3822}
.meadow-extras{display:grid;grid-template-columns:1fr 270px;gap:80px;align-items:center}.mow-friend{width:270px;height:auto}.meadow-availability{background:#fffbeade;text-align:center;padding:44px 28px;border-color:#71894f33}.meadow-availability .eyebrow{justify-content:center}.meadow-availability h2{margin-top:12px}.meadow-availability p{max-width:590px;margin:16px auto}.meadow footer{border-top:1px solid #4d713c40}.meadow .legal a{color:#175a38}.meadow .legal h2{font-family:inherit;font-size:25px}.meadow .legal h1{font-family:Georgia,serif}.meadow .legal{line-height:1.7}.meadow .legal .prose{max-width:760px}.meadow .small{font-size:14px;color:var(--muted)}
@media(max-width:900px){.meadow .hero{gap:30px}.meadow-extras{gap:30px;grid-template-columns:1fr 220px}.mow-friend{width:220px}.meadow .screens-gallery{gap:20px}}
@media(max-width:640px){.meadow .hero{grid-template-columns:1fr;padding:45px 0;gap:38px}.meadow .hero .title{max-width:none;font-size:42px}.meadow .hero .subtitle{font-size:18px}.meadow-screen{width:min(82vw,300px)}.meadow .screens-gallery{grid-template-columns:1fr;gap:40px}.meadow-steps{grid-template-columns:1fr;gap:20px}.meadow-extras{grid-template-columns:1fr;gap:10px}.mow-friend{width:170px;justify-self:center}.meadow .brand{font-size:17px}.meadow section{padding:42px 0}.meadow-availability{padding:30px 22px}}

/* The same original Apple Silver frame used across the other app pages. */
.meadow-screen .meadow-phone{position:relative;aspect-ratio:1350/2760;filter:drop-shadow(0 14px 18px #28482c30)}
.meadow-screen .meadow-phone img{border:0!important;box-shadow:none!important;border-radius:0!important;max-width:none}
.meadow-screen .meadow-phone .meadow-phone-screen{position:absolute;left:5.333333%;top:2.5%;width:89.333333%;height:95%;mask:url(/assets/device-mockups/iphone-18-pro-screen.svg) center/100% 100% no-repeat}
.meadow-screen .meadow-phone .meadow-phone-frame{position:relative;width:100%;height:auto;pointer-events:none}
.meadow .brand img{border-radius:0}

/* Shared navigation structure, with readable links on Meadow's light header. */
.meadow .feature-menu__links{background:#fffbea;color:#234a36;border-color:#416b4033}
.meadow .nav nav>a,.meadow .feature-menu summary,.meadow .nav nav .feature-menu__links a{color:#234a36}
.meadow .nav nav>a:is(:hover,:focus-visible,:active,[aria-current="page"]),
.meadow .feature-menu summary:is(:hover,:focus-visible,:active),
.meadow .nav nav .feature-menu__links a:is(:hover,:focus-visible,:active,[aria-current="page"]){color:#173d2b;text-decoration-color:#246b43}
@media(max-width:900px){.meadow .feature-menu__links{background:transparent;border-color:#246b43}}
/* Keep the shared flag menu legible in the meadow palette. */
.meadow .language-menu__links{background:#1c402c;color:#fffbea;backdrop-filter:none;-webkit-backdrop-filter:none}

.meadow-ipad{position:relative;aspect-ratio:3000/2300;max-width:1000px;margin:30px auto 0;filter:drop-shadow(0 16px 24px #28482c30)}
.meadow-ipad img{display:block;border-radius:0;box-shadow:none}
.meadow-ipad .ipad-screen{position:absolute;left:4.133333333333333%;top:5.130434782608695%;width:91.73333333333333%;height:89.73913043478261%;mask:url(ipad-screen.svg) center/100% 100% no-repeat}
.meadow-ipad .ipad-frame{position:relative;width:100%;height:auto;pointer-events:none}
.meadow-duo-compare{display:grid;grid-template-columns:.6fr 1fr;column-gap:45px;row-gap:0;align-items:start}
.meadow-duo-compare>section{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-items:start}
@media(max-width:700px){.meadow-duo-compare{grid-template-columns:1fr;gap:32px}.meadow-duo-compare>section{display:block;grid-row:auto}}

.meadow .breadcrumbs{color:var(--muted)}.meadow .breadcrumbs a{text-decoration-color:#385e4470}

/* Keep the release badge aligned with the existing hero action. */
.meadow .hero .cta{align-items:center;gap:16px;flex-wrap:wrap}.meadow #appstore-badge-hero{margin:0}.meadow .appstore-badge--duo{margin-top:24px}