/* V11 adds depth and movement while preserving the V10 sections and media. */
:root{--red:#cc2946;--deep:#17483b;--shadow:0 28px 70px #203e2615}
body{background:#fffefb}.announcement{background:#cc2946}.hero{position:relative;background:radial-gradient(ellipse at 88% 25%,#bce9ba9c,transparent 46%),radial-gradient(ellipse at 10% 95%,#ffddca66,transparent 48%),#fbfff5}
.hero:before{content:'';position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #3b7a4520;right:-100px;top:30px;pointer-events:none}.hero h1{letter-spacing:-2.5px}.hero-art{background:linear-gradient(140deg,#e5f8da,#fff8ec);border:1px solid #c4dfb4;box-shadow:0 35px 75px #264c2630;transform:rotate(-2deg);animation:productFloat 7s ease-in-out infinite}
.hero-art img{mix-blend-mode:normal;box-shadow:0 10px 30px #15382920;transition:transform .4s}.hero-art:hover img{transform:scale(1.025)}.hero-art footer{margin-top:18px}.hero-art:before{content:'GREENZHI • TOOTHGEL';display:block;font-size:12px;letter-spacing:3px;color:#456343;margin:4px 0 20px;font-weight:900}.hero-art .stamp{top:-15px;right:8px;background:#c72b44;border:5px solid #fffef9;box-shadow:0 8px 30px #6d16212a}
.section{scroll-margin-top:80px}.hero-assistant{display:flex;align-items:center;gap:14px;margin:24px 0 0;padding:16px 18px;background:#fffef9cc;border:1px solid #d6e4cb;border-radius:22px;max-width:490px;box-shadow:0 10px 30px #2446270d}.hero-assistant strong{display:block;font-size:17px}.hero-assistant small{display:block;font-size:14px;color:#61705b}.assistant-avatar{display:grid;place-items:center;position:relative;width:52px;height:52px;flex:none;border-radius:18px;background:#ffedf0;font-size:34px}.assistant-avatar:after{content:'';position:absolute;right:-2px;bottom:0;width:13px;height:13px;border:3px solid white;border-radius:50%;background:#469b61}.hero-assistant button{margin-left:auto;flex:none;border:0;background:#173f31;color:white;border-radius:50%;height:40px;width:40px;font-size:24px}
.answer-card{box-shadow:0 20px 45px #254c2930}.ask-pills .pill{transition:background .2s,transform .2s}.ask-pills .pill:hover{transform:translateY(-2px)}.gallery-panel{box-shadow:0 15px 60px #23482016}.stage img{animation:pictureIn .45s ease-out}.dot{width:12px;height:12px;min-height:12px}.arrow{height:46px;width:46px}.dark-section{background:radial-gradient(ellipse at 100% 0%,#3b745166,transparent 55%),#123e2e}.step b{color:#e6cf97}.step{transition:transform .25s}.step:hover{transform:translateY(-4px)}
.parent-cover{border-left-color:#641429;background:radial-gradient(circle at 75% 22%,#d6654c,transparent 30%),linear-gradient(145deg,#942439,#c94548 70%,#eec68e);min-height:485px;transform:perspective(800px) rotateY(-9deg) rotate(-3deg);padding-top:72px;position:relative}.parent-cover:after{content:'';position:absolute;inset:10px;border:1px solid #f8deb66b;border-radius:8px 19px 19px 8px;pointer-events:none}.parent-cover h3{font-size:33px}.book-symbol{margin:10px 0}.book-reader{overflow:hidden}.reader-body.flip{animation:pageTurn .4s ease}.chat-panel{border:2px solid #fff;box-shadow:0 25px 90px #3b12264d}.chat-head{background:radial-gradient(circle at 70% 20%,#ed6f75,transparent 65%),linear-gradient(130deg,#a21c39,#d3354f)}.chat-face{animation:avatarFloat 5s ease-in-out infinite}.chat-head small{font-size:12px}.chat-stream{background:radial-gradient(circle at 50% 40%,#fffdfa,transparent 70%),#fff3f1}.msg{max-width:94%;font-size:17px}.msg.me{background:#ba2c46;color:white}.chat-card{border-radius:15px;border:1px solid #ebd4cb;background:#fff;padding:10px;font-size:14px;max-width:90%;align-self:flex-start}.chat-card img,.chat-card video{display:block;width:100%;max-height:150px;object-fit:contain;border-radius:10px}.chat-sources{font-size:12px;color:#715b5f;max-width:90%;align-self:flex-start}.chat-sources a{text-decoration:underline}.chat-status{font-size:12px;padding:5px 14px;background:#fff7f3;color:#6f555a}.captcha-box{padding:10px 0;min-height:8px}.privacy-actions{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;margin-top:12px}.privacy-actions a,.privacy-actions button{padding:6px 0;border:0;background:none;color:#486c52;text-decoration:underline}.price-info{background:#fff8ea;border:1px solid #ecdebc;border-radius:20px;padding:18px;margin-top:20px}.price-info strong{font-size:24px;display:block}.price-info small{font-size:15px;color:var(--muted)}.offline-label{position:sticky;top:0;z-index:100;background:#7c263d;color:#fff;text-align:center;font-size:13px;padding:8px 15px}.hero-under{font-size:14px!important}.chat-form input{font-size:16px}
@keyframes productFloat{50%{transform:translateY(-9px) rotate(-1deg)}}@keyframes avatarFloat{50%{transform:translateY(-3px) rotate(3deg)}}@keyframes pictureIn{from{opacity:.7;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes pageTurn{from{opacity:.2;transform:translateX(15px) rotateY(8deg)}to{opacity:1;transform:none}}
@media(max-width:520px){.hero h1{font-size:39px;line-height:1.12;letter-spacing:-1.6px}.hero{padding-top:34px}.hero-art{margin-top:10px}.hero-assistant{padding:12px}.hero-assistant strong{font-size:16px}.hero-assistant small{font-size:12px}.hero-assistant button{height:33px;width:33px}.section h2{font-size:32px;line-height:1.18}.header .tiny-btn{max-width:151px;font-size:12px}.parent-cover{width:calc(100% - 32px);min-height:470px;box-shadow:12px 13px 0 #f0dcc0,17px 20px 30px #72162625}.parent-cover h3{font-size:31px}.book-reader{padding:15px}.reader-bottom{display:grid;grid-template-columns:1fr 1fr}.reader-bottom strong{grid-column:1/-1;grid-row:1;text-align:center}.reader-bottom .btn{font-size:13px}.chat-panel{height:calc(100dvh - 75px);min-height:0}.chat-head{padding:12px}.msg{font-size:16px}.mini-strip .wrap{font-size:13px;gap:10px}.hero h1,.hero p,.wrap{min-width:0}.lead{font-size:19px}.unlock-float{bottom:80px}body.unlock-visible .chat-fab{bottom:15px}.announcement{font-size:12px}.end-hook-card{padding:23px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}