/* One light palette across the home page and every video guide. */
:root{color-scheme:light;--page:#fff;--surface:#f6f7fa;--rose:#fff3f6;--ink:#20232b;--muted:#5e626d;--line:#e3e5eb;--accent:#c92359;--bs-body-bg:#fff;--bs-body-color:#20232b;--bs-secondary-color:#5e626d}
html,body,.start-page,.start-page .content{background:var(--page);color:var(--ink)}
body,.content-box,.text-content,.icon-row{color:var(--ink)}
body h1,body h2,body h3,body h4,body h5,body h6{color:var(--ink)}
body p,.feature-body,.activity-description,.font-regular.feature-body{color:var(--muted)!important}
body a{color:inherit}
body .brand-name,.hero-heading .brand-name{color:var(--accent)}
body .eyebrow,.editorial-eyebrow,.item-index,.step-number{color:var(--accent)!important}
.hero-meta,.hero-visual figcaption,.editorial-visual figcaption,.text-color,.email-link{color:var(--muted)}
.hero-visual picture,.editorial-visual picture{background:#eef0f4;box-shadow:0 24px 65px #22283712}
.intent-header{background:linear-gradient(#fffffffa,#fffffff0,#ffffff00)}
.header-icon-overlay{background:linear-gradient(180deg,#ffffffed,#ffffff00)}
.icon-row{background:linear-gradient(180deg,#fffffff2,#ffffff00)}
.second-box,.third-box,.fourth-box{background-color:var(--page)}
.hero-heading{text-shadow:none}
.inShot-introduce{color:#474c58}
.first-box .content-box [style*="color"],.second-box .content-box [style*="color"],.third-box .content-box [style*="color"],.fourth-box .content-box [style*="color"]{color:var(--ink)!important}
body .try-button,body .tag-more-btn,body .activity-box .go{background-image:linear-gradient(105deg,#cf3e4c,#c8165b);color:#fff!important;box-shadow:0 6px 18px #c9235918}
body .try-button:hover,body .tag-more-btn:hover,body .activity-box .go:hover{color:#fff!important;box-shadow:0 12px 30px #c9235929}
.steps-section{background:var(--surface)}
.choice-grid article,.tips-grid article,.story-use-cases article{border-color:var(--line)}
.prompt-example{background:var(--surface);border-color:var(--line);box-shadow:0 8px 25px #20232b04}
.prompt-example blockquote{color:var(--muted)}
.intent-cta{background:radial-gradient(ellipse at center,#ffe1ec80,transparent 72%),#fff7f9;border-color:#f1dce4}
.final-cta{background:linear-gradient(180deg,#fff,#fff5f8 45%,#fff)}
.text-link,.related-links a,.editorial-copy a{color:var(--accent);text-decoration-color:#d58da5}
.text-link:hover,.related-links a:hover,.editorial-copy a:hover{color:#9b1743}
.editorial-copy h2,.editorial-copy h3,.editorial-visual figcaption span{color:var(--ink)}
.editorial-tip{color:var(--muted);border-color:#d43768}
.faq-list,.faq-item{border-color:var(--line)}
.faq-item summary{color:var(--ink)}
.faq-item summary:hover,.faq-item[data-expanded=true] summary{color:var(--accent)}
.faq-item[data-expanded=true]{border-bottom-color:#db8aa6}
.faq-answer,.faq-answer p{color:var(--muted)}
.compact-footer{border-color:var(--line);color:var(--muted);background:var(--page)}
.compact-footer .footer-brand{color:var(--ink)}
.compact-footer nav a{color:var(--muted)}
.compact-footer nav a:hover,.compact-footer nav a[aria-current=page]{color:var(--accent)}
.tag-btn{background:var(--surface);color:#515662;border:1px solid var(--line)}
.tag-btn.active,.tag-btn-hover,.tag-btn:hover{background:#fde8ef;color:var(--accent);border-color:#efbdd0}
.dot{color:#6c717c}
.dot.active{color:var(--accent)}
.pc-icon{background-color:#8a8e98}
.dot.active .pc-icon,.dot.active:after{background-color:var(--accent)}
.music-card,.comments-carousel__card,.activity-box{background-color:var(--surface);border:1px solid var(--line);box-shadow:0 10px 28px #20232b05}
.music-card-hover{background-color:#fcecf2}
.comments-carousel__card .card-desc p{color:#363b46!important}
.comments-carousel__card .card-desc p.text-color,.music-label{color:var(--muted)!important}
.go{background-color:#f5dce6;color:var(--accent)}
.ma-qr-code,.ma-qr-code-inner,.app-download{background:#fff;box-shadow:0 12px 35px #20232b18}
.ma-overlay{background:linear-gradient(to top,#fff 0%,#fff 70%,#ffffff00 100%)}
.ma-overlay.expanded{background-color:#fff}
.ma-overlay .app-name{color:var(--ink)}
.ma-overlay .app-description{color:var(--muted)}
.ma-download-btn{background-color:#f3f4f7;border-color:#e5e7ed}
.ma-download-btn:hover{border-color:#d88ba6}
.overlay1,.overlay2,.overlay3,.overlay4,.overlay5{background:linear-gradient(180deg,#ffffff00 60%,#ffffffb3)}
.overlay-text{color:#262a33;text-shadow:0 1px 10px #fffc}
img[src$="icon_arrow.webp"]{filter:brightness(0);opacity:.7}
.comments-carousel__card img[src$="icon_comment_appstore.webp"],.comments-carousel__card img[src$="icon_comment_tiktok.webp"]{filter:brightness(0);opacity:.8}
#try-dialog{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 25px 100px #20232b24}
#try-dialog::backdrop{background:#30364166}
.dialog-close{color:var(--muted)}
.dialog-close:hover{color:var(--accent)}
.store-options a{background:var(--surface);color:var(--ink);border-color:var(--line)}
.store-options a:hover{background:var(--rose);border-color:#db8aa6}
.store-options small{color:var(--muted)}
::selection{background:#f9c8db;color:#55132b}
@media(hover:hover){.prompt-example:hover{background:#fff4f8;border-color:#e9bed0}.choice-grid article:hover,.tips-grid article:hover{border-color:#d88ba6}}
@media(max-width:768px){.dot,.dot.active{color:transparent}.dot{background-color:#c4c8d1}.dot.active{background-color:var(--accent)}}

/* Give the photo its own space so the light theme never washes out the hero. */
.first-box{height:auto!important;min-height:0!important;background:#fff!important;overflow:hidden}
.first-box .content-box{height:auto;min-height:min(920px,100svh);display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:130px 32px 90px}
.first-box .icon-row{top:0}
.first-box .header-icon-overlay{display:none}
.home-hero-copy{min-width:0}
.first-box .text-content-box,.first-box .bottom-text-box{position:static;width:auto;max-width:none;bottom:auto!important}
.first-box .text-content{text-align:left!important;align-items:flex-start!important}
.first-box .hero-heading{padding:0;font-size:clamp(42px,3.65vw,64px);line-height:1.08;letter-spacing:-2px;color:#171b24}
.first-box .hero-heading .brand-name{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-bottom:28px}
.first-box .hero-try{margin-top:34px;min-width:218px;padding:20px 40px;font-size:19px}
.first-box .inShot-introduce{max-width:490px;padding:0;margin:26px 0 0;font-size:18px!important;line-height:1.7;text-align:left;color:#515865}
.home-hero-visual{margin:0;min-width:0;height:clamp(480px,58vh,680px);overflow:hidden;border-radius:28px;box-shadow:0 22px 65px #44281419}
.home-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:53% center}
@media(prefers-reduced-motion:no-preference){.home-hero-visual{animation:home-hero-in 1s cubic-bezier(.22,1,.36,1) both}.home-hero-visual img{animation:home-photo-drift 14s ease-in-out infinite alternate}@keyframes home-hero-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@keyframes home-photo-drift{from{scale:1}to{scale:1.04}}}
@media(max-width:1000px){.first-box .content-box{gap:32px;padding-left:26px;padding-right:26px}.first-box .hero-heading{font-size:44px;letter-spacing:-1.5px}.home-hero-visual{height:500px}.first-box .hero-heading .brand-name{font-size:28px}}
@media(max-width:768px){.first-box .content-box{grid-template-columns:1fr;gap:34px;min-height:0;padding:112px 22px 46px}.first-box .hero-heading{font-size:clamp(36px,7vw,48px);line-height:1.1;letter-spacing:-1.3px}.first-box .hero-heading .brand-name{font-size:27px;margin-bottom:20px}.first-box .hero-try{font-size:17px;padding:18px 34px;margin-top:28px;min-width:200px}.first-box .inShot-introduce{font-size:16px!important;margin-top:22px;max-width:500px}.home-hero-visual{height:auto;aspect-ratio:4/3;border-radius:22px}.home-hero-visual img{aspect-ratio:4/3;object-position:center}}