/* PRAKTON Release 1.0 — unified interior pages */

body.interior-experience{
  min-height:100vh;
  background:transparent;
}
body.interior-experience .site-nav .is-active{
  color:var(--ink);
}
body.interior-experience .nav-contact.is-active{
  background:var(--mint);
  color:#07100e;
  border-color:var(--mint);
}
body.interior-experience .nav-trigger.is-active:after{
  content:"";
  position:absolute;
  left:.8rem;right:.8rem;bottom:.55rem;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--mint),transparent);
}
.page-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem;
  margin-bottom:1.1rem;
  font:500 .59rem var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
}
.page-breadcrumb a{
  color:var(--dim);
  text-decoration:none;
}
.page-breadcrumb a:hover{color:var(--mint)}
.page-breadcrumb span[aria-current="page"]{color:var(--mint)}

.interior-experience .hero.compact{
  min-height:72svh;
  padding-top:calc(var(--nav-height) + 6rem);
  background:
    radial-gradient(circle at 75% 38%,rgba(124,140,255,.11),transparent 30%),
    radial-gradient(circle at 22% 62%,rgba(127,240,211,.045),transparent 30%);
}
.interior-experience .hero.compact:after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:min(1040px,84vw);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(127,240,211,.25),rgba(124,140,255,.28),transparent);
}
.interior-experience .hero-content{
  max-width:1040px;
  animation:hero-copy-in .8s cubic-bezier(.2,.75,.2,1) both;
}
.interior-experience .hero-content h1{
  max-width:1000px;
}
.interior-experience .hero-content .lead{
  max-width:800px;
}

/* Consistent premium surfaces */
.interior-experience .card,
.interior-experience .ledger,
.interior-experience .arch-node,
.interior-experience .integration-principle,
.interior-experience .comparison-shell{
  border-color:rgba(151,164,255,.16);
}
.interior-experience .card{
  min-height:100%;
}
.interior-experience .grid{
  border-radius:18px;
  overflow:hidden;
}
.interior-experience .card:hover{
  transform:translateY(-3px);
}

/* Architecture: infographic treatment */
.page-architecture .architecture{
  position:relative;
  gap:.7rem;
  padding:1rem;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(124,140,255,.07),rgba(9,11,20,.88));
}
.page-architecture .arch-node{
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  animation:node-breathe 5s ease-in-out infinite;
}
.page-architecture .arch-node:after{
  content:"";
  position:absolute;
  left:-55%;top:0;width:45%;height:1px;
  background:linear-gradient(90deg,transparent,var(--mint),transparent);
  animation:node-scan 5s linear infinite;
}
.page-architecture .arch-node:nth-child(2){animation-delay:-.7s}
.page-architecture .arch-node:nth-child(3){animation-delay:-1.4s}
.page-architecture .arch-node:nth-child(4){animation-delay:-2.1s}
.page-architecture .arch-node:nth-child(5){animation-delay:-2.8s}
.page-architecture .arch-node:nth-child(6){animation-delay:-3.5s}

/* Integrations: marketplace presentation */
.page-integrations .integration-principles{
  gap:1rem;
}
.page-integrations .integration-principle{
  border-radius:16px;
  background:linear-gradient(145deg,rgba(17,21,34,.96),rgba(10,13,22,.96));
  box-shadow:0 24px 60px rgba(0,0,0,.16);
}
.page-integrations .integration-card{
  border-radius:15px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.page-integrations .integration-card:hover{
  transform:translateY(-4px);
  border-color:rgba(127,240,211,.28);
  box-shadow:0 22px 55px rgba(0,0,0,.26);
}
.page-integrations .integration-card img{
  width:44px;
  height:44px;
  object-fit:contain;
}

/* Why Quanta: whitepaper feel */
.page-why-quanta .comparison-shell{
  box-shadow:0 30px 90px rgba(0,0,0,.24);
}
.page-why-quanta .comparison-table thead th{
  backdrop-filter:blur(16px);
}
.page-why-quanta .methodology,
.page-why-quanta .comparison-toolbar{
  border-radius:16px;
}
.page-why-quanta .quanta-col{
  background:linear-gradient(180deg,rgba(127,240,211,.055),rgba(124,140,255,.035));
}

/* Industries as showcase */
.page-industries .grid .card{
  min-height:300px;
  padding:2rem;
  overflow:hidden;
}
.page-industries .grid .card:before{
  content:"";
  position:absolute;
  width:240px;height:240px;
  right:-100px;top:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(124,140,255,.18),transparent 68%);
}
.page-industries .grid .card h3{
  font-size:1.35rem;
  margin-top:1.2rem;
}

/* Industry detail visual identities */
.page-ecommerce .hero.compact{background:radial-gradient(circle at 78% 35%,rgba(127,240,211,.09),transparent 33%)}
.page-trading .hero.compact{background:radial-gradient(circle at 78% 35%,rgba(124,140,255,.14),transparent 33%)}
.page-hotels .hero.compact{background:radial-gradient(circle at 78% 35%,rgba(164,140,255,.12),transparent 33%)}
.page-ecommerce .feature-card:after{background:linear-gradient(90deg,var(--mint),var(--accent))}
.page-trading .feature-card:after{background:linear-gradient(90deg,var(--accent),#b99cff)}
.page-hotels .feature-card:after{background:linear-gradient(90deg,#b99cff,var(--mint))}

/* Contact */
.page-contact form{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(13,16,27,.72);
  padding:1.5rem;
  box-shadow:0 25px 70px rgba(0,0,0,.2);
}
.page-contact input,
.page-contact textarea,
.page-contact select{
  border-radius:10px;
}
.page-contact input:focus,
.page-contact textarea:focus,
.page-contact select:focus{
  outline:none;
  border-color:rgba(127,240,211,.52);
  box-shadow:0 0 0 3px rgba(127,240,211,.07);
}

/* Page transition */
body{
  transition:opacity .18s ease,transform .18s ease;
}
body.page-leaving{
  opacity:.35;
  transform:translateY(3px);
}

/* Focus and accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--mint);
  outline-offset:4px;
}

@media(max-width:760px){
  .interior-experience .hero.compact{
    min-height:auto;
    padding-top:calc(var(--nav-height) + 4rem);
  }
  .page-architecture .architecture{padding:.7rem}
}
@media(prefers-reduced-motion:reduce){
  body{transition:none}
  body.page-leaving{opacity:1;transform:none}
}


/* PRAKTON Release 1.6 — Home platform cards */
.page-home .platform-card-link,
body:not(.interior-experience) .platform-card-link{
  position:absolute;
  left:2rem;
  bottom:1.8rem;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--mint);
  font:500 .63rem var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  z-index:4;
}
body:not(.interior-experience) .platform-card-link svg{width:15px;height:15px;transition:transform .2s ease}
body:not(.interior-experience) .platform-card-link:hover svg{transform:translateX(4px)}
body:not(.interior-experience) .platform-card{padding-bottom:5.2rem}

.quanta-governance-visual{
  position:absolute;
  left:1.6rem;right:1.6rem;bottom:4.7rem;
  min-height:255px;
  padding:1.15rem;
  border:1px solid rgba(151,164,255,.16);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(124,140,255,.055),rgba(7,9,16,.35));
  overflow:hidden;
}
.quanta-governance-visual:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(rgba(151,164,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(151,164,255,.045) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
}
.governance-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.governance-row span{padding:.55rem .4rem;border:1px solid var(--line);border-radius:8px;background:rgba(12,15,25,.86);text-align:center;color:var(--dim);font:500 .58rem var(--mono);letter-spacing:.04em}
.governance-core{position:relative;z-index:2;width:min(300px,78%);margin:0 auto;padding:.95rem 1rem;border:1px solid rgba(127,240,211,.28);border-radius:12px;background:linear-gradient(135deg,rgba(127,240,211,.09),rgba(124,140,255,.09));text-align:center;box-shadow:0 0 35px rgba(124,140,255,.08)}
.governance-core img{display:block;width:72px;max-height:22px;object-fit:contain;margin:0 auto .45rem}
.governance-core strong{display:block;font:600 .82rem var(--display)}
.governance-core small{display:block;margin-top:.25rem;color:var(--dim);font:400 .54rem var(--mono)}
.governance-flow{position:relative;z-index:2;height:31px;display:grid;grid-template-columns:repeat(3,1fr);place-items:center}
.governance-flow i{width:1px;height:100%;background:linear-gradient(transparent,var(--mint));position:relative;opacity:.65}
.governance-flow i:after{content:"";position:absolute;left:-2px;bottom:1px;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:governance-pulse 2.2s ease-in-out infinite}
.governance-flow-out i{background:linear-gradient(var(--accent),transparent)}
.governance-flow-out i:after{top:1px;bottom:auto;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.governance-flow i:nth-child(2):after{animation-delay:-.7s}.governance-flow i:nth-child(3):after{animation-delay:-1.4s}

.quanta-integration-visual{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.35rem;padding:1rem;border:1px solid rgba(151,164,255,.14);border-radius:14px;background:rgba(7,9,16,.35)}
.quanta-integration-visual:before,.quanta-integration-visual:after{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--mint),transparent);opacity:.28}
.quanta-integration-visual:after{transform:rotate(90deg)}
.quanta-integration-visual span,.quanta-integration-visual b{position:relative;z-index:2;display:grid;place-items:center;min-height:34px;border:1px solid var(--line);border-radius:8px;background:#0d101b;color:var(--dim);font:500 .55rem var(--mono)}
.quanta-integration-visual b{grid-column:2;grid-row:2;color:var(--ink);border-color:rgba(127,240,211,.35);background:linear-gradient(135deg,rgba(127,240,211,.12),rgba(124,140,255,.12));box-shadow:0 0 24px rgba(127,240,211,.08)}
.quanta-integration-visual span:nth-child(5){grid-column:1}.quanta-integration-visual span:nth-child(6){grid-column:2}.quanta-integration-visual span:nth-child(7){grid-column:3}

.quanta-model-visual{margin-top:1.25rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}
.model-chip{padding:.65rem .75rem;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018)}
.model-chip span{display:block;color:var(--mint);font:500 .48rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.model-chip strong{display:block;margin-top:.18rem;font:500 .72rem var(--display)}
.model-router{grid-column:1/-1;display:flex;align-items:center;gap:.65rem;color:var(--dim);font:500 .54rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.model-router i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(127,240,211,.45))}.model-router i:last-child{background:linear-gradient(90deg,rgba(124,140,255,.45),transparent)}

@keyframes governance-pulse{0%,100%{opacity:.25;transform:translateY(-2px)}50%{opacity:1;transform:translateY(4px)}}
@media(max-width:760px){
  body:not(.interior-experience) .platform-card{min-height:400px;padding-bottom:5rem}
  body:not(.interior-experience) .platform-card.large{min-height:590px}
  .quanta-governance-visual{min-height:250px;left:1rem;right:1rem}
  body:not(.interior-experience) .platform-card-link{left:1.5rem;bottom:1.5rem}
}
@media(prefers-reduced-motion:reduce){.governance-flow i:after{animation:none}}