@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#082b4b;--navy2:#071e35;--teal:#087f86;--teal2:#0a9fa3;--gold:#dfab4f;--ink:#14334b;--muted:#708195;--line:#e3e9ed;--bg:#f7fafb;--shadow:0 22px 60px rgba(8,43,75,.12);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#fff;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.045em;line-height:1.25}h2{font-size:clamp(30px,3.6vw,47px)}h3{font-size:21px}.container{max-width:1200px;width:calc(100% - 48px);margin:0 auto}.mini-top{height:37px;background:#061f37;color:#c6d5e3;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1200px)/2));font-size:11px;letter-spacing:.09em;font-weight:700}.mini-top .dot{color:#49c3b3;margin:0 8px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e7ecee}.nav{height:86px;display:flex;align-items:center;gap:25px;justify-content:space-between}.logo-link{display:flex;width:212px;max-width:38%}.logo-link img{width:208px;max-height:60px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{font-size:13px;font-weight:800;color:#304a5e;white-space:nowrap;transition:color .2s}.nav-links a:hover{color:var(--teal)}.nav-actions{display:flex;align-items:center;gap:10px}.hamburger{display:none;border:0;background:#f0f4f6;padding:9px 12px;color:var(--navy);border-radius:10px;font-size:21px}.btn{display:inline-flex;gap:20px;align-items:center;justify-content:center;font-size:14px;font-weight:800;border:0;border-radius:11px;padding:16px 23px;white-space:nowrap;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn span:last-child{font-size:18px}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(8,127,134,.18)}.btn-primary:hover{background:#056b73}.btn-dark{background:var(--navy);color:#fff}.btn-light{background:#fff;color:var(--navy)}.hero{position:relative;background:linear-gradient(108deg,#062843 0%,#092e4d 50%,#0b3654 100%);color:white;overflow:hidden;padding:75px 0 170px}.hero:after{content:'';position:absolute;bottom:-300px;right:-220px;background:#12677c;opacity:.19;width:850px;height:850px;border-radius:50%;pointer-events:none}.hero:before{content:'';position:absolute;top:-180px;left:40%;border:1px solid rgba(255,255,255,.05);width:600px;height:600px;border-radius:50%}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:36px}.eyebrow,.section-mini{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--teal);display:block}.eyebrow-white{color:#a8e1dd}.spark{color:var(--gold)}.hero-copy h1{font-size:clamp(38px,5vw,65px);line-height:1.13;margin:25px 0;font-weight:800;letter-spacing:-.055em}.hero-copy h1 em,.armada-copy h2 em,.story-copy h2 em,.cta-inner h2 em{font-style:normal;color:#58c5c2}.hero-copy>p{font-size:16px;max-width:480px;color:#b9ccd9;margin-bottom:23px}.hero-highlights{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:12px;color:#c8e8e9;margin-bottom:32px}.hero-highlights span::first-letter{color:#79d8bb}.hero-link{font-weight:800;font-size:14px;border-bottom:1px solid #bdcbd5;padding:0 0 9px}.hero-link span{margin-left:13px}.hero-visual{position:relative}.photo-frame{border-radius:22px;overflow:hidden;box-shadow:0 35px 80px #031a2e75;transform:rotate(-1.5deg);border:6px solid rgba(255,255,255,.12)}.photo-frame img{width:100%;height:380px;object-fit:cover;object-position:50% 48%}.visual-note{position:absolute;bottom:-30px;left:-30px;border-radius:15px;padding:18px 24px;background:white;color:var(--navy);box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.3}.visual-dot{font-size:38px;color:var(--gold)}.booking-overlap{position:relative;margin-top:-95px;z-index:4;scroll-margin-top:115px}.booking-widget{background:white;border-radius:18px;padding:26px 32px 23px;box-shadow:var(--shadow);border:1px solid #e6ecf0}.booking-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px}.booking-title h2{font-size:23px;margin:5px 0 0}.booking-chip{border:1px solid #c9e7e6;border-radius:99px;padding:8px 12px;color:var(--teal);background:#eff9f9;font-size:11px;font-weight:800;letter-spacing:.12em}.search-form{display:flex;align-items:end;gap:11px}.search-form label{flex:1;min-width:0}.search-form label span,.passenger-form label,.lookup-card label{display:block;font-size:12px;font-weight:800;color:#506779;margin-bottom:8px}.search-form input,.search-form select,.passenger-form input,.passenger-form select,.passenger-form textarea,.lookup-card input{width:100%;border:1px solid #dbe4e9;border-radius:10px;background:white;color:#19364c;outline:none;padding:14px;font-size:13px;min-height:50px}.search-form input:focus,.search-form select:focus,.passenger-form input:focus,.passenger-form select:focus,.passenger-form textarea:focus,.lookup-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f861c}.swap{margin-bottom:4px;width:39px;height:42px;flex:0 0 39px;border:1px solid #dbe4e9;border-radius:10px;background:#f8fbfc;color:var(--teal);font-size:23px}.btn-search{min-height:50px}.booking-help{display:flex;justify-content:space-between;gap:15px;margin:14px 0 0;font-size:11px;color:#718599}.green-dot{background:#36bd95;width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:7px}.notice{margin-top:16px;background:#fff7e8;padding:11px 14px;border:1px solid #f5e0b8;border-radius:9px;color:#88601e;font-size:12px}.section{padding:90px 0}.benefit-section{padding:55px 0 48px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.benefit-strip>div{display:flex;align-items:center;gap:12px}.benefit-icon{width:48px;height:48px;border-radius:12px;background:#eaf5f5;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:29px;flex-shrink:0}.benefit-strip b{display:block;font-size:13px}.benefit-strip small{display:block;font-size:11px;color:var(--muted)}.routes-section{background:var(--bg)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{margin:8px 0 10px}.section-heading p{max-width:560px;margin:0;color:var(--muted)}.section-heading.center{text-align:center;display:block}.section-heading.center p{margin:0 auto}.teal{color:var(--teal)}.text-link{border-bottom:1px solid var(--teal);color:var(--teal);font-weight:800;white-space:nowrap;padding-bottom:6px}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.route-card{background:white;border:1px solid #e6e9eb;border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.route-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.route-photo{height:190px;position:relative;overflow:hidden}.route-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.route-card:hover img{transform:scale(1.06)}.route-tag{position:absolute;top:15px;left:15px;color:#fff;background:#082b4bd4;padding:7px 12px;border-radius:5px;font-size:11px;font-weight:800}.route-detail{display:flex;gap:10px;justify-content:space-between;align-items:end;padding:19px 20px 11px}.route-detail h3{margin:2px 0 0}.subtle-small{font-size:10px;color:var(--muted)}.route-price{text-align:right}.route-price small{display:block;color:var(--muted);font-size:10px}.route-price strong{color:var(--teal);font-size:14px;white-space:nowrap}.card-arrow{display:flex;background:white;color:var(--navy);border:0;border-top:1px solid var(--line);padding:11px 20px;justify-content:space-between;width:100%;font-weight:800;font-size:12px}.card-arrow span{font-size:20px}.armada-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.armada-photo,.story-photo{position:relative}.armada-photo img,.story-photo img{width:100%;border-radius:19px;object-fit:cover;min-height:425px;box-shadow:0 15px 50px #082b4b1c}.armada-floating{position:absolute;bottom:30px;right:-22px;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:14px 20px}.armada-floating b{color:var(--navy);font-size:44px;display:block;line-height:1}.armada-floating b span{font-size:12px;letter-spacing:.1em}.armada-floating small{font-size:10px;color:var(--muted)}.armada-copy h2,.story-copy h2{margin:16px 0 25px}.armada-copy>p,.story-copy>p{color:#64798b}.feature-list{display:grid;gap:17px;margin:28px 0}.feature-list>div{display:flex;gap:18px;align-items:start}.feature-list>div>span{border:1px solid #b5dddd;color:var(--teal);height:39px;width:39px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:800}.feature-list b{display:block;font-size:14px}.feature-list small{display:block;color:var(--muted);font-size:12px}.how-section{background:#eaf4f5}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.how-grid>div{background:#fff;border-radius:15px;padding:27px 26px;box-shadow:0 10px 20px rgba(0,0,0,.025)}.number-ring{border-radius:50%;background:#0c7f8717;color:var(--teal);font-family:'Plus Jakarta Sans';font-size:19px;font-weight:800;display:grid;place-items:center;width:61px;height:61px;margin-bottom:22px}.how-grid h3{font-size:18px;margin-bottom:10px}.how-grid p{font-size:13px;color:var(--muted);margin:0}.story-section{background:#fff}.story-photo img{height:440px}.story-photo span{position:absolute;bottom:15px;left:15px;background:#082b4bdf;color:white;padding:10px 13px;font-size:11px;border-radius:8px}.about-stats{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.about-stats strong{display:block;font-size:26px;color:var(--teal);line-height:1.25}.about-stats small{display:block;font-size:11px;color:var(--muted)}.insights-section{background:var(--bg)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-card{background:#fff;overflow:hidden;border-radius:15px;border:1px solid #e6e9ee;transition:transform .2s}.article-card:hover{transform:translateY(-4px)}.article-card>img{height:200px;width:100%;object-fit:cover}.article-card>div{padding:23px}.article-card h3{font-size:18px;margin:10px 0}.article-card p{font-size:12px;color:var(--muted)}.read-more{font-size:13px;font-weight:800;color:var(--teal)}.final-cta{background:var(--navy);color:white;padding:68px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-inner h2{margin:13px 0 0}.cta-inner .section-mini{color:#73d3cf}.footer{background:#061f37;color:#e0e9f0;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1.4fr;gap:40px}.footer-logo{width:215px;background:#fff;border-radius:8px;padding:8px}.footer-grid h4{font-size:14px;letter-spacing:0;margin-bottom:17px}.footer-grid p,.footer-grid a{font-size:12px;color:#acbecc;line-height:1.8}.footer-grid a{display:block;margin-bottom:10px}.footer-grid>div:first-child p{max-width:320px;margin-top:16px}.footer-grid a:hover{color:#8ce1db}.footer-grid .small-note{font-size:10px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2a455d;margin-top:44px;padding-top:22px;color:#849daf;font-size:11px}.booking-results{margin-top:28px;background:#fff;border:1px solid var(--line);padding:25px;border-radius:16px;box-shadow:0 10px 35px #082b4b0d}.booking-results h3{font-size:21px;margin-bottom:6px}.booking-results>p{color:var(--muted);font-size:13px}.trip-list{display:grid;gap:12px;margin-top:20px}.trip-result{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#f9fbfc;border:1px solid var(--line);border-radius:13px;padding:17px}.trip-result .times{font-size:22px;font-weight:800;color:var(--navy)}.trip-result small{color:var(--muted);display:block;font-size:12px}.trip-result .cost{font-size:16px;font-weight:800;color:var(--teal)}.trip-result .btn{padding:11px 16px}.booking-step{margin-top:28px;background:white;box-shadow:0 10px 34px #082b4b12;border:1px solid var(--line);padding:30px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.booking-step[hidden],.booking-results[hidden],.booking-success[hidden]{display:none}.booking-step h3{margin:7px 0;font-size:23px}.subtle{color:var(--muted);font-size:13px}.seat-legend{display:flex;gap:17px;flex-wrap:wrap;color:#617a8b;font-size:11px;margin:25px 0 12px}.seat-example{display:inline-block;width:15px;height:15px;margin-right:5px;border-radius:4px;vertical-align:middle}.available{background:#e7f3f3;border:1px solid #bbd5d6}.selected{background:#087f86;color:#fff}.occupied{background:#bdc9d0;border:1px solid #a8b7bd}.seat-shell{width:315px;max-width:100%;padding:20px 26px 24px;margin:0 auto;border:2px solid #aec3ce;background:#f8fafb;border-radius:56px 56px 25px 25px}.front-row{border-bottom:1px solid #d0dade;display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;margin-bottom:16px;gap:9px}.front-row>span:first-child{font-size:9px;color:#81939e;font-weight:800}.driver{font-size:10px;font-weight:700;color:#526c7c}.seat-map{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 9px}.seat{border:1px solid #a6c7c9;background:#e7f4f4;color:#0c5a63;border-radius:10px 10px 7px 7px;min-height:53px;font-size:16px;font-weight:800;position:relative}.seat:not(:disabled):hover{background:#d0e8e8}.seat:disabled{background:#c5d0d5;color:#84939e;border-color:#c1cbd0;cursor:not-allowed}.seat.is-selected{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 6px 12px #0b888a37}.aisle{display:block}.seat-info{font-size:10px;color:#8295a1;text-align:center;margin-top:17px}.passenger-form{background:#f8fafb;border-radius:13px;padding:24px}.passenger-form label{margin-top:13px}.passenger-form .terms{font-size:10px;color:var(--muted);margin:12px 0 0}.price-panel{border-top:1px dashed #c7d5dd;border-bottom:1px dashed #c7d5dd;margin:22px 0 17px;padding:16px 0;display:grid;gap:8px}.price-panel>div{display:flex;justify-content:space-between;gap:15px}.price-panel span{color:var(--muted);font-size:12px}.price-panel strong{color:var(--teal);font-size:16px}.full{width:100%}.booking-success{background:#eaf8f3;border:1px solid #bee6d3;border-radius:16px;padding:28px;margin-top:24px}.booking-success h3{color:#176249}.booking-success .code{font-size:27px;font-weight:800;color:var(--navy)}.inner-page{padding:80px 0 110px;background:var(--bg);min-height:65vh}.narrow{max-width:660px}.inner-heading{text-align:center;margin:25px 0}.inner-heading h1,.article-page h1{font-size:clamp(32px,4vw,51px);margin:14px 0}.inner-heading p{color:var(--muted)}.backlink{color:var(--teal);font-size:13px;font-weight:800}.lookup-card{display:grid;gap:18px;background:#fff;box-shadow:var(--shadow);border-radius:17px;padding:30px}.lookup-card input{margin-top:6px}.lookup-card .btn{width:100%}.lookup-result-item{background:#f5f9fa;border-radius:10px;padding:16px;font-size:13px;margin-top:10px}.article-layout{max-width:900px}.article-page{background:#fff;padding:40px;border-radius:16px}.article-page .section-mini{margin-top:28px}.article-deck{font-size:18px;color:var(--muted)}.article-cover{width:100%;height:350px;object-fit:cover;border-radius:13px;margin:25px 0}.article-body{max-width:750px;margin:0 auto 35px}.article-body p{line-height:1.9;color:#4f6576;font-size:16px}.toast{position:fixed;bottom:30px;right:24px;background:var(--navy);color:#fff;border-radius:9px;box-shadow:var(--shadow);z-index:50;padding:15px 20px;max-width:330px;font-weight:700;font-size:13px}.toast[hidden]{display:none}
@media(max-width:1050px){.nav-links{gap:13px}.nav-links a{font-size:12px}.nav{height:74px}.logo-link{width:180px}.hero-grid{gap:24px}.hero-copy h1{font-size:49px}.route-grid{grid-template-columns:repeat(2,1fr)}.search-form{flex-wrap:wrap}.search-form label{flex:1 1 25%}.benefit-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.mini-top{padding:0 20px}.mini-right{display:none}.container{width:calc(100% - 34px)}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;padding:16px 25px 25px;background:white;box-shadow:0 18px 25px #082b4b20;flex-direction:column;align-items:start;gap:16px}.nav-links.open{display:flex}.nav{height:74px}.nav-cta{display:none}.hamburger{display:block}.hero{padding:46px 0 148px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(39px,7vw,61px)}.hero-visual{margin-top:20px}.photo-frame img{height:320px}.booking-overlap{margin-top:-93px}.search-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.search-form label{min-width:0}.swap{display:none}.btn-search{grid-column:span 2}.armada-grid,.story-grid{grid-template-columns:1fr;gap:35px}.armada-photo img,.story-photo img{min-height:300px;height:auto}.armada-floating{right:10px}.story-photo{order:-1}.article-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.booking-step{grid-template-columns:1fr;gap:20px}}
@media(max-width:580px){.mini-top{font-size:9px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:14px}.hero-highlights{gap:9px}.hero-visual .photo-frame img{height:230px}.visual-note{left:10px;bottom:-22px;padding:11px 14px}.booking-widget{padding:23px 18px}.booking-title h2{font-size:20px}.booking-chip{display:none}.search-form{display:flex;flex-direction:column;align-items:stretch}.search-form label,.search-form .btn{width:100%}.booking-help{display:block}.booking-help>span{display:block;margin-top:5px}.section{padding:63px 0}.benefit-section{padding:36px 0}.benefit-strip{grid-template-columns:1fr 1fr;gap:16px}.benefit-strip>div{align-items:start;flex-direction:column}.benefit-icon{width:40px;height:40px;font-size:23px}.section-heading{display:block}.section-heading h2{font-size:29px}.text-link{display:inline-block;margin-top:18px}.route-grid,.how-grid,.article-grid{grid-template-columns:1fr}.route-photo{height:205px}.how-grid{gap:15px}.how-grid>div{padding:22px}.about-stats strong{font-size:21px}.cta-inner{display:block}.cta-inner .btn{margin-top:25px}.cta-inner h2{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-top:6px}.booking-step{padding:20px 14px}.passenger-form{padding:18px}.trip-result{align-items:start;flex-wrap:wrap}.trip-result>div:last-child{width:100%}.trip-result .btn{width:100%}.article-page{padding:20px}.article-cover{height:220px}.inner-page{padding:45px 0}}

/* AL HIKAM TRANS • REVISION 2027 / DENAH 8 SEATS */
.mini-top b{color:#f5bc48;letter-spacing:.03em}
.launch-highlight{display:flex;align-items:center;gap:13px;width:fit-content;max-width:100%;padding:10px 17px;border:1px solid #ffffff69;border-radius:13px;background:#fffdf111;backdrop-filter:blur(3px);margin:15px 0 17px;color:white}
.launch-year{font-weight:900;font-size:31px;line-height:1;color:#ffd264;letter-spacing:.025em}
.launch-highlight b{display:block;font-size:12px;letter-spacing:.1em}
.launch-highlight small{display:block;opacity:.86;font-size:10px;margin-top:3px}
.booking-chip{color:#116b72}
.seat-shell{width:min(100%,600px);max-width:100%;padding:15px 16px 19px;border:3px solid #3048af;border-radius:34px 22px 22px 34px;background:linear-gradient(130deg,#fff 0%,#f3f7fc 100%);overflow:hidden}
.car-direction{display:flex;justify-content:space-between;gap:5px;margin:0 2px 17px;color:#60718f;font-weight:900;font-size:10px;letter-spacing:.06em}
.seat-map{display:grid;grid-template-columns:minmax(38px,54px) repeat(4,minmax(0,1fr));grid-template-rows:minmax(56px,77px) 23px minmax(56px,77px);column-gap:9px;row-gap:7px;align-items:stretch}
.seat-map .seat{border:2px solid #072f75;background:#0c377c;color:#fff;min-height:56px;font-size:18px;box-shadow:inset -5px 0 #e3b65b,0 3px 6px #142a5020;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.13s ease}
.seat-map .seat:hover:not(:disabled){background:#12519b;transform:translateY(-2px)}
.seat-map .seat:focus-visible{outline:3px solid #dc9934;outline-offset:3px}
.seat-map .seat.is-selected{background:#087d79;color:#fff;border-color:#005c59;box-shadow:inset -5px 0 #ffd46b,0 0 0 3px #85d9d1}
.seat-map .seat.is-occupied{background:#bdc6cf;color:#607180;border-color:#9aaab8;box-shadow:inset -5px 0 #9aaab8;cursor:not-allowed}
.seat-map .driver-position{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edb927;color:#092b4b;font-weight:900;font-size:17px;box-shadow:inset -4px 0 #ffd96d}
.seat-map .driver-caption{grid-column:1;grid-row:2;align-self:center;text-align:center;color:#596c82;font-weight:900;font-size:9px}
.seat-map .seat-aisle{grid-column:2/6;grid-row:2;display:flex;align-items:center;justify-content:center;border-top:1px dashed #bec7d6;border-bottom:1px dashed #bec7d6;color:#647993}
.seat-map .seat-aisle span{font-size:9px;font-weight:800;letter-spacing:.05em}
.seat-map .seat-cabin{grid-column:1;grid-row:3;align-self:center;text-align:center;color:#8292a7;font-size:8px;font-weight:800;line-height:1.3}
.seat-info{margin-top:15px;line-height:1.5;font-size:11px;color:#526a82}
.seat-showcase-section{background:#f3f7fa;padding:68px 0}
.seat-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:45px}
.seat-showcase h2{font-size:clamp(27px,3vw,41px);margin:10px 0 15px;color:#103153;line-height:1.19}
.seat-showcase h2 em{color:#067d80}
.seat-showcase p{color:#596f82;font-size:15px;line-height:1.8;margin-bottom:23px}
.seat-showcase-figure{margin:0;background:#fff;border:1px solid #e0e9ee;border-radius:18px;padding:15px;box-shadow:0 12px 32px #092b4b13}
.seat-showcase-figure img{width:100%;height:auto;display:block;border-radius:10px}
.seat-showcase-figure figcaption{font-size:10px;color:#6a8191;line-height:1.5;margin-top:11px;text-align:center}
@media(max-width:800px){.seat-showcase{grid-template-columns:1fr;gap:23px}.seat-showcase-section{padding:50px 0}}
@media(max-width:480px){.seat-shell{padding:12px 9px 14px;border-radius:25px 16px 16px 25px}.seat-map{grid-template-columns:minmax(31px,38px) repeat(4,minmax(0,1fr));column-gap:4px;row-gap:5px;grid-template-rows:56px 19px 56px}.seat-map .seat{min-height:52px;font-size:13px;border-radius:7px;box-shadow:inset -3px 0 #e3b65b}.seat-map .driver-position{font-size:13px}.seat-map .seat-aisle span{font-size:7px}.car-direction{font-size:8px}.launch-year{font-size:27px}.launch-highlight{padding:9px 11px}.launch-highlight small{font-size:9px}}

/* REV 2027.2 • DENAH ACCURATE: depan kiri / belakang kanan */
.seat-shell{width:410px;max-width:100%;border-radius:34px;border:3px solid #263d9b;padding:15px 17px 17px;background:#fff;box-shadow:inset 0 0 0 3px #e5edf7}
.seat-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:62px 38px 62px;gap:7px;align-items:stretch;margin:9px 0}
.seat-map .driver-position{grid-column:1;grid-row:1;min-height:0;border-radius:9px;background:#f7c72c;color:#072a54;font-size:18px;box-shadow:inset -5px 0 #ffd965}
.seat-map .seat-aisle{grid-column:1 / 4;grid-row:2;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#90a2b6;pointer-events:none}
.seat-map .seat-aisle span{font-size:10px;letter-spacing:.16em;font-weight:900}
.seat-map .seat{min-width:0;min-height:0;border-radius:8px;background:#0f3588;border:2px solid #ddb63d;color:#fff;font-size:18px;letter-spacing:.03em;box-shadow:inset -5px 0 #0a276e;transition:transform .15s,background-color .15s}
.seat-map .seat:not(:disabled):hover{background:#1664a1;transform:translateY(-1px)}
.seat-map .seat.is-selected{background:#038c82;color:#fff;border-color:#ffd057;box-shadow:inset -5px 0 #046b68,0 0 0 3px #20a89a33}
.seat-map .seat.is-occupied{background:#d9e0e8;color:#65798a;border-color:#b7c4d2;box-shadow:none}
.seat-info{font-size:11px;color:#526a82;line-height:1.6;text-align:left}
@media(max-width:440px){.seat-shell{width:100%;padding:12px 10px}.seat-map{grid-template-rows:56px 34px 56px;gap:5px}.seat-map .seat{font-size:15px}}