/* Constellations: original Misa typefaces, frosted surfaces and restrained reflections. */
body{background:#0c090e!important}
.cstudio{--red:#f16991;--muted:#b6a8b4;max-width:1380px;padding:0 64px;position:relative;isolation:isolate}
.cstudio:before{content:"";position:absolute;inset:0 -30px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#100b1370,#100b13b8 65%,#0c090e),url('/images/constellation-red-texture.jpg') center top/100% 1050px no-repeat;filter:blur(48px);opacity:.65}
.cstudio h1,.cstudio h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-.045em;line-height:1.08;text-transform:none}
.cstudio h1{font-size:clamp(50px,5.8vw,76px)}
.cstudio em{font-family:inherit;font-style:italic;color:#f4a8c2}
.cs-label{font:500 10px/1.6 Inter,sans-serif;letter-spacing:.17em;color:#c6a5b7}
.cs-hero{min-height:690px;gap:64px;padding:86px 0 46px;grid-template-columns:1.04fr 1fr}
.cs-hero:before{display:none}
.cs-lead{font-size:14px;line-height:1.85;max-width:410px;color:#bfb1bd;margin-top:25px!important}
.cs-intro>.cs-label{margin-bottom:24px}
.cs-actions{gap:22px;margin-top:30px}
.cs-button{border:1px solid #ffb5cf55;border-radius:999px;background:linear-gradient(160deg,#d9547cbb,#8d294dbb);box-shadow:inset 0 1px 0 #ffe2ef55,inset 0 -1px 0 #280b2a55,0 6px 25px #19091344;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-weight:600;padding:16px 22px;gap:18px}
.cs-button:hover{background:linear-gradient(160deg,#e5688fdd,#a23d62dd);box-shadow:inset 0 1px 0 #fff7,0 8px 32px #c7426940;transform:translateY(-1px)}
.cs-link{display:inline-flex;align-items:center;gap:10px;color:#e9d8e2!important;border-color:#ddbad247;font-weight:500}
.cs-icon{display:inline-block;width:16px;height:16px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cs-plan{color:#a88f9f;margin-top:18px!important;font-size:11px}
.cs-stage,.cs-layout,.cs-upload,.cs-faq details{background:linear-gradient(135deg,#f8dcf316,#edd7ef05 48%,#b995c510);border:1px solid #edd6ec29;box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #fff06,0 24px 65px #05030640;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.cs-stage{border-radius:25px;transform:none;margin:0;overflow:hidden}
.cs-stage-top,.cs-stage-bottom{font:10px Inter,sans-serif;letter-spacing:.12em;padding:21px 24px;color:#baa0b4;border-color:#fff1}
.cs-composition{height:370px;background:radial-gradient(ellipse at 40% 45%,#ca73952c,transparent 70%)}
.cs-person{background:linear-gradient(145deg,#fbecff25,#d6b5e00b);border:1px solid #f7d9ed42;border-radius:20px;box-shadow:inset 0 1px 0 #fff3,0 15px 30px #08040d55;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);width:166px;left:22px}
.cs-person[data-person="2"]{left:calc(100% - 188px);background:linear-gradient(145deg,#f9eaff1b,#d6b5e008)}
.cs-avatar{border:1px solid #f8d6e445;background:linear-gradient(145deg,#e0adc035,#be6d9620);box-shadow:inset 0 1px 0 #fff3;color:#f4d3e3}
.cs-avatar svg{width:24px;height:24px}
.cs-person h2{font:500 15px/1.3 Inter,sans-serif;letter-spacing:-.02em}
.cs-person p{color:#b9a3b2;font-size:9px}
.cs-profile-links{gap:8px}.cs-profile-links span{border-radius:8px;border-color:#e7cde51f;background:#fff04;padding:7px;display:flex;align-items:center;gap:5px}.cs-profile-links .cs-icon{width:10px;height:10px}
.cs-connections{stroke:#d1a2b5;opacity:.4}
.cs-picker{background:#08040e28;padding:4px;border-radius:999px;border:1px solid #fff1;gap:2px}
.cs-picker button{border:0;border-radius:999px;background:transparent;padding:8px 10px;font:11px Inter,sans-serif;color:#cab5c7}
.cs-picker button[aria-pressed=true]{border:0;background:linear-gradient(#d1b6d43b,#af85b429);box-shadow:inset 0 1px 0 #fff3;color:#fff}
.cs-hero-foot{font:9px/1.8 Inter,sans-serif;letter-spacing:.12em;color:#907b8c;padding-top:30px}
.cs-layouts,.cs-details,.cs-preview-section,.cs-faq{padding:78px 0;border-color:#dcbcd01a}
.cs-section-heading{grid-template-columns:1fr 1.8fr 1.2fr}
.cs-section-heading h2,.cs-details h2,.cs-preview-section h2{font-size:clamp(34px,3.8vw,48px)}
.cs-layout{border-radius:22px;padding:25px;overflow:hidden}.cs-layout:hover{border-color:#f2bfd469;transform:translateY(-3px)}
.cs-layout>div:last-child{border-color:#e2bcda22}.cs-layout h3{font:400 25px "Playfair Display",Georgia,serif;letter-spacing:-.025em}.cs-layout>div:last-child>span{font:10px Inter,sans-serif;color:#c5a6b9;display:inline-flex;align-items:center;gap:7px}
.cs-diagram i{border-radius:8px;background:linear-gradient(145deg,#efd0e633,#c89db71a);border-color:#ddbad44d;box-shadow:inset 0 1px 0 #fff3,0 8px 16px #0002;transform:rotate(-6deg)}
.cs-details h2 em{font-size:1em}.cs-details dt{font-weight:500;font-size:17px}.cs-details dt span{font:10px Inter,sans-serif;color:#d9a6bf}.cs-details dl>div{border-color:#e6cee21a}.cs-details dd{color:#b8a9b5}
.cs-upload{border-radius:24px;padding:20px}.cs-upload #layout-preview{background:#0e091630;border:1px dashed #edd9ef38;border-radius:15px;height:220px}.cs-upload-plus{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffff09;color:#d3b7ca}.cs-upload-plus svg{width:24px;height:24px}.cs-upload strong{font-weight:500}.cs-upload #upload-status{color:#af9aaa}
.cs-faq details{padding:22px 24px;border-radius:16px;margin-bottom:12px}.cs-faq summary{font-weight:400;font-size:14px;align-items:center}.cs-faq summary span{color:#dfbacf}.cs-faq details[open] summary svg{transform:rotate(45deg)}
.cs-closing{background:linear-gradient(135deg,#edc6e214,#e4bfdf05);border:1px solid #e6c7df24;border-radius:28px;padding:70px 25px;margin:0 0 65px;box-shadow:inset 0 1px 0 #fff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.cs-closing h2{font-size:clamp(40px,5.4vw,66px)}
.site-nav{background:#0c090e88!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border-bottom:1px solid #ffffff08!important}
.site-nav__links{background:linear-gradient(#ffffff10,#ffffff05)!important;border-color:#ffffff20!important;box-shadow:inset 0 1px 0 #fff1,0 8px 20px #0002!important}
.page-footer{border-color:#dcbcd01a}.cstudio :focus-visible{outline-color:#eeb4d2}
@media(max-width:1100px){.cs-hero{gap:35px}.cstudio{padding:0 35px}.cs-person{width:145px;left:15px}.cs-person[data-person="2"]{left:calc(100% - 160px)}.cs-section-heading{grid-template-columns:1fr 2fr}}
@media(max-width:700px){.cstudio{padding:0 22px}.cstudio:before{inset:0;filter:blur(28px);background-size:auto 1300px}.cs-hero{padding:50px 0 35px;gap:35px;grid-template-columns:1fr;min-height:auto}.cstudio h1{font-size:clamp(45px,11.8vw,66px)}.cs-hero-foot{padding-top:0;font-size:8px}.cs-stage{border-radius:22px}.cs-layouts,.cs-details,.cs-preview-section,.cs-faq{padding:52px 0}.cs-section-heading{display:block}.cs-layout{padding:22px}.cs-layout>div:last-child>span{display:inline-flex}.cs-closing{margin:0 0 35px;padding:55px 20px;border-radius:24px}.cs-details,.cs-preview-section{gap:30px}.cs-faq details{padding:20px}.cs-stage-top,.cs-stage-bottom{padding:16px}.cs-composition[data-count="4"] .cs-person:nth-of-type(odd){left:12px}.cs-composition[data-count="4"] .cs-person:nth-of-type(even){left:calc(100% - 142px)}}
@supports not (backdrop-filter:blur(1px)){.cs-stage,.cs-layout,.cs-upload,.cs-person,.cs-faq details{background:#251a29}}
.cstudio{overflow:clip}.cs-hero{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr)}@media(max-width:700px){.cs-hero{grid-template-columns:minmax(0,1fr)}}