@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--navy:#153e4d;--ink:#17343e;--muted:#5a7078;--line:#dce5e3;--paper:#f5f7f4;--accent:#c1e6bf;--white:#fff;--error:#a02727;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,strong,button{font-family:Manrope,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.04em;margin:0 0 16px;line-height:1.18}h1{font-size:clamp(30px,3.5vw,44px);font-weight:800}h2{font-size:25px}h3{font-size:19px}p{margin:0 0 20px}a{color:var(--navy);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #307c9b}h1:focus,h2:focus{outline:none}button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700}button:hover:not(:disabled){background:#eaf0e9}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #bbcaca;border-radius:9px;min-height:48px;padding:12px 14px}input[readonly]{background:#f3f5f3}input[type=color]{max-width:110px;padding:6px}input[type=file]{padding:9px;font-size:13px}input[aria-invalid=true]{border-color:var(--error)}label{font-size:14px;font-weight:600;display:block}label input,label textarea,label select{margin-top:8px;font-weight:400;display:block}small{color:var(--muted);margin-top:6px;font-size:12px;font-weight:400;line-height:1.6;display:block}.admin-shell{max-width:1200px;margin:auto;padding:32px 30px 20px}.admin-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-brand{align-items:center;gap:13px;text-decoration:none;display:flex}.admin-brand img{width:44px;height:44px}.admin-brand strong{letter-spacing:-.6px;font-size:18px}.admin-brand small{margin:0}.header-actions{align-items:center;gap:14px;display:flex}.admin-primary,.admin-secondary{border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:13px 19px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.admin-primary{background:var(--navy);color:#fff;border:1px solid var(--navy)}.admin-primary:hover:not(:disabled){color:#fff;background:#22566a}.admin-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.text-button{text-underline-offset:4px;background:0 0;border:0;padding:8px 4px;text-decoration:underline}.eyebrow{letter-spacing:1.8px;color:#4d7471;margin:0 0 13px;font-size:10px;font-weight:800;line-height:1.5}.admin-muted{color:var(--muted);font-size:15px;line-height:1.65}.small-note{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.65}.admin-card{border:1px solid var(--line);background:#fff;border-radius:17px;margin-bottom:22px;padding:30px;box-shadow:0 5px 18px #17343e03}.admin-form{flex-direction:column;gap:20px;display:flex}.admin-form .admin-notice{margin:0}.admin-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.admin-title p{margin:0}.admin-tabs{border-bottom:1px solid var(--line);gap:8px;margin:28px 0 32px;padding-bottom:12px;display:flex;overflow-x:auto}.admin-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:10px 16px}.admin-tabs .active{color:var(--ink);border:1px solid var(--line);background:#fff;box-shadow:0 2px 5px #1234350d}.setup-strip{background:#eaf0e8;border:1px solid #d7e3d5;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;display:flex}.setup-strip .eyebrow{margin-bottom:5px}.setup-strip strong{font-size:14px}.setup-strip ol{gap:14px;margin:0;padding:0;list-style:none;display:flex}.setup-strip button{white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:4px;font-size:12px;display:flex}.setup-strip button[aria-current=step]{text-underline-offset:4px;text-decoration:underline}.step-number{background:#f9fbf7;border:1px solid #bdcdc0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.step-number.done{background:var(--navy);border-color:var(--navy);color:#fff}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.profile-layout{grid-template-columns:minmax(0,1fr) 280px;gap:25px;display:grid}.profile-form{padding:34px}.profile-form fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:24px 0 0}.profile-form legend{padding:0 12px 0 0;font-size:16px;font-weight:700}.profile-form legend span{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.field-requirement{float:right;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-top:3px;font-size:10px;font-weight:500}.field-error{color:var(--error)}.url-preview{overflow-wrap:anywhere;background:#f2f5f1;border-radius:8px;padding:11px 15px;font-size:12px}.profile-form #url-help{margin:18px 0 10px;font-size:12px}.save-row{border-top:1px solid var(--line);align-items:center;gap:15px;padding-top:22px;display:flex}.save-row small{max-width:160px}.profile-aside{padding-top:26px}.brand-preview{text-align:center;border:1px solid var(--line);border-top:5px solid var(--navy);background:#fff;border-radius:14px;padding:30px 20px}.brand-preview h2{overflow-wrap:anywhere;margin-top:15px;font-size:22px}.brand-preview p{margin:0;font-size:13px}.profile-aside>.admin-muted{margin:18px 0;font-size:13px}.profile-aside>a{font-size:13px;font-weight:600}.preview-avatar{object-fit:cover;border-radius:50%;width:74px;height:74px;margin:0 auto;display:block}.preview-avatar.placeholder{color:#577958;background:#e5eee4;place-items:center;font-size:30px;display:grid}.preview-logo{object-fit:contain;max-width:160px;max-height:70px;margin:22px auto 0;display:block}.asset-preview{object-fit:contain;max-width:160px;max-height:90px;margin-top:15px}.asset-preview.portrait{object-fit:cover;border-radius:50%;width:70px;height:70px}.admin-notice{color:#254f2c;background:#e7f2e6;border:1px solid #bdd5bc;border-radius:10px;margin:0 0 22px;padding:14px 18px;font-size:14px}.admin-notice.error{color:#972f22;background:#fff0ed;border-color:#edc0b6}.next-action{background:#edf5e9;border-radius:12px;padding:24px}.next-action p{margin:6px 0 16px;font-size:14px}.campaign-form{align-items:center;gap:20px;margin-top:25px;display:flex}.campaign-form label{flex:1}.campaign{justify-content:space-between;align-items:center;gap:22px;display:flex}.campaign>div{min-width:0}.campaign strong,.campaign span{display:block}.campaign span{color:var(--muted);margin:5px 0 12px;font-size:12px}code{overflow-wrap:anywhere;font-size:12px}.campaign code{display:block}.share-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.share-grid .admin-card{min-width:0;margin:0}.share-grid h2{font-size:23px}.copy-line{align-items:center;gap:10px;margin:20px 0;display:flex}.copy-line input{min-width:0;font-size:12px}.copy-line button{flex-shrink:0}.share-message{resize:vertical;height:210px;margin:4px 0 20px;font-size:14px;line-height:1.8}.how-card{grid-column:1/-1}.how-card ol{padding-left:23px}.how-card li{margin-bottom:10px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;padding:25px}.metric strong{font-size:40px;line-height:1.2;display:block}.metric span{color:var(--muted);margin-top:12px;font-size:12px;display:block}.workspace-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:45px;padding:24px 0;font-size:12px;display:flex}.workspace-footer button{font-size:12px}.empty-state{margin-top:28px;padding:40px}.password-card{max-width:540px;margin:50px auto}.login-shell{padding:80px 24px}.auth-options{border-top:1px solid var(--line);margin-top:24px;padding-top:14px;font-size:14px}.auth-options p{margin:10px 0 0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tour-dialog{width:min(650px,100vw - 32px);max-height:90dvh;color:var(--ink);border:0;border-radius:22px;padding:0;overflow:auto;box-shadow:0 25px 100px #06232a55}.tour-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102c38a8}.tour-top{justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.tour-count{letter-spacing:1.5px;color:var(--muted);font-size:10px;font-weight:700}.icon-button{border:0;padding:0 10px;font-size:26px;line-height:36px}.tour-illustration{background:#e9f0e6;padding:28px 30px 30px}.tour-brand{color:#40745c;justify-content:center;align-items:center;gap:10px;font-size:25px;font-weight:800;display:flex}.tour-brand span{color:var(--ink);font-size:14px}.tour-path{gap:8px;margin-top:26px;display:flex}.tour-path>span{background:#ffffff8c;border:1px solid #d6e1d1;border-radius:10px;flex:1;place-items:center;padding:12px 4px;font-size:12px;display:grid}.tour-path>span.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.tour-path small{color:inherit;white-space:nowrap;font-size:10px}.tour-copy{padding:30px 36px 12px}.tour-copy h2{font-size:31px}.tour-copy>p{font-size:15px}.tour-copy .tour-detail{color:var(--muted);background:#f4f6f3;border-radius:9px;padding:14px;font-size:13px}.tour-footer{justify-content:space-between;align-items:center;gap:10px;padding:12px 30px 26px;display:flex}.tour-dots{gap:5px;display:flex}.tour-dots span{background:#d1dcd5;border-radius:50%;width:5px;height:5px}.tour-dots span.selected{background:var(--navy)}.tour-footer button{font-size:12px}.access-page{max-width:1160px;margin:auto;padding:35px 30px 70px}.access-brand{align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.access-brand img{width:42px;height:42px}.access-grid{grid-template-columns:1fr 1fr;align-items:center;gap:90px;margin:70px 0;display:grid}.access-story h2{font-size:45px;line-height:1.15}.access-story>p:not(.eyebrow){color:var(--muted);max-width:420px}.access-story ol{margin:35px 0;padding-left:24px}.access-story li{margin:20px 0;padding-left:8px}.access-story li span{color:var(--muted);font-size:13px;display:block}.login-card{padding:36px}.login-card h1{font-size:32px}.marketing{max-width:1240px;margin:auto;padding:28px 36px}.marketing-nav{justify-content:space-between;align-items:center;display:flex}.marketing-nav nav{align-items:center;gap:25px;font-size:14px;display:flex}.marketing-hero{grid-template-columns:1.1fr .8fr;align-items:center;gap:80px;padding:90px 0;display:grid}.marketing-hero h1{font-size:clamp(40px,4.8vw,64px);line-height:1.06}.marketing-hero>div>p:not(.eyebrow):not(.small-note){color:var(--muted);margin-top:26px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-example{border:1px solid var(--line);background:#fff;border-radius:22px;padding:35px;transform:rotate(1deg);box-shadow:0 18px 50px #25493610}.sample-tag{letter-spacing:2px;color:var(--muted);font-size:9px}.example-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:26px;padding:22px 0;font-size:13px;display:flex}.example-brand>div{background:#e8f0e2;border-radius:50%;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.hero-example p{color:var(--muted);font-size:14px}.hero-example ol{padding:0;list-style:none}.hero-example li{padding:12px 0;font-size:13px}.hero-example li span{color:#689470;width:30px;font-size:10px;display:inline-block}.example-footer{border-top:1px solid var(--line);color:var(--muted);padding-top:18px;font-size:11px}.marketing-steps{border-top:1px solid var(--line);padding:60px 0}.marketing-steps h2{font-size:36px}.marketing-steps>div{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:38px;display:grid}.marketing-steps article>span{color:#668268;font-size:12px}.marketing-steps h3{margin-top:20px}.marketing-steps article p{color:var(--muted);font-size:14px}.marketing-cta{text-align:center;background:#e8f0e3;border-radius:20px;margin:20px 0 55px;padding:55px 25px}.marketing-cta h2{max-width:530px;margin:0 auto 30px;font-size:38px}@media (max-width:1000px){.setup-strip{flex-direction:column;align-items:flex-start}.profile-layout{grid-template-columns:minmax(0,1fr) 230px}.profile-form{padding:25px}.access-grid{gap:40px}.marketing-hero{gap:35px}.marketing-nav .admin-brand strong{font-size:15px}}@media (max-width:760px){.admin-shell{padding:20px 16px}.admin-brand strong{font-size:14px}.admin-brand small{font-size:10px}.admin-brand img{width:35px;height:35px}.header-actions{gap:8px}.header-actions button{padding:9px;font-size:11px}.setup-strip{padding:20px}.setup-strip ol{flex-wrap:wrap;gap:10px}.setup-strip button{font-size:11px}.admin-tabs{gap:2px;margin:20px 0 25px}.admin-tabs button{padding:9px 12px;font-size:12px}.profile-layout,.share-grid{grid-template-columns:1fr}.profile-aside{order:2;max-width:none;padding:0}.profile-form,.admin-card{padding:23px}.form-grid{grid-template-columns:1fr;gap:20px}.save-row{flex-direction:column;align-items:stretch}.save-row small{max-width:none}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:20px}.metric strong{font-size:32px}.admin-title,.campaign-form,.campaign{flex-direction:column;align-items:stretch}.campaign-form label{width:100%}.workspace-footer{flex-direction:column;align-items:flex-start;gap:15px}.tour-copy{padding:25px 24px 10px}.tour-copy h2{font-size:27px}.tour-footer{padding:10px 20px 23px}.tour-dots{display:none}.tour-illustration{padding:22px 20px}.tour-path small{font-size:8px}.tour-top{padding:12px 20px}.access-page{padding:22px 18px}.access-grid{flex-direction:column-reverse;margin:30px 0;display:flex}.access-story{padding:20px}.access-story h2{font-size:34px}.login-card{width:100%;padding:27px}.marketing{padding:20px}.marketing-nav nav{gap:12px;font-size:12px}.marketing-nav .admin-brand strong{max-width:95px;font-size:13px}.marketing-nav .admin-primary{padding:9px;font-size:11px}.marketing-hero{grid-template-columns:1fr;gap:40px;padding:55px 0}.marketing-hero h1{font-size:43px}.marketing-steps>div{grid-template-columns:1fr 1fr;gap:20px}.marketing-steps h2,.marketing-cta h2{font-size:30px}.hero-example{transform:none}.copy-line{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
