:root{--navy:#001f2b;--cyan:#00c5e5;--ink:#12333f;--muted:#536b76;--pale:#eef8fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #008fa9;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-inline:36px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header{background:#fff;border-bottom:1px solid #e4edf0;position:sticky;top:0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:96px}.brand{width:208px;height:66px;object-fit:contain;display:block}.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}.btn{background:var(--cyan);color:var(--navy);font-weight:700;padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;line-height:1.35;transition:background .2s,transform .2s}.btn:hover{background:#54ddf2;transform:translateY(-2px)}.btn.small{font-size:14px;padding:13px 19px}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding-top:80px;padding-bottom:84px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;margin:0 0 20px}.hero .eyebrow{color:var(--cyan)}h1,h2,h3{line-height:1.1;letter-spacing:-.04em;margin:0;font-weight:750}h1{font-size:clamp(3rem,5.1vw,4.65rem)}h1 span{color:var(--cyan)}.lead{font-size:19px;max-width:500px;color:#c8dbe1;margin:28px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-note{font-size:14px;color:#a9c3cd;margin:23px 0 0}.ecosystem{border:1px solid #3e6573;background:#0c303e;padding:29px;border-radius:22px;transform:rotate(-2deg);box-shadow:16px 18px 0 #003646}.ecosystem-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;letter-spacing:.08em;color:#adcbd5}.pill{background:#144351;color:#b8edf5;padding:5px 9px;border-radius:20px;font-size:12px;letter-spacing:0}.ecosystem h2{font-size:25px;margin:24px 0;line-height:1.2}.channel{display:flex;align-items:center;gap:16px;border-top:1px solid #315260;padding:20px 0}.channel:hover h3{color:var(--cyan)}.channel-icon{font-weight:700;font-size:23px;border:1px solid #4a6e7b;display:grid;place-items:center;border-radius:12px;width:48px;height:48px;color:var(--cyan)}.channel:last-of-type .channel-icon{font-size:13px}.channel h3{font-size:20px;letter-spacing:-.02em}.channel p{font-size:14px;color:#aac5ce;margin:5px 0 0}.num{margin-left:auto;color:#7c9ba8;font-size:12px}.ecosystem-foot{font-size:13px;border-top:1px solid #315260;padding-top:18px;color:#a8c5d0}.band{background:var(--cyan);color:var(--navy)}.band .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:17px;font-size:14px;font-weight:700}.section{padding-top:88px;padding-bottom:88px}.section-head{max-width:740px;margin-bottom:42px}h2{font-size:clamp(2rem,3.3vw,3.15rem)}.section-head>p:last-child,.challenge p{color:var(--muted);max-width:560px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{border:1px solid #d4e5ec;border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;background:#fff}.service:nth-child(2){background:var(--pale)}.service:nth-child(3){background:#dff8fd;border-color:#b3e9f3}.tag{font-size:12px;font-weight:700;letter-spacing:.07em;color:#476571}.service h3{font-size:29px;margin-top:30px}.service p{color:var(--muted);font-size:16px;margin:20px 0 28px}.service a{font-size:14px;font-weight:700;border-bottom:1px solid #1a7187;margin-top:auto}.continuity{margin-top:28px;border-top:1px solid #dce9ee;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.continuity .eyebrow{font-size:12px}.continuity h3{font-size:25px;margin-top:10px}.continuity p{margin:0;color:var(--muted)}.challenge{background:var(--pale)}.challenge-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.choices{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.choices button{font-size:14px;padding:11px 16px;cursor:pointer;border:1px solid #bed6df;border-radius:30px;background:white;color:var(--ink)}.choices button[aria-pressed=true]{color:white;background:var(--navy);border-color:var(--navy)}.recommendation{padding:30px;border:1px solid #c7e2eb;border-radius:16px;background:#fff;min-height:270px}.recommendation h3{font-size:25px;margin-top:18px}.recommendation .btn{font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:2px solid var(--cyan);padding-top:20px}.steps span{color:#65818d;font-size:14px}.steps h3{font-size:25px;margin-top:22px}.steps p{color:var(--muted)}.about{background:#f5f8f9}.about-grid{display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:center}.portrait img{width:100%;height:320px;object-fit:cover;object-position:center 36%;border-radius:16px;display:block}.portrait div{padding-top:16px;display:flex;flex-direction:column}.portrait strong{font-size:17px}.portrait span{font-size:14px;color:var(--muted)}.about p:not(.eyebrow){max-width:660px;color:var(--muted)}.about .text-link{display:inline-block;margin-top:14px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}details{border-bottom:1px solid #d4e3e9;padding:20px 0}summary{cursor:pointer;font-weight:700;list-style-position:outside;margin-left:18px;padding-left:5px}details p{color:var(--muted);margin-bottom:0}.closing{background:var(--navy);color:#fff;text-align:center;padding:76px 0}.closing .eyebrow{color:var(--cyan)}.closing .btn{margin-top:32px}.closing p:last-child{color:#b5cdd6;font-size:14px}footer{display:flex;justify-content:space-between;gap:24px;padding-block:30px;font-size:13px;color:var(--muted)}@media(max-width:900px){.hero-grid{gap:35px}.hero h1{font-size:3.4rem}.nav nav{gap:16px}.challenge-grid{gap:35px}.service{padding:22px}.steps{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}.faq{gap:30px}}@media(max-width:680px){.wrap{padding-inline:22px}.nav{min-height:80px;gap:12px}.brand{width:160px;height:51px}.nav nav{display:none}.btn.small{font-size:12px;padding:11px 12px}.hero-grid{grid-template-columns:1fr;padding-top:50px;padding-bottom:55px;gap:45px}.hero h1{font-size:3.15rem}.lead{font-size:17px}.ecosystem{transform:none;box-shadow:8px 10px 0 #003646;padding:24px}.band .wrap{flex-wrap:wrap;gap:7px 20px;font-size:12px}.section{padding-top:58px;padding-bottom:58px}.cards,.challenge-grid,.continuity,.faq{grid-template-columns:1fr}.cards{gap:15px}.service h3{margin-top:20px}.continuity{gap:15px}.challenge-grid{gap:26px}.steps{gap:25px 18px}.steps h3{font-size:21px}.steps p{font-size:15px}.about-grid{grid-template-columns:1fr;gap:32px}.portrait{max-width:210px}.portrait img{height:240px}.about h2{font-size:2.1rem}.faq{gap:20px}.closing{padding:58px 0}footer{flex-direction:column;gap:10px}.eyebrow{font-size:12px}.actions{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 
.hero-grid{grid-template-columns:1.12fr 1fr;gap:45px}.hero h1{font-size:clamp(2.9rem,4.5vw,4rem)}.lead-flow{background:#0c303e;border:1px solid #345866;border-radius:22px;padding:28px 23px}.flow-caption{font-size:12px;letter-spacing:.12em;color:#b1cdd7;margin:0 0 26px;font-weight:700}.flow-layout{display:grid;grid-template-columns:minmax(0,1.18fr) 48px minmax(0,1fr);align-items:center}.sources{display:grid;gap:14px}.source{display:flex;align-items:center;gap:11px;min-height:82px;border:1px solid #43616c;border-radius:12px;background:#153c4a;padding:13px 10px}.flow-icon{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:white;border-radius:9px}.flow-icon img{display:block}.flow-icon.web{background:#164e61;color:#60e4fa}.flow-icon svg{width:25px;height:25px}.source strong{display:block;font-size:16px;line-height:1.3}.source small{display:block;color:#bdd0d7;font-size:12px;line-height:1.4;margin-top:4px}.connections{height:278px}.connections svg{width:100%;height:100%;fill:none;stroke:#00c5e5;stroke-width:2}.destination{text-align:center;border:1px solid #38b878;background:#103f37;border-radius:15px;padding:24px 10px}.wa-icon{background:#168a52;width:74px;height:74px;display:grid;place-items:center;border-radius:22px;margin:0 auto 20px}.destination strong{font-size:18px;line-height:1.3;display:block}.destination p{font-size:14px;color:#c1e8d7;line-height:1.5;margin:13px 0 0}.flow-bottom{border-top:1px solid #315260;color:#b0cbd5;font-size:13px;padding-top:18px;margin:26px 0 0}@media(max-width:680px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(2.5rem,9.4vw,3.3rem)}.lead-flow{padding:23px 16px}.flow-layout{grid-template-columns:1.2fr 32px 1fr}.source{padding:10px 8px;gap:8px}.source strong{font-size:14px}.source small{font-size:12px}.flow-icon{width:29px;height:33px}.flow-icon img{width:22px;height:22px}.destination{padding:22px 8px}.destination strong{font-size:16px}.destination p{font-size:13px}.wa-icon{width:58px;height:58px;border-radius:16px}.wa-icon img{width:37px;height:37px}}@media(max-width:360px){.flow-layout{grid-template-columns:1fr}.connections{height:45px;transform:rotate(90deg);width:45px;margin:auto}.sources{gap:10px}.destination{max-width:230px;width:100%;margin:auto}.source small{font-size:13px}}
/* v03: visible service actions and subdued city map */
.service a{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:15px 18px;background:var(--cyan);color:var(--navy);border:2px solid var(--cyan);border-radius:9px;font-size:16px;font-weight:700;line-height:1.4;text-align:center;box-shadow:0 4px 0 rgba(0,31,43,.12);transition:background .2s,transform .2s}.service a:hover{background:#6ce6f7;border-color:#6ce6f7;transform:translateY(-2px)}.hero{position:relative;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:url('assets/city-map.webp') center/cover no-repeat;opacity:.22;z-index:-1;pointer-events:none}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,43,.62),rgba(0,31,43,.18));z-index:-1;pointer-events:none}.lead-flow{background:rgba(12,48,62,.96)}@media(max-width:680px){.service a{font-size:16px;min-height:58px}.hero::before{opacity:.17}.hero::after{background:rgba(0,31,43,.3)}}
.motion-flow{background:rgba(12,48,62,.96);border:1px solid #345866;border-radius:22px;padding:27px 20px;color:#fff}.journey{height:240px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.journey-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0;fill:none;stroke:var(--cyan);stroke-width:2}.journey-node{position:relative;z-index:1;align-self:center;text-align:center;background:#0c303e;padding:7px 2px;border-radius:12px}.journey-node strong{font-size:14px;display:block;line-height:1.35;margin-top:10px}.journey-node small{font-size:12px;display:block;color:#b9d0d9;line-height:1.4;margin-top:5px}.node-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:16px;background:white;color:var(--cyan);border:1px solid #9cdce8}.node-icon svg{width:37px;height:37px}.person{grid-column:1;grid-row:1/3}.instagram-node{grid-column:2;grid-row:1}.google-node{grid-column:2;grid-row:2}.site-node{grid-column:3;grid-row:1/3}.whatsapp-node{grid-column:4;grid-row:1/3}.person .node-icon,.site-node .node-icon{background:#174353}.whatsapp-node .node-icon{background:#168a52;border-color:#45c184}.motion-brand{background:white;border-radius:12px;margin-top:18px;padding:12px;display:flex;align-items:center;gap:14px}.motion-brand img{width:150px;height:auto}.motion-brand span{color:var(--navy);font-size:13px;line-height:1.5}.motion-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #365563;padding-top:16px;margin-top:20px;color:#bdd1d9;font-size:12px}.motion-foot button{background:none;border:1px solid #62838f;color:white;font-size:12px;border-radius:6px;padding:8px 10px;cursor:pointer;flex-shrink:0}.playing .journey-node{animation:node-in .4s both}.playing .person{animation-delay:0s}.playing .instagram-node,.playing .google-node{animation-delay:.7s}.playing .site-node{animation-delay:1.7s}.playing .whatsapp-node{animation-delay:2.6s}.playing .motion-brand{animation:node-in .4s 3.5s both}.playing .line{stroke-dasharray:400;stroke-dashoffset:400;animation:line-in .7s linear both}.playing .first{animation-delay:.35s}.playing .second{animation-delay:1.2s}.playing .third{animation-delay:2.1s}@keyframes node-in{from{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}@keyframes line-in{to{stroke-dashoffset:0}}@media(max-width:680px){.motion-flow{padding:22px 14px}.journey{gap:5px;height:235px}.node-icon{width:46px;height:46px;border-radius:12px}.node-icon img{width:27px;height:27px}.node-icon svg{width:30px;height:30px}.journey-node strong{font-size:12px}.journey-node small{font-size:12px}.motion-brand{flex-direction:column;text-align:center;gap:6px}.motion-brand img{width:170px}.motion-foot{flex-direction:column;text-align:center}.motion-foot button{min-height:40px}}@media(prefers-reduced-motion:reduce){.playing .journey-node,.playing .motion-brand,.playing .line{animation:none;opacity:1;transform:none;stroke-dashoffset:0}}

/* Header introduction: ends at 3.9 seconds, then retains the brand. */
header .nav{min-height:166px;gap:28px}.header-motion{position:relative;width:460px;height:146px;padding:0;border:0;border-radius:0;background:transparent;flex-shrink:1;color:var(--navy)}.header-motion .journey{height:146px;gap:10px;grid-template-rows:1fr 1fr}.header-motion .journey-node{background:white;padding:3px 2px}.header-motion .node-icon{width:38px;height:38px;border-radius:11px}.header-motion .node-icon svg{width:26px;height:26px}.header-motion .node-icon img{width:24px;height:24px}.header-motion .journey-node strong{font-size:12px;margin-top:4px}.header-motion .journey-node small{display:none}.header-motion .person .node-icon,.header-motion .site-node .node-icon{color:#008ca8;background:#e3f8fc}.header-motion .motion-brand{position:absolute;inset:0;margin:0;padding:0;background:white;display:flex;align-items:center;justify-content:flex-start}.header-motion .motion-brand img{width:248px;height:auto}.header-motion.playing .journey{animation:header-away .3s 3.5s both}.header-motion:not(.playing) .journey{visibility:hidden}@keyframes header-away{to{opacity:0;visibility:hidden}}@media(max-width:900px){header .nav{gap:18px}.header-motion{width:360px}header .nav nav{gap:12px;font-size:13px}}@media(max-width:680px){header .nav{padding-top:8px;padding-bottom:14px;min-height:180px;flex-wrap:wrap;justify-content:flex-end;gap:0}.header-motion{width:100%;flex-basis:100%;height:132px}.header-motion .journey{height:132px}.header-motion .motion-brand{align-items:center;justify-content:center;flex-direction:row}.header-motion .motion-brand img{width:230px}.header-motion .journey-node strong{font-size:12px}.header-motion .node-icon{width:36px;height:36px}.nav .btn.small{font-size:14px;padding:11px 18px}}@media(prefers-reduced-motion:reduce){.header-motion .journey{display:none}.header-motion.playing .journey{animation:none}.header-motion .motion-brand{animation:none}}

.service-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-top:22px;border:1px solid #d5e8ee}.service p{margin-top:20px}

.header-motion .motion-brand{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.brand-radio{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}.brand-radio button{display:flex;align-items:center;gap:8px;background:#e7f9fc;border:1px solid #a4e1eb;color:var(--navy);border-radius:30px;min-height:40px;padding:7px 12px;font:inherit;font-weight:700;cursor:pointer}.brand-radio button:focus-visible,.radio-volume input:focus-visible{outline:3px solid #008ca8;outline-offset:3px}.radio-waves{height:20px;display:flex;align-items:center;gap:3px}.radio-waves i{display:block;width:3px;height:6px;border-radius:3px;background:#008ca8;transform-origin:center}.radio-waves i:nth-child(2),.radio-waves i:nth-child(4){height:12px}.radio-waves i:nth-child(3){height:18px}.is-listening .radio-waves i{animation:radio-pulse .75s ease-in-out infinite alternate}.radio-waves i:nth-child(2){animation-delay:-.2s}.radio-waves i:nth-child(3){animation-delay:-.45s}.radio-waves i:nth-child(4){animation-delay:-.1s}.radio-waves i:nth-child(5){animation-delay:-.35s}.radio-volume{display:flex;align-items:center;gap:6px;color:#486571}.radio-volume input{width:68px;accent-color:#008ca8;min-height:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes radio-pulse{to{transform:scaleY(.35)}}@media(max-width:680px){.header-motion .motion-brand{flex-direction:column;align-items:center;justify-content:center;gap:8px}.brand-radio{justify-content:center;gap:8px}.radio-volume input{width:58px}}@media(prefers-reduced-motion:reduce){.is-listening .radio-waves i{animation:none}}

/* Welcome invitation: click unlocks audio and reveals the existing site. */
body.entry-open{overflow:hidden}.site-entry[hidden]{display:none}.site-entry{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--navy);color:white;overflow:auto;isolation:isolate;padding:38px 22px}.entry-map{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,31,43,.35),rgba(0,31,43,.7)),url('assets/city-map.webp') center/cover no-repeat;opacity:.5}.entry-content{width:100%;max-width:750px;text-align:center;position:relative}.entry-logo{background:white;display:inline-flex;padding:12px 20px;border-radius:14px;margin-bottom:42px}.entry-logo img{width:250px;max-width:100%;height:auto;display:block}.entry-kicker{color:var(--cyan);font-size:13px;font-weight:700;letter-spacing:.14em;margin:0 0 22px}.entry-content h2{font-size:clamp(2.7rem,6.2vw,4.7rem);line-height:1.08;letter-spacing:-.045em}.entry-content h2 span{color:var(--cyan)}#entry-description{font-size:19px;line-height:1.6;color:#c6dce5;margin:25px 0 32px}.entry-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:66px;max-width:100%;border:1px solid #65e8fc;border-radius:12px;background:var(--cyan);color:var(--navy);font-size:18px;line-height:1.4;font-weight:700;padding:18px 28px;cursor:pointer;box-shadow:0 0 0 7px rgba(0,197,229,.08),0 14px 45px rgba(0,197,229,.16);transition:transform .2s,background .2s;animation:entry-glow 2s ease-in-out infinite}.entry-button:hover{background:#6ce6f7;transform:translateY(-3px)}.entry-button:focus-visible{outline:3px solid white;outline-offset:8px}.entry-audio-note{display:flex;align-items:center;justify-content:center;gap:9px;color:#b5cfd9;font-size:13px;line-height:1.6;margin:22px auto 0;max-width:460px}.entry-sound{display:flex;align-items:center;gap:3px;height:20px;flex-shrink:0}.entry-sound i{width:3px;height:8px;border-radius:3px;background:var(--cyan);animation:radio-pulse .9s infinite alternate}.entry-sound i:nth-child(2),.entry-sound i:nth-child(4){height:14px;animation-delay:-.3s}.entry-sound i:nth-child(3){height:20px;animation-delay:-.6s}.entry-leaving{pointer-events:none;animation:entry-reveal .7s cubic-bezier(.7,0,.2,1) both}.entry-leaving .entry-content{animation:entry-content-out .5s ease both}.entry-leaving .entry-map{animation:entry-map-out .7s ease both}@keyframes entry-glow{50%{box-shadow:0 0 0 12px rgba(0,197,229,.04),0 14px 50px rgba(0,197,229,.25)}}@keyframes entry-reveal{to{opacity:0;transform:translateY(-6%);visibility:hidden}}@keyframes entry-content-out{to{opacity:0;transform:translateY(-28px) scale(.96)}}@keyframes entry-map-out{to{transform:scale(1.08);opacity:0}}@media(max-width:680px){.entry-logo{margin-bottom:32px;padding:10px 16px}.entry-logo img{width:225px}.entry-kicker{font-size:12px;letter-spacing:.09em}.entry-content h2{font-size:clamp(2.4rem,10.5vw,3.7rem)}#entry-description{font-size:17px}.entry-button{width:100%;font-size:17px;padding:17px 18px}.entry-audio-note{font-size:13px;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.entry-button,.entry-sound i,.entry-leaving,.entry-leaving .entry-content,.entry-leaving .entry-map{animation:none}}

.entry-instruction{font-size:17px;color:#c6dce5;margin:18px 0 0;line-height:1.5}