/* Editorial interaction layer inspired by modern IT-consulting layouts, adapted to Two Lions. */
body{overflow-x:hidden}.nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-1;width:min(62vw,850px);aspect-ratio:1;border:2px dashed #8aabff30;border-radius:50%;right:-18%;top:-46%;animation:orbit 28s linear infinite}.hero:after{content:"2L";position:absolute;z-index:-1;right:-.05em;bottom:-.22em;font-size:clamp(12rem,33vw,34rem);font-weight:950;line-height:1;color:#ffffff05;letter-spacing:-.12em}.hero h1 em{display:inline-block;padding:.05em .22em .1em;border:1px solid #91adf166;border-radius:.7em;background:linear-gradient(100deg,#2457d6,#17366f);color:#fff;box-shadow:inset 0 1px 0 #ffffff38,0 16px 46px #01091d55}.hero aside{border-radius:0 30px 0 30px;box-shadow:18px 18px 0 #3669e1;transition:transform .25s ease,box-shadow .25s ease}.hero aside:hover{transform:translate(-4px,-4px) rotate(.4deg);box-shadow:24px 24px 0 #3669e1}
#services{position:relative;isolation:isolate;counter-reset:service-card}#services:before{content:"SERVICES";position:absolute;z-index:-1;top:.08em;left:max(1rem,calc((100vw - var(--max))/2));font-size:clamp(5rem,17vw,13rem);font-weight:950;letter-spacing:-.08em;line-height:1;color:#17366f0b;white-space:nowrap}#services .grid{grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,1.5vw,1.2rem)}#services .grid article{counter-increment:service-card;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border-radius:18px;padding:1.4rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}#services .grid article:before{content:"0" counter(service-card);position:absolute;top:1rem;left:1.25rem;font-size:clamp(2.5rem,4.5vw,4.3rem);font-weight:900;line-height:1;color:#2457d629}#services .grid article:after{content:"↗";position:absolute;top:1.15rem;right:1.15rem;width:2.1rem;height:2.1rem;display:grid;place-items:center;border:1px solid #91a7d0;border-radius:50%;color:#163a8a}#services .grid article:hover{transform:translateY(-7px);border-color:#7697dd;box-shadow:0 20px 45px #132f6618}#services .grid h2{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.05;margin:.5rem 0}#services .grid p{margin-bottom:0}
#store{position:relative;isolation:isolate;overflow:hidden}#store:before{content:"WAYS TO HELP";position:absolute;z-index:-1;right:-.04em;top:.05em;font-size:clamp(5rem,15vw,12rem);font-weight:950;letter-spacing:-.08em;line-height:.8;color:#2457d608;white-space:nowrap}#store .grid article{border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}#store .grid article:hover{transform:translateY(-5px);box-shadow:0 24px 55px #15346c22}
/* Progressive motion: content stays visible if scroll animation support is unavailable. */
@keyframes editorial-rise{from{opacity:.55;transform:translateY(26px)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){.section>header,.section>.grid,.services-gateway,.partner-grid article,.contact-cards a{animation:editorial-rise .7s ease-out both;animation-timeline:view();animation-range:entry 5% cover 27%}}
.quick-connect-button{position:fixed;right:1.2rem;bottom:1.2rem;z-index:18;display:flex;align-items:center;gap:.85rem;border:1px solid #88a7ec;border-radius:999px;background:linear-gradient(110deg,#2457d6,#10275a);color:#fff;padding:.75rem .8rem .75rem 1.15rem;font-weight:900;box-shadow:0 14px 40px #07143355;cursor:pointer}.quick-connect-button b{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:#163a8a}.quick-connect-button:hover{transform:translateY(-2px);box-shadow:0 18px 48px #07143370}.connect-dialog{width:min(900px,calc(100% - 2rem));max-height:calc(100vh - 2rem);padding:clamp(1.2rem,4vw,2.4rem);border:1px solid #8ba9ea;border-radius:24px;background:#f7f9ff;color:#0b1736;box-shadow:0 30px 100px #01071899}.connect-dialog::backdrop{background:#030918cc;backdrop-filter:blur(7px)}.connect-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.connect-dialog h2{font-size:clamp(2rem,5vw,4.2rem);line-height:.95;letter-spacing:-.055em;margin:.35rem 0 1.5rem}.connect-close{border:1px solid #aabce3;border-radius:50%;background:#fff;color:#0b1736;width:2.75rem;height:2.75rem;font-size:1.7rem;cursor:pointer}.connect-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.connect-options article{position:relative;background:#fff;border:1px solid #c5d2e9;border-radius:16px;padding:1.4rem;overflow:hidden}.connect-options article>span{position:absolute;right:.6rem;top:-.1rem;color:#2457d614;font-size:6rem;font-weight:950;line-height:1}.connect-options h3{font-size:1.6rem;margin:.35rem 0}.connect-options p:not(.eyebrow){color:#56627a;max-width:31rem}.connect-options a{display:block;color:#163a8a;font-weight:850;margin-top:.4rem}.connect-ticket{margin-top:1rem}.connect-dialog[open]{animation:dialog-in .25s ease-out}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){#services .grid{grid-template-columns:repeat(2,1fr)}.hero h1 em{border-radius:.55em}.hero aside:hover{transform:none}.quick-connect-button{bottom:.8rem;right:.8rem}}
@media(max-width:620px){#services .grid,.connect-options{grid-template-columns:1fr}#services .grid article{min-height:220px}.quick-connect-button span{display:none}.quick-connect-button{padding:.55rem}.connect-dialog{padding:1rem;border-radius:16px}.connect-dialog h2{font-size:2.35rem}.hero h1 em{padding:.06em .16em .08em}.hero:after{font-size:16rem}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}.section>header,.section>.grid,.services-gateway,.partner-grid article,.contact-cards a{animation:none!important;opacity:1!important;transform:none!important}.quick-connect-button,.hero aside,#services .grid article,#store .grid article{transition:none}}