:root{
  --bg:#0F1113;--panel:#171A1D;--panel2:#202428;--steel:#BFC3C7;--white:#F4F6F7;--muted:#A5ABB0;--orange:#F97316;--line:#2D3338;
  --radius:22px;--max:1180px;--shadow:0 24px 70px rgba(0,0,0,.45)
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--white);font-family:Rajdhani,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden} a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.topbar{position:fixed;inset:0 0 auto;z-index:50;background:rgba(15,17,19,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(191,195,199,.12)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:52px;width:auto;display:block}.navlinks{display:flex;gap:28px;align-items:center;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.navlinks a:hover{color:var(--white)}.nav-cta{border:1px solid rgba(249,115,22,.8);border-radius:999px;padding:10px 18px;color:#fff}
.hero{position:relative;min-height:900px;padding:170px 0 90px;background:radial-gradient(circle at 50% 44%,rgba(249,115,22,.24),transparent 2.4%,transparent 21%),radial-gradient(circle at 80% 10%,rgba(191,195,199,.10),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 38%),#0F1113;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;opacity:.20;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}.eyebrow{color:var(--orange);text-transform:uppercase;font-weight:800;letter-spacing:.16em;margin-bottom:18px;font-size:18px}
h1,h2,h3{font-family:Orbitron,Rajdhani,sans-serif;text-transform:uppercase;margin:0}h1{font-size:clamp(44px,7vw,88px);line-height:1.05;letter-spacing:.08em;color:var(--steel);text-shadow:0 18px 34px rgba(0,0,0,.55)}.laserline{width:min(760px,100%);height:2px;margin:34px 0;background:linear-gradient(90deg,transparent,var(--orange),#fff,var(--orange),transparent);box-shadow:0 0 28px rgba(249,115,22,.78)}
.lead{max-width:760px;color:#D7DADC;font-size:27px;line-height:1.45;margin:0 0 34px}.actions{display:flex;flex-wrap:wrap;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent;transition:transform .2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#111;box-shadow:0 18px 40px rgba(249,115,22,.22)}.secondary{border-color:rgba(191,195,199,.38);color:var(--white)}
.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(191,195,199,.14);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.process-visual{height:440px;border-radius:18px;border:1px solid rgba(191,195,199,.12);background:radial-gradient(circle at 52% 62%,rgba(255,255,255,.86),transparent 2%,transparent 6%),radial-gradient(circle at 52% 62%,rgba(249,115,22,.8),transparent 3%,transparent 22%),linear-gradient(135deg,#1E2327,#090A0B);position:relative;overflow:hidden}.process-visual:before{content:"";position:absolute;left:8%;right:8%;top:62%;height:2px;background:linear-gradient(90deg,transparent,var(--orange),#fff,var(--orange),transparent);box-shadow:0 0 26px var(--orange)}.process-visual:after{content:"LASERLEIKKAUS";position:absolute;left:28px;bottom:24px;color:rgba(255,255,255,.72);font-weight:800;letter-spacing:.14em}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.stat{padding:18px;background:rgba(0,0,0,.28);border:1px solid rgba(191,195,199,.10);border-radius:16px}.stat strong{display:block;color:var(--steel);font-size:30px;line-height:1}.stat span{color:var(--muted);font-size:16px;font-weight:700;text-transform:uppercase}
section{padding:96px 0}.section-head{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:42px}.section-head h2{color:var(--steel);font-size:clamp(34px,5vw,54px);letter-spacing:.08em}.section-head p{max-width:560px;color:var(--muted);font-size:22px;line-height:1.45;margin:0}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.service{min-height:270px;padding:26px;border-radius:var(--radius);border:1px solid rgba(191,195,199,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:transform .2s ease,border .2s ease}.service:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.45)}.icon{width:48px;height:48px;color:var(--orange);margin-bottom:24px}.service h3{font-size:24px;letter-spacing:.06em;margin-bottom:12px}.service p,.work-card p{color:var(--muted);font-size:19px;line-height:1.42;margin:0}
.about{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));border-top:1px solid rgba(191,195,199,.10);border-bottom:1px solid rgba(191,195,199,.10)}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}.steel-panel{min-height:520px;border-radius:var(--radius);background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,0)),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 7px),linear-gradient(135deg,#30363A,#101214 68%);border:1px solid rgba(191,195,199,.14);box-shadow:var(--shadow);position:relative;overflow:hidden}.steel-panel:after{content:"SUOMEN TERÄSTUOTE";position:absolute;left:34px;bottom:34px;font-family:Orbitron,Rajdhani,sans-serif;color:rgba(244,246,247,.8);letter-spacing:.16em;font-weight:800;font-size:30px;max-width:520px}.about-copy h2{color:var(--steel);font-size:clamp(34px,5vw,54px);letter-spacing:.08em;margin-bottom:24px}.about-copy p{color:#D7DADC;font-size:23px;line-height:1.55;margin:0 0 18px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}.benefit{padding:24px;border-radius:18px;border:1px solid rgba(191,195,199,.12);background:rgba(0,0,0,.20)}.benefit strong{display:block;font-size:22px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.benefit span{color:var(--muted);font-size:18px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{min-height:320px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(191,195,199,.12);background:linear-gradient(135deg,#202428,#08090A);position:relative;padding:28px}.work-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--orange),transparent)}.work-card h3{font-size:26px;letter-spacing:.07em}.quote{background:radial-gradient(circle at 50% 50%,rgba(249,115,22,.16),transparent 24%),linear-gradient(135deg,#171A1D,#0B0C0D);border-top:1px solid rgba(191,195,199,.10);border-bottom:1px solid rgba(191,195,199,.10)}.quote-box{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:start;background:rgba(255,255,255,.035);border:1px solid rgba(191,195,199,.12);border-radius:var(--radius);padding:42px;box-shadow:var(--shadow)}.quote h2{color:var(--steel);font-size:clamp(34px,5vw,52px);letter-spacing:.08em;margin-bottom:20px}.quote p{color:#D7DADC;font-size:23px;line-height:1.5}
form{display:grid;gap:14px}input,textarea,select{width:100%;background:rgba(0,0,0,.25);border:1px solid rgba(191,195,199,.18);border-radius:14px;color:var(--white);padding:15px 16px;font:600 18px Rajdhani,sans-serif;outline:none}textarea{min-height:140px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:rgba(249,115,22,.65)}
footer{padding:44px 0;color:var(--muted);border-top:1px solid rgba(191,195,199,.10)}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-grid strong{color:var(--steel)}
@media(max-width:1120px){.hero-grid,.split,.quote-box{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:1fr}}
@media(max-width:760px){.navlinks{display:none}.brand img{height:44px}.hero{padding-top:140px;min-height:auto}.lead{font-size:22px}.services-grid,.benefits,.stats{grid-template-columns:1fr}.section-head{display:block}.quote-box{padding:26px}.hero-card{padding:20px}.process-visual{height:300px}}