/* Mint architecture: illuminated glass, a shared route, deep financial space. */
.hero {
  background: radial-gradient(ellipse at 19% 25%, #ffffffed 0, #f1faf6c9 23%, transparent 56%),
    radial-gradient(ellipse at 84% 22%, #f5fff9 0, transparent 42%), #c9e3d9;
}
.hero .hero-atmosphere {
  inset: 0;
  overflow: hidden;
  transform: none;
  animation: none;
  pointer-events: none;
  background: linear-gradient(90deg, #f1faf6b0, transparent 62%),
    linear-gradient(180deg, #d8eae229, #8fbfb153);
}
.hero-atmosphere::before {
  content: "";
  position: absolute;
  inset: -9% -8% 13% 3%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='850' viewBox='0 0 1440 850'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='%23ffffff' stop-opacity='.06'/%3E%3Cstop offset='1' stop-color='%237db5a6' stop-opacity='.29'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)' stroke='%23ffffff' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='M55 0H340V618L55 740Z'/%3E%3Cpath d='M350 0H625V502L350 614Z'/%3E%3Cpath d='M638 0H905V386L638 499Z'/%3E%3Cpath d='M918 0H1175V275L918 383Z'/%3E%3Cpath d='M1189 0H1440V166L1189 270Z'/%3E%3C/g%3E%3Cg fill='none' stroke='%2382b4a6' stroke-opacity='.3' stroke-width='8'%3E%3Cpath d='M61 0V729M356 0V604M644 0V489M924 0V374M1195 0V262'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='3' stroke-opacity='.75'%3E%3Cpath d='M0 803L1440 181M0 821L1440 199'/%3E%3C/g%3E%3C/svg%3E") center / cover no-repeat;
  opacity: .82;
}
.hero-atmosphere::after {
  content: "";
  position: absolute;
  inset: 53% -15% -38%;
  filter: none;
  background: linear-gradient(135deg, #fafff9ab, #e2f2e91a 40%, #9bcab987),
    linear-gradient(90deg, transparent 17%, #ffffffad 17.15%, #ffffff19 17.5%, transparent 18%, transparent 55%, #ffffffd1 55.1%, transparent 55.5%);
  border-top: 3px solid #f5fff6;
  box-shadow: 0 -12px 27px #ffffff72, inset 0 9px 0 #8eb9a326, inset 0 11px 0 #ffffff90;
  transform: perspective(900px) rotateX(50deg) rotateZ(-8deg);
  transform-origin: center top;
}
.glass-pane {
  position: absolute;
  display: block;
  border: 1px solid #ffffffd9;
  background: linear-gradient(122deg, #ffffff05, #effff43b 40%, #639f8e20 70%, #e9fff45c);
  box-shadow: inset 2px 0 0 #ffffff77, inset -7px 0 0 #689e8b13, 12px 24px 40px #527f6f18;
  transform: skewY(-22deg);
}
.glass-pane.pane-a { width: 25%; height: 72%; top: -13%; right: 5%; }
.glass-pane.pane-b { width: 20%; height: 57%; top: 27%; right: -7%; background-color: #b8ded23d; }
.glass-pane.pane-c { width: 12%; height: 45%; bottom: 2%; left: -7%; background-color: #d3ecdf38; }
.light-orbit {
  position: absolute;
  inset: 6% -12% -2% 28%;
  background: radial-gradient(ellipse at 58% 50%, #ffffff8a, #dffff41a 40%, transparent 64%);
  filter: blur(22px);
  animation: glass-light 13s ease-in-out infinite alternate;
}
.hero-grain {
  position: absolute;
  inset: 0;
  opacity: .065;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23125343' filter='url(%23n)' opacity='.55' d='M0 0h170v170H0z'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}
.hero-product { position: relative; }
.hero-product::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -16px -17px 26px 22px;
  border: 1px solid #ffffffd9;
  border-radius: 11px;
  background: linear-gradient(130deg, #ffffff90, #d9f5e72b 70%);
  box-shadow: 0 20px 65px #205d4933;
  transform: rotate(2deg);
}
.hero-product .image-zoom img { box-shadow: 0 24px 45px #204d3c29, 0 1px 0 #ffffff; }
.route-wrap { position: relative; padding-top: 18px; }
.route-wrap::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: calc((1280px - 100vw) / 2 - 200px);
  right: calc((1280px - 100vw) / 2 - 200px);
  top: -68px;
  height: 255px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1800' height='255' viewBox='0 0 1800 255' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='s'%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M-20 0C120 0 110 149 240 149H1510C1620 149 1640 245 1820 245' fill='none' stroke='%235c9f88' stroke-opacity='.28' stroke-width='28' filter='url(%23s)'/%3E%3Cpath d='M-20 -8C120 -8 110 140 240 140H1510C1620 140 1640 236 1820 236' fill='none' stroke='%23ffffff' stroke-opacity='.85' stroke-width='18'/%3E%3Cpath d='M-20 -8C120 -8 110 140 240 140H1510C1620 140 1640 236 1820 236' fill='none' stroke='%23b4dfcc' stroke-width='11'/%3E%3Cpath d='M-20 -11C120 -11 110 137 240 137H1510C1620 137 1640 233 1820 233' fill='none' stroke='%23f1fff3' stroke-width='2'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.route::before {
  height: 12px;
  top: 15px;
  background: linear-gradient(#f8fff5, #d2f0df 40%, #aad3c0 70%, #f5fff6);
  box-shadow: 0 0 0 2px #ffffffda, 0 8px 13px #38634d25, 0 0 26px #f3fff8a6;
}
.route-node { box-shadow: 0 5px 12px #265b4936, inset 0 2px 3px #214c4433; }
.route [aria-selected="true"] .route-node {
  background: radial-gradient(circle at 35% 30%, #c8ff44, #9bd32c 60%, #77b51a);
  box-shadow: 0 0 0 6px #d6f8af66, 0 0 27px #a3dc438c, 0 5px 14px #42682026;
}
.finance-band {
  isolation: isolate;
  background: radial-gradient(ellipse at 64% 5%, #387b71, transparent 64%), linear-gradient(120deg, #083a3f, #125b5a 62%, #2f786b);
  box-shadow: inset 0 1px 0 #e8fff75c, inset 0 -1px 0 #ffffff69;
}
.finance-band::before {
  z-index: -1;
  inset: -35% -7%;
  background: linear-gradient(90deg, transparent 18%, #e3fff030 18.15%, #d8ffed05 18.6%, transparent 19%, transparent 69%, #e1fff742 69.15%, #164e3e22 69.5%, transparent 70%),
    linear-gradient(150deg, #b1e4cd44 0 11%, transparent 11.2% 86%, #e9fff44d 86.2%),
    radial-gradient(ellipse at 35% 90%, #87c6b131, transparent 50%);
  transform: skewY(-11deg);
}
.finance-band::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -5% -100px;
  height: 150px;
  border: 2px solid #eafff2b5;
  background: linear-gradient(170deg, #b1e2c963, #ebfff129 45%, #589a8024);
  transform: rotate(-7deg);
  box-shadow: 0 -6px 22px #c1ffdd33, inset 0 7px 0 #eafff226;
}
.contact-section { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 14% 22%, #ffffffd6, transparent 50%), linear-gradient(110deg, #dcefe4, #c1dfd2); }
.contact-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -15% -12%;
  transform: skewY(-12deg);
  background: linear-gradient(90deg, transparent 31%, #ffffffa6 31.15%, #ffffff0a 31.6%, transparent 32%, transparent 75%, #ffffffa6 75.15%, transparent 75.5%),
    linear-gradient(180deg, transparent 45%, #ffffffb3 45.2%, #ffffff1c 46%, transparent 65%, #ffffffbf 65.2%, transparent 65.7%);
}
.contact-section .form-surface { background: #fbfffbcb; border-color: #ffffff; box-shadow: 0 24px 70px #3b6c5121, inset 0 1px 0 #ffffff; backdrop-filter: blur(14px); }
@keyframes glass-light { to { transform: translate(-3%, 3%); opacity: .55; } }
@media (max-width: 1376px) { .route-wrap::before { left: -248px; right: -248px; } }
@media (max-width: 800px) {
  .hero-atmosphere::before { inset: 22% -33% 10% -45%; opacity: .58; }
  .hero .hero-atmosphere { background: linear-gradient(#f2faf4d4, #e0f1e700 45%, #a8d6c745); }
  .hero-atmosphere::after { inset: 76% -45% -14%; }
  .glass-pane.pane-a { width: 40%; right: -5%; top: 38%; height: 40%; }
  .glass-pane.pane-b { right: -14%; top: 66%; height: 26%; }
  .glass-pane.pane-c { bottom: 4%; }
  .hero-product::before { inset: -10px -6px 29px 9px; }
  .route-wrap::before { left: -210px; right: -210px; top: -78px; opacity: .6; }
  .route-wrap { padding-top: 8px; }
  .route::before { top: 16px; height: 10px; }
  .finance-band::after { bottom: -120px; }
}
@media (max-width: 430px) { .route::before { top: 12px; height: 10px; } }
@media (prefers-reduced-motion: reduce) { .light-orbit { animation: none; } }