:root{
  --circino-navy:#0b1728; --circino-navy-deep:#080b18; --circino-paper:#f7f6f1;
  --circino-ink-pale:#d7e3f4; --circino-ink-mid:#afc6e9; --circino-ink-soft:#87aade;
  --circino-teal:#008080; --circino-teal-lit:#12a8ac;
  --circino-bronze:#e7a15f; --circino-bronze-lo:#472e0c;
  --tr-lg:16px; --tr-md:10px; --tr-sm:7px; --tr-pill:999px;
  --font-display:"Exo",system-ui,sans-serif; --font-cover:"Exo",system-ui,sans-serif; --font-label:"Barlow",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:radial-gradient(120% 90% at 18% -10%,#214478 0%,rgba(33,68,120,0) 58%),linear-gradient(#0b1728 0%,#0a0e1c 62%,#080b18 100%);
  font-family:var(--font-cover);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* nav */
.ap-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 44px;background:rgba(8,11,24,.55);border-bottom:1px solid rgba(215,227,244,.18)}
.ap-nav-links{display:flex;align-items:center;gap:30px}
.ap-nav-link{font:400 12.5px/1 var(--font-cover);color:rgba(215,227,244,.8)}

/* shared bits */
.ap-body{margin:0 0 14px;font:400 13.5px/1.8 var(--font-cover);color:rgba(215,227,244,.85);text-wrap:pretty}
.ap-body-dim{color:rgba(215,227,244,.75);margin-bottom:0}
.ap-body-faint{font-size:12px;line-height:1.75;color:rgba(215,227,244,.62)}
.ap-faint{font:400 11.5px/1.7 var(--font-cover);color:rgba(215,227,244,.62)}
.ap-label{font:400 11.5px/1.4 var(--font-label);letter-spacing:.07em;color:rgba(215,227,244,.62)}
.ap-eyebrow{font:400 11.5px/1.4 var(--font-label);letter-spacing:.16em;color:rgba(215,227,244,.62);margin-bottom:26px}
.ap-teal{font:400 12px/1.6 var(--font-cover);color:var(--circino-teal-lit)}
.ap-mono{font:400 11px/1.4 var(--font-cover);color:rgba(215,227,244,.66);font-variant-numeric:tabular-nums;white-space:nowrap}
.ap-h1{font:500 41px/1.16 var(--font-display);letter-spacing:-.012em;color:var(--circino-ink-pale);margin-bottom:22px;text-wrap:pretty}
.ap-h2{font:500 27px/1.2 var(--font-display);letter-spacing:-.005em;color:var(--circino-ink-pale);margin-bottom:12px}
.ap-h3{font:500 17px/1.3 var(--font-display);letter-spacing:-.005em;color:var(--circino-ink-pale);margin-bottom:11px}
.ap-hr{height:1px;background:rgba(215,227,244,.2);margin-bottom:20px}
.ap-underline{color:rgba(215,227,244,.78);border-bottom:1px solid rgba(215,227,244,.28)}
.ap-step-n{font:500 13px/1 var(--font-display);color:var(--circino-teal-lit);margin-bottom:12px;font-variant-numeric:tabular-nums}
.ap-step-title{font:400 13px/1.5 var(--font-cover);color:var(--circino-ink-pale);margin-bottom:9px}

.ap-pill-outline{border-radius:var(--tr-pill);border:1px solid rgba(215,227,244,.32);color:var(--circino-ink-pale);padding:9px 18px;font:500 11.5px/1 var(--font-label);letter-spacing:.07em;display:inline-block;cursor:pointer}
.ap-pill-teal{border-radius:var(--tr-pill);background:var(--circino-teal);color:#f7f6f1;padding:14px 28px;font:500 12px/1 var(--font-label);letter-spacing:.07em;display:inline-block;cursor:pointer}
.ap-pill-bronze{border-radius:var(--tr-pill);border:1px solid var(--circino-bronze);color:var(--circino-bronze);padding:8px 16px;font:400 11.5px/1 var(--font-label);letter-spacing:.06em}
.ap-pill-status{border-radius:var(--tr-pill);padding:6px 12px;font:400 11px/1 var(--font-label);letter-spacing:.06em;white-space:nowrap}
.ap-link-teal{font:400 11.5px/1.5 var(--font-cover);color:var(--circino-teal-lit);border-bottom:1px solid rgba(18,168,172,.45);padding-bottom:2px;cursor:pointer}

/* hero */
.ap-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;padding:64px 44px 58px;border-bottom:1px solid rgba(215,227,244,.18);align-items:start}
.ap-hero-body{max-width:560px}

/* role/tier picker */
.ap-picker{border:1px solid rgba(215,227,244,.24);border-radius:var(--tr-lg);background:rgba(215,227,244,.04);padding:22px 24px 20px;max-width:560px;margin-bottom:26px}
.ap-picker-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.ap-roles{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(215,227,244,.22);margin-bottom:18px}
.ap-role-tab{padding:14px 6px 13px;cursor:pointer;text-align:center;border:none;border-bottom:3px solid transparent;background:transparent;font:500 12.5px/1.3 var(--font-cover);letter-spacing:.01em;color:rgba(215,227,244,.66);white-space:nowrap}
.ap-role-tab.active{border-bottom-color:#12a8ac;background:rgba(18,168,172,.12);color:#eef4fb}
.ap-role-focus{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid rgba(215,227,244,.16)}
.ap-tiers{display:flex;gap:7px;margin-bottom:20px}
.ap-tier-pill{border-radius:var(--tr-pill);padding:8px 17px;font:500 11.5px/1 var(--font-label);letter-spacing:.06em;cursor:pointer;border:1px solid rgba(215,227,244,.24);background:transparent;color:rgba(215,227,244,.7)}
.ap-tier-pill.active{border-color:rgba(215,227,244,.7);background:rgba(215,227,244,.12);color:#eef4fb}
.ap-vol-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.ap-vol-disc{width:42px;height:42px;border-radius:50%;flex:none;display:block}
.ap-vol-heading{font:500 19px/1.15 var(--font-display);letter-spacing:-.005em;color:var(--circino-ink-pale)}
.ap-vol-sub{font:400 11.5px/1.5 var(--font-cover);color:rgba(215,227,244,.66);margin-top:3px}
.ap-vol-title{font:500 15px/1.35 var(--font-display);letter-spacing:-.004em;color:var(--circino-ink-pale);margin-bottom:9px}
.ap-vol-actions{display:flex;flex-wrap:wrap;gap:10px}
.ap-dots{display:flex;gap:4px;margin-top:20px}
.ap-dot{flex:1;height:3px;border-radius:2px;cursor:pointer;background:rgba(215,227,244,.2);border:none;padding:0}
.ap-dot.active{background:#12a8ac}
.ap-dot.published{background:rgba(231,161,95,.5)}

.ap-circino-line{display:flex;align-items:flex-start;gap:14px;max-width:560px;margin-bottom:32px}
.ap-cta-row{display:flex;align-items:center;gap:14px}

/* right panel */
.ap-panel{border:1px solid rgba(215,227,244,.22);border-radius:var(--tr-lg);background:rgba(215,227,244,.045);padding:28px 30px}
.ap-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ap-edition-tag{display:flex;align-items:center;gap:8px}
.ap-edition-disc{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f6dcb8,#e7a15f 55%,#472e0c);flex:none;display:block}
.ap-bronze-label{font:400 11px/1.4 var(--font-label);letter-spacing:.07em;color:var(--circino-bronze)}
.ap-panel-lede{font:500 17px/1.4 var(--font-display);letter-spacing:-.005em;color:var(--circino-ink-pale);margin-bottom:14px;text-wrap:pretty}

.ap-prompt-toggle{display:flex;align-items:center;gap:12px;border:1px solid rgba(215,227,244,.32);border-radius:var(--tr-md);padding:12px 14px;background:rgba(8,11,24,.5);cursor:pointer}
.ap-prompt-toggle:hover{border-color:rgba(18,168,172,.65)}
.ap-prompt-toggle span:first-child{font:400 12.5px/1.6 var(--font-cover);color:var(--circino-ink-pale)}
.ap-prompt-list{border:1px solid rgba(18,168,172,.45);border-top:none;border-radius:0 0 var(--tr-md) var(--tr-md);background:#0a1220;overflow:hidden}
.ap-prompt-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 14px;border-top:1px solid rgba(215,227,244,.12);cursor:pointer}
.ap-prompt-item:hover{background:rgba(18,168,172,.12)}
.ap-prompt-item .ch{font:500 11px/1.6 var(--font-label);letter-spacing:.06em;color:var(--circino-teal-lit)}
.ap-prompt-item .tx{font:400 12px/1.65 var(--font-cover);color:rgba(215,227,244,.86)}

.ap-own-row{display:flex;align-items:center;gap:10px;margin:14px 0 0;flex-wrap:wrap}
.ap-input{width:100%;box-sizing:border-box;border:1px solid rgba(215,227,244,.32);border-radius:var(--tr-md);background:rgba(8,11,24,.5);color:#eef4fb;padding:12px 14px;font:400 12.5px/1.6 var(--font-cover);outline:none}
.ap-input:focus{border-color:#2ad0d2}
.ap-ask-row{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
.ap-ask-btn{border-radius:var(--tr-pill);padding:12px 22px;font:500 11.5px/1 var(--font-label);letter-spacing:.07em;border:1px solid rgba(215,227,244,.28);color:rgba(215,227,244,.55);background:transparent;cursor:pointer}
.ap-ask-btn.ready{background:#008080;color:#f7f6f1;border-color:#008080}
.ap-source-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(215,227,244,.16)}
.ap-chip{border-radius:var(--tr-pill);padding:6px 13px;font:400 11px/1.4 var(--font-label);letter-spacing:.06em}
.ap-chip-teal{background:rgba(18,168,172,.14);border:1px solid rgba(18,168,172,.45);color:var(--circino-teal-lit)}
.ap-chip-outline{border:1px solid rgba(215,227,244,.26);color:rgba(215,227,244,.8)}

/* feature strip */
.ap-features{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(215,227,244,.18)}
.ap-feature{padding:42px 40px 44px;border-right:1px solid rgba(215,227,244,.16)}
.ap-feature:last-child{border-right:none}

/* sections */
.ap-section{padding:52px 44px 46px;border-bottom:1px solid rgba(215,227,244,.18)}
.ap-section-head{margin-bottom:34px}
.ap-bridge-row{display:grid;grid-template-columns:44px 1fr 130px;gap:22px;align-items:baseline;padding:20px 0;border-top:1px solid rgba(215,227,244,.16)}
.ap-bridge-last{border-bottom:1px solid rgba(215,227,244,.16)}
.ap-bridge-n{font:500 19px/1 var(--font-display);color:rgba(215,227,244,.5)}
.ap-bridge-text{font:400 13.5px/1.75 var(--font-cover);color:rgba(215,227,244,.88);text-wrap:pretty}
.ap-bridge-cta{font:400 11.5px/1 var(--font-cover);color:var(--circino-teal-lit);text-align:right}

.ap-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(215,227,244,.18);margin-bottom:40px}
.ap-two-col-item{padding:26px 34px 28px 0;border-right:1px solid rgba(215,227,244,.16)}
.ap-two-col-item-last,.ap-two-col-item:last-child{padding:26px 0 28px 34px;border-right:none}
.ap-integrity{border-top:1px solid rgba(215,227,244,.18);padding-top:34px}
.ap-four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(215,227,244,.18);margin-top:20px}
.ap-four-item{padding:24px 26px 26px 0;border-right:1px solid rgba(215,227,244,.16)}
.ap-four-item-last{border-right:none;padding-right:0}
.ap-signoff-line{margin-top:30px;padding-top:24px;border-top:1px solid rgba(215,227,244,.18);display:flex;align-items:flex-start;gap:14px;max-width:760px}

.ap-book-editions{padding:0 44px;border-bottom:1px solid rgba(215,227,244,.18);margin-bottom:0}
.ap-book-editions .ap-two-col-item{padding-top:52px;padding-bottom:50px}

.ap-closer{padding:48px 44px 40px}
.ap-closer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(215,227,244,.16);flex-wrap:wrap}
.ap-closer-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:30px;flex-wrap:wrap}

@media (max-width:900px){
  .ap-nav-links{display:none}
  .ap-hero{grid-template-columns:1fr;padding:44px 24px}
  .ap-features{grid-template-columns:1fr}
  .ap-feature{border-right:none;border-bottom:1px solid rgba(215,227,244,.16)}
  .ap-section{padding:40px 24px}
  .ap-two-col{grid-template-columns:1fr}
  .ap-two-col-item,.ap-two-col-item-last,.ap-two-col-item:last-child{padding:24px 0;border-right:none;border-bottom:1px solid rgba(215,227,244,.16)}
  .ap-four-col{grid-template-columns:1fr 1fr}
  .ap-four-item{border-right:none;padding:20px 0}
  .ap-book-editions{padding:0 24px}
  .ap-closer{padding:40px 24px}
  .ap-bridge-row{grid-template-columns:32px 1fr;row-gap:8px}
  .ap-bridge-cta{grid-column:2}
}