/* Registration 03: the approved frame around the real onboarding forms. */
body.journey.wizard-photo{--wizard-accent:#2b4b59;background:#f0f3f4;color:#202a30;font:400 13px/1.6 system-ui,sans-serif}
.wizard-photo .journey-header{max-width:none;padding:25px 48px;border:0;min-height:90px}
.wizard-photo .journey-brand>span{background:transparent;width:auto;height:auto;display:inline-flex}
.wizard-photo .journey-header nav{gap:18px;font-size:13px}
.wizard-photo .journey-header nav a{font-weight:500}
.wizard-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);width:min(1240px,calc(100% - 70px));margin:18px auto 0;background:linear-gradient(to right,#19333f 43.478%,#fff 43.478%);border-radius:24px;overflow:clip;align-items:stretch}
.wizard-context{padding:36px;background:#19333f;color:#fff;display:flex;flex-direction:column;gap:26px;min-width:0}
.wizard-context h2{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-1.2px;margin:0 0 16px}
.wizard-context p{font-size:13px;color:#c2d0d6;max-width:320px;margin:0;line-height:1.7}
.wizard-steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.wizard-steps li{display:flex;align-items:center;gap:14px;color:#c2d0d6;font-size:14px;position:relative;min-height:40px}
.wizard-steps li:not(:last-child):after{content:"";position:absolute;left:15.5px;top:38px;width:1px;height:24px;background:#50707d}
.wizard-step-index{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #50707d;background:#25424f;color:#e4eef0;border-radius:50%;font-size:12px}
.wizard-steps small{font-size:11px;color:#a7bec8;line-height:1.6;margin-top:1px}
.wizard-steps [aria-current]{color:#fff}
.wizard-steps [aria-current] .wizard-step-index{background:#fff;color:#19333f;border-color:#fff}
.wizard-context-photo{width:100%;height:auto;max-height:250px;aspect-ratio:1.3;object-fit:cover;border-radius:10px;display:block;margin-top:8px}
.wizard-context .wizard-context-foot{font-size:11px;margin-top:auto}
.wizard-photo .journey-main{max-width:none;min-width:0;width:100%;min-height:0;padding:46px 48px 40px;margin:0}
.wizard-stage-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#79868b;margin-bottom:30px}
.wizard-stage-dots{display:flex;gap:5px}.wizard-stage-dots i{height:4px;width:22px;background:#e6ebed;border-radius:4px}.wizard-stage-dots i.current{background:var(--wizard-accent)}
.wizard-photo h1{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px}
.wizard-photo h2{font-size:19px;font-weight:500}.wizard-photo .wizard-context h2{font-size:36px}
.wizard-photo .page-intro,.wizard-photo .subscription-intro{margin:0 0 24px;text-align:left;display:block;max-width:none}
.wizard-photo .page-intro p,.wizard-photo .subscription-intro p{font-size:13px;line-height:1.7;color:#758086;margin-bottom:0}
.wizard-photo .surface{border:0;border-radius:0;padding:0;background:none;max-width:none;margin:0}
.wizard-photo .field{margin:0 0 18px}
.wizard-photo .field>label{font-size:12px;color:#4e5c64;margin-bottom:6px}
.wizard-photo .field input:not([type=checkbox]):not([type=radio]),.wizard-photo .field select,.wizard-photo .field textarea{border:1px solid #dce2e5;border-radius:8px;background:#fff;min-height:44px;padding:10px 12px;color:#202a30;font-size:13px;line-height:22px;max-width:100%}
.wizard-photo .field small{font-size:11px;color:#7b878d;margin-top:6px}
.wizard-photo input[type=radio],.wizard-photo input[type=checkbox]{accent-color:var(--wizard-accent)}
.wizard-photo .button{font-size:13px;border-radius:8px;border-color:#dce2e5;padding:10px 16px;min-height:44px}
.wizard-photo .button.primary{background:var(--wizard-accent);border-color:var(--wizard-accent);color:#fff}
.wizard-photo .button.primary:hover{background:#1b3744;border-color:#1b3744}
.wizard-photo .button:not(.primary):hover{background:#f3f6f7}
.wizard-photo :is(button,a,input,select,textarea):focus-visible{outline:2px solid #527f94;outline-offset:3px}
.wizard-photo .notice{font-size:12px;background:#f1f6f7;color:#335260;border-color:#dce7eb;padding:12px 14px;margin:16px 0}
.wizard-photo .notice.error{background:#fff2f2;color:#973f3f;border-color:#eed3d3}
.wizard-register-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.wizard-register-fields .field-name{order:0}.wizard-register-fields .field-company{order:1}
.wizard-register-fields .field-email{order:2;grid-column:1/-1}.wizard-register-fields .field-password{order:3;grid-column:1/-1}
.wizard-register-fields .field-city{order:4}.wizard-register-fields .field-phone{order:5}
.wizard-register .password-field{position:relative}.wizard-register .password-field input{padding-right:80px!important}
.wizard-register .password-toggle{position:absolute;right:5px;top:4px;height:36px;display:grid;place-items:center;background:none;border:0;border-radius:6px;color:#586f7a;padding:0 8px;font-size:11px}
.wizard-register .password-toggle[hidden]{display:none}
.wizard-register-actions{border-top:1px solid #e9edef;padding-top:22px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.wizard-register-actions p{font-size:11px;color:#79868b;margin:0}.wizard-register-actions .button{gap:20px}
.wizard-photo .subscription-period{margin:0 0 20px;background:#f0f3f4;border-color:#e7ecee}
.wizard-photo .subscription-trial{display:block;padding:18px;background:#f0f5f7;border-color:#dce7eb;border-radius:12px;margin-bottom:20px}
.wizard-photo .subscription-trial h2{font-size:18px}.wizard-photo .subscription-trial p{font-size:12px}.wizard-photo .subscription-trial small{font-size:11px}
.wizard-photo .subscription-trial form{margin-top:14px}
.wizard-photo .subscription-plans{grid-template-columns:1fr;gap:12px}
.wizard-photo .subscription-plan{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px 16px;padding:18px;border-radius:12px}
.wizard-photo .subscription-plan:has(>input:checked){border-color:var(--wizard-accent);box-shadow:inset 0 0 0 1px var(--wizard-accent);background:#f9fbfc}
.wizard-photo .subscription-plan-head{grid-column:1;padding-right:8px}.wizard-photo .subscription-plan-head strong{font-size:18px}
.wizard-photo .subscription-plan-head .plan-selection{position:absolute;right:16px;top:18px}
.wizard-photo .subscription-plan:has(>input:checked) .plan-selection{border-color:var(--wizard-accent)}
.wizard-photo .subscription-audience{font-size:12px;line-height:1.5}
.wizard-photo .subscription-price{grid-column:2;grid-row:1 / span 2;min-height:0;align-items:center;text-align:right;justify-content:end;padding-right:22px}
.wizard-photo .subscription-price .price{font-size:23px;margin:0;line-height:1.35;color:#243e4b}
.wizard-photo .subscription-price .saving-badge{background:#e5f0e9;color:#3a6550;margin:4px 0}
.wizard-photo .subscription-select{display:none}
.wizard-photo .subscription-plan:has(>input:checked) .subscription-select{background:var(--wizard-accent);border-color:var(--wizard-accent)}
.wizard-photo .subscription-includes{display:none}
.wizard-photo .subscription-features{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px 12px;font-size:11px;border-top:1px solid #e9edef;padding-top:10px}
.wizard-photo .subscription-brief{margin:18px 0;padding:0;background:none;border:0}
.wizard-photo .subscription-next{gap:14px;align-items:stretch;flex-direction:column;margin-top:20px;padding-top:18px}
.wizard-photo .subscription-next p{font-size:12px}.wizard-photo .subscription-next .button{min-width:0}
.wizard-photo .account-email-note{overflow-wrap:anywhere}
.wizard-photo .site-steps{font-size:11px;gap:14px;margin:20px 0}.wizard-photo .site-steps [aria-current]{border-color:var(--wizard-accent)}
.wizard-photo .site-editor{grid-template-columns:minmax(0,1fr);gap:30px}
.wizard-photo .site-editor .actions{margin:20px 0 12px}
.wizard-photo .preview-panel{position:static}.wizard-photo .preview-toolbar{font-size:12px}
.wizard-photo .preview-toolbar [aria-pressed=true]{background:#eaf0f3}.wizard-photo .preview-stage{height:480px}
.wizard-photo .theme-option[aria-pressed=true]{border-color:var(--wizard-accent);box-shadow:inset 0 0 0 1px var(--wizard-accent)}
.wizard-photo .theme-mini{grid-template-columns:repeat(4,1fr);height:88px;--theme:#275c69}
.wizard-photo .theme-mini i:first-child{grid-column:1/-1;height:7px;grid-row:auto}
.wizard-photo .theme-mini i:not(:first-child){height:38px}
.wizard-photo .theme-mini.layout-showcase{grid-template-columns:repeat(2,1fr)}
.wizard-photo .theme-mini.layout-catalog{grid-template-columns:repeat(3,1fr)}
.wizard-photo .theme-mini.layout-showcase i:nth-child(n+4),.wizard-photo .theme-mini.layout-catalog i:nth-child(n+5){display:none}
.wizard-photo .theme-mini.palette-ocean{--theme:#244d78}.wizard-photo .theme-mini.palette-sand{--theme:#785637}.wizard-photo .theme-mini.palette-graphite{--theme:#343841}
.wizard-photo .summary{font-size:12px}.wizard-photo .summary>div{gap:16px}
.wizard-photo .journey-footer{font-size:11px;padding:24px}
.wizard-photo .page-intro>form,.wizard-photo .page-intro>a{margin-top:16px}
@media(min-width:1100px){.wizard-context{position:sticky;top:0;align-self:start;min-height:810px}.wizard-photo .journey-main{min-height:810px}}
@media(max-width:1050px){.wizard-shell{width:calc(100% - 40px);grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr)}.wizard-photo .journey-main{padding:30px}.wizard-context{padding:28px}.wizard-photo .wizard-context h2{font-size:29px}.wizard-photo .journey-header{padding:22px 26px}}
@media(max-width:760px){.wizard-photo .journey-header{padding:18px 20px;min-height:70px}.wizard-photo .journey-header nav>span{display:none}.wizard-shell{grid-template-columns:minmax(0,1fr);width:calc(100% - 24px);margin-top:4px;border-radius:18px}.wizard-context{padding:22px 24px;gap:22px}.wizard-context>div p,.wizard-context-photo,.wizard-context .wizard-context-foot{display:none}.wizard-photo .wizard-context h2{font-size:24px;line-height:1.25;margin:0}.wizard-context h2 br{display:none}.wizard-steps{display:flex;justify-content:space-between;gap:8px}.wizard-steps li{min-height:32px}.wizard-steps li>span:last-child{display:none}.wizard-steps li:not(:last-child):after{display:none}.wizard-photo .journey-main{padding:26px 24px 30px}.wizard-stage-meta{margin-bottom:24px}.wizard-photo h1{font-size:26px}.wizard-photo .subscription-features{grid-template-columns:1fr}.wizard-photo .journey-footer{padding:20px}.wizard-photo .summary>div{display:flex}.wizard-photo .summary dd{max-width:60%;text-align:right;margin:0;overflow-wrap:anywhere}}
@media(max-width:420px){.wizard-register-fields{grid-template-columns:minmax(0,1fr)}.wizard-register-actions{flex-direction:column;align-items:stretch}.wizard-photo .journey-main{padding:24px 20px}.wizard-photo .subscription-plan{grid-template-columns:minmax(0,1fr)}.wizard-photo .subscription-price{grid-column:1;grid-row:auto;text-align:left;justify-content:start}.wizard-stage-dots i{width:16px}}
@media(min-width:761px) and (max-width:1050px){.wizard-shell{background:linear-gradient(to right,#19333f 40%,#fff 40%)}}
@media(max-width:760px){.wizard-shell{background:#fff}}
