.public-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0 12px}
.public-caption{font-size:13px;color:#72766f;line-height:1.8;margin-top:12px}
.public-static{max-width:1020px;padding-top:65px;padding-bottom:80px;min-height:65vh}
.public-static h1{font-size:clamp(28px,4vw,42px);line-height:1.45;max-width:850px}
.public-static h2{font-size:25px;margin-top:45px;margin-bottom:15px}
.public-static p{max-width:820px;margin:18px 0;line-height:1.9}
.public-static .public-actions{justify-content:flex-start}
.public-background{border-top:1px solid var(--line)}
.public-background>.text-link{margin-top:20px}
.public-ai{padding-top:16px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.capability-grid article{border-top:1px solid #cdc8ba;padding-top:20px}
.capability-grid h3{font-size:23px;margin:12px 0}
.capability-grid p{line-height:1.9;font-size:15px}
.public-state{font-size:12px;color:#816b40;border:1px solid #d7c9ac;padding:3px 8px;display:inline-block}
.public-status{margin:25px 0 40px}
.public-status>div{display:grid;grid-template-columns:150px 1fr;gap:24px;border-top:1px solid var(--line);padding:22px 0}
.public-status dt{font-weight:600;font-size:18px}
.public-status dd{margin:0;line-height:1.9}
.public-status .public-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:9px}
.public-entry span{font-size:13px;color:#376c64}
.public-entry a{display:inline-flex;align-items:center;min-height:44px;color:#376c64;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.workspace-access-note{border-top:1px solid var(--line);padding-top:20px;font-size:14px;line-height:1.9;max-width:900px}
.product-row .product-en{font-family:inherit;letter-spacing:.02em;line-height:1.7}
.demo-main{padding-bottom:60px}
.demo-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:25px}
.demo-tabs{display:flex;gap:8px;flex-wrap:wrap}
.demo-tabs button,.reset-button{min-height:44px;border:1px solid #cbcfc9;background:#fff;padding:10px 16px;color:#34493d;font:inherit;cursor:pointer}
.demo-tabs button[aria-pressed=true]{background:#2d493e;color:#fff;border-color:#2d493e}
.demo-tabs button span{font-size:11px;margin-left:8px;opacity:.8}
.demo-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;align-items:start}
.demo-guide{background:#f3f1e9;padding:26px 22px;border:1px solid #e3e0d4}
.guide-number{font-size:12px;color:#81734f;letter-spacing:.08em}
.demo-guide h2{font-size:27px;line-height:1.5;margin:18px 0 12px}
.demo-guide p{font-size:14px;line-height:1.9}
.guide-steps{list-style:none;padding:0;margin:25px 0 0}
.guide-steps li{display:flex;gap:12px;padding:16px 0;border-top:1px solid #dedacf;font-size:14px;color:#787a72}
.guide-steps li.active,.guide-steps li.complete{color:#315845}
.guide-steps span{font-family:monospace}
.guide-note{margin-top:20px;font-size:12px!important}
.workspace-panel{border:1px solid #d8dbd5;background:#fff;min-width:0;padding:25px}
.workspace-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:24px}
.workspace-heading h3{font-size:27px;margin-top:8px}
.workspace-breadcrumb{font-size:12px;color:#777f75}
.workspace-heading .badge{white-space:nowrap}
.demo-stats,.plan-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e4e5df;border-bottom:1px solid #e4e5df;margin-bottom:24px}
.demo-stats>div,.plan-meta>div{padding:20px 8px;min-width:0}
.demo-stats span,.plan-meta span{display:block;color:#73796f;font-size:12px}
.demo-stats strong{display:block;font-size:27px;margin-top:9px;color:#345642}
.demo-stats small{font-size:13px}
.table-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:22px 0}
.search-label{display:grid;gap:8px;flex:1;min-width:180px;font-size:14px}
.search-label input,.sale-form input,.sale-form select{width:100%;min-height:44px;border:1px solid #c9cec5;padding:9px 12px;font:inherit;background:white;color:#283c31}
.small-note,.panel-note{font-size:12px;color:#747b70;line-height:1.8}
.panel-note{margin-top:20px}
#stock-rows{overflow-x:auto}
.stock-table{min-width:590px;font-size:13px}
.stock-table-head,.stock-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(140px,1.2fr) 65px 65px 44px;gap:12px;align-items:center;border-bottom:1px solid #e7e8e2;padding:15px 0}
.stock-table-head{font-size:12px;color:#7d8278;background:#f7f8f4;padding:12px 0}
.stock-select{display:flex;align-items:center;gap:9px}
.stock-select input{width:18px;height:18px;accent-color:#335944}
.stock-id small{display:block;color:#858a80;font-size:11px;margin-top:5px}
.stock-length small{font-size:11px;font-weight:400}
.stock-status{color:#3c7053;font-size:12px}
.stock-status.pending{color:#93763a}
.row-detail{border:0;background:none;color:#3c6250;min-height:44px;padding:4px;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:4px}
.workspace-action{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:25px}
.workspace-action .button{white-space:normal}
.success-note{padding:16px;background:#edf5ed;border-left:3px solid #51805a;margin-bottom:22px;line-height:1.9}
.success-note strong,.success-note span{display:block;font-size:14px}
.empty-state{padding:30px 12px;text-align:center;border:1px dashed #d4d8cf;line-height:1.9}
.empty-state p{font-size:14px}
.collab-partners{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 0;border-bottom:1px solid #e5e7df}
.collab-partners>div{min-width:0}
.collab-partners span,.collab-partners strong{display:block;font-size:13px}
.collab-partners span{color:#818777}
.plan-timeline{margin-top:20px}
.timeline-item{display:flex;gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid #e7e8e1;color:#8b8e84}
.timeline-dot{width:24px;height:24px;border:1px solid #d3d9cd;border-radius:50%;display:grid;place-items:center;flex:none;font-size:12px}
.timeline-item.done{color:#315d44}
.timeline-item p{font-size:12px;color:#818878;margin-top:5px}
.timeline-state{margin-left:auto;white-space:nowrap;font-size:12px}
.sale-form{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:14px;align-items:end}
.sale-form label{display:grid;gap:8px;min-width:0;font-size:14px}
.sale-form .button{white-space:nowrap}
.cart{margin:25px 0}
.cart-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid #e6e9df}
.cart-row small{display:block;color:#7b8375;font-size:12px;margin-top:4px}
.checkout{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #dce2d5;padding-top:22px;flex-wrap:wrap}
.checkout span{font-size:13px;color:#7a8374;display:block}
.checkout strong{font-size:30px;color:#355d43}
.receipt{text-align:center;padding:25px 5px}
.receipt h3{font-size:28px}
.receipt p{font-size:13px;color:#7e8676;margin:12px 0}
.receipt-mark{font-size:35px;color:#427e53}
.receipt-total{font-size:40px;color:#33543b;margin:20px 0}
.receipt-lines{margin:25px 0}
.receipt-lines>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e1e5da;padding:12px 0;font-size:14px}
.demo-footnote{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#7a8272;font-size:12px;margin-top:25px}
.demo-footnote a{text-decoration:underline;text-underline-offset:4px}
.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 20px;background:#2d493a;color:white;font-size:14px;opacity:0;pointer-events:none;z-index:30}
.toast.visible{opacity:1}
dialog{width:min(470px,calc(100% - 32px));border:1px solid #bdc7b6;padding:25px;background:#fffef9;color:#33442f}
dialog::backdrop{background:#182d2180}
.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}
.dialog-heading button{background:none;border:0;min-height:44px;min-width:44px;font-size:25px;cursor:pointer}
.dialog-sample{font-size:12px;color:#8b8f7e;margin-top:18px}
.roll-details>div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid #e5e7dc}
.roll-details dt{color:#7d8672;font-size:13px}
.roll-details dd{margin:0;font-size:14px}
@media(max-width:1050px){.demo-workspace{grid-template-columns:1fr}.demo-guide h2{font-size:25px}.guide-steps{display:flex;gap:18px;flex-wrap:wrap}.guide-steps li{flex:1;min-width:140px}.sale-form{grid-template-columns:1fr 120px}.sale-form .button{grid-column:1/-1}}
@media(max-width:720px){.nav-about{display:none}.site-header .nav{font-size:13px;gap:12px}.site-header .nav-login{padding:8px}.site-header .brand img{width:26px;height:26px}.site-header .brand strong{font-size:20px}.public-actions{gap:14px}.public-caption{padding:0 8px}.capability-grid{grid-template-columns:1fr;gap:24px}.public-status>div{grid-template-columns:1fr;gap:8px}.public-static{padding-top:38px;padding-bottom:48px}.workspace-panel{padding:18px}.workspace-heading h3{font-size:24px}.demo-stats strong{font-size:23px}.sale-form{grid-template-columns:1fr}.sale-form .button{grid-column:auto}.collab-partners{flex-wrap:wrap}.plan-meta{grid-template-columns:1fr}.plan-meta>div{padding:12px 0}.demo-tabs{gap:5px}.demo-tabs button{padding:9px 10px;font-size:13px}.reset-button{font-size:13px}.timeline-item{gap:8px}.timeline-item strong{font-size:14px}.timeline-item p{font-size:12px}.demo-footnote{line-height:1.9}}

#hero-title{display:block;font-size:clamp(36px,4.5vw,64px);line-height:1.4}#hero-title>span{display:block}.pilot-audiences{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin:24px 0;color:#376c64;font-size:15px}.pilot-internal{border-top:1px solid var(--line);padding:22px 0;font-size:14px;line-height:1.9;color:#6d746c}.pilot-scope{padding-top:10px}.pilot-scope ol{display:grid;grid-template-columns:1fr 1fr;gap:18px 35px;padding-left:22px;line-height:1.9;margin-bottom:25px}.scene-product-grid{grid-template-columns:1fr!important}.scene-product{min-width:0}@media(max-width:720px){#hero-title{font-size:28px}.pilot-audiences{gap:12px;font-size:13px}.pilot-scope ol{grid-template-columns:1fr}}