@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--bg: #07111f;--bg-soft: #0a1627;--card: rgba(255, 255, 255, .055);--card-strong: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .1);--text: #f4f7fb;--muted: #9baac0;--accent: #60a5fa;--accent-2: #38bdf8;--white: #ffffff;--green: #22c55e;--shadow: 0 30px 80px rgba(0, 0, 0, .28);--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.1),transparent 32rem),var(--bg);font-family:DM Sans,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(calc(100% - 40px),var(--container));margin:0 auto}.section{position:relative;padding:112px 0}.section-kicker{display:inline-block;margin-bottom:14px;color:#8dc3ff;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-heading{max-width:690px;margin-bottom:48px}.section-heading.compact{margin-bottom:0}.section-heading h2,.story-heading h2,.partnership-copy h2,.contact-copy h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(2.1rem,4vw,4rem);line-height:1.05;letter-spacing:-.045em}.section-heading p{max-width:620px;margin:20px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.75}.header{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid rgba(255,255,255,.07);background:#07111fc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand img{width:158px;max-height:48px;object-fit:contain;object-position:left center}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a:not(.nav-cta){color:#c8d3e3;font-size:.92rem;font-weight:600;transition:.2s ease}.nav-links>a:not(.nav-cta):hover{color:#fff}.nav-cta{padding:12px 18px;border:1px solid rgba(96,165,250,.38);border-radius:12px;background:#60a5fa1a;font-size:.9rem;font-weight:700}.menu-button{display:none;padding:8px;color:#fff;border:0;background:transparent}.hero{min-height:100vh;padding-top:150px;display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:76px}.hero-glow{position:absolute;border-radius:999px;filter:blur(15px);pointer-events:none}.hero-glow-one{width:530px;height:530px;top:80px;right:-170px;background:#2563eb1a}.hero-glow-two{width:300px;height:300px;left:-100px;bottom:10%;background:#38bdf80f}.hero h1{margin:0;max-width:700px;font-family:Manrope,sans-serif;font-size:clamp(3rem,6.2vw,6rem);line-height:.98;letter-spacing:-.06em}.hero h1 span{display:block;color:#8dc3ff}.hero-text{max-width:640px;margin:28px 0 0;color:#a7b5c8;font-size:clamp(1rem,1.6vw,1.17rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border-radius:14px;font-weight:800;transition:.22s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#07111f;background:#e9f3ff;box-shadow:0 15px 45px #60a5fa2b}.button-ghost{color:#dbe8f8;border:1px solid var(--line);background:#ffffff09}.hero-points{display:flex;flex-wrap:wrap;gap:23px;margin-top:28px;color:#8f9eb1;font-size:.85rem;font-weight:600}.hero-points span{display:inline-flex;align-items:center;gap:7px}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.browser-card{position:relative;width:100%;max-width:520px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#0c1a2db8;box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-6deg) rotateX(2deg)}.browser-top{height:53px;display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff08}.browser-dots{display:flex;gap:6px}.browser-dots span{width:8px;height:8px;border-radius:50%;background:#ffffff3b}.browser-url{flex:1;padding:7px 12px;color:#75869d;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff06;font-size:.72rem}.browser-content{min-height:365px;padding:44px 35px;background:radial-gradient(circle at 80% 10%,rgba(37,99,235,.22),transparent 14rem),linear-gradient(145deg,rgba(255,255,255,.02),transparent)}.browser-brand-logo{width:92px;max-height:58px;margin-bottom:28px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 24px rgba(56,189,248,.08))}.browser-title-line{width:82%;height:20px;margin-bottom:11px;border-radius:999px;background:#eef5ffde}.browser-title-line.small{width:61%}.browser-copy-line{width:72%;height:8px;margin-top:26px;border-radius:999px;background:#a9bcd447}.browser-copy-line.medium{width:56%;margin-top:9px}.browser-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:54px}.mini-panel{min-height:88px;display:flex;flex-direction:column;justify-content:space-between;padding:14px;color:#dbe8f7;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09;font-size:.76rem;font-weight:700}.mini-panel span{color:#6384ac;font-size:.62rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{position:relative;min-height:280px;padding:28px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#ffffff0e,#ffffff06);transition:.24s ease}.service-card:hover{transform:translateY(-4px);border-color:#60a5fa45;background:linear-gradient(145deg,#60a5fa13,#ffffff08)}.service-number{position:absolute;top:23px;right:25px;color:#ffffff26;font-family:Manrope,sans-serif;font-size:.78rem;font-weight:800}.service-icon{width:47px;height:47px;display:grid;place-items:center;margin-bottom:42px;color:#9bcaff;border:1px solid rgba(96,165,250,.15);border-radius:13px;background:#60a5fa14}.service-card h3{margin:0 0 12px;font-size:1.18rem}.service-card p{margin:0;color:var(--muted);line-height:1.65;font-size:.92rem}.portfolio-section{background:#ffffff04;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.portfolio-heading{display:grid;grid-template-columns:1fr .62fr;gap:50px;align-items:end;margin-bottom:52px}.portfolio-heading>p{margin:0 0 5px;color:var(--muted);line-height:1.7}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{min-height:435px;display:flex;flex-direction:column;padding:26px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(96,165,250,.08),transparent 17rem),#ffffff09;transition:.25s ease}.project-card:hover{transform:translateY(-4px);border-color:#60a5fa4d}.project-card-static{cursor:default}.project-top{display:flex;align-items:center;justify-content:space-between;color:#899bb1;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.project-link-icon{width:38px;height:38px;display:grid;place-items:center;color:#bad8fa;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff09}.project-logo-wrap{height:170px;display:grid;place-items:center;margin:22px 0 8px}.project-logo-wrap img{width:min(72%,270px);max-height:125px;object-fit:contain}.project-fallback{display:none;width:min(82%,310px);min-height:100px;align-items:center;justify-content:center;padding:20px;color:#eaf2fb;border:1px dashed rgba(255,255,255,.16);border-radius:16px;font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:800;text-align:center}.project-copy{margin-top:auto}.project-copy h3{margin:0 0 10px;font-family:Manrope,sans-serif;font-size:1.55rem;letter-spacing:-.03em}.project-copy p{min-height:49px;margin:0;color:var(--muted);font-size:.91rem;line-height:1.6}.project-action{display:inline-block;margin-top:18px;color:#9bcaff;font-size:.82rem;font-weight:800}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.story-heading{position:sticky;top:115px;height:fit-content}.story-content{position:relative}.story-line{position:absolute;top:6px;bottom:8px;left:9px;width:1px;background:linear-gradient(to bottom,#60a5fab3,#ffffff12)}.story-item{position:relative;display:grid;grid-template-columns:105px 1fr;gap:32px;padding:0 0 54px 37px}.story-item:before{content:"";position:absolute;top:6px;left:4px;width:11px;height:11px;border:2px solid #7dbbff;border-radius:50%;background:var(--bg);box-shadow:0 0 0 5px #60a5fa0f}.story-item:last-child{padding-bottom:0}.story-year{padding-top:2px;color:#7092b9;font-size:.67rem;font-weight:800;letter-spacing:.12em}.story-item h3{margin:0 0 12px;font-size:1.25rem}.story-item p{margin:0;color:var(--muted);line-height:1.75}.story-item.featured>div:last-child{padding:23px;border:1px solid rgba(96,165,250,.14);border-radius:17px;background:#60a5fa0b}.story-title-with-icon{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#b9d9ff}.story-title-with-icon h3{margin:0}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#9bcaff;font-size:.9rem;font-weight:800}.partnership-card{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:58px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:radial-gradient(circle at 85% 20%,rgba(37,99,235,.13),transparent 18rem),#ffffff0a}.partnership-copy p{max-width:650px;margin:20px 0 0;color:var(--muted);line-height:1.75}.brands-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.brand-logo-only{min-height:180px;display:grid;place-items:center}.brand-logo-only img{width:min(100%,205px);max-height:135px;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.24))}.ponto-com-brand img{width:min(100%,235px);max-height:120px}.brand-plus{color:#6f849f;font-size:1.75rem;font-weight:500}.contact-section{padding-top:70px}.contact-card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr .85fr;gap:70px;padding:64px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:28px;color:#07111f;background:linear-gradient(125deg,#eef6ff,#f4efff 22%,#fff0f4 42%,#fff8e8,#edfbf5 78%,#edf5ff);background-size:320% 320%;animation:contact-rainbow 12s ease-in-out infinite;box-shadow:0 34px 90px #0000002e}.contact-card:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:-2;pointer-events:none;opacity:.38;background:radial-gradient(circle at 18% 32%,rgba(96,165,250,.35),transparent 23%),radial-gradient(circle at 78% 24%,rgba(192,132,252,.27),transparent 22%),radial-gradient(circle at 68% 76%,rgba(251,146,60,.22),transparent 24%),radial-gradient(circle at 28% 82%,rgba(45,212,191,.23),transparent 22%);filter:blur(22px);animation:contact-aurora 14s ease-in-out infinite alternate}.contact-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#ffffff52,#ffffff14)}@keyframes contact-rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes contact-aurora{0%{transform:translate3d(-2%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.08)}}.contact-copy,.contact-options{position:relative;z-index:1}.contact-copy .section-kicker{color:#245bd7}.contact-copy p{max-width:620px;margin:22px 0 0;color:#536174;line-height:1.72}.contact-options{display:flex;flex-direction:column;gap:12px}.contact-option{min-height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:15px;border:1px solid rgba(7,17,31,.1);border-radius:17px;background:#ffffff9e;box-shadow:0 12px 36px #1523370d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s ease}.contact-option:hover{transform:translate(3px);background:#ffffffe6}.contact-option.primary{color:#fff;border-color:#ffffff14;background:#07111ff2;box-shadow:0 20px 44px #07111f29}.contact-option-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#07111f12}.contact-option.primary .contact-option-icon{background:#ffffff1a}.contact-option span{display:block;margin-bottom:3px;color:#657386;font-size:.72rem;font-weight:700}.contact-option.primary span{color:#9db0c7}.contact-option strong{font-size:1rem}.contact-arrow{opacity:.55}.footer{padding:30px 0 24px}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.07)}.footer-logo{width:150px;max-height:52px;object-fit:contain;object-position:left center}.footer-grid p{margin:13px 0 0;color:#6f8197;font-size:.85rem}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{color:#8e9eb1;font-size:.83rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;color:#53647a;font-size:.75rem}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:90;min-height:53px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;color:#fff;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:#16a34a;box-shadow:0 18px 50px #0000004d;font-size:.84rem;font-weight:800;transition:.2s ease}.floating-whatsapp:hover{transform:translateY(-3px)}@media(max-width:980px){.section{padding:90px 0}.hero{padding-top:130px}.hero-grid,.story-grid,.partnership-card,.contact-card{grid-template-columns:1fr}.hero-grid{gap:44px}.hero-copy{text-align:center}.hero h1,.hero-text{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{min-height:430px}.browser-card{max-width:620px;transform:none}.services-grid{grid-template-columns:repeat(2,1fr)}.portfolio-heading{grid-template-columns:1fr;gap:22px}.story-grid{gap:50px}.story-heading{position:static}.partnership-card,.contact-card{gap:40px;padding:45px}}@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--container))}.section{padding:76px 0}.header{background:#07111feb}.nav{height:68px}.brand img{width:135px}.menu-button{display:block}.nav-links{position:absolute;top:68px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0a1627;box-shadow:0 24px 50px #00000052}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:13px 10px}.nav-cta{margin-top:7px;text-align:center}.hero{min-height:auto;padding-top:120px;padding-bottom:70px}.hero h1{font-size:clamp(2.75rem,14vw,4.4rem)}.hero-text{font-size:.98rem}.hero-actions{flex-direction:column}.button{width:100%}.hero-points{gap:12px 18px}.hero-visual{min-height:340px}.browser-content{min-height:280px;padding:32px 22px}.browser-panels{margin-top:37px}.mini-panel{min-height:75px;padding:10px;font-size:.63rem}.services-grid,.portfolio-grid{grid-template-columns:1fr}.service-card{min-height:240px}.project-card{min-height:400px}.story-item{grid-template-columns:1fr;gap:10px;padding-left:35px}.story-year{padding-top:0}.partnership-card,.contact-card{padding:30px 22px;border-radius:22px}.contact-card{background-size:420% 420%}.brands-row{grid-template-columns:1fr;gap:8px}.brand-logo-only{min-height:112px}.brand-logo-only img{width:min(74%,200px);max-height:100px}.ponto-com-brand img{width:min(78%,225px)}.brand-plus{text-align:center}.contact-option{grid-template-columns:auto 1fr}.contact-arrow{display:none}.footer-grid,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{gap:15px 20px}.floating-whatsapp{right:14px;bottom:14px;width:54px;padding:0;justify-content:center}.floating-whatsapp span{display:none}}@media(max-width:430px){.section-heading h2,.story-heading h2,.partnership-copy h2,.contact-copy h2{font-size:2.15rem}.hero-points{font-size:.76rem}.browser-card{border-radius:17px}.browser-top{height:44px}.browser-content{min-height:245px}.browser-panels{gap:6px}.project-logo-wrap{height:140px}}.scroll-progress{position:fixed;top:0;left:0;right:0;z-index:999;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,#60a5fa,#38bdf8,#a78bfa);box-shadow:0 0 18px #60a5fabf}.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.18) .65px,transparent .65px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%)}.portfolio-intro{margin:0 0 5px;color:var(--muted);line-height:1.7}.project-card:before,.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 0%,rgba(96,165,250,.13),transparent 55%);transition:opacity .25s ease}.project-card:hover:before,.service-card:hover:before{opacity:1}.project-card{position:relative}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}