:root{--b:#073B78;--ink:#122238;--muted:#64748a;--accent:#F7931E;--paper:#f4f7fa;--line:#dce4ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}
nav{position:absolute;z-index:4;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;color:white}.logo{font-size:21px;font-weight:800;letter-spacing:-.5px}.logo i{color:var(--accent);font-style:normal}nav .links{display:flex;gap:28px;font-size:12px;color:#d7e4f2}nav .contactlink{border:1px solid #ffffff70;padding:11px 16px;font-size:12px}
.hero{min-height:740px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#1764a8 0,#0b4b8b 32%,#073b78 70%);color:white;padding:130px 0 80px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 40%)}.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff22;border-radius:50%;right:-70px;top:60px;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff06,0 0 0 195px #ffffff04}
.hero .copy{position:relative;z-index:2;max-width:760px}.eyebrow,.label{font:700 11px ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase}.eyebrow{color:#c6d8eb}.hero h1{font-size:clamp(55px,8vw,104px);line-height:.92;letter-spacing:-.075em;margin:25px 0;font-weight:780}.hero h1 em{font-style:normal;color:var(--accent)}.lead{font-size:clamp(17px,2vw,21px);line-height:1.65;color:#e0eaf4;max-width:650px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;gap:25px;align-items:center;padding:16px 21px;background:var(--accent);color:#15263b;font-size:13px;font-weight:800;border-radius:3px;transition:.2s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.ghost{font-size:13px;color:white;border-bottom:1px solid #ffffff80;padding-bottom:8px}.meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:70px;color:#c4d5e7;font:10px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase}.meta span:before{content:"✳";color:var(--accent);margin-right:8px}
.art{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:390px;height:390px;z-index:1}.ring{position:absolute;inset:10px;border:1px solid #ffffff45;border-radius:50%;animation:spin 36s linear infinite}.ring.two{inset:55px;border-style:dashed;animation-direction:reverse;animation-duration:48s}.ring.three{inset:105px;border-color:#F7931E88}.core{position:absolute;inset:125px;border-radius:50%;background:linear-gradient(145deg,#fff,#c9d9e9);color:var(--b);display:grid;place-items:center;text-align:center;font-size:11px;font-weight:900;letter-spacing:1px;box-shadow:0 0 65px #a9d1ff55}.node{position:absolute;padding:10px 13px;background:#ffffff16;border:1px solid #ffffff55;backdrop-filter:blur(8px);font:10px ui-monospace,monospace;letter-spacing:1px}.n1{top:22px;left:50%}.n2{right:-5px;top:54%}.n3{left:0;bottom:35px}
.ticker{background:var(--accent);padding:15px 0;overflow:hidden;white-space:nowrap;color:#1b2d43;font:800 11px ui-monospace,monospace;letter-spacing:1.5px}.ticker span{display:inline-block;animation:marquee 30s linear infinite}
section.content{padding:108px 0}.label{color:var(--b);margin-bottom:23px}.intro,.timeline{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.title{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.06em;margin:0;font-weight:760}.blue{color:var(--b)}.bodycopy{font-size:16px;line-height:1.85;color:var(--muted)}.bodycopy strong{color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:42px;border:1px solid var(--line)}.stat{background:white;padding:21px}.stat b{display:block;color:var(--b);font-size:30px;letter-spacing:-2px}.stat span{font:10px ui-monospace,monospace;color:var(--muted);text-transform:uppercase}
.dark{background:#101e30;color:white}.dark .label{color:var(--accent)}.caphead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.caphead p{max-width:310px;color:#adbdcf;line-height:1.7;font-size:14px}.caps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cap{grid-column:span 2;min-height:220px;padding:26px;border:1px solid #ffffff25;background:linear-gradient(145deg,#ffffff09,#ffffff02);transition:.25s}.cap:nth-child(4),.cap:nth-child(5){grid-column:span 3}.cap:hover{border-color:var(--accent);transform:translateY(-4px)}.cap small{color:var(--accent);font:11px ui-monospace,monospace}.cap h3{font-size:20px;margin:30px 0 12px}.cap p{font-size:13px;line-height:1.7;color:#adbdcf;margin:0}
.projects{background:#eaf0f6}.projecthead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.projecthead p{max-width:340px;color:var(--muted);line-height:1.7;font-size:14px}.project{display:grid;grid-template-columns:1.1fr .9fr;min-height:330px;background:white;margin:18px 0;overflow:hidden}.project.reverse{grid-template-columns:.9fr 1.1fr}.project.reverse .visual{order:2}.visual{min-height:310px;display:grid;place-items:center;background:var(--b);position:relative;overflow:hidden}.visual:before{content:"";position:absolute;width:350px;height:350px;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 45px #ffffff0b,0 0 0 90px #ffffff08}.kare,.portal{position:relative;z-index:1;color:white;text-align:center}.kare b{display:block;font-size:65px;letter-spacing:-6px}.kare span{font:11px ui-monospace,monospace;letter-spacing:3px;color:var(--accent)}.portal{border:1px solid #ffffff70;padding:32px 38px;text-align:left}.portal small{font:10px ui-monospace,monospace;letter-spacing:2px}.portal b{display:block;font-size:36px;line-height:.95;margin:25px 0;letter-spacing:-2px}.p-copy{padding:44px;align-self:center}.tag{font:10px ui-monospace,monospace;color:var(--b);letter-spacing:1.5px}.p-copy h3{font-size:33px;letter-spacing:-1.5px;margin:13px 0}.p-copy p{font-size:14px;line-height:1.8;color:var(--muted)}.link{display:inline-flex;gap:17px;color:var(--b);font-size:13px;font-weight:800;border-bottom:1px solid #9eb0c4;padding-bottom:8px;margin-top:12px}
.timeline-list{border-top:1px solid var(--line)}.milestone{display:grid;grid-template-columns:145px 1fr;gap:28px;padding:29px 0;border-bottom:1px solid var(--line)}.date{font:11px ui-monospace,monospace;color:var(--b)}.milestone h3{margin:0 0 7px;font-size:22px}.role{font-size:13px;font-weight:700;color:var(--b);margin:0 0 13px}.milestone p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.knowledge{background:#e4ebf3}.knowgrid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.knowgrid h3{font:700 11px ui-monospace,monospace;letter-spacing:1.5px;color:var(--b);margin-top:24px}.knowgrid p{font-size:14px;line-height:1.9;color:var(--muted)}
.contact{background:var(--b);color:white;padding:90px 0 35px;position:relative;overflow:hidden}.contact:after{content:"IG";position:absolute;right:4%;bottom:-145px;font-size:390px;font-weight:900;letter-spacing:-.12em;color:#ffffff08;pointer-events:none}.contact .label{color:var(--accent)}.contact h2{font-size:clamp(46px,7vw,84px);line-height:.98;letter-spacing:-.07em;max-width:900px;margin:0 0 24px;position:relative;z-index:1}.contact h2 em{font-style:normal;color:var(--accent)}.contact p{max-width:570px;color:#d0dfed;line-height:1.8;font-size:15px}.contact .actions{margin:32px 0 75px;position:relative;z-index:1}.brands{border-top:1px solid #ffffff40;padding-top:24px;display:flex;gap:32px;flex-wrap:wrap;font:11px ui-monospace,monospace;letter-spacing:1px;color:#d5e2ef;position:relative;z-index:1}.brands a:hover{color:var(--accent)}footer{background:#0b2c52;color:#b6c9dc;padding:22px 0;font:10px ui-monospace,monospace;letter-spacing:1px}footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js .reveal.on{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-35%)}}
@media(max-width:850px){.art{right:-110px;opacity:.5}.intro,.timeline{grid-template-columns:1fr;gap:32px}.caphead,.projecthead{display:block}.caps{grid-template-columns:repeat(2,1fr)}.cap,.cap:nth-child(4),.cap:nth-child(5){grid-column:span 1}.cap:last-child{grid-column:span 2}.project,.project.reverse{grid-template-columns:1fr 1fr}.p-copy{padding:30px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}nav{height:65px}.links{display:none!important}.hero{min-height:720px;padding:120px 0 65px}.hero h1{font-size:58px}.art{width:270px;height:270px;right:-125px;top:68%;opacity:.42}.core{inset:90px;font-size:9px}.ring.two{inset:38px}.ring.three{inset:72px}.node{font-size:8px}.meta{margin-top:52px;gap:13px}.content{padding:76px 0!important}.title{font-size:43px}.stats{grid-template-columns:1fr}.stat{padding:17px}.caps{grid-template-columns:1fr}.cap,.cap:nth-child(4),.cap:nth-child(5),.cap:last-child{grid-column:span 1;min-height:185px}.project,.project.reverse{grid-template-columns:1fr}.project.reverse .visual{order:0}.visual{min-height:225px}.p-copy{padding:27px}.p-copy h3{font-size:29px}.milestone{grid-template-columns:1fr;gap:12px}.knowgrid{grid-template-columns:1fr;gap:20px}.contact{padding:72px 0 30px}.contact h2{font-size:49px}.contact .actions{align-items:flex-start;flex-direction:column;margin-bottom:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
[hidden]{display:none!important}
.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;position:relative;z-index:1}
.contactgrid h2{font-size:clamp(40px,5vw,66px)}
.contactgrid .actions{margin:32px 0 0}
.contact .brands{margin-top:75px}
.cform{background:#fff;color:var(--ink);padding:34px;border-radius:3px;box-shadow:0 24px 60px #0004;scroll-margin-top:24px}
.cform h3{margin:0 0 22px;font-size:24px;letter-spacing:-1px}
.field{margin-bottom:16px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row2 .field{margin-bottom:6px}
.cform label{display:block;font:700 10px ui-monospace,monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--b);margin-bottom:7px}
.cform input,.cform textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:3px;background:var(--paper);font-family:inherit;font-size:15px;line-height:1.4;color:var(--ink)}
.cform input:focus,.cform textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);background:#fff}
.cform textarea{resize:vertical;min-height:120px}
.cform [aria-invalid=true]{border-color:#b42318}
.cform .emsg{color:#b42318;font-size:12px;line-height:1.4;margin:6px 0 0}.cform .emsg:empty{display:none}.cform .emsg[data-e=contacto]{margin:-6px 0 16px}
.cform .hint,.cform .legal{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 16px;max-width:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cform .btn{border:0;cursor:pointer;font-family:inherit}.cform .btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.cform .status{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--ink)}.cform .status:empty{display:none}.cform .status.ok{color:var(--b);font-weight:700}.cform .status.ko{color:#b42318;font-weight:600}
.privacy{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#04152bc4;backdrop-filter:blur(6px);animation:fadein .35s}
.privacy-card{max-width:520px;width:100%;background:#101e30;color:#fff;border:1px solid #ffffff25;border-top:3px solid var(--accent);padding:34px;border-radius:3px;box-shadow:0 30px 80px #0008;animation:rise .45s}
.privacy-card .label{color:var(--accent)}
.privacy-card h2{margin:0 0 16px;font-size:28px;letter-spacing:-1px;line-height:1.1}
.privacy-card p{font-size:14px;line-height:1.75;color:#c4d5e7;margin:0 0 12px}
.privacy-card .btn{border:0;cursor:pointer;font-family:inherit;margin-top:14px}
body.lock{overflow:hidden}
@keyframes fadein{from{opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(16px)}}
@media(max-width:850px){.contactgrid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.row2{grid-template-columns:1fr}.cform{padding:24px}.privacy-card{padding:26px}}