/* EnjoyCard: forest green surfaces, warm gold accents and a compact mobile rhythm. */
:root{--surface:#eef1e8;--pine:#163d32;--muted:#516759}
body{background:#e8ede2}
.navigation{background:#163d32;color:#f7f0dc;padding:22px 5%;gap:22px;justify-content:space-between}
.navigation .wordmark{color:#f7f0dc}.navigation .wordmark span{color:#d7bd87}
.navigation nav a{color:#f1ebd8;font-size:14px}.navigation nav .nav-account{background:#d7bd87;color:#163d32;border-color:#d7bd87}
.navigation-tools{display:flex;gap:12px;align-items:center;order:3}
.language-switch{display:flex;gap:3px;padding:4px;border:1px solid #d7bd8760;border-radius:9px;background:#102c24}
.language-switch button{padding:8px 10px;min-height:36px;font-size:14px;border:0;background:transparent;color:#e9dec6;border-radius:6px;cursor:pointer}
.language-switch button[aria-pressed=true]{background:#d7bd87;color:#163d32}
.menu-toggle{display:none;background:transparent;border:1px solid #d7bd8770;color:#f7f0dc;padding:8px 12px;font-size:22px;min-width:44px;min-height:44px}
.feature-grid article{background:#204635;color:#f8f0dd;border-color:#607253}.feature-grid p{color:#d7dfcf}
.feature-grid h3{color:#ecd49e}.plans-section{background:#dce4d4}
.product{background:#f2f4ed;border:1px solid #c2cdb9}.product.featured{background:#204635;color:#f8f0dd}
.product-image,.product-image.bundle-image{padding:0;background:transparent;overflow:hidden;border-radius:12px;height:auto;aspect-ratio:auto}
.product-image img{display:block;width:100%;height:auto;object-fit:cover;border-radius:12px}
.product.featured p,.product.featured small{color:#dbe3d5}.product.featured .button{background:#d7bd87;color:#163d32}
.subscription-explainer{background:#cdd9c3;border:1px solid #b5c5a8}
.closing-cta{background:#163d32;color:#f5ecd7}.closing-cta p{color:#d4dfcc}.closing-cta .button{background:#d7bd87;color:#163d32}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b69552;outline-offset:4px}
@media(max-width:1100px){.navigation{gap:16px}.navigation nav{gap:14px}.navigation nav a{font-size:14px}}
@media(max-width:900px){
 .navigation{position:sticky;top:0;z-index:20;padding:12px 20px;justify-content:space-between;flex-wrap:wrap;gap:10px;box-shadow:0 4px 20px #071c2330}
 .navigation .wordmark{font-size:25px;gap:8px}.navigation .wordmark img{width:30px;height:30px}
 .navigation-tools{order:0}.menu-toggle{display:block}
 .navigation nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 2px}
 .navigation nav.open{display:flex}.navigation nav>a{display:block!important;padding:14px 12px;border-top:1px solid #ffffff20;font-size:16px}
 .navigation nav .nav-account{margin-top:8px;text-align:center;border-radius:8px}
 .section[id]{scroll-margin-top:88px}.hero{grid-template-columns:1fr;padding:38px 24px 26px;gap:28px}
 .hero-copy{padding:0;max-width:none}.hero h1{font-size:clamp(39px,8vw,62px);line-height:1.08;margin:20px 0}.hero-copy p{font-size:16px;line-height:1.65}
 .hero .actions{gap:18px;align-items:center}.hero .desktop-label{font-size:14px;margin-bottom:0}
 .hero-display{padding:0;background:transparent;min-width:0}.hero-display img{width:100%;max-height:350px;object-fit:contain;border-radius:14px}
 .hero-display span{margin-top:14px;font-size:14px}.benefits{display:none}
 .section{padding:40px 24px}.section-heading{display:block}.section-heading p{max-width:none;font-size:16px}
 h2{font-size:clamp(31px,6.5vw,42px);line-height:1.15}h3{line-height:1.3}
 .product-grid,.plan-grid,.design-section,.story-grid,.subscription-explainer{grid-template-columns:minmax(0,1fr)}
 .product{padding:24px}.product-image{height:auto;max-height:none}.product-image img{width:100%;max-height:none;object-fit:cover}.product .price{font-size:36px}
 .product p,.price-plan li,.subscription-explainer p,.feature-grid p{font-size:16px;line-height:1.65}
 .product-grid,.plan-grid{gap:20px}.price-plan{padding:26px}.price-plan .button{display:flex;justify-content:center;width:100%;min-height:48px}
 .app-showcase{gap:24px}.app-showcase-features li{padding:13px 0}.app-showcase-features span{font-size:16px}
 .app-showcase-demo>.hint{font-size:14px;line-height:1.6}.app-mini-label small{font-size:12px;letter-spacing:0}
 .app-showcase-demo .real-app-frame{height:calc(100cqw * 2.2)}
 .app-showcase-demo .real-app-frame iframe{width:390px;height:858px;transform:scale(calc(100cqw / 390px))}
 .app-test-button{padding:16px 20px;margin-top:18px;min-height:52px}.feature-grid{gap:14px}.feature-grid article{padding:24px}
 .more-plans{padding:20px}.more-plans select{width:100%}.more-plans .button{display:block;margin:18px 0 0;text-align:center}.more-plans strong{display:block;margin:16px 0}
 .design-section{gap:24px}.faq-section summary{font-size:17px;line-height:1.45}.closing-cta{padding:24px}
 .intro,.workspace{padding-left:20px;padding-right:20px}.narrow{margin:30px 20px;width:auto;max-width:600px;padding:25px}
 .account-intro .account-head{padding:22px;align-items:center}.account-intro .tabs button{min-height:48px;font-size:14px}
 .panel{min-width:0}.two{grid-template-columns:minmax(0,1fr)}.table-scroll{max-width:100%;overflow:auto}
 input,select,textarea{font-size:16px;max-width:100%}.contact-page{padding:24px;gap:25px}.contact-email{font-size:20px}
 .balance-guide{padding:24px;gap:24px}.tap-preview{min-width:0;min-height:450px}.tap-phone{right:5%;width:190px}.tap-card{left:5%}
 footer{padding:35px 24px}footer>div{display:flex;flex-wrap:wrap;gap:16px}
}
@media(max-width:380px){.navigation{padding:10px 14px}.navigation .wordmark{font-size:22px}.navigation .wordmark img{display:none}.navigation-tools{gap:7px}.section{padding:34px 20px}.tap-phone{width:175px}.tap-preview{min-height:440px}}
@media(max-width:900px){
 .app-showcase-demo .real-app-frame{height:250px}
 .app-showcase-demo .real-app-frame iframe{width:100%;height:250px;transform:none}
}
/* EnjoyCard showroom: the same forest and warm gold as the app. */
body.showroom{--pine:#eaece2;--muted:#b4bfb3;--line:#ffffff20;--gold:#dbc48d;background:#0c1711;color:#f0f0e7}
.showroom .navigation{background:#0c1711;max-width:none;border-bottom:1px solid var(--line);padding-block:22px}.showroom .nav-account{border-radius:10px}
.showroom .hero{max-width:1600px;margin:auto;background:#0c1711;min-height:650px;grid-template-columns:.95fr 1.2fr;gap:0}
.showroom .hero-copy{padding:70px 12px 70px max(6vw,24px)}.showroom .hero h1{font-size:clamp(44px,5.3vw,78px);line-height:1.08;letter-spacing:-2px}.showroom .hero h1 em{font-style:normal}.showroom .hero-copy p{color:#bcc6b8;max-width:420px}
.showroom .hero-display{padding:0;background:transparent;position:relative;min-width:0}.showroom .hero-display img{display:block;width:100%;height:640px;object-fit:cover;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 12%)}.showroom .hero-display span{display:none}
.showroom .button{background:linear-gradient(120deg,#e4cf9d,#c5a971);color:#132219;border:1px solid #e0ca94;border-radius:10px;box-shadow:0 6px 18px #0002}.showroom .button:hover{filter:brightness(1.09)}
.showroom .benefits{border-block:1px solid var(--line);color:#c8d1c3;padding:24px}.showroom .eyebrow{color:#cdb985;font-size:11px;letter-spacing:2.6px}.showroom .section{padding-block:90px}.showroom h2{color:#f4f0e4;line-height:1.14}.showroom h3{color:#ece7d8}.showroom .app-showcase{grid-template-columns:.8fr 1.2fr;gap:55px}.showroom .app-mini-label{background:#1a2b20;border:1px solid var(--line);border-bottom:0}.showroom .app-showcase-demo .real-app-frame{height:calc(100cqw * .625);border-color:#ffffff25}.showroom .app-showcase-demo .real-app-frame iframe{width:1280px;height:800px;transform:scale(calc(100cqw / 1280px))}
.showroom .app-showcase-demo.phone-demo{max-width:390px}.showroom .phone-demo .real-app-frame{height:660px;border-radius:0 0 24px 24px}.showroom .phone-demo .real-app-frame iframe{position:static;width:100%;height:660px;transform:none;pointer-events:auto}.showroom .app-showcase-demo>.hint{color:#a3afa1}
.showroom .screen-gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:center;background:radial-gradient(ellipse at 80% 50%,#233326,#101b14);border-block:1px solid var(--line)}.screen-gallery p{color:#bac4b5;max-width:350px}.screen-gallery small{color:#a7b29f}.screen-gallery figure{margin:0;min-width:0}.screen-gallery img{width:100%;max-height:530px;object-fit:cover;object-position:top;border:6px solid #263328;border-radius:26px;box-shadow:0 25px 45px #0006}.screen-gallery figcaption{font-size:13px;color:#c1caba;text-align:center;margin-top:18px}
.showroom .feature-grid article,.showroom .product,.showroom .product.featured,.showroom .price-plan,.showroom .price-plan.preferred{background:#17251b;border:1px solid #ffffff20;color:#f0ede0;border-radius:18px}.showroom .feature-grid p,.showroom .product p,.showroom .product small,.showroom .product.featured p{color:#b5c0ae}.showroom .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.showroom .product{padding:24px;display:flex;flex-direction:column}.showroom .product .number{margin:24px 0 12px;font-size:10px;color:#cbb788}.showroom .product h3{font-size:24px;margin-bottom:12px}.showroom .product p{min-height:0;flex:1}.showroom .product-image{aspect-ratio:1.4;background:#101c15}.showroom .product-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.showroom .product:has(img[src="/terminal.svg"]) .product-image img{object-fit:contain}.showroom .price{color:#dfc995;font-size:38px}.showroom .product .button{width:100%;font-size:14px;padding:13px}.showroom .plans-section{background:#101e16;max-width:none}.showroom .subscription-explainer{background:#1a2a1f;border-color:var(--line)}.showroom .subscription-explainer p,.showroom .price-plan li,.showroom .faq-section details p{color:#b8c3b1}.showroom .closing-cta{background:linear-gradient(120deg,#293d2c,#17271c);border:1px solid #cdb57d40}.showroom .design-section{background:transparent}.showroom footer{background:#09120d;border-top:1px solid var(--line);color:#b6c1af}.showroom select{color:#f0eddf;background:#223427;border-color:#536148}
@media(max-width:900px){.showroom .navigation{padding:12px 20px}.showroom .hero{display:flex;flex-direction:column;padding:38px 24px 0;min-height:0;gap:20px}.showroom .hero-copy{padding:0;width:100%;max-width:650px}.showroom .hero h1{font-size:clamp(42px,8vw,64px)}.showroom .hero-display{width:calc(100% + 48px)}.showroom .hero-display img{height:auto;max-height:500px;mask-image:linear-gradient(to bottom,transparent,#000 10%);object-fit:cover}.showroom .section{padding:54px 24px}.showroom .app-showcase{grid-template-columns:1fr;gap:32px}.showroom .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom .screen-gallery{grid-template-columns:1fr 1fr;gap:20px}.screen-gallery>div{grid-column:1/-1}.screen-gallery img{max-height:420px}.showroom .benefits{display:flex;gap:16px;font-size:12px}.showroom .phone-demo .real-app-frame{height:660px}}
@media(max-width:540px){.showroom .product-grid{grid-template-columns:1fr}.showroom .hero h1{font-size:46px}.showroom .section h2{font-size:36px}.screen-gallery img{border-width:4px;border-radius:18px;max-height:330px}.screen-gallery figcaption{font-size:11px}.showroom .hero .actions{gap:22px}.showroom .hero .desktop-label{font-size:12px}.showroom .product-image{aspect-ratio:1.55}}

.language-switch select{max-width:150px;min-height:40px;background:#14281e;color:#f5f1df;border:1px solid #a99b6b;border-radius:20px;padding:6px 10px;font:inherit}.language-switch select option{background:#14281e;color:#f5f1df}

html.i18n-pending body{visibility:hidden}
.gallery-phone{container-type:inline-size;background:#09160e;border:6px solid #2b382d;border-radius:34px;overflow:hidden;box-shadow:0 25px 45px #0006;aspect-ratio: .47;color:#f2f1e7}
.gallery-phone-content{position:relative;min-height:213cqw;padding:5cqw;font:3.2cqw/1.35 system-ui,sans-serif}
.gallery-status{display:flex;justify-content:space-between;padding:0 5cqw 7cqw;font-size:3cqw}
.gallery-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:8cqw}.gallery-brand b{font-size:7cqw;letter-spacing:-.35cqw}.gallery-brand>span{font-size:5cqw;color:#d8c38e}
.screen-gallery .gallery-phone h3{font:700 7cqw/1.2 system-ui,sans-serif;margin:0 0 5cqw;overflow-wrap:anywhere}
.gallery-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #38553b;border-radius:5cqw;aspect-ratio:1.64;padding:6cqw;background:linear-gradient(120deg,#204c30,#06200e);display:flex;flex-direction:column;justify-content:space-between;color:#dac894}.gallery-card:after{content:'❧';position:absolute;right:-5cqw;top:-8cqw;font-size:57cqw;color:#87a15d33;z-index:-1}.gallery-card strong{font-size:8cqw;font-weight:500}.screen-gallery .gallery-card p{font-size:3.2cqw;margin:5cqw 0;color:#edece1}.screen-gallery .gallery-card small{font-size:2.3cqw;letter-spacing:.6cqw;color:#dac894}
.gallery-balance{background:#18281e;border:1px solid #344437;border-radius:4cqw;padding:4cqw;margin-top:3cqw;text-align:center}.screen-gallery .gallery-balance small{display:block;font-size:2.3cqw;letter-spacing:.4cqw}.gallery-balance b{display:block;font-size:10cqw;margin:1cqw 0}.gallery-balance span{font-size:3.2cqw}
.gallery-points{display:flex;justify-content:space-between;background:#24452f;border:1px solid #395a3c;border-radius:3cqw;padding:3cqw;margin-top:3cqw}.gallery-gold{background:#d7bf87;color:#172017;border-radius:3cqw;text-align:center;padding:4cqw 2cqw;margin-top:3cqw;font-weight:650;font-size:3.4cqw}.gallery-actions{padding:3cqw;background:#18281e;border-radius:3cqw;margin-top:3cqw}.gallery-actions>div{display:flex;gap:2cqw;margin-top:3cqw}.gallery-actions span{flex:1;text-align:center;border:1px solid #61745c;border-radius:2cqw;padding:2cqw;font-size:3cqw}.gallery-actions span:first-child{background:#345d43}
.gallery-back{color:#d8c38e;margin:7cqw 0;font-size:3.2cqw}.gallery-transaction{display:flex;align-items:center;gap:3cqw;background:#18281e;border:1px solid #344437;padding:4cqw 3cqw;margin-top:3cqw;border-radius:4cqw}.gallery-transaction i{font:normal 6cqw system-ui;color:#81d9a6}.gallery-transaction>div{flex:1;min-width:0}.gallery-transaction strong{display:block;font-size:3.1cqw;overflow-wrap:anywhere}.screen-gallery .gallery-transaction small{display:block;font-size:2.6cqw;margin-top:2cqw}.gallery-transaction>b{font-size:3cqw;color:#81d9a6;white-space:nowrap}.gallery-transaction.negative>b,.gallery-transaction.negative i{color:#e98787}.gallery-transaction.points>b,.gallery-transaction.points i{color:#d8c38e}.gallery-home{position:absolute;bottom:4cqw;left:35%;width:30%;height:1cqw;border-radius:2cqw;background:#eee}
@media(max-width:600px){.gallery-phone{border-width:4px;border-radius:22px}}
