/* VibeCMD studio storefront. Shared across the existing PHP site. */
:root { --primary:#c5f36b;--primary-hover:#d6ff8e;--secondary:#c5f36b;--bg:#121513;--bg-darker:#0d100e;--card:#1b201c;--card-hover:#232a24;--border:#343d35;--border-hover:#829775;--text:#f4f6f0;--text-muted:#b8c1b7;--text-dim:#a4afa2;--gradient:linear-gradient(110deg,#c5f36b,#d9fba5);--font-display:'Space Grotesk',sans-serif;--radius:12px;--radius-lg:16px;--max-w:1240px; }
body {background:#121513;color:#f4f6f0;font-size:16px;} body::before,body::after,.studio-2026::before,.hero-orb,.glow-divider,.glow-divider-wide {display:none!important} body .page-container {padding-top:82px} body .studio-2026 {--h-green:#c5f36b;--h-green-2:#c5f36b;--h-text:#f4f6f0;--h-muted:#b8c1b7;--h-line:#343d35;--h-panel:#1b201c;--h-panel-2:#232a24;}
body .reveal,body .reveal-left,body .reveal-right,body .reveal-scale {opacity:1!important;transform:none!important;visibility:visible!important} body .btn,body .h-btn {border-radius:8px;box-shadow:none;font-family:var(--font-body);font-size:15px} body .btn-primary {background:#c5f36b;color:#15200e;border:1px solid #c5f36b;font-weight:700;-webkit-text-fill-color:initial} body .btn-primary:hover {background:#d6ff8e;color:#15200e} body .btn-secondary,body .btn-outline {color:#f4f6f0;background:transparent;border:1px solid #52604f} body .gradient-text {background:none;color:#c5f36b;-webkit-text-fill-color:#c5f36b} body .section {padding-top:64px;padding-bottom:64px} body .section-highlight {background:#1b201c} body .hero-badge,body .section-label {font-size:14px;letter-spacing:.06em} body .hero-compact {padding-top:58px;padding-bottom:36px} body .form-input,body .form-select,body .form-textarea {font-size:16px;background:#111612;border-color:#56604f;color:#f4f6f0} body .form-input:focus,body .form-select:focus,body .form-textarea:focus {border-color:#c5f36b;outline:2px solid #c5f36b;outline-offset:2px} body .form-label {font-size:14px;text-transform:none} body .form-card,body .info-card,body .retainer-card,body .faq-item,body .price-card {box-shadow:none;border-color:#343d35} body .faq-a {display:block;max-height:none;opacity:1} body .faq-q::after {display:none} body .cta-banner {background:transparent;border:0;box-shadow:none} body .cta-banner::before,body .cta-banner::after {display:none} body .section-title {font-size:clamp(28px,4vw,46px);letter-spacing:-.04em} body a:focus-visible,body button:focus-visible,body summary:focus-visible {outline:3px solid #c5f36b;outline-offset:5px} [hidden] {display:none!important}
.vc-wrap {width:min(1240px,calc(100% - 80px));margin-inline:auto} .vc-skip {position:fixed;top:-80px;left:20px;z-index:1100;padding:12px 20px;background:#c5f36b;color:#121513} .vc-skip:focus {top:10px} .vc-header {height:82px;position:fixed;inset:0 0 auto;background:rgba(18,21,19,.97);border-bottom:1px solid #343d35;z-index:1000;backdrop-filter:blur(16px)} .vc-nav {display:flex;align-items:center;justify-content:space-between;height:100%;gap:28px}.vc-brand {font-family:var(--font-display);font-size:25px;font-weight:700;color:#f4f6f0;display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:-1px}.vc-brand span {color:#c5f36b}.vc-brand img {width:34px;height:34px;object-fit:contain;border-radius:8px}.vc-navlinks {display:flex;align-items:center;gap:28px}.vc-navlinks a {font-size:14px;font-weight:500;color:#c4ccc2;text-decoration:none;white-space:nowrap}.vc-navlinks a:hover,.vc-navlinks a[aria-current=page] {color:#c5f36b}.vc-navlinks .vc-navcta {padding:11px 18px;background:#c5f36b;color:#15200e;border-radius:7px}.vc-menu {display:none;background:transparent;border:1px solid #52604f;color:#f4f6f0;padding:9px 14px;border-radius:7px;font:inherit}
.vc-main {padding-top:82px}.vc-section {padding:80px 0;border-bottom:1px solid #343d35}.vc-eyebrow {font-size:13px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#c5f36b;margin:0 0 22px;display:flex;align-items:center;gap:10px}.vc-eyebrow::before {content:'';width:7px;height:7px;background:currentColor;border-radius:50%}.vc-main h1 {font:500 clamp(44px,5.8vw,78px)/1.04 var(--font-display);letter-spacing:-.055em;color:#f4f6f0;margin:0 0 26px}.vc-main h1 em {font-style:normal;color:#c5f36b}.vc-main h2,.vc-footer h2 {font:500 clamp(30px,3.5vw,48px)/1.12 var(--font-display);letter-spacing:-.045em;margin:0 0 18px;color:#f4f6f0}.vc-main h3 {font:500 24px/1.2 var(--font-display);letter-spacing:-.025em;margin:0 0 12px}.vc-main p {font-size:16px;line-height:1.7;color:#b8c1b7}.vc-main .vc-lead {font-size:18px;max-width:580px;line-height:1.65}.vc-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.vc-button {display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#c5f36b;color:#15200e!important;border:1px solid #c5f36b;border-radius:7px;padding:14px 21px;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;line-height:1.3}.vc-button:hover {background:#d6ff8e;border-color:#d6ff8e}.vc-button.vc-outline {background:transparent;color:#f4f6f0!important;border-color:#52604f}.vc-button.vc-outline:hover {background:#232a24}.vc-textlink {color:#c5f36b;text-underline-offset:5px;font-size:15px;font-weight:600}.vc-hero {padding:74px 0 50px}.vc-hero-grid {display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.vc-hero-note {margin-top:25px!important;font-size:13px!important;color:#a4afa2!important}.vc-feature {background:#e7eddc;border-radius:18px;color:#172318;padding:28px 30px 0;overflow:hidden;position:relative;min-height:445px}.vc-feature-top {display:flex;justify-content:space-between;align-items:center;gap:15px}.vc-feature-top span {font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#3d5138}.vc-feature-top img {width:42px;height:42px;border-radius:10px}.vc-feature h2 {font-size:32px;color:#172318;margin:14px 0 7px}.vc-feature p {color:#486040;font-size:15px;max-width:290px}.vc-feature-screens {display:flex;align-items:flex-start;gap:18px;justify-content:center;height:270px;overflow:hidden;margin-top:25px}.vc-feature-screens img {width:44%;height:auto;max-width:200px;border-radius:18px;box-shadow:0 10px 30px #26311d33;border:4px solid #172318}.vc-feature-screens img:nth-child(2) {margin-top:45px}.vc-feature-link {position:absolute;right:24px;top:99px;color:#172318!important;border:1px solid #93a486;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:24px;text-decoration:none}.vc-proof {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #343d35;padding:28px 0;margin-top:48px}.vc-proof p {font-size:13px;margin:0}.vc-proof strong {font-size:22px;line-height:1.3;display:block;color:#f4f6f0;font-family:var(--font-display);font-weight:500}.vc-proof .vc-proof-label {max-width:180px;font-size:14px}.vc-heading {display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.vc-heading p {max-width:430px}.vc-heading h2 {margin-bottom:0}.vc-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vc-card {display:flex;flex-direction:column;padding:30px;background:#1b201c;border:1px solid #343d35;border-radius:12px;min-width:0}.vc-card .vc-number {font-size:13px;font-weight:600;letter-spacing:.1em;color:#a4afa2;margin-bottom:36px}.vc-card p {margin-bottom:24px}.vc-card .vc-textlink,.vc-card>.vc-button {margin-top:auto;align-self:flex-start}.vc-card.vc-card-accent {border-color:#738958}.vc-card ul {list-style:none;margin:8px 0 25px;padding:0}.vc-card li {padding:9px 0 9px 20px;border-bottom:1px solid #343d35;color:#c8d1c5;font-size:15px;position:relative}.vc-card li::before {content:'+';position:absolute;left:0;color:#c5f36b}.vc-app-card {border:1px solid #343d35;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#1b201c}.vc-app-art {height:190px;background:#e7eddc;display:flex;align-items:center;justify-content:center;overflow:hidden}.vc-app-art img {width:105px;height:105px;object-fit:cover;border-radius:23px;box-shadow:0 8px 20px #0002}.vc-app-card:nth-child(2n) .vc-app-art {background:#dbe8f4}.vc-app-card:nth-child(3n) .vc-app-art {background:#f1e4cc}.vc-app-body {padding:26px;display:flex;flex:1;flex-direction:column}.vc-app-body .vc-category {font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#c5f36b;margin-bottom:12px}.vc-app-body p {font-size:15px;margin-bottom:24px}.vc-app-body .vc-textlink {margin-top:auto}.vc-split {display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.vc-portrait {width:100%;height:440px;object-fit:cover;object-position:center 30%;border-radius:16px;background:#232a24}.vc-quote {font:500 clamp(24px,3vw,36px)/1.45 var(--font-display);letter-spacing:-.02em;color:#f4f6f0;margin:0 0 24px}.vc-attribution {font-size:14px;color:#b8c1b7}.vc-steps {counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}.vc-step {border-top:1px solid #52604f;padding-top:22px}.vc-step::before {counter-increment:steps;content:'0' counter(steps);display:block;font-size:13px;color:#c5f36b;margin-bottom:23px}.vc-step h3 {font-size:20px}.vc-step p {font-size:15px}.vc-subhero {padding:62px 0 64px;border-bottom:1px solid #343d35}.vc-subhero h1 {max-width:850px}.vc-subhero .vc-lead {max-width:710px}.vc-filterbar {display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.vc-filter {background:transparent;border:1px solid #52604f;color:#c8d1c5;padding:10px 18px;border-radius:7px;font:500 14px var(--font-body);cursor:pointer}.vc-filter[aria-pressed=true] {background:#c5f36b;border-color:#c5f36b;color:#15200e}.vc-filter-count {font-size:14px;color:#b8c1b7;margin-bottom:22px}.vc-planner {background:#e7eddc;color:#172318;border-radius:16px;padding:34px}.vc-planner h2 {color:#172318;font-size:30px}.vc-planner p {color:#486040;font-size:15px}.vc-planner label {display:block;color:#172318;font-size:14px;font-weight:600;margin:23px 0 8px}.vc-planner select {width:100%;padding:13px;background:#fff;color:#172318;border:1px solid #a0ae98;border-radius:7px;font:inherit}.vc-planner .vc-button {background:#172318;color:#f4f6f0!important;border-color:#172318;width:100%;margin-top:24px}.vc-planner .vc-small {font-size:13px;margin-top:15px}.vc-service-list {margin-top:24px}.vc-service-row {display:grid;grid-template-columns:1fr 1.3fr;gap:35px;padding:28px 0;border-top:1px solid #343d35}.vc-service-row h3 {font-size:22px}.vc-service-row p {margin:0}.vc-faq details {border-bottom:1px solid #343d35;padding:22px 0}.vc-faq summary {cursor:pointer;font-size:18px;font-weight:500;color:#f4f6f0}.vc-faq details p {margin-top:15px;max-width:820px}.vc-footer {background:#0d100e;padding:64px 0 25px}.vc-footer-cta {display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:50px;border-bottom:1px solid #343d35;margin-bottom:44px}.vc-footer h2 {max-width:640px;font-size:40px}.vc-footer p {color:#b8c1b7;font-size:15px}.vc-footer-grid {display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:35px}.vc-footer-grid h3 {font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#a4afa2;margin:0 0 18px}.vc-footer-grid a:not(.vc-brand) {display:block;color:#b8c1b7;font-size:14px;margin-bottom:10px;text-decoration:none}.vc-footer-grid a:hover {color:#c5f36b}.vc-footer-grid .vc-brand {margin-bottom:15px}.vc-footer-bottom {border-top:1px solid #343d35;padding-top:22px;margin-top:36px;display:flex;justify-content:space-between;gap:20px}.vc-footer-bottom p {font-size:12px}.vc-footer .vibe-social {margin-top:18px;display:flex;gap:12px}.vc-footer .vibe-social a {display:inline-flex}.vc-footer .vibe-social svg {width:18px;height:18px}.vc-project-context {padding:16px 20px;background:#232a24;border-left:3px solid #c5f36b;margin-bottom:24px;font-size:15px;color:#f4f6f0}.vc-history {display:grid;grid-template-columns:160px 1fr;gap:25px;padding:27px 0;border-top:1px solid #343d35}.vc-history>span {font-size:14px;color:#c5f36b}
@media(min-width:1450px){.vc-hero {padding-top:95px}}
@media(max-width:1050px){.vc-wrap {width:calc(100% - 48px)}.vc-navlinks {gap:17px}.vc-navlinks a {font-size:13px}.vc-hero-grid {gap:35px}.vc-feature {padding-inline:23px}.vc-grid {gap:15px}.vc-card {padding:24px}.vc-split {gap:40px}}
@media(max-width:800px){.vc-header {height:72px}.vc-main,body .page-container {padding-top:72px}.vc-menu {display:block}.vc-navlinks {display:none;position:absolute;top:71px;left:0;right:0;padding:20px 24px;background:#121513;border-bottom:1px solid #52604f;max-height:calc(100dvh - 72px);overflow-y:auto}.vc-navlinks.is-open {display:flex;flex-direction:column;align-items:stretch;gap:0}.vc-navlinks a {padding:14px;font-size:16px}.vc-navlinks .vc-navcta {margin-top:12px;text-align:center}.vc-hero {padding-top:45px}.vc-hero-grid,.vc-split {grid-template-columns:1fr;gap:36px}.vc-feature {min-height:410px}.vc-feature-screens {height:270px}.vc-proof {flex-wrap:wrap;gap:22px;margin-top:30px}.vc-proof>* {flex:1 1 40%}.vc-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.vc-grid>.vc-card:last-child:nth-child(odd) {grid-column:1/-1}.vc-section {padding:52px 0}.vc-heading {align-items:start;flex-direction:column;gap:20px}.vc-steps {grid-template-columns:1fr 1fr}.vc-footer-grid {grid-template-columns:1fr 1fr}.vc-footer-cta {align-items:start;flex-direction:column;gap:15px}.vc-footer h2 {font-size:34px}.vc-service-row {grid-template-columns:1fr;gap:5px}.vc-portrait {height:400px}body .hero-layout {grid-template-columns:1fr!important}body .contact-grid {grid-template-columns:1fr!important}}
@media(max-width:520px){.vc-wrap {width:calc(100% - 36px)}.vc-main h1 {font-size:45px}.vc-grid {grid-template-columns:1fr}.vc-main .vc-lead {font-size:17px}.vc-actions {gap:10px}.vc-actions .vc-button {width:100%}.vc-proof strong {font-size:20px}.vc-feature {padding:22px 22px 0}.vc-feature h2 {font-size:28px}.vc-feature-link {top:92px}.vc-feature p {max-width:245px}.vc-steps {gap:24px 18px}.vc-footer-bottom {flex-direction:column;gap:5px}.vc-history {grid-template-columns:1fr;gap:10px}.vc-planner {padding:25px}.vc-footer-grid {gap:25px}.vc-footer-grid>div:first-child {grid-column:1/-1}.vc-app-art {height:170px}.vc-subhero {padding:43px 0}.vc-main .vc-card h3 {font-size:24px}}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto!important}*,*::before,*::after {animation:none!important;transition:none!important}}

/* Product pages and compatibility with the earlier public page templates. */
body.theme-apps,body.theme-it {--primary:#c5f36b;--secondary:#c5f36b;--gradient:linear-gradient(110deg,#c5f36b,#d9fba5)!important}
.vc-product-art {min-height:400px;display:grid;place-items:center;background:#e7eddc;border-radius:18px;padding:40px}.vc-product-art img {max-width:100%;height:auto;width:260px;max-height:430px;object-fit:contain;border-radius:30px;box-shadow:0 14px 40px #15200e33}
body .hero,body .hero-compact {background:transparent!important}body .hero h1 {letter-spacing:-.05em}body .retainer-price {background:none;-webkit-text-fill-color:#c5f36b;color:#c5f36b}body .retainer-grid {gap:24px}body .trust-item {font-size:14px}body .hero-sub {font-size:18px}body .section-subtitle {font-size:16px}body .info-card h4 {font-size:16px}body .info-card p {font-size:15px}
.vc-main [id] {scroll-margin-top:100px}
@media(max-width:800px){.vc-product-art {min-height:300px}.vc-product-art img {width:210px}body .retainer-grid {grid-template-columns:1fr}body .hero-compact h1 {font-size:44px}}

.vc-contact-grid {display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start}.vc-contact-links {margin:30px 0}.vc-contact-links a {display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #343d35;padding:17px 0;color:#c5f36b;text-decoration:none;font-size:16px;overflow-wrap:anywhere}.vc-area {margin-top:30px;border-top:1px solid #343d35;padding-top:22px}.vc-area summary {cursor:pointer;font-size:16px}.vc-area p {margin:16px 0}.vc-area iframe {border-radius:12px}body .pay-wrap {max-width:680px;padding:58px 24px 65px}body .pay-kicker {text-align:left;margin-bottom:32px}body .pay-kicker h1 {font-size:clamp(36px,5vw,54px);font-weight:500;letter-spacing:-.04em}body .pay-kicker p {font-size:17px}body .terminal {box-shadow:none;border-radius:14px}body .terminal-head .t-label {font:500 14px var(--font-body);letter-spacing:0;text-transform:none}body .panel-desc {font-size:16px}body .tab-btn {font-size:15px;min-height:50px}body .faq-wrap summary {font-size:16px}body .faq-wrap details p {font-size:15px}body .pay-wrap .trust-strip {font-size:14px}
@media(max-width:800px){.vc-contact-grid {grid-template-columns:1fr;gap:38px}.vc-contact-grid>.vc-card {padding:24px}.vc-contact-grid aside {padding-inline:6px}}

.vc-main .vc-eyebrow,.vc-footer .vc-eyebrow {font-size:13px;color:#c5f36b;line-height:1.5}.vc-main .vc-planner p {color:#486040}.vc-main .vc-feature p {color:#486040}.vc-main .vc-feature h2 {color:#172318}.vc-main .vc-card .vc-eyebrow {margin-bottom:22px}

/* App catalog: verified store availability and direct downloads. */
.vc-platform-label {font-size:13px;color:#c5f36b;margin:0 0 15px}.vc-store-links {display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;margin-bottom:20px}.vc-store-links a {display:inline-flex;padding:10px 13px;border:1px solid #738958;border-radius:7px;color:#f4f6f0;text-decoration:none;font-size:14px;font-weight:600}.vc-store-links a:hover {background:#2e382b;border-color:#c5f36b}.vc-app-body>.vc-textlink {margin-top:0}.vc-platform-filter {display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 22px}.vc-platform-filter label {font-size:14px;color:#c4ccc2}.vc-platform-filter select {background:#1b201c;border:1px solid #738958;border-radius:7px;color:#f4f6f0;padding:10px 16px;font:inherit;font-size:15px}.vc-platform-filter select:focus-visible {outline:2px solid #c5f36b;outline-offset:3px}

/* Desktop and phone QA: calmer heading scale, compact introductions. */
.vc-main h1 {font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-.045em;overflow-wrap:break-word}
.vc-main h2,.vc-footer h2 {font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-.035em}
.vc-main h3 {font-size:22px;line-height:1.3}.vc-main .vc-lead {font-size:17px}
.vc-main .vc-quote {font-size:clamp(23px,2.5vw,30px)}
.vc-footer-grid {grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr))}.vc-footer-grid a {overflow-wrap:anywhere}
.vc-main .vc-feature h2 {font-size:30px}.vc-main .vc-planner h2 {font-size:28px}
@media(max-width:800px){.vc-main h1 {font-size:40px}.vc-main h2,.vc-footer h2 {font-size:30px}.vc-hero {padding:36px 0 28px}.vc-subhero {padding:34px 0 36px}.vc-section {padding:40px 0}.vc-main .vc-lead {font-size:16px;line-height:1.65}.vc-heading {margin-bottom:26px}.vc-footer-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.vc-main h1 {font-size:36px;margin-bottom:20px}.vc-main h2,.vc-footer h2 {font-size:28px}.vc-main h3,.vc-main .vc-card h3 {font-size:21px}.vc-main .vc-feature h2 {font-size:27px}.vc-eyebrow {margin-bottom:16px}.vc-actions {margin-top:22px}.vc-main .vc-subhero .vc-hero-note {margin-top:18px!important}.vc-filterbar {margin-top:0}.vc-footer {padding-top:40px}.vc-footer-cta {padding-bottom:32px;margin-bottom:32px}.vc-footer-grid {column-gap:18px}.vc-planner select {min-width:0;max-width:100%}.vc-hero-grid>* {min-width:0}}
@media(max-width:360px){.vc-main h1 {font-size:32px}.vc-main h2,.vc-footer h2 {font-size:26px}}

/* Keep the active contact link readable on its filled background. */
.vc-navlinks .vc-navcta[aria-current="page"],.vc-navlinks .vc-navcta:hover,.vc-navlinks .vc-navcta:focus-visible {color:#15200e}