:root{--cream: #fdf5e6;--cream-dark: #f5e6cc;--amber: #d4860a;--amber-light: #f5a623;--amber-pale: #fef3dc;--sage: #7a9e7e;--sage-light: #a8c5a0;--sage-pale: #e8f2e8;--rose: #d4848a;--rose-light: #f0b8bc;--rose-pale: #fce8ea;--terracotta: #c4714a;--brown: #8b5e3c;--brown-dark: #5c3d1e;--sand: #e8d5c4;--ink: #3d2b1f;--ink-soft: #6b4c35}*{box-sizing:border-box;margin:0;padding:0}.wonder-page{font-family:Nunito,DM Sans,system-ui,sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden;min-width:320px}.wonder-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:#fdf5e6e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1.5px solid var(--cream-dark)}.wonder-logo-nav{font-family:Playfair Display,Lora,Georgia,serif;font-size:1.7rem;font-weight:800;letter-spacing:.08em;color:var(--amber);text-shadow:0 1px 0 var(--cream-dark)}.wonder-nav-cta{font-family:Nunito,sans-serif;font-size:.875rem;font-weight:700;color:var(--amber);text-decoration:none;border:2px solid var(--amber);padding:6px 18px;border-radius:999px;transition:background .2s,color .2s}.wonder-nav-cta:hover{background:var(--amber);color:#fff}.wonder-hero{position:relative;min-height:100vh;background:linear-gradient(160deg,#fff9f0,#fde8c8 45%,#e8d5c4);padding-top:80px;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.blob-1{width:500px;height:500px;background:#d4860a1f;top:-100px;right:-100px}.blob-2{width:400px;height:400px;background:#7a9e7e26;bottom:100px;left:-80px}.blob-3{width:300px;height:300px;background:#d4848a1f;top:200px;left:40%}.hero-scatter{position:absolute;bottom:60px;left:-20px;width:420px;max-width:45%;pointer-events:none;z-index:2;opacity:.92;animation:scatterDrift 6s ease-in-out infinite}@keyframes scatterDrift{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.4;transform:scale(.85) rotate(15deg)}}.hero-content{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:60px 40px 120px;display:flex;align-items:center;gap:60px}.hero-text{flex:1;min-width:0}.hero-eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:12px}.wonder-title{font-family:Playfair Display,Lora,Georgia,serif;font-size:clamp(5rem,12vw,10rem);font-weight:900;line-height:.9;letter-spacing:-.01em;color:var(--amber);text-shadow:3px 3px 0 var(--cream-dark),6px 6px 0 rgba(212,134,10,.15);margin-bottom:20px}.wonder-tagline{font-family:Lora,Georgia,serif;font-size:clamp(1.2rem,2.5vw,1.75rem);font-style:italic;color:var(--brown);line-height:1.4;margin-bottom:36px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#fff;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;padding:14px 30px;border-radius:999px;text-decoration:none;box-shadow:0 4px 20px #d4860a59;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d4860a73}.btn-ghost{display:inline-flex;align-items:center;color:var(--ink-soft);font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;padding:14px 24px;border-radius:999px;text-decoration:none;border:2px solid var(--sand);transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.trust-row{display:flex;flex-wrap:wrap;gap:10px}.trust-badge{font-size:.8rem;font-weight:700;color:var(--ink-soft);background:#fff9;border:1.5px solid var(--cream-dark);padding:5px 14px;border-radius:999px}.hero-illustration{position:relative;flex-shrink:0;width:420px;display:flex;justify-content:center;align-items:flex-end}.pip-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:360px;height:360px;background:radial-gradient(circle,rgba(255,220,140,.55) 0%,rgba(253,232,190,.4) 45%,transparent 75%);border-radius:50%;pointer-events:none;z-index:1}.pip-image{position:relative;z-index:2;width:380px;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(120,70,20,.22));animation:pipFloat 4s ease-in-out infinite}@keyframes pipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.pip-speech{position:absolute;top:16px;right:-10px;z-index:3;background:#fff;border:2.5px solid var(--cream-dark);border-radius:18px 18px 18px 4px;padding:10px 16px;font-family:Caveat,Architects Daughter,cursive;font-size:1.1rem;color:var(--brown);box-shadow:0 4px 16px #00000014;white-space:nowrap}.section-wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0}.section-wave svg{display:block;width:100%}.wonder-how{position:relative;background:#fdf5e6;padding:80px 0 120px;overflow:hidden}.how-steps{display:flex;align-items:flex-start;gap:0;justify-content:center}.how-step{flex:1;max-width:280px;text-align:center;padding:0 16px}.step-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.step-icon{width:96px;height:96px;filter:drop-shadow(0 4px 12px rgba(212,134,10,.18));transition:transform .3s ease}.how-step:hover .step-icon{transform:scale(1.08) rotate(-2deg)}.step-number{position:absolute;bottom:-6px;right:-6px;width:26px;height:26px;background:var(--amber);color:#fff;font-family:Playfair Display,serif;font-size:.85rem;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--cream);box-shadow:0 2px 8px #d4860a4d}.step-title{font-family:Playfair Display,Lora,serif;font-size:1.2rem;font-weight:800;color:var(--ink);margin-bottom:10px;line-height:1.3}.step-desc{font-size:.9rem;color:var(--ink-soft);line-height:1.65}.how-connector{flex-shrink:0;width:80px;padding-top:38px;opacity:.7}.how-connector svg{width:100%;height:auto;display:block}.wonder-trails{position:relative;background:#fdf5e6;padding:80px 0 120px}.section-inner{max-width:1160px;margin:0 auto;padding:0 40px}.section-header{text-align:center;margin-bottom:56px}.section-tag{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--sage);background:var(--sage-pale);padding:5px 16px;border-radius:999px;margin-bottom:14px}.section-title{font-family:Playfair Display,Lora,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--ink);margin-bottom:12px;line-height:1.2}.section-subtitle{font-size:1.05rem;color:var(--ink-soft);font-style:italic}.trails-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.trail-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 8px 40px #5a32141a;transition:transform .3s,box-shadow .3s;border:2px solid var(--cream-dark)}.trail-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #5a321429}.trail-illustration{height:240px;overflow:hidden;border-radius:0}.trail-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s ease}.trail-card:hover .trail-img{transform:scale(1.05)}.trail-body{padding:24px 28px 28px}.trail-badge{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--sage-pale);color:var(--sage);padding:4px 12px;border-radius:999px;margin-bottom:10px}.trail-name{font-family:Playfair Display,Lora,serif;font-size:1.5rem;font-weight:800;color:var(--ink);margin-bottom:10px}.trail-desc{font-size:.925rem;color:var(--ink-soft);line-height:1.6;margin-bottom:14px}.trail-meta{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink-soft);margin-bottom:20px}.trail-age{font-weight:700}.trail-dot{opacity:.5}.btn-trail{display:inline-flex;align-items:center;gap:6px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;color:var(--amber);text-decoration:none;border:2px solid var(--amber);padding:10px 22px;border-radius:999px;transition:background .2s,color .2s}.btn-trail:hover{background:var(--amber);color:#fff}.trails-footer-note{text-align:center;margin-top:40px;font-family:Lora,serif;font-style:italic;color:var(--ink-soft);font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px}.trails-footer-note span{color:var(--amber-light);font-size:1.1rem}.wonder-plus{position:relative;background:var(--sand);padding:80px 0 120px}.plus-card{position:relative;background:linear-gradient(140deg,#fff9f0,#fef0d8 60%,#fde3c0);border-radius:36px;border:2.5px solid var(--cream-dark);padding:56px;overflow:hidden;box-shadow:0 20px 60px #5a32141f}.plus-decoration .plus-star{position:absolute;color:var(--amber-light);opacity:.5;animation:twinkle 3.5s ease-in-out infinite}.ps1{font-size:2.5rem;top:20px;right:60px;animation-delay:0s}.ps2{font-size:1.5rem;top:60px;right:30px;animation-delay:.7s}.ps3{font-size:3rem;bottom:40px;left:40px;animation-delay:1.2s;opacity:.3}.ps4{font-size:1.2rem;bottom:80px;left:80px;animation-delay:.4s;opacity:.4}.plus-content{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.plus-eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}.plus-title{font-family:Playfair Display,Lora,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:var(--ink);margin-bottom:18px;line-height:1}.plus-mark{color:var(--amber);font-style:italic}.plus-desc{font-size:1rem;color:var(--ink-soft);line-height:1.7;margin-bottom:28px}.plus-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.plus-features li{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:600;color:var(--ink)}.feat-icon{font-size:1.2rem;width:28px;text-align:center;flex-shrink:0}.plus-pricing{margin-bottom:24px}.price-block{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.price-amount{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:800;color:var(--amber)}.price-period{font-size:1rem;color:var(--ink-soft)}.price-note{font-size:.82rem;color:var(--ink-soft);font-style:italic}.btn-plus{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:#fff;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;padding:16px 36px;border-radius:999px;text-decoration:none;box-shadow:0 6px 24px #d4860a59;transition:transform .2s,box-shadow .2s;margin-bottom:10px}.btn-plus:hover{transform:translateY(-2px);box-shadow:0 10px 32px #d4860a73}.plus-subtext{font-size:.82rem;color:var(--ink-soft);font-style:italic}.plus-trails-preview{background:#ffffffa6;border-radius:24px;border:2px solid var(--cream-dark);padding:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-label{font-family:Lora,serif;font-style:italic;font-size:.875rem;color:var(--ink-soft);margin-bottom:16px}.preview-trail{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;margin-bottom:6px;transition:background .15s}.preview-trail:hover{background:var(--amber-pale)}.preview-icon{font-size:1.3rem;width:28px;text-align:center}.preview-name{font-size:.9rem;font-weight:700;color:var(--ink);flex:1}.preview-tag{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--rose-pale);color:var(--rose);padding:2px 8px;border-radius:999px}.preview-more{text-align:center;margin-top:12px;font-size:.82rem;font-style:italic;color:var(--ink-soft)}.wonder-try{position:relative;background:linear-gradient(160deg,#fff8ed,#fef3dc 60%,#fde8c8);padding:96px 0 120px;overflow:hidden}.try-inner{max-width:1000px;margin:0 auto;padding:0 40px}.try-stage{display:flex;align-items:flex-end;gap:0;margin-bottom:48px}.try-pip-col{position:relative;flex-shrink:0;width:180px}.try-pip-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:140px;height:50px;background:radial-gradient(ellipse,rgba(212,134,10,.18) 0%,transparent 70%);border-radius:50%}.try-pip-img{width:160px;height:auto;display:block;position:relative;z-index:2;transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center}.try-pip-img.pip-react{transform:scale(1.06) rotate(-4deg);animation:pipBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pipBounce{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.12) rotate(-6deg)}to{transform:scale(1.06) rotate(-4deg)}}.try-bubble-col{flex:1;padding-bottom:12px}.try-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:10px}.try-bubble{position:relative;background:#fff;border:2.5px solid var(--cream-dark);border-radius:24px;padding:28px 32px;box-shadow:0 8px 32px #5a32141a;transition:border-color .3s,box-shadow .3s}.try-bubble.bubble-reacted{border-color:var(--amber-light);box-shadow:0 8px 40px #d4860a2e}.bubble-tail{position:absolute;bottom:28px;left:-20px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:20px solid #fff;filter:drop-shadow(-3px 1px 0px var(--cream-dark))}.try-bubble-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);background:var(--amber-pale);padding:3px 12px;border-radius:999px;margin-bottom:14px}.try-question{font-family:Playfair Display,Lora,serif;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px}.try-subquestion{font-size:1rem;color:var(--ink-soft);font-style:italic;line-height:1.5}.reaction-tag{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:10px}.reaction-text{font-family:Lora,serif;font-size:1.05rem;color:var(--ink);line-height:1.65;font-style:italic;margin-bottom:18px}.try-again-btn{background:none;border:2px solid var(--cream-dark);border-radius:999px;padding:7px 18px;font-size:.82rem;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:border-color .2s,color .2s}.try-again-btn:hover{border-color:var(--amber);color:var(--amber)}.try-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.answer-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 20px;background:#fff;border:2.5px solid var(--cream-dark);border-radius:20px;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .22s,box-shadow .22s,opacity .22s;box-shadow:0 4px 16px #5a321412;position:relative}.answer-card:hover:not(:disabled){transform:translateY(-4px) scale(1.02);border-color:var(--amber-light);box-shadow:0 10px 32px #d4860a2e}.answer-card.card-selected{border-color:var(--amber);background:var(--amber-pale);box-shadow:0 10px 32px #d4860a40;transform:translateY(-4px) scale(1.03)}.answer-card.card-dim{opacity:.45}.answer-emoji{font-size:2.2rem;line-height:1}.answer-label{font-family:Playfair Display,serif;font-size:1rem;font-weight:800;color:var(--ink);text-align:center}.answer-sublabel{font-size:.78rem;color:var(--ink-soft);font-style:italic;text-align:center}.answer-check{position:absolute;top:10px;right:14px;width:22px;height:22px;background:var(--amber);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900}.try-footer-note{text-align:center;font-size:.85rem;font-style:italic;color:var(--ink-soft)}.wonder-social{background:var(--cream);padding:80px 0 100px;border-top:2px solid var(--cream-dark)}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}.social-card{display:flex;align-items:flex-start;gap:20px;background:#fff;border:2.5px solid var(--cream-dark);border-radius:24px;padding:32px 28px;text-decoration:none;color:inherit;box-shadow:0 6px 28px #5a321414;transition:transform .3s,box-shadow .3s,border-color .3s}.social-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #5a321424}.social-card-yt:hover{border-color:red}.social-card-tt:hover{border-color:#69c9d0}.social-platform-icon{flex-shrink:0;width:52px;height:52px}.social-platform-icon svg{width:52px;height:52px;border-radius:12px}.social-card-body{flex:1}.social-platform-name{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.social-card-title{font-family:Playfair Display,Lora,serif;font-size:1.15rem;font-weight:800;color:var(--ink);line-height:1.3;margin-bottom:8px}.social-card-desc{font-size:.88rem;color:var(--ink-soft);line-height:1.6;margin-bottom:18px}.social-btn{display:inline-block;padding:9px 22px;border-radius:999px;font-size:.85rem;font-weight:800;letter-spacing:.02em;transition:transform .2s,box-shadow .2s}.social-card:hover .social-btn{transform:translate(2px)}.social-btn-yt{background:red;color:#fff;box-shadow:0 4px 16px #ff000040}.social-btn-tt{background:#010101;color:#fff;box-shadow:0 4px 16px #01010133}.wonder-footer{background:var(--cream);border-top:2px solid var(--cream-dark);padding:48px 40px}.footer-inner{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.footer-logo .wonder-logo-nav{font-size:1.5rem;display:block;margin-bottom:4px}.footer-tagline{font-family:Lora,serif;font-style:italic;font-size:.875rem;color:var(--ink-soft)}.footer-links{display:flex;flex-wrap:wrap;gap:6px 24px}.footer-links a{font-size:.875rem;font-weight:700;color:var(--ink-soft);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--amber)}.footer-copy{text-align:right;font-size:.78rem;color:var(--ink-soft);line-height:1.6}@media(max-width:900px){.wonder-nav{padding:12px 24px}.hero-content{flex-direction:column;gap:0;padding:40px 24px 100px;text-align:center}.hero-actions,.trust-row{justify-content:center}.hero-illustration{width:100%;max-width:340px;margin:0 auto}.pip-image{width:280px}.pip-speech{right:0}.section-inner{padding:0 24px}.trails-grid{grid-template-columns:1fr}.plus-card{padding:36px 28px}.plus-content{grid-template-columns:1fr;gap:36px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-copy{text-align:left}.try-inner{padding:0 24px}.try-stage{gap:0}.try-pip-col{width:120px}.try-pip-img{width:110px}.try-bubble{padding:20px 22px}.try-answers,.social-cards{grid-template-columns:1fr}}@media(max-width:640px){.try-stage{flex-direction:column;align-items:center}.try-pip-col{width:auto}.try-pip-img{width:100px}.bubble-tail{display:none}.try-bubble{border-radius:20px}.social-card{flex-direction:column}}@media(max-width:480px){.wonder-title{font-size:5rem}.wonder-tagline{font-size:1.1rem}.btn-primary,.btn-ghost{font-size:.9rem;padding:12px 22px}.hero-actions{flex-direction:column;align-items:center}}