:root {
  --bg: #060A12;
  --bg-soft: #0B1020;
  --panel: #111827;
  --panel-soft: #172033;
  --border: #263247;
  --text: #F8FAFC;
  --text-soft: #CBD5E1;
  --text-muted: #94A3B8;
  --signal: #22D3EE;
  --signal-strong: #06B6D4;
  --violet: #7C3AED;
  --evidence: #F59E0B;
  --ready: #22C55E;
  --risk: #EF4444;
  --shadow-signal: 0 0 42px rgba(34, 211, 238, .20);
  --shadow-violet: 0 0 54px rgba(124, 58, 237, .18);
  --radius-lg: 1.35rem;
  --radius-md: .9rem;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 12% -12%, rgba(34,211,238,.22), transparent 34rem),
    radial-gradient(circle at 88% 4%, rgba(124,58,237,.18), transparent 30rem),
    radial-gradient(circle at 50% 46%, rgba(245,158,11,.055), transparent 34rem),
    linear-gradient(180deg, #060A12 0%, #080E1A 42%, #060A12 100%);
  letter-spacing: -0.01em;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(148,163,184,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.7), rgba(0,0,0,.08));
}
a { color: inherit; text-decoration: none; }
::selection { background: rgba(34,211,238,.26); color: var(--text); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .9rem max(1rem, calc((100vw - var(--max)) / 2));
  background: rgba(6,10,18,.78);
  backdrop-filter: blur(18px) saturate(140%);
  border-bottom: 1px solid rgba(38,50,71,.78);
}
.brand { display: flex; align-items: center; gap: .72rem; font-weight: 850; letter-spacing: -0.035em; }
.brand-mark {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid rgba(34,211,238,.64);
  border-radius: 999px 999px 999px 30%;
  color: var(--signal);
  box-shadow: var(--shadow-signal), inset 0 0 18px rgba(34,211,238,.12);
  transform: rotate(-18deg);
  font-size: .75rem;
}
.brand-mark::before {
  content: "";
  width: .62rem;
  height: .62rem;
  border-radius: 999px;
  background: radial-gradient(circle, var(--signal), rgba(34,211,238,.12));
  box-shadow: 0 0 22px rgba(34,211,238,.66);
}
.brand-mark::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(248,250,252,.75), transparent);
  transform: rotate(18deg);
}
.main-nav { display: flex; gap: .2rem; flex-wrap: wrap; color: var(--text-soft); font-size: .94rem; }
.nav-link { padding: .55rem .65rem; border-radius: .7rem; transition: color .18s ease, background .18s ease; }
.nav-link:hover { color: var(--signal); background: rgba(34,211,238,.07); }
.header-actions, .hero-actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.58rem;
  padding: .68rem 1rem;
  border-radius: .9rem;
  font-weight: 780;
  border: 1px solid var(--border);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: linear-gradient(135deg, var(--signal), #67E8F9); color: #031018; border-color: rgba(34,211,238,.92); box-shadow: var(--shadow-signal); }
.btn-secondary { background: rgba(255,255,255,.045); color: var(--text); }
.btn-secondary:hover { border-color: rgba(34,211,238,.45); background: rgba(34,211,238,.07); }

main { width: min(var(--max), calc(100% - 2rem)); margin: 0 auto; }
.route-banner { display: flex; flex-wrap: wrap; gap: .5rem; padding: 1.2rem 0 0; }
.hero {
  position: relative;
  padding: clamp(4.4rem, 10vw, 8.8rem) 0 3.3rem;
  max-width: 920px;
}
.hero::after {
  content: "";
  position: absolute;
  right: min(-19rem, -14vw);
  top: 17%;
  width: clamp(14rem, 31vw, 26rem);
  height: clamp(14rem, 31vw, 26rem);
  border-radius: 42% 58% 54% 46%;
  background:
    radial-gradient(circle at 50% 50%, rgba(34,211,238,.42), transparent 8%),
    radial-gradient(circle at 50% 50%, transparent 9%, rgba(34,211,238,.28) 10%, transparent 14%),
    radial-gradient(circle at 50% 50%, transparent 26%, rgba(124,58,237,.18) 27%, transparent 32%),
    linear-gradient(135deg, rgba(34,211,238,.10), rgba(124,58,237,.12));
  filter: blur(.1px);
  opacity: .78;
  pointer-events: none;
  box-shadow: var(--shadow-violet);
}
.eyebrow { color: var(--signal); text-transform: uppercase; letter-spacing: .18em; font-weight: 850; font-size: .78rem; }
h1 { font-size: clamp(2.85rem, 7.2vw, 6.05rem); line-height: .9; letter-spacing: -0.082em; margin: .3rem 0 1rem; max-width: 980px; }
h2 { font-size: clamp(1.75rem, 3.2vw, 2.72rem); letter-spacing: -0.052em; margin: 0 0 1rem; }
h3 { margin: 0 0 .6rem; letter-spacing: -0.025em; }
p { color: var(--text-soft); line-height: 1.66; }
.hero-copy { font-size: clamp(1.08rem, 2vw, 1.38rem); max-width: 790px; color: var(--text-soft); }
.section { padding: 3.35rem 0; border-top: 1px solid rgba(38,50,71,.72); }
.badge-row { display: flex; gap: .55rem; flex-wrap: wrap; padding: 0 0 3rem; }
.badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(34,211,238,.29);
  color: var(--signal);
  background: linear-gradient(180deg, rgba(34,211,238,.10), rgba(34,211,238,.045));
  border-radius: 999px;
  padding: .3rem .66rem;
  font-size: .78rem;
  font-weight: 760;
  box-shadow: inset 0 0 18px rgba(34,211,238,.03);
}
.pipeline { display: flex; flex-wrap: wrap; gap: .72rem; align-items: center; }
.pipeline-node {
  position: relative;
  padding: .86rem 1rem;
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(17,24,39,.82), rgba(11,16,32,.72));
  border-radius: 1rem;
  color: var(--text-soft);
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
}
.pipeline-node::after { content: "→"; color: var(--text-muted); margin-left: .72rem; }
.pipeline-node:last-child::after { content: ""; margin: 0; }
.card-grid, .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(236px, 1fr)); gap: 1rem; }
.card, .panel, .pricing-card {
  position: relative;
  border: 1px solid rgba(38,50,71,.94);
  background:
    linear-gradient(180deg, rgba(17,24,39,.88), rgba(11,16,32,.88)),
    radial-gradient(circle at 20% 0%, rgba(34,211,238,.07), transparent 18rem);
  border-radius: var(--radius-lg);
  padding: 1.18rem;
  box-shadow: 0 18px 60px rgba(0,0,0,.20);
}
.card::before, .pricing-card::before, .panel::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(34,211,238,.18), transparent 32%, rgba(124,58,237,.11));
  z-index: -1;
}
.two-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1rem; margin-top: 1rem; }
.clean-list { color: var(--text-soft); line-height: 1.9; padding-left: 1.2rem; }
.clean-list li::marker { color: var(--signal); }
.price { color: var(--text); font-size: 2.15rem; font-weight: 900; margin: .3rem 0 1rem; letter-spacing: -0.055em; }
.data-table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: 1rem; border: 1px solid var(--border); background: rgba(17,24,39,.55); }
.data-table th, .data-table td { text-align: left; padding: .9rem; border-bottom: 1px solid var(--border); color: var(--text-soft); vertical-align: top; }
.data-table th { color: var(--text); background: rgba(34,211,238,.065); }
code { color: var(--evidence); font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace; }
.preview td { background: rgba(124,58,237,.08); }
.muted { color: var(--text-muted); }
.site-footer { margin-top: 4rem; padding: 3rem max(1rem, calc((100vw - var(--max)) / 2)); border-top: 1px solid var(--border); background: rgba(6,10,18,.76); }
.footer-brand { max-width: 720px; }
.footer-brand h2 { margin-bottom: .2rem; }
.footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(166px, 1fr)); gap: 1.35rem; margin: 2rem 0; }
.footer-column ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .48rem; }
.footer-column a { color: var(--text-muted); font-size: .92rem; }
.footer-column a:hover { color: var(--signal); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; color: var(--text-muted); font-size: .9rem; }
@media (max-width: 920px) {
  .site-header { align-items: flex-start; flex-direction: column; }
  .main-nav { font-size: .9rem; }
  .header-actions { width: 100%; }
  .hero::after { opacity: .23; right: -7rem; }
}
@media (max-width: 560px) {
  main { width: min(100% - 1.25rem, var(--max)); }
  .site-header { padding-left: .75rem; padding-right: .75rem; }
  .main-nav { gap: .05rem; }
  .nav-link { padding: .45rem .5rem; }
  .btn { width: 100%; }
  .header-actions { display: grid; grid-template-columns: 1fr; }
  .data-table { display: block; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; scroll-behavior: auto !important; }
}
/* P66M public website polish layout additions */
.brand-logo { width: 2.15rem; height: 2.15rem; border-radius: .78rem; box-shadow: var(--shadow-signal); }
.page-shell { width: min(var(--max), calc(100% - 2rem)); margin: 0 auto; }
.hero-split { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(260px, .72fr); gap: clamp(1.6rem, 4vw, 4rem); align-items: center; max-width: none; }
.hero-visual { position: relative; border: 1px solid rgba(38,50,71,.85); border-radius: var(--radius-lg); padding: 1.2rem; background: linear-gradient(180deg, rgba(17,24,39,.72), rgba(11,16,32,.66)); box-shadow: var(--shadow-violet); overflow: hidden; }
.hero-visual::before { content: ""; position: absolute; inset: -30%; background: radial-gradient(circle at 50% 50%, rgba(34,211,238,.18), transparent 35%), radial-gradient(circle at 70% 40%, rgba(124,58,237,.16), transparent 28%); pointer-events: none; }
.lens-orbit { position: relative; width: min(76%, 15rem); aspect-ratio: 1; margin: .2rem auto 1.1rem; border: 1px solid rgba(34,211,238,.42); border-radius: 44% 56% 52% 48%; box-shadow: inset 0 0 42px rgba(34,211,238,.12), 0 0 55px rgba(124,58,237,.16); }
.lens-orbit span { position: absolute; inset: 38%; border-radius: 999px; background: var(--signal); box-shadow: 0 0 34px rgba(34,211,238,.76); }
.pipeline-list { position: relative; list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.pipeline-list li { border: 1px solid rgba(38,50,71,.86); background: rgba(6,10,18,.42); border-radius: .88rem; padding: .72rem .82rem; color: var(--text-soft); }
.code-panel { margin: 0; border: 1px solid rgba(38,50,71,.92); border-radius: var(--radius-lg); overflow: hidden; background: rgba(6,10,18,.72); }
.code-panel figcaption { color: var(--text); font-weight: 800; padding: .8rem 1rem; border-bottom: 1px solid var(--border); background: rgba(34,211,238,.055); }
.code-panel pre { margin: 0; padding: 1rem; overflow: auto; }
.code-gallery { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
@media (max-width: 860px) { .hero-split { grid-template-columns: 1fr; } .hero-visual { order: -1; } }


/* P66M Professional re-audit visual polish: cinematic scientific developer brand */
:root{--shadow-deep:0 24px 100px rgba(0,0,0,.35);--shadow-signal:0 0 48px rgba(34,211,238,.22);--shadow-violet:0 0 64px rgba(124,58,237,.18)}
body{background:radial-gradient(circle at 11% -10%,rgba(34,211,238,.25),transparent 34rem),radial-gradient(circle at 87% 3%,rgba(124,58,237,.20),transparent 32rem),radial-gradient(circle at 50% 45%,rgba(245,158,11,.06),transparent 34rem),linear-gradient(180deg,#060A12 0%,#081120 48%,#060A12 100%)}
body:after{content:"";position:fixed;inset:auto -20% -35% -20%;height:52vh;background:radial-gradient(ellipse at center,rgba(34,211,238,.08),transparent 60%);pointer-events:none;z-index:-1}
.skip-link{position:absolute;left:-999px;top:.5rem;background:var(--signal);color:#041019;padding:.6rem 1rem;border-radius:.7rem;z-index:100}.skip-link:focus{left:.75rem}
.site-header{box-shadow:0 18px 50px rgba(0,0,0,.18)}.brand span{font-size:1.05rem}.main-nav .nav-link{font-weight:680}.nav-link:hover{box-shadow:inset 0 0 0 1px rgba(34,211,238,.09)}
.hero-split{grid-template-columns:minmax(0,1.08fr) minmax(280px,.78fr);gap:clamp(1.8rem,4vw,4.4rem)}
.hero-visual{min-height:430px;background:linear-gradient(180deg,rgba(17,24,39,.78),rgba(11,16,32,.88)),radial-gradient(circle at 50% 20%,rgba(34,211,238,.18),transparent 15rem);box-shadow:var(--shadow-deep);overflow:hidden}
.hero-visual:before{content:"";position:absolute;inset:-35% -20%;background:conic-gradient(from 180deg,transparent,rgba(34,211,238,.14),transparent,rgba(124,58,237,.16),transparent);animation:ayneye_spin 18s linear infinite}
.lens-orb{position:relative;z-index:1;width:185px;height:185px;border-radius:45% 55% 55% 45%;margin:1.3rem auto 1rem;border:1px solid rgba(34,211,238,.6);box-shadow:var(--shadow-signal),inset 0 0 34px rgba(34,211,238,.13);display:grid;place-items:center;transform:rotate(-10deg)}
.lens-orb span{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,var(--signal),rgba(34,211,238,.08));box-shadow:0 0 34px rgba(34,211,238,.75)}
@keyframes ayneye_spin{to{transform:rotate(360deg)}}
.signal-flow b,.evidence-mini{backdrop-filter:blur(10px)}.card,.panel,.pricing-card,.trust-strip div{box-shadow:0 18px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
.card:hover,.pricing-card:hover{border-color:rgba(34,211,238,.38);transform:translateY(-2px);transition:.18s ease}.final-cta{box-shadow:var(--shadow-signal)}.code-shell{box-shadow:var(--shadow-deep)}.preview-form input,.preview-form textarea{opacity:.86}.footer-signal{color:var(--signal);font-weight:760}
@media (prefers-reduced-motion: reduce){.hero-visual:before{animation:none!important}.card:hover,.pricing-card:hover{transform:none}}

/* P66P transparency + accuracy polish */
.p66p-transparency .trust-hero .hero-copy { max-width: 760px; }
.evidence-map { position: relative; }
.readiness-table td:nth-child(2) { color: var(--ready, #22C55E); font-weight: 800; }
.card h3 { letter-spacing: -0.01em; }
.badge-row { display:flex; flex-wrap:wrap; gap:.65rem; margin:1.25rem 0 0; }
.badge { border:1px solid rgba(34,211,238,.30); background:rgba(34,211,238,.08); color:#dffbff; }
.data-table { width:100%; border-collapse: collapse; overflow:hidden; border-radius:18px; border:1px solid rgba(148,163,184,.20); }
.data-table th, .data-table td { text-align:left; vertical-align:top; padding:1rem; border-bottom:1px solid rgba(148,163,184,.16); }
.data-table th { color:#f8fafc; background:rgba(15,23,42,.78); }
.data-table td { color:#cbd5e1; }
.code-panel { border:1px solid rgba(34,211,238,.25); background:linear-gradient(145deg, rgba(6,10,18,.92), rgba(17,24,39,.78)); box-shadow:0 20px 70px rgba(0,0,0,.25); }
.code-panel figcaption { color:#22d3ee; font-weight:800; }
/* P66Q platform hardening visual additions */
.p66q-hardening .data-table td:nth-child(2){font-weight:700;color:#22d3ee;white-space:nowrap}
.p66q-hardening .code-panel{border:1px solid rgba(34,211,238,.2);box-shadow:0 20px 60px rgba(34,211,238,.06)}
.p66q-hardening .section-copy{max-width:860px}
.p66q-hardening .card h3{color:#f8fafc}
.p66q-hardening .card p{color:#cbd5e1}

/* P66R SEO growth + content depth polish */
.p66r-seo-growth .seo-hero h1{max-width:980px}
.p66r-seo-growth .infographic{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:.75rem;margin-top:1.5rem}
.p66r-seo-growth .infographic span{padding:1rem;border:1px solid rgba(34,211,238,.25);border-radius:18px;background:linear-gradient(145deg,rgba(34,211,238,.10),rgba(124,58,237,.08));font-weight:800;text-align:center;color:#f8fafc;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.p66r-seo-growth .deep-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.p66r-seo-growth .deep-card .clean-list{margin-top:1rem}
.p66r-seo-growth .faq-list{display:grid;gap:1rem;margin-top:1.2rem}.p66r-seo-growth .faq{border:1px solid rgba(148,163,184,.20);border-radius:18px;padding:1rem 1.2rem;background:rgba(15,23,42,.62)}
.p66r-seo-growth .faq summary{cursor:pointer;font-weight:900;color:#f8fafc}.p66r-seo-growth .faq p{color:#cbd5e1;margin:.75rem 0 0}
.p66r-seo-growth .calc-box{display:grid;gap:1rem;max-width:760px;border:1px solid rgba(34,211,238,.28);border-radius:24px;padding:1.25rem;background:linear-gradient(145deg,rgba(6,10,18,.92),rgba(17,24,39,.78));box-shadow:0 25px 70px rgba(34,211,238,.08)}
.p66r-seo-growth .calc-box label{display:grid;gap:.4rem;color:#cbd5e1;font-weight:700}.p66r-seo-growth .calc-box input,.p66r-seo-growth .calc-box select{background:#07111f;color:#f8fafc;border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:.8rem}
.p66r-seo-growth .calc-box output{font-size:1.05rem;font-weight:900;color:#22d3ee}
.p66r-seo-growth .seo-orbit{width:260px;height:260px;border-radius:50%;border:1px solid rgba(34,211,238,.32);position:relative;margin:auto;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.23),rgba(124,58,237,.10) 45%,transparent 66%)}
.p66r-seo-growth .seo-orbit span,.p66r-seo-growth .seo-orbit b,.p66r-seo-growth .seo-orbit i{position:absolute;border-radius:999px;background:#22d3ee;box-shadow:0 0 30px rgba(34,211,238,.6)}
.p66r-seo-growth .seo-orbit span{width:24px;height:24px;left:118px;top:118px}.p66r-seo-growth .seo-orbit b{width:12px;height:12px;left:42px;top:70px}.p66r-seo-growth .seo-orbit i{width:12px;height:12px;right:48px;bottom:64px}
@media(max-width:900px){.p66r-seo-growth .infographic{grid-template-columns:1fr 1fr}.p66r-seo-growth .seo-orbit{width:200px;height:200px}}

/* P66S blog authority content engine */
.p66s-blog-authority .article-meta,
.blog-meta { color: rgba(226, 242, 255, .76); font-size: .95rem; letter-spacing: .02em; }
.infographic-flow { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 26px 0; }
.infographic-flow span { border: 1px solid rgba(98, 232, 255, .26); background: linear-gradient(135deg, rgba(4, 21, 37, .84), rgba(32, 28, 71, .68)); border-radius: 16px; padding: 18px 12px; text-align: center; font-weight: 700; box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.copy-code-panel figcaption { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.copy-code-panel button { border: 1px solid rgba(98,232,255,.38); color: #dff8ff; background: rgba(98,232,255,.09); border-radius: 999px; padding: 6px 12px; cursor: pointer; }
.copy-code-panel button:hover { background: rgba(98,232,255,.18); }
.deep-card p, .section-copy { line-height: 1.72; }
.card-grid .card a { color: #a7f3ff; }
@media (max-width: 900px) { .infographic-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* P66T integrated CRO conversion system */
.p66t-hero.conversion-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center;padding:72px 0 42px;position:relative}
.p66t-hero-copy h1{font-size:clamp(2.65rem,7vw,5.8rem);line-height:.92;letter-spacing:-.08em;margin:14px 0;color:#f8fbff;text-wrap:balance}
.hero-lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:760px;color:#b9c7dc;line-height:1.7}
.p66t-rate-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0;padding:13px 15px;border:1px solid rgba(70,239,255,.32);border-radius:18px;background:linear-gradient(90deg,rgba(70,239,255,.13),rgba(142,110,255,.08));box-shadow:0 0 44px rgba(70,239,255,.12)}
.p66t-rate-strip strong{font-size:1.35rem;color:#65f2ff}.p66t-rate-strip span{color:#d5ddeb}.trust-note{font-size:.92rem;color:#93a4bd;max-width:740px}
.p66t-signup-box{display:grid;grid-template-columns:1fr 180px 220px;gap:10px;margin:20px 0 10px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(5,12,26,.76);box-shadow:0 20px 80px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.p66t-signup-box input{min-height:52px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:0 14px;outline:none}.p66t-signup-box input:focus{border-color:#46efff;box-shadow:0 0 0 3px rgba(70,239,255,.14)}.p66t-signup-box .btn{min-height:52px;white-space:nowrap}.p66t-signup-box .microcopy{grid-column:1/-1;margin:2px 4px 0;color:#91a2bb;font-size:.86rem}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.p66t-hero-visual{border:1px solid rgba(255,255,255,.14);border-radius:32px;padding:18px;background:radial-gradient(circle at 20% 10%,rgba(70,239,255,.2),transparent 32%),radial-gradient(circle at 90% 20%,rgba(141,106,255,.22),transparent 34%),rgba(7,13,28,.78);box-shadow:0 30px 120px rgba(0,0,0,.35)}
.sim-video{height:250px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(130deg,#07101d,#10192d 46%,#07101d);border:1px solid rgba(255,255,255,.1)}.sim-video:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;opacity:.34}.camera-dot{position:absolute;top:18px;right:18px;width:10px;height:10px;border-radius:50%;background:#46efff;box-shadow:0 0 25px #46efff}.motion{position:absolute;border:1px solid rgba(70,239,255,.45);background:rgba(70,239,255,.11);color:#bffbff;border-radius:12px;padding:7px 10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.motion.person{left:16%;top:45%;animation:floatA 5s infinite ease-in-out}.motion.truck{left:54%;top:60%;animation:floatB 6s infinite ease-in-out}.motion.zone{left:32%;top:22%;animation:pulseC 4s infinite ease-in-out}@keyframes floatA{50%{transform:translate(22px,-14px)}}@keyframes floatB{50%{transform:translate(-18px,12px)}}@keyframes pulseC{50%{box-shadow:0 0 40px rgba(70,239,255,.26)}}.sim-json{margin:14px 0 0;max-height:260px;overflow:auto;border-radius:22px;border:1px solid rgba(255,255,255,.11);background:#060b15;color:#b9ffe9;padding:18px;font-size:.88rem;line-height:1.55}
.p66t-split-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px}.p66t-split-proof>div,.p66t-cost-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))}.p66t-cost-card input{width:100%;accent-color:#46efff}.p66t-savings-output{font-size:1.08rem;color:#dbeafe}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;overflow:hidden;border-radius:20px}.comparison-table th,.comparison-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}.comparison-table th{text-align:left;color:#eaf7ff;background:rgba(70,239,255,.1)}.comparison-table td{color:#b7c6dc}.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:22px;margin-top:16px}.infographic-flow{display:flex;gap:8px;flex-wrap:wrap}.infographic-flow span{padding:12px 14px;border:1px solid rgba(70,239,255,.25);border-radius:999px;background:rgba(70,239,255,.08)}
@media (max-width: 920px){.p66t-hero.conversion-hero{grid-template-columns:1fr;padding-top:38px}.p66t-signup-box{grid-template-columns:1fr}.p66t-signup-box .microcopy{grid-column:auto}.p66t-split-proof{grid-template-columns:1fr}.p66t-hero-copy h1{font-size:clamp(2.4rem,13vw,4rem)}}
/* P66U long-form blog expansion */
.p66u-longform-shell .longform-article{max-width:980px;margin:0 auto}.longform-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.longform-meta span{border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:6px 10px;color:#cbd5e1;background:rgba(15,23,42,.5)}.longform-toc{border:1px solid rgba(34,211,238,.22);background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(124,58,237,.08));border-radius:22px;padding:18px;margin:26px 0}.longform-toc ol{columns:2;margin:10px 0 0;padding-left:20px}.longform-section{padding:18px 0;border-bottom:1px solid rgba(148,163,184,.12)}.longform-section p{font-size:1.04rem;line-height:1.85;color:#d7e1ee}.longform-cta{margin:36px 0;padding:24px;border-radius:24px;background:radial-gradient(circle at top left,rgba(34,211,238,.18),rgba(15,23,42,.82));border:1px solid rgba(34,211,238,.25)}@media(max-width:760px){.longform-toc ol{columns:1}.longform-section p{font-size:1rem}}
/* P66V signup QA + onboarding dashboard */
.p66v-onboarding .onboarding-hero form{margin:0}.onboarding-checklist{display:grid;gap:10px;margin:18px 0;padding:0;list-style:none}.onboarding-checklist li{display:flex;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:12px 14px;background:rgba(15,23,42,.52);color:#cbd5e1}.onboarding-checklist li.done{border-color:rgba(34,211,238,.38);background:rgba(34,211,238,.08);color:#f8fafc}.onboarding-checklist li span{font-weight:800;color:#22d3ee}.p66v-onboarding code{background:rgba(2,6,23,.65);border:1px solid rgba(148,163,184,.25);padding:2px 6px;border-radius:7px}.p66v-onboarding .card form{margin-top:8px}
/* P66X agent developer economics */
.p66x-agent-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:center;padding-top:42px}
.p66x-rate-strip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:12px 14px;border:1px solid rgba(45,212,191,.35);border-radius:18px;background:rgba(20,184,166,.08)}
.p66x-rate-strip strong{font-size:1.15rem;color:#67e8f9}.p66x-rate-strip span{color:#a7f3d0}.p66x-artifact-stack{min-height:280px;border:1px solid rgba(148,163,184,.22);border-radius:28px;padding:28px;background:radial-gradient(circle at 30% 20%,rgba(34,211,238,.24),transparent 35%),rgba(15,23,42,.78);display:flex;flex-direction:column;gap:16px;justify-content:center}.p66x-artifact-stack span{display:block;border:1px solid rgba(125,211,252,.28);border-radius:16px;padding:14px;background:rgba(2,6,23,.45);text-align:center;color:#e0f2fe}.p66x-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.p66x-flow article,.p66x-calc{border:1px solid rgba(148,163,184,.2);border-radius:22px;padding:20px;background:rgba(15,23,42,.72)}.p66x-flow code{display:block;margin-top:12px;padding:12px;border-radius:14px;background:rgba(2,6,23,.75);white-space:normal;color:#a7f3d0}.p66x-calc label{display:block;margin:10px 0;color:#dbeafe}.p66x-calc input[type=range]{width:100%}.p66x-calc p{font-size:1.04rem;color:#e2e8f0}.small-note,.trust-note{color:#94a3b8;font-size:.94rem}.comparison-table td,.comparison-table th{vertical-align:top}@media(max-width:860px){.p66x-agent-hero,.p66x-flow{grid-template-columns:1fr}.p66x-artifact-stack{min-height:auto}}