:root{font-family:system-ui,sans-serif;color:#173032;background:#f3f6f5}*{box-sizing:border-box}body{margin:0}header{background:#142c3e;color:white;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}header h1{margin:0;font-size:24px}header a{color:white}main{max-width:1120px;margin:32px auto;padding:0 24px}button,.button{cursor:pointer;border:1px solid #adc4be;border-radius:8px;background:white;color:#173e39;padding:11px 16px;font:inherit;text-decoration:none;display:inline-block}button.primary,.primary{background:#142c3e;color:white}button:disabled{opacity:.5;cursor:default}input,textarea,select{display:block;width:100%;font:inherit;border:1px solid #9ab3ac;border-radius:6px;padding:10px;margin:6px 0 16px}input[type=checkbox]{display:inline;width:auto;margin:0 8px}label{font-size:14px;font-weight:600}small,.muted{color:#5b716b}section,.panel{background:white;border:1px solid #d8e2de;border-radius:14px;padding:24px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row input{margin:0}.badge{font-size:12px;background:#e1f2eb;border-radius:20px;padding:5px 10px}#notice{padding:12px 6%;background:#fff2d2;color:#593b00}#notice:empty{display:none}.profile{max-width:560px;text-align:center;margin:40px auto}.portrait{width:112px;height:112px;object-fit:cover;border-radius:50%}.logo{max-width:min(200px,100%);max-height:110px;width:auto;height:auto;object-fit:contain}.profile .button{display:block;margin:12px 0}.profile p{white-space:pre-wrap;overflow-wrap:anywhere}.profile h1{font-size:34px}.qr{width:180px;height:180px}.hidden{display:none}details{margin:16px 0}summary{cursor:pointer;font-weight:600}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.lead{border-bottom:1px solid #ddd;padding:16px 0}.hint{font-size:13px}.wide{grid-column:1/-1}a{color:#126657}.honeypot{position:absolute;left:-10000px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #de9e28;outline-offset:2px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{padding:0 14px}.profile{margin:20px auto}section{padding:18px}}
header small{color:#fff}
header[class^="theme-"]{background:var(--card-accent)}
.theme-green{--card-accent:#126657;--card-tint:#eef7f3}
.theme-blue{--card-accent:#234b80;--card-tint:#eff4fb}
.theme-purple{--card-accent:#633c80;--card-tint:#f6f0fa}
.theme-charcoal{--card-accent:#333333;--card-tint:#f2f2f2}
.card-surface{background:var(--card-tint);border-top:6px solid var(--card-accent);padding:24px;border-radius:14px}
.card-surface .card-surface{background:transparent;border:0;padding:0;margin:12px auto 24px}
.card-surface h1,.card-surface h2{color:var(--card-accent)}
.card-surface .button,.card-surface button{color:var(--card-accent);border-color:var(--card-accent)}
.card-surface .primary{background:var(--card-accent);color:#fff}
.card-surface .badge{background:#fff;color:var(--card-accent)}

fieldset{border:0;padding:0;min-width:0}fieldset:disabled{opacity:.65}.link-editor,.question-editor{padding:16px 0;border-bottom:1px solid #d8e2de;margin-bottom:16px}.social-icon{width:22px;height:22px;flex:none;vertical-align:middle}.profile .card-links .button{display:flex;align-items:center;justify-content:center;gap:10px}.layout-left{text-align:left}.layout-left .card-links .button{justify-content:flex-start}.layout-compact .card-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.layout-compact .card-links .button{margin:0;overflow-wrap:anywhere;min-width:0}.layout-compact .portrait{width:80px;height:80px}.layout-compact h1{font-size:28px}.checkbox-question{display:block;margin:16px 0}@media(max-width:380px){.layout-compact .card-links{grid-template-columns:1fr}}

/* Product marketing is scoped to the landing page; card-selected themes remain intact. */
.brand-landing{--ink:#142c3e;--mint:#d9f5df;color:var(--ink)}.brand-landing section{border:0}.brand-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:56px 36px;background:#f3f6f5}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.16em;margin:0 0 22px}.brand-hero h2{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0 0 26px;font-weight:750}.hero-copy{font-size:18px;line-height:1.7;max-width:510px}.brand-landing .primary{background:var(--ink);border-color:var(--ink);color:white}.brand-landing .row{gap:20px;margin-top:28px}.text-link{font-size:14px;font-weight:650;color:var(--ink)}.hero-note{font-size:13px;margin-top:24px;color:#52646c}.brand-illustration{background:var(--mint);border-radius:28px;padding:30px;transform:rotate(2deg);position:relative}.example-label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:22px}.example-card{background:#fff;border-radius:18px;padding:30px 24px;box-shadow:0 12px 32px #142c3e12;transform:rotate(-4deg);text-align:center}.example-avatar{width:68px;height:68px;display:grid;place-items:center;background:#234b80;color:white;font-size:24px;border-radius:50%;margin:auto}.example-name{font-size:25px;font-weight:700;margin:18px 0 4px}.example-card p:not(.example-name){font-size:13px;color:#536672}.example-tags{display:flex;justify-content:center;gap:8px;margin:24px 0 12px}.example-tags span{border:1px solid #cedbd8;padding:10px;font-size:11px;border-radius:7px}.example-contact{padding:13px;background:#234b80;color:#fff;border-radius:8px;font-size:13px;font-weight:650}.example-card .example-caption{font-size:10px!important;margin-top:20px}.example-note{padding-top:26px;font-size:15px;font-weight:650;line-height:1.5}.brand-value{padding:44px 32px}.brand-landing h2:not(.brand-hero h2){font-size:34px;line-height:1.15;letter-spacing:-.035em;margin:0 0 24px}.brand-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}.feature-number{font-size:11px;letter-spacing:.1em;color:#52646c}.brand-features h3{font-size:21px;margin:16px 0}.brand-features p,.brand-audiences p,.brand-details p{font-size:15px;line-height:1.75}.brand-audiences{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d4e0de;padding:0;overflow:hidden}.brand-audiences article{padding:40px;background:#e9f0ee}.brand-audiences article+article{background:#e9eff6}.brand-steps{padding:44px 32px}.brand-steps ol{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;margin:34px 0 0}.brand-steps li{counter-increment:step}.brand-steps li:before{content:'0' counter(step);display:block;color:#14715d;font-size:26px;margin-bottom:14px}.brand-steps strong,.brand-steps span{display:block}.brand-steps span{font-size:14px;line-height:1.7;margin-top:10px;color:#52646c}.brand-details{padding:44px 32px;background:#e7f2eb}.brand-details p{max-width:760px}.brand-signin{max-width:600px;margin:44px auto;padding:32px;scroll-margin-top:24px}.brand-signin form{margin-top:24px}#how-cards-work{scroll-margin-top:24px}@media(max-width:760px){.brand-hero{grid-template-columns:1fr;padding:26px 8px;gap:34px}.brand-illustration{max-width:400px;width:calc(100% - 12px);margin:auto}.brand-features,.brand-audiences,.brand-steps ol{grid-template-columns:1fr}.brand-value,.brand-steps,.brand-details{padding:28px 22px}.brand-audiences article{padding:28px 22px}.brand-landing h2:not(.brand-hero h2){font-size:30px}.brand-signin{padding:24px}}

.theme-navy{--card-accent:#142c3e;--card-tint:#edf2f6}

/* Logo sizes use local classes to comply with the strict style CSP. */
.logo-size-preview{max-width:560px;margin:16px auto;text-align:center;overflow:hidden}.logo-size-preview .logo{vertical-align:middle}input[type=range]{padding:0;min-height:32px}
.logo.logo-size-80{width:min(80px,100%);max-width:100%;max-height:44px}
.logo.logo-size-90{width:min(90px,100%);max-width:100%;max-height:49.5px}
.logo.logo-size-100{width:min(100px,100%);max-width:100%;max-height:55px}
.logo.logo-size-110{width:min(110px,100%);max-width:100%;max-height:60.5px}
.logo.logo-size-120{width:min(120px,100%);max-width:100%;max-height:66px}
.logo.logo-size-130{width:min(130px,100%);max-width:100%;max-height:71.5px}
.logo.logo-size-140{width:min(140px,100%);max-width:100%;max-height:77px}
.logo.logo-size-150{width:min(150px,100%);max-width:100%;max-height:82.5px}
.logo.logo-size-160{width:min(160px,100%);max-width:100%;max-height:88px}
.logo.logo-size-170{width:min(170px,100%);max-width:100%;max-height:93.5px}
.logo.logo-size-180{width:min(180px,100%);max-width:100%;max-height:99px}
.logo.logo-size-190{width:min(190px,100%);max-width:100%;max-height:104.5px}
.logo.logo-size-200{width:min(200px,100%);max-width:100%;max-height:110px}
.logo.logo-size-210{width:min(210px,100%);max-width:100%;max-height:115.5px}
.logo.logo-size-220{width:min(220px,100%);max-width:100%;max-height:121px}
.logo.logo-size-230{width:min(230px,100%);max-width:100%;max-height:126.5px}
.logo.logo-size-240{width:min(240px,100%);max-width:100%;max-height:132px}
.logo.logo-size-250{width:min(250px,100%);max-width:100%;max-height:137.5px}
.logo.logo-size-260{width:min(260px,100%);max-width:100%;max-height:143px}
.logo.logo-size-270{width:min(270px,100%);max-width:100%;max-height:148.5px}
.logo.logo-size-280{width:min(280px,100%);max-width:100%;max-height:154px}
.logo.logo-size-290{width:min(290px,100%);max-width:100%;max-height:159.5px}
.logo.logo-size-300{width:min(300px,100%);max-width:100%;max-height:165px}
.logo.logo-size-310{width:min(310px,100%);max-width:100%;max-height:170.5px}
.logo.logo-size-320{width:min(320px,100%);max-width:100%;max-height:176px}
.logo.logo-size-330{width:min(330px,100%);max-width:100%;max-height:181.5px}
.logo.logo-size-340{width:min(340px,100%);max-width:100%;max-height:187px}
.logo.logo-size-350{width:min(350px,100%);max-width:100%;max-height:192.5px}
.logo.logo-size-360{width:min(360px,100%);max-width:100%;max-height:198px}
.logo.logo-size-370{width:min(370px,100%);max-width:100%;max-height:203.5px}
.logo.logo-size-380{width:min(380px,100%);max-width:100%;max-height:209px}
.logo.logo-size-390{width:min(390px,100%);max-width:100%;max-height:214.5px}
.logo.logo-size-400{width:min(400px,100%);max-width:100%;max-height:220px}
.logo.logo-size-410{width:min(410px,100%);max-width:100%;max-height:225.5px}
.logo.logo-size-420{width:min(420px,100%);max-width:100%;max-height:231px}
.logo.logo-size-430{width:min(430px,100%);max-width:100%;max-height:236.5px}
.logo.logo-size-440{width:min(440px,100%);max-width:100%;max-height:242px}
.logo.logo-size-450{width:min(450px,100%);max-width:100%;max-height:247.5px}
.logo.logo-size-460{width:min(460px,100%);max-width:100%;max-height:253px}
.logo.logo-size-470{width:min(470px,100%);max-width:100%;max-height:258.5px}
.logo.logo-size-480{width:min(480px,100%);max-width:100%;max-height:264px}