:root{color-scheme:light;--ink:#292329;--muted:#71676a;--wine:#721112;--line:#e9e2df;--paper:#fbfaf8;--rose:#f7e9e7;--sand:#f6eddc;--sage:#eaf0e9;--blue:#e8edf4;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}a:focus-visible,[tabindex]:focus-visible{outline:3px solid #a04727;outline-offset:5px}h1:focus,main:focus{outline:none}h1,h2,h3,p{margin:0}.icon{width:24px;height:24px;flex:none}.skip-link{position:fixed;z-index:20;top:8px;left:8px;transform:translateY(-160%);background:white;padding:12px 20px;border:2px solid var(--wine);border-radius:8px}.skip-link:focus{transform:none}.loading{padding:32px}
.app-frame{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:36px 22px 26px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-height:48px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--wine);color:#fff;border-radius:14px}.brand-mark .icon{width:25px;height:25px}.brand strong{display:block;font-family:Georgia,serif;font-size:21px;letter-spacing:.3px}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#887c7b;margin:56px 16px 16px}.main-nav{display:grid;gap:7px}.main-nav a{position:relative;display:flex;gap:13px;align-items:center;padding:14px 16px;min-height:50px;border-radius:11px;text-decoration:none;font-size:14px;color:#655a5c;transition:background .15s,color .15s}.main-nav a:hover{background:#f8f4f1;color:var(--wine)}.main-nav a[aria-current=page]{background:var(--rose);color:var(--wine);font-weight:650}.main-nav a .icon{width:21px;height:21px}.nav-marker{margin-left:auto;width:5px;height:5px;border-radius:50%;background:transparent}.main-nav a[aria-current=page] .nav-marker{background:var(--wine)}.sidebar-note{margin-top:auto;padding:28px 14px 0}.sidebar-line{display:block;width:30px;border-top:2px solid #d9bbb3;margin-bottom:16px}.sidebar-note p{font-size:12px;font-weight:600;color:#675a5b}.sidebar-note small{font-size:11px;color:var(--muted);display:block;margin-top:7px}
.workspace{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;padding:0 44px;border-bottom:1px solid var(--line);background:#fff9}.topbar p{display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted)}.topbar .icon{width:12px;height:12px;color:#b3a6a2}.topbar strong{font-weight:500;color:#4a4042}.edition{font-size:11px;color:#786964;border:1px solid #e5d9d2;border-radius:20px;padding:7px 12px;white-space:nowrap}main{width:100%;max-width:1300px;margin:0 auto;padding:36px 44px 28px;flex:1;min-width:0}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:25px;padding:26px 0 48px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#826765}.hero h1{font-size:clamp(36px,4.1vw,61px);font-weight:550;letter-spacing:-2.5px;line-height:1.13;margin-top:19px}.accent{color:var(--wine)}.hero-description{max-width:495px;color:var(--muted);line-height:1.8;font-size:14px;margin-top:23px}.hero-state{display:flex;align-items:center;gap:9px;color:var(--wine);font-size:11px;margin-top:23px;font-weight:600}.hero-state>span{font-size:18px}
.hero-art{position:relative;width:290px;height:270px;isolation:isolate}.art-orbit{position:absolute;border:1px solid #e8d9d1;border-radius:50%;inset:35px 20px}.orbit-two{inset:0 -12px;transform:rotate(-25deg);border-style:dashed;opacity:.7}.art-home{position:absolute;inset:77px 96px 95px;display:grid;place-items:center;border-radius:25px;background:var(--wine);box-shadow:0 16px 35px #7211121a;color:#fff;transform:rotate(-9deg)}.art-home .icon{width:39px;height:39px;transform:rotate(9deg)}.art-tile{position:absolute;width:62px;height:62px;border:5px solid var(--paper);border-radius:19px;display:grid;place-items:center;box-shadow:0 8px 16px #382a1908}.art-kho{top:15px;left:33px;transform:rotate(-10deg)}.art-gia{top:33px;right:16px;transform:rotate(12deg)}.art-khach-hang{bottom:46px;left:5px;transform:rotate(9deg)}.art-don-hang{bottom:27px;right:26px;transform:rotate(-8deg)}.art-caption{position:absolute;bottom:0;left:64px;font-size:10px;color:#9a837a;letter-spacing:.5px}.rose{background:var(--rose);color:#8b3c38}.sand{background:var(--sand);color:#977038}.sage{background:var(--sage);color:#5a7460}.blue{background:var(--blue);color:#59738d}
.section-heading{display:flex;gap:16px;justify-content:space-between;align-items:end;margin-bottom:23px}.section-heading h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin-top:9px}.section-heading>p{font-size:11px;color:var(--muted);padding-bottom:3px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.module-card{display:flex;flex-direction:column;align-items:start;min-width:0;min-height:230px;padding:22px 19px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:17px;transition:transform .15s,border-color .15s,box-shadow .15s}.module-card:hover{transform:translateY(-3px);border-color:#d6b8ae;box-shadow:0 14px 25px #54211708}.card-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:26px}.module-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px}.card-arrow{width:18px;height:18px;color:#b2a39e}.module-card h3{font-size:18px;font-weight:600;letter-spacing:-.3px}.module-card>p{font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0 22px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:#f6f3ef;color:#76685d;font-size:10px;line-height:1.4;max-width:100%;margin-top:auto}.status-dot{width:4px;height:4px;border-radius:50%;background:#aa8c6f;flex:none}.foundation-note{display:flex;gap:17px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:21px 24px;margin-top:27px;background:#f6f2ec}.note-mark{font-size:23px;line-height:1;color:#a38b66}.foundation-note h2{font-size:12px;font-weight:600}.foundation-note p{font-size:11px;color:#7f7269;line-height:1.7;margin-top:6px}.footer{display:flex;gap:14px;justify-content:space-between;max-width:1300px;width:100%;padding:23px 44px 25px;margin:0 auto;color:#968883;font-size:10px}
.destination-heading{display:flex;align-items:center;gap:20px;padding:19px 0 30px}.module-icon.large{width:70px;height:70px;border-radius:20px}.large .icon{width:33px;height:33px}.destination-heading h1{font-size:36px;letter-spacing:-1px;font-weight:550;margin:8px 0}.destination-heading>div>p:last-child{font-size:12px;color:var(--muted)}.empty-panel{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:44px 24px;border:1px solid var(--line);border-radius:22px;background:#fff}.empty-symbol{display:grid;place-items:center;width:80px;height:80px;border-radius:24px;margin-bottom:20px}.empty-symbol .icon{width:37px;height:37px}.empty-panel .status{margin-top:0}.empty-panel h2,.empty-panel h1{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:20px 0 13px}.empty-panel>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:480px}.empty-panel .empty-caption{font-size:11px;margin-top:12px;color:#8d7b74}.primary-link{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:var(--wine);color:#fff;min-height:44px;border-radius:10px;padding:12px 19px;margin-top:27px;font-size:12px;text-decoration:none}.primary-link .icon{width:17px;height:17px}.primary-link:hover{background:#541011}.missing{margin-top:20px;min-height:480px}
.hero-art{overflow:clip;border-radius:24px}.hero-state>.icon{width:16px;height:16px;transform:rotate(-35deg)}
@media(min-width:1600px){main{padding-top:56px}.hero{padding-bottom:64px}}
@media(max-width:1180px){.app-frame{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:16px;padding-right:16px}.brand strong{font-size:18px}.brand{gap:9px}.brand-mark{width:38px;height:38px}.brand small{font-size:10px}.topbar{padding:0 28px}main{padding:28px}.footer{padding-left:28px;padding-right:28px}.hero{grid-template-columns:minmax(0,1fr) 225px;gap:0}.hero-art{transform:scale(.78);transform-origin:center right;margin-left:-65px}.hero h1{font-size:44px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{min-height:205px}.card-top{margin-bottom:18px}}
@media(max-width:820px){.app-frame{display:block}.sidebar{height:auto;position:sticky;top:0;padding:13px 18px 9px;border-right:0;border-bottom:1px solid var(--line);background:#fff}.brand{min-height:36px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark .icon{width:21px;height:21px}.brand strong{font-size:18px}.brand small{font-size:10px}.nav-label,.sidebar-note,.nav-marker{display:none}.main-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:12px}.main-nav a{min-height:53px;padding:8px 3px;flex-direction:column;justify-content:center;gap:5px;font-size:10px;text-align:center;line-height:1.2;border-radius:9px}.main-nav a .icon{width:18px;height:18px}.topbar{min-height:58px;padding:0 22px}.edition{font-size:9px;padding:5px 9px}.topbar p{font-size:10px;gap:8px}main{padding:23px 22px 16px}.hero{grid-template-columns:minmax(0,1fr) 225px;padding:16px 0 35px}.hero h1{font-size:43px;letter-spacing:-1.7px}.hero-description{font-size:13px}.section-heading{align-items:start}.section-heading>p{display:none}.section-heading h2{font-size:21px}.footer{padding:22px;font-size:9px}.destination-heading{padding:14px 0 25px}.empty-panel{min-height:410px}}
@media(max-width:560px){.hero{display:block;padding-top:13px}.hero-art{display:none}.hero h1{font-size:45px}.hero-description{margin-top:18px;line-height:1.75}.hero-state{margin-top:16px}.module-grid{gap:12px}.module-card{min-height:206px;padding:18px 15px;border-radius:14px}.module-icon{width:39px;height:39px;border-radius:12px}.card-top{margin-bottom:20px}.module-card h3{font-size:16px}.module-card>p{font-size:10px;min-height:31px;margin-bottom:16px}.status{font-size:9px;padding:4px 6px}.foundation-note{padding:18px 17px;gap:12px;margin-top:20px}.foundation-note p{font-size:10px}.foundation-note h2{font-size:11px}.footer{font-size:9px;flex-wrap:wrap;gap:8px}.destination-heading h1{font-size:31px}.module-icon.large{width:59px;height:59px;border-radius:17px}.destination-heading{gap:15px}.destination-heading .eyebrow{font-size:9px}.empty-panel{padding:36px 18px;min-height:400px;border-radius:17px}.empty-panel h2,.empty-panel h1{font-size:22px}.empty-panel>p{font-size:12px}.empty-panel .empty-caption{font-size:10px}.empty-symbol{width:68px;height:68px;border-radius:21px}.topbar p>span{display:none}.topbar p>.icon{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.module-card:hover{transform:none}}

/* Visual walkthrough: authored, illustrative content only. */
.demo-dialog .dialog-disclaimer{font-size:11px;color:var(--wine);border:1px solid #dac7c0;border-radius:8px;background:#fff4ec;padding:10px;margin:0 0 18px}

button{font:inherit;cursor:pointer}
button:focus-visible{outline:3px solid #a04727;outline-offset:4px}
button:disabled{cursor:not-allowed;opacity:.45}
.primary-link{border:0}
.primary-link:disabled:hover{background:var(--wine)}
.text-link{font-size:13px;color:var(--wine);text-underline-offset:4px}
.demo-banner{position:sticky;top:0;z-index:5;background:#721112;color:#fff;padding:13px 32px;display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;font-size:12px;line-height:1.55}
.demo-banner>span{font-size:11px;color:#f0d7d3}
.reset-link{border:1px solid #dac7c0;background:#fff;border-radius:9px;padding:9px 12px;color:var(--wine);font-size:12px;min-height:40px}
.demo-heading{padding:9px 0 22px}
.demo-heading h1{font-size:clamp(27px,3vw,40px);font-weight:600;letter-spacing:-1px;margin:12px 0}
.demo-heading>p:last-child{font-size:13px;line-height:1.75;color:var(--muted);max-width:740px}
.journey{margin:0 0 26px}
.journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}
.journey li{min-width:0}
.journey a{display:flex;gap:9px;align-items:center;padding:14px 12px;font-size:12px;text-decoration:none;min-height:54px}
.journey a>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#f5f0eb;font-size:11px}
.journey a[aria-current=step]{background:var(--rose);color:var(--wine);font-weight:650}
.journey a[aria-current=step]>span{background:var(--wine);color:#fff}
.journey>p,.demo-muted{font-size:12px;color:var(--muted);line-height:1.75;margin-top:12px}
.journey-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0}
.journey-actions>p{font-size:12px;color:var(--muted)}
.journey-actions .primary-link{margin-top:0;font-size:13px}
.customer-grid,.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.customer-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 20px;text-align:left;display:flex;align-items:start;flex-direction:column;min-height:235px;gap:12px;min-width:0}
.customer-card.chosen{border:2px solid var(--wine);padding:27px 19px;background:#fffafa}
.customer-mark{background:var(--rose);color:var(--wine);width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:23px;font-family:Georgia,serif}
.customer-card strong{font-size:19px}
.customer-card small{font-size:12px;line-height:1.7;color:var(--muted)}
.selection-label{font-size:12px;color:var(--wine);margin-top:auto;padding-top:5px}
.context-chip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;margin:0 0 24px;color:#645458}
.context-chip .icon{width:20px;height:20px}
.context-chip>a{margin-left:auto;color:var(--wine);font-size:12px}
.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0}
.product-picture{position:relative;padding:15px 30px}
.product-art{display:block;width:100%;max-width:320px;height:auto;margin:0 auto}
.product-picture>span{font-size:9px;letter-spacing:1.5px;position:absolute;top:17px;left:20px;color:#746b5d}
.product-copy{padding:22px}
.product-copy h2{font-size:19px;letter-spacing:-.3px}
.product-copy>p{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 17px}
.product-copy>p>strong{color:#675045}
.select-product{border:1px solid #d4bab1;color:var(--wine);background:#fff9f6;border-radius:9px;padding:11px 16px;font-size:12px;min-height:42px}
.select-product[aria-pressed=true]{background:var(--wine);color:#fff;border-color:var(--wine)}
.quantity{display:flex;align-items:center;gap:18px;margin-top:16px}
.quantity>button{border:1px solid var(--line);background:#fff;border-radius:8px;width:40px;height:40px;font-size:20px;color:var(--wine)}
.quantity>span{font-size:16px;min-width:18px;text-align:center}
.quote-sheet{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}
.sheet-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.sheet-heading h2{font-size:25px;margin-top:10px;font-weight:600}
.illustrative-tag{padding:8px 10px;border:1px solid #b78972;border-radius:8px;font-size:9px;letter-spacing:.5px;color:#8b472a;background:#fff7ed}
.quote-lines{border-top:1px solid var(--line)}
.quote-line{display:flex;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);min-width:0}
.line-thumb{width:78px;flex:none;border-radius:12px;overflow:hidden}
.line-thumb .product-art{width:78px}
.quote-line>div{min-width:0}
.quote-line strong{font-size:13px}
.quote-line small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:4px}
.quote-line>b{font-size:13px;margin-left:auto;white-space:nowrap}
.sample-total{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:23px 0 8px}
.sample-total>span{font-size:13px;color:var(--muted)}
.sample-total>strong{font-size:21px;letter-spacing:-.5px;color:var(--wine)}
.journey-complete{padding:19px;background:#f5f1e9;border-radius:12px;margin-top:22px}
.journey-complete h3{font-size:14px}
.journey-complete p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:9px}
.demo-gallery{margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}
.demo-gallery .section-heading{margin-bottom:9px}
.demo-gallery .section-heading h2{font-size:20px}
.gallery-tabs{display:flex;gap:7px;margin:21px 0 18px}
.gallery-tabs button{min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:12px}
.gallery-tabs button[aria-selected=true]{background:var(--wine);color:#fff;border-color:var(--wine)}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.file-tile,.image-tile{min-width:0;border:1px solid var(--line);border-radius:15px;background:#fff;padding:23px;text-align:left;display:flex;align-items:start;flex-direction:column;gap:11px;color:var(--ink)}
.file-art{display:grid;place-items:center;width:45px;height:52px;background:#f6e8e3;border-radius:8px;color:var(--wine)}
.file-tile strong,.image-tile strong{font-size:14px;line-height:1.65}
.file-tile small,.image-tile small{font-size:11px;line-height:1.7;color:var(--muted)}
.tile-link{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--wine);margin-top:8px}
.tile-link .icon{width:17px;height:17px}
.image-tile .product-art{max-width:220px}
.image-tile.sand{background:#faf4e9}
.image-tile.sage{background:#eef3ec}
.demo-dialog{border:1px solid var(--line);border-radius:20px;padding:27px;max-width:600px;width:calc(100% - 32px);max-height:85vh;overflow:auto;color:var(--ink);background:var(--paper)}
.demo-dialog::backdrop{background:#24161988}
.dialog-close{display:block;margin-left:auto;min-height:42px;border:1px solid #dac7c0;background:#fff;border-radius:8px;padding:9px 13px;color:var(--wine);font-size:12px}
.demo-dialog h2{font-size:23px;margin:16px 0 23px}
.demo-dialog p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:20px}
.dialog-art{border-radius:15px;padding:30px}
.document-sketch{border:1px solid #e4d6ce;border-radius:11px;padding:32px 22px;background:#fff;position:relative;overflow:hidden}
.document-sketch>span{display:block;color:#a36f5a;font-size:26px;letter-spacing:3px;text-align:center;margin-bottom:25px}
.document-sketch>strong{font-size:11px;letter-spacing:1px}
.document-sketch>div{height:11px;background:#f1eae4;border-radius:5px;margin-top:18px}
.document-sketch>div:nth-of-type(2){width:80%}
.document-sketch>div:nth-of-type(3){width:60%}
.demo-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media(max-width:820px){.sidebar{position:static}
.demo-banner{padding:11px 22px;font-size:11px;gap:3px}
.demo-banner>span{font-size:10px}
.journey a{flex-direction:column;text-align:center;gap:6px;padding:11px 3px;font-size:10px;min-height:65px}
.journey>p{font-size:11px}
.hero h1{font-size:42px}
.demo-heading h1{font-size:30px}
.customer-card{min-height:220px;padding:22px 17px}
.customer-card.chosen{padding:21px 16px}
.customer-card strong{font-size:17px}
.product-copy{padding:19px}
.sheet-heading h2{font-size:22px}
.quote-sheet{padding:24px}
.gallery-grid{gap:12px}
.file-tile,.image-tile{padding:19px}
.footer{line-height:1.7}
.demo-dialog{padding:21px}
}

@media(max-width:560px){.demo-banner{font-size:11px}
.demo-banner>strong{max-width:100%}
.demo-heading{padding:6px 0 18px}
.demo-heading h1{font-size:28px;letter-spacing:-.8px;line-height:1.25}
.demo-heading>p:last-child{font-size:12px}
.customer-grid{gap:12px}
.customer-card{padding:20px 14px;min-height:232px;border-radius:15px}
.customer-card.chosen{padding:19px 13px}
.customer-mark{width:43px;height:43px;border-radius:13px;font-size:20px}
.customer-card strong{font-size:16px;line-height:1.5}
.customer-card small{font-size:11px}
.selection-label{font-size:11px;line-height:1.7}
.product-grid{grid-template-columns:minmax(0,1fr);gap:17px}
.product-picture{padding:10px 45px}
.product-art{max-width:240px}
.product-copy h2{font-size:18px}
.journey-actions{align-items:stretch}
.journey-actions>.primary-link{width:100%;font-size:12px}
.journey-actions>.text-link{padding:5px 0}
.quote-sheet{padding:21px 16px;border-radius:17px}
.sheet-heading{gap:14px;margin-bottom:21px}
.illustrative-tag{font-size:8px;line-height:1.6}
.quote-line{gap:10px;flex-wrap:wrap}
.line-thumb{width:61px}
.line-thumb .product-art{width:61px}
.quote-line>div{flex:1}
.quote-line strong{font-size:12px;line-height:1.6}
.quote-line small{font-size:10px}
.quote-line>b{font-size:12px}
.sample-total{gap:10px}
.sample-total>strong{font-size:19px}
.demo-muted{font-size:11px}
.gallery-grid{grid-template-columns:minmax(0,1fr)}
.file-tile,.image-tile{padding:22px}
.image-tile .product-art{max-width:250px}
.demo-gallery .section-heading h2{font-size:20px;line-height:1.4}
.gallery-tabs{gap:7px}
.gallery-tabs button{padding:10px 12px;font-size:11px}
.demo-dialog h2{font-size:21px}
.hero .primary-link{font-size:13px}
.hero-state{line-height:1.8;display:block}
.footer{font-size:10px}
.reset-link{font-size:11px}
.context-chip{font-size:12px}
}