@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#111315;--panel:#202427;--orange:#ff6b1a;--white:#f5f5f2;--muted:#a3a7a8;--line:rgba(255,255,255,.12);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.6}a{color:inherit;text-decoration:none}.container,header,section,footer{width:100%}header{height:78px;position:sticky;top:0;z-index:20;background:#111315ed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2))}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand img{display:block;width:34px;height:34px;object-fit:contain;object-position:center}.brand-wordmark{display:inline-flex;align-items:center;gap:5px;color:#f5f5f2;font:700 21px/1 var(--display);letter-spacing:-.8px;white-space:nowrap}.brand-wordmark b{color:var(--orange);font-weight:700}.mark{color:var(--orange);font-size:36px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}nav a:hover,.link:hover{color:var(--orange)}.navbtn{background:var(--orange);color:#151515;padding:12px 15px}#toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:680px;position:relative;overflow:hidden;padding:95px max(24px,calc((100% - 1180px)/2)) 100px;background:radial-gradient(ellipse at 78% 48%,#282d2f,transparent 44%),linear-gradient(115deg,#111315,#1c2022);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy{position:relative;z-index:2;max-width:590px}.eyebrow,.kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:#b9bdbb}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:10px}.hero h1,h2{font:600 clamp(42px,5.5vw,70px)/1.05 var(--display);letter-spacing:-3px;margin:28px 0 22px}.hero h1 em,h2 em{font-style:normal;color:var(--orange)}.lead{font-size:17px;max-width:510px;color:#b8bcbc;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 18px;font-size:12px;font-weight:700;border:1px solid #ffffff35;cursor:pointer}.orange{background:var(--orange);color:#151515;border-color:var(--orange)}.orange:hover{background:#ff8a42}.proof{display:flex;margin-top:50px}.proof div{display:flex;flex-direction:column;padding:0 22px;border-left:1px solid var(--line)}.proof div:first-child{padding-left:0;border:0}.proof b{font:600 18px var(--display)}.proof span{font-size:10px;color:var(--muted)}.hero-art{position:absolute;right:4%;top:90px;width:43%;height:470px;display:grid;place-items:center;opacity:.92}.ring{width:min(38vw,410px);aspect-ratio:1;border-radius:50%;border:1px solid #ffffff20;outline:1px dashed #ffffff1c;outline-offset:-25px;position:absolute;transform:rotate(-25deg)}.metal{position:relative;width:270px;height:220px;border-radius:30px;background:linear-gradient(145deg,#d8dcda,#858b8b 20%,#c7cbca 38%,#4b5052 65%,#aeb4b3);border:3px solid #969d9c;box-shadow:inset 0 0 0 10px #0002,0 28px 35px #0008;transform:rotate(-12deg)}.metal:after{content:"";position:absolute;inset:18px;border:1px solid #0005;border-radius:20px}.metal i{position:absolute;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1b1e1f 0 28%,#6d7373 30% 43%,#25292a 52%);box-shadow:0 1px 0 #fff5}.metal i:nth-child(1){top:22px;left:24px}.metal i:nth-child(2){top:22px;right:24px}.metal i:nth-child(3){bottom:22px;left:24px}.metal i:nth-child(4){bottom:22px;right:24px}.metal b{position:absolute;left:108px;top:83px;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#171a1b 0 35%,#aeb4b3 38% 47%,#34393a 50% 70%,#e2e4e1 73%)}.dimension,.measure{position:absolute;color:var(--orange);font:600 10px var(--display);letter-spacing:2px;border:1px solid #ff6b1a66;padding:7px 10px}.dimension{top:15%;right:2%}.measure{bottom:17%;left:5%}.hero-foot{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:14px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;color:#7e8383;font-size:9px;letter-spacing:2px}
.intro{background:#f0f0ec;color:#151719;padding:95px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr 2fr;gap:45px}.intro .kicker{color:#666d6e}.intro h2,.advantages h2{font-size:clamp(38px,4.3vw,55px);letter-spacing:-2px;margin:0 0 20px}.intro h2 em,.advantages h2 em{color:#e75d13}.intro p:not(.kicker){max-width:700px;color:#555b5b;font-size:16px;line-height:1.8}.link{display:inline-block;margin-top:15px;padding-bottom:7px;border-bottom:1px solid #aaa;font-size:13px;font-weight:700}
.services,.workflow{padding:95px max(24px,calc((100% - 1180px)/2));background:#171a1c}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.sectionhead h2{font-size:clamp(38px,4.4vw,57px);margin:15px 0 0;letter-spacing:-2px}.sectionhead p{max-width:360px;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cards article{display:grid;grid-template-columns:40% 60%;background:var(--panel);border:1px solid #ffffff10;min-height:250px;transition:.2s}.cards article:hover{border-color:#ff6b1a88;transform:translateY(-2px)}.visual{position:relative;overflow:hidden;min-height:220px;background:radial-gradient(circle,#41484a,#202426 70%)}.visual>span{position:absolute;top:14px;left:14px;color:var(--orange);font:600 10px var(--display);letter-spacing:1px}.block{position:absolute;left:20%;top:31%;width:65%;height:50%;background:linear-gradient(140deg,#d7dbd9,#676e70 45%,#c3c8c6 60%,#3e4445);transform:rotate(-20deg);box-shadow:10px 12px 18px #111}.block:after{content:"";position:absolute;inset:15px;border:1px solid #34393a}.shaft{position:absolute;left:10%;top:45%;width:85%;height:40px;background:linear-gradient(#d9dcda,#777e7f 30%,#c7ccca 55%,#505758);transform:rotate(-28deg);box-shadow:0 18px 22px #101112}.plate{position:absolute;left:20%;top:32%;width:62%;height:48%;background:linear-gradient(140deg,#d4d7d4,#62696a 60%,#a5aaa8);clip-path:polygon(0 0,100% 0,100% 72%,75% 72%,75% 100%,0 100%)}.wire{position:absolute;left:63%;top:15%;height:75%;width:2px;background:var(--orange);box-shadow:0 0 10px var(--orange)}.tool{position:absolute;left:18%;top:25%;width:65%;height:52%;border:7px solid #9da3a1;background:linear-gradient(135deg,#777e7e,#303536);box-shadow:12px 12px 20px #111;transform:rotate(-8deg)}.cardbody{padding:23px 20px}.cardbody h3{font:600 20px var(--display);margin:0;display:flex;justify-content:space-between}.cardbody h3 b{color:var(--orange)}.cardbody p{font-size:12px;line-height:1.75;color:#aeb3b2}.cardbody small{font-size:10px;color:#e1e2df}.note{border-left:2px solid var(--orange);padding:5px 0 5px 14px;margin-top:25px;color:#9da3a2;font-size:13px}
.advantages{padding:95px max(24px,calc((100% - 1180px)/2));background:#f0f0ec;color:#151719;display:grid;grid-template-columns:1fr 1fr;gap:75px}.advantages .kicker{color:#666d6e}.adv-copy>p:not(.kicker){max-width:450px;color:#596061;font-size:15px;line-height:1.8;margin-bottom:28px}.reasons{border-top:1px solid #d3d5d2}.reasons>div{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #d3d5d2}.reasons>div>b{font:600 12px var(--display);color:#e75d13}.reasons h3{font:600 17px var(--display);margin:0 0 5px}.reasons p{font-size:12px;color:#646b6c;line-height:1.7;margin:0}
.workflow{background:#171a1c}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px}.steps article{padding:22px 25px 0 0}.steps article:not(:last-child){border-right:1px solid var(--line);margin-right:25px}.steps b{font:600 12px var(--display);color:var(--orange)}.steps h3{font:600 19px var(--display);margin:13px 0 7px}.steps p{font-size:13px;color:var(--muted);line-height:1.8}
.contact{position:relative;display:grid;grid-template-columns:1fr .85fr;gap:75px;padding:95px max(24px,calc((100% - 1180px)/2));background:radial-gradient(ellipse at 80% 40%,#241b16,transparent 40%),#111315}.contact h2{font-size:clamp(44px,5vw,65px);margin:20px 0}.contact-copy>p:not(.kicker){max-width:440px;color:#aeb3b2;font-size:15px;line-height:1.8}.details{margin-top:35px;border-top:1px solid var(--line);max-width:450px}.details>a,.details>div{display:grid;grid-template-columns:90px 1fr 15px;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.details small{font-size:9px;letter-spacing:1.5px;color:#858b8b}.details b{font-size:13px;font-weight:600}.details a:hover{color:var(--orange)}form{background:#202427;border:1px solid #ffffff16;padding:28px}.formtitle{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 20px}label{display:block;font-size:12px;font-weight:600;margin:15px 0 7px}input,select,textarea{display:block;width:100%;border:1px solid #414648;background:#171a1c;color:white;padding:12px;font:13px var(--font);border-radius:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--orange)}textarea{resize:vertical}.hint{font-size:10px;color:#959b9b;line-height:1.6}form .btn{width:100%;margin-top:8px}#status{font-size:12px;color:var(--orange)}
footer{background:#0b0d0e;border-top:1px solid var(--line);padding:0 max(24px,calc((100% - 1180px)/2))}.footmain{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid var(--line)}.footmain>span,.footmain>a:last-child{font-size:9px;letter-spacing:1.7px;color:#9ca1a0;font-weight:700}.footbottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 0;color:#757b7b;font-size:10px}.footbottom a:hover{color:var(--orange)}
@media(max-width:900px){.hero-art{right:-8%;opacity:.5}.hero-copy{max-width:62%}.cards article{grid-template-columns:1fr}.visual{min-height:170px}.advantages{gap:40px}.contact{gap:40px}}
@media(max-width:680px){header{height:68px;padding:0 18px}.brand img{width:29px;height:29px}.brand-wordmark{font-size:19px}.brand{font-size:21px}#toggle{display:block}nav{display:none;position:absolute;top:67px;left:0;right:0;background:#111315;padding:15px 22px 22px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:13px 0}.navbtn{text-align:center;margin-top:8px}.hero{padding:65px 18px 82px;min-height:680px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(43px,12vw,60px);letter-spacing:-2.5px}.lead{font-size:15px}.hero-art{top:365px;right:-20%;width:100%;height:270px;opacity:.35}.metal{transform:scale(.78) rotate(-12deg)}.proof{margin-top:35px;position:relative;z-index:2}.proof div{padding:0 10px}.proof b{font-size:15px}.proof span{font-size:9px;max-width:90px}.hero-foot{padding:12px 18px;font-size:7px;letter-spacing:1px}.hero-foot span:nth-child(2){display:none}.intro,.services,.advantages,.workflow,.contact{padding:70px 18px}.intro,.advantages,.contact{grid-template-columns:1fr;gap:28px}.intro h2,.advantages h2,.sectionhead h2{font-size:clamp(37px,10vw,48px);letter-spacing:-1.8px}.intro p:not(.kicker){font-size:15px}.sectionhead{display:block}.sectionhead>p{margin-top:18px}.cards{grid-template-columns:1fr}.cards article{grid-template-columns:38% 62%;min-height:230px}.visual{min-height:100%}.cardbody{padding:17px 14px}.cardbody h3{font-size:17px}.cardbody p{font-size:11px}.cardbody small{font-size:9px}.steps{grid-template-columns:1fr;margin-top:30px}.steps article,.steps article:not(:last-child){border-right:0;border-bottom:1px solid var(--line);margin:0;padding:18px 0}.steps article:last-child{border-bottom:0}.contact h2{font-size:48px}.details>a,.details>div{grid-template-columns:72px 1fr 14px}.details b{font-size:12px}form{padding:21px}.footmain{flex-wrap:wrap;gap:14px}.footmain>span{order:3;width:100%}.footbottom{gap:10px}.footbottom span:first-child{width:100%}}
@media(max-width:380px){.cards article{grid-template-columns:1fr}.visual{min-height:160px}.actions .btn{padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Real PRO KOKOL photography: machine park and product gallery */
.hero-photo{right:3%;top:105px;width:43%;height:420px;display:block;border:1px solid #ffffff26;overflow:hidden;background:#202427;box-shadow:0 28px 70px #0008;opacity:1}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111315e8 0%,transparent 58%),linear-gradient(90deg,#11131555,transparent 65%)}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.04) saturate(.82)}
.photo-label{position:absolute;z-index:2;left:24px;bottom:22px;display:flex;flex-direction:column;gap:4px}.photo-label span{color:var(--orange);font-size:10px;letter-spacing:2px;font-weight:700}.photo-label b{font:600 15px var(--display);letter-spacing:1.2px}
.visual img{width:100%;height:100%;min-height:220px;position:absolute;inset:0;object-fit:cover;display:block;filter:contrast(1.04) saturate(.78);transition:transform .35s}.cards article:hover .visual img{transform:scale(1.035)}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111b 0%,transparent 60%);pointer-events:none}.visual>span{z-index:2;background:#111315c9;padding:5px 7px}
.machine-park{padding:95px max(24px,calc((100% - 1180px)/2));background:#f0f0ec;color:#151719}.machine-park .kicker,.portfolio .kicker{color:#666d6e}.machine-park .sectionhead h2,.portfolio .sectionhead h2{font-size:clamp(38px,4.4vw,57px);margin:15px 0 0;letter-spacing:-2px}.machine-park h2 em,.portfolio h2 em{color:#e75d13}.machine-park .sectionhead p,.portfolio .sectionhead p{color:#596061}.machine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.machine-grid article{background:#fff;border:1px solid #d9dbd8;min-width:0}.machine-grid img{width:100%;height:230px;object-fit:cover;display:block}.machine-grid article>div{padding:20px 21px 24px}.machine-grid article span{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#df5c15}.machine-grid h3{font:600 21px var(--display);margin:8px 0}.machine-grid p{color:#596061;font-size:13px;line-height:1.75;margin:0}.machine-park .note{color:#535a5b;border-color:#e75d13;margin-top:25px}
.portfolio{padding:95px max(24px,calc((100% - 1180px)/2));background:#171a1c}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery figure{margin:0;background:#202427;border:1px solid #ffffff12;overflow:hidden}.gallery figure img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .35s;filter:contrast(1.03) saturate(.78)}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 18px 19px}.gallery figcaption b{font:600 17px var(--display)}.gallery figcaption span{font-size:11px;color:#aeb3b2;line-height:1.6}.gallery-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.gallery-cta p{margin:0;color:#b8bcbc;font-size:14px}
@media(max-width:900px){.hero-photo{right:-2%;width:45%;height:360px}.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-grid article:last-child{grid-column:1/-1}.machine-grid article:last-child img{height:260px}}
@media(max-width:680px){.hero-photo{top:390px;right:-12%;width:90%;height:235px;opacity:.52}.photo-label{left:14px;bottom:12px}.photo-label b{font-size:12px}.visual img{min-height:100%;height:100%}.machine-park,.portfolio{padding:70px 18px}.machine-grid{grid-template-columns:1fr}.machine-grid article:last-child{grid-column:auto}.machine-grid img,.machine-grid article:last-child img{height:230px}.gallery{grid-template-columns:1fr}.gallery figure img{height:260px}.gallery-cta{align-items:flex-start;flex-direction:column}.machine-park .sectionhead h2,.portfolio .sectionhead h2{font-size:clamp(37px,10vw,48px);letter-spacing:-1.8px}}

/* Final refinements: bilingual switch, verified machine specifications, tighter hero crop */
.header-right{display:flex;align-items:center;gap:20px}.language{background:transparent;border:1px solid #ffffff35;color:var(--orange);font:700 12px var(--display);padding:8px 11px;cursor:pointer}.language:hover{border-color:var(--orange)}
.hero-photo img{object-position:center center;transform:none}
.specs{list-style:none;padding:12px 0 0;margin:12px 0 0;border-top:1px solid #ddd}.specs li{display:flex;flex-direction:column;gap:3px;margin:8px 0}.specs span{font-size:10px;color:#727878}.specs b{font:600 13px var(--display);color:#171a1c}
@media(max-width:900px){.header-right{gap:10px}nav{gap:15px}}
@media(max-width:680px){.header-right{gap:12px}.language{padding:7px 9px}.hero-photo img{object-position:center center}}