:root{color-scheme:dark;--bg:#09131c;--panel:#101f2b;--line:#ffffff20;--text:#eef3f6;--muted:#aab9c6;--blue:#88bffc;--green:#9bc6a0;--silver:#c7ced4;--space:clamp(64px,7.5vw,112px)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;background:var(--bg);color:var(--text);line-height:1.85}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.container{width:min(1220px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:#09131c;padding:12px;z-index:100}.skip-link:focus{top:10px}.navbar{position:sticky;top:0;z-index:30;background:#09131cf5;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-container{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{padding:16px;display:block;flex-shrink:0}.official-nav-logo{height:32px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:30px;font-size:.9rem}.nav-links a{color:#bfccd5}.nav-links a:hover{color:white}.nav-links .btn-contact{border:1px solid #869bae;padding:8px 20px;color:white;border-radius:3px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;padding:50px 0 40px;background:var(--bg)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09131c 0%,#09131ced 24%,#09131c45 75%),linear-gradient(0deg,#09131c,transparent 30%),url('assets/visuals/pelx-hero-v2.png') center/cover}.hero-content{padding-block:25px 65px}.hero-badge{display:block;font-size:.8rem;letter-spacing:.12em;color:#c0ced9}.brand-wordmark{width:min(480px,80%);line-height:1;padding-block:70px;margin:0}.official-hero-logo{display:block;width:100%;height:auto}.hero-content .brand-promise{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:650;line-height:1.55;letter-spacing:.01em;color:var(--text);margin-bottom:20px}.hero-content>p{font-size:1.0625rem;max-width:590px;color:#b4c3ce;margin-bottom:30px}.mobile-break{display:none}.hero-btns{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 24px;border:1px solid transparent;border-radius:3px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s}.btn-primary{background:#dce5eb;color:#101d27}.btn-primary:hover{background:white}.btn-outline{border-color:#ffffff50;color:white;background:#09131c70}.btn-outline:hover{background:#223544}.hero-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:.75rem;letter-spacing:.07em;color:var(--muted)}.hero-footer a{font-size:.875rem;letter-spacing:0}.section-padding{padding-block:var(--space)}.section-title{display:grid;grid-template-columns:1.15fr 1fr;gap:20px 80px;align-items:end;margin-bottom:44px}.eyebrow{grid-column:1/-1;font-size:.75rem;letter-spacing:.16em;font-weight:600;color:#9cadbc}.section-title h2{font-size:clamp(1.8rem,3.1vw,2.7rem);line-height:1.5;font-weight:600;letter-spacing:-.025em}.section-title>p{font-size:1rem;color:var(--muted);max-width:48ch}.brand-story{border-top:1px solid var(--line)}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line)}.brand-card{padding:28px 26px 30px 0}.brand-card+.brand-card{padding-left:26px;border-left:1px solid var(--line)}.brand-letter{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:18px;color:var(--silver)}.brand-card:first-child .brand-letter{color:var(--green)}.brand-card:nth-child(2) .brand-letter{color:var(--blue)}.brand-card h3{font-size:1rem;line-height:1.5;overflow-wrap:anywhere;margin-bottom:12px}.brand-card h3 span{display:block;color:#c3ced7;font-size:.9rem;font-weight:500;margin-top:3px}.brand-card p{font-size:.9375rem;color:var(--muted)}.products{padding-top:0}.product-grid{border-top:1px solid var(--line);display:grid;gap:0}.product-card{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center;padding-block:48px;border-bottom:1px solid var(--line)}.product-visual{position:relative;background:#101a24;align-self:stretch;min-height:370px;border-radius:4px;overflow:hidden}.product-visual img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.product-visual figcaption{position:absolute;bottom:12px;left:14px;background:#07111bcc;padding:3px 9px;color:#c6d1d9;font-size:.75rem;border-radius:2px}.product-copy{padding:12px 0}.product-badge{font-size:.8rem;letter-spacing:.08em;color:#b8c9d5;margin-bottom:15px}.product-copy h3{font-size:clamp(1.6rem,2.5vw,2.1rem);line-height:1.45;font-weight:600;letter-spacing:-.02em;margin-bottom:16px}.product-copy .series-name{color:#d1dce3;font-size:.875rem;font-weight:600;margin-bottom:12px}.product-copy>p{color:var(--muted);font-size:1rem;margin-bottom:18px}.spec-list{list-style:none;display:grid;gap:7px;margin-bottom:23px}.spec-list li{font-size:.875rem;color:#b6c5d0;display:flex;align-items:baseline;gap:10px}.check{color:#a5bcb0}.btn-sm{padding:7px 0;border-radius:0;border-bottom:1px solid #7c929f;font-size:.875rem;color:#e2ebf1}.btn-sm:hover{border-color:white}.features{background:var(--panel);border-block:1px solid var(--line)}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.feature-item{padding-top:22px;border-top:1px solid #6f839055}.feature-number{font-size:.75rem;letter-spacing:.08em;color:#a5bac9}.feature-item h4{font-size:1.125rem;line-height:1.55;margin:16px 0 12px;font-weight:600}.feature-item p{font-size:.9375rem;color:var(--muted)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:42px}.contact-info h3{font-size:1.4rem;font-weight:600;margin-bottom:10px}.contact-person{color:#d7e0e6;margin-bottom:18px}.contact-info>p:not(.contact-person){color:var(--muted);max-width:38ch}.contact-details{display:grid;gap:10px;margin-top:28px;font-size:.9375rem;color:#bbcbd6;overflow-wrap:anywhere}.contact-details address{font-style:normal}.contact-details a:hover{color:white;text-decoration:underline}.form-note{color:var(--muted);font-size:.875rem;margin-bottom:20px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:7px;font-size:.875rem;color:#c6d4de}.contact-form input,.contact-form textarea{width:100%;background:#10202c;border:1px solid #526573;border-radius:3px;padding:12px 14px;color:white;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#93a6b5}.contact-form textarea{resize:vertical;min-height:120px}.btn-block{width:100%}.footer{border-top:1px solid var(--line);padding:28px 0;color:#97aab8;font-size:.8rem}
@media(min-width:1600px){.hero-content{padding-top:40px;padding-bottom:80px}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.nav-links{gap:20px}.section-title{gap:18px 40px}.product-card{gap:28px;grid-template-columns:1fr 1fr}.product-visual{min-height:410px}.brand-grid,.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card:nth-child(3){border-left:0;padding-left:0}.brand-card:nth-child(n+3){border-top:1px solid var(--line)}.contact-wrapper{gap:40px}.hero:before{background:linear-gradient(90deg,#09131cf0,#09131c80),linear-gradient(0deg,#09131c,transparent),url('assets/visuals/pelx-hero-v2.png') center/cover}}
@media(max-width:700px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.nav-container{min-height:78px}.logo{padding:16px 0}.menu-toggle{display:block;background:transparent;border:1px solid #80909d;padding:6px 11px;color:white;border-radius:3px;font-size:.875rem}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#09131c;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:8px}.nav-links.is-open{display:flex}.nav-links a{padding:10px 14px}.hero{padding-top:28px}.hero-content{padding-top:15px;padding-bottom:40px}.hero-badge{font-size:.75rem;letter-spacing:0}.brand-wordmark{width:min(400px,100%);padding-block:52px}.hero-content .brand-promise{font-size:1.6rem}.hero-content>p{font-size:1rem}.mobile-break{display:block}.hero-footer{font-size:.75rem;letter-spacing:0;align-items:center}.hero-footer>span{max-width:215px}.section-title{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.section-title h2{font-size:1.9rem}.brand-card{padding:24px 18px 25px 0}.brand-card+.brand-card{padding-left:18px}.brand-card:nth-child(3){padding-left:0}.brand-card h3{font-size:.95rem}.brand-letter{font-size:3rem}.product-card{grid-template-columns:1fr;padding-block:32px;gap:22px}.product-visual{aspect-ratio:3/2;min-height:0}.product-copy{padding:0}.product-copy h3{font-size:1.75rem}.features-grid{gap:24px}.contact-wrapper{grid-template-columns:1fr;gap:36px}.hero-btns .btn{padding-inline:18px}}
@media(max-width:360px){.brand-grid,.features-grid{grid-template-columns:1fr}.brand-card+.brand-card{padding-left:0;border-left:0;border-top:1px solid var(--line)}.hero-badge{font-size:.75rem}.hero-btns{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.product-card:first-child .product-visual{background:#17232e}.product-card:first-child .product-visual img{object-fit:contain;padding:0}

/* Compact flow: brand hero directly into the product portfolio. */
.hero{padding-bottom:0}
.hero-content{padding-bottom:64px}
.products{padding-top:64px;border-top:1px solid var(--line)}
.product-card{padding-block:36px}
.product-visual{min-height:330px}
.product-copy h3{margin-bottom:10px}
.section-title h2{font-size:clamp(1.8rem,2.8vw,2.4rem)}
.product-card:nth-child(1) .product-badge{color:var(--green)}
.product-card:nth-child(2) .product-badge{color:var(--blue)}
.product-card:nth-child(3) .product-badge,.product-card:nth-child(4) .product-badge{color:var(--silver)}
@media(max-width:700px){.hero-content{padding-bottom:42px}.products{padding-top:42px}.product-card{padding-block:28px}.product-visual{min-height:0}.section-title h2{font-size:1.8rem}}

/* Original metallic artwork: presentation only, no image filters or effects. */
.official-nav-logo{height:40px;width:auto;display:block}
.logo{padding:20px}
.brand-wordmark{width:min(440px,100%);padding-block:60px}
.official-hero-logo{width:100%;height:auto;display:block}
.hero:before{background:linear-gradient(90deg,#09131c 0%,#09131cf5 36%,#09131c50 78%),linear-gradient(0deg,#09131c,transparent 30%),url('assets/visuals/pelx-hero-v2.png') center/cover}
@media(max-width:1000px){.hero:before{background:linear-gradient(90deg,#09131cf5 0%,#09131cde 45%,#09131c85 100%),linear-gradient(0deg,#09131c,transparent),url('assets/visuals/pelx-hero-v2.png') center/cover}}
@media(max-width:700px){.official-nav-logo{height:36px}.logo{padding:18px 0}.brand-wordmark{width:min(360px,100%);padding-block:48px}}