.products-page{--acid:#ff7540;--night:#0b0a0a;background:#252422}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.products-page .site-header,.products-page .site-header.light{background:#0b0a0ad5;color:#fff;border-color:#ffffff12}.products-page .site-header.light .nav-cta{background:#ee7540;color:#fff}
.products-hero{height:100svh;min-height:760px;background:var(--night);color:#fff;position:relative;overflow:hidden;padding-top:78px}.hero-grid{position:absolute;inset:78px 0 0;background:linear-gradient(90deg,transparent 49.8%,#ffffff0a 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ffffff0a 50%,transparent 50.2%);background-size:9vw 9vw;mask-image:linear-gradient(#000000,transparent 90%)}.products-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 69% 63%,#9d9a9533,transparent 38%),linear-gradient(90deg,#0b0a0a 0,transparent 55%);pointer-events:none}.hero-copy{height:100%;position:relative;z-index:4;padding-top:7vh}.hero-top{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:18px;color:#85807a;font:9px monospace;letter-spacing:.16em}.hero-copy h1{font-size:clamp(53px,7.28vw,116px);line-height:.79;letter-spacing:-.08em;font-weight:510;margin:clamp(50px,8vh,95px) 0 0}.hero-copy h1 span{color:#85807a}.hero-lead{position:absolute;left:0;right:0;bottom:6vh;display:flex;align-items:end;justify-content:space-between}.hero-lead p{width:380px;margin:0 0 0 55%;font-size:13px;line-height:1.7;color:#a9a6a2}.hero-lead a{display:flex;align-items:center;gap:25px;font:9px monospace;letter-spacing:.1em}.hero-lead b{width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;color:var(--acid)}.hero-side{position:absolute;z-index:5;left:20px;top:28%;bottom:20%;writing-mode:vertical-rl;color:#9d9a95;font:8px monospace;letter-spacing:.13em;display:flex;align-items:center;gap:12px}.hero-side i{width:1px;flex:1;background:#ffffff18}.hero-machine{position:absolute;z-index:2;width:min(76vw,1150px);right:-3vw;bottom:5vh;filter:drop-shadow(0 35px 60px #00000099);transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .2s ease-out}.hero-machine svg{width:100%;display:block;overflow:visible}.hero-machine .shadow{fill:#000000;opacity:.46}.hero-machine .body>path{fill:url(#metal);stroke:#3d3b38;stroke-width:1.2}.hero-machine .body>ellipse{fill:#3d3b38;fill-opacity:.16;stroke:#3d3b38;stroke-width:1.2}.hero-machine .shine,.hero-machine .seam,.hero-machine .hardware{fill:none;stroke:#1b1a18;stroke-opacity:.55;stroke-width:1.4}.hero-machine .shine{stroke:#fff;stroke-opacity:.7;stroke-width:2}.hero-machine .seam{stroke-dasharray:5 5}.hero-machine .measure{fill:none;stroke:#9d9a95;font:10px monospace}.hero-machine .measure text{fill:#6f6c67;stroke:none;letter-spacing:.12em}.hero-machine .energy{fill:none;stroke:var(--acid);stroke-width:2;stroke-dasharray:38 1050;animation:scan 4.8s linear infinite}.hero-machine .tank-trace{animation:tankTrace 7s linear infinite}@keyframes tankTrace{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.energy-node{fill:var(--acid);filter:drop-shadow(0 0 8px var(--acid));animation:nodeTravel 4.8s linear infinite}
.system-dock{position:sticky;top:78px;z-index:50;background:#201f1ddf;border-bottom:1px solid #1b1a1825;backdrop-filter:blur(20px)}.system-dock .wrap{height:68px;display:flex;align-items:center}.system-dock .wrap>span{margin-right:auto;color:#85807a;font:8px monospace;letter-spacing:.16em}.system-dock a{height:68px;display:flex;align-items:center;gap:10px;padding:0 clamp(18px,2.3vw,37px);font-size:11px;border-left:1px solid #1b1a1812;transition:.35s}.system-dock a b{font:8px monospace;color:#9d9a95}.system-dock a.active,.system-dock a:hover{background:var(--night);color:#fff}.system-dock a.active b{color:var(--acid)}
.product-chapter{scroll-margin-top:146px}.product-scene{height:calc(100svh - 68px);min-height:700px;position:relative;overflow:hidden;color:#fff;background:#111}.scene-photo{position:absolute;inset:-5%;background-size:cover;background-position:center;transform:scale(1.05) translateY(var(--photo-y,0));will-change:transform}.scene-transport .scene-photo{background-image:url("projects/gz-transport.jpg");background-position:center 53%}.scene-storage .scene-photo{background-image:url("projects/gz-storage.jpg")}.scene-bobtail .scene-photo{background-image:url("projects/gz-bobtail.jpg")}.scene-skid .scene-photo{background-image:url("projects/IMG-20250726-WA0043.jpg");background-position:center 42%}
.scene-brand{position:absolute;z-index:5;top:104px;left:var(--gap,64px);width:clamp(96px,9vw,132px);height:auto;pointer-events:none;opacity:.95;filter:drop-shadow(0 8px 22px #00000080)}
@media(max-width:760px){.scene-brand{top:84px;left:20px;width:86px}}.scene-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b0a0abd,transparent 60%,#0b0a0a78),linear-gradient(0deg,#0b0a0ad8,transparent 58%,#0b0a0a48)}.scene-overlay:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff14 25%);mix-blend-mode:overlay}.scene-no{position:absolute;right:2vw;top:-3vw;color:#ffffff10;font-size:clamp(138px,21.6vw,342px);font-weight:650;letter-spacing:-.13em;line-height:1}.scene-copy{height:100%;position:relative;display:flex;align-items:end;justify-content:space-between;padding-bottom:9vh}.scene-copy>div:first-child>span{font:9px monospace;letter-spacing:.18em;color:#ff9b72}.scene-copy h2{font-size:clamp(55px,7.0vw,111px);font-weight:510;letter-spacing:-.08em;line-height:.79;margin:27px 0 0;text-shadow:0 12px 50px #00000055}.scene-intro{width:360px}.scene-intro p{font-size:14px;line-height:1.7;color:#c9c7c5}.scene-intro strong{display:block;font-size:clamp(27px,3.08vw,49px);font-weight:450;letter-spacing:-.06em;margin-top:30px}.scene-intro em{font:11px monospace;color:#a9a6a2}
.engineering{padding:clamp(60px,6.6vw,102px) 0;background:#252422}.engineering.alt{background:#2d2c2a}.engineering-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.55fr);gap:clamp(31px,4.9vw,74px);align-items:center}.engineering.alt .engineering-grid{grid-template-columns:minmax(330px,.55fr) minmax(0,1.55fr)}.drawing{position:relative;min-width:0}.drawing-bar{display:flex;justify-content:space-between;border-bottom:1px solid #201f1d29;padding-bottom:14px;color:#918d88;font:8px monospace;letter-spacing:.12em}.drawing svg{width:100%;display:block;margin-top:27px;overflow:visible}.drawing .construction,.drawing .detail,.drawing .dimensions,.drawing .variant{fill:none;stroke:#9d9a95;stroke-width:1.2;vector-effect:non-scaling-stroke}.drawing .detail{stroke:#d3d1cf;stroke-width:1.6}.drawing .dimensions{stroke:#65625d;stroke-width:.8}.drawing text{fill:#85807a;stroke:none;font:10px monospace}.drawing .variant{stroke:#d3d1cf;stroke-width:1.6}.drawing .ground{stroke:#5a5753}.drawing .scan{fill:none;stroke:var(--acid);stroke-width:2;stroke-dasharray:28 790;animation:scan 4s linear infinite}.drawing .point{fill:var(--acid);stroke:#3d3b38;stroke-width:5;filter:drop-shadow(0 0 7px var(--acid));animation:pulsePoint 2.4s infinite}.callout{position:absolute;font:7px monospace;letter-spacing:.1em;color:#a9a6a2}.callout:after{content:"";position:absolute;width:1px;height:37px;background:#ee754070;left:50%;top:14px}.callout.c1{left:46%;top:12%}.callout.c2{right:7%;top:43%}.console{background:var(--night);color:#fff;padding:34px;box-shadow:0 30px 70px #2d2c2a24}.console-top{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #ffffff18;font:8px monospace;letter-spacing:.13em;color:#918d88}.console-top i{font-style:normal;color:#ff8b5a}.console-top i:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acid);margin-right:7px;box-shadow:0 0 8px var(--acid);animation:pulsePoint 2s infinite}.metric{padding:30px 0 25px;border-bottom:1px solid #ffffff18}.metric small{display:block;font:8px monospace;color:#918d88}.metric strong{font-size:clamp(45px,4.2vw,66px);font-weight:450;letter-spacing:-.09em;line-height:1}.metric strong span{color:var(--acid);font-weight:300}.metric em{font:11px monospace;color:#918d88;margin-left:8px}.console dl{margin:0}.console dl div{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff13;font-size:10px}.console dt{color:#85807a}.console dd{margin:0;text-align:right;color:#d3d1cf}.console>a{display:flex;justify-content:space-between;padding-top:27px;font-size:11px}.console>a b{color:var(--acid);font-size:18px}
.steel-story{background:#151514;color:#fff;padding:150px 0 0;overflow:hidden;position:relative}.steel-story:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.66% - 1px),#ffffff07 16.66%),radial-gradient(circle at 12% 15%,#65625d30,transparent 30%)}.steel-head{position:relative;display:grid;grid-template-columns:.3fr 1.15fr .5fr;gap:50px;align-items:start;margin-bottom:80px}.steel-head>span{font:8px monospace;letter-spacing:.14em;color:#85807a}.steel-head h2{font-size:clamp(46px,5.6vw,88px);font-weight:500;line-height:.83;letter-spacing:-.075em;margin:0}.steel-head h2 em{font-style:normal;color:#9d9a95}.steel-head p{font-size:13px;line-height:1.75;color:#918d88;margin:0}.steel-grid{position:relative;display:grid;grid-template-columns:1.15fr .78fr .65fr;gap:14px;align-items:start}.steel-grid figure{margin:0;overflow:hidden}.steel-grid figure:nth-child(2){margin-top:120px}.steel-grid figure:nth-child(3){margin-top:45px}.steel-grid img{height:570px;object-fit:cover;filter:saturate(.5);transition:1s var(--ease)}.steel-grid figure:nth-child(2) img{height:430px}.steel-grid figure:nth-child(3) img{height:500px}.steel-grid figure:hover img{transform:scale(1.035);filter:saturate(.85)}.steel-grid figcaption{padding:15px 0;color:#918d88;font:8px monospace;letter-spacing:.13em}.steel-marquee{margin-top:90px;border-top:1px solid #ffffff13;color:#ffffff08;font-size:clamp(46px,7.0vw,108px);font-weight:650;line-height:1;letter-spacing:-.07em;white-space:nowrap;animation:marquee 22s linear infinite}.products-cta{height:760px;background:#252422;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.products-cta .wrap{position:relative;z-index:2}.products-cta span{font:8px monospace;letter-spacing:.16em;color:#85807a}.products-cta h2{font-size:clamp(38px,5.11vw,78px);font-weight:510;line-height:.93;letter-spacing:-.07em;margin:30px 0 50px}.products-cta h2 em{font-style:normal;color:#918d88}.products-cta a{display:inline-flex;align-items:center;gap:32px;background:var(--night);color:#fff;border-radius:99px;padding:17px 20px 17px 28px;font-size:11px}.products-cta a b{width:35px;height:35px;border-radius:50%;background:var(--acid);display:grid;place-items:center}.orbit{position:absolute;width:min(65vw,850px);aspect-ratio:1;border:1px solid #7a767128;border-radius:50%;animation:orbit 28s linear infinite}.orbit i{position:absolute;inset:15%;border:1px dashed #7a767136;border-radius:50%}.orbit i:last-child{inset:38%;border-style:solid}
@keyframes scan{to{stroke-dashoffset:-900}}@keyframes nodeTravel{to{transform:translateX(1018px)}}@keyframes pulsePoint{50%{opacity:.3;transform:scale(.6);transform-origin:center}}@keyframes marquee{to{transform:translateX(-45%)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.hero-machine{width:96vw;right:-14vw;bottom:10vh}.hero-lead p{margin-left:40%}.engineering-grid,.engineering.alt .engineering-grid{grid-template-columns:1fr}.engineering.alt .console{order:2}.steel-head{grid-template-columns:1fr}.steel-grid{grid-template-columns:1fr 1fr}.steel-grid figure:nth-child(3){grid-column:1/-1;margin-top:0}}
@media(max-width:700px){.products-hero{padding-top:68px;min-height:760px}.hero-grid{inset:68px 0 0;background-size:25vw 25vw}.hero-copy{padding-top:7vh}.hero-top span:last-child,.hero-side{display:none}.hero-copy h1{font-size:67px;margin-top:58px}.hero-machine{width:140vw;right:-37vw;bottom:20vh}.hero-machine .measure{display:none}.hero-lead{bottom:6vh}.hero-lead p{width:250px;margin:0;font-size:11px}.hero-lead a{font-size:0;gap:0}.hero-lead a b{font-size:12px}.system-dock{top:68px}.system-dock .wrap{width:100%;height:57px;overflow:auto;padding-left:var(--gap)}.system-dock .wrap>span{display:none}.system-dock a{height:57px;flex:0 0 auto;padding:0 18px}.product-chapter{scroll-margin-top:125px}.product-scene{height:78svh;min-height:620px}.scene-overlay{background:linear-gradient(0deg,#0b0a0ae8,transparent 70%,#0b0a0a65)}.scene-no{font-size:250px;right:-15px;top:2vh}.scene-copy{display:block;padding-bottom:55px}.scene-copy h2{font-size:54px}.scene-intro{width:100%;margin-top:28px}.scene-intro p{font-size:12px;max-width:280px}.scene-intro strong{position:absolute;right:0;bottom:58px;font-size:35px}.engineering{padding:85px 0}.engineering-grid{gap:55px}.drawing-bar{font-size:7px}.callout{display:none}.console{padding:26px 22px}.metric strong{font-size:70px}.steel-story{padding-top:90px}.steel-head{gap:25px;margin-bottom:50px}.steel-head h2{font-size:61px}.steel-head p{max-width:300px}.steel-grid{grid-template-columns:1fr;gap:22px}.steel-grid figure,.steel-grid figure:nth-child(2),.steel-grid figure:nth-child(3){margin:0;grid-column:auto}.steel-grid img,.steel-grid figure:nth-child(2) img,.steel-grid figure:nth-child(3) img{height:430px}.products-cta{height:650px}.products-cta h2{font-size:54px}.orbit{width:125vw}}
@media(prefers-reduced-motion:reduce){.hero-machine,.scene-photo{transform:none!important}.hero-machine .energy,.hero-machine .tank-trace,.energy-node,.drawing .scan,.drawing .point,.steel-marquee,.orbit{animation:none!important}}
.drawing use{fill:none;stroke:#9d9a95;stroke-width:1.2;color:#9d9a95}
.engineering,.hero-side,.scene-intro strong,.hero-machine .measure,.system-dock{display:none!important}.product-scene{height:calc(100svh - 78px)}

/* 3B tank sahnesi — ana sayfa ile aynı motor */
.products-page .hero-machine.tank-stage{width:min(76vw,1200px);height:74%;left:auto;right:-4vw;bottom:2vh;filter:drop-shadow(0 38px 70px #000000b3);transform:none;transition:none;cursor:grab}
.products-page .hero-machine.tank-stage:active{cursor:grabbing}
.products-page .hero-machine.tank-stage:before{content:"";position:absolute;inset:8% 8% 3%;background:radial-gradient(ellipse at 55% 55%,#ee754024,transparent 62%);filter:blur(18px);pointer-events:none}
.products-page .hero-machine.tank-stage canvas{position:relative;width:100%;height:100%;display:block;touch-action:pan-y;opacity:0;animation:tankIn 1.5s .1s both}
.products-page .hero-machine.tank-stage .tank-fallback{display:none}
.products-page .hero-machine.tank-stage.no-webgl .tank-fallback{display:block;width:100%}
@keyframes tankIn{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
.hero-scrim{position:absolute;z-index:3;left:0;right:0;bottom:0;height:24vh;background:linear-gradient(0deg,#0b0a0ae0,#0b0a0a00);pointer-events:none}
@media(max-width:1000px){.products-page .hero-machine.tank-stage{width:82vw;height:58%;right:-7vw;bottom:8vh}}
@media(max-width:700px){.products-page .hero-machine.tank-stage{width:130vw;height:38%;right:-15vw;bottom:24vh}.hero-scrim{height:30vh}}
@media(prefers-reduced-motion:reduce){.products-page .hero-machine.tank-stage canvas{animation:none;opacity:1}}