:root { --background:#05070a; --foreground:#f8fbff; --primary:#1769ff; --accent:#55b7ff; --line:rgba(255,255,255,.13); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none}
.site-header{height:88px;padding:0 clamp(24px,5vw,88px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line);background:linear-gradient(#04070bcf,transparent)}
.logo-wrap img{width:168px;height:48px;object-fit:contain;mix-blend-mode:screen}.site-header nav{display:flex;gap:36px;font-size:14px;color:#d3d9e2}.site-header nav a:hover{color:#fff}
.header-actions,.contact-actions{display:flex;align-items:center;gap:14px}.call-link{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#d8e7fa}.call-link:hover{color:#55b7ff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--primary);padding:16px 22px;border-radius:2px;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 14px 35px #0a4fd75c;transition:.25s}.button:hover{background:#3181ff;transform:translateY(-2px)}.button-small{padding:12px 17px;font-size:12px}
.hero{min-height:880px;position:relative;overflow:hidden;display:grid;align-items:end}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03070cec 0%,#041020a8 42%,#0204072b 72%),linear-gradient(0deg,#05070a 0%,transparent 35%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(to right,#0008,transparent 65%)}
.hero-content{position:relative;z-index:2;padding:190px clamp(24px,8vw,140px) 210px;max-width:880px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-weight:700;letter-spacing:.18em;font-size:12px;color:#dceaff}.eyebrow span{width:34px;height:2px;background:var(--accent)}
h1{font-size:clamp(58px,7vw,112px);line-height:.9;letter-spacing:-.065em;margin:24px 0 30px;max-width:850px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #84c8ff}.hero-copy{max-width:630px;color:#c6ced9;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.text-link{font-weight:700;font-size:14px}.text-link span{margin-left:10px;color:var(--accent)}
.hero-proof{position:absolute;z-index:3;right:clamp(24px,5vw,88px);bottom:64px;display:flex;border:1px solid var(--line);backdrop-filter:blur(15px);background:#07101bb8}.hero-proof div{padding:22px 26px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}.hero-proof div:last-child{border:0}.hero-proof strong{font-size:14px}.hero-proof span{font-size:12px;color:#9eacbc}
.ticker{height:88px;display:flex;align-items:center;justify-content:center;gap:8vw;border-block:1px solid var(--line);background:#07101a;color:#c9d9ed;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.ticker span{display:flex;align-items:center;gap:12px}.ticker svg{color:var(--accent);width:20px}
@media(max-width:800px){.site-header{height:72px}.site-header nav{display:none}.logo-wrap img{width:130px}.button-small{padding:10px 12px;font-size:10px}.hero{min-height:820px}.hero-media{object-position:56% center}.hero-shade{background:linear-gradient(90deg,#03070cf5,#04102094),linear-gradient(0deg,#05070a 0%,transparent 45%)}.hero-content{padding:150px 24px 230px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{left:24px;right:24px;bottom:42px;overflow-x:auto}.hero-proof div{min-width:155px;padding:16px}.ticker{height:auto;padding:24px;justify-content:flex-start;overflow-x:auto;gap:34px}.ticker span{min-width:max-content}}

.light-section{background:#f4f7fb;color:#0a1018}.section-kicker{color:#2b81ff;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;margin:0 0 20px}.light-section h2,.gallery h2,.feature-copy h2,.about h2,.contact h2,.stages h2,.dyno h2{font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.05em;margin:0}.light-section h2 span,.gallery h2 span,.feature-copy h2 span,.about h2 span,.contact h2 span,.stages h2 span,.dyno h2 span{color:#3181ff}
.intro{padding:120px clamp(24px,8vw,140px);display:grid;grid-template-columns:1.35fr .65fr;gap:9vw;align-items:end}.intro>p{font-size:18px;line-height:1.7;color:#5c6673;margin:0}
.services{padding:0 clamp(24px,8vw,140px) 130px}.services-head{margin-bottom:55px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd6df;border-left:1px solid #cfd6df}.service-grid article{position:relative;min-height:310px;padding:34px;border-right:1px solid #cfd6df;border-bottom:1px solid #cfd6df;transition:.3s}.service-grid article:hover{background:#0b1b31;color:white;transform:translateY(-5px);box-shadow:0 20px 50px #12284e30}.service-grid article>b{position:absolute;right:28px;top:26px;color:#8794a4;font-size:13px}.service-grid article>svg{color:#3181ff;width:32px;height:32px}.service-grid article>svg:last-child{position:absolute;bottom:28px;right:28px;width:20px}.service-grid h3{font-size:22px;margin:52px 0 12px}.service-grid p{line-height:1.6;color:#6b7582}.service-grid article:hover p{color:#bbc8d8}
.split-feature{display:grid;grid-template-columns:1.05fr .95fr;min-height:780px;background:#06101c}.feature-photo{position:relative;overflow:hidden}.feature-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#06101c 100%)}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:100px clamp(24px,7vw,120px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy>p:not(.section-kicker),.dyno p{font-size:17px;line-height:1.7;color:#aab6c5;max-width:620px}.feature-copy ul{padding:0;margin:24px 0 36px;list-style:none;display:grid;gap:14px}.feature-copy li{display:flex;gap:12px;align-items:center;color:#d7e0ea}.feature-copy li svg{color:#55b7ff;width:18px}
.gallery{padding:120px clamp(24px,8vw,140px)}.gallery-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.gallery-title>a{display:flex;gap:8px;align-items:center;color:#8cc8ff;font-weight:700}.gallery-title>a svg{width:18px}.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:300px 300px;gap:12px}.gallery-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:.35s}.gallery-grid img:hover{filter:saturate(1.1);transform:scale(.985)}.gallery-grid img:first-child{grid-row:1/3}.gallery-grid img:last-child{grid-column:2/4}
.testimonials{padding:120px clamp(24px,8vw,140px);display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.stars{display:flex;align-items:center;gap:5px;color:#1e70ff;margin-top:32px}.stars svg{width:18px}.stars b{font-size:13px;color:#4d5866;margin-left:10px}.quotes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quotes article{background:white;border:1px solid #d7dde5;padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:290px}.quotes svg{color:#2d7fff;width:30px}.quotes p{font-size:18px;line-height:1.6;color:#26303d}.quotes strong{font-size:14px}
.about{padding:120px clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about-image{height:620px;position:relative}.about-image img{width:100%;height:100%;object-fit:cover}.about-image span{position:absolute;right:-20px;bottom:36px;background:#1769ff;padding:18px 24px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.about>div:last-child>p:not(.section-kicker){font-size:17px;line-height:1.75;color:#9ba8b8;margin:28px 0 34px}
.contact{padding:110px clamp(24px,8vw,140px);background:#0b1a2d;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;border-top:1px solid var(--line)}.contact>div:first-child>p:not(.section-kicker){color:#aeb9c7;margin:22px 0 32px}.contact-details{display:grid;gap:18px}.contact-details>div{padding:28px;border:1px solid var(--line);display:flex;align-items:center;gap:18px;color:#cdd8e5}.contact-details svg{color:#55b7ff}
footer{text-align:center;padding:70px 30px 35px;background:#030508}footer>img{width:190px;mix-blend-mode:screen}.brand-links{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin:35px 0;color:#a4b0bf;font-size:13px}.brand-links a:hover{color:#55b7ff}footer>p{font-size:11px;color:#637080}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:20;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1769ff;box-shadow:0 12px 40px #1769ff80}.whatsapp-float svg{width:22px}
.performance-band{padding:90px clamp(24px,8vw,140px);background:#07101a}.performance-band>.section-kicker{text-align:center}.performance-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:auto}.performance-stats div{text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column}.performance-stats div:last-child{border:0}.performance-stats strong{font-size:clamp(48px,7vw,88px);color:#55b7ff}.performance-stats span{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#8594a6}
.remap-explain{padding:120px clamp(24px,8vw,140px);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.remap-explain>div>p:not(.section-kicker){font-size:18px;line-height:1.7;color:#5a6471}.benefit-list{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;gap:12px}.benefit-list span{padding:20px;border:1px solid #d2d9e2;display:flex;align-items:center;gap:10px;font-weight:700}.benefit-list svg{color:#1769ff;width:20px}
.stages{padding:120px clamp(24px,8vw,140px)}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}.stage-grid article{min-height:330px;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;align-items:flex-start;transition:.3s;background:linear-gradient(145deg,#0a1421,#05080d)}.stage-grid article:hover{border-color:#1769ff;transform:translateY(-6px)}.stage-grid b{color:#4c97ff}.stage-grid h3{font-size:32px;margin:60px 0 10px}.stage-grid p{color:#8e9bab;line-height:1.6}.stage-grid a{margin-top:auto;display:flex;align-items:center;gap:8px;font-weight:700;color:#74b5ff}.stage-grid a svg{width:17px}
.dyno{display:grid;grid-template-columns:1.15fr .85fr;background:#07101a;align-items:center}.dyno>img{width:100%;height:650px;object-fit:cover}.dyno>div{padding:80px clamp(24px,7vw,110px)}
@media(max-width:900px){.intro,.testimonials,.about,.contact,.remap-explain,.split-feature,.dyno{grid-template-columns:1fr}.service-grid,.stage-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 260px}.gallery-grid img:first-child{grid-row:auto}.gallery-grid img:last-child{grid-column:auto}.feature-photo{height:520px}.about-image{height:520px}.testimonials{gap:50px}.dyno>img{height:480px}}
@media(max-width:600px){.intro,.services,.gallery,.testimonials,.about,.contact,.remap-explain,.stages{padding-left:24px;padding-right:24px}.intro{padding-top:80px;padding-bottom:80px}.services{padding-bottom:85px}.service-grid,.stage-grid,.quotes,.benefit-list{grid-template-columns:1fr}.service-grid article{min-height:270px}.gallery-title{align-items:flex-start;gap:25px;flex-direction:column}.gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,270px)}.feature-photo{height:400px}.feature-copy{padding:80px 24px}.testimonials,.gallery,.about,.contact,.stages,.remap-explain{padding-top:85px;padding-bottom:85px}.about-image{height:430px}.about-image span{right:0}.performance-stats strong{font-size:42px}.performance-stats span{font-size:9px}.dyno>img{height:360px}.dyno>div{padding:70px 24px}.brand-hero h1{font-size:48px}}
.contact-details>a{padding:28px;border:1px solid var(--line);display:flex;align-items:center;gap:18px;color:#cdd8e5}.contact-details>a:hover{border-color:#3181ff;background:#10233b}.button-outline{background:transparent;border:1px solid #428cff;box-shadow:none}.button-outline:hover{background:#102f58}
@media(max-width:800px){.call-link{display:none}}
@media(max-width:600px){.contact-actions{align-items:stretch;flex-direction:column}}