/* BLACK HOLE AI / PASS 2B PREMIUM */
:root{
  --p2b-line:rgba(145,125,255,.18);
  --p2b-soft:rgba(255,255,255,.055);
  --p2b-purple:#9b73ff;
  --p2b-blue:#74a7ff;
  --p2b-muted:rgba(235,239,255,.68);
}

html{scroll-behavior:smooth}

#primary-nav{
  gap:clamp(.65rem,1.15vw,1.2rem);
}
#primary-nav a{
  font-size:.78rem;
  white-space:nowrap;
}

.p2b-home{
  overflow:hidden;
}

.p2b-hero{
  width:min(1480px,calc(100% - 28px));
  min-height:590px;
  margin:14px auto 0;
  position:relative;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:28px;
  background:#070912;
}

.p2b-hero-media,
.p2b-hero-media img,
.p2b-hero-shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.p2b-hero-media img{
  object-fit:cover;
  object-position:center 28%;
}

.p2b-hero-shade{
  background:
    linear-gradient(90deg,rgba(5,7,15,.97) 0%,rgba(5,7,15,.86) 34%,rgba(5,7,15,.22) 70%,rgba(5,7,15,.78) 100%),
    linear-gradient(0deg,rgba(5,7,15,.93),transparent 55%);
}

.p2b-hero-copy{
  position:relative;
  z-index:2;
  max-width:720px;
  padding:clamp(64px,8vw,108px) clamp(28px,6vw,86px) 58px;
}

.p2b-hero-copy h1{
  max-width:760px;
  margin:.45rem 0 1rem;
  font-size:clamp(3.1rem,6vw,6.35rem);
  line-height:.88;
  letter-spacing:-.055em;
}

.p2b-hero-copy>p:not(.eyebrow){
  max-width:620px;
  font-size:clamp(1rem,1.5vw,1.25rem);
  line-height:1.6;
  color:var(--p2b-muted);
}

.p2b-proof-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:30px;
}

.p2b-proof-strip span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(5,7,15,.38);
  backdrop-filter:blur(12px);
  color:rgba(255,255,255,.72);
  font-size:.68rem;
  letter-spacing:.11em;
}

.p2b-hero-products{
  position:absolute;
  z-index:3;
  right:24px;
  bottom:24px;
  width:min(390px,31vw);
  display:grid;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  overflow:hidden;
  background:rgba(7,9,18,.76);
  backdrop-filter:blur(22px);
}

.p2b-hero-products a{
  min-height:66px;
  display:grid;
  grid-template-columns:32px 1fr auto;
  align-items:center;
  gap:12px;
  padding:12px 15px;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.p2b-hero-products a:last-child{border-bottom:0}
.p2b-hero-products a:hover{background:rgba(138,100,255,.12)}
.p2b-hero-products small{color:#8fa9e8;font-size:.65rem}
.p2b-hero-products span{font-weight:700}
.p2b-hero-products span b{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.5);
  font-size:.7rem;
  font-weight:500;
}
.p2b-hero-products i{font-style:normal;color:#a98aff}

.p2b-build{
  padding-top:72px;
  padding-bottom:68px;
}

.p2b-build-copy{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(320px,.6fr);
  gap:50px;
  align-items:end;
  margin-bottom:28px;
}

.p2b-build-copy h2{
  margin:.4rem 0 0;
  font-size:clamp(2.6rem,5vw,5.2rem);
  line-height:.93;
  letter-spacing:-.05em;
}

.p2b-build-copy>p:last-child{
  margin:0 0 6px;
  max-width:560px;
  color:var(--p2b-muted);
  line-height:1.65;
}

.p2b-eila-console{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.55fr);
  border:1px solid rgba(138,112,255,.22);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(100,65,210,.2),transparent 32%),
    #090b15;
  box-shadow:0 34px 90px rgba(0,0,0,.36);
}

.p2b-eila-stage{
  display:grid;
  grid-template-rows:minmax(390px,1fr) auto;
  border-right:1px solid var(--p2b-line);
  background:#070913;
}

.p2b-eila-image{
  position:relative;
  min-height:390px;
  overflow:hidden;
}

.p2b-eila-image>img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  object-position:center 16%;
  filter:saturate(.88) contrast(1.06);
}

.p2b-eila-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,#070913 0%,transparent 47%),
    linear-gradient(90deg,rgba(8,10,22,.22),transparent);
}

.p2b-eila-glow{
  position:absolute;
  width:220px;
  height:220px;
  left:50%;
  bottom:-100px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(121,86,255,.55);
  filter:blur(70px);
}

.p2b-eila-status,
.p2b-eila-name{
  position:absolute;
  z-index:2;
}

.p2b-eila-status{
  top:18px;
  left:18px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(4,6,14,.66);
  backdrop-filter:blur(14px);
  font-size:.64rem;
  letter-spacing:.12em;
}

.p2b-eila-status span{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#88ffba;
  box-shadow:0 0 15px #88ffba;
}

.p2b-eila-name{
  left:24px;
  right:24px;
  bottom:23px;
}

.p2b-eila-name small{
  color:#98aef0;
  letter-spacing:.14em;
}

.p2b-eila-name strong{
  display:block;
  font-size:2.15rem;
  letter-spacing:-.04em;
}

.p2b-eila-name p{
  margin:4px 0 0;
  color:rgba(255,255,255,.62);
}

.p2b-mode-stack{
  display:grid;
}

.p2b-mode-stack button{
  width:100%;
  min-height:70px;
  border:0;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:30px 1fr auto;
  gap:12px;
  align-items:center;
  padding:13px 18px;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
}

.p2b-mode-stack button:hover{
  background:rgba(127,95,255,.11);
}

.p2b-mode-stack i,
.p2b-mode-stack b{
  font-style:normal;
  color:#967cff;
}

.p2b-mode-stack span{
  font-weight:700;
}

.p2b-mode-stack small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.48);
  font-weight:500;
}

.p2b-build-menu{
  padding:clamp(24px,3.3vw,46px);
}

.p2b-build-menu header{
  max-width:680px;
  margin-bottom:22px;
}

.p2b-build-menu h3{
  margin:10px 0 7px;
  font-size:clamp(2rem,3.2vw,3.15rem);
  letter-spacing:-.045em;
}

.p2b-build-menu header p{
  color:var(--p2b-muted);
}

.p2b-live-label{
  color:#a8b9ec;
  font-size:.68rem;
  letter-spacing:.15em;
}

.p2b-live-label i{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#8bffbc;
}

.p2b-build-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.p2b-build-grid button{
  position:relative;
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  padding:17px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:
    radial-gradient(circle at top right,rgba(113,81,230,.16),transparent 42%),
    rgba(255,255,255,.025);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:.18s ease;
}

.p2b-build-grid button:hover{
  transform:translateY(-2px);
  border-color:rgba(159,126,255,.42);
  background-color:rgba(113,81,230,.08);
}

.p2b-build-grid span{
  color:#9aaee9;
  font-size:.67rem;
  letter-spacing:.12em;
}

.p2b-build-grid strong{
  max-width:90%;
  margin-top:7px;
  line-height:1.35;
}

.p2b-build-grid i{
  position:absolute;
  top:14px;
  right:14px;
  color:#a583ff;
  font-style:normal;
}

.p2b-build-footer{
  display:flex;
  gap:16px;
  justify-content:space-between;
  align-items:center;
  margin-top:22px;
}

.p2b-build-footer>span{
  color:rgba(255,255,255,.45);
  font-size:.74rem;
}

.p2b-section-head{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:end;
  margin-bottom:24px;
}

.p2b-section-head h2{
  margin:.45rem 0 0;
  font-size:clamp(2.5rem,4.7vw,4.9rem);
  line-height:.94;
  letter-spacing:-.05em;
}

.p2b-rail-section{
  padding-top:56px;
  padding-bottom:72px;
}

.p2b-rail-controls{
  display:flex;
  gap:8px;
}

.p2b-rail-controls button{
  min-width:48px;
  height:44px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#fff;
  cursor:pointer;
}

.p2b-rail-controls button:hover{
  border-color:rgba(157,127,255,.42);
  background:rgba(124,89,235,.09);
}

.p2b-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(310px,390px);
  gap:14px;
  overflow-x:auto;
  padding:2px 1px 14px;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:rgba(142,112,255,.4) transparent;
}

.p2b-card{
  scroll-snap-align:start;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:20px;
  background:#0a0c16;
}

.p2b-card-media{
  height:215px;
  display:block;
  position:relative;
  overflow:hidden;
}

.p2b-card-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(5,7,14,.75),transparent 50%);
}

.p2b-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.p2b-card:hover .p2b-card-media img{
  transform:scale(1.025);
}

.p2b-card-media>span{
  position:absolute;
  z-index:2;
  left:14px;
  bottom:13px;
  padding:6px 8px;
  border-radius:8px;
  background:rgba(6,8,16,.76);
  color:#d7dbff;
  font-size:.62rem;
  letter-spacing:.11em;
}

.p2b-card>div{
  padding:17px 17px 18px;
}

.p2b-card small{
  color:#8497cf;
  letter-spacing:.1em;
}

.p2b-card h3{
  margin:7px 0 7px;
  font-size:1.45rem;
}

.p2b-card p{
  min-height:46px;
  margin:0;
  color:rgba(255,255,255,.6);
  line-height:1.5;
}

.p2b-card-actions{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:15px;
}

.p2b-card-actions a,
.p2b-card-actions button{
  color:#c4b4ff;
  text-decoration:none;
  font-size:.78rem;
}

.p2b-card-actions button{
  border:0;
  padding:0;
  background:none;
  cursor:pointer;
}

.p2b-feature{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.75fr);
  gap:clamp(34px,5vw,76px);
  align-items:center;
  padding-top:72px;
  padding-bottom:72px;
}

.p2b-feature.reverse{
  grid-template-columns:minmax(340px,.75fr) minmax(0,1.15fr);
}

.p2b-feature.reverse .p2b-feature-media{order:2}

.p2b-feature-media button{
  width:100%;
  display:block;
  position:relative;
  padding:0;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:22px;
  background:#080a13;
  cursor:pointer;
}

.p2b-feature-media img{
  width:100%;
  aspect-ratio:16/10;
  display:block;
  object-fit:cover;
}

.p2b-feature-media button>span{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:7px 9px;
  border-radius:8px;
  background:rgba(6,8,15,.76);
  color:#fff;
  font-size:.65rem;
  letter-spacing:.1em;
}

.p2b-feature-copy h2{
  margin:.5rem 0 1rem;
  font-size:clamp(2.6rem,4.8vw,5rem);
  line-height:.93;
  letter-spacing:-.05em;
}

.p2b-feature-copy>p:not(.eyebrow){
  max-width:600px;
  color:var(--p2b-muted);
  line-height:1.65;
}

.p2b-flow{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin:23px 0;
}

.p2b-flow span{
  display:flex;
  gap:6px;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  font-size:.7rem;
  color:#8498d1;
}

.p2b-flow b{color:#fff}
.p2b-flow i{font-style:normal;color:#775df0}

.p2b-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:22px 0;
}

.p2b-mini-grid article{
  min-height:110px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}

.p2b-mini-grid small{
  color:#917aff;
}

.p2b-mini-grid strong{
  display:block;
  margin:6px 0 4px;
}

.p2b-mini-grid p{
  margin:0;
  color:rgba(255,255,255,.48);
  font-size:.78rem;
}

.p2b-studio{
  padding-top:72px;
  padding-bottom:72px;
}

.p2b-studio-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.55fr);
  gap:14px;
}

.p2b-studio-main{
  position:relative;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:22px;
  padding:0;
  background:#090b14;
  cursor:pointer;
}

.p2b-studio-main img{
  width:100%;
  height:100%;
  min-height:490px;
  object-fit:cover;
}

.p2b-studio-main span{
  position:absolute;
  left:16px;
  bottom:16px;
  padding:7px 9px;
  border-radius:8px;
  background:rgba(4,6,13,.78);
  color:#fff;
  font-size:.65rem;
  letter-spacing:.1em;
}

.p2b-studio-copy{
  min-height:490px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:22px;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:22px;
  background:#0a0c16;
}

.p2b-studio-copy>img{
  width:calc(100% + 44px);
  height:210px;
  margin:-22px -22px auto;
  object-fit:cover;
}

.p2b-studio-copy h3{
  margin:22px 0 8px;
  font-size:2.15rem;
  line-height:1;
  letter-spacing:-.04em;
}

.p2b-studio-copy p{
  color:var(--p2b-muted);
}

.p2b-creators{
  min-height:560px;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:48px;
  border:1px solid var(--p2b-line);
  border-radius:28px;
  margin-top:72px;
  margin-bottom:72px;
}

.p2b-creators-media,
.p2b-creators-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.p2b-creators-media img{
  object-fit:cover;
}

.p2b-creators-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,7,14,.96) 0%,rgba(5,7,14,.77) 38%,rgba(5,7,14,.15) 75%);
}

.p2b-creators-copy{
  position:relative;
  z-index:2;
  max-width:590px;
}

.p2b-kicker{
  color:#99ace8;
  font-size:.7rem;
  letter-spacing:.14em;
}

.p2b-creators-copy h2{
  margin:10px 0 12px;
  font-size:clamp(2.7rem,5vw,5rem);
  line-height:.91;
  letter-spacing:-.05em;
}

.p2b-creators-copy p{
  color:var(--p2b-muted);
  line-height:1.6;
}

.p2b-deployments{
  padding-top:54px;
  padding-bottom:76px;
}

.p2b-deployment-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:12px;
}

.p2b-deployment-grid>a{
  min-height:380px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:20px;
}

.p2b-deployment-grid img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  transition:transform .35s ease;
}

.p2b-deployment-grid>a:hover img{
  transform:scale(1.025);
}

.p2b-deployment-grid>a:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(5,7,15,.92),transparent 58%);
}

.p2b-deployment-grid>a>span{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:18px;
  color:#fff;
}

.p2b-deployment-grid small{
  display:block;
  margin-bottom:4px;
  color:#9daee2;
  font-size:.67rem;
  letter-spacing:.11em;
}

.p2b-deployment-grid strong{
  font-size:1.5rem;
}

.p2b-closing{
  display:grid;
  grid-template-columns:1.1fr .8fr;
  align-items:end;
  gap:50px;
  margin-bottom:76px;
  padding:52px;
  border:1px solid rgba(143,116,255,.22);
  border-radius:26px;
  background:
    radial-gradient(circle at 15% 0,rgba(120,80,235,.2),transparent 36%),
    #090b15;
}

.p2b-closing h2{
  margin:.4rem 0 0;
  font-size:clamp(2.8rem,5vw,5.25rem);
  line-height:.91;
  letter-spacing:-.055em;
}

.p2b-closing>div:last-child>p{
  color:var(--p2b-muted);
  line-height:1.65;
}

.p2b-product-page{
  overflow:hidden;
}

.p2b-product-hero{
  width:min(1480px,calc(100% - 28px));
  min-height:520px;
  margin:14px auto 0;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:26px;
}

.p2b-product-hero>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.p2b-product-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,7,15,.97),rgba(5,7,15,.65) 46%,rgba(5,7,15,.2)),
    linear-gradient(0deg,rgba(5,7,15,.9),transparent 55%);
}

.p2b-product-hero-copy{
  position:relative;
  z-index:2;
  max-width:800px;
  padding:clamp(34px,5vw,68px);
}

.p2b-product-hero h1{
  margin:.5rem 0 1rem;
  font-size:clamp(3.1rem,6vw,6rem);
  line-height:.89;
  letter-spacing:-.055em;
}

.p2b-product-hero p{
  max-width:650px;
  color:var(--p2b-muted);
  line-height:1.65;
  font-size:1.05rem;
}

.p2b-system-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.p2b-system-grid article{
  min-height:190px;
  padding:20px;
  border:1px solid var(--p2b-line);
  border-radius:17px;
  background:rgba(255,255,255,.025);
}

.p2b-system-grid small{
  color:#927bff;
}

.p2b-system-grid h3{
  margin:28px 0 7px;
}

.p2b-system-grid p{
  margin:0;
  color:rgba(255,255,255,.57);
  line-height:1.5;
}

.p2b-gallery{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:10px;
}

.p2b-gallery button{
  min-height:340px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--p2b-line);
  border-radius:18px;
  padding:0;
  background:#090b14;
  cursor:pointer;
}

.p2b-gallery img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
}

.p2b-gallery button:after{
  content:"\\2197";
  position:absolute;
  right:12px;
  top:12px;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(5,7,15,.72);
  color:#fff;
}

.p2b-product-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  padding:30px;
  border:1px solid var(--p2b-line);
  border-radius:20px;
  background:rgba(111,77,220,.07);
}

.p2b-product-cta h2{
  margin:0 0 6px;
  font-size:clamp(2rem,3.7vw,3.7rem);
  letter-spacing:-.045em;
}

.p2b-product-cta p{
  margin:0;
  color:var(--p2b-muted);
}

/* EILA premium modal override */
.attendant-dialog{
  width:min(1480px,calc(100vw - 26px));
  max-height:calc(100vh - 26px);
  border:1px solid rgba(139,112,255,.27);
  border-radius:24px;
  background:#080a13;
  box-shadow:0 42px 130px rgba(0,0,0,.72);
}

.attendant-topbar{
  min-height:74px;
  padding:13px 18px;
  background:rgba(8,10,20,.97);
}

.attendant-disclosure{
  margin:0;
  padding:8px 18px;
  background:rgba(93,68,180,.08);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:.7rem;
}

.attendant-workspace{
  grid-template-columns:minmax(280px,.83fr) minmax(390px,1.25fr) minmax(260px,.7fr);
}

.attendant-stage-image{
  min-height:420px;
}

.attendant-stage-image img{
  object-position:center 14%;
}

.attendant-conversation,
.attendant-coverage{
  background:#090b14;
}

.attendant-coverage{
  border-left:1px solid rgba(255,255,255,.07);
}

.attendant-mode-switch button[aria-pressed="true"]{
  background:linear-gradient(135deg,rgba(126,86,255,.28),rgba(78,113,255,.16));
  border-color:rgba(151,122,255,.46);
}

.attendant-suggestions button{
  border-radius:999px;
}

.attendant-message.assistant{
  border-color:rgba(139,108,255,.2);
  background:rgba(108,79,211,.08);
}

@media (max-width:1180px){
  .header-inner{
    gap:14px;
  }

  #primary-nav{
    gap:.65rem;
  }

  #primary-nav a{
    font-size:.7rem;
  }

  .p2b-hero-products{
    width:340px;
  }

  .p2b-eila-console{
    grid-template-columns:320px 1fr;
  }

  .p2b-system-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .attendant-workspace{
    grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr);
  }

  .attendant-coverage{
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.07);
  }
}

@media (max-width:900px){
  .p2b-hero{
    min-height:690px;
  }

  .p2b-hero-shade{
    background:
      linear-gradient(0deg,rgba(5,7,15,.98) 0%,rgba(5,7,15,.73) 56%,rgba(5,7,15,.2) 100%);
  }

  .p2b-hero-copy{
    padding:220px 24px 235px;
  }

  .p2b-hero-products{
    left:18px;
    right:18px;
    bottom:18px;
    width:auto;
    grid-template-columns:repeat(2,1fr);
  }

  .p2b-hero-products a{
    border-right:1px solid rgba(255,255,255,.08);
  }

  .p2b-build-copy,
  .p2b-closing{
    grid-template-columns:1fr;
    gap:22px;
  }

  .p2b-eila-console,
  .p2b-feature,
  .p2b-feature.reverse,
  .p2b-studio-grid{
    grid-template-columns:1fr;
  }

  .p2b-feature.reverse .p2b-feature-media{
    order:0;
  }

  .p2b-eila-stage{
    grid-template-columns:minmax(220px,.8fr) 1fr;
    grid-template-rows:auto;
  }

  .p2b-eila-image{
    min-height:390px;
  }

  .p2b-mode-stack{
    align-content:end;
  }

  .p2b-deployment-grid,
  .p2b-gallery{
    grid-template-columns:1fr 1fr;
  }

  .p2b-deployment-grid>a:first-child,
  .p2b-gallery button:first-child{
    grid-column:1/-1;
  }

  .p2b-creators{
    min-height:610px;
    padding:28px;
  }

  .p2b-creators-media:after{
    background:linear-gradient(0deg,rgba(5,7,14,.98),rgba(5,7,14,.38) 78%);
  }

  .p2b-product-cta{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .site-header{
    padding-inline:10px;
  }

  .p2b-hero{
    width:calc(100% - 16px);
    min-height:660px;
    border-radius:20px;
  }

  .p2b-hero-media img{
    object-position:56% top;
  }

  .p2b-hero-copy{
    padding:190px 20px 250px;
  }

  .p2b-hero-copy h1{
    font-size:clamp(2.8rem,14vw,4.25rem);
  }

  .p2b-proof-strip{
    display:none;
  }

  .p2b-hero-products{
    grid-template-columns:1fr 1fr;
  }

  .p2b-hero-products a{
    min-height:60px;
    grid-template-columns:23px 1fr auto;
    padding:9px 10px;
  }

  .p2b-hero-products span{
    font-size:.76rem;
  }

  .p2b-build{
    padding-top:44px;
  }

  .p2b-build-copy{
    margin-bottom:19px;
  }

  .p2b-eila-stage{
    grid-template-columns:1fr;
  }

  .p2b-eila-image{
    min-height:440px;
  }

  .p2b-mode-stack{
    grid-template-columns:repeat(3,1fr);
  }

  .p2b-mode-stack button{
    min-height:78px;
    grid-template-columns:1fr;
    gap:3px;
    padding:10px;
  }

  .p2b-mode-stack button i,
  .p2b-mode-stack button b{
    display:none;
  }

  .p2b-mode-stack small{
    font-size:.62rem;
  }

  .p2b-build-menu{
    padding:20px;
  }

  .p2b-build-grid{
    grid-template-columns:1fr;
  }

  .p2b-build-grid button{
    min-height:94px;
  }

  .p2b-build-footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .p2b-section-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .p2b-rail{
    grid-auto-columns:84vw;
  }

  .p2b-card-media{
    height:205px;
  }

  .p2b-feature{
    padding-top:48px;
    padding-bottom:48px;
  }

  .p2b-mini-grid,
  .p2b-system-grid,
  .p2b-deployment-grid,
  .p2b-gallery{
    grid-template-columns:1fr;
  }

  .p2b-deployment-grid>a:first-child,
  .p2b-gallery button:first-child{
    grid-column:auto;
  }

  .p2b-deployment-grid>a{
    min-height:310px;
  }

  .p2b-studio-main img{
    min-height:280px;
  }

  .p2b-studio-copy{
    min-height:420px;
  }

  .p2b-creators{
    margin-top:48px;
    margin-bottom:48px;
  }

  .p2b-closing{
    padding:26px 20px;
    margin-bottom:44px;
  }

  .p2b-product-hero{
    width:calc(100% - 16px);
    min-height:560px;
  }

  .p2b-product-hero-copy{
    padding:28px 20px;
  }

  .attendant-dialog{
    width:100vw;
    max-height:100vh;
    border-radius:0;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .p2b-card-media img,
  .p2b-deployment-grid img{
    transition:none;
  }
}