@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--paper:#f8f7f2;--ink:#273c32;--muted:#7a8177;--green:#335d46;--line:#e2e5da;--serif:Georgia, "Times New Roman", serif;--sans:"DM Sans", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #bb8f45}button{transition:background .2s,transform .2s,border-color .2s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}.app-shell{max-width:1440px;margin:auto;padding:0 64px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:101px;display:flex}.brand{font-family:"Manrope", var(--sans);letter-spacing:-1.4px;align-items:center;font-size:27px;font-weight:750;display:flex}.brand-mark{background:var(--green);color:#f5f4e9;border-radius:11px;justify-content:center;align-items:center;width:37px;height:37px;margin-right:11px;display:flex}.brand-period{color:#b48c52}.catalogue-link{color:#485646;background:0 0;border:0;align-items:center;gap:12px;font-size:12px;display:flex}.catalogue-link span{background:#e9ecdf;border-radius:5px;padding:3px 6px;font-size:10px}.hero{text-align:center;padding:62px 0 44px;position:relative}.hero-eyebrow{letter-spacing:2.4px;justify-content:center;align-items:center;gap:9px;font-size:9px;font-weight:650;display:flex}.hero-eyebrow>span{background:#9eaa83;border-radius:50%;width:5px;height:5px}h1{font-family:"Manrope", var(--sans);letter-spacing:-3.8px;margin:21px 0;font-size:64px;font-weight:500;line-height:1.16;display:inline-block;position:relative}h1 em{font-family:var(--serif);color:#628063;letter-spacing:-2.5px;font-weight:400}.title-spark{color:#bda473;width:37px;height:49px;position:absolute;top:61px;right:-60px}.hero-description{color:#7b8278;letter-spacing:.08px;font-size:14px;line-height:1.9}.hero-decoration{color:#97a78c;position:absolute}.decoration-left{top:155px;left:12%;transform:rotate(-15deg)}.decoration-line{background:#c6ccba;width:35px;height:1px;margin:24px 0 0 -15px;display:block;transform:rotate(-33deg)}.decoration-right{align-items:center;gap:32px;display:flex;top:155px;right:11%;transform:rotate(15deg)}.small-star{color:#bba576;font-size:31px}.conversation-panel{background:#eff2e9;border:1px solid #d9e0d2;border-radius:18px;max-width:984px;margin:0 auto;overflow:hidden;box-shadow:0 8px 26px #354f3210}.guide-intro{border-bottom:1px solid #dce2d5;align-items:center;gap:12px;margin:0 29px;padding:22px 0 19px;display:flex}.guide-avatar{color:#667e52;background:#e0e6d4;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.guide-intro h2{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.guide-intro h2 span{letter-spacing:1.1px;color:#85917b;font-size:8px;font-weight:500}.guide-intro p{color:#838b7b;margin-top:5px;font-size:11px}.session-status{color:#89917f;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.session-status>span{background:#8c9a74;border-radius:50%;width:5px;height:5px}.session-status.online>span{background:#43845b;box-shadow:0 0 0 3px #43845b18}.conversation-body{align-items:center;gap:54px;padding:31px 65px 32px;display:flex}.sound-orb{flex-shrink:0;place-items:center;width:203px;height:203px;display:grid;position:relative}.orb-ring{border:1px solid #dbe3d0;border-radius:50%;position:absolute}.ring-one{inset:0}.ring-two{inset:15px}.orb-core{background:radial-gradient(circle at 35% 27%,#b5c49a 0%,#94ae7d 29%,#6d8f61 61%,#51754e 100%);border-radius:50%;place-items:center;width:147px;height:147px;display:grid;position:relative;box-shadow:inset -6px -9px 18px #304c3518,0 10px 30px #506b3c20}.orb-core:after{content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:50%;position:absolute;inset:0}.wave-bars{align-items:center;gap:5px;height:45px;display:flex}.wave-bars span{width:3px;height:calc(14px + mod(var(--bar) * 13, 28) * 1px);opacity:.9;background:#eef1e1;border-radius:5px}.wave-bars span:nth-child(2n){height:30px}.wave-bars span:nth-child(3n){height:40px}.wave-bars span:first-child,.wave-bars span:last-child{height:12px}.orb-spark{color:#95a57f;background:#eff2e9;padding:3px;font-size:25px;line-height:1;position:absolute;top:24px;right:3px}.active .ring-one{animation:3s ease-in-out infinite breathe}.active.speaking .wave-bars span{animation:.75s ease-in-out infinite alternate wave;animation-delay:calc(var(--bar) * -.11s)}.active.thinking .orb-core{animation:1.7s ease-in-out infinite breathe}.conversation-content{flex:1}.conversation-kicker{letter-spacing:1.7px;color:#839275;margin-bottom:11px;font-size:8px;font-weight:600}.conversation-content h3{font-family:"Manrope", var(--sans);letter-spacing:-.6px;white-space:pre-line;font-size:23px;font-weight:500;line-height:1.4}.conversation-description{color:#7c8775;max-width:390px;margin-top:10px;font-size:12px;line-height:1.9}.conversation-actions{align-items:center;gap:16px;margin-top:21px;display:flex}.primary-button,.secondary-button{border:1px solid var(--green);background:var(--green);color:#fffef7;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:12px;font-weight:500;display:flex;box-shadow:0 3px 4px #234a3420}.primary-button:hover{background:#274936}.primary-button>svg:last-child{margin-left:7px}.secondary-button{color:var(--green);box-shadow:none;background:0 0}.microphone-note{color:#909883;margin-top:11px;font-size:9px}.panel-footer{color:#85917a;background:#e9eee280;border-top:1px solid #dce2d5;justify-content:center;align-items:center;gap:52px;padding:14px 20px;font-size:10px;display:flex}.panel-footer>span{align-items:center;gap:7px;display:flex}.end-button{color:#88695f;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.is-muted{color:#486341;background:#e3e8d9}.error-message{color:#97553d;background:#f9eee5;border:1px solid #e3cfc0;border-radius:8px;margin:0 28px 20px;padding:14px 16px;font-size:12px;line-height:1.6}.audio-resume{color:#416341;background:#fff8dc;border:1px solid #c5c998;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;display:flex}.live-caption{color:#63745b;border-top:1px solid #dce2d5;gap:16px;margin:0 28px;padding:18px 0;display:flex}.live-caption>span{letter-spacing:1px;padding-top:4px;font-size:8px}.live-caption>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.discovery-section{max-width:984px;margin:44px auto 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:1.7px;color:#9b9e8e;margin-bottom:9px;font-size:8px;font-weight:500;display:block}.section-heading h2{font-family:"Manrope", var(--sans);letter-spacing:-.6px;font-size:21px;font-weight:500}.section-note{color:#9a9e90;align-items:center;gap:10px;margin-bottom:2px;font-size:10px;display:flex}.empty-suggestions{background:linear-gradient(115deg,#f4f4ec88,#f8f7f2);border:1px dashed #d5dccb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:208px;display:flex}.empty-icon{color:#a2ad91;align-items:flex-start;gap:3px;margin-bottom:13px;display:flex;transform:rotate(-8deg)}.empty-suggestions h3{color:#6e7a66;font-size:12px;font-weight:500}.empty-suggestions p{color:#9ba18f;margin-top:7px;font-size:11px}.family-pills{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:20px;display:flex}.family-pills span{color:#919c81;background:#eceee3;border:1px solid #e5e8dc;border-radius:5px;padding:5px 10px;font-size:9px}.family-pills span:last-child{color:#a7ac9b;background:0 0;border-color:#0000}.suggestions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.instrument-card{background:#fffef9;border:1px solid #e1e4d8;border-radius:12px;animation:.45s both arrive;overflow:hidden}.instrument-art{background:#efebdf;justify-content:center;height:202px;display:flex;position:relative;overflow:hidden}.instrument-art img{object-fit:contain;width:auto;height:100%;transition:transform .4s}.instrument-card:hover img{transform:rotate(-3deg)scale(1.04)}.family-strings{background:#f0e6d8}.family-keys{background:#e6eadf}.family-woodwind{background:#e5ece9}.family-brass{background:#f2ead4}.family-percussion{background:#eee3df}.family-label{color:#787a68;z-index:1;font-size:9px;position:absolute;top:14px;left:15px}.instrument-copy{padding:19px}.instrument-copy h3{font-family:"Manrope", var(--sans);letter-spacing:-.4px;font-size:17px;font-weight:600}.instrument-copy>p:not(.eyebrow){color:#838b79;margin-top:9px;font-size:12px;line-height:1.8}.truncate-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.instrument-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.instrument-tags span{color:#819073;background:#f0f3e9;border-radius:4px;padding:5px 7px;font-size:8px}.final-choice{background:#eef2e7;border:1px solid #cddabc;border-radius:15px;grid-template-columns:1.2fr 1fr;align-items:center;gap:36px;padding:24px;display:grid}.chosen-card{border-color:#bed0aa}.chosen-card .instrument-art{height:250px}.choice-badge{background:var(--green);color:#fff;z-index:1;border-radius:20px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex;position:absolute;top:12px;right:12px}.choice-message{padding:15px}.success-mark{color:#557945;background:#e0e8d6;border:1px solid #c4d3b7;border-radius:50%;place-items:center;width:57px;height:57px;margin-bottom:20px;display:grid}.choice-message h3{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.2}.choice-message p{color:#859178;max-width:255px;margin-top:15px;font-size:12px;line-height:1.9}.text-button{color:var(--green);background:0 0;border:0;align-items:center;gap:14px;margin-top:23px;padding:0;font-size:11px;display:flex}.transcript-section{max-width:984px;margin:24px auto 0}.transcript-toggle{color:#7c8b70;background:0 0;border:0;align-items:center;gap:9px;padding:8px 0;font-size:11px;display:flex}.transcript-toggle svg:last-child{margin-left:8px}.rotated{transform:rotate(180deg)}.transcript-log{border:1px solid var(--line);background:#fffdf8;border-radius:10px;max-height:270px;margin-top:12px;padding:20px;overflow-y:auto}.transcript-entry{gap:18px;margin-bottom:17px;font-size:12px;line-height:1.8;display:flex}.transcript-entry>span{color:#7e936d;min-width:43px;font-weight:600}.transcript-entry.user>span{color:#b39771}.transcript-entry p{color:#6d7a64}.steps-strip{grid-template-columns:repeat(3,1fr);gap:28px;max-width:984px;margin:43px auto 37px;display:grid}.steps-strip>div{gap:13px;display:flex}.step-number{font-family:var(--serif);color:#bbc2ad;font-size:24px;font-style:italic;line-height:1}.steps-strip h3{color:#6f7c64;font-size:11px;font-weight:500}.steps-strip p{color:#a3aa97;margin-top:7px;font-size:9px;line-height:1.6}.site-footer{border-top:1px solid var(--line);color:#a0a695;justify-content:space-between;align-items:center;min-height:68px;font-size:9px;display:flex}.site-footer>span:first-child{font-family:var(--serif);font-size:13px;font-style:italic}.site-footer>span:last-child{align-items:center;gap:7px;display:flex}.footer-dot{background:#9aa98a;border-radius:50%;width:4px;height:4px}.catalogue-section{max-width:984px;margin:42px auto}.icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--green);background:0 0;border-radius:50%;place-items:center;display:grid}.catalogue-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.catalogue-filters button{border:1px solid var(--line);color:#718163;background:0 0;border-radius:20px;padding:8px 12px;font-size:11px}.catalogue-filters button.selected{background:var(--green);color:#fff;border-color:var(--green)}.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@keyframes breathe{50%{opacity:.7;transform:scale(1.05)}}@keyframes wave{0%{transform:scaleY(.45)}to{transform:scaleY(1.2)}}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1440px){.hero{padding-top:72px;padding-bottom:49px}h1{font-size:72px}.conversation-body{padding-top:36px;padding-bottom:36px}}@media (max-width:1000px){.app-shell{padding:0 32px}.hero{padding-top:45px}.conversation-body{gap:35px;padding:30px 36px}.sound-orb{width:178px;height:178px}.orb-core{width:130px;height:130px}.hero-decoration{display:none}.section-note{font-size:9px}.conversation-content h3{font-size:21px}.steps-strip{gap:16px}}@media (max-width:700px){.app-shell{padding:0 20px}.site-header{height:78px}.brand{font-size:23px}.brand-mark{width:32px;height:32px}.catalogue-link{gap:7px;font-size:0}.catalogue-link span{font-size:10px}.hero{padding:38px 0 32px}.hero-eyebrow{letter-spacing:1.8px;font-size:7px}h1{letter-spacing:-2.7px;margin:21px 0 17px;font-size:44px}.title-spark{width:25px;top:44px;right:-31px}.hero-description{padding:0 6px;font-size:12px;line-height:1.8}.desktop-break{display:none}.guide-intro{gap:9px;margin:0 18px;padding:17px 0}.guide-avatar{width:36px;height:36px}.guide-intro h2{font-size:12px}.guide-intro h2 span{display:none}.guide-intro p{font-size:9px}.session-status{font-size:8px}.conversation-body{text-align:center;flex-direction:column;gap:20px;padding:25px 24px 28px}.sound-orb{width:145px;height:145px}.orb-core{width:110px;height:110px}.orb-spark{font-size:20px;top:10px;right:-3px}.wave-bars{gap:4px}.conversation-kicker{font-size:7px}.conversation-content h3{font-size:22px}.conversation-description{max-width:310px;font-size:11px}.conversation-actions{justify-content:center}.primary-button{padding:14px 16px;font-size:11px}.microphone-note{font-size:8px}.panel-footer{gap:15px;padding:12px 10px;font-size:8px}.panel-footer svg{width:12px}.discovery-section{margin-top:31px}.section-heading{align-items:start;margin-bottom:17px}.section-heading h2{font-size:18px;line-height:1.4}.section-note{display:none}.eyebrow{font-size:7px}.empty-suggestions{text-align:center;min-height:211px;padding:22px 14px}.empty-suggestions h3{font-size:11px}.empty-suggestions p{font-size:10px}.family-pills{gap:5px}.family-pills span{padding:5px 7px;font-size:8px}.suggestions-grid{grid-template-columns:1fr}.instrument-card:not(.chosen-card){grid-template-columns:120px 1fr;display:grid}.instrument-art{height:100%;min-height:170px}.instrument-art img{align-self:center;width:140px;height:auto}.instrument-copy{padding:18px 15px}.instrument-copy h3{font-size:16px}.instrument-copy>p:not(.eyebrow){font-size:11px}.instrument-tags{gap:4px;margin-top:11px}.instrument-tags span{font-size:7px}.family-label{font-size:8px;top:11px;left:11px}.final-choice{grid-template-columns:1fr;gap:8px;padding:16px}.chosen-card .instrument-art img{width:260px}.choice-message{padding:19px 8px}.choice-message h3{font-size:28px}.choice-message h3 br{display:none}.success-mark{width:44px;height:44px;margin-bottom:15px}.choice-message p{max-width:100%}.steps-strip{grid-template-columns:1fr;gap:23px;margin:32px auto}.step-number{min-width:28px;font-size:24px}.steps-strip h3{font-size:12px}.steps-strip p{margin-top:5px;font-size:10px}.site-footer{flex-direction:column;justify-content:center;align-items:start;gap:9px;min-height:85px;padding:19px 0}.site-footer>span:first-child{font-size:12px}.catalogue-grid{grid-template-columns:1fr}.catalogue-filters{gap:6px}.catalogue-filters button{padding:7px 10px;font-size:10px}.live-caption{gap:10px;margin:0 18px}.error-message{margin:0 18px 18px}.audio-resume{margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}