:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111015;color:#f4eefb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111015;line-height:1.65}a{color:#dbc4f7;text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}a:focus-visible{outline:2px solid #d8b7ff;outline-offset:4px}img{max-width:100%;display:block}
.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #ffffff18}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.25rem;font-weight:750;letter-spacing:.02em}.brand img{border-radius:10px}
.topbar nav,.footer nav{display:flex;flex-wrap:wrap;gap:24px}.topbar nav a,.footer nav a{color:#d6cfde;font-size:.92rem}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.74rem;color:#c9a6ec;font-weight:750}
.hero{padding-block:85px 96px}.hero-copy{max-width:840px}
.hero h1,.section h2,.cta h2{letter-spacing:-.065em;line-height:1.06}.hero h1{font-size:clamp(3.7rem,8vw,7.5rem);margin:18px 0 25px}
.hero h1 em,.section h2 em{font-style:normal;background:linear-gradient(100deg,#b69cf4,#f1d4ea);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:700px;color:#d9ccdd;font-size:1.27rem;line-height:1.6}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:33px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;border-radius:13px;background:#dac1f4;color:#211528;font-weight:750}.button:hover{background:#efdffc;text-decoration:none}.availability{color:#b9aebe;font-size:.93rem}
.hero-art{position:relative;margin:70px 0 0;padding:14px;border:1px solid #ffffff24;border-radius:28px;background:#211a27;box-shadow:0 40px 100px #0008}
.hero-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:hidden;border-radius:16px}.hero-panels img{width:100%;height:480px;object-fit:cover;object-position:center 35%}
.hero-art figcaption{position:absolute;right:29px;bottom:29px;padding:8px 13px;background:#141017c9;border:1px solid #ffffff38;border-radius:9px;color:#f5e9f9;font-size:.8rem;backdrop-filter:blur(8px)}
.intro-band{background:#211b26;border-block:1px solid #ffffff13}.intro-content{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:19px}.intro-content p{margin:0;color:#eee3f3;font-weight:600}.intro-content div{display:flex;flex-wrap:wrap;gap:24px;color:#bdadc7;font-size:.68rem;font-weight:750;letter-spacing:.18em}
.section{padding-block:110px}.section-head{max-width:790px}.section h2,.cta h2{font-size:clamp(2.7rem,5.6vw,5.2rem);margin:18px 0 22px}.section-head>p:last-child{max-width:620px;color:#c9bece;font-size:1.1rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.steps article,.beyond-cards article{border:1px solid #ffffff1e;border-radius:24px;background:#ffffff08;padding:30px}
.step-number{color:#c5a6de;font-size:.75rem;letter-spacing:.12em;font-weight:700}.step-icon{display:grid;place-items:center;width:57px;height:57px;margin-top:35px;border-radius:17px;background:#bda2d527;color:#e4c4f6;font-size:1.7rem}
.steps h3,.beyond h3{font-size:1.25rem;margin:24px 0 8px}.steps p,.beyond p{color:#c8bdce;margin:0}
.showcase{padding-top:95px;border-top:1px solid #ffffff17}
.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:46px}.style-grid figure{margin:0;overflow:hidden;border:1px solid #ffffff25;border-radius:20px;background:#211a28}.style-grid img{width:100%;height:560px;object-fit:cover}.style-grid figcaption{display:flex;flex-direction:column;gap:1px;padding:15px 17px 18px}.style-grid figcaption span{font-size:.67rem;letter-spacing:.12em;color:#c2a6d8;font-weight:750}.style-grid figcaption strong{font-size:.98rem}.image-disclaimer{margin:18px 0 0;color:#9f93a7;font-size:.82rem}
.beyond{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;border-top:1px solid #ffffff17}.beyond-cards{display:grid;gap:16px}.beyond-cards article>span{color:#d5b5ef;font-size:2rem}.beyond h3{margin-top:12px}
.cta{display:flex;align-items:center;gap:32px;margin-bottom:100px;padding:43px;border:1px solid #d1aeed4b;border-radius:26px;background:radial-gradient(circle at 95% 0,#6f4c8055,transparent 45%),#211a28}.cta img{flex:none;border-radius:20px}.cta h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:7px 0}.cta p:last-child{color:#d6c9df;margin:0}
.footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #ffffff18;padding:30px 0 44px;color:#aea4b3;font-size:.9rem}
.document{max-width:800px;padding:70px 0 100px}.document h1{font-size:clamp(2.4rem,6vw,4.1rem);letter-spacing:-.04em;line-height:1.1}.document h2{font-size:1.35rem;margin:42px 0 10px}.document p,.document li{color:#ddd5e2}.document ul{padding-left:24px}.document .updated{color:#ad9db9;font-size:.9rem}.document strong{color:#fff}.callout{padding:22px 26px;border:1px solid #c6a1f166;background:#bd9de911;border-radius:18px;margin:30px 0}
@media(max-width:900px){.style-grid{grid-template-columns:repeat(2,1fr)}.beyond{grid-template-columns:1fr;gap:25px}.beyond-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 32px,1160px)}.topbar{align-items:flex-start;gap:18px}.topbar nav{gap:12px;justify-content:flex-end}.hero{padding-block:67px 65px}.hero h1{font-size:clamp(3.4rem,13vw,5.5rem)}.hero-art{margin-top:48px;padding:7px;border-radius:17px}.hero-panels{gap:4px;border-radius:11px}.hero-panels img{height:290px}.hero-art figcaption{position:static;margin:9px 5px 2px;padding:0;background:none;border:0;font-size:.72rem}.intro-content{align-items:flex-start;flex-direction:column;gap:8px}.intro-content div{gap:13px}.section{padding-block:75px}.steps{grid-template-columns:1fr;gap:12px;margin-top:35px}.step-icon{margin-top:18px}.style-grid{gap:10px}.style-grid figcaption{padding:10px 12px}.style-grid figcaption strong{font-size:.85rem}.style-grid figcaption span{font-size:.56rem}.beyond-cards{grid-template-columns:1fr}.cta{padding:28px;align-items:flex-start;flex-direction:column;margin-bottom:70px}.footer{flex-direction:column}.document{padding-top:42px}}
@media(max-width:440px){.topbar{flex-direction:column}.topbar nav{justify-content:flex-start}.hero h1{font-size:3.4rem}.lead{font-size:1.1rem}.style-grid{grid-template-columns:1fr}}