:root{--yellow:#ffd600;--ink:#0c0c0c;--paper:#f5f4ef;--white:#fff;--muted:#77756f;--line:rgba(12,12,12,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}
.site-header{height:102px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,244,239,.92);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.brand,.footer-brand{display:flex;flex-direction:column;align-items:center}.brand img{width:190px;display:block;mix-blend-mode:multiply}.brand-line{display:flex;align-items:center;gap:11px;margin-top:3px;white-space:nowrap}.brand-line b{font-size:6px;font-weight:500;letter-spacing:.35em}.brand-line i{display:block;width:1px;height:12px;background:#d8b700}nav{display:flex;align-items:center;gap:34px}nav a{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}nav a:not(.nav-cta):hover{color:#806d00}.nav-cta{padding:13px 18px;background:var(--ink);color:white}.nav-cta span{color:var(--yellow);margin-left:16px}.menu-button{display:none;background:none;border:0;width:40px;height:40px}.menu-button i{display:block;height:2px;background:var(--ink);margin:7px}
.hero{min-height:calc(100svh - 102px);display:grid;grid-template-columns:1.08fr .92fr;position:relative;border-bottom:1px solid var(--line)}.hero-grid{position:absolute;inset:0;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;opacity:.24;pointer-events:none}.hero-copy{padding:clamp(70px,9vw,140px) clamp(30px,6.2vw,100px) 48px;z-index:1;display:flex;flex-direction:column;justify-content:center}.kicker{display:flex;align-items:center;gap:11px;margin:0 0 28px;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.kicker span{width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 4px rgba(255,214,0,.16)}h1{font-size:clamp(52px,6.4vw,104px);line-height:.91;letter-spacing:-.07em;margin:0;font-weight:800}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h1 em{color:#806d00}.hero-lead{max-width:590px;font-size:clamp(15px,1.25vw,19px);line-height:1.65;color:#55534e;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 22px;min-width:220px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button-dark span{color:var(--yellow)}.text-link{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:6px}.text-link span{margin-left:16px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:clamp(50px,7vw,95px);padding-top:22px}.hero-stats div{display:flex;flex-direction:column;gap:6px}.hero-stats strong{font-size:10px;color:#9b8300}.hero-stats span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.hero-visual{background:var(--yellow);position:relative;overflow:hidden;min-height:650px}.hero-visual:after{content:"X";position:absolute;font-size:min(59vw,870px);line-height:.7;font-weight:900;right:-12%;bottom:-3%;color:rgba(255,255,255,.23);transform:scaleX(1.08)}.orbit{position:absolute;border:1px solid rgba(12,12,12,.25);border-radius:50%}.orbit-a{width:70%;aspect-ratio:1;left:15%;top:15%}.orbit-b{width:100%;aspect-ratio:1;left:0;top:0}.charger{position:absolute;width:190px;height:240px;border-radius:27px;background:linear-gradient(135deg,#fdfdfb,#d8d7d2);box-shadow:25px 38px 60px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;transform:rotate(-13deg);z-index:3}.charger>b{position:absolute;width:42px;height:18px;background:#c3c3bd;border-radius:4px;top:-16px;box-shadow:0 -7px 0 #e8e7e2}.charger>span{font-size:21px;letter-spacing:-.08em}.charger>span span,.mini-product span,.hub-art span,.hub-product span{color:#d9b700}.charger small{position:absolute;bottom:22px;font-weight:900}.charger-large{left:31%;top:27%}.cable{position:absolute;width:370px;height:370px;border:16px solid #111;border-left-color:transparent;border-radius:50%;left:21%;top:17%;z-index:2;transform:rotate(22deg);box-shadow:0 15px 35px rgba(0,0,0,.16)}.cable i{position:absolute;width:38px;height:75px;background:#151515;border-radius:9px}.cable i:first-child{right:4px;top:4px;transform:rotate(25deg)}.cable i:last-child{left:4px;bottom:4px;transform:rotate(25deg)}.power-badge{position:absolute;right:8%;top:12%;z-index:5;width:112px;height:112px;border-radius:50%;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;gap:8px}.power-badge span{color:var(--yellow);font-size:24px;font-weight:900}.power-badge strong{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.visual-note{position:absolute;left:7%;bottom:7%;z-index:5;font-size:11px;font-weight:900;line-height:1.5;letter-spacing:.15em;text-transform:uppercase}
.trust-strip{height:78px;display:grid;grid-template-columns:230px 1fr;align-items:center;background:var(--ink);color:white;padding:0 clamp(24px,5vw,78px);overflow:hidden}.trust-strip>p{font-size:9px;color:var(--yellow);font-weight:900;letter-spacing:.2em}.marquee{display:flex;align-items:center;justify-content:space-around;gap:28px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.marquee i{color:var(--yellow);font-style:normal}
.section,.showcase{padding:clamp(90px,11vw,170px) clamp(24px,5vw,78px)}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:70px}.section-number{margin:0 0 28px;font-size:9px;font-weight:900;letter-spacing:.18em;color:#8e7900}.section-heading h2,.about h2,.contact h2{font-size:clamp(43px,5.5vw,84px);line-height:.96;letter-spacing:-.06em;margin:0}.section-heading h2 span{color:#928e84;font-family:Georgia,serif;font-weight:400}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.75;max-width:440px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{height:560px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.card-yellow{background:var(--yellow)}.card-black{background:var(--ink);color:white}.card-light{background:#e8e6de}.category-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid currentColor;padding-bottom:20px}.category-top span{font-size:10px}.category-top p{margin:0;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.category-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;z-index:2}.category-bottom p{margin:0;max-width:300px;font-size:13px;line-height:1.6;opacity:.72}.category-bottom a{width:45px;height:45px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px}.mini-product{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);width:150px;height:200px;background:#f4f3ee;border-radius:22px;box-shadow:24px 30px 40px rgba(0,0,0,.18);display:grid;place-items:center;color:#111}.mini-product i{position:absolute;width:36px;height:17px;background:#aaa;top:-14px;border-radius:4px}.mini-product b{font-weight:400;font-size:16px}.mini-product small{position:absolute;bottom:20px;font-weight:900}.cable-art{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:250px;height:250px;border:18px solid #f1f0eb;border-radius:50%;box-shadow:0 12px 25px #000}.cable-art i{position:absolute;width:42px;height:82px;background:#e9e8e3;border-radius:9px;top:72px}.cable-art i:first-child{left:-35px;transform:rotate(-14deg)}.cable-art i:nth-child(2){right:-35px;transform:rotate(14deg)}.hub-art{position:absolute;width:250px;height:116px;background:linear-gradient(145deg,#d4d3cf,#888);border-radius:18px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(8deg);box-shadow:20px 24px 35px rgba(0,0,0,.22);display:grid;place-items:center}.hub-art i{position:absolute;width:9px;height:28px;background:#333;right:20px;border-radius:3px}.hub-art i:first-child{top:14px}.hub-art i:nth-child(2){top:45px}.hub-art i:nth-child(3){top:76px}.hub-art b{font-weight:400}
.showcase{background:#111;color:white}.light-heading .section-number{color:var(--yellow)}.light-heading h2 span{color:#787878}.light-heading>p{color:#999}.filters{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.filters button{background:transparent;color:#999;border:1px solid #3a3a3a;padding:11px 18px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.filters button.active,.filters button:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{min-width:0}.product-card[hidden]{display:none}.product-visual{height:390px;position:relative;overflow:hidden;display:grid;place-items:center}.warm{background:#d9d2c4}.graphite{background:#272727}.silver{background:#b9b9b5}.pale{background:#eceae3}.tag{position:absolute;left:16px;top:16px;background:var(--yellow);color:#111;padding:8px 10px;font-size:8px;font-weight:900;z-index:3}.product-charger{position:relative;inset:auto;transform:rotate(-9deg) scale(.72)}.product-charger.compact{height:190px;transform:rotate(8deg) scale(.68)}.loop-cable{width:220px;height:220px;border:16px solid #0c0c0c;border-radius:50%;position:relative;box-shadow:18px 25px 25px rgba(0,0,0,.25)}.loop-cable i{position:absolute;inset:18px;border:1px solid #555;border-radius:50%}.loop-cable b{position:absolute;width:35px;height:72px;background:#111;border-radius:8px;top:63px}.loop-cable b:nth-child(2){left:-29px}.loop-cable b:nth-child(3){right:-29px}.hub-product{width:240px;height:105px;background:linear-gradient(150deg,#e7e7e4,#7e7e7a);border-radius:16px;box-shadow:20px 28px 38px rgba(0,0,0,.25);transform:rotate(-8deg);display:grid;place-items:center;color:#111}.hub-product span{font-size:17px}.hub-product i{position:absolute;width:100px;height:8px;background:#252525;left:-92px;border-radius:8px}.hub-product b{position:absolute;right:14px;width:8px;height:24px;border:2px solid #222;border-radius:3px}.hub-product b:nth-of-type(1){top:12px}.hub-product b:nth-of-type(2){top:40px}.hub-product b:nth-of-type(3){top:68px}.product-info{display:flex;justify-content:space-between;gap:10px;padding:18px 2px}.product-info p{margin:0 0 7px;font-size:13px;font-weight:900}.product-info span,.product-info>b{font-size:9px;color:#888;letter-spacing:.07em}.product-info>b{white-space:nowrap}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.principle-grid article{min-height:340px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.principle-grid article>span{font-size:9px;color:#999}.principle-icon{font-size:40px;margin:auto 0 35px;color:#a78e00}.principle-grid h3{font-size:17px;margin:0 0 14px}.principle-grid p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.about{display:grid;grid-template-columns:.85fr 1.15fr;min-height:780px;background:var(--yellow)}.about-mark{position:relative;overflow:hidden;border-right:1px solid rgba(0,0,0,.18)}.about-mark span{font-size:45vw;font-weight:900;line-height:.72;position:absolute;color:rgba(255,255,255,.32)}.about-mark span:first-child{left:-20%;top:10%}.about-mark span:last-child{right:-25%;bottom:-5%}.about-content{padding:clamp(70px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.about-content .section-number{color:#554900}.about h2{font-size:clamp(42px,5vw,75px)}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:42px 0}.about-copy p{font-size:14px;line-height:1.75;margin:0}.button-yellow{background:var(--ink);color:white;align-self:flex-start}.button-yellow span{color:var(--yellow)}
.sectors{background:#e9e7df}.sector-list{border-top:1px solid var(--line)}.sector-list>div{display:grid;grid-template-columns:70px 1fr 1fr 40px;align-items:center;gap:25px;padding:32px 0;border-bottom:1px solid var(--line);transition:.25s}.sector-list>div:hover{padding-left:18px;background:rgba(255,214,0,.25)}.sector-list span{font-size:9px}.sector-list h3{font-size:clamp(20px,2vw,30px);margin:0}.sector-list p{font-size:13px;color:var(--muted)}.sector-list i{font-style:normal;font-size:20px}
.contact{padding:clamp(90px,10vw,150px) clamp(24px,8vw,120px);background:var(--ink);color:white;display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.contact .kicker span{box-shadow:0 0 0 4px rgba(255,214,0,.12)}.contact h2 em{color:var(--yellow)}.contact-card{border-top:1px solid #444;padding-top:30px}.contact-card p{font-size:15px;line-height:1.7;color:#aaa;margin:0 0 35px}.contact-card a{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding-bottom:18px;font-size:clamp(18px,2vw,28px);font-weight:800}.contact-card a span{color:var(--yellow)}.contact-card small{display:block;color:#666;font-size:9px;margin-top:18px}
.footer{padding:65px clamp(24px,5vw,78px) 28px}.footer-brand{align-items:flex-start}.footer-brand img{width:210px;mix-blend-mode:multiply}.footer-brand .brand-line{margin-left:5px}.footer-nav{display:flex;gap:36px;justify-content:flex-end;margin:-28px 0 70px}.footer-nav a{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.1em}
.product-slider{background:#151515;min-height:650px}.product-slider::after{display:none}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;background:#111}.slide.active{opacity:1;visibility:visible}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide:first-child img{object-position:center}.slide:nth-child(2) img{object-position:center}.slide:nth-child(3) img{object-position:center}.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78))}.slide figcaption{position:absolute;left:7%;bottom:11%;z-index:2;color:white;display:flex;flex-direction:column;gap:8px}.slide figcaption small{color:var(--yellow);font-size:9px;font-weight:900;letter-spacing:.18em}.slide figcaption strong{font-size:clamp(24px,2.8vw,44px);letter-spacing:-.04em}.slider-controls{position:absolute;z-index:5;left:7%;right:7%;bottom:4%;display:flex;justify-content:space-between;align-items:center}.slider-dots{display:flex;gap:8px}.slider-dots button{width:28px;height:3px;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:.25s}.slider-dots button.active{width:52px;background:var(--yellow)}.slider-arrow{width:40px;height:40px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.2);color:white;cursor:pointer;font-size:17px}.slider-arrow:hover{background:var(--yellow);border-color:var(--yellow);color:#111}.product-photo{padding:0}.product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.product-photo:hover img{transform:scale(1.035)}.product-photo.pale img{object-fit:cover}.footer-brand{align-items:center;width:max-content}.footer-brand .brand-line{margin-left:0;align-self:center}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-visual{min-height:600px}.category-grid{grid-template-columns:1fr 1fr}.category-card:last-child{grid-column:span 2}.product-grid{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-mark{min-height:350px}.contact{grid-template-columns:1fr;gap:60px}}
@media(max-width:700px){.site-header{height:86px;padding:0 20px}.brand img{width:145px}.brand-line{gap:6px;margin-top:1px}.brand-line b{font-size:4.5px;letter-spacing:.25em}.brand-line i{height:9px}.menu-button{display:block;z-index:2}nav{position:absolute;left:0;right:0;top:86px;background:var(--paper);padding:28px 24px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:auto}.hero-copy{padding:70px 24px 45px}h1{font-size:51px}.hero-lead{margin:26px 0}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stats{margin-top:55px}.hero-stats span{font-size:8px}.hero-visual{min-height:500px}.charger-large{left:28%;top:25%;transform:rotate(-13deg) scale(.8)}.cable{width:300px;height:300px;left:10%;top:18%}.power-badge{width:90px;height:90px}.trust-strip{grid-template-columns:1fr;height:68px}.trust-strip>p{display:none}.marquee{justify-content:flex-start;animation:scroll 18s linear infinite}.section,.showcase{padding:85px 20px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.section-heading>p{margin:0}.category-grid{grid-template-columns:1fr}.category-card,.category-card:last-child{grid-column:auto;height:500px}.product-grid{grid-template-columns:1fr}.product-visual{height:420px}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:275px}.about-mark{min-height:280px}.about-content{padding:80px 24px}.about-copy{grid-template-columns:1fr}.sector-list>div{grid-template-columns:35px 1fr 25px}.sector-list p{grid-column:2}.sector-list i{grid-column:3;grid-row:1}.contact{padding:85px 24px}.footer{padding:55px 22px 25px}.footer-brand img{width:190px}.footer-nav{justify-content:flex-start;flex-wrap:wrap;margin:45px 0}.footer-bottom{gap:20px}.footer-bottom p{margin:0}@keyframes scroll{to{transform:translateX(-75%)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}