@font-face{font-family:Greed;src:url('/assets/GreedStandard-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Greed;src:url('/assets/GreedStandard-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Greed;src:url('/assets/GreedStandard-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--purple:#4F0FA9;--deep:#370A76;--ink:#111111;--muted:#6b636e;--paper:#F7F7F7;--lavender:#E1E7FF;--line:#ded8e2;--page:clamp(24px,5.5vw,110px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.55 Greed,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[role=tabpanel]:focus-visible{outline:3px solid #a371dc;outline-offset:5px}::selection{background:var(--purple);color:white}h1,h2,h3,p{margin:0}h1,h2{font-weight:700;line-height:1.03;letter-spacing:-.055em;text-wrap:balance}h2{font-size:clamp(44px,5.1vw,78px)}h2>span{color:#8b749e}h3{font-weight:500;letter-spacing:-.035em;line-height:1.2}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.13em;margin-bottom:25px}.purple{color:var(--purple)}[hidden]{display:none!important}.section-space{padding:clamp(80px,8.5vw,140px) var(--page)}.skip{position:fixed;z-index:100;top:-100px;left:20px;background:white;padding:15px}.skip:focus{top:20px}
.navigation{position:fixed;z-index:40;top:18px;left:var(--page);right:var(--page);height:68px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #ffffff26;border-radius:40px;background:#251a2438;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:white;transition:background .4s,color .4s,border-color .4s}.brand{flex-shrink:0}.brand img{width:155px;filter:brightness(0) invert(1)}.navigation nav{display:flex;gap:30px;font-size:12px}.navigation nav a{position:relative}.navigation nav a:after{content:'';position:absolute;height:1px;left:0;right:0;bottom:-6px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.navigation nav a:hover:after,.navigation nav a[aria-current]:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:20px}.nav-cta{display:flex;align-items:center;gap:25px;font-size:11px;background:white;border-radius:30px;padding:12px 20px;color:var(--purple)}.nav-cta span{font-size:16px}.motion-toggle{display:grid;place-items:center;width:30px;height:30px;background:none;border:1px solid #ffffff55;border-radius:50%;font-size:12px}.menu-toggle{display:none}.navigation.light{background:#f7f7f7ed;border-color:#ded8e2;color:var(--ink)}.navigation.light .brand img{filter:none}.navigation.light .nav-cta{background:var(--purple);color:white}.navigation.light .motion-toggle{border-color:#c6bccc}.reading-progress{height:1px;position:absolute;bottom:0;left:25px;right:25px;background:#b697df;transform:scaleX(0);transform-origin:left}.mobile-menu{position:fixed;z-index:35;top:80px;left:14px;right:14px;border-radius:20px;background:var(--paper);color:var(--ink);padding:25px;box-shadow:0 25px 80px #230d3f40}.mobile-menu a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:18px}.mobile-menu a:last-child{border-bottom:0}
.hero{position:relative;isolation:isolate;color:white;height:100svh;min-height:690px;max-height:1150px;overflow:hidden;background:#30232c}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:64% center;transform:translateY(var(--hero-image-y,0px)) scale(var(--hero-image-scale,1.04));will-change:transform}.hero-shade{background:linear-gradient(90deg,#26152595 0%,#26152535 48%,transparent 78%),linear-gradient(0deg,#21132180,transparent 35%)}.hero-copy{position:absolute;left:var(--page);top:50%;transform:translateY(calc(-42% + var(--hero-copy-y,0px)));max-width:720px}.hero-copy .eyebrow{color:#eee3f4;margin-bottom:30px}.hero h1{font-size:clamp(65px,6.7vw,106px)}.hero h1 span{color:#dec2fa}.hero-description{font-size:clamp(16px,1.4vw,21px);line-height:1.6;margin-top:30px;color:#f1e8ef}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:35px;padding:16px 25px;font-size:13px;font-weight:500;transition:transform .3s,background .3s}.button span{font-size:19px;transition:transform .3s}.button:hover{transform:translateY(-3px)}.button:hover span{transform:translate(2px,-2px)}.button-white{background:white;color:var(--purple)}.subtle-link{display:inline-flex;gap:20px;font-size:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff65}.hero-bottom{position:absolute;left:var(--page);right:var(--page);bottom:35px;display:flex;justify-content:space-between;align-items:flex-end;font-size:12px}.hero-bottom p{line-height:1.5}.hero-bottom p span{color:#ded4dc}.hero-bottom>a{font-size:10px;display:flex;gap:25px;align-items:center}.hero-bottom>a>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff55;border-radius:50%;animation:scroll-hint 2.5s ease-in-out infinite}.service-rail{display:grid;grid-template-columns:repeat(4,1fr);padding:0 var(--page);background:var(--purple);color:white}.service-rail a{display:flex;align-items:center;justify-content:space-between;border-right:1px solid #ffffff28;padding:28px 28px;font-size:19px;transition:background .3s}.service-rail a:first-child{border-left:1px solid #ffffff28}.service-rail a>span{font-size:18px;color:#c8a5f1;transition:transform .3s}.service-rail a:hover{background:#ffffff0b}.service-rail a:hover>span{transform:translate(3px,-3px)}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;border-bottom:1px solid #b5a2c7;padding:12px 0;background:none;font-size:13px;color:var(--purple);font-weight:500;margin-top:24px}.text-link span{font-size:18px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:55px}.section-heading>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:390px;padding-bottom:5px}.products{padding-top:25px}.product-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin-bottom:42px}.product-tabs button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:none;border:0;border-bottom:2px solid transparent;padding:18px 22px 18px 0;text-align:left;font-size:21px;transition:color .3s,border-color .3s}.product-tabs button>span{font-size:10px;color:#7f7388}.product-tabs button[aria-selected=true]{border-bottom-color:var(--purple);color:var(--purple);font-weight:500}.product-tabs button[aria-selected=true]>span{color:var(--purple)}.product-tabs button:hover{color:var(--purple)}.product-panel{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(45px,7vw,130px);align-items:center;animation:panel-in .65s var(--ease)}.product-photo{height:690px;min-width:0;position:relative;overflow:hidden;border-radius:3px 3px 75px 3px;background:#dacfc1;isolation:isolate}.product-photo:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#20131f9c);z-index:0}.product-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transition:transform 1s var(--ease)}.product-photo:hover img{transform:scale(1.04)}.product-photo>span{position:absolute;z-index:1;left:38px;bottom:38px;color:white;font-size:clamp(36px,3.4vw,50px);font-weight:500;line-height:1.05;letter-spacing:-.04em}.portrait-crop img{object-position:50% 45%}.insurance-crop img{object-position:15% 50%}.product-copy{max-width:510px}.product-copy .eyebrow{margin-bottom:22px}.product-copy>h3{font-size:clamp(35px,3.3vw,50px);font-weight:700;letter-spacing:-.045em;line-height:1.05}.product-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted);margin-top:24px;max-width:440px}.feature-list{padding:0;margin:30px 0 0;list-style:none}.feature-list li{display:flex;gap:22px;padding:17px 0;border-top:1px solid var(--line)}.feature-list li>span{font-size:10px;color:var(--purple);padding-top:4px}.feature-list b{font-weight:500;font-size:15px}.feature-list p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.6}.product-contact{margin-top:14px}
.overview-section{position:relative;padding:0 var(--page) 100px;background:var(--light-blue);scroll-margin-top:0}.section-description{font-size:15px;line-height:1.7;color:var(--muted);margin-top:24px;max-width:450px}.overview-visual{min-width:0;width:100%;margin:auto}.screen-shell{padding:6px;background:#dcd2e8;border:1px solid #cbbbd9;border-radius:15px;overflow:hidden;box-shadow:0 30px 75px -45px #35134466}.screen-top{display:flex;align-items:center;justify-content:space-between;gap:20px;height:37px;font-size:9px;color:#665471;padding:5px 12px}.screen-top>span:nth-child(2){font-size:8px}.expand{display:grid;place-items:center;width:25px;height:25px;border:0;border-radius:50%;background:#ffffffb3;font-size:16px;transition:transform .3s,background .3s}.expand:hover{transform:scale(1.1);background:white}
.makker-section{padding:105px var(--page) 110px;background:#370A76;color:white;position:relative;overflow:hidden}.makker-heading{text-align:center}.mark-tile{display:grid;place-items:center;width:60px;height:60px;border:1px solid #ffffff29;border-radius:20px 20px 4px 20px;background:#ad7feb29;margin:0 auto 23px}.mark-tile img{width:39px;filter:brightness(0) invert(1)}.makker-heading .eyebrow{color:#d4b8ef}.makker-heading h2>span{color:#c9a5f1}.makker-heading>p:last-child{color:#dac6e9;font-size:16px;line-height:1.7;margin-top:27px}.makker-layout{display:grid;grid-template-columns:1fr 2fr;gap:clamp(40px,5vw,80px);max-width:1550px;margin:65px auto 0;align-items:center}.makker-questions .eyebrow{font-size:8px;color:#d2b7e9;margin-bottom:15px}.makker-questions>button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;padding:19px 0;border:0;border-bottom:1px solid #ffffff24;background:none;color:#dfd0eb;font-size:14px;transition:color .3s,border-color .3s}.makker-questions>button[aria-pressed=true]{color:white;border-color:#b78dea}.makker-questions>button>span{transition:transform .3s}.makker-questions>button:hover>span{transform:translate(3px,-3px)}.question-explanation{min-height:145px;padding-top:25px}.question-explanation>p:first-child{font-weight:500;font-size:17px;line-height:1.3;letter-spacing:-.02em}.question-explanation>p+p{font-size:12px;color:#d4c0e6;line-height:1.7;margin-top:12px}.makker-note{font-size:10px;color:#bfa4d8;margin-top:15px}.makker-stage{transform:translateY(var(--makker-y,0px)) scale(var(--makker-scale,1));transform-origin:center}.browser-frame{background:#e5dced;padding:6px;border-radius:15px;border:1px solid #ffffff40;overflow:hidden;box-shadow:0 35px 65px -35px #100023}.browser-frame>img{width:100%;height:auto;border-radius:8px}
.life-section{height:85svh;min-height:600px;max-height:1000px;position:relative;overflow:hidden;isolation:isolate;color:white}.life-photo,.life-shade{position:absolute;inset:0;z-index:-1}.life-photo img{width:100%;height:100%;object-fit:cover;object-position:55% center;transform:translateY(var(--life-y,0px)) scale(1.13)}.life-shade{background:linear-gradient(90deg,#20131c9c,transparent 85%),linear-gradient(0deg,#20131c55,transparent 70%)}.life-copy{position:absolute;left:var(--page);bottom:14%;max-width:700px}.life-copy h2{font-size:clamp(50px,6.4vw,96px)}.life-copy>p:last-child{font-size:18px;line-height:1.65;margin-top:28px;color:#f5eced}
.app-section{overflow:hidden}.app-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:clamp(45px,8vw,140px);align-items:center}.phone-duo{height:700px;position:relative;isolation:isolate;min-width:0}.phone-front,.phone-back{position:absolute;height:90%;width:auto;max-width:54%;object-fit:contain;filter:drop-shadow(0 28px 20px #30134422)}.phone-front{top:0;right:0;z-index:2;transform:translate(var(--app-front-x,0px),var(--app-front-y,0px)) rotate(var(--app-front-rotate,4deg))}.phone-back{top:8%;left:0;z-index:1;transform:translate(var(--app-back-x,0px),var(--app-back-y,0px)) rotate(var(--app-back-rotate,-5deg))}.app-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:60px}.app-benefits>div{border-top:1px solid var(--line);padding-top:20px}.app-benefits span{font-size:10px;color:var(--purple)}.app-benefits h3{font-size:20px;margin-top:20px}.app-benefits p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:12px;max-width:320px}.app-expand{margin-top:30px}
.esim-section{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:100px var(--page);background:var(--light-blue);overflow:hidden;min-height:900px}.esim-copy h2{font-size:clamp(45px,5vw,75px)}.esim-copy h2>span{color:var(--purple)}.esim-copy .section-description{max-width:430px}.esim-visual{position:relative;height:740px;display:grid;place-items:center;isolation:isolate}.esim-visual>img{height:100%;width:auto;object-fit:contain;transform:translateY(var(--esim-y,0px)) rotate(var(--esim-rotate,0deg));filter:drop-shadow(0 25px 25px #40235e22)}.faq-section{display:grid;grid-template-columns:1fr 1.45fr;gap:10%}.faq-heading h2{font-size:clamp(44px,5vw,72px)}.faq-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin-top:30px}.faq-heading a{color:var(--purple)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:17px;padding:25px 0;font-weight:500;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:25px;font-weight:400;color:var(--purple);transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:14px;color:var(--muted);line-height:1.8;padding:0 40px 28px 0;max-width:650px;animation:panel-in .4s var(--ease)}
.closing{background:var(--purple);color:white;padding:110px var(--page) 25px;position:relative;overflow:hidden;isolation:isolate}.closing-content{text-align:center}.closing .eyebrow{color:#dec8f3}.closing h2{font-size:clamp(60px,8.5vw,130px)}.closing h2>span{color:#cda7f5}.closing-content>p:not(.eyebrow){font-size:17px;color:#e2d0f4;margin-top:25px}.closing-actions{display:flex;gap:35px;justify-content:center;align-items:center;margin-top:35px}.closing footer{margin-top:105px;border-top:1px solid #ffffff2b;padding-top:45px}.footer-top{display:grid;grid-template-columns:1.15fr 1fr 1fr .7fr;gap:40px}.footer-top>img{width:170px;filter:brightness(0) invert(1)}.footer-top>p{font-size:16px;line-height:1.6;color:#e3d1f5}.footer-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:12px;color:#e6d8f5}.footer-top a:hover{text-decoration:underline}.footer-bottom{display:flex;gap:25px;justify-content:space-between;margin-top:55px;border-top:1px solid #ffffff26;padding-top:22px;font-size:8px;color:#d4b8ec}
dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:0;background:#f7f7f7f5;backdrop-filter:blur(25px);color:var(--ink);overflow:hidden}dialog::backdrop{background:#21083a80}.viewer-top{height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;border-bottom:1px solid var(--line);font-size:13px}.viewer-top button{display:flex;gap:25px;align-items:center;background:white;border:0;padding:10px 20px;border-radius:25px;font-size:12px}.viewer-top button span{font-size:20px}.viewer-content{height:calc(100dvh - 75px);display:flex;align-items:center;justify-content:center;padding:30px;overflow:auto}.viewer-content img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}.viewer-content img.portrait{height:100%;border-radius:0}dialog[open]{animation:panel-in .35s var(--ease)}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform 1s var(--ease)}.js .reveal.visible{opacity:1;transform:none}.entrance{animation:entrance 1.1s var(--ease) both}.hero-copy>.entrance:nth-child(2){animation-delay:.08s}.hero-copy>.entrance:nth-child(3){animation-delay:.16s}.hero-copy>.entrance:nth-child(4){animation-delay:.24s}.app-benefits .reveal:nth-child(2){transition-delay:.08s}.app-benefits .reveal:nth-child(3){transition-delay:.16s}
@keyframes entrance{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes panel-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes scroll-hint{0%,100%{translate:0 0}50%{translate:0 5px}}
@media(min-width:1001px) and (min-height:680px){.js:not(.motion-reduced) .overview-section{height:220svh;padding-bottom:0}.overview-visual{width:min(100%,calc((100svh - 180px)*1.4545))}}
@media(min-width:1001px) and (max-height:800px){.hero{min-height:640px}.hero-copy{top:47%}.hero h1{font-size:76px}.hero-copy .eyebrow{margin-bottom:22px}.hero-description{margin-top:22px;font-size:17px}.hero-actions{margin-top:25px}}
@media(max-width:1100px){.navigation nav{gap:20px}.navigation{padding:0 20px}.nav-actions{gap:13px}.brand img{width:140px}.product-photo{height:650px}.product-panel{gap:45px}.product-copy>h3{font-size:39px}.makker-layout{gap:35px;grid-template-columns:1fr 1.7fr}.phone-duo{height:600px}.app-layout{gap:60px}.app-benefits{gap:35px}.esim-section{gap:40px}.esim-visual{height:650px}.footer-top{gap:30px}}
@media(max-width:1000px){.hero{min-height:700px}.hero h1{font-size:clamp(60px,7.6vw,82px)}.hero-copy{max-width:600px}.hero-shade{background:linear-gradient(90deg,#261525c9,#26152535 85%),linear-gradient(0deg,#21132170,transparent 40%)}.navigation nav{font-size:11px;gap:18px}.nav-cta{font-size:10px;gap:15px;padding:11px 15px}.product-photo{height:640px}.product-copy>h3{font-size:35px}.product-copy>p:not(.eyebrow){font-size:14px}.feature-list li{padding:14px 0;gap:15px}.overview-section{padding-top:80px}.makker-layout{grid-template-columns:1fr;gap:40px}.makker-questions{max-width:620px;width:100%;margin:auto}.question-explanation{min-height:110px}.makker-stage{max-width:100%;width:100%;margin:auto}.makker-note{margin-top:5px}.life-section{height:70svh;min-height:520px}.app-layout{gap:45px}.phone-duo{height:530px}.esim-section{min-height:0}.esim-visual{height:590px}.esim-copy h2{font-size:48px}.faq-section{gap:7%}.faq-list summary{font-size:16px}}
@media(max-width:760px){.navigation{left:18px;right:18px;top:14px;height:60px;padding:0 20px}.navigation nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:25px;height:30px;padding:0}.menu-toggle span{width:21px;height:1px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-actions{gap:17px}.nav-cta{padding:9px 15px}.brand img{width:140px}.hero-copy{max-width:530px}.hero h1{font-size:67px}.hero-description{font-size:17px}.hero-photo img{object-position:65% center}.service-rail{padding:0 18px}.service-rail a{padding:22px 15px;font-size:16px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:24px;font-size:15px}.product-tabs button{font-size:17px;padding-right:15px}.product-panel{grid-template-columns:1fr;gap:35px}.product-photo{height:490px;border-radius:3px 3px 55px 3px}.product-photo img{object-position:50% center}.product-photo>span{font-size:43px;left:30px;bottom:30px}.product-copy{max-width:none}.product-copy>h3{font-size:43px}.product-copy>p:not(.eyebrow){max-width:500px;font-size:15px}.feature-list{margin-top:25px}.feature-list li{padding:17px 0}.feature-list b{font-size:16px}.feature-list p{font-size:13px}.makker-section{padding-top:80px;padding-bottom:85px}.life-copy h2{font-size:61px}.app-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.phone-duo{height:450px}.app-benefits{gap:23px;margin-top:40px}.app-benefits h3{font-size:19px}.app-benefits p{font-size:12px}.esim-section{gap:30px;padding-top:80px;padding-bottom:80px;grid-template-columns:1.2fr .8fr}.esim-visual{height:500px}.esim-copy h2{font-size:39px}.esim-copy .eyebrow{font-size:8px}.section-description{font-size:14px}.faq-section{grid-template-columns:1fr;gap:35px}.faq-heading>p:last-child{margin-top:20px}.closing{padding-top:85px}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:15px}.footer-bottom span:last-child{margin-left:auto}}
@media(max-width:540px){:root{--page:24px}html{scroll-padding-top:90px}.navigation{left:14px;right:14px;padding:0 17px;height:55px;top:12px}.brand img{width:130px}.nav-cta{display:none}.nav-actions{gap:15px}.motion-toggle{width:26px;height:26px;font-size:10px}.hero{min-height:740px;height:100svh;max-height:950px}.hero-photo img{object-position:72% center;transform:translateY(var(--hero-image-y,0px)) scale(1.04)}.hero-shade{background:linear-gradient(0deg,#211322b5,transparent 56%),linear-gradient(90deg,#241322be,#24132228 100%)}.hero-copy{top:22%;transform:translateY(var(--hero-copy-y,0px));left:24px;right:24px}.hero-copy .eyebrow{font-size:8px;margin-bottom:24px}.hero h1{font-size:clamp(47px,12.8vw,68px);line-height:1.02}.hero-description{font-size:15px;margin-top:25px;line-height:1.6;max-width:320px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px;margin-top:28px}.button{padding:14px 22px;font-size:12px;gap:25px}.hero-actions .subtle-link{font-size:11px}.hero-bottom{bottom:28px;font-size:10px;gap:30px}.hero-bottom>a{font-size:8px;gap:12px}.hero-bottom>a>span{width:27px;height:27px}.service-rail{grid-template-columns:1fr 1fr;padding:0 24px}.service-rail a{padding:21px 16px;font-size:17px}.service-rail a:nth-child(2){border-right:1px solid #ffffff28}.service-rail a:nth-child(3){border-left:1px solid #ffffff28;border-top:1px solid #ffffff28}.service-rail a:nth-child(4){border-top:1px solid #ffffff28}.section-space{padding:75px 24px}.eyebrow{font-size:9px;margin-bottom:22px}.products{padding-top:5px}.section-heading h2{font-size:47px}.section-heading>p{font-size:14px}.product-tabs{gap:0;margin-bottom:30px;grid-template-columns:1fr 1fr}.product-tabs button{font-size:17px;padding:16px 14px 16px 0;border-top:1px solid var(--line)}.product-tabs button:nth-child(even){padding-left:15px}.product-tabs button>span{font-size:9px}.product-photo{height:430px}.product-photo>span{font-size:38px;left:25px;bottom:30px}.product-copy>h3{font-size:39px}.product-copy>p:not(.eyebrow){font-size:14px;margin-top:22px}.feature-list li{gap:18px}.feature-list b{font-size:15px}.feature-list p{font-size:12px}.product-contact{font-size:12px}.overview-section{padding:75px 24px}.overview-visual{margin:0 -8px;width:calc(100% + 16px)}.screen-shell{padding:4px;border-radius:11px}.screen-top{height:31px;font-size:8px;padding:4px 8px}.screen-top>span:nth-child(2){display:none}.makker-section{padding:75px 24px}.makker-heading h2{font-size:53px}.makker-heading>p:last-child{font-size:14px;max-width:330px;margin:25px auto 0}.mark-tile{height:55px;width:55px}.mark-tile img{width:35px}.makker-layout{margin-top:35px;gap:35px}.makker-questions>button{font-size:14px}.question-explanation{min-height:125px}.makker-stage{width:calc(100% + 16px);max-width:none;margin:0 -8px}.browser-frame{padding:4px;border-radius:11px}.browser-frame>img{border-radius:7px}.life-section{height:75svh;min-height:560px}.life-photo img{object-position:62% center}.life-shade{background:linear-gradient(0deg,#20131cc9,transparent 85%)}.life-copy{left:24px;right:24px;bottom:11%}.life-copy .eyebrow{font-size:8px}.life-copy h2{font-size:49px}.life-copy>p:last-child{font-size:15px;margin-top:23px}.app-layout{display:flex;flex-direction:column;gap:38px}.phone-duo{width:100%;height:590px}.phone-front,.phone-back{height:86%;max-width:57%}.phone-front{top:0;right:-1%}.phone-back{top:10%;left:-2%}.app-benefits{grid-template-columns:1fr;gap:24px;margin-top:20px}.app-benefits>div{padding-top:18px;display:grid;grid-template-columns:25px 1fr;gap:5px 15px}.app-benefits span{padding-top:4px}.app-benefits h3{font-size:20px;margin-top:0}.app-benefits p{grid-column:2;font-size:13px;margin-top:5px;max-width:none}.app-expand{margin-top:27px;font-size:12px}.esim-section{grid-template-columns:1fr;padding:75px 24px 60px;gap:40px}.esim-copy h2{font-size:48px}.esim-copy .eyebrow{font-size:8px;max-width:300px}.esim-copy .section-description{font-size:14px}.esim-visual{height:610px;max-width:330px;width:100%;margin:auto}.esim-visual>img{max-width:95%}.faq-heading h2{font-size:49px}.faq-list summary{font-size:16px;padding:23px 0}.faq-list details>p{font-size:13px;padding-right:12px}.closing{padding:75px 24px 25px}.closing h2{font-size:clamp(49px,12.5vw,75px)}.closing .eyebrow{font-size:8px}.closing-content>p:not(.eyebrow){font-size:15px;margin-top:25px}.closing-actions{flex-direction:column;gap:22px;margin-top:30px}.closing footer{margin-top:70px;padding-top:35px}.footer-top{gap:30px}.footer-top>img{width:145px}.footer-top>p{font-size:12px}.footer-top>div{gap:14px;font-size:12px}.footer-bottom{display:block;margin-top:35px;padding-top:20px;font-size:8px;line-height:1.7}.footer-bottom>span{display:block;margin-top:10px}.viewer-top{height:65px;padding:15px;font-size:11px}.viewer-top button{font-size:11px;padding:9px 13px;gap:12px}.viewer-content{height:calc(100dvh - 65px);padding:16px}}
@media(max-width:370px){.hero h1{font-size:45px}.hero-description{font-size:14px}.phone-duo{height:530px}.esim-visual{height:550px}}
html.motion-reduced{scroll-behavior:auto}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important}.motion-reduced .reveal{opacity:1!important;transform:none!important}.motion-reduced .hero-photo img,.motion-reduced .life-photo img{transform:none}.motion-reduced .makker-stage{transform:none}.motion-reduced .phone-front{transform:rotate(2deg)}.motion-reduced .phone-back{transform:rotate(-3deg)}.motion-reduced .esim-visual>img{transform:none}.motion-reduced .hero-copy{transform:translateY(-42%)}
@media(max-width:540px){.motion-reduced .hero-copy{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
@media print{.navigation,.mobile-menu,.hero-bottom,dialog,.expand,.motion-toggle{display:none}.overview-section{height:auto!important}.hero{height:700px}.reveal,.js .reveal{opacity:1;transform:none}.hero,.makker-section,.closing{print-color-adjust:exact}.makker-stage{transform:none}.product-panel[hidden]{display:grid!important;break-before:page}.phone-front,.phone-back,.esim-visual>img{transform:none}}

@media(min-width:761px){.mobile-menu{display:none!important}}

/* Simple, flat navigation keeps the photography and product in focus. */
.navigation,.navigation.light{top:0;left:0;right:0;height:78px;padding:0 var(--page);border:0;border-radius:0;background:#f7f7f7f5;color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.navigation .brand img,.navigation.light .brand img{width:170px;filter:none}
.navigation nav{font-size:13px;gap:32px}
.navigation .nav-cta,.navigation.light .nav-cta{padding:12px 20px;background:var(--purple);color:white;border-radius:8px;font-size:12px}
.reading-progress{left:0;right:0}
.hero-copy{top:49%}
.hero-copy h1.entrance{animation-delay:0s}.hero-copy p.entrance{animation-delay:.08s}.hero-copy .hero-actions.entrance{animation-delay:.16s}
.footer-bottom .motion-toggle{display:inline-flex;gap:8px;border:0;border-radius:0;width:auto;height:auto;padding:0;font-size:8px;flex-shrink:0;color:#e2d0f3}
.app-section{position:relative;isolation:isolate;background:var(--purple);color:white;padding-top:100px;padding-bottom:100px}
.app-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(45px,6vw,100px);align-items:center;max-width:1450px;margin:auto}
.app-copy{max-width:530px}.app-copy .eyebrow{color:#d8bdef}.app-copy h2{font-size:clamp(48px,4.8vw,74px)}.app-copy h2>span{color:#cda7f5}
.app-description{font-size:17px;line-height:1.65;color:#eadcf6;margin-top:28px}
.app-benefits{display:block;margin-top:32px;max-width:430px}.app-benefits>div{display:flex;gap:20px;padding:17px 0;border-top:1px solid #ffffff30;margin:0}.app-benefits span{font-size:9px;color:#dec2f4;padding-top:4px}.app-benefits h3{font-size:17px;font-weight:500;margin:0;line-height:1.4;letter-spacing:-.02em}.app-benefits p{font-size:12px;line-height:1.7;color:#e4cff5;margin:6px 0 0;max-width:350px}
.app-expand{border:0;margin-top:25px}
.phone-duo{height:min(690px,76svh);width:100%;max-width:650px;margin:auto;position:relative;isolation:isolate}
.phone-front,.phone-back{position:absolute;object-fit:contain;width:auto;max-width:none;filter:drop-shadow(0 26px 22px #1d063a40)}
.phone-front{height:94%;right:3%;top:3%;z-index:2;transform:translate(var(--app-front-x,0px),var(--app-front-y,0px)) rotate(2deg)}
.phone-back{height:85%;left:3%;top:10%;z-index:1;transform:translate(var(--app-back-x,0px),var(--app-back-y,0px)) rotate(-3deg)}
@media(max-width:1100px){.navigation nav{gap:25px;font-size:12px}.app-layout{gap:40px;grid-template-columns:1fr 1fr}.app-copy h2{font-size:54px}.phone-duo{height:610px}.phone-front{right:-2%}.phone-back{left:-2%}}
@media(max-width:760px){.navigation{height:70px;padding:0 24px}.navigation .brand img{width:145px}.navigation .nav-cta{padding:10px 17px;font-size:11px}.hero-copy{top:48%}.app-layout{grid-template-columns:1fr;gap:50px}.app-copy{max-width:540px}.app-copy h2{font-size:61px}.app-description{font-size:17px}.app-benefits{max-width:none}.phone-duo{height:660px;max-width:540px}.phone-front{right:4%;height:92%}.phone-back{left:4%;height:84%}}
@media(max-width:540px){.navigation,.navigation.light{height:66px;padding:0 24px}.navigation .brand img{width:140px}.navigation .nav-cta{display:none}.hero-copy{top:23%}.app-section{padding:75px 24px 60px}.app-copy h2{font-size:48px}.app-description{font-size:16px;margin-top:24px}.app-benefits{margin-top:30px}.app-benefits>div{display:flex;gap:18px;padding:16px 0}.app-benefits h3{font-size:17px}.app-benefits p{font-size:12px;max-width:none}.app-layout{gap:50px}.phone-duo{height:540px;width:100%;max-width:350px}.phone-front{height:92%;right:-1%;top:2%}.phone-back{height:82%;left:-1%;top:11%}.app-expand{font-size:12px}.footer-bottom .motion-toggle{margin-top:15px;font-size:10px}}
@media(max-width:370px){.app-copy h2{font-size:43px}.phone-duo{height:490px}}

/* Keep the four product choices in the first viewport. */
:root{--rail-height:88px}.hero{height:calc(100svh - var(--rail-height));min-height:570px;max-height:none}.service-rail{height:var(--rail-height)}.service-rail a{padding-block:20px}.hero-copy{top:50%}.hero h1{font-size:clamp(62px,6.3vw,100px)}.products{padding-top:95px}.products .section-heading>p{max-width:440px}.product-photo img{transform:translateY(var(--product-photo-y,0px)) scale(1.12)}.product-photo:hover img{transform:translateY(var(--product-photo-y,0px)) scale(1.16)}.motion-reduced .product-photo img{transform:none}
@media(max-width:1000px){.hero{min-height:560px}.hero h1{font-size:clamp(57px,7.4vw,80px)}}
@media(max-width:540px){:root{--rail-height:120px}.hero{height:calc(100svh - var(--rail-height));min-height:560px}.hero-copy{top:23%}.hero h1{font-size:clamp(45px,12.8vw,65px)}.hero-description{margin-top:23px;font-size:14px}.hero-actions{margin-top:24px;gap:12px}.hero-bottom{bottom:23px}.service-rail a{padding:16px;font-size:16px}.products{padding-top:70px}.products .section-heading h2{font-size:49px}}

.product-photo img,.portrait-crop img,.insurance-crop img{object-position:center}

.hero{min-height:0}
@media(max-height:600px){.hero-copy{top:90px;transform:translateY(var(--hero-copy-y,0px))}.hero h1{font-size:44px}.hero-description{font-size:12px;line-height:1.5;margin-top:14px}.hero-actions{margin-top:16px;gap:20px;flex-direction:row;align-items:center}.hero-actions .button{padding:10px 18px;font-size:11px}.hero-actions .subtle-link{font-size:10px}.hero-bottom{display:none}.motion-reduced .hero-copy{transform:none}}

/* Match the hero tint and its controls to the product's purple. */
.hero-shade{background:linear-gradient(90deg,#251039c9 0%,#30144355 47%,transparent 78%),linear-gradient(0deg,#29113c66,transparent 45%)}
.hero h1 span{color:#e3cbff}.hero-description{color:#f3edf8}.hero-bottom{justify-content:flex-end;bottom:25px}.hero-copy{max-width:760px}.hero h1{letter-spacing:-.052em}.hero-actions .button{border-radius:12px}.hero-actions .subtle-link{border-bottom-color:#ffffff50}
@media(max-width:540px){.hero-shade{background:linear-gradient(90deg,#251039cf,#30144338 100%),linear-gradient(0deg,#29113c99,transparent 65%)}.hero-copy{left:24px;right:24px}.hero-bottom{bottom:20px}}

.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;transform:translateY(var(--hero-image-y,0px)) scale(var(--hero-image-scale,1.1));opacity:0;transition:opacity .7s ease;pointer-events:none}.hero-photo.video-ready .hero-video{opacity:1}.hero-motion{display:inline-flex;gap:10px;width:auto;height:auto;border:0;border-radius:0;padding:5px 0;font-size:9px;color:#f1e8f8;background:none}.hero-motion>span:first-child{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff66;border-radius:50%;font-size:11px}.motion-reduced .hero-video{opacity:0!important;transform:none}
@media(max-width:540px){.hero-video{object-position:72% center}.hero-motion{font-size:8px}.hero-motion>span:first-child{width:25px;height:25px}}
@media(max-height:600px){.hero-bottom{display:flex;bottom:15px}.hero-motion .motion-label{display:none}}

/* Photograph framing preserves faces; depth stays in the surrounding composition. */
.product-photo img,.product-photo:hover img{object-position:center top;transform:none}
.detail-showcase{background:var(--paper)}.detail-intro{max-width:400px}.detail-intro>p{font-size:15px;line-height:1.75;color:var(--muted)}.detail-switch{display:inline-flex;gap:5px;padding:5px;border:1px solid #d7cede;border-radius:28px;background:var(--light-blue);margin-bottom:28px}.detail-switch button{background:none;border:0;padding:11px 20px;font-size:12px;border-radius:22px;color:#675570;transition:background .3s,color .3s}.detail-switch button[aria-selected=true]{background:white;color:var(--purple);box-shadow:0 2px 7px #250b3a0a}.detail-stage{max-width:1250px;margin:auto;transform:translateY(var(--detail-y,0px)) scale(var(--detail-scale,1));transform-origin:center}.detail-stage .screen-shell>img{width:100%;height:auto;border-radius:9px}.detail-stage .screen-shell{background:var(--light-blue)}.detail-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;max-width:1250px;margin:35px auto 0}.detail-benefits p{font-size:12px;color:var(--muted);line-height:1.75;border-top:1px solid var(--line);padding-top:20px}.detail-benefits b{display:block;font-size:15px;font-weight:500;color:var(--ink);margin-bottom:7px}.motion-reduced .detail-stage{transform:none}
/* A softer headline and an integrated header let the living image lead. */
.hero h1{font-weight:500;font-size:clamp(62px,6.1vw,96px);line-height:1.07;letter-spacing:-.043em}.hero h1 span{color:#b383e7}.hero-description{font-size:17px;line-height:1.65;color:#eee8ef;max-width:490px}.hero-actions{gap:30px;margin-top:32px}.hero-actions .button{border-radius:32px;color:#29232f;font-size:13px;padding:13px 16px 13px 24px;gap:28px}.hero-actions .button>span{display:grid;place-items:center;background:#29232f;color:white;width:32px;height:32px;border-radius:50%;font-size:16px}.hero-actions .subtle-link{font-size:12px;gap:17px}.hero-shade{background:linear-gradient(90deg,#231a2fc2 0%,#291c343b 48%,transparent 78%),linear-gradient(0deg,#231c2c40,transparent 40%)}
.navigation{height:84px;background:#f7f7f7ed;padding:0 var(--page);transition:background .45s,color .45s,box-shadow .45s}.navigation:not(.light){background:linear-gradient(#241b2b70,transparent);color:white;backdrop-filter:none;-webkit-backdrop-filter:none}.navigation:not(.light) .brand img{filter:brightness(0) invert(1)}.navigation .brand img{width:175px}.navigation nav{gap:3px;background:#ece7ef;padding:5px;border-radius:30px;border:1px solid #d9d1df80}.navigation:not(.light) nav{background:#ffffff12;border-color:#ffffff25}.navigation nav a{padding:9px 16px;font-size:12px;border-radius:24px;transition:background .3s,color .3s}.navigation nav a:after{display:none}.navigation nav a:hover,.navigation nav a[aria-current]{background:#fff;color:var(--purple)}.navigation:not(.light) nav a:hover,.navigation:not(.light) nav a[aria-current]{background:#ffffff20;color:white}.navigation .nav-cta,.navigation.light .nav-cta{background:#fff;color:var(--ink);border:1px solid #d9d1df;border-radius:30px;padding:7px 8px 7px 20px;gap:23px;font-size:12px}.navigation .nav-cta>span{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:white;border-radius:50%;font-size:15px}.navigation:not(.light) .nav-cta{border-color:transparent}.reading-progress{background:#a385c6}
@media(max-width:1100px){.navigation nav a{padding:8px 12px;font-size:11px}.navigation .brand img{width:150px}.navigation .nav-cta{font-size:11px;gap:17px}.hero h1{font-size:clamp(59px,6.7vw,84px)}}
@media(max-width:760px){.detail-showcase .section-heading{margin-bottom:30px}.detail-intro{max-width:540px;margin-top:25px}.detail-benefits{gap:25px}.navigation,.navigation.light{height:70px}.navigation .brand img{width:145px}.hero h1{font-size:clamp(57px,8.2vw,76px)}}
@media(max-width:540px){.hero h1{font-size:clamp(44px,12vw,62px);letter-spacing:-.04em}.hero-description{font-size:14px}.hero-actions{gap:16px;margin-top:25px}.hero-actions .button{font-size:12px;padding:10px 12px 10px 20px;gap:25px}.hero-actions .button>span{width:29px;height:29px}.hero-actions .subtle-link{font-size:11px}.navigation,.navigation.light{height:66px;padding:0 24px}.navigation .brand img{width:143px}.navigation nav{display:none}.detail-switch{width:100%;justify-content:space-between}.detail-switch button{padding:10px 13px;font-size:11px;flex:1}.detail-stage{margin:0 -8px}.detail-benefits{grid-template-columns:1fr;gap:18px;margin-top:25px}.detail-benefits p{font-size:13px;padding-top:16px}.detail-benefits b{font-size:15px}.hero-shade{background:linear-gradient(90deg,#231a2fc7,#291c3438 100%),linear-gradient(0deg,#231c2c80,transparent 65%)}}
@media(max-height:600px){.hero h1{font-size:43px}.hero-description{font-size:12px;margin-top:14px}.hero-actions{margin-top:16px}.hero-actions .button{font-size:11px;padding:8px 12px 8px 18px}.hero-actions .button>span{width:25px;height:25px}}

/* Separate planes give the product story depth without cropping its portraits. */
.products .section-heading>div{transform:translateY(var(--products-title-y,0px))}
.products .section-heading>p{transform:translateY(var(--products-description-y,0px))}
.product-panel{animation:none}
.product-photo{transform:translateY(var(--products-photo-y,0px))}
.product-copy{transform:translateY(var(--products-copy-y,0px))}
.product-photo>span{transform:translateY(calc(var(--products-photo-y,0px) * -.22))}
.product-tabs button{position:relative;border-bottom-color:transparent!important}
.product-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.product-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.service-rail a{position:relative;overflow:hidden;isolation:isolate}
.service-rail a:before{content:'';position:absolute;inset:0;background:#ffffff10;transform:translateY(100%);transition:transform .5s var(--ease);z-index:-1}
.service-rail a:hover:before,.service-rail a:focus-visible:before{transform:translateY(0)}
.service-rail a:hover>span{transform:translate(3px,-3px)}
.motion-reduced .products .section-heading>div,.motion-reduced .products .section-heading>p,.motion-reduced .product-photo,.motion-reduced .product-copy,.motion-reduced .product-photo>span{transform:none}
@media(max-width:760px){.product-photo,.product-copy,.product-photo>span,.products .section-heading>div,.products .section-heading>p{transform:none}}
@media(prefers-reduced-motion:reduce){.product-photo,.product-copy,.product-photo>span,.products .section-heading>div,.products .section-heading>p{transform:none}}

/* Brand alignment: identity v1.2, strategy April 2026, tonality May 2026. */
@font-face{font-family:GreedNarrow;src:url('/assets/GreedNarrow-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--calm-blue:#CED7FF;--light-blue:#E1E7FF;--light-purple:#7423E5;--pink:#E61662}
h1,h2,.product-copy>h3{font-family:GreedNarrow,Greed,Arial,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:.95}
.hero h1{font-family:GreedNarrow,Greed,Arial,sans-serif;font-weight:700;line-height:.97;letter-spacing:-.02em}
.hero h1 span{color:#9e65ed;color:color-mix(in srgb,var(--light-purple) 70%,white)}
.hero-shade{background:linear-gradient(90deg,#111111ed 0%,#111111b5 37%,#11111120 64%,transparent 82%),linear-gradient(0deg,#11111135,transparent 42%)}
h2>span{color:var(--purple)}
.app-copy h2>span,.makker-heading h2>span,.closing h2>span{color:var(--calm-blue)}
.hero-description{letter-spacing:.01em}
.button,.hero-actions .button,.navigation .nav-cta,.navigation.light .nav-cta{border-radius:14px}
.navigation nav{background:#e1e7ff80;border-color:#ced7ff;border-radius:14px}
.navigation nav a{border-radius:9px}
.navigation .nav-cta>span,.hero-actions .button>span{border-radius:9px;background:var(--purple)}
.navigation.light{background:#f7f7f7f2}
.detail-switch{border-radius:14px;background:var(--light-blue);border-color:var(--calm-blue)}
.detail-switch button{border-radius:9px}
.detail-stage .screen-shell,.screen-shell{background:var(--light-blue)}
.product-photo{border-radius:18px 18px 48px 18px}
.eyebrow{letter-spacing:.08em}
@media(max-width:540px){.hero h1{line-height:.99}.hero-shade{background:linear-gradient(90deg,#111111eb,#11111165 100%),linear-gradient(0deg,#11111155,transparent 65%)}.product-photo{border-radius:14px 14px 32px 14px}}

.product-photo>span{font-family:GreedNarrow,Greed,Arial,sans-serif;font-weight:700;letter-spacing:-.02em}

/* Vibrant Pink is the secondary brand accent, reserved for bold moments and actions. */
.hero h1 span{color:var(--pink)}
.navigation .nav-cta>span,.hero-actions .button>span{background:var(--pink)}
.reading-progress{background:var(--pink)}
.mark-tile{background:var(--pink)}.mark-tile img{filter:brightness(0) invert(1)}
.closing h2>span{color:var(--pink)}
.closing{background:var(--deep)}
@media(max-width:540px){.hero-shade{background:linear-gradient(90deg,#111111ee,#111111b8 100%),linear-gradient(0deg,#11111155,transparent 65%)}}
/* Showcase surfaces share Mijn Makkelijk's lavender glass tray. */
#overview .screen-shell,#product-in-detail .screen-shell{position:relative;padding:8px;border:1px solid #ded9e6a6;border-radius:24px;background:#eae7eec9;box-shadow:inset 0 1px 0 #ffffffc4,0 24px 60px -42px #4f0fa93b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}
#product-in-detail .screen-shell>img{border-radius:17px;background:#f4f3f6}
.showcase-icon{width:22px;height:22px;display:block;flex-shrink:0}
#overview .showcase-expand,#product-in-detail .showcase-expand{position:absolute;z-index:5;top:18px;right:18px;width:39px;height:39px;display:grid;place-items:center;padding:0;background:#ffffffe6;color:var(--deep);border:1px solid #ded9e6;border-radius:12px;box-shadow:0 3px 14px #370a7610;backdrop-filter:blur(12px);transition:background .25s,transform .25s}
#overview .showcase-expand:hover,#product-in-detail .showcase-expand:hover{background:white;transform:translateY(-2px)}
.showcase-expand .showcase-icon{width:18px;height:18px}
#overview .overview-visual{transform:translateY(var(--overview-frame-y,0px));will-change:transform}
#product-in-detail .section-heading{transform:translateY(var(--detail-copy-y,0px))}
#product-in-detail .detail-benefits{gap:28px;margin-top:30px}
#product-in-detail .detail-benefit{display:flex;gap:16px;align-items:flex-start;padding:22px 0;border-top:1px solid #ded9e6;min-width:0}
.detail-benefit-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#eae7eec9;color:var(--deep);border:1px solid #ded9e6a6;box-shadow:inset 0 1px 0 #ffffffb3}
#product-in-detail .detail-benefit h3{font-size:17px;font-weight:500;color:var(--deep);letter-spacing:-.025em;line-height:1.3;margin:1px 0 8px}
#product-in-detail .detail-benefit p{font-size:12px;line-height:1.7;border:0;padding:0;margin:0;color:var(--muted)}
@media(max-width:1000px){#overview .overview-visual,#product-in-detail .detail-stage,#product-in-detail .section-heading{transform:none;will-change:auto}}
@media(max-width:760px){#product-in-detail .detail-benefits{gap:20px}#product-in-detail .detail-benefit{gap:12px}.detail-benefit-icon{width:34px;height:34px;border-radius:10px}.detail-benefit-icon .showcase-icon{width:19px;height:19px}}
@media(max-width:540px){#overview .screen-shell,#product-in-detail .screen-shell{padding:5px;border-radius:15px}#product-in-detail .screen-shell>img{border-radius:10px}#overview .showcase-expand,#product-in-detail .showcase-expand{top:12px;right:12px;width:32px;height:32px;border-radius:10px}#product-in-detail .detail-benefits{grid-template-columns:1fr;gap:0}#product-in-detail .detail-benefit{padding:20px 0}#product-in-detail .detail-benefit h3{font-size:17px}}
.motion-reduced #overview .overview-visual,.motion-reduced #product-in-detail .detail-stage,.motion-reduced #product-in-detail .section-heading{transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){#overview .overview-visual,#product-in-detail .detail-stage,#product-in-detail .section-heading{transform:none;will-change:auto}.showcase-expand{transition:none!important}}

/* Section headings lead directly; product benefits use the application's own icon set. */
.hero h1 span{color:var(--calm-blue)}
.navigation .nav-cta>span,.hero-actions .button>span{background:var(--purple)}
.feature-list{margin-top:28px}
.feature-list li{gap:18px;padding:20px 0;align-items:flex-start}
.feature-list li>.feature-icon{display:block;flex:0 0 24px;width:24px;height:24px;margin-top:2px;padding:0;background:var(--purple);-webkit-mask:var(--feature-icon) center/contain no-repeat;mask:var(--feature-icon) center/contain no-repeat}
.feature-list li>div{min-width:0}
.feature-list b{display:block;font-size:16px;line-height:1.35}
.feature-list p{font-size:13px;line-height:1.65;margin-top:6px;max-width:410px}
@media(max-width:540px){.feature-list li{gap:16px;padding:18px 0}.feature-list b{font-size:15px}.feature-list p{font-size:13px}}
#product-in-detail .detail-switch{background:#eae7eec9;border-color:#ded9e6a6;box-shadow:inset 0 1px 0 #ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#product-in-detail .detail-switch button[aria-selected=true]{color:var(--deep);box-shadow:0 2px 7px #370a7608}

/* One clear header surface, with direct navigation and account access. */
.navigation,.navigation.light,.navigation:not(.light){height:80px;background:var(--paper);color:var(--ink);border-bottom:1px solid #1111110d;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.navigation .brand img,.navigation.light .brand img,.navigation:not(.light) .brand img{filter:none;width:180px}
.navigation nav,.navigation:not(.light) nav{padding:0;border:0;border-radius:0;background:none;gap:32px}
.navigation nav a{position:relative;padding:8px 0;font-size:14px;border-radius:0;white-space:nowrap}
.navigation nav a:hover,.navigation nav a[aria-current],.navigation:not(.light) nav a:hover,.navigation:not(.light) nav a[aria-current]{background:none;color:var(--purple)}
.navigation nav a:after{display:block;bottom:1px;height:2px;background:var(--purple);transform:scaleX(0);transition:transform .3s var(--ease)}
.navigation nav a:hover:after,.navigation nav a[aria-current]:after{transform:scaleX(1)}
.navigation .nav-cta,.navigation.light .nav-cta,.navigation:not(.light) .nav-cta{padding:11px 16px;background:var(--purple);border:0;border-radius:12px;gap:18px;color:white;font-size:13px}
.navigation .nav-cta>span{background:none;width:auto;height:auto;font-size:18px}
.reading-progress{background:var(--purple);opacity:.45}
@media(max-width:1100px){.navigation nav{gap:22px}.navigation nav a{font-size:13px}.navigation .brand img{width:155px}.navigation .nav-cta{font-size:12px}}
@media(max-width:760px){.navigation,.navigation.light,.navigation:not(.light){height:70px}.navigation nav{display:none}.navigation .brand img,.navigation.light .brand img,.navigation:not(.light) .brand img{width:150px}}
@media(max-width:540px){.navigation,.navigation.light,.navigation:not(.light){height:66px}.navigation .nav-cta{display:none}.navigation .brand img,.navigation.light .brand img,.navigation:not(.light) .brand img{width:145px}}

/* A quieter opening and a static product view: no dashboard pinning or scroll zoom. */
.hero h1{font-size:clamp(76px,7.7vw,120px);line-height:.91;letter-spacing:-.02em}
.hero h1 span{color:white}
.hero-copy{top:51%;max-width:650px}
.hero-description{margin-top:28px;font-size:18px;line-height:1.6}
.hero-shade{background:linear-gradient(90deg,#211727d9 0%,#24192786 35%,#24192720 62%,transparent 80%)}
.hero-actions .button{background:var(--purple);color:white;padding:17px 23px;font-size:14px;gap:27px}
.hero-actions .button>span{background:none;width:auto;height:auto;border-radius:0;font-size:20px}
.overview-section{height:auto!important;background:var(--paper);padding:95px var(--page)}
.overview-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;max-width:1280px;margin:0 auto 40px}
.overview-intro h2{font-size:clamp(44px,4.5vw,68px)}
.overview-intro>div{max-width:430px;justify-self:end}
.overview-intro p{font-size:16px;color:var(--muted);line-height:1.7}
.overview-static{max-width:1280px;margin:auto;position:relative;transform:none!important;padding:7px;background:var(--light-blue);border-radius:20px;overflow:hidden}
.overview-static>img{width:100%;height:auto;border-radius:14px;transform:none!important}
.overview-benefits{max-width:1280px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.overview-benefits>div{display:flex;gap:17px;border-top:1px solid var(--line);padding-top:22px}
.overview-benefits .feature-icon{width:25px;height:25px;flex:0 0 25px;background:var(--purple);-webkit-mask:var(--feature-icon) center/contain no-repeat;mask:var(--feature-icon) center/contain no-repeat}
.overview-benefits h3{font-size:17px;line-height:1.3;margin-bottom:8px}
.overview-benefits p{font-size:13px;line-height:1.65;color:var(--muted)}
.detail-stage,#product-in-detail .section-heading{transform:none!important;will-change:auto}
.makker-layout{align-items:start;gap:55px}
.makker-questions{padding-top:0}
.makker-questions>button{padding:23px 0;font-size:17px}
.question-explanation{min-height:0;border-left:2px solid var(--pink);padding:0 0 0 20px;margin-top:28px}
#question-title{font-size:21px;line-height:1.25}
#question-copy{font-size:14px;line-height:1.7;margin-top:13px}
.phone-duo{height:740px;max-width:620px}
.phone-front{height:96%;left:6%;right:auto;top:0;z-index:1;transform:translateY(var(--app-front-y,0px)) rotate(-3deg)}
.phone-back{height:67%;left:auto;right:0;top:27%;z-index:2;transform:translateY(var(--app-back-y,0px)) rotate(6deg);filter:drop-shadow(-14px 25px 23px #21064b65);animation:phone-hover 6s ease-in-out infinite}
@keyframes phone-hover{0%,100%{translate:0 -8px}50%{translate:0 8px}}
.motion-reduced .phone-back{animation:none;translate:none;transform:rotate(6deg)}
@media(max-width:1100px){.phone-duo{height:650px}.hero h1{font-size:clamp(72px,8vw,100px)}}
@media(max-width:760px){.overview-intro{grid-template-columns:1fr;gap:25px}.overview-intro>div{justify-self:start}.overview-benefits{grid-template-columns:1fr;gap:22px}.phone-duo{height:680px;max-width:520px}}
@media(max-width:540px){.hero-copy{top:24%;max-width:none}.hero h1{font-size:clamp(66px,17vw,85px)}.hero-description{font-size:14px;line-height:1.6;margin-top:24px}.hero-actions .button{padding:15px 20px;font-size:13px}.hero-shade{background:linear-gradient(90deg,#211727dc,#21172770 100%)}.overview-section{padding:70px 24px}.overview-intro{margin-bottom:30px}.overview-intro h2{font-size:46px}.overview-intro p{font-size:14px}.overview-static{border-radius:15px;padding:5px}.overview-static>img{border-radius:10px}.overview-benefits{margin-top:25px}.phone-duo{height:560px;max-width:350px}.phone-front{height:95%;left:0;max-width:none}.phone-back{height:65%;right:-1%;top:29%;max-width:none}.makker-layout{gap:32px}}
@media(max-height:600px){.hero-copy{top:90px}.hero h1{font-size:58px}.hero-description{font-size:12px;margin-top:18px}.hero-actions{margin-top:20px}.hero-actions .button{font-size:12px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.phone-back{animation:none;translate:none}}

/* Reference alignment: calm blue canvas, purple type, and purposeful single entrances. */
.hero{background:var(--calm-blue);color:var(--purple);overflow:hidden}
.hero-photo{inset:108px var(--page) 30px auto;width:46%;height:auto;border-radius:24px;overflow:hidden;z-index:-1}
.hero-photo img,.hero-video{object-position:76% center;transform:none!important}
.hero-shade{display:none}
.hero-copy{left:var(--page);top:53%;width:42%;max-width:640px}
.hero h1,.hero h1 span{color:var(--purple)}
.hero-line{display:block;animation:brand-land .6s cubic-bezier(.16,1.12,.32,1) both}
.hero-line+ .hero-line{animation-delay:.09s}
@keyframes brand-land{from{transform:translateY(28px)}70%{transform:translateY(-3px)}to{transform:translateY(0)}}
.hero-description{color:var(--deep);font-size:17px;max-width:460px}
.hero-actions .subtle-link{color:var(--purple);border-bottom-color:#4f0fa950}
.hero-bottom{right:calc(var(--page) + 18px);bottom:43px}
.hero-motion{color:white;text-shadow:0 1px 5px #11111180}
.hero-copy .entrance{animation:brand-land .65s cubic-bezier(.16,1.12,.32,1) both}
.hero-copy p.entrance{animation-delay:.16s}.hero-copy .hero-actions.entrance{animation-delay:.24s}
h2{color:var(--purple)}
.app-section h2,.closing h2{color:white}
.makker-section{background:var(--calm-blue);color:var(--purple)}
.makker-heading h2,.makker-heading h2>span{color:var(--purple)}
.makker-heading>p:last-child,.makker-questions>button,.question-explanation p,#question-copy{color:var(--deep)}
.makker-questions>button{border-color:#4f0fa930}
.makker-questions>button[aria-pressed=true]{color:var(--purple);border-bottom-color:var(--purple)}
.makker-questions>button>span{color:var(--purple)}
.phone-back{animation:none;translate:none}
.js .reveal{opacity:1;transition:transform .6s cubic-bezier(.16,1.12,.32,1)}
@media(max-width:1100px){.hero h1{font-size:clamp(62px,7.5vw,96px)}.hero-photo{width:46%}.hero-description{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{font-size:13px;padding:15px 18px}}
@media(max-width:760px){.hero-photo{inset:95px 24px 28px auto;width:43%}.hero-copy{width:47%;top:51%;left:24px}.hero h1{font-size:clamp(54px,7.7vw,72px)}.hero-description{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-actions .button{font-size:12px}.hero-bottom{right:35px;bottom:40px}}
@media(max-width:540px){.hero-photo{inset:80px 16px auto auto;width:44%;height:43%;border-radius:18px}.hero-copy{top:42%;left:24px;right:24px;width:auto;transform:none}.hero h1{font-size:clamp(64px,17vw,85px);line-height:.94;max-width:85%}.hero-description{font-size:14px;max-width:310px;margin-top:20px}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:20px}.hero-actions .button{font-size:12px;padding:13px 16px;gap:17px}.hero-actions .subtle-link{font-size:10px;gap:9px}.hero-bottom{top:95px;right:28px;bottom:auto}.hero-motion .motion-label{display:none}.hero-line+ .hero-line{animation-delay:.07s}}
@media(max-height:600px){.hero-photo{top:92px;bottom:20px}.hero-copy{top:105px;transform:none}.hero h1{font-size:54px}.hero-description{font-size:12px;margin-top:17px}.hero-actions{margin-top:17px}.hero-bottom{bottom:32px}}
.motion-reduced .hero-line{animation:none;transform:none}
@media(prefers-reduced-motion:reduce){.hero-line{animation:none;transform:none}}

/* Reference bento: one real screen, one blue information tile, one pink action tile. */
.hero-photo .hero-makker{position:absolute;inset:auto auto 24px 24px;width:130px;height:auto;max-width:24%;object-fit:contain;transform:none!important;z-index:3;pointer-events:none}
.hero-actions .button{background:var(--pink)}
.account-bento{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);grid-template-rows:auto auto;gap:18px;max-width:1280px;margin:auto}
.bento-screen{grid-row:span 2;position:relative;background:var(--light-blue);padding:7px;border-radius:20px;overflow:hidden;display:flex;align-items:center}
.bento-screen>img{width:100%;height:auto;border-radius:14px}
.bento-screen .showcase-expand{position:absolute;right:18px;top:18px;z-index:2}
.bento-details,.bento-makker{padding:30px;border-radius:20px;min-width:0}
.bento-details{background:var(--calm-blue);color:var(--purple)}
.bento-details>h3,.bento-makker h3{font-family:GreedNarrow,Greed,sans-serif;font-weight:700;font-size:35px;line-height:.98;letter-spacing:-.02em}
.bento-details .overview-benefits{display:block;margin-top:26px}
.bento-details .overview-benefits>div{padding-top:16px;margin-top:16px;gap:14px;border-top-color:#4f0fa928}
.bento-details h4{font-size:14px;font-weight:500;line-height:1.3;margin:0 0 6px}
.bento-details p{font-size:12px;color:var(--deep)}
.bento-makker{background:var(--pink);color:white;position:relative}
.bento-makker>.feature-icon{display:block;width:40px;height:34px;background:white;-webkit-mask:var(--feature-icon) center/contain no-repeat;mask:var(--feature-icon) center/contain no-repeat;margin-bottom:20px}
.bento-makker p{font-size:13px;line-height:1.6;margin-top:15px;max-width:270px}
.bento-link{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffffff55;padding-top:17px;margin-top:22px;font-size:12px}
.product-contact>span,.app-expand>span{color:var(--pink)}
.closing-content{background:var(--pink);border-radius:24px;padding:65px 35px;max-width:1280px;margin:auto}
.closing h2>span{color:var(--deep)}
.closing-content>p:not(.eyebrow){color:white}
.closing .subtle-link{color:white}
.detail-switch{flex-wrap:wrap}
@media(max-width:1100px){.account-bento{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.bento-details,.bento-makker{padding:26px}.bento-details>h3,.bento-makker h3{font-size:31px}}
@media(max-width:760px){.account-bento{grid-template-columns:1fr 1fr}.bento-screen{grid-column:1/-1;grid-row:auto}.bento-details,.bento-makker{padding:25px}.hero-photo .hero-makker{width:100px;left:18px;bottom:18px}}
@media(max-width:540px){.account-bento{grid-template-columns:1fr;gap:14px}.bento-screen{grid-column:auto}.bento-details,.bento-makker{padding:27px;border-radius:16px}.bento-details>h3,.bento-makker h3{font-size:35px}.hero-photo{height:29%}.hero-photo .hero-makker{width:65px;max-width:40%;left:12px;bottom:12px}.hero-copy{top:40%}.closing-content{padding:40px 22px;border-radius:18px}.closing h2{font-size:48px}.detail-switch button{font-size:10px;padding:10px 9px}}

/* Shared gutters and stronger lower-page editorial rhythm. */
.overview-intro,.account-bento,.overview-static,.overview-benefits,.detail-stage,.detail-benefits{max-width:none}
.life-copy h2{color:white}
.navigation:not(.light){background:var(--calm-blue);border-bottom-color:transparent}
.navigation .nav-cta,.navigation.light .nav-cta,.navigation:not(.light) .nav-cta{background:transparent;color:var(--purple);border:1px solid #4f0fa93b;padding:10px 14px;gap:9px;font-size:13px}
.navigation .nav-cta .account-icon{display:block;width:19px;height:19px;background:var(--purple);-webkit-mask:url('/assets/icons/account.svg') center/contain no-repeat;mask:url('/assets/icons/account.svg') center/contain no-repeat}
.hero-benefits{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding:0;margin:24px 0 0;font-size:13px;line-height:1.4;max-width:470px}
.hero-benefits li{display:flex;align-items:center;gap:9px}
.hero-benefits li:before{content:'✓';font-size:16px;font-weight:700}
.hero-actions{margin-top:25px}
.esim-section{background:var(--light-blue);padding:95px var(--page);grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}
.esim-copy{max-width:none}.esim-copy h2{font-size:clamp(50px,5vw,76px)}
.esim-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.esim-info{background:var(--calm-blue);padding:27px;border-radius:18px;color:var(--purple)}
.esim-info .feature-icon{display:block;width:28px;height:28px;background:currentColor;-webkit-mask:var(--feature-icon) center/contain no-repeat;mask:var(--feature-icon) center/contain no-repeat;margin-bottom:28px}
.esim-info h3{font-family:GreedNarrow,Greed,sans-serif;font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em}
.esim-info p{font-size:13px;line-height:1.65;margin-top:15px}
.pink-info{background:var(--pink);color:white}
.esim-preview{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;background:none;border:0;border-top:1px solid #ffffff66;padding:17px 0 0;margin-top:25px;color:white;font-size:12px;text-align:left}
.esim-visual{height:640px;max-width:365px;justify-self:center;width:100%}
.esim-visual>img{height:100%;max-width:100%;filter:drop-shadow(0 20px 25px #370a7625)}
.day-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;background:var(--paper)}
.day-intro{position:sticky;top:150px;max-width:500px;transform:translateY(var(--day-copy-y,0px))}
.day-intro h2{font-size:clamp(50px,5vw,76px)}
.day-intro>p{font-size:17px;line-height:1.7;color:var(--muted);margin-top:28px}
.day-stack{display:grid;gap:17px}
.day-note{background:var(--calm-blue);border-radius:18px;padding:30px;color:var(--purple)}
.day-note h3{font-family:GreedNarrow,Greed,sans-serif;font-weight:700;font-size:34px;letter-spacing:-.02em}
.day-note p{font-size:14px;line-height:1.7;margin-top:15px;max-width:440px}
.pink-note{background:var(--pink);color:white}
.pink-note a{display:flex;justify-content:space-between;border-top:1px solid #ffffff60;padding-top:20px;margin-top:24px;font-size:13px}
.day-photo{margin:0;border-radius:18px;overflow:hidden;height:560px;transform:translateY(var(--day-photo-y,0px))}
.day-photo>img{width:100%;height:100%;object-fit:cover;object-position:center}
.choose-section{background:var(--light-blue)}
.choose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;transform:translateY(var(--choices-y,0px))}
.choose-grid>a{display:flex;flex-direction:column;background:var(--purple);border-radius:18px;padding:30px;color:white;min-height:280px;transition:translate .4s var(--ease),background .4s}
.choose-grid>a:hover{translate:0 -7px;background:var(--deep)}
.choose-grid>a:nth-child(even){background:var(--pink)}
.choose-grid .feature-icon{display:block;width:28px;height:28px;background:white;-webkit-mask:var(--feature-icon) center/contain no-repeat;mask:var(--feature-icon) center/contain no-repeat;margin-bottom:25px}
.choose-grid h3{font-family:GreedNarrow,Greed,sans-serif;font-weight:700;font-size:33px}
.choose-grid p{font-size:13px;line-height:1.6;margin:16px 0 28px;max-width:230px}
.choose-action{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff55;font-size:12px}
.closing{background:var(--calm-blue);color:var(--purple);padding-top:85px;padding-bottom:0}
.closing-content{display:grid;grid-template-columns:1fr .45fr;gap:70px;text-align:left;background:none;border-radius:0;padding:0;margin:0;max-width:none;align-items:center}
.closing-message h2,.closing h2>span{font-size:clamp(52px,5.3vw,82px);color:var(--purple)}
.closing-message>p{font-size:17px;margin-top:25px;color:var(--deep)}
.closing-content>img{width:240px;max-width:100%;height:auto;justify-self:center}
.closing-actions{justify-content:flex-start;margin-top:28px}
.closing-actions .button{background:var(--pink);color:white;border-radius:14px}
.closing .subtle-link{color:var(--purple);border-bottom-color:#4f0fa955}
.closing footer{background:var(--purple);color:white;margin:75px calc(-1 * var(--page)) 0;padding:45px var(--page) 25px;border:0}
@media(max-width:1100px){.hero-benefits{font-size:12px;gap:9px 15px}.hero h1{font-size:clamp(62px,7vw,90px)}.esim-section{gap:40px;grid-template-columns:1.2fr .8fr}.esim-cards{grid-template-columns:1fr}.esim-info{padding:24px}.esim-info .feature-icon{margin-bottom:20px}.esim-visual{height:660px}.choose-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.day-story{grid-template-columns:1fr;gap:35px}.day-intro{position:static;transform:none;max-width:none}.day-photo{height:580px;transform:none}.esim-section{grid-template-columns:1fr;gap:45px}.esim-cards{grid-template-columns:1fr 1fr}.esim-visual{height:620px}.closing-content{grid-template-columns:1fr .3fr;gap:30px}.closing-actions{gap:22px}.hero-benefits{grid-template-columns:1fr;font-size:12px;gap:7px}}
@media(max-width:540px){.hero-copy{top:32%}.hero h1{font-size:clamp(56px,15.5vw,66px)}.hero-photo{height:24%}.hero-benefits{grid-template-columns:1fr 1fr;font-size:10px;gap:8px 13px;margin-top:14px}.hero-benefits li{gap:7px}.hero-benefits li:before{font-size:13px}.hero-description{font-size:12px;margin-top:18px}.hero-actions{margin-top:16px}.hero-actions .button{font-size:11px;padding:12px 14px}.esim-section{padding:70px 24px}.esim-copy h2{font-size:47px}.esim-cards{grid-template-columns:1fr}.esim-info{padding:28px}.esim-info h3{font-size:32px}.esim-visual{height:570px}.day-photo{height:440px}.day-note{padding:27px}.day-note h3{font-size:32px}.day-intro h2{font-size:49px}.choose-grid{grid-template-columns:1fr 1fr;gap:12px}.choose-grid>a{padding:22px 17px;min-height:280px}.choose-grid h3{font-size:27px}.choose-grid p{font-size:12px}.choose-action{font-size:10px}.closing-content{display:block}.closing-content>img{width:100px;margin:35px 0 0}.closing-message h2{font-size:50px}.closing-message>p{font-size:15px}.closing-actions{align-items:flex-start;gap:18px}.closing footer{margin-top:45px}.hero-line{animation-duration:.5s}}
.motion-reduced .day-intro,.motion-reduced .day-photo,.motion-reduced .choose-grid{transform:none}
@media(prefers-reduced-motion:reduce){.day-intro,.day-photo,.choose-grid{transform:none}}

/* Real feature storytelling replaces the numbered filler section. */
.billing-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;background:var(--deep);color:white;overflow:hidden}
.billing-copy{transform:translateY(var(--billing-copy-y,0px))}
.billing-copy h2{color:white;font-size:clamp(48px,5vw,76px)}
.billing-copy>p{font-size:17px;line-height:1.7;color:#e1e7ff;margin-top:28px;max-width:440px}
.billing-copy ul{list-style:none;margin:30px 0;padding:0}
.billing-copy li{display:flex;gap:17px;padding:20px 0;border-top:1px solid #ffffff30}
.billing-copy .feature-icon{display:block;flex:0 0 24px;width:24px;height:24px;background:var(--calm-blue);-webkit-mask:var(--feature-icon) center/contain no-repeat;mask:var(--feature-icon) center/contain no-repeat}
.billing-copy h3{font-size:17px;line-height:1.3;margin-bottom:7px}
.billing-copy li p{font-size:13px;color:#e1e7ff;line-height:1.65}
.billing-copy .button{background:var(--pink);color:white;font-size:13px}
.billing-screen{position:relative;padding:7px;background:var(--calm-blue);border-radius:19px;transform:translateY(var(--billing-screen-y,0px))}
.billing-screen>img{width:100%;height:auto;border-radius:13px}
.billing-screen .showcase-expand{position:absolute;top:18px;right:18px;z-index:2}
.js .reveal-media{clip-path:inset(5% 0 0 round 18px);transition:clip-path .85s cubic-bezier(.16,1.12,.32,1),transform .85s cubic-bezier(.16,1.12,.32,1)}
.js .reveal-media.visible{clip-path:inset(0 round 18px)}
.bento-makker.reveal{transition-delay:.09s}
.navigation nav a{color:var(--purple)}
@media(max-width:1000px){.billing-section{grid-template-columns:1fr;gap:40px}.billing-copy{max-width:650px}.billing-copy,.billing-screen{transform:none}.billing-screen{max-width:none}}
@media(max-width:540px){.billing-copy h2{font-size:48px}.billing-copy>p{font-size:15px}.billing-copy li p{font-size:13px}.billing-screen{padding:5px;border-radius:14px}.billing-screen>img{border-radius:9px}}
.motion-reduced .billing-copy,.motion-reduced .billing-screen{transform:none}
.motion-reduced .reveal-media{clip-path:none}
@media(prefers-reduced-motion:reduce){.billing-copy,.billing-screen{transform:none}.js .reveal-media{clip-path:none}}
@supports(interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}.faq-list details::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}.faq-list details[open]::details-content{height:auto}}