/* True Heritage v2 · AI marketplace pages. Built on th-system.css (Home v2) + th-home.css.
   Tokens: bg #08090D · text #FAFBFF · muted #C3C7D9 · dim #A3A8BD · line rgba(250,251,255,.14)
   teal #00E4CD · violet #A855F7/#BA79FF · blue #3978FF/#6C9BFF · magenta #F171DA */

.th2-wrap.th2-in,.th2-in{position:relative;max-width:1280px;margin:0 auto;padding-left:32px;padding-right:32px}
.subhero{position:relative;overflow:hidden;background:#08090D}

/* type */
.th2-eye{margin:0 0 12px;font:500 13px/1.4 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#00E4CD}
.th2-h1{margin:0;font-size:clamp(46px,6.4vw,88px);line-height:.96;font-weight:700;letter-spacing:-.035em;text-shadow:0 0 70px rgba(250,251,255,.2)}
.th2-h2{margin:0;font-size:clamp(36px,5vw,64px);line-height:1;font-weight:700;letter-spacing:-.03em}
.th2-h3{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.05;font-weight:700;letter-spacing:-.02em}
.th2-lead{margin:24px 0 0;max-width:620px;font-size:19px;line-height:1.55;color:#FFFFFF}
.th2-muted{color:#C3C7D9}
.th2-dim{color:#A3A8BD}
.th2-mono{font-family:'IBM Plex Mono',monospace}
.th2-hint{margin:8px 0 0;font-size:14px;line-height:1.5;color:#A3A8BD}
.th2-err{margin:8px 0 0;font-size:14px;color:#FF8A8A}
.th2-big{font-size:clamp(40px,4.6vw,64px);font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.th2-link{color:#FAFBFF;text-decoration:underline!important;text-underline-offset:4px}
.th2-link:hover{color:#00E4CD}
.th2-flabel{display:block;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#C3C7D9}
.th2-crumbs{display:flex;flex-wrap:wrap;gap:8px;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#A3A8BD}
.th2-crumbs a{color:#C3C7D9}
.th2-crumbs a:hover{color:#FAFBFF}
.th2-crumbs span:last-child{color:#FAFBFF}

/* layout */
.th2-sec{position:relative;overflow:hidden;padding:96px 0}
.th2-sec.bt{border-top:1px solid rgba(250,251,255,.14)}
.th2-grid{display:grid;gap:24px}
.th2-grid.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}
.th2-grid.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.th2-cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;background:#FAFBFF;color:#08090D!important;font-weight:700;font-size:17px;box-shadow:0 0 36px rgba(250,251,255,.28)}

/* status strip: what is and isn't live */
.th2-ai-status{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(90deg,rgba(168,85,247,.2),rgba(0,228,205,.14));border-bottom:1px solid rgba(250,251,255,.14);font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#C3C7D9;text-align:center}
.th2-ai-status b{color:#00E4CD;font-weight:500}

/* open now / coming later */
.th2-badge{display:inline-block;margin-top:16px;padding:4px 10px;border:1px solid;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.th2-badge.is-now{color:#00E4CD;border-color:#00E4CD}
.th2-badge.is-later{color:#A3A8BD;border-color:rgba(250,251,255,.3);border-style:dashed}
.th2-state{display:flex;flex-wrap:nowrap;gap:8px 16px;align-items:center;padding:12px 20px 12px 14px;border-radius:40px;background:rgba(16,18,27,.72);border:1px solid rgba(250,251,255,.14);font-size:17px}
.th2-state .th2-pill{margin-top:0;flex:none}
.th2-state>span:last-child{flex:1 1 auto;min-width:0}
.th2-state.is-later>span:last-child{color:#C3C7D9}

/* boxes with Home v2's moving light round the edge (.trace) and soft glow (.card) */
.th2-glowbox{padding:28px;border-radius:20px;border-color:rgba(250,251,255,.12)}
.th2-glowbox.trace::before{opacity:.75}
@media (hover:hover){.th2-glowbox.card:hover{transform:translateY(-6px);box-shadow:0 30px 70px -26px var(--g)}}

/* call-to-action with Home v2's on/off switch: dark pill, label left, switch right */
.th2-swcta{display:inline-flex;align-items:center;gap:18px;min-height:56px;padding:6px 6px 6px 26px;border-radius:999px;background:#0A0B10;border:1px solid rgba(250,251,255,.28);color:#FAFBFF!important;font:700 17px 'Space Grotesk',sans-serif;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 30px -12px #000,0 0 40px -20px var(--lit);transition:border-color .35s,box-shadow .35s,transform .25s}
.th2-swcta .sw{cursor:pointer}
.th2-swcta:hover,.th2-swcta:focus-visible,.th2-swcta.is-on{border-color:var(--lit);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 30px -12px #000,0 0 50px -14px var(--lit);transform:translateY(-2px)}
.th2-swcta:hover .sw,.th2-swcta:focus-visible .sw,.th2-swcta.is-on .sw{box-shadow:inset 0 3px 8px rgba(0,0,0,.6),0 0 0 2px #1d1f2a,0 0 26px -2px var(--lit)}
.th2-swcta:hover .sw::before,.th2-swcta:focus-visible .sw::before,.th2-swcta.is-on .sw::before{opacity:1}
.th2-swcta:hover .sw::after,.th2-swcta:focus-visible .sw::after,.th2-swcta.is-on .sw::after{opacity:0}
.th2-swcta:hover .swn,.th2-swcta:focus-visible .swn,.th2-swcta.is-on .swn{opacity:1}
.th2-swcta:hover .swo,.th2-swcta:focus-visible .swo,.th2-swcta.is-on .swo{opacity:0}
.th2-swcta:hover .swk,.th2-swcta:focus-visible .swk,.th2-swcta.is-on .swk{transform:none}
@media (max-width:600px){.th2-swcta{font-size:16px;gap:14px;padding-left:20px}}

/* status pill in the Home v2 search-bar style, with the spinning ring */
.th2-pill{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:4px 4px 4px 16px;border-radius:40px;background:rgba(16,18,27,.72);backdrop-filter:blur(12px);border:1px solid rgba(250,251,255,.28);box-shadow:0 0 40px -18px rgba(168,85,247,.9);font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.th2-pill.is-now{color:#00E4CD;border-color:rgba(0,228,205,.45)}
.th2-pill.is-later{color:#A3A8BD;box-shadow:none}
.th2-pill.is-later .ringbtn::before{opacity:.45}
.th2-ring-xs{width:30px!important;height:30px!important;cursor:default}
.th2-ring-xs:hover{transform:none}
.th2-pill.is-now .th2-ring-xs{color:#00E4CD}

/* commission split bar */
.th2-split{display:flex;width:100%;border-radius:32px;overflow:hidden;border:1px solid rgba(250,251,255,.16);background:#0B0C12}
.th2-split .s85{display:flex;align-items:center;padding:0 18px;background:linear-gradient(90deg,#3978FF,#A855F7);color:#FAFBFF;font-weight:700;white-space:nowrap;overflow:hidden}
.th2-split .s15{display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#00E4CD,#5BF2E2);color:#08090D;font-weight:700;white-space:nowrap;overflow:hidden}

/* chips + slider */
.th2-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid rgba(250,251,255,.4);border-radius:22px;background:transparent;color:#FAFBFF;font:500 13px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s,border-color .3s,box-shadow .3s,transform .2s}
.th2-chip:hover{transform:translateY(-2px);border-color:#FAFBFF}
.th2-chip[aria-pressed="true"]{background:#00E4CD;border-color:#00E4CD;color:#08090D;box-shadow:0 0 26px -4px #00E4CD}
.th2-chip.sm{min-height:36px;padding:0 14px;font-size:12px}
.th2-range{width:100%;height:28px;accent-color:#00E4CD;cursor:pointer}
[data-th2-calc] input[aria-invalid="true"]{color:#FF8A8A}

/* table */
.th2-table{overflow-x:auto;border:1px solid rgba(250,251,255,.14);background:rgba(16,18,27,.72)}
.th2-table table{width:100%;min-width:480px;border-collapse:collapse;font-size:17px;font-variant-numeric:tabular-nums}
.th2-table th{padding:18px 24px;text-align:left;font:400 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#A3A8BD;border-bottom:1px solid rgba(250,251,255,.14)}
.th2-table td{padding:16px 24px;border-top:1px solid rgba(250,251,255,.08)}
.th2-table td:first-child{font-weight:700}

/* accordion on <details> (works without JavaScript) */
.th2-acc{border-top:1px solid rgba(250,251,255,.14)}
.th2-acc:last-child{border-bottom:1px solid rgba(250,251,255,.14)}
.th2-acc summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:18px 0;list-style:none;font-size:20px;font-weight:700;cursor:pointer}
.th2-acc summary::-webkit-details-marker{display:none}
.th2-acc .pm{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(250,251,255,.4);display:flex;align-items:center;justify-content:center;transition:transform .4s,background .4s,color .4s}
.th2-acc[open] .pm{transform:rotate(45deg);background:#00E4CD;border-color:#00E4CD;color:#08090D}
.th2-acc p{margin:0;padding:0 0 22px;max-width:720px;font-size:17px;line-height:1.6;color:#C3C7D9}
.th2-code{margin:0 0 22px;padding:20px;overflow-x:auto;background:#05060A;border:1px solid rgba(250,251,255,.14);font:13px/1.6 'IBM Plex Mono',monospace;color:#C3C7D9;white-space:pre}

/* timeline */
.th2-tl{position:relative;padding-left:36px}
.th2-tl::before{content:'';position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#A855F7,#3978FF,#00E4CD)}
.th2-tl>div{position:relative;padding-bottom:32px}
.th2-tl>div::before{content:'';position:absolute;left:-33px;top:6px;width:14px;height:14px;border-radius:50%;background:#08090D;border:2px solid var(--c);box-shadow:0 0 14px var(--c)}
.th2-ticks{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:12px;font-size:15px;line-height:1.45}
.th2-ticks li{display:flex;gap:10px}
.th2-ticks li::before{content:'◆';color:#BA79FF;flex:none}
.th2-note{display:flex;flex-direction:column;gap:4px;margin-bottom:22px;padding:14px 18px;border-left:3px solid #3978FF;background:rgba(16,18,27,.8)}

/* ---- forms: Contact Form 7 output restyled to Home v2 ---- */
.th2-formcard{padding:36px}
.th2-form .wpcf7 form p,.th2-form form p{margin:0 0 18px}
.th2-form label{display:block;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#C3C7D9}
.th2-form label .wpcf7-form-control-wrap{display:block;margin-top:6px;font:17px 'Space Grotesk',sans-serif;letter-spacing:0;text-transform:none}
.th2-form input[type="text"],.th2-form input[type="email"],.th2-form input[type="url"],.th2-form input[type="tel"],.th2-form input[type="number"],.th2-form input[type="date"],.th2-form select,.th2-form textarea{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(250,251,255,.28);border-radius:14px;background:rgba(16,18,27,.72);color:#FAFBFF;font:17px 'Space Grotesk',sans-serif;outline:none;box-shadow:none;transition:border-color .25s,box-shadow .25s}
.th2-form textarea{min-height:150px;padding:14px 16px;line-height:1.5;resize:vertical}
.th2-form select{appearance:none;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,#C3C7D9 50%),linear-gradient(135deg,#C3C7D9 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.th2-form select option{background:#10121B;color:#FAFBFF}
.th2-form ::placeholder{color:#7E8399}
.th2-form input:focus,.th2-form select:focus,.th2-form textarea:focus{border-color:#00E4CD;box-shadow:0 0 0 3px rgba(0,228,205,.3),0 0 40px -18px rgba(168,85,247,.9)}
.th2-form .wpcf7-not-valid,.th2-form [aria-invalid="true"]{border-color:#FF5A5A!important;box-shadow:0 0 0 3px rgba(255,90,90,.18)!important}
.th2-form .wpcf7-not-valid-tip{display:block;margin-top:6px;font:14px 'Space Grotesk',sans-serif;letter-spacing:0;text-transform:none;color:#FF8A8A}
.th2-form .wpcf7-list-item{display:flex;margin:0 0 10px}
.th2-form .wpcf7-list-item label,.th2-form .wpcf7-acceptance label,.th2-form .wpcf7-checkbox label,.th2-form .wpcf7-radio label{display:flex;gap:12px;align-items:flex-start;font:15px/1.45 'Space Grotesk',sans-serif;letter-spacing:0;text-transform:none;color:#C3C7D9;cursor:pointer}
.th2-form input[type="checkbox"],.th2-form input[type="radio"]{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#00E4CD}
.th2-form input[type="file"]{color:#C3C7D9;font:15px 'Space Grotesk',sans-serif}
.th2-form input[type="submit"],.th2-form button[type="submit"],.th2-form .wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 32px;border:0;border-radius:0;background:#FAFBFF;color:#08090D;font:700 17px 'Space Grotesk',sans-serif;cursor:pointer;box-shadow:0 0 36px rgba(250,251,255,.28);transition:transform .25s,box-shadow .25s}
.th2-form input[type="submit"]:hover,.th2-form .wpcf7-submit:hover{transform:translateY(-3px);box-shadow:0 0 50px rgba(250,251,255,.5)}
.th2-form .wpcf7-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
.th2-form .wpcf7-spinner{background-color:#00E4CD;margin:0 0 0 14px;vertical-align:middle}
.th2-form .wpcf7 form .wpcf7-response-output{margin:20px 0 0;padding:14px 18px;border:1px solid rgba(250,251,255,.3);border-left-width:3px;font-size:16px;line-height:1.5;color:#FAFBFF;background:rgba(16,18,27,.8)}
.th2-form .wpcf7 form.init .wpcf7-response-output,.th2-form .wpcf7 form.resetting .wpcf7-response-output,.th2-form .wpcf7 form.submitting .wpcf7-response-output{display:none}
.th2-form .wpcf7 form.sent .wpcf7-response-output{border-color:#00E4CD}
.th2-form .wpcf7 form.invalid .wpcf7-response-output,.th2-form .wpcf7 form.unaccepted .wpcf7-response-output,.th2-form .wpcf7 form.payment-required .wpcf7-response-output{border-color:#FFB060}
.th2-form .wpcf7 form.failed .wpcf7-response-output,.th2-form .wpcf7 form.aborted .wpcf7-response-output,.th2-form .wpcf7 form.spam .wpcf7-response-output{border-color:#FF5A5A}
.th2-form-missing{padding:20px;border:1px dashed #FFB060;background:rgba(255,138,61,.06);color:#FFC48E}
.th2-form-missing p{margin:0 0 6px}

@media (max-width:600px){
  .th2-wrap.th2-in,.th2-in{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .th2-formcard{padding:22px}
  .th2-sec{padding:72px 0}
  }
@media (prefers-reduced-motion: reduce){
  .th2-swcta,.th2-swcta .swk,.th2-chip,.th2-acc .pm,.th2-form input,.th2-form .wpcf7-submit{transition:none!important}
}

/* 0.2.2: keep Contact Form 7 content inside its column (staging QA: Become a Seller form and
   the seller-economics card overlapped at 1280px) */
.th2-formcard,.th2-form,.th2-form .wpcf7,.th2-form form{max-width:100%;min-width:0}
.th2-form .wpcf7-form-control-wrap,.th2-form input,.th2-form select,.th2-form textarea{max-width:100%}
.th2-form p,.th2-form label{overflow-wrap:anywhere}
.th2-mini-calc .pbar{max-width:100%;min-width:0}
.th2-mini-calc .pbar input{min-width:0;width:100%}

/* 0.3.2: slanted bands + smoke behind the dark sections (approved Marketplace design) */
.th2-secbg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}
.th2-secbg .band{pointer-events:none}
@media (max-width:600px){.th2-secbg .band{opacity:.85}}