.cloud-save-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; margin-bottom: 22px; border: 1px solid #dbe7fb; border-radius: 14px; background: #f5f9ff; }
.cloud-save-bar strong { font-size: 14px; }
.cloud-save-bar p { font-size: 12px; line-height: 1.65; color: #596d88; margin: 6px 0 0; max-width: 540px; }
.cloud-save-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.cloud-save-bar button:disabled { opacity: .65; cursor: wait; }
.pricing-section { padding: 15px 0 100px; }
.pricing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 1000px; }
.pricing-card { padding: 34px; border: 1px solid #dfe6ef; border-radius: 18px; display: flex; flex-direction: column; background: #fff; }
.plan-label { font-size: 10px; letter-spacing: 1.5px; font-weight: 800; color: #536e94; }
.pricing-card h3 { font-size: 27px; letter-spacing: -.8px; margin: 20px 0 14px; }
.plan-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin: 20px 0 14px; }
.plan-heading h3 { margin: 0; }
.plan-availability { border: 1px solid #526987; border-radius: 100px; padding: 5px 9px; color: #c9daf3; font-size: 10px; font-weight: 650; letter-spacing: .4px; }
.plan-price { font-size: 39px; font-weight: 800; letter-spacing: -1.5px; line-height: 1.3; }
.plan-price span { font-size: 13px; font-weight: 500; color: #637087; letter-spacing: 0; }
.pricing-card p { color: #637087; font-size: 14px; line-height: 1.6; }
.pricing-card ul { list-style: none; padding: 0; margin: 18px 0 28px; flex: 1; }
.pricing-card li { color: #394f6d; font-size: 14px; padding: 10px 0 10px 24px; position: relative; line-height: 1.5; }
.pricing-card li:before { content: '✓'; position: absolute; left: 0; color: #22784f; font-weight: 700; }
.pricing-card .btn { align-self: flex-start; }
.pricing-card small { color: #637087; font-size: 11px; line-height: 1.7; display: block; margin-top: 15px; }
.pricing-featured { background: #0c1528; color: #fff; border-color: #253b62; box-shadow: 0 18px 50px #172f5620; }
.pricing-featured .plan-label { color: #92b9ff; }
.pricing-featured p, .pricing-featured li, .pricing-featured small, .pricing-featured .plan-price span { color: #b3c2d9; }
.pricing-featured li:before { color: #7bddb4; }
.pricing-footnote { color: #637087; font-size: 12px; line-height: 1.7; margin-top: 22px; }
.tour-hero { padding: 86px 0 72px; background: #0a1223; color: #fff; }
.tour-hero .overline { color: #97bdff; }
.tour-hero h1 { max-width: 900px; margin: 18px 0 25px; font-size: clamp(40px, 6vw, 76px); letter-spacing: -3px; line-height: 1.08; }
.tour-hero p { color: #b4c3db; max-width: 640px; font-size: 18px; line-height: 1.7; }
.tour-lead { max-width: 860px; margin: 60px 0; }
.tour-lead h2 { font-size: 32px; letter-spacing: -1px; }
.tour-lead p { color: #53647a; line-height: 1.8; }
.tour-step { padding: 36px; border: 1px solid #dfe7f3; border-radius: 16px; margin-bottom: 20px; display: grid; grid-template-columns: 70px 1fr; gap: 22px; }
.tour-number { font-size: 40px; font-weight: 750; color: #90b2e8; letter-spacing: -2px; }
.tour-step h2 { margin: 0 0 12px; font-size: 26px; letter-spacing: -.8px; }
.tour-step p { color: #53647a; line-height: 1.8; max-width: 760px; margin: 0 0 22px; }
.tour-callout { padding: 28px 32px; background: #f2f6fd; border-radius: 14px; margin: 30px 0 80px; color: #3b5372; font-size: 14px; line-height: 1.8; }
.tour-direction { max-width: 860px; margin: 0 0 90px; }
.tour-direction h2 { font-size: clamp(28px, 4vw, 42px); letter-spacing: -1.2px; line-height: 1.2; margin: 18px 0; }
.tour-direction p { font-size: 16px; line-height: 1.8; color: #53647a; max-width: 700px; }
.tour-direction .direction-status { font-size: 12px; margin: 20px 0; }
@media (max-width: 1000px) { .cloud-save-bar { align-items: flex-start; flex-direction: column; gap: 14px; } }
@media (max-width: 680px) { .pricing-grid { grid-template-columns: 1fr; } .pricing-card { padding: 26px; } .pricing-section { padding-bottom: 70px; } .cloud-save-bar { padding: 20px; } .cloud-save-actions { width: 100%; } .cloud-save-actions .btn { font-size: 12px; padding: 11px; } .tour-hero { padding: 62px 0; } .tour-hero h1 { letter-spacing: -2px; } .tour-step { padding: 24px; grid-template-columns: 1fr; gap: 14px; } .tour-number { font-size: 28px; } .tour-step h2 { font-size: 23px; } }