:root{--bg:#030509;--panel:#080c13;--panel2:#0d121b;--text:#f5f7fb;--muted:#9aa5b5;--line:rgba(255,255,255,.1);--blue:#2f7dff;--cyan:#72d8ff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(47,125,255,.11),transparent 28%),radial-gradient(circle at 80% 50%,rgba(114,216,255,.06),transparent 30%);z-index:-1}a{color:inherit;text-decoration:none}img{display:block;width:100%}.container{width:min(var(--max),92vw);margin:auto}.section{padding:120px 0}.noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{position:fixed;z-index:80;top:16px;left:50%;transform:translateX(-50%);width:min(var(--max),94vw);height:74px;display:grid;grid-template-columns:190px 1fr 170px;align-items:center;padding:8px 10px 8px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(3,5,9,.78);backdrop-filter:blur(20px);box-shadow:0 20px 70px rgba(0,0,0,.45)}.brand{width:150px;height:50px;overflow:hidden}.brand img{height:100%;object-fit:cover;object-position:center}.nav{display:flex;justify-content:center;gap:30px}.nav a{color:#aab4c3;font-size:.88rem;font-weight:700}.nav a:hover{color:#fff}.header-call{justify-self:end;display:flex;flex-direction:column;padding:10px 16px;border-radius:12px;background:#fff;color:#070a0f;font-weight:800}.header-call small{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#647080}.menu-button{display:none;background:none;border:0;color:#fff;font:inherit}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:180px 0 86px;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,8,.97) 0%,rgba(2,4,8,.85) 42%,rgba(2,4,8,.38) 72%,rgba(2,4,8,.55) 100%),linear-gradient(0deg,#030509 0%,transparent 28%)}.hero-content{position:relative;z-index:2}.hero-copy{max-width:900px}.status{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(114,216,255,.25);border-radius:999px;background:rgba(6,11,19,.6);color:#c9efff;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.status i{width:7px;height:7px;border-radius:50%;background:#63dd9a;box-shadow:0 0 15px #63dd9a}.hero h1{font-family:"Space Grotesk";font-size:clamp(4rem,7.7vw,8.2rem);line-height:.91;letter-spacing:-.07em;margin:26px 0;max-width:1050px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#72d8ff 52%,#2f7dff);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:720px;color:#b0bac8;font-size:1.17rem;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:34px 0 46px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 24px;border:0;border-radius:12px;font-weight:800;font:inherit;cursor:pointer}.button.primary{background:linear-gradient(135deg,#eaf9ff,#72d8ff 45%,#2f7dff);color:#03101b;box-shadow:0 16px 50px rgba(47,125,255,.28)}.button.primary:hover{transform:translateY(-2px)}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);max-width:820px;border-top:1px solid var(--line);padding-top:24px}.hero-meta div{padding-right:24px}.hero-meta div+div{padding-left:24px;border-left:1px solid var(--line)}.hero-meta strong,.hero-meta span{display:block}.hero-meta strong{font-size:.9rem}.hero-meta span{margin-top:5px;color:var(--muted);font-size:.78rem}.scroll-cue{position:absolute;z-index:2;right:4vw;bottom:45px;color:#aab4c3;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;writing-mode:vertical-rl}.scroll-cue span{margin-top:12px;color:#fff}
.kicker{display:inline-block;margin-bottom:16px;color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:52px}.section-heading h2,.schools-copy h2,.about-copy h2,.contact-copy h2{font-family:"Space Grotesk";font-size:clamp(2.7rem,5vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:0}.section-heading p,.schools-copy>p,.about-copy>p,.contact-copy>p{color:var(--muted);font-size:1.04rem;line-height:1.75;margin:0}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.service-card{grid-column:span 2;position:relative;min-height:340px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018));overflow:hidden;transition:.25s}.service-card:nth-child(4){grid-column:2/span 2}.service-card>span{position:absolute;right:22px;top:20px;color:#667181;font:700 .8rem "Space Grotesk"}.service-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(47,125,255,.12);border:1px solid rgba(114,216,255,.24);color:var(--cyan);font-size:1.35rem}.service-card h3{font-family:"Space Grotesk";font-size:1.55rem;margin:70px 0 12px;letter-spacing:-.03em}.service-card p{color:var(--muted);line-height:1.65}.service-card a{position:absolute;left:28px;bottom:27px;color:#d9f5ff;font-size:.86rem;font-weight:700}.service-card:hover{transform:translateY(-5px);border-color:rgba(114,216,255,.3);background:linear-gradient(160deg,rgba(47,125,255,.11),rgba(255,255,255,.02))}
.showcase{background:#05070b}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:280px;gap:16px}.work-card{grid-column:span 4;position:relative;margin:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#080c13}.work-large{grid-column:span 8;grid-row:span 2}.work-card:nth-child(2){grid-row:span 2}.work-card img{height:100%;object-fit:cover;transition:.5s}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,8,.9),transparent 58%)}.work-card figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.work-card figcaption span,.work-card figcaption strong{display:block}.work-card figcaption span{color:var(--cyan);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.work-card figcaption strong{margin-top:7px;font-size:1.08rem}.work-card:hover img{transform:scale(1.035)}
.schools{background:linear-gradient(135deg,#07111f,#030509 58%)}.schools-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.schools-copy ul{list-style:none;padding:0;margin:28px 0 34px;display:grid;gap:14px}.schools-copy li{color:#dbe2eb}.schools-copy li:before{content:"✓";color:var(--cyan);margin-right:12px;font-weight:800}.schools-copy>p{margin-top:24px}.schools-visual{position:relative}.schools-visual>img{height:600px;object-fit:cover;border-radius:26px;border:1px solid var(--line)}.project-card{position:absolute;left:-46px;bottom:36px;width:270px;padding:22px;border-radius:18px;background:rgba(3,5,9,.9);border:1px solid var(--line);backdrop-filter:blur(15px)}.project-card small{color:var(--cyan);text-transform:uppercase;letter-spacing:.13em}.project-card ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding-left:20px;margin-bottom:0}.project-card li{font-weight:700}
.process-section{background:#030509}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:34px 28px;border-right:1px solid var(--line)}.process-grid article:first-child{border-left:1px solid var(--line)}.process-grid span{color:var(--cyan);font:700 .75rem "Space Grotesk"}.process-grid h3{font:600 1.55rem "Space Grotesk";margin:46px 0 12px}.process-grid p{color:var(--muted);line-height:1.65}
.about{background:#05070b}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}.about-image img{height:650px;object-fit:cover;border-radius:26px;border:1px solid var(--line)}.about-copy>p{margin-top:22px}.values{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.values span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:#cbd4df;font-size:.82rem}
.contact{background:radial-gradient(circle at 10% 70%,rgba(47,125,255,.13),transparent 30%),#030509}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.contact-copy>p{margin-top:24px}.contact-list{margin-top:36px;border-top:1px solid var(--line)}.contact-list>a,.contact-list>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-list small{color:var(--muted)}.quote-form{display:grid;gap:17px;padding:32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.018))}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quote-form label{display:grid;gap:9px;color:#dce3ec;font-size:.82rem;font-weight:700}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#05080e;color:#fff;padding:15px;font:inherit;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(114,216,255,.08)}.form-note{color:var(--muted);font-size:.75rem;text-align:center;margin:0}.footer{padding:72px 0 28px;border-top:1px solid var(--line);background:#020306}.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:70px}.footer-brand img{width:190px;height:70px;object-fit:cover}.footer-brand p{max-width:390px;color:var(--muted);line-height:1.7}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}.footer-main strong{margin-bottom:8px}.footer-main a,.footer-main span{color:var(--muted);font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);color:#707a89;font-size:.78rem}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:85;display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:14px;background:#20c66a;color:#03140a;box-shadow:0 18px 55px rgba(32,198,106,.28)}.whatsapp-float span{font-size:.74rem}.whatsapp-float strong{font-size:.86rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.site-header{grid-template-columns:150px 1fr 155px}.nav{gap:18px}.section-heading,.schools-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.section-heading{gap:24px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card,.service-card:nth-child(4){grid-column:auto}.schools-visual{margin-top:10px}.project-card{left:24px}.process-grid{grid-template-columns:repeat(2,1fr)}.work-card,.work-large{grid-column:span 6}.work-card:nth-child(2){grid-row:auto}.work-large{grid-row:span 2}}
@media(max-width:760px){.section{padding:82px 0}.site-header{height:64px;grid-template-columns:1fr auto;padding:7px 12px}.brand{width:130px;height:44px}.header-call{display:none}.menu-button{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:16px;background:#05080e}.nav.open{display:flex}.hero{padding:140px 0 74px;min-height:820px}.hero h1{font-size:3.7rem}.hero-copy>p{font-size:1rem}.hero-actions{flex-direction:column}.hero-meta{grid-template-columns:1fr;gap:15px}.hero-meta div+div{padding-left:0;border-left:0}.scroll-cue{display:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:310px}.work-grid{grid-template-columns:1fr;grid-auto-rows:300px}.work-card,.work-large{grid-column:auto;grid-row:auto}.schools-visual>img,.about-image img{height:450px}.project-card{position:relative;left:auto;bottom:auto;width:100%;margin-top:12px}.process-grid{grid-template-columns:1fr}.process-grid article{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.field-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:38px}.footer-bottom{flex-direction:column;gap:12px}.whatsapp-float{left:14px;right:14px;justify-content:center}.contact-list>a,.contact-list>div{flex-direction:column;gap:6px}.section-heading h2,.schools-copy h2,.about-copy h2,.contact-copy h2{font-size:2.8rem}}