@font-face{font-family:Nunito;src:url('fonts/nunito-900.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunito-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunito-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunito-sans-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#090c26;--muted:#7c80b4;--purple:#7136ff;--line:#ded9fc;--surface:#fff;--soft:#f4f1ff;font-family:'Nunito Sans','Segoe UI',sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
html{min-height:100%;background:#f9faff}
body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 0 0,#faeefa 0,transparent 42%),radial-gradient(ellipse at 95% 5%,#e8efff 0,transparent 52%),linear-gradient(135deg,#fdfcff,#f5faff 50%,#f1edff);isolation:isolate}
body::before,body::after{content:'';position:fixed;z-index:-1;pointer-events:none;border-radius:50% 50% 0 0;bottom:-170px;width:160%;height:370px;background:linear-gradient(110deg,#e4e8fc66,#b7a5fc44);left:-30%;transform:rotate(-8deg)}
body::after{bottom:-215px;left:-5%;transform:rotate(7deg);background:linear-gradient(110deg,#c4b4ff55,#ebefff44)}
button,input,textarea,select{font:inherit;color:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:wait}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a890ff;outline-offset:4px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;top:10px;left:20px;z-index:30;background:white;padding:12px 20px;border-radius:12px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;pointer-events:none}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.preview-header{max-width:1600px;margin:auto;padding:28px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.entry-brand{display:inline-flex;align-items:center;gap:8px;font-family:Nunito,sans-serif;font-size:39px;font-weight:900;letter-spacing:-1.6px;line-height:1}
.entry-brand img{width:46px;height:46px;object-fit:contain}
.preview-header-actions{display:flex;align-items:center;gap:20px}
.preview-badge{border:1px solid #ded8ff;background:#ffffff85;border-radius:99px;padding:6px 11px;font-size:11px;color:#8b7bab;font-weight:600;white-space:nowrap}
.preview-link{font-size:13px;font-weight:600;color:#7b64b7;display:inline-flex;align-items:center;gap:5px}
.preview-link:hover,.text-link:hover{color:#5720d4}
.preview-link .icon{width:15px;height:15px}
.entry-main{width:100%;padding:60px 24px 64px;margin:auto}
.auth-main{min-height:calc(100svh - 105px);display:flex;justify-content:center;align-items:center;padding-top:105px}
.entry-card{position:relative;background:linear-gradient(125deg,#fff,#fffefef9);border:1px solid #e7e1ff;border-radius:30px;box-shadow:0 18px 60px #8573c40b;padding:44px;min-width:0}
.auth-card{width:min(100%,460px);padding:36px 38px}
.card-mascot{position:absolute;right:-29px;top:-96px;width:168px;height:122px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 5px #5b419313)}
.card-title{font-family:Nunito,sans-serif;font-size:34px;line-height:1.17;letter-spacing:-.9px;font-weight:900;margin:0 0 10px}
.auth-card .card-title{font-size:33px}
.card-subtitle{margin:0 0 28px;color:var(--muted);font-size:15px;line-height:1.55}
.eyebrow{font-size:12px;font-weight:600;color:#9b81e1;margin:0 0 14px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #e2ddff;background:#f7f5ff;border-radius:14px;gap:4px;margin:25px 0 24px}
.auth-tabs a,.auth-tabs button{border:0;background:transparent;text-align:center;border-radius:10px;padding:10px 12px;color:var(--muted);font-size:14px;font-weight:600}
.auth-tabs .is-active,.auth-tabs [aria-selected=true]{background:#fff;color:var(--purple);box-shadow:0 3px 9px #7e52da10}
.entry-form{margin:0}
.field{display:block;margin:0 0 19px;min-width:0}
.field>label,.field-label{display:block;margin:0 0 8px;font-size:14px;font-weight:600;color:#777db0}
.input-wrap{position:relative;display:flex;align-items:center;min-width:0}
.entry-input{width:100%;height:52px;padding:0 16px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#fcfbff);border-radius:13px;font-size:15px;min-width:0;transition:border-color .16s,box-shadow .16s}
.entry-input::placeholder{color:#a1a1c8;opacity:1}
.entry-input:hover{border-color:#bcb0f7}
.entry-input:focus{border-color:#9774ff;box-shadow:0 0 0 3px #7136ff08}
.entry-input[readonly]{background:#f8f6ff;color:#77729b}
.entry-input[aria-invalid=true]{border-color:#f281ac}
.input-icon{position:absolute;left:15px;color:#8e8bc0;pointer-events:none;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.input-icon+.entry-input{padding-left:45px}
.password-toggle{position:absolute;right:7px;top:6px;width:40px;height:40px;display:grid;place-items:center;border:0;background:none;border-radius:9px;color:#8b86b9}
.input-wrap:has(.password-toggle) .entry-input{padding-right:48px}
.password-toggle:hover{background:#f1edff;color:var(--purple)}
.field-hint{display:block;margin:7px 0 0;font-size:12px;line-height:1.4;color:#9694bc}
.primary-button,.secondary-button{border:0;border-radius:14px;min-height:52px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:700;line-height:1.4;transition:transform .16s,box-shadow .16s}
.primary-button{background:linear-gradient(110deg,#793bff,#652cff);color:white;box-shadow:0 8px 20px #7136ff14}
.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #7136ff26}
.primary-button:disabled{background:#e4dcff;color:#9283c3;box-shadow:none}
.secondary-button{background:#f6f3ff;color:#8272b0;border:1px solid #ebe5ff}
.secondary-button:hover{background:#f0eaff}
.entry-form>.primary-button,.full-width{width:100%}
.text-link{border:0;background:none;color:var(--purple);font-weight:600;font-size:14px;cursor:pointer;padding:0}
.form-footer{margin:24px 0 0;text-align:center;font-size:13px;color:#9191be;line-height:1.6}
.form-footer .text-link{font-size:13px;margin-left:4px}
.form-error{background:#fff0f6;border:1px solid #ffe0ed;color:#c8467d;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;margin:0 0 20px}
.actions-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:27px}
.actions-row.end{justify-content:flex-end}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.plain-fieldset{border:0;padding:0;margin:0;min-width:0}
.plain-fieldset legend{padding:0;width:100%}
.manager-panel h3{font-size:17px;font-weight:700;margin:0 0 17px}
.ready-card{width:min(100%,510px)}
.welcome-profile{margin:20px 0}
.welcome-profile>div{display:flex;gap:14px;justify-content:space-between}
.welcome-profile dt,.welcome-profile dd{margin:0}
.welcome-profile dd{font-weight:700;color:#373048;overflow-wrap:anywhere}
.start-list li{display:grid;grid-template-columns:32px 1fr;gap:0 13px;align-items:start}
.start-list li::before{grid-row:1/3;align-self:center}
.start-list li strong{font-size:14px;font-weight:600;line-height:1.6}
.start-list li span{font-size:11px;color:#a19ab9;line-height:1.5}
.has-error .field-hint{color:#c8467d}
.field label .field-hint{display:inline;font-size:11px}
.preview-header>nav{display:flex;align-items:center;gap:20px}
.wizard-main{max-width:930px;padding-top:12px}
.wizard-heading{text-align:center;font-family:Nunito,sans-serif;font-size:30px;letter-spacing:-.7px;margin:0 0 28px}
.stepper{display:flex;align-items:flex-start;list-style:none;margin:0 0 95px;padding:0;gap:0}
.stepper li{flex:1;position:relative;min-width:0;text-align:center;color:#aaa6cc;font-size:12px;font-weight:600;padding:0 6px}
.stepper li:not(:last-child)::after{content:'';position:absolute;top:17px;left:calc(50% + 26px);right:calc(-50% + 26px);height:2px;background:#e2ddf5}
.stepper li.is-complete::after{background:#c5b7f8}
.step-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d9d2f3;border-radius:50%;background:#f0edfc;margin:0 auto 10px;font-size:15px;font-weight:700}
.stepper .is-current{color:var(--purple)}
.stepper .is-current .step-number,.stepper .is-complete .step-number{background:linear-gradient(125deg,#a081ff,#7136ff);color:#fff;border:0}
.stepper .is-complete{color:#8a7db3}
.step-number .icon{width:17px;height:17px}
.wizard-card{padding:38px 42px}
.wizard-card .card-mascot{width:146px;height:111px;right:-24px;top:-88px}
.wizard-card .card-title{font-size:31px}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 24px}
.choice-tile{display:flex;align-items:center;gap:10px;position:relative;border:1px solid var(--line);border-radius:13px;background:#fff;min-height:60px;padding:14px 16px;font-size:13px;color:#8c88b7;cursor:pointer;line-height:1.3}
.choice-tile input,.size-choice input{position:absolute;opacity:0;width:1px;height:1px}
.choice-tile:has(input:checked),.size-choice:has(input:checked){border-color:#ab8bff;background:#f5efff;color:var(--purple)}
.choice-tile:has(input:focus-visible),.size-choice:has(input:focus-visible){outline:3px solid #a890ff;outline-offset:3px}
.choice-check{display:none;width:19px;height:19px;color:white;background:var(--purple);border-radius:50%;margin-left:auto;flex:none;padding:3px}
.choice-tile:has(input:checked) .choice-check{display:block}
.choice-check.icon{stroke-width:2.5}
.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.size-choice{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:white;min-height:47px;border-radius:12px;padding:12px 15px;color:#8d89b6;font-size:14px}
.size-choice::after{content:'';width:17px;height:17px;border:1px solid #d4cbed;border-radius:50%}
.size-choice:has(input:checked)::after{border:5px solid var(--purple);background:white}
textarea.entry-input{height:auto;min-height:210px;padding:16px 19px;resize:vertical;line-height:1.7;font-size:15px}
.example-helper{margin:-7px 0 16px;font-size:13px;padding:10px 14px;min-height:40px;font-weight:600;border-radius:11px}
.loading-content{text-align:center;padding:15px 0 35px}
.loading-mascot{width:200px;height:200px;object-fit:contain;margin:0 0 10px}
.loading-content .card-title{font-size:30px;margin:22px 0 10px}
.loading-content .card-subtitle{margin:0}
.loading-dots{display:flex;justify-content:center;gap:9px}
.loading-dots span{width:10px;height:10px;border-radius:50%;background:#ad94ff;animation:dot-pulse 1.4s infinite ease-in-out}
.loading-dots span:nth-child(2){animation-delay:.15s;background:#9370ff}
.loading-dots span:nth-child(3){animation-delay:.3s;background:#7136ff}
@keyframes dot-pulse{0%,80%,100%{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.spinner{display:inline-block;width:17px;height:17px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.section-label{font-size:16px;font-weight:700;margin:0 0 12px}
.scenario-tabs{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.scenario-tabs button{flex:1;border:1px solid var(--line);border-radius:12px;min-height:43px;color:#8e81b4;background:white;padding:9px 16px;font-size:14px;font-weight:600;white-space:nowrap}
.scenario-tabs button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}
.scenario-answer{background:#f4f0ff;border-radius:15px;padding:18px 20px;margin-bottom:24px}
.answer-badge{display:inline-block;background:#e4d8ff;color:var(--purple);border-radius:6px;font-size:10px;font-weight:700;padding:4px 7px;margin-bottom:9px}
.scenario-answer p{font-size:14px;line-height:1.65;margin:0}
.editable-field label{font-size:15px;color:var(--ink);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.editable-field label span{font-size:12px;color:#8c84b4;font-weight:400}
.editable-field textarea.entry-input{min-height:98px;font-size:13px;line-height:1.65;padding:13px 16px}
.trial-banner{display:flex;align-items:center;gap:17px;background:#f3eeff;border-radius:16px;padding:20px 23px;margin:22px 0}
.trial-banner>.icon{width:34px;height:34px;color:var(--purple)}
.trial-banner strong{font-family:Nunito,sans-serif;font-size:25px;color:var(--purple);display:block;line-height:1.3}
.trial-banner p{margin:5px 0 0;color:var(--muted);font-size:14px}
.manager-panel{border:1px solid var(--line);border-radius:17px;padding:20px 23px;margin:7px 0 0}
.manager-panel h2{font-size:17px;font-weight:700;margin:0 0 17px}
.manager-panel .field{margin-bottom:8px}
.manager-panel p{margin:7px 0 0;color:#9490be;font-size:12px;line-height:1.5}
.company-pill{display:inline-flex;align-items:center;gap:8px;background:#f4f0ff;color:#8b79b8;border-radius:99px;padding:8px 13px;font-size:12px;font-weight:600;margin-bottom:25px}
.company-pill .icon{width:16px;height:16px}
.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:600;color:#16a17f;background:#e4faf4;margin:0 0 20px}
.identity-summary{background:#f5f1ff;border-radius:14px;padding:15px 18px;margin:20px 0;color:#8c82b1;font-size:13px;line-height:1.7}
.identity-summary p{margin:0}
.identity-summary strong{color:#343047;font-weight:700}
.start-list{list-style:none;padding:0;margin:25px 0;counter-reset:start;display:grid;gap:12px}
.start-list li{display:grid;grid-template-columns:32px 1fr;gap:0 13px;align-items:start;font-size:14px;color:#77759d;counter-increment:start}
.start-list li::before{content:counter(start);display:grid;place-items:center;background:#eee6ff;color:var(--purple);width:32px;height:32px;border-radius:50%;font-weight:700;flex:none}
.button-stack{display:grid;gap:10px;margin-top:24px}
.button-stack .secondary-button{background:#fff;border-color:#cbbbff;color:var(--purple)}
.state-mascot{display:block;width:180px;height:170px;object-fit:contain;margin:18px auto}
.state-card{text-align:center}
.state-card .company-pill{margin-bottom:18px}
.state-card .card-title{font-size:29px}
.state-card .card-subtitle{margin-bottom:20px}
.entry-toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translateX(-50%);max-width:min(90vw,480px);border:1px solid #ded3ff;background:white;border-radius:15px;box-shadow:0 8px 25px #51329d18;padding:13px 20px;color:#695787;text-align:center;font-size:13px;line-height:1.5}
.gallery-main{max-width:1240px;margin:20px auto;padding:16px 35px 70px}
.gallery-heading{font-family:Nunito,sans-serif;font-size:43px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px}
.gallery-description{color:var(--muted);font-size:16px;max-width:660px;line-height:1.65;margin:0 0 30px}
.flow-summary{padding:19px 22px;border:1px solid #e7ddff;background:#ffffff8a;border-radius:18px;font-size:14px;color:#8076a2;line-height:1.9;margin:0 0 38px}
.flow-summary strong{color:#513674;font-weight:700}
.gallery-section{margin-bottom:38px}
.gallery-section h2{font-family:Nunito,sans-serif;font-size:24px;margin:0 0 18px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery-tile{display:flex;align-items:center;gap:15px;position:relative;padding:21px;background:#fff;border:1px solid #e8e2ff;border-radius:19px;min-height:114px;transition:transform .15s,box-shadow .15s}
.gallery-tile:hover{transform:translateY(-2px);box-shadow:0 12px 30px #6a50bb0d}
.tile-number{display:grid;place-items:center;color:var(--purple);background:#f2edff;width:38px;height:38px;border-radius:12px;font-size:14px;font-weight:700;flex:none}
.gallery-tile strong{display:block;font-size:15px;font-weight:700;line-height:1.45}
.gallery-tile small{display:block;color:#9890b5;font-size:12px;line-height:1.5;margin-top:5px}
.gallery-tile>.icon{color:#ae98db;margin-left:auto;width:17px;height:17px}
.states-grid{grid-template-columns:repeat(3,1fr)}
.states-grid .gallery-tile{min-height:88px}
.gallery-note{font-size:12px;color:#9f94b6;line-height:1.7;margin:0}
@media(min-width:1600px){.preview-header{padding-top:36px}.auth-main{padding-top:100px}.auth-card{width:490px;padding:42px}.card-title{font-size:36px}.wizard-main{padding-top:25px}}
@media(max-width:760px){.preview-header{padding:21px 24px}.entry-brand{font-size:33px}.entry-brand img{width:40px;height:40px}.preview-header-actions{gap:12px}.entry-main{padding-left:20px;padding-right:20px}.auth-main{padding-top:90px;padding-bottom:45px;align-items:flex-start}.wizard-main{padding-top:10px}.wizard-heading{font-size:27px}.entry-card{padding:29px;border-radius:24px}.card-title,.auth-card .card-title{font-size:30px}.card-subtitle{font-size:14px}.wizard-card .card-title{font-size:27px}.stepper{margin-bottom:87px}.stepper li{font-size:10px;padding:0 3px}.step-number{width:29px;height:29px;font-size:13px}.stepper li:not(:last-child)::after{top:14px;left:calc(50% + 20px);right:calc(-50% + 20px)}.choice-grid{grid-template-columns:repeat(2,1fr)}.choice-tile{font-size:12px;min-height:54px;padding:13px}.choice-tile>.icon{width:19px;height:19px}.form-grid{gap:0 16px}.actions-row{align-items:stretch;gap:10px}.actions-row .primary-button{font-size:13px;padding:12px 16px}.actions-row .secondary-button{font-size:13px;padding:12px}.trial-banner strong{font-size:23px}.gallery-main{padding:12px 24px 50px}.gallery-heading{font-size:35px}.gallery-grid,.states-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.preview-header{padding:18px 20px;gap:10px}.entry-brand{font-size:29px;gap:5px}.entry-brand img{width:36px;height:36px}.preview-header-actions{gap:8px}.preview-badge{font-size:9px;padding:5px 8px}.preview-link{font-size:11px}.preview-link .icon{display:none}.entry-main{padding-left:16px;padding-right:16px}.auth-main{padding-top:94px;min-height:calc(100svh - 76px)}.auth-card{padding:28px 25px}.card-mascot{right:-9px;top:-80px;width:136px;height:100px}.card-title,.auth-card .card-title{font-size:29px}.card-subtitle{line-height:1.5;margin-bottom:24px}.entry-input{height:50px;font-size:14px}.field>label,.field-label{font-size:12px}.auth-tabs{margin:23px 0}.auth-tabs a,.auth-tabs button{font-size:12px;padding:10px 8px}.form-footer,.form-footer .text-link{font-size:12px}.wizard-card{padding:26px 23px}.wizard-card .card-mascot{right:-9px;top:-75px;width:124px;height:94px}.wizard-card .card-title{font-size:26px;letter-spacing:-.6px}.wizard-heading{font-size:25px;margin-bottom:20px}.stepper{margin-bottom:80px}.stepper li{font-size:9px;line-height:1.35}.stepper li:nth-child(4){white-space:normal}.step-number{width:27px;height:27px;margin-bottom:7px;font-size:12px}.stepper li:not(:last-child)::after{top:13px;left:calc(50% + 17px);right:calc(-50% + 17px)}.form-grid{grid-template-columns:1fr;gap:0}.choice-tile{padding:11px;gap:8px;font-size:11px}.choice-tile>.icon:not(.choice-check){width:17px;height:17px}.choice-check{width:16px;height:16px;padding:3px}.size-grid{grid-template-columns:repeat(2,1fr);gap:9px}.size-choice{font-size:13px}.actions-row{flex-direction:column-reverse;gap:10px;margin-top:24px}.actions-row>.primary-button,.actions-row>.secondary-button{width:100%;min-height:48px}.actions-row.end{flex-direction:column}.actions-row>.secondary-button{border:0;background:none;min-height:38px;padding:9px}.example-helper{font-size:11px;padding:10px 12px}.scenario-tabs{gap:6px}.scenario-tabs button{font-size:11px;min-height:39px;padding:8px 9px}.scenario-answer{padding:15px}.scenario-answer p{font-size:13px}.editable-field label{gap:7px;font-size:13px}.editable-field label span{font-size:10px}.editable-field textarea.entry-input{min-height:116px;font-size:12px}.loading-content{padding:7px 0 28px}.loading-mascot{width:170px;height:170px}.loading-content .card-title{font-size:25px}.trial-banner{padding:16px;gap:13px}.trial-banner>.icon{width:29px;height:29px}.trial-banner strong{font-size:22px}.trial-banner p{font-size:12px}.manager-panel{padding:17px}.manager-panel h2{font-size:15px}.gallery-main{padding:8px 20px 40px}.gallery-heading{font-size:31px}.gallery-description{font-size:14px}.flow-summary{font-size:12px;padding:15px 17px}.gallery-grid,.states-grid{grid-template-columns:1fr;gap:11px}.gallery-tile{min-height:91px;padding:18px}.gallery-section h2{font-size:22px}.state-card .card-title{font-size:26px}.form-grid:has([readonly]){grid-template-columns:1fr 1fr;gap:12px}.form-grid:has([readonly]) .entry-input{font-size:12px;padding:0 12px}.form-grid:has([readonly]) .field-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}