.personal-card{min-height:540px}.screenshot-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin:34px -7px 35px}.screenshot-gallery figure{margin:0;min-width:0}.screenshot-gallery figure:nth-child(1){transform:translateY(12px) rotate(-5deg)}.screenshot-gallery figure:nth-child(3){transform:translateY(12px) rotate(5deg)}.screenshot-gallery figcaption{font-size:8px;line-height:1.5;letter-spacing:.01em;text-align:center;color:var(--muted);margin-top:12px}.personal-card .card-bottom-note{bottom:18px;left:36px;right:36px}.project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:45px 0 65px}.project-facts>div{padding:26px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.project-facts strong{display:block;font-size:40px;letter-spacing:-2px;line-height:1.2}.project-facts span{display:block;font-size:11px;color:var(--muted);margin-top:12px}#supported-devices{scroll-margin-top:110px}.about-manifesto .hero-buttons{margin-top:24px}.faq-list{margin-bottom:30px}.device-select-button{display:inline-block}.connect-countries{flex-wrap:wrap;gap:10px 17px;max-width:410px}.connect-countries>span{white-space:nowrap}.connection-world.fleet-world{min-height:425px;display:flex;align-items:center;justify-content:center}.operator-fleet{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;width:100%;max-width:430px;padding:5px 0 5px 18px}.operator-fleet .operator-float{position:relative;inset:auto;rotate:0deg;bottom:auto;top:auto;left:auto;right:auto;width:100%;min-width:0;padding:13px 15px 10px;border-radius:14px;box-shadow:0 8px 28px #0002;animation:carrier-fleet-float 8s ease-in-out infinite}.operator-fleet .operator-float>div{height:32px}.operator-fleet .operator-float>span{margin-top:9px;font-size:7px;letter-spacing:.03em}.operator-fleet .operator-float>small{margin-top:6px;font-size:7px}.operator-fleet .operator-float img{height:28px;width:100px;object-fit:contain}.operator-fleet .operator-float.vodafone img{width:27px;height:27px}.operator-fleet .operator-float.vodafone>div:after{font-size:14px;margin-left:6px}.operator-fleet .operator-float.orange img,.operator-fleet .operator-float.a1 img,.operator-fleet .operator-float.bonbon img{width:32px;height:32px}.operator-fleet .operator-float.lmt>div{background:#22232b;border-radius:5px;padding:3px 7px;width:105px}.operator-fleet .operator-float.lmt img{width:90px;height:27px}.operator-fleet .fleet-1,.operator-fleet .fleet-5{animation-delay:-2s}.operator-fleet .fleet-2,.operator-fleet .fleet-6{animation-delay:-4s}.operator-fleet .fleet-3,.operator-fleet .fleet-7{animation-delay:-6s}.operator-fleet .operator-float:nth-child(even){transform:translateY(6px)}.fleet-world .world-sphere{opacity:.55;z-index:0}.connection-world.is-offscreen .operator-float,.motion-paused .operator-float{animation-play-state:paused}.support-summary{font-size:11px;color:var(--muted)}@keyframes carrier-fleet-float{0%,100%{translate:0 0}50%{translate:0 -5px}}@media(max-width:1100px){.operator-fleet{gap:12px;padding-left:8px}.operator-fleet .operator-float{padding:12px}.operator-fleet .operator-float.vodafone>div:after{font-size:12px}.operator-fleet .operator-float img{width:88px}.personal-card{min-height:500px}.screenshot-gallery{gap:9px}}@media(max-width:650px){.personal-card{min-height:500px}.screenshot-gallery{margin-top:32px;margin-inline:-4px;gap:10px}.personal-card .card-bottom-note{left:28px;right:28px;font-size:9px}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-facts>div{padding:22px}.project-facts strong{font-size:34px}.connection-world.fleet-world{min-height:430px;margin-top:20px}.operator-fleet{max-width:340px;padding:0;gap:12px}.operator-fleet .operator-float{padding:12px}.connect-countries{gap:9px 16px}.connect-banner{min-height:auto}.operator-fleet .operator-float.vodafone>div:after{font-size:12px}.operator-fleet .operator-float img{width:95px}.operator-fleet .operator-float>span{font-size:6px}.operator-fleet .operator-float.lmt>div{width:100px}}@media(max-width:370px){.personal-card{min-height:450px}.screenshot-gallery{gap:7px}.operator-fleet .operator-float{padding:10px}.operator-fleet .operator-float.vodafone>div:after{font-size:10px}.operator-fleet .operator-float.vodafone img{width:23px;height:23px}.operator-fleet .operator-float img{width:78px}.operator-fleet .operator-float.lmt>div{width:88px}}@media(prefers-reduced-motion:reduce){.operator-fleet .operator-float{animation:none}}
.personal-card .card-bottom-note{position:static;inset:auto;margin:0;font-size:10px;line-height:1.6}.personal-card .screenshot-gallery{margin-bottom:24px}

/* Use the hero phone component, scaled to each screenshot column. */
.screen-frame{position:relative;container-type:inline-size;isolation:isolate}.screenshot-gallery .gallery-phone{width:100%;height:auto;transform:none;border-width:2.42cqw;border-radius:14.11cqw;outline-width:.4cqw;box-shadow:0 0 0 1.21cqw #c5c8d055,6.85cqw 10.08cqw 19.35cqw #2633422e}.gallery-phone .phone-screen{border-radius:11.29cqw}.gallery-phone:after{inset:-1.21cqw;border-radius:12.9cqw;border-width:.4cqw}.gallery-phone .phone-camera{top:3.63cqw;width:2.82cqw;height:2.82cqw;left:calc(50% - 1.41cqw);box-shadow:0 0 0 .81cqw #1e2b3d80}.gallery-phone .phone-side{right:-3.63cqw;width:1.21cqw;border-radius:0 1.21cqw 1.21cqw 0}.gallery-phone .phone-volume{top:33.87cqw;height:21.37cqw}.gallery-phone .phone-power{top:63.71cqw;height:12.9cqw}
/* Shared navigation: progressively soften content beneath its lower edge. */
:root{--nav-glass-rgb:248 249 251;--nav-feather:36px}
:root[data-theme=dark]{--nav-glass-rgb:16 17 20}
.header{position:sticky;border-bottom:0}
.header-glass{display:none;position:absolute;inset:0 0 calc(-1 * var(--nav-feather));z-index:-1;pointer-events:none;user-select:none}
.header-glass>span,.header-glass:after{position:absolute;inset:0;pointer-events:none}
.header-glass:after{content:"";background:linear-gradient(to bottom,rgb(var(--nav-glass-rgb)/.94),rgb(var(--nav-glass-rgb)/.84) calc(100% - var(--nav-feather)),rgb(var(--nav-glass-rgb)/.46) calc(100% - 21px),rgb(var(--nav-glass-rgb)/.12) calc(100% - 8px),rgb(var(--nav-glass-rgb)/0))}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) and ((mask-image:linear-gradient(black,transparent)) or (-webkit-mask-image:linear-gradient(black,transparent))){
  .header{background:transparent}
  .header-glass{display:block}
  .header-glass>span{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));-webkit-mask-image:var(--glass-mask);mask-image:var(--glass-mask)}
  .header-glass>span:nth-child(1){--glass-blur:2px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 12px),transparent)}
  .header-glass>span:nth-child(2){--glass-blur:4px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 24px),transparent calc(100% - 4px))}
  .header-glass>span:nth-child(3){--glass-blur:8px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 36px),transparent calc(100% - 12px))}
  .header-glass>span:nth-child(4){--glass-blur:16px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 48px),transparent calc(100% - 20px))}
}
@media(max-width:1000px){.nav-wrap nav.is-open{max-height:calc(100svh - 128px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:700px){:root{--nav-feather:28px}.header-glass:after{background:linear-gradient(to bottom,rgb(var(--nav-glass-rgb)/.95),rgb(var(--nav-glass-rgb)/.85) calc(100% - 28px),rgb(var(--nav-glass-rgb)/.36) calc(100% - 14px),rgb(var(--nav-glass-rgb)/0))}}
@media(prefers-reduced-transparency:reduce){.header{background:var(--bg)}.header-glass{display:none}}
@media(forced-colors:active){.header{background:Canvas}.header-glass{display:none}}
@media print{.header-glass{display:none}}
/* Footer feather mirrors the navigation without covering page controls. */
:root{--footer-glass-rgb:255 255 255}
:root[data-theme=dark]{--footer-glass-rgb:25 27 32}
.footer{position:relative;isolation:isolate;overflow:clip;border-top:0;background:linear-gradient(to bottom,transparent,var(--surface) 64px)}
.footer-glass{position:absolute;top:0;left:0;right:0;height:136px;z-index:-1;pointer-events:none;user-select:none}
.footer-glass>span,.footer-glass:after{position:absolute;inset:0;pointer-events:none}
.footer-glass:after{content:"";background:linear-gradient(to bottom,rgb(var(--footer-glass-rgb)/0),rgb(var(--footer-glass-rgb)/.35) 28px,rgb(var(--footer-glass-rgb)/.85) 60px,rgb(var(--footer-glass-rgb)/1) 104px)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) and ((mask-image:linear-gradient(black,transparent)) or (-webkit-mask-image:linear-gradient(black,transparent))){
  .footer-glass>span{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));-webkit-mask-image:var(--glass-mask);mask-image:var(--glass-mask)}
  .footer-glass>span:nth-child(1){--glass-blur:2px;--glass-mask:linear-gradient(to bottom,transparent,#000 12px)}
  .footer-glass>span:nth-child(2){--glass-blur:4px;--glass-mask:linear-gradient(to bottom,transparent 8px,#000 32px)}
  .footer-glass>span:nth-child(3){--glass-blur:8px;--glass-mask:linear-gradient(to bottom,transparent 20px,#000 48px)}
  .footer-glass>span:nth-child(4){--glass-blur:16px;--glass-mask:linear-gradient(to bottom,transparent 36px,#000 68px)}
}
.footer-bottom{border-top:0;border-radius:16px;padding:20px 22px;background:linear-gradient(115deg,rgb(var(--nav-glass-rgb)/.65),rgb(var(--nav-glass-rgb)/.2));box-shadow:inset 0 1px 0 rgb(var(--footer-glass-rgb)/.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.connected-card .sim-art{opacity:1;right:16px}
.sim-art [data-art-tap]{text-align:left;font-family:inherit;cursor:pointer;touch-action:manipulation;overflow:hidden;animation:art-breathe 6.8s ease-in-out infinite}
.sim-art .esim-card[data-art-tap]{animation-delay:-3.4s}
.sim-art [data-art-tap]:focus-visible{z-index:3;outline:3px solid #b295ef;outline-offset:5px}
.sim-art [data-art-tap]:active{filter:brightness(1.08)}
.sim-art .art-glint{position:absolute;inset:0;margin:0;display:block;background:linear-gradient(110deg,transparent 25%,#fff9 48%,transparent 72%);transform:translateX(-140%) skewX(-18deg);pointer-events:none;opacity:0}
.gallery-phone{animation:screen-breathe 8s ease-in-out infinite}
.screenshot-gallery figure:nth-child(2) .gallery-phone{animation-delay:-2.6s}
.screenshot-gallery figure:nth-child(3) .gallery-phone{animation-delay:-5.2s}
.clean-visual>span{animation:detail-breathe 6.4s ease-in-out infinite}
.clean-visual>span:nth-child(2n){animation-delay:-2s}
.clean-visual>span:nth-child(3n){animation-delay:-4s}
.shield-art,.rom-lite-art,.large-v{animation:detail-breathe 7.5s ease-in-out infinite}
.voltron-orb{animation:orb-breathe 8.5s ease-in-out infinite}
.start-section{position:relative;isolation:isolate;overflow:hidden}
.start-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 80%,#b79ae02b,transparent 60%);animation:aura-breathe 8s ease-in-out infinite}
.button{transition:transform .2s,scale .2s,box-shadow .2s,background .2s}
.button:active{scale:.97}
@media(hover:hover) and (pointer:fine){.esim-product,.supported-device{transition:translate .35s cubic-bezier(.22,1,.36,1),border-color .3s}.esim-product:hover,.supported-device:hover{translate:0 -4px}.feature-card{transition:border-color .35s}.feature-card:hover{border-color:#a990cb80}.sim-art [data-art-tap]:hover{z-index:2}}
@keyframes art-breathe{0%,100%{translate:0 3px}50%{translate:0 -7px}}
@keyframes screen-breathe{0%,100%{translate:0 2px}50%{translate:0 -4px}}
@keyframes detail-breathe{0%,100%{translate:0 2px}50%{translate:0 -5px}}
@keyframes orb-breathe{0%,100%{scale:.98}50%{scale:1.025}}
@keyframes aura-breathe{0%,100%{opacity:.4;scale:1}50%{opacity:1;scale:1.08}}
:is(.motion-paused,.is-offscreen) :is(.gallery-phone,.clean-visual>span,.shield-art,.rom-lite-art,.large-v,.voltron-orb,[data-art-tap]),:is(.motion-paused,.is-offscreen).start-section:before{animation-play-state:paused}
@media(max-width:700px){.footer-bottom{padding:18px 15px}.sim-art [data-art-tap]{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){.gallery-phone,.clean-visual>span,.shield-art,.rom-lite-art,.large-v,.voltron-orb,.sim-art [data-art-tap],.start-section:before{animation:none!important}.esim-product:hover,.supported-device:hover{translate:none}.button:active{scale:1}}
@media(prefers-reduced-transparency:reduce){.footer{background:var(--surface)}.footer-glass{display:none}.footer-bottom{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--soft)}}
@media(forced-colors:active){.footer{background:Canvas}.footer-glass,.start-section:before,.art-glint{display:none}.footer-bottom{background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media print{.footer-glass{display:none}}
@media(max-width:1000px){.connected-card{min-height:520px;padding-bottom:220px}.connected-card .sim-art{top:auto;bottom:8px;right:15px;transform:rotate(8deg) scale(.8);transform-origin:bottom right}}
.is-offscreen .voltron-orb>div,.is-offscreen .gradient-text{animation-play-state:paused}
/* Keep content and focus targets clear of decorative blur. */
:root{--nav-height:88px}
html{scroll-padding-top:calc(var(--nav-height) + var(--nav-feather) + 20px)}
.rom-content{margin-bottom:clamp(56px,6vw,88px)}
.mobile-menu-links{display:contents}
.mobile-menu-glass{display:none;position:absolute;inset:0;z-index:-1;pointer-events:none;user-select:none}
.mobile-menu-glass>span,.mobile-menu-glass:after{position:absolute;inset:0;pointer-events:none}
.mobile-menu-glass:after{content:"";background:linear-gradient(to bottom,rgb(var(--nav-glass-rgb)/.97),rgb(var(--nav-glass-rgb)/.91) calc(100% - 40px),rgb(var(--nav-glass-rgb)/.65) calc(100% - 20px),rgb(var(--nav-glass-rgb)/.12))}
@media(max-width:1000px){
  :root{--nav-height:76px}
  .nav-wrap #navigation{top:calc(100% + 8px);left:14px;right:14px;max-width:540px;margin-inline:auto;padding:12px 12px 36px;gap:0;isolation:isolate;border:1px solid var(--line);border-radius:32px;box-shadow:0 20px 55px #0003;overflow:hidden;max-height:calc(100svh - 128px)}
  .nav-wrap #navigation .mobile-menu-links{display:flex;flex-direction:column;gap:4px;min-height:0;max-height:calc(100svh - 186px);overflow-y:auto;overscroll-behavior:contain;padding:4px}
  .nav-wrap #navigation a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 18px;border-radius:20px;font-size:13px;transition:background .2s,color .2s}
  .nav-wrap #navigation a[aria-current]{background:linear-gradient(110deg,#aa8bd324,#aa8bd30c);box-shadow:inset 0 0 0 1px #aa8bd326;color:var(--ink)}
  .nav-wrap #navigation a:after,.nav-wrap #navigation a[aria-current]:after{content:'↗';position:static;display:block;width:auto;height:auto;border-radius:0;background:none;font-size:16px;color:var(--muted);flex-shrink:0}
  .nav-wrap #navigation .nav-new{margin-left:auto}
  .nav-wrap #navigation a:hover{background:#aa8bd318;color:var(--ink)}
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) and ((mask-image:linear-gradient(black,transparent)) or (-webkit-mask-image:linear-gradient(black,transparent))){
  @media(max-width:1000px){.nav-wrap #navigation{background:transparent}.mobile-menu-glass{display:block}}
  .mobile-menu-glass>span{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));-webkit-mask-image:var(--glass-mask);mask-image:var(--glass-mask)}
  .mobile-menu-glass>span:nth-child(1){--glass-blur:2px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 12px),transparent)}
  .mobile-menu-glass>span:nth-child(2){--glass-blur:4px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 24px),transparent calc(100% - 4px))}
  .mobile-menu-glass>span:nth-child(3){--glass-blur:8px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 36px),transparent calc(100% - 12px))}
  .mobile-menu-glass>span:nth-child(4){--glass-blur:16px;--glass-mask:linear-gradient(to bottom,#000 calc(100% - 48px),transparent calc(100% - 20px))}
}
@media(max-width:700px){:root{--nav-height:68px}}
@media(prefers-reduced-transparency:reduce){.mobile-menu-glass{display:none}.nav-wrap #navigation{background:var(--surface)}}
@media(forced-colors:active){.mobile-menu-glass{display:none}.nav-wrap #navigation{background:Canvas}}
@media(max-width:1000px){.nav-wrap #navigation.is-open{animation:mobile-panel-arrive .32s cubic-bezier(.22,1,.36,1) backwards}}
@keyframes mobile-panel-arrive{from{transform:translate3d(0,-8px,0) scale(.98)}to{transform:translate3d(0,0,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.nav-wrap #navigation.is-open{animation:none}}