:root{--cream: #f5f2ea;--cream-2: #fbf9f4;--ink: #0f0f0e;--charcoal: #3f3a35;--body: #2c2a26;--muted: #8a8782;--line: #d9d4c7;--teal: #5f8985;--teal-deep: #4a6e6a;--teal-surface: #e2ecea;--terracotta: #b86a4f;--amber: #be8748;--max: 1180px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--body);font-family:DM Sans,Noto Sans TC,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px max(24px,calc((100vw - var(--max)) / 2));border-bottom:1px solid rgba(63,58,53,.14);background:#f5f2eae6;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:210px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--ink);background:var(--ink);color:var(--cream);font-family:Fraunces,"Noto Serif TC",serif;font-size:22px}.brand strong,.brand small{display:block}.brand strong{font-family:"Noto Serif TC",serif;font-size:17px;letter-spacing:0}.brand small,.eyebrow{font-family:JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.brand small{color:var(--muted);font-size:10px}nav{display:flex;align-items:center;gap:22px;color:var(--charcoal);font-size:14px}nav a,.header-link,.site-footer a{border-bottom:1px solid transparent}nav a:hover,.header-link:hover,.site-footer a:hover{border-color:currentColor}.header-link{justify-self:end;font-weight:700;color:var(--teal-deep)}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);gap:56px;align-items:stretch;max-width:var(--max);min-height:calc(100vh - 78px);margin:0 auto;padding:74px 24px 54px}.hero-copy{display:flex;min-height:620px;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 16px;color:var(--teal-deep);font-size:11px;font-weight:600}h1,h2,h3{margin:0;color:var(--ink);font-family:Fraunces,"Noto Serif TC",serif;font-weight:500;line-height:1.05;letter-spacing:0}h1{max-width:760px;font-size:clamp(58px,9vw,112px)}h1 span,h2 span{color:var(--teal-deep);font-style:italic}.lead{max-width:660px;margin:28px 0 0;color:var(--charcoal);font-family:"Noto Serif TC",serif;font-size:21px;line-height:1.75}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--ink);padding:12px 18px;font-weight:700}.button.primary{background:var(--ink);color:var(--cream)}.button.primary:hover{background:var(--teal-deep);border-color:var(--teal-deep)}.button.secondary{background:transparent}.button.secondary:hover{background:var(--teal-surface)}.button.light{border-color:#f5f2eab3;color:var(--cream)}.button.light:hover{background:#f5f2ea1f}.hero-panel{display:grid;grid-template-rows:minmax(360px,1fr) auto;overflow:hidden;border:1px solid var(--line);background:var(--cream-2)}.hero-panel-image{min-height:360px;background:linear-gradient(180deg,#0f0f0e05,#0f0f0e47),url(https://s3.yes-ceramics.com/aibus-files/yes-ceramics/kb-media/slide-thumbs/company-intro-customer-satisfaction-v2.jpg) center / cover}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.stat{min-height:126px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.stat:nth-last-child(-n+2){border-bottom:0}.stat strong{display:block;color:var(--teal-deep);font-family:Fraunces,"Noto Serif TC",serif;font-size:46px;font-style:italic;font-weight:500;line-height:1}.stat span{display:block;margin-top:10px;color:var(--charcoal);font-size:14px}.intro-band{display:grid;grid-template-columns:minmax(0,.75fr) minmax(320px,1fr);gap:60px;padding:64px max(24px,calc((100vw - var(--max)) / 2));border-block:1px solid var(--line);background:var(--cream-2)}.intro-band h2,.section-heading h2,.cta-section h2{font-size:clamp(36px,5.2vw,68px)}.intro-band p:last-child,.section-heading p{margin:0;color:var(--charcoal);font-size:18px;line-height:1.8}.section{max-width:var(--max);margin:0 auto;padding:92px 24px}.section-heading{max-width:760px;margin-bottom:40px}.section-heading p{margin-top:18px}.systems-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.system-card{grid-column:span 3;overflow:hidden;border:1px solid var(--line);background:var(--cream-2)}.system-card:first-child{grid-column:span 6;display:grid;grid-template-columns:1.15fr .85fr}.system-card img{width:100%;height:300px;object-fit:cover;background:var(--teal-surface)}.system-card:first-child img{height:100%;min-height:420px}.system-card-body{padding:28px}.system-card h3{font-size:34px}.system-card p{margin:16px 0 0;color:var(--charcoal)}.system-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.system-card li{border:1px solid rgba(95,137,133,.35);background:var(--teal-surface);padding:6px 10px;color:var(--teal-deep);font-size:13px;font-weight:700}.dark-section{padding:96px max(24px,calc((100vw - var(--max)) / 2));background:var(--ink);color:var(--cream)}.dark-section h2,.dark-section h3,.dark-section .eyebrow{color:var(--cream)}.dark-section .section-heading{max-width:840px}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#f5f2ea38;border:1px solid rgba(245,242,234,.22)}.insight-grid article{min-height:280px;background:var(--ink);padding:30px}.insight-grid span{display:block;color:var(--terracotta);font-family:Fraunces,serif;font-size:58px;font-style:italic;line-height:1}.insight-grid h3{margin-top:30px;font-size:32px}.insight-grid p{color:#f5f2eac7}.split{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1fr);gap:70px;align-items:start}.sticky-heading{position:sticky;top:104px}.workflow-list{border-top:1px solid var(--line)}.workflow-item{display:grid;grid-template-columns:76px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.workflow-item span{color:var(--teal-deep);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.workflow-item h3{font-size:30px}.workflow-item p{max-width:620px;margin:12px 0 0;color:var(--charcoal)}.clients{padding-top:20px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-grid article,.article-link{border:1px solid var(--line);background:var(--cream-2);padding:28px}.client-grid h3{font-size:30px}.client-grid p{margin-bottom:0;color:var(--charcoal);font-size:17px}.articles{padding-top:20px}.article-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-link{min-height:150px;transition:border-color .16s ease,transform .16s ease}.article-link:hover{border-color:var(--teal);transform:translateY(-2px)}.article-link span{display:inline-block;margin-bottom:22px;color:var(--teal-deep);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.article-link strong{display:block;color:var(--ink);font-family:"Noto Serif TC",serif;font-size:24px;line-height:1.35}.cta-section{padding:94px max(24px,calc((100vw - var(--max)) / 2));background:var(--teal-deep);color:var(--cream)}.cta-section .eyebrow,.cta-section h2{color:var(--cream)}.cta-section h2{max-width:980px}.contact-note{margin:28px 0 0;color:#f5f2ead1}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:26px max(24px,calc((100vw - var(--max)) / 2));background:var(--ink);color:#f5f2eacc}.site-footer div{display:flex;gap:18px}@media(max-width:920px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero,.intro-band,.split,.system-card:first-child{grid-template-columns:1fr}.hero{min-height:0;padding-top:48px}.hero-copy{min-height:auto}.system-card,.system-card:first-child{grid-column:span 6}.sticky-heading{position:static}.insight-grid,.client-grid,.article-row{grid-template-columns:1fr}}@media(max-width:620px){.site-header{padding-inline:16px}.header-link{display:none}h1{font-size:54px}.lead{font-size:18px}.section,.hero,.intro-band,.dark-section,.cta-section,.site-footer{padding-inline:16px}.stat-grid{grid-template-columns:1fr}.stat,.stat:nth-child(2n),.stat:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.workflow-item{grid-template-columns:1fr;gap:10px}.site-footer{flex-direction:column}}