:root{--paper:#f8f7f2;--white:#fffefb;--ink:#292d29;--muted:#666b60;--line:#dddfd4;--accent:#91432e;--tint:#eceee4}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}button,.button{background:var(--white);color:var(--ink);cursor:pointer;border:1px solid #9c9f91;border-radius:7px;min-height:44px;padding:10px 18px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:var(--tint)}button:disabled{cursor:wait;opacity:.55}.primary{background:var(--ink);color:var(--white);border-color:var(--ink)}.primary:hover{background:#444a41}input,textarea,select{background:var(--white);width:100%;color:var(--ink);border:1px solid #b4b9a9;border-radius:6px;padding:10px}input[type=color]{height:45px}label{margin:16px 0 6px;font-size:13px;font-weight:600;display:block}textarea{resize:vertical;min-height:110px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.6px;font-size:42px;font-weight:550;line-height:1.12}h2{letter-spacing:-.6px;font-size:24px;font-weight:550}h3{font-size:17px;font-weight:600}p{max-width:66ch}.muted{color:var(--muted)}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.brand{letter-spacing:-.7px;font-size:20px;font-weight:700;text-decoration:none}.brand span{color:var(--muted);font-weight:400}.shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#eeefe6;flex-direction:column;gap:32px;padding:32px 24px;display:flex}.sidebar nav{gap:8px;display:grid}.sidebar nav button{border-radius:5px;padding:10px 12px;text-decoration:none}.sidebar nav button:hover{background:#e1e4d7}.sidebar footer{color:var(--muted);margin-top:auto;font-size:12px}.main{max-width:1500px;padding:40px clamp(24px,5vw,76px)}.topline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:52px;display:flex}.badge{border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:4px 10px;font-size:12px;display:inline-block}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.toolbar select{width:auto;max-width:100%}.section{border-top:1px solid var(--line);margin-top:42px;padding-top:28px}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.row p{margin:4px 0 0}.row h3{margin:0}.split{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:40px;display:grid}.preview{background:#e9ecdf;border-radius:10px;justify-content:center;align-items:center;min-height:490px;padding:32px;display:flex}.form{max-width:460px}.notice{border:1px solid var(--line);background:#eeeee2;border-radius:7px;margin:18px 0;padding:14px 18px}.error{color:#923421}.empty{padding:50px 0}.empty p{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:15px 12px}th{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:11px}.table-wrap{overflow:auto}code,pre{overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace}pre{white-space:pre-wrap;background:var(--tint);padding:20px}.auth{max-width:430px;margin:70px auto;padding:25px}.auth h1{margin-top:55px}.hero{max-width:1500px;margin:auto;padding:100px 7vw}.hero h1{letter-spacing:-3px;max-width:850px;margin:30px 0;font-family:Georgia,serif;font-size:clamp(50px,7vw,96px);font-weight:400;line-height:1.03}.hero p{color:var(--muted);max-width:620px;font-size:19px}.hero-grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;display:grid}.hero-art{background:#e6eadb;border-radius:50% 50% 12px 12px;padding:40px}.page-head{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.demo-banner{z-index:100;max-width:calc(100vw - 48px);position:fixed;bottom:24px;right:24px}.tabs{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.check{align-items:center;gap:8px;display:flex}.check input{width:auto}:focus-visible{outline-offset:3px;outline:3px solid #2468ad}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:12px;padding:20px}.sidebar nav{flex-wrap:wrap;display:flex}.sidebar footer{display:none}.split,.hero-grid{grid-template-columns:1fr}.main{padding:28px 20px}.topline{margin-bottom:32px}.hero{padding:60px 22px}.hero-art{padding:18px}h1{font-size:34px}.row,.page-head{flex-wrap:wrap;align-items:flex-start}.preview{padding:18px}.demo-banner{max-width:calc(100vw - 24px);bottom:12px;right:12px}}@media (prefers-reduced-motion:no-preference){button,a{transition:background .15s}}.sidebar nav button{text-align:left;background:0 0;border:0}.banner-models{border:0;min-width:0;margin:28px 0 32px;padding:0}.banner-models legend{font-size:16px;font-weight:650}.model-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.model-option{cursor:pointer;border:1px solid #c8cbc0;border-radius:12px;flex-direction:column;gap:8px;padding:16px;font-size:13px;font-weight:400;display:flex;position:relative}.model-option.selected{background:#efefe6;border-color:#292e2b;outline:1px solid #292e2b}.model-option:focus-within{outline-offset:3px;outline:3px solid #245cad}.model-option input{accent-color:#292e2b;width:18px;height:18px;min-height:0;position:absolute;top:12px;right:12px}.model-option strong{font-size:16px}.model-sample{background:#fffdf8;border:1px solid #a8aaa2;border-radius:8px;flex-direction:column;gap:5px;width:80px;height:58px;margin:4px 0;padding:12px 10px;display:flex}.model-sample i{background:#848b82;border-radius:2px;width:80%;height:3px}.model-sample i:last-child{background:#292e2b;width:100%;height:8px}.model-sample.premium{border-top:16px solid #dac2ae;border-radius:12px;height:68px;transform:rotate(-3deg)}.model-note{color:#60675c;margin-top:12px;font-size:12px}@media (max-width:420px){.model-options{gap:8px}.model-option{padding:12px;font-size:12px}.model-option input{top:8px;right:8px}}.banner-edit-dialog{border:1px solid var(--line,#d8d6cf);color:#292a26;background:#fffdf8;border-radius:18px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 24px 80px #0003}.banner-edit-dialog::backdrop{background:#24251f66}.banner-edit-dialog h2{flex:1;margin:0;font-size:24px}.banner-edit-dialog label{gap:8px;margin:20px 0;display:grid}.banner-edit-dialog input,.banner-edit-dialog textarea{width:100%}.banner-edit-dialog .error{color:#923a22}@media (max-width:480px){.banner-edit-dialog{padding:20px}}.main:has(.banner-workspace){width:100%;max-width:1920px}.editor-publishing{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:32px;padding:8px 0 24px;display:flex}.editor-publishing>p:first-child{color:var(--muted);flex:1;margin:0}.editor-publishing .toolbar{margin:0}.editor-publishing .notice{flex-basis:100%;order:2;margin:0}.editor-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:40px;display:grid}.editor-stage{min-width:0;position:sticky;top:24px}.preview-heading{width:100%}.preview-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-title-row h2{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2vw,28px)}.preview-languages{background:#fffdf866;border:1px solid #292a2622;border-radius:999px;flex-shrink:0;gap:4px;min-width:0;margin:0;padding:4px;display:flex}.preview .preview-languages button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:23px;line-height:1;display:grid}.preview .preview-languages button[aria-pressed=true]{background:#fffdf8;border-color:#292a2677;box-shadow:0 2px 5px #292a2612}.preview .preview-languages button:hover{background:#fffdf8}.editor-hint{max-width:620px;color:var(--muted);margin:12px 0 0;font-size:14px}.editor-stage .preview{border-radius:18px;min-height:620px;padding:40px 24px}.editor-stage .preview>div{max-width:100%}.editor-caption{margin:16px 0 0;font-size:13px}.editor-settings{border-left:1px solid var(--line);min-width:0;padding-left:32px}.editor-settings>h2{margin-top:0;font-size:22px}.editor-settings>p{font-size:14px}.editor-settings .model-option{padding:12px}@media (max-width:1200px){.editor-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.editor-settings{padding-left:24px}.editor-stage .preview{padding:24px 12px}}@media (max-width:1050px){.editor-layout{grid-template-columns:1fr;gap:40px}.editor-stage{position:static}.editor-settings{border-left:0;border-top:1px solid var(--line);padding:32px 0 0}.editor-stage .preview{min-height:480px}}@media (max-width:540px){.editor-stage .preview{padding:20px 8px}.editor-publishing .toolbar{width:100%}.editor-publishing .toolbar button{flex:1}}.main:has(.banner-workspace){min-width:0}.main:has(.banner-workspace) .topline{margin-bottom:24px}.editor-settings fieldset{min-width:0}.editor-settings input,.editor-settings textarea,.editor-settings select,.service-connection select{min-width:0;max-width:100%}.editor-settings .split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.site-heading{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:8px 0 24px;display:flex}.site-heading h1{margin:0}.site-origin{overflow-wrap:anywhere}.site-navigation{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:32px;padding-bottom:12px;display:flex}.site-navigation .tabs{gap:20px;margin:0}.site-navigation .tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 4px}.site-navigation .tabs button[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:650}.site-navigation .tabs button:hover{background:var(--tint);color:var(--ink)}.site-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}.site-actions .publish-action{background:var(--accent);border-color:var(--accent);color:#fff}.site-actions .publish-action:hover{background:#783723;border-color:#783723}.editor-publishing{border:0;margin-bottom:24px;padding:0}.editor-publishing:empty{display:none}@media (max-width:640px){.site-heading{gap:8px 12px}.site-heading h1{flex-basis:100%}.site-navigation .tabs{gap:12px}.site-actions{width:100%}.site-actions button{flex:1}}.hero{padding-top:24px}.home-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;margin-bottom:48px;padding-bottom:20px;display:flex}.account{position:relative}.account-trigger{border-radius:100px;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:flex}.account-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.account-avatar.initials{background:var(--tint);color:var(--accent);place-items:center;font-size:12px;font-weight:700;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.account-panel{z-index:20;background:var(--white);border:1px solid var(--line);border-radius:14px;width:min(290px,100vw - 44px);padding:8px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 16px 48px #292d291a}.account-identity{border-bottom:1px solid var(--line);overflow-wrap:anywhere;margin-bottom:6px;padding:12px;display:grid}.account-identity span{color:var(--muted);font-size:12px}.account .account-panel a,.account .account-panel button{text-align:left;border:0;border-radius:6px;justify-content:space-between;width:100%;padding:12px;text-decoration:none;display:flex}.account-panel a:hover{background:var(--tint)}.account-panel p{margin:0;padding:12px;font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.home-header{margin-bottom:32px}.account-name{max-width:90px}}.hero-art>p{color:#575e51}.home-intro{isolation:isolate;padding-bottom:48px;position:relative}.home-background-video{object-fit:cover;z-index:-2;pointer-events:none;width:calc(100% + 14vw);height:calc(100% + 24px);position:absolute;inset:-24px -7vw 0}.home-intro:before{content:"";z-index:-1;background:linear-gradient(90deg,#f8f7f2f2 0%,#f8f7f2d9 44%,#f8f7f259 100%);position:absolute;inset:-24px -7vw 0}.home-intro .hero-art{background:#e6eadbcc}@media (max-width:900px){.home-background-video,.home-intro:before{left:-22px;right:-22px}.home-background-video{width:calc(100% + 44px)}.home-intro:before{background:#f8f7f2d9}}@media (prefers-reduced-motion:reduce){.home-background-video{display:none}}.account-chevron{flex-shrink:0;display:block}.account-trigger[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.site-list-title{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.site-list-title h3{margin:0}.publication-status{font-weight:600}.publication-status.published{color:#3b5934;background:#e9f0e5;border-color:#c6d5bd}.publication-status.changes{color:#794910;background:#fff0d8;border-color:#e6cda7}.publication-status.unpublished{color:#5d6256;background:#eeeee8}.banner-search{width:min(520px,100%)}.banner-list-actions{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.banner-create-dialog{border:1px solid var(--line);background:var(--white);width:min(540px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:18px;padding:32px;overflow:auto;box-shadow:0 24px 80px #0003}.banner-create-dialog::backdrop{background:#24251f66}.banner-create-dialog .form{border:0;margin:0;padding:0}.banner-create-dialog h2{padding-right:44px}.dialog-close{width:44px;padding:0;position:absolute;top:20px;right:20px}@media (max-width:640px){.banner-list-actions{align-items:flex-start}.banner-create-dialog{padding:24px}}.page-head:has(.banner-search)>div:first-child{flex:1;min-width:0}.editor-stage .preview{flex-direction:column;gap:20px}.site-navigation .delete-tab{color:#9c3527}.delete-panel{background:#fffaf7;border:1px solid #d9a49b;border-radius:12px;max-width:760px;margin-top:32px;padding:28px}.delete-panel p{color:var(--muted)}.delete-panel form{margin-top:24px}.delete-panel .delete-acknowledgment{align-items:flex-start;gap:12px;margin:24px 0;font-weight:400;display:flex}.delete-acknowledgment input{flex:none;width:18px;height:18px;margin-top:4px}.delete-confirm{color:#fff;background:#9c3527;border-color:#9c3527}.integration-guide{max-width:1000px;margin-top:36px}.integration-guide header{margin-bottom:32px}.integration-guide header h2{margin:8px 0;font-size:clamp(26px,3vw,36px)}.integration-step{border-top:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:20px;padding:28px 0;display:grid}.integration-number{background:#e9ecdf;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:600;display:grid}.integration-step h3{margin-top:2px}.integration-step input,.integration-step select{max-width:520px}.integration-step details{color:var(--muted);margin-top:20px}.integration-code{background:#eeeee4;border-radius:10px;margin:20px 0;padding:16px}.integration-code .toolbar{justify-content:space-between}.integration-code pre{background:0 0;max-width:100%;padding:16px 0;font-size:13px;overflow:auto}.integration-code [role=status]{color:var(--muted);font-size:13px}@media (max-width:540px){.integration-step{grid-template-columns:minmax(0,1fr);gap:8px}}.services-panel{max-width:900px;margin-top:32px}.services-panel fieldset{border:1px solid var(--line);border-radius:12px;margin:20px 0;padding:20px}.services-panel .service-detection{align-items:flex-start;gap:12px;margin:16px 0;display:flex}.service-detection input{width:18px;min-width:18px;height:18px;margin:3px 0}.services-panel input:not([type=checkbox]),.services-panel select{max-width:620px}.services-panel .service-detection{border:1px solid var(--line);cursor:pointer;background:#fffdf8;border-radius:12px;align-items:center;gap:16px;padding:16px;font-weight:400;transition:background .15s,border-color .15s}.services-panel .service-detection:has(input:checked){background:#edf0e6;border-color:#718164}.services-panel .service-detection:has(input:focus-visible){outline-offset:3px;outline:3px solid #245cad}.services-panel .service-detection input{appearance:none;cursor:pointer;background:#fff;border:1.5px solid #858b7f;border-radius:7px;place-content:center;width:24px;min-width:24px;height:24px;margin:0;display:grid}.services-panel .service-detection input:checked{background:#344732;border-color:#344732}.services-panel .service-detection input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:11px;transform:translateY(-1px)rotate(45deg)}.services-panel .service-detection input:disabled{opacity:.5;cursor:not-allowed}.service-logo{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:40px;height:40px;padding:7px}.service-monogram{place-items:center;font-weight:700;display:grid}.service-detection-copy{gap:3px;min-width:0;display:grid}.service-detection-copy>span{color:var(--muted);font-size:13px;line-height:1.5}@media (forced-colors:active){.services-panel .service-detection input{appearance:auto}}.service-purpose-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.service-purpose-select{flex:260px;min-width:0;max-width:620px;position:relative}.service-purpose-select select{appearance:none;width:100%;padding-right:44px}.service-purpose-select svg{pointer-events:none;color:var(--muted);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.services-panel .service-purpose-actions>button{flex-shrink:0}@media (forced-colors:active){.service-purpose-select select{appearance:auto}.service-purpose-select svg{display:none}}.editor-settings select,.service-connection select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2353564e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:44px}@media (forced-colors:active){.editor-settings select,.service-connection select{appearance:auto;background-image:none}}.services-panel .service-collection{border:0;min-width:0;padding:0}.service-collection>.section{border-top:0;padding-top:0}.service-entry{border:1px solid var(--line);background:#fffdf8;border-radius:12px;margin-top:12px;overflow:hidden}.service-entry>summary{cursor:pointer;align-items:center;gap:16px;padding:20px;list-style:none;display:flex}.service-entry>summary::-webkit-details-marker{display:none}.service-entry>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.service-entry-identity{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.service-entry-identity .service-logo{flex-shrink:0}.service-entry-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.service-entry-copy strong{overflow-wrap:anywhere;font-size:1rem}.service-entry-copy>span{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.service-entry-purpose{background:#eef0e7;border-radius:6px;padding:4px 8px;font-size:.75rem}.service-entry-toggle{font-size:1.25rem}.service-entry[open] .service-entry-toggle{transform:rotate(180deg)}.service-entry-fields{border-top:1px solid var(--line);padding:0 20px 20px}.service-entry-url{overflow-wrap:anywhere}@media (max-width:640px){.service-entry>summary{flex-wrap:wrap;gap:12px;padding:16px}.service-entry-identity{flex-basis:calc(100% - 40px)}.service-entry-toggle{order:1}.service-entry-purpose{order:2;margin-left:44px}.service-entry-fields{padding:0 16px 16px}}.service-connection{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.service-connection h4{margin:0 0 8px}.service-connection .connection-check{align-items:flex-start;gap:12px;margin:16px 0;font-weight:400;line-height:1.5;display:flex}.service-connection .connection-check input{accent-color:#344733;flex-shrink:0;width:18px;height:18px;margin:2px 0}.service-connection pre{max-width:100%;overflow:auto}.service-attention-dot{vertical-align:middle;background:#be3028;border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}@media (forced-colors:active){.service-attention-dot{background:canvastext}}.dpo-panel{max-width:720px}.dpo-panel fieldset{border:1px solid #deded3;border-radius:12px;gap:8px;margin:24px 0;padding:24px;display:grid}.dpo-panel fieldset :is(input,textarea){width:100%;max-width:none}.dpo-panel fieldset label:not(:first-of-type){margin-top:12px}