:root{
  --cream:#fffaf6; --blush:#f8e6e1; --blush2:#f2d3d0; --plum:#3a1e38; --plum2:#5a3358;
  --accent:#b03a86; --accent2:#d0577f; --gold:#c39a5f; --ink:#2a1a28; --muted:#7a6577; --line:#ecd9d5;
  --card:#ffffff; --dark:#3a1e38; --on-dark:#f3e6ea; --accent-soft:#e9b3cf;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
  --nail:#e88fa0;
}
[data-theme="noir"]{
  --cream:#141013; --blush:#1f191d; --blush2:#2c2328; --plum:#f4e9dc; --plum2:#d9c8b8;
  --accent:#c9a45c; --accent2:#e0c07d; --gold:#c9a45c; --ink:#f4e9dc; --muted:#a8998f; --line:#2f272b;
  --card:#1b1619; --dark:#0b080a; --on-dark:#e8dccf; --accent-soft:#e0c07d;
}
[data-theme="lilac"]{
  --cream:#fbf9ff; --blush:#f0eafb; --blush2:#e1d6f6; --plum:#2e2250; --plum2:#4b3d78;
  --accent:#7b5cc4; --accent2:#a07fe0; --gold:#b58ad6; --ink:#241a40; --muted:#716a88; --line:#e6def5;
  --card:#ffffff; --dark:#2e2250; --on-dark:#ece6fb; --accent-soft:#c9b5f3;
}
[data-theme="sage"]{
  --cream:#fafbf7; --blush:#eaf2ec; --blush2:#d6e6db; --plum:#223a2f; --plum2:#3c5a4b;
  --accent:#4f7a64; --accent2:#6f9a82; --gold:#b39a62; --ink:#1d2e25; --muted:#6c7c72; --line:#dfe9e1;
  --card:#ffffff; --dark:#223a2f; --on-dark:#e7f0ea; --accent-soft:#a9d3bb;
}
[data-font="modern"]{ --serif:'Playfair Display',Georgia,serif; --sans:'Poppins',system-ui,sans-serif; }

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}
body.loading{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font-family:inherit}
.wrap{width:min(1180px,92%);margin:0 auto}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;color:var(--plum)}
h1{font-size:clamp(3rem,7vw,5.8rem);letter-spacing:-.01em}
h2{font-size:clamp(2.2rem,4.6vw,3.6rem);margin-bottom:1.2rem}
em{font-style:italic;color:var(--accent)}
.eyebrow{font-size:.76rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:1rem}
.center{text-align:center;margin-top:3rem}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}
.sample-tag{display:inline-block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .9rem;border-radius:999px;border:1px dashed var(--accent);color:var(--accent);margin-bottom:1.6rem}
.sample-inline{color:var(--muted);font-size:.8em}

/* loader */
.loader{position:fixed;inset:0;z-index:999;background:var(--dark);display:grid;place-content:center;justify-items:center;gap:1rem;transition:opacity .7s .2s,visibility .7s .2s}
.loader.done{opacity:0;visibility:hidden}
.loader-mark{width:84px;height:84px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:2rem;animation:pop 1s cubic-bezier(.2,.8,.2,1) both}
.loader-text{font-family:var(--serif);font-size:1.6rem;color:#fff;letter-spacing:.02em;animation:rise .9s .25s both}
.loader-text span{font-style:italic;color:var(--accent-soft)}
@keyframes pop{from{transform:scale(.4);opacity:0}}
@keyframes rise{from{transform:translateY(16px);opacity:0}}

/* demo bar */
.demo-bar{background:var(--dark);color:var(--on-dark);font-size:.82rem;text-align:center;padding:.6rem 1rem;display:flex;justify-content:center;align-items:center;gap:.7rem;flex-wrap:wrap}
.demo-bar b{color:var(--accent-soft)}
.demo-bar a{color:var(--gold);font-weight:500;text-decoration:none;white-space:nowrap}
.pulse{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:pulse 2s infinite;flex:none}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;padding:.95rem 1.8rem;border-radius:999px;font-weight:500;letter-spacing:.02em;border:0;cursor:pointer;font-size:1rem;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--accent) 80%,transparent);transition:transform .25s,box-shadow .25s}
[data-theme="noir"] .btn{color:#141013}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -10px color-mix(in srgb,var(--accent) 90%,transparent)}
.btn-ghost{background:transparent;color:var(--plum)!important;border:1.5px solid var(--plum);box-shadow:none}
.btn-ghost:hover{background:var(--plum);color:var(--cream)!important;box-shadow:none}
.btn-small{padding:.6rem 1.2rem;font-size:.9rem}
.btn-lg{padding:1.15rem 2.6rem;font-size:1.1rem}

/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem 4%;background:color-mix(in srgb,var(--cream) 85%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s,background .5s}
.nav.scrolled{border-color:var(--line);box-shadow:0 8px 30px -20px rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.brand-mark{width:42px;height:42px;border-radius:50%;background:var(--plum);color:var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:1.2rem;font-weight:600}
[data-theme="noir"] .brand-mark{background:var(--gold);color:#141013}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text b{font-family:var(--serif);font-size:1.35rem;color:var(--accent);font-weight:600}
.brand-text small{font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-top:.25rem}
.links{display:flex;align-items:center;gap:1.6rem}
.links a{text-decoration:none;font-size:.95rem;color:var(--plum2);position:relative}
.links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-4px;height:1.5px;width:0;background:var(--accent);transition:width .3s}
.links a:not(.btn):hover::after,.links a.current::after{width:100%}
.links a.btn{color:#fff}
[data-theme="noir"] .links a.btn{color:#141013}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;position:relative}
.burger span{position:absolute;left:8px;right:8px;height:2px;background:var(--plum);transition:.3s}
.burger span:first-child{top:15px}.burger span:last-child{top:23px}
.burger.open span:first-child{top:19px;transform:rotate(45deg)}
.burger.open span:last-child{top:19px;transform:rotate(-45deg)}

/* hero */
.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;padding:4.5rem 6% 6rem;min-height:calc(100vh - 110px);overflow:hidden;background:radial-gradient(circle at 80% 20%,var(--blush) 0,transparent 55%),var(--cream)}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;animation:float 14s ease-in-out infinite}
.b1{width:360px;height:360px;background:var(--accent-soft);top:-100px;left:-100px}
.b2{width:300px;height:300px;background:var(--gold);opacity:.25;bottom:-80px;right:30%;animation-delay:-5s}
.b3{width:220px;height:220px;background:var(--accent);opacity:.18;top:30%;right:-60px;animation-delay:-9s}
@keyframes float{50%{transform:translate(30px,25px) scale(1.08)}}
.hero-copy,.hero-visual{position:relative;z-index:1}
.lead{font-size:1.15rem;color:var(--muted);max-width:38ch;margin:1.5rem 0 2rem}
.cta{display:flex;flex-wrap:wrap;gap:1rem}
.trust{display:flex;align-items:center;gap:1.4rem;margin-top:2.6rem;flex-wrap:wrap}
.trust-item{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted);line-height:1.35}
.trust-item b{color:var(--plum);font-size:1.05rem;font-weight:600}
.trust-sep{width:1px;height:34px;background:var(--line)}
.stars{color:var(--gold);letter-spacing:2px;font-size:1.05rem;white-space:nowrap}
.stars .half{background:linear-gradient(90deg,var(--gold) 50%,color-mix(in srgb,var(--gold) 30%,transparent) 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-visual{display:flex;justify-content:center;min-height:560px;align-items:center}
.arch{width:min(360px,72%);aspect-ratio:3/4.3;border-radius:999px 999px 24px 24px;overflow:hidden;box-shadow:0 40px 70px -30px rgba(0,0,0,.5);border:8px solid var(--card);position:relative;z-index:2}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ring{position:absolute;width:min(360px,72%);aspect-ratio:3/4.3;border-radius:999px 999px 24px 24px;border:1.5px solid var(--gold);transform:translate(24px,24px);z-index:1}
.mini{position:absolute;left:0;bottom:4%;width:min(190px,38%);aspect-ratio:1;border-radius:22px;overflow:hidden;border:6px solid var(--card);box-shadow:0 30px 50px -20px rgba(0,0,0,.5);z-index:3}
.mini img{width:100%;height:100%;object-fit:cover}
.chip{position:absolute;z-index:4;background:var(--card);padding:.6rem 1.1rem;border-radius:999px;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);font-size:.88rem;font-weight:500;color:var(--plum);animation:bob 5s ease-in-out infinite}
.chip span{color:var(--accent);margin-right:.3rem}
.chip-a{top:9%;left:4%}
.chip-b{top:46%;right:0;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-10px)}}
.badge-spin{position:absolute;right:6%;bottom:2%;width:118px;height:118px;z-index:4;display:grid;place-items:center;background:var(--card);border-radius:50%;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.badge-spin svg{position:absolute;inset:0;animation:spin 16s linear infinite}
.badge-spin text{font-size:10.5px;letter-spacing:2.6px;fill:var(--plum2);font-family:var(--sans)}
.badge-spin span{font-family:var(--serif);font-size:1.6rem;color:var(--accent)}
@keyframes spin{to{transform:rotate(360deg)}}

/* marquee */
.marquee{background:var(--dark);color:var(--gold);overflow:hidden;padding:1.1rem 0;white-space:nowrap}
.track{display:inline-flex;gap:2rem;animation:scroll 40s linear infinite}
.track span{font-family:var(--serif);font-size:1.6rem;font-style:italic;color:var(--on-dark)}
.track i{color:var(--accent-soft);font-style:normal;align-self:center}
@keyframes scroll{to{transform:translateX(-50%)}}

/* sections */
.section{padding:6.5rem 0}

/* services tabs */
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0 2.2rem;padding:.4rem;background:var(--blush);border-radius:999px;width:fit-content;max-width:100%}
.tab{border:0;background:transparent;padding:.7rem 1.4rem;border-radius:999px;cursor:pointer;color:var(--plum2);font-size:.95rem;font-weight:500;transition:.3s}
.tab.active{background:var(--card);color:var(--accent);box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}
.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.9rem 1.7rem;position:relative;transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden;animation:cardIn .5s both}
@keyframes cardIn{from{opacity:0;transform:translateY(18px)}}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--blush),transparent 60%);opacity:0;transition:opacity .35s}
.card:hover{transform:translateY(-8px);box-shadow:0 30px 50px -30px rgba(0,0,0,.4);border-color:var(--blush2)}
.card:hover::before{opacity:1}
.card>*{position:relative}
.num{font-family:var(--serif);font-size:1rem;color:var(--gold);letter-spacing:.2em}
.card h3{font-size:1.8rem;margin:.5rem 0 .5rem}
.card p{color:var(--muted);font-size:.97rem;min-height:3.2em}
.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:1rem;border-top:1px dashed var(--blush2)}
.price{font-weight:600;color:var(--accent)}
.card .add{font-size:.82rem;color:var(--plum2);text-decoration:none;border-bottom:1px solid currentColor}
.card .pop{position:absolute;top:1.2rem;right:1.2rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;background:var(--accent);color:#fff;padding:.3rem .7rem;border-radius:999px}
[data-theme="noir"] .card .pop{color:#141013}

/* shades */
.shades{background:linear-gradient(180deg,var(--blush),var(--cream))}
.shade-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.shade-copy p{color:var(--muted);max-width:44ch}
.swatches{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.8rem 0 1.2rem}
.sw{width:44px;height:44px;border-radius:50%;border:3px solid var(--card);box-shadow:0 0 0 1px var(--line),0 8px 16px -8px rgba(0,0,0,.4);cursor:pointer;transition:transform .2s,box-shadow .2s;background:var(--c)}
.sw:hover{transform:scale(1.12)}
.sw.active{box-shadow:0 0 0 2.5px var(--plum),0 8px 16px -8px rgba(0,0,0,.4);transform:scale(1.1)}
.finishes{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.finish{border:1.5px solid var(--line);background:var(--card);color:var(--plum2);padding:.5rem 1rem;border-radius:999px;cursor:pointer;font-size:.88rem;transition:.2s}
.finish.active{border-color:var(--accent);color:var(--accent);background:var(--blush)}
.shade-name{margin-bottom:1.6rem!important;color:var(--plum2)!important}
.hand-wrap{position:relative;display:grid;place-items:center;background:var(--card);border-radius:40px;padding:2rem;box-shadow:0 40px 70px -40px rgba(0,0,0,.5);border:1px solid var(--line);max-width:420px;margin-inline:auto;width:100%}
.hand{width:100%;max-width:320px}
.nails rect{fill:var(--nail);transition:fill .5s}
.tips rect{fill:#fff;opacity:0;transition:opacity .4s}
.nails-shine rect{fill:url(#shine);transition:opacity .4s}
.hand.matte .nails-shine{opacity:0}
.hand.chrome .nails-shine rect{fill:url(#chrome)}
.hand.french .tips rect{opacity:1}
.hand.french .nails rect{fill:#f7e4de}
.sparkles i{position:absolute;width:10px;height:10px;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0}
.sparkles.go i{animation:sparkle .8s ease-out}
.sparkles i:nth-child(1){top:18%;left:28%}.sparkles i:nth-child(2){top:12%;left:58%;animation-delay:.1s}.sparkles i:nth-child(3){top:26%;left:74%;animation-delay:.2s}
@keyframes sparkle{30%{opacity:1;transform:scale(1.6) rotate(45deg)}100%{opacity:0;transform:scale(.4) rotate(90deg)}}

/* about */
.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:4.5rem;align-items:center}
.about-media{position:relative;padding:0 3rem 3rem 0}
.about-img{border-radius:28px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(0,0,0,.5)}
.about-img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.about-img.small{position:absolute;right:0;bottom:0;width:46%;border:6px solid var(--cream)}
.about-img.small img{aspect-ratio:4/5}
.quote-card{position:absolute;left:-1.2rem;top:2rem;background:var(--card);padding:1rem 1.3rem;border-radius:16px;box-shadow:0 20px 40px -20px rgba(0,0,0,.45);font-family:var(--serif);font-size:1.25rem;font-style:italic;color:var(--plum);max-width:230px}
.quote-card span{display:block;font-family:var(--sans);font-style:normal;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-top:.4rem}
.about-copy>p{color:var(--muted);margin-bottom:1.6rem}
.creds{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:2rem}
.creds div{background:var(--blush);border-radius:16px;padding:1rem 1.1rem;display:flex;flex-direction:column}
.creds b{font-family:var(--serif);font-size:1.3rem;color:var(--plum);font-weight:600}
.creds span{font-size:.85rem;color:var(--muted)}
.stats{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:1.6rem;border-top:1px solid var(--line)}
.stats b{display:block;font-family:var(--serif);font-size:2.8rem;color:var(--accent);line-height:1}
.stats span{font-size:.85rem;color:var(--muted);letter-spacing:.05em}

/* gallery bento */
.gallery-sec{background:var(--blush)}
.insta-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--accent);font-weight:500;margin-bottom:1.6rem;padding:.6rem 1.1rem;border-radius:999px;background:var(--card)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:1rem;margin-top:1rem}
.g{position:relative;margin:0;border-radius:20px;overflow:hidden;cursor:zoom-in;background:var(--blush2)}
.g img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.g:hover img{transform:scale(1.06)}
.g figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1.1rem 1rem;color:#fff;font-family:var(--serif);font-size:1.35rem;background:linear-gradient(transparent,rgba(20,8,18,.75));transform:translateY(6px);opacity:.92;transition:.35s}
.g:hover figcaption{transform:none;opacity:1}
.g1{grid-column:span 1;grid-row:span 2}
.g1 img{object-position:50% 25%}
.g2{grid-column:span 2}
.g3{grid-row:span 2}
.g3 img{object-position:50% 20%}
.g4{grid-row:span 1}
.g5{grid-row:span 1}
.g5 img{object-position:50% 20%}
.more{cursor:default;display:flex;flex-direction:column;justify-content:center;padding:1.4rem;background:var(--dark);color:var(--on-dark);grid-column:span 2}
.more p{font-family:var(--serif);font-size:1.6rem;line-height:1.15;color:#fff}
.more small{color:var(--on-dark);opacity:.75;margin-top:.5rem}
.lightbox{position:fixed;inset:0;background:rgba(15,6,14,.92);display:none;place-items:center;z-index:200;cursor:zoom-out;padding:2rem}
.lightbox.open{display:grid}
.lightbox img{max-height:90vh;max-width:92vw;border-radius:14px}

/* reviews */
.reviews{background:var(--dark);color:var(--on-dark)}
.reviews h2{color:#fff}.reviews em{color:var(--accent-soft)}
[data-theme="noir"] .reviews h2{color:var(--plum)}
.rev-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.score{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}
.big{font-family:var(--serif);font-size:5rem;line-height:1;color:var(--gold)}
.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 3rem}
.platforms div{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:1.1rem 1.3rem;display:flex;align-items:baseline;gap:.8rem}
.platforms b{font-family:var(--serif);font-size:2.2rem;color:#fff;font-weight:500}
[data-theme="noir"] .platforms b{color:var(--plum)}
.platforms span{font-size:.88rem;opacity:.8}
.carousel{overflow:hidden}
.slides{display:flex;transition:transform .7s cubic-bezier(.6,0,.2,1)}
.slide{flex:0 0 100%;padding:0 8%;text-align:center}
.slide p{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.35;color:#fff}
[data-theme="noir"] .slide p{color:var(--plum)}
cite{display:block;margin-top:1.6rem;font-style:normal;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
cite span{letter-spacing:2px;margin-left:.4rem}
.dots{display:flex;justify-content:center;gap:.6rem;margin-top:2.2rem}
.dots button{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.3);cursor:pointer;transition:.3s}
.dots button.active{width:30px;background:var(--gold)}

/* book */
.book{background:linear-gradient(180deg,var(--cream),var(--blush))}
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.book-grid>div>p{color:var(--muted);max-width:40ch;margin-bottom:1.4rem}
.ticks{list-style:none}
.ticks li{padding-left:1.8rem;position:relative;margin:.55rem 0;color:var(--plum2)}
.ticks li::before{content:"\2726";position:absolute;left:0;color:var(--gold)}
.form{background:var(--card);padding:2.4rem;border-radius:28px;border:1px solid var(--line);box-shadow:0 40px 70px -40px rgba(0,0,0,.45);display:grid;gap:1.1rem}
.form label{display:grid;gap:.4rem;font-size:.85rem;letter-spacing:.04em;color:var(--plum2);font-weight:500}
.form input,.form select,.form textarea{font:inherit;padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);transition:border-color .2s;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--accent)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form .btn{justify-content:center;margin-top:.4rem}

/* visit */
.visit{padding-bottom:6.5rem}
.visit-hero{position:relative;height:min(62vh,560px);overflow:hidden}
.visit-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.visit-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem 6%;background:linear-gradient(transparent 35%,rgba(15,6,14,.8))}
.visit-overlay h2{color:#fff;max-width:18ch}
.visit-overlay em{color:var(--accent-soft)}
.visit-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;margin-top:-4rem;position:relative;z-index:2}
.visit-card{background:var(--card);border-radius:28px;padding:2.2rem;box-shadow:0 40px 70px -40px rgba(0,0,0,.5);border:1px solid var(--line)}
.vi{margin-bottom:1.3rem}
.vi b{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.vi p{color:var(--plum2)}
.vi a{color:var(--accent);text-decoration:none;font-weight:600;font-size:1.2rem}
.map{border-radius:28px;overflow:hidden;min-height:380px;box-shadow:0 40px 70px -40px rgba(0,0,0,.5);border:6px solid var(--card)}
.map iframe{width:100%;height:100%;border:0;min-height:380px;display:block}

/* make it yours */
.yours{background:radial-gradient(circle at 15% 10%,var(--blush) 0,transparent 45%),radial-gradient(circle at 90% 90%,var(--blush2) 0,transparent 40%),var(--cream);border-top:1px solid var(--line)}
.yours h2{max-width:20ch}
.yours-lead{color:var(--muted);max-width:60ch;font-size:1.1rem}
.try-box{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin:2.4rem 0 3rem;padding:1.6rem 2rem;border-radius:24px;background:var(--dark);color:var(--on-dark)}
.try-box b{font-family:var(--serif);font-size:1.6rem;color:#fff;font-weight:500}
[data-theme="noir"] .try-box b{color:var(--plum)}
.try-box p{max-width:60ch;opacity:.9}
.try-box em{color:var(--accent-soft)}
.kbd{background:rgba(255,255,255,.12);padding:.1rem .5rem;border-radius:6px;white-space:nowrap}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.feat{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.5rem;transition:transform .3s,box-shadow .3s}
.feat:hover{transform:translateY(-5px);box-shadow:0 24px 40px -28px rgba(0,0,0,.45)}
.ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blush);font-size:1.3rem;margin-bottom:1rem;color:var(--accent)}
.feat h3{font-size:1.45rem;margin-bottom:.4rem}
.feat p{color:var(--muted);font-size:.93rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3.5rem;counter-reset:s}
.step{position:relative;padding:1.8rem;border-radius:22px;border:1.5px dashed var(--blush2)}
.step span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:600;margin-bottom:1rem}
.step h3{font-size:1.6rem;margin-bottom:.3rem}
.step p{color:var(--muted)}
.made-by{margin-top:1rem;color:var(--muted);font-size:.9rem;letter-spacing:.05em}

/* faq */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}
.acc details{border-bottom:1px solid var(--line);padding:1.2rem 0}
.acc summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:1.5rem;color:var(--plum);display:flex;justify-content:space-between;gap:1rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";color:var(--accent);font-family:var(--sans);transition:transform .3s}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc p{color:var(--muted);margin-top:.7rem;max-width:60ch}

/* footer */
.footer{background:var(--dark);color:var(--on-dark);text-align:center;padding:3.5rem 0 6rem}
.footer .brand{justify-content:center;margin-bottom:1rem}
.footer .brand-mark{background:var(--gold);color:var(--dark)}
.footer .brand-text b{color:#fff}
[data-theme="noir"] .footer .brand-text b{color:var(--plum)}
.footer .brand-text small{color:var(--on-dark)}
.footer p{letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;margin-bottom:1.2rem}
.foot-links{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;margin-bottom:1.6rem}
.foot-links a{text-decoration:none;opacity:.9}
.foot-links a:hover{color:var(--gold)}
.footer small{opacity:.6}

/* floating */
.wa-float{position:fixed;right:22px;bottom:92px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(37,211,102,.7);transition:transform .25s}
.wa-float:hover{transform:scale(1.08)}
.custom-fab{position:fixed;right:22px;bottom:24px;z-index:61;border:0;cursor:pointer;background:var(--dark);color:#fff;padding:.9rem 1.3rem;border-radius:999px;font-weight:500;font-size:.95rem;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);display:flex;align-items:center;gap:.4rem;animation:nudge 3.5s 3s ease-in-out 3}
[data-theme="noir"] .custom-fab{background:var(--gold);color:#141013}
.custom-fab span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;background:var(--accent);padding:.15rem .5rem;border-radius:999px;margin-left:.2rem}
[data-theme="noir"] .custom-fab span{background:#141013;color:var(--gold)}
@keyframes nudge{0%,100%{transform:none}10%{transform:translateY(-6px)}20%{transform:none}30%{transform:translateY(-3px)}40%{transform:none}}
.custom-panel{position:fixed;right:22px;bottom:90px;z-index:62;width:min(330px,calc(100vw - 32px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:1.4rem;box-shadow:0 40px 70px -30px rgba(0,0,0,.55);transform:translateY(20px) scale(.97);opacity:0;visibility:hidden;transition:.3s}
.custom-panel.open{transform:none;opacity:1;visibility:visible}
.cp-head{display:flex;justify-content:space-between;align-items:center}
.cp-head b{font-family:var(--serif);font-size:1.5rem;color:var(--plum)}
.cp-head button{border:0;background:var(--blush);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;color:var(--plum)}
.cp-note{font-size:.82rem;color:var(--muted);margin:.4rem 0 1rem}
.cp-group{margin-bottom:1.1rem}
.cp-group>span{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.55rem}
.cp-group small{display:block;color:var(--muted);font-size:.78rem;margin-top:.4rem}
.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.themes button{border:1.5px solid var(--line);background:var(--cream);border-radius:12px;padding:.5rem .2rem;cursor:pointer;font-size:.75rem;color:var(--plum2);display:flex;flex-direction:column;align-items:center;gap:.35rem}
.themes button.active{border-color:var(--accent)}
.themes i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--blush);border-radius:999px;padding:.25rem}
.seg button{border:0;background:transparent;padding:.5rem;border-radius:999px;cursor:pointer;color:var(--plum2)}
.seg button.active{background:var(--card);color:var(--accent);box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.cp-toggle{width:100%;border:1.5px dashed var(--accent);background:transparent;color:var(--accent);padding:.7rem;border-radius:12px;cursor:pointer;font-weight:500}
.cp-toggle.on{background:var(--accent);color:#fff;border-style:solid}
body.editing [data-edit],body.editing .card h3,body.editing .card p,body.editing .price{outline:1.5px dashed var(--accent);outline-offset:4px;border-radius:4px;cursor:text}
body.editing [contenteditable]:focus{outline-style:solid;background:color-mix(in srgb,var(--accent) 6%,transparent)}
.toast{position:fixed;left:50%;bottom:28px;z-index:300;transform:translate(-50%,30px);opacity:0;background:var(--dark);color:#fff;padding:.8rem 1.3rem;border-radius:999px;font-size:.9rem;transition:.35s;pointer-events:none;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);max-width:90vw;text-align:center}
.toast.show{transform:translate(-50%,0);opacity:1}

.mobile-bar{display:none}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.feat-grid .reveal:nth-child(4n+2),.steps .reveal:nth-child(2){transition-delay:.08s}
.feat-grid .reveal:nth-child(4n+3),.steps .reveal:nth-child(3){transition-delay:.16s}
.feat-grid .reveal:nth-child(4n+4){transition-delay:.24s}

/* responsive */
@media(max-width:1020px){
  .hero,.shade-grid,.about-grid,.book-grid,.visit-grid,.faq-wrap{grid-template-columns:1fr}
  .hero{padding-top:1.6rem;min-height:0;gap:1.6rem}
  .hero-visual{order:-1;min-height:0;padding:0 0 1.2rem}
  .menu{grid-template-columns:1fr 1fr}
  .feat-grid{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:repeat(2,1fr)}
  .g2,.more{grid-column:span 2}
  .visit-grid{margin-top:2rem}
  .about-media{max-width:520px}
}
@media(max-width:860px){
  .burger{display:block;z-index:70}
  .links{position:fixed;top:0;right:0;height:100vh;width:min(300px,80%);background:var(--cream);flex-direction:column;align-items:flex-start;justify-content:center;gap:1.6rem;padding:2rem;transform:translateX(100%);transition:transform .4s;box-shadow:-20px 0 40px -20px rgba(0,0,0,.3);z-index:60}
  .links.open{transform:none}
  .links a{font-size:1.3rem}
  .section{padding:4.5rem 0}
  .menu,.steps,.platforms{grid-template-columns:1fr}
  .row{grid-template-columns:1fr}
  .form{padding:1.6rem}
  .trust-sep{display:none}
  .mobile-bar{display:grid;grid-template-columns:1fr 2fr;gap:.6rem;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:.7rem 1rem;background:color-mix(in srgb,var(--cream) 95%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .mobile-bar a{text-align:center;text-decoration:none;padding:.8rem;border-radius:999px;border:1.5px solid var(--plum);color:var(--plum);font-weight:500}
  .mobile-bar a.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff}
  .wa-float{bottom:150px;right:16px;width:50px;height:50px}
  .custom-fab{bottom:84px;right:16px;padding:.75rem 1.1rem;font-size:.88rem}
  .custom-panel{bottom:140px;right:16px}
  .footer{padding-bottom:9rem}
}
@media(max-width:560px){
  .feat-grid{grid-template-columns:1fr}
  .bento{grid-auto-rows:170px}
  .hero{padding:1.2rem 6% 3.5rem}
  .arch{width:min(250px,64vw);aspect-ratio:3/3.7;border-width:6px}
  .ring{width:min(250px,64vw);aspect-ratio:3/3.7;transform:translate(14px,14px)}
  .mini{width:96px;left:3%;bottom:0;border-width:4px;border-radius:16px}
  .chip{font-size:.75rem;padding:.4rem .8rem}
  .chip-a{top:4%;left:2%}
  .chip-b{top:auto;bottom:22%;right:1%}
  .badge-spin{width:78px;height:78px;right:4%;bottom:-2%}.badge-spin text{font-size:9px}.badge-spin span{font-size:1.2rem}
  h1{font-size:clamp(2.6rem,12vw,3.4rem)}
  .lead{margin:1rem 0 1.4rem}
  .trust{margin-top:1.8rem}
  .creds{grid-template-columns:1fr}
  .about-media{padding:0 1.5rem 2rem 0}
  .quote-card{left:-.4rem;font-size:1.05rem;max-width:190px}
  .demo-bar{font-size:.68rem;line-height:1.35;padding:.45rem .8rem;flex-wrap:nowrap;justify-content:space-between;text-align:left;gap:.5rem}
  .demo-bar .pulse{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}