:root{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#22304a;background:#f6f8fc;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:#235bb5;text-decoration:none}a:hover{text-decoration:underline}header{background:white;border-bottom:1px solid #e4eaf1}header .header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 0}nav{display:flex;gap:15px;flex-wrap:wrap;font-size:14px}nav a{color:#3e5068}.brand{font-size:19px;font-weight:800;letter-spacing:-.5px;color:#182c4b;white-space:nowrap}.brandicon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#2258ba;color:white}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}main{min-height:75vh;padding-top:28px;padding-bottom:38px}.hero{padding:40px 0;max-width:760px}.eyebrow{color:#3867ae;text-transform:uppercase;letter-spacing:1.1px;font-size:12px;font-weight:700}.hero h1,h1{font-size:clamp(30px,4vw,46px);letter-spacing:-1.3px;line-height:1.14;margin:12px 0 18px;color:#182c4b}.lead{font-size:18px;line-height:1.65;color:#5d6e85}.muted{color:#617187}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:10px;border:1px solid #2258ba;background:#2258ba;color:#fff;font-weight:650;cursor:pointer;font:inherit}.btn:hover,button:hover{background:#1a4794;color:#fff;text-decoration:none}.ghost{background:white;color:#2258ba;border-color:#cfdbed}.ghost:hover{background:#eaf0fb;color:#1c4b9d}.small{padding:7px 12px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px}.card,.panel{border:1px solid #e2e8f1;background:#fff;border-radius:16px;padding:21px;box-shadow:0 1px 2px #182c4b07;margin:0 0 16px}.card h2,.panel h2{margin:0 0 10px;font-size:20px}.card p{line-height:1.6}.price{font-size:25px;font-weight:800;color:#183b79}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.stack{display:grid;gap:12px}.field, label.formlabel{display:grid;gap:5px;font-size:14px;font-weight:630;color:#41526c}input,select,textarea{width:100%;max-width:100%;background:white;border:1px solid #cdd8e8;border-radius:9px;padding:11px 12px;color:#22304a;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #8db5ec;outline-offset:1px}input[type=checkbox]{width:18px;height:18px;accent-color:#275ec2;margin:0;flex-shrink:0}.pick{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #dbe4ee;border-radius:10px;margin:6px 0;background:#fbfcff;cursor:pointer;font-size:14px}.pick span{flex:1}.pick b{font-size:15px}.hint{font-size:13px;color:#5c6a7e;line-height:1.5}.alert{padding:13px 16px;border-radius:10px;margin:0 0 18px;background:#eaf2fe;color:#1d477b}.alert.danger{background:#ffebeb;color:#9e2a30}.alert.good{background:#e8f8ed;color:#216139}.foot{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 0 28px;border-top:1px solid #e3e9f0;color:#66768e;font-size:12px;flex-wrap:wrap}.foot form{display:flex;gap:7px}.foot select{max-width:185px;padding:7px}.tablewrap{overflow:auto;background:white;border:1px solid #e1e8ef;border-radius:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 12px;text-align:start;border-bottom:1px solid #edf1f7;vertical-align:top}th{color:#617087;background:#f7f9fc}.badge{display:inline-block;border-radius:99px;background:#edf3ff;padding:5px 10px;font-size:12px;color:#295cad}.note{font-size:13px;background:#f5f8ff;border-radius:10px;padding:13px;margin-top:10px;border:1px solid #e6edf9}.sep{margin:22px 0;border:0;border-top:1px solid #e8edf4}.actions{display:flex;gap:9px;flex-wrap:wrap}.content{max-width:760px}summary{cursor:pointer;font-weight:650}.warning{background:#fff8dc;border:1px solid #fae1a1;color:#745c1b;border-radius:10px;padding:13px 15px;font-size:14px;margin:10px 0 20px}.stat{font-size:25px;font-weight:780}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}header .header{align-items:flex-start;flex-direction:column;padding:12px 0}nav{gap:12px}.hero{padding:20px 0}.card,.panel{padding:15px}.grid2{grid-template-columns:1fr}h1{font-size:29px}main{padding-top:18px}button,.btn{max-width:100%}}

/* v0.19: always-visible, optional business fields */
.optional-fields{border-top:1px solid #e7edf5;margin-top:10px;padding-top:14px;min-width:0}
.optional-fields h3{margin:0;font-size:16px;color:#203554}
.optional-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:11px;min-width:0}
.optional-inputs .field,.optional-fields .field{min-width:0;overflow-wrap:anywhere}
.detail-row{overflow-wrap:anywhere}

/* v0.20 private order media */
.media-upload-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 18px}.media-upload-form .field{flex:1 1 260px}.media-item{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #e9edf5;padding:12px 0;overflow-wrap:anywhere}.media-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.media-actions form{margin:0}.media-actions a,.media-actions button{white-space:nowrap}

/* v0.21 - operator inbox, concept choices and checklists */
.conversation-item{border:1px solid #e4eaf3;border-radius:12px;padding:12px 14px;margin-bottom:9px;max-width:min(100%,760px);overflow-wrap:anywhere;background:#f9fbff;line-height:1.55}
.conversation-item.mine{background:#edf5ff;border-color:#cddff8;margin-inline-start:auto}
.conversation-meta{font-weight:700;font-size:12px;color:#61728c;margin-bottom:4px}
.unread-tag{background:#2258ba;color:#fff;margin-inline-start:7px}
.design-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr));gap:12px}
.design-option{border:1px solid #dce5f2;border-radius:12px;padding:12px;min-width:0;overflow-wrap:anywhere;background:#fbfcff}
.design-option h3{margin:0 0 10px}.design-option form{margin-top:10px}
.design-thumb{display:block;max-width:100%;width:100%;height:160px;object-fit:contain;border-radius:8px;background:#eaf0f8;border:1px solid #e5ebf4}
.concept-field{border:1px solid #e5ebf4;border-radius:10px;padding:12px;min-width:0}.concept-field h3{margin:0 0 8px}
.task-group{border-top:1px solid #e5eaf2;padding:11px 0}.task-group h3{margin:0 0 8px}
.task-form{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0;padding:6px 0;font-size:13px}
.task-form span{overflow-wrap:anywhere;flex:1}.task-form button{flex-shrink:0}
@media(max-width:500px){.task-form{align-items:flex-start;flex-direction:column}.design-thumb{height:140px}}

/* v0.22 compact, progressive multi-step order form */
.wizard-step .step-title h2[tabindex="-1"]:focus{outline:none}
.order-heading{max-width:760px;margin:0 0 20px}.order-heading h1{font-size:clamp(28px,3.3vw,40px);margin:8px 0 8px}.order-heading p{margin:0;line-height:1.55}
.order-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.08em;color:#3565a2;font-weight:800}
.ssn-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.wizard-form{min-width:0}.wizard-form .panel{margin:0 0 12px;padding:24px;border-radius:18px}
.wizard-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 16px;padding:0;list-style:none;min-width:0}
.wizard-progress li{display:flex;gap:7px;align-items:center;justify-content:center;color:#7a879c;font-size:12px;min-width:0;padding:9px 3px;border-bottom:3px solid #dce4ef}
.wizard-progress li span{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#e7ecf5;color:#64748b;font-weight:800;font-size:11px}
.wizard-progress li small{font-size:11px;line-height:1.2;overflow-wrap:anywhere}.wizard-progress li.is-active{color:#1d4f9e;border-color:#2258ba;font-weight:800}.wizard-progress li.is-active span{background:#2258ba;color:#fff}.wizard-progress li.is-done{border-color:#85addf;color:#23549c}.wizard-progress li.is-done span{background:#d6e7ff;color:#23549c}
.wizard-enabled .wizard-step[hidden]{display:none !important}.wizard-step .step-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.wizard-step .step-title h2{font-size:23px;margin:0 0 5px}.wizard-step .step-title p{font-size:13px;color:#687a90;margin:0;line-height:1.5}.step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;flex-shrink:0;background:#e7f0ff;color:#2159aa;font-weight:800;font-size:13px}
.two-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.two-inputs .field{min-width:0}.two-inputs .field-wide{grid-column:1/-1}.wizard-step .optional-fields h3{font-size:15px;margin:0 0 6px}.wizard-step .optional-fields .hint{margin:0 0 12px}
.network-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.network-choice{border:1px solid #d9e2ef;border-radius:12px;padding:13px 14px;cursor:pointer;background:#fff;display:grid;gap:7px;position:relative;min-width:0}.network-choice input{position:absolute;top:14px;left:13px;width:17px;height:17px}.network-choice-main{padding-left:26px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start;line-height:1.3}.network-name{font-weight:750;font-size:13px;min-width:0;overflow-wrap:anywhere}.network-price{font-weight:850;color:#204e9e;white-space:nowrap;font-size:14px}.network-description{font-size:12px;color:#66798e;line-height:1.45;overflow-wrap:anywhere}.network-choice.is-selected{border-color:#3575d0;background:#f0f6ff;box-shadow:0 0 0 1px #3575d0}
.post-packages{display:grid;gap:10px}.package-choice{display:flex;align-items:center;gap:12px;border:1px solid #dce5ef;padding:15px;border-radius:12px;cursor:pointer;min-width:0}.package-choice input{width:19px;height:19px;flex:0 0 auto;accent-color:#205bbc}.package-text{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}.package-text strong{font-size:14px}.package-text small{font-size:12px;line-height:1.45;color:#62768e}.package-choice>b{font-size:17px;white-space:nowrap;color:#19488e}.package-choice.is-selected{border-color:#3575d0;background:#f1f6ff}.design-included-note{background:#edf7f4;color:#24574d;padding:13px;border-radius:11px;font-size:13px;margin-top:18px}
.upload-drop{display:flex;gap:8px;align-items:center;flex-direction:column;justify-content:center;min-height:168px;border:2px dashed #b8cce5;background:#f7faff;border-radius:15px;text-align:center;padding:20px;cursor:pointer}.upload-drop span{font-size:12px;color:#62768e}.upload-drop strong{font-size:15px;color:#224f9a}.upload-drop .upload-icon{font-size:29px;font-weight:500;color:#2055ac}.upload-drop input{width:min(100%,340px);font-size:12px;border:0;background:transparent;padding:6px}.file-selection{font-size:13px;font-weight:700;color:#275c9f;margin-top:8px}
.review-business,.review-selected,.review-total{padding:13px 0;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.review-selected{display:block}.review-selected ul{margin:8px 0 0;padding-left:22px;color:#405572}.review-total{align-items:center}.review-total strong{font-size:27px;color:#1c4e9f}.submit-final{width:100%;margin-top:18px}
.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.wizard-actions button{min-width:128px}.js-only{display:none}.wizard-enabled .wizard-actions{display:flex}.wizard-actions [hidden]{display:none !important}
.order-summary{position:sticky;top:20px;min-width:0}.order-summary-inner{background:#fff;border:1px solid #dce5ef;border-radius:17px;padding:21px;box-shadow:0 6px 24px #1834530a}.summary-top{font-weight:800;font-size:17px;display:flex;justify-content:space-between;margin-bottom:18px}.summary-count{border-radius:50px;background:#eaf2ff;color:#2258b2;font-size:12px;min-width:25px;height:25px;display:grid;place-items:center}.summary-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#66748a;margin:11px 0}.summary-line b{font-weight:700;color:#1c385c}.summary-line.total-line{border-top:1px solid #e1e7ef;padding-top:17px;color:#233a57;font-weight:800;font-size:16px}.total-line strong{font-size:24px;color:#1d52a4}.summary-caption{margin-bottom:0;font-size:11px;color:#718098;line-height:1.55}.mobile-order-total{display:none}.form-error{font-size:13px;color:#a11b2b;background:#fff0f1;padding:10px 12px;border-radius:8px}
@media(max-width:900px){.ssn-order-layout{grid-template-columns:minmax(0,1fr) 260px;gap:12px}.network-picker{grid-template-columns:1fr}}
@media(max-width:700px){.ssn-order-layout{display:block}.order-summary{display:none}.mobile-order-total{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-top:1px solid #cfd9e8;box-shadow:0 -4px 15px #102f5417;padding:12px max(16px,env(safe-area-inset-left));font-size:15px}.mobile-order-total b{font-size:20px;color:#2258ba}.foot{padding-bottom:90px}body{padding-bottom:60px}.network-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.wizard-form .panel{padding:17px}.wizard-progress{gap:3px}.wizard-progress li small{display:none}.wizard-progress li{padding:8px 0}.two-inputs,.network-picker{grid-template-columns:1fr}.wizard-step .step-title h2{font-size:21px}.network-choice-main{padding-left:24px}.wizard-actions button{min-width:110px}.order-heading h1{font-size:29px}}
[dir=rtl] .network-choice input{left:auto;right:13px}[dir=rtl] .network-choice-main{padding-left:0;padding-right:26px}[dir=rtl] .review-selected ul{padding-left:0;padding-right:22px}

/* v0.23 open public beta */
.beta-tag{font:700 11px/1.1 system-ui,sans-serif;background:#e9eff8;color:#235084;border:1px solid #c8d5e9;border-radius:999px;padding:6px 9px;white-space:nowrap}
.public-beta-banner{display:flex;align-items:flex-start;gap:12px;background:#f2f6fc;border:1px solid #d6e2f1;border-radius:12px;padding:12px 16px;margin-bottom:20px;font-size:13px;line-height:1.55;color:#36516f}
.public-beta-banner b{white-space:nowrap;color:#224e86}
.beta-home-note{font-size:13px;color:#556d86;background:#f6f9fd;border-left:3px solid #7ea8da;padding:12px 14px;margin:12px 0 24px}
.beta-admin-panel{background:#f7faff}.beta-admin-stats{display:flex;flex-wrap:wrap;gap:11px 20px;font-size:14px}.beta-admin-stats span{background:#fff;border:1px solid #dee7f2;padding:10px 12px;border-radius:9px}
.bot-trap{position:absolute !important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}
.beta-register-note{font-size:12px;line-height:1.55}
@media(max-width:600px){.public-beta-banner{flex-direction:column;gap:3px;padding:11px 13px}header .header{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.beta-tag{margin-inline-start:auto}header .header nav{width:100%;justify-content:flex-start;flex-wrap:wrap}}
[dir=rtl] .beta-home-note{border-left:0;border-right:3px solid #7ea8da}

/* v0.24: operator attention and beta information */
.beta-info{max-width:800px;margin-inline:auto}.beta-info ul{line-height:1.8;padding-inline-start:1.4rem}.beta-info p{line-height:1.65}.beta-admin-stats{display:flex;flex-wrap:wrap;gap:12px;margin-block:14px}.beta-admin-stats span{border:1px solid #dae4f2;border-radius:10px;padding:10px 12px;background:#f8faff}.foot{flex-wrap:wrap;gap:14px}.foot a{color:inherit;font-size:13px;text-decoration:underline}.panel .row{align-items:center;gap:15px}

/* v0.25: compact, accessible beta feedback and operator readiness */
.feedback-wrap{max-width:670px;margin:12px auto 35px}
.feedback-wrap h1{margin:10px 0}
.feedback-wrap p{line-height:1.6}
.feedback-form{margin-top:22px}
.feedback-form textarea{min-height:140px;resize:vertical}
.feedback-ratings{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px}
.rating-field{border:0;padding:0;margin:0}
.rating-field legend{font-weight:750;color:#253f61}
.feedback-ratings label{display:flex;cursor:pointer;align-items:center;gap:4px;border:1px solid #cfd9e8;border-radius:10px;padding:9px 11px;background:#fff;white-space:nowrap}
.feedback-ratings label:has(input:checked){background:#edf5ff;border-color:#3374cc}
.feedback-ratings input{accent-color:#285fae}
.feedback-entry .feedback-text{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.readiness-list{display:grid;gap:0}
.readiness-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #e5eaf0}
.readiness-row:last-child{border-bottom:0}
.readiness-row span:first-child{font-weight:650}
.readiness-row span:last-child{text-align:end;font-size:13px}
.readiness-ok{color:#16764b}.readiness-warn{color:#a26216}
@media(max-width:490px){.feedback-wrap .panel{padding:17px}.readiness-row{flex-direction:column;gap:3px}.readiness-row span:last-child{text-align:start}}
/* Keep honeypots visually hidden without RTL overflow (never position -9999px). */
.bot-trap{position:absolute!important;left:auto!important;right:auto!important;top:auto!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important}