:root{--purple:#7954a0;--deep:#362448;--lavender:#eee6f5;--paper:#fbf8f1}body{background-image:radial-gradient(#9b7da311 .7px,transparent .7px);background-size:6px 6px}header{position:relative;z-index:4}nav a.active{color:var(--purple);text-decoration:underline;text-underline-offset:7px}.hero{min-height:700px;padding-top:55px;gap:25px}.hero h1{font-size:clamp(45px,5.3vw,74px);letter-spacing:-4px;line-height:1.08;max-width:630px}.hero h1 em{display:inline-block}.hero .eyebrow{background:#e9dfef;display:inline-flex;padding:7px 12px;border-radius:30px;font-size:8px;letter-spacing:1.3px}.hero-copy>p{font-size:15px;max-width:430px}.hero-actions .button{box-shadow:0 7px 0 #cbb8d826}.hero-facts{margin-top:32px}.art-stage{height:515px;background:radial-gradient(ellipse at 50% 30%,#6f567e,#34263f 64%,#241e2b);border:1px solid #b7a1c1;border-radius:130px 130px 14px 14px;box-shadow:0 25px 65px #43314d1a;margin-left:0;transform:rotate(2deg);overflow:hidden;min-width:0}.art-stage:before{background:radial-gradient(circle,#d6bee65e,transparent 65%);left:0;top:0;width:100%;height:100%}.orbit{width:340px;height:340px;left:calc(50% - 170px);top:40px;border-color:#dfc8ec26}.orbit-two{top:75px}.spark-one{right:28px;top:100px;color:#e4cba8}.spark-two{left:20px;bottom:100px;color:#d7c0e9}.card-back{left:calc(50% - 190px);top:80px;width:210px;height:310px;transform:rotate(-16deg);transition:transform .4s}.card-front{left:calc(50% - 18px);top:135px;width:210px;height:310px;transform:rotate(13deg);transition:transform .4s,box-shadow .4s}.art-stage:hover .card-front{transform:translateY(-9px) rotate(9deg);box-shadow:5px 20px 40px #10081780}.art-stage:hover .card-back{transform:translateY(-3px) rotate(-20deg)}.card-land{height:156px}.art-caption{left:27px;bottom:45px;color:#f0e6f5;font-size:10px;transform:rotate(-2deg)}.art-caption>span{color:#dbc0e8;font-size:32px}.illustration-note{left:25px;bottom:17px;right:auto;color:#c0aecb;font-size:8px}.mood-switch{display:flex;gap:7px;align-items:center;margin:21px 0 0;flex-wrap:wrap}.mood-switch>span{font-size:9px;color:var(--muted);margin-right:4px}.mood-switch button{border:1px solid #d9cfdf;background:#fffaf6;border-radius:25px;padding:6px 12px;color:var(--muted);font-size:10px;display:flex;gap:6px;align-items:center}.mood-switch button:before{content:'';width:6px;height:6px;border-radius:50%;background:#8e6eb0}.mood-switch button[data-mood=grove]:before{background:#61866b}.mood-switch button[data-mood=ember]:before{background:#ce7a4e}.mood-switch button[aria-pressed=true]{border-color:var(--purple);background:#ece3f4;color:var(--deep)}.art-stage[data-mood=grove] .card-front .card-land{background:linear-gradient(#305d53,#a9b994)}.art-stage[data-mood=grove] .card-front .mountain{background:#35534a}.art-stage[data-mood=grove] .card-front .portal{border-color:#a5b58b;background:linear-gradient(#354e40,#a8c19c)}.art-stage[data-mood=ember] .card-front .card-land{background:linear-gradient(#7b3b54,#f1b780)}.art-stage[data-mood=ember] .card-front .moon{background:#ffd2a1}.art-stage[data-mood=ember] .card-front .mountain{background:#6e354d}.art-stage[data-mood=ember] .card-front .portal{border-color:#edb88e;background:linear-gradient(#9c4c54,#ffd1a5)}.benefits{background:#eee8f2;border-color:#e1d7e8}.brew-section{padding-top:65px;padding-bottom:65px}.brew-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:27px}.brew-intro h2{font-size:29px}.brew-intro>p{font-size:12px;max-width:260px;color:var(--muted)}.brew-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brew-card{position:relative;overflow:hidden;border:1px solid #e1d7e6;border-radius:8px;padding:26px;background:#f5eff8;transition:transform .2s,box-shadow .2s}.brew-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #45325212}.brew-card:nth-child(2){background:#edf1e8;border-color:#d7dfcd}.brew-card:nth-child(3){background:#f6eae0;border-color:#e6d6c9}.brew-symbol{font-size:37px;color:#9372ad;line-height:1;display:block;margin-bottom:25px}.brew-card:nth-child(2) .brew-symbol{color:#70865d}.brew-card:nth-child(3) .brew-symbol{color:#ba885e}.brew-card h3{font-size:20px;letter-spacing:-.7px;margin-bottom:7px}.brew-card p{font-size:12px;color:var(--muted);min-height:60px;max-width:250px}.brew-card a{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid #c6b5d144;margin-top:20px;padding-top:15px;font-weight:600}.brew-card a:hover{text-decoration:underline}.explorer{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;background:#342641;color:#f7f2fa;padding:36px;border-radius:9px;margin:30px 0 25px;position:relative;overflow:hidden}.explorer:after{content:'✳';position:absolute;font-size:200px;right:-33px;bottom:-70px;line-height:1;color:#b591cc10;pointer-events:none}.explorer .eyebrow{color:#d1b2e1}.explorer h3{font-size:22px;letter-spacing:-.6px;margin:8px 0 24px}.explorer label{display:flex;justify-content:space-between;align-items:center;color:#d8c9e1;font-size:11px}.explorer output{font:600 27px 'Manrope',sans-serif;color:white}.explorer input[type=range]{width:100%;height:6px;appearance:none;background:linear-gradient(to right,#d1b0e8 var(--fill,20%),#ffffff2a var(--fill,20%));border-radius:10px;margin:18px 0;cursor:pointer}.explorer input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#f3e6ff;border:3px solid #b68ccd}.explorer input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f3e6ff;border:3px solid #b68ccd}.explore-presets{display:flex;gap:7px;flex-wrap:wrap}.explore-presets button{border:1px solid #ffffff30;background:transparent;color:#d5c5df;border-radius:20px;font-size:10px;padding:5px 12px}.explore-presets button[aria-pressed=true]{background:#ceb1df;color:#342641;border-color:#ceb1df}.explorer-result{border-left:1px solid #ffffff20;padding-left:32px;display:flex;flex-direction:column;align-items:start;justify-content:center}.explorer-result>small{font-size:10px;color:#baa8c8}.explorer-result>strong{font:600 45px/1.3 'Manrope',sans-serif;letter-spacing:-2px}.explorer-result>span{font-size:11px;color:#d0bfdc}.explorer-result>p{font-size:10px;color:#c8afd8;margin-top:8px;min-height:18px}.explorer-result .button{background:#d7bee7;border-color:#d7bee7;color:#342641;padding:11px 16px;font-size:11px;gap:30px;margin-top:17px}.order-section{position:relative}.order-form{box-shadow:0 14px 30px #4d36510a}.order-summary{box-shadow:0 16px 35px #482b5c13;border-top:4px solid #7954a0}.checkout-note a{display:inline-block;margin-top:8px;color:var(--purple);font-weight:700;text-decoration:underline}.section-heading h2{max-width:650px}.hero .button:hover,.review-button:hover{box-shadow:0 8px 20px #5d3f7420}.steps article{position:relative}.steps .step-no{font-size:25px;color:#b29cc2}.faqs details[open]{background:#f0eaf4;border-radius:5px;padding-left:15px;padding-right:15px}.how{padding-top:45px}footer{margin-bottom:18px}
@media(max-width:1100px){.hero h1{font-size:56px}.art-stage{height:490px;transform:rotate(2deg);margin-left:0}.card-front{left:calc(50% - 30px);top:143px;width:190px;height:300px}.card-back{left:calc(50% - 170px);width:190px;height:300px}.brew-card{padding:22px}.explorer{gap:25px}}
@media(max-width:800px){.hero{min-height:0;gap:40px;padding-top:42px}.hero h1{font-size:62px;max-width:600px}.art-stage{width:100%;max-width:490px;height:500px;margin:0 auto 15px;transform:rotate(1deg)}.card-front{left:calc(50% - 10px);width:210px;height:310px;top:135px}.card-back{left:calc(50% - 190px);width:210px;height:310px}.hero-copy{max-width:none}.hero-copy>p{max-width:540px}.brew-intro{display:block}.brew-intro>p{margin-top:15px;max-width:400px}.brew-grid{gap:10px}.brew-card{padding:20px 15px}.brew-card h3{font-size:17px}.brew-card p{min-height:80px}.brew-card a{font-size:10px;gap:10px}.explorer{padding:28px;grid-template-columns:1fr 1fr}.explorer-result{padding-left:24px}.hero h1 em{letter-spacing:-2.8px}}
@media(max-width:520px){header .brand{font-size:20px;letter-spacing:-1px}header .brand-icon{font-size:26px}nav{gap:11px}.hero{padding-bottom:32px;overflow:visible;gap:32px}.hero h1{font-size:49px;letter-spacing:-2.6px}.hero h1 em{letter-spacing:-2.3px}.hero-copy>p{font-size:13px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.art-stage{width:100%;max-width:100%;height:400px;margin:0;transform:none;border-radius:90px 90px 12px 12px}.card-front{left:calc(50% - 12px);top:98px;width:168px;height:249px;padding:9px;transform:rotate(11deg)}.card-back{left:calc(50% - 155px);top:63px;width:168px;height:249px;padding:9px;transform:rotate(-14deg)}.fantasy-card .card-top{font-size:8px}.fantasy-card .card-land{height:122px}.fantasy-card .card-type{font-size:7px;padding:3px}.fantasy-card .card-rules{height:54px;font-size:9px;padding:9px 6px}.fantasy-card .card-bottom{font-size:4px;padding-top:4px}.art-caption{bottom:29px;left:18px;font-size:8px}.art-caption>span{font-size:25px}.illustration-note{bottom:9px;left:18px;font-size:6px}.spark-one{top:42px;font-size:20px;right:34px}.spark-two{bottom:80px;font-size:23px;left:10px}.orbit{width:280px;height:280px;left:calc(50% - 140px);top:28px}.art-stage:hover .card-front{transform:rotate(11deg)}.art-stage:hover .card-back{transform:rotate(-14deg)}.brew-grid{grid-template-columns:1fr}.brew-card{padding:23px;display:grid;grid-template-columns:45px 1fr;gap:0 15px}.brew-symbol{grid-row:1/3;margin:7px 0 0;font-size:32px}.brew-card p{min-height:0;max-width:100%}.brew-card a{grid-column:1/3;font-size:11px}.brew-intro h2{font-size:28px}.brew-section{padding-top:48px;padding-bottom:30px}.how{padding-top:25px}.explorer{grid-template-columns:1fr;gap:25px;padding:24px}.explorer-result{border-left:0;padding-left:0;border-top:1px solid #ffffff20;padding-top:22px}.explorer-result>strong{font-size:40px}.explorer-result .button{width:100%;justify-content:space-between}.explorer h3{font-size:20px}footer .brand{font-size:18px}footer .brand-icon{font-size:23px}.mood-switch{gap:5px}.mood-switch button{font-size:9px;padding:6px 10px}.hero-facts{margin-top:26px}}
#unit-price{max-width:65%;text-align:right;overflow-wrap:anywhere}.explorer-result>span{line-height:1.8}
@media(prefers-reduced-motion:reduce){.art-stage .fantasy-card,.brew-card{transition:none;transform:none}.art-stage:hover .card-front,.art-stage:hover .card-back{transform:none}}
