:root{--bg:#070a0f;--surface:#0d1219;--surface2:#121923;--line:#26313d;--text:#f4f7f9;--muted:#9aa8b5;--cyan:#00c2d1;--cyan2:#8af5fc;--max:1240px;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--cyan);color:#041014;padding:10px 16px}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(7,10,15,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;height:54px;object-fit:cover;object-position:50% 34%;border-radius:8px}.brand span{display:grid;line-height:1}.brand strong{font:700 1.12rem Space Grotesk;letter-spacing:.18em}.brand small{margin-top:8px;color:var(--muted);letter-spacing:.26em;font-size:.58rem}.nav{display:flex;align-items:center;gap:26px}.nav a{font-size:.9rem;color:#c8d0d7}.nav a:hover{color:white}.nav .nav-cta{padding:11px 18px;border:1px solid var(--cyan);color:var(--cyan2)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{min-height:790px;height:100vh;max-height:1000px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-bg{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(7,10,15,.98) 0%,rgba(7,10,15,.88) 36%,rgba(7,10,15,.22) 67%,rgba(7,10,15,.1) 100%),linear-gradient(0deg,rgba(7,10,15,.75),transparent 45%)}.hero-content{position:relative;z-index:2;padding-top:85px}.eyebrow{color:var(--cyan2);font-size:.76rem;text-transform:uppercase;letter-spacing:.21em;font-weight:700;margin:0 0 18px}.hero h1,.section h2,.band-content h2,.promise blockquote,.contact h2{font-family:Space Grotesk,sans-serif;line-height:1.05;letter-spacing:-.035em}.hero h1{font-size:clamp(3rem,6vw,6.8rem);max-width:950px;margin:0}.hero h1 span{color:var(--cyan)}.hero-copy{max-width:680px;font-size:1.18rem;color:#c0cad2;margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid transparent;cursor:pointer;font-weight:700}.button.primary{background:var(--cyan);color:#041014}.button.primary:hover{background:var(--cyan2)}.button.secondary{border-color:#52606e;background:rgba(5,10,15,.46)}.button.secondary:hover{border-color:white}.hero-note{margin-top:48px;color:#c8d0d7}.hero-note span{display:inline-block;width:28px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:10px}.hero-index{position:absolute;right:3vw;bottom:34px;color:#aab5bf;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.section{padding:120px 0}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.image-frame{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line)}.image-frame:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.35))}.image-frame img{width:100%;height:100%;min-height:470px;object-fit:cover}.section h2,.band-content h2,.contact h2{font-size:clamp(2.35rem,4vw,4.7rem);margin:0 0 28px}.section-copy>p:not(.eyebrow),.statement>p:not(.eyebrow),.section-heading>p{color:#aab6c0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid var(--line);padding-top:25px}.mini-grid div{display:grid;border-right:1px solid var(--line);padding-right:15px}.mini-grid div:last-child{border:0;padding-left:15px}.mini-grid strong{font:600 2.2rem Space Grotesk;color:var(--cyan)}.mini-grid span{font-size:.78rem;color:var(--muted)}.vision-section{background:var(--surface)}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.statement{background:var(--surface);padding:64px;position:relative}.statement .number{position:absolute;right:32px;top:24px;font:600 4rem Space Grotesk;color:rgba(255,255,255,.05)}.statement h2{font-size:clamp(2rem,3vw,3.5rem)}.mission-list{padding:0;margin:0;list-style:none}.mission-list li{padding:16px 0 16px 28px;border-bottom:1px solid var(--line);position:relative}.mission-list li:before{content:"";position:absolute;left:0;top:26px;width:9px;height:9px;border:2px solid var(--cyan);border-radius:50%}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:56px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:500px}.feature-image{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-bottom:24px}.feature-image img{width:100%;max-height:600px;object-fit:cover}.image-label{position:absolute;left:22px;bottom:20px;background:rgba(7,10,15,.86);padding:10px 14px;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.solution-card{background:var(--surface);padding:36px;min-height:430px;transition:.25s}.solution-card:hover{background:var(--surface2);transform:translateY(-3px)}.card-no{color:var(--cyan);font:600 .78rem Space Grotesk;letter-spacing:.15em}.solution-card h3,.process-grid h3,.strategy-list h3{font:600 1.4rem Space Grotesk;margin:34px 0 14px}.solution-card p,.solution-card li,.process-grid p,.strategy-list p{color:var(--muted)}.solution-card ul{padding-left:18px}.solution-card li{margin:8px 0}.compliance-note{font-size:.76rem;color:#778592;margin-top:22px}.image-band{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden}.image-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,15,.95),rgba(7,10,15,.7) 43%,rgba(7,10,15,.03))}.band-content{position:relative;z-index:2}.band-content h2{max-width:720px}.band-content p:last-child{color:#c7d0d8;max-width:560px}.approach{background:var(--surface)}.approach-intro{margin-bottom:70px}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.process-grid li{background:var(--surface);padding:34px;min-height:260px}.process-grid span{font:600 .76rem Space Grotesk;color:var(--cyan)}.strategy-list{border-top:1px solid var(--line)}.strategy-list article{display:grid;grid-template-columns:120px 1fr;padding:34px 0;border-bottom:1px solid var(--line);transition:.2s}.strategy-list article:hover{padding-left:14px}.strategy-list>article>span{color:var(--cyan);font-family:Space Grotesk}.strategy-list h3{margin:0 0 8px}.strategy-list p{margin:0;max-width:750px}.choose{background:linear-gradient(135deg,#0b1219,#111b25)}.choose-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.text-link{display:inline-flex;gap:15px;color:var(--cyan2);font-weight:700;margin-top:18px}.check-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.check-list li{padding:18px 10px 18px 35px;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:"✓";position:absolute;left:6px;color:var(--cyan)}.promise{text-align:center;padding:130px 20px;background:#05070a}.promise img{width:90px;height:90px;margin:0 auto 30px;object-fit:cover;border-radius:50%}.promise blockquote{font-size:clamp(2.2rem,5vw,5.7rem);margin:20px auto;max-width:1100px}.promise blockquote span{color:var(--cyan)}.promise .container>p:last-child{max-width:760px;margin:30px auto;color:var(--muted)}.forms{background:var(--surface)}.form-tabs{display:flex;border-bottom:1px solid var(--line)}.tab{border:0;background:none;color:var(--muted);padding:18px 24px;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--cyan2);border-color:var(--cyan)}.form-panels{max-width:950px}.contact-form{display:none;padding-top:42px}.contact-form.active{display:block}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:grid;gap:9px;margin-bottom:20px;color:#d8e0e6;font-size:.88rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #303c48;background:#0a0f15;color:white;padding:15px 16px;border-radius:0;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,194,209,.12)}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-footer p,.form-hint{color:var(--muted);font-size:.78rem}.contact{background:var(--cyan);color:#041014}.contact .eyebrow{color:#063d43}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-links{border-top:1px solid rgba(4,16,20,.28)}.contact-links a{display:grid;padding:20px 0;border-bottom:1px solid rgba(4,16,20,.28)}.contact-links small{text-transform:uppercase;letter-spacing:.15em}.contact-links strong{font-size:1.25rem}.footer{padding:45px 0;background:#030507;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-grid>p{grid-column:1/-1;color:#6f7b85;font-size:.75rem;margin:0}.footer-brand img{width:48px;height:48px}.socials{display:flex;gap:25px;color:#aab5bf}.socials a:hover{color:var(--cyan)}.whatsapp-float{position:fixed;z-index:45;right:22px;bottom:22px;background:#21c063;color:#031008;padding:13px 16px;display:flex;gap:12px;align-items:center;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.35)}.whatsapp-float b{font-size:1.1rem}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,120px);padding:13px 18px;background:#fff;color:#061015;transition:.3s;box-shadow:0 10px 35px #0008}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav{position:fixed;top:84px;left:0;right:0;display:none;background:#080c11;padding:25px 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.split,.vision-grid,.section-heading,.choose-grid,.contact-grid{grid-template-columns:1fr}.solution-grid,.process-grid{grid-template-columns:1fr 1fr}.hero{height:auto;min-height:820px}.hero-bg{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(7,10,15,.98),rgba(7,10,15,.7)),linear-gradient(0deg,rgba(7,10,15,.9),transparent)}.section{padding:90px 0}.choose-grid{gap:50px}.contact-grid{gap:30px}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.nav-wrap{height:72px}.brand img{width:46px;height:46px}.brand strong{font-size:.95rem}.nav{top:72px}.hero{min-height:760px}.hero-content{padding-top:110px}.hero h1{font-size:3.05rem}.hero-copy{font-size:1rem}.hero-index{display:none}.button{width:100%}.section{padding:72px 0}.split{gap:40px}.section h2,.band-content h2,.contact h2{font-size:2.45rem}.image-frame img{min-height:310px}.mini-grid{grid-template-columns:1fr;gap:15px}.mini-grid div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}.mini-grid div:last-child{padding-left:0}.statement{padding:35px 25px}.solution-grid,.process-grid,.check-list{grid-template-columns:1fr}.solution-card{min-height:0;padding:28px}.image-band{min-height:620px}.image-band>img{object-position:68% center}.image-band:after{background:linear-gradient(90deg,rgba(7,10,15,.96),rgba(7,10,15,.62))}.process-grid li{min-height:0}.strategy-list article{grid-template-columns:50px 1fr}.field-grid{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer .button{width:100%}.footer-grid{grid-template-columns:1fr}.socials{flex-wrap:wrap}.whatsapp-float span{display:none}.promise{padding:90px 18px}.promise blockquote{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Visual portfolio system */
.visual-story{background:#080d13;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.visual-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.visual-card{margin:0;background:#0b1118;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.visual-card:hover{transform:translateY(-5px);border-color:rgba(0,194,209,.65);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.visual-card img{width:100%;aspect-ratio:8/5;object-fit:cover;background:#081018}
.visual-card figcaption{padding:17px 18px 19px;font:600 .96rem Space Grotesk;color:#eaf4f7;border-top:1px solid var(--line)}
.service-tile{position:relative;min-height:128px;padding:28px 26px 26px;background:linear-gradient(145deg,#0c131c,#080d13);border:1px solid var(--line);border-radius:16px;display:flex;align-items:flex-end;overflow:hidden;transition:transform .25s,border-color .25s}
.service-tile:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--cyan)}
.service-tile:after{content:"";position:absolute;right:-45px;top:-75px;width:170px;height:170px;border:1px solid rgba(0,194,209,.16);border-radius:50%}
.service-tile:hover{transform:translateY(-4px);border-color:rgba(0,194,209,.55)}
.service-tile h4{position:relative;z-index:1;margin:0;font:600 1.05rem/1.35 Space Grotesk;color:#eef7f9}
.catalogs{margin-top:90px}
.visual-catalog{padding:88px 0 28px;border-top:1px solid var(--line);scroll-margin-top:90px}
.catalog-head{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:34px}
.catalog-head h3{font:600 clamp(2rem,3.6vw,4.25rem)/1.05 Space Grotesk;margin:0;letter-spacing:-.035em}
.catalog-head>p{color:var(--muted);max-width:540px;margin:0}
@media(max-width:980px){.visual-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-head{grid-template-columns:1fr;gap:18px}}
@media(max-width:640px){.visual-card-grid{grid-template-columns:1fr}.visual-catalog{padding-top:62px}.catalogs{margin-top:64px}.visual-card figcaption{font-size:.9rem}}