/* OneWay Web — pages/price.css */
.pricing-transition { position:relative; max-width:1080px; height:72px; margin:0 auto 24px; pointer-events:none; }
.pricing-transition-art { position:absolute; right:0; bottom:0; display:block; width:200px; height:108px; color:var(--blue); opacity:.78; mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
@media(min-width:761px) { .pricing-transition-art { bottom:90px; } }
@media(max-width:760px) { .pricing-transition { height:64px; margin-bottom:20px; } .pricing-transition-art { width:160px; height:80px; opacity:.62; } }
.pricing-grid {
display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    max-width:var(--width);
    margin-inline:auto;
    align-items:start;
    gap:24px
}
.price-card {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-width:0;
    min-height:calc(max(410px,var(--offer-card-natural-height,0px)) + var(--offer-expanded-height,0px));
    padding:24px 22px;
    border:1px solid #9fe9ff55;
    border-top-color:#f1fbffb3;
    border-radius:18px;
    background:var(--offer-card-background);
    box-shadow:var(--card-shadow),0 12px 24px #10273314;
    transition:translate var(--content-motion),border-color var(--content-motion),box-shadow var(--content-motion);
    display:flex;
    flex-direction:column;
    align-items:stretch
}
.price-card::before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; background:var(--offer-card-highlight); opacity:.3; transition:opacity var(--content-motion); pointer-events:none; }
.price-card:has(:focus-visible) { border-color:#c3f1ffcc; box-shadow:inset 0 1px 0 #ffffffcc,inset 0 -1px 0 #12394f14,0 3px 7px #12394f2e,0 16px 30px #12394f38,0 28px 48px #12394f26; }
.price-card:has(:focus-visible)::before { opacity:.75; }
@media(hover:hover) { .price-card:hover { translate:0 -3px; border-color:#c3f1ffcc; box-shadow:inset 0 1px 0 #ffffffcc,inset 0 -1px 0 #12394f14,0 3px 7px #12394f2e,0 16px 30px #12394f38,0 28px 48px #12394f26; } .price-card:hover::before { opacity:.75; } .price-card:hover .icon-box { filter:drop-shadow(0 0 4px #40bde54d); } }
.price-card .icon-box .icon { width:26px; height:26px; color:var(--blue); }
.price-card .icon-box { width:40px; height:40px; transition:filter 280ms ease; }
.price-card h2 {
font-size:22px;
    letter-spacing:-.04em;
    margin-top:12px
}
.price-summary { min-height:var(--offer-summary-height,0px); display:flex; flex-direction:column; }
.price-summary-copy h2 { min-height:var(--offer-title-height,0px); }
.price-title-content,.price-description-content { display:block; }
.price-summary-copy>p {
font-size:12px;
    min-height:var(--offer-description-height,0px);
    margin-top:8px
}
.price {
    min-height:var(--offer-price-height,0px);
margin-block:14px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
.price>span {
font-size:12px;
    color:var(--muted)
}
.price strong {
display:block;
    font-size:34px;
    font-weight:600;
    letter-spacing:-1px;
    line-height:1.35
}
.price strong small {
font-size:23px
}
.price-card-details { min-width:0; flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
.price-card-details>.price-detail { width:100%; }
.price-detail {
    display:block;
    border-top:1px solid var(--border);
    padding-top:14px
}
.price-features-label { margin:0 0 8px; color:var(--muted); font-size:11px; line-height:1.6; }
.price-detail ul { display:grid; gap:6px; list-style:none; margin:0; padding:0; }
.price-detail li { display:flex; align-items:flex-start; gap:8px; font-size:12px; line-height:1.6; }
.price-detail .price-extra-list { padding-top:6px; }
.price-card .skill-toggle { min-height:32px; margin-top:4px; padding:6px 0; color:var(--cyan); font-weight:600; }
.price-card .skill-toggle:hover,.price-card .skill-toggle:focus-visible { color:var(--blue); text-shadow:none; }
.price-card .skill-toggle:focus-visible { outline:1px solid var(--cyan); outline-offset:2px; border-radius:2px; }
.price-card .skill-toggle .icon { width:16px; height:16px; }
.has-js .price-card:not(.skill-card-interactive) .skill-panel { display:grid; grid-template-rows:0fr; }
.price-detail .icon {
width:15px;
    height:20px;
    flex-shrink:0;
    color:var(--cyan)
}
.price-card .price-cta {
    --content-link-hover:var(--blue);
    font-size:13px;
    min-height:0;
    margin-bottom:6px;
    padding:16px 0 0;
    display:flex;
    width:100%;
    border-top:1px solid #07568126;
    color:var(--blue);
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:12px;
    justify-self:start;
    align-self:end
}
.price-card .price-cta .text-link-label { line-height:17px; }
.price-card .price-cta .icon { display:block; width:17px; height:17px; margin:0 0 0 auto; flex-shrink:0; align-self:center; }
.price-card .price-cta .text-link-label::after { width:132px; bottom:-5px; transform:scaleX(.88); opacity:.7; transition:transform var(--content-motion),opacity var(--content-motion); }
.price-card:focus-within .price-cta .text-link-label::after { transform:scaleX(1); opacity:1; }
@media(hover:hover) { .price-card:hover .price-cta .text-link-label::after { transform:scaleX(1); opacity:1; } .price-card:hover .price-cta .icon { transform:translateX(3px); color:var(--cyan); } }
.price-card .price-cta:hover .text-link-label::after,.price-card .price-cta:focus-visible .text-link-label::after { transform:scaleX(1); opacity:1; }
.price-card-details>.price-cta { align-self:flex-start; margin-top:auto; }
.price-card .price-cta:hover .icon,.price-card .price-cta:focus-visible .icon,.price-card:focus-within .price-cta .icon { transform:translateX(3px); color:var(--cyan); }
.price-card .price-cta:focus-visible { outline:1px solid var(--cyan); outline-offset:4px; border-radius:2px; }
@media(prefers-reduced-motion:reduce) { .price-card { transition:none; } .price-card:hover { translate:none; } .price-card:hover .price-cta .icon,.price-card .price-cta:hover .icon,.price-card .price-cta:focus-visible .icon { transform:none; } }
.payment-details { margin-top:24px; }
.payment-details>div+div {
margin-top:20px
}
.payment-details h2 {
font-size:15px
}
.payment-details p {
font-size:14px;
    line-height:1.75;
    margin-top:6px
}
@media(max-width:1000px) { .pricing-grid { gap:16px; } }
@media(max-width:760px) { .pricing-grid { gap:18px; } }
@media(max-width:1150px) {
.pricing-grid {
grid-template-columns:repeat(4,minmax(0,1fr))
}
.price-card {
padding:24px;
    grid-column:span 2
}
.price-card .price-cta {
font-size:13px
}
}
@media(max-width:680px) {
.pricing-grid {
grid-template-columns:1fr;
        gap:18px
}
.price-card {
padding:24px
}
.price-card,.price-card:last-child { grid-column:auto; }
.price-card h2 {
font-size:26px
}
.price-summary-copy>p {
font-size:13px
}
.price-detail li { font-size:13px; }
.price strong {
font-size:38px
}

.payment-details p {
font-size:13px
}
}