@font-face{font-family:"QQ Digits";src:url(data:font/ttf;base64,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) format("truetype");font-weight:100 599;unicode-range:U+0024,U+002C,U+002E-003A;}
@font-face{font-family:"QQ Digits";src:url(data:font/ttf;base64,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) format("truetype");font-weight:600 900;unicode-range:U+0024,U+002C,U+002E-003A;}
/* Quiet Quest site: sky + wooden signs, same look as the app */
:root{--ink:#2b1a10;--wood:#d9a066;--wood-dark:#b47a43;--wood-light:#f0c48e;--paper:#fbecd0;--sky:#7cc6f2;--sky-2:#a6dbf5;
  --grass:#5fae3a;--grass-dark:#4e9a2f;--dirt:#8a5a33;--leaf:#4caf3a;--leaf-dark:#2f7d32;--gold:#ffcc33;--pro:#7a4ad6;--holiday:#ff7fb0;
  --font-pixel:"QQ Digits","Pixelify Sans","Courier New",monospace;--font-body:"Nunito","Trebuchet MS",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.55}
img{max-width:100%;height:auto;display:block;image-rendering:pixelated}
a{color:inherit}
.wrap{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--font-pixel);line-height:1.1;text-wrap:balance;margin:0}
h2{font-size:clamp(30px,4.5vw,44px)}
h3{font-size:24px}
p{margin:0}
.btn{display:inline-block;font-family:var(--font-pixel);font-weight:700;font-size:20px;padding:10px 20px;text-decoration:none;color:#fff;background:var(--leaf);
  border:3px solid var(--ink);box-shadow:inset -3px -3px 0 var(--leaf-dark),inset 3px 3px 0 #8fe07a,0 4px 0 rgba(0,0,0,.3);text-shadow:2px 2px 0 rgba(0,0,0,.35)}
.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn.gold{background:var(--gold);color:var(--ink);text-shadow:none;box-shadow:inset -3px -3px 0 #c99a12,inset 3px 3px 0 #fff0a8,0 4px 0 rgba(0,0,0,.3)}
.btn.wood{background:var(--wood-light);color:var(--ink);text-shadow:none;box-shadow:inset -3px -3px 0 var(--wood-dark),inset 3px 3px 0 #fff2dc,0 4px 0 rgba(0,0,0,.3)}
.sign{background:var(--wood);border:4px solid var(--ink);box-shadow:inset -4px -4px 0 var(--wood-dark),inset 4px 4px 0 var(--wood-light),0 6px 0 rgba(0,0,0,.25)}

/* top bar */
.top{background:var(--sky);border-bottom:4px solid var(--ink)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;flex-wrap:wrap}
.logo{font-family:var(--font-pixel);font-weight:700;font-size:26px;color:#fff;text-decoration:none;text-shadow:3px 3px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}
.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-weight:800;font-size:16px}
.nav a:not(.btn){text-decoration:none}.nav a:not(.btn):hover{text-decoration:underline}
.nav .btn{font-size:16px;padding:6px 12px}

/* hero */
.hero{background:linear-gradient(var(--sky) 0 30%,var(--sky-2) 30% 60%,#b6e2f6 60%);padding-block:48px 0}
.hero .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}}
.hero h1{font-size:clamp(52px,8vw,88px);color:#fff;text-shadow:5px 5px 0 var(--ink),-3px -3px 0 var(--ink),3px -3px 0 var(--ink),-3px 3px 0 var(--ink)}
.hero .tag{font-size:clamp(20px,2.4vw,24px);font-weight:800;margin-top:16px;max-width:30ch}
.hero .sub{margin-top:12px;max-width:44ch}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.fine{font-size:15px;font-weight:700;margin-top:12px;opacity:.85}
.shot{border:4px solid var(--ink);box-shadow:0 8px 0 rgba(0,0,0,.25)}
.ground{height:44px;margin-top:48px;border-top:4px solid var(--ink);
  background:linear-gradient(var(--grass) 0 14px,var(--grass-dark) 14px 18px,var(--dirt) 18px);}

section{padding-block:64px}
.lead{max-width:60ch;margin-top:12px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media (max-width:860px){.steps{grid-template-columns:1fr}}
.step{padding:14px;display:grid;gap:12px;align-content:start}
.step .shot{box-shadow:none;border-width:3px}
.step h3{display:flex;gap:10px;align-items:baseline}
.step h3 span{font-size:16px;background:var(--paper);border:3px solid var(--ink);padding:0 8px}
.step p{font-size:17px}

.worlds{background:#2f5e2a;color:#fff}
.worlds h2{text-shadow:3px 3px 0 var(--ink)}
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
@media (max-width:860px){.wgrid{grid-template-columns:repeat(2,1fr)}}
.wgrid figure{margin:0;display:grid;gap:8px}
.wgrid img{border:3px solid var(--ink)}
.wgrid figcaption{font-family:var(--font-pixel);font-weight:700;font-size:18px}
.ltag{font-family:var(--font-pixel);font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:var(--holiday);color:var(--ink);border:2px solid var(--ink);padding:0 5px;margin-left:6px;vertical-align:middle}

.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
@media (max-width:760px){.plans{grid-template-columns:1fr}}
.plan{padding:20px;display:grid;gap:14px;align-content:start}
.plan.pro{background:#e9e0ff;box-shadow:inset -4px -4px 0 #c6b3f5,inset 4px 4px 0 #f6f1ff,0 6px 0 rgba(0,0,0,.25)}
.price{font-family:var(--font-pixel);font-weight:700;font-size:48px;line-height:1}
.price s{font-size:24px;opacity:.55;margin-right:8px}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.plan li{padding-left:26px;position:relative}
.plan li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;background:var(--leaf);border:2px solid var(--ink)}
.plan.pro li::before{background:var(--pro)}

.promise{background:var(--wood-light);border-block:4px solid var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
@media (max-width:860px){.pgrid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.pgrid{grid-template-columns:1fr}}
.pgrid div{background:var(--paper);border:3px solid var(--ink);padding:14px}
.pgrid b{display:block;font-family:var(--font-pixel);font-size:20px;margin-bottom:4px}

.faq{display:grid;gap:12px;margin-top:28px;max-width:820px}
.faq details{background:#fff;border:3px solid var(--ink);padding:12px 16px}
.faq summary{font-weight:800;cursor:pointer}
.faq details p{margin-top:8px}

footer{background:var(--dirt);color:#fbecd0;border-top:4px solid var(--ink)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:24px;font-size:16px}
footer nav{display:flex;gap:16px;flex-wrap:wrap}

/* legal pages */
.doc{max-width:760px;margin:0 auto;padding-block:48px 64px}
.doc h1{font-size:clamp(36px,6vw,52px)}
.doc .updated{font-weight:700;opacity:.75;margin-top:8px}
.doc h2{font-size:26px;margin-top:36px}
.doc p,.doc ul{margin-top:12px;max-width:66ch}
.doc li{margin-top:6px}
.doc .box{background:#fff;border:3px solid var(--ink);padding:14px 16px;margin-top:20px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* gold-first additions */
.heroShot{position:relative}
.goldSign{position:absolute;left:-14px;top:-18px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px}
.goldSign small{display:block;font-family:var(--font-pixel);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.goldSign b{font-family:var(--font-pixel);font-size:32px;line-height:1}
@media (max-width:860px){.goldSign{left:8px;top:-14px}}
.coin{width:34px;height:34px;flex:none;background:var(--ink);position:relative;display:inline-block;
  clip-path:polygon(25% 0,75% 0,75% 8%,92% 8%,92% 25%,100% 25%,100% 75%,92% 75%,92% 92%,75% 92%,75% 100%,25% 100%,25% 92%,8% 92%,8% 75%,0 75%,0 25%,8% 25%,8% 8%,25% 8%)}
.coin::after{content:"";position:absolute;inset:3px;background:var(--gold);
  clip-path:polygon(25% 0,75% 0,75% 8%,92% 8%,92% 25%,100% 25%,100% 75%,92% 75%,92% 92%,75% 92%,75% 100%,25% 100%,25% 92%,8% 92%,8% 75%,0 75%,0 25%,8% 25%,8% 8%,25% 8%);
  box-shadow:inset -4px -4px 0 #d99c12,inset 4px 4px 0 #fff1a0}
.shopSec{background:var(--wood);border-bottom:4px solid var(--ink);box-shadow:inset 0 6px 0 var(--wood-light)}
.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
@media (max-width:860px){.shelf{grid-template-columns:repeat(2,1fr)}}
.item{margin:0;background:var(--paper);border:3px solid var(--ink);box-shadow:inset -3px -3px 0 #e0c79c,0 5px 0 rgba(0,0,0,.2);padding:10px;display:grid;gap:8px}
.item img{background:#cfe9f7;border:3px solid var(--ink);aspect-ratio:1;width:100%;object-fit:contain}
.item figcaption{display:grid;gap:6px;justify-items:start;align-content:start}
.item{grid-template-rows:auto 1fr}
.item b{font-family:var(--font-pixel);font-size:17px;line-height:1.15}
.cost{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-pixel);font-weight:700;font-size:20px;background:#fff3b8;border:2px solid var(--ink);padding:2px 8px}
.cost .coin{width:18px;height:18px}.cost .coin::after{inset:2px;box-shadow:inset -2px -2px 0 #d99c12,inset 2px 2px 0 #fff1a0}
.earn{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
@media (max-width:760px){.earn{grid-template-columns:1fr}}
.earn div{background:var(--wood-light);border:3px solid var(--ink);padding:12px 14px;font-size:16px}
.earn b{display:block;font-family:var(--font-pixel);font-size:19px;margin-bottom:2px}

/* phones and small tablets */
.phoneNote{display:none}
@media (max-width:600px){
  body{font-size:17px}
  section{padding-block:44px}
  .top .wrap{flex-wrap:nowrap;padding-block:10px}
  .logo{font-size:22px}
  .nav a:not(.btn){display:none}
  .nav .btn{font-size:15px;padding:6px 12px}
  .hero{padding-block:28px 0}
  .hero .wrap{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .hero .wrap>div:first-child{display:contents}
  .hero h1{order:1;font-size:clamp(46px,14vw,60px)}
  .hero .tag{order:2;margin-top:0;font-size:21px}
  .heroShot{order:3;margin-top:12px}
  .hero .sub{order:4;margin-top:0}
  .ctas{order:5;margin-top:0;flex-direction:column}
  .ctas .btn{text-align:center;width:100%}
  .fine{order:6;margin-top:0}
  .phoneNote{display:block;order:7;font-size:15px;background:var(--paper);border:3px solid var(--ink);padding:10px 12px}
  .ground{margin-top:28px;height:36px}
  .goldSign{left:8px;top:-16px;padding:6px 10px 6px 8px;gap:8px}
  .goldSign .coin{width:26px;height:26px}
  .goldSign b{font-size:24px}
  .goldSign small{font-size:10px}
  .shelf{gap:12px}
  .item{padding:8px}
  .item b{font-size:15px}
  .cost{font-size:18px}
  .plan{padding:16px}
  .plan .btn{text-align:center}
  .price{font-size:42px}
  .wgrid figcaption{font-size:16px}
  footer .wrap{flex-direction:column}
}

@media (min-width:601px) and (max-width:900px){
  .top .wrap{flex-wrap:nowrap}
  .nav{gap:14px;font-size:15px;flex-wrap:nowrap}
  .nav a[href="#faq"]{display:none}
  .nav .btn{font-size:15px;padding:6px 10px;white-space:nowrap}
  .logo{font-size:22px;white-space:nowrap}
}