/* Panda AI — warm paper, ink and a little terracotta. */
:root { --ink:#292722; --muted:#787064; --line:#e1dacd; --paper:#f8f4ea; --white:#fffcf5; --lime:#e5bb97; --lime-dark:#be704f; --blue:#b1b99e; --purple:#bf7456; --shadow:0 18px 45px rgba(72,53,31,.07); }
body { color:var(--ink); background:var(--paper); }
button,a { touch-action:manipulation; }
:focus-visible { outline:2px solid #b96848; outline-offset:5px; }
[hidden] { display:none!important; }
.noise { opacity:.017; }
.announcement { background:#eee7d9; color:#756957; font-size:11px; }
.announcement a { color:#93583f; }
.pulse-dot { background:#af7552; box-shadow:0 0 0 4px #af755215; }
.nav { height:91px; border-bottom:1px solid var(--line); }
.brand { font-size:25px; font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif; letter-spacing:-.03em; gap:9px; }
.brand b { color:var(--ink); font-weight:500; margin-left:4px; }
.panda-mark { display:block; object-fit:contain; }
.nav-links a { color:#645c50; font-weight:500; }
.nav-cta { border:1px solid #d3cabb; border-radius:8px; padding:11px 17px; font-size:12px; }
.hero { min-height:630px; padding-top:60px; padding-bottom:64px; grid-template-columns:1.05fr 1fr; gap:20px; }
.eyebrow,.kicker { color:#968372; letter-spacing:.15em; font-size:10px; }
.eyebrow i { background:#d0c4b3; }
.hero h1 { margin:28px 0 24px; font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif; font-size:clamp(45px,4.7vw,65px); font-weight:500; letter-spacing:-.055em; line-height:1.25; }
.hero h1 em::after { display:none; }
.hero-lead { max-width:445px; font-size:15px; color:#807568; line-height:1.9; }
.hero-actions { gap:25px; margin-top:28px; }
.button { min-height:49px; border-radius:8px; font-size:13px; font-weight:600; }
.button-primary { background:#ba694b; box-shadow:none; }
.button-primary span,.button-dark span { color:#f7e8d7; }
.hero-guide-link { display:flex; align-items:center; gap:8px; color:#746656; font-size:12px; }
.hero-guide-link > span { font-size:21px; color:#b96949; }
.trust-line { margin-top:30px; gap:15px; font-size:10px; color:#8a7e6e; }
.trust-line i { background:#eee6d6; color:#948366; }
.panda-stage { position:relative; min-width:0; --panda-x:0px; --panda-y:0px; --panda-rx:0deg; --panda-ry:0deg; --eye-x:0px; --eye-y:0px; --glow-x:50%; --glow-y:50%; }
.panda-stage::before { content:""; position:absolute; inset:7% 4% 3%; border-radius:42%; pointer-events:none; background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(201,132,94,.14),transparent 42%); filter:blur(22px); opacity:.72; }
.panda-parallax { position:relative; transform:perspective(850px) translate3d(var(--panda-x),var(--panda-y),0) rotateX(var(--panda-rx)) rotateY(var(--panda-ry)); transform-style:preserve-3d; will-change:transform; }
.panda-art { display:block; width:100%; overflow:visible; }
.panda-note { position:absolute; left:18%; top:2%; font-family:"KaiTi","STKaiti",serif; font-size:20px; color:#958269; transform:translateZ(28px) rotate(-7deg); }
.panda-caption { display:flex; justify-content:center; align-items:center; gap:28px; color:#998d7c; font-size:11px; margin-top:-7px; }
.panda-replay { padding:8px 0; border:0; border-bottom:1px solid #cbbda7; background:none; cursor:pointer; font-size:11px; color:#8a7059; }
.panda-body { animation:panda-breathe 5s ease-in-out infinite; transform-origin:260px 450px; }
.panda-head { animation:panda-tilt 7s ease-in-out infinite; transform-origin:249px 271px; }
.panda-wave { animation:panda-wave 5s ease-in-out infinite; transform-origin:327px 278px; }
.panda-eyes { animation:panda-blink 4.8s infinite; transform-box:fill-box; transform-origin:center; }
.panda-spark { animation:panda-twinkle 4s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.panda-sun { animation:panda-float 6s ease-in-out infinite; }
.panda-stage.greeting .panda-wave { animation:panda-hello .55s ease-in-out 3; }
.panda-stage.greeting .panda-head { transform:rotate(-5deg); }
@keyframes panda-breathe { 0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)} }
@keyframes panda-tilt { 0%,100%{transform:rotate(0)}40%,60%{transform:rotate(-3deg)} }
@keyframes panda-wave { 0%,45%,100%{transform:rotate(0)}55%,75%{transform:rotate(12deg)}65%,85%{transform:rotate(-5deg)} }
@keyframes panda-hello { 0%,100%{transform:rotate(-5deg)}50%{transform:rotate(22deg)} }
@keyframes panda-blink { 0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.08)} }
@keyframes panda-twinkle { 0%,100%{opacity:.5;transform:rotate(0) scale(.85)}50%{opacity:1;transform:rotate(20deg) scale(1)} }
@keyframes panda-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)} }
.proof-strip { border-color:var(--line); background:#f1ecdf; }
.proof-grid div,.proof-grid div:first-child { border-color:var(--line); padding:23px 0; }
.proof-grid strong { font-family:Georgia,serif; font-weight:400; font-size:25px; }
.proof-grid span { color:#948777; }
.section { padding-top:85px; padding-bottom:85px; }
.section-heading h2,.faq-heading h2,.guarantee-copy h2,.final-inner h2,.guide-preview h2,.guide-heading h1 { font-family:Georgia,"Songti SC",SimSun,serif; font-weight:500; letter-spacing:-.04em; }
.section-heading h2 { font-size:42px; }
.section-heading > p { color:#8b7c6c; font-size:12px; }
.product-filter button { background:transparent; border-color:var(--line); color:#8d7c69; }
.product-filter button.active { background:#3b352c; border-color:#3b352c; }
.product-filter button.active span { color:#edd3b7; }
.product-filter button span { color:#a8957f; }
.product-card,.product-card.featured { padding:24px 21px; min-height:390px; border:1px solid #ded4c4; border-radius:15px; background:#fcf9f1; box-shadow:none; }
.product-card.featured { background:#f1e5d5; border-color:#c99e7d; }
.product-card:hover { border-color:#bba78f; box-shadow:var(--shadow); }
.product-badge { background:#dec3a6; color:#70523e; border-radius:0 0 6px 6px; font-size:9px; }
.product-head { margin-bottom:28px; gap:10px; align-items:end; }
.product-logo,.product-logo.pale { width:46px; height:46px; background:#ede3d3; color:#75533e; border-radius:12px; font-size:25px; }
.featured .product-logo { background:#c58160; color:#fff3e7; }
.plan-index { color:#a08d76; font-size:7px; letter-spacing:.05em; white-space:nowrap; }
.product-type { color:#9a8570; letter-spacing:.1em; }
.product-card h3 { margin:11px 0 15px; font-family:Georgia,"Songti SC",serif; font-size:34px; font-weight:500; }
.plan-multiplier { font-size:23px; }
.product-card > p { color:#8b7d6d; font-size:12px; min-height:72px; }
.product-card ul { border-color:#e6dccd; gap:12px; color:#756a5c; margin-top:17px; }
.product-card li span { color:#a5805b; }
.sold-count { display:flex; align-items:baseline; justify-content:space-between; margin:12px 0 20px; padding-top:17px; border-top:1px solid #e6dccd; color:#a08d76; }
.sold-count span { font-size:10px; letter-spacing:.08em; }
.sold-count strong { font:500 25px Georgia,serif; color:#b56849; letter-spacing:-.04em; }
.price-row strong { font-family:Georgia,serif; font-weight:400; }
.price-row span { color:#a08e78; }
.quote-price { font-size:20px; font-family:Georgia,"Songti SC",serif; }
.quote-price span { display:block; font:10px sans-serif; margin-top:5px; }
.buy-button { background:transparent; border-color:#d5c8b7; color:#6d5a46; border-radius:8px; }
.buy-button span { color:#ad7150; }
.product-card.featured .buy-button,.buy-button:hover { background:#a75f43; border-color:#a75f43; color:#fff8eb; }
.product-card.featured .buy-button span,.buy-button:hover span { color:#ffe7ce; }
.product-card.sold-out { background:#f3eee4; border-style:dashed; opacity:.82; }
.product-card.sold-out:hover { transform:none; box-shadow:none; border-color:#ded4c4; }
.sold-out-badge { background:#d8ccba; color:#806f5d; }
.status-price,.contact-price { font-family:Georgia,"Songti SC",serif!important; font-size:20px!important; letter-spacing:-.02em!important; }
.status-price { color:#8d8070; }
.contact-price { color:#6d5945; }
.contact-row { align-items:center; }
.pool-status { display:flex; align-items:center; gap:8px; width:max-content; margin:11px 0 20px; padding:7px 10px; border-radius:999px; background:#e7ead9; color:#687052; font-size:10px; }
.pool-status i { width:7px; height:7px; border-radius:50%; background:#7f9567; box-shadow:0 0 0 4px #7f95671a; }
.buy-button:disabled { cursor:not-allowed; background:#e3dbce; border-color:#d8cebd; color:#968978; }
.buy-button:disabled:hover { background:#e3dbce; border-color:#d8cebd; color:#968978; }
.boost-card { background:#ede9da; border-style:dashed; }
.boost-card .product-badge { background:#b5694c; color:#fff8ed; }
.boost-card .product-logo { background:#e5ddc9; font-size:33px; }
.product-card .boost-title { font-family:inherit; font-size:22px; letter-spacing:-.04em; margin-top:15px; margin-bottom:24px; }
@keyframes panda-blink { 0%,42%,46%,100%{transform:translate3d(var(--eye-x),var(--eye-y),0) scaleY(1)}44%{transform:translate3d(var(--eye-x),var(--eye-y),0) scaleY(.08)} }
@media (prefers-reduced-motion:reduce) { .panda-parallax{transform:none!important}.panda-stage::before{display:none}.panda-eyes{animation:none!important;transform:none!important} }
.guide-preview { display:grid; grid-template-columns:1fr 1fr; gap:75px; padding:10px 0 95px; align-items:center; }
.guide-preview h2 { font-size:37px; line-height:1.4; margin:14px 0; }
.guide-preview p { color:#8a7c6c; font-size:13px; }
.guide-preview .button { margin-top:17px; background:#75604a; }
.guide-notebook { display:block; padding:30px 34px; background:#f3eadb; border:1px solid #e0d3bf; border-radius:4px 16px 16px 4px; transform:rotate(1.5deg); box-shadow:-7px 6px 0 #eae0cf; transition:transform .2s; }
.guide-notebook:hover { transform:rotate(0); }
.notebook-label { display:flex; justify-content:space-between; padding-bottom:17px; border-bottom:1px solid #d8cbb7; font-family:"KaiTi",serif; font-size:21px; }
.notebook-label i { font-style:normal; color:#b26c4a; }
.guide-notebook ol { list-style:none; padding:0; margin:8px 0 16px; }
.guide-notebook li { border-bottom:1px solid #e2d8c8; padding:15px 0; font-size:13px; color:#796851; }
.guide-notebook li span { margin-right:24px; color:#bc8c67; font:12px Georgia,serif; }
.notebook-foot { color:#a69076; font-size:10px; }
.process { background:#eee6d7; color:#4b4032; }
.section-heading.light .kicker { color:#9f7b59; }
.section-heading.light p,.process-step p { color:#93826c; }
.process-grid,.process-step,.process-step:first-child { border-color:#d9ccba; }
.process-step > span { color:#ac967a; }
.process-icon { background:#f8f1e5; border-color:#d9c8b0; color:#aa704a; }
.process-note { background:#f6efdf; border-color:#ddcfb9; }
.process-note > span { background:#e8d9c0; color:#917252; }
.process-note p { color:#968269; }.process-note b { color:#6c5941; }
.guarantee-panel { background:#eadbc3; border-radius:18px; }
.guarantee-copy .kicker,.guarantee-copy p,.promise-list p { color:#927956; }
.guarantee-copy h2 { font-size:43px; line-height:1.35; }
.promise-list article { border-color:#d1bea1; }.promise-no { color:#ac8d64; }
.button-dark { background:#584a39; }
.status-card { background:#fcf8ef; border-color:#e1d5c3; box-shadow:var(--shadow); }
.status-orb { background:#e9e5d4; }.status-orb i,.status-services i { background:#9c9b77; }
.status-services span { border-color:#e6dac8; color:#98866f; }.status-card small { color:#a18c70; }
.faq-item,.faq-item:last-child { border-color:#ded3c1; }.faq-answer p { color:#8c7c67; }.faq-item button i { border-color:#d9cbb6; }
.faq-heading p { color:#98876f; }
.final-cta { background:#c38564; }.final-inner > div > span,.final-inner p { color:#f3e1d1; }
.button-white { background:#faf3e6; box-shadow:none; }
footer { background:#ece3d3; color:#5a4b38; }.footer-grid h3 { color:#aa9478; }
.footer-brand p,.footer-grid > div:not(:first-child) a,.footer-grid > div:not(:first-child) button,.footer-grid > div:not(:first-child) p { color:#8b775d; }
.footer-bottom { border-color:#d8cab4; color:#a58c6e; }
.order-modal,.service-drawer { background:#fcf8ef; }.period-options button,.contact-box { background:#f2eadd; border-color:#ded0bb; }
.period-options button.active { border-color:#ac7654; box-shadow:inset 0 0 0 1px #ac7654; }.period-options i { color:#695139; }
.modal-close,.drawer-close { background:#ede2d1; }.confirm-button,.contact-box button { background:#6b5139; }
.modal-product-icon { background:#b77453; color:#fff3df; }.drawer-note { background:#ece7d6; }
.drawer-note b,.drawer-note p { color:#88775c; }.inquiry-context { margin:15px 0; padding:15px; border:1px solid #d8c4a9; border-radius:10px; font-size:13px; line-height:1.8; color:#8a6341; white-space:pre-line; }
/* Full reading page */
.guide-header { border-bottom:1px solid var(--line); }
.guide-nav { display:flex; justify-content:space-between; align-items:center; min-height:90px; gap:20px; }
.guide-nav > a:last-child { font-size:13px; color:#8b6f54; }
.guide-heading { padding:74px 0 42px; max-width:820px; }
.guide-heading h1 { font-size:54px; margin:19px 0; }.guide-heading p { color:#8a7c69; line-height:1.9; max-width:620px; font-size:15px; }
.guide-layout { display:grid; grid-template-columns:220px 1fr; gap:65px; padding-bottom:95px; }
.guide-toc { align-self:start; position:sticky; top:30px; display:grid; gap:7px; }
.guide-toc p { font-size:10px; color:#aa9476; letter-spacing:.15em; }
.guide-toc a { padding:12px; border-radius:6px; color:#968065; font-size:12px; }
.guide-toc a:hover { background:#ece1cf; color:#614a33; }
.guide-article { min-width:0; }.guide-chapter { scroll-margin-top:30px; border-top:1px solid var(--line); padding:34px 0 44px; }
.guide-chapter h2 { font-size:26px; font-weight:500; margin:0 0 17px; }.guide-chapter h2 span { margin-right:20px; color:#b8855e; font-family:Georgia,serif; }
.guide-chapter p,.guide-chapter li { font-size:14px; color:#81715d; line-height:1.9; }
.guide-chapter ul { padding-left:21px; }.guide-chapter a { color:#a05d3d; text-decoration:underline; text-underline-offset:4px; }
.guide-example { padding:23px 27px; margin-top:22px; border:1px solid #dfcfb6; border-radius:12px; background:#f0e7d7; }
.guide-example > small { display:block; color:#ad9574; font-size:10px; letter-spacing:.1em; }.guide-example > strong { display:block; margin:13px 0; font-size:20px; font-weight:500; }
.guide-example p { margin:3px 0; font-size:12px; }.example-pill { display:inline-block; background:#dfd8bf; color:#80704d; padding:5px 9px; border-radius:5px; font-size:10px; }
.guide-footer { padding:24px 0; font-size:11px; line-height:1.8; }
.copy-inquiry { padding:9px 14px; margin:0 0 18px; border:1px solid #cbb697; border-radius:7px; background:#eee1cb; color:#80613e; cursor:pointer; font-size:12px; }
.guide-stage-links { display:flex; flex-wrap:wrap; gap:12px; margin:27px 0 20px; }
.guide-stage-links a { display:flex; align-items:center; gap:35px; padding:15px 19px; border:1px solid #d9c8b0; border-radius:9px; color:#805a3d; background:#efe5d3; font-size:14px; }
.guide-heading .guide-availability { font-size:12px; color:#9a8367; }
.guide-toc .toc-major { font-weight:700; color:#795331; background:#eee2ce; margin-top:12px; }
.guide-part > h2 { font-size:31px; margin-bottom:8px; }
.guide-part .part-lead { color:#a08b6e; font-size:13px; margin-top:0; }
.guide-substep { padding:30px 0 20px; scroll-margin-top:30px; }
.guide-substep h3 { display:flex; align-items:center; gap:15px; margin:0 0 19px; font-size:21px; font-weight:500; }
.guide-substep h3 > span { display:grid; place-items:center; flex:0 0 32px; height:32px; background:#c38564; color:#fff5e4; border-radius:50%; font:18px Georgia,serif; }
.guide-action { display:inline-flex; align-items:center; gap:20px; padding:12px 18px; margin:8px 8px 4px 0; background:#a76748; color:#fff5e4!important; border-radius:7px; font-size:12px; text-decoration:none!important; }
.guide-check-row { display:flex; justify-content:space-between; gap:15px; border-bottom:1px solid #deceb5; padding:13px 0; font-size:12px; color:#8b7153; }
.guide-check-row b { font-weight:500; color:#634d34; }
.guide-example .card-code-example { font:clamp(13px,2.5vw,21px) ui-monospace,monospace; letter-spacing:.06em; }
.guide-flow { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:15px 0; color:#846546; font-size:12px; }
.guide-flow span { background:#fcf5e8; padding:10px 12px; border:1px solid #dfcfb5; border-radius:6px; }.guide-flow i { font-style:normal; }
.guide-help { border:1px solid #d9c6aa; border-radius:14px; padding:25px; background:#f0e5d2; }.guide-help h3{font-weight:500;margin-top:0}.guide-help p{font-size:13px;color:#947859;line-height:1.8}
@media(max-width:760px){ .guide-toc .toc-major{grid-column:1/-1;padding:12px}.guide-toc{grid-template-columns:1fr}.guide-toc>a:not(.toc-major){padding-left:12px}.guide-part>h2{font-size:25px}.guide-stage-links{gap:8px}.guide-stage-links a{gap:13px;font-size:12px;padding:13px}.guide-flow{gap:7px}.guide-flow span{padding:8px}.guide-substep h3{font-size:20px} }
@media(max-width:1000px) { .hero h1{font-size:49px}.hero-actions{gap:15px}.trust-line{gap:9px}.product-card .boost-title{font-size:26px}.guide-preview{gap:38px}.guide-layout{grid-template-columns:180px 1fr;gap:35px} }
@media(max-width:760px) {
  .nav{height:74px}.brand{font-size:24px}.nav-links{top:102px;background:#fcf8ef;border-color:#e2d4c0}.hero{padding-top:38px;padding-bottom:40px}.hero h1{font-size:clamp(36px,9.8vw,53px);line-height:1.32;margin-top:22px}.hero-lead{font-size:14px}.hero-actions{flex-direction:row;align-items:center;gap:17px;flex-wrap:wrap}.hero-guide-link{font-size:11px}.hero-actions .button{gap:20px;padding:0 20px}.trust-line{margin-top:25px;font-size:9px;gap:12px}.panda-stage{margin-top:46px}.panda-note{font-size:18px;top:0}.panda-art{max-height:360px}.panda-caption{font-size:10px;gap:20px}.section{padding:62px 0}.section-heading h2{font-size:32px}.product-card{min-height:421px;padding:26px}.product-card h3{font-size:38px}.product-card .boost-title{font-size:27px}.product-card > p{min-height:40px}.product-head{margin-bottom:23px}.plan-index{font-size:9px}.guide-preview{grid-template-columns:1fr;gap:30px;padding:5px 0 65px}.guide-preview h2{font-size:30px}.guide-notebook{margin:0 8px;padding:24px}.process-step,.process-step:nth-child(3),.process-step:nth-child(4){border-color:#d9ccba}.process-step{min-height:215px}.guarantee-copy h2{font-size:34px}.final-inner h2{font-size:40px}.mobile-cta{background:#faf5e9ed;border-color:#e1d3bd;bottom:max(10px,env(safe-area-inset-bottom));}.mobile-cta a{background:#ece1ce;color:#775c3f}.mobile-cta button{background:#a76748}.mobile-cta button span{color:#f8e4ce}.toast{bottom:90px;max-width:calc(100% - 36px);width:max-content}.guide-nav{min-height:76px}.guide-heading{padding:45px 0 28px}.guide-heading h1{font-size:37px}.guide-heading p{font-size:14px}.guide-layout{grid-template-columns:1fr;gap:20px}.guide-toc{position:static;grid-template-columns:1fr 1fr;gap:3px;border-bottom:1px solid var(--line);padding-bottom:20px}.guide-toc p{grid-column:1/-1}.guide-toc a{padding:8px 0}.guide-chapter h2{font-size:22px}.guide-chapter h2 span{margin-right:12px}.guide-page{padding-bottom:0}.service-drawer{padding:55px 25px}.drawer-note{position:static;margin-top:30px}.service-drawer{overflow-y:auto}.guide-example{padding:20px}.guide-nav .button{padding:0 12px;gap:10px}
}
@media(prefers-reduced-motion:reduce) { .panda-art * { animation:none!important; } }