:root{--green:#143e35;--orange:#ff884d;--cream:#f7f7ee;--muted:#596b62;--line:#143e3526}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #c85b25;outline-offset:6px}img{max-width:100%;height:auto}.wrap{max-width:1320px;margin:auto;padding-left:56px;padding-right:56px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:23px;letter-spacing:1px}.brand img{border-radius:10px}.brand small{display:block;font-size:12px;letter-spacing:1.5px;margin-top:3px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover{color:#bd4e20}.nav-cta{font-size:14px;padding:12px 20px;border:1px solid #143e3533;border-radius:30px;white-space:nowrap}.nav-cta span{margin-left:18px}.hero{padding-top:34px;padding-bottom:64px;display:grid;grid-template-columns:1fr 1.05fr;gap:42px;align-items:center}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.8px;font-weight:700}h1{font-size:clamp(50px,5.3vw,72px);line-height:1.25;letter-spacing:-2.5px;font-weight:850;margin:24px 0}.word{color:#c65c2a}.intro{font-size:17px;line-height:1.9;color:var(--muted);margin:25px 0 28px;max-width:440px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:19px 25px;border-radius:8px;font-weight:700;font-size:16px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #143e3518}.button>span{margin-left:15px;font-size:20px}.orange{background:var(--orange)}.dark{background:var(--green);color:white}.cta-note{font-size:12px;color:var(--muted);margin:17px 0 0;line-height:1.8}.hero-visual{margin:0;background:var(--green);border-radius:110px 110px 20px 20px;height:610px;position:relative;color:var(--cream);isolation:isolate}.visual-top{position:absolute;top:35px;left:48px;right:48px;display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1px}.hero-screen{position:absolute;width:232px;top:74px;left:50%;transform:translateX(-50%);border-radius:22px;border:5px solid #284f46;box-shadow:0 22px 50px #071d2538}.mascot{position:absolute;bottom:37px;width:155px;text-align:center;z-index:1}.mascot img{display:block;filter:drop-shadow(0 9px 7px #06221d55)}.mascot span{display:inline-block;font-size:13px;background:#f7f7ee;color:var(--green);padding:4px 14px;border-radius:30px;margin-top:8px}.gugu{left:0}.gaga{right:-1px}.hero-visual>figcaption{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#c8d9cf;font-size:12px}.ribbon{background:var(--orange);padding:22px 24px;display:flex;align-items:center;justify-content:center;gap:0;font-size:14px;letter-spacing:1px}.ribbon span{padding:0 45px;text-align:center}.ribbon span+span{border-left:1px solid #143e3544}.companions{padding-top:88px;padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;gap:48px;align-items:end}.section-heading h2{font-size:36px;line-height:1.5;letter-spacing:-1px;margin:17px 0 0}.section-heading>p{max-width:355px;color:var(--muted);line-height:1.9;font-size:16px;margin-bottom:8px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.people article{border-top:2px solid var(--green);padding-top:22px}.person-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:1px}.person-index{color:var(--muted)}.people h3{font-family:Georgia,serif;font-size:32px;margin:25px 0 10px;font-weight:400;letter-spacing:-1px}.people h3 span{font-size:23px}.people .role{font-size:14px;color:var(--green);margin:0 0 18px;min-height:24px}.people p{font-size:16px;line-height:1.9;color:var(--muted)}.topic{border-top:1px solid var(--line);padding-top:16px;margin-top:22px;font-size:13px;line-height:1.8}.section-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:25px}.experience{padding-top:20px;padding-bottom:65px}.features{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.feature-number{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.features h3{font-size:24px;line-height:1.55;margin:17px 0 13px}.features p{font-size:16px;line-height:1.9;color:var(--muted);margin:0}.feature-copy{min-height:263px}.screen-panel{margin:24px 0 0;padding:28px 20px 16px;border-radius:16px;text-align:center}.screen-panel img{width:235px;display:block;margin:auto;border-radius:18px;box-shadow:0 10px 30px #143e351c}.screen-panel figcaption{font-size:12px;margin-top:20px;color:#41564b}.blue{background:#e0eaf1}.green{background:#e3e8d8}.peach{background:#f0e3d5}.coach{padding-bottom:85px}.coach-inner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:45px 0;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}.coach-mascots{display:flex;align-items:end}.coach-mascots figure{margin:0;width:50%;text-align:center}.coach-mascots img{width:190px}.coach-mascots figcaption{font-size:14px;margin-top:12px}.coach-copy h2{font-size:30px;line-height:1.5;margin:16px 0}.coach-copy p{font-size:16px;line-height:1.9;color:var(--muted)}.coach-copy .coach-detail{font-size:14px;color:var(--green);margin-bottom:0}.join{padding-bottom:65px}.ticket{display:grid;grid-template-columns:1.25fr 1fr;background:#e8eddc;border-radius:16px;overflow:hidden}.ticket-main{padding:44px}.ticket h2{font-size:32px;line-height:1.5;letter-spacing:-1px;margin:20px 0}.ticket h2 span{color:#b95326}.ticket-main p{font-size:16px;line-height:1.9;color:var(--muted);max-width:400px}.ticket-action{padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px dashed #143e3545}.ticket-mark{font-size:13px;letter-spacing:1.5px;margin-bottom:25px}.ticket-action>p{font-size:12px;text-align:center;line-height:1.9;color:var(--muted);margin:20px 0 0}footer{border-top:1px solid var(--line);min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer .brand{font-size:19px;color:var(--green)}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:25px}h1{font-size:58px}.hero-visual{height:590px}.hero-screen{width:218px}.mascot{width:130px}.visual-top{left:35px;right:35px;font-size:11px}.ribbon span{padding:0 26px}.section-heading h2{font-size:32px}.section-heading>p{max-width:320px}.people{gap:24px}.features{gap:20px}.features h3{font-size:21px}.feature-copy{min-height:278px}.screen-panel{padding:22px 15px 16px}.coach-inner{gap:35px}.ticket-main{padding:33px}.ticket h2{font-size:29px}.button{padding:18px 20px}}@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;gap:36px;padding-top:24px}.hero-copy{text-align:center}.intro{margin-left:auto;margin-right:auto;max-width:510px}.hero-visual{width:100%;max-width:520px;margin:auto}.mascot{width:160px}.section-heading{display:block}.section-heading>p{max-width:560px;margin-top:20px}.ribbon span{padding:0 18px;font-size:12px}.people{gap:20px}.people h3{font-size:26px}.people h3 span{display:block;font-size:22px;margin-top:3px}.people .role{min-height:44px}.features{grid-template-columns:1fr;gap:35px}.features article{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;border-top:1px solid var(--line);padding-top:30px}.feature-copy{min-height:0}.features h3{font-size:23px}.screen-panel{margin:0}.screen-panel img{width:210px}.coach-inner{grid-template-columns:1fr;gap:30px}.coach-mascots{max-width:340px;margin:auto}.coach-copy{max-width:580px;margin:auto}.ticket{grid-template-columns:1fr}.ticket-action{border-left:0;border-top:1px dashed #143e3545}.ticket-main{padding:35px}.ticket-main p{max-width:520px}}@media(max-width:540px){.wrap{padding-left:23px;padding-right:23px}.header{height:87px;gap:10px}.brand{font-size:20px}.brand small{font-size:12px}.brand img{width:35px;height:35px}.nav-cta{padding:10px 13px;font-size:12px}.nav-cta span{margin-left:8px}.eyebrow{font-size:11px;letter-spacing:1px}h1{font-size:49px;line-height:1.25;letter-spacing:-2px;margin:23px 0}.intro{font-size:16px;text-align:left;margin-top:22px;max-width:360px}.cta-note{font-size:12px}.hero{padding-bottom:38px}.hero-visual{height:560px;border-radius:75px 75px 18px 18px}.visual-top{left:27px;right:27px;top:29px;font-size:10px;letter-spacing:0}.hero-screen{top:66px;width:205px}.mascot{width:110px;bottom:33px}.gugu{left:-7px}.gaga{right:-7px}.mascot span{font-size:12px;padding:4px 12px}.hero-visual>figcaption{bottom:12px;font-size:11px}.ribbon{padding:19px 16px;flex-wrap:wrap;gap:12px 0}.ribbon span{font-size:12px;padding:0 13px}.ribbon span:last-child{border:0}.companions{padding-top:52px;padding-bottom:46px}.section-heading h2{font-size:28px;letter-spacing:-.7px}.section-heading>p{font-size:16px}.people{grid-template-columns:1fr;gap:29px;margin-top:30px}.people article{padding-top:18px}.people h3{margin-top:19px;font-size:31px}.people h3 span{display:inline;font-size:25px}.people .role{min-height:0}.people p{margin-bottom:15px}.topic{margin-top:15px}.experience{padding-top:12px;padding-bottom:43px}.features{margin-top:30px;gap:31px}.features article{grid-template-columns:1fr;gap:23px;padding-top:23px}.features h3{font-size:25px}.screen-panel{padding-top:25px}.screen-panel img{width:235px}.coach{padding-bottom:45px}.coach-inner{padding:30px 0;gap:25px}.coach-mascots{max-width:300px}.coach-copy h2{font-size:27px}.join{padding-bottom:40px}.ticket-main{padding:29px 24px}.ticket h2{font-size:26px}.ticket-action{padding:28px 18px}.ticket-action .button{font-size:15px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:20px}footer>span:nth-child(2){order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media(min-width:801px) and (max-width:1100px){.mascot{width:100px}.visual-top{font-size:12px;letter-spacing:0}}@media(max-width:540px){.hero-visual{height:650px}.hero-screen{top:64px;width:195px}.mascot{width:100px;bottom:32px}.gugu{left:38px}.gaga{right:38px}.hero-visual>figcaption{font-size:12px}.visual-top{font-size:12px}}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
/* Product screenshots lead; the frame follows their intrinsic proportions. */
.hero{grid-template-columns:1.05fr .95fr;gap:65px}.hero-visual{width:100%;max-width:410px;height:auto;justify-self:center;padding:17px 17px 13px;border-radius:32px}.visual-top{position:static;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.5px;margin:3px 5px 15px}.hero-screen{position:static;display:block;width:100%;max-width:none;transform:none;border:0;border-radius:20px;box-shadow:none}.hero-visual>figcaption{position:static;margin-top:12px;font-size:12px}.person-card{position:relative;overflow:hidden;background:#f0f0e7;border:1px solid var(--line);border-top:2px solid var(--green);border-radius:0 0 16px 16px;padding:24px 22px 18px!important}.person-card.ruby{background:#f4ece2}.person-card.marcus{background:#ecefe7}.people{gap:22px}.person-top{position:relative;z-index:1}.person-identity{position:relative;display:flex;align-items:center;gap:12px;z-index:2;margin:24px 0 16px}.people .person-identity h3{font-size:27px;margin:0;white-space:nowrap;letter-spacing:-1px}.people .person-identity h3 span{display:inline;font-size:22px}.person-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #ffffffb3}.person-art{position:absolute;right:-18px;top:117px;width:54%;height:310px;object-fit:cover;object-position:center top;mask-image:linear-gradient(to bottom,#000 63%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 63%,transparent 100%);pointer-events:none}.people .role,.people article>p:not(.role){position:relative;z-index:1;width:57%;line-height:1.8}.people .role{font-size:14px;min-height:50px;margin:0 0 14px}.people article>p:not(.role){font-size:15px;min-height:190px;margin:0}.topic{position:relative;z-index:1;background:inherit;margin-top:22px;font-size:13px}.coach-inner{grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:55px 0}.coach-copy{max-width:460px}.coach-copy h2{font-size:42px;line-height:1.4}.coach-mascots{justify-content:start;max-width:240px;margin:25px 0 0}.coach-mascots figure{width:110px}.coach-mascots img{width:105px}.coach-mascots figcaption{margin:2px 0 0;font-size:12px}.coach-capture{margin:0;justify-self:center;width:100%;max-width:370px;padding:14px;background:#e3eaf1;border-radius:30px}.coach-capture img{display:block;width:100%;border-radius:19px}.coach-capture figcaption{text-align:center;font-size:12px;line-height:1.6;margin-top:12px;color:var(--muted)}.ticket{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:46px 45px 0;background:var(--green);color:var(--cream);border-radius:26px;border:1px solid #244e42;box-shadow:inset 0 0 0 7px #ffffff08}.ticket-heading>img{border-radius:17px;box-shadow:0 6px 18px #00190f33;margin-bottom:17px}.ticket-heading .eyebrow{color:#c0d3c4}.ticket h2{font-size:clamp(36px,4.2vw,58px);line-height:1.35;letter-spacing:-1.5px;margin:24px 0 20px}.ticket h2 span{color:#ffac78}.ticket-heading>p{font-size:17px;line-height:1.9;color:#d0ddd4;margin:0}.ticket-features{display:flex;justify-content:center;gap:12px;margin:26px 0 30px;flex-wrap:wrap}.ticket-features>span{font-size:13px;line-height:1.5;border:1px solid #afcbb738;border-radius:30px;padding:8px 16px;background:#ffffff06}.ticket .button{color:var(--green);padding:20px 32px;min-width:270px}.ticket-instructions{font-size:12px;color:#bed0c4;line-height:1.9;margin:18px 0 32px}.ticket-bottom{display:flex;justify-content:space-between;width:100%;padding:22px 0;border-top:1px solid #ffffff25;font-size:12px;letter-spacing:1px;color:#bfcec4}
@media(max-width:1100px){.hero{gap:35px}.hero-visual{max-width:370px}.people{gap:15px}.person-card{padding:21px 16px 16px!important}.people .person-identity h3{font-size:23px;letter-spacing:-.8px}.people .person-identity h3 span{font-size:18px}.person-identity{gap:10px}.person-avatar{width:28px;height:28px;flex-basis:28px}.people article>p:not(.role){min-height:230px;font-size:14px}.person-art{height:320px;top:111px;width:55%}.coach-inner{gap:40px}.coach-copy h2{font-size:35px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px}.hero-visual{max-width:410px}.people{grid-template-columns:1fr}.person-card{padding:25px!important}.people .person-identity h3{font-size:31px}.people .person-identity h3 span{font-size:25px}.person-avatar{width:35px;height:35px;flex-basis:35px}.person-art{right:0;top:68px;width:40%;height:290px}.people .role{font-size:15px;min-height:0}.people article>p:not(.role){font-size:16px;min-height:140px}.topic{margin-top:20px}.coach-inner{grid-template-columns:1fr;gap:30px}.coach-copy{max-width:560px}.coach-mascots{margin-left:auto;margin-right:auto}.coach-detail{text-align:center}.coach-capture{max-width:380px}.ticket{padding:38px 30px 0}.ticket h2{font-size:42px}}
@media(max-width:540px){.hero-visual{max-width:380px;padding:10px 10px 12px;border-radius:25px}.visual-top{font-size:11px;margin:6px 3px 12px;letter-spacing:0}.hero-screen{width:100%;border-radius:17px}.hero-visual>figcaption{font-size:11px;margin-top:10px}.person-card{padding:20px 17px 16px!important}.person-identity{gap:11px;margin:21px 0 18px}.people .person-identity h3{font-size:28px;letter-spacing:-1px}.people .person-identity h3 span{font-size:22px}.person-avatar{width:31px;height:31px;flex-basis:31px}.person-top{font-size:11px}.person-art{width:53%;right:-17px;top:110px;height:315px;object-position:50% top;mask-image:linear-gradient(to bottom,#000 56%,transparent 97%);-webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 97%)}.people .role{font-size:14px;width:58%;line-height:1.8;min-height:50px}.people article>p:not(.role){font-size:15px;width:56%;line-height:1.85;min-height:225px}.topic{font-size:12px;line-height:1.8;margin-top:13px}.coach-copy h2{font-size:32px}.coach-capture{border-radius:25px;padding:10px}.coach-capture img{border-radius:18px}.ticket{padding:32px 18px 0;border-radius:22px}.ticket h2{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:22px 0 17px}.ticket h2 span{display:block}.ticket-heading>img{width:58px;height:58px}.ticket-heading>p{font-size:15px}.ticket-features{gap:7px;margin:22px 0 25px}.ticket-features>span{font-size:11px;padding:7px 9px}.ticket .button{min-width:0;width:100%;max-width:300px;font-size:16px;padding:19px 16px}.ticket-instructions{font-size:11px}.ticket-bottom{font-size:10px;letter-spacing:.3px;padding:18px 0}.coach-inner{padding:35px 0}}
@media(max-width:360px){.people .person-identity h3{font-size:25px}.people .person-identity h3 span{font-size:19px}.person-avatar{width:28px;height:28px;flex-basis:28px}.person-identity{gap:8px}.people article>p:not(.role){min-height:250px}.person-art{height:340px}.ticket h2{font-size:32px}}
.coach-capture{max-width:500px}.coach-capture img{aspect-ratio:1.05;object-fit:cover;object-position:center 75%}
.coach-capture img{aspect-ratio:1.22;object-position:center 73%}@media(max-width:540px){h1{font-size:clamp(40px,12.5vw,49px)}}

/* A quieter introduction and a light invitation. */
.hero-copy{text-align:center}.hero h1{font-size:clamp(40px,4.6vw,62px);line-height:1.4;letter-spacing:-1.5px}.hero .intro{margin-left:auto;margin-right:auto}
.features>article{display:flex;flex-direction:column}.feature-copy{flex:1}.screen-panel{width:100%}
.ticket{background:radial-gradient(ellipse at 0% 0%,#fbe6d1 0%,transparent 58%),radial-gradient(ellipse at 100% 100%,#e3ebd8 0%,transparent 60%),#f2f1e5;color:var(--green);border:1px solid #dce1ce;box-shadow:inset 0 0 0 7px #ffffff45}
.ticket-heading .eyebrow,.ticket-instructions,.ticket-bottom{color:var(--muted)}.ticket-heading>p{color:#52685a}.ticket h2 span{color:#bd582b}.ticket-heading>img{box-shadow:0 6px 18px #143e3515}.ticket-features>span{border-color:#143e3520;background:#ffffff65}.ticket-bottom{border-color:#143e3520}
@media(max-width:800px) and (min-width:541px){.features>article{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:540px){.hero h1{font-size:clamp(38px,11.5vw,56px)}.people article>p:not(.role){min-height:200px}.person-art{height:290px}.features>article{display:flex;align-items:stretch}}
@media(max-width:360px){.people article>p:not(.role){min-height:240px}.person-art{height:330px}}

.experience>.features{margin-top:0}



/* Three genuine app screens, arranged as an automatically rotating fan. */
.header{height:88px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-top:32px;padding-bottom:54px;min-height:0}.hero-copy{text-align:center}.hero h1{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(52px,5.2vw,74px);font-weight:800;line-height:1.3;letter-spacing:-2.5px;margin:0 0 27px;text-align:center}.hero .intro{font-size:16px;line-height:1.95;max-width:490px;margin:0 auto 30px;text-align:center}.hero .button{border-radius:9px;padding:18px 24px}.product-gallery{width:100%;min-width:0;justify-self:center;--card-width:clamp(240px,20vw,280px);--spread:clamp(96px,8.7vw,126px);position:relative}.gallery-top{text-align:center;margin-bottom:22px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.gallery-fan{position:relative;height:calc(var(--card-width) * 2.174 + 66px);isolation:isolate}.gallery-slide{position:absolute;top:0;left:50%;width:var(--card-width);aspect-ratio:1206/2622;margin:0;border-radius:23px;overflow:hidden;background:#eff3f0;box-shadow:0 20px 42px #153c3220,0 0 0 1px #143e3520;transform-origin:50% 88%;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .6s ease,filter .8s ease;will-change:transform;pointer-events:none}.gallery-slide img{display:block;width:100%;height:100%;object-fit:contain}.gallery-slide[data-position="center"]{z-index:3;opacity:1;transform:translateX(-50%) translateY(0) rotate(0) scale(1);filter:brightness(1)}.gallery-slide[data-position="left"]{z-index:1;opacity:1;transform:translateX(calc(-50% - var(--spread))) translateY(36px) rotate(-10deg) scale(.88);filter:brightness(.97)}.gallery-slide[data-position="right"]{z-index:2;opacity:1;transform:translateX(calc(-50% + var(--spread))) translateY(32px) rotate(9deg) scale(.89);filter:brightness(.98)}.gallery-slide[data-position="hidden"]{z-index:0;opacity:0;transform:translateX(-50%) translateY(46px) scale(.8)}.gallery-caption{display:flex;justify-content:center;align-items:center;gap:18px;font-size:14px;font-weight:600;line-height:1.6;margin-top:7px}.gallery-count{font-size:10px;font-weight:400;letter-spacing:1px;color:var(--muted);white-space:nowrap}.gallery-progress{display:flex;gap:7px;max-width:130px;margin:16px auto 0}.gallery-progress i{height:2px;flex:1;background:#d6dfd0;position:relative;overflow:hidden;border-radius:2px}.gallery-progress i.is-active{background:#b4c6aa}.gallery-progress i.is-active:after{content:"";position:absolute;inset:0;background:#ba6134;transform:scaleX(0);transform-origin:left}.is-playing .gallery-progress i.is-active:after{animation:gallery-progress 5s linear forwards}.gallery-note{text-align:center;font-size:10px;color:var(--muted);margin:14px 0 0}.ribbon{display:none}@keyframes gallery-progress{to{transform:scaleX(1)}}
@media(max-width:1100px){.hero{gap:22px}.hero h1{font-size:57px}.hero .intro{font-size:15px}.product-gallery{--card-width:220px;--spread:88px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:38px;padding-top:28px}.hero h1{font-size:62px}.product-gallery{max-width:570px;--card-width:270px;--spread:120px}.hero .intro{font-size:16px}}
@media(max-width:540px){.header{height:82px}.hero{padding-top:24px;gap:34px;padding-bottom:28px}.hero h1{font-size:clamp(42px,12.4vw,61px);line-height:1.28;letter-spacing:-2px;margin-bottom:20px}.hero .intro{font-size:14px;line-height:1.85;margin-bottom:24px}.hero .intro br{display:none}.hero .button{padding:16px 21px;font-size:15px}.product-gallery{--card-width:56%;--spread:19%}.gallery-top{margin-bottom:19px;font-size:9px}.gallery-fan{height:auto;aspect-ratio:.72}.gallery-slide{border-radius:16px;box-shadow:0 12px 22px #153c321d,0 0 0 1px #143e3520}.gallery-slide[data-position="left"]{transform:translateX(-83%) translateY(27px) rotate(-9deg) scale(.88)}.gallery-slide[data-position="right"]{transform:translateX(-17%) translateY(24px) rotate(8deg) scale(.89)}.gallery-caption{font-size:12px;gap:13px;margin-top:0}.gallery-progress{margin-top:13px;max-width:110px}.gallery-note{font-size:9px;margin-top:12px}.companions{padding-top:45px}}
@media(prefers-reduced-motion:reduce){.gallery-slide{transition:none}.is-playing .gallery-progress i.is-active:after{animation:none;transform:scaleX(1)}}

/* Community entry points share the same copy feedback. */
.header-actions{display:flex;align-items:center;gap:12px}.qq-copy{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 15px;border:1px solid #143e3526;border-radius:24px;background:transparent;color:var(--green);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s}.qq-copy strong{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.copy-feedback{font-size:11px;color:var(--muted);min-width:48px;text-align:center}.qq-copy:hover,.qq-copy.is-copied{background:#e9eedf;border-color:#9bac95}.qq-copy:focus-visible{outline:2px solid #b85b31;outline-offset:4px}.qq-copy.is-copied .copy-feedback{color:var(--green)}.footer-community{flex-basis:100%;padding:0 0 26px}footer{flex-wrap:wrap;padding-top:25px}.copy-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:801px) and (max-width:1200px){.header nav{gap:17px}.header-actions{gap:8px}.header .qq-copy{gap:6px;padding:11px}.header .nav-cta{padding:11px 14px}.header .nav-cta span{margin-left:7px}}
@media(max-width:1000px){.header nav{display:none}}
@media(max-width:540px){.header{height:auto;min-height:118px;display:grid;grid-template-columns:auto 1fr;gap:12px;padding-top:18px;padding-bottom:12px}.header-actions{display:contents}.header .nav-cta{justify-self:end}.header .qq-copy{grid-column:1 / -1;justify-self:stretch;min-height:38px;padding:8px 13px;border-radius:8px;font-size:11px;gap:12px}.header .qq-copy strong{font-size:12px}.footer-community{order:4;padding-bottom:0}.footer-community .qq-copy{width:100%;font-size:12px}.hero{padding-top:19px}}
@media(prefers-reduced-motion:reduce){.qq-copy{transition:none}}

/* Shared compact community button across screen sizes. */
.qq-copy{border-radius:24px;padding:12px 17px;min-height:44px}.qq-copy .copy-feedback{font-size:12px;color:var(--green);min-width:0}.footer-community .qq-copy{width:auto}
@media(max-width:540px){.header .qq-copy{justify-self:end;min-height:44px;width:auto;border-radius:24px;padding:12px 17px}.header .qq-copy .copy-feedback{font-size:12px}.footer-community .qq-copy{width:auto}}

@media(max-width:540px){.header{grid-template-columns:1fr;gap:14px;padding-top:18px;padding-bottom:12px}.header-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.header .nav-cta,.header .qq-copy{grid-column:auto;justify-self:auto;min-height:44px;border-radius:24px;padding:11px 13px}.header .qq-copy .copy-feedback{font-size:12px}}

/* Keep the brand and both actions on one mobile header row. */
@media(max-width:540px){.header{display:flex;flex-wrap:nowrap;min-height:0;height:82px;gap:8px;padding:14px 14px}.header .brand{gap:6px;font-size:17px;letter-spacing:0;flex-shrink:0}.header .brand img{width:29px;height:29px;border-radius:8px}.header .brand small{font-size:9px;letter-spacing:.6px}.header-actions{display:flex;justify-content:flex-end;gap:6px;width:auto;flex:1;min-width:0}.header .nav-cta,.header .qq-copy{padding:9px 9px;min-height:38px;font-size:10px;border-radius:22px;white-space:nowrap}.header .nav-cta span{margin-left:4px}.header .qq-copy .copy-feedback{font-size:10px}}
@media(max-width:360px){.header{padding-left:10px;padding-right:10px;gap:5px}.header .brand{font-size:15px;gap:4px}.header .brand img{width:25px;height:25px}.header .brand small{font-size:8px}.header-actions{gap:4px}.header .nav-cta,.header .qq-copy{padding-left:7px;padding-right:7px}.header .nav-cta span{display:none}}

/* Warm washes repeat down the full page, including long mobile layouts. */
body{
 background-color:#f8f7f0;
 background-image:
  radial-gradient(ellipse 560px 410px at 7% 12%,#f3d4b878 0%,#f3d4b82b 45%,transparent 78%),
  radial-gradient(ellipse 380px 330px at 94% 27%,#efcdb666 0%,transparent 78%),
  radial-gradient(ellipse 630px 450px at 67% 55%,#f1dfb878 0%,transparent 78%),
  radial-gradient(ellipse 430px 350px at 8% 76%,#efcbb361 0%,transparent 78%),
  radial-gradient(ellipse 300px 270px at 91% 88%,#f3d4b870 0%,transparent 78%);
 background-size:100% 1900px;
 background-repeat:repeat-y;
}
@media(max-width:540px){
 body{
  background-image:
   radial-gradient(ellipse 300px 360px at 0% 12%,#f3d4b878 0%,transparent 78%),
   radial-gradient(ellipse 260px 340px at 100% 32%,#efcdb670 0%,transparent 78%),
   radial-gradient(ellipse 350px 430px at 20% 59%,#f1dfb878 0%,transparent 78%),
   radial-gradient(ellipse 280px 330px at 96% 82%,#efcbb366 0%,transparent 78%);
  background-size:100% 2400px;
 }
}