/* Reviewed illustration system. Scope excludes application and checkout UI. */
body.leiu-design-petrol .why-scene.leiu-craft-scene{container-type:inline-size;padding:0;background:radial-gradient(ellipse at 50% 0%,rgb(110 160 156 / 12%),transparent 65%),linear-gradient(170deg,#101b1b,#0b1314 60%,#0d1717);color:#d2d5da}
body.leiu-design-petrol .leiu-craft-scene::before{z-index:-1}
body.leiu-design-petrol .leiu-craft-phone{position:absolute;top:5%;left:29%;width:42%;height:auto;max-width:none;filter:drop-shadow(0 12px 20px #0003)}
body.leiu-design-petrol .leiu-craft-saving{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body.leiu-design-petrol .leiu-craft-saving .craft-label{margin:0;color:#d2d5da;font-size:clamp(19px,3.5cqw,27px);font-weight:500;line-height:1.4;letter-spacing:-.035em}
body.leiu-design-petrol .leiu-craft-saving > .craft-label:first-child{transform:translateY(2px)}
body.leiu-design-petrol .craft-number{display:flex;align-items:baseline;gap:.025em;padding:.02em .04em .03em;margin:-1.2cqw 0 -1cqw;font-size:clamp(80px,24cqw,170px);font-weight:600;line-height:1.18;letter-spacing:-.065em}
body.leiu-design-petrol .craft-number span{display:block;line-height:1.18;padding:.015em .025em .045em;background:linear-gradient(135deg,#aeb5bf 15%,#f8f9fb 36%,#d4d9e1 52%,#87929f 75%,#eff1f5 94%);background-clip:text;-webkit-background-clip:text;color:transparent}
body.leiu-design-petrol .craft-number .craft-percent{font-size:.7em;margin-left:-.035em}
body.leiu-design-petrol .leiu-craft-lock{display:flex;flex-direction:column;justify-content:center;gap:2.6cqw;padding-bottom:3cqw}
body.leiu-design-petrol .leiu-craft-lock .lock-art{display:block;width:34cqw;height:auto;overflow:visible;filter:drop-shadow(0 1.5cqw 2.5cqw #0002)}
body.leiu-design-petrol .leiu-craft-lock figcaption{font-size:3.2cqw;line-height:1.4;font-weight:500;letter-spacing:-.035em;color:#d2d5da;text-align:center}
body.leiu-design-petrol .why-section.is-enhanced .scene-trust.leiu-craft-lock .lock-shackle{transform:none;animation:none}
body.leiu-design-petrol .leiu-craft-lock.is-animating .lock-shackle,
body.leiu-design-petrol .leiu-craft-lock.is-animating .lock-assembly{animation:none}
body.leiu-design-petrol .support-card img.support-art{object-fit:contain;width:232px;height:155px}
body.leiu-design-petrol .support-card h3{color:#f4f7f7}
body.leiu-design-petrol .articles-section .article-card > img{aspect-ratio:8/5}
/* Stable-height crossfade: hidden slides retain their grid footprint. */
body.leiu-design-petrol .review-slide{opacity:1;visibility:visible;transition:opacity 420ms cubic-bezier(.22,.61,.36,1),visibility 420ms}
body.leiu-design-petrol .review-slide[hidden]{display:flex!important;opacity:0;visibility:hidden;pointer-events:none}
body.leiu-design-petrol .review-controls{justify-content:flex-end}
body.leiu-design-petrol .article-grid.is-scrolling{scroll-snap-type:none;scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){body.leiu-design-petrol .review-slide{transition:none}body.leiu-design-petrol .article-grid{scroll-behavior:auto}}
@media(max-width:960px){body.leiu-design-petrol .leiu-craft-phone{width:49%;left:25.5%}body.leiu-design-petrol .leiu-craft-lock .lock-art{width:40cqw}}
@media(max-width:650px){body.leiu-design-petrol .leiu-craft-phone{width:52%;left:24%}body.leiu-design-petrol .craft-number{font-size:28cqw}body.leiu-design-petrol .leiu-craft-saving .craft-label{font-size:5.2cqw}body.leiu-design-petrol .leiu-craft-lock .lock-art{width:44cqw}body.leiu-design-petrol .leiu-craft-lock{gap:3.8cqw;padding-bottom:4cqw}body.leiu-design-petrol .leiu-craft-lock figcaption{font-size:4.6cqw}body.leiu-design-petrol .support-card img.support-art{width:160px;height:107px}}
@media(prefers-reduced-motion:reduce){body.leiu-design-petrol .leiu-craft-lock .lock-shackle,body.leiu-design-petrol .leiu-craft-lock.is-animating .lock-shackle{transform:none;animation:none}body.leiu-design-petrol .leiu-craft-lock.is-animating .lock-assembly{animation:none}}

/* Keep the stage fixed: fade the artwork, never flash an empty frame. */
@media(min-width:961px){
 body.leiu-design-petrol .why-section.is-enhanced .why-stage{gap:0;isolation:isolate;background:#0c1616;border-radius:24px;overflow:hidden}
 body.leiu-design-petrol .why-section.is-enhanced .why-scene{grid-area:1/1;opacity:1;visibility:visible;transition:opacity 620ms cubic-bezier(.22,.61,.36,1),visibility 620ms}
 body.leiu-design-petrol .why-section.is-enhanced .why-scene[hidden]{display:flex!important;opacity:0;visibility:hidden;pointer-events:none}
}
/* Text weight only; preserve price-number and heading hierarchy. */
body.leiu-design-petrol .service-plan :is(.plan-features li,.plan-price > span,.plan-total,.plan-choose){font-weight:450}
body.leiu-design-petrol.petrol-page-articles .lu-news-mast{position:relative;isolation:isolate;overflow:hidden;text-align:left;padding-inline:max(24px,calc((100% - 1120px)/2))}
body.leiu-design-petrol.petrol-page-articles .lu-news-mast::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('./craft/hero-lines.svg') center/cover no-repeat;mask-image:linear-gradient(90deg,transparent 20%,#000 60%)}
body.leiu-design-petrol.petrol-page-articles .lu-news-mast h1{margin-inline:0!important;max-width:none}
body.leiu-design-petrol.petrol-page-articles .lu-news-lede{margin-left:0}
@media(max-width:960px){body.leiu-design-petrol.petrol-page-articles .lu-news-mast{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}}

/* Reviewed process lab: dark panel, native screenshots, no numbered badges. */
body.leiu-design-petrol .process-story{padding:48px 32px 80px;background:#f3f7f8;scroll-margin-top:104px}
body.leiu-design-petrol .process-story .container{max-width:1200px;width:100%;margin:auto}
body.leiu-design-petrol .process-story .home-title{max-width:1000px;margin:0 0 40px}
body.leiu-design-petrol .process-layout{position:relative;isolation:isolate;overflow:hidden;overflow-anchor:none;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:36px;align-items:center;min-height:540px;padding:48px 40px;border-radius:28px;background:radial-gradient(ellipse at 76% 20%,#2b424544,transparent 58%),#132326;box-shadow:inset 0 1px 0 #ffffff0d,0 24px 50px -40px #102a3050}
body.leiu-design-petrol .process-choices{display:grid;gap:10px;list-style:none;padding:0;margin:0}
body.leiu-design-petrol .process-choice{border-radius:18px;transition:background-color 280ms ease}
body.leiu-design-petrol .process-choice.is-active{background:#20363a}
body.leiu-design-petrol .process-choice h3{margin:0;font:550 19px/1.4 Inter,Arial,sans-serif;letter-spacing:-.025em}
body.leiu-design-petrol .process-choice button{display:flex;align-items:center;gap:18px;width:100%;min-height:72px;padding:20px 24px;border:0;border-radius:18px;background:transparent;color:#f0f5f5;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;box-shadow:none}
body.leiu-design-petrol .process-choice button:hover{background:#20363a;color:#f0f5f5}
body.leiu-design-petrol .process-choice button:focus-visible{outline:2px solid #9ec3c0;outline-offset:2px}
body.leiu-design-petrol .process-toggle{position:relative;flex:none;width:16px;height:16px;margin-left:auto;color:#b9c8ca}
body.leiu-design-petrol .process-toggle::before,body.leiu-design-petrol .process-toggle::after{content:'';position:absolute;top:7px;left:1px;width:14px;height:1.5px;border-radius:2px;background:currentColor}
body.leiu-design-petrol .process-toggle::after{transform:rotate(90deg);transition:transform 280ms ease}
body.leiu-design-petrol .process-choice.is-active .process-toggle::after{transform:rotate(0)}
body.leiu-design-petrol .process-copy{display:grid;grid-template-rows:1fr;padding:0 24px 22px;opacity:1;visibility:visible;transition:grid-template-rows 380ms ease,padding-bottom 380ms ease,opacity 300ms ease,visibility 380ms}
body.leiu-design-petrol .process-copy[hidden]{display:grid!important;grid-template-rows:0fr;padding-bottom:0;opacity:0;visibility:hidden}
body.leiu-design-petrol .process-story:not(.is-enhanced) .process-copy{transition:none}
body.leiu-design-petrol .process-copy p{min-height:0;overflow:hidden;margin:0;font:400 16px/1.65 Inter,Arial,sans-serif;color:#b9c8ca;text-wrap:pretty}
body.leiu-design-petrol .process-display{position:relative;display:grid;container-type:inline-size;min-width:0;align-self:center;align-items:center}
body.leiu-design-petrol .process-visual{grid-area:1/1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:428px;opacity:1;visibility:visible;transition:opacity 520ms cubic-bezier(.22,.61,.36,1),visibility 520ms}
body.leiu-design-petrol .process-visual[hidden]{display:flex!important;opacity:0;visibility:hidden;pointer-events:none}
body.leiu-design-petrol .process-device{display:block;width:100%;height:auto;overflow:hidden;pointer-events:none;transform:translateX(-24px) scale(1.07)}
body.leiu-design-petrol .process-cursor{filter:drop-shadow(0 1px 1px #0004)}
body.leiu-design-petrol .process-menu-background{fill:var(--green-highlight,var(--wp--preset--color--brand,#265959))}
body.leiu-design-petrol .process-menu-bar{color:#f5f5f7;fill:currentColor}
body.leiu-design-petrol .process-letter{text-align:center;width:100%;padding-bottom:16px}
body.leiu-design-petrol .process-envelope{display:block;width:210px;height:auto;filter:drop-shadow(0 17px 13px #10242c16);margin:50px auto 70px}
body.leiu-design-petrol .process-letter-title{font:550 clamp(22px,5cqw,30px)/1.25 Inter,Arial,sans-serif;letter-spacing:-.035em;color:#f0f5f5}
body.leiu-design-petrol .process-letter-copy{font:400 clamp(14px,3cqw,18px)/1.5 Inter,Arial,sans-serif;color:#b9c8ca;margin-top:10px}
@media(max-width:1050px){
 body.leiu-design-petrol .process-device{transform:translateX(-12px) scale(1.07)}
 body.leiu-design-petrol .process-layout{padding:36px 26px;gap:20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
 body.leiu-design-petrol .process-choice h3{font-size:18px}
 body.leiu-design-petrol .process-choice button{padding:18px;gap:14px}
 body.leiu-design-petrol .process-copy{padding-left:18px;padding-right:18px}
 body.leiu-design-petrol .process-visual{min-height:390px}
}
@media(max-width:800px){
 body.leiu-design-petrol .process-story{padding:48px 20px 56px}
 body.leiu-design-petrol .process-story .home-title{margin-bottom:28px}
 body.leiu-design-petrol .process-layout{grid-template-columns:1fr;gap:20px;padding:28px;border-radius:24px;min-height:0}
 body.leiu-design-petrol .process-display{width:min(100%,580px);margin:auto}
 body.leiu-design-petrol .process-device{transform:scale(1.07)}
 body.leiu-design-petrol .process-visual{min-height:360px}
 body.leiu-design-petrol .process-choices{gap:6px}
 body.leiu-design-petrol .process-choice button{min-height:64px}
}
@media(max-width:480px){
 body.leiu-design-petrol .process-layout{padding:22px 14px;gap:10px;border-radius:22px}
 body.leiu-design-petrol .process-choice h3{font-size:16px}
 body.leiu-design-petrol .process-copy p{font-size:15px;line-height:1.6}
 body.leiu-design-petrol .process-visual{min-height:260px}
 body.leiu-design-petrol .process-envelope{width:150px;margin:20px auto 32px}
}
@media(prefers-reduced-motion:reduce){
 body.leiu-design-petrol .why-section.is-enhanced .why-scene,
 body.leiu-design-petrol .process-visual,
 body.leiu-design-petrol .process-copy,
 body.leiu-design-petrol .process-choice,
 body.leiu-design-petrol .process-toggle::after{transition:none}
}

/* The process is its own cool section below the white application form. */
body.leiu-design-petrol.petrol-page-create .service-sibling{margin-top:12px;padding-bottom:16px}
body.leiu-design-petrol.petrol-page-create .process-story{padding-top:56px;background:#f3f7f8}
body.leiu-design-petrol.petrol-page-create .process-story>.container>.home-title{display:block}
html body.leiu-design-petrol.service-page.petrol-page-create .payments-section[data-surface="white"]{background:#fff;--service-card:#f3f7f8}
body.leiu-design-petrol.service-page.petrol-page-create .payments-section[data-surface] .payment-logos{background:#f3f7f8;box-shadow:0 2px 4px rgb(14 35 38 / 2%),0 16px 36px -24px rgb(14 35 38 / 14%)}
body.leiu-design-petrol.petrol-page-create .questions-section{background:#f3f7f8}
body.leiu-design-petrol.petrol-page-create .questions-section .question-list details{background:#fff}
@media(max-width:620px){
 body.leiu-design-petrol.petrol-page-create .process-story{padding-top:40px}
}

/* Align application widths across the homepage and service pages on phones. */
@media(max-width:620px){
 body.leiu-design-petrol.petrol-page-home .application-section,
 body.leiu-design-petrol.service-page .application-section{padding-inline:10px}
 body.leiu-design-petrol.petrol-page-home .home-hero{min-height:clamp(500px,61svh,540px)}
}

body.leiu-design-petrol .articles-section .article-card h3{transition:color 180ms ease}
body.leiu-design-petrol .articles-section .article-card:hover h3,
body.leiu-design-petrol .articles-section .article-card:focus-visible h3{color:#265959;text-decoration:none}

/* Native markets have different payment sets; never reserve empty logo slots. */
body.leiu-design-petrol .payment-logos{display:flex;flex-wrap:wrap;justify-content:center;column-gap:clamp(24px,5vw,72px)}
body.leiu-design-petrol .payment-logos li{flex:1 1 112px;max-width:160px}
body.leiu-design-petrol .trust-signal a{color:inherit;text-decoration:none;font-weight:550}
body.leiu-design-petrol .trust-signal a:hover{color:var(--accent,#265959)}
body.leiu-design-petrol .hero-rating a{color:inherit;text-decoration:none}
body.leiu-design-petrol .hero-rating a:hover{color:#fff}
@media(max-width:650px){body.leiu-design-petrol .payment-logos{column-gap:20px;row-gap:16px}body.leiu-design-petrol .payment-logos li{flex:0 1 calc((100% - 40px)/3);max-width:112px}}

/* Optical sizing, including translated HTML with legacy inline image dimensions. */
body.leiu-design-petrol .payments-section .home-title .lu-accent{color:inherit}
body.leiu-design-petrol .payment-logos img[src$="/visa.svg"]{width:112px!important;height:64px!important;object-fit:cover!important}
body.leiu-design-petrol .payment-logos img[src$="/mastercard.svg"]{width:80px!important;height:54px!important;object-fit:contain!important}
body.leiu-design-petrol .payment-logos img[src$="/apple-pay.svg"]{width:82px!important;height:52px!important;object-fit:contain!important}
body.leiu-design-petrol .payment-logos img[src$="/google-pay.svg"]{width:124px!important;height:72px!important;object-fit:contain!important}
body.leiu-design-petrol .payment-logos img[src$="/paypal.svg"]{width:140px!important;height:80px!important;object-fit:contain!important}
body.leiu-design-petrol.petrol-page-home .articles-section .article-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:650px){
 body.leiu-design-petrol .payment-logos img[src$="/visa.svg"]{width:86px!important;height:52px!important}
 body.leiu-design-petrol .payment-logos img[src$="/mastercard.svg"]{width:64px!important;height:44px!important}
 body.leiu-design-petrol .payment-logos img[src$="/apple-pay.svg"]{width:64px!important;height:41px!important}
 body.leiu-design-petrol .payment-logos img[src$="/google-pay.svg"]{width:96px!important;height:60px!important}
 body.leiu-design-petrol .payment-logos img[src$="/paypal.svg"]{width:108px!important;height:72px!important}
}