:root{
  --navy:#091635;
  --navy2:#102554;
  --ink:#151b2b;
  --muted:#6f7787;
  --paper:#f7f4ee;
  --warm:#c7a26b;
  --warm2:#e8d7bb;
  --line:#e8e4dc;
  --white:#fff;
  --shadow:0 24px 70px rgba(12,22,50,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Pretendard Variable",Pretendard,"Noto Sans KR",Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.02em}
a{color:inherit}img{max-width:100%}button,input,select{font:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.section{padding:108px 0}
.skip-link{position:fixed;left:12px;top:-80px;z-index:999;background:#fff;color:#111;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}
.reveal.in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* HERO */
.hero{position:relative;min-height:890px;overflow:hidden;background:var(--navy);color:#fff}
.hero-visual{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,39,.90) 0%,rgba(5,15,39,.72) 46%,rgba(5,15,39,.36) 100%),url('assets/hero-visual.webp?v=2') center/cover no-repeat;transform:scale(1.015)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(180deg,transparent,rgba(5,15,39,.26));pointer-events:none}
.topbar{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:28px}
.topbar-balance{grid-column:1}
.brand-wordmark{grid-column:2;display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;filter:drop-shadow(0 6px 20px rgba(0,0,0,.28))}
.wordmark-name{font-size:31px;font-weight:880;letter-spacing:-.065em}
.wordmark-city{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:8px;background:#d7b67c;color:#0a1737;font-size:22px;font-weight:900;letter-spacing:-.04em}
.top-phone{grid-column:3;justify-self:end;text-decoration:none;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.82);font-size:15px}
.top-phone b{color:#fff;font-size:18px;letter-spacing:.01em}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .76fr;gap:64px;align-items:center;padding-top:102px;padding-bottom:88px}
.hero-copy{max-width:760px}
.eyebrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.eyebrow span{padding:8px 12px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.06);font-size:15px;font-weight:800;color:rgba(255,255,255,.88)}
.hero h1{margin:0 0 24px;font-size:clamp(52px,5.7vw,79px);line-height:1.02;letter-spacing:-.075em;font-weight:900;text-wrap:balance}
.hero-hook{margin:0 0 16px;font-size:25px;line-height:1.48;font-weight:750;color:rgba(255,255,255,.94)}
.hero-sub{margin:0;font-size:19px;line-height:1.65;color:#dfc79f;font-weight:780}
.hero-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:22px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.hero-conditions>div{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px;border-left:1px solid rgba(255,255,255,.14)}
.hero-conditions>div:first-child{border-left:0;padding-left:0}
.hero-conditions strong{font-size:19px;line-height:1.25;letter-spacing:-.04em;color:#fff}
.hero-conditions small{color:rgba(255,255,255,.68);font-size:15px;line-height:1.55}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.hero-stats>div{display:flex;flex-direction:column;padding:0 18px;border-left:1px solid rgba(255,255,255,.14)}.hero-stats>div:first-child{border-left:0;padding-left:0}
.hero-stats b{font-size:25px;letter-spacing:-.04em}.hero-stats small{margin-top:5px;color:rgba(255,255,255,.62);font-size:15px}
.hero-note{display:flex;align-items:center;gap:8px;margin-top:22px;color:rgba(255,255,255,.72);font-size:16px}.hero-note b{color:#fff}.pulse{width:7px;height:7px;border-radius:50%;background:#d7b67c;box-shadow:0 0 0 6px rgba(215,182,124,.12)}

/* FORM */
.lead-card{background:rgba(255,255,255,.97);color:var(--ink);padding:34px;border-radius:22px;box-shadow:0 32px 90px rgba(0,0,0,.30);backdrop-filter:blur(10px)}
.lead-kicker,.section-label{font-size:14px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#9a7743}
.lead-card h2{margin:10px 0 10px;font-size:37px;line-height:1.14;letter-spacing:-.06em}.lead-card>p{margin:0;color:var(--muted);font-size:17px;line-height:1.7}
.receive-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.receive-grid span{text-align:center;padding:12px 4px;font-size:15px;font-weight:800;border-left:1px solid var(--line)}.receive-grid span:first-child{border-left:0}
.lead-form{display:grid;gap:13px}.field{display:grid;gap:7px}.field span{font-size:15px;font-weight:800;color:#4f5664}.field input,.field select{width:100%;height:50px;border:1px solid #dcdfe5;border-radius:11px;padding:0 14px;background:#fff;color:#111827;outline:none}.field input:focus,.field select:focus{border-color:#8b7047;box-shadow:0 0 0 3px rgba(199,162,107,.13)}
.consent{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.55;color:#6b7280}.consent input{margin-top:3px}.consent a{text-underline-offset:2px}
.primary-btn,.btn{border:0;min-height:52px;border-radius:11px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0 20px}.primary-btn{width:100%;background:var(--navy);color:#fff}.primary-btn:hover,.btn-primary:hover{background:#14295a}.btn-primary{background:#d5b16f;color:#111a32}.form-notice{color:#9aa0aa;font-size:14px;line-height:1.5}.bot-field{position:absolute;left:-10000px}

/* HEADINGS */
.section-heading{max-width:830px;margin:0 auto 50px;text-align:center}.section-heading>span{display:inline-block;margin-bottom:11px;color:#927244;font-size:14px;letter-spacing:.22em;font-weight:900}.section-heading h2{margin:0 0 14px;font-size:clamp(36px,4vw,58px);line-height:1.15;letter-spacing:-.07em}.section-heading p{margin:0;color:var(--muted);font-size:20px;line-height:1.75}.section-heading.light h2,.section-heading.light p{color:#fff}.section-heading.light p{opacity:.72}

/* KEY POINTS */
.benefits{background:#fff}
.minimal-points{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit-card{padding:28px 28px 30px;border-left:1px solid var(--line);background:none!important;box-shadow:none!important;border-radius:0!important;text-align:left!important}.benefit-card:first-child{border-left:0}.benefit-card:hover{transform:none!important}
.point-no{font-size:14px;color:#aa8a58;font-weight:900;letter-spacing:.15em}.benefit-card h3{margin:12px 0 8px;font-size:25px;letter-spacing:-.05em}.benefit-card p{margin:0;color:var(--muted);font-size:17px;line-height:1.7}.round-icon{display:none}

/* LOCATION */
.location-section{background:#f8f7f4}.location-heading{max-width:900px}.location-infographic-card{position:relative;display:block;overflow:hidden;border:1px solid #ddd9d1;background:#fff;box-shadow:0 22px 60px rgba(12,22,50,.08);text-decoration:none}.location-infographic-card img{display:block;width:100%;height:auto;filter:saturate(.90) contrast(.98)}.location-zoom-hint{position:absolute;right:16px;bottom:16px;padding:8px 11px;background:rgba(8,19,48,.82);color:#fff;font-size:14px;border-radius:999px}
.location-facts-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-top:1px solid #dcd8d0;border-bottom:1px solid #dcd8d0}.location-facts article{display:flex;gap:11px;align-items:center;padding:20px 18px;border-left:1px solid #e2ded6}.location-facts article:first-child{border-left:0}.location-facts i{font-style:normal;font-size:13px;color:#a28252;font-weight:900}.location-facts b{display:block;font-size:18px}.location-facts span{display:block;margin-top:3px;color:var(--muted);font-size:15px}.map-caption{margin:12px 0 0;color:#9298a3;font-size:14px;line-height:1.6}

/* COMMUTE */
.commute-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.commute-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(199,162,107,.12),transparent 28%);pointer-events:none}.commute-section .wrap{position:relative;z-index:1}
.commute-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:32px}.track-line{position:absolute;left:8%;right:8%;top:31px;height:1px;background:rgba(255,255,255,.22)}.commute-stop{position:relative;text-align:center;padding-top:3px}.commute-stop span{position:relative;z-index:1;margin:auto;display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.30);background:var(--navy);border-radius:50%;font-size:13px;color:#d5b16f}.commute-stop b{display:block;margin-top:17px;font-size:18px}.commute-stop strong{display:block;margin-top:6px;color:#d5b16f;font-size:23px;letter-spacing:-.04em}.gtx-banner{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:42px;padding:16px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.gtx-banner span{font-weight:900;color:#d5b16f}.gtx-banner p{margin:0;color:rgba(255,255,255,.75);font-size:16px}.fine-print{font-size:14px;opacity:.56;text-align:center;margin-top:14px}

/* PREMIUM EDITORIAL */
.premium-section{background:linear-gradient(180deg,#faf8f3,#fff)}
.premium-heading{max-width:850px;margin:0 auto 54px;text-align:center}.premium-kicker{display:inline-flex;align-items:center;gap:11px;color:#9a7948;font-size:14px;letter-spacing:.24em;font-weight:900}.premium-kicker:before,.premium-kicker:after{content:"";width:38px;height:1px;background:#ccb38c}.premium-heading h2{margin:16px 0 15px;font-size:clamp(40px,4.5vw,64px);line-height:1.1;letter-spacing:-.075em}.premium-heading p{margin:0;color:var(--muted);font-size:19px;line-height:1.75}
.premium-story{display:grid;align-items:center;gap:42px;margin-top:52px}.premium-story-feature{grid-template-columns:.86fr 1.14fr}.premium-story-split{grid-template-columns:1.12fr .88fr}.premium-story-copy{padding:6px}.premium-index{display:inline-block;color:#a98653;font-size:16px;font-weight:900;letter-spacing:.22em}.premium-story-copy h3{margin:13px 0 12px;font-size:clamp(31px,3vw,48px);line-height:1.16;letter-spacing:-.065em}.premium-story-copy strong{display:block;margin-bottom:12px;color:#957346;font-size:20px;line-height:1.45}.premium-story-copy p{margin:0;color:var(--muted);font-size:19px;line-height:1.85}.premium-story-copy em{display:block;margin-top:12px;color:#8e949f;font-size:14px;font-style:normal}
.premium-story-visual{position:relative;margin:0;overflow:hidden;background:#e9e3d9;box-shadow:var(--shadow)}.premium-story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(233,217,190,.10),rgba(9,22,53,.10));pointer-events:none}.premium-story-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.82) contrast(.98) brightness(.96);transition:transform .9s ease}.premium-story:hover .premium-story-visual img,.premium-story-card:hover img{transform:scale(1.025)}
.image-cut{position:absolute;right:12px;bottom:11px;z-index:2;color:rgba(255,255,255,.90);font-size:12px;letter-spacing:.16em;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.premium-story-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:start;margin-top:72px}.premium-story-card{background:none;border:0;box-shadow:none;padding:0}.premium-story-card:nth-child(1){grid-column:1/span 5}.premium-story-card:nth-child(2){grid-column:6/span 3;margin-top:72px}.premium-story-card:nth-child(3){grid-column:9/span 4;margin-top:20px}.premium-story-card .premium-story-visual{box-shadow:none}.premium-story-copy.compact{padding:18px 2px 0}.premium-story-copy.compact h3{font-size:29px}.premium-story-copy.compact strong{font-size:18px}.premium-story-copy.compact p{font-size:17px;line-height:1.75}
.premium-story-brand{position:relative;grid-template-columns:1.05fr .95fr;background:var(--navy);color:#fff;padding:30px;margin-top:84px;overflow:hidden}.premium-story-brand .premium-story-copy{padding:22px}.premium-story-brand .premium-story-copy h3{color:#fff}.premium-story-brand .premium-story-copy strong{color:#d6b27a}.premium-story-brand .premium-story-copy p{color:rgba(255,255,255,.72)}.premium-story-brand .premium-index{color:#d6b27a}.premium-story-brand .premium-story-visual{box-shadow:none}.premium-story-brand .premium-story-visual:after{background:linear-gradient(135deg,rgba(215,182,124,.10),rgba(9,22,53,.18))}
.premium-inline-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-top:40px;padding:26px 0;border-top:1px solid #ded8cf;border-bottom:1px solid #ded8cf}.premium-inline-cta h3{margin:0 0 7px;font-size:30px;letter-spacing:-.055em}.premium-inline-cta p{margin:0;color:var(--muted);font-size:17px}.premium-inline-cta .btn{min-width:180px}

/* DEVELOPMENT */
.development-section{background:#f4f5f6}.development-panel{display:grid;gap:28px}.development-copy{max-width:900px}.development-copy h2{margin:12px 0 16px;font-size:clamp(38px,4vw,58px);line-height:1.15;letter-spacing:-.07em}.development-copy>p{margin:0;color:var(--muted);font-size:19px;line-height:1.8;max-width:780px}.development-keywords{display:flex;flex-wrap:wrap;gap:0;margin-top:25px}.development-keywords span{padding:0 18px;border-left:1px solid #cfd3d8;color:#555e6d;font-size:16px;font-weight:750}.development-keywords span:first-child{padding-left:0;border-left:0}.development-map-visual{margin:0;border:1px solid #d8dce1;background:#fff;overflow:hidden}.development-map-visual img{display:block;width:100%;height:auto;filter:saturate(.88) contrast(1.02)}

/* INFORMATION BAND */
.info-band-section{padding:82px 0;background:#fff}.info-band{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-band h2{margin:0 0 12px;font-size:38px;line-height:1.2;letter-spacing:-.065em}.info-band>div>p{margin:0;color:var(--muted);font-size:17px}.info-items{display:grid;grid-template-columns:repeat(4,1fr)}.info-items span{padding:16px 8px;text-align:center;border-left:1px solid var(--line);font-size:17px;font-weight:850}.info-items span:first-child{border-left:0}.info-disclaimer{grid-column:1/-1;margin:0!important;color:#9298a3!important;font-size:14px!important}

/* FAQ */
.faq-section{background:#f8f7f4}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.faq-grid h2{margin:0 0 14px;font-size:47px;letter-spacing:-.065em}.faq-grid>div:first-child>p{color:var(--muted);font-size:18px;line-height:1.75}.outline-btn{display:inline-flex;margin-top:16px;height:46px;align-items:center;padding:0 18px;border:1px solid #bfc4cc;text-decoration:none;font-size:16px;font-weight:850}.faq-list{border-top:1px solid #d8d6d0}.faq-list details{border-bottom:1px solid #d8d6d0;padding:0}.faq-list summary{cursor:pointer;list-style:none;padding:22px 0;font-size:20px;font-weight:850}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{margin:-4px 0 22px;color:var(--muted);font-size:17px;line-height:1.75}

/* FINAL CTA */
.final-cta{background:var(--navy);color:#fff;padding:96px 0 44px}.final-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.final-grid h2{margin:12px 0 12px;font-size:50px;letter-spacing:-.07em}.final-grid>div>p{margin:0;color:rgba(255,255,255,.74);font-size:19px;line-height:1.75}.gold{color:#d6b27a}.supply-note{margin-top:18px;color:rgba(255,255,255,.52);font-size:14px;line-height:1.6}.final-form{background:#fff;color:var(--ink);padding:28px}.final-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.light-consent{color:#747b87}.gold-btn{background:#d5b16f;color:#111a32}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.quick-actions a,.quick-actions button{height:58px;border:0;border-left:1px solid rgba(255,255,255,.13);background:transparent;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:16px;font-weight:850;cursor:pointer}.quick-actions a:first-child{border-left:0}.quick-actions a:hover,.quick-actions button:hover{background:rgba(255,255,255,.05)}

/* FOOTER */
.footer{background:#07112a;color:rgba(255,255,255,.60);padding:48px 0 86px;font-size:14px;line-height:1.8}.footer-brand{display:flex;gap:14px;align-items:center;margin-bottom:18px}.footer-brand b{color:#fff;font-size:19px}.footer-brand span{color:#c8a56e}.company-info{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.company-info b{color:rgba(255,255,255,.78);font-weight:700}.company-info .wide{flex-basis:100%}

/* MOBILE STICKY */
.mobile-sticky{display:none;position:fixed;z-index:50;left:0;right:0;bottom:0;background:rgba(7,20,50,.96);padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);gap:6px;box-shadow:0 -10px 30px rgba(0,0,0,.15)}.mobile-sticky a,.mobile-sticky button{height:46px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;text-decoration:none;display:grid;place-items:center;border-radius:8px;font-size:15px;font-weight:850}.mobile-sticky button{background:#d5b16f;color:#111a32;border-color:#d5b16f}

/* MODAL */
.modal[hidden]{display:none}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(5,11,26,.72);backdrop-filter:blur(4px)}.modal-box{position:relative;z-index:1;width:min(500px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-box h2{margin:8px 0 8px;font-size:32px;letter-spacing:-.06em}.modal-box>p{color:var(--muted);font-size:17px;line-height:1.65}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;background:#f1f2f4;border-radius:50%;font-size:22px;cursor:pointer}.modal-open{overflow:hidden}

@media(max-width:1000px){
  .section{padding:88px 0}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:76px}.hero-copy{text-align:center;max-width:none}.eyebrow{justify-content:center}.hero-conditions,.hero-stats{max-width:700px;margin-inline:auto}.hero-conditions>div:first-child{padding-left:20px}.hero-note{justify-content:center}.lead-card{max-width:620px;margin-inline:auto;width:100%}
  .minimal-points{grid-template-columns:1fr 1fr}.benefit-card:nth-child(3){border-left:0;border-top:1px solid var(--line)}.benefit-card:nth-child(4){border-top:1px solid var(--line)}
  .location-facts-line{grid-template-columns:1fr 1fr}.location-facts article:nth-child(3){border-left:0;border-top:1px solid #e2ded6}.location-facts article:nth-child(4){border-top:1px solid #e2ded6}
  .premium-story-feature,.premium-story-split,.premium-story-brand{grid-template-columns:1fr}.premium-story-split .premium-story-visual{order:2}.premium-story-grid{grid-template-columns:1fr 1fr}.premium-story-card:nth-child(n){grid-column:auto;margin-top:0}.premium-story-card:nth-child(3){grid-column:1/-1;max-width:70%;margin-inline:auto}
  .premium-inline-cta{grid-template-columns:1fr}.info-band{grid-template-columns:1fr}.faq-grid,.final-grid{grid-template-columns:1fr;gap:42px}
}
@media(max-width:680px){
  .wrap{width:min(100% - 28px,1180px)}.section{padding:72px 0}.topbar{padding-top:15px;grid-template-columns:1fr auto 1fr}.brand-wordmark{gap:7px}.wordmark-name{font-size:20px}.wordmark-city{height:29px;padding:0 9px;border-radius:6px;font-size:18px}.top-phone span{display:none}.top-phone b{font-size:14px}.hero-grid{padding-top:50px;padding-bottom:55px;gap:34px}.hero h1{font-size:44px}.hero-hook{font-size:19px}.hero-sub{font-size:17px}.hero-conditions{grid-template-columns:1fr;border-bottom:0}.hero-conditions>div{padding:14px 12px;border-left:0;border-bottom:1px solid rgba(255,255,255,.14)}.hero-conditions>div:first-child{padding-left:12px}.hero-conditions strong{font-size:20px}.hero-conditions small{font-size:14px}.hero-stats{grid-template-columns:repeat(2,1fr);border-bottom:0}.hero-stats>div{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.14)}.hero-stats>div:nth-child(odd){border-left:0}.hero-stats>div:first-child{padding-left:10px}.hero-stats b{font-size:22px}.hero-note{font-size:14px}.lead-card{padding:24px;border-radius:18px}.lead-card h2{font-size:30px}.receive-grid{grid-template-columns:1fr 1fr}.receive-grid span:nth-child(3){border-left:0;border-top:1px solid var(--line)}.receive-grid span:nth-child(4){border-top:1px solid var(--line)}
  .section-heading{margin-bottom:34px}.section-heading h2{font-size:34px}.section-heading p{font-size:17px}.minimal-points{grid-template-columns:1fr}.benefit-card{border-left:0!important;border-top:1px solid var(--line)!important;padding:22px 6px}.benefit-card:first-child{border-top:0!important}.benefit-card h3{font-size:23px}.location-facts-line{grid-template-columns:1fr}.location-facts article{border-left:0!important;border-top:1px solid #e2ded6!important;padding:16px 4px}.location-facts article:first-child{border-top:0!important}.location-zoom-hint{right:8px;bottom:8px;font-size:12px}.commute-track{grid-template-columns:1fr;gap:0;margin-top:20px}.track-line{left:27px;top:30px;bottom:30px;width:1px;height:auto;right:auto}.commute-stop{display:grid;grid-template-columns:56px 1fr auto;align-items:center;text-align:left;gap:12px;padding:9px 0}.commute-stop span{margin:0}.commute-stop b,.commute-stop strong{margin:0}.commute-stop strong{font-size:20px}.gtx-banner{display:block;text-align:left}.gtx-banner p{margin-top:5px;line-height:1.6}
  .premium-heading{margin-bottom:34px}.premium-heading h2{font-size:35px}.premium-heading p{font-size:17px}.premium-story,.premium-story+.premium-story{margin-top:32px;gap:20px}.premium-story-copy h3{font-size:30px}.premium-story-copy p{font-size:17px}.premium-story-grid{grid-template-columns:1fr;margin-top:44px}.premium-story-card:nth-child(3){max-width:none}.premium-story-copy.compact{padding-top:13px}.premium-story-copy.compact h3{font-size:26px}.premium-story-brand{padding:16px;margin-top:50px}.premium-story-brand .premium-story-copy{padding:12px 5px 5px}.premium-inline-cta{padding:22px 0}.premium-inline-cta h3{font-size:25px}.premium-inline-cta .btn{width:100%}
  .development-copy h2{font-size:36px}.development-keywords{display:grid;gap:8px}.development-keywords span{border-left:0;padding:0}.info-band-section{padding:58px 0}.info-band{padding:32px 0;gap:28px}.info-band h2{font-size:30px}.info-items{grid-template-columns:1fr 1fr}.info-items span:nth-child(3){border-left:0;border-top:1px solid var(--line)}.info-items span:nth-child(4){border-top:1px solid var(--line)}.faq-grid h2{font-size:36px}.final-cta{padding:72px 0 120px}.final-grid h2{font-size:40px}.final-form{padding:22px}.final-fields{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions a:nth-child(3),.quick-actions button{border-top:1px solid rgba(255,255,255,.13)}.quick-actions a:nth-child(3){border-left:0}.mobile-sticky{display:grid}.footer{padding-bottom:120px}
}

/* v1.10 inline mid lead form */
.premium-inline-form{grid-template-columns:minmax(0,.8fr) minmax(560px,1.2fr);gap:42px;padding:32px 0;align-items:center}
.premium-inline-copy{max-width:560px}.inline-kicker{display:block;margin-bottom:10px;color:#9a7540;font-size:14px;font-weight:900;letter-spacing:.18em}.premium-inline-form h3{font-size:29px;line-height:1.25}.premium-inline-form .mid-lead-form{gap:10px}.mid-form-fields{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(190px,1.1fr) minmax(160px,.85fr);gap:10px;align-items:end}.compact-field{gap:5px}.compact-field span{font-size:14px;color:#7a7f89}.compact-field input{height:48px;border-radius:8px;border-color:#d9d5cd;background:#fff}.mid-submit{height:48px;border-radius:8px;margin:0;white-space:nowrap}.mid-consent{margin-top:2px;font-size:14px}.mid-consent a{font-weight:800;color:#5f4b2f}
@media(max-width:1080px){.premium-inline-form{grid-template-columns:1fr;gap:22px}.premium-inline-copy{max-width:none}.mid-form-fields{grid-template-columns:1fr 1.2fr .95fr}}
@media(max-width:700px){.premium-inline-form{padding:24px 0;gap:18px}.premium-inline-form h3{font-size:24px}.premium-inline-form p{font-size:16px}.mid-form-fields{grid-template-columns:1fr}.mid-submit{width:100%}.mid-consent{font-size:14px}}


/* v1.11 tuning */
.wordmark-name{font-weight:800;letter-spacing:-.055em}
.wordmark-city{font-weight:820}
.hero-visual{background:linear-gradient(90deg,rgba(5,15,39,.92) 0%,rgba(5,15,39,.78) 42%,rgba(5,15,39,.42) 100%);transform:scale(1.015)}
.hero-visual:before,.hero-visual:after{content:"";position:absolute;inset:0;pointer-events:none}
.hero-visual:before{background:url('assets/premium-story-03.webp') right center/cover no-repeat;opacity:.28;filter:saturate(.9) brightness(.75)}
.hero-visual:after{background:url('assets/hero-visual.webp?v=2') left bottom/contain no-repeat;opacity:.24;mix-blend-mode:screen;filter:saturate(.95) brightness(.85)}
.commute-section:before{background:radial-gradient(circle at 80% 20%,rgba(199,162,107,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 35%)}
.commute-section:after{content:"";position:absolute;inset:0;background:url('assets/premium-story-01.webp') center 70%/cover no-repeat;opacity:.10;mix-blend-mode:screen;pointer-events:none}
.commute-section .wrap{position:relative;z-index:1}
.gtx-banner span{color:#8dd2ff}
.premium-inline-form h3{font-size:30px}
@media(max-width:980px){
  .wordmark-name{font-weight:780}
  .hero-visual:before{background-position:72% center;opacity:.24}
  .hero-visual:after{background-position:left bottom;opacity:.18}
}
@media(max-width:700px){
  .premium-inline-form h3{font-size:22px;line-height:1.35}
  .hero-visual:before{background-position:68% center;opacity:.22}
  .hero-visual:after{background-size:150%;background-position:left bottom;opacity:.16}
}


/* v1.12 declutter + visibility refinements */
.commute-section:after{background:url('assets/premium-story-01.webp') center 64%/cover no-repeat;opacity:.18;mix-blend-mode:screen;filter:saturate(.95) contrast(1.02) brightness(.8)}
.commute-section:before{background:radial-gradient(circle at 78% 18%,rgba(199,162,107,.16),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 38%),linear-gradient(90deg,rgba(2,11,34,.14) 0%,rgba(2,11,34,0) 42%)}
.location-infographic-card{max-width:1280px;margin-inline:auto}
.premium-inline-cta,.premium-inline-form{display:none!important}
@media(max-width:980px){.commute-section:after{opacity:.15;background-position:center 68%}}
@media(max-width:640px){.commute-section:after{opacity:.13;background-position:58% 72%;background-size:cover}}

/* v1.13 final polish */
/* HERO: one clear landmark visual, no overlapping subway / circular artwork */
.hero-visual{
  background:
    linear-gradient(90deg,rgba(5,15,39,.94) 0%,rgba(5,15,39,.83) 38%,rgba(5,15,39,.56) 64%,rgba(5,15,39,.38) 100%),
    url('assets/premium-story-03.webp') center 52%/cover no-repeat;
  transform:scale(1.018);
  animation:heroVisualBreath 12s ease-out 1 both;
}
.hero-visual:before,.hero-visual:after{display:none!important;content:none!important;background:none!important}
.wordmark-name{font-weight:760;letter-spacing:-.045em}
.wordmark-city{font-weight:800}
.hero-title{display:block}
.hero-title .hero-line{display:block;opacity:0;transform:translateY(24px);animation:heroLineIn .88s cubic-bezier(.2,.72,.2,1) forwards}
.hero-title .hero-line:nth-child(1){animation-delay:.14s}
.hero-title .hero-line-accent{color:#d9b56f;animation:heroLineIn .88s cubic-bezier(.2,.72,.2,1) .32s forwards,heroAccentGlow 1.5s ease .95s 1 both}
.eyebrow{opacity:0;transform:translateY(12px);animation:heroLineIn .62s ease .02s forwards}
.hero-hook,.hero-sub{opacity:0;transform:translateY(14px);animation:heroLineIn .72s ease forwards}
.hero-hook{animation-delay:.48s}.hero-sub{animation-delay:.60s}
.hero-conditions-animated>div{opacity:0;transform:translateY(12px);animation:heroMiniIn .58s ease forwards}
.hero-conditions-animated>div:nth-child(1){animation-delay:.68s}.hero-conditions-animated>div:nth-child(2){animation-delay:.76s}.hero-conditions-animated>div:nth-child(3){animation-delay:.84s}
.hero-stats-animated>div{opacity:0;transform:translateY(12px);animation:heroMiniIn .58s ease forwards}
.hero-stats-animated>div:nth-child(1){animation-delay:.90s}.hero-stats-animated>div:nth-child(2){animation-delay:.98s}.hero-stats-animated>div:nth-child(3){animation-delay:1.06s}.hero-stats-animated>div:nth-child(4){animation-delay:1.14s}
.hero-note{opacity:0;animation:heroNoteIn .6s ease 1.24s forwards}
@keyframes heroLineIn{to{opacity:1;transform:none}}
@keyframes heroMiniIn{to{opacity:1;transform:none}}
@keyframes heroNoteIn{to{opacity:1}}
@keyframes heroVisualBreath{from{transform:scale(1.018)}to{transform:scale(1.045)}}
@keyframes heroAccentGlow{0%{text-shadow:0 0 0 rgba(217,181,111,0)}45%{text-shadow:0 0 24px rgba(217,181,111,.24)}100%{text-shadow:0 0 0 rgba(217,181,111,0)}}

/* LOCATION: simplified map is now the visual hero of this section */
.location-infographic-card{background:#f3f0e9;border-color:#e3ddd2;box-shadow:0 24px 64px rgba(12,22,50,.08)}
.location-infographic-card img{filter:saturate(.94) contrast(1.015)}
.location-zoom-hint{opacity:.72;transition:opacity .25s ease,transform .25s ease}
.location-infographic-card:hover .location-zoom-hint{opacity:1;transform:translateY(-2px)}

/* SEOUL ACCESS: subway visual belongs here, with slightly stronger presence */
.commute-section:after{background:url('assets/premium-story-01.webp') center 64%/cover no-repeat;opacity:.22;mix-blend-mode:screen;filter:saturate(.94) contrast(1.06) brightness(.72)}
.commute-section:before{background:linear-gradient(90deg,rgba(4,13,38,.42) 0%,rgba(4,13,38,.18) 42%,rgba(4,13,38,.24) 100%),radial-gradient(circle at 78% 18%,rgba(199,162,107,.14),transparent 27%)}
.commute-track .commute-stop{transition-delay:0s}
.commute-track .commute-stop:nth-child(2){transition-delay:.04s}.commute-track .commute-stop:nth-child(3){transition-delay:.11s}.commute-track .commute-stop:nth-child(4){transition-delay:.18s}.commute-track .commute-stop:nth-child(5){transition-delay:.25s}.commute-track .commute-stop:nth-child(6){transition-delay:.32s}
.gtx-banner span{color:#74cfff;text-shadow:0 0 18px rgba(116,207,255,.18)}

/* PREMIUM: subtle image motion only */
.premium-story-visual img{transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.premium-story:hover .premium-story-visual img,.premium-story-card:hover .premium-story-visual img{transform:scale(1.028)}

/* FAQ: light opening feedback */
.faq-list summary{position:relative;padding-right:34px}
.faq-list summary:after{content:'+';position:absolute;right:2px;top:50%;transform:translateY(-50%) rotate(0deg);font-size:22px;font-weight:400;color:#9a7540;transition:transform .28s ease}
.faq-list details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.faq-list details[open] p{animation:faqBodyIn .28s ease both}
@keyframes faqBodyIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* Mid CTA restored; the duplicated info band above FAQ is removed from HTML */
.premium-inline-cta.premium-inline-form{display:grid!important}

@media(max-width:980px){
  .hero-visual{background-position:60% 52%}
  .wordmark-name{font-weight:740}
  .commute-section:after{opacity:.19;background-position:58% 66%}
}
@media(max-width:640px){
  .hero-visual{background-position:58% 50%;animation:none}
  .hero-title .hero-line{font-size:inherit}
  .commute-section:after{opacity:.16;background-position:61% 72%}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual,.hero-title .hero-line,.eyebrow,.hero-hook,.hero-sub,.hero-conditions-animated>div,.hero-stats-animated>div,.hero-note{animation:none!important;opacity:1!important;transform:none!important}
}

/* v1.14 LOCATION premium map application */
.location-section{background:linear-gradient(180deg,#faf8f3 0%,#f7f5ef 100%)}
.location-heading{max-width:880px;margin-bottom:42px}
.location-heading h2{font-size:clamp(38px,4.3vw,62px);line-height:1.12;letter-spacing:-.065em}
.location-heading h2 em{font-style:normal;color:#9b7541;font-weight:720}
.location-heading p{max-width:660px;font-size:20px;line-height:1.75;color:#737a87}
.premium-location-map{border-radius:28px;border:1px solid #e5ddcf;background:#f7f3eb;box-shadow:0 28px 74px rgba(12,22,50,.10)}
.premium-location-map img{display:block;width:100%;height:auto;filter:saturate(.96) contrast(1.02)}
.location-zoom-hint{right:18px;bottom:18px;padding:8px 13px;border:1px solid rgba(255,255,255,.26);background:rgba(8,19,48,.76);backdrop-filter:blur(7px);font-size:13px;letter-spacing:.02em}
.location-summary{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px;color:#0b1a40;font-size:19px;font-weight:760;letter-spacing:-.03em}
.location-summary i{display:block;width:34px;height:1px;background:#cfb27f}
@media(max-width:700px){
  .location-heading{margin-bottom:26px}.location-heading h2{font-size:32px}.location-heading p{font-size:17px}
  .premium-location-map{border-radius:18px;overflow:auto}.premium-location-map img{width:150%;max-width:none;transform:translateX(-12%)}
  .location-summary{font-size:16px;gap:9px;margin-top:18px}.location-summary i{width:20px}
  .location-zoom-hint{right:10px;bottom:10px;padding:7px 10px}
}


/* v1.15 — hero brand + cinematic slideshow polish */
.topbar{padding-top:40px}
.brand-wordmark{gap:9px;filter:drop-shadow(0 5px 18px rgba(0,0,0,.28))}
.wordmark-name{font-size:27px!important;font-weight:720!important;letter-spacing:-.048em!important;color:#fff;line-height:1}
.wordmark-city{height:33px!important;padding:0 11px!important;border-radius:7px!important;background:rgba(255,255,255,.96)!important;color:#09183a!important;border:1px solid rgba(9,24,58,.72);font-size:21px!important;font-weight:820!important;letter-spacing:-.035em!important;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.hero-grid{padding-top:92px}

.hero-visual.hero-slideshow{position:absolute;inset:0;overflow:hidden;background:#071432;transform:none!important;animation:none!important}
.hero-visual.hero-slideshow:before{display:block!important;content:""!important;position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(4,13,35,.94) 0%,rgba(4,13,35,.80) 42%,rgba(4,13,35,.60) 68%,rgba(4,13,35,.52) 100%);pointer-events:none}
.hero-visual.hero-slideshow:after{display:block!important;content:""!important;position:absolute;inset:auto 0 0;z-index:6;height:260px;background:linear-gradient(180deg,transparent,rgba(4,13,35,.34));pointer-events:none}
.hero-slide{position:absolute;inset:-2%;opacity:0;background-position:center;background-repeat:no-repeat;background-size:cover;will-change:opacity,transform;animation:heroSlideFade 18s infinite ease-in-out,heroSlideMotion 18s infinite ease-in-out}
.hero-slide-01{background-image:url('assets/hero-slide-01.webp?v=2');background-position:center 52%;animation-delay:0s}
.hero-slide-02{background-image:url('assets/hero-slide-02.webp?v=2');background-position:center 55%;filter:saturate(.78) brightness(.70);animation-delay:6s}
.hero-slide-03{background-image:url('assets/hero-slide-03.webp?v=2');background-position:center 52%;filter:saturate(.75) brightness(.62);animation-delay:12s}
@keyframes heroSlideFade{0%{opacity:0}5%{opacity:1}30%{opacity:1}36%{opacity:0}100%{opacity:0}}
@keyframes heroSlideMotion{0%{transform:scale(1.03) translate3d(0,0,0)}36%{transform:scale(1.075) translate3d(-.5%,-.35%,0)}100%{transform:scale(1.075) translate3d(-.5%,-.35%,0)}}

/* Small, discreet slide progress marks; decorative only */
.hero-copy:after{content:"";display:block;width:42px;height:2px;margin-top:22px;background:linear-gradient(90deg,#d7b67c 0 32%,rgba(255,255,255,.26) 32% 66%,rgba(255,255,255,.26) 66% 100%);opacity:.72}

@media(max-width:980px){
  .topbar{padding-top:30px}
  .wordmark-name{font-size:24px!important}.wordmark-city{height:31px!important;font-size:20px!important}
  .hero-grid{padding-top:70px}
  .hero-visual.hero-slideshow:before{background:linear-gradient(180deg,rgba(4,13,35,.78) 0%,rgba(4,13,35,.72) 30%,rgba(4,13,35,.82) 100%)}
  .hero-slide-01{background-position:62% 52%}.hero-slide-02{background-position:63% 52%}.hero-slide-03{background-position:52% 52%}
}
@media(max-width:640px){
  .topbar{padding-top:24px}
  .brand-wordmark{gap:6px}
  .wordmark-name{font-size:21px!important;font-weight:700!important}.wordmark-city{height:27px!important;padding:0 8px!important;border-radius:6px!important;font-size:17px!important}
  .hero-grid{padding-top:46px}
  .hero-slide{inset:-3%;animation-name:heroSlideFade!important}
  .hero-slide-01{background-position:68% center}.hero-slide-02{background-position:68% center}.hero-slide-03{background-position:55% center}
  .hero-copy:after{margin:18px auto 0}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide{animation:none!important;opacity:0!important;transform:none!important}
  .hero-slide-01{opacity:1!important}
}

/* v1.16 — premium UX polish: clearer hierarchy, transit chips, modal CTA, web-native maps */

/* HERO: keep the animation, reveal the imagery slightly more */
.hero-visual.hero-slideshow:before{
  background:linear-gradient(90deg,rgba(4,13,35,.89) 0%,rgba(4,13,35,.73) 42%,rgba(4,13,35,.52) 68%,rgba(4,13,35,.43) 100%)!important;
}
.hero-slide-02{filter:saturate(.82) brightness(.77)!important}
.hero-slide-03{filter:saturate(.80) brightness(.69)!important}

/* 01–04: stronger editorial numbering without returning to card-heavy UI */
.point-no{
  display:inline-flex!important;align-items:center;gap:10px;
  font-size:20px!important;line-height:1;color:#b18548!important;font-weight:900!important;letter-spacing:.12em!important;
}
.point-no:after{content:"";display:block;width:28px;height:1px;background:#c9a66e;opacity:.72}
.benefit-card h3{margin-top:15px!important}
.benefit-card.in-view .point-no{animation:pointNoIn .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes pointNoIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* LOCATION: editorial HTML copy + exact/reference map kept at its natural ratio */
.location-section{padding-top:116px;background:linear-gradient(180deg,#fbf9f5 0%,#f6f3ec 100%)}
.location-head-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:72px;align-items:end;margin-bottom:38px}
.location-title-block{max-width:720px}
.location-label{display:inline-block;margin-bottom:13px;color:#a57c42;font-size:14px;letter-spacing:.24em;font-weight:900}
.location-title-block h2{margin:0 0 18px;font-size:clamp(40px,4.3vw,62px);line-height:1.12;letter-spacing:-.068em}
.location-title-block h2 em{display:inline-block;font-style:normal;color:#9b7541;font-weight:720}
.location-title-block p{margin:0;max-width:670px;color:#727988;font-size:19px;line-height:1.78}
.location-head-points{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd6ca;border-bottom:1px solid #ddd6ca}
.location-head-points>div{padding:19px 16px 18px;border-left:1px solid #e2dcd1}.location-head-points>div:first-child{border-left:0}
.location-head-points b{display:block;color:#a57c42;font-size:12px;letter-spacing:.13em}.location-head-points span{display:block;margin-top:7px;color:#1c263c;font-size:15px;line-height:1.55;font-weight:760}
.premium-location-map{border-radius:26px!important;background:#f3efe7!important;border:1px solid #ded7cb!important;box-shadow:0 26px 72px rgba(12,22,50,.10)!important;overflow:hidden!important}
.premium-location-map img{width:100%!important;max-width:100%!important;height:auto!important;transform:none!important;filter:saturate(.93) contrast(1.015) brightness(1.01)!important;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.premium-location-map:hover img{transform:scale(1.008)!important;filter:saturate(.96) contrast(1.02) brightness(1.01)!important}
.location-summary{gap:13px!important;margin-top:21px!important;font-size:17px!important;color:#26334c!important}
.location-summary i{width:28px!important;background:#c9ab7a!important}

/* SEOUL ACCESS: subway-colored route chips + restrained speed movement */
.commute-section{isolation:isolate}
.commute-section:after{display:none!important}
.commute-motion-bg{position:absolute;z-index:0;inset:-6%;background:url('assets/premium-story-01.webp') center 64%/cover no-repeat;opacity:.29;filter:saturate(.86) contrast(1.08) brightness(.72) blur(.15px);transform:scale(1.08) translate3d(-2%,0,0);animation:commuteBgPass 10s ease-in-out infinite alternate;will-change:transform}
.commute-speed-streak{position:absolute;z-index:0;left:-28%;right:-28%;top:54%;height:52px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.02) 24%,rgba(103,192,255,.17) 47%,rgba(255,255,255,.08) 52%,transparent 72%);filter:blur(12px);transform:skewX(-12deg) translateX(-18%);opacity:.55;animation:commuteStreak 6.8s ease-in-out infinite;pointer-events:none}
.commute-section:before{z-index:1!important;background:linear-gradient(90deg,rgba(4,13,38,.73) 0%,rgba(4,13,38,.56) 42%,rgba(4,13,38,.64) 100%),radial-gradient(circle at 78% 18%,rgba(199,162,107,.12),transparent 27%)!important}
.commute-section .wrap{z-index:2!important}
@keyframes commuteBgPass{0%{transform:scale(1.08) translate3d(-2.3%,0,0)}100%{transform:scale(1.08) translate3d(2.1%,-.2%,0)}}
@keyframes commuteStreak{0%,24%{transform:skewX(-12deg) translateX(-20%);opacity:0}48%{opacity:.55}76%,100%{transform:skewX(-12deg) translateX(28%);opacity:0}}
.commute-track{margin-top:36px!important}
.track-line{top:22px!important;opacity:.70}
.commute-stop{padding-top:0!important}
.commute-stop .route-chip{position:relative;z-index:2;margin:0 auto!important;width:auto!important;min-width:68px!important;height:44px!important;padding:0 13px!important;border-radius:999px!important;border:2px solid rgba(255,255,255,.92)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:15px!important;font-weight:900!important;letter-spacing:-.02em!important;box-shadow:0 6px 20px rgba(0,0,0,.18)!important}
.route-chip.line1{background:#0052a4!important}.route-chip.line2{background:#00a84d!important}.route-chip.line5{background:#996cac!important}.route-chip.line59{background:linear-gradient(90deg,#996cac 0 50%,#b9a36b 50% 100%)!important}
.commute-stop b{margin-top:16px!important;font-size:19px!important}.commute-stop strong{margin-top:5px!important}

/* PREMIUM: no per-image stamps, one discreet disclosure */
.image-cut{display:none!important}
.premium-image-disclaimer{margin:26px 0 0;text-align:right;color:#969ca7;font-size:14px;line-height:1.6}

/* DEVELOPMENT: make the generated map feel like part of the site, not a pasted image */
.development-map-visual{border:0!important;border-radius:30px;background:#f9f7f2!important;padding:16px;box-shadow:0 28px 78px rgba(21,30,48,.10);overflow:hidden!important}
.development-map-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:5px 7px 17px;color:#17223a}
.development-map-head span{font-size:13px;letter-spacing:.20em;font-weight:900;color:#a57b42}
.development-map-head b{font-size:20px;letter-spacing:-.04em}.development-map-head small{color:#868c96;font-size:14px}
.development-map-canvas{position:relative;overflow:hidden;border-radius:20px;border:1px solid #e1ddd5;background:#fff}
.development-map-canvas img{display:block;width:100%;height:auto;filter:saturate(.83) contrast(1.02) brightness(1.025);transform:scale(1.022);transition:transform 1.1s cubic-bezier(.2,.72,.2,1),filter .7s ease}
.development-map-visual.in-view .development-map-canvas img{transform:scale(1)}
.development-map-sheen{position:absolute;inset:-15% auto -15% -24%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);transform:skewX(-16deg);opacity:0;pointer-events:none}
.development-map-visual.in-view .development-map-sheen{animation:developmentSheen 1.35s ease .35s 1 both}
@keyframes developmentSheen{0%{left:-24%;opacity:0}22%{opacity:.62}100%{left:112%;opacity:0}}
.development-keywords span{transition:color .3s ease}.development-panel:has(.development-map-visual.in-view) .development-keywords span{color:#18253d}

/* FAQ: remove the big 'temporary' looking button */
.faq-inline-link{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:0;border:0;background:transparent;color:#18233a;font-size:16px;font-weight:850;cursor:pointer}
.faq-inline-link span{color:#a57c42;font-size:19px;transition:transform .25s ease}.faq-inline-link:hover span{transform:translateX(4px)}

/* LEAD MODAL */
.lead-modal-box{width:min(520px,100%)!important;padding:34px!important;border-radius:24px!important}
.lead-modal-box h2{font-size:36px!important}.lead-modal-box>p{margin-bottom:18px!important}
.modal-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 22px;border-top:1px solid #ebe5dc;border-bottom:1px solid #ebe5dc}
.modal-benefits span{padding:12px 3px;text-align:center;border-left:1px solid #ebe5dc;font-size:14px;font-weight:800;color:#4b5565}.modal-benefits span:first-child{border-left:0}
.modal-backdrop{background:rgba(5,11,26,.76)!important;backdrop-filter:blur(7px)!important}
.modal-box{animation:modalCardIn .28s cubic-bezier(.2,.75,.2,1) both}
@keyframes modalCardIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.quick-actions>*:first-child{border-left:0!important}
.mobile-sticky button[data-open-modal="lead"]{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.mobile-sticky button[data-open-modal="visit"]{background:#d5b16f!important;color:#111a32!important;border-color:#d5b16f!important}

@media(max-width:980px){
  .location-head-grid{grid-template-columns:1fr;gap:28px}.location-head-points{max-width:720px}
  .commute-motion-bg{opacity:.24}.development-map-head{grid-template-columns:1fr;gap:5px}.development-map-head small{margin-top:2px}
}
@media(max-width:700px){
  .location-section{padding-top:82px}.location-title-block h2{font-size:34px}.location-title-block p{font-size:17px}.location-head-points{grid-template-columns:1fr}.location-head-points>div{border-left:0;border-top:1px solid #e2dcd1;padding:13px 5px}.location-head-points>div:first-child{border-top:0}.premium-location-map{border-radius:18px!important;overflow:auto!important}.premium-location-map img{width:138%!important;max-width:none!important;transform:none!important}.location-summary{flex-wrap:wrap;font-size:15px!important}.location-summary i{width:16px!important}
  .commute-motion-bg{opacity:.20;background-position:60% center;animation-duration:8s}.commute-speed-streak{opacity:.42}.commute-stop .route-chip{min-width:62px!important;height:38px!important;font-size:14px!important}.track-line{top:19px!important}
  .premium-image-disclaimer{text-align:left}
  .development-map-visual{padding:10px;border-radius:20px}.development-map-canvas{border-radius:14px}
  .lead-modal-box{padding:27px 20px!important}.lead-modal-box h2{font-size:30px!important}.modal-benefits{grid-template-columns:1fr 1fr}.modal-benefits span:nth-child(3){border-left:0;border-top:1px solid #ebe5dc}.modal-benefits span:nth-child(4){border-top:1px solid #ebe5dc}
}
@media(prefers-reduced-motion:reduce){
  .commute-motion-bg,.commute-speed-streak,.development-map-sheen,.point-no{animation:none!important}.development-map-canvas img{transform:none!important}
}


/* v1.17 premium polish: exact-map grade, hero readability, responsive typography */
.hero-visual.hero-slideshow:before{
  background:linear-gradient(90deg,rgba(4,13,35,.955) 0%,rgba(4,13,35,.845) 42%,rgba(4,13,35,.675) 68%,rgba(4,13,35,.59) 100%)!important;
}
.hero-slide-01{filter:saturate(.84) brightness(.80)!important}
.hero-slide-02{filter:saturate(.82) brightness(.78)!important}
.hero-slide-03{filter:saturate(.80) brightness(.73)!important}

/* keep Korean headings from breaking in the middle of words/phrases */
.hero-title,.section-heading h2,.location-title-block h2,.premium-heading h2,
.premium-story-copy h3,.development-copy h2,.faq-grid h2,.final-cta h2{
  word-break:keep-all;
  overflow-wrap:normal;
  text-wrap:balance;
}
.title-chunk{display:inline-block;white-space:nowrap}
.premium-story-copy h3{max-width:100%;line-height:1.18}

/* location: exact source coordinates, premium color grade only */
.location-head-grid{align-items:center}
.premium-location-map{
  background:#f7f3eb!important;
  border:1px solid rgba(164,132,81,.22)!important;
  box-shadow:0 26px 72px rgba(11,24,51,.09),0 1px 0 rgba(255,255,255,.8) inset!important;
}
.premium-location-map img{
  width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;
  filter:none!important;transform:none!important;
}
.premium-location-map:hover img{transform:scale(1.004)!important;filter:none!important}

/* development map: quieter, more editorial and closer to the surrounding UI */
.development-map-visual{
  background:linear-gradient(180deg,#fbfaf7 0%,#f5f1e9 100%)!important;
  border:1px solid rgba(164,132,81,.18)!important;
  box-shadow:0 30px 84px rgba(12,22,50,.10)!important;
}
.development-map-head{padding:8px 11px 18px!important}
.development-map-head span{color:#a57b42!important}
.development-map-head b{font-size:21px!important;font-weight:820!important}
.development-map-head small{color:#8a8f99!important}
.development-map-canvas{
  border:1px solid rgba(169,144,102,.22)!important;
  background:#faf8f3!important;
  box-shadow:0 14px 34px rgba(25,34,50,.055) inset;
}
.development-map-canvas img{filter:none!important;transform:scale(1.014)!important}
.development-map-visual.in-view .development-map-canvas img{transform:scale(1)!important}
.development-map-sheen{opacity:0!important}
.development-map-visual.in-view .development-map-sheen{opacity:0!important;animation:none!important}

@media(max-width:980px){
  .hero-visual.hero-slideshow:before{
    background:linear-gradient(180deg,rgba(4,13,35,.83) 0%,rgba(4,13,35,.78) 30%,rgba(4,13,35,.88) 100%)!important;
  }
  .premium-story-copy h3{font-size:clamp(27px,4.1vw,34px)}
}
@media(max-width:640px){
  .hero-visual.hero-slideshow:before{
    background:linear-gradient(180deg,rgba(4,13,35,.84) 0%,rgba(4,13,35,.80) 30%,rgba(4,13,35,.90) 100%)!important;
  }
  .premium-story-copy h3{font-size:27px!important;line-height:1.2!important;letter-spacing:-.055em!important}
  .premium-story-copy.compact h3{font-size:25px!important}
  .premium-heading h2,.location-title-block h2,.development-copy h2{word-break:keep-all;text-wrap:balance}
  .premium-location-map{overflow:hidden!important}
  .premium-location-map img{width:100%!important;max-width:100%!important;transform:none!important}
  .location-zoom-hint{font-size:12px!important}
  .development-map-visual{padding:9px!important}
  .development-map-head b{font-size:19px!important}
}
\n\n/* v1.18 — conversion copy + hero restraint + responsive polish */
/* HERO: background remains cinematic, but copy/form clearly win the visual hierarchy */
.hero-visual.hero-slideshow:before{
  background:linear-gradient(90deg,rgba(4,13,35,.975) 0%,rgba(4,13,35,.91) 40%,rgba(4,13,35,.79) 68%,rgba(4,13,35,.72) 100%)!important;
}
.hero-slide-01{filter:saturate(.76) brightness(.72)!important}
.hero-slide-02{filter:saturate(.74) brightness(.69)!important}
.hero-slide-03{filter:saturate(.72) brightness(.65)!important}
.hero-copy,.lead-card{position:relative;z-index:8}

/* Korean title wrapping: never leave a single syllable orphaned */
.title-chunk{white-space:nowrap}
.premium-story-copy h3,.section-heading h2,.location-title-block h2,.development-copy h2,.final-grid h2{
  word-break:keep-all!important;overflow-wrap:normal!important;text-wrap:balance;
}
.premium-story-copy h3{max-width:18ch}
.premium-story-split .premium-story-copy h3{margin-left:0}

/* More breathing room in the editorial 01–04 section */
.benefit-card{padding-top:30px!important;padding-bottom:34px!important}
.benefit-card h3{margin:18px 0 11px!important}
.benefit-card p{line-height:1.78!important}

/* LOCATION: preserve the final redesigned map's native geometry */
.premium-location-map img{width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;transform:none!important}
.premium-location-map:hover img{transform:scale(1.002)!important}

/* CONTACT: make '자료신청' the primary quick action without making every action gold */
.quick-actions button[data-open-modal="lead"]{
  color:#f1d49b!important;background:rgba(213,177,111,.075)!important;
}
.quick-actions button[data-open-modal="lead"]:hover{background:rgba(213,177,111,.14)!important}
.quick-actions a,.quick-actions button{transition:background .22s ease,color .22s ease}
.mobile-sticky button[data-open-modal="lead"]{background:#d5b16f!important;color:#101a35!important;border-color:#d5b16f!important}
.mobile-sticky button[data-open-modal="visit"]{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}

/* Modal remains usable with the mobile keyboard and small-height screens */
.modal{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}
.modal-box{max-height:min(92dvh,760px)!important;overscroll-behavior:contain}
.modal-box input,.modal-box select{scroll-margin-bottom:160px}

/* Overall vertical rhythm */
@media(min-width:981px){
  .benefits,.location-section,.premium-section,.development-section,.faq-section{padding-top:104px;padding-bottom:104px}
}
@media(max-width:980px){
  .hero-visual.hero-slideshow:before{
    background:linear-gradient(180deg,rgba(4,13,35,.90) 0%,rgba(4,13,35,.87) 32%,rgba(4,13,35,.94) 100%)!important;
  }
  .premium-story-copy h3{max-width:20ch}
}
@media(max-width:640px){
  .hero-visual.hero-slideshow:before{
    background:linear-gradient(180deg,rgba(4,13,35,.92) 0%,rgba(4,13,35,.89) 32%,rgba(4,13,35,.95) 100%)!important;
  }
  .hero-slide-01,.hero-slide-02,.hero-slide-03{filter:saturate(.70) brightness(.64)!important}
  .premium-story-copy h3{max-width:100%;font-size:clamp(25px,7vw,29px)!important}
  .title-chunk{display:block;white-space:normal}
  .premium-location-map{overflow:hidden!important}
  .premium-location-map img{width:100%!important;max-width:100%!important;transform:none!important}
  .final-grid h2{font-size:38px!important;line-height:1.12!important}
  .modal-box{max-height:88dvh!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
}

/* v1.19 — desktop restraint + mobile-first premium polish */

/* HERO: lower background presence ~15–20% without changing the approved transition rhythm */
.hero-slide{
  animation-name:heroSlideFadeSoft,heroSlideMotion!important;
}
@keyframes heroSlideFadeSoft{
  0%{opacity:0}
  5%{opacity:.78}
  30%{opacity:.78}
  36%{opacity:0}
  100%{opacity:0}
}
.hero-visual.hero-slideshow:before{
  background:linear-gradient(90deg,rgba(4,13,35,.982) 0%,rgba(4,13,35,.935) 40%,rgba(4,13,35,.835) 68%,rgba(4,13,35,.78) 100%)!important;
}

/* Consistent Korean wrapping and reading rhythm across copy, not just headings */
.section p,.hero-copy p,.lead-card p,.premium-story-copy p,.development-copy p,.faq-grid p,.final-grid p,
.location-title-block p,.gtx-banner p,.fine-print,.form-notice{
  word-break:keep-all;
  overflow-wrap:break-word;
}
.section-heading p,.premium-heading p,.location-title-block p,.development-copy p,.premium-story-copy p,.faq-grid p,.final-grid p{
  line-height:1.72!important;
}

/* LOCATION: reduce the poster-like feeling and let the map breathe inside an editorial frame */
.location-head-grid{grid-template-columns:1.08fr .92fr!important;gap:42px!important;margin-bottom:30px!important}
.location-title-block h2{font-size:clamp(38px,3.8vw,55px)!important;line-height:1.13!important}
.location-head-points>div{padding:15px 14px 14px!important}
.location-head-points span{font-size:14px!important;line-height:1.45!important}
.premium-location-map{
  width:min(1080px,100%)!important;
  margin-inline:auto!important;
  padding:12px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fbfaf7,#f2ede4)!important;
  box-shadow:0 22px 58px rgba(12,22,50,.075)!important;
}
.premium-location-map img{border-radius:16px!important;display:block!important}
.location-zoom-hint{right:24px!important;bottom:24px!important;padding:7px 10px!important;font-size:13px!important;background:rgba(8,19,48,.72)!important}
.location-summary{justify-content:center!important;margin-top:18px!important;font-size:16px!important}

/* PREMIUM deck is desktop-neutral; mobile becomes swipe-based */
.premium-deck{display:block}
.premium-mobile-hint,.premium-deck-progress{display:none}

/* Mobile-specific composition */
@media(max-width:640px){
  /* tighter global rhythm without looking cramped */
  .section{padding-top:64px!important;padding-bottom:64px!important}
  .section-heading{margin-bottom:28px!important}
  .section-heading h2{font-size:clamp(30px,9vw,36px)!important;line-height:1.14!important}
  .section-heading p,.premium-heading p,.location-title-block p,.development-copy p,.faq-grid p,.final-grid p{font-size:17px!important;line-height:1.68!important}

  /* HERO: make the slideshow a mood layer rather than the sharpest object on screen */
  .hero-slide{animation-name:heroSlideFadeSoftMobile!important}
  @keyframes heroSlideFadeSoftMobile{
    0%{opacity:0}
    5%{opacity:.62}
    30%{opacity:.62}
    36%{opacity:0}
    100%{opacity:0}
  }
  .hero-visual.hero-slideshow:before{
    background:linear-gradient(180deg,rgba(4,13,35,.955) 0%,rgba(4,13,35,.93) 33%,rgba(4,13,35,.972) 100%)!important;
  }
  .hero-slide-01,.hero-slide-02,.hero-slide-03{filter:saturate(.60) brightness(.57)!important}

  /* 01–04: 2x2 editorial grid instead of four long stacked panels */
  .minimal-points{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .benefit-card{
    min-width:0!important;
    padding:21px 14px 23px!important;
    border-top:0!important;
    border-left:0!important;
    text-align:left!important;
  }
  .benefit-card:nth-child(even){border-left:1px solid var(--line)!important}
  .benefit-card:nth-child(n+3){border-top:1px solid var(--line)!important}
  .point-no{font-size:18px!important;gap:8px!important}
  .point-no:after{width:22px!important}
  .benefit-card h3{font-size:20px!important;line-height:1.24!important;margin:15px 0 9px!important;word-break:keep-all!important}
  .benefit-card p{font-size:15.5px!important;line-height:1.68!important;word-break:keep-all!important}

  /* LOCATION: compact copy + naturally scaled map; no forced enlargement */
  .location-section{padding-top:70px!important}
  .location-head-grid{display:block!important;margin-bottom:22px!important}
  .location-title-block h2{font-size:32px!important;line-height:1.16!important;margin-bottom:14px!important}
  .location-title-block p{font-size:17px!important;max-width:36em!important}
  .location-head-points{
    display:flex!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x proximity;
    margin-top:22px!important;border-top:1px solid #ddd6ca!important;border-bottom:1px solid #ddd6ca!important;
    scrollbar-width:none;
  }
  .location-head-points::-webkit-scrollbar{display:none}
  .location-head-points>div{min-width:146px!important;flex:1 0 146px!important;padding:12px 10px!important;border-top:0!important;border-left:1px solid #e2dcd1!important;scroll-snap-align:start}
  .location-head-points>div:first-child{border-left:0!important}
  .location-head-points b{font-size:11px!important}.location-head-points span{font-size:13.5px!important;margin-top:5px!important}
  .premium-location-map{width:100%!important;padding:7px!important;border-radius:18px!important;overflow:hidden!important}
  .premium-location-map img{width:100%!important;max-width:100%!important;height:auto!important;border-radius:12px!important;transform:none!important}
  .location-zoom-hint{right:13px!important;bottom:13px!important;padding:6px 8px!important;font-size:12px!important}
  .location-summary{font-size:14.5px!important;gap:8px!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important}
  .location-summary i{width:12px!important}

  /* COMMUTE already switches vertical: refine it to feel like a subway timeline */
  .commute-track{margin-top:24px!important;padding-left:3px!important}
  .track-line{left:21px!important;top:22px!important;bottom:22px!important;background:linear-gradient(#0052a4 0 22%,#996cac 22% 43%,#00a84d 43% 64%,#b9a36b 64% 82%,#0052a4 82% 100%)!important;opacity:.65!important}
  .commute-stop{grid-template-columns:46px minmax(0,1fr) auto!important;gap:12px!important;padding:10px 0!important}
  .commute-stop .route-chip{min-width:46px!important;width:46px!important;height:34px!important;padding:0 5px!important;font-size:12px!important}
  .commute-stop b{font-size:17px!important;word-break:keep-all!important}.commute-stop strong{font-size:21px!important;white-space:nowrap!important}
  .gtx-banner{margin-top:28px!important;padding:14px 0!important}.gtx-banner p{font-size:15px!important}

  /* 07 PREMIUM: one horizontal editorial deck instead of seven full-screen vertical stories */
  .premium-section{overflow:hidden!important}
  .premium-heading{margin-bottom:22px!important}
  .premium-heading h2{font-size:32px!important;line-height:1.13!important;margin:13px 0 12px!important}
  .premium-mobile-hint{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;color:#8a704a;font-size:14px;font-weight:800;letter-spacing:.02em}
  .premium-mobile-hint span{font-size:19px}
  .premium-deck{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:min(82vw,330px)!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:3px 2px 18px!important;
    margin-right:calc((100vw - 100%)/-2)!important;
    padding-right:22px!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .premium-deck::-webkit-scrollbar{display:none}
  .premium-story-grid{display:contents!important}
  .premium-deck [data-premium-item]{
    scroll-snap-align:start!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    margin:0!important;
    min-width:0!important;
    width:auto!important;
    background:#fff!important;
    border:1px solid rgba(168,142,99,.16)!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 12px 34px rgba(12,22,50,.065)!important;
  }
  .premium-deck .premium-story-visual{order:0!important;width:100%!important;margin:0!important;box-shadow:none!important;border-radius:0!important;background:#ebe6dd!important}
  .premium-deck .premium-story-visual img{aspect-ratio:16/10!important;width:100%!important;height:auto!important;object-fit:cover!important}
  .premium-deck .premium-story-copy{order:1!important;padding:18px 17px 19px!important;text-align:left!important}
  .premium-deck .premium-index{font-size:14px!important;letter-spacing:.18em!important}
  .premium-deck .premium-story-copy h3,.premium-deck .premium-story-copy.compact h3{font-size:22px!important;line-height:1.2!important;max-width:none!important;margin:10px 0 9px!important;letter-spacing:-.05em!important}
  .premium-deck .premium-story-copy strong{font-size:16px!important;line-height:1.5!important;margin-bottom:8px!important;word-break:keep-all!important}
  .premium-deck .premium-story-copy p{font-size:15.5px!important;line-height:1.65!important;word-break:keep-all!important;margin:0!important}
  .premium-deck .premium-story-copy em{font-size:12.5px!important;line-height:1.5!important;margin-top:8px!important}
  .premium-deck .title-chunk{display:inline!important;white-space:normal!important}
  .premium-story-brand .premium-story-visual.brand{min-height:0!important}
  .premium-deck-progress{display:flex;align-items:center;gap:7px;margin-top:2px;color:#9b7b4e;font-size:14px;letter-spacing:.08em}
  .premium-deck-progress b{font-size:17px;color:#172039}.premium-deck-progress i{display:block;flex:1;height:1px;background:linear-gradient(90deg,#c5a16b,rgba(197,161,107,.18));margin-left:6px}
  .premium-image-disclaimer{margin-top:12px!important;font-size:12.5px!important}

  /* CONTACT: reduce mobile duplication because sticky actions already exist */
  .quick-actions{display:none!important}
}

@media(max-width:390px){
  .benefit-card{padding-inline:11px!important}.benefit-card h3{font-size:21px!important}.benefit-card p{font-size:14.8px!important}
  .premium-deck{grid-auto-columns:84vw!important}
}

@media(prefers-reduced-motion:reduce){
  .hero-slide{animation:none!important}
  .hero-slide-01{opacity:.58!important}
}

/* v1.20 — mobile polish, premium hierarchy, sticky SMS */

/* Subtle depth for the 01–04 editorial points without turning them into heavy cards */
.benefit-card{position:relative;overflow:hidden}
.benefit-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 8%,rgba(183,145,91,.055),transparent 48%)}
.benefit-card:nth-child(2):before{background:radial-gradient(circle at 92% 8%,rgba(24,63,121,.045),transparent 48%)}
.benefit-card:nth-child(3):before{background:radial-gradient(circle at 92% 8%,rgba(52,105,79,.045),transparent 48%)}
.benefit-card:nth-child(4):before{background:radial-gradient(circle at 92% 8%,rgba(112,83,137,.04),transparent 48%)}
.benefit-card>*{position:relative;z-index:1}

/* Give location and development sections a more premium, editorial surface */
.location-section{background:radial-gradient(circle at 78% 12%,rgba(194,159,106,.09),transparent 28%),linear-gradient(180deg,#faf8f3 0%,#f7f3eb 52%,#fbfaf7 100%)!important}
.development-section{background:radial-gradient(circle at 15% 18%,rgba(182,147,94,.07),transparent 30%),linear-gradient(180deg,#f5f6f8 0%,#f8f7f4 100%)!important}

/* Premium summary treatments */
.location-head-points{border-color:rgba(174,146,101,.28)!important}
.location-head-points>div{background:rgba(255,255,255,.34)}
.location-summary span{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid rgba(164,130,78,.18);border-radius:999px;background:rgba(255,255,255,.56);box-shadow:0 6px 18px rgba(23,33,59,.035)}
.location-summary i{opacity:.45}

/* Development value tags */
.development-keywords{gap:10px!important}
.development-keywords span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px!important;border:1px solid rgba(154,121,72,.14)!important;border-radius:999px;background:rgba(255,255,255,.54);color:#263047!important;box-shadow:0 5px 16px rgba(23,33,59,.03)}
.development-keywords span b{color:#a17b46;font-size:13px;letter-spacing:.14em}
.development-map-visual{border-color:rgba(165,126,65,.16)!important;box-shadow:0 22px 56px rgba(16,28,52,.07)!important;background:linear-gradient(180deg,#fff,#fbf9f5)!important}

@media(max-width:640px){
  /* Shared mobile design tokens */
  :root{--mobile-radius:22px;--mobile-shadow:0 14px 36px rgba(13,25,49,.07)}
  .wrap{padding-left:16px!important;padding-right:16px!important}

  /* Mobile section intros use one consistent centered hierarchy */
  .section-heading,.premium-heading,.location-title-block,.development-copy{ text-align:center!important; margin-left:auto!important; margin-right:auto!important; }
  .location-label,.section-label,.premium-kicker{justify-content:center!important}
  .location-title-block p,.development-copy>p{margin-left:auto!important;margin-right:auto!important;max-width:34em!important}
  .development-copy h2{margin-left:auto!important;margin-right:auto!important}

  /* 01–04: compact, balanced 2x2 editorial modules */
  .benefit-card{text-align:left!important;min-height:154px!important;padding:20px 15px 21px!important}
  .point-no{font-size:18px!important}
  .benefit-card h3{margin-top:13px!important}
  .benefit-card:before{opacity:.95}

  /* LOCATION: premium mobile composition */
  .location-section{padding-top:68px!important;background:radial-gradient(circle at 50% 3%,rgba(195,157,98,.11),transparent 25%),linear-gradient(180deg,#faf8f3,#f7f3eb 78%,#faf9f6)!important}
  .location-title-block h2{font-size:31px!important;line-height:1.15!important;letter-spacing:-.055em!important}
  .location-head-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;margin-top:24px!important;border:1px solid rgba(166,136,90,.18)!important;border-radius:16px!important;background:rgba(255,255,255,.54)!important;box-shadow:0 10px 28px rgba(17,31,56,.035)!important}
  .location-head-points>div{min-width:0!important;padding:13px 8px 12px!important;border-top:0!important;border-left:1px solid rgba(166,136,90,.16)!important;background:transparent!important;text-align:center!important}
  .location-head-points>div:first-child{border-left:0!important}
  .location-head-points b{font-size:10.5px!important;letter-spacing:.10em!important;color:#9a7948!important}
  .location-head-points span{font-size:13px!important;line-height:1.45!important;word-break:keep-all!important;color:#263047!important}
  .premium-location-map{padding:8px!important;border-radius:var(--mobile-radius)!important;background:linear-gradient(180deg,#fff,#f8f4ec)!important;border:1px solid rgba(166,136,90,.16)!important;box-shadow:var(--mobile-shadow)!important}
  .premium-location-map img{border-radius:15px!important}
  .location-zoom-hint{background:rgba(11,25,55,.76)!important;backdrop-filter:blur(8px)}
  .location-summary{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;white-space:normal!important;overflow:visible!important;gap:7px!important;margin-top:14px!important}
  .location-summary i{display:none!important}
  .location-summary span{font-size:13.5px!important;padding:7px 10px!important;background:rgba(255,255,255,.62)!important}

  /* COMMUTE: richer subway timeline while keeping the train image as a background mood */
  .commute-section{background:radial-gradient(circle at 50% 18%,#122143 0%,#081735 44%,#06142f 100%)!important}
  .commute-section .section-heading{text-align:center!important}
  .commute-motion-bg{opacity:.13!important;animation:commuteBgPass 12s ease-in-out infinite alternate!important;filter:saturate(.60) contrast(.95) brightness(.58) blur(.3px)!important}
  .commute-speed-streak{display:block!important;opacity:.24!important;animation:commuteStreak 8.5s ease-in-out infinite!important}
  .commute-track{padding:9px 10px 9px 2px!important;margin-top:26px!important}
  .commute-stop{position:relative!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:12px!important;padding:9px 10px 9px 0!important;margin:2px 0!important;border-radius:14px!important;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;border:1px solid rgba(255,255,255,.04)!important;backdrop-filter:blur(2px)}
  .track-line{left:24px!important;top:27px!important;bottom:27px!important;width:2px!important;opacity:.70!important;box-shadow:0 0 14px rgba(105,176,255,.15)}
  .commute-stop .route-chip{min-width:48px!important;width:48px!important;height:34px!important;border-width:1.5px!important;box-shadow:0 5px 18px rgba(0,0,0,.20)!important}
  .commute-stop b{font-size:17px!important}.commute-stop strong{font-size:21px!important;color:#dcb76f!important}
  .gtx-banner{border-radius:16px!important;border:1px solid rgba(113,205,255,.16)!important;background:rgba(82,167,223,.055)!important;padding:14px 15px!important;text-align:left!important}
  .fine-print{font-size:13px!important;line-height:1.55!important;padding:0 10px!important}

  /* PREMIUM deck: always visually consistent, including card 07 */
  .premium-deck{scroll-padding-left:2px!important}
  .premium-deck [data-premium-item]{border-radius:var(--mobile-radius)!important;box-shadow:var(--mobile-shadow)!important;background:#fff!important}
  .premium-deck .premium-story-brand{padding:0!important;color:#172039!important;background:#fff!important}
  .premium-deck .premium-story-brand .premium-story-copy{background:#fff!important;color:#172039!important}
  .premium-deck .premium-story-brand .premium-index{color:#a98653!important}
  .premium-deck .premium-story-brand .premium-story-copy h3{color:#172039!important}
  .premium-deck .premium-story-brand .premium-story-copy strong{color:#a67f48!important}
  .premium-deck .premium-story-brand .premium-story-copy p{color:var(--muted)!important}
  .premium-deck .premium-story-brand .premium-story-visual:after{background:linear-gradient(135deg,rgba(233,217,190,.08),rgba(9,22,53,.07))!important}

  /* DEVELOPMENT: center the intro, make the values feel like UI instead of plain text */
  .development-section{padding-top:68px!important;background:radial-gradient(circle at 50% 6%,rgba(188,151,94,.09),transparent 28%),linear-gradient(180deg,#f5f6f8,#f9f7f2)!important}
  .development-copy h2{font-size:32px!important;line-height:1.14!important;margin-top:13px!important}
  .development-copy>p{font-size:16.5px!important;line-height:1.7!important}
  .development-keywords{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:22px!important}
  .development-keywords span{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:70px!important;padding:10px 6px!important;border-radius:14px!important;font-size:13.5px!important;line-height:1.35!important;text-align:center!important;word-break:keep-all!important;background:rgba(255,255,255,.64)!important;border:1px solid rgba(159,126,77,.14)!important;box-shadow:0 7px 18px rgba(20,31,52,.035)!important}
  .development-keywords span b{display:block!important;margin-bottom:5px!important;font-size:12px!important;color:#a47d45!important}
  .development-map-visual{padding:10px!important;border-radius:var(--mobile-radius)!important;background:linear-gradient(180deg,#fff,#f7f3eb)!important;border:1px solid rgba(165,126,65,.16)!important;box-shadow:var(--mobile-shadow)!important}
  .development-map-head{text-align:center!important;padding:10px 8px 16px!important}
  .development-map-head span{justify-content:center!important;letter-spacing:.17em!important}
  .development-map-head b{font-size:21px!important}.development-map-head small{font-size:13.5px!important;line-height:1.45!important}
  .development-map-canvas{border-radius:16px!important;overflow:hidden!important}

  /* Four compact sticky actions; SMS gets a real first-class slot */
  .mobile-sticky{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:7px max(8px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom))!important;background:rgba(7,20,50,.97)!important;backdrop-filter:blur(12px)}
  .mobile-sticky a,.mobile-sticky button{height:44px!important;border-radius:9px!important;font-size:13.5px!important;font-weight:850!important;white-space:nowrap!important}
  .mobile-sticky button[data-open-modal="lead"]{background:#d5b16f!important;color:#101a35!important;border-color:#d5b16f!important}
  .mobile-sticky .js-sms-link{background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
  .mobile-sticky button[data-open-modal="visit"],.mobile-sticky .js-phone-link{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
}

@media(max-width:360px){
  .mobile-sticky a,.mobile-sticky button{font-size:12.8px!important}
  .location-head-points>div{padding-inline:5px!important}
  .location-head-points span{font-size:12.3px!important}
  .development-keywords span{font-size:12.8px!important}
}

@media(prefers-reduced-motion:reduce){
  .commute-motion-bg,.commute-speed-streak{animation:none!important}
}

@media(max-width:640px){
  /* Complete the centered mobile section-intro system through FAQ and final CTA */
  .faq-grid>div:first-child,.final-grid>div:first-child{text-align:center!important}
  .faq-grid>div:first-child>p,.final-grid>div:first-child>p{margin-left:auto!important;margin-right:auto!important}
  .faq-inline-link{margin-left:auto!important;margin-right:auto!important}
  .final-grid .section-label{justify-content:center!important}
  .supply-note{text-align:center!important}
  .final-form{text-align:left!important}
}

/* v1.21 — premium UI finishing pass (map assets intentionally unchanged) */
.mobile-copy-break{display:none}
.hero-visual-note{position:absolute;z-index:7;right:28px;bottom:18px;color:rgba(255,255,255,.42);font-size:12.5px;letter-spacing:-.01em;pointer-events:none}

/* HERO: generated visual set = distant skyline / close-up tower / premium environment.
   Desktop intentionally pushes imagery back so copy and form remain dominant. */
@media(min-width:981px){
  .hero-visual.hero-slideshow:before{background:linear-gradient(90deg,rgba(4,13,35,.975) 0%,rgba(4,13,35,.925) 39%,rgba(4,13,35,.82) 67%,rgba(4,13,35,.74) 100%)!important}
  .hero-slide-01,.hero-slide-02,.hero-slide-03{filter:saturate(.58) brightness(.54) contrast(.96)!important}
  .hero-slide-01{background-position:center 54%!important}
  .hero-slide-02{background-position:center 56%!important}
  .hero-slide-03{background-position:center 54%!important}
}

/* 01–04: whisper-light editorial graphics, not decorative cards */
.minimal-points{overflow:hidden}
.benefit-card{position:relative;isolation:isolate;overflow:hidden}
.benefit-card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.55;pointer-events:none}
.benefit-card:nth-child(1):before{background:radial-gradient(circle at 86% 22%,rgba(26,79,144,.055),transparent 33%),linear-gradient(132deg,transparent 67%,rgba(25,68,121,.025) 67.5%,transparent 68%)}
.benefit-card:nth-child(2):before{background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(168,132,75,.025) 34px 35px),linear-gradient(180deg,transparent,rgba(193,159,106,.025))}
.benefit-card:nth-child(3):before{background:radial-gradient(circle at 82% 24%,transparent 0 18px,rgba(91,126,96,.035) 19px 20px,transparent 21px 38px,rgba(91,126,96,.025) 39px 40px,transparent 41px)}
.benefit-card:nth-child(4):before{background:radial-gradient(ellipse at 84% 22%,rgba(116,87,151,.045),transparent 35%),linear-gradient(145deg,transparent 58%,rgba(116,87,151,.025) 59%,transparent 60%)}

/* SEOUL ACCESS — make the transport mood legible and the information feel intentionally designed */
.commute-motion-bg{background-image:url('assets/commute-cheongna-v3.webp?v=2')!important;background-position:center 60%!important;opacity:.30!important;filter:saturate(.72) contrast(1.03) brightness(.72)!important;mix-blend-mode:screen}
.commute-speed-streak{opacity:.46!important}
.commute-stop{transition:transform .28s ease,background-color .28s ease,border-color .28s ease}
.commute-stop:hover{transform:translateY(-3px)}
.gtx-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr 92px;gap:24px;align-items:center;justify-content:initial!important;padding:19px 22px!important;border:1px solid rgba(111,199,255,.16)!important;border-radius:18px;background:linear-gradient(105deg,rgba(71,161,223,.10),rgba(255,255,255,.025) 55%,rgba(199,162,107,.055))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 36px rgba(0,0,0,.08)}
.gtx-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 50%,rgba(99,198,255,.09),transparent 27%);pointer-events:none}
.gtx-banner-title{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:116px}
.gtx-banner-title small{font-size:11px;letter-spacing:.18em;font-weight:900;color:rgba(255,255,255,.45)}
.gtx-banner-title span{font-size:21px!important;color:#72d2ff!important;font-weight:900;text-shadow:0 0 22px rgba(114,210,255,.16)}
.gtx-banner p{position:relative;z-index:1;font-size:16px!important;line-height:1.65!important;color:rgba(255,255,255,.78)!important}
.gtx-mini-route{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:22px}
.gtx-mini-route:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:linear-gradient(90deg,#6dd1ff,#aa8bd8);box-shadow:0 0 11px rgba(109,209,255,.25)}
.gtx-mini-route i{position:relative;width:8px;height:8px;border:2px solid #9bdfff;background:#0b1b3b;border-radius:50%}

/* DEVELOPMENT to FAQ transition: clear chapter change without adding a heavy divider */
.development-section{position:relative}
.development-section:after{content:"";position:absolute;left:50%;bottom:0;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(164,129,76,.38),transparent)}
.faq-section{position:relative;background:linear-gradient(180deg,#ece9e2 0%,#f5f2ec 68%,#f8f6f1 100%)!important;border-top:1px solid rgba(146,113,66,.10)}
.faq-section:before{content:"FAQ";position:absolute;right:4vw;top:22px;font-size:clamp(64px,9vw,138px);font-weight:900;letter-spacing:-.08em;color:rgba(11,27,61,.025);pointer-events:none}
.faq-kicker{display:inline-block;margin-bottom:12px;color:#a07a45;font-size:13px;font-weight:900;letter-spacing:.22em}
.faq-list{border-top-color:rgba(119,108,90,.25)!important}
.faq-list details{border-bottom-color:rgba(119,108,90,.22)!important}

/* Keep CTA hierarchy restrained: one primary gold action, nuanced secondary accents */
.mobile-sticky .js-sms-link{border-color:rgba(102,201,255,.30)!important;color:#e8f8ff!important;background:linear-gradient(180deg,rgba(80,173,225,.09),rgba(255,255,255,.025))!important}
.mobile-sticky .js-phone-link{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.025)!important}
.mobile-sticky button[data-open-modal="visit"]{border-color:rgba(215,182,124,.27)!important;color:#f1e4cc!important;background:rgba(215,182,124,.035)!important}

@media(max-width:640px){
  .mobile-copy-break{display:block}
  .hero-visual-note{right:14px;bottom:10px;font-size:10.5px;opacity:.74}

  /* Native mobile deck uses flex so DOM order is always 01→07. JS also hard-resets the scroll position. */
  .premium-deck{display:flex!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;align-items:stretch!important;scroll-snap-type:x mandatory!important}
  .premium-deck [data-premium-item]{flex:0 0 min(82vw,330px)!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
  .premium-story-grid{display:contents!important}
  .premium-deck:not(.premium-ready){scroll-snap-type:none!important}

  /* Guarantee card 07 has the same editorial anatomy as 01–06. */
  .premium-deck .premium-story-brand{min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important}
  .premium-deck .premium-story-brand .premium-story-copy{display:block!important;visibility:visible!important;opacity:1!important;min-height:220px!important}
  .premium-deck .premium-story-brand .premium-story-copy h3,
  .premium-deck .premium-story-brand .premium-story-copy strong,
  .premium-deck .premium-story-brand .premium-story-copy p{display:block!important;visibility:visible!important;opacity:1!important}

  /* Location copy: designed line break and a touch more breathing room. Map itself remains the approved asset. */
  .location-title-block p{line-height:1.75!important;margin-top:18px!important}

  /* Commute: train is now visibly present, but still behind the data. */
  .commute-motion-bg{opacity:.23!important;background-position:58% center!important;filter:saturate(.76) contrast(1.05) brightness(.74)!important;mix-blend-mode:screen!important}
  .commute-speed-streak{opacity:.42!important;filter:blur(9px)!important}
  .commute-stop{display:grid!important;align-items:center!important;min-height:68px!important;padding:8px 11px 8px 0!important;background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.065)!important;box-shadow:inset 0 1px rgba(255,255,255,.018),0 7px 22px rgba(0,0,0,.055)!important}
  .commute-stop b{display:flex!important;align-items:center!important;height:100%!important;margin:0!important;line-height:1.35!important}
  .commute-stop strong{display:flex!important;align-items:center!important;justify-content:flex-end!important;height:100%!important;margin:0!important}
  .commute-stop .route-chip{align-self:center!important;justify-self:center!important;margin:0!important}

  .gtx-banner{grid-template-columns:1fr!important;gap:10px!important;padding:17px 17px 16px!important;border-radius:18px!important;text-align:left!important;background:linear-gradient(135deg,rgba(64,169,229,.13),rgba(15,37,77,.58) 58%,rgba(141,107,174,.08))!important;box-shadow:0 14px 36px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.045)!important}
  .gtx-banner-title{min-width:0!important;gap:2px!important}
  .gtx-banner-title small{font-size:10.5px!important}
  .gtx-banner-title span{font-size:19px!important}
  .gtx-banner p{margin:0!important;font-size:14.5px!important;line-height:1.65!important}
  .gtx-mini-route{width:112px;height:18px;margin-top:1px}
  .gtx-mini-route i{width:7px;height:7px}

  /* Development copy break is intentional; FAQ opens as a distinct visual chapter. */
  .development-copy>p{max-width:36em!important;line-height:1.78!important}
  .faq-section{padding-top:74px!important;background:linear-gradient(180deg,#ebe7de,#f5f1e9 76%,#f7f5ef)!important}
  .faq-section:before{right:10px;top:18px;font-size:76px!important}
  .faq-kicker{display:block;text-align:center;margin-bottom:9px!important}
  .faq-grid h2{font-size:34px!important;line-height:1.12!important}
  .faq-list{margin-top:26px;padding:0 4px;background:rgba(255,255,255,.38);border:1px solid rgba(125,108,82,.12)!important;border-radius:18px;box-shadow:0 12px 34px rgba(23,30,46,.045);overflow:hidden}
  .faq-list details{padding:0 14px!important}

  /* Softer premium variety in the bottom bar without rainbowing the UI. */
  .mobile-sticky .js-sms-link{color:#e9f8ff!important}
  .mobile-sticky .js-phone-link{color:#fff!important}
  .mobile-sticky button[data-open-modal="visit"]{color:#f0e1c5!important}
}
/* Remove the older static commute image layer; v1.21 uses the dedicated animated train layer only. */
.commute-section:after{background:none!important;opacity:0!important}

/* v1.22 — conversion-first premium refinement
   Scope: preserve all lead forms and business logic; refine HERO, 01–04 editorial facts, and Seoul commute. */

/* Defensive: tracking fields are data-only and must never enter the visual grid. */
.lead-form input[type="hidden"],.mid-lead-form input[type="hidden"],.final-form input[type="hidden"],.modal-box input[type="hidden"]{display:none!important}

/* HERO — keep the conversion form prominent, but make the panel feel like part of the brand system. */
@media(min-width:981px){
  .hero{min-height:850px}
  .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(390px,.72fr);gap:72px;padding-top:86px;padding-bottom:82px}
  .hero-visual.hero-slideshow:before{background:linear-gradient(90deg,rgba(4,13,35,.97) 0%,rgba(4,13,35,.90) 39%,rgba(4,13,35,.68) 68%,rgba(4,13,35,.50) 100%)!important}
  .hero-slide-01{filter:saturate(.70) brightness(.67) contrast(.98)!important}
  .hero-slide-02{filter:saturate(.68) brightness(.64) contrast(.98)!important}
  .hero-slide-03{filter:saturate(.66) brightness(.61) contrast(.98)!important}
  .lead-card{max-width:430px;justify-self:end}
}
.hero-copy{isolation:isolate}
.hero-line-accent{color:#ddb96f!important}
.lead-card{
  background:linear-gradient(180deg,rgba(252,251,248,.985),rgba(247,245,240,.985))!important;
  border:1px solid rgba(211,183,133,.34)!important;
  border-radius:16px!important;
  box-shadow:0 26px 74px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.88)!important;
  backdrop-filter:blur(8px);
}
.lead-card:before{content:"";display:block;width:32px;height:2px;margin-bottom:15px;background:#c49b5e;opacity:.9}
.lead-card h2{font-size:35px!important;line-height:1.12!important;letter-spacing:-.062em!important}
.lead-card>p{max-width:30em;color:#737986!important}
.receive-grid{margin:20px 0 18px!important;border-color:#ddd6ca!important;background:rgba(255,255,255,.34)}
.receive-grid span{position:relative;padding:11px 3px!important;border-color:#e3ddd3!important;color:#555d6c;font-size:14px!important;letter-spacing:-.025em}
.field span{font-size:14px!important;letter-spacing:.01em;color:#505866!important}
.field input,.field select{height:51px!important;border-radius:8px!important;border-color:#d8d5ce!important;background:rgba(255,255,255,.88)!important;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.field input:focus,.field select:focus{background:#fff!important;border-color:#a78350!important;box-shadow:0 0 0 3px rgba(167,131,80,.105)!important}
.lead-card .primary-btn{min-height:54px!important;border-radius:8px!important;background:linear-gradient(180deg,#d9b773,#cda45f)!important;color:#101a34!important;box-shadow:0 11px 24px rgba(154,113,55,.18);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.lead-card .primary-btn:hover{background:linear-gradient(180deg,#dfbf7d,#d0a862)!important;transform:translateY(-1px);box-shadow:0 14px 28px rgba(154,113,55,.22)}
.form-notice{text-align:center!important;color:#9297a0!important}

/* 01–04 — editorial fact strip. Large facts carry the rhythm; decoration stays nearly invisible. */
.benefits{background:linear-gradient(180deg,#fff 0%,#fdfcf9 100%)}
.benefits .section-heading{margin-bottom:44px}
.minimal-points{border-color:#e4dfd6!important}
.benefit-card{min-height:270px;padding:26px 28px 30px!important;display:flex;flex-direction:column;justify-content:flex-start;transition:background-color .28s ease!important}
.benefit-card:hover{background:rgba(248,244,236,.46)!important}
.benefit-card:before{display:none!important}
.benefit-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}
.point-no{display:inline-flex!important;align-items:center;gap:10px;color:#9e7b47!important;font-size:13px!important;letter-spacing:.18em!important}
.point-no:after{content:"";width:24px;height:1px;background:#d3bd9a}
.benefit-keyword{font-size:11px;font-weight:850;letter-spacing:.18em;color:#a4a9b2}
.benefit-display{display:flex;align-items:flex-end;gap:7px;margin-top:30px;min-height:68px;color:#101a35}
.benefit-display b{font-size:62px;line-height:.88;letter-spacing:-.075em;font-weight:820}
.benefit-display small{padding-bottom:6px;font-size:14px;font-weight:900;letter-spacing:.14em;color:#aa8957}
.benefit-display-word b{font-size:39px;line-height:1;letter-spacing:-.065em}
.benefit-card h3{margin:22px 0 9px!important;font-size:22px!important;line-height:1.25!important;letter-spacing:-.045em!important}
.benefit-card p{font-size:16px!important;line-height:1.72!important;color:#777e8b!important}

/* SEOUL COMMUTE — move from app-like pills to a restrained editorial rail. */
.commute-section{background:linear-gradient(180deg,#081735 0%,#07142f 100%)!important}
.commute-section:before{z-index:1!important;background:linear-gradient(90deg,rgba(4,13,35,.74) 0%,rgba(4,13,35,.60) 48%,rgba(4,13,35,.70) 100%),radial-gradient(circle at 76% 18%,rgba(198,162,106,.10),transparent 30%)!important}
.commute-motion-bg{opacity:.15!important;filter:saturate(.58) contrast(1.01) brightness(.62)!important;mix-blend-mode:screen!important;animation:commuteEditorialDrift 18s ease-in-out infinite alternate!important}
.commute-speed-streak{display:none!important}
@keyframes commuteEditorialDrift{from{transform:scale(1.015) translate3d(-.25%,0,0)}to{transform:scale(1.035) translate3d(.5%,-.25%,0)}}
.commute-section .section-heading{margin-bottom:52px!important}
.commute-track{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin-top:0!important;padding-top:2px!important}
.track-line{left:9%!important;right:9%!important;top:15px!important;height:1px!important;width:auto!important;bottom:auto!important;background:linear-gradient(90deg,rgba(214,183,126,.16),rgba(255,255,255,.42),rgba(214,183,126,.16))!important;opacity:1!important;box-shadow:none!important}
.commute-stop{position:relative!important;display:block!important;min-height:148px!important;padding:38px 14px 0!important;margin:0!important;text-align:center!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;transform:none!important}
.commute-stop:before{content:"";position:absolute;z-index:3;top:9px;left:50%;width:13px;height:13px;transform:translateX(-50%);border-radius:50%;background:#091735;border:2px solid #d4b274;box-shadow:0 0 0 5px rgba(212,178,116,.075)}
.commute-stop:hover{transform:none!important}
.commute-stop .route-chip{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:auto!important;margin:0 0 13px!important;padding:0 0 0 10px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:rgba(255,255,255,.58)!important;font-size:12px!important;font-weight:850!important;letter-spacing:.08em!important}
.commute-stop .route-chip:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;transform:translateY(-50%);border-radius:50%;background:#d4b274}
.commute-stop .route-chip.line1:before{background:#4984c2}.commute-stop .route-chip.line2:before{background:#4cab76}.commute-stop .route-chip.line5:before{background:#a98aba}.commute-stop .route-chip.line59:before{background:linear-gradient(90deg,#a98aba 0 50%,#c5ae70 50%)}
.commute-stop b{display:block!important;margin:0!important;min-height:38px;font-size:17px!important;line-height:1.35!important;font-weight:760!important;color:rgba(255,255,255,.90)!important;word-break:keep-all!important}
.commute-stop strong{display:block!important;margin:8px 0 0!important;font-size:28px!important;line-height:1!important;font-weight:830!important;letter-spacing:-.055em!important;color:#deb970!important}
.gtx-banner{margin-top:28px!important;grid-template-columns:155px 1fr 110px!important;gap:28px!important;padding:20px 2px!important;border:0!important;border-top:1px solid rgba(255,255,255,.14)!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.gtx-banner:before{display:none!important}
.gtx-banner-title{min-width:0!important;gap:5px!important}
.gtx-banner-title small{font-size:11px!important;letter-spacing:.2em!important;color:rgba(255,255,255,.42)!important}
.gtx-banner-title span{font-size:21px!important;color:#79c9ee!important;text-shadow:none!important}
.gtx-banner p{font-size:15.5px!important;color:rgba(255,255,255,.67)!important;line-height:1.65!important}
.gtx-mini-route:before{height:1px!important;box-shadow:none!important;opacity:.55}
.gtx-mini-route i{width:6px!important;height:6px!important;border:1px solid #8fd3f2!important;background:#091735!important}
.fine-print{margin-top:15px!important;opacity:.45!important}

/* Small premium polish elsewhere without changing section structure. */
@media(min-width:981px){
  .premium-location-map{border-radius:14px!important;box-shadow:0 18px 52px rgba(12,22,50,.065)!important}
}

@media(max-width:980px){
  .lead-card{max-width:600px!important}
  .hero-visual.hero-slideshow:before{background:linear-gradient(180deg,rgba(4,13,35,.91) 0%,rgba(4,13,35,.87) 33%,rgba(4,13,35,.93) 100%)!important}
  .benefit-card{min-height:235px!important}
  .benefit-display b{font-size:52px}
  .benefit-display-word b{font-size:34px}
}

@media(max-width:640px){
  /* The hero lead form deliberately remains on mobile for conversion. */
  .hero-grid{gap:30px!important;padding-bottom:48px!important}
  .hero-copy{padding-inline:2px}
  .hero-visual.hero-slideshow:before{background:linear-gradient(180deg,rgba(4,13,35,.92) 0%,rgba(4,13,35,.88) 34%,rgba(4,13,35,.94) 100%)!important}
  .hero-slide-01,.hero-slide-02,.hero-slide-03{filter:saturate(.66) brightness(.62)!important}
  .lead-card{padding:22px 20px 21px!important;border-radius:15px!important;box-shadow:0 18px 52px rgba(0,0,0,.20)!important}
  .lead-card:before{margin-bottom:13px;width:28px}
  .lead-card h2{font-size:29px!important}
  .lead-card>p{font-size:15.5px!important;line-height:1.62!important}
  .receive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:17px 0!important}
  .receive-grid span{padding:10px 2px!important;border-top:0!important;border-left:1px solid #e3ddd3!important;font-size:12.5px!important;word-break:keep-all}
  .receive-grid span:first-child{border-left:0!important}
  .field input,.field select{height:50px!important}
  .lead-card .primary-btn{min-height:53px!important}

  .benefits .section-heading{margin-bottom:26px!important}
  .minimal-points{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .benefit-card{min-height:206px!important;padding:18px 13px 20px!important}
  .benefit-meta{gap:8px}
  .benefit-keyword{font-size:9.8px!important;letter-spacing:.11em}
  .point-no{font-size:12px!important;gap:6px!important}.point-no:after{width:14px!important}
  .benefit-display{margin-top:22px!important;min-height:46px!important;gap:5px}
  .benefit-display b{font-size:42px!important}.benefit-display small{font-size:11px!important;padding-bottom:4px!important}
  .benefit-display-word b{font-size:27px!important;letter-spacing:-.06em!important}
  .benefit-card h3{margin:17px 0 7px!important;font-size:21px!important;line-height:1.2!important}
  .benefit-card p{font-size:14.5px!important;line-height:1.62!important}

  .commute-motion-bg{opacity:.10!important;animation:commuteEditorialDrift 22s ease-in-out infinite alternate!important;filter:saturate(.52) brightness(.54)!important}
  .commute-section .section-heading{margin-bottom:27px!important}
  .commute-track{display:block!important;padding:0!important;margin-top:0!important}
  .track-line{display:none!important}
  .commute-stop{display:grid!important;grid-template-columns:55px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:0!important;padding:15px 0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;text-align:left!important}
  .commute-stop:first-of-type{border-top:1px solid rgba(255,255,255,.10)!important}
  .commute-stop:before{display:none!important}
  .commute-stop .route-chip{justify-self:start!important;align-self:center!important;margin:0!important;padding-left:9px!important;font-size:11px!important;white-space:nowrap!important}
  .commute-stop b{display:block!important;min-height:0!important;height:auto!important;margin:0!important;font-size:16px!important;line-height:1.35!important}
  .commute-stop strong{display:block!important;height:auto!important;margin:0!important;font-size:21px!important;white-space:nowrap!important}
  .gtx-banner{grid-template-columns:1fr auto!important;gap:8px 16px!important;padding:17px 0!important;border-radius:0!important;text-align:left!important;background:none!important;box-shadow:none!important}
  .gtx-banner-title{grid-column:1!important}.gtx-banner p{grid-column:1!important;font-size:14.5px!important}.gtx-mini-route{grid-column:2!important;grid-row:1/3!important;width:82px!important;align-self:center!important}
  .fine-print{padding:0!important;font-size:12.5px!important}

  .premium-deck [data-premium-item]{border-radius:15px!important;box-shadow:0 12px 32px rgba(13,25,49,.06)!important}
}

@media(prefers-reduced-motion:reduce){
  .commute-motion-bg{animation:none!important}
  .lead-card .primary-btn{transition:none!important}
}

/* v1.23 — visual depth + source-map integration
   Conversion logic/forms remain untouched. Motion is decorative and reduced-motion safe. */

/* 01–04: photographic mood layers that reveal once in sequence, then settle quietly. */
.benefit-card{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#fff!important}
.benefit-card:before{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:-4%!important;
  opacity:0!important;transform:scale(1.075)!important;
  background-size:cover!important;background-repeat:no-repeat!important;
  filter:saturate(.66) contrast(.96) brightness(1.05)!important;
  transition:opacity 1.05s cubic-bezier(.2,.7,.2,1),transform 1.5s cubic-bezier(.2,.7,.2,1)!important;
  pointer-events:none!important;
}
.benefit-card:after{
  content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.955) 48%,rgba(255,255,255,.78) 100%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(248,244,236,.18));
}
.benefit-card>*{position:relative!important;z-index:2!important}
.benefit-card:nth-child(1):before{background-image:url('assets/commute-cheongna-v3.webp?v=2')!important;background-position:68% 58%!important;transition-delay:.02s!important}
.benefit-card:nth-child(2):before{background-image:url('assets/premium-story-03.webp')!important;background-position:62% 48%!important;transition-delay:.15s!important}
.benefit-card:nth-child(3):before{background-image:url('assets/premium-story-04.webp')!important;background-position:62% 50%!important;transition-delay:.28s!important}
.benefit-card:nth-child(4):before{background-image:url('assets/premium-story-02.webp')!important;background-position:58% 48%!important;transition-delay:.41s!important}
.benefit-card.in-view:before{opacity:.12!important;transform:scale(1.025)!important}
@media(hover:hover){
  .benefit-card.in-view:hover:before{opacity:.17!important;transform:scale(1.01)!important}
  .benefit-card:hover{background:#fff!important}
}

/* LOCATION: use the sharper source/reference map as the hero asset, not a tinted poster card. */
.location-section{background:linear-gradient(180deg,#fbfaf7 0%,#f7f4ed 58%,#fbfaf7 100%)!important}
.premium-location-map{
  width:min(1180px,100%)!important;margin-inline:auto!important;padding:0!important;
  border:1px solid rgba(14,31,61,.12)!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 28px 70px rgba(15,27,48,.10),0 1px 0 rgba(255,255,255,.75) inset!important;
  overflow:hidden!important;
}
.premium-location-map img{
  display:block!important;width:100%!important;max-width:100%!important;height:auto!important;border-radius:0!important;
  filter:saturate(1.075) contrast(1.045) brightness(1.015)!important;
  transform:scale(1.002)!important;transform-origin:center!important;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .55s ease!important;
}
@media(hover:hover){.premium-location-map:hover img{transform:scale(1.008)!important;filter:saturate(1.09) contrast(1.055) brightness(1.015)!important}}
.location-zoom-hint{background:rgba(7,20,45,.86)!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 22px rgba(0,0,0,.16)}

/* SEOUL ACCESS: keep the rail editorial, but let a premium high-speed train move through the atmosphere. */
.commute-section{background:linear-gradient(180deg,#06132e 0%,#071834 54%,#06132d 100%)!important;min-height:620px}
.commute-section:before{
  z-index:1!important;
  background:linear-gradient(90deg,rgba(3,11,30,.91) 0%,rgba(3,11,30,.78) 37%,rgba(3,11,30,.53) 69%,rgba(3,11,30,.62) 100%),linear-gradient(180deg,rgba(5,17,43,.18),rgba(5,17,43,.42)),radial-gradient(circle at 80% 34%,rgba(213,177,111,.13),transparent 34%)!important;
}
.commute-motion-bg{
  inset:-8%!important;background-image:url('assets/commute-cheongna-v3.webp?v=2')!important;background-position:60% 62%!important;background-size:cover!important;
  opacity:.47!important;filter:saturate(.84) contrast(1.08) brightness(.83)!important;mix-blend-mode:screen!important;
  transform:scale(1.10) translate3d(-1.8%,0,0)!important;
  animation:commuteTrainGlide 11s cubic-bezier(.42,0,.34,1) infinite alternate!important;
  will-change:transform!important;
}
.commute-speed-streak{
  display:block!important;z-index:1!important;left:-38%!important;right:-38%!important;top:56%!important;height:78px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 25%,rgba(107,195,255,.07) 39%,rgba(255,233,192,.18) 49%,rgba(255,255,255,.055) 55%,transparent 72%)!important;
  filter:blur(14px)!important;opacity:.48!important;transform:skewX(-14deg) translateX(-22%)!important;
  animation:commuteLightSweep 6.4s cubic-bezier(.4,0,.2,1) infinite!important;pointer-events:none!important;
}
@keyframes commuteTrainGlide{from{transform:scale(1.10) translate3d(-2.1%,.2%,0)}to{transform:scale(1.13) translate3d(1.25%,-.45%,0)}}
@keyframes commuteLightSweep{0%{transform:skewX(-14deg) translateX(-34%);opacity:.12}42%{opacity:.50}72%{opacity:.32}100%{transform:skewX(-14deg) translateX(34%);opacity:.08}}
.commute-section .section-heading{position:relative;z-index:3;text-shadow:0 2px 22px rgba(0,0,0,.18)}
.commute-track,.gtx-banner,.fine-print{position:relative;z-index:3}
.track-line{background:linear-gradient(90deg,rgba(215,184,129,.18),rgba(255,255,255,.56),rgba(215,184,129,.18))!important;box-shadow:0 0 18px rgba(255,255,255,.055)!important}
.commute-stop:before{box-shadow:0 0 0 5px rgba(212,178,116,.09),0 0 22px rgba(212,178,116,.12)!important}
.commute-stop strong{text-shadow:0 0 28px rgba(222,185,112,.12)}

/* DEVELOPMENT: turn the map into a dark brand chapter so it no longer looks pasted into a light document. */
.development-section{
  color:#fff!important;position:relative!important;overflow:hidden!important;
  background:radial-gradient(circle at 82% 18%,rgba(45,99,159,.18),transparent 31%),radial-gradient(circle at 10% 76%,rgba(199,157,93,.09),transparent 30%),linear-gradient(180deg,#06142d 0%,#071a38 55%,#06142e 100%)!important;
}
.development-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.018),transparent 36%),repeating-linear-gradient(90deg,transparent 0 104px,rgba(255,255,255,.012) 105px,transparent 106px)}
.development-section:after{background:linear-gradient(90deg,transparent,rgba(213,177,111,.34),transparent)!important}
.development-section .wrap{position:relative;z-index:1}
.development-copy{max-width:980px!important}
.development-copy .section-label{color:#d7b371!important}
.development-copy h2{color:#fff!important;text-shadow:0 1px 24px rgba(0,0,0,.12)}
.development-copy>p{color:rgba(255,255,255,.66)!important}
.development-keywords{gap:0!important;margin-top:30px!important;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
.development-keywords span{
  flex:1 1 0!important;justify-content:flex-start!important;gap:9px!important;margin:0!important;padding:14px 20px!important;
  border:0!important;border-left:1px solid rgba(255,255,255,.11)!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:rgba(255,255,255,.78)!important;font-size:15.5px!important;
}
.development-keywords span:first-child{border-left:0!important;padding-left:0!important}
.development-keywords span b{color:#d7b371!important;font-size:12px!important;letter-spacing:.16em!important}
.development-map-visual{
  margin-top:12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.development-map-head{
  display:grid!important;grid-template-columns:auto 1fr auto!important;gap:18px!important;align-items:end!important;
  padding:2px 0 17px!important;border-bottom:1px solid rgba(255,255,255,.12);color:#fff!important;
}
.development-map-head span{color:#d7b371!important;font-size:12px!important;letter-spacing:.22em!important}
.development-map-head b{color:#fff!important;font-size:21px!important}
.development-map-head small{color:rgba(255,255,255,.48)!important;font-size:13.5px!important}
.development-map-canvas{
  position:relative!important;margin-top:0!important;border:0!important;border-radius:0!important;background:#06142d!important;
  box-shadow:0 26px 65px rgba(0,0,0,.18)!important;overflow:hidden!important;
}
.development-map-canvas:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 0 -80px 90px rgba(3,12,29,.12)}
.development-map-canvas img{
  display:block!important;width:100%!important;height:auto!important;max-width:100%!important;
  filter:saturate(1.04) contrast(1.08) brightness(.96)!important;transform:scale(1.006)!important;
  transition:transform 1.35s cubic-bezier(.2,.7,.2,1),filter .6s ease!important;
}
.development-map-visual.in-view .development-map-canvas img{transform:scale(1)!important}
.development-map-sheen{display:none!important}
.development-section .map-caption{color:rgba(255,255,255,.42)!important;margin-top:14px!important;text-align:right!important}

@media(max-width:980px){
  .commute-section{min-height:0}
  .commute-motion-bg{opacity:.38!important;background-position:64% center!important}
  .development-map-head{grid-template-columns:1fr!important;gap:5px!important;align-items:start!important}
  .development-map-head small{margin-top:1px!important}
}

@media(max-width:640px){
  /* Keep conversion form on mobile; only tune visual sections below it. */
  .benefit-card:before{inset:-2%!important;filter:saturate(.58) contrast(.94) brightness(1.05)!important}
  .benefit-card:after{background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.94) 58%,rgba(255,255,255,.81) 100%)!important}
  .benefit-card.in-view:before{opacity:.095!important}

  .premium-location-map{padding:0!important;border-radius:14px!important;box-shadow:0 18px 46px rgba(15,27,48,.09)!important}
  .premium-location-map img{width:100%!important;max-width:100%!important;transform:none!important;filter:saturate(1.08) contrast(1.045) brightness(1.015)!important}
  .location-zoom-hint{right:9px!important;bottom:9px!important}

  .commute-section:before{background:linear-gradient(180deg,rgba(3,11,30,.75) 0%,rgba(3,11,30,.64) 38%,rgba(3,11,30,.82) 100%),linear-gradient(90deg,rgba(3,11,30,.35),rgba(3,11,30,.15))!important}
  .commute-motion-bg{inset:-5%!important;opacity:.31!important;background-position:70% center!important;filter:saturate(.78) contrast(1.05) brightness(.74)!important;animation-duration:14s!important}
  .commute-speed-streak{top:42%!important;height:58px!important;opacity:.32!important;filter:blur(12px)!important;animation-duration:8.5s!important}
  .commute-stop{background:linear-gradient(90deg,rgba(5,17,43,.62),rgba(5,17,43,.22))!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important}

  .development-section{padding-top:72px!important;padding-bottom:74px!important;background:radial-gradient(circle at 65% 16%,rgba(45,99,159,.16),transparent 28%),linear-gradient(180deg,#06142d,#071a38 58%,#06142e)!important}
  .development-copy{text-align:left!important}
  .development-copy .section-label{justify-content:flex-start!important}
  .development-copy h2{font-size:32px!important;line-height:1.15!important;text-align:left!important}
  .development-copy>p{text-align:left!important;margin-left:0!important;margin-right:0!important;color:rgba(255,255,255,.65)!important}
  .development-keywords{display:grid!important;grid-template-columns:1fr!important;margin-top:23px!important}
  .development-keywords span{padding:11px 0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.09)!important;font-size:14.5px!important}
  .development-keywords span:first-child{border-top:0!important}
  .development-map-visual{margin-top:4px!important}
  .development-map-head{padding:0 0 13px!important}
  .development-map-head b{font-size:19px!important}.development-map-head small{font-size:12.5px!important}
  .development-map-canvas{box-shadow:0 18px 45px rgba(0,0,0,.20)!important}
  .development-map-canvas img{transform:none!important;filter:saturate(1.02) contrast(1.06) brightness(.96)!important}
  .development-section .map-caption{text-align:left!important;font-size:12px!important;line-height:1.55!important}
}

@media(prefers-reduced-motion:reduce){
  .benefit-card:before{transition:none!important;transform:none!important;opacity:.09!important}
  .commute-motion-bg,.commute-speed-streak{animation:none!important;transform:none!important}
  .commute-speed-streak{opacity:.12!important}
  .development-map-canvas img,.premium-location-map img{transition:none!important;transform:none!important}
}
.development-map-link{position:relative;display:block;color:inherit;text-decoration:none}
.development-map-zoom{position:absolute;right:14px;bottom:14px;z-index:3;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(3,13,31,.78);color:rgba(255,255,255,.86);font-size:12.5px;font-weight:800;letter-spacing:-.01em;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:transform .22s ease,background-color .22s ease}
@media(hover:hover){.development-map-link:hover .development-map-zoom{transform:translateY(-2px);background:rgba(3,13,31,.90)}}
@media(max-width:640px){.development-map-zoom{right:8px;bottom:8px;padding:6px 8px;font-size:11.5px}}

/* =========================================================
   v1.24 — FINAL MAP ASSETS / CONTENT HIERARCHY POLISH
   - final bright LOCATION map with integrated footer facts
   - final dark DEVELOPMENT map with integrated legend
   - removes duplicated UI around both map assets
   ========================================================= */
.location-head-grid{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:920px!important;
  margin-left:0!important;
}
.location-title-block{max-width:760px!important}
.premium-location-map{
  margin-top:34px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(170,132,73,.20)!important;
  border-radius:18px!important;
  background:#07162f!important;
  box-shadow:0 26px 70px rgba(18,29,51,.11)!important;
}
.premium-location-map img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  border-radius:0!important;
  filter:saturate(1.035) contrast(1.025) brightness(1.005)!important;
}
.location-zoom-hint{
  right:16px!important;
  bottom:16px!important;
  background:rgba(5,18,40,.82)!important;
  border-color:rgba(221,183,116,.28)!important;
  color:#fff!important;
}
/* The four key facts stay editorial, but their visual backgrounds read a touch more clearly. */
.benefit-card.in-view:before{opacity:.145!important}
@media(hover:hover){.benefit-card.in-view:hover:before{opacity:.19!important}}

.development-map-visual{
  margin-top:28px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.development-map-canvas{
  overflow:hidden!important;
  border:1px solid rgba(214,177,111,.25)!important;
  border-radius:18px!important;
  background:#05142e!important;
  box-shadow:0 32px 80px rgba(0,0,0,.30)!important;
}
.development-map-canvas:after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.development-map-canvas img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  transform:none!important;
  filter:saturate(.96) contrast(1.035) brightness(.985)!important;
}
.development-map-zoom{
  right:16px!important;
  bottom:16px!important;
  border-color:rgba(215,179,113,.28)!important;
  background:rgba(3,13,31,.84)!important;
}
.development-section .map-caption{
  max-width:100%!important;
  padding-right:2px!important;
  color:rgba(255,255,255,.46)!important;
}
@media(max-width:640px){
  .location-head-grid{max-width:none!important}
  .location-title-block{text-align:left!important;margin-left:0!important;margin-right:0!important}
  .location-label{justify-content:flex-start!important}
  .location-title-block p{margin-left:0!important;margin-right:0!important}
  .premium-location-map{margin-top:24px!important;border-radius:14px!important;box-shadow:0 18px 44px rgba(15,27,48,.10)!important}
  .premium-location-map img{aspect-ratio:4/3!important;object-fit:cover!important}
  .location-zoom-hint{right:9px!important;bottom:9px!important}
  .benefit-card.in-view:before{opacity:.11!important}
  .development-map-visual{margin-top:18px!important}
  .development-map-canvas{border-radius:14px!important;box-shadow:0 20px 48px rgba(0,0,0,.25)!important}
  .development-map-canvas img{aspect-ratio:4/3!important;object-fit:cover!important}
  .development-map-zoom{right:9px!important;bottom:9px!important}
}

/* =========================================================
   v1.25 — FINAL DESIGN POLISH / DESIGN LOCK
   - 07 PARTNERSHIP becomes a typography + blueprint brand visual
   - unified premium image grading
   - unified reveal rhythm and refined mobile deck
   - no form / tracking / Netlify logic changes
   ========================================================= */

/* Motion rhythm: one quiet system across editorial sections. */
.reveal{
  transition-property:opacity,transform!important;
  transition-duration:.78s,.86s!important;
  transition-timing-function:ease,cubic-bezier(.2,.72,.2,1)!important;
  transition-delay:var(--stagger,0s)!important;
}
.premium-deck [data-premium-item] .premium-story-copy{
  opacity:.01;
  transform:translateY(13px);
  transition:opacity .68s ease .10s,transform .82s cubic-bezier(.2,.72,.2,1) .10s;
}
.premium-deck [data-premium-item].in-view .premium-story-copy,
.premium-story-grid .premium-story-card.in-view .premium-story-copy{
  opacity:1;
  transform:none;
}
.premium-deck [data-premium-item] .premium-story-visual{
  transform:translateY(8px);
  transition:transform .9s cubic-bezier(.2,.72,.2,1),box-shadow .45s ease;
}
.premium-deck [data-premium-item].in-view .premium-story-visual,
.premium-story-grid .premium-story-card.in-view .premium-story-visual{transform:none}

/* 01–06: one campaign-like color direction — deep navy shadows + warm highlights. */
.premium-deck [data-premium-item]:not([data-premium-item="07"]) .premium-story-visual{
  background:#101c31!important;
}
.premium-deck [data-premium-item]:not([data-premium-item="07"]) .premium-story-visual:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,18,40,.025),rgba(6,18,40,.13)),
    radial-gradient(circle at 78% 16%,rgba(218,181,116,.09),transparent 36%);
  mix-blend-mode:multiply;
}
.premium-deck [data-premium-item]:not([data-premium-item="07"]) .premium-story-visual:after{
  z-index:2!important;
  background:linear-gradient(135deg,rgba(225,194,138,.075),rgba(8,22,49,.125))!important;
}
.premium-deck [data-premium-item]:not([data-premium-item="07"]) .premium-story-visual img{
  filter:saturate(.76) contrast(1.035) brightness(.93) sepia(.025)!important;
  transform:scale(1.018);
  transition:transform 1.05s cubic-bezier(.2,.72,.2,1),filter .55s ease!important;
}
.premium-deck [data-premium-item]:not([data-premium-item="07"]).in-view .premium-story-visual img{
  transform:scale(1)!important;
}
@media(hover:hover){
  .premium-deck [data-premium-item]:not([data-premium-item="07"]):hover .premium-story-visual img{
    transform:scale(1.018)!important;
    filter:saturate(.80) contrast(1.04) brightness(.95) sepia(.02)!important;
  }
}

/* 07 PARTNERSHIP: no AI-concept image, only exact live typography + architectural linework. */
.premium-story-brand{
  min-height:460px;
  padding:0!important;
  grid-template-columns:1.08fr .92fr!important;
  border:1px solid rgba(215,179,113,.20);
  background:
    radial-gradient(circle at 17% 18%,rgba(66,110,164,.16),transparent 31%),
    radial-gradient(circle at 83% 80%,rgba(210,172,103,.09),transparent 29%),
    linear-gradient(135deg,#06142d 0%,#091a36 48%,#07142d 100%)!important;
  box-shadow:0 32px 78px rgba(12,22,47,.16);
}
.premium-story-brand:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(118deg,transparent 0 46%,rgba(218,181,116,.12) 46.1% 46.25%,transparent 46.35%),
    linear-gradient(64deg,transparent 0 62%,rgba(114,158,210,.10) 62.1% 62.25%,transparent 62.35%);
  background-size:38px 38px,38px 38px,100% 100%,100% 100%;
}
.partnership-visual{
  position:relative!important;
  z-index:2;
  min-height:460px;
  display:flex;
  align-items:flex-end;
  margin:0!important;
  padding:clamp(30px,4vw,54px)!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
.partnership-visual:before{
  content:"";
  position:absolute;
  inset:8% 7% 10% 8%;
  opacity:.72;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 9%,rgba(215,179,113,.50) 9.08% 9.28%,transparent 9.36%),
    linear-gradient(0deg,transparent 0 18%,rgba(113,158,212,.20) 18.08% 18.24%,transparent 18.32%),
    linear-gradient(130deg,transparent 0 30%,rgba(255,255,255,.08) 30.08% 30.20%,transparent 30.28%),
    linear-gradient(48deg,transparent 0 69%,rgba(215,179,113,.19) 69.08% 69.22%,transparent 69.30%);
  clip-path:polygon(0 100%,0 28%,16% 28%,16% 12%,31% 12%,31% 35%,48% 35%,48% 6%,67% 6%,67% 27%,84% 27%,84% 18%,100% 18%,100% 100%);
  border-bottom:1px solid rgba(215,179,113,.22);
  transition:opacity .8s ease,transform 1.05s cubic-bezier(.2,.72,.2,1);
  transform:translateY(12px);
}
.premium-story-brand.in-view .partnership-visual:before{transform:none;opacity:.86}
.partnership-visual:after{
  content:""!important;
  position:absolute;
  inset:auto 0 0 0!important;
  height:46%!important;
  background:linear-gradient(180deg,transparent,rgba(3,12,28,.44))!important;
  pointer-events:none;
}
.partnership-blueprint{position:relative;z-index:3;width:100%;max-width:640px;color:#fff}
.partnership-kicker{
  display:block;margin-bottom:24px;color:#d9b572;font-size:13px;font-weight:900;letter-spacing:.25em;
}
.partnership-names{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.partnership-names b{font-size:clamp(28px,3.1vw,48px);font-weight:760;letter-spacing:-.055em;line-height:1.04}
.partnership-names i{font-size:clamp(22px,2.2vw,34px);font-family:Georgia,serif;font-weight:400;font-style:normal;color:#d9b572}
.partnership-rule{display:flex;align-items:center;gap:12px;margin:28px 0 17px}
.partnership-rule:before{content:"07";color:rgba(255,255,255,.42);font-size:13px;font-weight:800;letter-spacing:.18em}
.partnership-rule span{display:block;width:min(300px,62%);height:1px;background:linear-gradient(90deg,#d9b572,rgba(217,181,114,.08))}
.partnership-blueprint small{color:rgba(255,255,255,.44);font-size:12px;font-weight:700;letter-spacing:.16em}
.premium-story-brand .brand-copy{position:relative;z-index:3;align-self:center;padding:clamp(30px,4vw,58px)!important}
.premium-story-brand .brand-copy h3{font-size:clamp(34px,3.1vw,48px)!important;max-width:10ch!important}
.premium-story-brand .brand-copy strong{font-size:20px!important;color:#d9b572!important}
.premium-story-brand .brand-copy p{max-width:31em}

/* Last quiet polish: headings, maps and accordions all share the same restrained rhythm. */
.premium-location-map,.development-map-visual{transition:opacity .75s ease,transform .9s cubic-bezier(.2,.72,.2,1)!important}
.faq-list details{transition:border-color .3s ease,background-color .3s ease!important}
.faq-list summary{transition:color .28s ease!important}

@media(max-width:980px){
  .premium-story-brand{grid-template-columns:1fr!important;min-height:0}
  .partnership-visual{min-height:360px}
  .premium-story-brand .brand-copy{padding:32px!important}
  .premium-story-brand .brand-copy h3{max-width:14ch!important}
}

@media(max-width:640px){
  /* Preserve swipe-card UX while keeping 07 visibly different from generic photo cards. */
  .premium-deck [data-premium-item] .premium-story-copy{opacity:1!important;transform:none!important;transition:none!important}
  .premium-deck [data-premium-item] .premium-story-visual{transform:none!important}
  .premium-deck [data-premium-item]:not([data-premium-item="07"]) .premium-story-visual img{transform:none!important}
  .premium-deck .premium-story-brand{
    background:#fff!important;
    border-color:rgba(168,142,99,.16)!important;
    box-shadow:0 12px 32px rgba(13,25,49,.06)!important;
  }
  .premium-deck .partnership-visual{
    order:0!important;
    min-height:208px!important;
    aspect-ratio:16/10!important;
    padding:22px 18px!important;
    background:
      radial-gradient(circle at 20% 12%,rgba(69,113,164,.18),transparent 34%),
      linear-gradient(135deg,#06142d,#091a36 55%,#07142d)!important;
  }
  .premium-deck .partnership-visual:before{inset:8% 5% 8% 6%;opacity:.76!important}
  .partnership-kicker{margin-bottom:15px;font-size:10px;letter-spacing:.18em}
  .partnership-names{gap:10px}
  .partnership-names b{font-size:24px}.partnership-names i{font-size:19px}
  .partnership-rule{margin:17px 0 10px}.partnership-rule span{width:52%}
  .partnership-blueprint small{font-size:9.5px;letter-spacing:.11em}
  .premium-deck .premium-story-brand .brand-copy{order:1!important;padding:18px 17px 19px!important;background:#fff!important;color:#172039!important}
  .premium-deck .premium-story-brand .brand-copy h3{font-size:22px!important;max-width:none!important;color:#172039!important}
  .premium-deck .premium-story-brand .brand-copy strong{font-size:16px!important;color:#a67f48!important}
  .premium-deck .premium-story-brand .brand-copy p{color:var(--muted)!important}
}

@media(prefers-reduced-motion:reduce){
  .premium-deck [data-premium-item] .premium-story-copy,
  .premium-deck [data-premium-item] .premium-story-visual,
  .partnership-visual:before{transition:none!important;transform:none!important;opacity:1!important}
}

/* v1.25.1 — partnership visual QA adjustment */
.partnership-visual{align-items:center!important}
.partnership-blueprint{max-width:680px!important}
.partnership-names{flex-wrap:nowrap!important;white-space:nowrap!important}
.partnership-names b{
  font-size:clamp(30px,3.5vw,52px)!important;
  letter-spacing:.025em!important;
  font-weight:680!important;
}
.partnership-names i{margin-inline:2px}
@media(max-width:640px){
  .premium-deck .partnership-visual{align-items:center!important}
  .partnership-names{gap:9px!important}
  .partnership-names b{font-size:20px!important;letter-spacing:.02em!important}
  .partnership-names i{font-size:20px!important}
  .partnership-kicker{white-space:nowrap!important}
}

/* =========================================================
   v1.26 — ALIGNMENT / SECTION RHYTHM / COMMUTE COLOR / MOBILE DEV
   + exact-logo PARTNERSHIP visual asset
   Functional forms, Netlify, UTM and CTA behavior unchanged.
   ========================================================= */

/* 01. Benefits → LOCATION: give the next chapter a deliberate boundary. */
.location-section{
  position:relative!important;
  border-top:1px solid rgba(166,127,72,.16)!important;
}
.location-section:before{
  content:"";
  position:absolute;
  top:-1px;
  left:50%;
  width:min(1180px,78vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(177,137,79,.72) 18%,rgba(177,137,79,.72) 82%,transparent);
  pointer-events:none;
}

/* 02. LOCATION: one centered chapter axis. */
.location-head-grid{
  display:block!important;
  max-width:980px!important;
  margin:0 auto 38px!important;
  text-align:center!important;
}
.location-title-block{
  max-width:900px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.location-label{
  display:inline-flex!important;
  justify-content:center!important;
}
.location-title-block h2,
.location-title-block p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.location-title-block p{max-width:760px!important}

/* 03. COMMUTE: stronger train presence, still subordinate to data. */
.commute-motion-bg{
  opacity:.48!important;
  background-position:58% 60%!important;
  filter:saturate(.92) contrast(1.12) brightness(.82)!important;
}
.commute-speed-streak{
  opacity:.42!important;
}
.commute-section:before{
  background:
    linear-gradient(90deg,rgba(3,12,31,.58) 0%,rgba(3,12,31,.31) 42%,rgba(3,12,31,.43) 100%),
    linear-gradient(180deg,rgba(3,12,31,.18),rgba(3,12,31,.50)),
    radial-gradient(circle at 78% 18%,rgba(199,162,107,.15),transparent 28%)!important;
}
/* restore restrained subway identity via small colored marks/text only */
.commute-stop .route-chip{
  font-size:12.5px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  opacity:.96!important;
}
.commute-stop .route-chip:before{
  width:7px!important;
  height:7px!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.035),0 0 13px currentColor!important;
}
.commute-stop .route-chip.line1{color:#78b6f2!important}
.commute-stop .route-chip.line2{color:#6fd69b!important}
.commute-stop .route-chip.line5{color:#c5a2d1!important}
.commute-stop .route-chip.line59{color:#d5bd83!important}
.commute-stop .route-chip.line1:before{background:#3f8ed8!important}
.commute-stop .route-chip.line2:before{background:#3fbd77!important}
.commute-stop .route-chip.line5:before{background:#ae82bf!important}
.commute-stop .route-chip.line59:before{background:linear-gradient(90deg,#ae82bf 0 50%,#cbb06a 50% 100%)!important}

/* 04. DEVELOPMENT: align title and narrative to the same centered chapter axis. */
.development-copy{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.development-copy .section-label{
  display:inline-flex!important;
  justify-content:center!important;
}
.development-copy h2,
.development-copy>p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.development-copy>p{max-width:800px!important}
.development-keywords{
  justify-content:center!important;
  width:100%!important;
}

/* 05. 07 PARTNERSHIP: use the custom exact-logo visual rather than generic typography. */
.partnership-image-visual{
  min-height:0!important;
  padding:0!important;
  align-items:stretch!important;
  background:#06142d!important;
}
.partnership-image-visual:before,
.partnership-image-visual:after{
  display:none!important;
}
.partnership-image-visual img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:460px!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
.premium-story-brand.in-view .partnership-image-visual img{transform:none!important}

@media(max-width:640px){
  /* LOCATION remains centered on mobile instead of reverting left. */
  .location-section{padding-top:70px!important}
  .location-head-grid{display:block!important;margin:0 auto 24px!important;text-align:center!important}
  .location-title-block{margin:0 auto!important;text-align:center!important}
  .location-label{justify-content:center!important}
  .location-title-block h2,.location-title-block p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  .location-section:before{width:82vw!important}

  /* COMMUTE: make the train recognisable without washing out copy. */
  .commute-motion-bg{
    opacity:.40!important;
    background-position:62% 58%!important;
    filter:saturate(.90) contrast(1.10) brightness(.78)!important;
  }
  .commute-speed-streak{opacity:.28!important}
  .commute-section:before{
    background:
      linear-gradient(180deg,rgba(3,11,30,.64) 0%,rgba(3,11,30,.52) 36%,rgba(3,11,30,.74) 100%),
      linear-gradient(90deg,rgba(3,11,30,.20),rgba(3,11,30,.08))!important;
  }
  .commute-stop .route-chip{font-size:11.5px!important}
  .commute-stop .route-chip:before{width:6px!important;height:6px!important}

  /* DEVELOPMENT: centered heading + compact 3-up summary instead of tall stack. */
  .development-copy{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .development-copy .section-label{justify-content:center!important}
  .development-copy h2,
  .development-copy>p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .development-copy>p{max-width:34em!important}
  .development-keywords{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin-top:24px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  .development-keywords span{
    min-height:94px!important;
    padding:14px 7px 13px!important;
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    color:rgba(255,255,255,.80)!important;
    font-size:13.5px!important;
    line-height:1.45!important;
    text-align:center!important;
    word-break:keep-all!important;
  }
  .development-keywords span:first-child{border-left:0!important}
  .development-keywords span b{
    display:block!important;
    margin:0!important;
    color:#d8b16c!important;
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:.16em!important;
  }
  .development-map-visual{margin-top:12px!important}

  /* 07 becomes a true image card on mobile; copy remains exact live HTML below. */
  .premium-deck .partnership-image-visual{
    min-height:0!important;
    aspect-ratio:16/9!important;
    padding:0!important;
    background:#06142d!important;
  }
  .premium-deck .partnership-image-visual img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* =========================================================
   v1.27 — MOBILE HERO / CTA CLARITY / 07 IMAGE RETURN / COMMUTE FINAL POLISH
   Functional forms, Netlify, UTM and CTA behavior unchanged.
   ========================================================= */

/* 01. Conversion first: the lead form is an independent, fully opaque layer. */
.hero .lead-card{
  position:relative!important;
  z-index:12!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#fbfaf7!important;
  border:1px solid rgba(185,147,91,.38)!important;
  box-shadow:0 26px 72px rgba(0,0,0,.28),0 2px 8px rgba(5,16,39,.08),inset 0 1px rgba(255,255,255,.96)!important;
}
.hero .lead-card.reveal{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.hero .lead-card h2{color:#121c35!important}
.hero .lead-card>p{color:#69717f!important}
.hero .lead-card .receive-grid{background:#f7f4ee!important}
.hero .lead-card .field input,
.hero .lead-card .field select{
  opacity:1!important;
  filter:none!important;
  background:#fff!important;
  border-color:#cbc7bd!important;
  color:#162039!important;
  box-shadow:inset 0 1px 1px rgba(15,29,55,.025)!important;
}
.hero .lead-card .field input::placeholder{color:#8d929c!important;opacity:1!important}
.hero .lead-card .primary-btn{
  background:linear-gradient(180deg,#e0bd78 0%,#cfa45d 100%)!important;
  color:#0b1731!important;
  border:1px solid rgba(134,94,38,.25)!important;
  box-shadow:0 12px 27px rgba(151,107,44,.27)!important;
  font-weight:900!important;
}

/* 02. 07 PARTNERSHIP returns to the image-led visual; exact names remain live HTML copy. */
.premium-story-brand{
  background:linear-gradient(135deg,#06142d 0%,#091a36 48%,#07142d 100%)!important;
}
.partnership-image-visual{
  background:#07152f!important;
}
.partnership-image-visual img{
  filter:saturate(.74) contrast(1.035) brightness(.78) sepia(.025)!important;
  object-position:center 48%!important;
}
.partnership-image-visual:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  height:auto!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(6,18,40,.04),rgba(5,17,39,.18)),radial-gradient(circle at 68% 18%,rgba(216,177,108,.10),transparent 38%)!important;
}

/* 03. Commute final polish: recognisable train, restrained route identity. */
.commute-motion-bg{
  opacity:.54!important;
  filter:saturate(.94) contrast(1.13) brightness(.84)!important;
}
.commute-stop .route-chip{
  padding:0 0 3px 11px!important;
  border-bottom:1px solid currentColor!important;
}
.commute-stop .route-chip.line1{border-color:rgba(120,182,242,.48)!important}
.commute-stop .route-chip.line2{border-color:rgba(111,214,155,.48)!important}
.commute-stop .route-chip.line5{border-color:rgba(197,162,209,.46)!important}
.commute-stop .route-chip.line59{border-color:rgba(213,189,131,.48)!important}

@media(max-width:640px){
  /* True mobile hero compositions: no desktop cover crop. */
  .hero-slide-01{background-image:url('assets/hero-slide-01-mobile.webp?v=2')!important;background-position:center top!important}
  .hero-slide-02{background-image:url('assets/hero-slide-02-mobile.webp?v=2')!important;background-position:center top!important}
  .hero-slide-03{background-image:url('assets/hero-slide-03-mobile.webp?v=2')!important;background-position:center top!important}
  .hero-slide-01,.hero-slide-02,.hero-slide-03{
    filter:saturate(.72) brightness(.70) contrast(1.01)!important;
  }
  .hero-visual.hero-slideshow:before{
    background:linear-gradient(180deg,rgba(4,13,35,.72) 0%,rgba(4,13,35,.68) 30%,rgba(4,13,35,.79) 58%,rgba(4,13,35,.88) 100%)!important;
  }
  .hero .lead-card{
    background:#fbfaf7!important;
    box-shadow:0 18px 50px rgba(0,0,0,.27),0 1px 5px rgba(5,16,39,.07)!important;
  }
  .hero .lead-card .primary-btn{box-shadow:0 10px 22px rgba(151,107,44,.25)!important}

  .commute-motion-bg{
    opacity:.47!important;
    background-position:64% 58%!important;
    filter:saturate(.92) contrast(1.10) brightness(.80)!important;
  }
  .commute-stop .route-chip{padding-bottom:2px!important}

  /* 07 photo card crop keeps the architectural focal point visible. */
  .premium-deck .partnership-image-visual img{object-position:center 46%!important}
}

@media(prefers-reduced-motion:reduce){
  .hero .lead-card.reveal{opacity:1!important;transform:none!important}
}

/* =========================================================
   v1.29 — CONVERSION CLARITY / TRUE MOBILE HERO / LOCATION WEB UI
   / DEVELOPMENT CAPTION / MOBILE BENEFIT MATERIAL POLISH
   Functional forms, Netlify, UTM and CTA behavior unchanged.
   ========================================================= */

/* 01. Fix the actual stacking cause of the dim hero CTA.
   The slideshow overlay must stay behind all live hero content. */
.hero-visual.hero-slideshow{z-index:0!important}
.hero:after{z-index:1!important}
.hero .topbar{z-index:20!important}
.hero .hero-grid{z-index:20!important}
.hero .hero-visual-note{z-index:21!important}
.hero .lead-card{
  z-index:22!important;
  opacity:1!important;
  filter:none!important;
  background:#fffdf9!important;
  border-color:rgba(184,143,82,.44)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.72) inset!important;
}
.hero .lead-card .lead-kicker{color:#9b7542!important}
.hero .lead-card h2{color:#0e1933!important}
.hero .lead-card>p,.hero .lead-card .form-notice{color:#646b78!important}
.hero .lead-card .receive-grid{background:#f7f2e9!important;border-color:#ddd4c5!important}
.hero .lead-card .receive-grid span{color:#28324a!important}
.hero .lead-card .field span{color:#313a4c!important}
.hero .lead-card .field input,
.hero .lead-card .field select{
  background:#fff!important;
  border:1px solid #c9c4bb!important;
  color:#101a31!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset!important;
}
.hero .lead-card .consent{color:#555e6d!important}
.hero .lead-card .primary-btn{
  background:linear-gradient(180deg,#e6c47e 0%,#d2a85d 100%)!important;
  color:#0b1730!important;
  border-color:rgba(128,88,33,.34)!important;
  box-shadow:0 12px 28px rgba(159,111,44,.31)!important;
}

/* 02. LOCATION: map image is now map-only; supporting benefits are real web UI. */
.premium-location-map{
  border-radius:18px 18px 14px 14px!important;
  box-shadow:0 22px 58px rgba(15,27,48,.09)!important;
}
.location-feature-strip{
  width:min(1180px,100%);
  margin:16px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:linear-gradient(135deg,#07162f 0%,#0a1d3c 100%);
  border:1px solid rgba(188,148,87,.40);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 16px 38px rgba(10,25,49,.09);
}
.location-feature-item{
  min-width:0;
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:14px;
  padding:18px 24px;
  border-left:1px solid rgba(217,181,114,.22);
}
.location-feature-item:first-child{border-left:0}
.location-feature-icon{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  color:#d8b16c;
  border:1px solid rgba(216,177,108,.54);
  background:rgba(216,177,108,.06);
}
.location-feature-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.location-feature-item b{display:block;color:#f4f5f8;font-size:18px;line-height:1.25;letter-spacing:-.03em}
.location-feature-item small{display:block;margin-top:5px;color:rgba(255,255,255,.60);font-size:13.5px;line-height:1.5;word-break:keep-all}

/* 03. DEVELOPMENT disclaimer behaves like a proper centered caption. */
.development-section .map-caption,
.development-section .location-caption{
  max-width:760px!important;
  margin:14px auto 0!important;
  padding-inline:14px!important;
  text-align:center!important;
  color:rgba(255,255,255,.55)!important;
  font-size:13.5px!important;
  line-height:1.6!important;
  word-break:keep-all!important;
}

@media(max-width:640px){
  /* True, separate mobile compositions for all three slides. */
  .hero-slide-01{background-image:url('assets/hero-slide-01-mobile.webp?v=2')!important;background-position:center 36%!important}
  .hero-slide-02{background-image:url('assets/hero-slide-02-mobile.webp?v=2')!important;background-position:center 28%!important}
  .hero-slide-03{background-image:url('assets/hero-slide-03-mobile.webp?v=2')!important;background-position:center 43%!important}
  .hero-slide-01,.hero-slide-02,.hero-slide-03{
    filter:saturate(.80) brightness(.76) contrast(1.02)!important;
  }
  /* Keep mood over the image, never over the form/content. */
  .hero-visual.hero-slideshow:before{
    z-index:5!important;
    background:linear-gradient(180deg,rgba(4,13,35,.58) 0%,rgba(4,13,35,.50) 30%,rgba(4,13,35,.68) 62%,rgba(4,13,35,.82) 100%)!important;
  }
  .hero .lead-card{
    background:#fffdf9!important;
    border-color:rgba(184,143,82,.50)!important;
    box-shadow:0 20px 54px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.82) inset!important;
  }

  /* Location supporting benefits: compact web-native cards below the map. */
  .location-feature-strip{
    margin-top:12px!important;
    grid-template-columns:1fr!important;
    border-radius:12px!important;
  }
  .location-feature-item{
    grid-template-columns:38px 1fr!important;
    gap:12px!important;
    padding:13px 16px!important;
    border-left:0!important;
    border-top:1px solid rgba(217,181,114,.17)!important;
  }
  .location-feature-item:first-child{border-top:0!important}
  .location-feature-icon{width:34px!important;height:34px!important}
  .location-feature-icon svg{width:18px!important;height:18px!important}
  .location-feature-item b{font-size:16px!important}
  .location-feature-item small{font-size:12.5px!important;margin-top:3px!important}

  /* 01–04: one consistent diagonal material system with restrained depth. */
  .minimal-points{
    border-radius:0!important;
    perspective:900px;
  }
  .benefit-card{
    background:linear-gradient(145deg,#fff 0%,#fdfcf9 56%,#f7f3eb 100%)!important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,.98),
      inset -1px -1px 0 rgba(166,127,72,.08),
      0 8px 20px rgba(19,31,53,.035)!important;
  }
  .benefit-card:before{
    inset:0!important;
    opacity:.075!important;
    transform:none!important;
    filter:saturate(.50) contrast(.92) brightness(1.08)!important;
    background-size:cover!important;
  }
  .benefit-card.in-view:before{opacity:.075!important;transform:none!important}
  .benefit-card:after{
    display:block!important;
    background:
      linear-gradient(135deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.91) 46%,rgba(225,209,181,.13) 46.4%,rgba(255,255,255,.72) 47.2%,rgba(255,255,255,.90) 100%),
      linear-gradient(180deg,rgba(255,255,255,.10),rgba(194,158,99,.035))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(162,124,68,.07)!important;
  }
  .benefit-card:nth-child(1):after,
  .benefit-card:nth-child(2):after,
  .benefit-card:nth-child(3):after,
  .benefit-card:nth-child(4):after{
    background:
      linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.91) 47%,rgba(214,189,148,.14) 47.35%,rgba(255,255,255,.72) 48.1%,rgba(255,255,255,.91) 100%)!important;
  }
}

/* =========================================================
   v1.30 — CLEAN MOBILE CTA / ALTERNATING BENEFIT TONE
   / FULL LOCATION MAP FIT / DEVELOPMENT MAP BLEND
   Functional forms, Netlify, UTM and CTA behavior unchanged.
   ========================================================= */

/* 01. LOCATION: preserve the full map artwork instead of forcing a 4:3 crop. */
.premium-location-map{
  background:#fff!important;
  overflow:hidden!important;
}
.premium-location-map img{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

/* 02. DEVELOPMENT: dissolve the rectangular map card into the chapter background. */
.development-map-visual{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.development-map-canvas{
  position:relative!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.development-map-canvas:after{
  display:none!important;
}
.development-map-link{
  position:relative!important;
  display:block!important;
  background:transparent!important;
}
.development-map-canvas img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:saturate(1.01) contrast(1.05) brightness(.98)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.development-map-zoom{
  right:18px!important;
  bottom:18px!important;
  background:rgba(3,13,31,.74)!important;
  border-color:rgba(216,177,108,.32)!important;
  backdrop-filter:blur(8px)!important;
}

@media(max-width:640px){
  /* 03. Conversion card intro follows the centered mobile visual axis. */
  .hero .lead-card:before{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero .lead-card .lead-kicker,
  .hero .lead-card h2,
  .hero .lead-card>p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero .lead-card>p{max-width:31em!important}

  /* 04. Benefits: remove the diagonal decoration. 01/03 carry only a subtle alternating tint. */
  .minimal-points{perspective:none!important}
  .benefit-card{
    background:#fffdf9!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 7px 18px rgba(18,30,52,.025)!important;
  }
  .benefit-card:nth-child(1),
  .benefit-card:nth-child(3){
    background:#f7f3ec!important;
  }
  .benefit-card:nth-child(2),
  .benefit-card:nth-child(4){
    background:#fffdf9!important;
  }
  .benefit-card:after,
  .benefit-card:nth-child(1):after,
  .benefit-card:nth-child(2):after,
  .benefit-card:nth-child(3):after,
  .benefit-card:nth-child(4):after{
    display:block!important;
    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(222,207,181,.028))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.74),inset 0 -1px 0 rgba(161,125,71,.05)!important;
  }
  .benefit-card:before,
  .benefit-card.in-view:before{
    opacity:.055!important;
    transform:none!important;
  }

  /* 05. Full map remains fully visible on mobile as well. */
  .premium-location-map img{
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }

  /* 06. DEVELOPMENT map reads as content floating on the navy chapter, not a separate card. */
  .development-map-visual{margin-top:10px!important}
  .development-map-canvas,
  .development-map-link{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .development-map-canvas img{
    aspect-ratio:auto!important;
    object-fit:contain!important;
    border-radius:0!important;
    filter:saturate(1.01) contrast(1.05) brightness(.98)!important;
  }
  .development-map-zoom{right:9px!important;bottom:10px!important}
}

/* v1.31 final polish: location map fit + refined subway route icons */
.premium-location-map{
  background:#f5f0e8!important;
}
.premium-location-map img{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  transform:none!important;
  filter:saturate(1.03) contrast(1.01) brightness(1.01)!important;
}
@media (max-width: 820px){
  .premium-location-map img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    transform:none!important;
  }
}

@media (min-width: 981px){
  .commute-track{
    margin-top:38px!important;
    gap:14px!important;
    align-items:start!important;
  }
  .track-line{
    left:7.5%!important;
    right:7.5%!important;
    top:20px!important;
    height:1px!important;
    background:rgba(255,255,255,.16)!important;
  }
  .commute-stop{
    padding-top:0!important;
  }
  .commute-stop:before{
    display:none!important;
  }
  .commute-stop .route-chip{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:0 auto 18px!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
  .commute-stop .route-chip:before,
  .commute-stop .route-chip:after{
    content:""!important;
    display:block!important;
    flex:0 0 auto!important;
  }
  .commute-stop .route-chip:before{
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    box-shadow:0 0 0 3px rgba(255,255,255,.04)!important;
  }
  .commute-stop .route-chip:after{
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    opacity:.95!important;
  }
  .commute-stop .route-chip.line1{color:#83bdf4!important}
  .commute-stop .route-chip.line2{color:#77d5a1!important}
  .commute-stop .route-chip.line5{color:#c8a6d6!important}
  .commute-stop .route-chip.line59{color:#d8c087!important}
  .commute-stop .route-chip.line1:before,
  .commute-stop .route-chip.line1:after{background:#4e97dc!important}
  .commute-stop .route-chip.line2:before,
  .commute-stop .route-chip.line2:after{background:#42bf7c!important}
  .commute-stop .route-chip.line5:before,
  .commute-stop .route-chip.line5:after{background:#ae87c4!important}
  .commute-stop .route-chip.line59:before,
  .commute-stop .route-chip.line59:after{background:linear-gradient(90deg,#ae87c4 0 52%,#ccb06b 52% 100%)!important}
  .commute-stop b{
    min-height:0!important;
    margin-top:0!important;
  }
  .commute-stop strong{
    margin-top:10px!important;
  }
}

/* v1.32 commute section subway badge refinement */
/* Desktop */
@media (min-width: 981px){
  .commute-track{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:14px!important;
    margin-top:28px!important;
    padding-top:24px!important;
  }
  .track-line{
    position:absolute!important;
    left:8%!important;
    right:8%!important;
    top:55px!important;
    height:1px!important;
    background:rgba(255,255,255,.16)!important;
    z-index:1!important;
  }
  .commute-stop{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:180px!important;
    padding:0 10px!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    text-align:center!important;
    z-index:2!important;
  }
  .commute-stop:before{display:none!important}
  .commute-stop .route-chip{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:62px!important;
    min-width:62px!important;
    height:62px!important;
    margin:0 0 18px!important;
    padding:0!important;
    border-radius:50%!important;
    border:3px solid rgba(255,255,255,.94)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:-.03em!important;
    white-space:normal!important;
    text-align:center!important;
    z-index:3!important;
  }
  .commute-stop .route-chip:before,
  .commute-stop .route-chip:after{display:none!important;content:none!important}
  .commute-stop .route-chip.line1{background:#1b4f9c!important}
  .commute-stop .route-chip.line2{background:#1ea65b!important}
  .commute-stop .route-chip.line5{background:#8e61a4!important}
  .commute-stop .route-chip.line59{background:linear-gradient(135deg,#8e61a4 0 52%,#ba9a55 52% 100%)!important}
  .commute-stop b{
    display:block!important;
    min-height:48px!important;
    margin:0!important;
    font-size:19px!important;
    line-height:1.4!important;
    font-weight:800!important;
    color:#fff!important;
    word-break:keep-all!important;
  }
  .commute-stop strong{
    display:block!important;
    margin-top:10px!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.05em!important;
    color:#deb970!important;
  }
}

/* Mobile / tablet */
@media (max-width: 980px){
  .commute-track{
    display:block!important;
    margin-top:22px!important;
    padding:0!important;
  }
  .track-line{display:none!important}
  .commute-stop{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    min-height:0!important;
    padding:13px 0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    text-align:left!important;
  }
  .commute-stop:first-of-type{border-top:1px solid rgba(255,255,255,.11)!important}
  .commute-stop:before{display:none!important}
  .commute-stop .route-chip{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    border:2px solid rgba(255,255,255,.94)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:-.03em!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .commute-stop .route-chip:before,
  .commute-stop .route-chip:after{display:none!important;content:none!important}
  .commute-stop .route-chip.line1{background:#1b4f9c!important}
  .commute-stop .route-chip.line2{background:#1ea65b!important}
  .commute-stop .route-chip.line5{background:#8e61a4!important}
  .commute-stop .route-chip.line59{background:linear-gradient(135deg,#8e61a4 0 52%,#ba9a55 52% 100%)!important}
  .commute-stop b{
    display:block!important;
    min-height:0!important;
    margin:0!important;
    font-size:17px!important;
    line-height:1.35!important;
    font-weight:800!important;
    color:#fff!important;
    word-break:keep-all!important;
  }
  .commute-stop strong{
    display:block!important;
    margin:0!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    color:#deb970!important;
  }
}

/* v1.33 commute badge polish: white stronger text + dual circles for multi-line */
.commute-stop .route-chip{
  color:#fff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
  font-weight:900 !important;
}
.commute-stop .route-chip.line1{background:#1f5fb5 !important;border-color:rgba(255,255,255,.95) !important}
.commute-stop .route-chip.line2{background:#1eb961 !important;border-color:rgba(255,255,255,.95) !important}
.commute-stop .route-chip.line5{background:#9a69b2 !important;border-color:rgba(255,255,255,.95) !important}

/* dual subway badges for 5 and 9 */
.commute-stop .route-chip.route-chip-dual{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  text-shadow:none !important;
}
.commute-stop .route-chip.route-chip-dual .route-dual-circle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  border:3px solid rgba(255,255,255,.94) !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  text-align:center !important;
  box-shadow:0 10px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.12) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
}
.commute-stop .route-chip.route-chip-dual .route-dual-circle + .route-dual-circle{
  margin-left:-10px !important;
}
.commute-stop .route-chip.route-chip-dual .route-dual-circle.line5{background:#9a69b2 !important}
.commute-stop .route-chip.route-chip-dual .route-dual-circle.line9{background:#b99746 !important}

@media (max-width:980px){
  .commute-stop .route-chip.route-chip-dual{
    justify-self:start !important;
  }
  .commute-stop .route-chip.route-chip-dual .route-dual-circle{
    width:48px !important;
    height:48px !important;
    border-width:2px !important;
    font-size:13px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }
  .commute-stop .route-chip.route-chip-dual .route-dual-circle + .route-dual-circle{
    margin-left:-8px !important;
  }
}

/* v1.34 commute badge text color forced white */
.commute-stop .route-chip,
.commute-stop .route-chip.line1,
.commute-stop .route-chip.line2,
.commute-stop .route-chip.line5,
.commute-stop .route-chip.line59,
.commute-stop .route-chip.route-chip-dual .route-dual-circle,
.commute-stop .route-chip.route-chip-dual .route-dual-circle.line5,
.commute-stop .route-chip.route-chip-dual .route-dual-circle.line9{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
}

/* v1.35 commute section refinement: dual badges, mobile spacing, animated connector lines */
@keyframes commuteShimmerX {
  0% { transform: translateX(-18%); opacity:.15; }
  45% { opacity:.48; }
  100% { transform: translateX(118%); opacity:.12; }
}
@keyframes commuteShimmerY {
  0% { transform: translateY(-12%); opacity:.12; }
  45% { opacity:.42; }
  100% { transform: translateY(122%); opacity:.10; }
}

/* shared */
.commute-stop .route-chip,
.commute-stop .route-chip.route-chip-dual .route-dual-circle{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.16) !important;
}
.commute-stop .route-chip.route-chip-dual{
  position:relative !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.commute-stop .route-chip.route-chip-dual::before{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#9a69b2 0 48%, #b99746 52% 100%);
  opacity:.95;
}
.commute-stop .route-chip.route-chip-dual .route-dual-circle{
  position:relative !important;
  z-index:1 !important;
  margin-left:0 !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  border:3px solid rgba(255,255,255,.95) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.commute-stop .route-chip.route-chip-dual .route-dual-circle.line5{background:#9a69b2 !important}
.commute-stop .route-chip.route-chip-dual .route-dual-circle.line9{background:#b99746 !important}

@media (min-width: 981px){
  .commute-track{
    margin-top:32px !important;
    padding-top:8px !important;
    position:relative !important;
  }
  .track-line{
    display:block !important;
    position:absolute !important;
    left:6.5% !important;
    right:6.5% !important;
    top:38px !important;
    height:2px !important;
    width:auto !important;
    bottom:auto !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#1f5fb5 0%, #1f5fb5 18%, #9a69b2 31%, #9a69b2 42%, #1eb961 54%, #1eb961 66%, #9a69b2 78%, #b99746 86%, #1f5fb5 100%) !important;
    opacity:.52 !important;
    overflow:hidden !important;
    z-index:1 !important;
  }
  .track-line::after{
    content:"";
    position:absolute;
    inset:-5px auto -5px -12%;
    width:26%;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.02) 20%, rgba(255,255,255,.34) 50%, rgba(255,255,255,.02) 80%, transparent 100%);
    filter:blur(1px);
    animation:commuteShimmerX 5.8s ease-in-out infinite;
  }
  .commute-stop{
    min-height:196px !important;
    padding:0 8px !important;
    z-index:2 !important;
  }
  .commute-stop .route-chip{
    width:64px !important;
    min-width:64px !important;
    height:64px !important;
    border-radius:50% !important;
    padding:0 !important;
    margin:0 auto 18px !important;
    font-size:15px !important;
    line-height:1.05 !important;
    border:3px solid rgba(255,255,255,.95) !important;
    box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }
  .commute-stop .route-chip.route-chip-dual{
    width:144px !important;
    min-width:144px !important;
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin:0 auto 18px !important;
  }
  .commute-stop .route-chip.route-chip-dual::before{
    left:32px !important;
    right:32px !important;
  }
  .commute-stop .route-chip.route-chip-dual .route-dual-circle{
    width:64px !important;
    height:64px !important;
    font-size:15px !important;
    line-height:1.04 !important;
  }
  .commute-stop b{margin-top:0 !important; min-height:46px !important; display:flex !important; align-items:flex-start !important; justify-content:center !important;}
  .commute-stop strong{margin-top:10px !important;}
}

@media (max-width: 980px){
  .commute-track{
    position:relative !important;
    margin-top:24px !important;
    padding:0 !important;
  }
  .track-line{
    display:block !important;
    position:absolute !important;
    left:53px !important;
    top:34px !important;
    bottom:36px !important;
    right:auto !important;
    width:2px !important;
    height:auto !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#1f5fb5 0%, #9a69b2 25%, #1eb961 50%, #9a69b2 72%, #b99746 82%, #1f5fb5 100%) !important;
    opacity:.45 !important;
    overflow:hidden !important;
    z-index:0 !important;
  }
  .track-line::after{
    content:"";
    position:absolute;
    left:-4px;
    right:-4px;
    top:-18%;
    height:96px;
    background:linear-gradient(180deg,transparent 0%, rgba(255,255,255,.28) 50%, transparent 100%);
    filter:blur(1px);
    animation:commuteShimmerY 4.6s linear infinite;
  }
  .commute-stop{
    grid-template-columns:112px minmax(0,1fr) auto !important;
    gap:14px !important;
    padding:12px 0 !important;
    background:transparent !important;
    position:relative !important;
    z-index:1 !important;
  }
  .commute-stop .route-chip{
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    justify-self:start !important;
    margin-left:10px !important;
    padding:0 !important;
    border-radius:50% !important;
    font-size:14px !important;
    line-height:1.05 !important;
    border:3px solid rgba(255,255,255,.95) !important;
    box-shadow:0 8px 22px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual{
    width:112px !important;
    min-width:112px !important;
    height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-left:0 !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual::before{
    left:29px !important;
    right:29px !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual .route-dual-circle{
    width:58px !important;
    height:58px !important;
    font-size:14px !important;
    line-height:1.04 !important;
    border-width:3px !important;
  }
  .commute-stop b{
    position:relative !important;
    z-index:2 !important;
    margin-left:6px !important;
  }
  .commute-stop strong{position:relative !important; z-index:2 !important;}
}

/* v1.36 commute final polish: centered connector geometry + stronger motion */
@keyframes commuteShimmerXStrong {
  0% { transform: translateX(-22%); opacity:.22; }
  45% { opacity:.78; }
  100% { transform: translateX(126%); opacity:.18; }
}
@keyframes commuteShimmerYStrong {
  0% { transform: translateY(-18%); opacity:.18; }
  45% { opacity:.62; }
  100% { transform: translateY(124%); opacity:.14; }
}

/* desktop geometry */
@media (min-width: 981px){
  .commute-track{
    margin-top:34px !important;
    padding-top:0 !important;
    position:relative !important;
  }
  .track-line{
    left:6.5% !important;
    right:6.5% !important;
    top:32px !important; /* exact badge center */
    height:3px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#1f5fb5 0%, #1f5fb5 16%, #9a69b2 31%, #9a69b2 42%, #1eb961 56%, #1eb961 69%, #9a69b2 80%, #b99746 89%, #1f5fb5 100%) !important;
    opacity:.72 !important;
    box-shadow:0 0 18px rgba(108,177,255,.12), 0 0 28px rgba(255,255,255,.06) !important;
    overflow:hidden !important;
  }
  .track-line::after{
    content:"" !important;
    position:absolute !important;
    inset:-7px auto -7px -18% !important;
    width:32% !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.05) 20%, rgba(255,255,255,.60) 50%, rgba(255,255,255,.08) 80%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteShimmerXStrong 4.4s ease-in-out infinite !important;
  }
  .commute-stop{
    min-height:206px !important;
    padding:0 10px !important;
  }
  .commute-stop .route-chip{
    width:64px !important;
    min-width:64px !important;
    height:64px !important;
    margin:0 auto 20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:15px !important;
    line-height:1.04 !important;
  }
  .commute-stop .route-chip.route-chip-dual{
    width:156px !important;
    min-width:156px !important;
    height:64px !important;
    margin:0 auto 20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .commute-stop .route-chip.route-chip-dual::before{
    left:31px !important;
    right:31px !important;
    top:50% !important;
    height:3px !important;
    background:linear-gradient(90deg,#9a69b2 0 48%, #b99746 52% 100%) !important;
    box-shadow:0 0 10px rgba(255,255,255,.08) !important;
    overflow:hidden !important;
  }
  .commute-stop .route-chip.route-chip-dual::after{
    content:"" !important;
    position:absolute !important;
    left:31px !important;
    right:31px !important;
    top:calc(50% - 2px) !important;
    height:7px !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.06) 30%, rgba(255,255,255,.56) 50%, rgba(255,255,255,.08) 70%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteShimmerXStrong 3.8s ease-in-out infinite !important;
    border-radius:999px !important;
  }
  .commute-stop .route-chip.route-chip-dual .route-dual-circle{
    width:64px !important;
    height:64px !important;
    font-size:15px !important;
    line-height:1.04 !important;
  }
}

/* mobile geometry */
@media (max-width: 980px){
  .commute-track{
    position:relative !important;
    margin-top:22px !important;
    padding:0 !important;
  }
  .track-line{
    display:block !important;
    left:69px !important; /* center of route column */
    top:30px !important;
    bottom:34px !important;
    width:3px !important;
    height:auto !important;
    background:linear-gradient(180deg,#1f5fb5 0%, #9a69b2 25%, #1eb961 50%, #9a69b2 72%, #b99746 84%, #1f5fb5 100%) !important;
    opacity:.70 !important;
    box-shadow:0 0 16px rgba(113,181,255,.16), 0 0 24px rgba(255,255,255,.05) !important;
    overflow:hidden !important;
    border-radius:999px !important;
  }
  .track-line::after{
    content:"" !important;
    position:absolute !important;
    left:-4px !important;
    right:-4px !important;
    top:-14% !important;
    height:112px !important;
    background:linear-gradient(180deg,transparent 0%, rgba(255,255,255,.10) 25%, rgba(255,255,255,.64) 50%, rgba(255,255,255,.12) 75%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteShimmerYStrong 3.6s linear infinite !important;
  }
  .commute-stop{
    grid-template-columns:138px minmax(0,1fr) auto !important;
    gap:12px !important;
    padding:14px 0 !important;
    background:transparent !important;
    border-bottom:1px solid rgba(255,255,255,.11) !important;
  }
  .commute-stop .route-chip{
    justify-self:center !important;
    align-self:center !important;
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:14px !important;
    line-height:1.04 !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual{
    width:128px !important;
    min-width:128px !important;
    height:58px !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin:0 !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual::before{
    left:29px !important;
    right:29px !important;
    top:50% !important;
    height:3px !important;
    background:linear-gradient(90deg,#9a69b2 0 48%, #b99746 52% 100%) !important;
    box-shadow:0 0 10px rgba(255,255,255,.08) !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual::after{
    content:"" !important;
    position:absolute !important;
    left:29px !important;
    right:29px !important;
    top:calc(50% - 2px) !important;
    height:7px !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.08) 30%, rgba(255,255,255,.66) 50%, rgba(255,255,255,.10) 70%, transparent 100%) !important;
    filter:blur(1px) !important;
    border-radius:999px !important;
    animation:commuteShimmerXStrong 3.4s ease-in-out infinite !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual .route-dual-circle{
    width:58px !important;
    height:58px !important;
    font-size:14px !important;
    line-height:1.04 !important;
    margin:0 !important;
  }
  .commute-stop b{
    margin-left:2px !important;
    font-size:17px !important;
  }
  .commute-stop strong{
    font-size:20px !important;
  }
  .gtx-banner{margin-top:26px !important;}
}

/* v1.37 mobile commute polish: visible Yeouido branch connector + stronger shimmer */
@keyframes commuteLineSparkY {
  0% { transform: translateY(-120%); opacity: .12; }
  35% { opacity: .88; }
  100% { transform: translateY(420%); opacity: .10; }
}
@keyframes commuteBranchSparkX {
  0% { transform: translateX(-120%); opacity: .10; }
  35% { opacity: .92; }
  100% { transform: translateX(320%); opacity: .08; }
}

@media (min-width: 981px){
  .track-line{
    height:4px !important;
    opacity:.88 !important;
    box-shadow:0 0 18px rgba(109,177,255,.18), 0 0 30px rgba(255,255,255,.07) !important;
  }
  .track-line::after{
    width:36% !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.08) 18%, rgba(255,255,255,.82) 50%, rgba(255,255,255,.12) 82%, transparent 100%) !important;
    animation:commuteShimmerXStrong 3.2s ease-in-out infinite !important;
  }
  .commute-stop .route-chip.route-chip-dual{
    width:168px !important;
    min-width:168px !important;
    justify-content:flex-start !important;
    gap:16px !important;
  }
  .commute-stop .route-chip.route-chip-dual::before{
    left:32px !important;
    right:32px !important;
    height:4px !important;
    opacity:1 !important;
    box-shadow:0 0 14px rgba(255,255,255,.12) !important;
  }
  .commute-stop .route-chip.route-chip-dual::after{
    left:32px !important;
    right:32px !important;
    top:calc(50% - 3px) !important;
    height:9px !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.12) 24%, rgba(255,255,255,.95) 50%, rgba(255,255,255,.18) 76%, transparent 100%) !important;
    animation:commuteBranchSparkX 2.8s ease-in-out infinite !important;
  }
}

@media (max-width: 980px){
  .track-line{
    left:69px !important;
    width:4px !important;
    opacity:.88 !important;
    box-shadow:0 0 16px rgba(111,181,255,.24), 0 0 26px rgba(255,255,255,.08) !important;
  }
  .track-line::after{
    left:-5px !important;
    right:-5px !important;
    height:128px !important;
    background:linear-gradient(180deg,transparent 0%, rgba(255,255,255,.12) 24%, rgba(255,255,255,.88) 50%, rgba(255,255,255,.14) 76%, transparent 100%) !important;
    animation:commuteLineSparkY 2.7s linear infinite !important;
  }
  .commute-stop{
    grid-template-columns:150px minmax(0,1fr) auto !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual{
    width:138px !important;
    min-width:138px !important;
    height:58px !important;
    justify-content:flex-start !important;
    gap:14px !important;
    position:relative !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual::before{
    left:29px !important;
    right:29px !important;
    height:4px !important;
    background:linear-gradient(90deg,#9a69b2 0 48%, #b99746 52% 100%) !important;
    opacity:1 !important;
    box-shadow:0 0 12px rgba(255,255,255,.10), 0 0 24px rgba(185,151,70,.10) !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual::after{
    content:"" !important;
    position:absolute !important;
    left:29px !important;
    right:29px !important;
    top:calc(50% - 3px) !important;
    height:9px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.12) 24%, rgba(255,255,255,.98) 50%, rgba(255,255,255,.18) 76%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteBranchSparkX 2.4s ease-in-out infinite !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual .route-dual-circle{
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    z-index:2 !important;
  }
}

/* v1.38 final commute polish: exact center axis + T-branch Yeouido + visible sparkle */
@keyframes commuteAxisSpark {
  0% { transform: translateY(-120%); opacity:.10; }
  28% { opacity:.95; }
  100% { transform: translateY(420%); opacity:.06; }
}
@keyframes commuteBranchSpark {
  0% { transform: translateX(-135%); opacity:.08; }
  32% { opacity:.98; }
  100% { transform: translateX(320%); opacity:.06; }
}

/* Desktop refinement */
@media (min-width:981px){
  .track-line{
    top:32px !important;
    height:4px !important;
    opacity:.92 !important;
    background:linear-gradient(90deg,#2c6fc7 0%, #548fd8 18%, #a57fc0 33%, #23b96c 53%, #b17bc6 74%, #c9a64a 86%, #4d86cf 100%) !important;
    box-shadow:0 0 16px rgba(115,185,255,.18),0 0 28px rgba(255,255,255,.08) !important;
    overflow:hidden !important;
  }
  .track-line::after{
    content:"" !important;
    position:absolute !important;
    inset:-8px auto -8px -14% !important;
    width:28% !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.08) 20%, rgba(255,255,255,.95) 50%, rgba(255,255,255,.10) 80%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteBranchSpark 3.2s linear infinite !important;
  }
  .commute-stop .route-chip.route-chip-dual{
    width:152px !important;
    min-width:152px !important;
    height:64px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    position:relative !important;
  }
  .commute-stop .route-chip.route-chip-dual::before{
    content:"" !important;
    position:absolute !important;
    left:58px !important;
    right:58px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:4px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#9d76be 0%, #d3af52 100%) !important;
    box-shadow:0 0 12px rgba(255,255,255,.14),0 0 18px rgba(211,175,82,.14) !important;
    z-index:1 !important;
  }
  .commute-stop .route-chip.route-chip-dual::after{
    content:"" !important;
    position:absolute !important;
    left:52px !important;
    width:48px !important;
    top:calc(50% - 5px) !important;
    height:10px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.14) 22%, rgba(255,255,255,.98) 50%, rgba(255,255,255,.16) 78%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteBranchSpark 2.25s linear infinite !important;
    z-index:2 !important;
  }
  .commute-stop .route-chip.route-chip-dual .route-dual-circle{z-index:3 !important}
}

/* Mobile refinement */
@media (max-width:980px){
  .commute-track{display:block !important; position:relative !important;}
  .track-line{
    display:block !important;
    left:85px !important; /* exact center of 170px route column */
    top:29px !important;
    bottom:34px !important;
    width:4px !important;
    height:auto !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#2d6fc6 0%, #9f78be 26%, #24b96e 52%, #ae79c5 76%, #d0ab4d 88%, #4c85cf 100%) !important;
    opacity:.92 !important;
    box-shadow:0 0 15px rgba(111,181,255,.20),0 0 26px rgba(255,255,255,.07) !important;
    overflow:hidden !important;
    z-index:0 !important;
  }
  .track-line::after{
    content:"" !important;
    position:absolute !important;
    left:-5px !important;
    right:-5px !important;
    top:-16% !important;
    height:128px !important;
    background:linear-gradient(180deg,transparent 0%, rgba(255,255,255,.10) 22%, rgba(255,255,255,.92) 50%, rgba(255,255,255,.14) 78%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteAxisSpark 2.2s linear infinite !important;
  }
  .commute-stop{
    grid-template-columns:170px minmax(0,1fr) auto !important;
    gap:14px !important;
    align-items:center !important;
    padding:15px 0 !important;
  }
  .commute-stop .route-chip{
    justify-self:center !important;
    align-self:center !important;
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    z-index:2 !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual{
    width:140px !important;
    min-width:140px !important;
    height:58px !important;
    justify-self:center !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    margin:0 !important;
    position:relative !important;
    z-index:2 !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual::before{
    content:"" !important;
    position:absolute !important;
    left:58px !important;
    right:58px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:4px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#9d76be 0%, #d3af52 100%) !important;
    box-shadow:0 0 10px rgba(255,255,255,.16),0 0 16px rgba(211,175,82,.14) !important;
    opacity:1 !important;
    z-index:1 !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual::after{
    content:"" !important;
    position:absolute !important;
    left:54px !important;
    width:50px !important;
    top:calc(50% - 5px) !important;
    height:10px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.14) 22%, rgba(255,255,255,.98) 50%, rgba(255,255,255,.18) 78%, transparent 100%) !important;
    filter:blur(1px) !important;
    animation:commuteBranchSpark 1.9s linear infinite !important;
    z-index:2 !important;
  }
  .commute-stop.dual-stop .route-chip.route-chip-dual .route-dual-circle{
    width:58px !important;
    min-width:58px !important;
    height:58px !important;
    margin:0 !important;
    z-index:3 !important;
  }
  .commute-stop b{margin-left:0 !important;}
}

/* v1.39 commute rebuild: Sosayeok hub to independent destinations */
@keyframes hubFlowX {
  0% { transform: translateX(-120%); opacity:.10; }
  35% { opacity:.95; }
  100% { transform: translateX(250%); opacity:.08; }
}

.commute-track.commute-hub-layout{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:4px !important;
  padding:0 !important;
}
.commute-track.commute-hub-layout .track-line{display:none !important}
.commute-track.commute-hub-layout .hub-stop{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:0 !important;
  padding:0 6px 12px !important;
  background:none !important;
  border:0 !important;
}
.commute-track.commute-hub-layout .hub-graph{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:60px !important;
  margin-bottom:14px !important;
}
.commute-track.commute-hub-layout .hub-origin-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:50px !important;
  height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.05) !important;
  color:rgba(255,255,255,.84) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  backdrop-filter:blur(4px) !important;
}
.commute-track.commute-hub-layout .hub-connector,
.commute-track.commute-hub-layout .branch-connector{
  position:relative !important;
  display:block !important;
  height:4px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  flex:0 0 42px !important;
}
.commute-track.commute-hub-layout .hub-connector.line1{background:linear-gradient(90deg,#2f6fc6,#4f94df) !important}
.commute-track.commute-hub-layout .hub-connector.line2{background:linear-gradient(90deg,#23b666,#3bd181) !important}
.commute-track.commute-hub-layout .hub-connector.line5{background:linear-gradient(90deg,#8f61a6,#b283c6) !important}
.commute-track.commute-hub-layout .branch-connector.line59{background:linear-gradient(90deg,#9a69b2 0%,#d3af52 100%) !important; flex-basis:34px !important}
.commute-track.commute-hub-layout .hub-connector i,
.commute-track.commute-hub-layout .branch-connector i{
  position:absolute !important;
  inset:-4px auto -4px -24px !important;
  width:34px !important;
  content:"" !important;
  display:block !important;
  background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.16) 25%, rgba(255,255,255,.98) 50%, rgba(255,255,255,.16) 75%, transparent 100%) !important;
  filter:blur(1px) !important;
  animation:hubFlowX 2.2s linear infinite !important;
}
.commute-track.commute-hub-layout .branch-connector i{animation-duration:1.7s !important}
.commute-track.commute-hub-layout .route-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:62px !important;
  width:62px !important;
  height:46px !important;
  padding:0 !important;
  border-radius:999px !important;
  border:2px solid rgba(255,255,255,.96) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
}
.commute-track.commute-hub-layout .route-chip.line1{background:#1f5fb5 !important}
.commute-track.commute-hub-layout .route-chip.line2{background:#1eb961 !important}
.commute-track.commute-hub-layout .route-chip.line5{background:#9a69b2 !important}
.commute-track.commute-hub-layout .route-chip.line9{background:#b99746 !important}
.commute-track.commute-hub-layout .hub-stop b{
  display:block !important;
  margin:0 !important;
  font-size:18px !important;
  color:#fff !important;
}
.commute-track.commute-hub-layout .hub-stop strong{
  display:block !important;
  margin-top:7px !important;
  font-size:22px !important;
  color:#d5b16f !important;
  letter-spacing:-.04em !important;
}

@media (max-width:980px){
  .commute-track.commute-hub-layout{
    display:block !important;
    margin-top:0 !important;
  }
  .commute-track.commute-hub-layout .hub-stop{
    display:grid !important;
    grid-template-columns:200px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:16px !important;
    padding:15px 0 !important;
    text-align:left !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }
  .commute-track.commute-hub-layout .hub-stop:last-child{border-bottom:1px solid rgba(255,255,255,.10) !important}
  .commute-track.commute-hub-layout .hub-graph{
    justify-content:flex-start !important;
    min-height:58px !important;
    margin-bottom:0 !important;
    gap:8px !important;
  }
  .commute-track.commute-hub-layout .hub-origin-chip{
    min-width:46px !important;
    height:28px !important;
    padding:0 8px !important;
    font-size:12.5px !important;
  }
  .commute-track.commute-hub-layout .hub-connector{flex-basis:26px !important}
  .commute-track.commute-hub-layout .branch-connector.line59{flex-basis:24px !important}
  .commute-track.commute-hub-layout .route-chip{
    min-width:54px !important;
    width:54px !important;
    height:54px !important;
    border-radius:50% !important;
    font-size:14px !important;
  }
  .commute-track.commute-hub-layout .hub-stop b{
    font-size:18px !important;
    margin-left:8px !important;
  }
  .commute-track.commute-hub-layout .hub-stop strong{
    font-size:20px !important;
    margin:0 !important;
  }
  .commute-track.commute-hub-layout .hub-stop.hub-stop-dual b{margin-left:18px !important}
}

@media (min-width:981px){
  .commute-track.commute-hub-layout .hub-stop.hub-stop-dual .hub-graph{gap:7px !important}
  .commute-track.commute-hub-layout .hub-stop.hub-stop-dual .branch-connector.line59{flex-basis:30px !important}
}

/* v1.40 commute cleanup: remove repeated Sosayeok chip, use cleaner thin connected lines */
@keyframes hubLinePulse {
  0% { transform: translateX(-120%); opacity:.08; }
  35% { opacity:.9; }
  100% { transform: translateX(260%); opacity:.06; }
}

/* reset repeated start chip into minimal start dot */
.commute-track.commute-hub-layout .hub-origin-chip{display:none !important}
.commute-track.commute-hub-layout .hub-origin-dot{
  display:inline-block !important;
  width:8px !important;
  min-width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.75) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.04), 0 0 10px rgba(255,255,255,.12) !important;
}
.commute-track.commute-hub-layout .hub-stop{
  padding-bottom:10px !important;
}
.commute-track.commute-hub-layout .hub-graph{
  gap:0 !important;
}
.commute-track.commute-hub-layout .hub-connector,
.commute-track.commute-hub-layout .branch-connector{
  height:2px !important;
  border-radius:999px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.commute-track.commute-hub-layout .hub-connector{flex:0 0 42px !important; margin:0 8px 0 10px !important}
.commute-track.commute-hub-layout .branch-connector.line59{flex:0 0 28px !important; margin:0 8px !important}
.commute-track.commute-hub-layout .hub-connector i,
.commute-track.commute-hub-layout .branch-connector i{
  inset:-4px auto -4px -20px !important;
  width:26px !important;
  background:linear-gradient(90deg,transparent 0%, rgba(255,255,255,.12) 22%, rgba(255,255,255,.92) 50%, rgba(255,255,255,.12) 78%, transparent 100%) !important;
  animation:hubLinePulse 2.4s linear infinite !important;
}
.commute-track.commute-hub-layout .branch-connector i{animation-duration:1.8s !important}
.commute-track.commute-hub-layout .route-chip{
  width:58px !important;
  min-width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  font-size:16px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
}
.commute-track.commute-hub-layout .hub-stop b{
  margin-left:6px !important;
}
.commute-track.commute-hub-layout .hub-stop.hub-stop-dual b{
  margin-left:12px !important;
}

@media (min-width:981px){
  .commute-track.commute-hub-layout{gap:12px !important}
  .commute-track.commute-hub-layout .hub-stop{padding:0 8px 12px !important}
  .commute-track.commute-hub-layout .hub-graph{min-height:58px !important; margin-bottom:14px !important}
  .commute-track.commute-hub-layout .hub-connector{flex-basis:34px !important; margin:0 7px 0 9px !important}
  .commute-track.commute-hub-layout .branch-connector.line59{flex-basis:24px !important; margin:0 7px !important}
  .commute-track.commute-hub-layout .route-chip{
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
    font-size:16px !important;
  }
  .commute-track.commute-hub-layout .hub-stop b{font-size:18px !important}
  .commute-track.commute-hub-layout .hub-stop strong{font-size:22px !important}
}

@media (max-width:980px){
  .commute-track.commute-hub-layout .hub-stop{
    grid-template-columns:186px minmax(0,1fr) auto !important;
    gap:14px !important;
    padding:14px 0 !important;
  }
  .commute-track.commute-hub-layout .hub-graph{
    min-height:54px !important;
  }
  .commute-track.commute-hub-layout .hub-origin-dot{
    width:7px !important;
    min-width:7px !important;
    height:7px !important;
  }
  .commute-track.commute-hub-layout .hub-connector{
    flex-basis:30px !important;
    margin:0 8px 0 10px !important;
  }
  .commute-track.commute-hub-layout .branch-connector.line59{
    flex-basis:22px !important;
    margin:0 8px !important;
  }
  .commute-track.commute-hub-layout .route-chip{
    width:54px !important;
    min-width:54px !important;
    height:54px !important;
    font-size:15px !important;
  }
  .commute-track.commute-hub-layout .hub-stop b{
    margin-left:12px !important;
    font-size:18px !important;
  }
  .commute-track.commute-hub-layout .hub-stop.hub-stop-dual b{
    margin-left:18px !important;
  }
  .commute-track.commute-hub-layout .hub-stop strong{font-size:19px !important}
}

/* v1.41 commute refinement: remove start dot fully + cleaner line geometry + centered destination labels */
.commute-track.commute-hub-layout .hub-origin-dot{display:none !important}
.commute-track.commute-hub-layout .hub-graph{justify-content:flex-start !important}
.commute-track.commute-hub-layout .hub-connector{margin-left:0 !important}

@media (min-width:981px){
  .commute-track.commute-hub-layout .hub-stop b{
    margin-left:0 !important;
    text-align:center !important;
    width:100% !important;
  }
  .commute-track.commute-hub-layout .hub-stop.hub-stop-dual b{margin-left:0 !important}
  .commute-track.commute-hub-layout .hub-graph{justify-content:center !important}
  .commute-track.commute-hub-layout .hub-connector{flex-basis:32px !important; margin:0 8px 0 0 !important}
  .commute-track.commute-hub-layout .branch-connector.line59{flex-basis:22px !important; margin:0 7px !important}
}

@media (max-width:980px){
  .commute-track.commute-hub-layout .hub-stop{
    grid-template-columns:162px minmax(0,1fr) auto !important;
    gap:16px !important;
  }
  .commute-track.commute-hub-layout .hub-graph{
    justify-content:flex-start !important;
    min-height:54px !important;
  }
  .commute-track.commute-hub-layout .hub-connector{
    flex-basis:34px !important;
    margin:0 10px 0 0 !important;
  }
  .commute-track.commute-hub-layout .branch-connector.line59{
    flex-basis:24px !important;
    margin:0 8px !important;
  }
  .commute-track.commute-hub-layout .hub-stop b,
  .commute-track.commute-hub-layout .hub-stop.hub-stop-dual b{
    margin-left:0 !important;
    justify-self:center !important;
    text-align:center !important;
    width:100% !important;
  }
}

/* v1.42 — SOSA ACCESS INDEX
   Final rebuild: premium access index, not a subway route diagram. */
.commute-access-index{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  max-width:1320px!important;
  margin:0 auto!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
  border-bottom:1px solid rgba(255,255,255,.13)!important;
}
.access-index-item{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:235px!important;
  padding:34px 18px 30px!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.085)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.access-index-item:first-child{border-left:0!important}
.access-route-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:58px!important;
  margin:0 0 21px!important;
}
.access-route-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  padding:0!important;
  border:2px solid rgba(255,255,255,.94)!important;
  border-radius:50%!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-shadow:0 1px 1px rgba(0,0,0,.14)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.11)!important;
  transition:transform .32s ease,box-shadow .32s ease,filter .32s ease!important;
}
.access-route-badge.line1{background:#2367b8!important}
.access-route-badge.line2{background:#20b966!important}
.access-route-badge.line5{background:#9a69b2!important}
.access-route-badge.line9{background:#bd9944!important}
.access-destination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.35!important;
  font-weight:780!important;
  letter-spacing:-.04em!important;
  word-break:keep-all!important;
}
.access-time{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:2px!important;
  margin:13px 0 0!important;
  color:#dfba70!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  text-shadow:0 0 26px rgba(223,186,112,.10)!important;
}
.access-time small{
  font-size:16px!important;
  font-weight:760!important;
  letter-spacing:-.02em!important;
  color:#cfad6a!important;
}
.access-time span{
  font-size:34px!important;
  font-weight:870!important;
}
.access-time em{
  font-style:normal!important;
  font-size:20px!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}
@media(hover:hover){
  .access-index-item:hover .access-route-badge{
    transform:translateY(-3px)!important;
    filter:brightness(1.055)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.18),0 0 20px rgba(255,255,255,.06)!important;
  }
}

@media(max-width:980px){
  .commute-section .section-heading{margin-bottom:28px!important}
  .commute-access-index{
    display:block!important;
    max-width:none!important;
    margin:0!important;
  }
  .access-index-item{
    display:grid!important;
    grid-template-columns:100px minmax(0,1fr) 96px!important;
    align-items:center!important;
    min-height:92px!important;
    padding:15px 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    text-align:left!important;
  }
  .access-index-item:first-child{border-top:0!important}
  .access-route-badges{
    justify-content:flex-start!important;
    gap:5px!important;
    min-height:0!important;
    margin:0!important;
    padding-left:5px!important;
  }
  .access-route-badge{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    font-size:14px!important;
    border-width:2px!important;
    box-shadow:0 7px 18px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.10)!important;
  }
  .access-route-badges-dual{
    width:100px!important;
    gap:4px!important;
    padding-left:0!important;
  }
  .access-route-badges-dual .access-route-badge{
    width:47px!important;
    min-width:47px!important;
    height:47px!important;
    font-size:13px!important;
  }
  .access-destination{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:0!important;
    padding:0 6px!important;
    font-size:18px!important;
    line-height:1.3!important;
    text-align:center!important;
  }
  .access-time{
    justify-content:flex-end!important;
    gap:1px!important;
    margin:0!important;
    padding-right:2px!important;
    white-space:nowrap!important;
  }
  .access-time small{font-size:14px!important}
  .access-time span{font-size:26px!important}
  .access-time em{font-size:17px!important}
  .gtx-banner{margin-top:24px!important}
}

@media(max-width:640px){
  .commute-access-index{border-top-color:rgba(255,255,255,.12)!important;border-bottom-color:rgba(255,255,255,.12)!important}
  .access-index-item{
    grid-template-columns:98px minmax(0,1fr) 92px!important;
    min-height:88px!important;
    padding:13px 0!important;
  }
  .access-route-badges{padding-left:4px!important}
  .access-route-badge{width:50px!important;min-width:50px!important;height:50px!important;font-size:13.5px!important}
  .access-route-badges-dual{width:98px!important;gap:4px!important;padding-left:0!important}
  .access-route-badges-dual .access-route-badge{width:46px!important;min-width:46px!important;height:46px!important;font-size:12.5px!important}
  .access-destination{font-size:17px!important;padding:0 4px!important}
  .access-time small{font-size:13px!important}
  .access-time span{font-size:24px!important}
  .access-time em{font-size:16px!important}
}

/* v1.46 mobile copy rhythm + DEVELOPMENT alignment — desktop/layout untouched */
@media (max-width:640px){
  .development-section .map-caption.location-caption{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:12px auto 0!important;
    padding-inline:0!important;
    transform:none!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:clamp(6.4px,1.72vw,7.1px)!important;
    line-height:1.3!important;
    letter-spacing:-.06em!important;
  }
}

/* v1.51 — mobile visit date field alignment polish */
@media(max-width:640px){
  #visitModal .field input[type="date"]{
    box-sizing:border-box!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:8px!important;
    text-align:left!important;
    -webkit-appearance:none;
    appearance:none;
  }
  #visitModal .field input[type="date"]::-webkit-date-and-time-value{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    text-align:left!important;
  }
  #visitModal .field input[type="date"]::-webkit-datetime-edit{
    padding:0!important;
    text-align:left!important;
  }
}


/* v1.60 - refined editorial sales terms section */
.sales-terms-section{
  background:#f8f6f1;
  padding:58px 0 48px;
  border-bottom:1px solid #e9e3d9;
}
.sales-terms-wrap{position:relative}
.sales-terms-heading{
  max-width:900px;
  margin:0 auto;
  text-align:center;
  padding-bottom:20px;
}
.sales-terms-label{
  display:block;
  margin-bottom:12px;
  color:#9a7743;
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
}
.sales-terms-heading h2{
  margin:0;
  color:#111a2f;
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.14;
  letter-spacing:-.065em;
  font-weight:880;
}
.sales-terms-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #d9d2c6;
  border-bottom:1px solid #d9d2c6;
}
.sales-term{
  min-height:158px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px 34px 26px;
  border-left:1px solid #d9d2c6;
}
.sales-term:first-child{border-left:0}
.sales-term-copy{width:100%;text-align:center}
.sales-term-copy h3{
  margin:0;
  color:#111a2f;
  font-size:clamp(23px,2vw,30px);
  line-height:1.2;
  letter-spacing:-.055em;
  font-weight:880;
}
.sales-term-copy h3 em{color:#a67c3c;font-style:normal}
.sales-term-copy p{
  margin:16px 0 0;
  color:#6b727c;
  font-size:18px;
  line-height:1.72;
  letter-spacing:-.022em;
  text-align:center;
}
.sales-terms-note{
  margin:12px 0 0;
  color:#98938b;
  font-size:14px;
  line-height:1.6;
  text-align:center;
}
.benefits{padding-top:86px}

@media(max-width:1000px){
  .sales-terms-section{padding:52px 0 44px}
  .sales-term{min-height:144px;padding:24px 22px 23px}
}
@media(max-width:680px){
  .sales-terms-section{padding:46px 0 40px}
  .sales-terms-heading{padding-bottom:16px}
  .sales-terms-heading h2{font-size:29px;line-height:1.18}
  .sales-terms-grid{grid-template-columns:1fr}
  .sales-term{
    min-height:0;
    padding:20px 10px 21px;
    border-left:0;
    border-top:1px solid #d9d2c6;
    text-align:center;
  }
  .sales-term:first-child{border-top:0}
  .sales-term-copy h3{font-size:24px}
  .sales-term-copy p{margin-top:9px;font-size:17px;line-height:1.68}
  .sales-terms-note{margin-top:10px}
  .benefits{padding-top:68px}
}


/* v1.62 - overall refinement: sales terms hierarchy + asymmetric value section + hero status */
/* Hero status: clearer without adding visual clutter */
.hero-note{
  margin-top:18px!important;
  gap:9px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:15px!important;
  line-height:1.5!important;
}
.hero-note .pulse{
  width:6px!important;
  height:6px!important;
  background:#d9b56f!important;
  box-shadow:0 0 0 5px rgba(217,181,111,.10)!important;
}
.hero-note b{
  color:#e4c27e!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
}

/* Sales terms: stronger type hierarchy while keeping everything centered */
.sales-terms-heading{padding-bottom:18px!important}
.sales-terms-label{margin-bottom:10px!important}
.sales-term{min-height:150px!important;padding-top:25px!important;padding-bottom:24px!important}
.sales-term-copy h3{font-size:clamp(24px,2.05vw,31px)!important}
.sales-term-copy p{margin-top:12px!important;color:#626a76!important;font-size:17px!important}
.sales-terms-note{margin-top:10px!important;color:#99938a!important}

/* Values: break the repeated centered-heading + equal-columns rhythm */
.benefits-editorial{
  padding:96px 0 100px!important;
  background:#fff!important;
}
.benefits-editorial-grid{
  display:grid;
  grid-template-columns:minmax(410px,.88fr) minmax(0,1.42fr);
  gap:54px;
  align-items:start;
}
.benefits-editorial-intro{
  position:relative;
  padding-top:4px;
  max-width:none;
  text-align:left;
}
.benefits-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  color:#9b7741;
  font-size:14px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
}
.benefits-kicker:before{
  content:"";
  width:28px;
  height:1px;
  background:#c9a66d;
}
.benefits-editorial-intro h2{
  margin:0;
  color:#10192d;
  font-size:clamp(38px,3.05vw,50px);
  line-height:1.1;
  letter-spacing:-.07em;
  font-weight:890;
  word-break:keep-all;
}
.benefits-title-line{display:block;white-space:nowrap}
.benefits-editorial-intro p{
  margin:24px 0 0;
  color:#727a87;
  font-size:18px;
  line-height:1.8;
}
.benefits-value-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border-top:1px solid #dfd9cf!important;
  border-bottom:1px solid #dfd9cf!important;
}
.benefits-value-grid .benefit-card{
  min-height:238px!important;
  padding:27px 30px 29px!important;
  border-left:1px solid #dfd9cf!important;
  border-top:0!important;
  text-align:left!important;
}
.benefits-value-grid .benefit-card:nth-child(odd){border-left:0!important}
.benefits-value-grid .benefit-card:nth-child(n+3){border-top:1px solid #dfd9cf!important}
.benefits-value-grid .benefit-meta{
  min-height:20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0 0 27px!important;
}
.benefits-value-grid .point-no{font-size:13px!important;color:#a88047!important}
.benefits-value-grid .benefit-keyword{font-size:12px!important;letter-spacing:.18em!important;color:#9aa1ad!important}
.benefits-value-grid .benefit-display{margin:0!important;min-height:56px;display:flex;align-items:flex-end;gap:6px}
.benefits-value-grid .benefit-display b{font-size:52px!important;line-height:.9!important;letter-spacing:-.065em!important}
.benefits-value-grid .benefit-display small{padding-bottom:4px!important;font-size:13px!important;color:#a7834e!important}
.benefits-value-grid .benefit-display-word b{font-size:34px!important;line-height:1!important}
.benefits-value-grid .benefit-card h3{margin:24px 0 9px!important;font-size:21px!important;line-height:1.25!important}
.benefits-value-grid .benefit-card p{font-size:15.5px!important;line-height:1.72!important;color:#757d89!important}


/* v1.63 - stable value intro: no sticky motion */
.benefits-editorial-intro{position:static!important;top:auto!important}
.benefits-editorial-intro.reveal{transform:none!important}

@media(max-width:1000px){
  .benefits-editorial{padding:82px 0 88px!important}
  .benefits-editorial-grid{grid-template-columns:1fr;gap:42px}
  .benefits-editorial-intro{max-width:700px;text-align:center;margin-inline:auto}
  .benefits-kicker{justify-content:center}
  .benefits-editorial-intro h2{font-size:42px}
  .benefits-title-line{white-space:normal}
  .benefits-editorial-intro p{margin-top:17px}
  .benefits-value-grid{max-width:760px;margin-inline:auto;width:100%}
}
@media(max-width:680px){
  .hero-note{font-size:14px!important;margin-top:16px!important}
  .sales-term{min-height:0!important;padding:19px 8px 20px!important}
  .sales-term-copy h3{font-size:23px!important}
  .sales-term-copy p{font-size:16px!important;margin-top:8px!important}
  .benefits-editorial{padding:66px 0 72px!important}
  .benefits-editorial-grid{gap:30px}
  .benefits-kicker{margin-bottom:14px}
  .benefits-editorial-intro h2{font-size:34px;line-height:1.16}
  .benefits-title-line{white-space:normal}
  .benefits-editorial-intro p{font-size:17px;line-height:1.72}
  .benefits-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .benefits-value-grid .benefit-card{min-height:194px!important;padding:18px 14px 20px!important}
  .benefits-value-grid .benefit-meta{margin-bottom:20px!important}
  .benefits-value-grid .benefit-display{min-height:43px}
  .benefits-value-grid .benefit-display b{font-size:40px!important}
  .benefits-value-grid .benefit-display-word b{font-size:26px!important}
  .benefits-value-grid .benefit-card h3{margin:18px 0 7px!important;font-size:20px!important}
  .benefits-value-grid .benefit-card p{font-size:14.2px!important;line-height:1.62!important;word-break:keep-all}
}
@media(max-width:430px){
  .benefits-value-grid{grid-template-columns:1fr!important}
  .benefits-value-grid .benefit-card{min-height:0!important;border-left:0!important;border-top:1px solid #dfd9cf!important;padding:22px 4px 23px!important}
  .benefits-value-grid .benefit-card:first-child{border-top:0!important}
}


/* v1.64 - consolidated mobile/heading refinements */
/* Sales terms title: preserve natural Korean spacing and reduce compressed feel */
.sales-terms-heading h2{
  letter-spacing:-.035em!important;
  word-spacing:.08em!important;
  text-wrap:balance;
}

/* Mobile sales terms: keep vertical editorial stack, but tighten the rhythm */
@media(max-width:680px){
  .sales-terms-section{padding:40px 0 34px!important}
  .sales-terms-heading{padding-bottom:14px!important}
  .sales-terms-label{margin-bottom:9px!important}
  .sales-terms-heading h2{font-size:29px!important;line-height:1.18!important;letter-spacing:-.025em!important;word-spacing:.08em!important}
  .sales-term{min-height:0!important;padding:15px 8px 16px!important}
  .sales-term-copy h3{font-size:23px!important;line-height:1.22!important}
  .sales-term-copy p{font-size:16px!important;line-height:1.6!important;margin-top:6px!important}
  .sales-terms-note{margin-top:8px!important;font-size:13.5px!important;line-height:1.55!important}
}

/* Keep the value section on mobile exactly in the established 2 x 2 layout. */
@media(max-width:430px){
  .benefits-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .benefits-value-grid .benefit-card{
    min-height:194px!important;
    padding:18px 14px 20px!important;
    border-left:1px solid #dfd9cf!important;
    border-top:0!important;
  }
  .benefits-value-grid .benefit-card:nth-child(odd){border-left:0!important}
  .benefits-value-grid .benefit-card:nth-child(n+3){border-top:1px solid #dfd9cf!important}
  .benefits-value-grid .benefit-card:first-child{border-top:0!important}
}

/* v1.66 - visibly separate desktop headline lines */
@media(min-width:1001px){
  .benefits-editorial-intro h2{
    display:grid!important;
    row-gap:12px!important;
    line-height:1!important;
  }
  .benefits-editorial-intro h2 .benefits-title-line{
    display:block!important;
    white-space:nowrap!important;
  }
  .benefits-editorial-intro p{
    margin-top:36px!important;
  }
}
@media(max-width:1000px){
  .benefits-editorial-intro h2 .benefits-title-line{
    display:block;
    white-space:normal;
  }
}

/* v1.70 — OFFICETEL conversion pass: product clarity + premium community + earlier lead capture */
.hero-hook strong{color:#ead6b4;font-weight:900;letter-spacing:-.045em}
.hero-note b{color:#ead6b4}

/* PRODUCT SNAPSHOT */
.product-section{padding:88px 0 84px;background:linear-gradient(180deg,#f7f4ee 0%,#fff 100%);border-top:1px solid rgba(145,112,65,.08)}
.product-wrap{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.36fr);gap:52px 64px;align-items:start}
.product-heading{align-self:start;padding-top:4px}
.product-kicker,.community-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#a27e49;font-size:13px;font-weight:900;letter-spacing:.22em}
.product-kicker:before,.community-kicker:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.product-heading h2,.community-heading h2{margin:0;font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.065em;font-weight:900}
.product-heading h2 em,.community-heading h2 em{font-style:normal;color:#a27e49}
.product-heading h2{max-width:520px;font-size:clamp(36px,3.7vw,54px);line-height:1.03}.product-heading p{max-width:470px;margin:18px 0 0;color:#717887;font-size:18px;line-height:1.74}
.product-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0}
.product-metric{position:relative;min-height:156px;padding:20px 20px 18px;border:1px solid #e3ded5;border-radius:0;background:rgba(255,255,255,.55)}

.product-metric>span{display:block;color:#a18b6a;font-size:11px;font-weight:900;letter-spacing:.17em}
.product-metric strong{display:flex;align-items:flex-end;gap:4px;margin-top:24px;color:#0c1939;font-size:38px;line-height:.9;letter-spacing:-.06em;font-weight:900;white-space:nowrap}
.product-metric strong small{padding-bottom:3px;color:#a27e49;font-size:14px;letter-spacing:-.02em}
.product-metric strong.metric-word{font-size:25px;line-height:1;letter-spacing:-.045em}
.product-metric p{margin:15px 0 0;color:#747b87;font-size:14.5px;line-height:1.55;word-break:keep-all}
.product-metric:nth-child(2).reveal{transition-delay:.06s}.product-metric:nth-child(3).reveal{transition-delay:.12s}.product-metric:nth-child(4).reveal{transition-delay:.18s}.product-metric:nth-child(5).reveal{transition-delay:.24s}
.product-lead-hint{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:24px 28px;border:1px solid rgba(161,126,73,.24);background:rgba(255,255,255,.72)}
.product-lead-hint small{display:block;margin-bottom:8px;color:#a27e49;font-size:12px;font-weight:900;letter-spacing:.18em}.product-lead-hint strong{display:block;color:#0c1939;font-size:22px;line-height:1.2;letter-spacing:-.045em}.product-lead-hint span{display:block;max-width:420px;margin-top:8px;color:#737b89;font-size:15px;line-height:1.65}
.product-lead-hint button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:0;background:#0c1939;color:#fff;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 14px 30px rgba(12,25,57,.12)}
.product-lead-hint button b{color:#d3b276;font-size:19px;transition:transform .22s ease}
.product-lead-hint button:hover b{transform:translateX(4px)}

/* PREMIUM COMMUNITY — editorial mosaic rather than a pasted collage */
.community-section{position:relative;overflow:hidden;padding:104px 0 96px;background:#071432;color:#fff}
.community-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(199,162,107,.14),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 28%);pointer-events:none}
.community-wrap{position:relative;z-index:1}
.community-heading{display:grid;grid-template-columns:1fr .9fr;gap:48px;align-items:end;margin-bottom:44px}
.community-heading .community-kicker{grid-column:1/-1;margin-bottom:-24px;color:#d8b87e}
.community-heading h2{color:#fff}
.community-heading h2 em{color:#dfc292}
.community-heading p{justify-self:end;max-width:460px;margin:0;color:rgba(255,255,255,.66);font-size:18px;line-height:1.8;text-align:right}
.community-gallery{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,.72fr);grid-template-rows:repeat(3,minmax(150px,1fr));gap:12px;min-height:650px}.community-secondary-scroll{display:contents}
.community-card{position:relative;overflow:hidden;min-height:0;border:1px solid rgba(223,194,146,.16);background:#0c1b3d}
.community-card-feature{grid-row:1/4}
.community-card figure{position:absolute;inset:0;margin:0;overflow:hidden;background:#0d1d40}
.community-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 43%,rgba(5,15,39,.13) 63%,rgba(5,15,39,.93) 100%);pointer-events:none}
.community-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.032);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s ease;filter:saturate(.88) contrast(1.03)}
.community-card.in-view img{transform:scale(1)}
.community-card-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;align-items:flex-end;gap:16px;padding:22px 24px}
.community-card-copy>span{flex:none;padding-bottom:4px;color:#d4b477;font-size:12px;font-weight:900;letter-spacing:.16em}
.community-card-copy h3{margin:0 0 4px;color:#fff;font-size:20px;letter-spacing:-.04em}
.community-card-copy p{margin:0;color:rgba(255,255,255,.63);font-size:14.5px;line-height:1.55}
.community-card-feature .community-card-copy{padding:32px 34px}.community-card-feature .community-card-copy h3{font-size:30px}.community-card-feature .community-card-copy p{font-size:16px}
.community-secondary-scroll .community-card:nth-child(1).reveal{transition-delay:.08s}.community-secondary-scroll .community-card:nth-child(2).reveal{transition-delay:.16s}.community-secondary-scroll .community-card:nth-child(3).reveal{transition-delay:.24s}
.community-disclaimer{margin:10px 2px 0;text-align:right;color:rgba(255,255,255,.38);font-size:12px;line-height:1.5}
@media(hover:hover) and (pointer:fine){.community-card:hover img{transform:scale(1.025);filter:saturate(.95) contrast(1.04)}.community-card:hover{border-color:rgba(223,194,146,.32)}}

/* EARLY CONVERSION STRIP */
.conversion-strip{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:center;margin-top:46px;padding:30px 32px;background:linear-gradient(120deg,#f5eee2,#fff 58%,#efe1ca);color:#111a31;border:1px solid rgba(220,190,140,.45);box-shadow:0 22px 60px rgba(0,0,0,.16)}
.conversion-strip-copy>span{display:block;margin-bottom:9px;color:#9d7740;font-size:12px;font-weight:900;letter-spacing:.18em}
.conversion-strip-copy h3{margin:0;font-size:29px;line-height:1.16;letter-spacing:-.055em}
.conversion-strip-copy p{margin:11px 0 0;max-width:430px;color:#747b87;font-size:15px;line-height:1.65}
.conversion-form{gap:10px}
.conversion-fields{display:grid;grid-template-columns:1fr 1.3fr 1.45fr;gap:9px;align-items:end}
.conversion-fields .field span{color:#596170}
.conversion-fields .field input{height:49px;background:rgba(255,255,255,.93)}
.conversion-submit{height:49px;min-height:49px;border-radius:10px;background:#0a1838}
.conversion-consent{font-size:13.5px;color:#777f8b}

/* Keep repeated full-scale complex info later; make product identity explicit when the total scale is mentioned. */
.benefits-value-grid .benefit-card:nth-child(2) p{font-size:14.5px!important}

/* CTA hierarchy: lead capture is the unmistakable primary action on mobile. */
@media(max-width:680px){
  .hero-hook strong{font-size:1.02em}
  .product-section{padding:58px 0 54px}
  .product-wrap{display:block}
  .product-heading{text-align:center;margin-bottom:24px}
  .product-kicker{justify-content:center;margin-bottom:13px}
  .product-heading h2{max-width:none;font-size:31px;line-height:1.08}
  .product-heading p{max-width:none;margin-top:12px;font-size:16px;line-height:1.68}
  .product-visual{margin:22px 0 0}
  .product-visual img{aspect-ratio:1.2/1}
  .product-visual figcaption{left:14px;right:14px;bottom:14px;padding:13px 14px}
  .product-visual figcaption strong{font-size:21px}
  .product-visual figcaption span{font-size:13px}
  .product-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}
  .product-metric{min-height:118px;padding:15px 12px 14px}
  .product-metric strong{margin-top:17px;font-size:30px}.product-metric strong.metric-word{font-size:22px}
  .product-metric p{margin-top:12px;font-size:13.5px}
  .product-submetrics{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
  .product-submetric{padding:14px 14px}
  .product-lead-hint{display:flex;flex-direction:column;align-items:flex-start;grid-column:auto;margin:14px 0 0;padding:18px 16px;gap:14px}
  .product-lead-hint strong{font-size:21px}
  .product-lead-hint span{font-size:13.8px}.product-lead-hint button{width:100%;font-size:15px}

  .community-section{padding:66px 0 60px}
  .community-heading{display:block;margin-bottom:28px;text-align:center}
  .community-heading .community-kicker{display:flex;justify-content:center;margin:0 0 13px}
  .community-heading h2{font-size:32px;line-height:1.14}
  .community-heading p{max-width:none;margin:14px auto 0;font-size:16px;line-height:1.68;text-align:center}
  .community-gallery{display:block;min-height:0}
  .community-card{height:auto;border-radius:0}
  .community-card-feature{aspect-ratio:1.18/1;margin-top:0}
  .community-secondary-scroll{display:flex;gap:11px;overflow-x:auto;margin-top:11px;padding:0 2px 4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .community-secondary-scroll::-webkit-scrollbar{display:none}
  .community-secondary-scroll .community-card{flex:0 0 78%;aspect-ratio:1.08/1;scroll-snap-align:start;margin-top:0}
  .community-card figure{position:absolute}
  .community-card-copy,.community-card-feature .community-card-copy{padding:19px 18px}
  .community-card-copy h3,.community-card-feature .community-card-copy h3{font-size:21px}
  .community-card-copy p,.community-card-feature .community-card-copy p{font-size:13.5px}
  .community-disclaimer{margin-top:8px;font-size:11px}

  .conversion-strip{display:block;margin-top:30px;padding:24px 18px 19px;text-align:center}
  .conversion-strip-copy h3{font-size:25px;line-height:1.18}.conversion-strip-copy p{margin:10px auto 18px;font-size:14.5px;line-height:1.62}
  .conversion-fields{grid-template-columns:1fr;gap:8px;text-align:left}
  .conversion-submit{margin-top:2px}
  .conversion-consent{margin-top:2px;text-align:left}

  .mobile-sticky{grid-template-columns:2.05fr .82fr .82fr .82fr!important;gap:5px!important}
  .mobile-sticky button[data-open-modal="lead"]{font-size:13.7px!important;letter-spacing:-.045em!important}
  .mobile-sticky .js-sms-link,.mobile-sticky .js-phone-link,.mobile-sticky button[data-open-modal="visit"]{font-size:12.9px!important}
}

@media(max-width:390px){
  .product-lead-hint{align-items:flex-start;flex-direction:column;gap:6px}
  .mobile-sticky{grid-template-columns:1.85fr .78fr .78fr .78fr!important}
  .mobile-sticky button[data-open-modal="lead"]{font-size:12.8px!important}
  .mobile-sticky .js-sms-link,.mobile-sticky .js-phone-link,.mobile-sticky button[data-open-modal="visit"]{font-size:12.2px!important}
}

@media(prefers-reduced-motion:reduce){
  .community-card img{transform:none!important;transition:none!important}
  .product-metric,.community-card{transition-delay:0s!important}
}
/* v1.70.1 — robust heading flow across rendering engines */
.community-heading{display:flex;flex-wrap:wrap;align-items:flex-end;gap:22px 48px!important}
.community-heading .community-kicker{flex:0 0 100%;margin-bottom:0!important}
.community-heading h2{flex:1 1 520px}
.community-heading p{flex:0 1 420px;margin-left:auto!important}
@media(max-width:680px){.community-heading{display:block!important}.community-heading .community-kicker{display:flex!important;margin:0 0 13px!important}.community-heading h2{display:block}.community-heading p{display:block;margin:14px auto 0!important}}
@media(min-width:681px){
  .community-card-feature{grid-column:1!important;grid-row:1/4!important}
  .community-secondary-scroll>.community-card:nth-child(1){grid-column:2!important;grid-row:1!important}
  .community-secondary-scroll>.community-card:nth-child(2){grid-column:2!important;grid-row:2!important}
  .community-secondary-scroll>.community-card:nth-child(3){grid-column:2!important;grid-row:3!important}
}

/* v1.72 — premium 1.5-room product section: visual-led, conversion-first */
.product-section{position:relative;overflow:hidden;padding:94px 0 90px;background:linear-gradient(135deg,#f8f5ef 0%,#fff 52%,#f5f0e7 100%)}
.product-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(173,133,75,.08),transparent 28%),linear-gradient(90deg,transparent 0 49.92%,rgba(163,126,73,.04) 50%,transparent 50.08%);pointer-events:none}
.product-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(310px,.84fr) minmax(0,1.38fr);gap:54px 64px;align-items:start}
.product-heading{align-self:start;padding-top:0}
.product-heading h2{font-size:clamp(40px,3.7vw,56px);line-height:1.06}
.product-heading p{max-width:560px;margin-top:20px;color:#6f7785;font-size:17px;line-height:1.78}
.product-visual{position:relative;overflow:hidden;margin:28px 0 0;aspect-ratio:1.34/1;border-radius:2px;background:#e9e0d4;box-shadow:0 18px 44px rgba(24,31,46,.10)}
.product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(7,20,50,.08) 72%,rgba(7,20,50,.72) 100%);pointer-events:none}
.product-visual img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.025);transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .45s ease;filter:saturate(.86) contrast(1.02)}
.product-visual.in-view img{transform:scale(1)}
.product-visual figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#fff}
.product-visual figcaption strong{font-size:22px;line-height:1;font-weight:900;letter-spacing:-.045em}
.product-visual figcaption span{color:rgba(255,255,255,.72);font-size:13px;font-weight:800;letter-spacing:.08em}
.product-visual-note{margin:8px 0 0!important;color:#9a9da4!important;font-size:11.5px!important;line-height:1.4!important;text-align:right}
.product-details{min-width:0;padding-top:43px}
.product-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0}
.product-metric{min-height:206px;padding:26px 23px 24px;border:1px solid rgba(163,126,73,.15)!important;border-top:2px solid rgba(163,126,73,.42)!important;background:rgba(255,255,255,.78);box-shadow:0 14px 34px rgba(33,39,53,.055);backdrop-filter:blur(8px)}
.product-metric:first-child{border-left:1px solid rgba(163,126,73,.15)!important}
.product-metric>span{color:#a08357;font-size:11px;letter-spacing:.19em}
.product-metric strong{margin-top:34px;font-size:46px;color:#0a1838}
.product-metric strong.metric-word{font-size:32px;letter-spacing:-.055em}
.product-metric strong small{padding-bottom:4px;font-size:14px}
.product-metric p{margin-top:22px;color:#747b87;font-size:14px;line-height:1.55}
.product-submetrics{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;padding:19px 0;border-top:1px solid rgba(163,126,73,.18);border-bottom:1px solid rgba(163,126,73,.18)}
.product-submetric{display:flex;align-items:center;gap:17px;min-width:0;padding:4px 23px}
.product-submetric+ .product-submetric{border-left:1px solid rgba(163,126,73,.16)}
.product-submetric-no{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(163,126,73,.35);border-radius:50%;color:#a27e49;font-size:11px;font-weight:900;letter-spacing:.08em}
.product-submetric div{min-width:0}
.product-submetric small{display:block;margin-bottom:5px;color:#a18b6a;font-size:10.5px;font-weight:900;letter-spacing:.17em}
.product-submetric strong{display:block;color:#0b1938;font-size:21px;line-height:1.28;letter-spacing:-.04em}
.product-submetric p{margin:5px 0 0;color:#7a808b;font-size:13.5px;line-height:1.5}
.product-metric:nth-child(2).reveal{transition-delay:.07s}.product-metric:nth-child(3).reveal{transition-delay:.14s}
.product-submetric:nth-child(1).reveal{transition-delay:.18s}.product-submetric:nth-child(2).reveal{transition-delay:.24s}
.product-lead-hint{grid-column:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;margin:18px 0 0;padding:22px 23px;border:1px solid rgba(163,126,73,.26);background:linear-gradient(110deg,rgba(255,255,255,.86),rgba(250,245,235,.82));box-shadow:0 12px 30px rgba(31,37,51,.04)}
.product-lead-hint>div{display:grid;gap:4px;min-width:0}
.product-lead-hint>div small{color:#a27e49;font-size:10.5px;font-weight:900;letter-spacing:.18em}
.product-lead-hint>div strong{color:#0b1938;font-size:20px;line-height:1.35;letter-spacing:-.04em}
.product-lead-hint>div span{color:#7a808b;font-size:13.5px;line-height:1.45}
.product-lead-hint button{flex:none;min-height:48px;padding:0 19px;border:1px solid #0a1838;border-radius:1px;background:#0a1838;color:#fff;font-size:14.5px;font-weight:900;box-shadow:0 8px 18px rgba(7,20,50,.14);transition:transform .22s ease,background .22s ease,border-color .22s ease}
.product-lead-hint button b{color:#d8b87e}
.product-lead-hint button:hover{transform:translateY(-2px);background:#101f43;border-color:#101f43}
@media(hover:hover) and (pointer:fine){.product-visual:hover img{transform:scale(1.018);filter:saturate(.92) contrast(1.03)}}

@media(max-width:900px){
  .product-wrap{grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:38px}
  .product-heading h2{font-size:40px}
  .product-details{padding-top:38px}
  .product-metric{min-height:182px;padding:22px 16px}
  .product-metric strong{font-size:37px}.product-metric strong.metric-word{font-size:27px}
  .product-submetric{padding:4px 15px;gap:12px}
  .product-submetric strong{font-size:18px}
  .product-lead-hint{align-items:flex-start;flex-direction:column;gap:14px}
  .product-lead-hint button{width:100%;justify-content:center}
}

@media(max-width:680px){
  .product-section{padding:60px 0 58px}
  .product-wrap{display:block}
  .product-heading{text-align:left;margin-bottom:0}
  .product-kicker{justify-content:flex-start;margin-bottom:13px}
  .product-heading h2{font-size:34px;line-height:1.11}
  .product-heading p{margin-top:14px;font-size:15.5px;line-height:1.68}
  .product-visual{margin-top:22px;aspect-ratio:1.24/1;border-radius:0}
  .product-visual figcaption{left:16px;right:16px;bottom:14px}.product-visual figcaption strong{font-size:21px}.product-visual figcaption span{font-size:11.5px}
  .product-visual-note{font-size:10.5px!important}
  .product-details{padding-top:25px}
  .product-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .product-metric{min-height:132px;padding:15px 10px 14px;text-align:left}
  .product-metric>span{font-size:9.5px;letter-spacing:.12em}
  .product-metric strong{margin-top:22px;font-size:28px}.product-metric strong.metric-word{font-size:20px}
  .product-metric strong small{font-size:11px}
  .product-metric p{margin-top:14px;font-size:12px;line-height:1.42}
  .product-submetrics{grid-template-columns:1fr 1fr;margin-top:8px;padding:13px 0}
  .product-submetric{display:block;padding:1px 12px}
  .product-submetric-no{width:27px;height:27px;margin-bottom:9px;font-size:10px}
  .product-submetric small{font-size:9.5px}.product-submetric strong{font-size:16px;line-height:1.3}.product-submetric p{font-size:11.8px;line-height:1.42}
  .product-lead-hint{display:block;margin-top:13px;padding:18px 15px;text-align:left}
  .product-lead-hint>div strong{font-size:18px}.product-lead-hint>div span{font-size:12.3px}
  .product-lead-hint button{display:flex;width:100%;margin-top:15px;min-height:46px;justify-content:center;font-size:13.5px}
}

@media(max-width:390px){
  .product-heading h2{font-size:31px}
  .product-metric{min-height:124px;padding:14px 8px 13px}
  .product-metric strong{font-size:25px}.product-metric strong.metric-word{font-size:21px}
  .product-metric p{font-size:11.4px}
}

@media(prefers-reduced-motion:reduce){.product-visual img{transform:none!important;transition:none!important}}


/* v1.74 - mobile refinement: concise copy, boxed sales terms, stronger community hierarchy */
@media(max-width:680px){
  .lead-card p{max-width:26ch;margin:12px auto 0!important;font-size:16px!important;line-height:1.62!important;word-break:keep-all;text-wrap:balance;}
  .faq-grid>div:first-child>p{max-width:24ch!important;margin:12px auto 0!important;line-height:1.62!important;text-wrap:balance;}
  .faq-inline-link{margin-top:14px!important;font-size:17px!important;}

  .sales-terms-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;border:0!important;background:transparent!important;}
  .sales-term{border:1px solid rgba(166,124,60,.18)!important;border-top:1px solid rgba(166,124,60,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.96))!important;box-shadow:0 10px 24px rgba(17,26,47,.055)!important;padding:18px 16px 18px!important;border-radius:16px!important;min-height:0!important;transform:translateY(0);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;}
  .sales-term:first-child{border-top:1px solid rgba(166,124,60,.18)!important;}
  .sales-term.in-view{transform:translateY(-2px);box-shadow:0 16px 32px rgba(17,26,47,.07)!important;border-color:rgba(166,124,60,.28)!important;}
  .sales-term-copy h3{font-size:22px!important;line-height:1.2!important;}
  .sales-term-copy p{margin-top:8px!important;font-size:15.5px!important;line-height:1.58!important;}
  .sales-terms-note{margin-top:12px!important;}

  .community-card-feature{aspect-ratio:1.28/1!important;}
  .community-card-feature .community-card-copy{padding:21px 20px!important;}
  .community-card-feature .community-card-copy h3{font-size:22px!important;}
  .community-card-feature .community-card-copy p{font-size:14px!important;}
  .community-secondary-scroll{gap:10px!important;margin-top:13px!important;padding:0 6px 6px 0!important;}
  .community-secondary-scroll .community-card{flex:0 0 69%!important;aspect-ratio:.92/1!important;}
  .community-secondary-scroll .community-card .community-card-copy{padding:16px 15px!important;}
  .community-secondary-scroll .community-card .community-card-copy h3{font-size:19px!important;}
  .community-secondary-scroll .community-card .community-card-copy p{font-size:13px!important;line-height:1.45!important;}
  .community-secondary-scroll .community-card:first-child{margin-left:0!important;}
  .community-disclaimer{margin-top:10px!important;padding-right:2px!important;font-size:10.6px!important;}
}

@media(max-width:430px){
  .lead-card p{max-width:24ch!important;}
  .faq-grid>div:first-child>p{max-width:22ch!important;}
  .community-card-feature{aspect-ratio:1.18/1!important;}
  .community-secondary-scroll .community-card{flex-basis:74%!important;}
}
\n\n/* v1.75 - mobile hero lead card micro refinement */\n@media(max-width:680px){\n  .hero .lead-card{padding:21px 18px 20px!important;border-radius:16px!important;}\n  .hero .lead-card:before{width:27px!important;margin-bottom:10px!important;}\n  .hero .lead-card .lead-kicker{margin-bottom:7px!important;font-size:13px!important;letter-spacing:.08em!important;}\n  .hero .lead-card h2{margin:6px 0 8px!important;font-size:28px!important;line-height:1.12!important;letter-spacing:-.055em!important;}\n  .hero .lead-card>p{max-width:none!important;width:100%!important;margin:0 auto!important;font-size:14.7px!important;line-height:1.52!important;letter-spacing:-.025em!important;word-break:keep-all!important;text-wrap:balance;}\n  .hero .lead-card .receive-grid{margin:14px 0 15px!important;}\n  .hero .lead-card .receive-grid span{padding:9px 2px!important;font-size:12.3px!important;}\n  .hero .lead-card .lead-form{gap:10px!important;}\n  .hero .lead-card .field{gap:5px!important;}\n  .hero .lead-card .field span{font-size:14px!important;}\n  .hero .lead-card .field input,.hero .lead-card .field select{height:47px!important;padding:0 13px!important;border-radius:9px!important;font-size:17px!important;}\n  .hero .lead-card .consent{font-size:13.5px!important;line-height:1.45!important;}\n  .hero .lead-card .primary-btn{min-height:49px!important;font-size:17px!important;border-radius:9px!important;}\n  .hero .lead-card .form-notice{margin-top:1px!important;font-size:12.8px!important;line-height:1.45!important;}\n}\n@media(max-width:390px){\n  .hero .lead-card{padding:20px 16px 19px!important;}\n  .hero .lead-card h2{font-size:27px!important;}\n  .hero .lead-card>p{font-size:14.2px!important;line-height:1.5!important;}\n  .hero .lead-card .receive-grid span{font-size:11.8px!important;}\n  .hero .lead-card .field input,.hero .lead-card .field select{height:46px!important;}\n}\n

/* v1.76 - desktop product visual alignment + wider unit visual */
@media(min-width:981px){
  .product-wrap{align-items:start!important;}
  .product-visual{
    aspect-ratio:1.69/1!important;
    margin-top:27px!important;
  }
  .product-visual img{
    object-position:center 50%!important;
  }
  .product-details{
    padding-top:43px!important;
  }
  .product-visual-note{
    margin-top:7px!important;
  }
}


/* v1.77 - desktop product block bottom alignment to visual edge */
@media(min-width:981px){
  .product-details{padding-top:43px!important;}
  .product-submetrics{margin-top:24px!important;padding:23px 0 24px!important;}
  .product-lead-hint{margin-top:34px!important;}
}


/* v1.78 - product CTA de-duplication */
.product-detail-note{margin:18px 2px 0;color:#9699a0;font-size:13px;line-height:1.55;text-align:right;}
@media(max-width:680px){.product-detail-note{margin:13px 0 0;font-size:11.8px;line-height:1.5;text-align:center;}}


/* v1.79 - conversion flow cleanup */
@media(max-width:680px){
  .mobile-sticky{grid-template-columns:2.35fr .78fr .78fr .78fr!important;}
  .mobile-sticky button[data-open-modal="lead"]{
    background:linear-gradient(180deg,#e2bf79,#cfa457)!important;
    color:#0c1732!important;
    border-color:#e2bf79!important;
    box-shadow:0 6px 18px rgba(213,177,111,.20)!important;
    font-weight:900!important;
  }
  .faq-grid>div:first-child>p{margin-bottom:0!important;}
}
@media(max-width:390px){
  .mobile-sticky{grid-template-columns:2.15fr .76fr .76fr .76fr!important;}
}


/* v1.80 - product section empty-space refinement */
@media (min-width: 981px){
  .product-wrap{align-items:stretch!important;}
  .product-details{display:flex!important;flex-direction:column;min-height:100%;}
  .product-detail-note{
    margin-top:auto!important;
    min-height:84px;
    padding:34px 24px 20px 24px;
    border-top:1px solid rgba(163,126,73,.18);
    background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.72));
    color:#727887;
    font-size:15px;
    line-height:1.65;
    text-align:left;
    position:relative;
  }
  .product-detail-note::before{
    content:"DETAIL INFO";
    display:block;
    margin-bottom:8px;
    color:#a27e49;
    font-size:13px;
    letter-spacing:.22em;
    font-weight:700;
  }
}
@media (min-width: 981px) and (max-width: 1180px){
  .product-detail-note{min-height:72px;padding-top:28px;font-size:14px;}
}
@media (max-width: 680px){
  .product-detail-note::before{display:none;}
}


/* v1.81 - distribute product-section vertical whitespace */
@media (min-width: 981px){
  .product-details{
    display:flex!important;
    flex-direction:column;
    justify-content:flex-start!important;
    min-height:0!important;
  }
  .product-submetrics{
    margin-top:34px!important;
    padding:24px 0 25px!important;
  }
  .product-detail-note{
    margin-top:38px!important;
    min-height:76px!important;
    padding:24px 24px 18px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.70))!important;
  }
}
@media (min-width: 981px) and (max-width: 1180px){
  .product-submetrics{margin-top:28px!important;padding:22px 0 23px!important;}
  .product-detail-note{margin-top:30px!important;min-height:70px!important;padding-top:22px!important;}
}


/* v1.83 - urgent conversion hero CTA refinement */
.hero .lead-card .hero-secondary-btn{
  width:100%;min-height:48px;border:1px solid #c8b38c;border-radius:8px;background:#fffaf2;color:#26324a;
  font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.hero .lead-card .hero-secondary-btn:hover{background:#f8f0e3;border-color:#b99661;transform:translateY(-1px)}
@media(max-width:680px){
  .hero .lead-card .hero-secondary-btn{min-height:46px;font-size:16px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){.hero .lead-card .hero-secondary-btn{transition:none!important}}


/* v1.87 - price-led hero conversion refresh */
.hero-badges{margin-bottom:18px!important}.hero-badges span{padding:9px 14px!important;border-color:rgba(217,181,111,.38)!important;background:rgba(217,181,111,.10)!important;color:#f2deba!important;box-shadow:0 10px 26px rgba(0,0,0,.14)}
.hero-title-price{margin-bottom:16px!important}.hero-title-price .hero-line-size{font-size:70px;line-height:.95;letter-spacing:-.055em}.hero-title-price .hero-line-price{font-size:82px;line-height:.92;letter-spacing:-.065em;color:#d9b56f!important;text-wrap:balance}
.hero-hook-benefits{margin:0 0 14px!important;font-size:21px!important;line-height:1.5!important;color:rgba(255,255,255,.90)!important}.hero-hook-benefits strong{color:#fff7d0!important;font-weight:900!important;white-space:nowrap}
.hero-sub-cta{margin:0 0 18px!important;max-width:34ch;color:rgba(255,255,255,.80)!important;font-size:19px!important;line-height:1.7!important}
.hero-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:760px!important;border:0!important;background:transparent!important}.hero-offer-grid>div{display:flex;flex-direction:column;justify-content:center;min-height:102px;padding:18px 16px!important;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(217,101,121,.08));box-shadow:0 18px 40px rgba(0,0,0,.18)}.hero-offer-grid>div:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(203,108,118,.16))}.hero-offer-grid>div:nth-child(3){background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(214,164,90,.14))}.hero-offer-grid b{font-size:30px!important;line-height:1.12!important;font-weight:900!important;color:#fff!important;letter-spacing:-.04em}.hero-offer-grid small{margin-top:6px;font-size:16px!important;line-height:1.45!important;color:rgba(255,255,255,.72)!important}
.hero-note{max-width:46ch}
@media(max-width:1180px){.hero-title-price .hero-line-size{font-size:62px}.hero-title-price .hero-line-price{font-size:72px}.hero-hook-benefits{font-size:19px!important}.hero-offer-grid b{font-size:26px!important}}
@media(max-width:860px){.hero-title-price .hero-line-size{font-size:56px}.hero-title-price .hero-line-price{font-size:64px}.hero-hook-benefits{font-size:21px!important}.hero-sub-cta{max-width:none}.hero-offer-grid{grid-template-columns:1fr!important;max-width:none!important}.hero-offer-grid>div{min-height:84px;padding:15px 16px!important}.hero-offer-grid b{font-size:25px!important}.hero-note{max-width:none}}
@media(max-width:680px){.hero-badges{justify-content:center!important}.hero-badges span{font-size:14px!important;padding:8px 12px!important}.hero-title-price{margin-bottom:12px!important}.hero-title-price .hero-line-size{font-size:48px!important;line-height:.98!important}.hero-title-price .hero-line-price{font-size:50px!important;line-height:.98!important}.hero-hook-benefits{display:flex;flex-direction:column;gap:6px;margin:0 0 12px!important;font-size:19px!important;line-height:1.38!important}.hero-hook-benefits strong{display:block}.hero-sub-cta{font-size:16.5px!important;line-height:1.55!important;margin-bottom:14px!important}.hero-offer-grid{gap:10px!important}.hero-offer-grid>div{min-height:auto;padding:14px 14px!important;border-radius:14px!important}.hero-offer-grid b{font-size:22px!important}.hero-offer-grid small{font-size:14px!important;line-height:1.4!important}.hero-note{font-size:13.5px!important;line-height:1.5!important;margin-top:14px!important}.hero .lead-card h2{font-size:27px!important;line-height:1.15!important}.hero .lead-card>p{font-size:14.6px!important;line-height:1.55!important}.hero .lead-card .primary-btn{font-size:16.8px!important}}
@media(max-width:420px){.hero-title-price .hero-line-size{font-size:42px!important}.hero-title-price .hero-line-price{font-size:44px!important}.hero-hook-benefits{font-size:18px!important}.hero-offer-grid b{font-size:19px!important}}


/* v1.88 - property-led hero / corrected contract terms */
.hero-title-property{margin:0 0 19px!important}
.hero-title-property .hero-line-location{font-size:62px;line-height:1.02;letter-spacing:-.055em;color:#fff}
.hero-title-property .hero-line-size{margin-top:8px;font-size:66px;line-height:1.0;letter-spacing:-.06em;color:#fff}
.hero-title-property .hero-line-premium{margin-top:8px;font-size:52px;line-height:1.08;letter-spacing:-.055em;color:#d9b56f!important;text-wrap:balance}
.hero-title-property + .hero-sub-cta{margin-top:0!important}
.hero-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:820px!important}
.hero-offer-grid>div{min-width:0!important;min-height:94px!important;padding:16px 13px!important}
.hero-offer-grid b{font-size:22px!important;line-height:1.18!important;letter-spacing:-.045em!important;white-space:nowrap!important}
.hero-offer-grid small{font-size:15px!important;line-height:1.35!important;white-space:nowrap!important}
@media(max-width:1180px){.hero-title-property .hero-line-location{font-size:55px}.hero-title-property .hero-line-size{font-size:59px}.hero-title-property .hero-line-premium{font-size:46px}.hero-offer-grid b{font-size:19px!important}.hero-offer-grid small{font-size:14px!important}}
@media(max-width:860px){.hero-title-property .hero-line-location{font-size:50px}.hero-title-property .hero-line-size{font-size:54px}.hero-title-property .hero-line-premium{font-size:42px}.hero-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.hero-offer-grid>div{min-height:82px!important;padding:13px 8px!important}.hero-offer-grid b{font-size:19px!important}.hero-offer-grid small{font-size:12.8px!important}}
@media(max-width:680px){.hero-title-property{margin-bottom:14px!important}.hero-title-property .hero-line-location{font-size:36px!important;line-height:1.03!important}.hero-title-property .hero-line-size{margin-top:7px;font-size:40px!important;line-height:1.02!important}.hero-title-property .hero-line-premium{margin-top:8px;font-size:29px!important;line-height:1.16!important;letter-spacing:-.045em!important}.hero-sub-cta{font-size:16px!important;margin-bottom:14px!important}.hero-offer-grid{grid-template-columns:1fr!important;gap:8px!important}.hero-offer-grid>div{min-height:0!important;padding:13px 14px!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:10px!important}.hero-offer-grid b{font-size:20px!important;white-space:nowrap!important;text-align:left!important}.hero-offer-grid small{margin-top:0!important;font-size:13.5px!important;white-space:nowrap!important;text-align:right!important}.hero-note{display:none!important}}
@media(max-width:390px){.hero-title-property .hero-line-location{font-size:33px!important}.hero-title-property .hero-line-size{font-size:36px!important}.hero-title-property .hero-line-premium{font-size:26px!important}.hero-offer-grid b{font-size:18.5px!important}.hero-offer-grid small{font-size:12.8px!important}}

/* v1.90 - remove obsolete hero decorative divider */
.hero-copy:after{display:none!important;content:none!important;}


/* v1.92 - mobile hero offer cards 3-up layout */
@media(max-width:680px){
  .hero-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
  .hero-offer-grid>div{min-height:86px!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;row-gap:4px!important;border-radius:14px!important}
  .hero-offer-grid b{font-size:18px!important;line-height:1.18!important;white-space:normal!important;word-break:keep-all!important;text-align:left!important;letter-spacing:-.045em!important}
  .hero-offer-grid small{margin-top:0!important;font-size:12.6px!important;line-height:1.32!important;white-space:normal!important;word-break:keep-all!important;text-align:left!important}
}
@media(max-width:390px){
  .hero-offer-grid{gap:6px!important}
  .hero-offer-grid>div{min-height:80px!important;padding:11px 7px!important}
  .hero-offer-grid b{font-size:16.5px!important;line-height:1.16!important}
  .hero-offer-grid small{font-size:11.7px!important;line-height:1.28!important}
}


/* v1.93 - center align hero offer cards and controlled line breaks */
.hero-offer-grid>div{align-items:center!important;text-align:center!important}
.hero-offer-grid b,.hero-offer-grid small{text-align:center!important}
@media(max-width:680px){
  .hero-offer-grid>div{align-items:center!important}
  .hero-offer-grid b,.hero-offer-grid small{text-align:center!important}
}


/* v1.94 - stronger mobile offer card contrast with burgundy accents */
.hero-offer-grid>div{
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,rgba(9,15,28,.76),rgba(17,23,38,.72))!important;
  backdrop-filter:blur(16px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(138%)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.32)!important;
}
.hero-offer-grid>div:nth-child(1){background:linear-gradient(180deg,rgba(12,18,31,.80),rgba(24,24,38,.72))!important}
.hero-offer-grid>div:nth-child(2){background:linear-gradient(180deg,rgba(28,18,28,.80),rgba(34,20,32,.74))!important;border-color:rgba(199,120,135,.26)!important}
.hero-offer-grid>div:nth-child(3){background:linear-gradient(180deg,rgba(14,20,33,.80),rgba(22,24,38,.74))!important}
.hero-offer-grid b{color:#ffffff!important;text-shadow:0 2px 10px rgba(0,0,0,.22)!important}
.hero-offer-grid small{color:rgba(255,255,255,.84)!important}
.hero-offer-grid .offer-accent{color:#d87987!important;font-weight:900!important}
@media(max-width:680px){
  .hero-offer-grid>div{border-radius:16px!important;box-shadow:0 12px 28px rgba(0,0,0,.30)!important}
  .hero-offer-grid b{font-weight:900!important}
  .hero-offer-grid small{color:rgba(255,255,255,.82)!important}
}


/* v1.95 - balanced glassmorphism offer cards */
.hero-offer-grid>div{
  border:1px solid rgba(255,255,255,.17)!important;
  background:linear-gradient(180deg,rgba(11,18,31,.52),rgba(17,23,38,.46))!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.hero-offer-grid>div:nth-child(1){
  background:linear-gradient(180deg,rgba(12,19,33,.54),rgba(18,24,38,.46))!important;
}
.hero-offer-grid>div:nth-child(2){
  background:linear-gradient(180deg,rgba(42,22,34,.48),rgba(29,22,32,.45))!important;
  border-color:rgba(205,126,140,.27)!important;
}
.hero-offer-grid>div:nth-child(3){
  background:linear-gradient(180deg,rgba(13,20,34,.54),rgba(18,24,38,.46))!important;
}
.hero-offer-grid b{
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}
.hero-offer-grid small{
  color:rgba(255,255,255,.83)!important;
}
@media(max-width:680px){
  .hero-offer-grid>div{
    background:linear-gradient(180deg,rgba(10,17,30,.50),rgba(17,23,38,.44))!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(16px) saturate(122%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(122%)!important;
  }
  .hero-offer-grid>div:nth-child(2){
    background:linear-gradient(180deg,rgba(44,22,35,.46),rgba(30,22,32,.42))!important;
  }
}


/* v1.96 - visibly transparent glass offer cards */
.hero-offer-grid>div{
  background:linear-gradient(180deg,rgba(11,18,31,.28),rgba(17,23,38,.20))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.hero-offer-grid>div:nth-child(1){
  background:linear-gradient(180deg,rgba(13,20,34,.29),rgba(18,24,38,.20))!important;
}
.hero-offer-grid>div:nth-child(2){
  background:linear-gradient(180deg,rgba(67,28,44,.27),rgba(34,21,31,.19))!important;
  border-color:rgba(216,121,139,.30)!important;
}
.hero-offer-grid>div:nth-child(3){
  background:linear-gradient(180deg,rgba(13,20,34,.29),rgba(18,24,38,.20))!important;
}
@media(max-width:680px){
  .hero-offer-grid>div{
    background:linear-gradient(180deg,rgba(10,17,30,.25),rgba(17,23,38,.18))!important;
    border-color:rgba(255,255,255,.21)!important;
    backdrop-filter:blur(9px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(9px) saturate(110%)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .hero-offer-grid>div:nth-child(1),
  .hero-offer-grid>div:nth-child(3){
    background:linear-gradient(180deg,rgba(11,18,31,.26),rgba(17,23,38,.18))!important;
  }
  .hero-offer-grid>div:nth-child(2){
    background:linear-gradient(180deg,rgba(69,28,45,.25),rgba(34,21,31,.18))!important;
    border-color:rgba(216,121,139,.30)!important;
  }
}