/* VISIONA static production stylesheet — extracted from the approved Lovable design */
:root{
  --background:oklch(0.135 0.022 258);--foreground:oklch(0.96 0.006 240);--muted-fg:oklch(0.70 0.02 245);
  --border:oklch(0.37 0.028 252 / 55%);--signal:oklch(0.79 0.075 202);--surface-raised:oklch(0.215 0.028 252);--ink:oklch(0.10 0.018 260);
  --font-sans:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:0;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}strong{font-weight:600;color:var(--foreground)}::selection{background:var(--signal);color:var(--ink)}
.signal{color:var(--signal)}.muted{color:var(--muted-fg)}.relative{position:relative}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.25rem}
.icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn .icon{width:1rem;height:1rem}
.technical-grid{position:relative;background-image:linear-gradient(to right,color-mix(in oklab,var(--border) 45%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--border) 35%,transparent) 1px,transparent 1px);background-size:80px 80px}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in oklab,var(--ink) 92%,transparent) 0%,color-mix(in oklab,var(--ink) 68%,transparent) 48%,color-mix(in oklab,var(--ink) 18%,transparent) 100%),linear-gradient(0deg,color-mix(in oklab,var(--ink) 76%,transparent) 0%,transparent 58%)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:50;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:rgb(4 19 38 / .85);backdrop-filter:blur(16px)}.header-inner{height:4.5rem;max-width:1440px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.brand{display:inline-flex;align-items:center;flex-shrink:1;min-width:0}.brand img{height:1.75rem;width:auto;max-width:7rem;object-fit:contain}.desktop-nav{display:none;align-items:center;gap:2rem}.desktop-nav a,.mobile-language{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-fg);transition:color .2s}.desktop-nav a:hover,.mobile-language:hover{color:var(--foreground)}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.mobile-language{font-size:.6rem;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;height:3.25rem;padding:0 1.5rem;border:0;border-radius:0;font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.btn-primary{background:var(--signal);color:oklch(0.14 0.02 258)}.btn-primary:hover{background:color-mix(in oklab,var(--signal) 85%,transparent)}.btn-outline{background:transparent;border:1px solid color-mix(in oklab,var(--border) 70%,transparent);color:var(--foreground)}.btn-outline:hover{border-color:var(--signal);color:var(--signal)}.header-cta{height:2.25rem;padding:0 .5rem;font-size:.64rem}
.hero{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--border)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}.hero-grid{position:absolute;inset:0;opacity:.25}.hero-inner{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:8rem 1.25rem 3rem}.hero-copy{max-width:64rem}.eyebrow{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--signal)}.hero .eyebrow{margin-bottom:1.75rem}.hero h1{max-width:64rem;font-size:clamp(2.85rem,8.5vw,8.5rem);font-weight:500;line-height:1.02}.hero h1 span{display:block;margin-top:.5rem;color:color-mix(in oklab,var(--foreground) 80%,transparent)}.hero-support{margin-top:2rem;padding-top:1.5rem;border-top:1px solid color-mix(in oklab,var(--border) 80%,transparent);display:grid;gap:1.5rem;max-width:48rem}.hero-statement{font-size:1.125rem;font-weight:500;line-height:1.375}.hero-support .muted{font-size:.95rem;line-height:1.625}.hero-buttons{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.hero-buttons .btn{width:100%}.vertical-statement{margin-top:3.5rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.35em;color:var(--foreground)}
.section{padding:6rem 0;border-bottom:1px solid var(--border)}.challenge,.operation,.contact{background:#061B34}.capabilities,.industries{background:#071D38}.two-col{max-width:1440px;margin:0 auto;padding:0 1.25rem;display:grid;gap:3.5rem}.container .two-col{padding:0;margin:0;max-width:none}.section-label{position:relative;padding-top:1rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--signal)}.section-label:before{content:"";position:absolute;left:0;top:0;width:2.5rem;height:1px;background:var(--signal)}.section h2{font-size:3rem;font-weight:500;line-height:.98}.challenge-copy{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);display:grid;gap:2rem}.prose{font-size:1rem;line-height:1.625}.prose p+.prose p{margin-top:0}.prose p{margin:0 0 1.25rem}.prose p:last-child{margin-bottom:0}.challenge-close{font-size:1.5rem;font-weight:500;line-height:1.375}.support{margin-top:1.5rem;max-width:36rem;font-size:1.125rem;line-height:1.6}
.capability-grid{margin-top:4rem;border-top:1px solid var(--border);display:grid}.capability-card{padding:2.25rem 0;border-bottom:1px solid var(--border)}.capability-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.capability-title{display:flex;align-items:center;gap:1rem}.capability-title>.icon{width:1.25rem;height:1.25rem;color:var(--signal)}.capability-card h3,.search-card h3{font-size:1.25rem;font-weight:500;text-transform:uppercase}.num{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:.75rem;color:var(--muted-fg)}.capability-card ul{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.75rem 2rem}.capability-card li{display:flex;gap:.75rem;font-size:.875rem;color:var(--muted-fg);line-height:1.5}.capability-card li .icon{width:.875rem;height:.875rem;margin-top:.125rem;color:var(--signal)}.search-card{margin-top:2rem;display:grid;gap:2rem;border:1px solid var(--border);background:#041326;padding:1.75rem}.search-title{display:flex;align-items:center;gap:1.25rem}.search-title>.icon{width:1.75rem;height:1.75rem;color:var(--signal)}.search-card h3{margin-top:.25rem}.search-card>p{max-width:48rem;line-height:1.625}
.operation{overflow:hidden}.operation:before,.contact:before{content:"";position:absolute;inset:0;pointer-events:none}.operation-body{margin-top:2rem;max-width:42rem;line-height:1.625}.process{margin-top:4rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#041326}.process-box{min-height:7rem;padding:.5rem;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-size:.875rem;font-weight:500;text-transform:uppercase}.process-box.middle{font-weight:600;color:var(--signal)}.process-chevron{display:flex;align-items:center;justify-content:center;color:var(--signal)}.process-chevron .icon{width:1rem;height:1rem}.process-close{margin-top:1.5rem;text-align:right;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--signal)}
.industries-grid{margin-top:4rem;display:grid}.industries-grid>img{width:100%;height:100%;min-height:24rem;object-fit:cover;filter:grayscale(20%)}.industry-list{border-left:1px solid var(--border);border-right:1px solid var(--border);border-top:1px solid var(--border)}.industry-row{padding:1.5rem;border-bottom:1px solid var(--border);display:grid;gap:.75rem;transition:background .2s}.industry-row:hover{background:var(--surface-raised)}.industry-row h3{font-size:1.125rem;font-weight:500;text-transform:uppercase}.industry-row p{font-size:.95rem;line-height:1.625;color:var(--muted-fg)}
.contact{background-color:#061B34}.contact .container{z-index:1}.contact h2{margin-top:2rem;max-width:72rem}.contact-row{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2rem}.contact-row>p{max-width:36rem;font-size:1.125rem;line-height:1.625}.contact-row .btn{width:max-content;align-self:flex-end}.contact-brand{margin-top:7rem}.contact-brand>img{height:2.5rem;width:auto}.contact-brand>p{margin-top:1rem;font-size:.875rem}.partner{margin-top:2rem}.partner .eyebrow{font-size:.68rem}.partner .muted{margin-top:.375rem;font-size:.75rem}.partner a{text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;transition:color .2s}.partner a:hover{color:var(--foreground)}
footer{border-top:1px solid var(--border);background:var(--ink);padding:2rem 0}.footer-inner{max-width:1440px;margin:0 auto;padding:0 1.25rem;display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;color:var(--muted-fg)}
.fade-up{animation:fade-up 800ms cubic-bezier(.2,.8,.2,1) both}@keyframes fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:640px){.container,.two-col,.header-inner,.hero-inner,.footer-inner{padding-left:2rem;padding-right:2rem}.brand img{height:2.25rem;max-width:none}.header-actions{gap:.75rem}.header-cta{height:2.75rem;padding:0 1.25rem;font-size:.875rem}.hero-inner{padding-bottom:4rem}.hero h1{line-height:.96}.hero-buttons{flex-direction:row;flex-wrap:wrap}.hero-buttons .btn{width:auto}.vertical-statement{position:absolute;bottom:5rem;right:2rem;margin:0;writing-mode:vertical-rl;transform:rotate(180deg)}.section{padding:8rem 0}.section h2{font-size:4.5rem}.challenge-close{font-size:1.875rem}.capability-card ul{grid-template-columns:repeat(2,minmax(0,1fr))}.process-box{min-height:10rem;padding:1.5rem;font-size:1.5rem}.process-chevron .icon{width:1.5rem;height:1.5rem}.industry-row{grid-template-columns:3rem 11rem 1fr;align-items:start}.industry-row h3{font-size:1rem}.industry-row p{font-size:.875rem}.contact-row{flex-direction:row;align-items:center}.contact-row .btn{align-self:auto}.contact-brand>img{height:3rem}.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}
@media (min-width:768px){.desktop-nav{display:flex}.mobile-language{display:none}.hero-support{grid-template-columns:1fr 1.5fr}}
@media (min-width:1024px){.container,.two-col,.header-inner,.hero-inner,.footer-inner{padding-left:3rem;padding-right:3rem}.header-inner{gap:1rem}.hero{min-height:900px}.hero-inner{padding-bottom:5rem}.vertical-statement{right:3rem}.section{padding:10rem 0}.two-col{grid-template-columns:.75fr 1.4fr;gap:3.5rem}.section h2{font-size:6rem}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card{padding:2.25rem 2.5rem}.capability-card.left{border-right:1px solid var(--border);padding-left:0}.capability-card.right{padding-right:0}.search-card{grid-template-columns:.6fr 1.4fr;align-items:center;padding:2.5rem}.industries-grid{grid-template-columns:1fr 1.25fr}.contact h2{font-size:6rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade-up{animation:none}}
