/* Glass surfaces: highlights, translucent layers and refracted colour. */
.feature-grid{position:relative;isolation:isolate;gap:22px}
.feature-grid::before{content:'';position:absolute;inset:10% 0 -5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 65%,#ad88d935,transparent 35%),radial-gradient(ellipse at 50% 80%,#87c5a035,transparent 35%),radial-gradient(ellipse at 87% 55%,#89adea35,transparent 35%);filter:blur(28px)}
.feature{isolation:isolate;border-radius:30px;border:1px solid #ffffff26;background:linear-gradient(145deg,#ffffff16,#ffffff05 50%,#ffffff0b);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #ffffff0c,0 20px 50px #0004}
.feature::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff08,transparent 40%,transparent 78%,#ffffff04)}
.feature-index{color:#929099}.feature small{color:#939099}
.plan-grid{position:relative;isolation:isolate;gap:28px}
.plan-grid::before{content:'';position:absolute;inset:5% -2% -3%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 60%,#88bbaa38,transparent 43%),radial-gradient(ellipse at 77% 20%,#aa86d64d,transparent 46%),radial-gradient(ellipse at 55% 95%,#8aa8e025,transparent 45%);filter:blur(30px)}
.plan{position:relative;overflow:hidden;border-radius:34px;border:1px solid #ffffff26;background:linear-gradient(145deg,#ffffff16 0%,#ffffff05 45%,#ffffff0b 100%);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #ffffff0c,0 24px 65px #0005}
.plan::before{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(120deg,#ffffff10,transparent 27%,transparent 76%,#ffffff06);z-index:-1}
.label-plan{background:linear-gradient(145deg,#dfccff1d,#d9d2ff08 55%,#b9d6ff0c);border-color:#e9d9ff35;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #dfceff15,0 24px 65px #0005}
.plan-tag{background:#ffffff08;border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff14;color:#d8d4df}
.plan ul{border-top-color:#ffffff20}
.button,.button.outline{position:relative;overflow:hidden;color:#f6f4fa;border:1px solid #ffffff38;background:linear-gradient(145deg,#ffffff20,#ffffff08 55%,#ffffff12);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff10,0 8px 24px #0003;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#ffffff16,transparent 38%,transparent 75%,#d3c2f815)}
.button:hover,.button.outline:hover{color:white;background:linear-gradient(145deg,#ffffff30,#cfb4f71b 55%,#bedddc18);border-color:#ffffff65;box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #ffffff20,0 10px 28px #a395c215;transform:translateY(-2px)}
.button:active{transform:translateY(0);background:#ffffff16}
.label-plan .button{background:linear-gradient(145deg,#dfc8ff29,#d6c5f610 55%,#c0d8ec19)}
dialog{background:linear-gradient(145deg,#27252be8,#17151cde);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-color:#ffffff30;border-radius:30px;box-shadow:inset 0 1px 0 #ffffff30,0 25px 100px #0009}
@media(max-width:700px){.plan{border-radius:30px}.plan-grid{gap:20px}.plan-grid::before{inset:0;background:radial-gradient(ellipse at 10% 25%,#88bbaa30,transparent 45%),radial-gradient(ellipse at 90% 75%,#aa86d64d,transparent 45%)}}
.button.landing-gradient{background:linear-gradient(110deg,#a08de4,#cd98d5 60%,#8dc7bf)!important;color:#101017!important;border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff5c,0 8px 22px #8d76b925}.button.landing-gradient:hover{filter:brightness(1.08)}.button.landing-gradient:focus-visible{outline:2px solid #dac4f0;outline-offset:4px}