/* tg.observer homepage: narrative B2B landing override */
:root{--bg:#f6f8fb;--surface:#fff;--ink:#141c25;--muted:#647386;--line:#dfe7ef;--soft:#edf3f8;--cyan:#00a9d6;--cyan2:#087da0;--nav:#17212b;--green:#0f9f6e;--red:#dc2626;--shadow:0 12px 34px rgba(20,28,37,.07)}
body{background:var(--bg)!important;color:var(--ink)!important;font-family:Inter,Manrope,Nunito,system-ui,-apple-system,"Segoe UI",sans-serif!important}.top{background:var(--nav)!important}.wrap{max-width:1180px!important;margin:22px auto 48px!important;padding:0 22px!important}.simple-landing{display:block!important}.btn{border-radius:10px!important;font-weight:850!important;text-decoration:none!important}.btn.secondary{background:var(--cyan)!important;color:#fff!important;border-color:var(--cyan)!important}.btn.ghost{background:#fff!important;color:#173141!important;border:1px solid var(--line)!important}.section-kicker{display:inline-flex;margin:0 0 10px;padding:5px 9px;border-radius:999px;background:#e7f8fc;color:#087da0;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.section-lead{max-width:760px;color:#526173;line-height:1.58;font-size:16px}
.homehero,.landing-hero{display:grid!important;grid-template-columns:minmax(0,1.38fr) 350px!important;gap:16px!important;align-items:stretch!important;margin:0 0 18px!important}.hero-card{border-radius:18px!important;padding:34px!important;background:linear-gradient(135deg,#0b1722 0%,#152536 56%,#073745 100%)!important;color:#fff!important;border:1px solid #162d3d!important;box-shadow:var(--shadow)!important;overflow:hidden!important;position:relative!important}.hero-card:before{content:""!important;display:block!important;position:absolute!important;right:-90px!important;top:-120px!important;width:300px!important;height:300px!important;border-radius:999px!important;background:rgba(0,169,214,.22)!important;filter:blur(2px)!important}.hero-card:after{content:""!important;display:block!important;position:absolute!important;right:70px!important;bottom:-90px!important;width:210px!important;height:210px!important;border-radius:999px!important;background:rgba(15,159,110,.14)!important}.hero-card>*{position:relative;z-index:1}.eyebrow{display:inline-flex!important;margin-bottom:12px!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(231,248,252,.12)!important;color:#90edff!important;border:1px solid rgba(144,237,255,.22)!important;font-size:11px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important}.hero-card h1{max-width:880px!important;margin:0 0 12px!important;font-size:42px!important;line-height:1.05!important;letter-spacing:-.04em!important;font-weight:900!important}.hero-lead,.hero-card p{max-width:820px!important;margin:0 0 18px!important;color:#d8e7ee!important;font-size:17px!important;line-height:1.55!important}.hero-proof{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.hero-proof span{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);color:#eefaff;font-size:12px;font-weight:850}.hero-search{display:grid!important;grid-template-columns:minmax(260px,1fr) 116px!important;gap:8px!important;max-width:610px!important;margin:0 0 12px!important}.hero-search input{height:44px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.2)!important;background:#fff!important;color:#17212b!important;padding:0 14px!important;font-size:15px!important}.hero-search .btn.secondary{background:var(--cyan)!important;color:#fff!important;border-color:var(--cyan)!important}.hero-card .cta-row .btn.secondary{background:#fff!important;color:#0d3444!important;border-color:#fff!important}.hero-card .btn.ghost{background:transparent!important;color:#d7f7ff!important;border-color:rgba(255,255,255,.28)!important}.cta-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.pillrow{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:14px!important}.pill{display:inline-flex!important;align-items:center!important;height:30px!important;padding:0 11px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#e0f4fa!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important}
.hero-panel{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:20px!important;box-shadow:var(--shadow)!important}.hero-panel h2{margin:0 0 8px!important;font-size:22px!important;letter-spacing:-.02em}.answer-card p{margin:0 0 14px!important;color:#4f6072!important;line-height:1.52}.answer-list{display:grid;gap:9px}.answer-list div{background:#f9fbfd;border:1px solid var(--soft);border-radius:12px;padding:12px}.answer-list b{display:block;font-size:14px;margin-bottom:4px}.answer-list span{display:block;color:var(--muted);font-size:13px;line-height:1.4}
.story-block,.audience-section,.process-section,.inside-card-section,.vertical-grid-section,.decision-flow,.landing-copy{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:22px!important;margin:18px 0!important;box-shadow:none!important}.story-block h2,.inside-copy h2{font-size:30px!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0 0 10px!important}.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.foundation-grid div,.audience-grid div,.process-grid div,.inside-grid div,.vertical-card,.flow-grid>div{background:#f9fbfd!important;border:1px solid var(--soft)!important;border-radius:14px!important;padding:16px!important}.foundation-grid span{display:inline-flex;width:28px;height:28px;border-radius:9px;background:#17212b;color:#fff;align-items:center;justify-content:center;font-weight:900;margin-bottom:10px}.foundation-grid h3,.process-grid h3,.vertical-card h3,.flow-grid h3{margin:0 0 7px!important;font-size:17px!important;letter-spacing:-.015em}.foundation-grid p,.audience-grid p,.process-grid p,.vertical-card p,.flow-grid p{margin:0!important;color:#536476!important;line-height:1.5!important;font-size:14px!important}
.section-title{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:14px!important;margin:0 0 14px!important}.section-title h2{margin:0 0 5px!important;font-size:28px!important;letter-spacing:-.03em!important}.section-title p{margin:0!important;color:var(--muted)!important;line-height:1.45!important}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.audience-grid b{display:block;font-size:16px;margin-bottom:7px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.process-grid em{display:inline-flex;font-style:normal;color:#087da0;background:#e7f8fc;border:1px solid #c5edf8;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:950;margin-bottom:12px}.inside-card-section{display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:18px!important;align-items:center!important}.inside-copy p{color:#536476;line-height:1.58;margin:0}.inside-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inside-grid b{display:block;font-size:18px;margin-bottom:4px;color:#14202b}.inside-grid span{color:var(--muted);font-size:13px;line-height:1.35}.vertical-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.vertical-card{min-height:168px!important}.vertical-card span{display:block;margin-top:12px;color:#087da0;font-size:12px;line-height:1.4;font-weight:750;background:#e7f8fc;border:1px solid #c5edf8;border-radius:10px;padding:8px}.compact-role-cards,.role-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:18px 0!important}.role-card{position:relative;display:block;min-height:170px!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:16px 16px 42px!important;text-decoration:none!important;color:inherit!important;box-shadow:none!important;overflow:hidden}.role-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--cyan)}.role-card:hover{border-color:#bdeefa!important;box-shadow:0 10px 24px rgba(0,169,214,.08)!important}.role-card span{display:inline-flex;border-radius:999px;background:#e7f8fc;color:#087da0;border:1px solid #c9eef7;padding:4px 8px;font-size:11px;font-weight:950}.role-card h2{margin:12px 0 8px!important;font-size:19px!important;letter-spacing:-.02em}.role-card p{margin:0!important;color:#536476!important;font-size:13px!important;line-height:1.45!important}.role-card b{display:block;margin-top:12px;font-size:26px;color:#17212b}.role-card em{position:absolute;left:16px;bottom:14px;font-style:normal;color:#087da0;font-weight:900;font-size:12px}.role-risk:before{background:#ef4444}.role-radar:before{background:#8b5cf6}
.reco-grid,.landing-examples{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:16px!important;align-items:start!important}.reco-list{display:grid!important;gap:8px!important}.reco-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) 250px 76px!important;gap:11px!important;align-items:center!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:10px 12px!important;text-decoration:none!important;color:inherit!important}.reco-row:hover{border-color:#bdeefa!important;box-shadow:0 4px 14px rgba(0,169,214,.08)!important}.avatar{width:42px!important;height:42px!important;border-radius:12px!important;background:#e7f8fc!important;color:#087da0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;overflow:hidden!important}.avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.title{font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.user{color:var(--muted)!important;font-size:13px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mini-metrics{display:flex!important;gap:8px!important;justify-content:flex-end!important}.mini-metrics span{background:#f9fbfd!important;border:1px solid var(--soft)!important;border-radius:9px!important;padding:6px 8px!important;color:var(--muted)!important;font-size:11px!important}.mini-metrics b{display:block!important;color:#17212b!important;font-size:13px!important}.verdict{justify-self:end!important;border-radius:999px!important;background:#ecfdf3!important;border:1px solid #bbf7d0!important;color:#166534!important;padding:6px 9px!important;font-size:11px!important;font-weight:950!important;white-space:nowrap!important}.explain-box{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:18px!important}.explain-box h2{margin:0 0 9px!important;font-size:22px!important}.explain-box p{margin:0 0 12px!important;color:#536476!important;line-height:1.5!important}.checklist{display:grid!important;gap:8px!important}.checkitem{display:grid!important;grid-template-columns:26px 1fr!important;gap:8px!important;align-items:start!important}.checkitem b{width:26px;height:26px;border-radius:8px;background:#e7f8fc;color:#087da0;display:flex;align-items:center;justify-content:center;font-size:12px}.checkitem span{color:#536476;font-size:14px;line-height:1.4}.flow-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.flow-grid>div>b{display:inline-flex;min-width:32px;height:32px;border-radius:10px;background:#17212b;color:#fff;align-items:center;justify-content:center;padding:0 7px;margin-bottom:10px;font-size:12px}.landing-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important}.landing-copy h2{font-size:26px!important;margin:0 0 8px!important}.landing-copy p{margin:0!important;color:#536476!important;line-height:1.6!important}.final-cta{background:#eaf8fc!important;border-color:#c5edf8!important}
@media(max-width:1060px){.homehero,.landing-hero,.inside-card-section,.reco-grid,.landing-examples,.landing-copy{grid-template-columns:1fr!important}.audience-grid,.process-grid,.vertical-grid,.compact-role-cards,.role-cards,.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-card h1{font-size:36px!important}.inside-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.wrap{padding:0 12px!important;margin-top:14px!important}.hero-card,.story-block,.audience-section,.process-section,.inside-card-section,.vertical-grid-section,.decision-flow,.landing-copy{padding:18px!important;border-radius:16px!important}.hero-card h1{font-size:30px!important}.hero-lead,.hero-card p{font-size:15px!important}.hero-search{grid-template-columns:1fr!important}.section-title{display:block!important}.section-title .btn{margin-top:10px!important}.foundation-grid,.audience-grid,.process-grid,.vertical-grid,.compact-role-cards,.role-cards,.flow-grid,.inside-grid{grid-template-columns:1fr!important}.reco-row{grid-template-columns:38px minmax(0,1fr) 70px!important}.reco-row .mini-metrics{display:none!important}.avatar{width:38px!important;height:38px!important}.story-block h2,.inside-copy h2,.section-title h2{font-size:24px!important}.landing-copy{grid-template-columns:1fr!important}.hide-sm{display:none!important}}