/* The Violand Agency | home page */

/* hero globe */
#hero{height:300vh}
.hs{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(90% 70% at 72% 40%,#FFFFFF 0%,#EEF6FC 55%,#E1EFF8 100%)}
.hs::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,85,140,.09) 1px,transparent 1.4px);background-size:26px 26px;mask-image:radial-gradient(70% 60% at 70% 45%,#000,transparent 75%);-webkit-mask-image:radial-gradient(70% 60% at 70% 45%,#000,transparent 75%);pointer-events:none}
.hs .sun{position:absolute;width:62vmax;height:62vmax;right:-18vmax;top:-26vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(247,237,225,.95),rgba(247,237,225,0));pointer-events:none}
#g3d{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.gfb{display:none;position:absolute;z-index:1;width:min(70vw,460px);right:6vw;top:50%;transform:translateY(-40%);filter:drop-shadow(0 30px 40px rgba(0,85,140,.25))}
.nogl .gfb{display:block}
.hshadow{position:absolute;left:0;top:0;z-index:0;border-radius:50%;background:radial-gradient(closest-side,rgba(0,63,105,.22),rgba(0,63,105,0));pointer-events:none}
.ha{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-start;padding-top:calc(var(--nav) + 22px);pointer-events:none}
.ha .wrap{pointer-events:auto}
.badge{display:inline-flex;align-items:center;gap:9px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:#fff;border:1px solid var(--line);padding:8px 13px;border-radius:999px;margin-bottom:18px;box-shadow:var(--sh)}
.badge i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(49,155,66,.18)}
h1{font-size:clamp(2.4rem,9.6vw,4.6rem);letter-spacing:-.045em;line-height:1}
@media (min-width:900px){h1 .ln{white-space:nowrap}}
h1 .it{color:var(--blue);font-size:1.06em}
h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.04em}
h1 .ln>span{display:block;transform:translateY(105%);animation:up 1.1s var(--ease) forwards}
h1 .ln:nth-child(2)>span{animation-delay:.1s}
@keyframes up{to{transform:none}}
.ha p{font-size:1.06rem;color:var(--ink2);max-width:31rem;margin:18px 0 24px;opacity:0;animation:fd 1s .55s forwards}
.ha .ctas{display:flex;flex-wrap:wrap;gap:10px;opacity:0;animation:fd 1s .75s forwards}
@keyframes fd{to{opacity:1}}
.hb,.hc{position:absolute;left:0;right:0;z-index:3;opacity:0;pointer-events:none}
.hb .wrap,.hc .wrap{display:block}
.hb{top:calc(var(--nav) + 18px)}
.hc{bottom:7svh}
.beat-t{font-size:clamp(2rem,8vw,4.4rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.beat-t .it{color:var(--blue)}
.beat-s{display:block;margin-top:10px;font-size:1rem;color:var(--ink2);max-width:30rem}
.hc .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hc .tags span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700;color:var(--ink2);box-shadow:var(--sh)}
.gpin{position:absolute;left:0;top:0;z-index:2;white-space:nowrap;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 10px 30px -8px rgba(11,37,56,.35);opacity:0;transition:opacity .35s;pointer-events:none;display:flex;align-items:center;gap:8px}
.gpin i{width:10px;height:10px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(239,116,87,.2)}
.gpin::after{content:"";position:absolute;left:18px;bottom:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}
.cue{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;font-size:.64rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:8px}
.cue::after{content:"";width:1.5px;height:28px;background:linear-gradient(var(--blue),transparent);animation:cue 1.8s infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (min-width:900px){
  .ha{align-items:center;padding-top:var(--nav)}
  .ha p{font-size:1.15rem}
  .hb{top:auto;bottom:auto;top:50%;transform:translateY(-50%)}
  .hb .wrap>div{max-width:min(28rem,36vw);background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;padding:26px 28px;box-shadow:var(--sh)}
  .hc{bottom:auto;top:50%;transform:translateY(-50%)}
  .hc .wrap>div{max-width:min(30rem,38vw)}
  .hc .beat-t{font-size:clamp(2.4rem,4.4vw,4rem)}
}
@media (max-width:899px){
  .hb .wrap>div{background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:18px;padding:14px 16px;box-shadow:var(--sh)}
  .hc .wrap>div{background:rgba(255,255,255,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:18px;padding:14px 16px;box-shadow:var(--sh)}
}
@media (max-height:700px) and (max-width:899px){.ha p{display:none}.badge{margin-bottom:12px}}

/* strip */
.strip{background:var(--blue);color:#fff;overflow:hidden;padding:15px 0}
.strip .row{display:flex;width:max-content;animation:tk 34s linear infinite}
.strip span{display:flex;align-items:center;gap:22px;padding-right:22px;white-space:nowrap;font-weight:700;font-size:.95rem;letter-spacing:-.01em}
.strip span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}
@keyframes tk{to{transform:translateX(-50%)}}

/* advantage */
.adv{display:grid;gap:40px;grid-template-columns:minmax(0,1fr);align-items:center}
.pts{display:grid;gap:12px;margin-top:28px}
.pt{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh)}
.pt .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--sky2);color:var(--blue)}
.pt .ic svg{width:22px;height:22px}
.pt:nth-child(2) .ic{background:#E5F3E7;color:var(--green-d)}
.pt:nth-child(3) .ic{background:#FCE7E1;color:var(--coral-d)}
.pt b{display:block;font-size:1.05rem;letter-spacing:-.02em;margin-bottom:2px}
.pt span{color:var(--mute);font-size:.95rem}
.stub{background:#fff;border-radius:26px;padding:24px;box-shadow:0 40px 80px -40px rgba(0,63,105,.35),0 0 0 1px var(--line);position:relative;overflow:hidden}
.stub::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--blue),var(--green))}
.stub .hd{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.stub .hd b{font-size:1rem;letter-spacing:-.01em}
.stub .hd small{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:var(--sky);padding:5px 9px;border-radius:999px}
.bars{display:grid;gap:16px}
.br{display:grid;gap:6px}
.br .l{display:flex;justify-content:space-between;font-size:.86rem;font-weight:700;color:var(--ink2);gap:8px}
.br .l em{font-style:normal;font-weight:600;color:var(--mute);font-size:.78rem}
.br .t{height:16px;border-radius:999px;background:var(--sky);overflow:hidden}
.br .t i{display:block;height:100%;border-radius:999px;width:0;transition:width 1.4s var(--ease)}
.stub.in .br:nth-child(1) .t i{width:100%;background:var(--blue)}
.stub.in .br:nth-child(2) .t i{width:22%;background:var(--green);transition-delay:.3s}
.stub.in .br:nth-child(3) .t i{width:78%;background:var(--coral);transition-delay:.6s}
.stub .note{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);font-size:.82rem;color:var(--mute)}
.stub .free{display:flex;gap:12px;align-items:center;margin-top:16px;background:var(--sand);border-radius:16px;padding:14px 16px}
.stub .free b{font-size:1.5rem;letter-spacing:-.03em;color:var(--ink)}
.stub .free span{font-size:.86rem;color:var(--ink2);line-height:1.35}
@media (min-width:960px){.adv{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px}.stub{padding:34px}}

/* enrollment day */
#enroll{height:460vh;background:var(--sky)}
.es{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-top:var(--nav)}
.es .wrap{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.etop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.etop h2{font-size:clamp(1.9rem,6vw,3.6rem);margin-bottom:6px}
.ecap{color:var(--ink2);font-size:.98rem;max-width:34rem;min-height:3.2em}
.ecap b{color:var(--blue)}
.clock{flex:none;text-align:right;background:#fff;border-radius:18px;padding:10px 14px;box-shadow:var(--sh);border:1px solid var(--line)}
.clock b{display:block;font-size:clamp(1.4rem,4.6vw,2.4rem);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.clock small{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.eprog{height:6px;border-radius:999px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.eprog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green))}
.wps{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.wp{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0;transition:border-color .4s,box-shadow .4s,transform .5s var(--ease);position:relative}
.wp .ill{width:100%;max-width:120px;aspect-ratio:4/3;border-radius:12px;background:var(--sky);display:grid;place-items:end center;overflow:hidden;transition:background .4s}
.wp .ill svg{width:86%;height:auto}
.wp b{font-size:.78rem;letter-spacing:-.01em;line-height:1.2}
.wp .mode{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--sky);color:var(--mute);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.wp .mode svg{width:11px;height:11px}
.wp .ppl{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;max-width:96px}
.wp .ppl i{aspect-ratio:1;border-radius:50%;background:#E6EDF3;transition:background .35s,transform .35s var(--ease)}
.wp .ppl i.on{background:var(--green);transform:scale(1.08)}
.wp.act{border-color:var(--blue);box-shadow:0 18px 40px -18px rgba(0,85,140,.45);transform:translateY(-4px)}
.wp.act .mode{background:var(--blue);color:#fff}
.wp.done{border-color:#BFE2C5}
.wp.done .ill{background:#E8F5EA}
.wp.done .mode{background:#E5F3E7;color:var(--green-d)}
.wp .ok{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;transform:scale(0);transition:transform .4s var(--ease)}
.wp .ok svg{width:12px;height:12px}
.wp.done .ok{transform:scale(1)}
.efoot{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.78rem;color:var(--mute)}
.efoot span{display:inline-flex;align-items:center;gap:6px}
.efoot i{width:10px;height:10px;border-radius:50%;display:inline-block}
@media (min-width:760px){
  .wps{gap:14px}
  .wp{padding:18px 14px;gap:10px}
  .wp .ill{max-width:170px}
  .wp b{font-size:.95rem}
  .wp .mode{font-size:.66rem}
  .wp .ppl{max-width:120px;gap:6px}
}
@media (min-width:1000px){.wps{grid-template-columns:repeat(6,minmax(0,1fr))}.es .wrap{gap:26px}}
@media (max-height:720px) and (max-width:759px){.ecap{font-size:.86rem;min-height:0}.wp .ill{max-width:84px}.etop h2{font-size:1.8rem}.efoot{display:none}}

/* coverage */
.covs{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-top:40px}
.cv{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .4s var(--ease),box-shadow .4s}
.cv:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(0,63,105,.35)}
.cv .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--sky2);color:var(--blue)}
.cv .ic svg{width:26px;height:26px}
.cv.g .ic{background:#E5F3E7;color:var(--green-d)}
.cv.c .ic{background:#FCE7E1;color:var(--coral-d)}
.cv h3{font-size:1.3rem;letter-spacing:-.03em}
.cv p{color:var(--mute);font-size:.96rem}
.cv .who{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.cv .who span{font-size:.72rem;font-weight:700;padding:5px 9px;border-radius:999px;background:var(--sky);color:var(--ink2)}
.cv.fam{background:linear-gradient(140deg,var(--blue),#0A6CA8);color:#fff;border:0}
.cv.fam h3{color:#fff}.cv.fam p{color:#D4E7F5}.cv.fam .ic{background:rgba(255,255,255,.14);color:#fff}
.cv.fam .who span{background:rgba(255,255,255,.14);color:#fff}
.fine{font-size:.8rem;color:var(--mute);margin-top:22px;max-width:52rem}
@media (min-width:700px){.covs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.covs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* who we serve */
.serve{display:grid;gap:36px;grid-template-columns:minmax(0,1fr);align-items:center}
.aud{display:grid;gap:12px;margin-top:28px}
.au{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:var(--r);background:#fff;border:1px solid var(--line2)}
.au .n{font-family:var(--ser);font-style:italic;font-size:2rem;line-height:1;color:var(--coral)}
.au b{display:block;font-size:1.12rem;letter-spacing:-.02em;margin-bottom:4px}
.au span{color:var(--mute);font-size:.95rem}
.fl{position:relative;background:#fff;border-radius:28px;padding:18px;box-shadow:0 40px 80px -46px rgba(0,63,105,.4),0 0 0 1px var(--line2)}
.fl svg{width:100%;height:auto}
.fl .state{fill:#E8F3FA;stroke:var(--blue);stroke-width:3;stroke-linejoin:round}
.fl .arc{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.6s var(--ease)}
.fl.in .arc{stroke-dashoffset:0}
.fl .dot{fill:var(--green)}
.fl .cl{font:700 15px var(--sans);fill:var(--ink2)}
.fl .hq{fill:var(--coral)}
.fl .hqr{fill:none;stroke:var(--coral);stroke-width:3;transform-origin:482px 335px;animation:pr 2.2s ease-out infinite}
@keyframes pr{from{transform:scale(.4);opacity:1}to{transform:scale(2.6);opacity:0}}
.fl .hql{font:800 17px var(--sans);fill:var(--ink)}
.fl .cap{position:absolute;left:18px;bottom:16px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
@media (min-width:960px){.serve{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}

/* steps */
.steps{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-top:40px;counter-reset:s}
.st{position:relative;background:#fff;border-radius:var(--r);padding:26px 22px;border:1px solid var(--line);box-shadow:var(--sh);min-width:0}
.st .no{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:1rem;margin-bottom:16px}
.st:nth-child(2) .no{background:var(--green)}.st:nth-child(3) .no{background:var(--coral)}.st:nth-child(4) .no{background:var(--ink)}
.st h3{font-size:1.2rem;letter-spacing:-.03em;margin-bottom:8px}
.st p{color:var(--mute);font-size:.95rem}
@media (min-width:700px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.st:not(:last-child)::after{content:"";position:absolute;top:46px;right:-14px;width:14px;height:2px;background:var(--line)}}

/* payroll + portability */
.duo{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);margin-top:40px}
.pan{border-radius:26px;padding:30px 24px;position:relative;overflow:hidden;min-width:0}
.pan.a{background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.pan.b{background:var(--ink);color:#fff}
.pan h3{font-size:clamp(1.5rem,4vw,2.1rem);letter-spacing:-.035em;margin-bottom:10px}
.pan.b h3{color:#fff}
.pan h3 .it{color:var(--blue)}
.pan.b h3 .it{color:#8CC8F0}
.pan>p{color:var(--mute);max-width:32rem}
.pan.b>p{color:#B9CAD7}
.chk{list-style:none;display:grid;gap:12px;margin-top:22px}
.chk li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
.chk li i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E5F3E7;color:var(--green-d)}
.chk li i svg{width:15px;height:15px}
.pan.b .chk li i{background:rgba(140,200,240,.16);color:#8CC8F0}
.chk b{display:block;letter-spacing:-.01em}
.chk span{font-size:.92rem;color:var(--mute)}
.pan.b .chk span{color:#B9CAD7}
.path{margin-top:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.path span{font-size:.76rem;font-weight:700;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;white-space:nowrap}
.path em{font-style:normal;color:#8CC8F0;font-weight:800}
@media (min-width:900px){.duo{grid-template-columns:repeat(2,minmax(0,1fr))}.pan{padding:40px}}

/* amanda */
.meet{display:grid;gap:36px;grid-template-columns:minmax(0,1fr);align-items:center}
.arch{position:relative;border-radius:240px 240px 28px 28px;background:linear-gradient(180deg,#DCEEF9 0%,var(--sand) 100%);min-height:440px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;max-width:460px;width:100%;margin:0 auto}
.arch::before{content:"";position:absolute;width:150%;aspect-ratio:1;left:-25%;top:18%;border-radius:50%;border:1.5px dashed rgba(0,85,140,.18)}
.arch img{position:relative;height:420px;width:auto;max-width:none}
.arch .tag{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--sh);font-size:.8rem;line-height:1.3}
.arch .tag b{display:block;font-size:.95rem;letter-spacing:-.02em}
.arch .tag span{color:var(--mute)}
.meet h2 .it{color:var(--coral-d)}
.meet .bio p{color:var(--ink2);margin-bottom:14px;max-width:36rem}
.meet .q{font-family:var(--ser);font-style:italic;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.3;color:var(--blue);border-left:3px solid var(--coral);padding-left:18px;margin:22px 0;max-width:34rem}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips span{font-size:.82rem;font-weight:700;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--line2);color:var(--ink2)}
@media (min-width:960px){.meet{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px}.arch{min-height:560px}.arch img{height:540px}}

/* globe life */
.facts{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-top:40px}
.fact{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;min-width:0;box-shadow:var(--sh)}
.fact .k{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-d)}
.fact b{display:block;font-size:clamp(2.2rem,6vw,3.4rem);letter-spacing:-.05em;line-height:1;margin:12px 0 10px;color:var(--blue)}
.fact p{color:var(--ink2);font-size:.98rem}
.fact.big{background:linear-gradient(150deg,#003F69,var(--blue));color:#fff;border:0;position:relative;overflow:hidden}
.fact.big::after{content:"";position:absolute;right:-70px;bottom:-70px;width:260px;height:260px;border-radius:50%;background:url(/globe-logo.png) center/cover;opacity:.2}
.fact.big .k{color:#9FE0AA}.fact.big b{color:#fff}.fact.big p{color:#D4E7F5;position:relative;z-index:1;max-width:30rem}
@media (min-width:900px){.facts{grid-template-columns:1.4fr 1fr 1fr}.fact.big{grid-row:span 1}}

/* service */
.svc{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px 24px;box-shadow:var(--sh)}
.svc h3{font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.035em}
.svc p{color:var(--mute);margin-top:6px}
.svc .tel{display:block;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;letter-spacing:-.04em;color:var(--blue);text-decoration:none;line-height:1}
.svc .links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.svc .links a{font-size:.88rem;font-weight:700;color:var(--ink2);text-decoration:none;padding:9px 13px;border-radius:12px;background:var(--sky)}
.svc .links a:hover{background:var(--sky2)}
@media (min-width:900px){.svc{grid-template-columns:minmax(0,1.2fr) auto;padding:40px}}

/* careers band */
.cband{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);align-items:center;background:var(--sand);border-radius:28px;padding:32px 24px;position:relative;overflow:hidden;text-decoration:none}
.cband::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(239,116,87,.28),rgba(239,116,87,0))}
.cband small{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-d)}
.cband h3{font-size:clamp(1.7rem,5vw,2.8rem);letter-spacing:-.04em;margin:8px 0 8px}
.cband h3 .it{color:var(--blue)}
.cband p{color:var(--ink2);max-width:34rem}
.cband .btn{justify-self:start;position:relative;z-index:1}
@media (min-width:900px){.cband{grid-template-columns:minmax(0,1fr) auto;padding:48px}}

/* contact */
.contact{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);margin-top:36px}
.cform{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--sh)}
.cform h3{font-size:1.35rem;letter-spacing:-.03em;margin-bottom:4px}
.cform>p{color:var(--mute);font-size:.94rem;margin-bottom:20px}
.cinfo{display:grid;gap:14px;align-content:start}
.ci{background:var(--sky);border-radius:20px;padding:20px 22px}
.ci small{display:block;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.ci a,.ci address{font-style:normal;font-weight:700;color:var(--ink);text-decoration:none;font-size:1.05rem;line-height:1.45;overflow-wrap:anywhere}
.ci a.big{font-size:clamp(1.6rem,6vw,2.1rem);letter-spacing:-.04em;color:var(--blue)}
.map{border-radius:20px;overflow:hidden;border:1px solid var(--line);min-height:280px;background:var(--sky)}
.map iframe{display:block;width:100%;height:100%;min-height:280px;border:0}
@media (min-width:960px){.contact{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.cform{padding:36px}}