:root{--foundation: #525564;--foundation-deep: #272938;--foundation-soft: #7c8a9c;--surface: #ffffff;--surface-soft: #f7f7f8;--page: #eeedea;--text: #272938;--text-soft: #5d6171;--line: rgba(82, 85, 100, .14);--green: #18ac82;--blue: #2db5ea;--yellow: #f4b22e;--pink: #c42b7d;--shadow-xl: 0 26px 60px rgba(39, 41, 56, .12);--shadow-lg: 0 14px 30px rgba(39, 41, 56, .08);--shadow-sm: 0 8px 18px rgba(39, 41, 56, .06);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;font-family:Source Sans Pro,Segoe UI,Inter,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page);color:var(--text);font-family:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.brand-app{min-height:100vh;background:var(--page)}.hero-shell{position:relative;background:linear-gradient(135deg,var(--foundation-deep) 0%,var(--foundation) 68%,#4d5365 100%);overflow:hidden;padding:28px 32px 136px}.hero-backdrop:before,.hero-backdrop:after{content:"";position:absolute;inset:auto;border-radius:999px;pointer-events:none}.hero-backdrop:before{width:620px;height:620px;right:-190px;top:-255px;background:radial-gradient(circle,#2db5ea29,#2db5ea00)}.hero-backdrop:after{width:460px;height:460px;left:-120px;bottom:-250px;background:radial-gradient(circle,#18ac8221,#18ac8200)}.hero-inner,.content-shell,.brand-footer{width:min(1280px,calc(100vw - 48px));margin:0 auto}.brand-row{display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(320px,.92fr);align-items:center;gap:48px;margin-bottom:52px}.brand-logo{width:min(410px,100%);object-fit:contain}.hero-copy{max-width:430px;justify-self:end;padding-top:12px}.hero-kicker,.eyebrow,.mini-eyebrow{font-family:Segoe UI,Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.hero-kicker{color:#ffffffb3;font-size:.76rem;margin-bottom:12px}.hero-copy h1{margin:0;font-size:clamp(2.45rem,3.15vw,3.6rem);line-height:.94;color:#fff;letter-spacing:-.045em;max-width:430px}.hero-copy p{margin:16px 0 0;color:#ffffffd1;font-size:1.06rem;line-height:1.6;max-width:390px}.tracker-shell{position:relative;padding-top:8px;padding-bottom:8px}.draft-status-row{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.draft-status-pill{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.draft-status-pill strong{font-size:.95rem}.draft-status-pill span{color:#ffffffd1;font-size:.93rem}.draft-status-pill.is-saved{border-color:#18ac824d;background:#18ac8224}.draft-status-pill.is-saving{border-color:#2db5ea47;background:#2db5ea24}.draft-status-pill.is-error{border-color:#c42b7d47;background:#c42b7d24}.tracker-rail{position:absolute;left:22px;right:22px;top:28px;height:6px;border-radius:999px;background:#fff3;overflow:hidden}.tracker-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--blue));box-shadow:0 0 24px #2db5ea38}.tracker-steps{position:relative;display:grid;grid-template-columns:repeat(9,minmax(84px,1fr));gap:18px;align-items:start}.tracker-step{background:transparent;border:0;padding:0;color:#ffffffbd;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.tracker-dot{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.46);background:#5255648a;font-weight:800;color:#fff;transition:.22s ease;position:relative;z-index:1}.tracker-label{font-size:.95rem;line-height:1.33;font-weight:700;max-width:112px;text-wrap:balance}.tracker-step.is-complete .tracker-dot{border-color:transparent;background:linear-gradient(135deg,#18ac82f5,#2db5eae0);box-shadow:0 8px 18px #18ac822e}.tracker-step.is-active .tracker-dot{border-color:transparent;background:linear-gradient(135deg,var(--green),var(--blue));box-shadow:0 0 0 6px #18ac8226,0 12px 24px #2db5ea3d}.tracker-step.is-active .tracker-label,.tracker-step.is-complete .tracker-label{color:#fff}.content-shell{margin-top:-64px;padding-bottom:36px}.panel{background:#ffffffe0;border:1px solid rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.shell-panel{overflow:hidden}.shell-header{padding:34px 38px 18px}.eyebrow{color:var(--green);font-size:.72rem;margin-bottom:14px}.shell-header h2,.sub-panel-header h3,.info-card h3{font-family:Segoe UI,Inter,Arial,sans-serif;letter-spacing:-.03em}.shell-header h2{margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.02}.shell-header p{margin:14px 0 0;color:var(--text-soft);font-size:1.08rem;line-height:1.65;max-width:940px}.shell-body{padding:4px 38px 34px;display:flex;flex-direction:column;gap:20px}.shell-footer{padding:0 38px 38px}.form-grid,.feature-grid,.review-grid,.stack{display:grid;gap:18px}.stack{grid-template-columns:1fr}.feature-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col-business{grid-template-columns:repeat(3,minmax(0,1fr))}.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.site-upload-row{grid-template-columns:1.35fr 1fr;align-items:start}.info-card,.sub-panel,.toggle-panel,.empty-state,.status-banner{background:#ffffffe0;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.info-card{padding:24px}.info-card h3{margin:0 0 10px;font-size:1.22rem}.info-card p{margin:0 0 8px;color:var(--text-soft);line-height:1.6}.tone-green{background:linear-gradient(180deg,#18ac8217,#fffffff5)}.tone-blue{background:linear-gradient(180deg,#2db5ea17,#fffffff5)}.tone-yellow{background:linear-gradient(180deg,#f4b22e1a,#fffffff5)}.tone-pink{background:linear-gradient(180deg,#c42b7d14,#fffffff5)}.sub-panel{padding:24px}.sub-panel.compact{padding:22px}.sub-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.sub-panel-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.sub-panel-header-actions .checkbox-row{min-height:40px}.sub-panel-header h3{margin:0;font-size:1.5rem}.sub-panel-header p{margin:8px 0 0;color:var(--text-soft);line-height:1.55}.mini-eyebrow{color:var(--foundation-soft);font-size:.68rem;margin-bottom:10px}.field{min-width:0}.field-label,.field>label:not(.checkbox-row){display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;font-weight:700;color:var(--text)}.required-indicator{color:#d73c4f;font-size:.92em;font-weight:800;line-height:1;display:inline-block}.field input,.field select,.field textarea,.group-tag-editor input{width:100%;border:1px solid rgba(82,85,100,.18);background:#fffffff5;color:var(--text);border-radius:16px;padding:14px 16px;min-height:52px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field textarea{min-height:114px;resize:vertical}.number-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center}.stepper-input{text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-button{min-height:52px;border-radius:16px;border:1px solid rgba(82,85,100,.18);background:#fffffff5;color:var(--foundation);font-size:1.35rem;font-weight:700;padding:0;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.stepper-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#2db5ea47}.stepper-button:disabled{opacity:.45;cursor:not-allowed}.input-with-action{position:relative}.input-with-action input{padding-right:52px}.input-action-button{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:var(--foundation-soft);display:inline-grid;place-items:center;padding:0;cursor:pointer}.input-action-button:hover{color:var(--foundation)}.input-action-button:disabled{cursor:not-allowed;opacity:.45}.input-action-button svg{width:18px;height:18px}.multi-select-list{display:flex;flex-direction:column;gap:12px;width:100%;min-height:52px;border:1px solid rgba(82,85,100,.18);background:#fffffff5;border-radius:16px;padding:14px 16px}.multi-select-list .checkbox-row{width:100%}.group-permission-stack{display:grid;gap:16px}.group-permission-section{border:1px solid rgba(82,85,100,.14);background:linear-gradient(180deg,#fffffffa,#f9fbfff0);border-radius:18px;padding:18px}.group-permission-heading h4{margin:0 0 14px;font-size:1rem;color:var(--text)}.group-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-permission-item{border:1px solid rgba(82,85,100,.12);background:#ffffffeb;border-radius:16px;padding:14px}.group-permission-item .checkbox-row{width:100%}.group-permission-note{margin-top:8px;padding-left:34px;color:var(--text-soft);font-size:.9rem;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.multi-select-list:focus-within,.group-tag-editor input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px #2db5ea1f}.field input:disabled,.field select:disabled,.field textarea:disabled{background:#52556414;color:#2729387a;cursor:not-allowed}.field-span-2{grid-column:span 2}.field-full{grid-column:1 / -1}.field-checkbox-offset{align-self:end}.collapsible-toggle{min-height:40px;padding:0 14px}.compact-field .group-permission-stack{margin-top:0}.permissions-collapsed-note{border:1px solid rgba(82,85,100,.14);background:linear-gradient(180deg,#fffffffa,#f9fbfff0);border-radius:18px;padding:16px 18px;color:var(--text-soft);line-height:1.5}.section-gap-top{margin-top:18px}.hint{margin-top:8px;color:var(--text-soft);font-size:.92rem}.logo-upload-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 230px;gap:18px;align-items:stretch}.logo-dropzone{min-height:245px;border:1.5px dashed rgba(82,85,100,.24);border-radius:22px;background:linear-gradient(180deg,#fffffff5,#ffffffdb);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:28px;color:var(--text-soft);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.logo-dropzone:hover{border-color:#2db5ea80;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.drop-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#2db5ea1f;color:var(--foundation);font-size:1.7rem;font-weight:800}.logo-dropzone strong{color:var(--text);font-size:1.05rem}.logo-dropzone span{font-size:.94rem;line-height:1.5}.logo-preview-card{border-radius:22px;background:linear-gradient(180deg,#fffffff5,#ffffffd6);border:1px solid rgba(82,85,100,.18);min-height:245px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:14px}.logo-preview-frame{height:172px;border-radius:18px;overflow:hidden;background:var(--surface-soft);display:grid;place-items:center}.logo-preview-frame img{max-height:100%;max-width:100%;object-fit:contain}.logo-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.logo-preview-empty{height:100%;border:1px dashed rgba(82,85,100,.18);border-radius:18px;display:grid;place-items:center;text-align:center;color:var(--text-soft);padding:20px}.logo-preview-empty span{font-weight:700;color:var(--text);display:block;margin-bottom:4px}.logo-file-name{font-size:.95rem;color:var(--text-soft);word-break:break-word}.inline-actions,.step-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.inline-actions{justify-content:flex-start}.button{min-height:48px;padding:0 18px;border-radius:15px;border:1px solid transparent;font-weight:700;letter-spacing:-.01em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #2729381a}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff}.button-secondary{background:#ffffffeb;border-color:#52556433;color:var(--foundation)}.button-ghost{background:#52556414;color:var(--foundation)}.icon-button{width:42px;height:42px;border-radius:14px;border:1px solid rgba(82,85,100,.18);background:#ffffffeb;color:var(--foundation);display:inline-grid;place-items:center;padding:0;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm);color:#b42339;border-color:#b423392e;background:#fffffffa}.icon-button svg{width:18px;height:18px}.site-card-header-actions{display:inline-flex;align-items:center;justify-content:flex-end}.text-button{border:0;background:transparent;color:var(--blue);font-weight:700;padding:0}.checkbox-row{display:inline-flex;align-items:center;gap:12px;color:var(--text)}.checkbox-row.compact{min-height:auto;width:auto;padding:0;border:0;background:transparent;border-radius:0}.checkbox-row.card{min-height:56px;width:fit-content;padding:14px 16px;border-radius:16px;border:1px solid rgba(82,85,100,.14);background:#fffffff5}.checkbox-row[aria-disabled=true]{opacity:.55}.checkbox-label{font-weight:600;color:var(--text);line-height:1.35}.check-chip{position:relative;width:22px;height:22px;min-width:22px;border-radius:7px;border:1.5px solid rgba(82,85,100,.26);background:#fff;display:inline-grid;place-items:center;flex:0 0 22px}.check-chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.check-mark{font-size:.76rem;font-weight:800;color:transparent;line-height:1}.check-chip.is-disabled{background:#52556414}.check-chip.is-checked{background:linear-gradient(135deg,var(--green),var(--blue));border-color:transparent}.check-chip.is-checked .check-mark{color:#fff}.group-tag-editor{display:flex;flex-direction:column;gap:14px}.group-tag-editor+.inline-actions{margin-top:14px}.tag-editor-row{display:flex;gap:12px;align-items:center}.toggle-panel,.empty-state{padding:18px 22px}.selection-heading{font-weight:700;color:var(--text);margin-bottom:2px}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.platform-option{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:72px;padding:0 18px;border-radius:18px;border:1px solid rgba(82,85,100,.14);background:#ffffffeb;box-shadow:var(--shadow-sm);font-weight:700}.platform-option.selected{border-color:#18ac826b;box-shadow:0 10px 22px #18ac821f}.platform-option span:last-child{line-height:1.3}.empty-state{color:var(--text-soft)}.status-banner{padding:22px 24px;display:flex;flex-direction:column;gap:8px}.status-banner strong{font-size:1.08rem}.status-banner span,.status-banner li{color:var(--text-soft);line-height:1.6}.status-banner ul{margin:2px 0 0 18px;padding:0}.is-success{background:linear-gradient(180deg,#18ac8217,#fffffff5);border-color:#18ac822e}.is-warning{background:linear-gradient(180deg,#f4b22e1f,#fffffff5);border-color:#f4b22e42}.is-info{background:linear-gradient(180deg,#2db5ea1c,#fffffff5);border-color:#2db5ea3d}.is-large{padding:28px}.brand-footer{padding:6px 0 40px}.brand-footer-logo{width:180px;opacity:.74}@media (max-width: 1200px){.brand-row{grid-template-columns:minmax(280px,1fr) minmax(280px,.9fr);gap:30px}.tracker-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.tracker-rail{top:24px;left:10%;right:10%}.three-col-business,.four-col,.site-upload-row{grid-template-columns:repeat(2,minmax(0,1fr))}.field-span-2{grid-column:span 1}.group-permission-grid,.logo-upload-layout{grid-template-columns:1fr}}@media (max-width: 860px){.hero-shell{padding:24px 18px 104px}.brand-row{grid-template-columns:1fr;gap:26px;margin-bottom:40px}.hero-copy{justify-self:start;max-width:540px;padding-top:0}.hero-copy h1{max-width:520px}.feature-grid,.review-grid,.three-col-business,.four-col,.site-upload-row,.platform-grid,.group-permission-grid{grid-template-columns:1fr}.hero-inner,.content-shell,.brand-footer{width:min(1280px,calc(100vw - 28px))}.shell-header,.shell-body,.shell-footer{padding-left:22px;padding-right:22px}.content-shell{margin-top:-48px}.draft-status-row{align-items:stretch}.draft-status-pill{width:100%;justify-content:space-between;flex-wrap:wrap}}@media (max-width: 560px){.hero-shell{padding:18px 14px 88px}.brand-logo{width:min(300px,100%)}.tracker-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.tracker-rail{display:none}.tracker-step{gap:8px}.tracker-dot{width:40px;height:40px}.tracker-label{max-width:100px;font-size:.88rem}.shell-header h2{font-size:1.75rem}.sub-panel-header{flex-direction:column}.sub-panel-header-actions{width:100%;justify-content:flex-start}.step-actions{flex-direction:column-reverse;align-items:stretch}.button{width:100%}.site-card-header-actions{width:100%;justify-content:flex-start}.number-stepper{grid-template-columns:1fr 1.2fr 1fr}.tag-editor-row,.draft-status-row{flex-direction:column;align-items:stretch}}.tracker-steps-10{grid-template-columns:repeat(10,minmax(72px,1fr))}.checkbox-field{display:flex;flex-direction:column;justify-content:flex-end}.checkbox-field .checkbox-row{margin-top:6px}.permission-grid .check-chip{transform:translateY(4px)}.logo-meta-actions{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding-top:8px}.logo-download-list{display:grid;gap:12px}.logo-download-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.logo-download-item:first-child{border-top:0;padding-top:0}.platform-text{line-height:1.3}@media (max-width: 1200px){.tracker-steps-10{grid-template-columns:repeat(5,minmax(0,1fr))}.permission-grid{grid-template-columns:1fr}}@media (max-width: 860px){.tracker-steps-10{grid-template-columns:repeat(2,minmax(0,1fr))}}