/*
Theme Name: VariTec Consulting
Theme URI: https://varitecconsulting.com
Author: VariTec Consulting
Description: WordPress theme matching the VariTec Consulting light website mockup (October 2026).
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: varitec
*/

:root{color-scheme:light;--navy:#141b41;--navy2:#1d2758;--cyan:#4eb1dd;--blue:#2188b8;--ink:#26314a;--muted:#617082;--line:#dce6ec;--wash:#f2f8fb;--soft:#eef8fd;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.65 Inter,Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:Montserrat,Arial,sans-serif;color:var(--navy);line-height:1.22;margin:0 0 16px}
h1{font-size:clamp(32px,3.6vw,50px);letter-spacing:-1.5px}h1 .accent{color:var(--cyan)}
h2{font-size:clamp(25px,2.7vw,36px);letter-spacing:-.8px}h3{font-size:18px}h4{font-size:15px;margin-bottom:6px}
p{margin:0 0 12px}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.review{background:var(--navy);color:#fff;text-align:center;font-size:12px;padding:7px 16px}.review span{opacity:.7}
/* header */
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.brand{display:flex;flex-direction:column;font:800 25px/1.05 Montserrat,Arial;color:var(--navy);flex-shrink:0;text-transform:uppercase;letter-spacing:1px}.brand span{font-size:9px;letter-spacing:3px;margin-top:4px}
.links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600;color:var(--navy)}
.links>a:hover,.links>a.active,.dd>button.active{color:var(--blue)}
.dd{position:relative}.dd>button{background:none;border:0;font-size:13px;font-weight:600;padding:12px 0;color:var(--navy)}
.ddc{display:none;position:absolute;top:100%;left:-20px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px #141b411c;padding:16px;border-radius:8px}
.dd:hover .ddc,.dd:focus-within .ddc{display:grid}
.ddc.mega{grid-template-columns:repeat(3,210px);gap:6px 18px;left:-160px}.ddc.single{width:260px}
.ddc h5{margin:4px 8px 4px;font:700 10px/1.4 Montserrat;letter-spacing:1.2px;text-transform:uppercase;color:var(--blue)}
.ddc a{display:block;padding:7px 8px;font-size:12.5px;border-radius:4px;font-weight:500}.ddc a:hover{background:var(--wash)}
.ddc a small{display:block;color:var(--muted);font-size:11px;font-weight:400}
.mobile{display:none;background:none;border:1px solid var(--line);padding:7px 12px;border-radius:4px;color:var(--navy)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:4px;background:var(--navy);color:#fff!important;font-size:13px;font-weight:600;border:1px solid var(--navy);line-height:1.3}
.btn:hover{background:var(--navy2)}.btn.sec{background:#fff;color:var(--navy)!important;border-color:#becbd6}.btn.sec:hover{border-color:var(--navy)}
.btn.cyan{background:var(--cyan);border-color:var(--cyan);color:var(--navy)!important}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.more{display:inline-block;margin-top:auto;padding-top:14px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
/* hero */
.hero{padding:64px 0 60px;background:linear-gradient(125deg,#fff 30%,#eaf7fd);border-bottom:1px solid var(--line)}
.hero.home{background:linear-gradient(125deg,#f8fcff 25%,#e6f5fc)}
.hgrid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:48px}
.hero.solo .hgrid{grid-template-columns:1fr}
.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:11px;color:var(--blue);margin-bottom:16px}
.eyebrow:before{content:"";width:32px;height:1px;background:var(--cyan)}
.crumb{font-size:12px;color:var(--muted);margin-bottom:14px}.crumb a{color:var(--blue)}
.lead{font-size:16.5px;line-height:1.75;color:var(--muted);max-width:640px}.lead span{display:block;margin-bottom:4px}
.points{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px;font-size:12px;color:var(--muted)}
.points span:before{content:"●";color:var(--cyan);font-size:8px;margin-right:8px;vertical-align:2px}
.tagline{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--navy);background:#dff2fb;border-radius:20px;padding:5px 12px;margin-bottom:14px}
/* sections */
.section{padding:76px 0}.section.soft{background:var(--wash);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.shead{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:34px}.shead p{color:var(--muted);margin:0}.shead h2{margin:0}
.shead.solo{grid-template-columns:1fr;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.five{grid-template-columns:repeat(5,1fr)}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s}
a.card:hover{border-color:var(--cyan);box-shadow:0 12px 30px #248abe1c;transform:translateY(-2px)}
.card p{color:var(--muted);font-size:14.5px}.card ul{margin:4px 0 0;padding-left:18px;color:var(--muted);font-size:14px}.card li{margin-bottom:4px}
.tag{align-self:flex-start;display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:4px 10px;margin-bottom:14px}
.tag.new{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--navy)}
.platforms{display:flex;flex-wrap:wrap;gap:8px;margin:-14px 0 28px}
.note{font-size:12.5px;color:var(--muted);margin-top:18px}
/* home: help */
.help .card{position:relative;padding-top:22px}.help .card h3{font-size:17px}
.help .arrow{position:absolute;top:20px;right:20px;color:var(--blue);font-weight:700}
/* home: services feature (option B) */
.feature{display:grid;grid-template-columns:1.45fr 1fr;background:var(--navy);color:#dfe6f1;border-radius:14px;overflow:hidden}
.feature .left{padding:38px}.feature .right{padding:38px;background:var(--navy2);border-left:1px solid #ffffff1a}
.feature h3{color:#fff;font-size:24px;margin-bottom:10px}.feature p{color:#c3cde0;font-size:14.5px}
.feature .kicker{font:700 10.5px Montserrat;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:12px}
.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.stage{border:1px solid #ffffff22;border-radius:8px;padding:16px}.stage b{display:block;color:#fff;font:700 15px Montserrat;margin-bottom:8px}.stage b i{font-style:normal;color:var(--cyan);margin-right:6px}
.stage ul{margin:0;padding-left:16px;font-size:13px;color:#c3cde0}.stage li{margin-bottom:3px}
.apps a{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff1f}
.apps a:last-child{border-bottom:0}.apps strong{color:#fff;font:700 17px Montserrat;display:block}.apps small{color:#aebad0;font-size:12.5px;display:block;margin-top:3px}
.apps .go{color:var(--cyan);font-weight:700}.apps a:hover strong{color:var(--cyan)}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:16px}
.tiles .card{padding:18px}.tiles .card h4{font-size:14.5px}.tiles .card p{font-size:13px;margin:0}
/* VSMAART + AI */
.path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px}
.path span{background:#fff;border:1px solid #bfe2f2;border-radius:6px;padding:9px 14px;font:600 13px Montserrat;color:var(--navy)}
.path i{font-style:normal;color:var(--cyan);font-weight:700}
.path .lbl{background:none;border:0;padding:0 6px 0 0;font:700 10.5px Montserrat;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue)}
.mod{border-top:3px solid var(--cyan)}.mod .role{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
/* bands */
.band{background:var(--navy);color:#fff;padding:30px 0}.band .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between}
.band strong{font:700 11px/1.6 Montserrat;letter-spacing:1.5px}.band span{font-size:13px;color:#d2dbea;display:flex;align-items:center;gap:8px}.band span:before{content:"◇";color:var(--cyan)}
.banner{background:linear-gradient(120deg,#eef8fd,#dcf0fa);padding:60px 0;border-top:1px solid var(--line)}
.banner .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.banner h2{margin:0;max-width:680px;font-weight:600}
.start{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;background:#fff;border:1px solid #bfe2f2;border-radius:14px;padding:34px}
.start ol{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px}.start li{margin-bottom:6px}
/* asides */
.panel{background:#ffffffee;border:1px solid #c5e4f2;border-radius:14px;padding:20px;box-shadow:0 18px 50px #247ca314}
.panel .ph{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel .ph strong{font:700 14px Montserrat;color:var(--navy)}
.pill{font-size:9.5px;font-weight:700;letter-spacing:1px;background:#dff2fb;color:var(--navy);border-radius:20px;padding:4px 10px;white-space:nowrap}
.qgroup+.qgroup{margin-top:14px}.qgroup h5{margin:0 0 7px;font:700 11px Montserrat;color:var(--navy)}
.qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.q{position:relative;display:flex;flex-direction:column;min-height:74px;padding:9px;border:1px solid #d4e8f2;border-radius:6px;background:linear-gradient(140deg,#fff,#f0f9fd);transition:transform .2s,box-shadow .2s,border-color .2s}
.q:hover{transform:translateY(-3px);box-shadow:0 10px 22px #248abe20;border-color:var(--cyan)}
.q strong{font:600 11px/1.35 Montserrat;color:var(--navy);margin-bottom:3px;padding-right:10px}.q small{font-size:9.5px;line-height:1.4;color:var(--muted)}
.q:after{content:"↗";position:absolute;right:7px;top:6px;color:var(--blue);font-size:10px}
.q.soon{opacity:.75}.q.soon:after{content:""}
.layer{display:grid;grid-template-columns:66px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.layer .lv{font:800 20px Montserrat;color:var(--navy)}.layer .lv small{display:block;font:600 9.5px Inter;letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.layer p{font-size:13px;color:var(--muted);margin:0 0 6px}.brands{display:flex;flex-wrap:wrap;gap:5px}.brands span{font-size:10.5px;font-weight:600;background:var(--wash);border:1px solid var(--line);border-radius:4px;padding:2px 7px;color:var(--navy)}
.flow{display:grid;gap:8px}.fstep{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff}
.fstep b{font:800 15px Montserrat;color:var(--navy)}.fstep span{font-size:13px;color:var(--ink)}.fstep em{font-style:normal;font-size:10px;font-weight:700;color:#1d8a5b;background:#e3f6ec;border-radius:20px;padding:3px 8px}
.fstep em.warn{color:#9a5b00;background:#fdf1dc}
.life{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.life div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.life b{display:block;color:var(--cyan);font:800 12px Montserrat}.life h4{margin:4px 0}.life p{font-size:12px;color:var(--muted);margin:0}
.ptags{display:flex;flex-wrap:wrap;gap:5px}.ptags span{font-size:11px;background:var(--wash);border:1px solid var(--line);border-radius:4px;padding:3px 8px;color:var(--navy)}
.tier{width:100%;border-collapse:collapse;font-size:13px}.tier td{padding:10px 8px;border-top:1px solid var(--line);vertical-align:top;color:var(--muted)}.tier td:first-child{font:800 13.5px Montserrat;color:var(--navy);width:70px;white-space:nowrap}.tier b{color:var(--navy);display:block}
.steps{counter-reset:s;display:grid;gap:8px}.steps div{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff}
.steps div:before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font:700 12px Montserrat}
.steps b{display:block;color:var(--navy);font-size:13.5px}.steps small{color:var(--muted);font-size:12px}
.impact{display:grid;grid-template-columns:1fr 1fr;gap:8px}.impact div{border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:6px;padding:10px 12px;background:#fff}.impact b{display:block;font-size:13px;color:var(--navy)}.impact small{font-size:11.5px;color:var(--muted)}
.ndc{display:flex;align-items:center;gap:10px;margin-bottom:14px;font:700 14px Montserrat;color:var(--navy)}.ndc code{font:600 13px ui-monospace,monospace;background:var(--wash);border:1px solid var(--line);border-radius:4px;padding:5px 9px}.ndc i{color:var(--cyan);font-style:normal}
.hub{display:grid;gap:8px}.hub .row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.hub .row span{flex:1;min-width:90px;text-align:center;font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:6px;padding:9px 6px;background:#fff;color:var(--navy)}
.hub .core{background:var(--navy);color:#fff;border-radius:8px;padding:14px;text-align:center}.hub .core b{font:800 18px Montserrat;display:block}.hub .core small{color:#b9c6dc;font-size:11.5px}
.hub .down{text-align:center;color:var(--cyan);font-weight:700;line-height:1}.hub .out{background:#dff2fb;color:var(--navy)!important;border-color:#bfe2f2!important}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}.stats b{display:block;font:800 22px Montserrat;color:var(--navy)}.stats small{color:var(--muted);font-size:12.5px}
.people{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:18px}.person{display:flex;gap:14px;align-items:center}.avatar{width:58px;height:58px;border-radius:50%;background:#dff2fb;display:grid;place-items:center;font:700 18px Montserrat;color:var(--navy);flex-shrink:0}.person small{display:block;color:var(--muted);font-size:13px}
/* article + contact */
.article{max-width:760px}.article .meta{font-size:13px;color:var(--muted);margin-bottom:20px}
.placeholder{border:1px dashed #b9cfdb;border-radius:10px;padding:26px;background:var(--wash);color:var(--muted);font-size:14px}
.cbox{display:grid;grid-template-columns:1fr 1.1fr;gap:40px}
.form{display:grid;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px}
.form label{font-size:12.5px;font-weight:600;color:var(--navy)}.form input,.form select,.form textarea{font:inherit;font-size:14px;padding:11px;border:1px solid #c9d6df;border-radius:6px;width:100%}.form textarea{min-height:110px}.form small{color:var(--muted);font-size:11.5px}
.addr p{font-size:14.5px;color:var(--muted)}.addr b{color:var(--navy)}.addr a{color:var(--blue)}
/* footer */
footer{background:var(--navy);color:#c3cde0;padding:56px 0 24px;font-size:13.5px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:30px}footer h6{color:#fff;font:700 11px Montserrat;letter-spacing:1.5px;margin:0 0 14px}
footer a{display:block;margin-bottom:8px}footer a:hover{color:#fff}.fbrand{color:#fff;font:800 19px Montserrat;display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff1f;margin-top:34px;padding-top:18px;font-size:12px;color:#93a1bb}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:6px;font-size:13px;z-index:50;max-width:92%}.hidden{display:none}
.org{background:#fff;border:1px solid #c5e4f2;border-radius:14px;padding:22px;box-shadow:0 18px 50px #247ca314}
.org .cap{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.org .cap b{font:700 14px Montserrat;color:var(--navy)}
.ob{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff}.ob b{display:block;font:700 14px Montserrat;color:var(--navy)}.ob small{color:var(--muted);font-size:12px}
.ob.you{background:var(--wash)}.ob.vp{background:linear-gradient(135deg,var(--navy),#283463);border:0}.ob.vp b{color:#fff}.ob.vp small{color:#b9c6dc}
.ob .sub{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ob .sub span{background:#ffffff14;border:1px solid #ffffff26;border-radius:7px;padding:8px 10px;font-size:12.5px;font-weight:600;color:#fff}.ob .sub span i{display:block;font-style:normal;font-weight:400;font-size:11px;color:#b9c6dc}
.olink{text-align:center;color:var(--cyan);font-weight:700;font-size:13px;line-height:1;padding:7px 0}.opart{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.icon{width:44px;height:44px;border-radius:10px;background:#dff2fb;display:grid;place-items:center;margin-bottom:16px}.icon svg{width:22px;height:22px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card ul.chk{list-style:none;padding:0;margin:6px 0 0}.chk li{font-size:14px;color:var(--ink);padding:7px 0 7px 22px;border-top:1px solid var(--line);position:relative;margin:0}.chk li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:700}
.sit{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.sit .qn{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#dff2fb;color:var(--blue);display:grid;place-items:center;font:800 15px Montserrat}.sit p{margin:0;color:var(--muted);font-size:14.5px}.sit h4{font-size:16px;margin-bottom:4px}
.vsteps{display:grid;grid-template-columns:repeat(4,1fr)}.vstep{padding-right:18px;position:relative}.vstep:before{content:"";position:absolute;top:21px;left:46px;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),#c5e4f2)}.vstep:last-child:before{display:none}
.vstep .dot{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 15px Montserrat;margin-bottom:16px;position:relative}.vstep p{color:var(--muted);font-size:14px}
.card.model{border-top:4px solid var(--cyan)}
@media(max-width:960px){.vsteps{grid-template-columns:1fr 1fr;gap:28px}.vstep:before{display:none}}
@media(max-width:640px){.vsteps,.opart,.ob .sub{grid-template-columns:1fr}}
.ladder .rung{display:grid;grid-template-columns:96px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-bottom:8px}
.ladder .lvl{color:#fff;padding:12px 10px;display:flex;flex-direction:column;justify-content:center}.ladder .lvl b{font:800 20px Montserrat;line-height:1.1}.ladder .lvl small{font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;opacity:.85;margin-top:3px;line-height:1.3}
.ladder .rc{padding:10px 14px;display:flex;flex-direction:column;justify-content:center}.ladder .rc p{font-size:13px;color:var(--ink);margin:0 0 7px}
.brands.reg span{background:#dff2fb;border-color:#bfe2f2;color:var(--navy)}
.vstrip{margin-top:4px;border:1px dashed #9fd3ec;border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--muted);background:#f6fbfe}.vstrip b{color:var(--navy);font-family:Montserrat}
.egroups{display:grid;gap:7px}.eg{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff}
.egl{font:700 11px/1.35 Montserrat;color:var(--navy);padding-top:3px}.egc{display:flex;flex-wrap:wrap;gap:5px}.egc span{font-size:11px;color:var(--muted);background:var(--wash);border:1px solid var(--line);border-radius:4px;padding:2px 7px}.egc b{color:var(--navy);margin-right:5px}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.edi-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}.edi-tbl th{text-align:left;font:700 10.5px Montserrat;letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:var(--navy);padding:13px 16px}
.edi-tbl td{padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);vertical-align:middle}.edi-tbl td.fl{font:700 13px Montserrat;color:var(--navy);background:var(--wash);border-right:1px solid var(--line);width:180px}
.edi-tbl td.nm{color:var(--navy);font-weight:600}.edi-tbl .code{display:inline-block;font:800 13px Montserrat;color:var(--navy);background:#dff2fb;border-radius:5px;padding:3px 9px}
.edi-tbl tbody tr:hover td:not(.fl){background:#f8fcfe}
@media(max-width:640px){.eg{grid-template-columns:1fr;gap:6px}}
.shot{background:linear-gradient(180deg,#eaf7fd,#fff);padding:10px 0 60px;border-bottom:1px solid var(--line)}
.browser{margin:0;border:1px solid #c5e4f2;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #141b411f}
.bbar{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#f4f7fa;border-bottom:1px solid var(--line)}.bbar i{width:10px;height:10px;border-radius:50%;background:#d5dde5}.bbar span{margin-left:10px;font-size:12px;color:var(--muted);font-weight:600}
.browser img{display:block;width:100%;height:auto}.shot figcaption{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}
.collage{position:relative;height:330px}
.cl{position:absolute;padding:0;border:1px solid #c5e4f2;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 18px 44px #141b4124;cursor:zoom-in;transition:transform .25s}
.cl:hover{transform:translateY(-4px)}.cl img{display:block;width:100%;height:auto}
.cl.a{top:10px;left:0;width:94%;z-index:1}.cl.b{top:140px;left:4%;width:62%;z-index:2}.cl.c{top:215px;right:0;width:58%;z-index:3}
.cl-tag{position:absolute;bottom:0;left:4%;font-size:11.5px;color:var(--muted)}
.tour{display:grid;gap:22px}.ttabs{display:flex;flex-wrap:wrap;gap:8px}
.ttabs button{background:#fff;border:1px solid var(--line);border-radius:30px;padding:9px 18px;font-size:13px;font-weight:600;color:var(--navy)}.ttabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tpanel{display:grid;grid-template-columns:1fr 2.2fr;gap:30px;align-items:center}.tcopy p{color:var(--muted)}
.lnk{background:none;border:0;padding:0;cursor:pointer}
.browser{margin:0;border:1px solid #c5e4f2;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 44px #141b411a}
.bbar{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#f4f7fa;border-bottom:1px solid var(--line)}.bbar i{width:10px;height:10px;border-radius:50%;background:#d5dde5}.bbar span{margin-left:10px;font-size:12px;color:var(--muted);font-weight:600}
.browser img{display:block;width:100%;height:auto;cursor:zoom-in}
.lb{position:fixed;inset:0;background:#0b1030e6;z-index:60;display:grid;place-items:center;padding:30px;cursor:zoom-out}.lb.hidden{display:none}.lb img{max-width:100%;max-height:90vh;border-radius:10px;box-shadow:0 30px 80px #000a}
.lbx{position:absolute;top:16px;right:22px;background:none;border:0;color:#fff;font-size:34px;line-height:1}
@media(max-width:960px){.tpanel{grid-template-columns:1fr}.collage{height:auto;display:grid;gap:12px}.cl{position:static;width:100%!important}.cl-tag{position:static}}
.docband{background:var(--navy);padding:26px 0}.docband .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.docband strong{color:var(--cyan);font:700 11px Montserrat;letter-spacing:1.8px;margin-right:12px}.docband span{color:#fff;font-size:13px;border:1px solid #ffffff2e;border-radius:20px;padding:6px 14px}
.bagrid{display:grid;grid-template-columns:1fr 54px 1fr;gap:8px;align-items:stretch}
.bacol{border-radius:10px;padding:14px;border:1px solid var(--line)}.bacol h5{margin:0 0 10px;font:700 11px Montserrat;letter-spacing:1.4px;text-transform:uppercase}
.before{background:#f7f8fa}.before h5{color:var(--muted)}.after{background:#eef8fd;border-color:#bfe2f2}.after h5{color:var(--blue)}
.bi{display:flex;gap:9px;align-items:flex-start;font-size:13px;padding:7px 0;border-top:1px solid #e3eaef;color:var(--ink)}.bi:first-of-type{border-top:0}
.bi i{font-style:normal;flex-shrink:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;margin-top:1px}
.before .bi{color:var(--muted)}.before .bi i{background:#e6e9ee;color:#8a96a6}.after .bi{color:var(--navy);font-weight:600}.after .bi i{background:var(--cyan);color:#fff}
.baarrow{display:grid;place-items:center;position:relative}.baarrow:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,#c9d3dc,var(--cyan))}
.baarrow span{position:relative;background:var(--navy);color:#fff;font:700 9.5px/1.25 Montserrat;text-align:center;border-radius:8px;padding:8px 5px;letter-spacing:.5px}
@media(max-width:640px){.bagrid{grid-template-columns:1fr}.baarrow{height:44px}.baarrow:before{top:0;bottom:0;left:50%;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#c9d3dc,var(--cyan))}}
/* responsive */
@media(max-width:1060px){.ddc.mega{left:-240px}.tiles{grid-template-columns:repeat(3,1fr)}.grid.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){
 .mobile{display:block}.links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--line);max-height:80vh;overflow:auto}
 .links.open{display:flex}.links>a,.dd>button{padding:12px 0;border-bottom:1px solid var(--line);text-align:left;width:100%}
 .ddc,.ddc.mega,.ddc.single{position:static;display:none;box-shadow:none;border:0;padding:4px 0 10px;width:auto;grid-template-columns:1fr}
 .dd.open .ddc{display:grid}.dd:hover .ddc{display:none}.dd.open:hover .ddc{display:grid}.links .btn{margin-top:14px;justify-content:center}
 .hgrid,.shead,.feature,.cbox,.start{grid-template-columns:1fr}.shead{gap:12px}
 .grid,.grid.four,.grid.five{grid-template-columns:1fr 1fr}.feature .right{border-left:0;border-top:1px solid #ffffff1a}.fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .qgrid{grid-template-columns:1fr 1fr!important}
 .wrap{width:calc(100% - 32px)}.section{padding:56px 0}.hero{padding:44px 0}
 .grid,.grid.four,.grid.two,.grid.five,.tiles,.stages,.life,.impact,.people{grid-template-columns:1fr}.qgrid{grid-template-columns:1fr 1fr}
 .feature .left,.feature .right{padding:26px}.fgrid{grid-template-columns:1fr}.start{padding:24px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}