:root{color-scheme:dark;--ink:#eff3f9;--muted:#aab7cb;--bg:#060d1b;--panel:#0b1527;--line:#273448;--blue:#83c5ff;--red:#a82e38;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans TC","Noto Sans JP","Microsoft JhengHei","Yu Gothic",system-ui,sans-serif;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}a,button,summary,input{touch-action:manipulation}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:6px}p{margin:0 0 1.4rem;color:var(--muted)}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.35;letter-spacing:.015em;text-wrap:balance}h1{font-size:clamp(2.8rem,4.9vw,5.7rem);line-height:1.3;font-weight:650;letter-spacing:.018em}h2{font-size:clamp(2rem,3.2vw,3.55rem);line-height:1.4}h3{font-size:1.45rem}h4{font-size:1.15rem;margin-bottom:.6rem}img{max-width:100%;display:block}ul,ol{padding-left:1.4rem}li{padding:.2rem 0}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:.8rem;font-weight:650;letter-spacing:.17em;color:var(--blue);line-height:1.6;margin-bottom:1.5rem}.lead{max-width:720px;font-size:1.15rem;line-height:1.95;margin-top:1.6rem}.section-heading{margin-bottom:2.8rem}.number{font-size:.85rem;color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:.12em}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 25px;border:1px solid transparent;font-size:.95rem;font-weight:600;line-height:1.6;transition:background .2s,color .2s,border-color .2s;gap:.5rem}.button.primary{background:#edf4fc;color:#101c30}.button.primary:hover{background:#a4d4ff}.button.outline{border-color:#68788e;background:#07102055}.button.outline:hover{border-color:var(--blue);background:#14283f}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:2rem}.text-link{display:inline-block;border-bottom:1px solid #6e9ec6;font-size:.95rem;padding-bottom:5px;margin-top:1rem;transition:color .2s}.text-link:hover{color:var(--blue)}.skip{position:fixed;top:-100px;left:20px;background:#fff;color:#111;padding:10px 20px;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;background:#08101eee;border-bottom:1px solid #253246;backdrop-filter:blur(15px)}.nav-wrap{display:flex;align-items:center;gap:24px;width:calc(100% - 64px);max-width:1480px;margin:auto;min-height:88px}.company-logo{background:#fff;display:flex;align-items:center;justify-content:center;padding:7px 12px;flex-shrink:0;width:176px;min-height:62px}.att-mark{width:150px;height:auto}.desktop-nav{display:flex;align-items:center;gap:23px;flex:1;justify-content:center;font-size:.875rem;line-height:1.5}.desktop-nav a{padding:30px 0;position:relative;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}.desktop-nav a.active:after{content:"";position:absolute;bottom:18px;left:0;right:0;height:2px;background:var(--blue)}details summary{cursor:pointer;list-style:none;font-size:.875rem}summary::-webkit-details-marker{display:none}.language{position:relative;flex-shrink:0}.language summary{border:1px solid #344255;padding:8px 12px}.language summary:after{content:" +";color:var(--blue);margin-left:6px}.language[open] summary:after{content:" −"}.language>div{position:absolute;right:0;top:calc(100% + 12px);min-width:145px;background:#101d30;padding:8px;border:1px solid #344255;box-shadow:0 20px 30px #0005}.language a{display:block;font-size:.9rem;padding:8px 12px}.language a:hover,.language a[aria-current]{color:var(--blue);background:#172840}.mobile-nav{display:none}.hero{position:relative;min-height:min(820px,calc(100svh - 88px));display:flex;flex-direction:column;justify-content:center;isolation:isolate;background:#020610;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030817b3 0%,#03081780 36%,transparent 73%),linear-gradient(0deg,#060d1b 0%,transparent 30%)}.hero-content{padding-block:90px 130px}.hero h1{max-width:870px;color:white;text-shadow:0 3px 20px #0005}.hero-lead{max-width:620px;font-size:1.12rem;color:#c6d0df;line-height:1.95;margin:25px 0}.hero .eyebrow{color:#b1d5f5}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;gap:30px;color:#a2b2c8;font-size:.75rem;line-height:1.65}.hero-bottom>span:first-child{letter-spacing:.13em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:55px 90px}.intro-copy{font-size:1.12rem;line-height:2;color:#bdc9da}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;grid-column:1/-1;border-top:1px solid var(--line);padding-top:38px}.pillars article{display:grid;grid-template-columns:34px 1fr;gap:12px}.pillars p{grid-column:2;margin-bottom:0;font-size:1rem}.pillars .number{padding-top:7px}.family-section{background:#edf1f6;color:#101c30}.family-section p{color:#4c5d70}.family-section .eyebrow,.family-section .number{color:#305b83}.family-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:70px}.family-heading .section-heading{max-width:810px}.logo-panel{width:230px;padding-top:15px;flex-shrink:0}.brand-logo{width:100%;height:auto}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c5cdd7}.family-grid article{padding:35px 30px 0 0}.family-grid article+article{border-left:1px solid #c5cdd7;padding-left:30px}.family-grid h3{font-size:1.6rem;margin:20px 0}.family-grid .solution-name{font-size:.9rem;margin:18px 0 0;font-weight:600;color:#223950}.family-grid .text-link{color:#163b65}.technology-feature{position:relative;min-height:610px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.technology-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.technology-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020815e8 0%,#020815c4 35%,transparent 77%);z-index:-1}.feature-copy{width:min(520px,calc(100% - 112px));margin:90px max(56px,calc((100% - var(--max))/2))}.feature-copy h2{margin-bottom:25px}.feature-copy p{color:#c1cde0}.product-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center;border-bottom:1px solid var(--line)}.product-wordmark{background:#f4f6fa;padding:55px 35px}.product-feature .section-heading{margin:0}.applications-list{border-top:1px solid var(--line);margin-top:30px}.applications-list article{display:grid;grid-template-columns:55px 1fr 1.4fr;gap:32px;padding:34px 0;border-bottom:1px solid var(--line)}.applications-list p{margin:0;font-size:1rem}.applications-list .number{padding-top:4px}.applications .text-link{margin-top:35px}.cta{display:flex;justify-content:space-between;align-items:center;gap:70px;padding-top:75px;padding-bottom:85px;border-top:1px solid #617694}.cta p:not(.eyebrow){max-width:710px;margin:25px 0 0}.cta .button{flex-shrink:0}.page-top{padding:100px 0 70px;background:linear-gradient(135deg,#122039,#060d1b 75%);position:relative;isolation:isolate;overflow:hidden}.page-top .section-heading{margin-bottom:0}.page-top h1{max-width:1040px}.page-top .lead{max-width:720px}.page-top.with-image{padding-block:115px 100px;min-height:580px}.page-backdrop{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}.page-top.with-image:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#030918ee,#030918b8 45%,#03091822),linear-gradient(0deg,var(--bg),transparent 50%);z-index:-1}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.split h2{font-size:clamp(1.9rem,2.7vw,3rem)}.split p:last-child{margin-bottom:0}.brand-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;border-top:1px solid var(--line)}.brand-list article{padding:35px 0;border-bottom:1px solid var(--line)}.brand-list h3{font-size:2.1rem;letter-spacing:0}.brand-list .role{margin:.5rem 0;color:var(--blue);font-size:.875rem}.brand-list p:last-child{margin-bottom:0}.soft-section{background:var(--panel)}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.editorial-grid article{border-top:1px solid #586b85;padding-top:25px}.editorial-grid h3{margin:20px 0 15px}.editorial-grid p{margin-bottom:0}.page-about .editorial-grid{grid-template-columns:repeat(4,1fr);gap:35px}.solution-row{display:grid;grid-template-columns:55px 1fr 1.05fr;gap:40px;border-top:1px solid var(--line);padding:55px 0}.solution-row:last-child{border-bottom:1px solid var(--line)}.solution-row h2{font-size:clamp(1.75rem,2.2vw,2.7rem)}.solution-row .eyebrow{font-size:.875rem;letter-spacing:.08em;margin-bottom:20px}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:25px 0 0}.tags li{font-size:.875rem;padding:5px 10px;border:1px solid #3a4d66;color:#bdc9db}.demo{padding-block:80px;background:#0d192b}.demo h2{font-size:clamp(1.8rem,2.7vw,3rem);max-width:950px}.demo fieldset{margin:0 0 32px;border:0;padding:0}.demo legend{font-size:.875rem;color:var(--muted);margin-bottom:15px}.scene-options{display:flex;gap:12px;flex-wrap:wrap}.scene-options label{cursor:pointer;display:flex;align-items:center;gap:9px;border:1px solid #40566e;padding:9px 18px;font-size:.95rem}.scene-options label:has(input:checked){border-color:#8fcaff;background:#1f3d58}.scene-options input{accent-color:#9bd0ff;width:16px;height:16px;margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:40px}.comparison h3{margin-bottom:20px}.comparison p{margin:15px 0 0;font-size:1rem}.zone-screen{width:100%;background:#010308;border:1px solid #354158;padding:15px;display:block}.zone{fill:#122238;transition:fill .4s}.global .zone{fill:#78899d}.local .z5-2,.local .z6-2,.local .z5-3,.local .z6-3{fill:#dff2ff}.demo[data-scene="1"] .local .zone:nth-child(n+17):nth-child(-n+20),.demo[data-scene="1"] .local .zone:nth-child(n+29):nth-child(-n+32),.demo[data-scene="1"] .local .zone:nth-child(n+41):nth-child(-n+44),.demo[data-scene="1"] .local .zone:nth-child(n+53):nth-child(-n+56){fill:#dff2ff}.demo[data-scene="2"] .local .zone{fill:#dff2ff}.demo[data-scene="2"] .local .zone:nth-child(12n+1),.demo[data-scene="2"] .local .zone:nth-child(12n){fill:#122238}.note{font-size:.875rem;line-height:1.85;color:#96a8c0;margin-top:28px;max-width:1050px}.measure{padding:50px;background:#142139;margin-bottom:100px;border-left:3px solid #7bc2ff}.measure h2{font-size:clamp(1.8rem,2.4vw,2.65rem);margin-bottom:25px}.measure p:last-child{margin-bottom:0;max-width:1000px}.rgb-band{height:5px;background:linear-gradient(90deg,#dd404b,#5ede94,#519dff);margin-bottom:40px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.contact-details{min-width:0}.contact-details>a{display:block;overflow-wrap:anywhere}.email{font-size:clamp(1.6rem,2.4vw,2.7rem);font-weight:600;color:#d8eaff}.phone{font-size:1.55rem;margin:10px 0}.contact-details>p{margin-top:20px}.contact-layout aside{border:1px solid var(--line);background:#0e192b;padding:35px}.contact-layout aside h2{font-size:1.55rem}.contact-layout ol{margin-top:25px;color:#bec9d9}.contact-layout li{padding:7px 0 7px 5px}.wide-image img{width:100%}.wide-image figcaption{font-size:.75rem;color:var(--muted)}footer{background:#030913;border-top:1px solid var(--line);padding:60px 0 30px}.footer-main{display:grid;grid-template-columns:1.4fr 1.2fr .6fr;gap:60px}.footer-logo{width:240px;background:#fff;padding:8px;margin-bottom:22px}.footer-main p,.footer-main a{font-size:.875rem}.footer-main a{display:block;line-height:2}.footer-main a:hover{color:var(--blue)}.footer-langs{justify-self:end}.footer-bottom{font-size:.75rem;color:#8695aa;border-top:1px solid #1b283a;margin-top:40px;padding-top:20px;display:flex;flex-wrap:wrap;gap:10px 35px}.footer-bottom p{font-size:.75rem;margin:0;max-width:680px}.footer-bottom p:last-child{width:100%;max-width:none}.page-index .hero-content{animation:enter .8s ease both}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}html[lang="en"] h1{letter-spacing:-.045em;line-height:1.07}html[lang="en"] h2{letter-spacing:-.035em;line-height:1.2}html[lang="en"] .hero h1{font-size:clamp(3rem,5.7vw,6.1rem)}html[lang="ja"] h1{font-size:clamp(2.5rem,4.7vw,5.2rem)}
@media(min-width:1600px){.hero{min-height:850px}.hero-img{object-position:center 56%}}
@media(max-width:1250px){.desktop-nav{gap:14px;font-size:.8rem}.nav-wrap{gap:16px;width:calc(100% - 40px)}.company-logo{width:150px}.wrap{width:calc(100% - 80px)}.feature-copy{margin-inline:40px}.intro,.split,.product-feature{gap:55px}.family-heading{gap:40px}.contact-layout{gap:45px}.page-about .editorial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1080px){.desktop-nav{display:none}.nav-wrap{min-height:80px}.company-logo{margin-right:auto}.mobile-nav{display:block;position:relative}.mobile-nav summary{padding:8px 12px;border:1px solid #344255}.mobile-nav nav{position:absolute;right:0;top:calc(100% + 17px);width:min(380px,calc(100vw - 40px));background:#0f1c30;border:1px solid #344255;padding:15px;max-height:75vh;overflow:auto}.mobile-nav nav a{display:block;padding:11px 15px;border-bottom:1px solid #29364b;font-size:1rem}.mobile-nav nav a.active{color:var(--blue)}.family-heading{display:block}.logo-panel{margin:0 0 35px;width:210px}.hero{min-height:740px}.hero h1{max-width:680px}.hero-lead{max-width:530px}.hero-img{object-position:60% center}.hero:after{background:linear-gradient(90deg,#030817db,#0308176b 65%,#0308172e),linear-gradient(0deg,#060d1b,transparent 45%)}.intro{gap:35px}.pillars{gap:25px}.family-grid article{padding-right:20px}.family-grid article+article{padding-left:20px}.family-grid h3{font-size:1.4rem}.product-feature{gap:55px}.applications-list article{grid-template-columns:40px 1fr 1.3fr;gap:20px}.cta{gap:40px}.solution-row{grid-template-columns:40px 1fr 1.1fr;gap:25px}.footer-main{gap:30px}.page-top.with-image{min-height:520px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:70px}.nav-wrap{width:calc(100% - 28px);gap:9px;min-height:74px}.company-logo{width:124px;min-height:48px;padding:6px 8px}.language summary,.mobile-nav summary{font-size:.8rem;padding:8px}.language summary:after{margin-left:1px}.hero{min-height:760px;justify-content:flex-start}.hero-content{padding-block:75px 200px}.hero h1{font-size:clamp(2.45rem,7.5vw,3.5rem);line-height:1.38}.hero-lead{font-size:1rem;max-width:500px;margin-top:22px}.hero-img{object-position:65% center}.hero:after{background:linear-gradient(180deg,#030817e0 0%,#030817b3 40%,#03081722 77%,#060d1b),linear-gradient(90deg,#03081744,transparent)}.hero-bottom{bottom:24px;display:block}.hero-bottom span{display:block;margin-top:9px;font-size:.75rem;max-width:380px}.hero .eyebrow{font-size:.75rem;letter-spacing:.11em}.hero .actions{margin-top:27px}.button{padding:11px 18px;font-size:.875rem}.intro,.split,.product-feature{grid-template-columns:1fr;gap:25px}.intro .section-heading{margin-bottom:0}.intro-copy{font-size:1.05rem}.pillars{grid-template-columns:1fr;gap:30px;margin-top:20px}.pillars article{grid-template-columns:32px 1fr}.pillars h3{font-size:1.3rem}.pillars p{max-width:580px}.family-grid{grid-template-columns:1fr}.family-grid article{padding:30px 0;border-bottom:1px solid #c5cdd7}.family-grid article+article{border-left:0;padding:30px 0}.family-grid article:last-child{border:0;padding-bottom:0}.family-grid h3{font-size:1.55rem;margin-top:15px}.family-grid .solution-name{margin-top:12px}.family-heading .section-heading{margin-bottom:15px}.logo-panel{padding-top:0;margin-top:25px;width:190px}.technology-feature{min-height:550px}.feature-copy{width:calc(100% - 40px);margin:75px 20px}.feature-copy p{max-width:440px}.technology-feature>img{object-position:64% center}.technology-feature:after{background:linear-gradient(90deg,#020815ef,#020815a3 62%,#02081555)}.product-feature{gap:40px}.product-wordmark{max-width:350px;padding:35px 25px}.applications-list article{grid-template-columns:28px 1fr;gap:15px;padding:28px 0}.applications-list article>div{grid-column:2}.applications-list h3{font-size:1.35rem}.applications-list h4{font-size:1.05rem}.cta{display:block;padding-block:60px}.cta .button{margin-top:28px}.page-top{padding-block:65px 50px}.page-top.with-image{padding-block:75px 70px;min-height:530px}.page-top h1{font-size:clamp(2.5rem,7.5vw,3.6rem)}.page-top .lead{font-size:1rem}.page-backdrop{object-position:65% center}.page-top.with-image:after{background:linear-gradient(90deg,#030918e8,#03091888),linear-gradient(0deg,var(--bg),transparent)}.brand-list{grid-template-columns:1fr;gap:0}.brand-list h3{font-size:1.9rem}.editorial-grid,.page-about .editorial-grid{grid-template-columns:1fr;gap:35px}.editorial-grid h3{margin-top:12px}.solution-row{grid-template-columns:30px 1fr;gap:15px;padding:35px 0}.solution-row>div:last-child{grid-column:2}.solution-row .eyebrow{margin-bottom:12px}.solution-row h2{font-size:1.65rem}.demo{padding-block:60px}.comparison{grid-template-columns:1fr;gap:32px}.scene-options{gap:8px}.scene-options label{padding:8px 10px;font-size:.875rem}.measure{padding:30px 24px;margin-bottom:65px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-layout aside{padding:25px}.email{font-size:clamp(1.4rem,5.5vw,2.5rem)}.phone{font-size:1.35rem}.contact-details .actions{gap:12px}.footer-main{grid-template-columns:1fr;gap:25px}.footer-main p{margin-bottom:8px}.footer-langs{justify-self:start;display:flex;gap:25px}.footer-logo{width:220px}.footer-bottom{display:block;margin-top:30px}.footer-bottom p{margin-top:12px}html[lang="en"] .hero h1{font-size:clamp(2.8rem,9vw,4rem)}html[lang="ja"] h1{font-size:clamp(2.2rem,7vw,3.5rem)}h2{font-size:clamp(1.9rem,6vw,2.7rem)}.eyebrow{font-size:.75rem}.lead{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Illustrated edition: original scenario imagery and supplied transparent white identity. */
.company-logo{background:transparent;padding:0;width:184px;min-height:68px}.att-mark{width:184px;height:auto}.footer-logo{background:transparent;padding:0;width:300px}.scenario{margin:0 0 24px;min-width:0}.scenario img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#081325;border:1px solid #2d4055}.scenario figcaption{font-size:.75rem;line-height:1.5;color:#94a6bf;margin-top:7px;letter-spacing:.015em}.intro>.section-heading+.scenario{margin-top:24px}.intro>div>.scenario{max-width:570px;margin-top:32px}.pillars{gap:32px;padding-top:40px}.pillars article{display:block}.pillars article h3{margin:12px 0}.pillars .scenario{margin-bottom:18px}.pillars p{margin:0}.family-grid .scenario{margin-bottom:20px}.family-grid .scenario img{border-color:#c0cbd7}.family-grid .scenario figcaption{color:#586b80}.family-grid article{padding-top:28px}.product-feature{grid-template-columns:1fr 1fr;gap:70px}.product-visual{min-width:0}.product-visual .scenario{margin:0}.product-wordmark{padding:24px 30px;margin-top:20px;max-width:290px}.product-wordmark img{max-height:76px;object-fit:contain}.illustrated-apps{border-top:0;margin-top:40px}.illustrated-apps article{grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:38px 0}.illustrated-apps article:first-child{padding-top:0}.illustrated-apps article:nth-child(even) .scenario{order:2}.illustrated-apps article>.application-copy{grid-column:auto}.illustrated-apps .scenario{margin:0}.application-copy h3{font-size:clamp(1.55rem,2.5vw,2.6rem);margin:14px 0 18px}.application-copy h4{color:#d8e9fb;margin-bottom:14px}.application-copy p{max-width:560px}.split>div>h2+.scenario{margin-top:30px}.brand-identity{height:132px;max-width:345px;margin-bottom:25px;display:flex;align-items:center;padding:15px 22px;border:1px solid var(--line)}.brand-identity img{max-height:108px;width:100%;object-fit:contain}.identity-1,.identity-2{background:#edf1f6}.gox-word{font-size:2.8rem;font-weight:700;letter-spacing:-.05em;color:#edf5ff}.gox-word small{display:block;font-size:1rem;font-weight:500;letter-spacing:.15em;color:#86c8ff;line-height:1.2}.editorial-grid article{border-top:0;padding-top:0}.editorial-grid .scenario{margin-bottom:20px}.illustrated-solution{grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-block:55px}.illustrated-solution .scenario{margin:0}.illustrated-solution>div:last-child{grid-column:auto}.illustrated-solution .eyebrow{margin:12px 0 14px}.illustrated-solution h2{margin-bottom:24px}.illustrated-solution:nth-child(even) .scenario{order:2}.illustrated-measure{display:grid;grid-template-columns:.85fr 1fr;gap:40px;align-items:center}.illustrated-measure .scenario{margin:0}.illustrated-measure h2{font-size:clamp(1.75rem,2.2vw,2.45rem)}.contact-layout aside>.scenario{margin-bottom:28px}.cta{position:relative;isolation:isolate;overflow:hidden;padding-inline:38px}.cta:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 50%,#19344b,#071123 70%)}.page-about .page-top,.page-applications .page-top,.page-contact .page-top{min-height:570px}.page-about .editorial-grid{gap:26px}.page-about .editorial-grid h3{font-size:1.25rem}.page-about .editorial-grid p{font-size:1rem}
@media(max-width:1250px){.company-logo,.att-mark{width:158px}.illustrated-apps article,.illustrated-solution{gap:40px}.product-feature{gap:45px}.illustrated-measure{padding:35px;gap:30px}}
@media(max-width:1080px){.company-logo,.att-mark{width:180px}.illustrated-apps article{grid-template-columns:1fr 1fr;gap:30px}.illustrated-measure{grid-template-columns:1fr}.illustrated-measure .scenario{max-width:650px}.brand-identity{height:120px}.page-about .page-top,.page-applications .page-top,.page-contact .page-top{min-height:520px}}
@media(max-width:760px){.company-logo,.att-mark{width:142px}.company-logo{min-height:56px}.footer-logo{width:275px}.scenario{margin-bottom:20px}.intro>div>.scenario{max-width:none;margin-top:26px}.pillars{gap:36px}.pillars .scenario img{max-height:330px}.product-feature{grid-template-columns:1fr;gap:32px}.product-wordmark{max-width:240px;padding:22px 25px}.illustrated-apps article,.illustrated-solution{grid-template-columns:1fr;gap:20px;padding:32px 0}.illustrated-apps article>.application-copy{grid-column:1}.illustrated-apps article:nth-child(even) .scenario,.illustrated-solution:nth-child(even) .scenario{order:0}.illustrated-apps .scenario{margin-bottom:0}.application-copy h3{font-size:1.7rem;margin:10px 0 14px}.illustrated-solution>div:last-child{grid-column:1}.illustrated-solution .eyebrow{margin-top:10px}.illustrated-measure{padding:25px 22px;gap:25px}.cta{padding:50px 24px}.brand-identity{max-width:310px}.page-about .page-top,.page-applications .page-top,.page-contact .page-top{min-height:510px}}
.ppt-evidence figure{margin:30px 0 65px}.ppt-evidence img{max-width:100%;height:auto;margin:auto}.ppt-animation{padding:30px;background:#fff;color:#243448}.ppt-animation img{max-height:590px}.ppt-chart{background:#02050a;padding:20px;border:1px solid var(--line)}.ppt-evidence figcaption{font-size:.8rem;line-height:1.7;margin-top:15px;color:#a9bbd2}.ppt-animation figcaption{color:#4d5e73}.ppt-evidence figcaption .text-link{margin:0 0 0 15px;font-size:.8rem}.ppt-evidence>.note{margin-top:-38px}.custom-content p{white-space:pre-line}.custom-content h2{margin-bottom:25px}
@media(max-width:760px){.ppt-chart{padding:8px}.ppt-animation{padding:15px}.ppt-evidence figcaption .text-link{display:block;margin:10px 0 0;width:max-content}}
/* Supplied white transparent LumiPi and Lumi Crystal marks. */
.family-section{background:#0d192c;color:var(--ink)}.family-section p{color:#b7c5d8}.family-section .eyebrow,.family-section .number{color:var(--blue)}.family-grid,.family-grid article+article{border-color:#34445b}.family-grid .solution-name{color:#cbdcf0}.family-grid .text-link{color:#b5dcff}.family-grid .scenario img{border-color:#34445b}.family-grid .scenario figcaption{color:#96abc4}.logo-panel{padding:15px 0 0;background:transparent}.product-wordmark{background:transparent;padding:24px 0;max-width:290px}.identity-1,.identity-2{background:transparent}.brand-identity{border-color:#34445b}
@media(max-width:760px){.family-grid article{border-color:#34445b}.product-wordmark{padding:22px 0;max-width:240px}.logo-panel{padding-top:0}}

/* Touch structures and optical bonding. Labels remain editable HTML text. */
.touch-teaser,.bonding-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.touch-teaser{border-top:1px solid var(--line)}.touch-teaser .scenario,.bonding-row .scenario{margin:0}.touch-teaser .section-heading,.bonding-row .section-heading{margin-bottom:24px}.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.stack-card{background:linear-gradient(150deg,#10233b,#0a1424);border:1px solid #344c66;padding:32px 26px;display:flex;flex-direction:column}.stack-code{font-size:3.6rem;line-height:1.1;color:#b9e6ff;letter-spacing:-.035em;margin-bottom:12px}.stack-card h3{font-size:1.05rem;letter-spacing:.04em}.stack-direction{font-size:.75rem;margin:24px 0 8px;color:#9cb4ce}.layer-stack{list-style:none;padding:0;display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:280px;margin:0 0 24px}.layer-stack li{border:1px solid #7399b7;border-left:4px solid #a7deee;background:linear-gradient(90deg,#29465c,#162a40);padding:12px;text-align:center;font-size:.9rem;color:#effaff;line-height:1.5}.layer-stack .adhesive{padding:5px;background:#123336;border-color:#346c70;color:#97d9d3;font-size:.75rem}.stack-card>p:last-child{margin-bottom:0;font-size:.95rem}.stack-note{margin-top:25px;max-width:1100px}.bonding-row{border-top:1px solid var(--line)}.bonding-row#frame>.scenario{order:2}.bonding-points{color:#b9c8d9;padding-left:20px}.bonding-points li{padding:8px 0}.bonding-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}.bonding-flow li{border-top:1px solid #6482a1;padding-top:20px}.bonding-flow h3{font-size:1.12rem;margin:18px 0 15px}.bonding-flow p{font-size:.95rem}.desktop-nav{gap:16px;font-size:.81rem}
@media(max-width:1390px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative;margin-left:auto}.mobile-nav>nav{position:absolute;right:0;top:calc(100% + 24px);width:280px;background:#101d30;border:1px solid #344255;padding:12px;box-shadow:0 20px 35px #0007;max-height:75vh;overflow:auto}.mobile-nav>nav>a{display:block;padding:10px 15px}.mobile-nav>summary{padding:10px 15px;border:1px solid #344255}.language{margin-left:auto}}
@media(max-width:1080px){.stack-grid{gap:14px}.stack-card{padding:25px 18px}.touch-teaser,.bonding-row{gap:35px}.bonding-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.touch-teaser,.bonding-row,.stack-grid{grid-template-columns:1fr;gap:32px}.bonding-row#frame>.scenario{order:0}.layer-stack{min-height:0;margin-top:12px}.stack-card{padding:28px}.bonding-flow{grid-template-columns:1fr;gap:20px}.bonding-flow li{display:grid;grid-template-columns:35px 1fr;gap:10px}.bonding-flow h3{margin:0}.bonding-flow p{grid-column:2}.stack-note{font-size:.85rem}}

/* Expanded engineering copy: short paragraphs, topic hierarchy and optional Q&A. */
.content-depth{border-top:1px solid var(--line)}.content-depth>.section-heading{max-width:880px;margin-bottom:55px}.depth-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 70px}.depth-topic{border-top:1px solid #405875;padding-top:23px;min-width:0}.depth-topic .number{display:block;margin-bottom:15px}.depth-topic h3{font-size:clamp(1.4rem,2vw,1.85rem);margin-bottom:22px;line-height:1.5}.depth-topic p{font-size:1rem;line-height:2;max-width:65ch;margin-bottom:18px}.depth-topic p:last-child{color:#9cafc6;margin-bottom:0}.page-index .depth-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.page-index .depth-topic h3{font-size:1.4rem}.technical-faq{padding-top:25px}.faq-list{max-width:1000px}.faq-item{border-top:1px solid #3b4c64}.faq-item:last-child{border-bottom:1px solid #3b4c64}.faq-item summary{font-size:1.12rem;font-weight:600;line-height:1.7;position:relative;padding:23px 50px 23px 0;color:#d9e9f9}.faq-item summary:after{content:"+";position:absolute;right:12px;top:23px;font-size:1.25rem;color:#86c8ff}.faq-item[open] summary:after{content:"−"}.faq-item>div{padding:0 45px 24px 0;max-width:80ch}.faq-item p{line-height:2;margin-bottom:0;color:#b4c3d7}.faq-item summary:hover{color:#91d0ff}
@media(max-width:1080px){.depth-topics{gap:40px}.page-index .depth-topics{grid-template-columns:1fr}.page-index .depth-topic p{max-width:85ch}}
@media(max-width:760px){.depth-topics{grid-template-columns:1fr;gap:35px}.depth-topic h3{font-size:1.4rem}.content-depth>.section-heading{margin-bottom:35px}.technical-faq{padding-top:0}.faq-item summary{font-size:1rem;padding-right:35px}.faq-item>div{padding-right:5px}.depth-topic p,.faq-item p{font-size:.95rem;line-height:1.95}}

/* Search-friendly visible navigation and verified company location. */
.breadcrumbs{padding-block:18px;color:#9fb4cd;font-size:.85rem;line-height:1.7}.breadcrumbs a{color:#b9dbfb;border-bottom:1px solid #577a9f}.breadcrumbs>span{margin-left:8px}.related-topics{padding-block:45px 70px;border-top:1px solid var(--line)}.related-topics h2{font-size:1.25rem}.related-topics>div{display:flex;gap:20px 35px;flex-wrap:wrap}.related-topics a{max-width:100%}.contact-address{margin:30px 0}.contact-address h2{font-size:1.1rem;margin-bottom:12px}.contact-address p{font-size:.98rem;line-height:1.9;max-width:60ch;margin-bottom:12px}.footer-address{font-size:.85rem!important;line-height:1.8;max-width:55ch;margin-top:16px!important;overflow-wrap:anywhere}
@media(max-width:760px){.breadcrumbs{padding-block:12px}.related-topics{padding-block:35px 50px}.related-topics>div{display:block}.related-topics a{display:table;margin-top:20px}.contact-address p{font-size:.9rem}}

/* Category-owned art: display each concept photo once, with balanced text cards between images. */
.pillars article:not(:has(.scenario)),.editorial-grid article:not(:has(.scenario)){border-top:1px solid var(--line);padding-top:22px}.illustrated-apps article:not(:has(.scenario)),.illustrated-solution:not(:has(.scenario)),.touch-teaser:not(:has(.scenario)),.bonding-row:not(:has(.scenario)),.illustrated-measure:not(:has(.scenario)){grid-template-columns:1fr}.illustrated-apps article:not(:has(.scenario))>.application-copy{grid-column:1}.illustrated-apps article:not(:has(.scenario)) p,.illustrated-solution:not(:has(.scenario)) .solution-copy{max-width:900px}.touch-teaser:not(:has(.scenario))>div{max-width:950px}.bonding-row:not(:has(.scenario))>div{max-width:950px}.page-index .illustrated-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.page-index .illustrated-apps article{padding:24px 0;border-top:1px solid var(--line);display:block}.page-index .application-copy h3{font-size:1.5rem}.page-about .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-about .editorial-grid article:has(.scenario){grid-row:span 2}.home-light-field{position:absolute;inset:16% 4% 16% 52%;display:grid;grid-template-columns:repeat(8,1fr);gap:13px;transform:perspective(700px) rotateY(-20deg) rotateZ(-8deg);opacity:.75}.home-light-field i{display:block;border-radius:5px;background:#142e42;border:1px solid #2b5269}.home-light-field i:nth-child(5n),.home-light-field i:nth-child(7n){background:#bdeaff;box-shadow:0 0 28px #8ddcff66}.technology-feature .feature-copy{position:relative;z-index:2}.page-about .page-top .page-backdrop,.page-contact .page-top .page-backdrop{object-position:65% center}
@media(max-width:760px){.page-index .illustrated-apps,.page-about .editorial-grid{grid-template-columns:1fr}.page-about .editorial-grid article:has(.scenario){grid-row:auto}.home-light-field{inset:25% -15% 25% 35%;opacity:.35}.illustrated-solution:not(:has(.scenario))>div:last-child{grid-column:1}}

/* Expanded selection answers: keep each paragraph readable. */
.faq-item p+p{margin-top:1.25rem}.footer-bottom>span{display:block;line-height:1.8}.footer-bottom>p{margin-top:.7rem}

/* Eight-language navigation and Arabic reading order. */
.language>div{min-width:190px;max-height:min(68vh,560px);overflow-y:auto;z-index:50}
.language a{white-space:nowrap}
.footer-langs{display:grid;grid-template-columns:repeat(2,max-content);gap:3px 18px;align-content:start}
html[dir="rtl"] body{font-family:Tahoma,"Noto Naskh Arabic","Noto Sans Arabic",Arial,system-ui,sans-serif}
html[dir="rtl"] .language>div,html[dir="rtl"] .mobile-nav>nav{right:auto;left:0;text-align:right}
html[dir="rtl"] .desktop-nav a.active:after{right:0;left:0}
html[dir="rtl"] .measure{border-left:0;border-right:3px solid #7bc2ff}
html[dir="rtl"] .brand-list article,html[dir="rtl"] .contact-layout aside{text-align:right}
html[dir="rtl"] .contact-details .email,html[dir="rtl"] .contact-details .phone,html[dir="rtl"] .footer-main a[href^="mailto:"],html[dir="rtl"] .footer-main a[href^="tel:"]{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir="rtl"] [data-address-kind="en"],html[dir="rtl"] [data-address-kind="zh"]{direction:ltr;unicode-bidi:isolate;text-align:left}
html[dir="rtl"] .power-value strong,html[dir="rtl"] .power-saving strong{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .power-saving{border-left:0;border-right:1px solid #294358;padding-left:0;padding-right:17px}
html[dir="rtl"] .power-hero:after{background:linear-gradient(270deg,#020812e8 0%,#020812ad 24%,transparent 68%)}
html[dir="rtl"] .hero:after{background:linear-gradient(270deg,#030817b3 0%,#03081780 36%,transparent 73%),linear-gradient(0deg,#060d1b 0%,transparent 30%)}
html[dir="rtl"] .page-top.with-image:after{background:linear-gradient(270deg,#030918ee,#030918b8 45%,#03091822),linear-gradient(0deg,var(--bg),transparent 50%)}
@media(max-width:760px){.footer-langs{grid-template-columns:repeat(2,max-content);gap:4px 24px}.language>div{max-height:64vh}}

/* Compact, machined-metal section markers with top and side faces. */
.number.number-cube{--metal-top:#a6d8ef;--metal-side:#315a7e;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;height:34px;min-width:34px;padding:0;margin:7px 7px 18px 0;border:1px solid #b4ddf4;border-radius:2px;background:linear-gradient(135deg,#c3ddeb 0%,#7199b3 23%,#315d7e 49%,#173752 52%,#527f9e 100%);box-shadow:inset 0 1px 0 #effaff99,inset 1px 0 0 #daefff66,0 7px 13px #0005;color:#fff;font:700 13px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.05em;text-shadow:0 1px 3px #071322;vertical-align:middle;direction:ltr}
.number.number-cube:before{content:"";position:absolute;inset:auto -1px 100% -1px;height:5px;background:linear-gradient(90deg,#d3e9f5,var(--metal-top),#6f9bb6);transform:skewX(-43deg);transform-origin:bottom left;border:1px solid #c1e3f4;border-bottom:0;border-radius:1px 1px 0 0}
.number.number-cube:after{content:"";position:absolute;inset:-1px auto -1px 100%;width:5px;background:linear-gradient(180deg,#638eac,var(--metal-side),#112d45);transform:skewY(-47deg);transform-origin:top left;border:1px solid #597b96;border-left:0}
.depth-topic .number.number-cube{margin-bottom:20px}
.pillars .number.number-cube,.applications-list .number.number-cube{padding-top:0}
.bonding-flow .number.number-cube{margin-bottom:18px}
/* Keep the original bilingual horizontal identity readable at its true ratio. */
.company-logo{width:360px;min-height:68px;padding:0;background:transparent;justify-content:flex-start}
.att-mark{width:360px;height:auto;max-width:100%;object-fit:contain}
.footer-logo{width:440px;max-width:100%;height:auto;padding:0;background:transparent}
.identity-0{max-width:100%;height:auto;min-height:90px;padding:22px 0;border:0}
.identity-0 .brand-logo{width:100%;max-height:none;height:auto}
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:26px;text-align:start;line-height:1.85}
.footer-bottom>span,.footer-bottom>p,.footer-bottom>p:last-child{display:block;width:100%;max-width:none;margin:0;font-size:.8rem;font-weight:400;line-height:1.85;overflow-wrap:anywhere}
@media(min-width:1391px) and (max-width:1649px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative;margin-inline-start:auto}.mobile-nav>nav{position:absolute;right:0;top:calc(100% + 24px);width:280px;background:#101d30;border:1px solid #344255;padding:12px;box-shadow:0 20px 35px #0007;max-height:75vh;overflow:auto}.mobile-nav>nav>a{display:block;padding:10px 15px}.mobile-nav>summary{padding:10px 15px;border:1px solid #344255}.language{margin-inline-start:auto}}
@media(max-width:760px){.nav-wrap{flex-wrap:wrap;padding-block:14px;gap:12px}.company-logo{width:100%;min-height:0}.att-mark{width:min(100%,360px)}.language{margin-inline-start:0;margin-left:0}.mobile-nav{margin-inline-start:auto;margin-left:auto}.footer-logo{width:440px}.footer-bottom{gap:12px}.number.number-cube{width:30px;height:30px;min-width:30px;font-size:12px}.identity-0{min-height:70px}html{scroll-padding-top:150px}}

/* Photographic Mini LED module replaces the abstract luminous grid. */
.technology-feature{min-height:650px;background:#060d1b}
.technology-feature>img.physical-mini-led{object-fit:cover;object-position:center;opacity:1}
.technology-feature:after{background:linear-gradient(90deg,#060d1bf5 0%,#060d1bd9 27%,#060d1b77 44%,transparent 72%),linear-gradient(0deg,#060d1b88,transparent 28%)}
.feature-art-caption{position:absolute;z-index:2;inset:auto 36px 16px 36px;margin:0;text-align:end;font-size:.7rem;line-height:1.65;color:#bacbdb;text-shadow:0 1px 6px #000}
html[dir="rtl"] .technology-feature>img.physical-mini-led{transform:scaleX(-1)}
html[dir="rtl"] .technology-feature:after{background:linear-gradient(270deg,#060d1bf5 0%,#060d1bd9 27%,#060d1b77 44%,transparent 72%),linear-gradient(0deg,#060d1b88,transparent 28%)}
@media(max-width:760px){.technology-feature{min-height:640px}.technology-feature>img.physical-mini-led{object-position:65% center}.technology-feature:after,html[dir="rtl"] .technology-feature:after{background:linear-gradient(180deg,#060d1bea 0%,#060d1bd9 38%,#060d1b88 65%,#060d1b55)}.technology-feature .feature-copy{margin-block:65px 130px}.feature-art-caption{inset:auto 20px 18px 20px;font-size:.65rem}}

/* Single LED concept: exactly one lit cell; global panel remains uniform. */
.demo[data-scene="3"] .local .zone{fill:#122238}
.demo[data-scene="3"] .local .z5-2{fill:#dff2ff}