.gst-home-section { border-top: 1px solid rgba(179, 219, 226, .08); background: linear-gradient(180deg, #0a1828, #091523); }
.gst-home-card { display: grid; grid-template-columns: .9fr 1.1fr; gap: 32px; overflow: hidden; padding: 30px; border: 1px solid rgba(180, 218, 226, .16); border-radius: 22px; background: linear-gradient(145deg, #102338, #0b1b2b); }
.gst-home-copy { align-self: center; }
.gst-home-copy h3 { margin: 0; font-size: clamp(29px, 4vw, 46px); line-height: 1.08; letter-spacing: -.05em; }
.gst-home-copy h3 span { color: #63d8e2; }
.gst-home-copy > p:not(.eyebrow) { color: #aab9c4; }
.gst-home-copy ul, .gst-detail-grid ul { padding-left: 20px; color: #aab9c4; }
.gst-home-copy li, .gst-detail-grid li { margin: 8px 0; }
.gst-home-art { display: block; align-self: center; overflow: hidden; border: 1px solid rgba(93, 218, 228, .3); border-radius: 16px; }
.gst-home-art img { display: block; width: 100%; height: auto; }
.gst-page-hero { padding-bottom: 34px; }
.gst-hero-actions { margin-top: 22px; }
.gst-hero-image { overflow: hidden; margin: 32px 0 0; border: 1px solid rgba(93, 218, 228, .28); border-radius: 20px; background: #071321; }
.gst-hero-image img { display: block; width: 100%; height: auto; }
.gst-overview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 28px 0; border-bottom: 1px solid rgba(179, 219, 226, .11); }
.gst-overview > div { padding: 18px 20px; border: 1px solid rgba(180, 218, 226, .13); border-radius: 15px; background: rgba(16, 35, 56, .72); }
.gst-overview span { display: block; margin-bottom: 12px; color: #70dce5; font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.gst-overview strong { color: #eef7f8; }
.gst-overview p { margin: 7px 0 0; color: #9dafbd; font-size: 13px; }
.gst-features { padding-bottom: 70px; }
.gst-detail-grid { display: grid; grid-template-columns: 1fr .82fr; gap: 28px; padding: 36px 0 64px; border-top: 1px solid rgba(179, 219, 226, .1); }
.gst-detail-grid h2, .gst-release-card h2 { margin: 0; color: #f0f6f8; font-size: clamp(27px, 3.5vw, 38px); line-height: 1.15; letter-spacing: -.04em; }
.gst-detail-grid p, .gst-detail-grid li { color: #aab9c4; }
.gst-caution { align-self: center; padding: 22px 24px; border: 1px solid rgba(232, 178, 51, .32); border-radius: 16px; background: rgba(117, 79, 17, .12); }
.gst-caution strong { color: #f4cc5e; }
.gst-caution p { margin: 9px 0 0; font-size: 13px; }
.gst-release-card { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 64px; padding: 28px; border: 1px solid rgba(180, 218, 226, .16); border-radius: 19px; background: linear-gradient(145deg, #102338, #0b1b2b); }
.gst-release-card p { margin: 8px 0 0; color: #aab9c4; }
.gst-policy-links { display: grid; gap: 10px; max-width: 430px; }
.gst-policy-links > a { color: #80e1e8; font-weight: 750; }
.gst-policy-links span { color: #8fa5b5; font-size: 12px; overflow-wrap: anywhere; }
.gst-policy-links span a { color: #80e1e8; }
.gst-draft-note { margin-top: 42px; padding: 16px 18px; border: 1px solid rgba(232, 178, 51, .32); border-radius: 12px; background: rgba(117, 79, 17, .12); color: #d9c58c !important; }
@media (max-width: 850px) {
  .gst-home-card { grid-template-columns: 1fr; padding: 22px; }
  .gst-home-art { order: -1; }
  .gst-overview { grid-template-columns: 1fr; }
  .gst-detail-grid { grid-template-columns: 1fr; }
  .gst-release-card { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .gst-home-card { padding: 16px; }
  .gst-home-copy .actions { align-items: stretch; flex-direction: column; }
  .gst-home-copy .button { justify-content: center; }
  .gst-hero-image { margin-top: 22px; border-radius: 12px; }
  .gst-release-card { padding: 20px; }
}
.gst-home-art { display: block; align-self: center; padding: 18px; border: 1px solid rgba(93, 218, 228, .3); border-radius: 16px; background: #091523; text-decoration: none; }
.gst-home-preview, .gst-counter-preview { display: grid; gap: 12px; max-width: 720px; margin: 30px auto 0; padding: clamp(18px, 4vw, 34px); border: 1px solid rgba(93, 218, 228, .32); border-radius: 20px; background: linear-gradient(145deg, #10283a, #071522); box-shadow: 0 20px 60px rgba(0,0,0,.22); }
.gst-home-preview { margin: 0; padding: 20px; }
.gst-preview-top, .gst-preview-row, .gst-preview-summary, .gst-preview-total { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.gst-preview-top { padding-bottom: 12px; border-bottom: 1px solid rgba(180,218,226,.16); color: #dff7f8; font-size: 13px; font-weight: 800; letter-spacing: .06em; }
.gst-preview-top span:last-child { padding: 5px 9px; border-radius: 99px; background: rgba(75,206,216,.12); color: #77e0e7; font-size: 10px; }
.gst-preview-row { padding: 13px 15px; border: 1px solid rgba(180,218,226,.12); border-radius: 12px; background: rgba(247,250,252,.96); color: #24334a; font-size: 14px; }
.gst-preview-row strong { color: #087d86; }
.gst-preview-summary { color: #9eafbc; font-size: 12px; }
.gst-preview-summary span { display: grid; gap: 4px; }
.gst-preview-summary strong { color: #eef7f8; font-size: 14px; }
.gst-preview-total { padding-top: 12px; border-top: 1px solid rgba(180,218,226,.16); color: #aab9c4; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.gst-preview-total strong { color: #5dd8df; font-size: clamp(19px, 3vw, 30px); letter-spacing: 0; }
.gst-home-preview > small, .gst-counter-preview > small { color: #8195a5; text-align: right; font-size: 10px; }
.gst-feature-art { display: grid; min-height: 180px; place-content: center; justify-items: center; gap: 12px; background: radial-gradient(circle at 50% 30%, rgba(67,206,218,.18), transparent 64%), #091523; color: #74dfe6; }
.gst-feature-art span { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(102,222,231,.35); border-radius: 18px; background: rgba(45,174,191,.13); font-size: 28px; font-weight: 850; }
.gst-feature-art small { color: #9db2c0; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.gst-home-copy .actions { flex-wrap: wrap; }
@media (max-width: 850px) { .gst-home-preview { padding: 15px; } .gst-home-preview .gst-preview-row { font-size: 11px; } }

/* DAYNARO GST Calculator app screenshots */
.gst-home-art { display: flex; align-items: center; justify-content: center; }
.gst-home-shot { display: grid; justify-items: center; gap: 10px; width: 100%; margin: 0; }
.gst-home-shot > img { display: block; width: auto; max-width: 100%; height: min(500px, 64vh); object-fit: contain; border-radius: 14px; }
.gst-home-shot figcaption, .gst-sample-note { color: #8fa5b5; font-size: 11px; }
.gst-features .screens-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gst-features .screen-card { display: block; }
.gst-screen-shot { display: grid; min-height: 500px; place-items: center; padding: 16px; background: radial-gradient(circle at 50% 35%, rgba(67,206,218,.15), transparent 62%), #091523; }
.gst-screen-shot img { display: block; width: auto; max-width: 100%; height: min(500px, 64vh); object-fit: contain; border-radius: 12px; box-shadow: 0 12px 36px rgba(0,0,0,.3); }
.gst-sample-note { margin-top: 8px !important; }
@media (max-width: 850px) {
  .gst-home-shot > img { height: min(420px, 54vh); }
  .gst-screen-shot { min-height: 390px; }
  .gst-screen-shot img { height: min(390px, 54vh); }
}
@media (max-width: 560px) {
  .gst-home-shot > img { height: min(360px, 48vh); }
  .gst-screen-shot { min-height: 320px; padding: 10px; }
  .gst-screen-shot img { height: min(320px, 48vh); }
}