:root{--wine:#722f37;--ink:#0b1933;--cream:#fbf6ef;--muted:#796c6d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}p{line-height:1.85}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a:focus-visible{outline:3px solid #c9a8ac;outline-offset:6px}h1,h2,h3{font-weight:600;letter-spacing:-.045em}.cp-wrap{width:calc(100% - 112px);max-width:1240px;margin:auto}.cp-header{background:var(--wine);color:#fff2e7;border-bottom:1px solid #ffffff24}.cp-nav{height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cp-brands{display:flex;align-items:center;gap:18px}.cp-bm img{width:52px;height:auto}.cp-divider{width:1px;height:34px;background:#ffffff35}.cp-product{display:flex;align-items:center;gap:12px}.cp-product>img{width:42px;height:42px;border-radius:11px}.cp-word{font:800 19px/1.1 Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap}.cp-word>span{font-weight:400}.cp-word small{font:450 11px/1.3 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:.16em;display:block;margin-top:7px;color:#e9cdd0}.cp-nav nav{display:flex;align-items:center;gap:32px;font-size:12px}.cp-status{border:1px solid #e5c3c477;border-radius:99px;padding:10px 19px;font-size:11px;letter-spacing:.1em}
.cp-hero{background:radial-gradient(ellipse at 84% 36%,#a3626a77,transparent 62%),linear-gradient(125deg,#722f37,#60232c);color:#fff2e7;overflow:hidden}.cp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100svh - 160px);padding:65px 0}.cp-eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:.18em;color:#edc8c9}.cp-hero h1{font-size:clamp(46px,4.9vw,70px);line-height:1.18;margin:24px 0 27px}.cp-hero h1 em{font-style:normal;color:#edc3b2}.cp-lead{font-size:16px;color:#edcfd0;line-height:1.9}.cp-launch{display:flex;align-items:center;gap:11px;margin-top:31px;font-size:11px;color:#deb3b9;flex-wrap:wrap}.cp-launch strong{font-size:14px;font-weight:500;color:#fff1e7;letter-spacing:.1em}.cp-dot{width:6px;height:6px;border-radius:50%;background:#edc3b2}.cp-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;background:#fff2e7;border:1px solid #fff2e7;border-radius:99px;color:#722f37;font-size:13px;font-weight:600;margin-top:25px;min-width:215px}.cp-device{font-size:10px;color:#d3a9b0;margin-top:17px}.cp-visual{position:relative;min-width:0;padding:15px 4px 20px}.cp-video{background:linear-gradient(145deg,#863f49,#5b242d);border:1px solid #dfb7b545;border-radius:20px;padding:25px 27px 20px;box-shadow:0 30px 65px #36101a30;transform:rotate(-3deg)}.cp-card-label{display:flex;justify-content:space-between;font:8px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#e6c3c480}.cp-video h2{font-size:27px;line-height:1.4;margin-top:22px}.cp-video svg{width:100%;height:auto;display:block;margin-top:8px}.cp-video-foot{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #ffffff20;font-size:9px;color:#dfbfc3}.cp-video-foot>span:last-child{font:7px/1.6 Arial,sans-serif;letter-spacing:.1em}.cp-pocket-card{position:relative;background:#fff2e7;border:1px solid #fff8f0;color:#722f37;border-radius:13px;box-shadow:0 12px 28px #35141a18;padding:20px 24px;margin:-8px -15px 0 80px;transform:rotate(3deg)}.cp-mini-no{font:8px Arial,sans-serif;letter-spacing:.12em;color:#9d7076}.cp-pocket-card>p{font-size:17px;font-weight:500;margin-top:9px;letter-spacing:-.02em}.cp-pocket-card>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.cp-pocket-card>div span{font-size:9px;padding:4px 8px;border:1px solid #d2b3b3;border-radius:5px}.cp-pocket-card>small{display:block;font-size:8px;color:#a3767b;margin-top:11px}.cp-art-note{font-size:8px;color:#c79da5;text-align:right;margin-top:21px}.cp-hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding:23px 0;font-size:10px;color:#d0a9af}
.cp-section{padding:90px 0}.cp-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.cp-kicker{font:10px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#a0787d}.cp-section h2{font-size:42px;line-height:1.27;margin-top:14px}.cp-section-head>p{font-size:13px;color:var(--muted);padding-bottom:5px}.cp-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cp-scenes article{border:1px solid #e5d7d4;border-radius:16px;padding:29px 27px 24px;background:linear-gradient(140deg,#fffdf9,#f7eee8);min-width:0}.cp-num{font-size:10px;color:#a0787d;letter-spacing:.09em}.cp-scenes h3{font-size:26px;line-height:1.45;margin:23px 0 19px;color:#722f37}.cp-scenes article>p{font-size:13px;color:var(--muted)}.cp-tool-list{display:flex;gap:8px;margin-top:22px}.cp-tool-list span{font-size:10px;color:#722f37;background:#ead9d6;border-radius:4px;padding:5px 9px}.cp-roadmap{margin-top:23px;border-top:1px solid #dfccc8;padding-top:17px}.cp-roadmap small{font-size:8px;letter-spacing:.1em;color:#a78286}.cp-roadmap p{font-size:11px;color:#8e7074;margin-top:8px;line-height:2}.cp-scope-note{font-size:10px;color:#a08386;margin-top:23px}.cp-tips{background:#f0e5df;border-block:1px solid #e3d4cf}.cp-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.cp-tip-grid article{border-top:1px solid #cdb6b1;padding-top:23px}.cp-tip-grid article>span{font:9px Arial,sans-serif;letter-spacing:.15em;color:#aa7d83}.cp-tip-grid h3{font-size:24px;color:#722f37;line-height:1.45;margin:22px 0 17px}.cp-tip-grid p{font-size:13px;color:#79686c}.cp-tip-grid small{display:block;font-size:9px;color:#aa8a8e;margin-top:23px;line-height:1.7}.cp-principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.cp-principles-grid>div:last-child{border-top:1px solid #dbcac5}.cp-principles article{border-bottom:1px solid #e1d4cf;padding:23px 0}.cp-principles h3{font-size:18px;color:#722f37;margin-bottom:10px}.cp-principles article p{font-size:12px;color:var(--muted)}.cp-closing{text-align:center;background:#722f37;color:#fff2e7;padding:70px 0 76px}.cp-closing img{margin:0 auto 26px;border-radius:15px}.cp-closing h2{font-size:46px;line-height:1.3;margin:21px 0}.cp-closing .cp-wrap>p:not(.cp-eyebrow){font-size:13px;letter-spacing:.12em;color:#e5bfc4}.cp-button-outline{background:transparent;color:#fff1e7;border-color:#e3bdc380;font-size:12px}.cp-footer{background:#0b1933;color:#fff}.cp-footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff20;padding:29px 0}.cp-footer-top img{width:250px;height:auto}.cp-footer-top>a:last-child{font-size:11px;color:#bcc8da}.cp-footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8d9bb2;padding:22px 0}
@media(max-width:1100px){.cp-wrap{width:calc(100% - 64px)}.cp-hero-grid{gap:40px;padding:48px 0}.cp-hero h1{font-size:51px}.cp-lead{font-size:14px}.cp-nav nav{gap:23px}.cp-video{padding:22px}.cp-video h2{font-size:24px}.cp-pocket-card{margin-left:48px;margin-right:0;padding:18px}.cp-pocket-card>p{font-size:15px}.cp-scenes article{padding:24px 21px}.cp-scenes h3{font-size:23px}.cp-tip-grid{gap:27px}.cp-tip-grid h3{font-size:22px}.cp-principles-grid{gap:65px}}
@media(max-width:760px){.cp-wrap{width:calc(100% - 40px)}.cp-nav{height:82px;gap:14px}.cp-brands{gap:10px}.cp-bm img{width:36px}.cp-product{gap:9px}.cp-product>img{width:33px;height:33px;border-radius:9px}.cp-word{font-size:16px}.cp-word small{font-size:9px;margin-top:5px}.cp-divider{height:28px}.cp-nav nav>a{display:none}.cp-nav nav{gap:0}.cp-status{font-size:9px;padding:8px 11px;white-space:nowrap}.cp-hero-grid{grid-template-columns:1fr;gap:32px;padding:39px 0 25px}.cp-hero h1{font-size:48px;margin:19px 0 22px}.cp-eyebrow{font-size:8px}.cp-lead{font-size:13px}.cp-launch{margin-top:24px;font-size:10px}.cp-launch strong{font-size:12px}.cp-button{padding:14px 22px;font-size:12px;margin-top:23px}.cp-visual{max-width:440px;width:100%;margin:auto;padding:8px 8px 0}.cp-video{padding:21px 23px 18px;transform:rotate(-2deg)}.cp-video h2{font-size:25px;margin-top:18px}.cp-pocket-card{margin:-3px 0 0 50px;padding:17px 19px;transform:rotate(2deg)}.cp-art-note{margin-top:17px}.cp-hero-foot{font-size:8px;padding:20px 0}.cp-hero-foot>span:last-child{max-width:120px;text-align:right}.cp-section{padding:50px 0}.cp-section-head{display:block;margin-bottom:28px}.cp-section h2{font-size:33px}.cp-section-head>p{font-size:12px;margin-top:20px}.cp-kicker{font-size:8px}.cp-scenes{grid-template-columns:1fr;gap:16px}.cp-scenes article{padding:25px}.cp-scenes h3{font-size:26px;margin:17px 0 14px}.cp-scenes article>p{font-size:12px}.cp-roadmap{margin-top:20px}.cp-scope-note{font-size:9px;line-height:1.9}.cp-tip-grid{grid-template-columns:1fr;gap:30px}.cp-tip-grid h3{font-size:25px;margin:17px 0 14px}.cp-tip-grid p{font-size:12px}.cp-tip-grid small{margin-top:17px}.cp-principles-grid{grid-template-columns:1fr;gap:29px}.cp-principles h3{font-size:18px}.cp-closing{padding:48px 0 53px}.cp-closing h2{font-size:35px}.cp-closing img{width:57px;height:57px;margin-bottom:22px}.cp-closing .cp-eyebrow{font-size:7px}.cp-footer-top{align-items:flex-start;flex-direction:column;gap:16px}.cp-footer-top img{width:235px}.cp-footer-top>a:last-child{font-size:10px}.cp-footer-bottom{font-size:8px}}
@media(max-width:370px){.cp-wrap{width:calc(100% - 32px)}.cp-brands{gap:8px}.cp-bm img{width:29px}.cp-product>img{width:29px;height:29px}.cp-product{gap:7px}.cp-word{font-size:14px}.cp-status{font-size:8px;padding:7px 9px}.cp-hero h1{font-size:42px}.cp-video{padding:19px}.cp-video h2{font-size:22px}.cp-pocket-card{margin-left:26px}.cp-video-foot{font-size:8px}.cp-video-foot>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep both preview captions unobstructed while retaining the layered composition. */
.cp-pocket-card{margin-top:13px}
@media(min-width:761px){.cp-hero-grid{padding-block:40px}.cp-video svg{height:260px}.cp-video h2{font-size:25px}.cp-visual{padding-top:8px;padding-bottom:4px}}
.cp-footer-links{display:flex;flex-wrap:wrap;gap:25px;font-size:11px;color:#bcc8da}.cp-support-hero{background:radial-gradient(ellipse at 80% 15%,#a3626a55,transparent 65%),#722f37;color:#fff2e7;padding:65px 0 60px}.cp-support-hero h1{font-size:54px;line-height:1.25;margin:22px 0}.cp-support-hero h1 em{font-style:normal;color:#edc3b2}.cp-support-hero .cp-wrap>p:not(.cp-eyebrow){font-size:15px;color:#e7c6c9}.cp-support-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:90px;padding:60px 0 80px}.cp-support-layout aside nav{position:sticky;top:30px;display:flex;flex-direction:column;gap:17px;font-size:12px;color:#8d666e;border-left:1px solid #dfc7c5;padding-left:20px}.cp-help-content section{padding:0 0 43px;margin-bottom:32px;border-bottom:1px solid #e1d1cd;scroll-margin-top:30px}.cp-help-content h2{font-size:29px;line-height:1.35;margin:12px 0 25px;color:#722f37}.cp-help-content details{border-top:1px solid #e5d7d2;padding:19px 0}.cp-help-content summary{cursor:pointer;font-size:15px;color:#722f37;line-height:1.6}.cp-help-content p{font-size:13px;color:#796c6d;margin-top:15px}.cp-help-content details p{padding-right:18px}.cp-help-link{display:inline-block;font-size:12px;border-bottom:1px solid #b68a8d;margin-top:20px;padding-bottom:6px;color:#722f37}.cp-contact-mail{display:inline-block;font:600 18px Arial,sans-serif;color:#722f37;margin-top:23px;overflow-wrap:anywhere}.cp-help-content .cp-contact-note{font-size:11px}.cp-help-content section:last-child{margin-bottom:0;padding-bottom:0;border:0}
@media(max-width:900px){.cp-support-layout{gap:45px;grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:760px){.cp-support-hero{padding:40px 0}.cp-support-hero h1{font-size:39px}.cp-support-hero .cp-wrap>p:not(.cp-eyebrow){font-size:13px}.cp-support-hero .cp-launch{line-height:1.8}.cp-support-layout{grid-template-columns:1fr;gap:35px;padding:35px 0 50px}.cp-support-layout aside nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 19px;font-size:11px;padding-left:14px}.cp-help-content h2{font-size:27px;margin-bottom:22px}.cp-help-content summary{font-size:14px}.cp-help-content p{font-size:12px}.cp-help-content section{padding-bottom:27px;margin-bottom:27px}.cp-contact-mail{font-size:17px}.cp-footer-links{font-size:10px;gap:19px}}
@media(max-width:370px){.cp-support-hero h1{font-size:34px}}
