@font-face{font-family:Outfit;src:url('assets/fonts/outfit-regular.ttf')}@font-face{font-family:Outfit;src:url('assets/fonts/outfit-bold.ttf');font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0b0b0f;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);transition:.25s}.site-header.is-scrolled{position:fixed;background:rgba(8,10,14,.86);backdrop-filter:blur(16px)}.header-inner{height:64px;width:min(1140px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:28px;font-weight:700;letter-spacing:-.07em;display:flex;align-items:center}.brand-mark{color:#0878ed}.desktop-nav{display:flex;gap:38px;align-items:center;font-size:14px}.desktop-nav a{position:relative;opacity:.92}.desktop-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:2px;background:#0878ed}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:40px;padding:0 20px;border-radius:999px;font-size:13px;font-weight:700;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;line-height:0}.button-primary{background:#0878ed;color:#fff}.button-outline{border:1px solid rgba(0,0,0,.35);color:#0b0b0f}.light-button{color:#fff;border-color:rgba(255,255,255,.65)}.blue-button{color:#0878ed;border-color:#0878ed}.white-button{background:#fff;color:#0b0b0f}.menu-toggle,.mobile-nav{display:none}.hero{min-height:560px;height:min(62vw,690px);position:relative;overflow:hidden;background:#07090d;color:#fff}.hero-media,.purpose-media{position:absolute;inset:0;background-size:cover;background-position:center}.hero-media{background-image:url('assets/images/ltech-hero.webp')}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,11,.92) 0%,rgba(4,7,11,.74) 33%,rgba(4,7,11,.16) 75%,rgba(4,7,11,.2))}.hero-content{position:relative;z-index:1;padding-top:125px}.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:700;color:#0878ed;margin:0 0 17px}.eyebrow.light{color:#dce9f6}.hero h1{font-size:clamp(3rem,5.25vw,5.15rem);line-height:.93;letter-spacing:-.065em;margin:0;max-width:650px}.hero h1 span,.purpose-content h2 span,.about-section h2 span{color:#1688ff}.hero-description{max-width:390px;color:rgba(255,255,255,.82);line-height:1.5;font-size:15px;margin:22px 0 18px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.stats{display:flex;gap:20px;margin-top:20px}.stat{padding-right:22px;border-right:1px solid rgba(255,255,255,.25)}.stat:last-child{border-right:0}.stat strong{font-size:20px;display:block}.stat small{font-size:12px;color:rgba(255,255,255,.75)}.apps-section{padding:24px 0 22px;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.apps-heading h2{font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.055em;margin:0}.apps-heading>div>p:last-child{color:#657080;margin:5px 0 0}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.app-card{position:relative;min-height:206px;border-radius:10px;overflow:hidden;color:#fff;background:#111}.app-card-media{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.app-card:hover .app-card-media{transform:scale(1.045)}.app-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.82) 100%)}.app-card-body{position:absolute;inset:auto 20px 16px}.app-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:22px;margin-bottom:10px;background:#10b94a}.app-icon.blue{background:#198cff}.app-icon.purple{background:#8b30ef}.app-icon.slate{background:#46536d}.app-card h3{font-size:19px;margin:0 0 3px}.app-card p{font-size:12px;line-height:1.35;max-width:220px;margin:0;color:rgba(255,255,255,.85)}.app-arrow{position:absolute;right:18px;bottom:18px;border:1px solid rgba(255,255,255,.6);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:20px}.purpose-section{min-height:310px;position:relative;overflow:hidden;color:#fff}.purpose-media{background-image:url('assets/images/ltech-purpose.webp');background-position:center}.purpose-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,16,.92),rgba(3,8,16,.74) 47%,rgba(3,8,16,.18))}.purpose-content{position:relative;z-index:1;padding:30px 0 26px}.purpose-content h2{font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.055em;margin:0}.purpose-content>p:not(.eyebrow){font-size:14px;line-height:1.45;max-width:520px;margin:7px 0 12px;color:rgba(255,255,255,.82)}.values{display:flex;justify-content:flex-end;gap:34px;margin-top:-22px}.value{max-width:120px}.value-icon{font-size:25px}.value strong{display:block;font-size:13px;margin-top:4px}.value small{display:block;font-size:10px;color:rgba(255,255,255,.76);line-height:1.25;margin-top:2px}.about-section{padding:70px 0 78px}.about-section h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;letter-spacing:-.065em;margin:0}.about-copy{max-width:430px;color:#657080;font-size:17px;line-height:1.55;margin-left:51%;margin-top:-28px}.site-footer{background:#080a0e;color:#fff;padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:rgba(255,255,255,.64)}.footer-inner .brand{color:#fff}.footer-inner a:last-child{color:#7dbaff}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reveal.in-view{opacity:1;transform:none}@media(max-width:900px){.desktop-nav{gap:20px}.apps-grid{grid-template-columns:repeat(2,1fr)}.values{justify-content:flex-start;margin-top:20px}.hero{height:650px}.hero-content{padding-top:140px}}@media(max-width:700px){.wrap,.header-inner{width:min(100% - 32px,540px)}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;background:none;border:0;color:#fff;width:40px;height:40px;align-items:flex-end;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:22px;height:2px;background:currentColor;border-radius:2px}.mobile-nav{position:absolute;top:64px;left:16px;right:16px;display:flex;flex-direction:column;gap:4px;padding:12px;background:rgba(9,11,15,.96);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:13px 14px;border-radius:10px}.hero{min-height:690px;height:auto}.hero-media{background-position:62% center}.hero-content{padding-top:150px}.hero h1{font-size:clamp(2.8rem,12vw,4.2rem)}.hero-description{font-size:14px}.stats{gap:12px}.stat{padding-right:12px}.stat strong{font-size:17px}.stat small{font-size:10px}.apps-section{padding-top:34px}.section-heading{align-items:flex-start;flex-direction:column}.apps-heading .button{align-self:flex-start}.apps-grid{grid-template-columns:1fr;gap:10px}.app-card{min-height:220px}.purpose-section{min-height:520px}.purpose-media{background-position:63% center}.purpose-overlay{background:linear-gradient(180deg,rgba(3,8,16,.82),rgba(3,8,16,.72) 58%,rgba(3,8,16,.9))}.purpose-content{padding-top:46px}.values{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:42px}.value{max-width:none}.about-section{padding:56px 0}.about-copy{margin:22px 0 0;font-size:16px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner p{margin:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
 .purpose-media{background-position:center 28%}.footer-contact{border:0;background:transparent;color:#7dbaff;cursor:pointer}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.modal-backdrop[hidden]{display:none}.contact-modal{position:relative;width:min(100%,500px);padding:34px;border-radius:22px;background:#fff;color:#0b0b0f;box-shadow:0 24px 80px rgba(0,0,0,.35)}.contact-modal h2{font-size:clamp(2rem,5vw,2.8rem);line-height:1;letter-spacing:-.06em;margin:0}.modal-intro{color:#657080;margin:10px 0 22px}.modal-close{position:absolute;top:14px;right:16px;width:32px;height:32px;border:0;background:#f0f2f5;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#414852}.contact-modal form{display:grid;gap:13px}.contact-modal label{display:grid;gap:6px;font-size:13px;font-weight:700}.contact-modal input,.contact-modal textarea{width:100%;border:1px solid #d8dde5;border-radius:10px;padding:12px 13px;font:inherit;font-size:14px;resize:vertical}.contact-modal input:focus,.contact-modal textarea:focus{outline:2px solid #0878ed;outline-offset:1px}.contact-modal form .button{justify-self:start;border:0;cursor:pointer}.form-status{min-height:18px;margin:0;color:#0878ed;font-size:13px}@media(max-width:700px){.purpose-media{background-position:64% 20%}.contact-modal{padding:28px 20px}.footer-contact{padding:0}}
/* L’Tech interaction polish */
.button{position:relative;isolation:isolate;overflow:hidden;min-height:48px;padding:0 21px;border:1px solid transparent;border-radius:12px;letter-spacing:.005em;box-shadow:0 7px 18px rgba(0,0,0,.16);transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}
.button::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.22) 49%,transparent 70%);transform:translateX(-125%);transition:transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:-1}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.button:hover::before{transform:translateX(125%)}
.button:active{transform:translateY(0) scale(.975);box-shadow:0 4px 10px rgba(0,0,0,.14)}
.button-primary{background:linear-gradient(135deg,#1688ff 0%,#0878ed 58%,#0667d1 100%);border-color:#39a0ff;box-shadow:0 9px 26px rgba(8,120,237,.28)}
.button-primary:hover{background:linear-gradient(135deg,#2992ff 0%,#0d82f5 58%,#0872df 100%);border-color:#72baff;box-shadow:0 14px 34px rgba(8,120,237,.36)}
.button-outline{background:rgba(255,255,255,.055);border-color:rgba(10,18,28,.25);box-shadow:none}
.button-outline:hover{background:rgba(255,255,255,.16);border-color:rgba(8,120,237,.65);box-shadow:0 10px 25px rgba(8,30,60,.12)}
.light-button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.62);color:#fff;box-shadow:none}
.light-button:hover{background:rgba(255,255,255,.16);border-color:#fff}
.blue-button{background:#fff;border-color:rgba(8,120,237,.4);color:#0878ed;box-shadow:0 6px 18px rgba(8,120,237,.08)}
.blue-button:hover{background:#f3f8ff;border-color:#0878ed;box-shadow:0 11px 25px rgba(8,120,237,.15)}
.white-button{border:1px solid rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.white-button:hover{background:#f2f7fc;box-shadow:0 13px 30px rgba(0,0,0,.24)}
.button span{display:inline-block;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.button:hover span{transform:translateX(4px)}
.app-arrow{border:1px solid rgba(255,255,255,.72);background:rgba(7,10,14,.28);backdrop-filter:blur(8px);transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,border-color .22s ease,box-shadow .22s ease}
.app-card:hover .app-arrow{transform:translate(2px,-2px);background:#0878ed;border-color:#69b4ff;box-shadow:0 8px 20px rgba(8,120,237,.32)}
.footer-contact{padding:12px 16px;border:1px solid rgba(125,186,255,.35);border-radius:10px;background:rgba(125,186,255,.06);transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.footer-contact:hover{color:#fff;background:rgba(125,186,255,.14);border-color:#7dbaff;transform:translateY(-2px)}
.modal-close{transition:transform .2s ease,background .2s ease,color .2s ease}.modal-close:hover{transform:rotate(90deg);background:#e4ebf4;color:#0878ed}
@media(prefers-reduced-motion:reduce){.button,.button::before,.button span,.app-arrow,.footer-contact,.modal-close{transition:none}.button:hover,.button:active,.app-card:hover .app-arrow,.footer-contact:hover,.modal-close:hover{transform:none}}
/* Final CTA shape: capsule with a dedicated directional control. */
.button{border-radius:999px;padding-inline:18px 14px;gap:12px}
.button span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:17px;line-height:1;background:rgba(255,255,255,.16);transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease}
.button-primary span{background:rgba(255,255,255,.2)}
.button-outline span,.blue-button span{background:rgba(8,120,237,.1)}
.white-button span{background:rgba(8,10,14,.08)}
.button:hover span{transform:translateX(2px);background:rgba(255,255,255,.28)}
.button-outline:hover span,.blue-button:hover span,.white-button:hover span{background:rgba(8,120,237,.16)}
@media(prefers-reduced-motion:reduce){.button span{transition:none}.button:hover span{transform:none}}
