/* NAVIGAM approved marketing design. Scoped away from customer app and Preview. */
:root{--n26-ink:#092450;--n26-teal:#008aa0;--n26-line:#dce9ef;--n26-soft:#f3f8fb}
body.n26-site{background:white;color:var(--n26-ink)}
.n26-site .shell,.n26-site .container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.n26-site .intl-header,.n26-site .header{background:#fff;border-bottom:1px solid var(--n26-line);box-shadow:none}
.n26-site .intl-nav{min-height:82px;gap:16px}.n26-site .intl-links{gap:14px;flex:1;justify-content:center}.n26-site .intl-links a{font-size:14px;padding:8px 0;color:var(--n26-ink)}
.n26-site .intl-btn.primary,.n26-site .btn-primary{background:linear-gradient(110deg,#009ab1,#006c83);color:white;border:0;border-radius:22px;box-shadow:none}
.n26-site .intl-btn.ghost{color:var(--n26-ink);background:#fff;border:1px solid #8199ae;border-radius:22px}
.n26-site .intl-language-btn{background:#fff;border:1px solid var(--n26-line);color:var(--n26-ink)}
.n26-site .nav4024-logo{width:210px;transform:scale(.86);transform-origin:center}.n26-site .intl-brand{width:210px}
.n26-site .sitev2-hero{background:#c7e6f5 url('/assets/navigam/photos/home-santorini-colorful-20261008.webp') center/cover}
.n26-site .sitev2-hero-grid{direction:ltr;grid-template-columns:1.2fr .85fr;grid-template-areas:'intro portrait' 'actions portrait';min-height:480px;padding:26px 22px 0;gap:0 32px}
.n26-site .sitev2-hero-grid:before{background:linear-gradient(90deg,#ffffffed 0%,#ffffffdb 38%,#ffffff20 73%);inset:0 -100px}
.n26-site .sitev2-hero-intro{color:var(--n26-ink);text-align:start;align-self:end}.n26-site .sitev2-hero-intro h1{color:var(--n26-ink);text-shadow:none;font-size:clamp(40px,4.8vw,66px);line-height:1.12;margin:10px 0 16px}.n26-site .sitev2-hero-intro h1 em{color:#00849a}.n26-site .sitev2-hero-intro>p{color:var(--n26-ink);text-shadow:none;font-size:20px;line-height:1.65}.n26-site .sitev2-hero-intro .eyebrow{color:#00798f;background:#ffffffb3;border-color:#c4dde6}
.n26-site .nav4024-avia-visual{min-height:450px}.n26-site .nav4024-avia-visual>img{height:450px;filter:none}.n26-site .nav4024-avia-name{background:#fff;color:#007486;border-color:#d5e6ec;box-shadow:0 3px 20px #173b5010}
.n26-site .hero-ctas{gap:12px}.n26-site .hero-ctas .intl-btn{min-height:48px;font-size:16px}.n26-site .hero-proof span{color:#224562;text-shadow:none}.n26-site .nav4024-watch{background:white!important;color:#092450!important;border-color:#7a8ea4!important}.n26-site .nav4024-mobile-whatsapp{color:#07576b!important}
.n26-site .nav4024-download{background:#fff;color:#092450;border:1px solid #7e97ac;border-radius:12px;min-height:46px;font-size:15px}.n26-site .nav4024-download.android{background:#00889d;color:white;border-color:#00889d}.n26-site .nav4024-download.android svg{color:white}
.n26-site .sitev2-families{background:white;padding:18px 0}.n26-site .sitev2-family-grid{direction:inherit;gap:14px}.n26-site .sitev2-family-card{border:1px solid #e4edf1;background:#f5f9fb;border-radius:15px;min-height:320px;color:var(--n26-ink)}.n26-site .family-plan{order:1}.n26-site .family-live{order:2}.n26-site .family-avia{order:3}.n26-site .family-memories{order:4}.n26-site .sitev2-family-card h3{font-size:23px;color:var(--n26-ink)}
.n26-number{position:absolute;z-index:3;inset-inline-start:12px;top:12px;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;color:#fff;background:#008ca1;font-weight:800;box-shadow:0 2px 8px #004b6217}
.n26-site .sitev2-pricing-section{background:#fff;padding:14px 0}.n26-site .sitev2-pricing-shell{border:1px solid #e0ebf0;background:#f4f9fc;border-radius:18px;box-shadow:none}.n26-site .sitev2-calculator-card{border:1px solid #dce9ee;box-shadow:none;border-radius:16px}.n26-site .sitev2-calc-total strong{color:#007e93}.n26-site .sitev2-launch-gift{background:#fff}.n26-site .sitev2-pricing-copy h2{color:#092450}.n26-site .how-premium-section{background:#f4f8fb}.n26-site .how-premium-grid{direction:inherit}.n26-site .how-premium-card{background:white;border:1px solid #e0ebf1;border-radius:14px;box-shadow:none}.n26-site .how-premium-number{background:#008aa0;color:#fff}.n26-site .how-premium-visual{background:#f5fafc}.n26-site .control-section{background:white}.n26-site .control-panel{background:#f1f7fa;border:1px solid #dbeaf0;border-radius:16px;box-shadow:none}.n26-site .control-card{background:#fff;border:1px solid #dce9ef}.n26-site .final-cta-premium{background:#eff7fb;color:#092450}.n26-site .intl-footer{background:#fff;color:#092450;border-top:1px solid #dce9ef}.n26-site .intl-footer a,.n26-site .intl-footer-legal{color:#345476}.n26-site .intl-footer-legal-links{border-color:#e1ebf0}
.n26-extra{padding:32px 0}.n26-section-title{text-align:center;font-size:30px;line-height:1.25;margin:0 0 22px;color:#092450}.n26-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;direction:inherit}.n26-card{display:block;background:#f5f9fb;border:1px solid #deebf1;border-radius:16px;overflow:hidden;text-decoration:none;color:#092450;transition:transform .2s}.n26-card:hover{transform:translateY(-3px)}.n26-card img{width:100%;height:155px;object-fit:cover}.n26-card .n26-card-copy{padding:20px}.n26-card h3{font-size:22px;margin:0 0 9px}.n26-card p{font-size:16px;line-height:1.7;margin:0;color:#42627d}.n26-card b{display:inline-block;color:#008a9e;margin-top:15px}.n26-twins{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.n26-twins .n26-card{display:grid;grid-template-columns:42% 1fr;align-items:center}.n26-twins img{height:100%;min-height:170px}
.n26-download-strip{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px;margin:24px auto;flex-wrap:wrap;background:#eef7fa;border:1px solid #d9e9ee;border-radius:16px}.n26-download-strip strong{font-size:20px}.n26-download-strip a{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:13px 22px;background:#008b9d;color:#fff;text-decoration:none;font-weight:800;min-height:48px}.n26-download-strip a:last-child{background:#0b3555}
.n26-menu{position:relative;font-size:14px}.n26-menu summary{cursor:pointer;list-style:none;padding:10px;border:1px solid #dce9ef;border-radius:10px;white-space:nowrap}.n26-menu>nav{position:absolute;top:100%;inset-inline-end:0;z-index:50;background:white;box-shadow:0 12px 40px #09245020;border:1px solid #deebef;border-radius:12px;min-width:210px;padding:10px;max-height:70vh;overflow:auto}.n26-menu>nav a{display:block!important;padding:10px!important;text-decoration:none;color:#092450}.n26-account{font-size:23px;text-decoration:none;color:#092450}
.n26-site .sitev2-family-hero,.n26-site .page-hero{background:linear-gradient(90deg,#fffffff5,#ffffffb5 50%,#ffffff00),url('/assets/navigam/photos/home-santorini-colorful-20261008.webp') center/cover;color:#092450;padding:44px 0}.n26-site .sitev2-family-hero .shell{position:relative;padding-inline-end:33%;min-height:350px;display:flex;flex-direction:column;justify-content:center}.n26-site .n26-family-avia{position:absolute;inset-inline-end:0;bottom:-44px;width:33%;height:360px;object-fit:contain;object-position:bottom}.n26-site .sitev2-family-hero h1{font-size:clamp(34px,4.5vw,60px);color:#092450}.n26-site .sitev2-family-hero p{color:#224562}.n26-site .sitev2-family-detail-card,.n26-site .sitev2-depth-section,.n26-site .sitev2-family-detail-grid article{border:1px solid #deebef;border-radius:16px;box-shadow:none;background:#f8fbfd}.n26-site .sitev2-family-cta{background:#eef7fa;color:#092450}.n26-site .sitev2-family-cta h2{color:#092450}
.n26-feature-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fffffff2,#ffffffbb 50%,#ffffff05),url('/assets/navigam/photos/home-santorini-colorful-20261008.webp') center/cover}.n26-feature-hero .shell{position:relative;min-height:430px;padding-block:60px;padding-inline-end:40%}.n26-feature-hero h1{font-size:clamp(36px,4.4vw,62px);line-height:1.15;margin:12px 0 20px}.n26-feature-hero p{font-size:20px;line-height:1.8;max-width:680px}.n26-feature-hero img{position:absolute;inset-inline-end:0;bottom:0;height:410px;width:39%;object-fit:contain;object-position:bottom}.n26-feature-body{padding:36px 0}.n26-feature-body .n26-grid{grid-template-columns:repeat(3,1fr)}.n26-feature-body .n26-card-copy{padding:28px}.n26-feature-body .n26-card h2{font-size:23px;margin:0 0 12px}.n26-feature-body p{line-height:1.9}.n26-feature-note{border:1px solid #d7e8ee;background:#f4f9fc;border-radius:16px;padding:24px;margin-top:24px;line-height:1.9}.n26-feature-note h2{margin-top:0}.n26-feature-footer{padding:25px 0;border-top:1px solid #dde9ef}.n26-feature-footer nav{display:flex;gap:20px;flex-wrap:wrap}.n26-feature-footer a{color:#345476}.n26-site .hero-app-head{background:#073e58}.n26-site .sitev2-chat-agent,.n26-site .hero-app-avatar{object-fit:contain}.n26-site .navigam-identity-card{border-radius:20px;box-shadow:0 12px 45px #09245014}
.n26-install .hero{background:linear-gradient(90deg,#fff,#eef8fc);border-radius:20px}.n26-install .download{background:#008b9e;border-radius:15px}.n26-install .step{border-color:#deebef;background:#f5f9fb}.n26-install .number{background:#008aa0;color:white}.n26-install .art{background:radial-gradient(ellipse,#d4eef7,transparent 70%)}.n26-install .phone{border-color:#092450}.n26-site .legal-top,.n26-site .card{background:white}.n26-site .hero .pill{background:#e1f5fa;color:#00798d}.n26-site .steps{direction:inherit}
@media(min-width:901px){html[dir=rtl] .n26-site.nav4024-home .sitev2-hero-grid{grid-template-areas:'intro portrait' 'actions portrait'}html[dir=rtl] .n26-site .sitev2-family-hero .shell{padding-inline-start:33%;padding-inline-end:0}html[dir=rtl] .n26-site .n26-family-avia{inset-inline-start:0;inset-inline-end:auto}html[dir=rtl] .n26-feature-hero .shell{padding-inline-start:40%;padding-inline-end:0}html[dir=rtl] .n26-feature-hero img{inset-inline-start:0;inset-inline-end:auto}}
@media(max-width:1100px){.n26-site .intl-links{gap:10px}.n26-site .intl-links>a[data-family-link]{display:none}.n26-site .intl-brand{width:190px}.n26-site .intl-actions{gap:8px}}
@media(max-width:700px){.n26-site .shell,.n26-site .container{width:calc(100% - 28px)}.n26-site .intl-nav{min-height:70px;flex-wrap:wrap;padding:8px 0;gap:8px}.n26-site .intl-brand{width:150px}.n26-site .nav4024-logo{transform:scale(.65);transform-origin:left center;width:150px;height:52px}.n26-site .intl-links{flex:0;margin-inline-start:auto}.n26-site .intl-links>a{display:none}.n26-site .intl-actions{flex:0}.n26-site .intl-actions>.intl-btn,.n26-site .intl-actions>.sitev2-top-whatsapp{display:none!important}.n26-site .intl-language-btn{font-size:12px;min-height:36px;padding:7px}.n26-site .intl-language-btn #languageLabel{display:none!important}.n26-site .n26-account{display:none}.n26-menu summary{padding:8px;font-size:13px}.n26-site .sitev2-mobile-avia-actions{display:none!important}.n26-site .sitev2-hero-grid{display:flex;flex-direction:column;padding:0 14px 20px;gap:0;min-height:0}.n26-site .sitev2-hero-grid:before{background:linear-gradient(0deg,#fffffff5 0%,#ffffffe0 55%,#ffffff00);inset:0 -30px}.n26-site .nav4024-avia-visual{order:0;min-height:245px;height:245px;width:100%;justify-content:flex-end}.n26-site .nav4024-avia-visual>img{height:245px;width:68%;object-position:bottom right}.n26-site .nav4024-avia-name{display:none}.n26-site .sitev2-hero-intro{order:1;padding:12px 0 0;text-align:center}.n26-site .sitev2-hero-intro h1{font-size:36px;line-height:1.15}.n26-site .sitev2-hero-intro>p{font-size:16px;line-height:1.7}.n26-site .sitev2-hero-actions{order:2;width:100%;padding:0}.n26-site .hero-ctas{display:flex;flex-wrap:wrap}.n26-site .hero-ctas>.intl-btn{width:100%;font-size:15px}.n26-site .hero-proof{justify-content:center}.n26-site .nav4024-downloads{gap:8px}.n26-site .nav4024-download{font-size:13px;padding:8px;gap:5px;min-height:48px}.n26-site .nav4024-download svg{width:21px;height:21px;flex-basis:21px}.n26-site .sitev2-family-grid{grid-template-columns:1fr;gap:12px}.n26-site .sitev2-family-card{display:grid;grid-template-columns:92px 1fr;padding:0;min-height:135px;text-align:start}.n26-site .nav4024-card-photo{height:100%;min-height:135px}.n26-site .sitev2-family-card>.nav4024-card-photo+div+div{padding:12px 15px 26px}.n26-site .sitev2-family-icon{display:none}.n26-site .sitev2-family-card h3{font-size:21px}.n26-site .sitev2-family-card p{font-size:14px}.n26-site .sitev2-family-chips{display:none}.n26-site .sitev2-family-more{inset-inline-start:107px;bottom:8px}.n26-number{top:8px;inset-inline-start:8px;width:25px;height:25px;font-size:13px}.n26-site .sitev2-pricing-shell{display:flex;flex-direction:column;padding:18px}.n26-site .sitev2-calculator-card{width:100%}.n26-site .how-premium-grid{grid-template-columns:1fr}.n26-site .how-premium-card{min-height:0}.n26-site .sitev2-video-shell{min-height:220px}.n26-grid{grid-template-columns:1fr 1fr;gap:10px}.n26-card img{height:110px}.n26-card .n26-card-copy{padding:14px}.n26-card h3{font-size:19px}.n26-card p{font-size:14px}.n26-twins{grid-template-columns:1fr}.n26-section-title{font-size:26px}.n26-download-strip{padding:18px 12px;gap:10px}.n26-download-strip strong{font-size:18px;width:100%;text-align:center}.n26-download-strip a{font-size:13px;padding:12px 14px;flex:1}.n26-feature-hero .shell{padding:240px 0 26px;min-height:0}.n26-feature-hero img{height:230px;width:70%;top:0;inset-inline-end:0}.n26-feature-hero h1{font-size:36px}.n26-feature-hero p{font-size:17px}.n26-feature-body .n26-grid{grid-template-columns:1fr}.n26-site .sitev2-family-hero .shell{padding:200px 0 0;min-height:0}.n26-site .n26-family-avia{top:-44px;bottom:auto;height:240px;width:65%}.n26-site .sitev2-family-hero h1{font-size:36px}.n26-site .intl-footer-grid{gap:20px}.n26-install .hero{gap:20px}}
.n26-offer-row{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:16px;width:min(1200px,calc(100% - 40px));margin:16px auto 24px}.n26-site .n26-offer-row .shell{width:100%}.n26-site .n26-offer-row .sitev2-pricing-section,.n26-site .n26-offer-row .nav4024-demo-section{padding:0}.n26-site .n26-offer-row .sitev2-pricing-shell{display:block;padding:22px;height:100%}.n26-site .n26-offer-row .sitev2-pricing-copy>p{font-size:18px}.n26-site .n26-offer-row .sitev2-launch-gift{padding:12px}.n26-site .n26-offer-row .sitev2-calculator-card{padding:14px;margin-top:16px}.n26-site .n26-offer-row .sitev2-video-shell{height:100%;min-height:450px}.n26-site .n26-offer-row .sitev2-hero-video{height:100%}.n26-site .site-header{background:white;border-bottom:1px solid #dce9ef}.n26-site .page-hero h1{color:#092450;font-size:clamp(36px,4.4vw,60px)}.n26-site .page-hero p{color:#345476}.n26-site .page-photo{border-radius:16px;box-shadow:none}.n26-site .panel,.n26-site .price-card,.n26-site .step,.n26-site .faq-item{border:1px solid #deebef;border-radius:16px;box-shadow:none}.n26-site .soft{background:#f3f8fb}.n26-site .footer{background:#fff;color:#092450;border-top:1px solid #dce9ef}.n26-site .footer a{color:#345476}.n26-site .cta-section{background:#eef7fa;color:#092450}.n26-site .amount{color:#00869b}.n26-site .price-card.primary{background:#f2f9fc;color:#092450;border-color:#008ba0}
@media(max-width:700px){.n26-offer-row{display:flex;flex-direction:column;width:calc(100% - 28px);gap:16px}.n26-site .n26-offer-row .sitev2-video-shell{min-height:220px;height:240px}.n26-site .n26-offer-row .sitev2-pricing-shell{padding:16px}.n26-site .site-header .nav-links{max-height:80vh;overflow:auto}}
.n26-price-spot{float:inline-start;display:flex;flex-direction:column;gap:5px;margin:4px 18px 12px 0;color:#007e93;text-align:center}.n26-price-spot bdi{font-size:48px;font-weight:900;line-height:1}.n26-price-spot span{font-size:15px;color:#092450;font-weight:700}.n26-price-details{clear:both;margin-top:14px}.n26-price-details summary{cursor:pointer;padding:12px;border-top:1px solid #dce9ef;font-weight:700;color:#007d94}.n26-site .n26-offer-row .sitev2-video-shell{min-height:370px}.n26-site .n26-offer-row .sitev2-pricing-copy h2{font-size:27px}.n26-site .n26-offer-row .sitev2-pricing-copy>p{font-size:16px}.n26-site .n26-offer-row .sitev2-launch-gift{margin:8px 0}.n26-site .n26-offer-row .sitev2-residents-note{margin-top:7px}.n26-site .nav4024-family-summary{padding:10px 0;background:#fff}.n26-site .final-cta-shell{background:#eef7fa;color:#092450;box-shadow:none;border:1px solid #dce9ef}.n26-site .final-cta-shell h2,.n26-site .final-cta-shell p,.n26-site .final-cta-shell .eyebrow,.n26-site .final-cta-shell .final-demo-link{color:#092450}.n26-site .intl-footer-brand p,.n26-site .intl-footer-bottom,.n26-site .intl-footer-legal,.n26-site .intl-footer-legal-links a{color:#345476}.n26-site .intl-footer{padding:26px 0}.n26-site .intl-footer-grid{gap:25px}.n26-site .sitev2-hero-intro h1{font-size:clamp(36px,4vw,58px)}
@media(max-width:700px){.n26-site .sitev2-hero-intro h1{font-size:34px}.n26-site .n26-offer-row .sitev2-video-shell{min-height:220px}.n26-price-spot bdi{font-size:44px}.n26-site .intl-links{display:flex!important;position:static!important;flex:0!important;background:none!important;padding:0!important;border:0!important;box-shadow:none!important}.n26-site .intl-footer-primary-links{display:flex;flex-wrap:wrap;gap:10px 15px;justify-content:center}.n26-site .intl-footer-brand{justify-self:center;text-align:center}.n26-site .intl-footer-grid{grid-template-columns:1fr}.n26-site .intl-footer-legal-links{justify-content:center;flex-wrap:wrap}.n26-site .intl-footer-legal{font-size:12px;line-height:1.8}}
.n26-partner-form{padding:28px;background:#f4f9fc;border:1px solid #dce9ef;border-radius:18px;max-width:900px;margin:0 auto 30px}.n26-partner-form h2{margin:0 0 20px}.n26-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.n26-partner-form label{display:block;font-weight:700;font-size:16px;line-height:1.7}.n26-partner-form input:not([type=checkbox]),.n26-partner-form select,.n26-partner-form textarea{display:block;width:100%;padding:12px 14px;border:1px solid #aec7d6;border-radius:10px;background:white;font:inherit;color:#092450;margin:6px 0 16px}.n26-partner-form .n26-consent{display:flex;gap:12px;font-weight:400;align-items:flex-start}.n26-consent input{margin-top:8px}.n26-partner-form button{cursor:pointer;font:inherit;padding:13px 28px}.n26-partner-form p{font-size:14px;color:#345476}@media(max-width:700px){.n26-form-grid{grid-template-columns:1fr}.n26-partner-form{padding:18px}}
.n26-site .n26-feature-footer{background:#fff;color:#345476}.n26-site .n26-feature-footer nav a{color:#345476}.n26-site .intl-brand .nav4024-logo-symbol img{position:absolute;width:150px;height:150px;max-width:none;left:-47px;top:-22px;object-fit:fill;filter:none}.n26-site .intl-brand .nav4024-logo-word img{position:absolute;width:200px;height:200px;max-width:none;left:-10px;top:-135px;object-fit:fill;filter:none}.n26-site .nav4024-logo{display:flex;direction:ltr;align-items:center;gap:5px;height:72px}.n26-site .nav4024-logo-symbol,.n26-site .nav4024-logo-word{position:relative;display:block;overflow:hidden;flex-shrink:0}.n26-site .nav4024-logo-symbol{width:60px;height:76px}.n26-site .nav4024-logo-word{width:181px;height:39px}
@media(max-width:700px){.n26-site .intl-brand .nav4024-logo-symbol img{width:150px!important;height:150px!important}.n26-site .intl-brand .nav4024-logo-word img{width:200px!important;height:200px!important}}


/* Final mobile readability for newer feature-family pages reached from menu. */
@media(max-width:760px){
 .n26-site :is(.n26-feature-hero,.sitev2-family-hero) h1,
 .n26-site :is(.n26-feature-hero,.sitev2-family-hero) p{
   position:relative;
   z-index:2;
   color:#092450!important;
   text-shadow:none!important;
   background:rgba(255,255,255,.95);
   border-radius:13px;
   padding:10px 13px;
   max-width:100%;
   overflow-wrap:break-word;
 }
 .n26-site :is(.n26-feature-hero,.sitev2-family-hero) h1{
   font-size:clamp(30px,8vw,40px)!important;
   line-height:1.21!important;
   margin-block:8px 12px;
 }
 .n26-site :is(.n26-feature-hero,.sitev2-family-hero) p{
   font-size:17px!important;
   line-height:1.7!important;
   margin-block:10px 17px;
 }
 .n26-site :is(.n26-feature-hero,.sitev2-family-hero) .eyebrow{
   position:relative;
   z-index:2;
   display:inline-block;
   background:rgba(255,255,255,.94);
   color:#086777!important;
   font-size:13px!important;
   border-radius:100px;
   padding:7px 12px;
 }
 .n26-site .n26-feature-body :is(.n26-card h2,.n26-card h3,.n26-feature-note h2){
   color:#092450;
   font-size:clamp(23px,6vw,30px);
   line-height:1.25;
   overflow-wrap:break-word;
 }
 .n26-site .n26-feature-body :is(.n26-card p,.n26-feature-note p){
   color:#345476;
   font-size:16px;
   line-height:1.75;
   overflow-wrap:break-word;
 }
}


/* 2026-10-11 — feature/family Avia portrait matches the compact home treatment.
   Keep the original portrait and landscape: no replacement artwork, no copy changes. */
@media(min-width:761px){
 .n26-site .n26-feature-hero .shell{
  min-height:265px;
  padding-block:44px;
  padding-inline-end:clamp(200px,24%,270px);
 }
 .n26-site .n26-feature-hero .shell>img{
  width:clamp(170px,20%,225px);
  height:clamp(210px,20vw,265px);
  bottom:0;
  inset-inline-end:0;
  object-fit:contain;
  object-position:center bottom;
 }
 html[dir=rtl] .n26-site .n26-feature-hero .shell{
  padding-inline-start:clamp(200px,24%,270px);
  padding-inline-end:0;
 }
 html[dir=rtl] .n26-site .n26-feature-hero .shell>img{
  inset-inline-start:0;
  inset-inline-end:auto;
 }
 .n26-site .sitev2-family-hero .shell{min-height:260px}
 .n26-site .sitev2-family-hero .n26-family-avia{
  width:clamp(170px,20%,225px);
  height:265px;
  object-position:center bottom;
 }
}
@media(max-width:760px){
 /* The portrait sits BESIDE the heading, as on the NAVIGAM homepage. */
 .n26-site .n26-feature-hero .shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 104px;
  grid-template-areas:
    "eyebrow eyebrow"
    "title portrait"
    "description description"
    "cta cta";
  align-items:center;
  gap:12px 12px;
  min-height:0!important;
  padding:24px 0 28px!important;
  padding-inline-start:0!important;
  padding-inline-end:0!important;
  text-align:start;
 }
 .n26-site .n26-feature-hero .shell>.eyebrow{
  grid-area:eyebrow;
  justify-self:start;
  margin:0!important;
  min-width:0;
 }
 .n26-site .n26-feature-hero .shell>h1{
  grid-area:title;
  align-self:center;
  min-width:0;
  margin:0!important;
  padding:12px 13px!important;
  text-align:start;
  font-size:clamp(26px,7.4vw,36px)!important;
  line-height:1.23!important;
 }
 .n26-site .n26-feature-hero .shell>p{
  grid-area:description;
  margin:0!important;
  min-width:0;
  font-size:16px!important;
  line-height:1.75!important;
  padding:14px 15px!important;
  text-align:start;
 }
 .n26-site .n26-feature-hero .shell>a.intl-btn.primary{
  grid-area:cta;
  justify-self:stretch;
  display:flex;
  width:100%;
  min-height:52px;
  align-items:center;
  justify-content:center;
  white-space:normal;
  text-align:center;
  padding:12px 16px;
  margin:0;
 }
 .n26-site .n26-feature-hero .shell>img{
  grid-area:portrait;
  position:static!important;
  inset:auto!important;
  align-self:center;
  justify-self:center;
  display:block;
  width:104px!important;
  max-width:104px!important;
  height:122px!important;
  min-height:0!important;
  object-fit:contain;
  object-position:center bottom;
  border-radius:52px 52px 28px 28px;
  background:linear-gradient(145deg,#ffffffed,#c8f0f6);
  border:1px solid #ffffffd9;
  box-shadow:0 4px 16px #006b7d12;
  overflow:hidden;
 }
 /* Family pages dynamically insert the same original Avia portrait. */
 .n26-site .sitev2-family-hero .shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 104px;
  grid-template-areas:
   "back back"
   "icon icon"
   "eyebrow eyebrow"
   "title portrait"
   "description description";
  align-items:center;
  gap:9px 12px;
  min-height:0!important;
  padding:22px 0 26px!important;
  padding-inline-start:0!important;
  padding-inline-end:0!important;
  text-align:start;
 }
 .n26-site .sitev2-family-hero .shell>a[data-page-back]{grid-area:back;justify-self:start;margin:0 0 8px!important;min-height:44px;display:inline-flex;align-items:center}
 .n26-site .sitev2-family-hero .shell>.sitev2-family-icon{grid-area:icon;justify-self:start;margin:0!important}
 .n26-site .sitev2-family-hero .shell>.eyebrow{grid-area:eyebrow;justify-self:start;margin:0}
 .n26-site .sitev2-family-hero .shell>h1{
  grid-area:title;
  min-width:0;
  text-align:start;
  margin:0!important;
  font-size:clamp(26px,7.4vw,36px)!important;
  line-height:1.22!important;
 }
 .n26-site .sitev2-family-hero .shell>p{
  grid-area:description;
  min-width:0;
  max-width:none;
  text-align:start;
  margin:0!important;
  padding:14px 15px!important;
  background:rgba(255,255,255,.95);
 }
 .n26-site .sitev2-family-hero .shell>.n26-family-avia{
  grid-area:portrait;
  position:static!important;
  inset:auto!important;
  width:104px!important;
  max-width:104px!important;
  height:122px!important;
  min-height:0!important;
  align-self:center;
  justify-self:center;
  object-fit:contain;
  object-position:center bottom;
  background:linear-gradient(145deg,#ffffffed,#c8f0f6);
  border:1px solid #ffffffd9;
  border-radius:52px 52px 28px 28px;
  box-shadow:0 4px 16px #006b7d12;
  overflow:hidden;
 }
}
@media(max-width:360px){
 .n26-site .n26-feature-hero .shell,
 .n26-site .sitev2-family-hero .shell{
  grid-template-columns:minmax(0,1fr) 88px;
  column-gap:9px;
 }
 .n26-site .n26-feature-hero .shell>img,
 .n26-site .sitev2-family-hero .shell>.n26-family-avia{
  width:88px!important;
  max-width:88px!important;
  height:108px!important;
 }
 .n26-site .n26-feature-hero .shell>h1,
 .n26-site .sitev2-family-hero .shell>h1{
  font-size:clamp(24px,7.4vw,28px)!important;
 }
}

/* Japanese typography: horizontal LTR, natural kinsoku line breaking, no script clipping. */
html[lang="ja"],html[lang="ja-JP"]{direction:ltr}
html[lang="ja"] body,html[lang="ja-JP"] body{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo","Noto Sans CJK JP",system-ui,sans-serif;line-break:strict;word-break:normal;overflow-wrap:break-word}
html[lang="ja"] button,html[lang="ja"] input,html[lang="ja"] select,html[lang="ja"] textarea{font:inherit}

