:root{--coffee:#6f4e37;--coffee-dark:#3b2a20;--sage:#dfc7b2;--taupe:#b09989;--cream:#f4ecd5;--paper:#fbf8f1;--ink:#302e2c;--muted:#766f69;--line:#e8e1d8;--white:#fff;--shadow:0 24px 60px rgba(71,53,40,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}.logo{width:150px;height:auto}.logo--compact{width:128px}.eyebrow{color:var(--coffee);font-size:.72rem;font-weight:800;letter-spacing:.16em;margin:0 0 14px;text-transform:uppercase}.eyebrow--light{color:var(--cream)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em}h1 em,h2 em{color:var(--coffee);font-family:Georgia,serif;font-weight:400}.button{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.9rem;font-weight:700;gap:10px;justify-content:center;padding:12px 20px;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--coffee);box-shadow:0 8px 22px rgba(111,78,55,.2);color:#fff}.button--primary:hover{background:var(--coffee-dark)}.button--ghost{background:rgba(255,255,255,.55);border-color:var(--line)}.button--cream{background:var(--cream);color:var(--coffee-dark)}.button--large{padding:15px 25px}
.public-header{align-items:center;display:flex;height:92px;justify-content:space-between}.public-header nav{display:flex;gap:34px}.public-header nav a,.text-link{color:#5b5651;font-size:.86rem;font-weight:650}.header-actions{align-items:center;display:flex;gap:20px}.hero{align-items:center;display:grid;gap:70px;grid-template-columns:1.02fr .98fr;min-height:690px;padding-block:50px 80px}.hero h1{font-size:clamp(4rem,6.8vw,6.6rem);line-height:.9;margin-bottom:28px}.hero h1 em{font-size:.88em}.hero-lead{color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:590px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.trust-row{align-items:center;display:flex;gap:14px;margin-top:34px}.trust-row p{font-size:.76rem;line-height:1.45;margin:0}.avatars{display:flex}.avatars span{align-items:center;background:var(--sage);border:2px solid var(--paper);border-radius:50%;color:var(--coffee);display:flex;font-size:.72rem;font-weight:800;height:34px;justify-content:center;margin-left:-7px;width:34px}.avatars span:first-child{margin-left:0}.hero-visual{background:var(--sage);border-radius:48% 48% 36px 36px;min-height:550px;overflow:hidden;position:relative}.hero-visual>img:first-child{filter:saturate(.75) sepia(.08);height:550px;object-fit:cover;width:100%}.hero-visual:after{background:linear-gradient(180deg,transparent 60%,rgba(55,39,28,.24));content:"";inset:0;position:absolute}.floating-note{align-items:center;backdrop-filter:blur(14px);background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:var(--shadow);display:flex;gap:12px;padding:15px 18px;position:absolute;z-index:2}.floating-note span{align-items:center;background:var(--sage);border-radius:50%;color:var(--coffee);display:flex;height:38px;justify-content:center;width:38px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:.82rem}.floating-note small{color:var(--muted);font-size:.7rem;margin-top:3px}.note--top{right:-18px;top:48px}.note--bottom{bottom:34px;left:-22px}.note--bottom strong{color:var(--coffee);font-family:Georgia,serif;font-size:1.7rem}.flower-mark{bottom:-90px!important;height:240px!important;left:-85px;opacity:.22;position:absolute;width:220px!important;z-index:1}.logo-strip{background:var(--coffee);color:#fff;padding:24px 0}.strip-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.strip-grid span{align-items:center;display:flex;font-size:.78rem;gap:12px}.strip-grid strong{color:var(--sage);font-family:Georgia,serif;font-size:1.05rem;font-weight:400}.section{padding-block:100px}.intro-section{align-items:end;display:grid;gap:80px;grid-template-columns:1.25fr .75fr}.intro-section h2,.cta-inner h2{font-size:clamp(2.7rem,5vw,4.5rem);line-height:1.05;margin:0}.intro-section>p{color:var(--muted);line-height:1.75;margin-bottom:8px}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding-top:0}.feature-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;padding:12px 12px 24px}.feature-image{background:var(--cream);border-radius:20px;height:310px;overflow:hidden;position:relative}.feature-image img{height:100%;object-fit:cover;width:100%}.feature-image span{background:rgba(255,255,255,.88);border-radius:999px;font-family:Georgia,serif;left:16px;padding:8px 10px;position:absolute;top:16px}.feature-card .card-kicker{color:var(--coffee);font-size:.7rem;font-weight:800;letter-spacing:.1em;margin:22px 12px 8px;text-transform:uppercase}.feature-card h3{font-size:1.35rem;margin:0 12px 18px}.feature-card>a{color:var(--muted);display:flex;font-size:.82rem;justify-content:space-between;margin:0 12px}.cta-section{background:var(--coffee);color:#fff;overflow:hidden;padding:95px 0;position:relative}.cta-section:after{border:70px solid rgba(223,199,178,.18);border-radius:50%;content:"";height:330px;position:absolute;right:-160px;top:-170px;width:330px}.cta-inner{align-items:end;display:grid;gap:90px;grid-template-columns:1.2fr .8fr}.cta-inner h2 em{color:var(--sage)}.cta-inner>div:last-child p{color:rgba(255,255,255,.72);line-height:1.7}
.app-shell{background:#f7f4ef;display:flex;min-height:100vh}.side-nav{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;padding:32px 22px 24px;position:fixed;width:248px;z-index:10}.side-logo{display:block;margin:0 auto 42px 10px}.side-nav nav{display:flex;flex-direction:column;gap:6px}.side-nav nav a{align-items:center;border-radius:13px;color:#6c6660;display:flex;font-size:.86rem;font-weight:650;gap:13px;padding:12px 14px}.side-nav nav a span{font-size:1.15rem;width:20px}.side-nav nav a.active{background:#f2ece3;color:var(--coffee)}.side-promo{background:var(--coffee);border-radius:19px;color:#fff;margin-top:auto;overflow:hidden;padding:20px;position:relative}.side-promo>span{color:var(--sage);font-size:1.3rem}.side-promo strong{display:block;font-size:.85rem;margin:12px 0 6px}.side-promo p{color:rgba(255,255,255,.7);font-size:.72rem;line-height:1.45}.side-promo a{color:var(--sage);font-size:.75rem;font-weight:800}.account-link{align-items:center;display:flex;gap:9px;margin-top:18px}.avatar{align-items:center;background:var(--sage);border-radius:50%;color:var(--coffee);display:flex;flex:0 0 auto;font-size:.7rem;font-weight:800;height:34px;justify-content:center;width:34px}.account-link strong,.account-link small{display:block}.account-link strong{font-size:.72rem}.account-link small{color:var(--muted);font-size:.62rem;margin-top:2px}.account-link b{color:#999;margin-left:auto}.member-main{margin-left:248px;width:calc(100% - 248px)}.member-header{align-items:center;display:flex;height:76px;justify-content:flex-end;padding:0 42px}.member-actions{align-items:center;display:flex;gap:9px}.member-actions button{background:#fff;border:1px solid var(--line);border-radius:50%;height:38px;position:relative;width:38px}.member-actions button i{background:#b26d55;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.mobile-brand{display:none}.member-content{margin:0 auto;max-width:1180px;padding:18px 42px 70px}.dashboard-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-head h1{font-size:2.3rem;margin-bottom:8px}.dashboard-head h1 span{color:var(--taupe);font-size:1.2rem}.dashboard-head>div>p:last-child{color:var(--muted);font-size:.9rem;margin:0}.streak{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;padding:12px 16px}.streak>span{align-items:center;background:#f3e5d8;border-radius:50%;color:#b66f48;display:flex;height:38px;justify-content:center;width:38px}.streak strong,.streak small{display:block}.streak strong{font-size:.78rem}.streak small{color:var(--muted);font-size:.64rem;margin-top:3px}.continue-card{align-items:stretch;background:#f7efe7;border-radius:26px;display:grid;gap:28px;grid-template-columns:260px 1fr 150px;min-height:260px;overflow:hidden;padding:20px;position:relative}.continue-image{border-radius:18px;overflow:hidden;position:relative}.continue-image img{height:100%;object-fit:cover;width:100%}.duration{background:rgba(255,255,255,.9);border-radius:999px;bottom:12px;font-size:.66rem;font-weight:800;left:12px;padding:6px 9px;position:absolute}.continue-copy{align-self:center}.soft-badge{background:rgba(255,255,255,.7);border-radius:999px;color:var(--coffee);display:inline-flex;font-size:.61rem;font-weight:900;letter-spacing:.08em;padding:7px 10px}.continue-copy>p{color:var(--muted);font-size:.73rem;margin:14px 0 6px}.continue-copy h2{font-size:1.8rem;margin-bottom:18px}.lesson-progress{margin-bottom:18px;max-width:360px}.lesson-progress>div{background:rgba(111,78,55,.12);border-radius:99px;height:5px;overflow:hidden}.lesson-progress>div span{background:var(--coffee);border-radius:99px;display:block;height:100%}.lesson-progress small{color:var(--muted);display:block;font-size:.64rem;margin-top:7px}.continue-copy .button{font-size:.72rem;padding:10px 16px}.progress-orbit{align-items:center;align-self:center;border:7px solid rgba(111,78,55,.12);border-radius:50%;border-right-color:var(--coffee);border-top-color:var(--coffee);display:flex;flex-direction:column;height:105px;justify-content:center;transform:rotate(-20deg);width:105px}.progress-orbit strong,.progress-orbit small{transform:rotate(20deg)}.progress-orbit strong{color:var(--coffee);font-family:Georgia,serif;font-size:1.45rem}.progress-orbit small{color:var(--muted);font-size:.55rem}.dashboard-grid{display:grid;gap:20px;grid-template-columns:1.25fr .75fr;margin-top:20px}.week-card,.minutes-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.section-title{align-items:center;display:flex;justify-content:space-between}.section-title h2{font-size:1.2rem;margin:0}.section-title>span{color:var(--coffee);font-family:Georgia,serif;font-size:1.3rem}.days{display:grid;gap:7px;grid-template-columns:repeat(7,1fr);margin:20px 0 16px}.days div{align-items:center;border-radius:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px;padding:8px 4px}.days span{font-size:.58rem;font-weight:800}.days b{align-items:center;background:#f3f0eb;border-radius:50%;display:flex;font-size:.65rem;height:29px;justify-content:center;width:29px}.days .done b{background:var(--coffee);color:#fff}.days .today{background:#f7efe7;color:var(--coffee)}.days .today b{background:var(--sage);color:var(--coffee)}.week-card>p{color:var(--muted);font-size:.67rem;margin:0}.big-stat{align-items:center;display:flex;gap:12px}.big-stat strong{color:var(--coffee);font-family:Georgia,serif;font-size:3.6rem;font-weight:400}.big-stat span{color:var(--muted);font-size:.65rem;line-height:1.35}.mini-bars{align-items:end;display:flex;gap:6px;height:55px;margin:4px 0 12px}.mini-bars i{background:var(--sage);border-radius:6px 6px 2px 2px;display:block;flex:1}.mini-bars i:nth-child(6){background:var(--coffee)}.minutes-card small{color:#8c7668;font-size:.62rem}.recommend-section{margin-top:45px}.recommend-section .section-title>a{color:var(--coffee);font-size:.74rem;font-weight:800}.class-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:18px}.class-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.class-thumb{display:block;height:210px;position:relative}.class-thumb img{height:100%;object-fit:cover;width:100%}.class-thumb:after{background:linear-gradient(180deg,transparent 50%,rgba(35,25,20,.24));content:"";inset:0;position:absolute}.class-thumb .play{align-items:center;background:rgba(255,255,255,.9);border-radius:50%;display:flex;font-size:.65rem;height:40px;justify-content:center;left:50%;padding-left:3px;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:2}.class-thumb button{background:rgba(255,255,255,.88);border:0;border-radius:50%;height:32px;position:absolute;right:12px;top:12px;width:32px;z-index:2}.class-card-body{padding:15px 16px 18px}.class-card-body p{color:var(--coffee);font-size:.57rem;font-weight:800;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.class-card-body h3{font-size:.9rem;margin-bottom:8px}.class-card-body small{color:var(--muted);font-size:.61rem}.mobile-nav{display:none}.coming{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:28px;display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:70px}.coming>span{color:var(--taupe);font-size:2rem}.coming h1{font-size:3rem;max-width:650px}.coming>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:600px}
@media(max-width:960px){.public-header nav{display:none}.hero{gap:35px;grid-template-columns:1fr 1fr}.hero h1{font-size:4.6rem}.strip-grid{grid-template-columns:repeat(2,1fr)}.side-nav{width:205px}.member-main{margin-left:205px;width:calc(100% - 205px)}.member-content{padding-inline:25px}.continue-card{grid-template-columns:210px 1fr}.progress-orbit{display:none}}
@media(max-width:720px){.wrap{width:min(100% - 28px,600px)}.public-header{height:76px}.public-header .logo{width:120px}.header-actions .text-link{display:none}.header-actions .button{font-size:.72rem;padding:10px 14px}.hero{display:flex;flex-direction:column;min-height:0;padding-top:35px}.hero-copy{width:100%}.hero h1{font-size:clamp(3.3rem,18vw,5.2rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{min-height:420px;width:100%}.hero-visual>img:first-child{height:420px}.note--top{right:10px}.note--bottom{left:10px}.strip-grid{grid-template-columns:1fr}.intro-section,.cta-inner{gap:30px;grid-template-columns:1fr}.section{padding-block:70px}.feature-grid{grid-template-columns:1fr}.feature-image{height:360px}.side-nav{display:none}.member-main{margin-left:0;padding-bottom:70px;width:100%}.member-header{height:64px;justify-content:space-between;padding:0 18px}.mobile-brand{color:var(--coffee);display:block;font-size:1.55rem;font-weight:900;letter-spacing:-.08em}.member-content{padding:15px 16px 40px}.dashboard-head{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-head h1{font-size:2rem}.streak{width:100%}.continue-card{grid-template-columns:1fr;padding:14px}.continue-image{height:200px}.continue-copy{padding:8px 6px 14px}.dashboard-grid,.class-grid{grid-template-columns:1fr}.class-thumb{height:300px}.mobile-nav{background:rgba(255,255,255,.96);border-top:1px solid var(--line);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);left:0;padding:8px 6px max(8px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.mobile-nav a{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:.56rem;font-weight:700;gap:3px}.mobile-nav a span{font-size:1rem}.mobile-nav a.active{color:var(--coffee)}.coming{min-height:70vh;padding:35px 25px}.coming h1{font-size:2.3rem}}