:root{
  --ink:#07131c;
  --ink-soft:#142634;
  --orange:#ee5534;
  --orange-dark:#c7442e;
  --peach:#f6d8c7;
  --cream:#fff6ef;
  --blue:#0d2b3c;
  --line:rgba(238,85,52,.32);
}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(145deg,#fff8f1 0%,#f5d2bf 48%,#d8e0e2 100%);}.page{width:100%;min-height:100vh;overflow:hidden}.hero{position:relative;min-height:620px;padding:58px 7vw 70px;background:radial-gradient(circle at 82% 25%,#ffe0c7 0,#f0a978 28%,transparent 47%),linear-gradient(115deg,#102334 0%,#223340 32%,#e7a579 68%,#f5cfb9 100%);color:white}.brand{position:relative;z-index:5}.logo,.footer-logo{font-weight:900;letter-spacing:.055em;line-height:1;color:var(--ink);font-size:43px}.hero .logo{color:white;text-shadow:0 2px 12px rgba(0,0,0,.35)}.logo b,.footer-logo b{color:var(--orange);font-style:normal}.brand p{margin:12px 0 0;font-size:13px;font-weight:800;letter-spacing:.09em}.hero-copy{position:relative;z-index:5;margin-top:95px;max-width:680px}.hero h1{margin:0;font-size:clamp(52px,6vw,92px);line-height:1.08;letter-spacing:.01em;font-weight:950}.hero h1 span{color:var(--orange)}.accent-line{width:70px;height:4px;background:var(--orange);margin-top:50px}.camera{position:absolute;right:4vw;bottom:0;width:min(47vw,620px);height:540px;filter:drop-shadow(0 28px 35px rgba(0,0,0,.42));}.camera div{position:absolute}.body{right:120px;top:135px;width:230px;height:170px;border-radius:18px;background:linear-gradient(135deg,#050a0e,#18232a 55%,#030507);border:5px solid #06090b}.lens{right:305px;top:172px;width:160px;height:100px;border-radius:20px 0 0 20px;background:linear-gradient(90deg,#050608,#111b22,#000);border:5px solid #020304}.hood{right:430px;top:158px;width:105px;height:130px;clip-path:polygon(18% 12%,100% 0,100% 100%,18% 88%,0 72%,0 28%);background:#050709}.monitor{top:28px;width:138px;height:96px;border:8px solid #080d11;border-radius:10px;background:linear-gradient(135deg,#0a1720,#253846);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}.monitor-one{right:115px}.monitor-two{right:260px;transform:scale(.85)}.handle{right:75px;top:86px;width:22px;height:320px;border:10px solid #030405;border-left:0;border-radius:0 70px 70px 0}.tripod{background:#050608;bottom:0;width:14px;transform-origin:top}.leg-left{right:325px;top:300px;height:270px;transform:rotate(15deg)}.leg-right{right:140px;top:300px;height:270px;transform:rotate(-17deg)}.leg-center{right:235px;top:290px;height:280px}.section-block{background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,246,239,.92));padding:36px 4.5vw 48px}.section-title{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;margin:0 auto 35px;max-width:1280px}.section-title span{height:1px;background:var(--line)}.section-title h2{margin:0;font-size:24px;letter-spacing:.04em}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);max-width:1360px;margin:0 auto}.service-card{min-height:290px;text-align:center;padding:0 24px;border-left:1px solid var(--line)}.service-card:first-child{border-left:0}.icon{height:72px;margin-bottom:18px;color:var(--orange);font-size:52px;line-height:1}.service-card h3{min-height:62px;margin:0 0 18px;font-size:22px;line-height:1.22;font-weight:950;display:flex;align-items:center;justify-content:center}.service-card p{margin:0 auto;max-width:210px;font-size:17px;line-height:1.65}.why{padding-top:18px}.compact{margin-bottom:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto;text-align:center}.stats div{border-left:1px solid var(--line);padding:0 28px}.stats div:first-child{border-left:0}.stats strong{display:block;color:var(--orange);font-size:48px;line-height:1;font-weight:950;margin-bottom:12px}.stats p{margin:0;font-size:15px;line-height:1.45;font-weight:800}.contact{margin:30px auto 0;width:min(92vw,1320px);border-radius:14px;padding:44px 58px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;background:linear-gradient(120deg,#f15b3a 0%,#f2a475 42%,#071e2d 100%);color:white}.contact h2{margin:0;font-size:36px;line-height:1.1}.contact h2 span{color:#fff;font-weight:950}.contact i{display:block;width:55px;height:3px;background:white;margin-top:24px}.contact a{color:white;text-decoration:none;font-size:24px;font-weight:800;border-left:1px solid rgba(255,255,255,.45);padding-left:42px}footer{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:35px;padding:24px 7vw 28px;background:#fff8f1}.footer-logo{font-size:30px}.footer-logo small{display:block;margin-top:8px;font-size:9px;letter-spacing:.08em}.footer p{margin:0;font-size:14px;line-height:1.5}.footer a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:800}@media(max-width:1000px){.hero{min-height:auto;padding-bottom:420px}.camera{width:620px;right:-120px;bottom:0;opacity:.95}.service-grid{grid-template-columns:repeat(2,1fr);gap:35px}.service-card{border-left:0;border-top:1px solid var(--line);padding-top:30px}.stats{grid-template-columns:repeat(2,1fr);gap:30px}.stats div{border-left:0}.contact{grid-template-columns:1fr}.contact a{border-left:0;padding-left:0}}@media(max-width:620px){.hero{padding:34px 24px 350px}.logo{font-size:34px}.brand p{font-size:10px}.hero-copy{margin-top:70px}.hero h1{font-size:44px}.camera{transform:scale(.68);transform-origin:right bottom;right:-185px}.section-block{padding:34px 22px}.section-title{gap:14px}.section-title h2{font-size:19px;white-space:nowrap}.service-grid,.stats{grid-template-columns:1fr}.service-card{min-height:auto}.contact{padding:32px 26px}.contact h2{font-size:28px}.contact a{font-size:18px}footer{grid-template-columns:1fr;gap:18px}}