/* ======================================================================
   THE V+ V2.2.9 — EXACT EMIRATES TYPEFACE INTEGRATION POINT
   IMPORTANT: font binaries are intentionally NOT bundled.
   Supply legally licensed webfont files at the paths below.
   ====================================================================== */
@font-face{
  font-family:"EmiratesSB";
  src:url("fonts/EmiratesSB-Bold.woff2") format("woff2"),
      url("fonts/EmiratesSB-Bold.woff") format("woff");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
@font-face{
  font-family:"EmiratesDisplay";
  src:url("fonts/Emirates-Bold.woff2") format("woff2"),
      url("fonts/Emirates-Bold.woff") format("woff");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

:root{
  --emirates-serif:"EmiratesSB","EmiratesDisplay",Georgia,"Times New Roman",serif;
  --emirates-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

:root{--red:#F00018;--graphite:#56585C;--charcoal:#17191B;--offwhite:#F4F3EF;--white:#fff;--ink:#17191B;--muted:#6F7175;--line:#D8D7D1;--line-dark:#34363A;--max:1460px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--offwhite);color:var(--ink);font-family:Ubuntu,Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55;letter-spacing:.005em}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 56px),var(--max));margin:auto}.display{font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.008em;font-weight:400}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--graphite);margin-bottom:14px}.dark .eyebrow,.find-cta .eyebrow{color:#A7A9AD}.section{padding:104px 0}.white{background:#fff}.dark{background:var(--charcoal);color:var(--offwhite)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,470px);gap:48px;align-items:end;margin-bottom:44px}.section-head h2{font-size:clamp(50px,6vw,92px);line-height:.88;margin:0}.section-head p{margin:0;color:var(--muted);font-size:14px}.dark .section-head p{color:#AEB0B4}.section-bottom-link{margin-top:30px}.text-link,.text-button{font-size:11px;letter-spacing:.08em;font-weight:800}.light-link{color:#fff}.text-button{border:0;background:none;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #C9C8C2;border-radius:999px;padding:13px 18px;font-size:11px;font-weight:800;letter-spacing:.07em;background:transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#8B8C90}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.site-header{position:sticky;top:0;z-index:100;background:rgba(244,243,239,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(23,25,27,.08)}.nav{height:78px;display:flex;align-items:center;gap:22px}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:max-content;margin-right:auto}.brand-mark{width:46px;height:36px;object-fit:contain}.brand-type{display:block;line-height:1}.brand-type b{font-size:16px;letter-spacing:.045em}.brand-type small{display:block;color:var(--graphite);font-size:8px;letter-spacing:.14em;margin-top:5px;font-weight:700}.navlinks{display:flex;align-items:center;gap:20px}.nav-item{position:relative}.nav-main{display:block;padding:29px 0 25px;font-size:10px;font-weight:800;letter-spacing:.08em;position:relative}.nav-main:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--red);transition:.2s}.nav-main:hover:after,.nav-main.active:after{right:0}.mega{display:none;position:absolute;top:68px;left:-24px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:420px;grid-template-columns:1fr 1fr;gap:24px;box-shadow:0 20px 50px rgba(23,25,27,.12)}.nav-item:hover .mega{display:grid}.mega b{display:block;font-size:9px;color:#888A8F;letter-spacing:.13em;margin-bottom:10px}.mega a{display:block;font-size:12px;padding:6px 0}.mega a:hover{color:var(--red)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn,.project-nav,.nav-find,.nav-contact,.mobile-menu-btn{border:0;background:transparent;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.07em}.icon-btn{font-size:22px;padding:7px}.project-nav{border:1px solid var(--line);border-radius:999px;padding:10px 12px}.project-count{display:inline-grid;place-items:center;background:var(--charcoal);color:#fff;border-radius:999px;min-width:18px;height:18px;margin-left:4px}.nav-find{border:1px solid var(--charcoal);border-radius:999px;padding:10px 13px}.nav-contact{background:var(--red);color:#fff;border-radius:999px;padding:11px 14px}.mobile-menu-btn{display:none;font-size:20px}.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(88vw,380px);background:var(--offwhite);z-index:150;transform:translateX(100%);transition:.25s;padding:80px 28px 28px;box-shadow:-20px 0 60px rgba(0,0,0,.12)}.mobile-drawer.open{transform:none}.mobile-drawer>a{display:block;font-size:26px;font-weight:800;padding:13px 0;border-bottom:1px solid var(--line)}.drawer-close{position:absolute;right:24px;top:22px;border:0;background:none;font-size:34px;cursor:pointer}.drawer-action{width:100%;margin-top:14px;padding:13px;border-radius:999px;border:1px solid var(--charcoal);background:none;font-weight:800}.hero{min-height:calc(100vh - 78px);display:grid;align-items:center;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;padding:60px 0 72px}.hero h1{font-size:clamp(78px,9.5vw,155px);line-height:.79;margin:0 0 24px}.hero h1 span{color:var(--red)}.hero-sub{font-size:clamp(24px,2.7vw,42px);font-weight:800;line-height:1.06;letter-spacing:-.03em}.hero-copy{font-size:15px;color:var(--graphite);max-width:640px;margin:22px 0 30px}.cta-row{display:flex;gap:10px;flex-wrap:wrap}.hero-stage{min-height:610px;border:1px solid #DBDAD4;background:#E9E8E3;border-radius:30px;position:relative;overflow:hidden}.wingline{position:absolute;left:-3%;right:12%;top:58px;height:3px;background:var(--red);z-index:12}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .55s}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide-bg{position:absolute;inset:0}.hero-slide-copy{position:absolute;left:28px;right:28px;bottom:78px;z-index:5;color:#fff}.hero-slide-copy small{letter-spacing:.18em;font-weight:800;color:rgba(255,255,255,.66);font-size:9px}.hero-slide-copy h3{font-size:47px;line-height:.88;margin:8px 0}.hero-slide-copy p{max-width:520px;color:rgba(255,255,255,.72);font-size:11px}.roast-bg{background:radial-gradient(circle at 65% 45%,rgba(184,83,30,.32),transparent 24%),linear-gradient(145deg,#2B2521,#17191B 68%)}.roast-ring{position:absolute;width:72%;aspect-ratio:1.75;border-radius:999px;border:20px solid rgba(255,255,255,.04);right:4%;top:18%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.bean{position:absolute;width:38px;height:24px;border-radius:50%;background:linear-gradient(140deg,#94613B,#3B2114);box-shadow:0 8px 14px rgba(0,0,0,.2);animation:floatBean 4.2s ease-in-out infinite}.bean:after{content:"";position:absolute;left:50%;top:15%;bottom:15%;width:1px;background:rgba(25,14,9,.4)}.b1{right:50%;top:33%}.b2{right:35%;top:47%;animation-delay:.6s}.b3{right:20%;top:35%;animation-delay:1.2s}.b4{right:28%;top:60%;animation-delay:1.8s}@keyframes floatBean{50%{transform:translate(12px,-9px) rotate(150deg)}}.machine-bg,.experience-bg{background:linear-gradient(145deg,#2D3034,#17191B 70%);display:grid;place-items:center}.machine-bg img,.experience-bg img{max-height:78%;max-width:62%;object-fit:contain;filter:drop-shadow(0 35px 40px rgba(0,0,0,.28));transform:translateY(-5%)}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(23,25,27,.74) 100%)}.hero-controls{position:absolute;left:28px;right:28px;bottom:22px;z-index:12;display:flex;align-items:center;gap:10px;color:#fff}.hero-controls span{font-size:9px;letter-spacing:.12em}.hero-progress{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hero-progress i{height:2px;background:rgba(255,255,255,.28)}.hero-progress i.active{background:var(--red)}.hero-controls button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(23,25,27,.3);color:#fff;cursor:pointer}.decision-rail{background:var(--charcoal);color:#fff}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr)}.decision-grid a,.decision-grid button{border:0;border-right:1px solid #34363A;background:none;color:#fff;text-align:left;padding:24px 20px;cursor:pointer}.decision-grid a:first-child{border-left:1px solid #34363A}.decision-grid b{display:block;color:#8E9095;font-size:8px;letter-spacing:.15em}.decision-grid strong{display:block;font-size:14px;margin:8px 0 4px}.decision-grid span{font-size:9px;color:#A8AAAE}.decision-grid a:hover strong,.decision-grid button:hover strong{color:var(--red)}.home-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.22s}.home-product-visual{height:330px;background:linear-gradient(155deg,#F2F1ED,#E4E3DE);display:grid;place-items:center;overflow:hidden}.home-product-visual img{max-height:88%;max-width:83%;object-fit:contain;transition:.25s}.home-product-copy{padding:22px}.family{font-size:8px;letter-spacing:.15em;font-weight:800;color:#7A7C80}.home-product-copy h3,.product-body h3{font-size:25px;margin:6px 0}.home-product-copy p{font-size:12px;color:#686A6E;min-height:54px}.red-wake{position:relative}.red-wake:before{content:"";position:absolute;z-index:3;left:0;top:0;width:0;height:3px;background:var(--red);transition:.25s}.red-wake:hover:before{width:72%}.red-wake:hover{border-color:rgba(240,0,24,.45);transform:translateY(-2px)}.red-wake:hover h3{color:var(--red)}.red-wake:hover img{transform:scale(1.025)}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.place-card{min-height:290px;border:1px solid var(--line-dark);border-radius:22px;padding:24px;position:relative;background:linear-gradient(155deg,#222428,#17191B);overflow:hidden}.place-card:before{content:"";position:absolute;left:-10%;right:44%;top:0;height:3px;background:var(--red);transition:.25s}.place-card:hover:before{right:10%}.place-card>span{font-size:9px;color:#7E8085}.place-card h3{font-size:27px;margin:120px 0 6px}.place-card p{color:#AEB0B4;font-size:11px}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tech-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:23px;min-height:240px}.tech-card>span{font-size:9px;color:#8A8C90}.tech-card h3{margin-top:85px;font-size:19px}.tech-card p{font-size:11px;color:#6B6D71}.proof-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0 18px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{padding:4px 22px;border-left:1px solid var(--line)}.proof-grid>div:last-child{border-right:1px solid var(--line)}.proof-grid b{display:block;font-size:11px}.proof-grid span{font-size:10px;color:#77797D}.proof-note{font-size:9px;color:#999B9F;padding-top:14px}.find-cta{background:var(--charcoal);color:#fff;padding:90px 0}.find-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.find-cta h2{font-size:clamp(56px,7vw,105px);line-height:.86;margin:0}.find-cta p{color:#AEB0B4}.find-cta h3{font-size:29px;line-height:1.08;margin:14px 0 26px}.page-hero{padding:110px 0 80px;border-bottom:1px solid var(--line)}.compact-hero h1{font-size:clamp(65px,8vw,116px);line-height:.84;margin:0 0 20px}.compact-hero p{max-width:700px;color:var(--muted)}.compact-hero.dark p{color:#AEB0B4}.product-toolbar{display:grid;gap:16px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:22px}.filter-block>b{display:block;font-size:9px;color:#77797D;letter-spacing:.14em;margin-bottom:9px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid #D7D6D1;background:#FAFAF8;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.chip.active{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.advanced-filter{border-top:1px solid #E7E6E1;padding-top:14px}.advanced-filter summary{cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.12em}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:16px}.result-row{display:flex;justify-content:space-between;margin:22px 0 14px;font-size:10px;color:#76787C;letter-spacing:.08em}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;transition:.22s;display:flex;flex-direction:column}.product-card.hidden{display:none}.product-card-main{display:block;flex:1}.product-visual{height:350px;background:linear-gradient(155deg,#F2F1ED,#E4E3DE);display:grid;place-items:center;position:relative;overflow:hidden}.product-visual img{max-height:88%;max-width:84%;object-fit:contain;transition:.25s}.portfolio-badge{position:absolute;left:16px;top:15px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#77797D}.product-body{padding:22px}.tagline{font-size:13px;font-weight:800}.product-body>p{font-size:11px;color:#6B6D71;min-height:54px}.product-quick{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.product-quick span,.tag{font-size:8px;border:1px solid #DEDDD8;border-radius:999px;padding:5px 7px;color:#6C6E72}.tags{display:flex;flex-wrap:wrap;gap:5px}.card-actions{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;padding:12px 16px;gap:7px}.card-actions button,.card-actions a{border:0;background:none;text-align:left;font-size:8px;letter-spacing:.08em;font-weight:800;cursor:pointer}.card-actions a{grid-column:1/-1;color:var(--red);padding-top:7px}.compare-toggle.selected,.project-add.added{color:var(--red)}.compare-bar{position:fixed;left:50%;bottom:18px;transform:translate(-50%,140%);z-index:90;background:var(--charcoal);color:#fff;border:1px solid #34363A;border-radius:999px;padding:9px 10px 9px 18px;display:flex;gap:25px;align-items:center;transition:.25s;box-shadow:0 16px 40px rgba(0,0,0,.22)}.compare-bar.visible{transform:translate(-50%,0)}.compare-bar span{font-size:9px;letter-spacing:.1em}.compare-bar>div{display:flex;align-items:center;gap:8px}.compare-bar .text-button{color:#fff}.detail-hero{padding:70px 0 88px;border-bottom:1px solid var(--line)}.detail-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:45px;align-items:center}.detail-title{font-size:clamp(70px,8vw,124px);line-height:.84;margin:0}.detail-category{font-size:12px;font-weight:800;margin-top:18px}.detail-tagline{font-size:25px;font-weight:800;line-height:1.12;margin-top:12px}.detail-desc{font-size:13px;color:var(--graphite);max-width:620px}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.detail-visual{min-height:580px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(155deg,#EEEDE8,#E1E0DB);display:grid;place-items:center;position:relative;overflow:hidden}.detail-visual:before{content:"";position:absolute;left:0;right:28%;top:38px;height:3px;background:var(--red)}.detail-visual img{max-height:88%;max-width:78%;object-fit:contain;filter:drop-shadow(0 30px 34px rgba(0,0,0,.18))}.detail-nav{position:sticky;top:78px;z-index:60;background:rgba(244,243,239,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.detail-nav .wrap{display:flex;overflow:auto;gap:20px}.detail-nav a{padding:14px 0;font-size:8px;letter-spacing:.1em;font-weight:800;white-space:nowrap}.detail-section{padding:88px 0;border-bottom:1px solid var(--line)}.detail-section.dark{border-color:#34363A}.detail-section-head{display:grid;grid-template-columns:190px 1fr;gap:28px;margin-bottom:32px}.detail-section-head span{font-size:10px;color:#85878B;letter-spacing:.12em}.detail-section-head h2{font-size:48px;line-height:.9;margin:0}.value-grid,.output-grid,.site-grid,.smart-grid,.download-grid,.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.value-card,.output-card,.site-card,.smart-card,.download-card,.related-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;min-height:160px}.dark .value-card,.dark .output-card,.dark .site-card,.dark .smart-card{background:#1D1F22;border-color:#34363A}.value-card b,.output-card b,.site-card b,.smart-card b{font-size:9px;letter-spacing:.12em}.value-card p,.output-card p,.site-card p,.smart-card p{font-size:12px;color:#6D6F73;margin-top:45px}.dark .value-card p,.dark .output-card p,.dark .site-card p,.dark .smart-card p{color:#AEB0B4}.beverage-capability{display:flex;flex-wrap:wrap;gap:10px}.beverage-pill{font-size:15px;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:12px 17px;background:#fff}.application-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.application-fit{border:1px solid var(--line);border-radius:18px;padding:21px;background:#fff}.application-fit b{font-size:18px}.application-fit span{display:block;font-size:9px;color:var(--red);margin-top:8px}.spec-table{border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:280px 1fr;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.spec-row b{font-size:9px;letter-spacing:.08em}.download-card{cursor:pointer;text-align:left}.download-card span{display:block;color:#77797D;font-size:9px}.download-card strong{display:block;font-size:16px;margin:52px 0 7px}.download-card:hover{border-color:var(--red)}.related-card{display:flex;gap:16px;align-items:center}.related-card img{width:34%;max-height:130px;object-fit:contain}.related-card strong{display:block;font-size:18px}.related-card span{font-size:9px;color:#77797D}.detail-note{font-size:10px;color:#888A8E;margin-top:18px}.detail-loading{padding:160px 0 220px}.detail-loading h1{font-size:80px}.compare-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:16px;text-align:left;vertical-align:top;font-size:11px}.compare-table th{font-size:9px;letter-spacing:.08em;color:#77797D}.compare-table .compare-product-head img{height:180px;margin:auto;object-fit:contain}.compare-product-head strong{display:block;font-size:18px;margin-top:10px}.compare-page-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.application-card{min-height:300px;border:1px solid var(--line-dark);border-radius:22px;padding:24px;background:#1D1F22;position:relative}.application-card>span{font-size:9px;color:#73757A}.application-card h3{font-size:25px;margin:82px 0 3px}.application-card b{font-size:10px;color:#C8C9CC}.application-card p{font-size:11px;color:#9FA1A6}.application-card .text-button{color:#fff;position:absolute;bottom:20px;left:24px}.application-card:hover .text-button{color:var(--red)}.tech-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tech-detail-grid article{border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px;min-height:320px}.tech-detail-grid span{font-size:10px;color:#85878B}.tech-detail-grid h2{font-size:34px;margin:120px 0 12px}.tech-detail-grid p{font-size:12px;color:#6D6F73}.brand-hero{padding:90px 0;border-bottom:1px solid var(--line)}.brand-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.brand-hero h1{font-size:clamp(78px,9vw,140px);line-height:.82;margin:0}.brand-lead{font-size:18px;max-width:650px}.brand-values{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.brand-values span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:800}.brand-mark-stage{min-height:560px;border-radius:28px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.brand-mark-stage img{width:72%;image-rendering:auto}.architecture-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.architecture-grid a{border:1px solid var(--line);border-radius:20px;background:#fff;padding:21px;min-height:190px}.architecture-grid b{font-size:19px}.architecture-grid span{display:block;font-size:10px;color:#737579;margin-top:90px}.architecture-grid a:hover{border-color:var(--red)}.design-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.design-copy,.metal-mark{min-height:500px;border:1px solid #34363A;border-radius:24px;background:#1D1F22;padding:28px}.design-copy h3{font-size:42px;line-height:.95;margin:0}.design-copy p{color:#AEB0B4;max-width:540px}.palette-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:120px}.palette-row button{background:none;border:1px solid #34363A;color:#fff;border-radius:12px;padding:8px;font-size:8px;cursor:pointer}.palette-row i{display:block;height:45px;border-radius:8px;margin-bottom:6px}.metal-mark{display:grid;place-items:center;overflow:hidden}.metal-mark img{width:72%;image-rendering:auto}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ecosystem-grid article{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;min-height:160px}.ecosystem-grid b{font-size:17px}.ecosystem-grid span{display:block;color:#74767A;font-size:10px;margin-top:70px}.support-lifecycle{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-lifecycle article{border:1px solid #34363A;border-radius:20px;background:#1D1F22;padding:21px;min-height:260px}.support-lifecycle span{font-size:9px;color:#76787C}.support-lifecycle h3{font-size:19px;margin:78px 0 8px}.support-lifecycle p{font-size:10px;color:#A7A9AD}.support-action{border:0;background:none;color:#fff;padding:0;font-size:9px;letter-spacing:.08em;font-weight:800;cursor:pointer}.support-action:hover{color:var(--red)}.support-detail{border:1px solid var(--line);border-radius:22px;background:#fff;padding:30px;min-height:330px}.support-detail h2{font-size:48px;line-height:.9}.support-detail p{color:#6D6F73;max-width:700px}.support-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.support-detail-grid div{border-top:1px solid var(--line);padding-top:12px;font-size:11px}.reference-footer{background:var(--charcoal);color:var(--offwhite);padding:64px 0 26px}.footer-reference-grid{display:grid;grid-template-columns:1.3fr repeat(3,.55fr);gap:30px}.footer-reference-brand{display:flex;gap:15px;align-items:center}.footer-reference-brand img{width:82px;max-height:62px;object-fit:contain}.footer-reference-brand b{font-size:30px;line-height:1}.footer-reference-brand span{display:block;color:#9FA1A6;font-size:10px;letter-spacing:.12em;margin-top:6px}.footer-reference-brand small{display:block;color:#777A7E;font-size:9px;margin-top:6px}.reference-footer h4{font-size:9px;color:#8F9196;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px}.reference-footer a{display:block;font-size:11px;color:#D0D1D3;margin:7px 0}.reference-footer a:hover{color:var(--red)}.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #34363A;padding-top:17px;margin-top:46px;color:#7F8186;font-size:9px}.overlay{position:fixed;inset:0;background:rgba(23,25,27,.66);z-index:200;display:none;padding:30px;overflow:auto}.overlay.open{display:grid;place-items:center}.overlay-panel{position:relative;background:var(--offwhite);border-radius:26px;width:min(100%,1050px);padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.overlay-close{position:absolute;right:24px;top:18px;border:0;background:none;font-size:34px;cursor:pointer}.search-panel h2,.finder-panel h2,.quote-panel h2{font-size:58px;line-height:.9;margin:0 0 22px}.search-input{width:100%;border:0;border-bottom:2px solid var(--charcoal);background:transparent;padding:14px 0;font-size:22px;outline:none}.search-results{margin-top:20px;display:grid;gap:7px}.search-result{border-bottom:1px solid var(--line);padding:11px 0;display:flex;justify-content:space-between}.search-result b{font-size:13px}.search-result span{font-size:9px;color:#77797D}.finder-head{display:flex;justify-content:space-between;gap:20px}.finder-progress{font-size:12px;font-weight:800;letter-spacing:.1em}.finder-question h3{font-size:30px;margin:25px 0 14px}.finder-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.finder-option{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;text-align:left;cursor:pointer;font-weight:800}.finder-option:hover,.finder-option.selected{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.finder-nav{display:flex;justify-content:space-between;margin-top:24px}.finder-result-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.finder-result-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:20px}.finder-result-card.primary{border-color:var(--red)}.finder-result-card img{height:250px;max-width:100%;margin:auto;object-fit:contain}.finder-result-card h3{font-size:28px}.finder-result-card ul{padding-left:17px;font-size:11px;color:#67696D}.finder-result-actions{display:flex;gap:7px;flex-wrap:wrap}.project-drawer{position:fixed;right:0;top:0;bottom:0;width:min(92vw,470px);z-index:210;background:var(--offwhite);box-shadow:-20px 0 60px rgba(0,0,0,.18);transform:translateX(105%);transition:.25s;padding:28px;overflow:auto}.project-drawer.open{transform:none}.project-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px}.project-head h3{font-size:24px;margin:0}.project-close{border:0;background:none;font-size:32px;cursor:pointer}.project-item{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.project-item img{height:80px;object-fit:contain}.project-item b{font-size:14px}.project-item span{display:block;font-size:9px;color:#77797D}.project-remove{border:0;background:none;color:var(--red);cursor:pointer}.project-actions{display:grid;gap:8px;margin-top:20px}.microcopy{font-size:9px;color:#8A8C90}.quote-panel p{font-size:12px;color:#67696D}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form label{font-size:9px;font-weight:800;letter-spacing:.08em}.quote-form input,.quote-form textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.quote-form label:nth-child(4){grid-column:1/-1}.quote-form button{grid-column:1/-1;justify-self:start}.form-success{margin-top:15px;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:11px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,140%);z-index:300;background:var(--charcoal);color:#fff;border-radius:999px;padding:11px 16px;font-size:10px;transition:.25s}.toast.show{transform:translate(-50%,0)}@media (max-width:1180px){.navlinks{display:none}.mobile-menu-btn{display:block}.project-nav{display:none}.hero-grid,.brand-hero-grid,.detail-hero-grid{grid-template-columns:1fr}.hero-stage{min-height:540px}.home-product-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.architecture-grid{grid-template-columns:repeat(3,1fr)}.support-lifecycle{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.wrap{width:min(calc(100% - 28px),var(--max))}.section{padding:72px 0}.nav{height:70px}.brand-mark{width:39px}.brand-type small{display:none}.nav-find,.nav-contact{display:none}.hero{min-height:auto}.hero-grid{padding:42px 0 55px}.hero h1{font-size:76px}.hero-stage{min-height:460px}.decision-grid{grid-template-columns:1fr 1fr}.home-product-grid,.place-grid,.tech-grid,.proof-grid,.product-grid,.advanced-grid,.application-grid,.tech-detail-grid,.architecture-grid,.design-language-grid,.ecosystem-grid,.support-lifecycle,.value-grid,.output-grid,.site-grid,.smart-grid,.download-grid,.related-grid,.application-fit-grid,.finder-result-grid,.finder-options,.find-cta-grid{grid-template-columns:1fr}.home-product-visual,.product-visual{height:310px}.proof-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px}.section-head,.detail-section-head{grid-template-columns:1fr;gap:16px}.detail-title{font-size:72px}.detail-visual{min-height:420px}.detail-nav{top:70px}.spec-row{grid-template-columns:1fr;gap:5px}.footer-reference-grid{grid-template-columns:1fr 1fr}.footer-reference-brand{grid-column:1/-1}.copyright{display:block}.copyright div+div{margin-top:8px}.quote-form{grid-template-columns:1fr}.quote-form label:nth-child(4){grid-column:auto}.overlay{padding:12px}.overlay-panel{padding:28px 20px}.search-panel h2,.finder-panel h2,.quote-panel h2{font-size:45px}.palette-row{margin-top:60px}.compare-bar{width:calc(100% - 24px);justify-content:space-between;border-radius:18px}.card-actions{grid-template-columns:1fr}.card-actions a{grid-column:auto}}@media print{.site-header,.reference-footer,.overlay,.project-drawer,.compare-page-actions,.compare-bar{display:none!important}.section,.page-hero{padding:28px 0}.wrap{width:100%}.compare-table{font-size:9px}}.project-nav.is-empty{display:none!important}.why-ecosystem-link{padding:54px 0;background:#fff;border-top:1px solid var(--line)}.why-ecosystem-link .inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.why-ecosystem-link h3{font-size:34px;margin:0}.why-ecosystem-link p{color:var(--muted);font-size:12px;max-width:620px}.open-mark-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.open-mark-copy,.open-mark-visual{border:1px solid var(--line);border-radius:24px;background:#fff;min-height:470px;padding:30px}.open-mark-copy h3{font-size:44px;line-height:.95;margin:0 0 18px}.open-mark-copy p{color:var(--muted);font-size:13px;max-width:580px}.open-mark-values{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:70px}.open-mark-values span{border-top:1px solid var(--line);padding-top:12px;font-size:13px;font-weight:800}.open-mark-visual{display:grid;place-items:center;overflow:hidden}.open-mark-visual img{width:72%;image-rendering:auto}.ecosystem-hero{padding:105px 0 85px;background:var(--charcoal);color:var(--offwhite)}.ecosystem-hero h1{font-size:clamp(72px,9vw,136px);line-height:.82;margin:0 0 20px}.ecosystem-hero p{max-width:720px;color:#AEB0B4;font-size:15px}.ecosystem-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ecosystem-detail-grid article{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px;min-height:260px;position:relative}.ecosystem-detail-grid article:before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--red);transition:.25s}.ecosystem-detail-grid article:hover:before{width:72%}.ecosystem-detail-grid span{font-size:9px;color:#85878C}.ecosystem-detail-grid h3{font-size:25px;margin:95px 0 8px}.ecosystem-detail-grid p{font-size:11px;color:#707276}@media (max-width:760px){.why-ecosystem-link .inner{display:block}.why-ecosystem-link .btn{margin-top:18px}
  .open-mark-grid,.ecosystem-detail-grid{grid-template-columns:1fr}}.signal-v,.open-mark-values i{color:var(--red);font-style:normal}.open-mark-copy h3 .signal-v{display:inline-block}.open-mark-visual img{width:70%;max-width:520px}.open-mark-values span{position:relative}.architecture-grid-rich{grid-template-columns:repeat(5,1fr);gap:14px}.arch-card{position:relative;border:1px solid var(--line);border-radius:24px;background:#fff;padding:32px 28px 24px;min-height:220px;overflow:hidden;transition:.22s}.arch-card b{font-size:24px;display:block}.arch-card span{display:block;font-size:11px;color:#737579;line-height:1.55;margin-top:24px;max-width:220px}.arch-card i{position:absolute;right:20px;bottom:12px;font-style:normal;font-size:72px;line-height:1;color:#D6D3CD;font-weight:800;font-family:Ubuntu,Arial,sans-serif}.arch-card:before{content:"";position:absolute;left:28px;top:146px;width:56px;height:4px;background:var(--red);z-index:1}.arch-card:hover i{color:#CBC7C0}.metal-mark img{width:66%;max-width:580px;filter:drop-shadow(0 22px 42px rgba(0,0,0,.35));backface-visibility:hidden;transform:translateZ(0)}.brand-mark-stage img{width:68%;max-width:620px}.eco-mini-mark{position:absolute;left:22px;top:20px;width:34px;height:auto}.ecosystem-detail-grid article{padding:20px 24px 24px 24px;overflow:hidden}.ecosystem-detail-grid article:after{content:"";position:absolute;right:18px;top:16px;width:72px;height:56px;background:url("logo-red.svg") no-repeat center/contain;opacity:.12;pointer-events:none}.ecosystem-detail-grid span{position:absolute;right:20px;bottom:18px;font-size:48px;line-height:1;font-weight:800;color:#E2DFD8}.ecosystem-detail-grid h3{margin:88px 0 8px}.home-product-visual,.product-visual{position:relative}.home-product-visual:before,.product-visual:before{content:"";position:absolute;left:20px;top:18px;width:220px;height:3px;background:var(--red);z-index:1}.home-product-visual:after,.product-visual:after{content:"";position:absolute;right:18px;top:12px;width:86px;height:64px;background:url("logo-red.svg") no-repeat center/contain;opacity:.12;z-index:1;pointer-events:none}.visual-mini-logo{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:42px;height:32px;background:url("logo-red.svg") no-repeat center/contain;z-index:2}.home-product-visual img,.product-visual img{position:relative;z-index:2}.portfolio-badge{z-index:2;background:rgba(244,243,239,.88);padding:4px 8px;border-radius:999px}.product-card .product-visual img{max-height:82%;max-width:80%;margin-top:32px}.home-product-card .home-product-visual img{max-height:82%;max-width:80%;margin-top:28px}@media (max-width:1180px){.architecture-grid-rich{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.architecture-grid-rich{grid-template-columns:1fr}
  .arch-card{min-height:190px}
  .arch-card:before{top:128px}
  .arch-card i{font-size:58px}
  .home-product-visual:before,.product-visual:before{width:160px}
  .eco-mini-mark{width:30px}}.eyebrow{letter-spacing:.17em;word-spacing:.13em;line-height:1.45}.section-head p,
.brand-lead,
.open-mark-copy p,
.product-body>p,
.home-product-copy p,
.ecosystem-detail-grid p{line-height:1.72}.tagline{line-height:1.52}.product-quick span,
.tags .tag{line-height:1.35}.home-product-visual,
.product-visual{display:flex;align-items:center;justify-content:center}.home-product-visual img{width:76%;height:76%;max-width:none;max-height:none;object-fit:contain;margin-top:26px}.product-visual img{width:76%;height:76%;max-width:none;max-height:none;object-fit:contain;margin-top:30px}.product-card[data-product-id="m6a"] .product-visual img{width:90%;height:72%}.product-card[data-product-id="202a"] .product-visual img{width:82%;height:82%}.product-card[data-product-id="305a"] .product-visual img{width:82%;height:82%}.product-card[data-product-id="201b"] .product-visual img,
.product-card[data-product-id="201c"] .product-visual img{width:80%;height:80%}.home-product-card:nth-child(1) .home-product-visual img{width:72%;height:78%}.home-product-card:nth-child(2) .home-product-visual img{width:72%;height:78%}.home-product-card:nth-child(3) .home-product-visual img{width:78%;height:78%}.home-product-card:nth-child(4) .home-product-visual img{width:78%;height:78%}.visual-mini-logo{width:36px;height:28px;top:32px}.home-product-visual:after,
.product-visual:after{width:76px;height:56px;opacity:.09}.home-product-visual:before,
.product-visual:before{height:2px;opacity:.95}.page-about .brand-hero{padding:74px 0 66px}.page-about .brand-mark-stage{min-height:500px}.page-about .section{padding:84px 0}.page-about .section-head{margin-bottom:36px}.page-about .open-mark-copy,
.page-about .open-mark-visual{min-height:420px}.page-about .open-mark-values{margin-top:54px}.page-about .design-copy,
.page-about .metal-mark{min-height:450px}.page-about .palette-row{margin-top:88px}.page-about .why-ecosystem-link{padding:44px 0}.page-about .architecture-grid-rich{gap:12px}.page-about .arch-card{min-height:205px;padding:28px 26px 22px}.page-about .arch-card span{margin-top:21px}.page-about .arch-card:before{top:137px}.page-about .arch-card i{font-size:66px}.page-about .metal-mark{padding:38px}.page-about .metal-mark img{width:62%;max-width:540px;filter:drop-shadow(0 20px 36px rgba(0,0,0,.30))}.ecosystem-detail-grid article{min-height:275px}.ecosystem-detail-grid .eco-mini-mark{width:30px;top:22px;left:24px}.ecosystem-detail-grid article:after{width:66px;height:50px;opacity:.08}.ecosystem-detail-grid h3{margin:82px 0 10px;font-size:26px}.ecosystem-detail-grid p{max-width:330px;font-size:11px}.ecosystem-detail-grid span{color:#DEDAD3}@media (max-width:760px){.page-about .brand-hero{padding:56px 0 48px}
  .page-about .section{padding:64px 0}
  .page-about .brand-mark-stage{min-height:390px}
  .page-about .open-mark-copy,
  .page-about .open-mark-visual,
  .page-about .design-copy,
  .page-about .metal-mark{min-height:360px}
  .page-about .palette-row{margin-top:54px}
  .home-product-visual img,
  .product-visual img{
    width:78%;
    height:78%;
  }}.page-about .brand-mark-stage{min-height:460px}.page-about .brand-mark-stage img{width:54%;max-width:500px;object-fit:contain;image-rendering:auto}.page-about .open-mark-visual{display:flex;align-items:center;justify-content:center}.page-about .open-mark-visual img{width:60%;max-width:470px;object-fit:contain;image-rendering:auto}.page-about .metal-mark{display:flex;align-items:center;justify-content:center}.page-about .metal-mark img{width:56%;max-width:500px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}.page-products .page-hero{padding:72px 0 44px}.page-products .compact-hero h1{margin:0 0 12px}.page-products .compact-hero p{margin:0}.page-products .product-center{padding-top:26px}.page-products .product-toolbar{padding:18px 20px}.page-products .result-row{margin:14px 0 12px;align-items:center}.page-products .product-grid{display:grid;grid-template-columns:1fr;gap:12px}.portfolio-accordion{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden}.portfolio-accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;user-select:none}.portfolio-accordion summary::-webkit-details-marker{display:none}.portfolio-summary-main{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.portfolio-summary-main span{font-size:9px;letter-spacing:.14em;color:#808287;font-weight:800}.portfolio-summary-main b{font-size:11px;letter-spacing:.08em;color:var(--ink)}.portfolio-accordion summary i{font-style:normal;font-size:14px;color:#84868A;transition:.22s}.portfolio-accordion[open] summary i{color:var(--red);transform:rotate(45deg)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 16px 16px;border-top:1px solid var(--line)}.empty-portfolio{border:1px solid var(--line);border-radius:22px;background:#fff;padding:42px 24px}.empty-portfolio h3{margin:0 0 8px;font-size:22px}.empty-portfolio p{margin:0;max-width:520px;color:#707277}.page-products .portfolio-grid .product-card{margin-top:16px}@media (max-width:980px){.portfolio-grid{
    grid-template-columns:repeat(2,1fr);
  }}@media (max-width:760px){.page-products .page-hero{
    padding:54px 0 32px;
  }
  .page-products .product-center{
    padding-top:18px;
  }
  .portfolio-grid{
    grid-template-columns:1fr;
    padding:0 12px 12px;
  }
  .portfolio-accordion summary{
    padding:14px 16px;
  }
  .portfolio-summary-main{
    gap:10px;
  }}.page-products .page-hero{padding:64px 0 38px}.page-products .compact-hero h1{font-size:clamp(62px,7.4vw,108px);line-height:.86}.page-products .product-center{padding:22px 0 88px}.page-products .product-toolbar{padding:17px 20px;gap:14px}.page-products .result-row{margin:12px 0 10px}.portfolio-accordion{transition:border-color .2s, box-shadow .2s}.portfolio-accordion[open]{border-color:#CBCAC5;box-shadow:0 10px 30px rgba(23,25,27,.035)}.portfolio-accordion summary{min-height:66px;padding:14px 20px}.portfolio-summary-main{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}.portfolio-summary-title{display:flex;align-items:baseline;gap:14px;min-width:0}.portfolio-summary-title span{font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:28px;line-height:1;letter-spacing:.02em;color:var(--ink)}.portfolio-summary-title small{font-size:9px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#8A8C90;white-space:nowrap}.portfolio-summary-main>b{font-size:9px;letter-spacing:.12em;color:#74767A;white-space:nowrap}.portfolio-accordion summary>i{margin-left:18px;font-size:17px}.portfolio-accordion[open] summary{border-bottom:0}.portfolio-accordion[open] .portfolio-summary-title span{color:var(--red)}.portfolio-grid{padding:0 14px 14px;gap:14px}.page-products .portfolio-grid .product-card{margin-top:14px}.page-products .portfolio-grid .product-visual{height:310px}.page-products .portfolio-grid .product-body{padding:18px 19px 17px}.page-products .portfolio-grid .product-body h3{font-size:23px}.page-products .portfolio-grid .tagline{font-size:12px}.page-products .portfolio-grid .product-body>p{min-height:48px;margin:8px 0 11px}.page-products .portfolio-grid .product-quick{margin:11px 0}.page-products .portfolio-grid .card-actions{padding:10px 14px}.page-about .brand-hero-grid{grid-template-columns:1.04fr .96fr;gap:42px}.page-about .brand-hero{padding:68px 0 58px}.page-about .brand-mark-stage{min-height:430px}.page-about .brand-mark-stage img{width:50%;max-width:450px}.page-about .open-mark-grid{grid-template-columns:1fr 1fr;gap:14px}.page-about .open-mark-copy,
.page-about .open-mark-visual{min-height:395px}.page-about .open-mark-copy{padding:28px 30px}.page-about .open-mark-visual img{width:55%;max-width:430px}.page-about .design-language-grid{grid-template-columns:1.04fr .96fr;gap:14px}.page-about .design-copy,
.page-about .metal-mark{min-height:425px}.page-about .metal-mark img{width:52%;max-width:455px}@media (max-width:980px){.portfolio-summary-title{
    gap:10px;
  }
  .portfolio-summary-title small{
    white-space:normal;
  }}@media (max-width:760px){.page-products .page-hero{
    padding:48px 0 28px;
  }
  .page-products .product-center{
    padding:16px 0 64px;
  }
  .portfolio-accordion summary{
    min-height:64px;
    padding:14px 15px;
  }
  .portfolio-summary-main{
    grid-template-columns:1fr;
    gap:5px;
  }
  .portfolio-summary-title{
    display:block;
  }
  .portfolio-summary-title span{
    font-size:26px;
  }
  .portfolio-summary-title small{
    display:block;
    margin-top:5px;
  }
  .portfolio-summary-main>b{
    font-size:8px;
  }
  .page-products .portfolio-grid .product-visual{
    height:285px;
  }

  .page-about .brand-hero-grid,
  .page-about .open-mark-grid,
  .page-about .design-language-grid{
    grid-template-columns:1fr;
  }
  .page-about .brand-mark-stage,
  .page-about .open-mark-copy,
  .page-about .open-mark-visual,
  .page-about .design-copy,
  .page-about .metal-mark{
    min-height:340px;
  }}.page-applications .compact-hero.dark{padding-bottom:54px}.page-applications .full-app-grid{gap:16px}.application-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:410px}.application-card .app-scene{position:relative;height:184px;background-size:cover;background-position:center;border-bottom:1px solid var(--line-dark)}.application-card .app-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,25,27,.02),rgba(23,25,27,.24))}.application-card .app-scene>span{position:absolute;left:16px;top:14px;z-index:2;font-size:10px;color:#D4D7DB;letter-spacing:.14em}.application-card .app-icon{position:absolute;right:16px;bottom:16px;z-index:2;width:48px;height:48px;padding:8px;border-radius:14px;background:rgba(244,243,239,.92);box-shadow:0 8px 18px rgba(0,0,0,.18)}.application-card .app-body{padding:22px 24px 18px;display:flex;flex-direction:column;flex:1}.application-card h3{margin:0 0 6px;font-size:28px}.application-card b{font-size:10px;color:#C8C9CC}.application-card p{margin:12px 0 14px;font-size:11px;color:#A9ACB0;min-height:52px}.application-card .app-tag{display:inline-flex;align-self:flex-start;padding:6px 10px;border:1px solid #30343A;border-radius:999px;font-size:9px;letter-spacing:.12em;color:#F0F2F3;background:#17191B}.application-card .text-button{position:static;margin:0 24px 22px;color:#fff}.ecosystem-detail-grid article{padding:22px 24px 24px 24px;min-height:288px}.ecosystem-detail-grid .eco-mini-mark{width:38px;height:38px;object-fit:contain}.ecosystem-detail-grid h3{margin:80px 0 8px}.eco-subline{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8B8E93;margin-bottom:10px}.eco-fit{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;color:#6E7176}.ecosystem-detail-grid article:after{background:none}.signal-v{color:var(--red)!important}#open-mark .section-head .display .signal-v{display:inline-block}.page-about .open-mark-visual img{width:78%;max-width:560px}.page-about .open-mark-copy h3 .signal-v{display:inline-block}.arch-card{padding-top:28px}.arch-card .arch-icon{width:42px;height:42px;object-fit:contain;display:block;margin-bottom:16px}.arch-card b{margin-top:2px}.arch-card:before{top:164px}.page-about .arch-card:before{top:156px}@media (max-width:980px){.application-card{min-height:390px}
  .application-card .app-scene{height:170px}
  .page-about .open-mark-visual img{width:68%}}@media (max-width:760px){.page-applications .compact-hero.dark{padding-bottom:36px}
  .application-grid,.ecosystem-detail-grid{grid-template-columns:1fr}
  .application-card{min-height:auto}
  .application-card .app-scene{height:158px}
  .application-card h3{font-size:24px}
  .application-card .text-button{margin:0 20px 20px}
  .arch-card .arch-icon{width:36px;height:36px}
  .arch-card:before,.page-about .arch-card:before{top:150px}}.label-with-icon,.with-icon,.mega a.with-icon,.reference-footer a.with-icon,.chip.with-icon{display:inline-flex;align-items:center;gap:8px}.inline-icon{width:18px;height:18px;object-fit:contain;flex:0 0 18px}.nav-icon{width:16px;height:16px;opacity:.98}.footer-icon{width:15px;height:15px;opacity:.94}.family .inline-icon{width:16px;height:16px;flex-basis:16px}.home-product-copy .family,.product-body .family{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-body .family{margin-bottom:2px}.chip.with-icon{padding-inline:12px}.chip.with-icon .inline-icon{width:16px;height:16px;opacity:.96}.place-card{padding:24px 24px 24px 24px}.place-card .place-icon{width:38px;height:38px;object-fit:contain;display:block;margin:18px 0 18px;opacity:.96;filter:drop-shadow(0 8px 18px rgba(240,0,24,.18))}.place-card h3{margin-top:0}.place-card .place-mini-mark{position:absolute;right:18px;top:18px;width:24px;height:18px;opacity:.95}.tech-card .tech-mini-mark{width:24px;height:18px;display:block;margin-bottom:18px;opacity:.95}.support-lifecycle article{position:relative;overflow:hidden}.support-lifecycle .support-mini-mark{position:absolute;right:18px;top:18px;width:26px;height:20px;opacity:.96}.support-lifecycle .support-mini-mark.is-large{width:30px;height:22px}.support-lifecycle h3{margin-top:72px}.finder-option.has-icon{display:flex;align-items:center;gap:10px;min-height:58px}.finder-option .finder-icon{width:20px;height:20px;object-fit:contain;opacity:.96}.result-row .result-inline-mark{display:inline-block;width:16px;height:12px;background:url("logo-red.svg") no-repeat center/contain;vertical-align:-1px;margin-right:8px}.portfolio-summary-title{align-items:center}.tier-inline-mark{width:18px;height:14px;object-fit:contain;display:block}.tech-card h3,.place-card h3{position:relative;z-index:1}.tech-card p,.place-card p{position:relative;z-index:1}@media (max-width:760px){.place-card .place-icon{width:34px;height:34px;margin:14px 0 14px}
  .finder-option.has-icon{min-height:54px}}.family-icon{width:17px;height:17px;object-fit:contain;flex:0 0 17px}.filter-icon{width:16px;height:16px;object-fit:contain;display:block}.chip{display:inline-flex;align-items:center;gap:7px}.home-place-icon{width:44px;height:44px;object-fit:contain;display:block;margin:62px 0 20px;filter:drop-shadow(0 8px 18px rgba(240,0,24,.14))}.place-card h3{margin:0 0 6px}.place-card>span{position:absolute;left:24px;top:22px}.home-tech-icon{width:38px;height:38px;object-fit:contain;display:block;margin:58px 0 18px}.tech-card h3{margin-top:0}.support-specific-icon{position:absolute;right:18px;top:18px;width:38px;height:38px;object-fit:contain;background:#F4F3EF;border-radius:12px;padding:7px}.support-lifecycle .support-mini-mark{display:none!important}.tech-detail-icon{width:46px;height:46px;object-fit:contain;display:block;margin-bottom:34px}.tech-detail-grid article h2{margin-top:72px}.finder-option .finder-icon{width:24px;height:24px}.mega a.with-icon,.reference-footer a.with-icon{gap:7px}.mega .nav-icon{width:15px;height:15px}.reference-footer .footer-icon{width:14px;height:14px}.visual-mini-logo{opacity:.94}.home-product-visual:after,.product-visual:after{opacity:.07}.portfolio-summary-title .tier-inline-mark{width:17px;height:13px;opacity:.96}.result-row .result-inline-mark{opacity:.96}.home-place-icon,.home-tech-icon,.support-specific-icon,.filter-icon,.family-icon,.tech-detail-icon{transition:transform .18s ease,opacity .18s ease}.place-card:hover .home-place-icon,.tech-card:hover .home-tech-icon,.support-lifecycle article:hover .support-specific-icon{transform:translateY(-2px)}@media (max-width:760px){.home-place-icon{width:38px;height:38px;margin:46px 0 16px}
  .home-tech-icon{width:34px;height:34px;margin:46px 0 14px}
  .support-specific-icon{width:34px;height:34px}
  .tech-detail-icon{width:40px;height:40px;margin-bottom:22px}}:root{--icon-light-bg:#F8F7F4;--icon-light-border:rgba(23,25,27,.10);--icon-dark-bg:rgba(255,255,255,.05);--icon-dark-border:#34363A;--icon-soft-shadow:0 8px 18px rgba(23,25,27,.06)}.mega .nav-icon,
.reference-footer .footer-icon,
.family-icon,
.filter-icon,
.arch-card .arch-icon,
.ecosystem-detail-grid .eco-mini-mark,
.tech-detail-icon,
.home-tech-icon,
.home-place-icon,
.support-specific-icon,
.finder-option .finder-icon,
.application-card .app-icon{box-sizing:content-box;display:inline-block;object-fit:contain}.mega .nav-icon{width:14px;height:14px;padding:3px;background:var(--icon-light-bg);border:1px solid var(--line);border-radius:8px}.reference-footer .footer-icon{width:14px;height:14px;padding:3px;background:#F4F3EF;border:1px solid rgba(244,243,239,.18);border-radius:8px}.reference-footer a.with-icon{align-items:center;gap:8px}.home-product-copy .family,.product-body .family{align-items:center;gap:8px}.family-icon{width:16px;height:16px;flex:0 0 16px;padding:3px;background:var(--icon-light-bg);border:1px solid var(--icon-light-border);border-radius:8px}.filter-icon{width:15px;height:15px;padding:3px;flex:0 0 15px;background:var(--icon-light-bg);border:1px solid var(--icon-light-border);border-radius:8px}.chip{gap:8px;align-items:center}.arch-card{display:flex;flex-direction:column;padding-top:26px}.arch-card .arch-icon{width:28px;height:28px;padding:7px;margin-bottom:18px;background:var(--icon-light-bg);border:1px solid var(--icon-light-border);border-radius:12px;box-shadow:var(--icon-soft-shadow)}.arch-card b{margin-top:0;display:block;line-height:1.02}.arch-card span{margin-top:18px}.arch-card:before,.page-about .arch-card:before{top:158px}.ecosystem-detail-grid .eco-mini-mark{width:28px;height:28px;padding:7px;background:var(--icon-light-bg);border:1px solid var(--icon-light-border);border-radius:12px;box-shadow:var(--icon-soft-shadow)}.home-tech-icon{width:24px;height:24px;padding:9px;background:var(--icon-light-bg);border:1px solid var(--icon-light-border);border-radius:14px;box-shadow:var(--icon-soft-shadow);margin:54px 0 18px}.tech-card h3{margin-top:0}.home-place-icon{width:24px;height:24px;padding:10px;background:var(--icon-dark-bg);border:1px solid var(--icon-dark-border);border-radius:14px;margin:58px 0 20px;box-shadow:none;filter:none}.place-card h3{margin:0 0 6px}.place-card p{max-width:220px}.support-specific-icon{position:absolute;right:18px;top:18px;width:24px;height:24px;padding:10px;background:var(--icon-dark-bg);border:1px solid var(--icon-dark-border);border-radius:14px}.support-lifecycle h3{margin-top:74px}.tech-detail-icon{width:26px;height:26px;padding:9px;margin-bottom:26px;background:var(--icon-light-bg);border:1px solid var(--icon-light-border);border-radius:14px;box-shadow:var(--icon-soft-shadow)}.tech-detail-grid article h2{margin-top:66px}.finder-option{display:flex;align-items:center;gap:10px}.finder-option .finder-icon{width:18px;height:18px;padding:4px;flex:0 0 auto;background:var(--icon-light-bg);border:1px solid var(--icon-light-border);border-radius:10px}.finder-option .option-body{display:flex;flex-direction:column;gap:2px}.application-card .app-icon{width:26px;height:26px;padding:10px;background:rgba(244,243,239,.94);border:1px solid rgba(255,255,255,.36);border-radius:14px}.home-place-icon,.home-tech-icon,.support-specific-icon,.filter-icon,.family-icon,.tech-detail-icon,.arch-card .arch-icon,.ecosystem-detail-grid .eco-mini-mark{transition:transform .16s ease,opacity .16s ease,border-color .16s ease,background-color .16s ease}.place-card:hover .home-place-icon,
.tech-card:hover .home-tech-icon,
.support-lifecycle article:hover .support-specific-icon,
.arch-card:hover .arch-icon,
.ecosystem-detail-grid article:hover .eco-mini-mark{transform:translateY(-2px)}@media (max-width:760px){.home-place-icon{width:22px;height:22px;padding:8px;margin:46px 0 16px;border-radius:12px}
  .home-tech-icon{width:22px;height:22px;padding:8px;margin:44px 0 14px;border-radius:12px}
  .support-specific-icon{width:22px;height:22px;padding:8px;border-radius:12px}
  .tech-detail-icon{width:22px;height:22px;padding:8px;margin-bottom:20px;border-radius:12px}
  .arch-card .arch-icon,.ecosystem-detail-grid .eco-mini-mark{width:24px;height:24px;padding:6px;border-radius:10px}
  .family-icon,.filter-icon{width:14px;height:14px;padding:3px}
  .arch-card:before,.page-about .arch-card:before{top:150px}}:root{--display-stack:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}.display,
.hero h1,
.section-title,
.detail-title,
.ecosystem-hero h1,
.open-mark-banner h2,
.search-panel h2,
.finder-panel h2,
.quote-panel h2,
.design-copy h3,
.why-ecosystem-link h3,
.detail-hero h1,
.page-about .story-hero h1,
.page-about .open-mark-banner h2,
.page-ecosystem .ecosystem-hero h1,
.page-products .products-hero h1,
.page-applications .applications-hero h1,
.page-technology .technology-hero h1,
.page-support .support-hero h1,
.page-compare .compare-hero h1,
.page-detail .detail-title{font-family:var(--display-stack);letter-spacing:.006em}.eyebrow,.subhead,.family,.portfolio-badge,.result-row,.filter-block>b,.chip,.nav-actions button,.nav-actions a{font-family:"Bahnschrift SemiLight Condensed",Ubuntu,Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif}.mega .nav-icon,
.reference-footer .footer-icon,
.family-icon,
.filter-icon,
.arch-card .arch-icon,
.ecosystem-detail-grid .eco-mini-mark,
.tech-detail-icon,
.home-tech-icon,
.home-place-icon,
.support-specific-icon,
.finder-option .finder-icon,
.application-card .app-icon,
.visual-mini-logo,
.inline-icon{object-fit:contain;object-position:center}.mega .nav-icon{width:18px;height:18px;padding:4px;border-radius:10px}.reference-footer .footer-icon{width:18px;height:18px;padding:4px;border-radius:10px}.family-icon{width:20px;height:20px;padding:4px;border-radius:10px}.filter-icon{width:18px;height:18px;padding:4px;border-radius:10px}.arch-card .arch-icon{width:54px;height:54px;padding:10px;border-radius:14px;margin-bottom:18px}.ecosystem-detail-grid .eco-mini-mark{width:48px;height:48px;padding:9px;border-radius:14px}.tech-detail-icon{width:50px;height:50px;padding:9px;border-radius:14px;margin-bottom:30px}.home-tech-icon{width:44px;height:44px;padding:8px;border-radius:14px;margin:54px 0 18px}.home-place-icon{width:46px;height:46px;padding:8px;border-radius:14px;margin:56px 0 18px}.support-specific-icon{width:42px;height:42px;padding:8px;border-radius:13px}.finder-option .finder-icon{width:26px;height:26px;padding:5px;border-radius:10px}.application-card .app-icon{width:56px;height:56px;padding:10px;border-radius:16px}.visual-mini-logo{width:52px;height:40px;top:28px}.inline-icon{width:20px;height:20px}.family .inline-icon{width:18px;height:18px;flex-basis:18px}.chip.with-icon .inline-icon{width:18px;height:18px}.arch-card,
.ecosystem-detail-grid article,
.place-card,
.tech-card,
.support-lifecycle article,
.finder-option,
.application-card{position:relative}.arch-card .arch-icon,
.ecosystem-detail-grid .eco-mini-mark,
.home-tech-icon,
.home-place-icon,
.tech-detail-icon,
.application-card .app-icon{box-shadow:0 8px 18px rgba(23,25,27,.08)}.family,
.label-with-icon,
.with-icon{align-items:center}.home-product-copy .family,.product-body .family{gap:9px}.arch-card b,.ecosystem-detail-grid h3,.tech-card h3,.place-card h3{position:relative;z-index:2}@media (max-width:760px){.mega .nav-icon,.reference-footer .footer-icon{width:16px;height:16px;padding:3px;border-radius:9px}
  .family-icon,.filter-icon{width:16px;height:16px;padding:3px;border-radius:9px}
  .arch-card .arch-icon,.ecosystem-detail-grid .eco-mini-mark{width:34px;height:34px;padding:7px;border-radius:11px}
  .home-tech-icon,.home-place-icon,.support-specific-icon,.tech-detail-icon,.application-card .app-icon{width:32px;height:32px;padding:6px;border-radius:11px}
  .finder-option .finder-icon{width:20px;height:20px;padding:4px;border-radius:8px}
  .visual-mini-logo{width:42px;height:32px;top:24px}
  .inline-icon,.chip.with-icon .inline-icon{width:16px;height:16px}}:root{--display-stack:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;--ui-stack:Ubuntu,Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif}html,body{font-family:var(--ui-stack)}body,
p,
li,
td,
th,
input,
textarea,
select,
button{font-family:var(--ui-stack)}.display,
.hero h1,
.page-hero h1,
.detail-title,
.section-head h2,
.find-cta h2,
.brand-hero h1,
.open-mark-banner h2,
.search-panel h2,
.finder-panel h2,
.quote-panel h2,
.design-copy h3,
.why-ecosystem-link h3{font-family:var(--display-stack);letter-spacing:-.004em;font-weight:600}.hero h1{font-size:clamp(74px,9.0vw,146px);line-height:.80}.section-head h2{font-size:clamp(48px,5.7vw,88px);line-height:.89}.compact-hero h1{font-size:clamp(62px,7.1vw,105px);line-height:.86}.brand-hero h1{font-size:clamp(74px,8.5vw,132px);line-height:.83}.detail-title{font-size:clamp(68px,7.6vw,116px);line-height:.85}.find-cta h2{font-size:clamp(54px,6.5vw,98px);line-height:.87}.nav,
.navlinks,
.nav-item,
.nav-main,
.nav-actions,
.nav-actions button,
.nav-actions a,
.mega,
.mega b,
.mega a,
.mobile-drawer,
.mobile-drawer a,
.drawer-action{font-family:var(--ui-stack)!important}.nav-main{font-size:10px;font-weight:700;letter-spacing:.075em}.mega b{font-size:9px;font-weight:700;letter-spacing:.12em}.mega a{font-size:11px;font-weight:500;letter-spacing:.01em}.project-nav,.nav-find,.nav-contact{font-family:var(--ui-stack)!important;font-size:10px;font-weight:700;letter-spacing:.06em}.brand-type b,.brand-type small{font-family:var(--ui-stack)!important}.btn,
.text-link,
.text-button,
.filter-block>b,
.chip,
.portfolio-badge,
.result-row,
.card-actions button,
.card-actions a,
.finder-option,
.support-action,
.reference-footer,
.reference-footer h4,
.reference-footer a,
.copyright,
.eyebrow,
.family,
.tag,
.product-quick span,
.app-tag,
.eco-subline,
.eco-fit{font-family:var(--ui-stack)!important}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em}.family{font-size:8px;font-weight:700;letter-spacing:.14em}.chip{font-size:9px;font-weight:700;letter-spacing:.015em}.reference-footer h4{font-size:9px;font-weight:700;letter-spacing:.13em}.reference-footer a{font-size:11px;font-weight:400}.home-product-copy h3,
.product-body h3,
.place-card h3,
.tech-card h3,
.ecosystem-detail-grid h3,
.application-card h3,
.support-lifecycle h3,
.arch-card b,
.application-fit b{font-family:var(--ui-stack);letter-spacing:-.015em}.portfolio-summary-title span{font-family:var(--display-stack);font-weight:600;letter-spacing:.01em}.mega .nav-icon{width:14px;height:14px;padding:3px;border-radius:8px}.reference-footer .footer-icon{width:14px;height:14px;padding:3px;border-radius:8px}.family-icon,
.filter-icon,
.inline-icon,
.chip.with-icon .inline-icon{width:16px;height:16px}.family-icon,.filter-icon{padding:3px;border-radius:8px}.tier-inline-mark{width:17px;height:13px}.visual-mini-logo{width:44px;height:34px;top:27px}.arch-card .arch-icon{width:38px;height:38px;padding:8px;border-radius:12px;margin-bottom:16px}.ecosystem-detail-grid .eco-mini-mark{width:36px;height:36px;padding:8px;border-radius:12px}.tech-detail-icon{width:38px;height:38px;padding:8px;border-radius:12px;margin-bottom:24px}.support-specific-icon{width:34px;height:34px;padding:8px;border-radius:12px}.home-place-icon,
.home-tech-icon{width:38px;height:38px;padding:8px;border-radius:13px}.application-card .app-icon{width:44px;height:44px;padding:9px;border-radius:14px}.finder-option .finder-icon{width:22px;height:22px;padding:4px;border-radius:9px}.arch-card .arch-icon,
.ecosystem-detail-grid .eco-mini-mark,
.home-place-icon,
.home-tech-icon,
.support-specific-icon,
.tech-detail-icon,
.application-card .app-icon{object-position:center}.home-product-copy .family,
.product-body .family,
.chip,
.finder-option{align-items:center}.home-product-visual:after,
.product-visual:after{opacity:.055}.visual-mini-logo{opacity:.92}.reference-footer .footer-grid{align-items:start}.reference-footer a.with-icon{gap:7px}@media (max-width:760px){.hero h1{font-size:72px}
  .section-head h2{font-size:50px}
  .compact-hero h1{font-size:58px}
  .brand-hero h1{font-size:70px}
  .detail-title{font-size:66px}
  .nav-main{font-size:10px}

  .mega .nav-icon,
  .reference-footer .footer-icon{
    width:13px;height:13px;padding:3px;
  }
  .family-icon,.filter-icon,.inline-icon{
    width:15px;height:15px;
  }
  .arch-card .arch-icon,
  .ecosystem-detail-grid .eco-mini-mark,
  .tech-detail-icon,
  .support-specific-icon{
    width:30px;height:30px;padding:7px;
  }
  .home-place-icon,.home-tech-icon{
    width:32px;height:32px;padding:7px;
  }
  .application-card .app-icon{
    width:36px;height:36px;padding:8px;
  }
  .finder-option .finder-icon{
    width:20px;height:20px;
  }}:root{--nav-condensed-stack:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Arial Narrow",Arial,sans-serif}.navlinks,
.nav-item,
.nav-main,
.nav-actions,
.nav-actions button,
.nav-actions a,
.mega,
.mega b,
.mega a,
.mobile-drawer,
.mobile-drawer a,
.drawer-action,
.project-nav,
.nav-find,
.nav-contact{font-family:var(--nav-condensed-stack)!important}.nav-main{font-size:11px;font-weight:600;letter-spacing:.085em}.mega b{font-size:10px;font-weight:600;letter-spacing:.13em}.mega a{font-size:12px;font-weight:400;letter-spacing:.025em}.nav-actions button,
.nav-actions a,
.project-nav,
.nav-find,
.nav-contact{font-size:11px;font-weight:600;letter-spacing:.07em}.reference-footer h4,
.reference-footer a{font-family:var(--nav-condensed-stack)!important}.reference-footer h4{font-size:10px;font-weight:600;letter-spacing:.14em}.reference-footer a{font-size:12px;font-weight:400;letter-spacing:.02em}body,
p,
li,
td,
th,
input,
textarea,
select,
button,
.btn,
.text-link,
.text-button,
.filter-block>b,
.chip,
.portfolio-badge,
.result-row,
.card-actions button,
.card-actions a,
.finder-option,
.support-action,
.eyebrow,
.family,
.tag,
.product-quick span,
.app-tag,
.eco-subline,
.eco-fit{font-family:Ubuntu,Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif}.family{white-space:nowrap}.home-product-copy h3,
.product-body h3,
.detail-title,
.compare-card h3{letter-spacing:.008em}.icon-btn{width:42px;height:42px;padding:0;display:inline-grid;place-items:center;border-radius:999px;transition:background-color .18s ease,transform .18s ease}.icon-btn:hover{background:rgba(23,25,27,.055);transform:translateY(-1px)}.search-nav-icon{width:23px;height:23px;display:block}.footer-reference-brand{gap:18px}.footer-reference-brand .footer-master-mark{width:92px;max-height:72px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.26))}.quote-direct{grid-column:1/-1;margin:2px 0 0;font-size:10px;color:var(--muted)}.quote-direct a{font-weight:700;color:var(--ink)}.form-success a{font-weight:800;color:var(--red)}.app-fit-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #30343A;padding-top:10px;margin-top:9px}.app-fit-line span{font-size:8px;letter-spacing:.12em;color:#85888D}.app-fit-line b{margin:0;font-size:9px;text-align:right;color:#F4F3EF}.app-fit-line.ecosystem-fit b{color:#FF5B6A}@media (max-width:760px){.icon-btn{width:40px;height:40px}
  .search-nav-icon{width:22px;height:22px}
  .footer-reference-brand .footer-master-mark{width:82px;max-height:64px}
  .app-fit-line{grid-template-columns:1fr}
  .app-fit-line b{text-align:left}}
/* V2.2.1 QA */
.drawer-action.js-quote-open{border-top:1px solid var(--line)}
.download-card{cursor:pointer}
.download-card:hover{border-color:var(--red)}

/* V2.2.1 MOBILE QA */
@media(max-width:760px){
  .page-ecosystem .ecosystem-hero h1{font-size:56px;line-height:.86;overflow-wrap:anywhere}
  .page-support .compact-hero h1{font-size:56px;line-height:.86;overflow-wrap:anywhere}
  .page-detail .detail-section-head h2{font-size:42px;line-height:.9;overflow-wrap:anywhere}
  .page-detail .detail-nav{max-width:100vw;overflow:hidden}
  .page-detail .detail-nav .wrap{max-width:100%;padding:0 14px;width:100%}
  .ecosystem-detail-grid,.ecosystem-detail-grid article,.support-lifecycle,.support-lifecycle article,.detail-section-head{min-width:0;max-width:100%}
  .ecosystem-detail-grid h3,.ecosystem-detail-grid p,.support-lifecycle h3,.support-lifecycle p{overflow-wrap:anywhere}
}

/* V2.2.2 PUBLIC DOCUMENT RELEASE */
.download-card{
  text-decoration:none;
  color:inherit;
}
.download-card em{
  display:block;
  margin-top:auto;
  padding-top:18px;
  font-style:normal;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted);
}
.download-card.released:hover{
  border-color:var(--red);
  transform:translateY(-2px);
}
.download-card.released em{color:var(--red)}
.public-doc-library{background:var(--offwhite)}
.public-doc-group{margin-top:38px}
.public-doc-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:14px;
}
.public-doc-card{
  min-height:188px;
  border:1px solid var(--line);
  border-radius:20px;
  padding:22px;
  background:#fff;
  display:flex;
  flex-direction:column;
}
.public-doc-card>span{
  font-size:8px;
  letter-spacing:.14em;
  color:var(--red);
  font-weight:800;
}
.public-doc-card h3{
  margin:28px 0 22px;
  font-size:25px;
}
.public-doc-links{
  margin-top:auto;
  display:grid;
  gap:8px;
}
.public-doc-links a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-top:8px;
  border-top:1px solid var(--line);
  color:var(--ink);
  text-decoration:none;
  font-size:10px;
  font-weight:700;
}
.public-doc-links a:hover{color:var(--red)}
@media(max-width:980px){.public-doc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.public-doc-grid{grid-template-columns:1fr}.public-doc-card{min-height:160px}}


/* ======================================================================
   THE V+ V2.2.4 — EDITORIAL TYPOGRAPHY REFINEMENT
   Strategy reference: Emirates-style hierarchy (large/light brand display,
   restrained functional sans, disciplined labels, generous whitespace).
   No Emirates proprietary font assets are used or bundled.
   ====================================================================== */
:root{
  --display-stack:"Bahnschrift SemiLight Condensed","Bahnschrift Condensed","Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;
  --ui-stack:Ubuntu,"Helvetica Neue",Helvetica,Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --nav-condensed-stack:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Arial Narrow",Arial,sans-serif;
  --type-display-weight:300;
  --type-ui-weight:400;
  --type-label-weight:600;
}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}
body{font-family:var(--ui-stack);font-weight:var(--type-ui-weight);line-height:1.62;letter-spacing:0}
p,li,td,th,input,textarea,select,button{font-family:var(--ui-stack);font-weight:400}

/* L1 — Brand display: scale carries luxury; weight stays controlled. */
.display,
.hero h1,
.page-hero h1,
.section-head h2,
.brand-hero h1,
.find-cta h2,
.open-mark-banner h2,
.search-panel h2,
.finder-panel h2,
.quote-panel h2,
.design-copy h3,
.why-ecosystem-link h3{
  font-family:var(--display-stack);
  font-weight:var(--type-display-weight);
  letter-spacing:-.022em;
}
.hero h1{font-size:clamp(82px,9.7vw,158px);line-height:.78;letter-spacing:-.032em;font-weight:300}
.section-head h2{font-size:clamp(52px,5.9vw,90px);line-height:.90;letter-spacing:-.020em;font-weight:300}
.compact-hero h1{font-size:clamp(66px,7.3vw,108px);line-height:.86;letter-spacing:-.024em;font-weight:300}
.brand-hero h1{font-size:clamp(78px,8.7vw,138px);line-height:.82;letter-spacing:-.028em;font-weight:300}
.detail-title{font-family:var(--display-stack);font-size:clamp(70px,7.7vw,118px);line-height:.85;letter-spacing:-.015em;font-weight:400}
.find-cta h2{font-size:clamp(58px,6.6vw,100px);line-height:.87;letter-spacing:-.022em;font-weight:300}
.hero-slide-copy h3{font-family:var(--display-stack);font-weight:300;letter-spacing:-.018em;line-height:.90}
.open-mark-copy h3,.tech-detail-grid h2,.ecosystem-detail-grid h3{font-family:var(--display-stack);font-weight:400;letter-spacing:-.012em}

/* L2 — Editorial lead: remove mass-market boldness; more air and calmer rhythm. */
.hero-sub{font-family:var(--ui-stack);font-size:clamp(24px,2.45vw,38px);font-weight:300;line-height:1.18;letter-spacing:-.022em;max-width:720px}
.hero-copy,.section-head p,.brand-lead,.compact-hero p,.design-copy p,.open-mark-copy p{
  font-family:var(--ui-stack);font-weight:400;line-height:1.68;letter-spacing:0
}
.hero-copy{font-size:15px;max-width:620px}
.section-head p{font-size:15px;max-width:450px}
.brand-lead{font-size:18px;line-height:1.58}
.find-cta h3{font-family:var(--ui-stack);font-size:30px;font-weight:300;line-height:1.16;letter-spacing:-.022em}

/* L3 — Product / section card titles: distinctive but not heavy. */
.home-product-copy h3,.product-body h3,.place-card h3,.tech-card h3,.application-card h3,.support-lifecycle h3,.compare-card h3{
  font-family:var(--display-stack);font-weight:400;letter-spacing:-.008em
}
.home-product-copy h3,.product-body h3{font-size:28px;line-height:1.02}
.place-card h3{font-size:24px;line-height:1.02}
.tech-card h3{font-size:22px;line-height:1.05}
.application-card h3{font-size:28px;line-height:1.02}

/* L4 — Navigation / controls: compact, disciplined, functional. */
.navlinks,.nav-item,.nav-main,.nav-actions,.nav-actions button,.nav-actions a,.mega,.mega b,.mega a,.mobile-drawer,.mobile-drawer a,.drawer-action,.project-nav,.nav-find,.nav-contact{
  font-family:var(--nav-condensed-stack)!important
}
.nav-main{font-size:11px;font-weight:600;letter-spacing:.055em}
.mega b{font-size:10px;font-weight:600;letter-spacing:.115em}
.mega a{font-size:13px;font-weight:400;letter-spacing:.005em;line-height:1.35}
.nav-actions button,.nav-actions a,.project-nav,.nav-find,.nav-contact{font-size:11px;font-weight:600;letter-spacing:.045em}
.btn,.text-link,.text-button,.support-action{font-family:var(--ui-stack)!important;font-size:10.5px;font-weight:700;letter-spacing:.055em}

/* L5 — Labels / metadata: use tracking, not excessive weight. */
.eyebrow{font-family:var(--ui-stack)!important;font-size:10px;font-weight:600;letter-spacing:.195em;margin-bottom:18px}
.family,.filter-block>b,.portfolio-badge,.result-row,.tag,.product-quick span,.app-tag,.eco-subline,.eco-fit{
  font-family:var(--ui-stack)!important;font-weight:600
}
.family{font-size:8.5px;letter-spacing:.13em}
.filter-block>b{font-size:9px;letter-spacing:.13em}

/* Brand lock-up gets the same display voice as the large headlines. */
.brand-type b{font-family:var(--display-stack)!important;font-size:18px;font-weight:400;letter-spacing:-.005em}
.brand-type small{font-family:var(--ui-stack)!important;font-weight:600;letter-spacing:.14em}
.footer-reference-brand b{font-family:var(--display-stack);font-size:34px;font-weight:300;letter-spacing:-.018em}
.reference-footer h4,.reference-footer a{font-family:var(--nav-condensed-stack)!important}
.reference-footer h4{font-size:10px;font-weight:600;letter-spacing:.125em}
.reference-footer a{font-size:12px;font-weight:400;letter-spacing:.005em;line-height:1.42}
.copyright{font-family:var(--ui-stack);letter-spacing:.015em}

/* Editorial breathing room — typography gets room to perform. */
.section{padding:118px 0}
.section-head{margin-bottom:54px;gap:56px}
.page-hero{padding:122px 0 88px}
.brand-hero{padding:108px 0}
.find-cta{padding:104px 0}

@media(max-width:980px){
  .section{padding:92px 0}
  .section-head{gap:34px;margin-bottom:42px}
  .page-hero{padding:94px 0 72px}
}
@media(max-width:760px){
  .hero h1{font-size:74px;line-height:.80;letter-spacing:-.026em}
  .section-head h2{font-size:52px;line-height:.92}
  .compact-hero h1{font-size:60px;line-height:.88}
  .brand-hero h1{font-size:70px;line-height:.85}
  .detail-title{font-size:66px;line-height:.87}
  .hero-sub{font-size:25px;line-height:1.18}
  .section{padding:78px 0}
  .section-head{margin-bottom:34px}
  .page-hero{padding:82px 0 62px}
  .nav-main{font-size:11px}
  .mobile-drawer a,.drawer-action{font-size:16px;letter-spacing:.035em}
}


/* ======================================================================
   THE V+ V2.2.5 — EDITORIAL SERIF ACCENT
   Principle:
   PRODUCT / SYSTEM = precise condensed sans
   PLACE / EXPERIENCE = editorial serif
   UI / BODY = clean functional sans
   Serif usage intentionally limited to ~8–12% of visible typography.
   No Emirates proprietary font files are used or bundled.
   ====================================================================== */

:root{
  --editorial-serif:"Cormorant Garamond","Baskervville","Libre Baskerville","Iowan Old Style","Palatino Linotype",Georgia,serif;
}

/* Editorial voice — only for place, experience and selected brand concepts. */
.editorial-serif{
  font-family:var(--editorial-serif)!important;
  font-weight:600!important;
  letter-spacing:-.012em!important;
  text-transform:none!important;
}
.editorial-inline{
  display:inline-block;
  font-size:1.10em;
  line-height:.92;
}
.editorial-underline{
  position:relative;
  display:inline-block;
  padding-bottom:.08em;
}
.editorial-underline::after{
  content:"";
  position:absolute;
  left:.02em;
  bottom:-.08em;
  width:52px;
  height:2px;
  background:var(--red);
}

/* HERO — place becomes the emotional keyword, not the whole headline. */
.hero-sub .editorial-serif,
.find-cta h3 .editorial-serif{
  font-size:1.16em;
  line-height:.9;
}

/* HOME — Start from the Place becomes the editorial transition. */
#places .section-head h2 .editorial-serif{
  font-size:1.08em;
  line-height:.86;
  color:inherit;
}
.place-card .place-kicker{
  display:block;
  margin:2px 0 12px;
  font-family:var(--ui-stack);
  font-size:8px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8B8D91;
}
.place-card h3{
  font-family:var(--editorial-serif)!important;
  font-size:30px;
  line-height:1.02;
  font-weight:600!important;
  letter-spacing:-.010em!important;
  text-transform:none;
}
.dark .place-card h3{color:#F4F3EF}

/* APPLICATIONS — informational kicker + memorable place name. */
.application-card .app-kicker{
  display:block;
  margin:0 0 10px;
  font-family:var(--ui-stack);
  font-size:8px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8E9196;
}
.application-card h3{
  font-family:var(--editorial-serif)!important;
  font-size:32px;
  line-height:1.04;
  font-weight:600!important;
  letter-spacing:-.010em!important;
  text-transform:none;
  margin-bottom:11px;
}
.compact-hero .editorial-serif{
  font-size:1.08em;
  line-height:.88;
}

/* WHY V+ — only selected brand-value words use editorial serif. */
#open-mark .section-head h2 .editorial-serif{
  font-size:1.04em;
}
.open-mark-copy h3 .editorial-serif{
  font-size:1.06em;
  line-height:.92;
}
.brand-lead .editorial-serif{
  font-size:1.16em;
}

/* Deliberately keep these functional/technical areas sans. */
.navlinks,
.nav-actions,
.reference-footer,
.product-body h3,
.home-product-copy h3,
.detail-title,
.arch-card,
.tech-card,
.support-lifecycle,
.compare-card,
.btn,
.text-button,
.finder-panel,
.quote-panel{
  font-synthesis:none;
}

/* Slightly more Emirates-like editorial whitespace in place-led areas. */
#places .section-head{margin-bottom:60px}
.full-app-grid{row-gap:18px}

@media(max-width:980px){
  .place-card h3{font-size:28px}
  .application-card h3{font-size:31px}
}
@media(max-width:760px){
  .place-card h3{font-size:28px}
  .application-card h3{font-size:30px}
  .place-card .place-kicker,.application-card .app-kicker{font-size:7.5px}
  .editorial-underline::after{width:42px}
}


/* ======================================================================
   V2.2.6 — EMIRATES-CALIBRATED EDITORIAL SERIF
   More substantial, less fashion/editorial than Cormorant.
   ====================================================================== */

.editorial-serif.editorial-strong{
  font-weight:700!important;
  letter-spacing:-.016em!important;
}

#places .section-head h2 .editorial-serif,
.compact-hero .editorial-serif,
#open-mark .section-head h2 .editorial-serif{
  font-weight:700!important;
  letter-spacing:-.016em!important;
}

/* Footer adopts serif only for column headings, following the Emirates pattern.
   Footer links remain functional sans/condensed. */
.reference-footer h4,
.reference-footer .footer-col-title,
.site-footer h4{
  font-family:var(--editorial-serif)!important;
  font-weight:600!important;
  letter-spacing:-.010em!important;
  text-transform:none!important;
}

/* Preserve the product/system voice. */
.product-body h3,
.home-product-copy h3,
.detail-title,
.arch-card h3,
.tech-card h3,
.public-doc-card h3{
  font-family:var(--display-stack)!important;
}

/* Editorial red underline: shorter, more Emirates-like. */
.editorial-underline::after{
  width:46px;
  height:2px;
  bottom:-.10em;
}

/* Slightly warmer white surface in editorial/place-led sections. */
#places,
.page-applications .page-main{
  --editorial-surface:#F8F7F4;
}

/* Avoid oversized luxury-fashion feel on mobile. */
@media(max-width:760px){
  .application-card h3{font-size:29px;line-height:1.04}
  .place-card h3{font-size:27px;line-height:1.03}
}


/* ======================================================================
   V2.2.7 — BESPOKE EDITORIAL SERIF
   Emirates-inspired in spirit, but re-authored for THE V+.
   Principle: sharper, calmer, more premium; not a copy.
   ====================================================================== */

.editorial-serif{
  font-family:var(--editorial-serif)!important;
  font-variation-settings:"opsz" 28;
  font-feature-settings:"liga" 1,"kern" 1;
  font-weight:600!important;
  letter-spacing:-.022em!important;
  line-height:1.02!important;
}
.editorial-serif.editorial-strong,
#places .section-head h2 .editorial-serif,
.compact-hero .editorial-serif,
#open-mark .section-head h2 .editorial-serif,
.open-mark-copy h3 .editorial-serif,
.brand-lead .editorial-serif,
.hero-sub .editorial-serif,
.find-cta h3 .editorial-serif{
  font-weight:700!important;
  font-variation-settings:"opsz" 32;
  letter-spacing:-.028em!important;
}

/* tighter and more composed than the previous versions */
.place-card h3{
  font-family:var(--editorial-serif)!important;
  font-size:30px!important;
  font-weight:600!important;
  line-height:1.00!important;
  letter-spacing:-.026em!important;
}
.application-card h3{
  font-family:var(--editorial-serif)!important;
  font-size:33px!important;
  font-weight:600!important;
  line-height:1.02!important;
  letter-spacing:-.026em!important;
}

/* Footer headings should feel like section titles, not navigation labels */
.reference-footer h4,
.reference-footer .footer-col-title,
.site-footer h4{
  font-family:var(--editorial-serif)!important;
  font-variation-settings:"opsz" 24;
  font-feature-settings:"liga" 1,"kern" 1;
  text-transform:none!important;
  font-size:clamp(18px,1.8vw,22px)!important;
  font-weight:600!important;
  letter-spacing:-.018em!important;
  line-height:1.06!important;
  margin:0 0 14px 0!important;
}
.reference-footer a,
.site-footer a{
  font-family:Ubuntu,Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:.006em!important;
  line-height:1.42!important;
}

/* Eyebrows stay in the engineered THE V+ voice */
.eyebrow,
.application-card .eyebrow,
.place-card>span,
.reference-footer .eyebrow,
.reference-footer small{
  font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,"Arial Narrow",sans-serif!important;
  letter-spacing:.22em!important;
}

/* subtle red editorial underline */
.editorial-underline::after{
  width:52px!important;
  height:2px!important;
  background:var(--red)!important;
  bottom:-.08em!important;
}

/* selected large headings get more air */
#places .section-head h2,
#open-mark .section-head h2,
.compact-hero h1{
  line-height:.94!important;
}

/* Product/system areas remain non-serif to protect the industrial voice */
.home-product-copy h3,
.product-body h3,
.detail-title,
.arch-card h3,
.tech-card h3,
.public-doc-card h3,
.support-lifecycle h3,
.compare-card h3{
  font-family:var(--display-stack)!important;
}

/* Slightly warmer editorial surfaces */
.page-applications .page-main,
#places,
.page-about .arch-section{
  background:#F7F5F0;
}

/* Make application/place cards feel a touch more premium */
.application-card,
.place-card{
  box-shadow:0 10px 28px rgba(23,25,27,.04);
}

@media (max-width:760px){
  .reference-footer h4,
  .reference-footer .footer-col-title,
  .site-footer h4{font-size:20px!important}
  .application-card h3{font-size:29px!important;line-height:1.04!important}
  .place-card h3{font-size:26px!important;line-height:1.03!important}
}


/* ======================================================================
   V2.2.8 — EMIRATES-CLOSER DISPLAY SERIF
   Goal: less bookish, more poised, sharper vertical elegance.
   ====================================================================== */

/* Neutralize V2.2.7 mood and move closer to airline-luxury editorial */
.editorial-serif{
  font-family:var(--editorial-serif)!important;
  font-style:normal!important;
  font-weight:600!important;
  font-feature-settings:"liga" 1,"kern" 1;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.010em!important;
  line-height:1.00!important;
  color:#25282c!important;
}
.editorial-serif.editorial-strong,
#places .section-head h2 .editorial-serif,
.compact-hero .editorial-serif,
#open-mark .section-head h2 .editorial-serif,
.open-mark-copy h3 .editorial-serif,
.brand-lead .editorial-serif,
.hero-sub .editorial-serif,
.find-cta h3 .editorial-serif,
.section-head h2 .editorial-serif{
  font-weight:700!important;
  letter-spacing:-.014em!important;
  line-height:.98!important;
}

/* Hero titles: stately and vertical */
.compact-hero h1 .editorial-serif,
.brand-lead h1 .editorial-serif,
.hero-sub h1 .editorial-serif,
.page-main h1 .editorial-serif{
  font-size:clamp(52px,6vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.016em!important;
}

/* Applications and place cards */
.application-card h3,
.place-card h3,
.reference-card h3,
.experience-card h3{
  font-family:var(--editorial-serif)!important;
  font-style:normal!important;
  font-weight:600!important;
  color:#26303a!important;
  letter-spacing:-.012em!important;
  line-height:1.02!important;
}
.application-card h3{font-size:35px!important}
.place-card h3{font-size:31px!important}

/* Footer headings: subtle, classic, not oversized */
.reference-footer h4,
.reference-footer .footer-col-title,
.site-footer h4,
.footer-links h4,
.footer-nav h4{
  font-family:var(--editorial-serif)!important;
  font-style:normal!important;
  font-size:clamp(17px,1.6vw,21px)!important;
  font-weight:600!important;
  letter-spacing:-.010em!important;
  line-height:1.08!important;
  text-transform:none!important;
  color:#fff!important;
}

/* Important: keep navigation/system voice industrial and clean */
.site-nav a,
.main-nav a,
.top-nav a,
.header-nav a,
footer .nav a,
.footer-meta a,
.menu-link,
.nav-link,
.site-header .nav-link,
header nav a,
footer nav a{
  font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,"Arial Narrow",sans-serif!important;
  letter-spacing:.08em!important;
  font-weight:600!important;
  text-transform:uppercase!important;
}

/* Eyebrow remains a key Emirates cue */
.eyebrow,
.application-card .eyebrow,
.place-card>span,
.reference-footer .eyebrow,
.reference-footer small,
.section-kicker,
.card-kicker{
  font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,"Arial Narrow",sans-serif!important;
  letter-spacing:.24em!important;
  font-size:11px!important;
}

/* Tighten subtitle + underline rhythm */
.editorial-underline::after{width:46px!important;height:2px!important;bottom:-.10em!important}
.application-card .link-under,
.place-card .link-under,
.editorial-link .link-under{margin-top:6px!important}

/* Reduce serif spread: do NOT apply it to technical/product matrices */
.home-product-copy h3,
.product-body h3,
.detail-title,
.arch-card h3,
.tech-card h3,
.public-doc-card h3,
.support-lifecycle h3,
.compare-card h3,
.metric-card h3,
.feature-list h3,
.spec-card h3,
.product-card h3,
.download-card h3,
.contact-card h3{
  font-family:var(--display-stack)!important;
  letter-spacing:0!important;
}

/* Background and card mood */
.page-applications .page-main,
#places,
.page-about .arch-section,
.page-why .open-mark-section{background:#F7F6F2!important}
.application-card,
.place-card{box-shadow:0 8px 24px rgba(18,22,28,.05)!important}

@media (max-width:760px){
  .application-card h3{font-size:31px!important}
  .place-card h3{font-size:27px!important}
  .reference-footer h4,
  .reference-footer .footer-col-title,
  .site-footer h4{font-size:19px!important}
}


/* ======================================================================
   V2.2.9 — EMIRATES TYPOGRAPHY HIERARCHY, NOT A GENERIC SERIF THEME
   ====================================================================== */

/* 1. Main THE V+ hero / page-level display stays modern and architectural.
      This is closer to the real Emirates hierarchy than making everything serif. */
.hero h1,
.section-head h2,
.compact-hero h1,
.brand-hero h1,
.find-cta h2,
.detail-title{
  font-family:"Bahnschrift SemiLight Condensed","Bahnschrift Condensed","Arial Narrow",Arial,sans-serif!important;
  font-weight:300!important;
  letter-spacing:-.020em!important;
}

/* 2. Exact Emirates display serif is reserved for memorable names/nouns. */
.editorial-serif,
.place-card h3,
.application-card h3,
.reference-footer h4,
.reference-footer .footer-col-title,
.site-footer h4,
.footer-links h4,
.footer-nav h4{
  font-family:var(--emirates-serif)!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
  text-transform:none!important;
  font-feature-settings:"liga" 1,"kern" 1!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* 3. Emirates-style destination/application naming scale. */
.place-card h3{font-size:32px!important;line-height:1.02!important}
.application-card h3{font-size:35px!important;line-height:1.02!important}
.reference-footer h4,
.reference-footer .footer-col-title,
.site-footer h4{font-size:20px!important;line-height:1.08!important}

/* 4. Small category labels stay spaced condensed sans — a major Emirates cue. */
.eyebrow,
.place-kicker,
.app-kicker,
.section-kicker,
.card-kicker,
.family{
  font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Arial Narrow",Arial,sans-serif!important;
  font-weight:600!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}

/* 5. Navigation remains THE V+ industrial precision, not airline imitation. */
.nav,
.navlinks,
.nav-main,
.nav-actions,
.mobile-drawer,
.mega,
.reference-footer a,
.site-footer a{
  font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Arial Narrow",Arial,sans-serif!important;
}
.reference-footer a,
.site-footer a{
  font-size:12px!important;
  font-weight:400!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}

/* 6. Product / specification system must never use the Emirates serif. */
.home-product-copy h3,
.product-body h3,
.product-card h3,
.detail-title,
.arch-card h3,
.tech-card h3,
.public-doc-card h3,
.download-card h3,
.support-lifecycle h3,
.compare-card h3,
.spec-card h3,
.metric-card h3{
  font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Arial Narrow",Arial,sans-serif!important;
}

/* 7. Red editorial underline, matching the reference rhythm. */
.editorial-underline::after{
  width:52px!important;
  height:2px!important;
  background:var(--red)!important;
  bottom:-.08em!important;
}

/* 8. Body/UI remains clean, practical and globally legible. */
body,
p,
.btn,
input,
textarea,
select,
.finder-option,
.quote-panel,
.support-copy{
  font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif!important;
}

@media(max-width:760px){
  .application-card h3{font-size:30px!important}
  .place-card h3{font-size:27px!important}
  .reference-footer h4,.site-footer h4{font-size:19px!important}
}


/* ======================================================================
   THE V+ V2.3.1 — EMIRATES-INSPIRED SANS + WAKE INTERACTION
   Reference cue: "Make it an incredible journey"
   ====================================================================== */

:root{
  --experience-display:"Helvetica Neue","HelveticaNeue","Source Sans 3","Arial Nova",Arial,sans-serif;
  --product-display:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Bernard MT Condensed","League Gothic",Impact,"Arial Narrow",sans-serif;
  --body-sans:Ubuntu,"Source Sans 3",Arial,"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --wake-surface:#FAF9F6;
  --wake-surface-strong:#FFFFFF;
  --wake-shadow-a:0 12px 30px rgba(23,25,27,.07);
  --wake-shadow-b:0 22px 52px rgba(23,25,27,.13);
}

/* ----------------------------------------------------------------------
   1. TYPOGRAPHY RESET
   The supplied Emirates reference reads as a modern, quiet Sans headline.
   ---------------------------------------------------------------------- */

.experience-display,
.editorial-serif,
.editorial-strong{
  font-family:var(--experience-display)!important;
  font-style:normal!important;
  font-weight:600!important;
  letter-spacing:-.032em!important;
  line-height:.98!important;
  text-transform:none!important;
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  color:#343538!important;
}

/* Brand / experience-level headings */
#places .section-head h2,
.page-applications .compact-hero h1,
.find-cta h2,
.find-cta h3,
#open-mark .section-head h2,
.brand-lead{
  font-family:var(--experience-display)!important;
  font-weight:600!important;
  letter-spacing:-.034em!important;
  text-transform:none!important;
  color:#343538;
}

#places .section-head h2{
  font-size:clamp(52px,5.7vw,86px)!important;
  line-height:.96!important;
}
.page-applications .compact-hero h1{
  font-size:clamp(58px,6.6vw,98px)!important;
  line-height:.94!important;
}
.find-cta h2{
  font-size:clamp(54px,6.1vw,92px)!important;
  line-height:.95!important;
}

/* Place/application cards use the same experience voice. */
.place-card h3,
.application-card h3{
  font-family:var(--experience-display)!important;
  font-style:normal!important;
  font-weight:600!important;
  letter-spacing:-.028em!important;
  line-height:1.00!important;
  text-transform:none!important;
}
.place-card h3{font-size:30px!important}
.application-card h3{font-size:32px!important}

/* Footer headings: clean Swiss-like sans, not serif. */
.reference-footer h4,
.reference-footer .footer-col-title,
.site-footer h4{
  font-family:var(--experience-display)!important;
  font-style:normal!important;
  font-size:18px!important;
  font-weight:600!important;
  letter-spacing:-.020em!important;
  line-height:1.10!important;
  text-transform:none!important;
}
.reference-footer a,
.site-footer a{
  font-family:var(--body-sans)!important;
  font-size:12px!important;
  font-weight:400!important;
  letter-spacing:.004em!important;
  line-height:1.46!important;
}

/* Small labels stay precise and spaced. */
.eyebrow,
.place-kicker,
.app-kicker,
.family,
.reference-footer small,
.section-kicker,
.card-kicker{
  font-family:"Bahnschrift SemiLight Condensed","Bahnschrift Condensed","Arial Narrow",Arial,sans-serif!important;
  font-weight:600!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}

/* Product/system language remains unmistakably THE V+. */
.hero h1,
.home-product-copy h3,
.product-body h3,
.detail-title,
.portfolio-summary-title,
.arch-card h3,
.tech-card h3,
.public-doc-card h3,
.support-lifecycle h3,
.compare-card h3,
.product-card h3,
.spec-card h3{
  font-family:var(--product-display)!important;
}

/* Navigation remains approved condensed system. */
.nav,
.navlinks,
.nav-main,
.nav-actions,
.mobile-drawer,
.reference-footer nav,
.footer-nav{
  font-family:"Bahnschrift Condensed","Bahnschrift SemiLight Condensed","Arial Narrow",Arial,sans-serif!important;
}

/* Hero support copy now shares the calm Emirates-like rhythm. */
.hero-sub{
  font-family:var(--experience-display)!important;
  font-weight:600!important;
  letter-spacing:-.027em!important;
  line-height:1.03!important;
}
.hero-copy,
.section-head p,
.application-card p,
.place-card p{
  font-family:var(--body-sans)!important;
  letter-spacing:0!important;
}

/* ----------------------------------------------------------------------
   2. EMIRATES-STYLE QUIET SURFACES
   ---------------------------------------------------------------------- */

#places,
.page-applications .page-main{
  background:#F6F6F4!important;
}

.home-product-card,
.application-card,
.tech-card,
.arch-card,
.ecosystem-detail-grid article,
.support-lifecycle article{
  border-radius:14px!important;
}

.place-card{
  border-radius:14px!important;
}

/* ----------------------------------------------------------------------
   3. WAKE INTERACTION SYSTEM
   Hover = surface wakes up, block lifts, shadow breathes, red signal appears.
   Never paint the full card red.
   ---------------------------------------------------------------------- */

.home-product-card,
.application-card,
.tech-card,
.arch-card,
.ecosystem-detail-grid article,
.support-lifecycle article,
.place-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:
    transform .34s cubic-bezier(.22,.61,.36,1),
    box-shadow .34s ease,
    border-color .28s ease,
    background-color .28s ease;
  will-change:transform,box-shadow;
}

/* Warm light cards wake from quiet grey/white into a lifted white block. */
.home-product-card,
.application-card,
.tech-card,
.arch-card,
.ecosystem-detail-grid article{
  background-color:var(--wake-surface);
}

.home-product-card:hover,
.home-product-card:focus-within,
.application-card:hover,
.application-card:focus-within,
.tech-card:hover,
.tech-card:focus-within,
.arch-card:hover,
.arch-card:focus-within,
.ecosystem-detail-grid article:hover,
.ecosystem-detail-grid article:focus-within{
  background-color:var(--wake-surface-strong)!important;
  transform:translateY(-4px);
  border-color:rgba(23,25,27,.16)!important;
  box-shadow:var(--wake-shadow-b);
  animation:vplusWakeBreath 2.2s ease-in-out infinite alternate;
}

/* Dark cards wake into a slightly lighter graphite block, not red. */
.place-card,
.support-lifecycle article{
  background-color:#1B1D20;
}
.place-card:hover,
.place-card:focus-within,
.support-lifecycle article:hover,
.support-lifecycle article:focus-within{
  background-color:#24262A!important;
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 22px 52px rgba(0,0,0,.25),0 3px 12px rgba(0,0,0,.16);
  animation:vplusDarkWakeBreath 2.2s ease-in-out infinite alternate;
}

/* Soft light block appears behind content on wake. */
.home-product-card::after,
.application-card::after,
.tech-card::after,
.arch-card::after,
.ecosystem-detail-grid article::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:0;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.96),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.88),rgba(244,243,239,.60));
  transition:opacity .34s ease;
  pointer-events:none;
}
.home-product-card:hover::after,
.home-product-card:focus-within::after,
.application-card:hover::after,
.application-card:focus-within::after,
.tech-card:hover::after,
.tech-card:focus-within::after,
.arch-card:hover::after,
.arch-card:focus-within::after,
.ecosystem-detail-grid article:hover::after,
.ecosystem-detail-grid article:focus-within::after{
  opacity:1;
}

/* THE V+ Signal Red: thin line only. */
.home-product-card::before,
.application-card::before,
.tech-card::before,
.arch-card::before,
.ecosystem-detail-grid article::before,
.support-lifecycle article::before{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  top:0;
  width:0;
  height:3px;
  background:var(--red);
  transition:width .42s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}
.home-product-card:hover::before,
.home-product-card:focus-within::before,
.application-card:hover::before,
.application-card:focus-within::before,
.tech-card:hover::before,
.tech-card:focus-within::before,
.arch-card:hover::before,
.arch-card:focus-within::before,
.ecosystem-detail-grid article:hover::before,
.ecosystem-detail-grid article:focus-within::before,
.support-lifecycle article:hover::before,
.support-lifecycle article:focus-within::before{
  width:68%;
}

/* Existing place-card red wake becomes longer and softer. */
.place-card::before{
  transition:right .42s cubic-bezier(.22,.61,.36,1),opacity .25s ease!important;
  opacity:.70;
}
.place-card:hover::before,
.place-card:focus-within::before{
  right:8%!important;
  opacity:1;
}

/* Image wakes gently, never aggressively. */
.home-product-card img,
.application-card img,
.place-card img,
.ecosystem-detail-grid article img{
  transition:transform .50s cubic-bezier(.22,.61,.36,1),filter .35s ease!important;
}
.home-product-card:hover img,
.home-product-card:focus-within img,
.application-card:hover img,
.application-card:focus-within img,
.place-card:hover img,
.place-card:focus-within img,
.ecosystem-detail-grid article:hover img,
.ecosystem-detail-grid article:focus-within img{
  transform:scale(1.025)!important;
}

/* Title/arrow signal on interaction. */
.home-product-card:hover h3,
.home-product-card:focus-within h3,
.tech-card:hover h3,
.tech-card:focus-within h3,
.arch-card:hover h3,
.arch-card:focus-within h3{
  color:var(--red);
}
.text-link,
.text-button{
  transition:color .22s ease,transform .22s ease;
}
.home-product-card:hover .text-link,
.application-card:hover .text-link,
.place-card:hover .text-link,
.tech-card:hover .text-link,
.arch-card:hover .text-link{
  color:var(--red);
}

/* Focus-visible gets the same wake without relying on pointer hover. */
.home-product-card:focus-within,
.application-card:focus-within,
.place-card:focus-within,
.tech-card:focus-within,
.arch-card:focus-within,
.ecosystem-detail-grid article:focus-within,
.support-lifecycle article:focus-within{
  outline:2px solid rgba(240,0,24,.28);
  outline-offset:3px;
}

@keyframes vplusWakeBreath{
  from{box-shadow:0 13px 34px rgba(23,25,27,.075),0 2px 6px rgba(23,25,27,.035)}
  to{box-shadow:0 23px 54px rgba(23,25,27,.135),0 5px 14px rgba(23,25,27,.055)}
}
@keyframes vplusDarkWakeBreath{
  from{box-shadow:0 16px 38px rgba(0,0,0,.20),0 2px 8px rgba(0,0,0,.12)}
  to{box-shadow:0 25px 58px rgba(0,0,0,.30),0 5px 16px rgba(0,0,0,.18)}
}

/* Motion accessibility. */
@media(prefers-reduced-motion:reduce){
  .home-product-card,
  .application-card,
  .place-card,
  .tech-card,
  .arch-card,
  .ecosystem-detail-grid article,
  .support-lifecycle article,
  .home-product-card img,
  .application-card img,
  .place-card img{
    animation:none!important;
    transition-duration:.01ms!important;
  }
}

/* Mobile has no hover, so use a tiny static elevation only. */
@media(max-width:760px){
  #places .section-head h2{font-size:48px!important}
  .page-applications .compact-hero h1{font-size:54px!important}
  .place-card h3{font-size:27px!important}
  .application-card h3{font-size:29px!important}
  .reference-footer h4,
  .reference-footer .footer-col-title,
  .site-footer h4{font-size:17px!important}
  .home-product-card,
  .application-card,
  .tech-card,
  .arch-card{
    box-shadow:0 4px 14px rgba(23,25,27,.04);
  }
}