/* Photo-led category layout: DINIS navy / cyan, reference structure. */
.nav-label{display:flex;align-items:center;justify-content:space-between;gap:.25rem}
.nav-label>a{display:block;padding:.65rem 0;font-weight:700;white-space:nowrap}
.nav-toggle{border:0;background:transparent;color:var(--cyan);font-size:1rem;cursor:pointer;padding:.5rem}
.nav-panel .nav-label>a{padding:.6rem .75rem;font-size:.875rem;color:var(--ink);opacity:1;white-space:normal;flex:1}
.nav-panel .nav-label:hover{background:#eaf6fb}
.nav-wide .nav-panel{overflow:visible;max-height:none;width:270px}
.nav-panel{max-height:none}
.nav-group:hover>.nav-panel,.nav-group:focus-within>.nav-panel,.nav-group.nav-expanded>.nav-panel{display:block}
.nav-third{position:absolute;left:100%;top:-3px;width:310px;background:white;border-top:3px solid var(--cyan);box-shadow:12px 14px 30px #08284730;padding:.5rem;max-height:70vh;overflow-y:auto}
.nav-subgroup:hover>.nav-third,.nav-subgroup:focus-within>.nav-third,.nav-subgroup.nav-expanded>.nav-third{display:block}
.nav-third>a{font-size:.875rem}
.ai-media{position:relative}.ai-media>small{position:absolute;bottom:.5rem;left:.5rem;background:#061e36db;color:white;padding:.2rem .4rem;font-size:.75rem}
.category-hero{color:white;min-height:440px;display:flex;align-items:center;background-color:#061e36;background-size:cover,auto 100%;background-position:center,right center;background-repeat:no-repeat;position:relative}
.category-hero-visual{position:absolute;inset:0 0 0 auto;width:auto;height:100%;max-width:none;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 25%);opacity:.83}.category-hero>.container{padding-block:3rem;position:relative;z-index:1}.category-hero h1{font-size:clamp(2.7rem,5vw,5rem);margin:.6rem 0 .5rem;letter-spacing:-.03em;line-height:1.05}
.category-hero h2{font-size:clamp(1.3rem,2.1vw,2rem);max-width:650px;line-height:1.15;margin:0 0 1rem}
.category-hero p{max-width:590px;color:#e3edf6;line-height:1.6;margin-bottom:1.3rem}
.hero-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:2rem;max-width:1030px}
.hero-feature-row>div{display:flex;gap:.7rem;align-items:center}.hero-feature-row .ride-icon{width:46px;height:46px;flex:none;background:#075999aa;border:1px solid #99defd;padding:6px;border-radius:50%;color:white}
.hero-feature-row span{display:grid;gap:.2rem;font-size:.875rem}.hero-feature-row strong{color:white}.hero-image-note{display:block;margin-top:1rem;color:#d5e7f6;font-size:.75rem}
.category-section{padding:2rem 0;background:white}.category-section:nth-of-type(odd){background:#f5faff}
.category-heading{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}.category-heading h2{font-size:1.7rem;color:var(--blue);margin:0;line-height:1.2;letter-spacing:-.03em}.category-heading>p{margin:0;color:#576c81;font-size:.875rem;flex:1;min-width:180px}
.section-number{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;flex:none;width:38px;height:38px;border-radius:50%;font-weight:800}
.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.family-card{overflow:hidden;background:white;border:1px solid #d4e4f0;border-radius:7px;box-shadow:0 3px 12px #08284709}.family-card .media{height:175px;aspect-ratio:auto}.family-card .media img{width:100%;height:100%;object-fit:cover}.family-card>a>div:last-child{padding:.9rem}.family-card h3{font-size:1.15rem;margin:0 0 .4rem;line-height:1.2}.family-card p{font-size:.875rem;margin-bottom:.55rem;color:#526d82}.family-card:hover{border-color:#0aaacb;transform:translateY(-2px)}
.selection-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.selection-steps>div{background:#eaf5fc;padding:1rem;text-align:center;border-radius:7px}.selection-steps .ride-icon{width:38px;height:38px;color:#087cb1;margin-bottom:.5rem}.selection-steps h3{font-size:1rem;margin-bottom:.4rem}.selection-steps p{font-size:.875rem;line-height:1.45;margin:0}
.comparison-matrix{border:1px solid #d4e4f0;border-radius:7px}.comparison-matrix table{font-size:.875rem;margin:0;min-width:1250px}.comparison-matrix th,.comparison-matrix td{padding:.7rem .8rem;min-width:115px;border-bottom:1px solid #e1ecf5}.comparison-matrix th:first-child{position:sticky;left:0;background:#edf6fc;z-index:1;min-width:160px}.comparison-matrix thead th{background:#dbeefb;color:#082847}.comparison-matrix tbody tr:nth-child(even){background:#f6faff}.comparison-matrix .design-cell{color:#846011;background:#fff8e5}.design-value{color:#846011;font-size:.875rem}.category-section .source-note{font-size:.875rem;line-height:1.6;margin-top:1rem}
.category-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.category-scenario-grid .solution-image{height:150px}.category-scenario-grid .solution-card-content{padding:1rem}.category-scenario-grid h3{font-size:1.15rem}.category-scenario-grid p{font-size:.875rem}
.category-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.category-case{border:1px solid #d4e4f0;border-radius:7px;overflow:hidden;padding-bottom:1rem;background:white}.category-case img{width:100%;height:180px;object-fit:cover}.category-case h3,.category-case p,.category-case .text-link,.category-case .demo-badge{margin:.7rem 1rem}.category-case h3{font-size:1.15rem}
.category-media-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:1.5rem}.category-media-layout .media{height:320px;aspect-ratio:auto}.category-media-layout h3{font-size:1.2rem;margin-top:1rem}.media-topics{display:grid;align-content:start}.media-topics>a{padding:1.2rem;border-bottom:1px solid #d4e4f0;display:grid;gap:.35rem}.media-topics>a:hover{background:#edf7fc}.media-topics span{color:#52718b;font-size:.875rem}
.page-hero{background-position:center 45%}.page-hero.compact .container{padding-block:3.8rem}
@media(max-width:1100px) and (min-width:761px){.main-nav{gap:.5rem}.nav-label>a{font-size:.75rem}.nav-wide .nav-panel{width:235px}.nav-third{width:260px}}
@media(max-width:760px){.nav-group:hover>.nav-panel,.nav-group:focus-within>.nav-panel{display:none}.nav-group.nav-expanded>.nav-panel{display:block}.nav-label>a{padding:.8rem;flex:1}.nav-toggle{padding:.8rem}.nav-wide .nav-panel,.nav-panel{width:100%;position:static;background:#092947}.nav-panel .nav-label>a{color:white}.nav-third{position:static;width:100%;box-shadow:none;max-height:none;background:#0d3657;border:0}.nav-subgroup:hover>.nav-third,.nav-subgroup:focus-within>.nav-third{display:none}.nav-subgroup.nav-expanded>.nav-third{display:block}.nav-panel .nav-label:hover{background:#123d61}.nav-third>a{color:#e4f3fb}.family-grid,.category-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.category-case-grid,.category-media-layout{grid-template-columns:1fr}.category-hero{min-height:500px;background-position:60% center}.category-hero>.container{padding-block:2.5rem}.hero-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.category-hero p{max-width:100%}.category-heading h2{font-size:1.4rem}.category-section{padding:1.7rem 0}}
@media(max-width:440px){.family-grid{grid-template-columns:1fr}.family-card .media{height:215px}.category-scenario-grid{grid-template-columns:1fr}.hero-feature-row{gap:1rem .5rem}.hero-feature-row .ride-icon{width:35px;height:35px}.hero-feature-row span{font-size:.8rem}.category-hero h1{font-size:2.5rem}}
@media(max-width:760px){.category-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061e36b8,#061e366e);pointer-events:none}.category-hero{overflow:hidden}}
.category-section .public-comparator{margin-top:22px;padding:20px;border:1px solid #b9d8e9;background:#f0f8fc;border-radius:8px}.category-section .public-comparator h3{font-size:19px;margin:0 0 8px}.category-section .public-comparator p{font-size:15px;line-height:1.6;color:#46627c;max-width:850px}.category-section .public-comparator table{max-width:650px}.category-section .public-comparator>a{display:inline-block;margin-top:12px;color:#1262a9;font-weight:700;font-size:14px}