/*
Theme Name: Web Sentry
Version: 1.0.0
Description: Web Sentry business services theme.
Author: Web Sentry LLC
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: websentry
*/
:root{--ink:#101f32;--muted:#536478;--paper:#f5f8fa;--teal:#007d73;--line:#dce5eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.65;background:white}a{color:inherit}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #12b9a6;outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{text-decoration:none;font-weight:800;font-size:24px;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.mark{display:grid;place-items:center;width:38px;height:42px;background:var(--ink);color:#63e0c9;border-radius:9px 9px 18px 18px;font-size:20px;letter-spacing:-3px;padding-right:3px}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.navlinks a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);color:white!important;border:0;border-radius:6px;padding:14px 22px;text-decoration:none;font-weight:700;font-size:15px;cursor:pointer}.button.light{background:white;color:var(--ink)!important}.button.outline{background:transparent;border:1px solid #64768b;color:white!important}.hero{background:#101f32;color:white;padding:82px 0 88px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:74px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--teal);margin:0 0 20px}.hero .eyebrow{color:#6de1cd}h1{font-size:clamp(42px,5.1vw,68px);line-height:1.07;letter-spacing:-3px;margin:0 0 24px;font-weight:800}h1 em{font-style:normal;color:#6de1cd}h2{font-size:clamp(32px,3.7vw,45px);line-height:1.16;letter-spacing:-1.7px;margin:0 0 20px}h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:18px 0 10px}p{margin:0 0 22px}.hero p{color:#bbcbdc;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{font-size:13px;margin-top:20px!important}.workflow{background:#1a2b40;border:1px solid #36485d;border-radius:14px;padding:28px;box-shadow:0 24px 60px #020a1633;transform:rotate(1deg)}.workflow-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #35475c;padding-bottom:18px;font-size:14px;font-weight:700}.tag{background:#263b50;color:#a7c9da;font-size:12px;padding:4px 10px;border-radius:20px}.step{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #35475c}.step:last-child{border:0;padding-bottom:0}.num{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2d4658;color:#82ead8;font-size:13px;font-weight:bold}.step strong{display:block;font-size:17px}.step small{display:block;color:#b4c4d4;font-size:14px;line-height:1.5;margin-top:5px}.strip{border-bottom:1px solid var(--line);background:var(--paper)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;font-size:14px;color:var(--muted)}section.content{padding:90px 0}.intro{max-width:650px;margin-bottom:42px}.intro p,.card p,.feature p,.package p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:10px;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.card .index{font-size:13px;font-weight:800;color:var(--teal)}.card p{font-size:16px}.card a{margin-top:auto;font-size:14px;color:var(--teal);font-weight:700;text-underline-offset:5px}.soft{background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.camera-panel{background:#152b3c;color:white;padding:44px;border-radius:12px;min-height:350px;display:flex;flex-direction:column;justify-content:center}.camera-panel .eyebrow{color:#78e4d0}.camera-panel p{color:#bdced9}.camera-panel h3{font-size:34px}.feature ul,.package ul{padding-left:20px;color:var(--muted)}li{margin:10px 0}.package{border:1px solid var(--line);padding:32px;border-radius:10px}.package.featured{border:2px solid var(--teal);background:#f2fbf8}.package .eyebrow{margin-bottom:12px}.package h3{margin-top:0;font-size:26px}.package small{display:block;font-size:14px;color:var(--muted);margin-bottom:20px}.language{background:#e7f3ef;border-radius:10px;padding:28px;margin-top:26px}.language p{margin:0;font-size:15px}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:19px;font-weight:700}details p{margin-top:16px;color:var(--muted)}.contact{background:var(--ink);color:white;padding:80px 0}.contact .eyebrow{color:#76e5d2}.contact p{color:#bdcad8}.contact form{background:white;color:var(--ink);border-radius:10px;padding:30px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:700}input,select,textarea{display:block;width:100%;border:1px solid #bac8d3;padding:11px;border-radius:5px;background:white;color:var(--ink);margin-top:6px;font-size:16px}.full{grid-column:1/-1}textarea{min-height:110px;resize:vertical}.consent{font-size:12px!important;color:var(--muted)!important;margin:15px 0!important}.notice{padding:16px;background:#e1f6ef;border:1px solid #9cd8c7;border-radius:6px;color:#17463b;margin-bottom:18px}.error{background:#fff0e9;color:#80351c}.trap{position:absolute;left:-10000px}.footer{padding:32px 0}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.footer a{margin-left:16px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:5}.legal{max-width:850px;padding:70px 28px;margin:auto}.legal h1{font-size:44px}.legal h2{font-size:25px;margin-top:35px}@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr;gap:36px}.grid{grid-template-columns:1fr}.hero{padding:54px 0}.workflow{transform:none}.navlinks a:not(.button){display:none}.navlinks{gap:0}.nav .button{padding:10px 14px}.brand{font-size:21px}.wrap{padding:0 20px}section.content{padding:58px 0}.strip .wrap{justify-content:flex-start;gap:10px 24px}h1{letter-spacing:-2px}.camera-panel{padding:30px}.fields{grid-template-columns:1fr}.full{grid-column:auto}.contact form{padding:22px}.footer a{margin-left:0;margin-right:16px}}