/* Shared accents stay editable while each template keeps its own composition. */
body{background:radial-gradient(ellipse at 20% 8%,#fff 0,transparent 45%),rgba(var(--accent-rgb),.15)}
.download-button,.sticky-download a,.modal-download{background:var(--accent);color:var(--on-accent)}
.download-button small{color:inherit;opacity:.88}.download-button{box-shadow:0 6px 0 rgba(var(--accent-rgb),.13),0 9px 20px rgba(var(--accent-rgb),.17)}
.text-link,.section-label,.feature-icon,.brand-symbol,.modal-instruction,.download-modal h2{color:var(--accent-text,var(--accent))}
.brand-icon{color:var(--accent)}.modal-rules li>span{background:var(--accent);color:var(--on-accent)}.intro .section-label:before{background:var(--accent)}
.hero h1,.hero-copy p,.download-button,.sticky-download strong,.footer-brand{overflow-wrap:anywhere}.hero h1{max-width:100%}
[data-template=classic] .hero-shade{background:linear-gradient(180deg,#26122040 0%,transparent 32%,#38142521 46%,#612037c7 75%,var(--accent) 100%)}
[data-template=night]{background:#171222;color:#f0e9f5}
[data-template=night] .landing{max-width:1080px;background:#21192e;box-shadow:none;display:grid;grid-template-columns:47% 53%;overflow:visible;margin:35px auto;border:1px solid #3d2b50;border-radius:25px}
[data-template=night] .hero{position:sticky;top:24px;height:calc(100vh - 70px);min-height:590px;max-height:850px;border-radius:24px;overflow:hidden;background:#21192e}
[data-template=night] .hero-shade{background:linear-gradient(180deg,#1b11263b 0%,#160c251c 40%,#241630ed 100%)}
[data-template=night] .hero h1{font-size:49px;font-weight:400;letter-spacing:.08em}
[data-template=night] .hero-copy{bottom:65px}
[data-template=night] .page-content{padding:0 25px}
[data-template=night] .desktop-note{display:none}
[data-template=night] .card,[data-template=night] .feature-grid article{background:#2b223a;border-color:#42304f;box-shadow:none}
[data-template=night] .intro p,[data-template=night] .feature-grid p,[data-template=night] .rules p,[data-template=night] .closing p{color:#baabc7}
[data-template=night] .landing h2,[data-template=night] .landing h3{color:#f4ecfa}
[data-template=night] .text-link,[data-template=night] .rules li,[data-template=night] .footer{border-color:#42324f}
[data-template=night] .benefits span,[data-template=night] .feature-icon{background:#352342;border-color:#533461;color:#d9afe6}
[data-template=night] .download-status,[data-template=night] .footer,[data-template=night] .footer-brand{color:#c0aeca}
[data-template=night] .download-button{border-color:#5a366e;border-radius:11px}
[data-template=night] .card{border-radius:13px}
[data-template=night] .sticky-download{background:#2d223aee;border-color:#644371;color:#f5eafb}
[data-template=night] .sticky-download small{color:#cab8d4}
[data-template=sky]{background:#edf6ff;color:#263d54}
[data-template=sky] .desktop-note{display:none}
[data-template=sky] .landing{max-width:1040px;margin:26px auto;background:#f5faff;border-radius:28px;box-shadow:0 15px 60px #26528f12}
[data-template=sky] .hero{height:430px;background:#244568}
[data-template=sky] .hero-video{left:auto;width:56%;object-position:center 30%}
[data-template=sky] .hero-shade{background:linear-gradient(90deg,#133c62 7%,#205889f2 35%,#275c9a6b 68%,#2251741a 100%)}
[data-template=sky] .hero-copy{left:48px;bottom:53px;right:45%}
[data-template=sky] .hero h1{font-family:inherit;font-size:45px;letter-spacing:.035em;line-height:1.5}
[data-template=sky] .hero-header{left:35px;right:35px}
[data-template=sky] .page-content{padding:0 36px}
[data-template=sky] .first-download{max-width:620px;margin:0 auto}
[data-template=sky] .download-button{border-radius:12px;border:0;box-shadow:0 7px 20px #2860a729}
[data-template=sky] .benefits span{color:#47718f;border-color:#cce0ef}
[data-template=sky] .intro{display:grid;grid-template-columns:1fr 1fr;gap:6px 40px;padding:30px}
[data-template=sky] .intro .section-label{grid-column:1/-1}
[data-template=sky] .intro h2{grid-row:2/4;margin:8px 0}
[data-template=sky] .intro p{margin:8px 0}
[data-template=sky] .intro .text-link{grid-column:1/-1}
[data-template=sky] .card,[data-template=sky] .feature-grid article{border-color:#dceaf3}
[data-template=sky] .feature-grid{grid-template-columns:repeat(4,1fr)}
[data-template=sky] .feature-icon{background:#edf6ff}
[data-template=sky] .rules ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
[data-template=sky] .rules li{border:0}
[data-template=sky] .closing{max-width:570px;margin:0 auto}
[data-template=sky] .footer,[data-template=sky] .rules li,[data-template=sky] .text-link{border-color:#d6e8f4}
[data-template=minimal]{background:#f1f1f3;color:#25262a}
[data-template=minimal] .desktop-note{display:none}
[data-template=minimal] .landing{max-width:740px;margin:30px auto;background:#fff;border-radius:0;box-shadow:none;border:1px solid #e1e2e7}
[data-template=minimal] .hero{height:510px;margin:20px;background:#25262a}
[data-template=minimal] .hero-shade{background:linear-gradient(180deg,#18172044,transparent 35%,#101018e6)}
[data-template=minimal] .hero h1{font-family:inherit;font-size:46px;line-height:1.45;letter-spacing:-.035em;font-weight:600}
[data-template=minimal] .hero-copy{bottom:42px}
[data-template=minimal] .page-content{padding:0 30px}
[data-template=minimal] .first-download{padding-top:0}
[data-template=minimal] .download-button{border:0;border-radius:3px;box-shadow:none}
[data-template=minimal] .benefits span{background:white;color:#727279;border-color:#dedee3;border-radius:0}
[data-template=minimal] .card{border:0;border-top:1px solid #dedee3;border-radius:0;box-shadow:none;padding:30px 4px}
[data-template=minimal] .feature-grid{gap:0;border:1px solid #e4e4e8}
[data-template=minimal] .feature-grid article{border:0;border-radius:0;border-bottom:1px solid #e4e4e8;padding:23px}
[data-template=minimal] .feature-grid article:nth-child(odd){border-right:1px solid #e4e4e8}
[data-template=minimal] .feature-grid article:nth-child(n+3){border-bottom:0}
[data-template=minimal] .feature-icon{background:#f3f3f6;border-radius:3px}
[data-template=minimal] .section-heading{text-align:left}
[data-template=minimal] .section-label{letter-spacing:.15em}
[data-template=minimal] .intro p,[data-template=minimal] .feature-grid p,[data-template=minimal] .rules p{color:#737078}
[data-template=minimal] .sticky-download{border-radius:4px}
[data-template=minimal] .sticky-download a{border-radius:2px}
@media(max-width:760px){[data-template=night] .landing{display:block;width:100%;max-width:520px;margin:0 auto;border:0;border-radius:0;overflow:hidden}[data-template=night] .hero{position:relative;top:0;height:560px;min-height:0;border-radius:0}[data-template=night] .hero h1{font-size:46px}[data-template=night] .page-content{padding:0 20px}[data-template=sky] .landing{margin:0;border-radius:0}[data-template=sky] .hero{height:510px}[data-template=sky] .hero-video{width:100%;left:0}[data-template=sky] .hero-shade{background:linear-gradient(180deg,#15395266,transparent 25%,#154d70ee 100%)}[data-template=sky] .hero-copy{left:28px;right:25px;bottom:44px}[data-template=sky] .hero h1{font-size:44px}[data-template=sky] .hero-header{left:23px;right:23px}[data-template=sky] .page-content{padding:0 21px}[data-template=sky] .feature-grid{grid-template-columns:1fr 1fr}[data-template=sky] .intro{display:block;padding:25px}[data-template=sky] .intro p{margin:16px 0}[data-template=sky] .rules ol{display:block}[data-template=sky] .rules li{border-bottom:1px solid #d6e8f4}[data-template=sky] .rules li:last-child{border-bottom:0}[data-template=minimal] .landing{margin:0 auto;border:0}[data-template=minimal] .hero{margin:12px;height:490px}[data-template=minimal] .hero-header{left:17px;right:17px}[data-template=minimal] .brand{font-size:14px}[data-template=minimal] .age-badge{font-size:12px;padding:5px 7px}[data-template=minimal] .hero-copy{left:22px;right:20px}[data-template=minimal] .hero h1{font-size:42px}[data-template=minimal] .page-content{padding:0 22px}[data-template=minimal] .feature-grid article{padding:20px 8px}}
@media(max-width:370px){[data-template=night] .hero h1,[data-template=sky] .hero h1,[data-template=minimal] .hero h1{font-size:37px}[data-template=minimal] .hero-header{left:12px;right:12px}[data-template=minimal] .brand{font-size:12px}[data-template=minimal] .age-badge{font-size:12px;padding:4px}[data-template=sky] .page-content{padding:0 16px}}