:root{
  --otc-bg:#050b14;
  --otc-bg-2:#071526;
  --otc-panel:#0c1828;
  --otc-panel-2:#101f33;
  --otc-glass:rgba(14,31,52,.72);
  --otc-text:#edf7ff;
  --otc-soft-text:#b8c7d9;
  --otc-muted:#8292a8;
  --otc-line:rgba(143,181,219,.20);
  --otc-blue:#20a4ff;
  --otc-cyan:#35e2ff;
  --otc-teal:#35e2ff;
  --otc-lime:#7c8cff;
  --otc-gold:#f6bd55;
  --otc-pink:#8b5cf6;
  --otc-shadow:0 26px 90px rgba(0,0,0,.42);
  --otc-shadow-soft:0 18px 50px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.otc-public-theme{
  margin:0;
  background:
    radial-gradient(circle at 76% 9%, rgba(42,179,255,.22), transparent 28%),
    radial-gradient(circle at 23% 14%, rgba(124,140,255,.16), transparent 23%),
    radial-gradient(circle at 58% 78%, rgba(155,92,255,.11), transparent 27%),
    linear-gradient(180deg,#06101e 0%,#060b13 50%,#08111c 100%);
  color:var(--otc-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body.otc-public-theme:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.30;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.16));
  z-index:0;
}
body.otc-public-theme>*{position:relative;z-index:1}
.otc-public-theme a{color:inherit}
.otc-shell{width:min(1200px,calc(100% - 42px));margin:0 auto}

.otc-header{
  position:sticky;top:0;z-index:50;
  background:rgba(4,10,18,.72);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(112,155,207,.18);
}
.otc-nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.otc-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:900;letter-spacing:.09em;text-transform:uppercase;line-height:1}
.otc-brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(53,226,255,.28))}
.otc-brand span{font-size:.74rem;color:#cfe4ff}.otc-brand strong{font-size:1rem;color:#fff}
.otc-nav{display:flex;gap:24px;align-items:center;font-size:.94rem;font-weight:750;color:#cad6e5}
.otc-nav a{text-decoration:none;transition:.2s;color:#cad6e5}
.otc-nav a:hover{color:var(--otc-cyan)}
.otc-nav-actions{display:flex;gap:10px;align-items:center}

.otc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border-radius:999px;font-weight:900;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:.22s;line-height:1}
.otc-btn:hover{transform:translateY(-1px)}
.otc-btn-primary{background:linear-gradient(135deg,#1d4ed8,#20a4ff 48%,#8b5cf6);color:#03101c;box-shadow:0 14px 32px rgba(32,164,255,.28)}
.otc-btn-secondary{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(160,208,255,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.otc-btn-ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(160,208,255,.22)}
.otc-btn-secondary:hover,.otc-btn-ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(53,226,255,.40)}

.otc-home{overflow:hidden}.otc-hero{padding:98px 0 78px;position:relative}.otc-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(53,226,255,.35),transparent)}
.otc-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:56px;align-items:center}.otc-hero-copy{position:relative;z-index:2}
.otc-pill,.otc-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 13px;border-radius:999px;background:rgba(53,226,255,.08);color:var(--otc-teal);border:1px solid rgba(53,226,255,.22);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.18em}
.otc-hero h1{margin:24px 0 22px;font-size:clamp(4rem,8vw,7.6rem);line-height:.86;letter-spacing:-.075em;color:#fff;text-shadow:0 12px 70px rgba(53,226,255,.16)}
.otc-subhead{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.18;font-weight:900;color:#fff;letter-spacing:-.04em;max-width:780px;margin:0 0 22px}.otc-lead{font-size:1.23rem;line-height:1.68;color:var(--soft-text,#b8c7d9);max-width:760px}.otc-lead strong{color:#fff}
.otc-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 28px}.otc-hero-badges,.otc-trust-row{display:flex;gap:10px;flex-wrap:wrap;color:#d7e7f8;font-size:.86rem;font-weight:900;letter-spacing:.03em}.otc-hero-badges span,.otc-trust-row span{padding:8px 12px;border:1px solid rgba(160,208,255,.22);background:rgba(255,255,255,.045);border-radius:999px}.otc-hero-badges span:nth-child(2){color:#b8c7ff;border-color:rgba(139,92,246,.38);background:rgba(139,92,246,.075)}.otc-hero-badges span:nth-child(3){color:var(--otc-gold);border-color:rgba(246,189,85,.38);background:rgba(246,189,85,.075)}

.otc-command-panel{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(180deg,rgba(9,22,38,.86),rgba(7,15,27,.92));border:1px solid rgba(161,207,255,.22);border-radius:34px;box-shadow:var(--otc-shadow);padding:28px}.otc-command-panel:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 75% 18%,rgba(53,226,255,.16),transparent 36%),radial-gradient(circle at 24% 64%,rgba(246,189,85,.13),transparent 25%);z-index:0}.otc-command-panel>*{position:relative;z-index:1}
.otc-assistant-orbit{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.95}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-large{width:390px;height:390px;right:-34px;top:50px;background:radial-gradient(circle at 35% 35%,rgba(53,226,255,.48),rgba(53,226,255,.14) 46%,rgba(255,255,255,.02) 70%);box-shadow:0 0 120px rgba(53,226,255,.19)}.orb-small{width:220px;height:220px;left:42px;top:232px;background:radial-gradient(circle at 42% 42%,rgba(246,189,85,.62),rgba(246,189,85,.13) 54%,transparent 72%);box-shadow:0 0 90px rgba(246,189,85,.15)}
.orbit-chip{position:absolute;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);color:#fff;font-weight:900;font-size:.86rem;text-align:center;box-shadow:0 18px 44px rgba(0,0,0,.20)}.orbit-chip-a{right:30px;top:208px}.orbit-chip-b{left:240px;top:268px}.orbit-chip-c{right:170px;top:92px}.orbit-chip-d{right:128px;bottom:90px}
.otc-assistant-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.otc-assistant-head h2{margin:0 0 5px;font-size:1.35rem;color:#fff}.otc-assistant-head p{margin:0;color:#b4c6da}.otc-spark{color:var(--otc-cyan);font-weight:900;font-size:1.3rem}.otc-voice-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(53,226,255,.10);border:1px solid rgba(53,226,255,.25);color:var(--otc-teal);font-weight:950;font-size:.82rem;white-space:nowrap}
.otc-assistant-frame{width:100%;height:560px;border:0;border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 18px 60px rgba(0,0,0,.28)}.otc-live-assistant-note{margin:4px 0 10px;color:#a9c2dc;font-size:.82rem;font-weight:800;letter-spacing:.02em;word-break:break-all}.otc-assistant-placeholder{display:grid;gap:14px;margin-top:38px}.otc-chat-bubble{padding:16px 17px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#eaf5ff;line-height:1.6;backdrop-filter:blur(16px)}.otc-prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.otc-prompt-grid button{border:1px solid rgba(160,208,255,.18);background:rgba(255,255,255,.06);border-radius:15px;padding:13px 14px;text-align:left;font-weight:800;color:#e9f5ff;backdrop-filter:blur(14px)}.otc-input-fake{height:56px;border:1px solid rgba(53,226,255,.24);background:rgba(255,255,255,.06);border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 18px;color:#bed1e5;backdrop-filter:blur(15px)}.otc-input-fake strong{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--otc-blue),#8b5cf6);color:#04111d}

.otc-section{padding:88px 0;position:relative}.otc-dark-band,.otc-soft,.otc-case-section,.otc-machine-layer,.otc-page-hero{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border-top:1px solid rgba(160,208,255,.10);border-bottom:1px solid rgba(160,208,255,.08)}
.otc-section-head{text-align:center;max-width:900px;margin:0 auto 40px}.otc-section-head.left{text-align:left;margin-left:0}.otc-section-head h2,.otc-two-col h2,.otc-case-copy h2,.otc-cta-card h2,.otc-page h1{font-size:clamp(2.2rem,4.7vw,4.3rem);line-height:1.02;letter-spacing:-.055em;margin:16px 0;color:#fff}.otc-section-head p,.otc-two-col p,.otc-case-copy p,.otc-cta-card p,.otc-page-lead{color:#b8c7d9;font-size:1.1rem;line-height:1.75}.otc-page-narrow{max-width:880px}.otc-page h1{max-width:980px}
.otc-card-grid{display:grid;gap:18px}.otc-card-grid.four{grid-template-columns:repeat(4,1fr)}.otc-card,.otc-note-card,.otc-policy-card,.otc-form-card,.otc-process-card,.otc-comparison>div,.otc-showcase-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(160,208,255,.17);border-radius:26px;padding:24px;box-shadow:var(--otc-shadow-soft);backdrop-filter:blur(18px)}.otc-card h3,.otc-showcase-card h3,.otc-flywheel-card h3,.otc-policy-card h2,.otc-note-card strong{margin:12px 0 8px;color:#fff}.otc-card p,.otc-showcase-card p,.otc-flywheel-card p,.otc-note-card p,.otc-policy-card p{color:#b5c5d8;line-height:1.7}.otc-icon{width:50px;height:50px;border-radius:17px;background:rgba(53,226,255,.10);border:1px solid rgba(53,226,255,.22);color:var(--otc-cyan);display:grid;place-items:center;font-size:1.45rem;font-weight:900}.otc-link-card{position:relative}.otc-link-card>a:first-child{position:absolute;inset:0;z-index:2}.otc-link-card span{display:inline-flex;margin-top:8px;color:var(--otc-cyan);font-weight:900}.otc-link-card:hover{transform:translateY(-3px);border-color:rgba(53,226,255,.36);transition:.22s}
.otc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.otc-two-col.reverse{grid-template-columns:.9fr 1fr}.otc-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.otc-comparison ul{margin:14px 0 0;padding-left:19px;color:#c0cee0;line-height:1.95}.otc-neon-comparison>div:nth-child(2){border-color:rgba(81,240,196,.27);box-shadow:0 20px 60px rgba(81,240,196,.06)}
.otc-case-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:stretch}.otc-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.otc-stat-row div{background:rgba(255,255,255,.06);border:1px solid rgba(160,208,255,.18);border-radius:20px;padding:18px}.otc-stat-row strong{display:block;font-size:1.95rem;color:var(--otc-cyan)}.otc-stat-row span{display:block;color:#b8c7d9;font-weight:800;font-size:.9rem}.otc-flywheel-card{background:radial-gradient(circle at 48% 50%,rgba(32,164,255,.14),transparent 40%),linear-gradient(180deg,rgba(11,26,44,.94),rgba(6,14,25,.96));border:1px solid rgba(160,208,255,.20);border-radius:34px;padding:32px;box-shadow:var(--otc-shadow)}.otc-flywheel-card h3{color:#fff}.otc-flywheel-card p{color:#b8c7d9}.otc-flywheel{margin:24px auto;max-width:380px;aspect-ratio:1;border-radius:999px;background:conic-gradient(from 45deg,#1d4ed8,#20a4ff,#35e2ff,#8b5cf6,#f6bd55,#1d4ed8);display:grid;place-items:center;position:relative;box-shadow:0 0 90px rgba(32,164,255,.26)}.otc-flywheel:before{content:"AI Visibility";display:grid;place-items:center;text-align:center;width:48%;height:48%;border-radius:999px;background:#07111d;color:#fff;font-weight:950;box-shadow:0 0 0 13px rgba(255,255,255,.10)}.otc-flywheel span{position:absolute;background:rgba(255,255,255,.92);color:#07111d;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:950}.otc-flywheel span:nth-child(1){top:11px}.otc-flywheel span:nth-child(2){right:-8px}.otc-flywheel span:nth-child(3){bottom:11px}.otc-flywheel span:nth-child(4){left:-14px}
.otc-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.otc-showcase-grid-page{grid-template-columns:repeat(4,1fr)}.otc-showcase-card{overflow:hidden}.otc-showcase-media{height:155px;border-radius:20px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:1.45rem;letter-spacing:.03em;margin-bottom:18px;text-align:center;padding:16px}.otc-showcase-card.sally .otc-showcase-media{background:linear-gradient(135deg,#0b76ff,#18c7e8)}.otc-showcase-card.bronte .otc-showcase-media{background:linear-gradient(135deg,#111827,#60a5fa)}.otc-showcase-card.hotels .otc-showcase-media{background:linear-gradient(135deg,#0f766e,#38bdf8)}.otc-card-tag{display:inline-flex;margin:0 0 5px;padding:6px 10px;border-radius:999px;background:rgba(53,226,255,.10);color:var(--otc-cyan);font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.otc-showcase-card a{font-weight:950;color:var(--otc-cyan);text-decoration:none}
.otc-process-card{display:grid;gap:13px}.otc-process-step{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:15px}.otc-process-step strong{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--otc-blue),#8b5cf6);color:#04111d}.otc-process-step span{font-weight:900;color:#eaf4ff}.otc-feed-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.otc-cta-section{padding:86px 0}.otc-cta-card{display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(135deg,rgba(32,164,255,.12),rgba(139,92,246,.08));border:1px solid rgba(160,208,255,.20);border-radius:34px;padding:34px;box-shadow:var(--otc-shadow-soft)}
.otc-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px}.otc-form-card form{display:grid;gap:15px}.otc-form-card label{display:grid;gap:7px;font-weight:900;color:#eaf4ff}.otc-form-card input,.otc-form-card textarea{width:100%;border:1px solid rgba(160,208,255,.20);background:rgba(255,255,255,.06);color:#fff;border-radius:15px;padding:13px 14px;font:inherit}.otc-form-card textarea{resize:vertical}.otc-hp{position:absolute;left:-9999px}.otc-alert{padding:12px 14px;border-radius:14px;margin-bottom:14px;font-weight:850}.otc-alert.success{background:rgba(53,226,255,.10);color:var(--otc-teal);border:1px solid rgba(53,226,255,.26)}.otc-alert.error{background:rgba(255,102,102,.12);color:#ffb2b2;border:1px solid rgba(255,102,102,.26)}.otc-policy{max-width:940px}.otc-policy-card h2{margin-top:24px}.otc-category-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.otc-category-list a{display:grid;gap:5px;text-decoration:none;padding:16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(160,208,255,.15)}.otc-category-list span{font-weight:950;color:#fff}.otc-category-list small{color:#9fb2c8}.otc-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.otc-timeline article{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(160,208,255,.17);border-radius:24px;padding:24px}.otc-timeline strong{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--otc-blue),#8b5cf6);color:#04111d;margin-bottom:18px}.otc-timeline h3{color:#fff}.otc-timeline p{color:#b8c7d9;line-height:1.7}.otc-capability-panel{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(160,208,255,.17);border-radius:28px;padding:28px;box-shadow:var(--otc-shadow-soft)}.otc-capability-panel h2{color:#fff;margin-top:0}.otc-capability-panel ul{color:#b8c7d9;line-height:2;padding-left:20px}
.otc-footer{border-top:1px solid rgba(160,208,255,.15);background:rgba(3,9,16,.74);padding:34px 0;color:#9fb2c8}.otc-footer-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:26px}.otc-footer-brand{color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.otc-footer p{max-width:620px;line-height:1.6}.otc-footer-links{display:flex;gap:16px;flex-wrap:wrap}.otc-footer-links a{text-decoration:none;color:#c8d8ea;font-weight:850}.otc-footer-links a:hover{color:var(--otc-cyan)}

@media(max-width:1060px){.otc-hero-grid,.otc-two-col,.otc-case-grid,.otc-contact-grid{grid-template-columns:1fr}.otc-card-grid.four,.otc-timeline{grid-template-columns:repeat(2,1fr)}.otc-command-panel{min-height:auto}.otc-assistant-orbit{opacity:.28}.otc-showcase-grid,.otc-showcase-grid-page,.otc-category-list{grid-template-columns:repeat(2,1fr)}.otc-nav{display:none}.otc-hero{padding-top:70px}.otc-hero h1{font-size:clamp(3.8rem,13vw,6.6rem)}}
@media(max-width:720px){.otc-shell{width:min(100% - 26px,1200px)}.otc-nav-actions .otc-btn-primary{display:none}.otc-brand span{font-size:.66rem}.otc-card-grid.four,.otc-showcase-grid,.otc-showcase-grid-page,.otc-category-list,.otc-stat-row,.otc-comparison,.otc-timeline{grid-template-columns:1fr}.otc-hero{padding:48px 0 52px}.otc-subhead{font-size:1.55rem}.otc-lead{font-size:1.05rem}.otc-command-panel{padding:20px;border-radius:26px}.otc-prompt-grid{grid-template-columns:1fr}.otc-cta-card,.otc-footer-grid{display:grid}.otc-section{padding:62px 0}.otc-assistant-frame{height:520px}}

/* OTC V6 network/showroom refinements */
.otc-assistant-only{min-height:auto;padding:18px;background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.42)}
.otc-assistant-only:before{display:none}.otc-assistant-only .otc-assistant-frame{height:620px;border-radius:22px;background:#fff;box-shadow:0 22px 80px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.22)}
.otc-assistant-placeholder-clean{min-height:420px;place-content:center}.otc-section-actions{display:flex;justify-content:center;margin-top:28px}.otc-card-grid.three{grid-template-columns:repeat(3,1fr)}
.otc-card-stretch{position:absolute;inset:0;z-index:4}.network-card{position:relative}.network-card .otc-showcase-media{background:radial-gradient(circle at 35% 28%,rgba(53,226,255,.65),rgba(21,141,255,.36) 42%,rgba(12,24,40,.9) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.network-card:nth-child(2n) .otc-showcase-media{background:radial-gradient(circle at 35% 28%,rgba(139,92,246,.55),rgba(21,141,255,.28) 44%,rgba(12,24,40,.9) 100%)}.network-card:nth-child(3n) .otc-showcase-media{background:radial-gradient(circle at 35% 28%,rgba(246,189,85,.58),rgba(155,92,255,.28) 44%,rgba(12,24,40,.9) 100%)}.network-card.featured{border-color:rgba(53,226,255,.34)}.otc-mini-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.otc-mini-meta span{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(160,208,255,.15);color:#c7d7ea;font-size:.78rem;font-weight:850}.otc-showcase-media.image{background-size:cover;background-position:center;color:transparent}.otc-network-grid .otc-showcase-card{min-height:430px}
.otc-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}.otc-detail-main h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95;letter-spacing:-.06em;margin:18px 0;color:#fff}.otc-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.otc-detail-copy{margin:28px 0}.otc-capability-list{margin-top:22px}.small-card{padding:18px}.small-card h3{font-size:1rem}.otc-detail-side{position:sticky;top:104px}.otc-muted-note{display:inline-flex;margin-top:8px;color:#9fb2c8;font-weight:850}.otc-video-grid .otc-card a{color:var(--otc-cyan);font-weight:950;text-decoration:none}.admin-card{background:#fff;border:1px solid #d9e2ef;border-radius:16px;padding:18px;box-shadow:0 8px 28px rgba(15,23,42,.08)}.admin-table th,.admin-table td{border-bottom:1px solid #e5edf5;padding:10px;text-align:left;vertical-align:top}.admin-card label{display:grid;gap:5px;font-weight:700}.admin-card input,.admin-card textarea{width:100%;border:1px solid #cdd8e4;border-radius:8px;padding:9px;font:inherit}.button{display:inline-flex;justify-content:center;border:0;border-radius:10px;background:#0ea5e9;color:#fff;padding:11px 14px;font-weight:850;cursor:pointer}.button.danger{background:#dc2626}.notice{padding:12px 14px;border-radius:12px;margin:0 0 14px}.notice.success{background:#dcfce7;color:#166534}.notice.error{background:#fee2e2;color:#991b1b}
@media(max-width:1060px){.otc-detail-grid{grid-template-columns:1fr}.otc-detail-side{position:static}.otc-card-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.otc-assistant-only .otc-assistant-frame{height:600px}.otc-card-grid.three{grid-template-columns:1fr}.otc-network-grid .otc-showcase-card{min-height:auto}}


/* OTC V7 strategic-presentation colour pass: less green, more navy / blue / indigo / gold */
body.otc-public-theme{
  background:
    radial-gradient(circle at 78% 8%, rgba(32,164,255,.24), transparent 30%),
    radial-gradient(circle at 20% 12%, rgba(139,92,246,.18), transparent 24%),
    radial-gradient(circle at 62% 78%, rgba(246,189,85,.10), transparent 28%),
    linear-gradient(180deg,#06101e 0%,#050b14 48%,#08111c 100%);
}
.otc-pill,.otc-kicker{
  background:linear-gradient(135deg,rgba(32,164,255,.10),rgba(139,92,246,.08));
  color:#79d8ff;
  border-color:rgba(32,164,255,.32);
}
.otc-hero h1{
  background:linear-gradient(180deg,#ffffff 0%,#eaf7ff 45%,#80d8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 22px 70px rgba(32,164,255,.16));
}
.otc-btn-primary{
  background:linear-gradient(135deg,#1d4ed8 0%,#20a4ff 50%,#8b5cf6 100%);
  color:#fff;
  box-shadow:0 16px 40px rgba(32,164,255,.26),0 0 0 1px rgba(255,255,255,.12) inset;
}
.otc-command-panel:before{
  background:
    radial-gradient(circle at 75% 18%,rgba(32,164,255,.17),transparent 36%),
    radial-gradient(circle at 24% 64%,rgba(246,189,85,.13),transparent 25%),
    radial-gradient(circle at 55% 52%,rgba(139,92,246,.10),transparent 42%);
}
.otc-voice-badge{
  background:rgba(32,164,255,.12);
  border-color:rgba(32,164,255,.26);
  color:#79d8ff;
}
.otc-assistant-only{
  background:rgba(255,255,255,.97);
}
.network-card:nth-child(2n) .otc-showcase-media{
  background:radial-gradient(circle at 35% 28%,rgba(139,92,246,.58),rgba(32,164,255,.30) 44%,rgba(12,24,40,.92) 100%);
}
.otc-card,.otc-note-card,.otc-policy-card,.otc-form-card,.otc-process-card,.otc-comparison>div,.otc-showcase-card{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
}
.otc-section-head h2,.otc-two-col h2,.otc-case-copy h2,.otc-cta-card h2,.otc-page h1{
  text-shadow:0 18px 60px rgba(32,164,255,.11);
}


/* OTC V9: presentation-style top hero, matching the strategic presentation look */
.otc-presentation-hero{
  position:relative;
  min-height:calc(100vh - 86px);
  display:flex;
  align-items:center;
  padding:112px 0 92px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 35%, rgba(53,226,255,.22), transparent 25%),
    radial-gradient(circle at 69% 57%, rgba(246,189,85,.13), transparent 16%),
    radial-gradient(circle at 18% 18%, rgba(32,164,255,.20), transparent 28%),
    linear-gradient(118deg,#071528 0%,#050b14 48%,#05070c 100%);
  border-bottom:1px solid rgba(160,208,255,.14);
}
.otc-presentation-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(53,226,255,.035) 0 1px, transparent 1px),
    linear-gradient(180deg, rgba(53,226,255,.028) 0 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 72%);
  opacity:.35;
  pointer-events:none;
}
.otc-presentation-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(90deg,#35e2ff,#20a4ff,#8b5cf6,#f6bd55);
  opacity:.88;
}
.otc-plan-brand{
  position:absolute;
  top:34px;
  right:52px;
  z-index:2;
  color:rgba(234,246,255,.32);
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.otc-presentation-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:70px;
  align-items:center;
}
.otc-plan-kicker{
  display:block;
  margin-bottom:26px;
  color:#63f0de;
  font-size:clamp(.9rem,1.6vw,1.2rem);
  font-weight:950;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.otc-presentation-copy h1{
  margin:0 0 26px;
  font-size:clamp(4.2rem,8.8vw,8rem);
  line-height:.88;
  letter-spacing:-.075em;
  color:#ecf7ff;
  text-shadow:0 26px 90px rgba(32,164,255,.20);
}
.otc-plan-subhead{
  margin:0 0 22px;
  max-width:820px;
  color:#f1f7ff;
  font-size:clamp(1.75rem,3.1vw,2.6rem);
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.035em;
}
.otc-plan-lead{
  margin:0;
  max-width:820px;
  color:#d7e4f0;
  font-size:clamp(1.05rem,1.55vw,1.34rem);
  line-height:1.52;
  font-weight:650;
}
.otc-plan-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:30px;
}
.otc-plan-badges span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 13px;
  border-radius:999px;
  border:1px solid rgba(160,208,255,.25);
  background:rgba(255,255,255,.045);
  color:#7ee6ff;
  font-size:.88rem;
  line-height:1;
  font-weight:950;
}
.otc-plan-badges span:nth-child(2){color:#91ffb4;border-color:rgba(145,255,180,.28);background:rgba(145,255,180,.055)}
.otc-plan-badges span:nth-child(3){color:#ffd775;border-color:rgba(246,189,85,.42);background:rgba(246,189,85,.065)}
.otc-plan-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.otc-orbit-map{
  position:relative;
  min-height:520px;
  isolation:isolate;
}
.otc-orbit-circle{
  position:absolute;
  border-radius:50%;
  filter:blur(.15px);
  opacity:.98;
}
.otc-orbit-main{
  width:min(33vw,510px);
  height:min(33vw,510px);
  min-width:370px;
  min-height:370px;
  right:4%;
  top:5%;
  background:radial-gradient(circle at 34% 35%,rgba(79,222,255,.60),rgba(53,226,255,.18) 42%,rgba(53,226,255,.055) 70%,transparent 78%);
  box-shadow:0 0 130px rgba(53,226,255,.16), inset 0 0 80px rgba(255,255,255,.05);
}
.otc-orbit-gold{
  width:min(20vw,285px);
  height:min(20vw,285px);
  min-width:210px;
  min-height:210px;
  left:5%;
  top:43%;
  background:radial-gradient(circle at 35% 36%,rgba(246,189,85,.72),rgba(246,189,85,.16) 52%,transparent 74%);
  box-shadow:0 0 90px rgba(246,189,85,.16);
}
.otc-orbit-node{
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  min-width:112px;
  min-height:66px;
  padding:13px 16px;
  border-radius:18px;
  text-align:center;
  color:#eef8ff;
  font-weight:950;
  line-height:1.18;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.105);
  box-shadow:0 18px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(16px);
}
.node-local{right:23%;top:16%}
.node-business{right:2%;top:49%}
.node-citations{left:28%;top:54%}
.node-leads{right:18%;bottom:15%}
.otc-assistant-stage{
  position:relative;
  padding:82px 0 94px;
  background:
    radial-gradient(circle at 18% 0%,rgba(32,164,255,.12),transparent 34%),
    linear-gradient(180deg,#050b14,#07111f 100%);
  border-bottom:1px solid rgba(160,208,255,.12);
}
.otc-assistant-stage-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);
  gap:46px;
  align-items:center;
}
.otc-assistant-stage h2{
  margin:10px 0 16px;
  color:#f3f9ff;
  font-size:clamp(2.2rem,4.7vw,4.8rem);
  line-height:.98;
  letter-spacing:-.06em;
}
.otc-assistant-stage p{color:#b8c8da;font-size:1.12rem;line-height:1.75;max-width:640px}
.otc-assistant-stage .otc-command-panel{padding:16px;border-radius:30px;background:rgba(255,255,255,.96)}
.otc-assistant-stage .otc-assistant-frame{height:640px;border-radius:22px;background:#fff}
@media(max-width:1060px){
  .otc-presentation-grid,.otc-assistant-stage-grid{grid-template-columns:1fr}
  .otc-orbit-map{min-height:430px;order:-1;opacity:.9}
  .otc-presentation-hero{padding-top:82px}
  .otc-plan-brand{right:24px;top:22px;font-size:.75rem}
}
@media(max-width:720px){
  .otc-presentation-hero{min-height:auto;padding:70px 0 56px}
  .otc-plan-kicker{letter-spacing:.18em;font-size:.78rem}
  .otc-presentation-copy h1{font-size:clamp(3.6rem,18vw,5.4rem)}
  .otc-plan-subhead{font-size:1.55rem}
  .otc-plan-lead{font-size:1rem}
  .otc-orbit-map{min-height:300px;margin-top:14px}
  .otc-orbit-main{min-width:250px;min-height:250px;right:2%;top:5%}
  .otc-orbit-gold{min-width:150px;min-height:150px;left:0;top:44%}
  .otc-orbit-node{min-width:90px;min-height:52px;font-size:.76rem;padding:9px 10px;border-radius:14px}
  .node-local{right:23%;top:14%}.node-business{right:0;top:51%}.node-citations{left:20%;top:56%}.node-leads{right:19%;bottom:8%}
  .otc-assistant-stage{padding:58px 0 66px}
  .otc-assistant-stage .otc-assistant-frame{height:600px}
}

/* OTC V11: presentation hero with restrained strategic-title scale and assistant on the right */
.otc-presentation-hero{
  min-height:calc(100vh - 86px);
  padding:96px 0 76px;
}
.otc-presentation-grid{
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  gap:62px;
  align-items:center;
}
.otc-presentation-copy{
  min-width:0;
}
.otc-presentation-copy h1{
  /* closer to the strategic presentation proportions: big, but no longer overpowering/cut off */
  font-size:clamp(4.6rem,7.4vw,7.9rem);
  line-height:.88;
  letter-spacing:-.075em;
  margin:0 0 30px;
  max-width:760px;
}
.otc-plan-kicker{
  margin-bottom:24px;
  font-size:clamp(.88rem,1.25vw,1.06rem);
}
.otc-plan-subhead{
  max-width:760px;
  font-size:clamp(1.55rem,2.35vw,2.2rem);
  line-height:1.17;
}
.otc-plan-lead{
  max-width:760px;
  font-size:clamp(1rem,1.22vw,1.18rem);
  line-height:1.58;
}
.otc-plan-actions{margin-top:28px}
.otc-hero-assistant-card{
  position:relative;
  z-index:3;
  width:100%;
  min-height:640px;
  padding:16px;
  align-self:center;
  border-radius:34px;
  background:rgba(255,255,255,.975);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 40px 120px rgba(0,0,0,.45),0 0 90px rgba(32,164,255,.16);
}
.otc-hero-assistant-card:after{
  content:"";
  position:absolute;
  inset:-34px;
  z-index:-1;
  background:
    radial-gradient(circle at 20% 20%,rgba(53,226,255,.20),transparent 35%),
    radial-gradient(circle at 82% 70%,rgba(139,92,246,.20),transparent 38%),
    radial-gradient(circle at 18% 78%,rgba(246,189,85,.13),transparent 28%);
  filter:blur(10px);
  pointer-events:none;
}
.otc-hero-assistant-card .otc-assistant-frame{
  height:610px;
  width:100%;
  display:block;
  border:0;
  border-radius:24px;
  background:#fff;
}
.otc-hero-assistant-card .otc-assistant-placeholder-clean{
  min-height:610px;
  display:grid;
  align-content:center;
  gap:18px;
}
.otc-assistant-stage{display:none!important}

@media(max-width:1180px){
  .otc-presentation-grid{grid-template-columns:1fr;gap:42px}
  .otc-presentation-copy h1{font-size:clamp(4.4rem,10vw,7rem);max-width:820px}
  .otc-hero-assistant-card{min-height:auto;max-width:760px;margin:0 auto;width:100%}
  .otc-hero-assistant-card .otc-assistant-frame{height:620px}
}
@media(max-width:720px){
  .otc-presentation-hero{padding:62px 0 54px}
  .otc-presentation-copy h1{font-size:clamp(3.6rem,16vw,5.2rem);line-height:.88;letter-spacing:-.07em}
  .otc-plan-subhead{font-size:1.48rem}
  .otc-hero-assistant-card{padding:10px;border-radius:26px}
  .otc-hero-assistant-card .otc-assistant-frame{height:600px;border-radius:20px}
}


/* OTC V12: published/preview hero balance correction
   - Caps the headline so large desktop screens do not blow it up.
   - Keeps the strategic presentation feel while leaving the assistant on the right.
   - Adds a cache-busted stylesheet version via base.html. */
.otc-presentation-hero{
  min-height:calc(100vh - 86px);
  padding:96px 0 78px;
}
.otc-presentation-grid{
  grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);
  gap:54px;
  align-items:center;
}
.otc-presentation-copy h1{
  font-size:clamp(4.25rem,5.65vw,6.25rem);
  line-height:.94;
  letter-spacing:-.065em;
  max-width:660px;
  margin-bottom:30px;
  text-wrap:balance;
}
.otc-plan-kicker{
  font-size:clamp(.86rem,1.05vw,1rem);
  letter-spacing:.34em;
  margin-bottom:24px;
}
.otc-plan-subhead{
  max-width:690px;
  font-size:clamp(1.55rem,2.05vw,2.08rem);
  line-height:1.18;
  letter-spacing:-.035em;
}
.otc-plan-lead{
  max-width:690px;
  font-size:clamp(1rem,1.1vw,1.13rem);
  line-height:1.56;
}
.otc-plan-badges{margin-top:28px}
.otc-plan-actions{margin-top:30px}
.otc-hero-assistant-card{
  min-height:610px;
  padding:14px;
  border-radius:32px;
}
.otc-hero-assistant-card .otc-assistant-frame{
  height:590px;
  border-radius:22px;
}
.otc-hero-assistant-card .otc-assistant-placeholder-clean{min-height:590px}

@media(max-width:1320px){
  .otc-presentation-grid{
    grid-template-columns:minmax(380px,.92fr) minmax(500px,1.08fr);
    gap:44px;
  }
  .otc-presentation-copy h1{font-size:clamp(4rem,5.4vw,5.8rem);max-width:620px}
  .otc-plan-subhead{font-size:clamp(1.45rem,1.95vw,1.95rem)}
}
@media(max-width:1180px){
  .otc-presentation-grid{grid-template-columns:1fr;gap:42px}
  .otc-presentation-copy h1{font-size:clamp(4rem,8.5vw,6.1rem);max-width:760px}
  .otc-hero-assistant-card{max-width:760px;margin:0 auto;width:100%}
  .otc-hero-assistant-card .otc-assistant-frame{height:620px}
}
@media(max-width:720px){
  .otc-presentation-copy h1{font-size:clamp(3.35rem,15vw,5rem);line-height:.9;letter-spacing:-.065em;max-width:100%}
  .otc-plan-kicker{letter-spacing:.18em}
  .otc-plan-subhead{font-size:1.44rem}
  .otc-hero-assistant-card{padding:10px;border-radius:26px}
  .otc-hero-assistant-card .otc-assistant-frame{height:600px;border-radius:20px}
}

/* OTC V15: exact live assistant widget height
   - The embedded assistant app defines #chat-widget at 590px high on desktop.
   - Set the parent iframe to the same 590px so the iframe viewport wraps the
     actual widget instead of adding white space or clipping/squeezing it.
   - The parent remains transparent; the iframe/widget provides the visible card. */
.otc-hero-assistant-card.otc-assistant-only{
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  line-height:0;
}
.otc-hero-assistant-card.otc-assistant-only:after{
  inset:-18px;
  opacity:.78;
}
.otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{
  height:590px;
  width:100%;
  display:block;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:0 30px 100px rgba(0,0,0,.40),0 0 0 1px rgba(255,255,255,.22);
}
@media(max-width:1180px){
  .otc-hero-assistant-card.otc-assistant-only{max-width:780px;min-height:0}
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{height:590px}
}
@media(max-width:720px){
  .otc-hero-assistant-card.otc-assistant-only{min-height:0}
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{height:590px;border-radius:20px}
}


/* OTC V16: desktop assistant embed width/centering fix
   The embedded assistant has its own responsive CSS. When the iframe is under
   about 640px wide, the assistant switches into a compact/mobile height and
   leaves visible white iframe space below the widget. Keep the desktop hero
   embed wide enough for the assistant's normal 590px layout, then centre it. */
.otc-presentation-grid{
  grid-template-columns:minmax(380px,.82fr) minmax(700px,1.18fr);
  gap:34px;
  align-items:center;
}
.otc-hero-assistant-card.otc-assistant-only{
  width:min(760px,100%);
  justify-self:center;
}
.otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{
  height:590px;
  width:100%;
  display:block;
}
@media(max-width:1320px){
  .otc-presentation-grid{
    grid-template-columns:minmax(360px,.80fr) minmax(690px,1.20fr);
    gap:30px;
  }
  .otc-hero-assistant-card.otc-assistant-only{width:min(740px,100%)}
}
@media(max-width:1180px){
  .otc-presentation-grid{grid-template-columns:1fr;gap:42px}
  .otc-hero-assistant-card.otc-assistant-only{width:min(760px,100%);margin:0 auto;justify-self:center}
}
@media(max-width:720px){
  .otc-hero-assistant-card.otc-assistant-only{width:100%}
}


/* OTC V17: no-scrollbar hero assistant iframe
   The live assistant widget is 590px high, but its own 1px border adds
   a tiny amount of layout height inside the iframe. A 590px iframe can
   therefore trigger an internal iframe scrollbar. Give it a few safe pixels
   and explicitly disable iframe scrolling so the hero stays clean. */
.otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{
  height:596px;
  overflow:hidden;
}
@media(max-width:1180px){
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{height:596px}
}
@media(max-width:720px){
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{height:596px}
}


/* OTC V18: published hero assistant containment fix
   V16 made the assistant too wide on the published desktop layout and let it
   run across the headline. This locks the hero to a balanced two-column layout
   and uses a 680px iframe width. At that width the embedded assistant fills its
   own frame cleanly without the browser iframe scrollbar or large white paddock. */
@media (min-width:1181px){
  .otc-presentation-hero{
    min-height:auto;
    padding:92px 0 74px;
  }
  .otc-presentation-hero .otc-shell{
    width:min(1320px, calc(100% - 72px));
  }
  .otc-presentation-grid{
    grid-template-columns:minmax(480px, 1fr) 680px;
    gap:64px;
    align-items:center;
  }
  .otc-presentation-copy{
    max-width:560px;
    min-width:0;
  }
  .otc-presentation-copy h1{
    max-width:560px;
    font-size:clamp(4.35rem,5.55vw,6.15rem);
    line-height:.91;
    letter-spacing:-.068em;
    text-wrap:balance;
  }
  .otc-plan-subhead,
  .otc-plan-lead{
    max-width:540px;
  }
  .otc-hero-assistant-card.otc-assistant-only{
    width:680px;
    max-width:680px;
    justify-self:end;
    margin:0;
  }
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{
    width:680px;
    height:596px;
    display:block;
    overflow:hidden;
    border-radius:24px;
  }
}
@media (min-width:1181px) and (max-width:1320px){
  .otc-presentation-hero .otc-shell{
    width:min(1220px, calc(100% - 56px));
  }
  .otc-presentation-grid{
    grid-template-columns:minmax(430px, 1fr) 660px;
    gap:42px;
  }
  .otc-presentation-copy{max-width:500px}
  .otc-presentation-copy h1{
    max-width:500px;
    font-size:clamp(4rem,5.2vw,5.45rem);
  }
  .otc-hero-assistant-card.otc-assistant-only,
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{
    width:660px;
  }
}
@media (max-width:1180px){
  .otc-presentation-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .otc-hero-assistant-card.otc-assistant-only{
    width:min(680px,100%);
    max-width:680px;
    margin:0 auto;
    justify-self:center;
  }
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{
    width:100%;
    height:596px;
    overflow:hidden;
  }
}
@media (max-width:720px){
  .otc-hero-assistant-card.otc-assistant-only{
    width:100%;
    max-width:100%;
  }
  .otc-hero-assistant-card.otc-assistant-only .otc-assistant-frame{
    height:calc(78dvh + 18px);
    min-height:500px;
    max-height:620px;
    border-radius:20px;
  }
}


/* V19 showcase upgrade: featured business AI representatives */
.otc-showcase-intro-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:24px;
  align-items:center;
  margin:8px 0 34px;
  padding:26px;
  border-radius:30px;
  border:1px solid rgba(53,226,255,.22);
  background:linear-gradient(135deg,rgba(53,226,255,.10),rgba(139,92,246,.08));
  box-shadow:var(--otc-shadow-soft);
}
.otc-showcase-intro-card h2{margin:6px 0 10px;color:#fff;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.08}
.otc-showcase-intro-card p:not(.otc-card-tag){color:#b8c9dc;line-height:1.7;margin:0}
.otc-showcase-counts{display:grid;place-items:center;text-align:center;min-height:150px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(4,12,24,.42)}
.otc-showcase-counts strong{display:block;font-size:3.6rem;line-height:1;color:#fff;letter-spacing:-.05em}
.otc-showcase-counts span{display:block;margin-top:6px;color:var(--otc-cyan);font-weight:900;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}
.otc-section-subhead{margin:34px 0 18px;max-width:860px}.otc-section-subhead h2{margin:6px 0 0;color:#fff;font-size:clamp(1.55rem,2.4vw,2.3rem);line-height:1.08}.otc-network-subhead{margin-top:54px}
.otc-business-rep-grid .business-rep-card{border-color:rgba(124,255,190,.26);background:linear-gradient(180deg,rgba(87,255,183,.075),rgba(255,255,255,.035))}
.otc-business-rep-grid .business-rep-card.featured{box-shadow:0 18px 55px rgba(53,226,255,.13)}
.business-rep-card .otc-showcase-media{background:radial-gradient(circle at 35% 28%,rgba(87,255,183,.55),rgba(53,226,255,.30) 44%,rgba(12,24,40,.92) 100%)}
.otc-showcase-media span{position:relative;z-index:1}.otc-card-tag-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.otc-card-tag-row .otc-card-tag{margin:0}
.otc-demo-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(246,189,85,.34);background:rgba(246,189,85,.10);color:#ffd985;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.demo-listing{border-style:dashed}.otc-widget-preview-card{margin:28px 0;padding:18px}.otc-widget-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.otc-widget-preview-head h2{margin:4px 0 0;color:#fff}.otc-showcase-widget-frame{width:100%;height:596px;border:0;border-radius:24px;display:block;overflow:hidden;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25)}
@media(max-width:900px){.otc-showcase-intro-card{grid-template-columns:1fr}.otc-showcase-counts{min-height:120px}.otc-widget-preview-head{display:grid}.otc-showcase-widget-frame{height:590px}}
@media(max-width:620px){.otc-showcase-intro-card{padding:20px;border-radius:24px}.otc-showcase-counts strong{font-size:2.8rem}.otc-showcase-widget-frame{height:calc(78dvh + 18px);min-height:500px;max-height:620px;border-radius:20px}}

/* OTC V20: commercial copy and media library polish */
.otc-commercial-strip{
  background:radial-gradient(circle at 18% 10%,rgba(53,226,255,.10),transparent 34%),linear-gradient(180deg,rgba(4,14,27,.94),rgba(2,8,17,.98));
}
.otc-commercial-strip .otc-two-col{align-items:center}
.otc-commercial-card h3{font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.05;margin-top:10px}
.otc-commercial-timeline article p{min-height:92px}
.otc-output-intro{margin:26px 0 20px}
.otc-media-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 28px}
.otc-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.otc-video-card{overflow:hidden;position:relative}
.otc-video-card.featured{border-color:rgba(53,226,255,.36);box-shadow:0 24px 80px rgba(53,226,255,.10)}
.otc-video-embed,.otc-video-placeholder{width:100%;aspect-ratio:16/9;border-radius:20px;margin:0 0 18px;overflow:hidden;border:1px solid rgba(160,208,255,.18);background:rgba(255,255,255,.04)}
.otc-video-embed iframe{width:100%;height:100%;border:0;display:block;background:#000}
.otc-video-placeholder{display:grid;place-items:center;text-align:center;padding:24px;color:#dff7ff;background:radial-gradient(circle at 50% 32%,rgba(53,226,255,.20),rgba(12,24,40,.94) 62%,rgba(5,11,22,.98) 100%)}
.otc-video-placeholder span{width:66px;height:66px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,var(--otc-blue),#8b5cf6);box-shadow:0 18px 50px rgba(21,141,255,.28);font-weight:950;margin-bottom:10px}
.otc-video-placeholder strong{display:block;font-size:1.05rem;color:#fff}
.otc-video-placeholder small{display:block;margin-top:8px;color:#9fb2c8;line-height:1.45}
.otc-video-placeholder code{color:#dff7ff;background:rgba(255,255,255,.08);border-radius:6px;padding:2px 5px}
.otc-video-link{display:inline-flex;margin-top:14px;color:var(--otc-cyan);font-weight:950;text-decoration:none}
.otc-video-preview-grid .otc-video-placeholder{margin-top:0}
.otc-section-subhead{max-width:820px;margin:34px 0 18px}
.otc-section-subhead h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.04;margin:8px 0;color:#fff;letter-spacing:-.035em}
.otc-section-subhead p:not(.otc-kicker){color:#b7c8da;line-height:1.7}
@media(max-width:980px){.otc-media-grid,.otc-media-lead-grid{grid-template-columns:1fr}.otc-commercial-timeline article p{min-height:auto}}
@media(max-width:720px){.otc-media-grid{gap:16px}.otc-video-placeholder{padding:18px}.otc-video-placeholder span{width:54px;height:54px}}

/* OTC V21: dedicated media page + homepage de-clutter */
.otc-section-actions.left-actions{justify-content:flex-start;margin-top:22px}
.otc-section-head.compact{max-width:820px;margin:0 0 12px;text-align:left}
.otc-media-block{margin-top:34px}
.featured-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.otc-media-page .otc-card h3{font-size:1.22rem;line-height:1.18}
.otc-media-page .otc-card p{font-size:.98rem}
.otc-media-page .otc-video-card{min-height:100%}
.otc-media-page .otc-page-lead{max-width:900px}
.otc-commercial-card .otc-btn{margin-top:14px}
@media(max-width:980px){.featured-media-grid{grid-template-columns:1fr}.otc-section-actions.left-actions{display:flex;flex-wrap:wrap}}

/* OTC V22: standalone showcase directory + simpler homepage */
.otc-showcase-page .otc-page-hero{padding-top:118px}
.otc-showcase-hero-copy{max-width:960px}
.otc-showcase-directory-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 22px}
.otc-showcase-count-card{border:1px solid rgba(53,226,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:24px;padding:22px;box-shadow:var(--otc-shadow-soft)}
.otc-showcase-count-card strong{display:block;color:#fff;font-size:clamp(2.3rem,4vw,4rem);line-height:.9;letter-spacing:-.055em}
.otc-showcase-count-card span{display:block;margin-top:10px;color:var(--otc-cyan);font-weight:950;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem}
.otc-showcase-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:end;margin:22px 0 24px;padding:16px;border:1px solid rgba(160,208,255,.14);border-radius:24px;background:rgba(5,12,24,.55);box-shadow:var(--otc-shadow-soft)}
.otc-showcase-toolbar label{display:grid;gap:7px;color:#b8c9dc;font-weight:850;font-size:.86rem;text-transform:uppercase;letter-spacing:.055em}
.otc-showcase-toolbar input,.otc-showcase-toolbar select{width:100%;border:1px solid rgba(160,208,255,.20);border-radius:16px;background:rgba(255,255,255,.07);color:#fff;padding:13px 14px;font-size:1rem;outline:none}
.otc-showcase-toolbar input::placeholder{color:#7f94aa}
.otc-showcase-toolbar select option{color:#06111f}
.otc-showcase-big-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}
.otc-directory-card{min-height:430px;display:flex;flex-direction:column}
.otc-directory-card .otc-showcase-media{height:148px}
.otc-directory-card h3{font-size:1.18rem;line-height:1.14}
.otc-directory-card p{font-size:.96rem;line-height:1.58}
.otc-card-footnote{margin-top:auto;color:var(--otc-cyan);font-weight:950;padding-top:12px}
.live-pill{border-color:rgba(53,226,255,.34);background:rgba(53,226,255,.10);color:#cbf7ff}
.otc-showcase-empty{margin:24px 0 0;padding:18px;border:1px dashed rgba(246,189,85,.32);border-radius:18px;background:rgba(246,189,85,.08);color:#ffe0a2;font-weight:850}
@media(max-width:1260px){.otc-showcase-big-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.otc-showcase-directory-hero{grid-template-columns:1fr 1fr}.otc-showcase-toolbar{grid-template-columns:1fr}.otc-showcase-big-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.otc-showcase-directory-hero,.otc-showcase-big-grid{grid-template-columns:1fr}.otc-showcase-page .otc-page-hero{padding-top:90px}.otc-showcase-toolbar{padding:14px;border-radius:20px}.otc-directory-card{min-height:auto}}

/* OTC V23: admin control centre for showcase listings and media library */
.admin-page-head,
.admin-control-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  margin-bottom:22px;
}
.admin-page-head h1,
.admin-control-hero h1{
  margin:4px 0 8px;
  color:#0f172a;
  font-size:clamp(2.2rem,4vw,4rem);
  line-height:.95;
  letter-spacing:-.045em;
}
body.admin-theme .admin-page-head h1,
body.admin-theme .admin-control-hero h1{color:var(--text)!important}
.admin-page-head p,
.admin-control-hero p{max-width:820px;color:#64748b;line-height:1.65;margin:0}
body.admin-theme .admin-page-head p,
body.admin-theme .admin-control-hero p{color:var(--muted)!important}
.admin-eyebrow{font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#0ea5e9!important;font-size:.78rem;margin:0 0 6px!important}
.admin-control-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-control-actions.compact{align-self:start}
.admin-control-actions .button.subtle{background:#e2e8f0;color:#0f172a}.admin-control-actions .button.danger{background:#dc2626}
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.admin-stat-grid article{border:1px solid #d9e2ef;border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 28px rgba(15,23,42,.08)}.admin-stat-grid strong{display:block;font-size:2.6rem;line-height:.95;color:#0f172a;letter-spacing:-.05em}.admin-stat-grid span{display:block;margin-top:8px;color:#64748b;font-weight:850;text-transform:uppercase;font-size:.72rem;letter-spacing:.065em}
.admin-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.admin-control-grid.three{grid-template-columns:repeat(3,1fr)}.admin-control-card{background:#fff;border:1px solid #d9e2ef;border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(15,23,42,.08)}.admin-control-card.small{min-height:210px}.admin-control-card h2{margin:0 0 10px;color:#0f172a}.admin-control-card p{color:#64748b;line-height:1.65;margin:0 0 16px}.admin-control-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.admin-control-card-head a,.admin-link-stack a{color:#0284c7;font-weight:900;text-decoration:none}.admin-control-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.admin-control-list li{padding:12px 13px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.admin-control-list strong{display:block;color:#0f172a}.admin-control-list span{display:block;color:#64748b;font-size:.9rem;margin-top:3px}.admin-link-stack{display:grid;gap:10px}.admin-link-stack a{display:block;padding:12px 13px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.admin-two-column{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;align-items:start}.admin-mini-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:850;background:#e0f2fe;color:#075985;margin:2px 3px 2px 0}.admin-mini-pill.ok{background:#dcfce7;color:#166534}.admin-mini-pill.warn{background:#fef3c7;color:#92400e}.admin-mini-pill.demo{background:#ede9fe;color:#5b21b6}.admin-quick-import textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.92rem}
body.admin-theme .admin-stat-grid article,
body.admin-theme .admin-control-card,
body.admin-theme .admin-card{
  background:linear-gradient(180deg,rgba(15,29,43,.96),rgba(11,22,34,.98))!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow-soft)!important;
}
body.admin-theme .admin-stat-grid strong,
body.admin-theme .admin-control-card h2,
body.admin-theme .admin-control-list strong{color:var(--text)!important}
body.admin-theme .admin-stat-grid span,
body.admin-theme .admin-control-card p,
body.admin-theme .admin-control-list span{color:var(--muted)!important}
body.admin-theme .admin-control-list li,
body.admin-theme .admin-link-stack a{background:rgba(255,255,255,.035)!important;border-color:var(--line)!important;color:#dff5ff!important}
body.admin-theme .admin-control-actions .button.subtle{background:rgba(255,255,255,.06)!important;color:var(--text)!important;border:1px solid var(--line)!important}
@media(max-width:1060px){.admin-page-head,.admin-control-hero,.admin-two-column,.admin-control-grid,.admin-control-grid.three{grid-template-columns:1fr}.admin-control-actions{justify-content:flex-start}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.admin-stat-grid{grid-template-columns:1fr}.admin-control-card,.admin-card{padding:16px}.admin-page-head h1,.admin-control-hero h1{font-size:2.35rem}.admin-table{font-size:.9rem}}

/* V24 Airtable backup sync panel */
.admin-airtable-panel {
  margin: 22px 0;
}
.airtable-status-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 6px;
}
.admin-help-warning,
.admin-last-sync {
  color: #9fb1c8;
  font-size: .94rem;
  line-height: 1.55;
  margin: 10px 0 0;
}
.admin-help-warning {
  color: #ffd77a;
}
.admin-sync-details {
  margin-top: 10px;
  color: #c6d4e8;
}
.admin-sync-details pre {
  white-space: pre-wrap;
  overflow: auto;
  max-height: 220px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.1);
}

/* OTC V26: public login page visibility/polish */
.otc-admin-login-section{
  min-height:calc(100vh - 78px);
  display:grid;
  place-items:center;
  padding:72px 20px 86px;
  background:
    radial-gradient(circle at 25% 18%,rgba(53,226,255,.15),transparent 28%),
    radial-gradient(circle at 78% 18%,rgba(124,140,255,.14),transparent 30%);
}
.otc-admin-login-wrap{width:min(760px,100%);margin:0 auto}
.otc-admin-login-card{
  border:1px solid rgba(160,208,255,.20);
  background:linear-gradient(180deg,rgba(12,24,40,.96),rgba(6,14,25,.98));
  border-radius:34px;
  padding:clamp(26px,4vw,42px);
  box-shadow:0 28px 90px rgba(0,0,0,.45);
  color:#edf7ff;
}
.otc-admin-login-logo{display:flex;justify-content:center;margin-bottom:14px}
.otc-admin-login-logo img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(53,226,255,.28))}
.otc-admin-login-kicker{
  margin:0 0 10px;
  color:#35e2ff;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  font-weight:950;
  text-align:center;
}
.otc-admin-login-card h1{
  margin:0 0 12px;
  color:#fff!important;
  text-align:center;
  font-size:clamp(2.1rem,4vw,3.4rem);
  letter-spacing:-.045em;
  line-height:1;
}
.otc-admin-login-copy,.otc-admin-login-note{
  max-width:610px;
  margin:0 auto 22px;
  color:#b8c7d9;
  line-height:1.65;
  text-align:center;
}
.otc-admin-login-note{margin-top:16px;margin-bottom:0;font-size:.9rem;color:#8fa5c6}
.otc-admin-login-form{max-width:560px;margin:0 auto}
.otc-admin-login-form label{color:#dff5ff!important;font-weight:900}
.otc-admin-login-form input{
  background:#0b1524!important;
  color:#fff!important;
  border:1px solid rgba(160,208,255,.28)!important;
  border-radius:18px!important;
  min-height:54px;
  font-size:1.05rem;
}
.otc-admin-login-form input:focus{
  border-color:#35e2ff!important;
  box-shadow:0 0 0 4px rgba(53,226,255,.12);
}
.otc-admin-login-button{
  width:100%;
  justify-content:center;
  border-radius:18px!important;
  min-height:54px;
  background:linear-gradient(135deg,#20a4ff,#8b5cf6)!important;
  color:#fff!important;
  border:0!important;
}
.otc-admin-login-error{max-width:560px;margin:0 auto 16px}
@media(max-width:720px){.otc-admin-login-section{padding:42px 14px 58px}.otc-admin-login-card{border-radius:26px}}

/* V27 admin action feedback */
.admin-action-status {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;
  display: none;
  align-items: center;
  gap: 12px;
  max-width: min(420px, calc(100vw - 28px));
  padding: 14px 16px;
  border: 1px solid rgba(94, 234, 212, 0.35);
  border-radius: 18px;
  background: rgba(5, 12, 24, 0.96);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.38);
  color: #eaf6ff;
}
.admin-action-status.show { display: flex; }
.admin-action-status strong {
  display: block;
  font-size: 0.96rem;
  color: #ffffff;
  letter-spacing: .02em;
}
.admin-action-status small {
  display: block;
  margin-top: 2px;
  color: #a9bdd6;
  line-height: 1.35;
}
.admin-action-spinner {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  border-radius: 999px;
  border: 3px solid rgba(255,255,255,.2);
  border-top-color: #22d3ee;
  animation: otcAdminSpin .8s linear infinite;
}
@keyframes otcAdminSpin { to { transform: rotate(360deg); } }
button.is-working,
.button.is-working {
  opacity: .78;
  cursor: progress;
}
.admin-busy a,
.admin-busy button { cursor: progress; }
.admin-sync-details pre,
.admin-sync-json pre {
  white-space: pre-wrap;
  overflow-x: auto;
  max-height: 360px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255,255,255,0.12);
  color: #d7e6ff;
  font-size: .86rem;
}
.admin-data-warning {
  margin: 18px 0 0;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.08);
  color: #ffe8a3;
  line-height: 1.55;
}

/* V28 admin action feedback + safe rich content output */
.otc-rich-copy {
  color: #b8c7d9;
  line-height: 1.65;
  font-size: 1rem;
}
.otc-rich-copy p { margin: 0 0 0.85rem; }
.otc-rich-copy p:last-child { margin-bottom: 0; }
.otc-rich-copy ul,
.otc-rich-copy ol {
  margin: 0.65rem 0 1rem 1.25rem;
  padding: 0;
}
.otc-rich-copy li { margin: 0.32rem 0; }
.otc-rich-copy strong,
.otc-rich-copy b { color: #f4fbff; }
.otc-rich-copy em,
.otc-rich-copy i { color: #dce9ff; }
.otc-rich-copy a { color: #67e8f9; text-decoration: underline; text-underline-offset: 3px; }
.otc-rich-copy h2,
.otc-rich-copy h3,
.otc-rich-copy h4 {
  color: #fff;
  margin: 1rem 0 .45rem;
  line-height: 1.18;
}
.otc-video-card .otc-rich-copy { margin: 0.6rem 0 1rem; }
.otc-video-card .otc-rich-copy ul,
.otc-video-card .otc-rich-copy ol { margin-left: 1.15rem; }
.otc-detail-copy .otc-rich-copy { font-size: 1.05rem; }

.admin-action-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: none;
  place-items: center;
  padding: 22px;
  background: rgba(1, 8, 18, 0.56);
  backdrop-filter: blur(5px);
}
.admin-action-overlay.show { display: grid; }
.admin-action-panel {
  width: min(720px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px;
  padding: 26px;
  border-radius: 28px;
  border: 1px solid rgba(94, 234, 212, 0.35);
  background: linear-gradient(180deg, rgba(12, 24, 40, .98), rgba(5, 12, 24, .99));
  box-shadow: 0 30px 110px rgba(0,0,0,.58);
  color: #eaf6ff;
}
.admin-action-panel .admin-action-spinner {
  width: 56px;
  height: 56px;
  border-width: 5px;
  border-top-color: #35e2ff;
  box-shadow: 0 0 28px rgba(53,226,255,.18);
}
.admin-action-spinner.small {
  width: 26px;
  height: 26px;
  border-width: 3px;
}
.admin-action-copy strong {
  display: block;
  color: #fff;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  letter-spacing: -.025em;
  margin-bottom: 6px;
}
.admin-action-copy small {
  display: block;
  color: #a9bdd6;
  line-height: 1.45;
}
.admin-action-timer {
  display: inline-flex;
  gap: 6px;
  margin: 14px 0 8px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(53, 226, 255, .10);
  border: 1px solid rgba(53, 226, 255, .18);
  color: #dff8ff;
  font-weight: 850;
  font-size: .9rem;
}
.admin-action-steps {
  margin: 10px 0 0 1.2rem;
  padding: 0;
  color: #cfe0f7;
  line-height: 1.55;
}
.admin-action-steps li { margin: 0.22rem 0; }
.admin-page select,
.admin-card select {
  width: 100%;
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(160,208,255,.25);
  background: #fff;
  color: #06111f;
  padding: 10px 12px;
  font-weight: 800;
}
@media(max-width:720px){
  .admin-action-panel { grid-template-columns: 1fr; text-align: left; padding: 22px; }
  .admin-action-panel .admin-action-spinner { width: 44px; height: 44px; }
}

/* V29 Airtable restore/admin cache controls */
.admin-sync-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.admin-sync-actions form { margin: 0; }
.otc-video-details {
  margin: 14px 0 10px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}
.otc-video-details summary {
  cursor: pointer;
  font-weight: 800;
  color: #dfefff;
  letter-spacing: .02em;
}
.otc-video-details .otc-rich-copy {
  margin-top: 12px;
}
.otc-extra-keypoints {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.09);
}
@media (max-width: 760px) {
  .admin-sync-actions { justify-content: stretch; }
  .admin-sync-actions .button { width: 100%; }
}

/* V30 media detail pages + clearer media SEO fields */
.otc-video-title-link {
  color: inherit;
  text-decoration: none;
}
.otc-video-title-link:hover {
  color: #67e8f9;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.otc-video-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
}
.otc-video-actions .otc-video-link {
  margin-top: 0;
}
.otc-video-link.secondary {
  color: #b7c8da;
}
.otc-media-detail-page .otc-page-hero {
  padding-top: 116px;
}
.otc-video-detail-grid {
  grid-template-columns: minmax(0, 1fr) 340px;
}
.otc-video-detail-embed,
.otc-video-detail-placeholder {
  margin: 0 0 24px;
  border-radius: 24px;
}
.otc-video-detail-page .otc-detail-copy {
  margin: 20px 0;
}
.otc-video-detail-page .otc-detail-side {
  display: grid;
  gap: 16px;
}
.admin-field-note {
  padding: 12px 14px;
  border-radius: 14px;
  background: #ecfeff;
  border: 1px solid #bae6fd;
  color: #0f3f54;
  line-height: 1.5;
  font-size: .92rem;
}
.admin-field-note strong { color: #082f49; }
@media(max-width:980px){
  .otc-video-detail-grid { grid-template-columns: 1fr; }
  .otc-video-detail-page .otc-detail-side { position: static; }
}

/* V31 AI media copy generator */
.admin-ai-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 0 0 22px;
  border-color: rgba(34, 211, 238, .34) !important;
  background: linear-gradient(135deg, rgba(14,165,233,.10), rgba(139,92,246,.08)) !important;
}
.admin-ai-preview h2 { margin: 0 0 6px; }
.admin-ai-preview p { margin: 0; }
.admin-ai-preview-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.admin-ai-preview-meta span,
.admin-ai-panel .admin-eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(14, 116, 144, .10);
  border: 1px solid rgba(14, 116, 144, .18);
  color: #0f3f54;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.admin-media-editor-layout {
  align-items: start;
}
.admin-media-editor-card {
  position: sticky;
  top: 92px;
}
.admin-ai-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  background: #f8fdff;
  border: 1px solid #bae6fd;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
}
.admin-ai-panel h3 {
  margin: 2px 0 5px;
  color: #082f49;
}
.admin-ai-panel p {
  margin: 0;
  color: #31556b;
  line-height: 1.5;
}
.admin-ai-button {
  justify-content: center;
  background: linear-gradient(135deg, #0ea5e9, #7c3aed) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(14, 116, 144, .18);
}
.admin-ai-smallprint {
  font-size: .88rem;
  color: #5d7484 !important;
}
.admin-form-grid-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media(max-width: 1100px){
  .admin-media-editor-card { position: static; }
  .admin-ai-preview { grid-template-columns: 1fr; }
  .admin-ai-preview-meta { justify-content: flex-start; }
}
@media(max-width: 720px){
  .admin-form-grid-two { grid-template-columns: 1fr; }
}

/* V33: inline status for AI Media Copy autofill */
.admin-ai-inline-status {
  border-radius: 14px;
  padding: 11px 13px;
  border: 1px solid rgba(14, 116, 144, .22);
  background: rgba(14, 165, 233, .08);
  color: #0f3f54;
  font-weight: 800;
  line-height: 1.45;
}
.admin-ai-inline-status.ok {
  border-color: rgba(22, 163, 74, .24);
  background: rgba(34, 197, 94, .10);
  color: #14532d;
}
.admin-ai-inline-status.warn {
  border-color: rgba(245, 158, 11, .32);
  background: rgba(245, 158, 11, .11);
  color: #78350f;
}
.admin-ai-inline-status.error {
  border-color: rgba(220, 38, 38, .28);
  background: rgba(248, 113, 113, .13);
  color: #7f1d1d;
}

/* V34: tighter media library cards + clearer admin status helper */
.otc-media-page .otc-media-lead-grid {
  margin: 22px 0 20px;
}
.otc-media-page .otc-note-card {
  padding: 22px;
}
.otc-media-page .otc-note-card h2 {
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  line-height: 1.12;
}
.otc-media-page .otc-note-card p:not(.otc-card-tag) {
  font-size: .95rem;
  line-height: 1.55;
}
.otc-media-page .otc-video-card {
  padding: 16px;
  min-height: auto;
}
.otc-media-page .otc-video-embed,
.otc-media-page .otc-video-placeholder {
  border-radius: 16px;
  margin-bottom: 12px;
}
.otc-media-page .otc-video-card h3 {
  font-size: 1.03rem;
  line-height: 1.22;
  margin: 6px 0 8px;
}
.otc-media-page .otc-card-summary-short {
  margin: 0.45rem 0 0.65rem;
  font-size: .9rem;
  line-height: 1.45;
  color: #b7c8da;
}
.otc-media-page .otc-card-summary-short ul,
.otc-media-page .otc-card-summary-short ol {
  margin: .35rem 0 .65rem 1.05rem;
}
.otc-media-page .otc-card-summary-short li {
  margin: .18rem 0;
}
.otc-media-page .otc-mini-meta {
  margin-top: 8px;
}
.otc-media-page .otc-video-actions {
  margin-top: 8px;
}
.admin-help-text {
  display: block;
  color: #6b7b92;
  font-size: .86rem;
  line-height: 1.45;
  font-weight: 600;
}

/* V36: final public media library layout + GuestChat page */
.otc-nav{gap:18px;font-size:.9rem}
.otc-media-hero-copy{max-width:980px;margin-bottom:10px}
.otc-media-category-strip{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
.otc-media-category-strip span{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(160,208,255,.22);background:rgba(255,255,255,.055);color:#dcecff;font-size:.82rem;font-weight:950;text-transform:uppercase;letter-spacing:.065em}
.otc-media-library-block{margin-top:22px}
.otc-media-page .otc-video-card{padding:14px;border-radius:22px}
.otc-media-page .otc-video-card h3{font-size:1rem;line-height:1.2;margin:5px 0 7px}
.otc-media-page .otc-card-summary-short{font-size:.86rem;line-height:1.38;margin:.35rem 0 .5rem;max-height:4.4em;overflow:hidden}
.otc-media-page .otc-card-summary-short ul,.otc-media-page .otc-card-summary-short ol{margin:.25rem 0 .45rem 1rem}
.otc-media-page .otc-card-summary-short li{margin:.12rem 0}
.otc-media-page .otc-video-actions{margin-top:6px;gap:10px;display:flex;flex-wrap:wrap}
.otc-media-page .otc-video-link{margin-top:0;font-size:.9rem}
.otc-media-page .otc-mini-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;color:#91a8c2;font-size:.78rem;font-weight:850}
.otc-empty-state-card{max-width:760px;margin-top:24px}
.otc-guestchat-head{max-width:1040px}.otc-guestchat-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:start;margin-top:26px}.otc-guestchat-copy-card h2{font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.06;margin:10px 0;color:#fff}.otc-check-list{margin:18px 0 0;padding-left:20px;color:#c4d5e8;line-height:1.85}.otc-check-list li{margin:5px 0}.otc-guestchat-frame-card{padding:16px}.otc-guestchat-frame-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 0 12px;color:#dcecff;font-weight:950}.otc-guestchat-frame-head a{color:var(--otc-cyan);text-decoration:none}.otc-guestchat-frame{width:100%;height:760px;border:0;border-radius:20px;background:#fff;display:block;box-shadow:0 18px 50px rgba(0,0,0,.24)}.otc-frame-note{font-size:.85rem;color:#95acc7;margin:12px 0 0;line-height:1.5}
@media(max-width:1100px){.otc-guestchat-layout{grid-template-columns:1fr}.otc-guestchat-frame{height:680px}.otc-nav{display:none}}
@media(max-width:720px){.otc-media-category-strip span{font-size:.74rem;padding:7px 10px}.otc-guestchat-frame{height:620px;border-radius:16px}.otc-guestchat-frame-card{padding:12px}.otc-guestchat-frame-head{display:grid}}

/* V37: public media detail cleanup - remove admin-like sidebar/output prompts */
.otc-public-media-detail-page .otc-media-detail-clean{
  max-width: 1100px;
  margin: 0 auto;
}
.otc-public-media-detail-page .otc-media-detail-clean h1{
  max-width: 980px;
  font-size: clamp(3rem, 7vw, 6.6rem);
  line-height: .92;
  letter-spacing: -.065em;
  margin: 18px 0;
  color: #fff;
}
.otc-public-media-detail-page .otc-page-lead{
  max-width: 900px;
}
.otc-media-detail-actions{
  margin-bottom: 36px;
}
.otc-public-media-detail-page .otc-video-detail-embed,
.otc-public-media-detail-page .otc-video-detail-placeholder{
  max-width: 960px;
  margin: 0 0 30px;
}
.otc-media-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 4px 0 26px;
}
.otc-media-detail-meta span{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:8px 12px;
  border:1px solid rgba(125,211,252,.18);
  border-radius:999px;
  background:rgba(14,165,233,.08);
  color:#b9cbe1;
  font-size:.88rem;
  font-weight:800;
}
.otc-public-media-detail-page .otc-detail-copy{
  max-width: 960px;
}
@media(max-width:760px){
  .otc-public-media-detail-page .otc-media-detail-clean h1{
    font-size: clamp(2.7rem, 13vw, 4.4rem);
  }
}

/* OTC V50: Showcase as a premium Digital Twin / AI Systems proof library */
.otc-showcase-page .otc-page-hero{padding-top:112px}
.otc-showcase-page .otc-page-lead.small-lead{font-size:1.03rem;max-width:930px;color:#aebfd3;margin-top:10px}
.otc-showcase-toolbar{margin-top:28px;margin-bottom:28px}
.otc-showcase-toolbar label span{text-transform:none}
.otc-showcase-big-grid{align-items:start}
.otc-directory-card{min-height:0;padding:18px;border-radius:28px}
.otc-directory-card .otc-showcase-media,
.otc-showcase-media.portrait{height:auto;aspect-ratio:9/16;min-height:285px;max-height:430px;border-radius:24px;margin-bottom:18px;background-position:top center;background-size:cover;background-repeat:no-repeat}
.otc-showcase-media.portrait:not(.image){background:radial-gradient(circle at 50% 16%,rgba(53,226,255,.42),rgba(32,83,150,.34) 42%,rgba(7,17,31,.94) 100%);padding:18px}
.otc-card-tag-row{margin-bottom:8px}
.otc-directory-card h3{font-size:1.14rem;line-height:1.12;margin-top:8px}
.otc-showcase-card-summary{color:#bfd0e3;font-size:.94rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.otc-mini-meta{margin-top:12px}
.otc-mini-meta span{font-size:.72rem;padding:5px 8px}
.otc-card-footnote{font-size:.92rem;padding-top:14px}
.otc-showcase-proof-grid{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:20px;align-items:start;margin:28px 0}
.otc-showcase-detail-image-card.portrait-card{padding:14px;position:sticky;top:90px}
.otc-showcase-detail-image-card.portrait-card img{width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top center;border-radius:22px;display:block;background:#06111f}
.proof-copy-card h2{margin:8px 0 14px;color:#fff;font-size:clamp(1.6rem,2.7vw,2.4rem);line-height:1.05}
.otc-widget-preview-card .otc-widget-preview-head p:not(.otc-card-tag){margin:6px 0 0;color:#aebfd3;line-height:1.55}
.otc-showcase-widget-frame.portrait-widget-frame{height:660px;max-width:460px;margin:0 auto;background:#fff}
@media(max-width:1260px){.otc-directory-card .otc-showcase-media,.otc-showcase-media.portrait{min-height:310px;max-height:460px}}
@media(max-width:980px){.otc-showcase-proof-grid{grid-template-columns:1fr}.otc-showcase-detail-image-card.portrait-card{position:relative;top:auto;max-width:420px}.otc-directory-card .otc-showcase-media,.otc-showcase-media.portrait{min-height:320px}}
@media(max-width:640px){.otc-directory-card .otc-showcase-media,.otc-showcase-media.portrait{min-height:360px;max-height:560px}.otc-showcase-widget-frame.portrait-widget-frame{height:calc(82dvh + 18px);min-height:560px;max-height:740px}}

/* OTC V51: live digital twin embeds for Showcase cards/detail pages */
.otc-showcase-media.live-iframe-preview{position:relative;overflow:hidden;background:#f8fbff;padding:0;border:1px solid rgba(53,226,255,.22)}
.otc-showcase-media.live-iframe-preview iframe{width:100%;height:100%;border:0;display:block;background:#fff;pointer-events:none;transform:translateZ(0)}
.otc-live-card-label{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(4,12,24,.82);border:1px solid rgba(53,226,255,.35);color:#e7f8ff;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.otc-digital-twin-detail-grid{grid-template-columns:minmax(0,1fr) minmax(340px,460px)}
.otc-live-detail-side{display:grid;gap:18px}
.otc-live-assistant-card{padding:16px;overflow:hidden}
.otc-live-assistant-card h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.05;margin:8px 0 8px;color:#fff}
.otc-live-assistant-card p{font-size:.95rem;line-height:1.55}
.otc-live-assistant-card .portrait-widget-frame{width:100%;height:680px;max-width:none;margin:14px 0;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.32)}
.full-width-btn{width:100%;justify-content:center}
.otc-business-image-card{margin:24px 0;padding:16px}
.otc-business-image-card img{width:100%;max-height:420px;object-fit:cover;object-position:center;border-radius:22px;display:block;background:#06111f}
.otc-side-portrait-image{width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top center;border-radius:22px;display:block;background:#06111f;margin-top:14px}
@media(max-width:1060px){.otc-digital-twin-detail-grid{grid-template-columns:1fr}.otc-live-detail-side{position:static}.otc-live-assistant-card .portrait-widget-frame{height:calc(82dvh + 18px);min-height:590px;max-height:760px}}
@media(max-width:640px){.otc-live-assistant-card{padding:13px;border-radius:22px}.otc-live-assistant-card .portrait-widget-frame{min-height:560px;max-height:720px;border-radius:20px}.otc-business-image-card img{max-height:320px}.otc-showcase-media.live-iframe-preview iframe{pointer-events:none}}

/* OTC V52: compact Showcase visuals and cleaner live digital twin case studies */
.otc-showcase-page .otc-page-hero{padding-top:96px}
.otc-showcase-page .otc-page-lead{max-width:1080px}
.otc-directory-card{padding:16px;border-radius:26px}
.otc-directory-card .otc-showcase-media,
.otc-showcase-media.portrait{
  height:255px;
  min-height:0;
  max-height:none;
  aspect-ratio:auto;
  border-radius:22px;
  margin-bottom:16px;
  background-position:top center;
  background-size:cover;
}
.otc-showcase-media.portrait.image{
  background-size:cover;
}
.otc-showcase-media.live-iframe-preview{
  height:255px;
}
.otc-showcase-media.live-iframe-preview iframe{
  height:590px;
  transform:scale(.43);
  transform-origin:top left;
  width:232%;
  pointer-events:none;
}
.otc-directory-card h3{font-size:1.08rem;line-height:1.12}
.otc-showcase-card-summary{-webkit-line-clamp:3;font-size:.9rem;line-height:1.48}
.otc-mini-meta span{font-size:.68rem}
.compact-showcase-detail{padding-top:92px;padding-bottom:70px}
.compact-digital-twin-grid{grid-template-columns:minmax(0,1fr) minmax(315px,405px);gap:26px;align-items:start}
.compact-detail-main h1{font-size:clamp(2.4rem,5vw,4.8rem);max-width:900px}
.compact-detail-main .otc-page-lead{font-size:1.02rem;line-height:1.65;max-width:850px}
.compact-actions{margin:22px 0}
.compact-proof-card{margin:22px 0;padding:22px}
.compact-proof-card h2{font-size:clamp(1.45rem,2.4vw,2.2rem)}
.compact-business-image{margin:22px 0;padding:14px;max-width:760px}
.compact-business-image img{max-height:330px;object-fit:cover;object-position:center;border-radius:20px}
.compact-live-side{gap:14px}
.compact-live-assistant-card{padding:14px;border-radius:24px}
.compact-live-assistant-card p:not(.otc-card-tag){margin:5px 0 0}
.compact-live-assistant-card .compact-widget-frame,
.otc-live-assistant-card .portrait-widget-frame.compact-widget-frame{
  height:548px;
  min-height:0;
  max-height:none;
  border-radius:18px;
  margin:12px 0;
}
.compact-profile-card,
.compact-links-card{padding:14px;border-radius:22px}
.compact-profile-card p,
.compact-links-card p{font-size:.9rem;line-height:1.5;margin:0 0 9px}
.otc-capability-panel{padding:20px;margin-top:24px}
.otc-capability-panel h2{color:#fff;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.08;margin:8px 0 14px}
.otc-capability-chip-list{display:flex;flex-wrap:wrap;gap:9px}
.otc-capability-chip-list span{display:inline-flex;max-width:100%;padding:8px 10px;border-radius:999px;background:rgba(53,226,255,.08);border:1px solid rgba(53,226,255,.20);color:#d8ebff;font-size:.86rem;font-weight:800;line-height:1.25}
@media(max-width:1260px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait{height:245px;min-height:0;max-height:none}
  .otc-showcase-media.live-iframe-preview{height:245px}
}
@media(max-width:1060px){
  .compact-digital-twin-grid{grid-template-columns:1fr}
  .compact-live-side{position:static;max-width:460px}
  .compact-live-assistant-card .compact-widget-frame,
  .otc-live-assistant-card .portrait-widget-frame.compact-widget-frame{height:590px;max-height:75dvh}
}
@media(max-width:980px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait{height:260px;min-height:0;max-height:none}
  .otc-showcase-media.live-iframe-preview{height:260px}
}
@media(max-width:640px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait{height:315px;min-height:0;max-height:none}
  .otc-showcase-media.live-iframe-preview{height:315px}
  .compact-showcase-detail{padding-top:84px}
  .compact-live-side{max-width:none}
  .compact-live-assistant-card .compact-widget-frame,
  .otc-live-assistant-card .portrait-widget-frame.compact-widget-frame{height:calc(78dvh + 10px);min-height:520px;max-height:700px}
  .compact-business-image img{max-height:260px}
}

/* OTC V53: assistant-first Showcase cards and tighter live assistant case-study layout */
.otc-showcase-media.assistant-capture{
  background-size:contain !important;
  background-repeat:no-repeat;
  background-position:center top !important;
  background-color:rgba(3,10,20,.86);
  border:1px solid rgba(53,226,255,.20);
}
.otc-showcase-media.capture-pending{
  height:230px;
  background:radial-gradient(circle at 50% 25%,rgba(53,226,255,.24),rgba(10,21,36,.92) 60%,rgba(5,12,24,.98));
  border:1px dashed rgba(53,226,255,.22);
  color:#dff8ff;
  padding:20px;
  text-align:center;
}
.otc-showcase-media.capture-pending span{
  display:inline-flex;
  max-width:160px;
  font-size:.82rem;
  line-height:1.35;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#9fefff;
}
.otc-directory-card .otc-showcase-media,
.otc-showcase-media.portrait{
  height:230px;
}
.otc-showcase-media.live-iframe-preview{
  height:230px;
}
.otc-showcase-media.live-iframe-preview iframe{
  height:560px;
  transform:scale(.41);
  width:245%;
}
.compact-digital-twin-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:24px;
}
.compact-live-assistant-card .compact-widget-frame,
.otc-live-assistant-card .portrait-widget-frame.compact-widget-frame{
  width:100%;
  max-width:342px;
  height:486px;
  margin:12px auto;
  display:block;
}
.compact-live-assistant-card h2{font-size:1.22rem;line-height:1.15}
.compact-business-image{max-width:660px}
.compact-business-image img{max-height:280px}
@media(max-width:1260px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.live-iframe-preview{height:220px}
}
@media(max-width:980px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.live-iframe-preview{height:250px}
}
@media(max-width:640px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.live-iframe-preview{height:285px}
  .compact-live-assistant-card .compact-widget-frame,
  .otc-live-assistant-card .portrait-widget-frame.compact-widget-frame{height:500px;max-height:70dvh}
}

/* OTC V56: wider assistant screenshot aperture for Showcase cards and detail embeds */
.otc-directory-card .otc-showcase-media,
.otc-showcase-media.portrait{
  width:min(88%, 285px);
  height:auto !important;
  aspect-ratio:10/16;
  min-height:0 !important;
  max-height:none !important;
  margin:0 auto 16px;
  border-radius:22px;
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
}
.otc-showcase-media.assistant-capture{
  background-size:contain !important;
  background-position:center top !important;
  background-color:#f7fbff;
  box-shadow:0 14px 36px rgba(0,0,0,.22), inset 0 0 0 1px rgba(53,226,255,.22);
}
.otc-showcase-media.business-fallback-portrait{
  background-size:cover !important;
  background-position:center center !important;
  filter:saturate(.92) contrast(.96);
  opacity:.92;
}
.otc-showcase-media.capture-pending{
  width:min(88%, 285px);
  height:auto !important;
  aspect-ratio:10/16;
  margin:0 auto 16px;
}
.compact-digital-twin-grid{
  grid-template-columns:minmax(0,1fr) minmax(380px,480px);
  gap:30px;
}
.compact-live-side{max-width:480px;width:100%}
.compact-live-assistant-card .compact-widget-frame,
.otc-live-assistant-card .portrait-widget-frame.compact-widget-frame{
  width:100%;
  max-width:420px;
  height:590px;
  margin:12px auto;
  display:block;
}
.otc-side-portrait-image{
  width:min(100%, 420px);
  aspect-ratio:10/16;
  object-fit:contain;
  object-position:top center;
  background:#f7fbff;
  margin-left:auto;
  margin-right:auto;
}
.otc-first-proof-card{border-color:rgba(53,226,255,.28);background:linear-gradient(180deg,rgba(53,226,255,.075),rgba(255,255,255,.035))}
.otc-source-snapshot-card{padding:18px;margin:18px 0;background:rgba(255,255,255,.045)}
.otc-source-snapshot-card h2{font-size:clamp(1.2rem,2vw,1.7rem)}
.otc-source-snapshot-card p{font-size:.98rem;line-height:1.65}
.otc-generated-copy-card{padding:18px;margin:18px 0}
.otc-generated-copy-card h2{font-size:clamp(1.2rem,2vw,1.7rem)}
.otc-generated-copy-card .otc-rich-copy{max-height:360px;overflow:auto;padding-right:6px}
@media(max-width:1260px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(88%, 270px)}
}
@media(max-width:1060px){
  .compact-digital-twin-grid{grid-template-columns:1fr}
  .compact-live-side{max-width:520px}
}
@media(max-width:980px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(76%, 300px)}
}
@media(max-width:640px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(72%, 300px)}
  .compact-live-assistant-card .compact-widget-frame,
  .otc-live-assistant-card .portrait-widget-frame.compact-widget-frame{height:560px;max-height:78dvh}
  .otc-generated-copy-card .otc-rich-copy{max-height:none;overflow:visible}
}

/* OTC V57: shorter assistant screenshot aperture + crop bottom whitespace
   The Bunny screenshot is manually supplied. The Showcase card and detail
   visual now use a shorter portrait frame so blank lower widget space does not
   dominate the public grid. */
.otc-directory-card .otc-showcase-media,
.otc-showcase-media.portrait,
.otc-showcase-media.capture-pending{
  width:min(88%, 300px) !important;
  height:auto !important;
  aspect-ratio:10/13 !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 auto 16px !important;
  border-radius:22px;
  background-position:center top !important;
  background-repeat:no-repeat !important;
}
.otc-showcase-media.assistant-capture{
  background-size:cover !important;
  background-position:center top !important;
  background-color:#f7fbff;
}
.otc-showcase-media.business-fallback-portrait{
  background-size:cover !important;
  background-position:center center !important;
}
.otc-side-portrait-image{
  aspect-ratio:10/13 !important;
  object-fit:cover !important;
  object-position:top center !important;
  background:#f7fbff;
}
@media(max-width:1260px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(88%, 286px) !important}
}
@media(max-width:980px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(76%, 310px) !important}
}
@media(max-width:640px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(78%, 315px) !important}
}


/* OTC V59: slightly wider and longer assistant screenshot aperture
   Standard manual Bunny assistant captures need enough height to show the
   widget buttons while still staying compact in the four-column Showcase grid. */
.otc-directory-card .otc-showcase-media,
.otc-showcase-media.portrait,
.otc-showcase-media.capture-pending{
  width:min(100%, 330px) !important;
  aspect-ratio:10/14.6 !important;
  margin:0 auto 16px !important;
}
.otc-showcase-media.assistant-capture{
  background-size:cover !important;
  background-position:center top !important;
}
@media(max-width:1260px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(100%, 318px) !important}
}
@media(max-width:980px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(82%, 330px) !important}
}
@media(max-width:640px){
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(86%, 330px) !important}
}

/* OTC V60: restore four-across desktop Showcase grid while keeping the V59 assistant aperture.
   V59 made the assistant captures wider/longer, but the existing 1260px breakpoint
   forced the public grid down to three columns too early. This keeps four cards
   across on desktop/laptop widths, then drops to two and one column only when
   the screen genuinely needs it. */
.otc-showcase-big-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}
.otc-directory-card{
  padding:14px !important;
}
.otc-directory-card .otc-showcase-media,
.otc-showcase-media.portrait,
.otc-showcase-media.capture-pending{
  width:100% !important;
  max-width:300px !important;
  aspect-ratio:10/14.6 !important;
  margin:0 auto 15px !important;
}
.otc-showcase-media.assistant-capture{
  background-size:contain !important;
  background-position:center top !important;
  background-color:#f7fbff !important;
}
@media(max-width:1100px){
  .otc-showcase-big-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{max-width:330px !important}
}
@media(max-width:640px){
  .otc-showcase-big-grid{grid-template-columns:1fr !important}
  .otc-directory-card .otc-showcase-media,
  .otc-showcase-media.portrait,
  .otc-showcase-media.capture-pending{width:min(88%,330px) !important;max-width:330px !important}
}


/* OTC V61: Cleaner Showcase cards — remove visual metadata pills while preserving search metadata in HTML attributes and detail pages. */
.otc-showcase-page .otc-mini-meta{
  display:none !important;
}
.otc-directory-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:560px !important;
}
.otc-directory-card .otc-showcase-card-summary{
  min-height:78px !important;
  margin-bottom:12px !important;
}
.otc-directory-card .otc-card-footnote{
  margin-top:auto !important;
  padding-top:16px !important;
}
.otc-directory-card .otc-card-tag-row{
  min-height:58px !important;
  align-items:flex-start !important;
}
.otc-directory-card h3{
  min-height:48px !important;
}
@media(max-width:1100px){
  .otc-directory-card{min-height:auto !important;}
  .otc-directory-card h3,
  .otc-directory-card .otc-showcase-card-summary,
  .otc-directory-card .otc-card-tag-row{min-height:0 !important;}
}


/* OTC V63: cleaner showcase badge — one full-width AI Digital Twin Representative pill, no Featured pill on public cards */
.otc-showcase-card .showcase-badge-row{
  width:100%;
  margin:12px 0 8px;
}
.otc-showcase-card .showcase-primary-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:100%;
  min-height:34px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(53,226,255,.11);
  border:1px solid rgba(53,226,255,.18);
  color:#d9f7ff;
  font-size:.68rem;
  line-height:1.05;
  letter-spacing:.075em;
  text-transform:uppercase;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:1260px){
  .otc-showcase-card .showcase-primary-badge{font-size:.66rem;letter-spacing:.06em}
}
@media(max-width:640px){
  .otc-showcase-card .showcase-primary-badge{font-size:.72rem;letter-spacing:.065em}
}

/* OTC V64: compact quick reorder controls in Showcase admin */
.compact-reorder-form{margin-top:14px}
.compact-order-table-wrap{max-height:420px;overflow:auto}
.compact-order-table td,.compact-order-table th{vertical-align:middle}
.small-number-input{max-width:96px;min-width:76px;text-align:center;padding:8px 10px}


/* V72: production nav single-line polish + output feed cards */
.otc-nav-wrap{
  gap:14px;
  flex-wrap:nowrap;
}
.otc-brand{
  flex:0 0 auto;
}
.otc-nav{
  flex:1 1 auto;
  min-width:0;
  justify-content:center;
  gap:clamp(13px,1.35vw,21px);
  font-size:clamp(.96rem,.86vw,1.04rem);
  white-space:nowrap;
}
.otc-nav a{
  white-space:nowrap;
}
.otc-nav-actions{
  flex:0 0 auto;
  gap:8px;
  white-space:nowrap;
}
.otc-nav-actions .otc-btn{
  padding:11px 15px;
  font-size:.92rem;
}
.otc-nav-actions .otc-btn-primary{
  padding-left:17px;
  padding-right:17px;
}
.otc-output-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:24px 0;
}
.otc-output-feed-card{
  display:block;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(160,208,255,.16);
  text-decoration:none;
  color:#dcecff;
}
.otc-output-feed-card span{
  display:block;
  font-weight:950;
  color:#fff;
  margin-bottom:8px;
}
.otc-output-feed-card small{
  display:block;
  color:#9fb2ca;
  line-height:1.45;
  min-height:3.2em;
}
.otc-output-feed-card code{
  display:block;
  margin-top:12px;
  color:var(--otc-cyan);
  white-space:normal;
  word-break:break-word;
}
@media(max-width:1180px){
  .otc-nav{display:none;}
  .otc-nav-actions{margin-left:auto;}
}
@media(max-width:900px){
  .otc-output-card-grid{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .otc-nav-actions .otc-btn-ghost{display:none;}
}

/* OTC V74: mobile navigation, home hero clean-up, process mobile layout, LOI landing page */
.otc-nav-panel{
  display:flex;
  align-items:center;
  gap:18px;
  margin-left:auto;
}
.otc-mobile-menu-button{
  display:none;
  align-items:center;
  gap:7px;
  border:1px solid rgba(160,208,255,.24);
  background:rgba(255,255,255,.055);
  color:#f2f8ff;
  border-radius:999px;
  padding:10px 13px;
  font-weight:950;
  letter-spacing:.04em;
  cursor:pointer;
}
.otc-mobile-menu-button span{
  display:block;
  width:16px;
  height:2px;
  border-radius:99px;
  background:#dff6ff;
  box-shadow:0 0 10px rgba(53,226,255,.20);
}
.otc-mobile-menu-button strong{font-size:.78rem;text-transform:uppercase}
.otc-company-details{
  display:grid;
  gap:5px;
  margin-top:14px;
  color:#c6d7ea;
  font-size:.9rem;
  line-height:1.5;
}
.otc-company-details strong{
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
}
.otc-company-details a{color:#7ee6ff;text-decoration:none;font-weight:850}
.otc-loi-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:34px;
  align-items:center;
}
.otc-loi-copy h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.94;letter-spacing:-.06em;color:#fff;margin:18px 0}
.otc-loi-card{
  border:1px solid rgba(160,208,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border-radius:30px;
  padding:24px;
  box-shadow:var(--otc-shadow-soft);
}
.otc-loi-card img{
  width:100%;
  max-width:260px;
  display:block;
  margin:0 auto 18px;
  border-radius:18px;
  background:#fff;
}
.otc-loi-card h2{margin:0 0 8px;color:#fff}
.otc-loi-card p,.otc-loi-card li{color:#b8c7d9;line-height:1.65}
.otc-loi-card ul{margin:14px 0 0;padding-left:19px}
@media(max-width:1180px){
  .otc-nav-wrap{position:relative;min-height:72px;gap:12px}
  .otc-brand{min-width:0;flex:1 1 auto}
  .otc-brand img{width:40px;height:40px}
  .otc-brand span{font-size:.70rem}.otc-brand strong{font-size:.94rem}
  .otc-mobile-menu-button{display:inline-flex;flex:0 0 auto}
  .otc-nav-panel{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 1px);
    z-index:70;
    margin-left:0;
    padding:16px;
    border:1px solid rgba(160,208,255,.18);
    border-top:0;
    border-radius:0 0 24px 24px;
    background:rgba(4,10,18,.96);
    box-shadow:0 24px 70px rgba(0,0,0,.42);
    backdrop-filter:blur(22px);
  }
  .otc-header.is-mobile-menu-open .otc-nav-panel{display:grid;gap:14px}
  .otc-nav-panel .otc-nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    font-size:1rem;
  }
  .otc-nav-panel .otc-nav a{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:10px 12px;
    border-radius:14px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(160,208,255,.11);
  }
  .otc-nav-panel .otc-nav-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .otc-nav-panel .otc-nav-actions .otc-btn{width:100%;padding:12px 14px}
}
@media(max-width:760px){
  .otc-shell{width:min(100% - 30px,1200px)}
  .otc-presentation-hero{padding:46px 0 46px;overflow:hidden}
  .otc-plan-brand{display:none}
  .otc-plan-kicker{font-size:.72rem;letter-spacing:.18em;line-height:1.7;margin-bottom:18px}
  .otc-presentation-copy h1{font-size:clamp(3.7rem,17vw,5rem);line-height:.91;letter-spacing:-.06em;margin-bottom:22px}
  .otc-plan-subhead{font-size:clamp(1.7rem,8vw,2.35rem);line-height:1.18}
  .otc-plan-lead{font-size:1.02rem;line-height:1.62}
  .otc-plan-badges{display:none!important}
  .otc-plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
  .otc-plan-actions .otc-btn{width:100%;padding:15px 12px;font-size:.95rem}
  .otc-presentation-grid,.otc-two-col,.otc-two-col.reverse,.otc-case-grid,.otc-contact-grid{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;overflow:hidden}
  .otc-machine-layer .otc-process-card{order:2;padding:18px;border-radius:24px;max-width:100%}
  .otc-machine-layer .otc-two-col > div:not(.otc-process-card){order:1;min-width:0}
  .otc-process-step{padding:13px;border-radius:16px;gap:12px}
  .otc-process-step strong{width:34px;height:34px;min-width:34px;font-size:.9rem}
  .otc-process-step span{font-size:1rem;line-height:1.35;word-break:normal}
  .otc-feed-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .otc-feed-actions .otc-btn{width:100%}
  .otc-section-head h2,.otc-two-col h2,.otc-case-copy h2,.otc-cta-card h2,.otc-page h1{font-size:clamp(2.35rem,12vw,3.9rem);line-height:1.02;letter-spacing:-.045em}
  .otc-loi-hero{grid-template-columns:1fr;gap:24px}
  .otc-loi-card{padding:20px;border-radius:24px}
  .otc-loi-card img{max-width:210px}
  .otc-footer-grid{gap:18px}
  .otc-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
}
@media(max-width:430px){
  .otc-nav-panel .otc-nav{grid-template-columns:1fr}
  .otc-nav-panel .otc-nav-actions{grid-template-columns:1fr}
  .otc-plan-actions{grid-template-columns:1fr}
  .otc-presentation-copy h1{font-size:clamp(3.35rem,18vw,4.7rem)}
}
@media(min-width:1181px){
  .otc-nav-wrap{gap:14px}
  .otc-nav{gap:17px;font-size:.9rem;white-space:nowrap}
  .otc-nav-actions .otc-btn{padding:12px 15px;font-size:.9rem}
}

/* OTC V75: mobile header reliability, phone layout polish, About page, footer company details */
.otc-brand span{
  color:#eaf7ff;
  background:linear-gradient(135deg,#ffffff 0%,#7ee6ff 45%,#8b5cf6 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 22px rgba(53,226,255,.18);
}
.otc-brand strong{
  background:linear-gradient(135deg,#ffffff 0%,#7ee6ff 55%,#f6bd55 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.otc-about-brand-card img{background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.otc-about-detail-grid .otc-card p{font-size:1.02rem}.otc-about-detail-grid .otc-card a{color:#7ee6ff;text-decoration:none;font-weight:850}
.otc-company-details span{display:block}.otc-company-details a{display:block}.otc-footer-brand{letter-spacing:.12em}
@media(max-width:1180px){
  .otc-header{z-index:9999}
  .otc-nav-wrap{position:relative;min-height:82px}
  .otc-mobile-menu-button{position:relative;z-index:10002;min-height:46px;padding:10px 14px}
  .otc-nav-panel{
    display:none!important;
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:88px!important;
    max-height:calc(100vh - 108px);
    overflow:auto;
    z-index:10001!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid rgba(160,208,255,.22)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(5,12,22,.985),rgba(7,16,29,.975))!important;
    box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 0 1px rgba(53,226,255,.08) inset!important;
    backdrop-filter:blur(24px);
  }
  .otc-header.is-mobile-menu-open .otc-nav-panel{display:grid!important;gap:14px!important}
  .otc-header.is-mobile-menu-open .otc-mobile-menu-button{border-color:rgba(53,226,255,.52);background:rgba(53,226,255,.10)}
}
@media(max-width:900px){
  .otc-machine-layer .otc-two-col,
  .otc-machine-layer .otc-two-col.reverse,
  .otc-case-section .otc-case-grid,
  .otc-case-grid,
  .otc-two-col,
  .otc-two-col.reverse{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px!important;
    overflow:hidden!important;
  }
  .otc-machine-layer .otc-two-col > *,
  .otc-case-grid > *,
  .otc-two-col > *{min-width:0!important;max-width:100%!important}
  .otc-process-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .otc-process-step{width:100%;box-sizing:border-box}
}
@media(max-width:760px){
  .otc-shell{width:min(100% - 34px,1200px)}
  .otc-header .otc-shell{width:min(100% - 24px,1200px)}
  .otc-brand{gap:10px;max-width:58vw}
  .otc-brand img{width:46px!important;height:46px!important}
  .otc-brand span{font-size:.72rem!important;line-height:1.03}.otc-brand strong{font-size:.98rem!important}
  .otc-mobile-menu-button strong{font-size:.84rem}.otc-mobile-menu-button span{width:18px}
  .otc-presentation-hero{padding:44px 0 48px!important}
  .otc-plan-kicker{font-size:.66rem!important;letter-spacing:.19em!important;line-height:1.7!important;margin-bottom:18px!important}
  .otc-presentation-copy h1{font-size:clamp(3.55rem,17vw,4.85rem)!important;line-height:.92!important;max-width:100%!important}
  .otc-plan-subhead{font-size:clamp(1.55rem,7vw,2.1rem)!important;line-height:1.18!important}
  .otc-plan-lead{font-size:1.04rem!important;line-height:1.65!important}
  .otc-plan-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .otc-plan-actions .otc-btn{width:100%;min-height:56px}
  .otc-flywheel-card{overflow:hidden!important;padding:22px!important;border-radius:26px!important}
  .otc-flywheel{width:min(100%,260px)!important;max-width:260px!important;margin:22px auto 24px!important}
  .otc-flywheel span{font-size:.64rem!important;padding:6px 8px!important;max-width:120px!important;text-align:center;white-space:normal!important;line-height:1.12!important}
  .otc-flywheel span:nth-child(1){top:10px!important;left:50%;transform:translateX(-50%)}
  .otc-flywheel span:nth-child(2){right:2px!important;top:48%;transform:translateY(-50%)}
  .otc-flywheel span:nth-child(3){bottom:10px!important;left:50%;transform:translateX(-50%)}
  .otc-flywheel span:nth-child(4){left:2px!important;top:48%;transform:translateY(-50%)}
  .otc-about-hero{grid-template-columns:1fr!important}.otc-loi-copy h1{font-size:clamp(2.7rem,13vw,4.1rem)!important;line-height:1!important}
}

/* OTC V77: native mobile menu and richer hero title gradient */
.otc-presentation-copy h1{
  background:linear-gradient(135deg,#ffffff 0%,#eaf7ff 28%,#7ee6ff 55%,#8b5cf6 78%,#f6bd55 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 34px rgba(53,226,255,.16);
}
.otc-presentation-copy h1 br{display:block}
.otc-mobile-menu-native{display:none}
.otc-mobile-menu-native summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 24px;
  border-radius:999px;
  border:1px solid rgba(160,208,255,.28);
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(53,226,255,.05));
  color:#eef8ff;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.04);
}
.otc-mobile-menu-native summary::-webkit-details-marker{display:none}
.otc-mobile-menu-native[open] summary{
  border-color:rgba(53,226,255,.55);
  background:linear-gradient(135deg,rgba(32,164,255,.18),rgba(139,92,246,.14));
}
.otc-mobile-menu-native-panel{
  position:fixed;
  left:14px;
  right:14px;
  top:88px;
  z-index:10050;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  max-height:calc(100vh - 108px);
  overflow:auto;
  padding:16px;
  border:1px solid rgba(160,208,255,.24);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(5,12,22,.99),rgba(7,16,29,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(53,226,255,.08) inset;
  backdrop-filter:blur(24px);
}
.otc-mobile-menu-native-panel a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 12px;
  border-radius:16px;
  color:#e8f7ff;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.01em;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(160,208,255,.13);
}
.otc-mobile-menu-native-panel a:hover,
.otc-mobile-menu-native-panel a:focus{border-color:rgba(53,226,255,.42);color:#7ee6ff}
.otc-mobile-menu-native-panel .otc-mobile-menu-cta{
  border-color:rgba(53,226,255,.25);
  color:#7ee6ff;
}
.otc-mobile-menu-native-panel .otc-mobile-menu-cta.primary{
  grid-column:1/-1;
  color:#fff;
  background:linear-gradient(135deg,#1e73ff,#8b5cf6);
}
@media(max-width:1180px){
  .otc-mobile-menu-button{display:none!important}
  .otc-mobile-menu-native{display:block!important;flex:0 0 auto;margin-left:auto;position:relative;z-index:10060}
  .otc-nav-panel{display:none!important}
}
@media(max-width:760px){
  .otc-mobile-menu-native summary{padding:10px 22px;min-height:48px;font-size:.9rem}
  .otc-presentation-copy h1{
    background:linear-gradient(150deg,#ffffff 0%,#dff8ff 32%,#68eaff 55%,#9b8cff 78%,#f6bd55 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  .otc-plan-subhead{max-width:100%;}
}
@media(max-width:430px){
  .otc-mobile-menu-native-panel{grid-template-columns:1fr;left:12px;right:12px;top:86px}
  .otc-mobile-menu-native-panel .otc-mobile-menu-cta.primary{grid-column:auto}
  .otc-brand{max-width:62vw!important}
}

/* OTC V78: checkbox mobile menu fix for Android Chrome */
.otc-mobile-menu-toggle{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
}
.otc-mobile-menu-label{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 24px;
  border-radius:999px;
  border:1px solid rgba(160,208,255,.28);
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(53,226,255,.05));
  color:#eef8ff;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.04);
  -webkit-tap-highlight-color:transparent;
}
.otc-mobile-menu-toggle:checked + .otc-mobile-menu-label{
  border-color:rgba(53,226,255,.65);
  background:linear-gradient(135deg,rgba(32,164,255,.22),rgba(139,92,246,.18));
  box-shadow:0 16px 38px rgba(0,0,0,.26), 0 0 22px rgba(53,226,255,.14) inset;
}
.otc-mobile-menu-native-panel{
  display:none!important;
}
.otc-mobile-menu-toggle:checked ~ .otc-mobile-menu-native-panel{
  display:grid!important;
}
@media(max-width:1180px){
  .otc-mobile-menu-native{display:block!important;flex:0 0 auto;margin-left:auto;position:relative;z-index:10060}
}
@media(max-width:760px){
  .otc-mobile-menu-label{padding:10px 22px;min-height:48px;font-size:.9rem}
}


/* OTC V79: bulletproof hash-target mobile menu.
   The menu opens by navigating to #otc-mobile-site-menu, so it works even if
   mobile JavaScript or checkbox/label behaviour gets fussy on Android Chrome. */
.otc-mobile-menu-link{
  text-decoration:none!important;
  position:relative;
  z-index:10080;
}
.otc-mobile-site-menu-panel{
  display:none;
}
@media(max-width:1180px){
  .otc-header{z-index:99990!important;}
  .otc-mobile-menu-native,
  .otc-mobile-menu-button,
  .otc-nav-panel{display:none!important;}
  .otc-mobile-menu-link{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    margin-left:auto;
    min-height:48px;
    padding:10px 24px;
    border-radius:999px;
    border:1px solid rgba(53,226,255,.42);
    background:linear-gradient(135deg,rgba(32,164,255,.13),rgba(139,92,246,.11));
    color:#eef8ff!important;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.08em;
    box-shadow:0 14px 34px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.045);
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  #otc-mobile-site-menu:target{
    display:block!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:92px!important;
    z-index:999999!important;
    max-height:calc(100vh - 112px)!important;
    overflow:auto!important;
    padding:0!important;
    border:1px solid rgba(160,208,255,.28)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(5,12,22,.995),rgba(7,16,29,.985))!important;
    box-shadow:0 30px 100px rgba(0,0,0,.72), 0 0 0 1px rgba(53,226,255,.10) inset!important;
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
  }
  .otc-mobile-site-menu-inner{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:16px;
  }
  .otc-mobile-site-menu-inner a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:11px 12px;
    border-radius:16px;
    color:#e8f7ff!important;
    text-decoration:none!important;
    font-weight:900;
    letter-spacing:.01em;
    background:rgba(255,255,255,.060);
    border:1px solid rgba(160,208,255,.15);
  }
  .otc-mobile-site-menu-inner a:focus,
  .otc-mobile-site-menu-inner a:hover{
    border-color:rgba(53,226,255,.48);
    color:#7ee6ff!important;
  }
  .otc-mobile-site-menu-inner .otc-mobile-menu-close{
    grid-column:1/-1;
    background:rgba(255,255,255,.035);
    color:#b9cce0!important;
  }
  .otc-mobile-site-menu-inner .otc-mobile-menu-cta{
    border-color:rgba(53,226,255,.28);
    color:#7ee6ff!important;
  }
  .otc-mobile-site-menu-inner .otc-mobile-menu-cta.primary{
    grid-column:1/-1;
    color:#fff!important;
    background:linear-gradient(135deg,#1e73ff,#8b5cf6);
  }
}
@media(max-width:430px){
  #otc-mobile-site-menu:target{top:88px!important;left:10px!important;right:10px!important;}
  .otc-mobile-site-menu-inner{grid-template-columns:1fr;padding:14px;}
  .otc-mobile-site-menu-inner .otc-mobile-menu-cta.primary{grid-column:auto;}
  .otc-mobile-menu-link{padding:10px 21px;font-size:.88rem;}
}

/* GuestChat product page consolidation under Own The Conversation AI Visibility Network */
.otc-guestchat-product-page .otc-guestchat-hero{padding-bottom:42px}.otc-guestchat-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.otc-guestchat-trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.otc-guestchat-trust-strip span{padding:9px 13px;border:1px solid rgba(119,210,255,.28);border-radius:999px;background:rgba(71,124,255,.11);color:#dff4ff;font-weight:900;font-size:.86rem}.otc-guestchat-phone-card{padding:22px;overflow:hidden}.otc-phone-mockup{max-width:380px;margin:0 auto;border:1px solid rgba(255,255,255,.16);border-radius:38px;padding:14px;background:linear-gradient(180deg,rgba(13,28,49,.96),rgba(7,15,27,.96));box-shadow:0 22px 70px rgba(0,0,0,.34)}.otc-phone-top{width:92px;height:7px;border-radius:999px;background:rgba(255,255,255,.18);margin:0 auto 14px}.otc-phone-screen{border-radius:28px;min-height:560px;padding:18px;background:radial-gradient(circle at 20% 0%,rgba(0,194,255,.22),transparent 35%),linear-gradient(180deg,#eef9ff,#ffffff);color:#09233d}.otc-guestchat-mini-brand{display:flex;gap:11px;align-items:center;border-radius:18px;background:#fff;padding:12px;box-shadow:0 10px 30px rgba(12,42,80,.12);margin-bottom:16px}.otc-guestchat-mini-brand img{width:42px;height:42px;object-fit:contain}.otc-guestchat-mini-brand strong{display:block;color:#09233d;font-weight:950}.otc-guestchat-mini-brand span{display:block;color:#4b6380;font-size:.84rem;font-weight:800}.otc-chat-bubble{padding:13px 14px;border-radius:18px;margin:13px 0;line-height:1.45;font-weight:760;font-size:.94rem}.otc-chat-bubble.guest{background:#d9edff;margin-left:34px;border-bottom-right-radius:6px}.otc-chat-bubble.bot{background:#10243e;color:#eaf7ff;margin-right:26px;border-bottom-left-radius:6px}.otc-qr-panel{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:13px;margin-top:22px;box-shadow:0 10px 25px rgba(12,42,80,.1)}.otc-fake-qr{height:92px;border-radius:12px;background:repeating-linear-gradient(45deg,#071a30 0 8px,#fff 8px 16px);position:relative;overflow:hidden;border:6px solid #fff;box-shadow:inset 0 0 0 1px rgba(5,20,38,.12)}.otc-fake-qr span{position:absolute;width:24px;height:24px;background:#071a30;border:5px solid #fff;border-radius:4px}.otc-fake-qr span:nth-child(1){left:4px;top:4px}.otc-fake-qr span:nth-child(2){right:4px;top:4px}.otc-fake-qr span:nth-child(3){left:4px;bottom:4px}.otc-fake-qr span:nth-child(4){right:18px;bottom:20px;width:16px;height:16px}.otc-qr-panel p{margin:0;color:#29425f;font-weight:820;font-size:.9rem}.otc-guestchat-section,.otc-guestchat-flow-section,.otc-guestchat-network-section,.otc-guestchat-videos,.otc-guestchat-faq-section{padding-top:46px}.otc-guestchat-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.otc-guestchat-feature-grid .otc-card h3,.otc-guestchat-stack-card h3,.otc-flow-step h3,.otc-guestchat-video-card h3{color:#fff;margin:6px 0 10px;line-height:1.12}.otc-guestchat-feature-grid .otc-card p,.otc-flow-step p,.otc-guestchat-network-grid p{color:#bdd0e4;line-height:1.65}.otc-guestchat-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.otc-flow-step{padding:21px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(11,24,41,.82)}.otc-flow-step span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--otc-blue),var(--otc-cyan));color:#fff;font-weight:950;margin-bottom:14px}.otc-guestchat-network-grid{display:grid;grid-template-columns:1fr .82fr;gap:24px;align-items:start}.otc-guestchat-network-grid h2{color:#fff;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.03;margin:10px 0 16px}.otc-guestchat-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.otc-guestchat-video-card{overflow:hidden;padding:0}.otc-video-embed-wrap{position:relative;aspect-ratio:16/9;background:#07101d}.otc-video-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.otc-guestchat-video-copy{padding:18px}.otc-video-summary{color:#bdd0e4;font-size:.92rem;line-height:1.5}.otc-video-summary ul{margin:10px 0 0;padding-left:18px}.otc-guestchat-video-copy a{display:inline-block;margin-top:12px;color:var(--otc-cyan);font-weight:900;text-decoration:none}.otc-guestchat-faq-list{display:grid;gap:12px;margin-top:22px}.otc-guestchat-faq-item{padding:0;overflow:hidden}.otc-guestchat-faq-item summary{cursor:pointer;list-style:none;padding:18px 20px;color:#fff;font-weight:950}.otc-guestchat-faq-item summary::-webkit-details-marker{display:none}.otc-guestchat-faq-item p{margin:0;padding:0 20px 20px;color:#bdd0e4;line-height:1.65}.otc-guestchat-bottom-actions{margin-top:24px}.otc-guestchat-product-page strong{color:#fff}.otc-guestchat-product-page .otc-frame-note{color:#9fb3ca;line-height:1.5}
@media(max-width:1100px){.otc-guestchat-hero-grid,.otc-guestchat-network-grid{grid-template-columns:1fr}.otc-guestchat-feature-grid,.otc-guestchat-flow,.otc-guestchat-video-grid{grid-template-columns:repeat(2,1fr)}.otc-phone-screen{min-height:500px}}
@media(max-width:720px){.otc-guestchat-feature-grid,.otc-guestchat-flow,.otc-guestchat-video-grid{grid-template-columns:1fr}.otc-phone-mockup{max-width:100%}.otc-phone-screen{min-height:480px}.otc-qr-panel{grid-template-columns:1fr}.otc-fake-qr{width:96px}.otc-guestchat-trust-strip span{font-size:.78rem}}

/* OTC GuestChat V2: Bunny image storyboard + AI Visibility Network messaging */
.otc-footer-network-line{margin:.25rem 0 1rem;color:#7ee6ff!important;font-weight:900;letter-spacing:.02em}.otc-guestchat-product-page .muted-lead{color:#aac0d6!important}.otc-guestchat-hero-photo-card{position:relative;overflow:hidden;padding:0;min-height:580px;background:#07101d}.otc-guestchat-hero-photo{margin:0;position:absolute;inset:0}.otc-guestchat-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.02)}.otc-guestchat-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,22,.05),rgba(4,12,22,.86)),linear-gradient(90deg,rgba(4,12,22,.12),rgba(4,12,22,.62))}.otc-guestchat-hero-photo figcaption{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;padding:16px 18px;border-radius:20px;background:rgba(4,13,25,.76);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.otc-guestchat-hero-photo figcaption strong{display:block;font-size:1.15rem;color:#fff;margin-bottom:4px}.otc-guestchat-hero-photo figcaption span{display:block;color:#c9d8e8;line-height:1.45}.otc-guestchat-hero-overlay{position:absolute;z-index:3;top:18px;left:18px;right:18px;max-width:430px}.otc-guestchat-hero-overlay .otc-chat-bubble{box-shadow:0 12px 28px rgba(0,0,0,.18)}.otc-guestchat-visual-section{overflow:hidden}.otc-guestchat-story-slider{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(160,208,255,.16);background:rgba(11,24,41,.70);padding:18px;margin-top:24px;box-shadow:0 24px 90px rgba(0,0,0,.22)}.otc-guestchat-story-slider:before,.otc-guestchat-story-slider:after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none}.otc-guestchat-story-slider:before{left:0;background:linear-gradient(90deg,rgba(7,15,27,.96),transparent)}.otc-guestchat-story-slider:after{right:0;background:linear-gradient(270deg,rgba(7,15,27,.96),transparent)}.otc-guestchat-story-track{display:flex;gap:16px;width:max-content;animation:guestchatStoryScroll 72s linear infinite}.otc-guestchat-story-slider:hover .otc-guestchat-story-track{animation-play-state:paused}.otc-guestchat-story-card{width:310px;flex:0 0 310px;margin:0;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(17,34,55,.98),rgba(8,18,32,.98));border:1px solid rgba(255,255,255,.12)}.otc-guestchat-story-card img{width:100%;height:210px;object-fit:cover;display:block}.otc-guestchat-story-card figcaption{padding:15px 16px}.otc-guestchat-story-card figcaption strong{display:block;color:#fff;font-weight:950;margin-bottom:6px}.otc-guestchat-story-card figcaption span{display:block;color:#b9cce0;line-height:1.45;font-size:.92rem}.otc-guestchat-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.otc-guestchat-image-tile{overflow:hidden;padding:0}.otc-guestchat-image-tile img{width:100%;height:210px;object-fit:cover;display:block}.otc-guestchat-image-tile div{padding:17px}.otc-guestchat-image-tile h3{color:#fff;margin:0 0 8px}.otc-guestchat-image-tile p{color:#bdd0e4;line-height:1.55;margin:0}.otc-guestchat-product-page .otc-guestchat-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.otc-guestchat-product-page .otc-video-embed-wrap{aspect-ratio:16/9}.otc-guestchat-product-page .otc-guestchat-video-card{max-width:100%}@keyframes guestchatStoryScroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 8px))}}
@media(max-width:1100px){.otc-guestchat-hero-photo-card{min-height:540px}.otc-guestchat-image-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.otc-guestchat-hero-photo-card{min-height:560px}.otc-guestchat-hero-overlay{position:relative;top:auto;left:auto;right:auto;margin:16px}.otc-guestchat-hero-photo figcaption{left:14px;right:14px;bottom:14px}.otc-guestchat-story-card{width:260px;flex-basis:260px}.otc-guestchat-story-card img{height:180px}.otc-guestchat-image-grid{grid-template-columns:1fr}.otc-guestchat-product-page .otc-guestchat-video-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.otc-guestchat-story-track{animation:none;flex-wrap:wrap;width:auto}.otc-guestchat-story-card{width:calc(50% - 8px);flex:1 1 calc(50% - 8px)}}
.otc-guestchat-mini-brand strong{color:#09233d!important}.otc-guestchat-mini-brand span{color:#4b6380!important}


/* GuestChat consolidation v3: page-specific GuestChat brand, Thailand footer details, contact-only CTA */
.otc-brand.otc-brand-guestchat img{background:#fff;border-radius:18px;padding:5px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.otc-brand.otc-brand-guestchat span{line-height:1.02}.otc-brand.otc-brand-guestchat span strong{font-size:.73em;color:#7ee6ff!important;letter-spacing:.01em}
.otc-guestchat-main-brand{display:inline-flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(126,230,255,.22);border-radius:22px;background:rgba(255,255,255,.07);box-shadow:0 18px 60px rgba(0,0,0,.16);margin:0 0 20px}
.otc-guestchat-main-brand img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:18px;padding:6px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.otc-guestchat-main-brand strong{display:block;color:#fff;font-size:1.28rem;font-weight:950;letter-spacing:-.02em}.otc-guestchat-main-brand span{display:block;color:#b9d8ef;font-weight:850;line-height:1.35;font-size:.94rem}
.otc-guestchat-contact-note{margin-top:18px;padding:15px 16px;border:1px solid rgba(126,230,255,.18);border-radius:18px;background:rgba(71,124,255,.10);color:#c7d9ea;line-height:1.55}.otc-guestchat-contact-note strong{color:#fff!important}
.otc-thailand-footer-details{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:6px;color:#9fb4ca;font-size:.9rem;line-height:1.45}.otc-thailand-footer-details strong{color:#fff}.otc-thailand-footer-details b{color:#dfefff}
@media(max-width:720px){.otc-guestchat-main-brand{display:flex;align-items:flex-start}.otc-guestchat-main-brand img{width:54px;height:54px}.otc-brand.otc-brand-guestchat span strong{font-size:.68em}}

/* GuestChat v4 hero video refinement */
.otc-guestchat-hero-video-card{position:relative;overflow:hidden;padding:18px;min-height:auto;background:linear-gradient(180deg,rgba(8,18,32,.98),rgba(5,12,23,.98));border:1px solid rgba(126,230,255,.18);box-shadow:0 28px 100px rgba(0,0,0,.28)}
.otc-guestchat-video-brandbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.otc-guestchat-video-brandbar>span{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:rgba(126,230,255,.10);border:1px solid rgba(126,230,255,.22);color:#bfefff;font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.otc-guestchat-hero-video-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#050b14;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 70px rgba(0,0,0,.36)}.otc-guestchat-hero-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.otc-guestchat-hero-video-copy{padding:18px 4px 4px}.otc-guestchat-hero-video-copy h2{color:#fff;margin:0 0 8px;font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.08}.otc-guestchat-hero-video-copy p{color:#c0d4e8;line-height:1.62;margin:0}.otc-guestchat-product-page .otc-guestchat-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.otc-guestchat-product-page .otc-guestchat-video-card .otc-video-summary{font-size:.9rem}.otc-guestchat-product-page .otc-guestchat-video-card h3{font-size:1.1rem}.otc-guestchat-product-page .otc-guestchat-video-card .otc-guestchat-video-copy{padding:15px}
@media(max-width:1100px){.otc-guestchat-hero-video-card{padding:16px}.otc-guestchat-video-brandbar{align-items:flex-start}}
@media(max-width:720px){.otc-guestchat-video-brandbar{display:block}.otc-guestchat-video-brandbar>span{margin-top:12px}.otc-guestchat-hero-video-card{padding:14px}.otc-guestchat-hero-video-wrap{border-radius:18px}}

/* GuestChat v5: keep visuals to one clean moving story strip and add cross-product positioning. */
.otc-guestchat-cross-product-section{padding-top:34px}
.otc-guestchat-cross-product-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:24px;align-items:center;padding:28px;border-color:rgba(126,230,255,.24);background:radial-gradient(circle at 10% 0%,rgba(71,124,255,.20),transparent 36%),linear-gradient(135deg,rgba(10,25,44,.94),rgba(6,16,30,.96))}
.otc-guestchat-cross-copy h2{color:#fff;font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.03;margin:10px 0 16px}
.otc-guestchat-cross-copy p{color:#bdd0e4;line-height:1.7;margin:0 0 14px}
.otc-guestchat-cross-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.otc-guestchat-cross-grid article{padding:17px;border-radius:20px;border:1px solid rgba(255,255,255,.13);background:rgba(7,18,32,.72)}
.otc-guestchat-cross-grid span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--otc-blue),var(--otc-cyan));color:#fff;font-weight:950;margin-bottom:10px}
.otc-guestchat-cross-grid strong{display:block;color:#fff;font-size:1.06rem;margin-bottom:7px}
.otc-guestchat-cross-grid p{margin:0;color:#b7cae0;line-height:1.48;font-size:.92rem}
@media(max-width:980px){.otc-guestchat-cross-product-card{grid-template-columns:1fr}.otc-guestchat-cross-grid{grid-template-columns:1fr}}
@media(max-width:720px){.otc-guestchat-cross-product-card{padding:20px}.otc-guestchat-cross-grid{gap:10px}}

/* GuestChat v6: hard-hitting AI Caddy section adapted from GolfThailand.online */
.otc-guestchat-ai-caddy-section{padding-top:38px}
.otc-guestchat-ai-caddy-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:28px;align-items:center;padding:30px;border-color:rgba(126,230,255,.22);background:linear-gradient(135deg,rgba(248,251,255,.98),rgba(231,243,255,.94));color:#09233d;box-shadow:0 24px 90px rgba(0,0,0,.20)}
.otc-guestchat-ai-caddy-copy h2{color:#0c2d63;font-size:clamp(2.2rem,4.6vw,4.55rem);line-height:1.02;letter-spacing:-.055em;margin:10px 0 18px;max-width:900px}.otc-guestchat-ai-caddy-copy p{color:#12365f;line-height:1.72;margin:0 0 14px;font-size:1.02rem}.otc-guestchat-ai-caddy-copy .otc-kicker{color:#0c2d63}.otc-guestchat-ai-caddy-copy .otc-btn-secondary{background:#0c2d63;color:#fff!important;border-color:#0c2d63}.otc-guestchat-ai-caddy-copy .otc-btn-ghost{color:#0c2d63!important;border-color:rgba(12,45,99,.20);background:rgba(255,255,255,.62)}.otc-guestchat-support-note{padding:14px 16px;border-radius:18px;background:rgba(12,45,99,.07);border:1px solid rgba(12,45,99,.13);font-weight:760}.otc-guestchat-ai-caddy-hero-image{position:relative;overflow:hidden;border-radius:28px;margin:0;min-height:480px;background:#d9e9f6;box-shadow:0 22px 70px rgba(12,45,99,.18)}.otc-guestchat-ai-caddy-hero-image img{width:100%;height:100%;min-height:480px;object-fit:cover;display:block}.otc-guestchat-ai-caddy-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,12,22,.70))}.otc-guestchat-ai-caddy-hero-image figcaption{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;padding:15px 16px;border-radius:18px;background:rgba(5,14,26,.78);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.otc-guestchat-ai-caddy-hero-image figcaption strong{display:block;color:#fff;font-weight:950;margin-bottom:4px}.otc-guestchat-ai-caddy-hero-image figcaption span{display:block;color:#c7d9eb;line-height:1.45}.otc-guestchat-ai-caddy-journey-section{padding-top:30px}.otc-guestchat-ai-caddy-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.otc-guestchat-ai-caddy-step{padding:0;overflow:hidden;background:#fff;color:#09233d;border-color:rgba(12,45,99,.08);box-shadow:0 18px 60px rgba(10,34,62,.10)}.otc-guestchat-ai-caddy-step-image{height:210px;overflow:hidden;background:#dfeaf5}.otc-guestchat-ai-caddy-step-image img{width:100%;height:100%;object-fit:cover;display:block}.otc-guestchat-ai-caddy-step-body{padding:18px}.otc-guestchat-ai-caddy-step-body span{display:inline-grid;place-items:center;min-width:42px;height:34px;border-radius:999px;background:#eaf3ff;color:#0c2d63;font-weight:950;margin-bottom:12px}.otc-guestchat-ai-caddy-step-body h3{color:#0c2d63;margin:0 0 10px;font-size:1.18rem;line-height:1.12}.otc-guestchat-ai-caddy-step-body p{color:#415c7c;margin:0;line-height:1.52}.otc-guestchat-venue-model-card{align-items:stretch}.otc-guestchat-venue-model-card .otc-guestchat-cross-copy h2{font-size:clamp(1.8rem,3vw,2.8rem)}
@media(max-width:1180px){.otc-guestchat-ai-caddy-hero-card{grid-template-columns:1fr}.otc-guestchat-ai-caddy-hero-image,.otc-guestchat-ai-caddy-hero-image img{min-height:420px}.otc-guestchat-ai-caddy-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.otc-guestchat-ai-caddy-hero-card{padding:20px}.otc-guestchat-ai-caddy-copy h2{font-size:clamp(2rem,12vw,3rem)}.otc-guestchat-ai-caddy-hero-image,.otc-guestchat-ai-caddy-hero-image img{min-height:360px}.otc-guestchat-ai-caddy-journey-grid{grid-template-columns:1fr}.otc-guestchat-ai-caddy-step-image{height:230px}}

/* OTC AI Search Proof page + homepage proof cards */
.otc-proof-hero {
  padding: clamp(3.1rem, 5vw, 5rem) 0 clamp(2.3rem, 4.4vw, 3.5rem);
  background:
    radial-gradient(circle at top left, rgba(79, 123, 255, 0.25), transparent 38%),
    linear-gradient(135deg, #061324 0%, #10254d 58%, #07111f 100%);
  color: #f7fbff;
}
.otc-proof-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  gap: clamp(1.1rem, 2vw, 2rem);
  align-items: start;
}
.otc-proof-hero h1 {
  max-width: 760px;
  margin: 0 0 0.95rem;
  font-size: clamp(2.45rem, 4.65vw, 4.85rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
}
.otc-proof-hero-copy .otc-plan-lead {
  max-width: 640px;
  margin: 0;
  color: #d9e9fb;
  font-size: clamp(0.96rem, 1.02vw, 1.04rem);
  line-height: 1.54;
}
.otc-proof-hero-copy .otc-plan-actions {
  margin-top: 1rem;
}
.otc-proof-note-card {
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.075);
  border-radius: 28px;
  padding: clamp(1.4rem, 3vw, 2.2rem);
  box-shadow: 0 28px 80px rgba(0,0,0,0.28);
}
.otc-proof-note-card h2 { margin: 0.5rem 0 0.9rem; color: #fff; }
.otc-proof-inline-explainer {
  max-width: 720px;
  margin: clamp(0.95rem, 1.8vw, 1.35rem) 0 0;
  padding: clamp(0.9rem, 1.5vw, 1.15rem);
  border-radius: 24px;
  background: rgba(255,255,255,0.065);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 18px 48px rgba(0,0,0,0.16);
}
.otc-proof-inline-explainer h2 {
  margin: 0.4rem 0 0.5rem;
  color: #fff;
  font-size: clamp(1.45rem, 2vw, 2.05rem);
  line-height: 1;
  letter-spacing: -0.045em;
}
.otc-proof-inline-explainer p {
  margin: 0;
  color: #e8f3ff;
  font-size: clamp(0.93rem, 0.98vw, 1rem);
  line-height: 1.48;
  font-weight: 680;
}
.otc-proof-inline-explainer .otc-proof-note-disclaimer {
  margin-top: 0.55rem;
  color: #bfd8f3;
  font-size: 0.82rem;
  line-height: 1.45;
  font-weight: 650;
}
.otc-proof-citation-image-card {
  overflow: hidden;
  align-self: start;
  border-radius: 28px;
  background: rgba(255,255,255,0.97);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 28px 80px rgba(0,0,0,0.28);
}
.otc-proof-citation-image-card img {
  display: block;
  width: 100%;
  height: auto;
}
.otc-proof-card-list { display: grid; gap: clamp(1.5rem, 3vw, 2.4rem); }
.otc-proof-card {
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(1.2rem, 2.5vw, 2rem);
  padding: clamp(1rem, 2.5vw, 1.6rem);
  background: #ffffff;
  border: 1px solid rgba(13, 43, 84, 0.12);
  border-radius: 28px;
  box-shadow: 0 24px 80px rgba(12, 33, 70, 0.10);
}
.otc-proof-image-wrap {
  overflow: hidden;
  border-radius: 22px;
  background: #eef4ff;
  min-height: 340px;
  max-height: 620px;
  border: 1px solid rgba(13, 43, 84, 0.10);
}
.otc-proof-image-wrap img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  max-height: 620px;
  object-fit: cover;
  object-position: top center;
  display: block;
  transition: transform 0.25s ease;
}
.otc-proof-image-wrap a:hover img { transform: scale(1.015); }
.otc-proof-content h2 {
  margin: 0.65rem 0 0.9rem;
  font-size: clamp(1.55rem, 3vw, 2.4rem);
  letter-spacing: -0.035em;
}
.otc-proof-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}
.otc-proof-badges span {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.28rem 0.65rem;
  font-size: 0.78rem;
  font-weight: 800;
  color: #10305c;
  background: #edf5ff;
  border: 1px solid rgba(47, 110, 255, 0.16);
}
.otc-proof-question,
.otc-proof-try,
.otc-proof-evidence {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 18px;
  background: #f6f9ff;
  border: 1px solid rgba(13, 43, 84, 0.08);
}
.otc-proof-question strong,
.otc-proof-try strong { display: block; color: #0d2a58; margin-bottom: 0.35rem; }
.otc-proof-question p { margin: 0; }
.otc-proof-summary { font-size: 1.05rem; color: #28476f; }
.otc-proof-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.otc-proof-mini-grid strong { color: #0d2a58; }
.otc-proof-mini-grid ul { margin: 0.45rem 0 0; padding-left: 1.1rem; }
.otc-proof-evidence summary { cursor: pointer; font-weight: 900; color: #0d2a58; }
.otc-proof-try code,
.otc-proof-prompt-card code {
  display: block;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 0.75rem;
  border-radius: 12px;
  background: #071426;
  color: #e9f3ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.otc-proof-prompt-stack { display: grid; gap: 1rem; }
.otc-proof-prompt-card {
  padding: 1rem;
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
}
.otc-proof-prompt-card span { display: block; margin-bottom: 0.5rem; color: #bcd8ff; font-weight: 800; }
.otc-proof-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.otc-proof-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.otc-proof-home-card {
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(13, 43, 84, 0.10);
  box-shadow: 0 18px 60px rgba(10, 35, 76, 0.10);
}
.otc-proof-home-thumb { height: 220px; overflow: hidden; background: #eaf2ff; }
.otc-proof-home-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.otc-proof-home-copy { padding: 1rem; }
.otc-proof-home-copy h3 { margin: 0.7rem 0 0.55rem; font-size: 1.15rem; }
.otc-proof-home-copy p { color: #385372; }
.otc-proof-home-copy a { font-weight: 900; color: #2869ff; text-decoration: none; }
.otc-section-actions { margin-top: 1.3rem; text-align: center; }
@media (max-width: 920px) {
  .otc-proof-hero-grid,
  .otc-proof-card { grid-template-columns: 1fr; }
  .otc-proof-home-grid,
  .otc-proof-faq-grid,
  .otc-proof-mini-grid { grid-template-columns: 1fr; }
  .otc-proof-image-wrap,
  .otc-proof-image-wrap img { min-height: 260px; max-height: 460px; }
}

/* OTC AI Search Proof v2: contrast fixes for proof cards on dark page wrapper */
.otc-proof-page .otc-proof-card,
.otc-proof-page .otc-proof-card * {
  color: #12365f;
}
.otc-proof-page .otc-proof-content h2,
.otc-proof-page .otc-proof-question strong,
.otc-proof-page .otc-proof-try strong,
.otc-proof-page .otc-proof-mini-grid strong,
.otc-proof-page .otc-proof-evidence summary {
  color: #0d2a58 !important;
}
.otc-proof-page .otc-proof-content p,
.otc-proof-page .otc-proof-content li,
.otc-proof-page .otc-proof-question p,
.otc-proof-page .otc-proof-summary,
.otc-proof-page .otc-proof-evidence p {
  color: #28476f !important;
}
.otc-proof-page .otc-proof-badges span {
  color: #10305c !important;
}
.otc-proof-page .otc-proof-try code,
.otc-proof-page .otc-proof-prompt-card code,
.otc-proof-page .otc-proof-try code * {
  color: #e9f3ff !important;
}
.otc-proof-page .otc-proof-card a {
  color: #2869ff;
}
.otc-proof-page .otc-proof-image-wrap {
  align-self: start;
}
.otc-proof-page .otc-proof-image-wrap img {
  height: auto;
  min-height: 0;
}
@media (min-width: 921px) {
  .otc-proof-page .otc-proof-image-wrap img {
    height: 100%;
    min-height: 340px;
  }
}

/* OTC homepage network proof refresh */
.otc-network-proof-section{background:radial-gradient(circle at 20% 12%,rgba(53,226,255,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));}
.otc-network-proof-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:32px;align-items:stretch}
.otc-network-proof-copy{padding:6px 0}.otc-network-proof-copy h2{max-width:880px;margin:0 0 18px;color:#fff;font-size:clamp(2.3rem,5vw,5.1rem);line-height:.98;letter-spacing:-.055em}.otc-network-lead{font-size:1.08rem;line-height:1.76;color:#c7d6e8;max-width:940px;margin:0 0 22px}.otc-network-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.otc-network-pill-row span{display:inline-flex;align-items:center;border-radius:999px;padding:9px 12px;background:rgba(53,226,255,.10);border:1px solid rgba(53,226,255,.22);color:#dff8ff;font-weight:900;font-size:.82rem;letter-spacing:.02em}.otc-network-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 24px}.otc-network-quick-grid article{position:relative;overflow:hidden;border-radius:24px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(160,208,255,.16);box-shadow:var(--otc-shadow-soft)}.otc-network-quick-grid article:before{content:"";position:absolute;inset:auto -40px -70px auto;width:130px;height:130px;border-radius:999px;background:rgba(53,226,255,.08)}.otc-network-quick-grid strong{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:14px;background:linear-gradient(135deg,#35e2ff,#8b5cf6);color:#04101c;font-weight:950;margin-bottom:12px}.otc-network-quick-grid h3{margin:0 0 8px;color:#fff;font-size:1.02rem;line-height:1.15}.otc-network-quick-grid p{margin:0;color:#b8c9dc;line-height:1.55;font-size:.94rem}.otc-network-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.otc-proof-snapshot-card{border-radius:34px;padding:24px;background:linear-gradient(180deg,rgba(8,22,38,.98),rgba(4,11,22,.98));border:1px solid rgba(160,208,255,.20);box-shadow:var(--otc-shadow);align-self:stretch;display:flex;flex-direction:column;gap:16px;overflow:hidden}.otc-proof-snapshot-header{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.otc-proof-snapshot-header span{display:inline-flex;border-radius:999px;padding:8px 11px;background:rgba(53,226,255,.10);border:1px solid rgba(53,226,255,.22);color:#9df2ff;font-weight:950;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.otc-proof-snapshot-header strong{color:#fff;font-size:1.05rem}.otc-proof-snapshot-media{display:block;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:#eaf2fb;min-height:300px}.otc-proof-snapshot-media img{width:100%;height:100%;min-height:300px;object-fit:cover;object-position:left top;display:block;transition:transform .22s ease}.otc-proof-snapshot-media:hover img{transform:scale(1.015)}.otc-proof-snapshot-copy{padding:4px 4px 2px}.otc-proof-snapshot-copy h3{margin:0 0 10px;color:#fff;font-size:1.5rem;letter-spacing:-.025em}.otc-proof-snapshot-copy p{margin:0 0 16px;color:#c1d1e3;line-height:1.66}.otc-snapshot-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.otc-snapshot-stats span{display:block;border-radius:18px;padding:13px;background:rgba(255,255,255,.06);border:1px solid rgba(160,208,255,.16);color:#c7d6e8;font-weight:800;font-size:.82rem}.otc-snapshot-stats strong{display:block;color:#35e2ff;font-size:1.1rem;margin-bottom:2px}@media(max-width:1080px){.otc-network-proof-grid{grid-template-columns:1fr}.otc-proof-snapshot-media img,.otc-proof-snapshot-media{min-height:260px}.otc-network-proof-copy h2{font-size:clamp(2.1rem,8vw,4.2rem)}}@media(max-width:720px){.otc-network-quick-grid,.otc-snapshot-stats{grid-template-columns:1fr}.otc-proof-snapshot-card{padding:18px;border-radius:26px}.otc-network-action-row .otc-btn{width:100%;justify-content:center}.otc-proof-snapshot-media img,.otc-proof-snapshot-media{min-height:220px}}

/* Homepage conversion reorder: proof-first messaging */
.otc-hero-proof-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}.otc-hero-proof-row span{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;background:rgba(53,226,255,.10);border:1px solid rgba(53,226,255,.22);color:#dff8ff;font-weight:900;font-size:.82rem;letter-spacing:.015em}.otc-proof-home-priority{background:radial-gradient(circle at 76% 6%,rgba(53,226,255,.12),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-top:1px solid rgba(160,208,255,.10);border-bottom:1px solid rgba(160,208,255,.10)}.otc-proof-home-card-priority{box-shadow:0 26px 80px rgba(0,0,0,.28);transform:translateY(0)}.otc-proof-home-card-priority:hover{transform:translateY(-4px);transition:.22s ease}.otc-product-pathways{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(53,226,255,.035))}.otc-pathway-card a{display:inline-flex;margin-top:12px;color:var(--otc-cyan);font-weight:950;text-decoration:none}.otc-pathway-card a:hover{text-decoration:underline}.otc-cta-card-strong{background:radial-gradient(circle at 85% 12%,rgba(53,226,255,.20),transparent 26%),linear-gradient(135deg,rgba(32,164,255,.16),rgba(139,92,246,.12));border-color:rgba(53,226,255,.28)}.otc-cta-actions-stacked{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.otc-commercial-card .otc-btn{margin-top:16px}@media(max-width:1060px){.otc-proof-home-priority .otc-proof-home-grid,.otc-pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otc-cta-actions-stacked{justify-content:flex-start}}@media(max-width:720px){.otc-proof-home-priority .otc-proof-home-grid,.otc-pathway-grid{grid-template-columns:1fr}.otc-hero-proof-row span{width:100%;justify-content:center}.otc-cta-actions-stacked .otc-btn{width:100%;justify-content:center}}
