:root{font-family:Segoe UI,Arial,sans-serif;color:#24313c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{--ink:#12256c;--accent:#101b77;--soft:#eaf0fc;--edge:#b4c2df;--page:#f4f6fb;min-height:100vh;background:var(--page)}.theme-cambio{--ink:#283820;--accent:#507323;--soft:#edffd9;--edge:#b8d598;--page:#f6f9f2}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:6px;background:var(--accent);color:#fff;padding:10px 12px;font-weight:600;font-size:12px}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #5894cf;outline-offset:3px}header{height:82px;background:#fff;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.wordmark{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);font-size:21px;font-weight:700}.brand-logo{width:70px;height:70px;object-fit:contain}.theme-cambio .brand-logo{width:114px}.wordmark>span{border-left:1px solid var(--edge);padding-left:18px}.wordmark small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:400;margin-top:5px}.account{display:flex;align-items:center;gap:18px}.environment,.pill{font-size:9px;background:var(--soft);color:var(--ink);padding:5px 8px;border-radius:20px}.quiet{background:transparent;color:var(--accent);padding:6px 0}.quiet:hover{text-decoration:underline}main{max-width:1700px;margin:auto;padding:22px 28px}.intro{display:flex;align-items:baseline;gap:20px;margin:0 0 20px}h1{font-size:27px;color:var(--ink);margin:0}h2{font-size:18px;color:var(--ink);margin:0 0 12px}h3{font-size:13px;color:var(--ink);margin:14px 0 10px}.intro p,.muted{color:#647180;font-size:12px;line-height:1.5;margin:0}.workspace{display:grid;grid-template-columns:290px minmax(540px,1fr) 290px;gap:20px;align-items:start}.card{background:#fff;border:1px solid #dee3ec;border-radius:10px;box-shadow:0 3px 12px #18203808}.editor,.delivery{padding:18px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0}.brand-picker{display:flex;gap:6px;margin:16px 0}.brand-picker button{flex:1;background:#fff;border:1px solid #d8deea;color:#54616c;font-size:10px;display:flex;justify-content:space-between;padding:9px 6px}.brand-picker button.chosen{background:var(--soft);color:var(--ink);border-color:var(--edge)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.fields label{font-size:11px;font-weight:600;min-width:0}.fields input,.fields select{width:100%;border:1px solid #d8dfe6;border-radius:5px;padding:8px;margin-top:5px;font-size:12px;background:#fff;color:#273a49;min-width:0}.wide{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:7px}.fields .checkbox input{width:auto;margin:0}.field-help,.hint{font-size:10px;line-height:1.5;color:#647180;font-weight:400;display:block;margin:7px 0 0}.hint{border-top:1px solid #e9edf2;padding-top:12px;margin-top:16px}.preview-column{min-width:0;overflow:auto}.preview-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--accent);margin:0}.tabs{display:flex;background:var(--soft);border-radius:6px;padding:3px;gap:2px}.tabs button{background:transparent;color:#5c6975;padding:7px 9px;font-size:11px;flex:1}.tabs button.active{background:#fff;color:var(--accent);box-shadow:0 1px 4px #182b4015}.mail{min-width:540px;overflow:hidden}.mail-top{display:flex;gap:14px;padding:11px 16px;background:var(--soft);color:var(--ink);font-size:11px}.dots{display:flex;gap:4px;align-items:center}.dots i{height:6px;width:6px;border-radius:50%;background:var(--edge)}.mail-body{padding:20px 12px 8px;color:#62707b;font-size:12px}.mail-body>p{margin:0 0 18px}iframe{display:block;width:100%;border:0;background:#fff;margin-top:18px}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;font-size:10px;color:#647180}.preview-footer button{font-size:11px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 16px}.app-grid label{display:flex;gap:6px;align-items:center;padding:9px 6px;border:1px solid #dce2ec;border-radius:6px;font-size:11px;cursor:pointer}.app-grid label.selected{background:var(--soft);border-color:var(--edge);color:var(--ink)}input[type=checkbox]{accent-color:var(--accent)}.app-grid input{margin:0;width:12px}.app-icon{width:21px;height:24px;display:grid;place-items:center;color:var(--accent);font-size:15px;font-weight:700;flex-shrink:0}.device-choice>span,.outlook-method>label{font-size:11px;display:block;margin-bottom:6px;color:#5a6874}.device-choice,.outlook-method{margin:14px 0}.setup{border-top:1px solid #e6eaf0;padding-top:2px;margin-top:16px}.setup ol{list-style:none;counter-reset:steps;padding:0;margin:10px 0}.setup li{counter-increment:steps;position:relative;padding-left:27px;font-size:11px;line-height:1.55;margin:0 0 13px}.setup li:before{content:counter(steps);position:absolute;left:0;top:0;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--accent);font-size:10px;font-weight:700}.setup p{font-size:11px;line-height:1.6;color:#61717c}details{margin:12px 0}summary{cursor:pointer;font-size:11px;color:var(--accent)}.actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e7ebf1;padding-top:14px;margin-top:16px}.actions p{font-size:10px;color:#647180;margin:0;line-height:1.5}.secondary{background:#fff;border:1px solid var(--edge);color:var(--accent)}.alert,.demo{padding:10px 14px;font-size:12px;line-height:1.5;border-radius:6px;margin-bottom:14px}.notice{background:#e2eee6;color:#245c39}.error{background:#f9e8e5;color:#8f3229}.demo{background:var(--soft);color:var(--ink)}.welcome{padding:40px;background:#fff;border-radius:10px}.welcome p{font-size:14px}footer{display:flex;justify-content:space-between;max-width:1644px;margin:10px auto;padding:20px 28px;font-size:10px;color:#70808c;border-top:1px solid #dfe5ed}@media(min-width:1550px){.workspace{grid-template-columns:320px minmax(560px,1fr) 320px}}@media(max-width:1279px){.workspace{grid-template-columns:290px minmax(0,1fr)}.delivery{grid-column:1/-1;display:grid;grid-template-columns:260px 1fr;gap:0 24px}.delivery>h2,.delivery>.muted,.delivery>.app-grid,.delivery>.device-choice,.delivery>.outlook-method,.delivery>.actions{grid-column:1}.delivery>.setup{grid-column:2;grid-row:1/8;margin:0;border:0;padding-left:22px;border-left:1px solid #e6eaf0}.intro{display:block}.intro p{margin-top:7px}}@media(max-width:900px){.workspace{grid-template-columns:1fr}.delivery{grid-column:auto}.editor .fields{grid-template-columns:repeat(2,1fr)}.fields .wide{grid-column:1/-1}.editor{max-width:none}.intro{margin-bottom:16px}header{padding:0 16px}.environment{display:none}main{padding:20px 16px}.wordmark{font-size:17px}.wordmark small{font-size:8px}.brand-logo{width:55px;height:65px}}@media(max-width:600px){.delivery{display:block}.delivery>.setup{padding-left:0;border-left:0;border-top:1px solid #e6eaf0;margin-top:14px}.preview-footer{flex-wrap:wrap}.wordmark small{display:none}.wordmark{gap:8px}.wordmark>span{padding-left:10px}.account{gap:6px}.account button{font-size:10px}h1{font-size:24px}.theme-cambio .brand-logo{width:83px}footer{gap:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.instruction-picker{display:block;font-size:11px;margin:12px 0}.instruction-picker select{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid var(--edge);border-radius:5px;background:#fff;font-size:12px}.shell{--ink:#102465;--accent:#172c9c;--soft:#eaf0ff;--edge:#bdcbf3;--page:#f2f5fc;--bright:#456cf0;background:radial-gradient(ellipse at 85% 5%,#dde6ff 0,transparent 42%),var(--page)}.shell.theme-cambio{--ink:#203c21;--accent:#38691f;--soft:#eaffcf;--edge:#b9dc92;--page:#f4f8ed;--bright:#a9ec4a;background:radial-gradient(ellipse at 85% 5%,#e0f7bd 0,transparent 42%),var(--page)}header{height:86px;border-top:4px solid var(--bright);border-bottom:1px solid var(--edge);background:linear-gradient(110deg,#fff 35%,var(--soft));box-shadow:0 3px 18px #1d326008}.wordmark{font-size:23px;letter-spacing:-.6px;gap:22px}.wordmark small{letter-spacing:1.8px;font-size:9px;color:var(--accent)}.wordmark>.header-mark{border:0;padding:0;display:flex;align-items:center;justify-content:center;min-width:64px}.bgc-lettering{display:flex;gap:4px;height:37px}.bgc-lettering i{display:block;width:20px;height:37px;background-image:var(--brand-art);background-size:160px 160px;background-repeat:no-repeat;background-position:-43.5px -89px}.bgc-lettering i:nth-child(2){background-position:-69.6px -89px}.bgc-lettering i:nth-child(3){background-position:-95.8px -89px}.cambio-type{font-size:23px;line-height:1.1;font-weight:750;letter-spacing:-1px}.cambio-type>span{display:block;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-top:4px;color:var(--accent)}main{padding-top:28px}.intro{margin-bottom:24px;gap:24px}h1{font-size:29px;letter-spacing:-.9px}.intro p{font-size:13px;color:#65738b}.card{border-color:#dce3ef;border-radius:15px;box-shadow:0 6px 24px #18305a09}.theme-cambio .card{border-color:#dce7d1;box-shadow:0 6px 24px #2b4a1409}.editor,.delivery{padding:20px}.section-heading h2,.delivery>h2{font-size:19px;letter-spacing:-.4px}.pill{background:var(--soft);border:1px solid var(--edge);font-weight:600}.brand-picker{background:var(--page);padding:4px;border-radius:9px;gap:4px}.brand-picker button{border-color:transparent;background:transparent;border-radius:6px;font-size:11px;padding:9px 7px}.brand-picker button.chosen{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 6px #172c9c20}.fields label{color:#47556d}.fields input,.fields select{border-color:#dfe5ef;background:#fbfcff;padding:9px;border-radius:7px;transition:border-color .15s,box-shadow .15s}.fields input:hover,.fields select:hover{border-color:var(--edge)}.fields input:focus,.fields select:focus{background:#fff;border-color:var(--bright)}.theme-cambio .fields input,.theme-cambio .fields select{background:#fdfff9}.tabs{padding:4px;border:1px solid var(--edge);border-radius:9px}.tabs button{border-radius:6px;white-space:nowrap}.tabs button.active{color:var(--ink);box-shadow:0 2px 6px #152b5412}.preview-top{min-height:40px}.mail-top{padding:13px 17px;background:linear-gradient(100deg,var(--soft),#fff);border-bottom:1px solid var(--edge)}.dots i{background:var(--bright);opacity:.45}.dots i:first-child{opacity:1}.dots i:nth-child(2){opacity:.7}.mail-body{padding:24px 18px 10px}.preview-footer{padding:12px 3px}.app-grid{gap:8px}.app-grid label{position:relative;min-height:52px;border-radius:9px;padding:10px 8px;font-weight:600;background:#fff;transition:border-color .15s,background .15s}.app-grid label.selected{border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.app-icon{background:var(--soft);border-radius:5px;width:23px;height:25px}.app-grid label.selected .app-icon{background:var(--accent);color:#fff}.setup li{font-size:12px;line-height:1.6;padding-left:29px}.setup li:before{background:var(--accent);color:#fff;width:21px;height:21px}.setup h3{font-size:14px}.field-help{line-height:1.6}.actions>button:first-child{background:linear-gradient(115deg,var(--accent),#3655cc);min-height:42px;box-shadow:0 4px 10px #253fa824;border-radius:8px}.theme-cambio .actions>button:first-child{background:linear-gradient(115deg,#315f20,#507f21);box-shadow:0 4px 10px #42651c24}.actions .secondary{border-radius:8px;min-height:39px}.notice{border:1px solid #c4e4d3}.demo{border:1px solid var(--edge)}footer{color:#72809a}@media(max-width:600px){header{height:76px;padding:0 16px}.wordmark{font-size:18px;gap:12px}.wordmark>.header-mark{min-width:54px}.bgc-lettering{transform:scale(.82);transform-origin:center}.cambio-type{font-size:19px}.wordmark>span:not(.header-mark){padding-left:12px}main{padding-top:20px}.intro h1{font-size:25px}.editor,.delivery{padding:18px}}.device-choice>span,.outlook-method>label,.instruction-picker{color:var(--ink);font-weight:700;font-size:12px}.delivery>.muted{color:#40516a;font-weight:600}.field-help,.hint,.setup p,.actions p{color:#465770}.theme-cambio .field-help,.theme-cambio .hint,.theme-cambio .setup p,.theme-cambio .actions p,.theme-cambio .delivery>.muted{color:#42533c}.tabs button{color:#46566b;font-weight:600}.theme-cambio .tabs button{color:#42543a}.tabs button.active{font-weight:700}.form-field{min-width:0}.field-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:19px}.field-caption>label{font-weight:650}.field-tooltip{position:relative;margin:0;flex-shrink:0}.field-tooltip summary{display:grid;place-items:center;width:23px;height:23px;color:var(--accent);border-radius:5px;list-style:none;background:var(--soft)}.field-tooltip summary::-webkit-details-marker{display:none}.field-tooltip summary:hover,.field-tooltip[open] summary{background:var(--accent);color:#fff}.tooltip-body{position:absolute;right:0;top:29px;z-index:20;width:min(260px,72vw);padding:13px 15px;background:#fff;border:1px solid var(--edge);border-radius:9px;box-shadow:0 7px 25px #122b6126;color:#26384a;font-size:12px;font-weight:400;line-height:1.65}.tooltip-body a{color:var(--accent);text-decoration:underline}.tooltip-body strong{display:block;margin-top:6px}.fields select:disabled{color:#657181;background:#f1f4f7}.business-card-request{border-top:1px solid var(--edge);padding-top:12px}.card-request-actions{margin-top:8px}.card-request-actions>button{width:100%;font-size:11px;margin-top:8px}.quantity-note{font-size:11px;color:var(--ink);font-weight:650;line-height:1.6}.request-review{font-size:11px;line-height:1.5}.request-review summary{font-weight:650}.request-review p{overflow-wrap:anywhere}.request-review dl{margin:8px 0;background:var(--soft);padding:10px;border-radius:7px}.request-review dt{font-weight:700}.request-review dd{margin:0 0 8px;overflow-wrap:anywhere}.request-result{padding:9px;border-radius:6px;font-size:11px;line-height:1.55}.request-result.success{background:#e1f2e8;color:#225637}.request-result.failure{background:#fff0ed;color:#8a2f24}