/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:1.25rem}
html{scroll-behavior:smooth}
body{background:#F7F3EA;color:#19171D;font-family:'DM Sans', 'Avenir Next', Avenir, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Manrope', 'Avenir Next', Avenir, sans-serif;line-height:1.2;color:#19171D}
a{color:#58329B}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#ECE7DF;padding:.1em .35em;border-radius:4px;font-size:.9em}
.nyib{position:absolute;left:-9999px;top:0;background:#58329B;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.nyib:focus{left:0}
.xwmt{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.zuen{font-family:'Manrope', 'Avenir Next', Avenir, sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.ziyo{color:#5E5964;font-size:.85rem}
.uzck{display:flex;flex-wrap:wrap;gap:1.1rem}
.vaiq{text-decoration:none;color:inherit;font-size:.95rem}
.vaiq:hover{color:#58329B;opacity:1}
.mknk{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.mknk span{display:block;height:2px;background:currentColor;border-radius:2px}
.mknk[aria-expanded="true"] span:nth-child(2){opacity:0}
.kqjd{border-bottom:3px double #D7D1CA;background:#F7F3EA} .kqjd .xwmt{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .kqjd .uzck{justify-content:flex-end}
.veks{background:#F7F3EA} .veks .xwmt{padding:3.5999999999999996rem 1.5rem;border-left:6px solid #58329B;margin:2rem auto}
.gicl{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#58329B;font-weight:600;margin-bottom:.8rem}
.agly{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.dbwd{font-size:1.15rem;color:#5E5964;max-width:44rem;margin:0 auto}
.aroc{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.rmjo{border:1px solid #D7D1CA;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.vnhk{padding:3.12rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.csao,.lqgp,.ctyt{max-width:46rem;margin-left:auto;margin-right:auto}
.csao{padding:1.68rem 0}
.csao h2{font-size:1.6rem;margin-bottom:.8rem}
.csao h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.csao p,.csao li,.lqgp p{margin-bottom:.85rem}
.csao ul,.csao ol{padding-left:1.4rem}
.lqgp{font-size:1.12rem}
.ctyt{background:#FFFFFF;border:1px solid #D7D1CA;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.92rem}
.qkpb{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #D7D1CA;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #58329B;padding:.2rem 0 .2rem 1rem;color:#5E5964;margin:1rem 0}
.abff{max-width:46rem;margin:2.16rem auto;background:#f5f3f9;border:1px solid #D7D1CA;border-radius:var(--radius);padding:1.4rem 1.6rem}
.jxys{font-size:1.25rem;margin-bottom:.7rem}
.hdpr{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.lmmo{padding-left:1.1rem;position:relative;font-size:.95rem}
.lmmo::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#58329B}
.rkvo{max-width:46rem;margin:2.16rem auto;padding:0;list-style:none;counter-reset:src}
.dyts{border-top:1px solid #D7D1CA;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.dyts::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Manrope', 'Avenir Next', Avenir, sans-serif;font-weight:700;color:#58329B}
.sfbh{margin-bottom:.3rem}
.azst{font-size:.88rem;color:#5E5964}
.rfwu{max-width:46rem;margin:0 auto}
.xyuh{border-bottom:1px solid #D7D1CA;padding:1.32rem 0}
.jqjg{font-size:1.15rem;margin-bottom:.5rem}
.jijn{color:#19171D}
.znkc{background:#f6eaee;border-top:1px solid #D7D1CA;border-bottom:1px solid #D7D1CA;margin:2.4rem 0 0}
.qmmw{max-width:46rem;margin:0 auto;padding:2.64rem 1.5rem;text-align:center}
.qmmw h2{margin-bottom:.7rem}
.qmmw p{margin-bottom:1.1rem}
.meld{display:inline-block;background:#58329B;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.meld:hover{opacity:.9}

.bbil{font-size:1.45rem;margin-bottom:.45rem}
.odao p{margin-bottom:.55rem}
.odao p:last-child{margin-bottom:0}
.njkm{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.qbjh{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.qbjh:hover{opacity:.92}
.nccy{padding:1.5rem 1.5rem 0}
.djck{max-width:60rem;margin:0 auto;background:#f4e6ea;border:2px dashed #A52C54;border-radius:var(--radius);padding:1.4rem 1.7rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem 1.8rem;align-items:center}
.jmto{display:inline-block;background:#19171D;color:#FFFFFF;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.55rem .8rem;transform:rotate(-4deg);border-radius:3px;text-align:center;max-width:7rem;line-height:1.25}
.njkm{color:#5d5759}
.wtjo::before{content:"\2713\00a0";color:#19171D}
.qbjh{background:#58329B;color:#FFFFFF}
@media (max-width:720px){.djck{display:block} .jmto{transform:none;max-width:none;margin-bottom:.6rem} .qbjh{display:block;text-align:center;margin-top:1rem}}
.loyl{background:#FFFFFF;border-top:1px solid #D7D1CA}
.loyl .xwmt{padding:2.64rem 1.5rem}
.uhpz{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.vibn{font-style:italic;margin-bottom:.8rem}
.veos{font-size:.9rem;margin-bottom:.8rem}
.ltle{font-size:.85rem;color:#5E5964}
.loyl .ltle{opacity:.85}
.ssxe{color:#5E5964;font-size:.92rem}
@media(max-width:760px){
  .veks .xwmt{grid-template-columns:1fr;gap:1.5rem}
  .uhpz{grid-template-columns:1fr}
  .kqjd .xwmt{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .kqjd .uzck{border-top:0;padding-top:0}
  .kqjd .mknk{display:flex}
  .kqjd .uzck{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #D7D1CA;padding-top:.4rem;margin-top:.4rem}
  .kqjd .uzck[data-open="true"]{display:flex}
  .kqjd .vaiq{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root{
--mjf-bone:#F7F3EA;
--mjf-paper:#FFFFFF;
--mjf-soft:#ECE7DF;
--mjf-ink:#19171D;
--mjf-copy:#403B45;
--mjf-muted:#5E5964;
--mjf-purple:#58329B;
--mjf-violet-wash:#EBE6F3;
--mjf-rose:#A52C54;
--mjf-rose-wash:#F6EAEE;
--mjf-line:#D7D1CA;
--mjf-shadow:0 22px 60px -42px rgba(25,23,29,.55);
--mjf-icon-check:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12 4 4L19 6%22/%3E%3C/svg%3E");
--mjf-icon-pin:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%222.5%22/%3E%3C/svg%3E");
--mjf-icon-phone:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c1 .4 1.9.6 2.9.7a2 2 0 0 1 1.7 2Z%22/%3E%3C/svg%3E");
--mjf-icon-question:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M9.8 9a2.5 2.5 0 1 1 3.7 2.2C12.5 11.8 12 12.4 12 13%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E");
--mjf-icon-source:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 3h9l4 4v14H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z%22/%3E%3Cpath d=%22M14 3v5h5M8 13h7M8 17h5%22/%3E%3C/svg%3E");
--mjf-icon-arrow:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22/%3E%3C/svg%3E");
}
html{
scroll-behavior:smooth;
}
body{
overflow-x:hidden;
background-color:var(--mjf-bone);
background-image:radial-gradient(circle at 12% 22%,rgba(88,50,155,.055) 0 1px,transparent 1.5px);
background-size:20px 20px;
color:var(--mjf-ink);
font-size:1.04rem;
line-height:1.72;
}
::selection{
background:var(--mjf-purple);
color:var(--mjf-paper);
}
body p,
body li,
td{
color:var(--mjf-copy);
}
a{
text-decoration-color:var(--mjf-rose);
text-decoration-thickness:.1em;
text-underline-offset:.18em;
}
a:focus-visible,
button:focus-visible{
outline:3px solid var(--mjf-rose);
outline-offset:4px;
}
.nyib{
border-radius:0 0 .7rem .7rem;
background:var(--mjf-paper);
color:var(--mjf-purple);
box-shadow:0 8px 22px rgba(25,23,29,.2);
font-weight:800;
}
.kqjd{
border:0;
border-bottom:1px solid var(--mjf-line);
background:rgba(255,255,255,.97);
box-shadow:0 7px 30px -28px rgba(25,23,29,.85);
}
.kqjd .xwmt{
max-width:82rem;
gap:1rem 1.8rem;
padding-top:.9rem;
padding-bottom:.8rem;
}
.zuen{
position:relative;
display:inline-flex;
align-items:center;
min-height:3rem;
padding-left:3.6rem;
color:var(--mjf-ink);
font-size:1.02rem;
font-weight:800;
letter-spacing:-.035em;
line-height:1.02;
text-transform:uppercase;
}
.zuen::before{
content:"M";
position:absolute;
left:0;
top:0;
display:grid;
width:3rem;
height:3rem;
place-items:center;
border:2px solid var(--mjf-ink);
border-radius:50% 50% 50% 14%;
background:var(--mjf-violet-wash);
color:var(--mjf-purple);
font-family:'Manrope','Avenir Next',sans-serif;
font-size:1.3rem;
font-weight:800;
letter-spacing:-.08em;
transform:rotate(-4deg);
}
.zuen::after{
content:"";
position:absolute;
left:3.62rem;
right:0;
bottom:-.08rem;
height:.24rem;
border-radius:1rem;
background:linear-gradient(90deg,var(--mjf-purple) 0 70%,var(--mjf-rose) 70% 100%);
}
.kqjd .ziyo{
margin:-.28rem 0 0 3.62rem;
color:var(--mjf-muted);
font-size:.67rem;
font-weight:700;
letter-spacing:.105em;
text-transform:uppercase;
}
.uzck{
align-items:center;
gap:.28rem;
}
.vaiq{
position:relative;
border:1px solid transparent;
border-radius:999px;
padding:.48rem .66rem;
color:var(--mjf-ink);
font-size:.75rem;
font-weight:700;
letter-spacing:-.01em;
line-height:1.1;
}
.vaiq:hover{
border-color:var(--mjf-line);
background:var(--mjf-violet-wash);
color:var(--mjf-purple);
}
.mknk{
border:1px solid var(--mjf-line);
border-radius:.8rem;
background:var(--mjf-paper);
}
.mknk span{
background:var(--mjf-ink);
}
.veks{
position:relative;
overflow:hidden;
border:0;
background:var(--mjf-ink);
color:var(--mjf-paper);
}
.veks::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 88% 10%,rgba(165,44,84,.55) 0 8rem,transparent 8.1rem),
radial-gradient(circle at 78% 84%,rgba(88,50,155,.68) 0 14rem,transparent 14.1rem),
linear-gradient(115deg,transparent 0 64%,rgba(255,255,255,.035) 64% 65%,transparent 65% 100%);
pointer-events:none;
}
.veks .xwmt{
position:relative;
max-width:82rem;
min-height:31rem;
padding:clamp(4rem,8vw,7.2rem) 1.5rem clamp(4.8rem,9vw,7.8rem);
border:0;
}
.zhgi{
position:relative;
z-index:1;
max-width:72rem;
}
.zhgi::before,
.zhgi::after{
content:"";
position:absolute;
z-index:-1;
right:0;
width:min(26vw,20rem);
height:12rem;
border:1px solid rgba(255,255,255,.48);
border-radius:1.5rem;
background:var(--mjf-paper);
box-shadow:0 28px 60px -35px rgba(0,0,0,.9);
}
.zhgi::before{
top:-.3rem;
transform:rotate(5deg);
}
.zhgi::after{
top:8.3rem;
right:1.5rem;
background:var(--mjf-violet-wash);
transform:rotate(-4deg);
}
.gicl{
display:inline-flex;
align-items:center;
gap:.65rem;
margin-bottom:1.4rem;
color:var(--mjf-bone);
font-size:.7rem;
font-weight:800;
letter-spacing:.18em;
}
.gicl::before{
content:"";
width:.72rem;
height:.72rem;
border:2px solid var(--mjf-bone);
border-radius:50% 50% 50% 15%;
transform:rotate(-8deg);
}
.veks .agly{
max-width:15ch;
margin-bottom:1.4rem;
color:var(--mjf-paper);
font-size:clamp(2.75rem,6.2vw,5.6rem);
font-weight:800;
letter-spacing:-.07em;
line-height:.94;
text-wrap:balance;
}
.veks .dbwd{
max-width:42rem;
margin:0;
padding-left:1rem;
border-left:4px solid var(--mjf-rose);
color:var(--mjf-soft);
font-size:clamp(1.05rem,2vw,1.24rem);
line-height:1.55;
}
.aroc{
max-width:44rem;
gap:.55rem;
margin-top:2rem;
}
.veks .rmjo{
display:inline-flex;
align-items:center;
border:1px solid rgba(255,255,255,.35);
border-radius:999px;
background:rgba(255,255,255,.08);
padding:.48rem .76rem;
color:var(--mjf-paper);
font-size:.75rem;
font-weight:700;
}
.veks .rmjo::before{
content:"";
width:.8rem;
height:.8rem;
margin-right:.4rem;
background:var(--mjf-paper);
-webkit-mask:var(--mjf-icon-check) center / contain no-repeat;
mask:var(--mjf-icon-check) center / contain no-repeat;
}
.nccy{
position:relative;
z-index:4;
margin-top:-2.6rem;
padding:0 1.5rem;
background:transparent;
}
.djck{
position:relative;
max-width:71rem;
margin:0 auto;
grid-template-columns:6.5rem minmax(0,1fr) auto;
gap:1.2rem 1.8rem;
align-items:center;
border:2px dashed var(--mjf-purple);
border-radius:1.65rem;
background:var(--mjf-paper);
padding:1.35rem 1.5rem;
color:var(--mjf-ink);
box-shadow:var(--mjf-shadow);
}
.djck::before,
.djck::after{
content:"";
position:absolute;
top:50%;
width:1.25rem;
height:2.5rem;
background:var(--mjf-bone);
transform:translateY(-50%);
}
.djck::before{
left:-.65rem;
border-radius:0 1.25rem 1.25rem 0;
border-right:2px dashed var(--mjf-purple);
}
.djck::after{
right:-.65rem;
border-radius:1.25rem 0 0 1.25rem;
border-left:2px dashed var(--mjf-purple);
}
.jmto{
display:grid;
width:6.5rem;
min-height:6.5rem;
place-items:center;
margin:0;
border-radius:50% 50% 50% 16%;
background:var(--mjf-violet-wash);
padding:.8rem;
color:var(--mjf-purple);
font-size:.67rem;
font-weight:800;
letter-spacing:.1em;
line-height:1.25;
text-align:center;
transform:rotate(-4deg);
}
.wxiv{
min-width:0;
}
.bbil{
max-width:34rem;
margin:0 0 .45rem;
color:var(--mjf-ink);
font-size:clamp(1.45rem,2.5vw,2rem);
font-weight:800;
letter-spacing:-.04em;
line-height:1.08;
}
.odao p{
max-width:50rem;
margin-bottom:.55rem;
color:var(--mjf-copy);
font-size:.94rem;
line-height:1.55;
}
.njkm{
gap:.4rem 1.15rem;
margin-top:.75rem;
color:var(--mjf-muted);
font-size:.79rem;
font-weight:700;
}
.wtjo{
display:inline-flex;
align-items:center;
color:var(--mjf-muted);
}
.wtjo::before{
content:"";
width:1rem;
height:1rem;
margin-right:.38rem;
background:var(--mjf-purple);
-webkit-mask:var(--mjf-icon-pin) center / contain no-repeat;
mask:var(--mjf-icon-pin) center / contain no-repeat;
}
.wtjo:nth-child(2)::before{
-webkit-mask-image:var(--mjf-icon-check);
mask-image:var(--mjf-icon-check);
}
.wtjo:nth-child(3)::before{
-webkit-mask-image:var(--mjf-icon-phone);
mask-image:var(--mjf-icon-phone);
}
.qbjh,
.meld{
display:inline-flex;
align-items:center;
justify-content:center;
border:2px solid var(--mjf-purple);
border-radius:999px;
background:var(--mjf-purple);
padding:.82rem 1.1rem;
color:var(--mjf-paper);
font-size:.78rem;
font-weight:800;
letter-spacing:.015em;
box-shadow:0 9px 20px -15px rgba(88,50,155,.9);
}
.qbjh::after,
.meld::after{
content:"";
width:1rem;
height:1rem;
margin-left:.45rem;
background:currentColor;
-webkit-mask:var(--mjf-icon-arrow) center / contain no-repeat;
mask:var(--mjf-icon-arrow) center / contain no-repeat;
}
.qbjh:hover,
.meld:hover{
background:var(--mjf-ink);
border-color:var(--mjf-ink);
color:var(--mjf-paper);
transform:translateY(-2px);
}
.vnhk{
padding-top:clamp(4.5rem,8vw,7rem);
padding-bottom:clamp(4.5rem,8vw,7rem);
}
.vnhk > .xwmt{
max-width:66rem;
counter-reset:field-section;
}
.lqgp{
position:relative;
max-width:58rem;
margin:0 auto clamp(4rem,7vw,6rem);
border:1px solid var(--mjf-line);
border-radius:1.75rem;
background:var(--mjf-paper);
padding:clamp(1.7rem,4vw,3rem);
box-shadow:var(--mjf-shadow);
}
.lqgp::before{
content:"FIELD NOTE";
position:absolute;
top:-1rem;
left:2rem;
border:2px solid var(--mjf-ink);
border-radius:999px;
background:var(--mjf-violet-wash);
padding:.35rem .75rem;
color:var(--mjf-purple);
font-size:.66rem;
font-weight:800;
letter-spacing:.16em;
}
.lqgp h2{
max-width:20ch;
margin-bottom:1.2rem;
color:var(--mjf-ink);
font-size:clamp(1.8rem,4vw,2.7rem);
font-weight:800;
letter-spacing:-.055em;
line-height:1.04;
}
.lqgp p{
color:var(--mjf-copy);
font-size:1.12rem;
line-height:1.72;
}
.csao{
position:relative;
max-width:61rem;
margin:0 auto;
padding:clamp(2.5rem,5vw,4rem) clamp(1rem,3vw,2rem);
border-top:1px solid var(--mjf-line);
counter-increment:field-section;
}
.csao::before{
content:"0" counter(field-section);
position:absolute;
top:2.65rem;
left:-2.8rem;
display:grid;
width:2.25rem;
height:2.25rem;
place-items:center;
border:1px solid var(--mjf-purple);
border-radius:50% 50% 50% 18%;
background:var(--mjf-violet-wash);
color:var(--mjf-purple);
font-size:.66rem;
font-weight:800;
letter-spacing:.04em;
transform:rotate(-5deg);
}
.csao:nth-of-type(even){
border:1px solid var(--mjf-line);
border-left:5px solid var(--mjf-rose);
border-radius:1.5rem;
background:var(--mjf-paper);
box-shadow:var(--mjf-shadow);
}
.csao + .csao{
margin-top:1.1rem;
}
.csao h2{
max-width:24ch;
margin-bottom:1.45rem;
color:var(--mjf-ink);
font-size:clamp(1.65rem,3.5vw,2.45rem);
font-weight:800;
letter-spacing:-.05em;
line-height:1.08;
text-wrap:balance;
}
.csao h3,
.csao h4{
color:var(--mjf-ink);
font-weight:800;
letter-spacing:-.025em;
}
.csao p,
.csao li{
color:var(--mjf-copy);
}
.csao p + p{
margin-top:1.15rem;
}
.csao strong{
color:var(--mjf-ink);
}
.csao blockquote{
border-left:5px solid var(--mjf-purple);
border-radius:0 1rem 1rem 0;
background:var(--mjf-violet-wash);
color:var(--mjf-ink);
}
.qkpb{
margin:1.8rem 0;
border:1px solid var(--mjf-line);
border-radius:1.1rem;
background:var(--mjf-paper);
box-shadow:var(--mjf-shadow);
}
table{
background:var(--mjf-paper);
}
th{
background:var(--mjf-violet-wash);
color:var(--mjf-purple);
font-size:.73rem;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
td{
border-color:var(--mjf-line);
}
.abff{
position:relative;
max-width:62rem;
margin:4.5rem auto 0;
overflow:hidden;
border:1px solid var(--mjf-purple);
border-radius:1.8rem;
background:var(--mjf-violet-wash);
padding:clamp(2rem,5vw,3.5rem);
color:var(--mjf-ink);
box-shadow:var(--mjf-shadow);
}
.abff::after{
content:"MESA";
position:absolute;
right:-1.4rem;
bottom:-1.6rem;
color:rgba(88,50,155,.1);
font-family:'Manrope',sans-serif;
font-size:clamp(5rem,13vw,9rem);
font-weight:800;
letter-spacing:-.08em;
line-height:1;
}
.jxys{
position:relative;
z-index:1;
max-width:21ch;
padding-left:2.5rem;
color:var(--mjf-ink);
font-size:clamp(1.7rem,4vw,2.55rem);
font-weight:800;
letter-spacing:-.05em;
line-height:1.08;
}
.jxys::before{
content:"";
position:absolute;
left:0;
top:.08em;
width:1.65rem;
height:1.65rem;
background:var(--mjf-purple);
-webkit-mask:var(--mjf-icon-pin) center / contain no-repeat;
mask:var(--mjf-icon-pin) center / contain no-repeat;
}
.abff p,
.abff li{
position:relative;
z-index:1;
color:var(--mjf-copy);
}
.hdpr{
position:relative;
z-index:1;
gap:.7rem;
margin-top:1.5rem;
padding-top:1.3rem;
border-top:1px solid rgba(88,50,155,.28);
}
.lmmo{
display:flex;
align-items:flex-start;
border:1px solid rgba(88,50,155,.24);
border-radius:.9rem;
background:var(--mjf-paper);
padding:.8rem .9rem;
color:var(--mjf-ink);
font-size:.83rem;
font-weight:700;
}
.lmmo::before{
content:"";
flex:0 0 1rem;
width:1rem;
height:1rem;
margin:.12rem .45rem 0 0;
background:var(--mjf-purple);
-webkit-mask:var(--mjf-icon-check) center / contain no-repeat;
mask:var(--mjf-icon-check) center / contain no-repeat;
}
.rfwu{
max-width:62rem;
margin:1rem auto 0;
}
.xyuh{
position:relative;
margin:1.15rem 0;
border:1px solid var(--mjf-line);
border-radius:1.35rem;
background:var(--mjf-paper);
padding:1.5rem 1.6rem 1.5rem 4.5rem;
box-shadow:0 14px 38px -34px rgba(25,23,29,.8);
}
.xyuh:nth-child(3n + 2){
border-color:var(--mjf-purple);
background:var(--mjf-violet-wash);
}
.xyuh:nth-child(3n){
border-color:var(--mjf-rose);
background:var(--mjf-rose-wash);
}
.xyuh::before{
content:"";
position:absolute;
left:1.45rem;
top:1.48rem;
width:1.8rem;
height:1.8rem;
background:var(--mjf-purple);
-webkit-mask:var(--mjf-icon-question) center / contain no-repeat;
mask:var(--mjf-icon-question) center / contain no-repeat;
}
.jqjg{
margin:0 0 .65rem;
color:var(--mjf-ink);
font-size:1.12rem;
font-weight:800;
letter-spacing:-.025em;
line-height:1.25;
}
.jijn{
margin:0;
color:var(--mjf-copy);
font-size:.96rem;
line-height:1.65;
}
.rkvo{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:.9rem;
margin-top:1.3rem;
padding:0;
}
.dyts{
position:relative;
margin:0;
border:1px solid var(--mjf-line);
border-radius:1rem;
background:var(--mjf-paper);
padding:1.15rem 1.15rem 1.15rem 3.4rem;
box-shadow:0 12px 32px -30px rgba(25,23,29,.8);
}
.dyts::before{
content:"";
position:absolute;
left:1.05rem;
top:1.18rem;
width:1.35rem;
height:1.35rem;
background:var(--mjf-purple);
-webkit-mask:var(--mjf-icon-source) center / contain no-repeat;
mask:var(--mjf-icon-source) center / contain no-repeat;
}
.sfbh{
margin:0 0 .65rem;
color:var(--mjf-ink);
font-size:.86rem;
font-weight:700;
line-height:1.48;
}
.azst{
margin:0;
color:var(--mjf-muted);
font-size:.75rem;
line-height:1.48;
}
.azst a{
color:var(--mjf-purple);
font-weight:700;
}
.znkc{
position:relative;
overflow:hidden;
border:0;
background:var(--mjf-ink);
color:var(--mjf-paper);
}
.znkc::before{
content:"";
position:absolute;
right:-7rem;
top:-8rem;
width:23rem;
height:23rem;
border:1px solid rgba(255,255,255,.28);
border-radius:50% 50% 50% 16%;
background:rgba(88,50,155,.5);
transform:rotate(16deg);
}
.qmmw{
position:relative;
z-index:1;
max-width:66rem;
padding-top:clamp(3.5rem,7vw,5.5rem);
padding-bottom:clamp(3.5rem,7vw,5.5rem);
}
.znkc h2{
max-width:19ch;
color:var(--mjf-paper);
font-size:clamp(2rem,4.7vw,3.7rem);
font-weight:800;
letter-spacing:-.06em;
line-height:.98;
}
.znkc p{
max-width:48rem;
color:var(--mjf-soft);
}
.znkc .meld{
border-color:var(--mjf-paper);
background:var(--mjf-paper);
color:var(--mjf-purple);
box-shadow:none;
}
.znkc .meld:hover{
border-color:var(--mjf-rose-wash);
background:var(--mjf-rose-wash);
color:var(--mjf-purple);
}
.loyl{
border:0;
border-top:6px solid var(--mjf-purple);
background:var(--mjf-soft);
color:var(--mjf-ink);
}
.loyl .xwmt{
max-width:76rem;
}
.uhpz{
gap:3rem;
}
.ztsr:first-child{
position:relative;
padding-left:4.2rem;
}
.ztsr:first-child::before{
content:"M";
position:absolute;
left:0;
top:.1rem;
display:grid;
width:3.1rem;
height:3.1rem;
place-items:center;
border:2px solid var(--mjf-ink);
border-radius:50% 50% 50% 16%;
background:var(--mjf-paper);
color:var(--mjf-purple);
font-family:'Manrope',sans-serif;
font-weight:800;
transform:rotate(-4deg);
}
.loyl .ziyo{
color:var(--mjf-purple);
font-weight:800;
letter-spacing:.09em;
text-transform:uppercase;
}
.loyl .ssxe,
.vibn,
.veos,
.ltle{
color:var(--mjf-muted);
}
.veos{
border-left:3px solid var(--mjf-rose);
padding-left:.85rem;
}
.loyl .vaiq{
color:var(--mjf-ink);
}
.loyl .vaiq:hover{
background:var(--mjf-paper);
color:var(--mjf-purple);
}
.ltle{
border-top-color:var(--mjf-line);
}
.loyl .ltle{
color:var(--mjf-muted);
opacity:1;
}
@media (max-width:980px){
.zhgi::before,
.zhgi::after{
opacity:.28;
}
.djck{
grid-template-columns:5.5rem minmax(0,1fr);
}
.jmto{
width:5.5rem;
min-height:5.5rem;
}
.qbjh{
grid-column:2;
justify-self:start;
}
.csao::before{
left:.8rem;
top:1.1rem;
}
.csao{
padding-top:4rem;
}
}
@media (max-width:760px){
body{
font-size:1rem;
}
.kqjd .xwmt{
padding-top:.72rem;
padding-bottom:.72rem;
}
.zuen{
max-width:15.5rem;
padding-left:3.15rem;
font-size:.86rem;
}
.zuen::before{
width:2.55rem;
height:2.55rem;
}
.zuen::after{
left:3.15rem;
}
.kqjd .ziyo{
margin-left:3.15rem;
font-size:.6rem;
}
.veks .xwmt{
min-height:0;
padding-top:3.8rem;
padding-bottom:5rem;
}
.zhgi::before,
.zhgi::after{
opacity:.12;
right:-7rem;
width:15rem;
}
.veks .agly{
max-width:100%;
font-size:clamp(2.45rem,12.5vw,3.7rem);
}
.nccy{
margin-top:-2rem;
padding:0 .9rem;
}
.djck{
grid-template-columns:1fr;
gap:1rem;
padding:1.2rem;
}
.jmto{
width:auto;
min-height:0;
justify-self:start;
border-radius:999px;
padding:.45rem .75rem;
transform:none;
}
.qbjh{
grid-column:1;
justify-self:stretch;
}
.vnhk{
padding-top:4rem;
}
.lqgp{
border-radius:1.35rem;
padding:2.2rem 1.25rem 1.4rem;
}
.lqgp::before{
left:1.2rem;
}
.csao,
.csao:nth-of-type(even){
padding-right:1rem;
padding-left:1rem;
}
.rkvo{
grid-template-columns:1fr;
}
.abff{
border-radius:1.3rem;
padding:2rem 1.2rem;
}
.xyuh{
padding:4.25rem 1.2rem 1.3rem;
}
.xyuh::before{
left:1.2rem;
top:1.25rem;
}
.ztsr:first-child{
padding-left:0;
padding-top:4.2rem;
}
}
@media (prefers-reduced-motion:reduce){
html{
scroll-behavior:auto;
}
.qbjh:hover,
.meld:hover{
transform:none;
}
}