/* Portal A. Kept after the shared detail/account styles for legacy route compatibility. */
:root { --dali-bg:#f5f6f8; --dali-ink:#1d252b; --dali-muted:#828b93; --dali-line:#e8ebed; --dali-green:#087c57; --dali-soft:#edf7f2; --dali-content:1264px; }
.dali-site-header { background:#fff; backdrop-filter:none; }
.dali-header-inner { min-height:78px; gap:28px; }
.dali-brand { min-width:190px; }
.dali-brand-name { font-size:19px; }
.dali-brand-mark { width:37px; height:37px; flex-basis:37px; }
.dali-brand-sub { font-size:7px; letter-spacing:1.2px; }
.dali-nav { align-self:stretch; }
.dali-nav-list { align-items:stretch; gap:24px; }
.dali-nav-list li { display:flex; }
.dali-nav-list a { display:flex; align-items:center; position:relative; font-size:13px; font-weight:600; }
.dali-nav-list a[aria-current="page"]::after { position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--dali-green); content:""; }
.dali-header-actions { margin-left:auto; gap:12px; }
.dali-header-actions .dali-support-link { order:2; border-radius:5px; white-space:nowrap; font-weight:400; }
.dali-header-search { display:flex; width:172px; align-items:center; border:1px solid #eef0f2; border-radius:5px; background:#f4f6f7; overflow:hidden; }
.dali-header-search input[type="search"] { width:100%; min-width:0; padding:8px 0 8px 11px; border:0; background:transparent; box-shadow:none; font-size:12px; }
.dali-header-search button { display:flex; align-items:center; padding:8px; border:0; background:transparent; color:#65716d; }
body.dali-front-page .site-content > .col-full { width:100%; }
.dali-portal { padding-top:25px; padding-bottom:35px; }
.dali-portal h2 { font-weight:650; color:inherit; }
.dali-portal > * + * { margin-top:22px; }
.dali-portal-features { display:grid; grid-template-columns:minmax(0,1fr) 305px; gap:15px; }
.dali-portal-lead { position:relative; display:flex; min-height:242px; overflow:hidden; border-radius:8px; background:#0d2934; color:#fff; }
.dali-portal-lead-copy { position:relative; z-index:2; width:64%; padding:30px 32px; }
.dali-portal-lead .dali-eyebrow { margin:0 0 12px; color:#9bdabf; font-size:10px; letter-spacing:1.6px; }
.dali-portal-lead h1 { margin:0 0 12px; color:#fff; font-size:34px; font-weight:750; line-height:1.3; letter-spacing:-1px; overflow-wrap:anywhere; }
.dali-portal-lead h1 em { color:#a4e2c8; font-style:normal; }
.dali-portal-lead-copy > p:not(.dali-eyebrow) { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0 0 20px; color:#acc2c9; font-size:12px; }
.dali-portal-cta { display:inline-flex; align-items:center; gap:18px; border-radius:4px; padding:8px 14px; background:#fff; color:#183f36!important; font-size:12px; font-weight:600; }
.dali-portal-cta:hover { background:#e5f6ef; }
.dali-portal-hero-image { position:absolute; right:0; top:0; width:46%; height:100%; }
.dali-portal-hero-image::after { position:absolute; inset:0; background:linear-gradient(90deg,#0d2934,transparent 60%); content:""; }
.dali-portal-hero-image img { width:100%; height:100%; object-fit:cover; opacity:.85; }
.dali-portal-art { position:absolute; width:43%; height:100%; right:0; overflow:hidden; background:radial-gradient(ellipse at 50% 65%,#27c9a547,transparent 67%); }
.dali-portal-window { position:absolute; width:235px; height:160px; right:30px; top:39px; transform:perspective(550px) rotateY(-22deg) rotateX(12deg) rotateZ(-8deg); border:1px solid #75d7c087; border-radius:7px; background:linear-gradient(135deg,#224e59,#103740); box-shadow:15px 22px 0 -6px #0e242c,16px 23px 0 -6px #408978,24px 36px 40px #0005; }
.dali-portal-window i { display:inline-block; width:4px; height:4px; margin:9px 0 7px 7px; border-radius:50%; background:#8dc5b7; }
.dali-portal-drawing { position:relative; height:135px; border-top:1px solid #8fc5bd3b; background-image:linear-gradient(#87bcaf12 1px,transparent 1px),linear-gradient(90deg,#87bcaf12 1px,transparent 1px); background-size:14px 14px; }
.dali-portal-drawing::before { position:absolute; width:124px; height:75px; left:50px; top:21px; border:2px solid #80e0c3; box-shadow:inset 38px 0 #74c4b320,inset -35px 0 #5ecec52c; content:""; }
.dali-portal-drawing::after { position:absolute; left:86px; top:20px; width:2px; height:75px; background:#80e0c3; box-shadow:43px 0 #80e0c3; transform:skewY(-20deg); content:""; }
.dali-portal-art > span { position:absolute; bottom:20px; right:30px; font:10px Arial,sans-serif; letter-spacing:3px; color:#94d9c5; }
.dali-portal-side { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:15px; }
.dali-portal-mini { position:relative; display:block; min-height:113px; padding:19px 22px; overflow:hidden; border-radius:8px; background:#e6edf9; }
.dali-portal-mini:nth-child(2) { background:#f0ede6; }
.dali-portal-mini .dali-eyebrow { position:relative; z-index:1; margin:0; color:#687da6; font-size:9px; font-weight:500; }
.dali-portal-mini h2 { position:relative; z-index:1; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-width:92%; margin:7px 0 3px; font-size:18px; line-height:1.35; }
.dali-portal-mini p { position:relative; z-index:1; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:0; color:#69778b; font-size:11px; }
.dali-portal-mini:nth-child(2) .dali-eyebrow,.dali-portal-mini:nth-child(2) p { color:#87765c; }
.dali-portal-symbol { position:absolute; right:16px; top:15px; color:#5b76ad29; font:bold 60px Arial,sans-serif; transform:rotate(-12deg); }
.dali-portal-mini:nth-child(2) .dali-portal-symbol { color:#b395692d; }
.dali-portal-mini-image { position:absolute; inset:0 0 0 auto; width:42%; opacity:.18; mask-image:linear-gradient(90deg,transparent,#000); }
.dali-portal-mini-image img { width:100%; height:100%; object-fit:cover; }
.dali-portal-categories { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid var(--dali-line); border-radius:8px; background:#fff; overflow:hidden; }
.dali-portal-categories a { position:relative; display:flex; align-items:center; gap:11px; padding:16px 20px; }
.dali-portal-categories a + a::before { position:absolute; left:0; width:1px; height:26px; background:var(--dali-line); content:""; }
.dali-portal-categories a:hover { background:#f7fbf8; }
.dali-portal-category-icon { display:grid; flex:none; place-items:center; width:34px; height:34px; border-radius:8px; background:#f0f5f3; color:#438570; font-size:22px; }
.dali-portal-categories strong { display:block; font-size:12px; font-weight:600; }
.dali-portal-categories small { display:block; margin-top:2px; color:#828b86; font:8px Arial,sans-serif; letter-spacing:.3px; }
.dali-portal-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:17px; }
.dali-portal-heading h2 { display:flex; align-items:center; gap:9px; margin:0; font-size:20px; letter-spacing:-.5px; }
.dali-portal-heading h2::before { width:4px; height:17px; border-radius:2px; background:var(--dali-green); content:""; }
.dali-portal-heading small { color:#80898e; font-size:11px; font-weight:400; letter-spacing:0; }
.dali-portal-heading > div { display:flex; gap:22px; font-size:12px; color:#748078; }
.dali-portal-heading .is-active { color:var(--dali-green); font-weight:600; }
.dali-portal .dali-product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:21px 19px; }
.dali-product-card { border-color:#e5e9ec; border-radius:7px; }
.dali-product-thumb { width:100%; height:auto; aspect-ratio:1.92; }
.dali-product-thumb--fallback { background:linear-gradient(120deg,#164c75,#112d47); color:#d0e8fa; }
.dali-product-card:nth-child(4n+2) .dali-product-thumb--fallback { background:linear-gradient(120deg,#176851,#0c493a); color:#d4f2df; }
.dali-product-card:nth-child(4n+3) .dali-product-thumb--fallback { background:linear-gradient(120deg,#5b386a,#2e244c); color:#f0daf4; }
.dali-product-card:nth-child(4n) .dali-product-thumb--fallback { background:linear-gradient(120deg,#9a6450,#624335); color:#f6ddbe; }
.dali-product-thumb--fallback::before { width:85%; height:70%; border-color:#ffffff20; border-radius:4px; transform:rotate(-5deg); }
.dali-product-thumb--fallback::after { width:70%; height:78%; border-color:#ffffff18; border-radius:4px; background:#ffffff06; transform:rotate(8deg); }
.dali-cover-title { display:-webkit-box; position:relative; z-index:1; overflow:hidden; max-width:85%; -webkit-box-orient:vertical; -webkit-line-clamp:2; padding:3px; color:inherit; font-size:23px; font-weight:700; line-height:1.4; letter-spacing:-.5px; }
.dali-product-body { padding:13px 15px 12px; }
.dali-card-type { margin-bottom:5px; color:var(--dali-green); font-size:10px; }
.dali-product-logo { display:none; }
.dali-product-title { min-height:44px; margin-bottom:9px; align-items:flex-start; }
.dali-product-title h3 { display:-webkit-box; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:13px; line-height:1.7; font-weight:600; }
.dali-portal .dali-product-copy { display:none; }
.dali-product-tags { min-height:0; }
.dali-product-tags .dali-pill:first-child { display:none; }
.dali-product-foot { margin-top:9px; font-size:10px; }
.dali-product-price { font-size:10px; }
.dali-portal-more { display:flex; align-items:center; justify-content:center; gap:16px; padding:30px 0 9px; color:#748078; font-size:11px; }
.dali-portal-more::before,.dali-portal-more::after { width:65px; height:1px; background:#e2e7e7; content:""; }
.dali-footer { margin-top:16px; padding:28px 0 22px; background:#fff; }
.dali-footer-grid { grid-template-columns:2fr 1fr 1fr 1fr; }
.dali-footer h2,.dali-footer h3 { color:#64736e; }
.dali-footer-bottom { border-color:var(--dali-line); }
.dali-catalog-heading { align-items:flex-start; flex-wrap:wrap; }
.dali-filter-row { justify-content:flex-start; }
.dali-article-content pre { overflow:auto; padding:18px; border-radius:6px; background:#14282d; color:#e6f0ed; tab-size:4; white-space:pre; }
.dali-article-content code { font-family:Consolas,"Cascadia Code",monospace; font-size:.9em; }
.dali-article-content table { display:block; overflow:auto; width:100%; border-collapse:collapse; }
.dali-article-content :where(td,th) { border:1px solid var(--dali-line); padding:9px 12px; }
.dali-article-content blockquote { margin:20px 0; border-left:3px solid var(--dali-green); padding:12px 20px; background:var(--dali-soft); }
.dali-code-copy { border:1px solid var(--dali-line); border-radius:4px; background:#fff; padding:5px 10px; color:var(--dali-green); font-size:12px; }
.dali-copy-status { margin-left:10px; color:var(--dali-muted); font-size:12px; }
.dali-image-failed { display:flex; align-items:center; justify-content:center; background:#eaf0ed; color:#4b6b5b; }
.dali-image-fallback { position:relative; z-index:1; max-width:85%; padding:15px; font-size:14px; text-align:center; }
@media(min-width:1500px) { :root { --dali-content:1324px; } .dali-portal-lead { min-height:262px; } .dali-portal-lead h1 { font-size:38px; } .dali-portal-lead-copy { padding-top:36px; } }
@media(max-width:1180px) { .dali-header-inner { gap:18px; } .dali-brand { min-width:175px; } .dali-brand-name { font-size:17px; } .dali-nav-list { gap:16px; } .dali-nav-list a { font-size:12px; } .dali-header-search { width:145px; } .dali-header-actions .dali-support-link { display:none; } .dali-portal-categories a { padding-inline:13px; gap:8px; } .dali-portal-categories small { font-size:7px; } }
@media(max-width:1000px) { .dali-portal-features { grid-template-columns:minmax(0,1fr) 265px; } .dali-portal-lead-copy { padding:25px; width:72%; } .dali-portal-lead h1 { font-size:30px; } .dali-portal-window { right:-35px; } .dali-portal-categories small { display:none; } .dali-portal-categories strong { font-size:11px; } .dali-portal .dali-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .dali-header-search { width:120px; } .dali-brand { min-width:165px; } .dali-nav-list { gap:12px; } }
@media(max-width:850px) { .dali-header-inner { flex-wrap:wrap; gap:0 16px; padding-top:13px; padding-bottom:10px; } .dali-header-actions { margin-left:auto; } .dali-header-search { width:210px; } .dali-nav { order:3; width:100%; margin-top:12px; } .dali-nav-list { width:100%; justify-content:space-between; gap:15px; } .dali-nav-list a { padding:8px 0; } .dali-portal-features { grid-template-columns:minmax(0,1fr) 245px; } .dali-portal-lead h1 { font-size:27px; } .dali-portal-mini { padding:18px; } .dali-portal-mini h2 { font-size:16px; } }
@media(max-width:760px) { .dali-header-inner { min-height:70px; } .dali-brand { min-width:0; } .dali-brand-name { font-size:17px; } .dali-header-search { width:180px; } .dali-nav { position:static; display:flex; padding:0; border:0; box-shadow:none; background:transparent; overflow-x:auto; } .dali-nav-list { display:flex; flex:none; min-width:100%; gap:20px; padding:0; } .dali-nav-list li { display:flex; } .dali-nav-list a { padding:7px 0; border-radius:0; font-size:12px; } .dali-menu-toggle { display:none; } .dali-portal { padding-top:18px; } .dali-portal-features { grid-template-columns:1fr; gap:12px; } .dali-portal-lead { min-height:235px; } .dali-portal-lead-copy { width:68%; padding:27px 25px; } .dali-portal-lead h1 { font-size:30px; } .dali-portal-window { right:5px; } .dali-portal-side { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto; gap:12px; } .dali-portal-mini { min-height:110px; padding:17px; } .dali-portal-mini h2 { font-size:16px; } .dali-portal-mini p { font-size:10px; } .dali-portal-categories a { flex-direction:column; gap:7px; padding:13px 5px; text-align:center; } .dali-portal-category-icon { width:30px; height:30px; font-size:20px; } .dali-portal-categories strong { font-size:10px; white-space:nowrap; } .dali-portal .dali-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; } .dali-portal-heading h2 { font-size:18px; gap:7px; } .dali-portal-heading small { font-size:10px; } .dali-portal-heading > div { gap:14px; font-size:11px; } .dali-portal-heading > div a:last-child { display:none; } .dali-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .dali-footer-grid > :first-child { grid-column:1/-1; } .dali-cover-title { font-size:20px; } .dali-product-body { padding:12px; } .dali-product-title h3 { font-size:12px; } }
@media(max-width:430px) { .dali-header-search { width:145px; } .dali-brand-name { font-size:16px; } .dali-brand-mark { width:31px; height:31px; flex-basis:31px; } .dali-brand { gap:7px; } .dali-brand-sub { font-size:5px; letter-spacing:.8px; } .dali-header-inner { gap:0 8px; } .dali-nav-list { gap:18px; } .dali-nav-list a { font-size:11px; } .dali-portal-lead-copy { width:80%; padding:24px 21px; } .dali-portal-lead h1 { font-size:29px; } .dali-portal-art,.dali-portal-hero-image { opacity:.45; } .dali-portal-mini { padding:14px; } .dali-portal-mini h2 { font-size:14px; } .dali-portal-mini .dali-eyebrow { font-size:7px; letter-spacing:1px; } .dali-portal-categories { overflow-x:auto; } .dali-portal-categories a { min-width:0; padding-inline:2px; } .dali-portal-categories strong { font-size:9px; } .dali-portal-heading { gap:8px; } .dali-portal-heading h2 { gap:5px; } .dali-portal-heading small { font-size:9px; } .dali-portal-heading > div { gap:12px; } .dali-product-thumb { height:auto; } .dali-product-title { min-height:40px; } .dali-product-body { padding:10px 11px; } .dali-product-foot { flex-direction:row; align-items:center; gap:6px; font-size:9px; } .dali-product-price { font-size:9px; } .dali-product-tags .dali-pill { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .dali-cover-title { font-size:18px; } }
@media(max-width:350px) { .dali-header-search { width:117px; } .dali-brand-name { font-size:14px; } .dali-brand-sub { display:none; } .dali-portal-heading { flex-wrap:wrap; } .dali-portal-lead-copy { width:100%; } .dali-portal-lead h1 { font-size:27px; } .dali-cover-title { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }