/* Simple flow (photo → ideas → pay → video), larger and calmer for every age. */
body{font-size:17px}
.site-header{gap:18px}
.header-actions{gap:10px}
.left-pill{background:#eaf3ec;border:1px solid #c7dbc9;color:#25644c;border-radius:20px;padding:7px 12px;font-size:13px;font-weight:650;white-space:nowrap}
.studio-introduction{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:36px 0 26px}
.studio-purpose p{font-size:18px;color:#4f6357;max-width:620px;line-height:1.55;margin:0}
.how-steps{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.how-steps li{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce4de;border-radius:30px;padding:8px 14px 8px 8px;font-size:14px;white-space:nowrap}
.how-steps span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#25644c;color:#fff;font-size:13px;font-weight:700}
.panel-heading h2{font-size:19px}
.step-number{background:#25644c;color:#fff;border-color:#25644c;width:28px;height:28px;font-size:13px;font-weight:700}
.big-upload{min-height:56px;font-size:17px;background:#25644c;color:#fff;border-color:#25644c}
.big-upload:hover{background:#174935}
.photo-panel .upload-hint{font-size:13px}
.movement-copy strong{font-size:16px}
.movement-copy>span{font-size:14px}
.quality-line{text-align:center;font-size:13px;color:#5d7064;margin:14px 0 4px}
.buy-area{margin-top:18px;padding-top:20px;border-top:1px solid #dce4de}
.buy-area .panel-heading{margin-bottom:14px}
.pack-options{display:grid;gap:8px}
.pack-choice{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:14px 16px;border:1.5px solid #dce4de;border-radius:12px;background:#fff;cursor:pointer}
.pack-choice input{position:absolute;opacity:0;width:1px;height:1px}
.pack-choice.selected{border-color:#25644c;background:#f0f6ef;box-shadow:inset 0 0 0 1px #25644c}
.pack-choice:focus-within{outline:3px solid #b16b25;outline-offset:2px}
.pack-title{font-weight:650;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pack-title em{font-style:normal;font-size:10px;letter-spacing:.06em;background:#ebc993;color:#5a3d10;border-radius:4px;padding:3px 6px}
.pack-price{font-weight:700;font-size:18px;color:#183e35;grid-row:span 2}
.pack-each{font-size:13px;color:#5d7064}
.pack-note{font-size:13px;color:#4f6a57;margin:10px 2px 0}
.consent-line{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.5;color:#3d5246;margin:16px 0 12px;cursor:pointer}
.consent-line input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:#25644c}
.big-btn{min-height:60px;font-size:18px;border-radius:12px}
.secure-note,.closed-note{display:flex;gap:8px;align-items:center;justify-content:center;text-align:center;font-size:13px;color:#5d7064;margin:12px 0 0}
.secure-note .icon{width:16px;height:16px;flex:none}
.closed-note{color:#8a4b1f}
#create-btn:disabled{opacity:.6;cursor:not-allowed}
/* Order page */
.order-card-big{max-width:720px;margin:36px auto 60px;background:#fff;border:1px solid #dce4de;border-radius:22px;padding:32px;box-shadow:0 9px 35px #14372709;text-align:center}
.order-progress{display:flex;justify-content:center;gap:10px;list-style:none;padding:0;margin:4px 0 26px;flex-wrap:wrap}
.order-progress li{display:flex;align-items:center;gap:8px;font-size:14px;color:#8a978c;padding:8px 14px;border-radius:30px;border:1px solid #e3e9e2}
.order-progress i{width:12px;height:12px;border-radius:50%;border:2px solid #b6c8b9}
.order-progress li.done{color:#25644c;border-color:#c7dbc9;background:#f0f6ef}
.order-progress li.done i{background:#25644c;border-color:#25644c}
.order-progress li.active{color:#183e35;font-weight:650;border-color:#25644c}
.order-progress li.active i{border-color:#25644c;animation:idea-pulse 1s infinite}
.order-message{font-size:17px;line-height:1.6;color:#3d5246;margin:10px auto;max-width:520px}
.order-message.strong{font-family:'Lora',Georgia,serif;font-size:26px;color:#183e35}
.order-summary{font-size:14px;color:#5d7064;margin:8px auto 18px;max-width:520px}
.order-wait{display:grid;justify-items:center;gap:6px}
.order-ring{position:relative;width:120px;height:120px}
.order-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.order-ring circle{fill:none;stroke-width:6}.order-ring .track{stroke:#dfe9dc}
.order-ring .arc{stroke:#25644c;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress,0));transition:stroke-dashoffset .9s linear}
.order-ring span{position:absolute;inset:0;display:grid;place-items:center;font:600 28px 'Lora',Georgia,serif;color:#183e35;font-variant-numeric:tabular-nums}
.spinner{width:46px;height:46px;border-radius:50%;border:5px solid #dfe9dc;border-top-color:#25644c;animation:idea-spin .9s linear infinite}
.order-video{width:100%;max-height:520px;background:#183e35;border-radius:14px;margin:8px 0 6px}
.order-actions{display:grid;gap:10px;max-width:420px;margin:0 auto}
.order-left{font-size:14px;color:#25644c;margin-top:14px}
.order-saved{font-size:13px;color:#6d7a70;margin:26px auto 0;max-width:520px}
.order-card-big .text-btn{margin-top:12px}
.video-card .card-actions{display:flex;gap:8px;flex-wrap:wrap}
.video-card .card-actions a{flex:1;min-height:44px;font-size:14px}
.empty-state{font-size:16px;color:#5d7064;text-align:center;padding:40px 0}
.pricing-grid .plan h2{font-size:30px}
@media(max-width:1050px){.studio-introduction{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){
 body{font-size:16px}
 .site-header{flex-wrap:wrap;padding:12px 16px;min-height:auto}
 .site-header nav{order:3;width:100%;justify-content:space-between;gap:10px}
 .site-header nav a{padding:10px 0;font-size:14px}
 .how-steps{flex-wrap:wrap}
 .studio-purpose p{font-size:16px}
 .order-card-big{padding:22px 16px;margin:18px 0 40px;border-radius:16px}
 .order-message.strong{font-size:22px}
 .pack-choice{padding:13px}
}
.how-steps span{font:700 13px/1 'DM Sans',sans-serif;letter-spacing:0}
.how-steps b{font-weight:600}
.studio-faq{margin-top:56px}
.custom-movement .own-title{font-weight:650}
.custom-choice .custom-movement .movement-copy strong{color:#183e35}
.studio-introduction .how-steps li>span{display:grid!important;place-items:center;width:26px!important;height:26px!important;min-width:26px;border-radius:50%;background:#25644c!important;color:#fff!important;font:700 13px/1 'DM Sans',sans-serif!important;padding:0!important;margin:0!important;border:0!important;position:static!important;transform:none!important}