@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap");
:root{--tranquil-bg:#1a1f24;--tranquil-fg:#d8dde3;--tranquil-accent:#7ea0b5;--tranquil-soft:#242b33}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;background:var(--tranquil-bg);color:var(--tranquil-fg);line-height:1.65}
.tranquil-tier1{display:flex;gap:1rem;flex-wrap:wrap;padding:.5rem 1.25rem;background:#12161a;font-size:.85rem}
.tranquil-tier1 a{color:var(--tranquil-accent);text-decoration:none}
.tranquil-tier2{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(216,221,227,.15)}
.tranquil-brand{font-weight:700;font-size:1.35rem;text-decoration:none;color:inherit;letter-spacing:-.02em}
.tranquil-cta{border:1px solid var(--tranquil-fg);padding:.45rem .9rem;text-decoration:none;color:inherit}
.tranquil-tier2 a{position:relative}.tranquil-tier2 a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--tranquil-accent);transition:width .25s ease}
.tranquil-tier2 a:hover::after{width:100%}
.tranquil-hero{padding:3rem 1.25rem 1rem;max-width:900px;margin:0 auto}
.tranquil-num{font-size:clamp(4rem,12vw,7rem);font-weight:700;line-height:1;color:var(--tranquil-accent)}
.tranquil-catalog{padding:1rem 1.25rem 2rem;max-width:1000px;margin:0 auto}
.tranquil-filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.tranquil-filters a{color:var(--tranquil-accent);text-decoration:none;border-bottom:1px dotted var(--tranquil-accent)}
.tranquil-list{list-style:none;padding:0;margin:0}.tranquil-list li{padding:1rem 0;border-bottom:1px solid rgba(216,221,227,.12);display:grid;grid-template-columns:auto 1fr auto;gap:1rem}
.tranquil-tick{color:var(--tranquil-accent);font-variant-numeric:tabular-nums}
.tranquil-strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem 1.25rem 2rem}
.tranquil-strip article{flex:0 0 260px;scroll-snap-align:start;background:var(--tranquil-soft);padding:1.25rem}
.tranquil-foot{padding:2rem 1.25rem;font-size:.95rem;border-top:1px solid rgba(216,221,227,.15)}
.tranquil-dock{position:fixed;bottom:0;left:0;right:0;display:none;background:#12161a;border-top:1px solid rgba(216,221,227,.2);padding:.6rem;justify-content:space-around;z-index:40}
.tranquil-dock a{color:var(--tranquil-fg);text-decoration:none;font-size:.8rem}
.tranquil-cookie{position:fixed;bottom:3.5rem;left:1rem;right:1rem;max-width:400px;background:rgba(26,31,36,.9);backdrop-filter:blur(10px);border:1px solid rgba(216,221,227,.3);padding:1rem;z-index:50}
.tranquil-cookie button{font:inherit;margin:.25rem .25rem 0 0;padding:.4rem .7rem;border:1px solid var(--tranquil-fg);background:transparent;color:var(--tranquil-fg);cursor:pointer}
.tranquil-form{display:grid;gap:.7rem;max-width:420px}.tranquil-form input,.tranquil-form textarea{width:100%;padding:.6rem;border:1px solid #7ea0b5;background:#12161a;color:var(--tranquil-fg);font:inherit}
.tranquil-visit{margin:2rem 1.25rem;padding:1.5rem;border-top:1px solid rgba(216,221,227,.2);border-bottom:1px solid rgba(216,221,227,.2);max-width:900px}
@media(max-width:800px){.tranquil-dock{display:flex}.tranquil-list li{grid-template-columns:1fr}.tranquil-tier2 nav{display:none}}