/* Safenet visual refresh: confident editorial layout, warmer brand accents, and consistent controls. */
:root{--orange:#f45b12;--black:#090b0e;--ink:#151c23;--slate:#5c6874;--light:#f4f6f7;--white:#fff;--line:#e4e8eb;--accent-dark:#a83b08;--shadow:0 18px 45px #17212b12}
body{font-family:Arial,sans-serif;color:var(--ink);background:#fff;letter-spacing:.005em}h1,h2,h3{letter-spacing:-.035em}a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.container{width:min(1200px,92%)}
.top{background:#111820;color:#d9e0e5;padding:9px 0;font-size:.78rem;letter-spacing:.025em}.top .container{align-items:center}.top a{color:#fff}.nav{width:100%;max-width:none;margin-inline:0;padding-inline:max(calc((100% - 1200px)/2),4%);height:88px;position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e8ecef;box-shadow:0 4px 18px #12182008}.brand{display:block;background-color:#fff!important}.links{gap:clamp(10px,1.45vw,20px);font-size:.84rem;letter-spacing:.005em}.links>a:not(.btn){white-space:nowrap}.links a:hover,.links a.active{color:var(--orange)}.links .btn{padding:11px 16px;border-radius:3px}.site-controls{gap:7px;margin:0 0 0 2px}.language-switch{width:auto;max-width:105px;min-width:72px;padding:9px 8px;margin:0;border-radius:3px;font-size:.82rem}.theme-toggle{width:38px;height:38px;border:1px solid #dce1e5;border-radius:50%;background:#fff;font-size:17px;display:grid;place-items:center;cursor:pointer}
.btn{background:var(--orange);border-color:var(--orange);border-radius:3px;padding:14px 22px;box-shadow:0 8px 18px #f45b1226}.btn:hover{background:#d94d0c;border-color:#d94d0c;color:#fff;transform:translateY(-2px)}.btn.outline{border-color:#ffffff80;background:#ffffff08;box-shadow:none}.btn.outline:hover{border-color:#fff;background:#fff;color:#101820}
.hero{min-height:660px;padding:72px 0;background-image:linear-gradient(100deg,#071018f5 0%,#0a141be8 45%,#09121b85 100%),url('../images/computer-lab-hero.jpeg');background-position:center;background-size:cover}.hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;gap:clamp(40px,8vw,110px)}.hero-copy{max-width:730px}.hero .eyebrow{color:#ff9b63;letter-spacing:.15em}.hero h1{font-size:clamp(3rem,6vw,5.35rem);font-weight:750;line-height:.99;max-width:760px;margin:20px 0 22px}.hero p{max-width:650px;font-size:1.08rem;line-height:1.75;color:#e1e7eb}.hero .actions{align-items:center;margin-top:30px;gap:14px}.hero-assurance{display:flex;gap:24px;flex-wrap:wrap;margin-top:38px;color:#d5dce1;font-size:.83rem}.hero-assurance span:before{content:'✓';color:#ff8b4a;font-weight:800;margin-right:9px}.hero-panel{padding:28px;border:1px solid #ffffff30;border-radius:5px;background:linear-gradient(145deg,#17222bd9,#101820cf);box-shadow:0 25px 65px #0005;backdrop-filter:blur(10px);color:#fff}.hero-panel-kicker{color:#ff9b63;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.hero-panel h2{font-size:1.65rem;line-height:1.14;margin:12px 0}.hero-panel>p{font-size:.92rem;color:#cad3d9;line-height:1.55;margin:0 0 22px}.delivery-steps{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff24}.delivery-steps div{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #ffffff24;font-size:.84rem}.delivery-steps b{color:#ff8a43;font-size:.73rem;letter-spacing:.05em}.panel-link{display:flex;justify-content:space-between;align-items:center;padding-top:19px;color:#fff;font-weight:700;font-size:.88rem}.panel-link span{color:#ff8a43;font-size:1.2rem}
.stats{background:#101820;color:#fff}.stats .container{padding:25px 0}.stat{color:#c9d1d7;font-size:.83rem;letter-spacing:.035em}.stat b{font-size:2rem;line-height:1.15;color:#fff;letter-spacing:-.045em}.stat:not(:last-child){border-right:1px solid #ffffff20}
.section{padding:clamp(68px,8vw,104px) 0}.section.alt{background:#f4f6f7}.title{max-width:750px;margin-bottom:42px}.title h2{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.06;margin:12px 0 15px;font-weight:730}.title p{font-size:1.04rem;line-height:1.75;color:#606b75}.eyebrow{color:var(--orange);letter-spacing:.14em}.grid{gap:20px}.card{border:1px solid #e3e7ea;border-radius:4px;padding:30px;background:#fff;box-shadow:0 5px 22px #11182008}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#f45b1280}.card h3{font-size:1.22rem;letter-spacing:-.02em}.card p{line-height:1.7;color:#626d77}.icon{border-radius:3px;background:#fff0e8}.arrow{display:inline-flex;gap:8px;align-items:center}.split{gap:clamp(32px,6vw,72px)}.photo{border-radius:4px;box-shadow:0 18px 50px #11182020}.check li{padding:9px 0;border-bottom:1px solid #e7eaed}.check li:before{color:var(--orange)}.feature{border-left:4px solid var(--orange);border-radius:0 4px 4px 0;background:#fff6ef}.cta{background:linear-gradient(110deg,#111820,#273642);padding:72px 0}.cta h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;max-width:720px}.pagehero{padding:clamp(76px,9vw,122px) 0;background-image:linear-gradient(100deg,#081018ed,#0810189c),url('../images/network-rack.jpeg')}.pagehero h1{font-size:clamp(2.6rem,5vw,4.1rem);letter-spacing:-.045em;max-width:850px}.breadcrumbs{color:#e1e6e9}.project{border-radius:4px;min-height:285px}.project div{padding:25px}.filters{gap:9px}.filter{border-radius:3px;padding:10px 15px}input,textarea,select{border-radius:3px}input:focus,textarea:focus,select:focus{outline:2px solid #f45b1244;border-color:var(--orange)}
footer{background:#0b1117;padding:64px 0 24px}footer .brand{margin-bottom:20px}footer h3{font-size:.95rem;letter-spacing:0;color:#fff}footer .grid>div:not(:first-child){line-height:2.15}footer a:hover{color:#ff8c4b}.copyright{border-color:#ffffff20}.whatsapp{right:24px;bottom:24px;box-shadow:0 8px 24px #0004}
body.dark-theme{--ink:#edf2f5;--slate:#bac4cc;--light:#151d24;--line:#35404a;background:#10171d;color:#edf2f5}body.dark-theme .nav{background:#111a21;border-color:#28343e}body.dark-theme .links a:not(.btn){color:#e8edf0}body.dark-theme .links a:hover,body.dark-theme .links a.active{color:#ff8b48}body.dark-theme .language-switch,body.dark-theme .theme-toggle{background:#1c2831;color:#edf2f5;border-color:#3b4852}body.dark-theme .section{background:#10171d}body.dark-theme .section.alt{background:#151d24}body.dark-theme .title p,body.dark-theme .card p,body.dark-theme .check li{color:#bac4cc}body.dark-theme .card,body.dark-theme .feature{background:#182129;border-color:#303d47;color:#edf2f5}body.dark-theme .filter{background:#182129;border-color:#35414c;color:#e8edf0}body.dark-theme .filter.active,body.dark-theme .filter:hover{background:var(--orange)}body.dark-theme input,body.dark-theme textarea,body.dark-theme select{background:#182129;color:#edf2f5;border-color:#35414c}body.dark-theme .daily-dialog{background:#182129;color:#edf2f5}body.dark-theme .photo-dialog{background:#182129}body.dark-theme .photo-dialog .daily-dialog-head p,body.dark-theme .photo-dialog .daily-footnote{color:#bac4cc}
@media(max-width:1100px){.nav{gap:12px}.brand{width:230px;height:59px}.links{gap:10px;font-size:.8rem}.links .btn{padding:10px 12px}.hero-layout{gap:38px}}
@media(max-width:800px){.top{font-size:.73rem}.nav{height:76px;position:sticky;top:0}.menu{display:block;color:var(--ink);cursor:pointer}.links{display:none;position:absolute;z-index:35;top:calc(100% - 1px);left:0;right:0;background:#fff;padding:20px 4%;flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 15px 28px #11182020;border-top:1px solid #e7ebee}.links.open{display:flex}.links>a:not(.btn){padding:9px 2px}.links .btn{text-align:center;margin-top:6px}.site-controls{width:100%;padding:10px 0;border-top:1px solid #e7ebee;margin-top:6px}.hero{min-height:unset;padding:74px 0}.hero-layout{grid-template-columns:1fr;gap:36px}.hero-copy{max-width:700px}.hero-panel{max-width:620px}.stats .container{grid-template-columns:repeat(2,1fr);gap:16px}.stat{padding:12px}.stat:nth-child(2){border-right:0}.split,.contactgrid{grid-template-columns:1fr}.cta .container{display:flex}.pagehero{padding:76px 0}.project{min-height:280px}}
@media(max-width:560px){.container{width:min(100% - 34px,1200px)}.nav{width:100%;padding:0 17px}.brand{width:200px;height:52px}.hero{padding:61px 0}.hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero p{font-size:1rem}.hero-assurance{display:grid;gap:10px;margin-top:27px}.hero-panel{padding:22px}.delivery-steps div{font-size:.79rem;gap:8px}.stats .container{padding:20px 0}.stat b{font-size:1.75rem}.section{padding:65px 0}.grid{grid-template-columns:1fr}.title{margin-bottom:30px}.cta .container{display:block}.cta .btn{margin-top:18px}footer .grid{grid-template-columns:1fr 1fr}footer .grid>div:first-child{grid-column:1/-1}.whatsapp{right:15px;bottom:15px}}