@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#080d19;color:#dce8ff;font-family:Manrope;overflow-x:hidden}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:14px max(17px,calc((100% - 1160px)/2));background:#0b1222ee}.brand,.btn{font-weight:700;text-decoration:none}.brand{color:#d6af53}.btn{background:#d6af53;color:#07101f;padding:10px 15px}.hero{width:min(1160px,calc(100% - 34px));margin:28px auto;display:grid;grid-template-columns:1fr 1fr;background:#101a30;border:1px solid #496386}.copy{padding:clamp(28px,5vw,60px)}h1,h2{color:#d6af53;line-height:1;margin:12px 0}h1{font-size:clamp(50px,7vw,92px)}h2{font-size:clamp(29px,3.7vw,48px)}p{line-height:1.7}.notice{font-size:17px;border-left:4px solid #d6af53;padding-left:14px}.visual,.media{position:relative;overflow:hidden}.visual{min-height:500px}.visual img,.media img{width:100%;height:100%;object-fit:cover}.ink{position:absolute;inset:0;background:radial-gradient(circle,#155daf99,transparent 60%);mix-blend-mode:screen;animation:bleed 4s ease-in-out infinite}@keyframes bleed{50%{transform:scale(1.5);opacity:.25}}.city{width:min(1160px,calc(100% - 34px));margin:35px auto;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.block{grid-column:span 4;background:#101a30;border:1px solid #496386}.block:nth-child(3n+2){grid-column:span 5;margin-top:45px}.block:nth-child(3n+3){grid-column:span 3}.block .copy{padding:24px}.media{height:230px}.faq,.legal{width:min(930px,calc(100% - 34px));margin:60px auto;padding:40px;background:#101a30;border:1px solid #496386}.legal p{font-size:18px}details{padding:13px 0;border-top:1px solid #496386}footer{text-align:center;padding:35px}footer a{color:#d6af53}@media(max-width:800px){.hero{width:100%;margin:0;display:block}.visual{height:250px;min-height:250px}.city{display:block;width:100%;padding:0 17px;margin:22px 0}.block,.block:nth-child(n){margin:20px 0}.media{height:250px}.btn{width:100%}.faq,.legal{width:calc(100% - 34px);padding:25px 18px}.legal p{font-size:17px}}

/* Isometric atlas rebuild: deliberately unlike the preceding anti-design grid. */
:root{--atlas-ink:#17333a;--atlas-paper:#f4efe1;--atlas-land:#ccd9ad;--atlas-water:#8dc6ca;--atlas-terra:#c97150;--atlas-line:#355f63}
body{background:var(--atlas-paper);color:var(--atlas-ink);background-image:linear-gradient(30deg,#355f6314 12%,transparent 12.5%,transparent 87%,#355f6314 87.5%,#355f6314),linear-gradient(150deg,#355f6314 12%,transparent 12.5%,transparent 87%,#355f6314 87.5%,#355f6314),linear-gradient(30deg,#355f6314 12%,transparent 12.5%,transparent 87%,#355f6314 87.5%,#355f6314),linear-gradient(150deg,#355f6314 12%,transparent 12.5%,transparent 87%,#355f6314 87.5%,#355f6314);background-size:36px 62px;background-position:0 0,0 0,18px 31px,18px 31px}.top{background:#f4efe1ee;color:var(--atlas-ink);border-bottom:2px solid var(--atlas-line)}.brand{color:var(--atlas-ink)}.btn{background:var(--atlas-terra);color:#fff;border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hero{display:block;width:min(1220px,calc(100% - 34px));margin:32px auto;background:transparent;border:0;position:relative;min-height:700px;overflow:visible}.hero .copy{position:absolute;z-index:2;left:0;top:88px;width:min(620px,58%);background:#f4efe1ee;border:2px solid var(--atlas-line);box-shadow:18px 18px 0 #c9715055;padding:clamp(30px,5vw,70px)}.hero h1{color:var(--atlas-ink);font-size:clamp(52px,7vw,100px)}.hero .notice{border-left-color:var(--atlas-terra)}.hero .visual{position:absolute;right:0;top:0;width:59%;height:640px;min-height:0;border:2px solid var(--atlas-line);clip-path:polygon(0 12%,73% 0,100% 25%,88% 100%,14% 93%);box-shadow:12px 12px 0 #8dc6ca}.hero .visual img{object-position:center}.hero .ink{background:radial-gradient(circle at 70% 20%,#c9715099,transparent 44%);mix-blend-mode:multiply}.city{display:block;width:min(1120px,calc(100% - 34px));margin:0 auto 65px;padding:42px 0 12px;border-left:3px solid var(--atlas-line);position:relative}.city:before{content:'ISOMETRIC ACCOUNT ATLAS';position:absolute;left:-2px;top:0;transform:translateY(-50%);background:var(--atlas-ink);color:var(--atlas-paper);padding:9px 14px;font:11px 'DM Mono';letter-spacing:.08em}.block,.block:nth-child(n){display:grid;grid-template-columns:110px minmax(0,1fr) 235px;gap:0;margin:0 0 24px 42px;min-height:300px;background:#f4efe1;border:2px solid var(--atlas-line);box-shadow:8px 8px 0 #8dc6ca;position:relative}.block:before{content:counter(atlas,decimal-leading-zero);counter-increment:atlas;display:grid;place-items:center;background:var(--atlas-land);font:700 24px 'DM Mono';border-right:2px solid var(--atlas-line)}.city{counter-reset:atlas}.block .copy{padding:27px 30px}.block .copy h2{color:var(--atlas-ink);font-size:clamp(27px,3vw,41px)}.block .media{height:auto;min-height:296px;border-left:2px solid var(--atlas-line);overflow:hidden}.block .media:after{content:'';position:absolute;inset:14px;border:1px dashed #f4efe1aa;pointer-events:none}.block:nth-child(even){margin-left:0;margin-right:42px;grid-template-columns:235px minmax(0,1fr) 110px}.block:nth-child(even):before{grid-column:3;grid-row:1;border-left:2px solid var(--atlas-line);border-right:0}.block:nth-child(even) .media{grid-column:1;grid-row:1;border-left:0;border-right:2px solid var(--atlas-line)}.block:nth-child(even) .copy{grid-column:2;grid-row:1}.faq,.legal{background:#f4efe1;border:2px solid var(--atlas-line);color:var(--atlas-ink);border-radius:0;box-shadow:10px 10px 0 #c9715066}.legal h2,.faq h2{color:var(--atlas-ink)}footer{background:var(--atlas-ink)}footer a{color:#d7e8cf}
@media(max-width:800px){body{background-size:24px 42px}.hero{width:100%;min-height:0;margin:0;display:flex;flex-direction:column}.hero .copy{position:relative;left:auto;top:auto;width:100%;box-shadow:none;border:0;padding:30px 20px;order:1}.hero .visual{position:relative;right:auto;top:auto;width:100%;height:260px;clip-path:none;border:0;box-shadow:none;order:2}.city{width:100%;padding:30px 17px 0;border-left:0}.city:before{left:17px}.block,.block:nth-child(n){display:flex;flex-direction:column;margin:0 0 22px;min-height:0;box-shadow:5px 5px 0 #8dc6ca}.block:before,.block:nth-child(even):before{display:block;padding:9px 16px;border:0;border-bottom:2px solid var(--atlas-line);order:0}.block .copy,.block:nth-child(even) .copy{order:1;padding:25px 18px}.block .media,.block:nth-child(even) .media{order:2;height:250px;min-height:250px;border:0;border-top:2px solid var(--atlas-line)}.block .copy h2{font-size:30px}.faq,.legal{border-radius:0;box-shadow:5px 5px 0 #c9715055}}


/* Hero title: restrained gold ink shimmer, readable by default. */
.hero h1{position:relative;display:inline-block;color:#d6af53;text-shadow:0 2px 0 #0a1425,0 0 0 transparent;isolation:isolate}
.hero h1::after{content:'';position:absolute;inset:-12px -20px;background:linear-gradient(110deg,transparent 28%,#fff4c8 44%,#d6af53 50%,transparent 68%);mix-blend-mode:screen;transform:translateX(-125%) skewX(-18deg);animation:titleInkShimmer 4.8s ease-in-out infinite;z-index:-1;filter:blur(7px);opacity:.85}
@keyframes titleInkShimmer{0%,24%{transform:translateX(-125%) skewX(-18deg);opacity:0}32%{opacity:.9}62%{transform:translateX(128%) skewX(-18deg);opacity:.82}72%,100%{transform:translateX(128%) skewX(-18deg);opacity:0}}
@media(max-width:800px){.hero h1::after{filter:blur(5px);inset:-8px -10px}}
@media(prefers-reduced-motion:reduce){.hero h1::after{animation:none;display:none}.hero h1{color:#d6af53;text-shadow:none}}


/* Title correction: remove the sweeping layer and reserve enough hero space before the atlas starts. */
.hero{min-height:800px!important;margin-bottom:74px!important}
.hero h1{display:block;color:#d6af53;text-shadow:0 2px 0 #0a1425,0 0 16px #d6af5344;animation:titleGoldBreath 3.6s ease-in-out infinite}
.hero h1::after{display:none!important;animation:none!important}
@keyframes titleGoldBreath{0%,100%{filter:drop-shadow(0 0 0 transparent);transform:translateY(0)}50%{filter:drop-shadow(0 0 12px #f6d67c99);transform:translateY(-2px)}}
@media(max-width:800px){.hero{min-height:0!important;margin-bottom:0!important}.hero h1{animation:titleGoldBreath 4.2s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.hero h1{animation:none!important;filter:none!important;transform:none!important}}