/* Compact reading cards with a pause on each package. */
@media(max-width:900px){
 #packages{overflow:visible}
 .package-scroll-stage{width:100%;position:relative}
 .package-scroll-pin{display:flow-root;width:100%}
 .package-scroll-stage.is-pinned .package-scroll-pin{position:sticky;top:80px}
 #packages .package-controls{margin-top:0;margin-bottom:.5rem}
 #packages .package-grid{padding-top:5px;padding-bottom:12px}
 .package-scroll-stage.is-pinned .package-grid{scroll-snap-type:none!important}
 #packages .package-grid>.package-card{padding:1rem;min-height:0;border-radius:16px}
 #packages .package-visual{height:46px;padding:.35rem .75rem;margin-bottom:.55rem;border-radius:8px}
 #packages .package-visual>span{font-size:2rem}
 #packages .package-bars{height:32px;gap:4px}
 #packages .package-bars i{width:4px}
 #packages .package-card>p{min-height:0;font-size:.7rem;line-height:1.3}
 #packages .package-card>p span{display:inline;float:right}
 #packages .package-card h3{font-size:1.4rem;line-height:1.15;min-height:0;margin:.55rem 0}
 #packages .price{min-height:0;padding:0 0 .5rem;gap:.2rem .4rem;align-items:baseline}
 #packages .price small:first-child{flex-basis:auto}
 #packages .price strong{font-size:1.8rem}
 #packages .package-card ul{margin:.5rem 0 .7rem}
 #packages .package-card li{font-size:.875rem;line-height:1.4;padding:.25rem 0 .25rem .85rem}
 #packages .package-card .choose{font-size:.875rem;min-height:44px;padding:.6rem .75rem;border-radius:9px}
 #packages .package-card.is-reading{background:var(--card-tint);border-color:var(--card-accent);box-shadow:0 5px 15px #09071415}
 #packages .package-card.is-reading .package-visual{background:var(--card-accent);color:#29f2e4}
}
/* Composer now belongs to the contact form; there is no nested form. */
.contact-form #builder{background:#29f2e4;border:1px solid #29f2e4;border-radius:14px;padding:1.2rem;margin:1.3rem 0;scroll-margin-top:95px}
.contact-form #builder .builder-grid{display:block;width:100%;margin:0}
.contact-form #builder .section-index{font-size:.75rem;letter-spacing:.08em;margin:0 0 .6rem;color:#090714}
.contact-form #builder h2{font-size:1.45rem;line-height:1.15;margin:.5rem 0 .75rem;color:#090714;letter-spacing:-.025em}
.contact-form #builder p:not(.section-index){font-size:.875rem;line-height:1.5;color:#ff2e9a;margin:0 0 1rem}
.contact-form #builder .choice-grid{gap:.5rem}
.contact-form #builder .choice-grid label{margin:0;position:relative}
.contact-form #builder .choice-grid input{position:absolute;width:1px;height:1px;opacity:0}
.contact-form #builder .choice-grid span{display:flex;align-items:center;min-height:48px;padding:.65rem;font-size:.875rem;line-height:1.3;border-color:#29f2e4;color:#090714}
.contact-form #builder .choice-grid input:checked+span{background:#090714;border-color:#090714;color:#29f2e4}
.contact-form #builder .button{margin-top:1rem;font-size:.8rem;min-height:44px}
#selectedPackage{scroll-margin-top:110px}
.process.section{background:#090714;color:#29f2e4}
.process.section .section-index,.process.section h2{color:#29f2e4}
.process .timeline{border-color:#29f2e440;gap:12px}
.process .timeline>li{--step-color:#ff2e9a;border:1px solid #29f2e435;border-radius:14px;background:#ff2e9a;transition:background .35s,color .35s}
.process .timeline>li:nth-child(2){--step-color:#090714}
.process .timeline>li:nth-child(3){--step-color:#ff2e9a}
.process .timeline>li:nth-child(4){--step-color:#090714}
.process .timeline>li:nth-child(5){--step-color:#ff2e9a}
.process .timeline>li h3,.process .timeline>li p{color:#29f2e4}
.process .timeline>li b{color:#29f2e4!important}
.process .timeline>li.is-method-active,.process .timeline>li:hover{background:var(--step-color)!important}
.process .timeline.mobile-rail>li{background:#ff2e9a;border-color:#29f2e440!important}
.process .timeline.mobile-rail>li.is-method-active{background:var(--step-color)!important}
footer{background:#090714;color:#29f2e4;border-color:#29f2e430}
footer .footer-grid p,footer .footer-grid a{color:#29f2e4}
footer .footer-grid .brand strong{color:#29f2e4}
footer .footer-grid .footer-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;grid-column:1/-1}
.footer-phones a{display:flex;flex-direction:column;padding:1rem 1.2rem;border:1px solid #29f2e440;border-radius:12px;background:#29f2e408;min-height:80px}
.footer-phones span{font-size:.95rem}
.footer-phones strong{color:#29f2e4;font-size:1.25rem;letter-spacing:.04em}
.footer-phones a:hover{background:#29f2e416}
.footer-phones a:focus-visible{outline:2px solid #29f2e4;outline-offset:4px}
@media(max-width:520px){footer .footer-grid .footer-phones{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.process .timeline>li{transition:none}}