/* AYMIA /cozumler — fixed collaboration template V1.
   Isolated from the owner-approved /apps and homepage appearance. */
/* Remove the browser's default white 8px frame on /cozumler only.
   The owner-locked /apps page and homepage are not affected. */
html:has(.pc-page),
body:has(.pc-page) {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #050505;
}
.pc-page {
  --ac-glow:#a98c9d;
  --pc-ink:#f7f6f5;
  background:#050505;
  color:var(--pc-ink);
  position:relative;
  isolation:isolate;
}
.pc-page::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background: url("/images/aymia-eye-hero.webp") no-repeat 78% 48% / cover;
  opacity:.36;
  filter:grayscale(.38) saturate(.73) brightness(.74);
}
.pc-page::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
   linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 22%,rgba(5,5,5,.77) 39%,rgba(5,5,5,.34) 70%,rgba(5,5,5,.52) 100%),
   linear-gradient(180deg,rgba(5,5,5,.52) 0%,transparent 39%,rgba(5,5,5,.70) 100%);
}
.pc-page .ac-header {
  z-index:2;
  text-align:center;
}
.pc-page .ac-title {
  white-space:pre-line;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  font-weight:800;
  color:#f6f5f4;
  text-wrap:balance;
  font-size:clamp(30px,3.4vw,49px);
  letter-spacing:-.055em;
  line-height:1.03;
}
.pc-page .ac-kicker {color:rgba(239,235,237,.72)}
.pc-page .ac-lead {
  color:rgba(243,240,240,.75);
  max-width:62ch;
  margin-left:auto;
  margin-right:auto;
  text-wrap:pretty;
}
.pc-page .ac-discover {border-color:rgba(249,247,247,.24)}
.pc-page .ac-discover:hover {border-color:rgba(249,247,247,.68)}
.pc-page .ac-motion {z-index:1}
.pc-page .ac-stage {z-index:1}
.pc-page .ac-card {
  font:inherit;
  padding:0;
  text-align:center;
  border:1px solid rgba(248,245,245,.18);
  -webkit-tap-highlight-color:transparent;
}
.pc-page .ac-card-name {
  white-space:normal;
  font-size:clamp(11px,1.06vw,15px);
  letter-spacing:.09em;
  line-height:1.2;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.pc-page .ac-card.is-color .ac-card-name {
  font-size:clamp(12px,1.18vw,17px);
  letter-spacing:.11em;
}
.pc-page .ac-card-tagline {max-width:95%;font-size:clamp(9px,.76vw,11px)}
.pc-page .ac-card-cta {font-size:clamp(9px,.77vw,11px);text-decoration:none}
.pc-page .ac-card.is-color {
  box-shadow:0 24px 74px rgba(0,0,0,.75),0 0 36px color-mix(in srgb,var(--ac-glow) 21%,transparent);
}
.pc-page .ac-card.is-spotlight {
  box-shadow:0 31px 76px rgba(0,0,0,.83),0 0 44px color-mix(in srgb,var(--ac-glow) 27%,transparent);
}
.pc-page .ac-card.is-spotlight::after {opacity:.45}
.pc-page .ac-footer {z-index:2}
.pc-page .ac-footer h2 {color:#f5f3f1}
.pc-page .ac-footer p {color:rgba(233,229,231,.65)}
.pc-page .pc-dialog {
  z-index:80;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
  width:min(460px,calc(100vw - 32px));
  max-height:calc(100dvh - 36px);
  overflow:auto;
  padding:0;
  border:1px solid rgba(244,241,242,.23);
  border-radius:18px;
  background:linear-gradient(150deg,#161416,#080808);
  color:#f7f5f3;
  box-shadow:0 30px 100px rgba(0,0,0,.75);
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
}
.pc-page .pc-dialog:not([open]) {display:none}
.pc-page .pc-dialog::backdrop {background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.pc-page .pc-dialog-body {padding:clamp(24px,5vw,40px)}
.pc-page .pc-dialog-kicker {display:block;font-size:10px;letter-spacing:.22em;color:#aeacac}
.pc-page .pc-dialog h2 {margin:22px 0 12px;font-size:clamp(23px,5vw,35px);letter-spacing:-.05em;line-height:1.04}
.pc-page .pc-dialog p {font-size:14px;line-height:1.6;color:#cfcdcc}
.pc-page .pc-dialog-close {
  margin-top:20px;
  padding:11px 22px;
  border:1px solid rgba(248,245,245,.48);
  border-radius:999px;
  color:#f7f6f5;
  background:transparent;
  cursor:pointer;
  font:inherit;
  font-size:12px;
}
.pc-page .pc-dialog-close:hover {background:rgba(255,255,255,.09)}
@media(max-width:720px){
  .pc-page::before {background-size:auto 105%;background-position:67% center;opacity:.29}
  .pc-page::after {
   background:linear-gradient(180deg,rgba(5,5,5,.84),rgba(5,5,5,.42) 42%,rgba(5,5,5,.77) 100%),
              linear-gradient(90deg,rgba(5,5,5,.53),transparent 85%);
  }
  .pc-page .ac-title {font-size:clamp(27px,6.5vw,42px)}
  .pc-page .ac-lead {max-width:35ch;padding:0 12px}
  .pc-page .ac-card-name {font-size:11px}
  .pc-page .ac-card.is-color .ac-card-name {font-size:12px}
}
@media(max-height:690px){
  .pc-page .ac-title {font-size:clamp(24px,3.45vw,41px)}
}
@media(prefers-reduced-motion:reduce){
  .pc-page::before,.pc-page::after {transition:none}
  .pc-page .ac-card::after {animation:none!important}
  .pc-page .pc-dialog::backdrop {backdrop-filter:none}
}
