/* Shared checkout direction, scoped below the existing eSIM picker. */
.lge-story{
  --panel:#F1F3F4; --card:#E0E6E9; --raised:#DDE4E7; --inset:#DCE3E6;
  --edge:#CAD4D8; --edge-soft:#D9E0E3; --edge-hi:#A5B5BB;
  --ink-1:#18252B; --ink-2:#42535B; --ink-3:#5F717A;
  --coat:#087C79; --coat-dim:#D2E6E3;
  position:relative; isolation:isolate;
  background:linear-gradient(180deg,#0A0A0B 0,#0E1419 110px,#2B3941 230px,#D6E0E4 410px,#E8ECEE 590px,#E8ECEE 100%);
  color:var(--ink-2); padding-bottom:64px;
}
.lge-story > section,.lge-story-signoff{position:relative;z-index:1}
.lge-story-trails{position:absolute;z-index:0;inset:12px 0 auto;height:520px;overflow:hidden;pointer-events:none}
.lge-story-trails svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 6px rgba(129,216,208,.18))}
.lge-story-trails .trail-highlight{stroke-dasharray:220 2100;animation:lgeTrailTrace 16s linear infinite}
@keyframes lgeTrailTrace{to{stroke-dashoffset:-2320}}
.lge-story #lgeCalc{padding-top:64px}
.lge-story-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px 90px;gap:30px;align-items:center;margin-bottom:44px;min-height:148px}
.lge-story-intro .lge-h2{color:#F1F6F7;font-size:36px;line-height:1.3;letter-spacing:0}
.lge-story-intro .lge-sec-lede{color:#BFCDD3;margin:12px 0 0;line-height:1.8}
.lge-story-copy{color:#CEDADD;font-family:'Snell Roundhand','Segoe Script','Brush Script MT',cursive;font-size:34px;font-weight:400;line-height:1.15;transform:rotate(-6deg);letter-spacing:0;pointer-events:none}
.lge-story-copy span{display:block}.lge-story-copy span+span{margin-left:23px}
.lge-story-words{display:grid;gap:10px;color:#BFCDD3;font-size:9px;line-height:1.2;letter-spacing:0;text-transform:uppercase;pointer-events:none}
.lge-story .lge-h2{font-size:36px;line-height:1.3;letter-spacing:0}
.lge-story .lge-sec:not(#lgeCalc) .lge-h2,
.lge-story :is(.lge-calc-label,.lge-ref b,.lge-why-card h3,.lge-steps h3,.lge-devices h3,.lge-note-card h3,.lge-note-card strong,.lge-check h3){color:var(--ink-1)}
.lge-story .lge-sec:not(#lgeCalc){padding-top:72px}
.lge-story .lge-sec-lede{color:var(--ink-2)}
.lge-story-intro .lge-sec-lede{color:#BFCDD3}
.lge-story .lge-calc{background:var(--panel);border-color:var(--edge);border-radius:8px;box-shadow:0 18px 45px rgba(19,38,45,.08)}
.lge-story .lge-calc-label{line-height:1.7}
.lge-story .lge-chip{min-height:44px;background:#E6EBED;border-color:#C1CDD2;color:#35474F;letter-spacing:0;line-height:1.5;white-space:normal}
.lge-story .lge-chip:hover{border-color:#087C79;background:#DDE7E8}
.lge-story .lge-chip.is-on{background:#D2E6E3;border-color:#087C79;color:#075D59;box-shadow:inset 0 0 0 1px #087C79}
.lge-story .lge-chip:focus-visible{outline:2px solid #087C79;outline-offset:3px}
.lge-story .lge-ref{border-top:1px solid var(--edge);padding-top:20px;gap:16px}
.lge-story .lge-ref div{background:transparent;border:0;border-left:1px solid #BECCD2;padding:2px 16px;border-radius:0}
.lge-story .lge-ref b{font-size:18px}
.lge-story .lge-needle,.lge-story .lge-needle::after{box-shadow:none}
.lge-story .lge-out-n{font-size:40px;letter-spacing:0}
.lge-story .lge-why-card,.lge-story .lge-steps li,.lge-story .lge-devices>div,.lge-story .lge-note-card{border-color:var(--edge);border-radius:8px;background:var(--panel)}
.lge-story .lge-shot{border-radius:7px 7px 0 0}
.lge-story .lge-shot::after{background:linear-gradient(180deg,transparent 76%,rgba(24,37,43,.12) 100%)}
.lge-story :is(.lge-why-ic,.lge-steps b){color:#087C79;letter-spacing:0}
.lge-story .lge-light{background:#DEE5E8;border-top:1px solid #CCD7DC;border-bottom:1px solid #CCD7DC;margin-top:72px;padding-bottom:64px}
.lge-story .lge-light .lge-guide li,.lge-story .lge-guidecard{background:#EEF1F3;border-color:#C4D0D6;border-radius:8px}
.lge-story .lge-light .lge-os button{background:#EDF1F2;color:#42535B;border-color:#B9C8CF}
.lge-story .lge-light .lge-os button.is-on{background:#19252B;border-color:#19252B;color:#F1F6F7}
.lge-story .lge-light strong[style],.lge-story .lge-dev-more strong[style]{color:#18252B!important}
.lge-story .lge-guidecard a{background:#81D8D0;color:#07140F;min-height:44px;display:inline-flex;align-items:center}
.lge-story .lge-guide[hidden]{display:none}
.lge-story .lge-dev-more p[style]{color:#914C42!important}
.lge-story .lge-note-card.warn{background:#EBE7DE;border-color:#CBBE9E}
.lge-story .lge-check{background:#DAE7E5;border-color:#B2CDC8;border-radius:8px}
.lge-story .lge-faq{border-top:1px solid #BCCBD1}
.lge-story .lge-faq summary{color:#23373F;min-height:60px}
.lge-story .lge-faq details[open] summary{color:#075D59}
.lge-story .lge-faq details[open] p{animation:lgeSoftAnswer .2s ease-out}
@keyframes lgeSoftAnswer{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
.lge-story .lge-more-links a:hover{color:#075D59}
.lge-story .lge-band{margin-top:72px}
.lge-story-signoff{display:flex;align-items:center;gap:28px;margin-top:64px;padding-top:30px;border-top:1px solid #C2CDD3;flex-wrap:wrap}
.lge-story-signoff img{width:102px;height:28px;object-fit:contain;filter:brightness(0);opacity:.85}
.lge-story-signoff p{margin:0;font-size:12px;color:#596F7A;line-height:1.6}
.lge-story-signoff .lge-story-motto{margin-left:auto}
@media(max-width:1100px){
  .lge-story-intro{grid-template-columns:minmax(0,1fr) 260px 70px;gap:20px}
  .lge-story-copy{font-size:29px}
}
@media(max-width:767px){
  .lge-story{background:linear-gradient(180deg,#0A0A0B 0,#152027 150px,#35454D 280px,#D6E0E4 450px,#E8ECEE 640px,#E8ECEE 100%);padding-bottom:44px}
  .lge-story #lgeCalc{padding-top:42px}
  .lge-story-intro{grid-template-columns:minmax(0,1fr) 86px;gap:24px 14px;min-height:0;margin-bottom:32px}
  .lge-story-intro-main{grid-column:1/-1}
  .lge-story .lge-h2,.lge-story-intro .lge-h2{font-size:28px;line-height:1.4}
  .lge-story-copy{font-size:27px;max-width:270px;transform:rotate(-5deg);padding:8px 0}
  .lge-story-copy span+span{margin-left:14px}
  .lge-story-words{font-size:8px;gap:7px}
  .lge-story-trails{top:95px;height:490px}
  .lge-story .lge-calc{padding:24px 18px}
  .lge-story .lge-calc-hint{display:block;margin:3px 0 0}
  .lge-story .lge-chip{padding:10px 12px;font-size:13px}
  .lge-story .lge-sec:not(#lgeCalc){padding-top:52px}
  .lge-story .lge-light,.lge-story .lge-band{margin-top:52px}
  .lge-story .lge-light{padding-bottom:44px}
  .lge-story-signoff{margin-top:44px;gap:16px}
  .lge-story-signoff .lge-story-motto{margin-left:0;flex-basis:100%;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .lge-story-trails .trail-highlight,.lge-story .lge-faq details[open] p{animation:none}
  .lge-story *{scroll-behavior:auto;transition:none!important}
}