body .price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body .price-card.pass-card{padding:0;overflow:hidden;border:1px solid #d9e5d9;border-radius:18px;background:#fff;color:#173b32;box-shadow:0 4px 14px #173b3208;display:flex;flex-direction:column}
.pass-art{height:130px;position:relative;overflow:hidden;background:#edf4e9;color:#397257;border-bottom:1px dashed #aac4ad}
.pass-art b{position:absolute;left:22px;top:8px;font-size:64px;line-height:1.2;letter-spacing:-4px}.pass-art small{display:block;font-size:10px;letter-spacing:3px;margin-left:4px}.pass-art>span{position:absolute;right:20px;bottom:18px;font-size:12px;font-weight:600}
.pass-art i{position:absolute;width:170px;height:170px;border:1px solid currentColor;border-radius:50%;opacity:.25;right:-25px;top:-70px;box-shadow:0 0 0 20px #ffffff55,0 0 0 21px currentColor}
.pass-3 .pass-art{background:#e0eeea;color:#327968;background-image:repeating-linear-gradient(135deg,transparent 0 24px,#3279680b 24px 25px)}.pass-3 i{border-radius:30px;transform:rotate(35deg)}
.pass-6 .pass-art{background:#e9eddd;color:#64783c;background-image:radial-gradient(#8d9b5a33 1px,transparent 1px);background-size:15px 15px}.pass-6 i{border-width:14px;opacity:.12}
body .price-card.pass-12{border:2px solid #214c39;box-shadow:0 6px 22px #173b3214}.pass-12 .pass-art{background:radial-gradient(ellipse at 100% 0,#42644d,#173b32 75%);color:#d8fa75;border-color:#537b59}.pass-12 i{width:230px;height:80px;top:15px;right:-60px;transform:rotate(-35deg)}
.pass-24 .pass-art{background:linear-gradient(145deg,#d7e6dd 55%,#b7cfbf 55%);color:#2f6150}.pass-24 i{border-radius:12px;transform:rotate(45deg)}
.pass-36 .pass-art{background:#244b40;color:#d3ddaa;background-image:repeating-linear-gradient(115deg,transparent 0 32px,#d3ddaa0c 32px 33px)}.pass-36 i{border:12px double currentColor;opacity:.22}
.pass-body{padding:22px;display:flex;flex-direction:column;flex:1}body .pass-card h3{margin:0;color:#173b32;font-size:22px;line-height:1.4}body .pass-card .pass-caption{font-size:13px;color:#68776f;margin:6px 0 17px}body .pass-card .price{color:#173b32;font-size:30px}body .pass-card .price span{font-size:14px}body .pass-card .muted{color:#68776f;font-size:13px;margin:6px 0 20px;line-height:1.7}
body .pass-card .btn{margin-top:auto;min-height:44px;font-size:14px;border-radius:8px;background:#f1f5ed;color:#173b32;border:1px solid #d5e2d3;gap:10px}body .pass-card .btn.lime{background:#d8fa75;border-color:#d8fa75}body .pass-card .tag{top:14px;left:auto;right:14px;background:#d8fa75;color:#173b32;padding:4px 11px;font-size:12px;border-radius:20px;z-index:1}
.signup-page{background:#fafbf8}.signup-page .auth-aside{padding:24px 6%;background:#eef3eb;color:#173b32;gap:16px}.signup-page .auth-aside h1{font-size:30px;line-height:1.4;color:#173b32;margin:8px 0}.signup-page .auth-aside p{font-size:13px;color:#68776f;line-height:1.65;margin:8px 0;max-width:none}.signup-page .auth-aside .eyebrow{color:#4b7157;font-size:12px}
.signup-pass-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}.signup-pass-heading h2{font-size:15px;margin:0;color:#173b32}.signup-pass-heading>span{font-size:12px;color:#5c735f}.signup-page .price-grid{gap:10px}.signup-page .pass-art{height:62px}.signup-page .pass-art b{font-size:31px;left:12px;top:2px;letter-spacing:-1px}.signup-page .pass-art small{font-size:8px;letter-spacing:2px;margin-left:1px}.signup-page .pass-art>span{display:none}.signup-page .pass-body{padding:10px 12px}.signup-page .pass-card h3{font-size:15px}.signup-page .pass-caption{display:none}.signup-page .pass-card .price{font-size:20px;margin-top:3px}.signup-page .pass-card .price span{font-size:12px}.signup-page .pass-card .muted{font-size:12px;margin:2px 0 0;line-height:1.45}.signup-page .pass-card .tag{top:7px;right:7px;font-size:11px;padding:2px 8px}
.signup-page .auth-main{padding:24px 40px}.signup-page .auth-form{max-width:390px}.signup-page .auth-form h2{font-size:28px;margin:5px 0}.signup-page .auth-form>p{margin:6px 0 18px}.signup-page .field{margin-bottom:12px}.signup-page .field input{padding:9px 12px;margin-top:4px;min-height:44px}.signup-page .field small{font-size:12px;margin-top:3px;line-height:1.5}.signup-page .check{font-size:12px;margin:9px 0;line-height:1.6;align-items:center}.signup-page .check input{width:18px;height:18px;flex:none}.signup-page .auth-switch{margin-top:14px}.signup-page .auth-form .full{min-height:44px;margin-top:9px}
@media(min-width:1024px) and (min-height:680px){.signup-page{height:100dvh;min-height:680px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.signup-page .auth-aside>div:nth-child(2){margin:auto 0}}
@media(max-width:1100px){.signup-page .auth-aside{padding-inline:24px}.signup-page .pass-body{padding:9px}.signup-page .auth-main{padding-inline:25px}}
@media(max-width:1023px){.signup-page{grid-template-columns:1fr}.signup-page .auth-main{grid-row:1;padding:26px 24px}.signup-page .auth-aside{padding:24px}.signup-page .auth-aside>div:first-child,.signup-page .auth-aside h1,.signup-page .auth-aside .eyebrow,.signup-page .auth-aside>div>p,.signup-page .auth-aside>small{display:none}.signup-pass-heading{margin-top:0}}
@media(max-width:760px){body .price-grid{grid-template-columns:1fr}.signup-page .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signup-page .auth-form h2{font-size:26px}.signup-page .auth-main{padding:22px 20px}.signup-page .auth-form{max-width:440px}.pass-art{height:112px}}
body .price-card.pass-card h3,body .price-card.pass-card .price{color:#173b32}body .price-card.pass-card .muted{color:#68776f}
@media(min-width:1024px){body:has(.signup-page){min-height:100dvh;display:flex;flex-direction:column}body:has(.signup-page) #app{flex:1;min-height:0;display:flex}body:has(.signup-page) .signup-page{flex:1;height:auto;min-height:0;display:grid}.signup-page .auth-aside{min-width:0;padding-block:20px}.signup-page .auth-aside h1{font-size:27px}.signup-page .auth-aside>div:nth-child(2){margin:auto 0}.signup-page .auth-main{padding-block:16px}.signup-page .check{padding:0;margin:5px 0;min-height:44px}.signup-page .auth-switch{margin-top:6px}.signup-page .auth-form>p{margin-bottom:14px}.signup-page .field{margin-bottom:9px}}
@media(min-width:1024px) and (max-height:780px){.signup-page .auth-aside{padding-block:16px}.signup-page .auth-aside h1{font-size:24px;line-height:1.3}.signup-page .auth-aside p{margin:5px 0}.signup-page .pass-art{height:48px}.signup-page .pass-art b{font-size:25px}.signup-page .pass-body{padding:8px 10px}.signup-page .pass-card .price{font-size:19px}.signup-page .signup-pass-heading{margin-top:12px}.signup-page .auth-aside>small{font-size:12px}}
@media(max-width:1023px){.signup-page .auth-aside>div:nth-child(2){display:block}.signup-page .auth-main{grid-row:1}.signup-page{display:grid}}
/* Compact passes follow the homepage's quiet card surfaces and type hierarchy. */
body .price-grid{gap:14px}
body .price-card.pass-card{border-radius:12px;box-shadow:none;border:1px solid #dce6d5;border-top:3px solid #b7cdb0;background:#fff}
body .price-card.pass-3{border-top-color:#8eb9a5}body .price-card.pass-6{border-top-color:#9daa74}body .price-card.pass-24{border-top-color:#6e9981}body .price-card.pass-36{border-top-color:#50725c}
body .price-card.pass-12{border:1px solid #638458;border-top:3px solid #638458;background:#f4f8ee;box-shadow:none}
body .pass-card .pass-art,body .pass-card .pass-caption{display:none}
body .pass-card .pass-body{padding:18px 20px;gap:0}
body .pass-card h3{font-size:19px;line-height:1.4;margin:0 0 9px}
body .pass-card .price{font-size:27px;line-height:1.35;letter-spacing:-.8px}
body .pass-card .muted{font-size:13px;line-height:1.6;margin:5px 0 14px}
body .pass-card .btn{min-height:44px;padding:8px 12px;background:#f3f6ee;border-color:#dce6d5;font-size:14px}
body .pass-card .btn.lime{background:#173b32;border-color:#173b32;color:#fff}
body .pass-card .tag{top:14px;right:14px;padding:2px 9px;font-size:12px;background:#e3edcf;border:1px solid #d3e2b7;line-height:1.5}
body .signup-page .price-grid{gap:8px}
body .signup-page .pass-card .pass-body{padding:10px 12px}
body .signup-page .pass-card h3{font-size:14px;line-height:1.4;margin:0 0 4px}
body .signup-page .pass-card .price{font-size:20px;line-height:1.3;margin:0}
body .signup-page .pass-card .muted{font-size:12px;line-height:1.5;margin:3px 0 0;letter-spacing:-.3px}
body .signup-page .pass-card .tag{top:8px;right:8px;font-size:11px;padding:1px 6px}
body .signup-page .pass-12 h3{padding-right:34px}
@media(max-width:1100px) and (min-width:1024px){body .signup-page .pass-card .pass-body{padding:9px}body .signup-page .pass-card h3{font-size:13px}body .signup-page .pass-card .tag{right:5px;padding-inline:4px}}
@media(max-width:760px){body .pass-card .pass-body{padding:16px 18px}body .pass-card h3{font-size:18px}body .signup-page .pass-card .pass-body{padding:11px 12px}}
/* Small original illustrations add depth without adding a separate image row. */
body .price-card.pass-card{--pass-wash:#edf3e8;--pass-route:#8da771;--pass-server:#477760;--pass-ink:#315e49;--pass-panel:#f8fbf3;--pass-dot:#b2d65c;background:linear-gradient(125deg,#fff 45%,#f6f9f1);box-shadow:0 2px 5px #173b3204}
body .price-card.pass-3{--pass-wash:#e6f2ec;--pass-route:#76a991;--pass-server:#3d7d69;--pass-panel:#eef8f3;background:linear-gradient(125deg,#fff 45%,#f0f7f3)}
body .price-card.pass-6{--pass-wash:#edf0dc;--pass-route:#a0ac70;--pass-server:#6b8052;--pass-panel:#f8faed;background:linear-gradient(125deg,#fff 45%,#f5f7ec)}
body .price-card.pass-12{--pass-wash:#e3edcc;--pass-route:#88a257;--pass-server:#234e3b;--pass-panel:#d8ed9c;--pass-dot:#a5ca4e;background:linear-gradient(125deg,#f8fbf3 35%,#ecf3dd);box-shadow:inset 0 0 0 1px #ffffff90,0 3px 8px #315e4908}
body .price-card.pass-24{--pass-wash:#e1eee5;--pass-route:#749b85;--pass-server:#3d6d56;--pass-panel:#f2f8ef;background:linear-gradient(125deg,#fff 45%,#edf5ee)}
body .price-card.pass-36{--pass-wash:#e4ebe2;--pass-route:#829775;--pass-server:#315543;--pass-panel:#e6edcf;background:linear-gradient(125deg,#fff 45%,#eff3e9)}
.pass-illustration{position:absolute;width:110px;height:72px;right:14px;top:36px;pointer-events:none}
body .pass-card .pass-body{position:relative;z-index:1}body .pass-card h3,body .pass-card .price{padding-right:90px}body .pass-card .muted{position:relative}
body .signup-page .pass-illustration{width:64px;height:43px;right:7px;top:18px}
body .signup-page .pass-card h3{padding-right:46px}body .signup-page .pass-card .price{padding-right:51px}body .signup-page .pass-12 .pass-illustration{top:24px}body .signup-page .pass-12 h3{padding-right:34px}
body .signup-page .pass-card .tag{background:#e5efcd;border-color:#cedfb0;z-index:2}
@media(max-width:1100px) and (min-width:1024px){body .signup-page .pass-illustration{width:48px;right:4px;top:16px}body .signup-page .pass-card .price{padding-right:37px}body .signup-page .pass-card h3{padding-right:35px}}

/* Shared compact passes with dedicated dimensional product artwork. */
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-grid{gap:14px}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-card.pass-card{position:relative;isolation:isolate;border:1px solid #dce6dc;border-radius:16px;background:linear-gradient(115deg,#fff 48%,#f0f5ee);box-shadow:0 3px 12px #173b3205;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-card.pass-card:hover{transform:translateY(-3px);border-color:#9bb49c;box-shadow:0 10px 25px #173b3210}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-card.pass-12{border-color:#7d9c62;background:linear-gradient(115deg,#f7faef 48%,#e7f0d4);box-shadow:inset 0 0 0 1px #ffffffa0}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-scene{position:absolute;right:-8px;top:4px;width:154px;height:128px;object-fit:contain;pointer-events:none;z-index:-1}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .pass-body{padding:18px 20px 15px}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card h3{font-size:18px;line-height:1.35;padding-right:110px;margin:0 0 12px}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .price{font-size:28px;line-height:1.2;padding-right:100px;letter-spacing:-1px;white-space:nowrap}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .price span{font-size:13px;margin-left:3px;letter-spacing:0}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .muted{font-size:12px;line-height:1.5;margin:6px 0 14px;letter-spacing:-.2px}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .btn{min-height:40px;padding:7px 12px;border-radius:9px;font-size:14px;background:#ffffffb8;border-color:#d6e2d4;justify-content:space-between}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .btn.lime{background:#234d3b;border-color:#234d3b;color:#fff}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .tag{top:14px;right:14px;font-size:11px;padding:2px 8px;background:#d8edac;border:0}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-12 .pass-scene{top:18px}
:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .btn:focus-visible{outline:3px solid #74945b;outline-offset:3px}
@media(min-width:761px) and (max-width:1100px){:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-scene{width:115px;right:-12px;top:17px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .pass-body{padding-inline:16px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .price{font-size:25px;padding-right:65px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card h3{padding-right:70px}}
@media(max-width:760px){:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .pass-body{padding:14px 12px 12px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card h3{font-size:15px;padding-right:0;margin-bottom:12px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .price{font-size:23px;padding-right:0}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-scene{width:100px;height:83px;right:-20px;top:-5px;opacity:.45}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .price,:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card h3{position:relative}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .muted{font-size:12px;min-height:36px;margin:5px 0 10px;max-width:135px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .btn{font-size:12px;min-height:40px;padding:7px 9px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-card .tag{top:10px;right:8px;font-size:10px;padding:1px 5px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-12 h3{padding-right:29px}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .pass-12 .pass-scene{top:15px}}
@media(prefers-reduced-motion:reduce){:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-card.pass-card{transition:none}:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-card.pass-card:hover{transform:none}}

@media(min-width:761px) and (max-width:1000px){:is(#pricing,.ar-pricing-surface,.console-main,.signup-page) .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:360px){:is(#pricing,.ar-pricing-surface,.console-main) .pass-card .pass-body{padding-inline:10px}:is(#pricing,.ar-pricing-surface,.console-main) .pass-card .price{font-size:20px;letter-spacing:-.8px}:is(#pricing,.ar-pricing-surface,.console-main) .pass-card .price span{font-size:12px;margin-left:1px}}