@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#242820;font-synthesis:none;background:#f5f5ee;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}header,footer{justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:28px 48px;display:flex}header{border-bottom:1px solid #d9dcd0}.brand{align-items:center;gap:13px;font-size:24px;display:flex}.brand>span{font-size:17px;font-weight:500}.brand strong{font-weight:700}.version,.eyebrow,.tag,small,.event-log,.step-num{font-family:Space Mono,monospace}.version{color:#72766a;border:1px solid #d9dcd0;border-radius:30px;padding:7px 11px;font-size:11px}main{max-width:1224px;margin:auto;padding:55px 0 0}.eyebrow{letter-spacing:1.6px;color:#72766a;font-size:11px}h1{letter-spacing:-4px;margin:22px 0;font-size:clamp(42px,5.6vw,76px);line-height:1.04}h1 em{color:#758052;font-style:normal}.intro{color:#73786c;max-width:560px;margin-bottom:38px;font-size:16px;line-height:1.65}.workspace{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}.panel{background:#fff;border:1px solid #dce0d3;border-radius:16px;padding:28px}.section-title{justify-content:space-between;align-items:center;margin-bottom:22px;font-size:17px;font-weight:600;display:flex}.tag{letter-spacing:1px;color:#72766a;background:#f2f3ed;border-radius:4px;padding:6px 9px;font-size:9px}.upload{cursor:pointer;text-align:center;background:#f8f9f4;border:1px dashed #c3cab6;border-radius:10px;flex-direction:column;align-items:center;gap:9px;padding:28px 12px;display:flex;position:relative}.upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-icon{color:#758052;font-size:25px}.upload small{color:#72766a;font-size:9px}.field{flex-direction:column;gap:10px;margin-top:24px;font-size:12px;font-weight:600;display:flex}select,textarea{color:#424839;background:#fff;border:1px solid #dce0d3;border-radius:7px;width:100%;padding:12px}textarea{resize:vertical;height:155px;font-family:Space Mono,monospace;font-size:10px;line-height:1.6}.primary{color:#fff;cursor:pointer;background:#323e26;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:15px 17px;font-size:13px;font-weight:600;display:flex}.primary:disabled{opacity:.55;cursor:wait}.hint,.privacy{color:#8a8f82;font-size:11px;line-height:1.7}.hint{margin-bottom:0}.dot{background:#c5c9bc;border-radius:50%;width:7px;height:7px}.dot.live{background:#8a9a64;box-shadow:0 0 0 4px #f0f3e9}.status{color:#556540;background:#f2f4ed;border-radius:7px;min-height:40px;padding:12px;font-size:12px}.step{color:#9ba28f;border-bottom:1px solid #eef0e8;align-items:center;gap:16px;padding:21px 0;display:flex}.step-num{font-size:11px}.step>div{flex:1}.step strong{font-family:Space Mono,monospace;font-size:11px;font-weight:400}.step small{margin-top:6px;font-family:inherit;font-size:11px;display:block}.step.complete{color:#3f5429}.step.complete>span:last-child{background:#edf2e5;border-radius:50%;padding:3px 6px;font-size:11px}.event-log{color:#737c66;max-height:160px;margin-top:22px;font-size:9px;line-height:1.9;overflow:auto}.event-log>div{gap:18px;display:flex}.event-log time{color:#a1a598}.privacy{margin-top:20px}.integration{border-top:1px solid #d9dcd0;grid-template-columns:1fr 1fr;gap:56px;margin-top:40px;padding:64px 0;display:grid}.integration h2{letter-spacing:-1px;font-size:34px;line-height:1.15}.integration p{color:#73786c;font-size:13px;line-height:1.8}pre{white-space:pre-wrap;word-break:break-word}.integration pre{color:#5e6654;margin:0;font-family:Space Mono,monospace;font-size:11px;line-height:1.8}.preview{background:#f7f8f2;border-radius:8px;max-height:320px;padding:16px;font-family:Space Mono,monospace;font-size:11px;line-height:1.7;overflow:auto}.file-display{align-items:center;gap:15px;padding:24px 0;display:flex}.file-display strong{overflow-wrap:anywhere}.file-display small{color:#72766a;margin-top:8px;font-size:9px;display:block}h3{margin-top:28px;font-size:13px}.waiting{text-align:center;padding:80px 0}.waiting-icon{color:#a4b38b;font-size:44px}.waiting h2{letter-spacing:-.5px;font-size:21px}.waiting p{color:#8a8f82;font-size:13px;line-height:1.7}.text-button{color:#73786c;cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:11px;text-decoration:underline}footer{color:#8a8f82;border-top:1px solid #d9dcd0;font-size:10px}footer nav{gap:24px;display:flex}:focus-visible{outline-offset:4px;outline:2px solid #758052}@media (width<=1320px){main{margin:0 48px}}@media (width<=750px){header,footer{padding:22px}.brand>span{font-size:14px}main{margin:0 22px;padding-top:38px}h1{letter-spacing:-2px}.workspace,.integration{grid-template-columns:1fr}.panel{padding:22px}.integration{gap:24px;padding:40px 0}.integration pre{font-size:10px}footer{flex-direction:column;align-items:flex-start;gap:20px}footer nav{flex-wrap:wrap;gap:15px}.waiting{padding:55px 0}}.dt-continue-control{--dt-accent:var(--brand-teal,#0099a8);--dt-text:var(--brand-navy,#061a3d);--dt-error:var(--destructive,#b42318);--dt-border-opacity:30%;--dt-shadow:0 1px 2px color-mix(in srgb,var(--dt-accent) 5%,transparent);vertical-align:middle;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;max-width:100%;display:inline-flex;position:relative}@media (prefers-color-scheme:dark){.dt-continue-control[data-theme=auto]:not(:where(.light,.dark) *){--dt-accent:var(--brand-cyan,#67e8f9);--dt-text:var(--brand-cyan,#67e8f9);--dt-error:var(--destructive,#fda4af);--dt-border-opacity:40%;--dt-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:where(.dark) .dt-continue-control[data-theme=auto],.dt-continue-control[data-theme=dark]{--dt-accent:var(--brand-cyan,#67e8f9);--dt-text:var(--brand-cyan,#67e8f9);--dt-error:var(--destructive,#fda4af);--dt-border-opacity:40%;--dt-shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:where(.dark .light) .dt-continue-control[data-theme=auto]{--dt-accent:var(--brand-teal,#0099a8);--dt-text:var(--brand-navy,#061a3d);--dt-error:var(--destructive,#b42318);--dt-border-opacity:30%;--dt-shadow:0 1px 2px color-mix(in srgb,var(--dt-accent) 5%,transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dt-continue-button{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--dt-accent) var(--dt-border-opacity),transparent);border-radius:calc(var(--radius,12px) - 4px);background:color-mix(in srgb,var(--dt-accent) 10%,transparent);max-width:100%;min-height:44px;color:var(--dt-text);letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:var(--dt-shadow);appearance:none;justify-content:center;align-items:center;padding:10px 16px;font:500 14px/1.4 system-ui,sans-serif;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.dt-continue-button:not(:disabled):hover{background:color-mix(in srgb,var(--dt-accent) 16%,transparent);border-color:color-mix(in srgb,var(--dt-accent) 50%,transparent)}.dt-continue-button:not(:disabled):active{background:color-mix(in srgb,var(--dt-accent) 22%,transparent)}.dt-continue-button:focus-visible{outline:3px solid var(--dt-accent);outline-offset:3px}.dt-continue-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.dt-continue-button[aria-busy=true]{cursor:wait}.dt-continue-button--outline{box-shadow:none;background:0 0}.dt-continue-error{color:var(--dt-error);overflow-wrap:anywhere;max-width:280px;font:400 12px/1.5 system-ui,sans-serif}.dt-continue-preview{white-space:nowrap;align-items:center;gap:6px;max-width:100%;display:inline-flex}.dt-continue-reel{min-width:0;height:1.6em;line-height:1.6;display:grid;position:relative;overflow:hidden}.dt-continue-reel>span{text-align:left;text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;padding:0 5px;transition:transform .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.dt-continue-product{color:var(--dt-text);background:color-mix(in srgb,var(--dt-accent) 10%,transparent);border-radius:4px}.dt-continue-label{overflow-wrap:anywhere;text-align:center;min-width:0;max-width:100%}.dt-continue-preview>span:first-child{flex-shrink:0}@media (prefers-reduced-motion:reduce){.dt-continue-button,.dt-continue-reel>span{transition:none}}@media (forced-colors:active){.dt-continue-button{border:1px solid buttontext}.dt-continue-button:focus-visible{outline-color:highlight}.dt-continue-button:disabled{opacity:1;color:graytext}}.dt-continue-button--icon{width:44px;min-width:44px;padding:10px}.dt-continue-icon{flex-shrink:0;display:block}.dt-continue-tooltip{z-index:30;border:1px solid color-mix(in srgb,var(--dt-accent) 30%,transparent);background:var(--brand-navy,#061a3d);color:#f8fafc;visibility:hidden;pointer-events:none;border-radius:6px;width:max-content;padding:6px 8px;font:400 12px/1.4 system-ui,sans-serif;position:absolute;top:calc(100% + 8px);left:0}.dt-continue-control:hover .dt-continue-tooltip,.dt-continue-control:focus-within .dt-continue-tooltip{visibility:visible}