/*
Theme Name: TechSecure
Version: 1.0
*/
:root{--blue:#19a8ff;--cyan:#57e9ff;--navy:#071525;--ink:#142033;--muted:#687589;--line:#e5ebf2}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}
.top{background:#050d18;color:#dffaff;text-align:center;padding:9px;font-size:13px}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;border-bottom:1px solid var(--line);gap:20px}.logo{font:bold 28px Arial}.logo span{color:var(--blue)}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#728095;margin-top:3px}.menu{display:flex;gap:20px;flex-wrap:wrap}.menu a{font-size:14px;font-weight:bold}.menu a:hover{color:var(--blue)}
.ad{width:min(1100px,92%);margin:16px auto;text-align:center}.ad:empty{display:none}
.hero{min-height:500px;background:radial-gradient(circle at 78% 35%,#17466d,#091a2d 43%,#050c16 80%);color:white;position:relative;display:flex;align-items:center;overflow:hidden}.grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#57e9ff 1px,transparent 1px),linear-gradient(90deg,#57e9ff 1px,transparent 1px);background-size:45px 45px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.hero-copy{width:65%;padding:65px 6%;position:relative;z-index:2}.eyebrow{color:var(--cyan);letter-spacing:3px;font-size:13px;font-weight:bold}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.03;margin:18px 0}.hero h1 span{color:var(--cyan)}.hero p{max-width:650px;color:#c8d8e8;font-size:17px;line-height:1.7}.btn{display:inline-block;background:var(--blue);color:white;padding:14px 24px;border-radius:5px;font-weight:bold}.orb{position:absolute;right:8%;width:350px;height:350px;border:1px solid #57e9ff99;border-radius:50%;box-shadow:0 0 80px #19a8ff55,inset 0 0 50px #19a8ff22}.orb:after{content:"◈";position:absolute;inset:0;display:grid;place-items:center;color:var(--cyan);font-size:110px}
.services{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 5%;border-bottom:1px solid var(--line)}.service{padding:10px 20px;border-right:1px solid var(--line)}.service:last-child{border:0}.service b,.service span{display:block}.service span{font-size:12px;color:var(--muted);margin-top:4px}
.section{max-width:1300px;margin:auto;padding:48px 5%}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.head h2{font-size:31px;margin:0}.head a{color:var(--blue);font-weight:bold}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:10px;padding:25px;background:#fff}.card:hover{box-shadow:0 12px 30px #07152512;transform:translateY(-3px)}.icon{width:54px;height:54px;border-radius:12px;background:#e9f8ff;color:#078de7;display:grid;place-items:center;font-size:26px;margin-bottom:18px}.card h3{margin:0 0 10px}.card p{color:var(--muted);line-height:1.6;font-size:14px}
.feature{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.feature-main{background:linear-gradient(135deg,#071525,#123c62);color:white;border-radius:10px;padding:40px;min-height:270px}.feature-main h2{font-size:36px;margin:12px 0}.feature-main p{color:#c8d8e8;line-height:1.6}.feature-side{background:#eef9ff;border-radius:10px;padding:35px}.feature-side h3{font-size:27px;margin:0}.list{line-height:2;color:#42546a}
.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article{border:1px solid var(--line);border-radius:10px;overflow:hidden}.thumb{height:150px;background:linear-gradient(135deg,#071525,#15557c);display:grid;place-items:center;color:var(--cyan);font-size:55px}.body{padding:20px}.body small{color:var(--blue);font-weight:bold}.body h3{font-size:18px;line-height:1.35}.body p{color:var(--muted);font-size:14px;line-height:1.6}.body a{color:var(--blue);font-weight:bold}
.news{background:#071525;color:white;border-radius:10px;padding:38px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}.news h2{margin:0 0 8px}.news p{color:#b9c9d9;margin:0}.form{display:flex}.form input{padding:14px;border:0;min-width:250px}.form button{background:var(--blue);border:0;color:white;padding:14px 20px;font-weight:bold}
.footer{background:#050d18;color:white;padding:45px 5%;margin-top:35px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer a{display:block;color:#bdc9d5;margin:9px 0;font-size:13px}.footer p{color:#91a0af;line-height:1.6}
@media(max-width:900px){.nav{flex-wrap:wrap}.menu{order:3;width:100%}.hero-copy{width:100%}.orb{right:-100px;opacity:.35}.services{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.feature{grid-template-columns:1fr}.articles{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.services,.cards,.articles{grid-template-columns:1fr}.hero{min-height:560px}.hero-copy{padding:45px 6%}.orb{bottom:-80px}.news{display:block}.form{margin-top:20px}.form input{width:100%;min-width:0}}