@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
/* A shared, restrained identity across the workspace and architecture story. */
.swiss-flag{display:inline-block;width:17px;height:17px;flex-shrink:0;vertical-align:middle;border-radius:2px;box-shadow:0 0 0 1px #ffffff20}
.p33-brand,.logo{display:inline-flex;align-items:center;gap:0}
.p33-brand .swiss-flag,.logo .swiss-flag{margin-left:15px}
button,a,textarea{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}
body[data-page="workspace"]{background:#f4f3ef;color:#253c35;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
[data-page="workspace"] main{max-width:1080px;padding-top:32px;padding-bottom:64px}
[data-page="workspace"] .p33-banner{background:#153a2e;border:1px solid #204838;border-radius:12px;box-shadow:0 6px 20px #17382a0a;padding:21px 26px}
[data-page="workspace"] .p33-banner:hover{background:#1b4435;border-color:#719b83}
[data-page="workspace"] .p33-brand{font-family:'DM Sans',sans-serif;font-size:28px;letter-spacing:-1.5px}
[data-page="workspace"] .p33-brand>span{color:#b7d0bc}
[data-page="workspace"] .p33-banner>span:nth-child(2){font-size:13px;font-weight:500;letter-spacing:.02em;color:#ecf1e9}
[data-page="workspace"] .p33-banner>span:last-child{font-size:20px;color:#b7d0bc}
[data-page="workspace"] [aria-label="Input examples"]{gap:10px}
[data-page="workspace"] [data-example]{font-size:13px;font-weight:500;border-color:#d9ded5;background:transparent;color:#64746b;border-radius:7px;padding:10px 17px}
[data-page="workspace"] [data-example]:hover{background:#e9ede5;border-color:#a6b5a6;color:#214333}
[data-page="workspace"] [data-example][aria-pressed="true"]{background:#e6ece2;border-color:#90a58f;color:#23442e}
[data-page="workspace"] #turns{margin-top:22px}
[data-page="workspace"] .document-turn{background:#fffefa;border:1px solid #dddeda;border-radius:14px;padding:22px 24px;box-shadow:0 4px 16px #25342a04}
[data-page="workspace"] .document-turn:focus-within{border-color:#9fb4a3;box-shadow:0 6px 24px #223b2b08}
[data-page="workspace"] .stage-badge{font-size:11px;font-weight:500;letter-spacing:.015em;border-radius:5px;padding:7px 9px;background:#edf2e9;color:#44634e;line-height:1.5;max-width:100%;border:1px solid #e1e8dc}
[data-page="workspace"] .document-turn[data-kind="answer"] .stage-badge{background:#eef1f5;color:#4a6478;border-color:#e1e7ed}
[data-page="workspace"] .stage-badge svg{width:14px;height:14px}
[data-page="workspace"] .box{font-family:'Source Serif 4',Georgia,serif;font-size:19px;line-height:1.85;background:transparent;color:#25332c;border:1px solid transparent;border-radius:7px;padding:21px 12px;caret-color:#335d43;min-height:260px}
[data-page="workspace"] .box:focus{box-shadow:none;border-color:#c3d1c0;background:#fff}
[data-page="workspace"] .box::selection{background:#dae9d6;color:#153625}
[data-page="workspace"] .stage-actions{border-top:1px solid #ecece5;padding-top:18px;gap:10px}
[data-page="workspace"] .button{font-family:'DM Sans',sans-serif;background:#214936;border:1px solid #214936;border-radius:7px;min-height:47px;padding:12px 23px;font-size:14px;font-weight:500;box-shadow:0 2px 4px #203b2508}
[data-page="workspace"] .button:hover:not(:disabled){background:#153a28;border-color:#153a28;box-shadow:0 3px 9px #1d39231a}
[data-page="workspace"] .button:disabled{background:#f6f6f2;border-color:#e5e7df;color:#909a90;opacity:1;box-shadow:none}
[data-page="workspace"] button:focus-visible,[data-page="workspace"] a:focus-visible{outline:2px solid #608363;outline-offset:4px}
[data-page="workspace"] .reply-form{margin-top:24px;padding-top:23px;border-top:1px solid #e8ebe2}
[data-page="workspace"] .reply-form>.box{background:#f8f9f4;border-color:#e0e6d9;padding:17px 20px;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}
[data-page="workspace"] .reply-form>.box:focus{background:#fff;border-color:#8ca686}
[data-page="workspace"] .prompt-suggestions{gap:8px}
[data-page="workspace"] [data-prompt]{background:#fffefa;border-color:#dce2d6;border-radius:6px;font-size:12px;font-weight:500;padding:9px 12px;color:#5d715d}
[data-page="workspace"] [data-prompt]:hover{background:#edf2e7;border-color:#a6b89c;color:#24422c}
[data-page="workspace"] #error{color:#9c3c38}
/* Editorial typography keeps the technical animation, with a quieter finish. */
body[data-page="architecture"]{--bg:#0e1916;--ink:#f1f1e9;--mint:#bfd5bc;--muted:#9aa99e;--line:#d0d9c51a;-webkit-font-smoothing:antialiased}
[data-page="architecture"]:before{background:radial-gradient(ellipse at 75% 35%,#304b3322,transparent 60%)}
[data-page="architecture"] nav{background:#101c17c9;border-color:#d0d9c51a}
[data-page="architecture"] .logo{font-family:'DM Sans',sans-serif;letter-spacing:-1.5px;font-size:28px;font-weight:700}
[data-page="architecture"] h1,[data-page="architecture"] h2{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}
[data-page="architecture"] h1{font-size:clamp(48px,5.6vw,82px)}
[data-page="architecture"] h2{font-size:clamp(40px,4.6vw,66px)}
[data-page="architecture"] h1 em,[data-page="architecture"] h2 em{font-style:italic;color:#bdcfb5}
[data-page="architecture"] .description{color:#a8b4a9;font-size:16px;line-height:1.85;max-width:385px}
[data-page="architecture"] .eyebrow{color:#b4c5ac;font-size:10px;letter-spacing:.17em}
[data-page="architecture"] .pill{border-radius:7px;border-color:#65725f66;font-size:12px;padding:12px 17px}
[data-page="architecture"] .topline{color:#849682}
[data-page="architecture"] .token-demo{background:#ffffff03;border-color:#b1c29c26;border-radius:8px;color:#9ba995;padding:19px 21px}
[data-page="architecture"] .feature-line{border-color:#b1c29c22;color:#a5b39f}
[data-page="architecture"] .model{border-radius:8px;border-color:#b1c29c22;background:#ffffff02;padding:16px 19px;font-size:14px}
[data-page="architecture"] .model:hover{background:#c3d0b509;border-color:#b1c29c55}
[data-page="architecture"] .model.selected{background:#c3d0b50b;border-color:#b1c29c88}
[data-page="architecture"] .stage-meta{color:#8b9d88}
[data-page="architecture"] .stage-meta b{color:#b6cbaa}
[data-page="architecture"] .art{filter:saturate(.65)}
[data-page="architecture"] .status-line{color:#a0b39b}
[data-page="architecture"] .progress button{background:#334235}
[data-page="architecture"] .progress button.active{background:#c2d2b8;box-shadow:0 0 9px #b8cfa52b}
[data-page="architecture"] .icon-button{border-color:#a3b39733;color:#c7d3c0}
[data-page="architecture"] .closing{background:radial-gradient(ellipse at 50% 100%,#263b2b,transparent 65%);border-color:#c3d0b51c}
[data-page="architecture"] .closing h2{font-size:clamp(40px,5.7vw,78px)}
[data-page="architecture"] .cta{border-radius:7px;background:#d5dfca;color:#1d3324;font-size:14px;padding:17px 25px}
[data-page="architecture"] .cta:hover{background:#e5ebdc}
[data-page="architecture"] footer{align-items:center;color:#8b9f82}
@media(max-width:640px){
 [data-page="workspace"] main{padding:14px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom) + var(--keyboard-gap,0px))!important}
 [data-page="workspace"] .p33-banner{padding:17px 16px;border-radius:10px;gap:10px}
 [data-page="workspace"] .p33-brand{font-size:25px}
 .p33-brand .swiss-flag{width:14px;height:14px;margin-left:10px}
 [data-page="workspace"] .p33-banner>span:nth-child(2){font-size:12px}
 [data-page="workspace"] [aria-label="Input examples"]{gap:7px}
 [data-page="workspace"] [data-example]{font-size:12px!important;padding:11px 4px!important;min-height:44px}
 [data-page="workspace"] .document-turn{padding:14px 12px;border-radius:11px}
 [data-page="workspace"] .stage-badge{font-size:10px;padding:7px 8px;gap:7px}
 [data-page="workspace"] .box{font-size:17px;line-height:1.75;padding:16px 8px;min-height:190px}
 [data-page="workspace"] .stage-actions{gap:6px;padding-top:13px}
 [data-page="workspace"] .button{font-size:12px;padding:12px 5px;min-height:46px}
 [data-page="workspace"] .reply-form>.box{font-size:16px;padding:14px 12px}
 [data-page="workspace"] [data-prompt]{font-size:12px;min-height:44px}
 [data-page="workspace"] .reply-form{padding-top:17px}
}
@media(max-width:760px){
 [data-page="architecture"] .stage-wrapper{background:linear-gradient(#0e1916 88%,#0e191600)}
 [data-page="architecture"] h1{font-size:47px}
 [data-page="architecture"] h2{font-size:43px}
 [data-page="architecture"] .description{font-size:15px;line-height:1.8}
 [data-page="architecture"] .nav-right .pill{font-size:11px;padding:10px 12px;gap:15px}
 [data-page="architecture"] footer{flex-wrap:wrap;gap:20px}
 [data-page="architecture"] footer>span{order:3;width:100%;font-size:10px}
 [data-page="architecture"] footer>a:last-child{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){button,a,textarea{transition:none}}
@media(min-width:761px){[data-page="architecture"] .art{width:115%}}
.turn-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.turn-utilities{display:flex;align-items:center;gap:14px;margin-left:auto}.elapsed{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.015em;color:#617862;min-width:66px;text-align:right}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid #dce3d7;border-radius:6px;color:#59705b;min-height:36px;padding:7px 11px;font-family:'DM Sans',sans-serif;font-size:12px;white-space:nowrap}.copy-button:before{content:'';width:13px;height:13px;border:1px solid currentColor;border-radius:2px;box-shadow:-3px -3px 0 -1px #fffefa,-3px -3px 0 0 currentColor;margin:3px 0 0 3px}.copy-button:hover:not(:disabled){background:#edf2e7;border-color:#9bad93}.copy-button:disabled{opacity:.4}
[data-page="workspace"] .prompt-suggestions{display:grid;grid-template-columns:1fr;gap:8px;overflow:visible;padding:0}
[data-page="workspace"] [data-prompt]{width:100%;text-align:left;white-space:normal;min-height:46px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px}
[data-page="workspace"] [data-prompt]:after{content:'↗';color:#83997c;font-size:17px;margin-left:12px}
[data-page="workspace"] [data-prompt][aria-pressed="true"]{background:#e8efdf;border-color:#8fa57f;color:#28482c}
[data-page="workspace"] [data-prompt][aria-pressed="true"]:after{content:'✓';color:#315e34}
[data-page="workspace"] .reply-form>.copy-button{margin-right:12px}
@media(max-width:640px){.turn-toolbar{gap:9px}.turn-utilities{gap:10px}.copy-button{min-height:44px}.elapsed{font-size:11px}[data-page="workspace"] .reply-form>.button{margin-top:14px}[data-page="workspace"] [data-prompt]{font-size:14px;padding:13px 14px}}
[data-page="architecture"] h1{font-size:clamp(45px,4.5vw,68px)}
[data-page="workspace"] .button[aria-busy="true"]{background:#214936;border-color:#214936;color:#f4f7ef;opacity:1;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-page="workspace"] .button[aria-busy="true"]:before{content:'';display:inline-block;vertical-align:-2px;width:12px;height:12px;margin-right:7px;border:1.5px solid #ffffff50;border-top-color:#f4f7ef;border-radius:50%;animation:processing .8s linear infinite}
@keyframes processing{to{transform:rotate(360deg)}}
@media(max-width:760px){[data-page="architecture"] h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){[data-page="workspace"] .button[aria-busy="true"]:before{animation:none}}