:root{--accent:#ffd427;--navy:#101826;--ink:#1d2530;--muted:#6c7480;--line:#e5e9ee;--soft:#f5f7fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);font-family:var(--font-noto), var(--font-inter), Arial, sans-serif;margin:0;font-size:15px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{z-index:50;background:#fffffff5;border-bottom:1px solid #10182614;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);height:76px;margin:0 auto;display:flex}.brand{justify-items:center;gap:2px;display:grid}.brand-mark{color:#0000;font-family:var(--font-inter), Arial, sans-serif;background:linear-gradient(120deg,#6736a4,#2861b6 60%,#1aa9c7);-webkit-background-clip:text;background-clip:text;font-size:40px;font-style:italic;font-weight:800;line-height:.8}.brand-sub{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;letter-spacing:0;font-size:10px;font-weight:800}.desktop-nav{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;align-items:center;gap:42px;font-size:13px;font-weight:800;display:flex}.desktop-nav a{padding:29px 0}.desktop-nav a:hover{color:#b79300}.nav-dropdown{position:relative}.nav-dropdown>a{display:block}.nav-dropdown-menu{border:1px solid var(--line);background:var(--white);opacity:0;pointer-events:none;min-width:164px;padding:10px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%,8px);box-shadow:0 16px 36px #1018261f}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-dropdown-menu a{color:var(--navy);white-space:nowrap;padding:10px 12px}.nav-dropdown-menu a:hover{background:var(--soft);color:#b79300}.menu-button{cursor:pointer;background:0 0;border:0;width:44px;height:44px;display:none}.menu-button span{background:var(--navy);width:24px;height:2px;margin:7px auto;display:block}.mobile-nav{border-top:1px solid var(--line);background:var(--white);display:none}.mobile-nav.is-open{display:block}.mobile-nav a{border-bottom:1px solid var(--line);width:min(1120px,100% - 32px);margin:0 auto;padding:14px 0;font-weight:800;display:block}.mobile-subnav{width:min(1120px,100% - 32px);margin:0 auto;padding:4px 0 10px}.mobile-subnav a{width:100%;color:var(--muted);border-bottom:0;padding:9px 0 9px 18px;font-size:14px}.main-visual{background:linear-gradient(115deg,#0c142afa,#0f1830f0),#10182f;min-height:calc(100vh - 76px);position:relative;overflow:hidden}.main-visual>img{z-index:0;object-fit:cover;object-position:right center}.main-visual:before,.main-visual:after{pointer-events:none;content:"";position:absolute;inset:0}.main-visual:before{z-index:1;opacity:.72;background:linear-gradient(150deg,#0000 0 20%,#3dd0ff24 20.3%,#0000 20.8% 100%),linear-gradient(150deg,#0000 0 37%,#55dd9c29 37.2%,#0000 37.7% 100%),linear-gradient(150deg,#0000 0 54%,#3dd0ff1a 54.2%,#0000 54.7% 100%),linear-gradient(150deg,#0000 0 72%,#55dd9c21 72.2%,#0000 72.7% 100%)}.main-visual:after{z-index:1;background:linear-gradient(90deg,#0c142af5,#0c142ae0 39%,#0c142a42 66%,#0c142a14),radial-gradient(circle at 18% 46%,#44bee929,#0000 34%)}.visual-shade{background:linear-gradient(90deg,#09111f33,#09111f14 42%,#09111f94),linear-gradient(#09111f05,#09111f80);position:absolute;inset:0}.visual-inner{z-index:2;width:min(1120px,100% - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-copy{max-width:660px}.hero-copy p{color:#44c6e7;font-family:var(--font-inter), Arial, sans-serif;margin:0 0 18px;font-size:14px;font-weight:800}.hero-copy h1{color:var(--white);font-family:var(--font-inter), Arial, sans-serif;margin:0;font-size:clamp(64px,9vw,106px);font-weight:800;line-height:.96}.hero-copy strong{color:#ffffffd1;max-width:620px;margin-top:22px;font-size:21px;font-weight:700;line-height:1.62;display:block}.visual-inner span{color:var(--accent)}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-tags span{color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-weight:800;display:inline-flex}.hero-actions{gap:14px;margin-top:34px;display:flex}.hero-actions a{min-width:118px;min-height:54px;color:var(--white);border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:inline-flex}.hero-actions a:first-child{color:#07111f;background:#43c6f1;border-color:#43c6f1}.visual-dots{gap:10px;display:grid;position:absolute;top:50%;right:max(32px,50vw - 560px);transform:translateY(-50%)}.visual-dots span{background:#ffffff6b;border-radius:50%;width:8px;height:8px}.visual-dots .is-active{background:var(--accent)}.visual-footer{color:#ffffffc2;text-align:right;max-width:760px;position:absolute;bottom:46px;right:max(32px,50vw - 560px)}.visual-footer p,.visual-footer address{margin:0;font-style:normal;line-height:1.7}.visual-footer address{color:#ffffff80;font-size:12px}.section-inner{width:min(1120px,100% - 32px);margin:0 auto}.company-section,.product-section,.capability-section,.quality-section,.contact-section{padding:92px 0}.company-section,.quality-section{background:var(--white)}.product-section,.contact-section{background:var(--soft)}.company-grid,.capability-grid,.quality-grid,.contact-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:64px;display:grid}.section-kicker{color:#b79300;font-family:var(--font-inter), Arial, sans-serif;letter-spacing:0;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;margin:0;font-size:clamp(30px,4.2vw,48px);line-height:1.12}.greeting-copy,.quality-grid p{color:var(--muted);margin:0;font-size:17px}.greeting-copy{word-break:keep-all;gap:14px;display:grid}.greeting-copy p{margin:0}.greeting-copy .signature{color:var(--navy);text-align:right;margin-top:14px;font-weight:800}.section-heading{gap:6px;max-width:100%;margin-bottom:34px;display:grid}.product-label-stack{justify-items:start;gap:3px;display:grid}.product-label-stack .section-kicker{margin:0}.product-label-stack span{color:#44c6e7;font-family:var(--font-inter), Arial, sans-serif;font-size:clamp(30px,4.2vw,48px);font-weight:800;line-height:1.02}.product-heading{white-space:normal;gap:2px;display:grid}.product-heading span{display:block}.product-grid{background:0 0;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:20px;display:grid}.product-card{border:1px solid var(--line);background:var(--white);border-radius:6px;overflow:hidden;box-shadow:0 14px 34px #1018260f}.product-card a{grid-template-rows:1fr auto;height:100%;min-height:0;display:grid}.product-image{aspect-ratio:4/3;background:linear-gradient(#f8fafc,#edf2f6);position:relative;overflow:hidden}.product-image img{object-fit:cover;object-position:center;transition:transform .22s}.product-image--contain{background:linear-gradient(#fff,#f6f8fb)}.product-image--contain img{object-fit:contain;padding:18px}.product-card:hover img{transform:scale(1.05)}.product-copy{border-top:1px solid var(--line);background:var(--white);flex-direction:column;justify-content:center;min-height:118px;padding:24px;display:flex}.product-copy span{color:#b79300;font-family:var(--font-inter), Arial, sans-serif;font-size:12px;font-weight:800}.product-copy h3{color:var(--navy);margin:8px 0;font-size:20px;line-height:1.25}.product-copy p{color:var(--muted);margin:0;font-size:14px}.capability-section{color:var(--white);background:#111a28}.capability-grid--processes{grid-template-columns:1fr;max-width:1180px}.capability-grid--processes .capability-copy{width:100%}.capability-grid--processes .capability-copy h2{max-width:760px}.capability-photo,.quality-photo{background:#dbe2ea;min-height:380px;position:relative;overflow:hidden}.quality-photo{border:1px solid var(--line);border-radius:6px;display:block;box-shadow:0 18px 44px #10182614}.quality-photo-link{aspect-ratio:16/9;background:#eef3f7;min-height:0}.capability-photo img,.quality-photo img{object-fit:cover;object-position:center}.quality-photo-link img{transition:transform .22s,filter .22s}.quality-photo-link span{z-index:1;color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;letter-spacing:0;background:#ffffffeb;border:1px solid #10182614;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:800;position:absolute;bottom:18px;right:18px;box-shadow:0 10px 24px #1018261f}.quality-photo-link:hover img{filter:saturate(1.04)contrast(1.03);transform:scale(1.025)}.what-detail-page{background:var(--soft);min-height:100vh}.what-detail-hero{width:min(1180px,100% - 32px);margin:0 auto;padding:58px 0 96px}.what-detail-copy{gap:18px;max-width:820px;margin-bottom:30px;display:grid}.what-detail-copy h1{font-size:clamp(42px,6vw,72px);font-weight:800}.what-detail-copy p:not(.section-kicker){color:var(--muted);word-break:keep-all;margin:0;font-size:18px;line-height:1.8}.what-process-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px;display:grid}.what-process-summary article{border:1px solid var(--line);background:var(--white);border-radius:6px;padding:22px;box-shadow:0 14px 34px #1018260e}.what-process-summary span{color:#b79300;font-family:var(--font-inter), Arial, sans-serif;font-size:13px;font-weight:800}.what-process-summary p{color:var(--muted);word-break:keep-all;margin:10px 0 0;font-size:15px;line-height:1.7}.what-detail-gallery{gap:28px;display:grid}.what-detail-card{border:1px solid var(--line);background:var(--white);border-radius:6px;overflow:hidden;box-shadow:0 18px 44px #10182612}.what-detail-image{aspect-ratio:16/7.8;background:#eef3f7;position:relative;overflow:hidden}.what-detail-image img{object-fit:contain}.what-detail-card-copy{border-top:1px solid var(--line);padding:20px 24px 22px}.what-detail-card-copy h2{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;margin:0;font-size:20px}.what-detail-card-copy p{color:var(--muted);word-break:keep-all;margin:8px 0 0;font-size:15px;line-height:1.7}.capability-copy h2{color:var(--white)}.technology-processes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.technology-process{background:#ffffff0b;border:1px solid #ffffff29;flex-direction:column;min-height:440px;padding:28px;display:flex}.technology-process-photo{aspect-ratio:16/9;background:#fff;margin:0 0 24px;position:relative;overflow:hidden}.technology-process-photo img{object-fit:contain;padding:16px}.technology-process span{color:#44c6e7;font-family:var(--font-inter), Arial, sans-serif;font-size:24px;font-weight:800}.technology-process p{color:#ffffffc7;word-break:keep-all;margin:16px 0 22px;font-size:15px;line-height:1.7}.technology-process ul{grid-template-columns:1fr;gap:8px;margin:auto 0 0;padding:0;list-style:none;display:grid}.technology-process li{color:#ffffffd1;border:1px solid #ffffff24;padding:10px 12px;font-size:13px}.capability-copy>ul{grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.capability-copy>ul>li{color:#ffffffd1;border:1px solid #ffffff2e;padding:13px 15px}.quality-photo{min-height:300px}.contact-box{border-left:4px solid var(--accent);padding-left:28px}.contact-box strong{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;font-size:34px;line-height:1.1;display:block}.contact-box a{color:#b79300;margin:12px 0;font-weight:800;display:inline-block}.contact-box p{color:var(--muted);margin:0}.product-detail-page{background:var(--soft);min-height:100vh}.detail-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);height:76px;margin:0 auto;display:flex}.detail-brand{color:#0000;font-family:var(--font-inter), Arial, sans-serif;background:linear-gradient(120deg,#6736a4,#2861b6 60%,#1aa9c7);-webkit-background-clip:text;background-clip:text;font-size:40px;font-style:italic;font-weight:800;line-height:1}.detail-back{border:1px solid var(--line);background:var(--white);color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:800}.detail-hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px;width:min(1180px,100% - 32px);min-height:calc(100vh - 116px);margin:0 auto;padding:40px 0 80px;display:grid}.detail-media{aspect-ratio:4/3;border:1px solid var(--line);background:var(--white);position:relative;overflow:hidden;box-shadow:0 18px 46px #10182614}.detail-media img{object-fit:contain;padding:28px}.detail-copy h1{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;margin:0;font-size:clamp(48px,7vw,86px);font-weight:800;line-height:.95}.detail-copy>p:not(.section-kicker){max-width:680px;color:var(--muted);word-break:keep-all;margin:28px 0 0;font-size:18px;line-height:1.8}.detail-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.detail-lists section{border:1px solid var(--line);background:var(--white);padding:24px}.detail-lists h2{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;margin:0 0 16px;font-size:18px}.detail-lists ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.detail-lists li{color:var(--muted);font-size:14px}.info-page{background:linear-gradient(180deg, #f5f7faeb, #fff), var(--soft);min-height:100vh}.info-hero{width:min(960px,100% - 32px);margin:0 auto;padding:72px 0 96px}.info-hero--wide{width:min(1180px,100% - 32px)}.info-hero h1{max-width:820px;color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;word-break:keep-all;margin:0;font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.04}.info-hero strong{color:var(--navy);word-break:keep-all;margin-top:28px;font-size:22px;line-height:1.6;display:block}.info-copy{border-top:1px solid var(--line);gap:18px;margin-top:34px;padding-top:34px;display:grid}.info-copy p{color:var(--muted);word-break:keep-all;margin:0;font-size:17px;line-height:1.9}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px;display:grid}.certificate-card{border:1px solid var(--line);background:var(--white);grid-template-rows:1fr auto;display:grid;box-shadow:0 16px 38px #10182612}.certificate-image{aspect-ratio:7/10;background:var(--white);position:relative;overflow:hidden}.certificate-image img{object-fit:contain;padding:12px}.certificate-card h2{border-top:1px solid var(--line);color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;align-items:center;min-height:84px;margin:0;padding:18px 20px;font-size:17px;line-height:1.35;display:flex}.location-layout{gap:24px;margin-top:42px;display:grid}.location-map{aspect-ratio:16/9;border:1px solid var(--line);background:var(--white);position:relative;overflow:hidden;box-shadow:0 16px 38px #10182612}.location-map img{object-fit:contain;padding:22px}.location-info{border-left:4px solid var(--accent);background:var(--white);padding:26px 30px;box-shadow:0 16px 38px #1018260f}.location-info span{color:#b79300;font-family:var(--font-inter), Arial, sans-serif;font-size:13px;font-weight:800}.location-info strong{color:var(--navy);font-family:var(--font-inter), Arial, sans-serif;margin-top:8px;font-size:28px;line-height:1.2;display:block}.location-info p{color:var(--muted);margin:12px 0 0;font-size:16px}.info-footer{color:var(--navy);margin:34px 0 0;font-weight:800}@media (max-width:900px){.header-inner{height:70px}.brand-mark{font-size:34px}.brand-sub,.desktop-nav{display:none}.menu-button{display:block}.main-visual{min-height:620px}.main-visual>img{object-position:center center}.visual-inner{top:44%}.hero-copy h1{font-size:58px}.hero-copy strong{font-size:18px}.visual-inner strong{text-align:left;max-width:420px;margin-left:0}.visual-dots{right:22px}.visual-footer{text-align:left;bottom:28px;left:22px;right:22px}.company-section,.product-section,.capability-section,.quality-section,.contact-section{padding:58px 0}.company-grid,.capability-grid,.quality-grid,.contact-grid,.detail-hero,.product-grid{grid-template-columns:1fr;gap:28px}.detail-hero{min-height:auto;padding:24px 0 64px}.detail-lists,.what-process-summary,.certificate-grid{grid-template-columns:1fr}.product-grid{background:0 0}.product-card a,.product-image{min-height:0}.capability-photo,.quality-photo{min-height:260px}.section-heading{display:block}.section-heading h2{white-space:normal}}@media (max-width:540px){.main-visual{min-height:560px}.visual-inner strong{font-size:38px}.hero-copy strong{font-size:16px}.hero-copy h1{font-size:46px}.hero-tags span{min-height:36px;padding:0 12px;font-size:13px}.hero-actions{flex-direction:column;align-items:flex-start}.visual-footer p{font-size:12px}.technology-processes,.capability-copy>ul{grid-template-columns:1fr}.contact-box strong{font-size:26px}}
