.public-site-shell {
  --public-bg: #0b1220; --public-surface: #111827; --public-elevated: #161e2e; --public-border: #1f2937;
  --public-text: #f8fafb; --public-secondary: #d1d5db; --public-muted: #9ca3af; --public-teal: #14b8a6;
  --public-teal-bright: #5eead4; --public-blue: #1f6feb; --public-violet: #7c3aed; --public-ok: #22c55e;
  color: var(--public-text); font-family: Satoshi, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.public-site-shell *, .public-site-shell *::before, .public-site-shell *::after { box-sizing: border-box; }
.hip-public-page { overflow: clip; color: var(--public-text); background: var(--public-bg); }
.hip-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.hip-grid-bg { background-image: linear-gradient(rgba(31,111,235,.07) 1px, transparent 1px),linear-gradient(90deg,rgba(31,111,235,.07) 1px,transparent 1px),radial-gradient(circle at 76% 32%,rgba(20,184,166,.12),transparent 29%); background-size: 56px 56px,56px 56px,100% 100%; }
.hip-hero { min-height: 720px; display: flex; align-items: center; border-bottom: 1px solid var(--public-border); padding: 88px 0 92px; }
.hip-hero-grid { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(330px,.72fr); align-items: center; gap: clamp(56px,8vw,110px); }
.hip-page-hero { min-height: 480px; display: flex; align-items: center; border-bottom: 1px solid var(--public-border); padding: 86px 0; }
.hip-page-hero .hip-container { max-width: 980px; margin-left: max(24px,calc((100vw - 1180px)/2)); margin-right: auto; }
.hip-eyebrow { margin: 0 0 18px; color: var(--public-teal-bright); font-family: "JetBrains Mono",Consolas,monospace; font-size: .73rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.hip-public-page h1,.hip-public-page h2,.hip-public-page h3 { font-family: Satoshi,ui-sans-serif,system-ui,sans-serif; }
.hip-public-page h1 { max-width: 900px; margin: 0; font-size: clamp(3.7rem,7.2vw,7.25rem); font-weight: 760; letter-spacing: -.064em; line-height: .91; }
.hip-page-hero h1 { font-size: clamp(3.35rem,6vw,6.4rem); }
.hip-public-page h1 span { color: var(--public-teal-bright); }
.hip-lead { max-width: 720px; margin: 30px 0 0; color: var(--public-secondary); font-size: clamp(1.05rem,1.7vw,1.28rem); line-height: 1.65; }
.hip-lead-small { max-width: 650px; color: var(--public-secondary); font-size: 1.04rem; line-height: 1.72; }
.hip-domain-form { max-width: 690px; margin-top: 40px; }
.hip-domain-form>label { display: block; margin-bottom: 9px; color: var(--public-secondary); font-size: .82rem; font-weight: 760; }
.hip-domain-control { display: grid; grid-template-columns: auto minmax(90px,1fr) auto; align-items: center; overflow: hidden; border: 1px solid #374151; border-radius: 12px; padding: 6px; background: rgba(17,24,39,.92); }
.hip-domain-control:focus-within { border-color: var(--public-teal); box-shadow: 0 0 0 3px rgba(20,184,166,.15); }
.hip-domain-control>span { padding-left: 12px; color: #6b7a90; font-family: "JetBrains Mono",Consolas,monospace; font-size: .82rem; }
.hip-domain-control input { min-width: 0; border: 0; padding: 13px 8px; color: var(--public-text); background: transparent; font: inherit; outline: 0; }
.hip-domain-control button,.hip-button { border: 0; border-radius: 8px; padding: 13px 17px; color: #06131b; background: var(--public-teal-bright); font: inherit; font-weight: 800; text-decoration: none; cursor: pointer; }
.hip-domain-control button:hover,.hip-button:hover { background: #80f5e3; }
.hip-domain-form>p { margin: 10px 2px 0; color: var(--public-muted); font-size: .78rem; }
.hip-domain-form .hip-form-error { color: #fca5a5; font-weight: 700; }
.hip-result-card { border: 1px solid #2c3a50; border-radius: 22px; padding: 27px; background: rgba(17,24,39,.92); box-shadow: 0 30px 80px rgba(0,0,0,.32); }
.hip-result-top,.hip-score-row,.hip-signal-list div { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.hip-result-top { color: var(--public-muted); font-family: "JetBrains Mono",Consolas,monospace; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.hip-status-dot { color: #86efac; }
.hip-status-dot::before { content:""; display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--public-ok); }
.hip-result-domain { margin: 26px 0 8px; color: var(--public-secondary); font-family: "JetBrains Mono",Consolas,monospace; }
.hip-score-row { justify-content:flex-start; }
.hip-score-row strong { font-size: 5.2rem; letter-spacing: -.06em; line-height: 1; }
.hip-score-row span { color: var(--public-muted); font-size: .72rem; line-height: 1.45; }
.hip-meter { height: 5px; margin: 18px 0 24px; overflow:hidden; border-radius:9px; background:#263246; }
.hip-meter i { display:block; height:100%; background:linear-gradient(90deg,var(--public-blue),var(--public-teal-bright)); }
.hip-signal-list { margin:0; }
.hip-signal-list div { border-top:1px solid var(--public-border); padding:12px 0; }
.hip-signal-list dt { color:var(--public-muted); font-size:.82rem; }.hip-signal-list dd { margin:0; color:var(--public-secondary); font-size:.83rem; font-weight:700; }
.hip-caveat { margin:16px 0 0; color:var(--public-muted); font-size:.76rem; line-height:1.5; }
.hip-signal-strip { display:flex; justify-content:center; gap:clamp(24px,4vw,62px); overflow:hidden; border-bottom:1px solid var(--public-border); padding:18px 24px; color:#78869a; font-family:"JetBrains Mono",Consolas,monospace; font-size:.67rem; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.hip-section { padding: clamp(76px,9vw,120px) 0; }
.hip-section-alt { border-block:1px solid var(--public-border); background:var(--public-surface); }
.hip-section-heading { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr); align-items:end; gap:40px; margin-bottom:48px; }
.hip-section-heading .hip-eyebrow { margin-bottom:8px; }
.hip-public-page h2 { max-width:820px; margin:0; font-size:clamp(2.35rem,4.7vw,4.6rem); font-weight:720; letter-spacing:-.05em; line-height:1; }
.hip-public-page h3 { margin:0; font-size:1.22rem; letter-spacing:-.02em; }
.hip-audience-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.hip-audience-grid article { overflow:hidden; border:1px solid var(--public-border); border-radius:14px; background:var(--public-surface); }
.hip-audience-grid img { width:100%; aspect-ratio:1.4/1; display:block; object-fit:cover; filter:saturate(.78) contrast(1.04); }
.hip-audience-grid article>div { padding:22px; }.hip-audience-grid span,.hip-capability-grid span,.hip-signal-cards span,.hip-proof-grid span { color:var(--public-teal-bright); font-family:"JetBrains Mono",Consolas,monospace; font-size:.67rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.hip-audience-grid h3 { margin:23px 0 10px; }.hip-audience-grid p,.hip-capability-grid p,.hip-signal-cards p,.hip-step-grid p,.hip-proof-grid p { margin:0; color:var(--public-muted); font-size:.9rem; line-height:1.62; }
.hip-step-grid { display:grid; grid-template-columns:repeat(4,1fr); margin:0 0 34px; padding:0; list-style:none; }
.hip-step-grid li { min-height:250px; border-left:1px solid #314056; padding:26px; }.hip-step-grid li:last-child { border-right:1px solid #314056; }
.hip-step-grid li>span { color:var(--public-teal-bright); font-family:"JetBrains Mono",Consolas,monospace; font-size:.75rem; }.hip-step-grid h3 { margin:72px 0 12px; }
.hip-text-link,.hip-muted-link { color:var(--public-teal-bright); font-weight:750; text-decoration:none; }.hip-text-link span { margin-left:8px; }
.hip-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.85fr); align-items:center; gap:clamp(50px,8vw,110px); }
.hip-check-list { display:grid; gap:12px; margin:26px 0 32px; padding:0; color:var(--public-secondary); list-style:none; }.hip-check-list li::before { content:"✓"; margin-right:10px; color:var(--public-teal-bright); font-weight:800; }
.hip-button-secondary { display:inline-block; border:1px solid #41506a; border-radius:8px; padding:12px 16px; color:var(--public-text); background:transparent; font-weight:750; text-decoration:none; }.hip-button-secondary:hover { border-color:var(--public-teal); color:var(--public-teal-bright); }
.hip-extension-frame { margin:0; border:1px solid #2c3a50; border-radius:18px; padding:18px; background:var(--public-elevated); }.hip-extension-frame img { width:100%; max-height:540px; display:block; object-fit:contain; border-radius:9px; background:#07111f; }.hip-extension-frame figcaption { margin-top:12px; color:var(--public-muted); font-size:.75rem; text-align:center; }
.hip-capability-grid,.hip-signal-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.hip-capability-grid article,.hip-signal-cards article { min-height:230px; border:1px solid var(--public-border); border-radius:13px; padding:27px; background:var(--public-surface); }.hip-capability-grid article.is-operational { border-style:dashed; }.hip-capability-grid h3,.hip-signal-cards h3 { margin:54px 0 12px; }
.hip-cta-section { border-block:1px solid #254a52; background:linear-gradient(135deg,#0c2530,#102038 60%,#16152b); }.hip-cta-grid { display:grid; grid-template-columns:1.35fr .65fr; align-items:center; gap:60px; }.hip-cta-grid p:not(.hip-eyebrow) { max-width:650px; color:var(--public-secondary); line-height:1.7; }.hip-cta-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; text-align:center; }.hip-muted-link { padding:9px; color:var(--public-muted); font-size:.84rem; }
.hip-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.hip-code-card { overflow:hidden; border:1px solid #2c3a50; border-radius:15px; background:#07111f; }.hip-code-card>div { display:flex; justify-content:space-between; border-bottom:1px solid #203049; padding:12px 16px; color:var(--public-muted); font-family:"JetBrains Mono",Consolas,monospace; font-size:.7rem; }.hip-code-card pre { overflow:auto; margin:0; padding:24px; color:#b7f7ed; font: .8rem/1.72 "JetBrains Mono",Consolas,monospace; white-space:pre-wrap; }
.hip-cta-inline { display:flex; align-items:center; justify-content:space-between; gap:40px; border:1px solid var(--public-border); border-radius:17px; padding:clamp(30px,5vw,58px); background:var(--public-surface); }.hip-cta-inline h2 { font-size:clamp(2rem,4vw,3.5rem); }
.hip-process-list { margin:0; padding:0; list-style:none; }.hip-process-list li { display:grid; grid-template-columns:minmax(150px,.6fr) minmax(0,1.5fr); gap:48px; border-top:1px solid var(--public-border); padding:44px 0; }.hip-process-list li:last-child { border-bottom:1px solid var(--public-border); }.hip-process-list>li>span { color:var(--public-teal-bright); font-family:"JetBrains Mono",Consolas,monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }.hip-process-list h2 { font-size:clamp(1.8rem,3.2vw,3rem); }.hip-process-list p { max-width:720px; color:var(--public-muted); line-height:1.72; }
.hip-score-breakdown { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid #304057; background:#304057; }.hip-score-breakdown article { padding:28px; background:var(--public-surface); }.hip-score-breakdown article.is-final { background:#133440; }.hip-score-breakdown span { color:var(--public-muted); font-size:.76rem; }.hip-score-breakdown strong { display:block; margin:30px 0 14px; font-size:3.8rem; }.hip-score-breakdown p { margin:0; color:var(--public-muted); font-size:.82rem; line-height:1.55; }
.hip-score-bands { grid-template-columns:repeat(3,1fr); }.hip-score-bands strong { font-size:clamp(1.4rem,2.3vw,2.2rem); letter-spacing:-.03em; }
.hip-proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.hip-proof-grid article { min-height:230px; border:1px solid #304057; border-radius:13px; padding:25px; background:var(--public-elevated); }.hip-proof-grid h3 { margin:56px 0 10px; }.hip-public-page code { color:#b7f7ed; font-family:"JetBrains Mono",Consolas,monospace; font-size:.9em; }
.hip-notice { border-left:3px solid var(--public-teal); padding:24px 28px; background:var(--public-surface); }.hip-notice strong { font-size:1.25rem; }.hip-notice p { margin:8px 0 0; color:var(--public-muted); line-height:1.65; }
.hip-breadcrumbs { margin-bottom:30px; color:var(--public-muted); font-size:.78rem; }
.hip-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.hip-breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:8px; color:#536278; }
.hip-breadcrumbs a { color:var(--public-teal-bright); text-decoration:none; }
.hip-breadcrumbs a:hover { text-decoration:underline; }
.hip-copy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.hip-copy-grid article { border:1px solid var(--public-border); border-radius:13px; padding:27px; background:var(--public-surface); }
.hip-copy-grid h3 { margin:34px 0 10px; }
.hip-copy-grid p { margin:0; color:var(--public-muted); line-height:1.65; }
.hip-related-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
@media (prefers-reduced-motion:no-preference) { .hip-button,.hip-button-secondary,.hip-audience-grid article,.hip-capability-grid article { transition:transform .16s ease,border-color .16s ease,background .16s ease; }.hip-audience-grid article:hover,.hip-capability-grid article:hover { transform:translateY(-3px); border-color:#3a536c; } }
@media (max-width:980px) { .hip-hero { min-height:auto; }.hip-hero-grid,.hip-split,.hip-cta-grid { grid-template-columns:1fr; }.hip-result-card { max-width:620px; }.hip-audience-grid,.hip-step-grid,.hip-capability-grid,.hip-signal-cards,.hip-score-breakdown { grid-template-columns:repeat(2,1fr); }.hip-signal-strip { justify-content:flex-start; }.hip-extension-frame { max-width:500px; }.hip-cta-actions { max-width:380px; }.hip-step-grid li:nth-child(2) { border-right:1px solid #314056; }.hip-step-grid li:nth-child(n+3) { border-top:1px solid #314056; } }
@media (max-width:640px) { .hip-container { width:min(100% - 28px,1180px); }.hip-hero,.hip-page-hero { padding:64px 0 72px; }.hip-public-page h1 { font-size:clamp(3.15rem,16vw,4.8rem); }.hip-section-heading { grid-template-columns:1fr; gap:4px; }.hip-audience-grid,.hip-step-grid,.hip-capability-grid,.hip-signal-cards,.hip-score-breakdown,.hip-proof-grid,.hip-copy-grid { grid-template-columns:1fr; }.hip-step-grid li,.hip-step-grid li:nth-child(2) { min-height:0; border:1px solid #314056; border-bottom:0; }.hip-step-grid li:last-child { border-bottom:1px solid #314056; }.hip-step-grid h3 { margin-top:42px; }.hip-domain-control { grid-template-columns:auto minmax(0,1fr); }.hip-domain-control button { grid-column:1/-1; width:100%; }.hip-process-list li { grid-template-columns:1fr; gap:18px; }.hip-cta-inline { align-items:flex-start; flex-direction:column; }.hip-page-hero .hip-container { margin-inline:auto; }.hip-score-row strong { font-size:4.3rem; } }