:root{--tech-cyan:#72d7ff;--tech-cyan-soft:rgba(114,215,255,.15);--tech-violet:#7d74ff;--tech-bg:#030713;--tech-panel:rgba(10,20,42,.76);--tech-line:rgba(122,210,255,.22);--tech-line-strong:rgba(132,225,255,.62)}
.tech-capability-card{min-height:238px!important}.tech-capability-card h3{margin-top:23px!important}.capability-focus{margin-top:17px;color:var(--tech-cyan);font-size:9px;font-weight:700;letter-spacing:1.55px;line-height:1.45}.capability-detail{margin-top:14px;color:rgba(221,239,249,.76);font-size:14px;line-height:1.8}
@media(max-width:768px){.tech-capability-card{min-height:206px!important}.capability-focus{font-size:8px;letter-spacing:1.2px}.capability-detail{font-size:13px;line-height:1.7}}
.is-home .corp-hero h1{max-width:none;white-space:nowrap;font-size:clamp(34px,3.35vw,48px);letter-spacing:.25px}
@media(max-width:768px){.is-home .corp-hero h1{white-space:normal;font-size:clamp(34px,9.4vw,46px)}}
.corp-hero-subtitle{display:block!important;max-width:690px;margin:22px 0 0!important;color:rgba(221,241,252,.82);font-size:clamp(14px,1.15vw,17px);line-height:1.8;letter-spacing:.25px}
@media(max-width:768px){.corp-hero-subtitle{max-width:330px;margin-top:18px!important;font-size:14px;line-height:1.75}}
.cta-panel a.corp-btn{box-sizing:border-box;width:176px;min-width:0;height:54px;margin-top:28px;padding:0 18px;font-size:14px;letter-spacing:1px}
.cta-panel a.corp-btn[href="pages/contact.html"]{width:164px;height:50px;font-size:13px}
@media(max-width:768px){.cta-panel a.corp-btn,.cta-panel a.corp-btn[href="pages/contact.html"]{width:156px;height:50px;margin-top:22px;font-size:13px}}
.brand-positioning{position:relative;z-index:1;padding:68px max(7vw,26px);background:linear-gradient(104deg,rgba(9,31,59,.94),rgba(10,18,49,.96));border-bottom:1px solid var(--tech-line);overflow:hidden}.brand-positioning::after{content:"CHIXIA / ADVANCED MATERIALS";position:absolute;right:-20px;bottom:16px;color:rgba(142,219,255,.07);font:600 10px/1 sans-serif;letter-spacing:3px}.brand-positioning-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto}.brand-positioning-label{margin-bottom:17px;color:var(--tech-cyan);font-size:10px;font-weight:700;letter-spacing:3.2px}.brand-positioning h2{max-width:940px;margin:0;color:#f0f8ff;font-family:"Noto Serif SC",serif;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.35;letter-spacing:.5px}.brand-positioning-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.brand-positioning-list span{padding:9px 13px;border:1px solid rgba(136,222,255,.28);border-radius:4px;color:#bdeaff;font-size:12px;letter-spacing:.5px;background:rgba(73,169,223,.06)}.application-status{color:#c8f0ff!important;border-color:rgba(117,218,255,.55)!important;background:rgba(58,181,237,.1)!important}@media(max-width:768px){.brand-positioning{padding:46px 40px}.brand-positioning-label{font-size:9px}.brand-positioning h2{font-size:clamp(25px,7.2vw,31px)}.brand-positioning-list{gap:8px;margin-top:24px}.brand-positioning-list span{font-size:11px;padding:8px 10px}}
.cta-panel .corp-btn{align-items:center;justify-content:center;min-width:160px;padding:15px 28px;border:1px solid rgba(112,211,255,.8);color:#d8f4ff;background:linear-gradient(135deg,rgba(74,188,244,.2),rgba(47,99,175,.12));border-radius:8px;letter-spacing:1.5px;font-size:13px;font-weight:600;box-shadow:inset 0 1px 0 rgba(220,247,255,.22),0 8px 24px rgba(20,119,185,.14)}.cta-panel .corp-btn::after{display:none;content:none}.cta-panel .corp-btn:hover{background:linear-gradient(135deg,rgba(74,188,244,.34),rgba(47,99,175,.22));border-color:#c1efff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 30px rgba(20,148,220,.24)}
.corp-btn{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:15px 28px;border:1px solid rgba(112,211,255,.8);color:#d8f4ff;background:linear-gradient(135deg,rgba(74,188,244,.2),rgba(47,99,175,.12));border-radius:8px;text-decoration:none;letter-spacing:1.5px;font-size:13px;font-weight:600;box-shadow:inset 0 1px 0 rgba(220,247,255,.22),0 8px 24px rgba(20,119,185,.14);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.corp-btn::after{display:none}.corp-btn:hover{background:linear-gradient(135deg,rgba(74,188,244,.34),rgba(47,99,175,.22));border-color:#c1efff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 12px 30px rgba(20,148,220,.24);transform:translateY(-2px)}
body{background-color:var(--tech-bg);background-image:radial-gradient(circle at 75% -10%,rgba(72,126,255,.18),transparent 32%),radial-gradient(circle at 5% 42%,rgba(109,42,116,.12),transparent 30%)}
body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(114,215,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,215,255,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%)}
.corp-hero{min-height:min(760px,78vh);display:grid;align-items:end;position:relative;overflow:hidden;padding:162px max(7vw,26px) 94px;background:#060c1c;isolation:isolate;border-bottom:1px solid var(--tech-line)}
.corp-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,7,20,.96) 0%,rgba(3,9,22,.81) 42%,rgba(3,9,22,.28) 100%)}
.corp-hero::after{content:"";position:absolute;z-index:1;inset:auto -12vw -42vh auto;width:68vh;height:68vh;border:1px solid rgba(122,220,255,.32);border-radius:50%;box-shadow:0 0 0 42px rgba(122,220,255,.045),0 0 100px rgba(88,138,255,.24),inset 0 0 90px rgba(100,213,255,.08)}
.corp-hero-media{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.7;filter:saturate(.76) contrast(1.06) brightness(.78);transform:scale(1.015)}
.corp-hero-media::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(128,230,255,.06) 0 1px,transparent 1px 8px);mix-blend-mode:screen}
/* Fill the materials hero edge-to-edge with the crystal image. */
.products-page .corp-hero-media{background-size:cover;background-position:center;opacity:.82;transform:none}
@media(max-width:768px){.products-page .corp-hero-media{background-position:center;opacity:.68}}
.corp-hero-content{position:relative;z-index:2;max-width:1040px;padding-left:25px;border-left:2px solid var(--tech-cyan)}
.corp-kicker{color:var(--tech-cyan);font-size:10px;line-height:1;font-weight:600;letter-spacing:4px;text-transform:uppercase;margin-bottom:24px;text-shadow:0 0 16px rgba(114,215,255,.46)}
.corp-hero h1{font-family:"Noto Serif SC",serif;font-size:clamp(42px,5.8vw,78px);line-height:1.12;letter-spacing:2px;margin:0;max-width:1060px;text-wrap:balance}.corp-hero h1 em{color:#b7eaff;font-style:normal;text-shadow:0 0 28px rgba(97,197,255,.25)}.corp-hero p{display:none}
.hero-signal{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;color:#b7eaff;font-size:9px;font-weight:600;letter-spacing:1.7px}.hero-signal i{width:28px;height:1px;background:linear-gradient(90deg,var(--tech-cyan),transparent);box-shadow:0 0 8px var(--tech-cyan)}
.corp-section{position:relative;overflow:hidden;padding:104px max(7vw,26px);border-bottom:1px solid rgba(122,210,255,.09)}.corp-section::before{content:"";position:absolute;width:1px;top:0;bottom:0;left:max(7vw,26px);background:linear-gradient(transparent,var(--tech-line),transparent);opacity:.65}.corp-section.alt{background:linear-gradient(115deg,rgba(9,19,44,.9),rgba(4,10,25,.94))}.corp-section.alt::after{content:"";position:absolute;width:42vw;height:42vw;right:-20vw;top:-26vw;border-radius:50%;border:1px solid rgba(125,116,255,.18);box-shadow:0 0 0 38px rgba(125,116,255,.035),0 0 80px rgba(85,130,255,.09);pointer-events:none}
.corp-section-head{position:relative;z-index:1;max-width:960px;margin:0 0 48px 26px}.corp-section-head h2,.section-title{font-family:"Noto Serif SC",serif;font-size:clamp(30px,3.65vw,50px);line-height:1.22;letter-spacing:1px;text-wrap:balance}.corp-section-head p,.corp-card p,.material-tile p,.cta-panel p,.statement,.section-lead{display:none}.corp-section:has(.statement){display:none}
.capability-grid,.field-grid,.timeline-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-left:26px}.corp-card{position:relative;overflow:hidden;border:1px solid var(--tech-line);border-radius:4px;padding:32px 30px;min-height:180px;background:linear-gradient(135deg,rgba(18,37,70,.72),rgba(5,13,30,.89));box-shadow:inset 0 1px 0 rgba(180,240,255,.08),0 20px 48px rgba(0,0,0,.16);transition:transform .35s ease,border-color .35s ease,background .35s ease}.corp-card::before{content:"";position:absolute;top:0;left:0;width:42px;height:42px;border-top:2px solid var(--tech-cyan);border-left:2px solid var(--tech-cyan);opacity:.8}.corp-card::after{content:"";position:absolute;right:-22px;bottom:-22px;width:88px;height:88px;border:1px solid rgba(114,215,255,.32);transform:rotate(45deg)}.corp-card:hover{transform:translateY(-5px);border-color:var(--tech-line-strong);background:linear-gradient(135deg,rgba(23,51,91,.84),rgba(7,17,40,.94))}.corp-card-number{position:relative;z-index:1;color:var(--tech-cyan);font:600 10px/1 "PingFang SC",sans-serif;letter-spacing:2px}.corp-card h3{position:relative;z-index:1;font-family:"Noto Serif SC",serif;font-size:clamp(20px,1.8vw,27px);line-height:1.35;margin:30px 0 0;max-width:90%}.contact-page .corp-card p{display:block;position:relative;z-index:1;margin-top:16px;color:var(--text-2);line-height:1.9;font-size:14px}
.feature-split{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;margin-left:26px}.feature-image{position:relative;height:490px;border-radius:4px;overflow:hidden;border:1px solid var(--tech-line-strong);box-shadow:0 0 0 8px rgba(114,215,255,.025),0 26px 70px rgba(0,0,0,.3)}.feature-image::before{content:"MATERIAL SAMPLE / 01";position:absolute;top:18px;left:18px;z-index:2;color:#b7eaff;font-size:10px;letter-spacing:2px;padding:8px 10px;border:1px solid rgba(183,234,255,.42);background:rgba(2,8,22,.58)}.feature-image::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(145deg,transparent 45%,rgba(114,215,255,.14)),repeating-linear-gradient(0deg,rgba(160,230,255,.08) 0 1px,transparent 1px 7px)}.feature-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.08)}.feature-split>div:last-child{padding:24px 0}.feature-split .corp-kicker{margin-bottom:22px}.feature-split .corp-btn{margin-top:30px}
.material-tiles{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-left:26px}.material-tile{min-height:330px;padding:28px;border-radius:4px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--text);border:1px solid var(--tech-line);overflow:hidden;position:relative;transition:transform .35s ease,border-color .35s ease}.material-tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,19,.02),rgba(3,8,19,.92))}.material-tile::after{content:"";position:absolute;inset:14px;border:1px solid rgba(154,229,255,.26);clip-path:polygon(0 0,30px 0,30px 1px,100% 1px,100% 100%,calc(100% - 30px) 100%,calc(100% - 30px) calc(100% - 1px),0 calc(100% - 1px));pointer-events:none}.material-tile:hover{transform:translateY(-5px);border-color:var(--tech-line-strong)}.material-tile>*{position:relative;z-index:1}.material-tile h3{font-family:"Noto Serif SC",serif;font-size:25px;margin:13px 0 0}.tag{display:inline-flex;width:max-content;padding:7px 11px;border:1px solid rgba(114,215,255,.52);border-radius:2px;color:#b7eaff;background:rgba(5,20,42,.5);font-size:10px;font-weight:600;letter-spacing:1.4px}
.equipment-tile{background-size:contain;background-repeat:no-repeat;background-color:#041021;background-position:center}.equipment-tile::before{background:linear-gradient(180deg,rgba(3,8,19,.04) 35%,rgba(3,8,19,.9) 100%)}
.equipment-section{padding-bottom:0}
.timeline-grid{grid-template-columns:repeat(4,1fr)}.timeline-grid .corp-card{min-height:152px}.cta-panel{position:relative;z-index:1;overflow:hidden;margin-left:26px;padding:62px;border-radius:4px;background:linear-gradient(112deg,rgba(15,46,80,.91),rgba(17,19,63,.9));border:1px solid var(--tech-line-strong);box-shadow:inset 0 1px 0 rgba(200,242,255,.14),0 24px 72px rgba(0,0,0,.2)}.cta-panel::after{content:"CHIXIA / ADVANCED CRYSTAL MATERIALS";position:absolute;right:-16px;bottom:14px;color:rgba(168,230,255,.09);font:600 11px/1 sans-serif;letter-spacing:3px}.cta-panel h2{position:relative;z-index:1;font-family:"Noto Serif SC",serif;font-size:clamp(29px,4vw,52px);line-height:1.25;max-width:780px;text-wrap:balance}.corp-btn{position:relative;z-index:1;display:inline-flex;padding:14px 25px;border:1px solid var(--tech-cyan);color:#c3edff;background:rgba(81,184,241,.08);border-radius:2px;text-decoration:none;letter-spacing:1px;font-size:13px;transition:background .25s,box-shadow .25s,transform .25s}.corp-btn::after{content:"↗";margin-left:12px}.corp-btn:hover{background:rgba(81,184,241,.2);box-shadow:0 0 26px rgba(86,197,255,.2);transform:translateY(-2px)}
.tech-nav{background:rgba(3,8,20,.78);border-bottom-color:rgba(114,215,255,.19)}.tech-nav::after{content:"";position:absolute;bottom:-1px;left:0;width:22vw;max-width:300px;height:1px;background:linear-gradient(90deg,var(--tech-cyan),transparent);box-shadow:0 0 12px var(--tech-cyan)}.tech-nav .nav-links{gap:20px}.tech-nav .nav-links a{color:rgba(232,246,255,.72);white-space:nowrap;letter-spacing:1px}.tech-nav .nav-links a::after{background:linear-gradient(90deg,var(--tech-cyan),#a798ff)}.tech-nav .nav-links a:hover,.tech-nav .nav-links a.active{color:#bfeeff}.tech-nav .lang-switch{border-radius:2px;color:#c2edff;border-color:rgba(114,215,255,.48);background:rgba(114,215,255,.08)}
@media(max-width:1080px){.tech-nav .nav-links{gap:12px}.capability-grid,.timeline-grid{grid-template-columns:repeat(2,1fr)}.material-tiles{grid-template-columns:1fr 1fr}.material-tile:first-child{grid-column:span 2}.feature-split{grid-template-columns:1fr;gap:30px}.feature-image{height:390px}}
@media(max-width:768px){.corp-hero{min-height:600px;padding:132px 22px 66px}.corp-hero h1{font-size:clamp(40px,11.5vw,58px)}.corp-hero-content{padding-left:18px}.corp-section{padding:68px 22px}.corp-section::before{left:22px}.corp-section-head,.capability-grid,.field-grid,.timeline-grid,.material-tiles,.feature-split,.cta-panel{margin-left:18px}.corp-section-head{margin-bottom:34px}.capability-grid,.field-grid,.timeline-grid,.material-tiles{grid-template-columns:1fr}.material-tile:first-child{grid-column:auto}.corp-card{min-height:144px;padding:26px}.material-tile{min-height:260px}.feature-image{height:320px}.cta-panel{padding:38px 28px}.tech-nav .nav-links{gap:0}.hero-signal{gap:9px;font-size:8px}.hero-signal i{width:16px}}

/* ── Scale adjustment and all-color material index ── */
.corp-hero h1{font-size:clamp(38px,4.8vw,64px);line-height:1.16;letter-spacing:1px}.corp-section-head h2,.section-title{font-size:clamp(28px,3.1vw,42px);line-height:1.28}.corp-card h3{font-size:clamp(19px,1.55vw,24px);line-height:1.4}.material-tile h3{font-size:22px}.cta-panel h2{font-size:clamp(27px,3.4vw,43px);line-height:1.28}
.color-index-hero{min-height:450px}.color-index-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-left:26px}.color-index-card{position:relative;min-height:210px;padding:22px;overflow:hidden;border:1px solid var(--tech-line);background:linear-gradient(145deg,rgba(22,45,76,.7),rgba(6,14,31,.94));text-decoration:none;color:var(--text);display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s,border-color .3s}.color-index-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,transparent,rgba(2,7,18,.88)),var(--card-image);background-size:cover;background-position:center;opacity:.78;transition:transform .4s}.color-index-card::after{content:"";position:absolute;left:0;top:0;width:30px;height:30px;border-left:2px solid var(--tech-cyan);border-top:2px solid var(--tech-cyan)}.color-index-card.no-image::before{background:radial-gradient(circle at 25% 20%,rgba(244,151,174,.45),transparent 36%),linear-gradient(145deg,#493c66,#17162d)}.color-index-card:hover{transform:translateY(-4px);border-color:var(--tech-line-strong)}.color-index-card:hover::before{transform:scale(1.06)}.color-index-card span,.color-index-card strong,.color-index-card small{position:relative;z-index:1}.color-index-card span{position:absolute;top:20px;right:20px;color:var(--tech-cyan);font:600 10px/1 sans-serif;letter-spacing:2px}.color-index-card strong{font:500 22px/1.3 "Noto Serif SC",serif}.color-index-card small{margin-top:8px;color:#b7eaff;font-size:9px;letter-spacing:1.4px}
.color-detail-page{--tech-cyan:#72d7ff}.color-detail-page main{background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--gem-accent) 26%,transparent),transparent 28%),linear-gradient(135deg,#050b1d,#030713 68%)}.color-detail-page .title-wrap{border-left:2px solid var(--tech-cyan);padding-left:18px}.color-detail-page .eyebrow{color:var(--tech-cyan);letter-spacing:.24em}.color-detail-page h1{font-size:clamp(30px,3.8vw,46px);color:#edf9ff}.color-detail-page .subtitle{color:#9bdffb}.color-detail-page .gem-image{border-radius:4px;border-color:var(--tech-line-strong);box-shadow:0 0 0 7px rgba(114,215,255,.025),0 28px 70px rgba(0,0,0,.38)}.color-detail-page .detail-panel{padding:24px;border:1px solid var(--tech-line);border-top:2px solid var(--tech-cyan);background:linear-gradient(135deg,rgba(14,33,64,.7),rgba(4,12,28,.88));box-shadow:inset 0 1px 0 rgba(189,239,255,.09)}.color-detail-page .detail-panel h2{font-size:21px;letter-spacing:1px}.color-detail-page .parameter-list{border-top-color:rgba(114,215,255,.35)}.color-detail-page .parameter-item{min-height:66px;border-bottom-color:rgba(114,215,255,.2)}.color-detail-page .parameter-label{color:#9bdffb;font-size:13px}.color-detail-page .parameter-value{font-size:15px}.color-detail-page .inquiry{border-radius:2px;border-color:var(--tech-cyan);color:#b7eaff;background:rgba(114,215,255,.06)}.color-detail-page .inquiry:hover{background:var(--tech-cyan);color:#03101e}.color-detail-page .gallery-control{border-radius:2px;border:1px solid rgba(114,215,255,.45);background:rgba(3,10,26,.7)}
@media(max-width:768px){.corp-hero h1{font-size:clamp(34px,9.8vw,49px)}.color-index-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-left:18px}.color-index-card{min-height:170px;padding:18px}.color-index-card strong{font-size:18px}.color-detail-page h1{font-size:clamp(28px,8.8vw,38px)}.color-detail-page .detail-panel{padding:18px}.color-detail-page .parameter-value{font-size:14px}}

/* ── Refined type scale & rhythm ── */
.corp-hero{padding-top:148px;padding-bottom:82px}.corp-hero-content{max-width:940px;padding-left:22px}.corp-kicker{font-size:10px;letter-spacing:3.2px;margin-bottom:20px}.corp-hero h1{font-size:clamp(38px,4.45vw,60px);line-height:1.2;letter-spacing:.5px}.hero-signal{margin-top:24px;font-size:8.5px;letter-spacing:1.5px}.corp-section{padding-top:88px;padding-bottom:88px}.corp-section-head{margin-bottom:38px}.corp-section-head h2,.section-title{font-size:clamp(27px,2.8vw,39px);line-height:1.32;letter-spacing:.5px}.capability-grid,.field-grid,.timeline-grid{gap:16px}.corp-card{min-height:164px;padding:28px}.corp-card h3{font-size:clamp(19px,1.42vw,23px);line-height:1.45;margin-top:26px;letter-spacing:.2px}.corp-card-number{font-size:9px;letter-spacing:1.7px}.material-tile{min-height:300px;padding:26px}.material-tile h3{font-size:21px;line-height:1.35}.cta-panel{padding:52px}.cta-panel h2{font-size:clamp(27px,3vw,39px);line-height:1.35}.feature-split{gap:48px}.feature-image{height:440px}.mobile-line{display:none}
@media(max-width:768px){.corp-hero{min-height:540px;padding:122px 22px 58px}.corp-hero h1{font-size:clamp(34px,9.4vw,46px);line-height:1.23}.corp-kicker{font-size:9px;letter-spacing:2.5px}.corp-section{padding-top:62px;padding-bottom:62px}.corp-section-head h2,.section-title{font-size:clamp(26px,7.3vw,32px);line-height:1.34}.corp-card{min-height:132px;padding:24px}.corp-card h3{font-size:21px;margin-top:22px}.material-tile{min-height:238px;padding:23px}.material-tile h3{font-size:20px}.feature-image{height:300px}.cta-panel{padding:34px 26px}.cta-panel h2{font-size:clamp(25px,7vw,31px)}.hero-signal{font-size:8px;gap:8px}.corp-hero .desktop-line{display:none}.corp-hero .mobile-line{display:inline}}