:root{--ink:#11100e;--gold:#ffb000;--yellow:#ffd22f;--red:#e52521;--white:#fffaf0;--muted:#c2b8a9;--line:rgba(255,255,255,.13);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--white);font-family:Inter,system-ui,sans-serif;background:#0c0b0a}.aurora{position:fixed;inset:-35%;z-index:-2;overflow:hidden;background:#0c0b0a}.aurora i{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.22;animation:drift 18s ease-in-out infinite alternate}.aurora i:nth-child(1){left:10%;top:0;background:#bd200d}.aurora i:nth-child(2){right:3%;top:28%;background:#ff8a00;animation-delay:-6s;animation-duration:23s}.aurora i:nth-child(3){left:25%;bottom:-15%;background:#7c180b;animation-delay:-12s;animation-duration:20s}@keyframes drift{to{transform:translate3d(12vw,-8vh,0) scale(1.18)}}.grain{position:fixed;inset:0;z-index:-1;opacity:.08;pointer-events:none;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' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.shell{position:relative;width:min(100%,540px);min-height:100vh;margin:auto;padding:28px 18px 42px}.profile{text-align:center;position:relative}.glass,.link{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.share{position:absolute;right:2px;top:4px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.06);color:white;display:grid;place-items:center;cursor:pointer;transition:.35s var(--ease)}.share:hover,.share:focus-visible{background:var(--gold);color:var(--ink);transform:rotate(-8deg) scale(1.05)}.share svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.brand-mark{width:138px;height:118px;margin:0 auto 10px;display:grid;place-items:center;filter:drop-shadow(0 15px 24px rgba(0,0,0,.42));animation:float 4s ease-in-out infinite}.brand-mark img{width:100%;height:100%;object-fit:contain}@keyframes float{50%{transform:translateY(-5px)}}.eyebrow{margin:0 0 9px;color:var(--gold);font-size:.74rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.profile h1{font:900 clamp(3.3rem,15vw,5rem)/.74 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:0;transform:rotate(-1deg);text-shadow:3px 3px 0 #000}.profile h1 span{color:var(--yellow);font-size:1.1em}.intro{font-size:.98rem;line-height:1.55;color:#ded7cc;max-width:420px;margin:20px auto 14px}.cities{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.cities i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(255,176,0,.1)}
.feature{position:relative;margin:26px 0 16px;height:218px;border-radius:25px;overflow:hidden;background:#4e0b07;border:1px solid rgba(255,196,87,.27);box-shadow:0 22px 60px rgba(0,0,0,.38);isolation:isolate}.feature:before{content:"";position:absolute;inset:-2px;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(110deg,transparent 15%,rgba(255,209,47,.9),transparent 50%);background-size:250% 100%;animation:shine 5s linear infinite;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}@keyframes shine{to{background-position:-250% 0}}.feature img{width:100%;height:100%;object-fit:cover;object-position:56% 50%;transform:scale(1.035);transition:1s var(--ease)}.feature:hover img{transform:scale(1.08)}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,9,7,.98),rgba(20,8,3,.72) 43%,transparent 73%)}.feature-copy{position:absolute;z-index:2;inset:0 44% 0 0;padding:24px 0 21px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy>span{text-transform:uppercase;color:#ffd99c;font-size:.67rem;font-weight:800;line-height:1.35;letter-spacing:.075em;max-width:130px}.feature-copy strong{font:900 2.45rem/.8 "Barlow Condensed";text-transform:uppercase;margin:8px 0 16px}.feature-copy button{border:0;color:var(--ink);background:var(--yellow);border-radius:999px;padding:10px 14px;font-size:.73rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px rgba(255,176,0,.24);transition:.25s var(--ease);white-space:nowrap}.feature-copy button:hover{background:white;transform:translateY(-2px)}
.links{display:grid;gap:12px}.link{appearance:none;width:100%;min-height:78px;display:grid;grid-template-columns:50px 1fr 24px;gap:13px;align-items:center;padding:11px 16px 11px 12px;color:white;text-align:left;font:inherit;text-decoration:none;background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:19px;box-shadow:0 9px 28px rgba(0,0,0,.17);cursor:pointer;transition:.3s var(--ease)}.link:hover,.link:focus-visible{transform:translateY(-4px) scale(1.008);border-color:rgba(255,209,43,.72);background:rgba(255,255,255,.105);box-shadow:0 16px 34px rgba(0,0,0,.24)}.link.primary{color:var(--ink);background:linear-gradient(110deg,var(--yellow),#f29700,var(--yellow));background-size:200%;border-color:transparent;animation:flow 4s linear infinite}.link.ifood{background:linear-gradient(120deg,#e62117,#bd1710)}@keyframes flow{to{background-position:200%}}.brand-icon{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.09);display:grid;place-items:center}.primary .brand-icon{background:rgba(18,16,14,.1)}.brand-icon img,.brand-icon svg{width:25px;height:25px;object-fit:contain}.map-icon svg{fill:none;stroke:currentColor;stroke-width:1.8}.link>span:nth-child(2){font:800 1.35rem/1.05 "Barlow Condensed";text-transform:uppercase}.link small{display:block;margin-bottom:4px;color:var(--muted);font:600 .68rem Inter;text-transform:none}.primary small{color:rgba(18,16,14,.62)}.ifood small{color:rgba(255,255,255,.72)}.link>b{font-size:1.25rem}.links:has(.link:hover) .link:not(:hover){opacity:.68;transform:scale(.985)}footer{text-align:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}footer p{font:800 1.06rem/1.2 "Barlow Condensed";text-transform:uppercase;color:var(--gold);letter-spacing:.045em;margin:0 auto 8px;max-width:390px}footer>span{font-size:.7rem;color:#827b72}
.unit-dialog{width:min(calc(100% - 28px),500px);padding:0;border:0;background:transparent;color:white;overflow:visible}.unit-dialog::backdrop{background:rgba(4,3,2,.76);backdrop-filter:blur(8px);animation:fade .25s}.unit-dialog[open]{animation:dialog .42s var(--ease)}@keyframes dialog{from{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes fade{from{opacity:0}}.dialog-card{position:relative;padding:29px 20px 20px;border-radius:27px;background:linear-gradient(145deg,#292018,#141210 65%);border:1px solid rgba(255,205,88,.23);box-shadow:0 35px 90px rgba(0,0,0,.6);overflow:hidden}.dialog-card:before{content:"";position:absolute;width:240px;height:240px;right:-120px;top:-130px;border-radius:50%;background:var(--red);filter:blur(70px);opacity:.24}.dialog-close{position:absolute;z-index:2;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.06);color:white;font-size:1.55rem;cursor:pointer}.dialog-kicker{color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dialog-card h2{margin:7px 0 5px;font:900 2.35rem/.95 "Barlow Condensed";text-transform:uppercase}.dialog-card>p{margin:0 0 20px;color:var(--muted);font-size:.82rem}.unit-list{position:relative;display:grid;gap:10px}.unit-card{display:grid;grid-template-columns:43px 1fr 22px;gap:12px;align-items:center;min-height:78px;padding:11px 13px;color:white;text-decoration:none;border-radius:17px;border:1px solid var(--line);background:rgba(255,255,255,.055);transition:.25s var(--ease)}.unit-card:hover,.unit-card:focus-visible{transform:translateX(4px);border-color:var(--gold);background:rgba(255,176,0,.09)}.unit-badge{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:900 1rem "Barlow Condensed"}.unit-card strong{display:block;font:800 1.2rem "Barlow Condensed";text-transform:uppercase}.unit-card small{display:block;margin-top:3px;color:var(--muted);font-size:.69rem;line-height:1.3}.dialog-card .dialog-note{min-height:15px;margin:13px 2px 0;color:#9a9186;font-size:.65rem}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 18px;background:white;color:var(--ink);border-radius:999px;font-size:.8rem;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{animation:reveal .75s var(--ease) both}.feature.reveal{animation-delay:.1s}.links.reveal{animation-delay:.18s}footer.reveal{animation-delay:.26s}@keyframes reveal{from{opacity:0;transform:translateY(18px)}}:focus-visible{outline:3px solid white;outline-offset:3px}@media(min-width:700px){.shell{padding-top:42px}.feature{height:230px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
