/* Four independent product identities. Agency styling remains outside this sheet. */
body[class^="page-demo-"]{background:#edf0f2}
body[class^="page-demo-"] .header{height:64px;border-bottom:1px solid #d2d6db;margin:0 3%}
body[class^="page-demo-"] .brand>span{font-size:24px}body[class^="page-demo-"] .brand small{display:none}
body[class^="page-demo-"] .desktop-nav{font-size:14px;gap:24px}
.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 3%;color:#535c66}
.demo-intro h1{font-size:15px;letter-spacing:0;font-weight:600;line-height:1.4}.demo-intro h1 span{font-weight:400;color:#68717a}.demo-back{font-size:14px}.demo-tag{font-size:12px;text-transform:uppercase;letter-spacing:.07em}
.demo-stage{margin:0 3%;border:1px solid #d2d6db;background:#fff;overflow:hidden;--accent:#264bd8;--line:#dde1e7;--muted:#68707c;color:#19202b;box-shadow:0 20px 65px #0c17280a}
.demo-stage *{box-sizing:border-box}.demo-stage h2,.demo-stage h3,.demo-stage h4{margin:0;line-height:1.16}.demo-stage p{margin:0;line-height:1.55}.demo-stage h2{font-size:40px;letter-spacing:-.055em}.demo-stage h3{font-size:21px;letter-spacing:-.03em}.demo-stage h4{font-size:18px;font-weight:500;letter-spacing:-.02em}.demo-stage sup{font-family:Manrope,Arial,sans-serif;font-size:16px;vertical-align:super;letter-spacing:0;margin-left:15px;color:var(--muted)}
.demo-stage button,.demo-stage select{font:inherit;font-size:14px;line-height:1.4;color:inherit;cursor:pointer;min-height:44px;border:1px solid var(--line);background:transparent;padding:11px 16px;transition:background .18s,color .18s,border-color .18s,transform .18s}
.demo-stage button:disabled{opacity:.38;cursor:not-allowed}.demo-stage button:focus-visible,.demo-stage select:focus-visible,.demo-stage a:focus-visible,.clause:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.demo-stage button:hover:not(:disabled){border-color:currentColor}.demo-stage button.primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500;padding:15px 20px}.demo-stage .primary:hover:not(:disabled){filter:brightness(.91)}
.demo-stage svg{width:19px;height:19px;flex-shrink:0}.demo-stage .micro{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.5;display:block}
.demo-stage .reset{display:flex;align-items:center;gap:8px;border:0;color:var(--muted);font-size:12px;padding:8px;min-height:38px;white-space:nowrap}.demo-stage .reset svg{width:15px;height:15px}.demo-stage .reset:hover{color:inherit;background:#80808010}
.product-tabs{display:flex;align-items:center;gap:30px}.demo-stage .product-tabs button{border:0;padding:13px 0;color:var(--muted);position:relative;background:none}.demo-stage .product-tabs button.active{color:inherit}.product-tabs .active:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:1px;background:currentColor}
.status{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;min-height:0}.status:empty{display:none}.status.has-message{margin-top:20px;color:#294c38}.status svg{width:16px;margin-top:2px}.app-note{font-size:12px!important;color:var(--muted);line-height:1.6}.empty-number{font-size:90px;letter-spacing:-.065em;font-weight:300;line-height:1;color:#acaaa6}
.demo-foot{margin:18px 3% 0;display:flex;justify-content:space-between;gap:35px;color:#68717a;font-size:12px;line-height:1.6}.demo-foot>span:last-child{max-width:510px;text-align:right}
.demo-context{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding:70px 4% 90px}.demo-context h2{font-size:30px;line-height:1.2;margin-bottom:22px}.demo-context p{font-size:17px;color:#646b74}.demo-context .text-link{font-size:17px;margin-top:26px}

/* FORMA — quiet editorial movement studio, warm photography and open type. */
.demo-stage[data-mode=booking]{--accent:#272b26;--line:#d9d7ce;--muted:#727569;background:#f5f3ec;color:#292c27}
.forma-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 34px;border-bottom:1px solid var(--line)}
.forma-wordmark{font:52px/.82 Georgia,'Times New Roman',serif;letter-spacing:-.075em}.forma-wordmark>span{font:12px Manrope,sans-serif;vertical-align:top;letter-spacing:0;margin-left:6px}.forma-header .reset{margin-left:25px}
.forma-layout{display:grid;grid-template-columns:37% 63%;min-height:640px}.forma-photo{position:relative;min-height:640px;overflow:hidden}.forma-photo>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:57% 50%}
.photo-caption{position:absolute;top:35px;left:32px;right:20px;color:#252923}.photo-caption>span{font-size:12px;letter-spacing:.13em;text-transform:uppercase}.photo-caption p{font:italic clamp(36px,4.1vw,64px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin-top:17px}.photo-edition{position:absolute;bottom:24px;left:30px;font-size:12px;letter-spacing:.13em;color:#f8f5ed;text-shadow:0 1px 4px #000}
.forma-content{padding:36px 40px 24px;min-width:0}.forma-title{margin-bottom:28px}.forma-title .micro{margin-bottom:12px}.forma-title h2{font:normal clamp(32px,3.1vw,47px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.05em}
.practice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}
.demo-stage .practice-choice{display:flex;align-items:flex-start;flex-direction:column;border:0;border-right:1px solid var(--line);padding:17px 15px;min-height:125px;text-align:left;gap:8px;background:none}.demo-stage .practice-choice:last-child{border-right:0}.practice-choice .option-number{font-size:12px;color:var(--muted);letter-spacing:.08em}.practice-choice strong{font-size:20px;font-weight:500;letter-spacing:-.045em}.practice-description{font-size:12px;color:var(--muted);line-height:1.45}.demo-stage .practice-choice.active{background:#e9e9df;box-shadow:inset 0 -2px #30362d}.demo-stage .practice-choice:hover:not(:disabled){background:#e9e9df}
.form-section-title{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin:29px 0 15px}.form-section-title h3{font-size:18px}.form-section-title>span{font-size:12px;color:var(--muted)}
.booking-choices{display:flex;gap:24px;align-items:stretch}.date-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1.25}.demo-stage .date-choice{display:flex;flex-direction:column;gap:6px;padding:12px 8px;align-items:center;background:transparent}.date-choice>span{font-size:12px;letter-spacing:.07em}.date-choice strong{font-size:27px;font-weight:400;line-height:1}.demo-stage .date-choice.active{background:#30392e;color:#fff;border-color:#30392e}.time-options{display:grid;grid-template-columns:1fr;gap:6px;flex:1}.demo-stage .time-options button{min-height:28px;padding:4px 14px;font-size:13px}.demo-stage .time-options button.active{background:#e3e5da;border-color:#727a68}
.booking-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:28px;border-top:1px solid var(--line);padding-top:23px}.booking-summary h3{font-size:22px;margin-top:8px}.booking-summary h3>span{font-size:17px;color:var(--muted);font-weight:400}.booking-summary p{font-size:12px;color:var(--muted);margin-top:7px}.booking-summary>.primary{max-width:220px;font-size:13px;min-height:58px;text-align:left;justify-content:space-between;padding:13px 16px}
.booking-ticket{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:24px 0}.ticket-date{text-align:center;min-width:60px;border-right:1px solid var(--line);padding-right:18px}.ticket-date strong{font:36px Georgia,serif;display:block}.ticket-date>span{font-size:12px}.ticket-info{flex:1;min-width:0}.ticket-info h3{font-size:24px;margin:7px 0}.ticket-info p{font-size:13px;color:var(--muted)}.demo-stage .text-button{border:0;text-decoration:underline;padding:8px}.forma-empty{padding:30px 0 45px;max-width:300px}.forma-empty p{margin-top:20px;font-size:17px;color:var(--muted)}.demo-stage .forma-back{display:inline-flex;align-items:center;gap:20px;border:0;border-bottom:1px solid currentColor;padding:12px 0;margin-top:24px}

/* ATLAS — collectible furniture, bold identity and a procurement specification. */
.demo-stage[data-mode=portal]{--accent:#22221f;--muted:#73746e;--line:#dcded6;color:#252823;background:#f6f7f2}
.atlas-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px;border-bottom:1px solid var(--line)}.atlas-wordmark{font-size:37px;letter-spacing:-.06em;font-weight:700;line-height:1}.atlas-wordmark>span{font-size:12px;vertical-align:top;margin-left:8px;letter-spacing:0}.atlas-account{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-left:auto}.atlas-header .product-tabs{margin-left:45px}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:660px}.atlas-catalog{padding:32px 30px 26px;min-width:0}.atlas-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:30px}.atlas-title .micro{margin-bottom:14px}.atlas-title h2{font-size:clamp(36px,3.7vw,55px);line-height:1.04;letter-spacing:-.06em}.collection-count{font-size:12px;color:var(--muted);white-space:nowrap;margin-bottom:5px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.object-card{min-width:0}.object-photo{position:relative;aspect-ratio:.82;overflow:hidden;background:#e3e5df}.object-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.object-card:hover .object-photo>img{transform:scale(1.025)}.object-index{position:absolute;top:12px;left:13px;font-size:12px;color:#30342d;background:#ffffffa6;padding:2px 7px;backdrop-filter:blur(4px)}.demo-stage .object-add{position:absolute;bottom:12px;right:12px;background:#f6f7f2;color:#232820;padding:0;display:grid;place-items:center;width:42px;height:42px;min-height:42px;border:0}.object-add svg{width:22px;height:22px}.demo-stage .object-add:hover:not(:disabled){background:#242921;color:white}
.object-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:17px 0 5px}.object-heading h3{font-size:27px}.object-heading>span{font-size:14px;white-space:nowrap}.object-card>p{font-size:12px;color:var(--muted);min-height:36px}.object-details{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:7px}.object-details span:last-child{letter-spacing:.07em;color:#535c4e}.object-stock{margin-top:10px;font-size:12px}.atlas-catalog>.app-note{margin-top:22px}
.atlas-cart{background:#ebece5;border-left:1px solid var(--line);padding:32px 24px 24px;display:flex;flex-direction:column;min-width:0}.cart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #c8ccc0;padding-bottom:20px}.cart-heading h3{font-size:19px;line-height:1.2}.cart-heading>span{font-size:14px;color:var(--muted)}.cart-empty{padding:46px 0}.cart-empty .empty-number{font-size:105px;color:#b3b8a9}.cart-empty p{font-size:15px;color:#68705f;margin-top:22px;max-width:180px}.cart-items{margin-top:8px}.cart-line{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;padding:20px 0;border-bottom:1px solid #c8ccc0}.cart-line>img{width:46px;height:63px;object-fit:cover}.cart-line>strong{font-size:13px;font-weight:500;white-space:nowrap}.cart-line h4{font-size:19px}.cart-item-price{font-size:12px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:13px}.demo-stage .stepper button{padding:0;min-height:27px;width:27px;border:1px solid #b6bcaa;font-size:16px;line-height:1}.cart-bottom{margin-top:auto;padding-top:30px}.cart-total{display:flex;justify-content:space-between;gap:15px;align-items:baseline;border-top:1px solid #c8ccc0;padding-top:20px}.cart-total>span{font-size:14px}.cart-total strong{font-size:31px;letter-spacing:-.05em;font-weight:500}.cart-bottom>.primary{margin-top:22px;width:100%;font-size:13px;justify-content:space-between;text-align:left}.cart-bottom .app-note{margin-top:13px}.atlas-shell>.status.has-message{margin:0;padding:18px 32px;background:#e3ebdd;border-top:1px solid #cbd5c2}
.atlas-history{padding:38px 40px;min-height:620px}.atlas-history .atlas-title{margin-bottom:40px}.atlas-empty{padding:30px 0;max-width:340px}.atlas-empty p{font-size:17px;color:var(--muted);margin-top:20px}.purchase-order{display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;border-top:1px solid var(--line);padding:30px 0}.purchase-meta h3{font-size:28px;margin:10px 0 16px}.purchase-status{font-size:12px;display:flex;gap:8px;align-items:center;color:#48593e}.purchase-status svg{width:16px}.purchase-lines>div{display:flex;align-items:center;gap:14px;margin-bottom:14px}.purchase-lines img{width:54px;height:54px;object-fit:cover}.purchase-lines>div>span{font-size:14px;flex:1}.purchase-lines small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.purchase-lines strong{font-size:15px;font-weight:500}.purchase-total{text-align:right}.purchase-total span{font-size:13px;color:var(--muted);display:block}.purchase-total strong{font-size:32px;letter-spacing:-.05em;font-weight:500}.demo-stage .atlas-return{border:0;border-bottom:1px solid currentColor;padding:10px 0;display:inline-flex;gap:20px;align-items:center;margin-top:20px}

/* FLOW — dense operational workspace, restrained cobalt, explicit states. */
.demo-stage[data-mode=integration]{--accent:#315ddd;--muted:#728095;--line:#dde3ed;background:#f4f6fa;color:#1e293a}
.flow-shell{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:735px}.flow-rail{background:#151d2b;color:#a5afc2;padding:30px 18px 20px;display:flex;flex-direction:column;min-width:0}.flow-wordmark{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:600;letter-spacing:-.05em;color:#f5f8ff;padding-left:7px}.flow-wordmark>span:first-child{background:#4268e8;color:#fff;width:30px;height:32px;display:grid;place-items:center;border-radius:7px;font-style:italic;font-size:27px;font-family:Georgia,serif;padding-right:3px}.flow-wordmark .flow-slash{color:#617393;font-weight:300;font-size:29px}
.rail-section-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7d8a9f;margin:41px 10px 15px}.flow-nav{display:flex;flex-direction:column;gap:6px}.flow-nav a{display:flex;align-items:center;gap:10px;padding:12px 10px;font-size:13px;border-radius:5px;line-height:1.3}.flow-nav a>span{margin-left:auto;font-size:12px;background:#2e394d;padding:1px 6px;border-radius:4px;color:#c9d2e1}.flow-nav .selected{background:#263247;color:#f4f6ff}.flow-nav a:hover{background:#263247;color:white}.flow-nav svg{width:17px;height:17px}.rail-route{margin:40px 10px 25px;padding-top:20px;border-top:1px solid #344055}.rail-route .micro{font-size:12px;color:#91a0b7}.rail-route>div{font-size:19px;color:#e7eefc;display:flex;align-items:center;gap:14px;margin:18px 0}.rail-route>div span{font-size:16px;color:#90a3c2;transform:rotate(-90deg)}.rail-route p{font-size:12px;color:#a2aec1}.rail-bottom{display:flex;gap:9px;align-items:center;margin-top:auto;font-size:12px;padding:15px 8px 0;border-top:1px solid #344055}.environment-dot{width:6px;height:6px;background:#95a5c4;border-radius:50%;flex-shrink:0}
.flow-main{min-width:0}.flow-top{height:68px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}.flow-top>span{font-size:12px;letter-spacing:.12em;color:#69768c;font-weight:600}.flow-body{padding:32px 30px 22px}.flow-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.flow-title h2{font-size:32px;margin-top:10px;letter-spacing:-.05em;max-width:630px}.flow-title p{font-size:13px;color:#6c7a90;margin-top:10px}.flow-title .primary{font-size:13px;min-height:44px;padding:12px 16px;border-radius:5px;white-space:nowrap}.flow-title .micro{font-size:12px;color:#6a7891}
.flow-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:27px 0;gap:16px}.flow-kpis article{background:white;border:1px solid var(--line);padding:18px 20px;border-radius:7px;min-width:0}.flow-kpis article>span:first-child{font-size:12px;color:#66748a;display:block}.flow-kpis strong{font-size:40px;font-weight:500;line-height:1.2;display:block;letter-spacing:-.06em;margin:10px 0 15px;font-variant-numeric:tabular-nums}.flow-kpis strong small{font-size:16px;color:#a0abba;letter-spacing:-.025em;margin-left:9px;font-weight:400}.kpi-meter{height:3px;width:100%;background:#eaf0f7;overflow:hidden}.kpi-meter i{display:block;height:3px;background:#315ddd;transition:width .25s}.kpi-caption{font-size:12px;color:#748299;display:block}.flow-kpis .kpi-warning{background:#fff9f3;border-color:#e4c9b8}.kpi-warning strong{color:#b5642b}.kpi-warning .kpi-caption{color:#a76a3c}
.flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.flow-grid>div{min-width:0}.flow-table-panel{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 20px}.panel-heading h3{font-size:16px;letter-spacing:-.025em;font-weight:600}.panel-heading>span{font-size:12px;color:#8190a3;letter-spacing:.1em}.table-scroll{overflow:auto}.flow-table-panel table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.flow-table-panel th{font-size:12px;color:#7d899c;font-weight:500;padding:11px 14px;background:#f9fafc;border-block:1px solid #e8ecf2;white-space:nowrap}.flow-table-panel td{padding:18px 14px;border-bottom:1px solid #e8ecf2;vertical-align:middle}.flow-table-panel tr:last-child td{border-bottom:0}.flow-table-panel td>strong{font-size:12px;font-weight:600;white-space:nowrap}.flow-table-panel td>span{font-size:12px}.flow-table-panel td>small{display:block;color:#8290a3;font-size:12px;margin-top:5px;max-width:160px}.amount-cell{font-size:12px;white-space:nowrap}.flow-status{display:inline-flex;align-items:center;gap:5px;color:#7a869a;font-size:12px!important;line-height:1.25}.flow-status svg{width:13px;height:13px}.flow-status.done{color:#2d7664}.flow-status.error{color:#b06329}.flow-status.mapped{color:#3865c3}
.flow-log-panel{background:#1d293c;border:1px solid #283a52;color:#dbe5f5;border-radius:7px;min-height:294px;overflow:hidden}.flow-log-panel .panel-heading{padding-bottom:10px}.flow-log-panel .panel-heading h3{font-weight:500}.flow-log-panel .panel-heading svg{color:#8aa0c1;width:16px}.flow-log-panel>p{font-size:12px;color:#8da0bc;padding:0 20px 14px;border-bottom:1px solid #34445b}.event-log{list-style:none;margin:0;padding:0 18px 14px}.event-log li{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #33445b}.event-log li:last-child{border:0}.event-index{font:12px/1.7 Consolas,monospace;color:#6f87ab}.event-log p{font:12px/1.7 Consolas,monospace;color:#c1d0e6;overflow-wrap:anywhere}.log-empty{padding:23px 20px}.terminal-mark{font:30px Consolas,monospace;color:#6883aa;display:block;margin-bottom:17px}.log-empty p{font-size:12px;color:#96a8c4;max-width:190px}
.mapping{display:flex;gap:15px;background:#fffbf5;border:1px solid #e3d1b8;border-radius:7px;padding:20px;margin-top:18px}.mapping-symbol{color:#a27631}.mapping-symbol svg{width:20px}.mapping>div:last-child{min-width:0;flex:1}.mapping .micro{font-size:12px;color:#9c753f}.mapping h3{font-size:16px;margin:7px 0}.mapping p{font-size:12px;color:#8b7659}.mapping-controls{display:flex;gap:9px;margin-top:17px}.mapping select{background:white;min-width:0;max-width:100%;flex:1;border:1px solid #d2c4b0;border-radius:4px;font-size:12px;min-height:40px;padding:9px}.mapping .secondary{background:#3d4d64;color:#fff;border:0;font-size:12px;border-radius:4px;padding:9px 12px;min-height:40px}.exchange-complete{display:flex;align-items:flex-start;gap:12px;padding:17px 18px;background:#edf6f1;border:1px solid #cddfd5;border-radius:6px;margin-top:18px;color:#37785e}.exchange-complete p{font-size:12px}.exchange-complete svg{width:16px}.flow-system-footer{display:flex;gap:25px;justify-content:space-between;font-size:12px;color:#8592a6;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.flow-body>.status{font-size:12px}

/* DOCS — a focused document workspace with a separate conversational column. */
.demo-stage[data-mode=assistant]{--accent:#3158b8;--line:#dedfe1;--muted:#7a7e84;background:#f5f5f3;color:#2c3036}
.docs-shell{display:grid;grid-template-columns:195px minmax(0,1fr);min-height:730px}.docs-library{background:#f0f0ee;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 17px 22px;min-width:0}.docs-brand{font:37px/.9 Georgia,serif;letter-spacing:-.07em;padding:0 10px}.docs-brand>span{color:#969b9e;font-weight:300;margin:0 5px}.library-heading{display:flex;justify-content:space-between;font-size:12px;color:#7b8085;margin:47px 11px 17px;letter-spacing:.02em}.document-list{display:flex;flex-direction:column;gap:8px}.demo-stage .document-list button{display:flex;align-items:flex-start;gap:10px;text-align:left;font-size:12px;border:0;padding:12px 10px;border-radius:5px;color:#717982;min-height:65px}.document-list button>svg{width:16px;height:19px;margin-top:1px}.document-list small{display:block;font-size:12px;letter-spacing:.09em;margin-top:7px;color:#8e949c}.demo-stage .document-list button.active{background:#fff;color:#252f40;box-shadow:0 2px 5px #20273408}.library-foot{margin-top:auto;display:flex;gap:12px;font-size:12px;color:#6b7279;padding:20px 9px 0}.library-foot svg{width:16px}.library-foot small{display:block;font-size:12px;margin-top:4px;color:#969b9e}
.docs-workspace{min-width:0}.docs-top{display:flex;justify-content:space-between;align-items:center;height:76px;padding:18px 28px;border-bottom:1px solid var(--line);background:#fafaf8}.docs-top .micro{font-size:12px;letter-spacing:.025em;text-transform:none;color:#979ca0;margin-bottom:4px}.docs-top strong{font-size:14px;font-weight:500}.docs-panels{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:655px}.document-canvas{padding:22px 28px 28px;min-width:0;background:#e8eae9}.document-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#818a8d;margin-bottom:19px}.document-toolbar>span:first-child{display:flex;gap:7px;align-items:center;color:#6d777e}.document-toolbar svg{width:14px;height:14px}.document-toolbar>span:last-child{font-size:12px;white-space:nowrap}.document-paper{background:#fff;padding:32px 30px 20px;box-shadow:0 3px 16px #28322e0b;min-height:550px;display:flex;flex-direction:column}.paper-letterhead{display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid #dbdedf;align-items:flex-start}.paper-letterhead>strong{font-size:15px;letter-spacing:-.05em;font-weight:650}.paper-letterhead>span{font-size:12px;line-height:1.5;color:#899197;text-align:right;max-width:160px}.paper-title{padding:30px 0 25px}.paper-title>span{font:12px Consolas,monospace;letter-spacing:.03em;color:#7f898f}.paper-title h2{font:normal 30px/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:14px 0 12px}.paper-title p{font-size:12px;color:#80898e}.clause{display:flex;align-items:flex-start;gap:15px;padding:19px 0;border-top:1px solid #e8eaeb;scroll-margin:35px;position:relative}.clause>strong{font:12px/1.7 Consolas,monospace;color:#9aa2a6;font-weight:400}.clause>p{font-size:13px;line-height:1.7;color:#626c74}.clause.highlight{background:#f0f4ff;box-shadow:-12px 0 #f0f4ff,12px 0 #f0f4ff}.clause.highlight:before{content:'';position:absolute;left:-12px;top:0;bottom:0;width:2px;background:#426de1}.clause.highlight p{color:#284477}.paper-footer{margin-top:auto;padding-top:26px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9ca3a6}
.assistant-panel{padding:24px;background:#fdfdfb;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.assistant-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.assistant-panel-heading>span:first-child{font-size:14px;font-weight:600}.assistant-mode{font-size:12px;letter-spacing:.08em;border:1px solid #d1d7da;color:#8b9599;padding:3px 5px;border-radius:3px}.assistant-symbol{color:#4267b0;background:#edf1f7;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;margin-bottom:23px}.assistant-symbol svg{width:19px}.assistant-welcome h3{font-size:26px;letter-spacing:-.05em;line-height:1.15;max-width:240px}.assistant-welcome p{font-size:13px;line-height:1.65;color:#859099;margin-top:16px;max-width:250px}.suggestions{margin-top:29px}.suggestions>.micro{font-size:12px;text-transform:none;letter-spacing:0;margin-bottom:11px;color:#929b9f}.question-list{display:flex;flex-direction:column;gap:8px}.demo-stage .question-list button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #e0e4e5;border-radius:5px;padding:12px;font-size:12px;line-height:1.5;background:white}.question-list svg{width:14px;height:14px;color:#9aa5ac}.demo-stage .question-list button.active{background:#edf2fd;color:#315699;border-color:#b9cae9}.demo-stage .question-list button:hover{background:#f4f6fa;border-color:#b7c1ce}.assistant-disclaimer{font-size:12px!important;line-height:1.65!important;color:#8b959d;margin-top:auto!important;padding-top:26px}
.question-bubble{background:#edf1f6;border:1px solid #e3e7ed;border-radius:10px 10px 0 10px;padding:13px 15px;margin-left:22px;font-size:13px;line-height:1.5;color:#536270}.answer-box{margin-top:22px}.answer-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:14px}.answer-monogram{font:19px/1 Georgia,serif;background:#20304d;color:white;border-radius:4px;display:grid;place-items:center;width:24px;height:24px;padding-bottom:3px}.answer-box>p{font-size:14px;line-height:1.75;color:#4b5b67}.demo-stage .source-card{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f8fb;border:1px solid #dbe3ee;border-radius:5px;padding:13px 11px;margin-top:18px;font-size:12px;color:#405b82}.source-card>span{display:flex;align-items:center;gap:10px}.source-card svg{width:15px;height:17px}.source-card small{display:block;font-size:12px;line-height:1.5;color:#8a99ad;margin-top:5px}.missing-source{display:flex;align-items:center;gap:8px;font-size:12px;color:#9b8056;margin-top:18px}.missing-source svg{width:14px}

/* Scale with the actual viewport and browser zoom. */
@media(min-width:1550px){.demo-stage{max-width:1640px;margin-inline:auto}.demo-intro,.demo-foot{max-width:1640px;margin-inline:auto;padding-inline:0}.forma-layout{min-height:680px}.forma-photo{min-height:680px}.forma-content{padding:44px 54px}.practice-choice strong{font-size:24px}.practice-options{margin-top:35px}.object-photo{aspect-ratio:.95}}
@media(max-width:1250px){.forma-content{padding:30px}.forma-layout{grid-template-columns:35% 65%}.forma-title h2{font-size:39px}.photo-caption{left:24px;top:28px}.photo-caption p{font-size:46px}.booking-summary{align-items:flex-start;flex-direction:column;gap:16px}.booking-summary>.primary{max-width:none;width:100%;min-height:48px}.atlas-header .product-tabs{margin-left:15px}.atlas-account{display:none}.atlas-layout{grid-template-columns:minmax(0,1fr) 255px}.atlas-catalog{padding:28px 24px}.atlas-cart{padding:28px 18px}.product-grid{gap:12px}.object-heading{flex-wrap:wrap;gap:4px}.flow-shell{grid-template-columns:175px minmax(0,1fr)}.flow-rail{padding-inline:13px}.flow-body{padding:28px 24px}.flow-title{align-items:flex-start}.flow-title h2{font-size:28px}.flow-grid{grid-template-columns:1fr}.flow-log-panel{min-height:0}.log-empty{display:flex;align-items:center;gap:20px;padding-block:18px}.terminal-mark{margin:0}.log-empty p{max-width:none}.event-log{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:0}.event-log li{border-bottom:0}.docs-shell{grid-template-columns:170px minmax(0,1fr)}.docs-library{padding-inline:11px}.docs-panels{grid-template-columns:minmax(0,1fr) 290px}.document-canvas{padding:20px}.document-paper{padding:25px 22px}.paper-letterhead{gap:14px}.paper-letterhead>span{max-width:95px}.assistant-panel{padding:22px}.paper-title h2{font-size:27px}}
@media(max-width:1000px){.demo-stage{margin:0 2%}.demo-intro{padding-inline:2%;gap:16px}.demo-tag{display:none}.demo-intro h1{font-size:13px}.demo-intro h1 span{display:none}.demo-foot{margin-inline:2%}.forma-header{padding:22px 25px;gap:20px}.forma-wordmark{font-size:45px}.forma-header .product-tabs{gap:23px}.forma-header .reset span{display:none}.forma-header .reset{margin-left:0}.forma-content{padding:28px 25px}.forma-title h2{font-size:34px}.practice-choice strong{font-size:18px}.demo-stage .practice-choice{padding:14px 11px}.practice-description{font-size:12px}.forma-photo{min-height:660px}.photo-caption p{font-size:40px}.form-section-title{flex-wrap:wrap;gap:8px}.booking-choices{gap:15px}.atlas-header{padding:22px 24px}.atlas-wordmark{font-size:32px}.atlas-header .reset span{display:none}.atlas-title h2{font-size:40px}.atlas-layout{grid-template-columns:minmax(0,1fr) 230px}.atlas-catalog{padding:28px 20px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.object-photo{aspect-ratio:.65}.object-heading h3{font-size:23px}.object-card>p{font-size:12px}.collection-count{display:none}.atlas-cart{padding:28px 17px}.cart-line{grid-template-columns:40px minmax(0,1fr);gap:10px}.cart-line>strong{grid-column:2}.cart-line>img{width:40px;height:54px}.cart-heading h3{font-size:17px}.flow-title{flex-direction:column;gap:18px}.flow-kpis{gap:10px}.flow-kpis article{padding:16px}.flow-kpis article>span:first-child{font-size:12px}.flow-top{padding-inline:24px}.flow-kpis strong{font-size:35px}.mapping-controls{flex-wrap:wrap}.mapping-controls .secondary{flex:1}.docs-shell{grid-template-columns:150px minmax(0,1fr)}.docs-panels{grid-template-columns:minmax(0,1fr) 270px}.docs-library{padding:28px 8px}.docs-brand{font-size:32px}.document-list button{gap:6px!important;padding:10px 7px!important}.document-list button>svg{width:13px}.document-canvas{padding:18px 15px}.document-paper{padding:22px 19px}.paper-letterhead{flex-wrap:wrap;padding-bottom:20px}.paper-letterhead>span{max-width:none;text-align:left}.paper-title h2{font-size:25px}.document-toolbar>span:last-child{display:none}.clause{gap:10px}.clause>p{font-size:12px}.assistant-panel{padding:20px}.assistant-welcome h3{font-size:24px}.docs-top{padding-inline:20px}}
@media(max-width:760px){body[class^="page-demo-"] .header{height:61px}body[class^="page-demo-"] .brand>span{font-size:23px}.demo-intro{padding:16px 4%;gap:18px}.demo-back{font-size:12px}.demo-intro h1{font-size:12px;text-align:right}.demo-stage{margin:0 3%;overflow:hidden}.demo-foot{margin:17px 4% 0;display:block;font-size:12px}.demo-foot>span{display:block}.demo-foot>span:last-child{text-align:left;margin-top:8px;max-width:none}.demo-context{grid-template-columns:1fr;gap:35px;padding:50px 5%}.demo-context h2{font-size:26px}.demo-context p{font-size:16px}.demo-stage h2{overflow-wrap:normal}.demo-stage h3{overflow-wrap:normal}.demo-stage .reset{min-height:36px}.demo-stage .reset span{display:none}
.forma-header{padding:21px 20px;gap:14px;flex-wrap:wrap}.forma-wordmark{font-size:45px}.forma-header .product-tabs{gap:22px;order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;margin-top:6px}.forma-header .reset{margin-left:auto}.forma-header .product-tabs button{font-size:14px;padding:9px 0}.forma-layout{grid-template-columns:1fr;min-height:0}.forma-photo{min-height:0;aspect-ratio:1.65;grid-row:2}.forma-photo>img{object-position:50% 65%}.photo-caption{top:25px;left:25px}.photo-caption p{font-size:37px;margin-top:10px}.photo-caption>span{font-size:12px}.photo-edition{bottom:16px;left:auto;right:18px;font-size:12px}.forma-content{padding:28px 22px 25px}.forma-title{margin-bottom:23px}.forma-title h2{font-size:36px}.practice-options{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-stage .practice-choice{min-height:118px;padding:14px 11px;gap:7px}.practice-choice strong{font-size:17px}.practice-description{font-size:12px}.practice-choice .option-number{font-size:12px}.form-section-title{margin-top:25px}.form-section-title h3{font-size:18px}.form-section-title>span{font-size:12px}.booking-choices{gap:17px}.date-choice strong{font-size:26px}.demo-stage .date-choice{padding:12px 8px}.demo-stage .time-options button{font-size:13px;min-height:30px}.booking-summary{margin-top:24px;padding-top:20px;gap:18px}.booking-summary h3{font-size:23px}.booking-summary>.primary{font-size:14px;padding:16px;min-height:52px}.booking-summary p{font-size:12px}.booking-ticket{gap:13px;flex-wrap:wrap}.booking-ticket .text-button{margin-left:auto}.ticket-info h3{font-size:23px}.ticket-info p{font-size:13px}.forma-empty{padding:20px 0}.forma-empty .empty-number{font-size:70px}
.atlas-header{padding:24px 22px;flex-wrap:wrap;gap:20px}.atlas-header .reset{margin-left:auto}.atlas-header .product-tabs{order:3;margin:0;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.atlas-header .product-tabs button{font-size:14px;padding:8px 0}.atlas-wordmark{font-size:36px}.atlas-layout{grid-template-columns:1fr;min-height:0}.atlas-catalog{padding:30px 22px}.atlas-title h2{font-size:45px}.atlas-title{margin-bottom:26px}.atlas-title .micro{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.object-photo{aspect-ratio:.85}.object-card:first-child{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.object-card:first-child .object-photo{grid-column:1/3;aspect-ratio:1.25}.object-card:first-child .object-heading{grid-column:1;display:block}.object-card:first-child .object-heading>span{display:block;margin-top:8px}.object-card:first-child>p{grid-column:1}.object-card:first-child .object-details{grid-column:2;grid-row:2/4;margin-top:18px;padding-top:0;border:0;gap:7px;align-self:start;text-align:right}.object-card:first-child .object-stock{grid-column:2;grid-row:3;text-align:right;align-self:end}.object-heading h3{font-size:25px}.object-heading>span{font-size:14px}.object-card>p{font-size:12px}.object-details{font-size:12px}.object-stock{font-size:12px}.object-add{width:44px!important;height:44px!important;min-height:44px!important}.atlas-cart{padding:28px 24px;border-left:0;border-top:1px solid #cbd0c2}.cart-heading h3{font-size:22px}.cart-empty{display:flex;gap:26px;align-items:center;padding:25px 0}.cart-empty .empty-number{font-size:80px}.cart-empty p{margin:0;font-size:16px}.cart-line{grid-template-columns:60px minmax(0,1fr) auto;gap:15px}.cart-line>img{width:60px;height:78px}.cart-line>strong{grid-column:3;font-size:15px}.cart-line h4{font-size:23px}.cart-item-price{font-size:13px}.stepper{font-size:15px}.demo-stage .stepper button{min-height:34px;width:34px}.cart-bottom{padding-top:20px}.cart-total strong{font-size:36px}.cart-total>span{font-size:16px}.cart-bottom>.primary{min-height:54px;font-size:14px}.atlas-history{padding:30px 23px;min-height:0}.purchase-order{grid-template-columns:1fr;gap:24px}.purchase-total{text-align:left;display:flex;justify-content:space-between;align-items:baseline;padding-top:18px;border-top:1px solid var(--line)}.purchase-meta h3{font-size:30px}.purchase-lines>div>span{font-size:14px}.atlas-shell>.status.has-message{padding-inline:24px}
.flow-shell{grid-template-columns:1fr;min-height:0}.flow-rail{padding:21px 22px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.flow-wordmark{padding:0;font-size:29px}.flow-rail .rail-section-label,.flow-rail .rail-route,.flow-nav{display:none}.rail-bottom{border:0;margin:0;padding:0;font-size:12px;max-width:135px}.flow-top{height:52px;padding:0 20px}.flow-top>span{font-size:12px;letter-spacing:.08em}.flow-body{padding:25px 20px 20px}.flow-title{gap:19px}.flow-title h2{font-size:29px;line-height:1.1}.flow-title p{font-size:13px}.flow-title .micro{font-size:12px}.flow-title .primary{font-size:14px;min-height:46px;width:100%;justify-content:center}.flow-kpis{gap:8px;margin:25px 0}.flow-kpis article{padding:13px 11px}.flow-kpis article>span:first-child{font-size:12px;line-height:1.4;min-height:28px}.flow-kpis strong{font-size:32px;margin:10px 0 14px}.flow-kpis strong small{display:none}.kpi-caption{font-size:12px;line-height:1.35}.flow-table-panel .panel-heading{padding:17px 15px}.panel-heading h3{font-size:16px}.flow-table-panel table{min-width:520px}.flow-table-panel th{font-size:12px;padding:12px}.flow-table-panel td{padding:18px 12px}.flow-table-panel td>strong{font-size:13px}.flow-table-panel td>small{font-size:12px}.flow-table-panel td>span{font-size:12px}.flow-status{font-size:12px!important}.amount-cell{font-size:13px}.flow-table-panel{border-radius:6px}.mapping{padding:17px 15px;gap:11px}.mapping-symbol svg{width:17px}.mapping h3{font-size:17px}.mapping p{font-size:13px}.mapping .micro{font-size:12px}.mapping-controls{flex-direction:column}.mapping select{font-size:13px;width:100%;min-height:44px}.mapping .secondary{font-size:13px;min-height:44px}.flow-grid{gap:18px}.flow-log-panel>p{font-size:12px}.log-empty p{font-size:13px}.event-log{display:block}.event-log li{border-bottom:1px solid #33445b}.event-log p{font-size:12px}.event-index{font-size:12px}.flow-system-footer{gap:15px;font-size:12px;flex-wrap:wrap}.flow-system-footer span:last-child{width:100%}.exchange-complete p{font-size:13px}.flow-body>.status{font-size:12px}
.docs-shell{grid-template-columns:1fr;min-height:0}.docs-library{padding:24px 20px 17px;border-right:0;border-bottom:1px solid var(--line)}.docs-brand{font-size:36px;padding:0}.library-heading{margin:25px 0 13px;font-size:12px}.document-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-stage .document-list button{padding:12px!important;font-size:13px!important;gap:9px!important;min-height:80px}.document-list button>svg{width:16px}.document-list small{font-size:12px;margin-top:8px}.library-foot{display:none}.docs-top{height:auto;padding:16px 20px}.docs-top .micro{font-size:12px}.docs-top strong{font-size:14px}.docs-panels{display:flex;flex-direction:column}.assistant-panel{order:0;border:0;padding:25px 22px}.assistant-panel-heading{margin-bottom:25px}.assistant-panel-heading>span:first-child{font-size:16px}.assistant-mode{font-size:12px}.assistant-welcome{display:grid;grid-template-columns:40px 1fr;column-gap:17px}.assistant-symbol{grid-row:1/3;margin:0;width:36px;height:36px}.assistant-welcome h3{font-size:27px;max-width:240px}.assistant-welcome p{grid-column:2;font-size:14px;max-width:none;margin-top:12px}.suggestions{margin-top:25px}.suggestions>.micro{font-size:12px}.demo-stage .question-list button{font-size:14px;padding:14px;min-height:50px}.question-list svg{width:16px}.assistant-disclaimer{font-size:12px!important;margin-top:0!important;padding-top:22px}.document-canvas{order:1;padding:23px 18px;border-top:1px solid var(--line)}.document-toolbar{font-size:12px;margin-bottom:17px}.document-paper{padding:27px 23px;min-height:550px}.paper-letterhead{flex-wrap:nowrap;gap:15px}.paper-letterhead>strong{font-size:17px}.paper-letterhead>span{font-size:12px;max-width:145px;text-align:right}.paper-title{padding:30px 0 25px}.paper-title h2{font-size:34px;line-height:1.05}.paper-title>span{font-size:12px}.paper-title p{font-size:12px}.clause{gap:15px;padding:20px 0}.clause>strong{font-size:12px}.clause>p{font-size:15px}.paper-footer{font-size:12px;gap:20px}.question-bubble{font-size:14px;padding:15px}.answer-label{font-size:12px}.answer-box>p{font-size:16px}.demo-stage .source-card{font-size:13px;padding:15px}.source-card small{font-size:12px}.missing-source{font-size:12px}}
@media(max-width:390px){.forma-content{padding-inline:17px}.forma-title h2{font-size:31px}.practice-choice strong{font-size:15px}.demo-stage .practice-choice{padding:13px 8px}.practice-description{font-size:12px}.date-options{gap:5px}.booking-choices{gap:12px}.form-section-title{gap:7px}.form-section-title h3{font-size:16px}.forma-header{padding-inline:17px}.atlas-catalog{padding-inline:18px}.atlas-title h2{font-size:39px}.atlas-cart{padding-inline:20px}.flow-body{padding-inline:15px}.flow-kpis article{padding-inline:9px}.flow-kpis article>span:first-child{font-size:12px;overflow-wrap:anywhere}.flow-title h2{font-size:26px}.docs-library{padding-inline:17px}.demo-stage .document-list button{padding:10px!important;gap:7px!important;font-size:12px!important}.assistant-panel{padding-inline:18px}.assistant-welcome h3{font-size:24px}.document-canvas{padding-inline:13px}.document-paper{padding-inline:20px}.paper-title h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.demo-stage *{transition:none!important}.object-card:hover .object-photo>img{transform:none}}
:lang(zh) .forma-title h2,:lang(zh) .photo-caption p,:lang(zh) .paper-title h2{font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.2;letter-spacing:-.035em}

/* Readability: main content and frequently used controls stay full size. */
.demo-stage .product-tabs button,.demo-stage .primary,.demo-stage .time-options button,.demo-stage .question-list button,.demo-stage .document-list button,.flow-nav a,.mapping select,.mapping .secondary{font-size:14px!important}
.flow-table-panel td>strong,.flow-table-panel td>span,.flow-table-panel td.amount-cell,.flow-status{font-size:14px!important}.flow-table-panel td>small,.flow-table-panel th{font-size:12px}.flow-kpis article>span:first-child{font-size:14px}.flow-title p,.mapping p,.log-empty p,.event-log p,.exchange-complete p{font-size:14px}.flow-table-panel table{min-width:560px}.clause>p,.answer-box>p,.assistant-welcome p{font-size:16px}.assistant-disclaimer,.source-card small{font-size:12px!important}.demo-stage .source-card{font-size:14px}.paper-title p,.document-toolbar,.docs-top strong,.assistant-panel-heading>span:first-child{font-size:14px}.clause{gap:13px}.document-paper{min-height:590px}
@media(max-width:760px){.flow-kpis article>span:first-child{font-size:12px}.flow-kpis article{min-width:0}.demo-stage .date-choice{min-height:90px}.time-options{gap:5px}.demo-stage .time-options button{min-height:30px}.practice-choice strong{overflow-wrap:anywhere}.source-card small{font-size:12px!important}.flow-nav{display:none}.document-paper{min-height:550px}.clause>p{font-size:16px}}
.object-photo{aspect-ratio:1!important}.object-photo>img{object-fit:contain}

/* No decorative numbering: labels carry meaning, counts remain actual data. */
.demo-stage .practice-choice{justify-content:center;min-height:104px}.cart-empty{min-height:190px;align-items:flex-start;justify-content:center;flex-direction:column}.cart-empty p{margin-top:0}.forma-empty,.atlas-empty{padding:35px 0}.event-log li{padding-left:0}.clause{flex-direction:column;gap:9px}.clause h4{font-size:13px;line-height:1.4;font-weight:600;color:#4e6370}.paper-title{padding-top:27px}.source-card small{line-height:1.6}