/* The Violand Agency | shared styles */
:root{
  --white:#FFFFFF; --sky:#F2F8FC; --sky2:#E3F0F9; --sand:#F7EDE1; --sand2:#EFDFCB;
  --blue:#00558C; --blue-d:#003F69; --blue-l:#2E86C1; --green:#319B42; --green-d:#257A33; --coral:#EF7457; --coral-d:#D95E42;
  --ink:#0B2538; --ink2:#173B55; --mute:#566B7C; --line:#DCE7F0; --line2:#EADBC6;
  --sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --ser:"Newsreader",Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1); --nav:72px; --r:20px;
  --sh:0 1px 2px rgba(11,37,56,.04),0 12px 32px -12px rgba(11,37,56,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav) + 12px)}
html:not(.lenis){scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--white);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:16px}
img,svg{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
section{position:relative}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--blue-l);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.035em;line-height:1.02;color:var(--ink)}
.pd{margin-left:-.1em}
.it{font-family:var(--ser);font-style:italic;font-weight:500;letter-spacing:-.02em}
h2{font-size:clamp(2.1rem,6.4vw,4rem);margin-bottom:18px}
h2 .it{color:var(--blue)}
.kick{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green-d);margin-bottom:16px}
.kick::before{content:"";width:18px;height:18px;border-radius:50%;background:url(/globe-logo.png) center/cover;box-shadow:0 0 0 3px rgba(49,155,66,.12)}
.lede{font-size:1.1rem;color:var(--mute);max-width:40rem}
.sec{padding:88px 0}
@media (min-width:1000px){.sec{padding:128px 0}}
.bg-sky{background:var(--sky)}
.bg-sand{background:var(--sand)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:.98rem;padding:15px 24px;border-radius:14px;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s,background .3s,color .3s;white-space:nowrap;line-height:1.1}
.btn:hover{transform:translateY(-2px)}
.btn-b{background:var(--blue);color:#fff;box-shadow:0 12px 28px -10px rgba(0,85,140,.55)}
.btn-b:hover{background:var(--blue-d)}
.btn-c{background:var(--coral);color:#fff;box-shadow:0 12px 28px -10px rgba(239,116,87,.6)}
.btn-c:hover{background:var(--coral-d)}
.btn-o{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line),var(--sh)}
.btn-o:hover{box-shadow:inset 0 0 0 1.5px var(--blue),var(--sh)}
.btn .arr{display:inline-block;transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
.btn svg{width:18px;height:18px;flex:none}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.hl{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.hl>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.hl:nth-child(2)>span{transition-delay:.08s}.hl:nth-child(3)>span{transition-delay:.16s}
.mh.in .hl>span{transform:none}

/* nav */
#bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:80;background:linear-gradient(90deg,var(--blue),var(--green),var(--coral))}
nav.top{position:fixed;top:0;left:0;right:0;height:var(--nav);z-index:70;display:flex;align-items:center;transition:background .35s,box-shadow .35s}
nav.top.on{background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.brand .gm{width:34px;height:34px;flex:none}
.wm{display:flex;flex-direction:column;line-height:1;min-width:0}
.wm b{font-weight:800;font-size:1.06rem;letter-spacing:-.02em;white-space:nowrap}
.wm b .it{font-size:1.12em;color:var(--blue)}
.wm small{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:4px;white-space:nowrap}
.nl{display:none;gap:26px;font-weight:600;font-size:.9rem}
.nl a{text-decoration:none;color:var(--ink2);opacity:.8;transition:opacity .2s,color .2s}
.nl a:hover{opacity:1;color:var(--blue)}
nav.top .btn{padding:11px 16px;font-size:.88rem;border-radius:12px}
nav.top .btn .lg{display:none}
@media (min-width:640px){nav.top .btn .lg{display:inline}nav.top .btn .sm{display:none}}
@media (min-width:1080px){.nl{display:flex}}
@media (max-width:520px){.wm small{white-space:normal;max-width:15em;line-height:1.3;font-size:.54rem;letter-spacing:.1em}}
@media (max-width:380px){.brand .gm{width:30px;height:30px}.brand{gap:9px}}

/* footer */
footer{background:var(--ink);color:#B9CAD7;padding:64px 0 36px;font-size:.92rem}
.ft{display:grid;gap:34px;grid-template-columns:minmax(0,1fr)}
footer .lnl{height:30px;width:auto;margin-bottom:18px}
footer h4{color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:12px}
footer .fwm{color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
footer .fwm .it{color:#8CC8F0}
footer a{text-decoration:none;color:#fff}
footer a:hover{text-decoration:underline}
footer ul{list-style:none;display:grid;gap:8px}
.legal{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:22px;font-size:.78rem;color:#8EA3B4;display:grid;gap:8px}
.legal a{color:#B9CAD7;text-decoration:underline}
@media (min-width:760px){.wrap{padding:0 32px}.ft{grid-template-columns:1.6fr 1fr 1fr 1fr}}

/* forms */
.form{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.fld{display:grid;gap:6px;min-width:0}
.fld label{font-size:.84rem;font-weight:700;color:var(--ink2)}
.fld label i{font-style:normal;font-weight:500;color:var(--mute)}
.fld input,.fld select,.fld textarea{width:100%;font-size:16px;padding:14px 14px;border-radius:12px;border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23566B7C' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,85,140,.12)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{font-size:.8rem;color:var(--mute);line-height:1.5}
.consent a{color:var(--blue)}
.fmsg{display:none;border-radius:14px;padding:16px 18px;font-size:.95rem}
.fmsg.ok{display:block;background:#EAF6EC;color:#1D5E28;border:1px solid #BFE2C5}
.fmsg.err{display:block;background:#FDEEEA;color:#8A3220;border:1px solid #F5C9BC}
.form button[disabled]{opacity:.6;pointer-events:none}
@media (min-width:640px){.form{grid-template-columns:repeat(2,minmax(0,1fr))}.fld.full,.form .full{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}.hl>span{transform:none}
}

/* proof renders only */
.proof *,.proof *::before,.proof *::after{transition:none!important}
.flat #hero,.flat #enroll{display:none!important}.flat .rv{opacity:1!important;transform:none!important}.flat .hl>span{transform:none!important}
.flat nav.top{position:relative}