@font-face{font-family:'Jost';src:url(/assets/fonts/jost.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url(/assets/fonts/fraunces.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url(/assets/fonts/fraunces-italic.woff2) format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
:root{
  --paper:#FFFFFF;--paper-warm:#FAFAFA;--panel:#F4F4F4;--panel-line:#F0F0F0;
  --hairline:#E5E5E5;--ink:#0A0A0A;--ink-body:#1A1A1A;--ink-mid:#444;--mute:#666;--faint:#767676;
  --purple:#C687FF;--purple-mid:#A855F7;--purple-ink:#7A3FB5;--purple-hover:#63348F;--purple-tint:#F5EBFF;
  --sans:'Jost','Helvetica Neue',Arial,sans-serif;--serif:'Fraunces',Georgia,serif;--mono:'SF Mono',Menlo,monospace;
  color-scheme:light;
}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink-body);background:var(--paper);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.wrap{max-width:1240px;margin:0 auto;padding:0 36px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--purple-ink);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;z-index:60;text-decoration:none}
.skip:focus{left:12px;top:12px}
.edge{height:6px;background:var(--purple)}
/* ── masthead ── */
header{padding:18px 0;border-bottom:1px solid var(--hairline);background:var(--paper);position:sticky;top:0;z-index:40}
.hstrip{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.masthead{font-family:var(--serif);font-weight:640;font-size:23px;letter-spacing:.02em;color:var(--ink);text-decoration:none;white-space:nowrap}
.masthead em{font-style:italic;color:var(--purple-ink);font-weight:500}
nav{display:flex;gap:30px;flex-wrap:wrap;align-items:center}
nav a{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mid);text-decoration:none;padding:12px 4px;margin:0 -4px}
nav a:hover{color:var(--purple-ink)}
nav a.navcta{border:1px solid var(--purple-ink);color:var(--purple-ink);padding:9px 18px;border-radius:2px}
nav a.navcta:hover{background:var(--purple-ink);color:#fff}
/* ── hero ── */
.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;padding:84px 0 84px}
.kick{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--purple-ink);margin:0 0 24px}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(44px,5.6vw,86px);line-height:1.02;letter-spacing:-.015em;color:var(--ink);margin:0 0 30px;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:var(--purple-mid);font-weight:480}
.stand{font-size:19px;color:var(--ink-mid);max-width:52ch;margin:0 0 38px}
.stand b{color:var(--ink);font-weight:600}
.cta-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:17px 32px;border-radius:2px;border:0;cursor:pointer;font-family:var(--sans)}
.btn-solid{background:var(--purple-ink);color:#fff}
.btn-solid:hover{background:var(--purple-hover)}
.btn-line{color:var(--ink);border-bottom:2px solid var(--purple);padding:0 0 6px;border-radius:0;background:none}
.btn-line:hover{color:var(--purple-ink)}
.heroimg{position:relative;margin:0;isolation:isolate}
.heroimg img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;position:relative;z-index:1}
.heroimg .frame{position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--purple);z-index:0}
.heroimg figcaption{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:14px;display:flex;justify-content:space-between}
/* ── credits logo band ── */
.credband{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:40px 0 36px}
.credband .k{font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);display:block;text-align:center;margin-bottom:30px}
.logoband{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:28px 48px}
.logo{position:relative;display:inline-block}
.logo img{display:block;width:auto}
.logo .c{position:absolute;inset:0;opacity:0}
.logo:hover .c,.logo:focus-visible .c{opacity:1}
.lg-jf img{height:46px}.lg-km img{height:42px}.lg-mkic img{height:34px}.lg-paramount img{height:62px}.lg-damac img{height:28px}
/* ── section chrome ── */
section{padding:96px 0}
.joined{padding-top:0}
.seclabel{font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--purple-ink);margin:0 0 12px}
h2{font-family:var(--serif);font-weight:600;font-size:clamp(30px,3.8vw,50px);line-height:1.06;color:var(--ink);margin:0 0 8px;letter-spacing:-.01em;max-width:24ch;text-wrap:balance}
.underbar{width:48px;height:3px;background:var(--purple);margin:22px 0 0}
.secintro{font-size:17.5px;color:var(--ink-mid);max-width:60ch;margin:26px 0 0}
/* ── services ── */
.svc{border-top:1px solid var(--hairline);margin-top:56px}
.svcrow{display:grid;grid-template-columns:72px minmax(0,5fr) minmax(0,6fr);gap:36px;padding:34px 0;border-bottom:1px solid var(--hairline);align-items:start}
.svcrow .i{font-family:var(--mono);font-size:11px;color:var(--purple-ink);padding-top:10px}
.svcrow h3{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.15;color:var(--ink);margin:0}
.svcrow h3 span{display:block;font-family:var(--sans);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-ink);margin-bottom:10px}
.svcrow .d p{margin:0;font-size:16px;color:var(--ink-mid)}
.svcrow .d .measure{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:14px;display:block}
.svcrow .d .measure b{color:var(--ink);font-weight:600}
/* ── work ── */
.spread{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;margin-top:64px;align-items:start}
.spread.flip .imgcol{order:2}
.imgcol{margin:0;position:relative}
.imgcol img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.imgcol.browser{border:1px solid var(--hairline);border-radius:6px;overflow:hidden}
.imgcol.browser .bar{display:flex;gap:6px;align-items:center;background:var(--panel);padding:10px 14px;border-bottom:1px solid var(--hairline)}
.imgcol.browser .bar i{width:9px;height:9px;border-radius:50%;background:#D9D9D9;display:block}
.imgcol.browser .bar .url{font-family:var(--mono);font-size:9.5px;color:var(--mute);letter-spacing:.06em;margin-left:10px}
.imgcol figcaption{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:12px}
.imgcol.browser figcaption{margin:12px 14px 14px}
.case-kick{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-ink);margin:0 0 14px}
.caselink{display:inline-block;margin-top:22px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-ink);text-decoration:none;border-bottom:2px solid var(--purple);padding-bottom:5px}
.caselink:hover{color:var(--ink)}
.midcta{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--paper-warm)}
.midcta .inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:34px 0}
.midcta p{margin:0;font-family:var(--serif);font-weight:600;font-size:22px;color:var(--ink)}
.midcta p em{font-style:italic;color:var(--purple-mid);font-weight:480}
.spread h3,.spread .casetitle{font-family:var(--serif);font-weight:600;font-size:29px;line-height:1.15;color:var(--ink);margin:0 0 16px;text-wrap:balance}
.spread p.body{font-size:16.5px;color:var(--ink-mid);margin:0 0 30px;max-width:56ch}
.spread p.body b{color:var(--ink);font-weight:600}
.statrow{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--hairline)}
.stat{padding:20px 18px 22px 0}
.stat+.stat{border-left:1px solid var(--panel-line);padding-left:22px}
.stat .n{font-weight:700;font-size:34px;color:var(--purple-ink);font-variant-numeric:tabular-nums;line-height:1.1}
.stat .n small{font-size:.55em;font-weight:700}
.stat .k{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);display:block;margin-top:7px}
/* flagship */
.flagship{background:var(--paper-warm);border:1px solid var(--panel-line);border-top:3px solid var(--purple);padding:46px 50px;margin-top:64px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:center}
.flagship h3,.flagship .casetitle{font-family:var(--serif);font-weight:600;font-size:clamp(24px,2.6vw,34px);line-height:1.18;color:var(--ink);margin:0 0 16px;text-wrap:balance}
.flagship h3 em,.flagship .casetitle em{font-style:italic;color:var(--purple-mid);font-weight:480}
.flagship p{font-size:16.5px;color:var(--ink-mid);margin:0;max-width:58ch}
.flagship .quotecol{border-left:3px solid var(--purple);padding-left:28px}
.flagship .quotecol blockquote{margin:0;font-family:var(--serif);font-style:italic;font-weight:480;font-size:18.5px;line-height:1.5;color:var(--ink)}
.flagship .quotecol cite{display:block;font-family:var(--sans);font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--purple-ink);margin-top:16px}
.flagship .quotecol img{height:44px;width:auto;margin-top:20px}
.flagship .statrow{margin-top:26px}
.flagship .permission{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:18px;display:block}
/* dubai strip */
.dubai{border-top:1px solid var(--hairline);margin-top:72px;padding-top:40px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:center}
.dubai p{font-size:16.5px;color:var(--ink-mid);margin:0;max-width:58ch}
.dubai p b{color:var(--ink);font-weight:600}
.dubai .marks{display:flex;gap:44px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.dubai .marks img{width:auto}
.dubai .p-mark{height:64px}.dubai .d-mark{height:26px}
/* ── process ── */
.timeline{border-top:1px solid var(--hairline);margin-top:56px}
.trow{display:grid;grid-template-columns:190px 1fr;gap:36px;padding:28px 0;border-bottom:1px solid var(--hairline)}
.trow .m{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-ink);padding-top:3px}
.trow p{margin:0;font-size:16.5px;color:var(--ink-mid);max-width:66ch}
.trow p b{color:var(--ink);font-weight:600}
/* ── FAQ ── */
.faq{border-top:1px solid var(--hairline);margin-top:56px;max-width:880px}
.faq details{border-bottom:1px solid var(--hairline)}
.faq summary{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--ink);padding:24px 40px 24px 0;cursor:pointer;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--sans);font-weight:400;font-size:24px;color:var(--purple-ink)}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 0 26px;max-width:64ch}
.faq .a p{margin:0;font-size:16px;color:var(--ink-mid)}
/* ── CTA band + form ── */
.ctaband{background:var(--purple-tint);border-top:1px solid var(--purple);border-bottom:1px solid var(--purple)}
.ctainner{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:start;padding:78px 0}
.ctainner h2{margin:0 0 14px}
.ctainner .lead{font-size:17.5px;color:var(--ink-mid);margin:0 0 26px;max-width:52ch}
.mail{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--purple-ink);text-decoration:none;border-bottom:1px solid var(--purple);display:inline-block;padding:5px 0;margin:-5px 0}
.mail:hover{color:var(--ink)}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
label{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mid)}
input,select,textarea{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);border-radius:2px;padding:13px 14px}
input::placeholder,textarea::placeholder{color:var(--faint)}
textarea{min-height:96px;resize:vertical}
.formfoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.formnote{font-size:12.5px;color:var(--mute);max-width:34ch;margin:0}
.formnote a{color:var(--purple-ink)}
/* ── footer ── */
footer{border-top:1px solid var(--hairline);background:var(--paper-warm)}
.fstrip{display:flex;gap:52px;flex-wrap:wrap;padding:34px 0 30px;font-style:normal}
.fstrip .k{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:5px}
.fstrip .v{font-size:13px;font-weight:600;color:var(--ink);font-style:normal}
.fstrip a.v{text-decoration:none;border-bottom:1px solid #CCC}
.fstrip a.v:hover{color:var(--purple-ink)}
.fbottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--panel-line);padding:18px 0 22px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap}
.fbottom a{color:var(--mute);text-decoration:none;border-bottom:1px solid #CCC}
.fbottom a:hover{color:var(--purple-ink)}
.fedge{height:6px;background:var(--purple)}
/* ── responsive ── */
@media(max-width:1024px){.flagship{grid-template-columns:1fr;gap:36px}.flagship .logos{justify-content:flex-start}}
@media(max-width:960px){
  .hero{grid-template-columns:1fr;gap:48px;padding:64px 0}
  .spread,.spread.flip{grid-template-columns:1fr;gap:40px}.spread.flip .imgcol{order:0}
  .heroimg .frame{inset:14px -14px -14px 14px}
  .svcrow{grid-template-columns:48px 1fr;row-gap:10px}
  .svcrow .i{padding-top:0}
  .svcrow .d{grid-column:2}
  .dubai{grid-template-columns:1fr;gap:32px}.dubai .marks{justify-content:flex-start}
  .ctainner{grid-template-columns:1fr;gap:44px;padding:64px 0}
}
@media(max-width:560px){
  .wrap{padding:0 22px}
  .hstrip{gap:12px}
  nav{gap:16px}
  nav a{font-size:10px;letter-spacing:.14em}
  nav a.navcta{padding:7px 12px}
  section{padding:72px 0}
  .heroimg .frame{inset:10px -10px -10px 10px}
  .statrow{grid-template-columns:1fr}
  .stat+.stat{border-left:none;padding-left:0;border-top:1px solid var(--panel-line)}
  .trow{grid-template-columns:1fr;gap:8px}
  .flagship{padding:32px 26px}
  .logoband{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;justify-items:center;gap:26px 40px}
  .logoband .lg-damac{grid-column:1/-1}
  .lg-paramount img{height:52px}.lg-jf img{height:38px}.lg-km img{height:34px}.lg-mkic img{height:28px}
}
/* ── motion ── */
.reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  .rise{animation:rise .45s ease-out both}
  @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .rise2{animation:rise .45s .08s ease-out both}.rise3{animation:rise .45s .16s ease-out both}
  .js .reveal{opacity:0;transform:translateY(16px);transition:opacity .42s ease-out,transform .42s ease-out}
  .js .reveal.in{opacity:1;transform:none}
  .logo .c{transition:opacity .25s}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* ── inner-page chrome ── */
.pagehero{padding:76px 0 8px}
.pagehero h1{font-size:clamp(38px,4.8vw,68px)}
.pagehero .intro{font-size:18.5px;color:var(--ink-mid);max-width:58ch;margin:26px 0 0}
.pagehero .intro b{color:var(--ink);font-weight:600}
.flinks a{color:var(--mute);text-decoration:none;border-bottom:1px solid #CCC;display:inline-block;padding:6px 0;margin:-6px 0}
.flinks a:hover{color:var(--purple-ink)}
/* ledger table (work page) */
.tblwrap{overflow-x:auto;border:1px solid var(--hairline);margin-top:56px}
table{width:100%;border-collapse:collapse;min-width:720px}
thead th{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mid);text-align:left;background:var(--panel);border-top:2px solid var(--ink);border-bottom:1px solid var(--hairline);padding:13px 18px;font-weight:500}
tbody td{padding:15px 18px;border-bottom:1px solid var(--panel-line);font-size:15px;color:var(--ink-mid)}
tbody td b{color:var(--ink);font-weight:600}
td.right,th.right{text-align:right}
.pill{display:inline-block;border:1px solid #16A34A;color:#137A3B;background:#F0FDF4;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.pill.done{border-color:var(--purple-ink);color:var(--purple-ink);background:var(--purple-tint)}
/* service detail blocks */
.svcdetail{border-top:1px solid var(--hairline);margin-top:56px}
.svcblock{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;padding:52px 0;border-bottom:1px solid var(--hairline)}
.svcblock .i{font-family:var(--mono);font-size:11px;color:var(--purple-ink);display:block;margin-bottom:12px}
.svcblock h2{font-size:clamp(26px,3vw,38px);margin:0 0 14px}
.svcblock .lead{font-size:16.5px;color:var(--ink-mid);margin:0;max-width:52ch}
.svcblock .lead b{color:var(--ink);font-weight:600}
.svcblock ul{list-style:none;margin:0 0 24px;padding:0}
.svcblock ul li{padding:10px 0 10px 26px;border-bottom:1px solid var(--panel-line);font-size:15.5px;color:var(--ink-mid);position:relative}
.svcblock ul li::before{content:"—";position:absolute;left:0;color:var(--purple-mid)}
.svcblock .inclabel{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:8px}
/* about page */
.belief{border-top:1px solid var(--hairline);margin-top:56px}
.beliefrow{display:grid;grid-template-columns:220px 1fr;gap:36px;padding:30px 0;border-bottom:1px solid var(--hairline)}
.beliefrow .m{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--ink)}
.beliefrow p{margin:0;font-size:16.5px;color:var(--ink-mid);max-width:64ch}
.metapanel{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-top:64px}
.metapanel .cell{padding:24px 20px 26px 0}
.metapanel .cell+.cell{border-left:1px solid var(--panel-line);padding-left:24px}
.metapanel .k{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:6px}
.metapanel .v{font-weight:600;font-size:15px;color:var(--ink)}
/* contact page */
.contactgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start;padding:56px 0 96px}
.contactside .mail{font-size:14px}
.contactside .block{margin-top:36px}
.contactside .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:8px}
.contactside p{margin:0;font-size:15.5px;color:var(--ink-mid);max-width:40ch}
.formok{display:none;background:#F0FDF4;border:1px solid #16A34A;color:#137A3B;padding:16px 18px;font-size:15px;margin-bottom:18px}
@media(max-width:960px){.svcblock{grid-template-columns:1fr;gap:28px}.beliefrow{grid-template-columns:1fr;gap:8px}.metapanel{grid-template-columns:repeat(2,1fr)}.metapanel .cell:nth-child(3){border-left:none;padding-left:0}.contactgrid{grid-template-columns:1fr;gap:44px}}
@media(max-width:560px){.metapanel{grid-template-columns:1fr}.metapanel .cell+.cell{border-left:none;padding-left:0;border-top:1px solid var(--panel-line)}}
.formerr{display:none;background:#FEF2F2;border:1px solid #DC2626;color:#B91C1C;padding:16px 18px;font-size:15px;margin-bottom:18px}
.goalfield{min-height:120px;font-size:16px}
.trustline{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--ink-mid);border-left:3px solid var(--purple);padding-left:20px;margin:34px 0 0;max-width:56ch}
.trustline span{font-family:var(--sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-ink);display:block;margin-top:8px}
/* ── Stage 4 gate round-2 fixes ── */
[id]{scroll-margin-top:96px}
.svcblock .measure{display:block;margin-top:20px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.svcblock .measure b{color:var(--ink);font-weight:600}
input,select,textarea{border-color:#949494}
.midcta p{font-size:24px}
nav a[aria-current]{color:var(--purple-ink);border-bottom:2px solid var(--purple)}
.inlink{color:var(--purple-ink);text-decoration:none;border-bottom:1px solid var(--purple)}
.inlink:hover{color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:560px){form{grid-template-columns:1fr}}
/* ── /websites pricing (unlisted until launch) ── */
.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:72px}
.pricecard{border:1px solid var(--hairline);padding:40px 34px 44px;display:flex;flex-direction:column;background:#fff}
.pricecard.featured{border-color:var(--purple-ink);border-top:3px solid var(--purple-ink)}
.pricecard .i{display:block;margin-bottom:22px}
.pricecard .price{font-family:var(--serif);margin:0 0 14px}
.pricecard .price b{font-size:52px;font-weight:640;color:var(--ink)}
.pricecard .price span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-left:8px}
.pricecard h2{font-size:22px;margin:0 0 12px}
.pricecard .lead{font-size:15.5px;color:var(--ink-mid);margin:0 0 22px}
.pricecard ul{list-style:none;margin:0 0 30px;padding:0;flex:1}
.pricecard li{font-size:14.5px;color:var(--ink-mid);padding:9px 0 9px 22px;border-bottom:1px solid var(--panel-line);position:relative}
.pricecard li::before{content:"·";color:var(--purple-ink);font-weight:700;position:absolute;left:4px}
.pricecard li b{color:var(--ink);font-weight:600}
.pricecard .btn{align-self:flex-start}
.careband{border:1px solid var(--hairline);border-left:3px solid var(--purple);padding:44px 40px;margin-top:64px;background:var(--panel)}
.careband h2{font-size:30px;margin:14px 0 16px}
.careband .lead{max-width:70ch;color:var(--ink-mid)}
.careband .measure{margin-top:20px}
@media(max-width:960px){.pricegrid{grid-template-columns:1fr;gap:22px}}