/* Approved petrol presentation, imported from the reviewed design.
 * Opt-in body scope; application behavior and native shell stay in their owners. */

/* ../materials-04/style.css */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/a28eb6d3cc-inter-latin-ext.woff2") format('woff2');
  unicode-range: U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/c940764593-inter-latin.woff2") format('woff2');
  unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
body.leiu-design-petrol {
  color-scheme: light;
  --section-white: #fff;
  --section-soft: #f6f7f7;
  --surface-light: #fff;
  --surface-green: #16483e;
  --green-highlight: #245b4e;
  --green-deep: #123e35;
  --ink: #1c2825;
  --body: #58635f;
  --on-green: #fff;
  --on-green-body: #dce8e2;
  --rule: #e9edeb;
  --card-radius: 30px;
  --card-padding: 44px;
  --card-shadow: 0 2px 5px rgb(17 42 33 / 2%), 0 16px 48px -12px rgb(17 42 33 / 9%);
  --typeface: Inter, Arial, sans-serif;
  --heading-weight: 430;
  --button-radius: 100px;
}
body.leiu-design-petrol * { box-sizing: border-box; }
body.leiu-design-petrol { margin: 0; color: var(--ink); background: var(--section-white); font-family: var(--typeface); font-synthesis: none; font-optical-sizing: auto; -webkit-font-smoothing: antialiased; }
body.leiu-design-petrol button,
body.leiu-design-petrol a { -webkit-tap-highlight-color: transparent; }
body.leiu-design-petrol button { font: inherit; cursor: pointer; }
body.leiu-design-petrol a { color: inherit; text-decoration: none; }
body.leiu-design-petrol h1,
body.leiu-design-petrol h2,
body.leiu-design-petrol h3,
body.leiu-design-petrol p { margin: 0; }
body.leiu-design-petrol .section { padding: 80px 32px 84px; }
body.leiu-design-petrol .section--white { background: var(--section-white); }
body.leiu-design-petrol .section--soft { background: var(--section-soft); }
body.leiu-design-petrol .container { max-width: 1168px; margin-inline: auto; }
body.leiu-design-petrol .section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 36px; }
body.leiu-design-petrol .section-heading h1,
body.leiu-design-petrol .section-heading h2 { font-size: 36px; line-height: 1.17; letter-spacing: -.04em; font-weight: 460; }
body.leiu-design-petrol .section-heading > p { padding-bottom: 3px; font-size: 17px; line-height: 1.6; color: var(--body); }
body.leiu-design-petrol .cards { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
body.leiu-design-petrol .card { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 64px; padding: var(--card-padding); border-radius: var(--card-radius); min-width: 0; min-height: 438px; }
body.leiu-design-petrol .card-copy { position: relative; z-index: 2; width: 100%; }
body.leiu-design-petrol .card h2,
body.leiu-design-petrol .card h3 { font-size: 42px; font-weight: var(--heading-weight); line-height: 1.12; letter-spacing: -.044em; }
body.leiu-design-petrol .card-copy > p { margin-top: 22px; max-width: 38ch; font-size: 18px; line-height: 1.6; color: var(--body); }
body.leiu-design-petrol .card--light { background: var(--surface-light); box-shadow: var(--card-shadow); }
body.leiu-design-petrol .card--green { color: var(--on-green); background: radial-gradient(ellipse at 6% 0%, var(--green-highlight) 0%, transparent 67%), linear-gradient(130deg,var(--surface-green),var(--green-deep)); }
body.leiu-design-petrol .card--green::after { content: ''; pointer-events: none; position: absolute; z-index: 1; inset: 0; background: url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/4379e0175f-grain.svg"); opacity: .13; mix-blend-mode: soft-light; }
body.leiu-design-petrol .card--green .card-copy > p { color: var(--on-green-body); }
body.leiu-design-petrol .contours { position: absolute; z-index: 0; inset: 0; opacity: .45; background: url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/f8797a7e08-contours.svg") bottom right / cover no-repeat; pointer-events: none; }
body.leiu-design-petrol .card--transfer .contours { transform: scaleX(-1); opacity: .3; }
body.leiu-design-petrol .button { position: relative; z-index: 2; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 28px; min-height: 54px; max-width: 100%; padding: 15px 25px; border: none; border-radius: var(--button-radius); font-size: 16px; font-weight: 500; line-height: 1.5; transition: background-color 160ms ease, box-shadow 160ms ease; }
body.leiu-design-petrol .button svg,
body.leiu-design-petrol .text-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
body.leiu-design-petrol .button--white { background: #fff; color: var(--ink); box-shadow: 0 2px 3px rgb(0 0 0 / 3%); }
body.leiu-design-petrol .button--white:hover { background: #eaf1ed; }
body.leiu-design-petrol .button--green { background: var(--surface-green); color: #fff; }
body.leiu-design-petrol .button--green:hover { background: var(--green-deep); }
body.leiu-design-petrol .text-link { display: inline-flex; align-items: center; justify-content: flex-start; gap: 20px; min-height: 48px; padding: 10px 0; border: 0; background: transparent; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--surface-green); }
body.leiu-design-petrol .text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
body.leiu-design-petrol .card-bottom { width: 100%; }
body.leiu-design-petrol .detail-row { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 17px; margin-bottom: 9px; border-bottom: 1px solid var(--rule); font-size: 15px; line-height: 1.5; color: var(--body); }
body.leiu-design-petrol .detail-row span:last-child { color: var(--ink); font-weight: 500; }
body.leiu-design-petrol .contact-actions { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; }
body.leiu-design-petrol :focus-visible:not(.crisp-client *) { outline: 3px solid var(--surface-green); outline-offset: 5px; }
body.leiu-design-petrol .card--green :focus-visible { outline-color: #fff; }
body.leiu-design-petrol dialog { width: min(480px,calc(100% - 40px)); padding: 32px; border: 0; border-radius: 24px; box-shadow: 0 24px 80px #0003; color: var(--ink); }
body.leiu-design-petrol dialog::backdrop { background: rgb(15 32 27 / 35%); }
body.leiu-design-petrol dialog h2 { font-size: 26px; font-weight: 500; letter-spacing: -.025em; }
body.leiu-design-petrol dialog p { color: var(--body); font-size: 17px; line-height: 1.6; margin: 18px 0 28px; }
body.leiu-design-petrol ::selection { background: #d1e4d9; color: #173e31; }
@media (max-width: 1000px) {
  body.leiu-design-petrol { --card-padding: 32px; }
  body.leiu-design-petrol .card h2,
body.leiu-design-petrol .card h3 { font-size: 36px; }
  body.leiu-design-petrol .section-heading { gap: 28px; }
  body.leiu-design-petrol .section-heading h1,
body.leiu-design-petrol .section-heading h2 { font-size: 32px; }
  body.leiu-design-petrol .section-heading > p { font-size: 16px; }
  body.leiu-design-petrol .card-copy > p { font-size: 17px; }
  body.leiu-design-petrol .contact-actions { gap: 10px 20px; }
}
@media (max-width: 720px) {
  body.leiu-design-petrol { --card-padding: 30px; --card-radius: 25px; }
  body.leiu-design-petrol .section { padding: 48px 20px 52px; }
  body.leiu-design-petrol .section-heading { display: block; margin-bottom: 28px; }
  body.leiu-design-petrol .section-heading h1,
body.leiu-design-petrol .section-heading h2 { font-size: 30px; line-height: 1.2; }
  body.leiu-design-petrol .section-heading > p { margin-top: 18px; padding: 0; }
  body.leiu-design-petrol .section-heading > p br { display: none; }
  body.leiu-design-petrol .cards { grid-template-columns: 1fr; gap: 20px; }
  body.leiu-design-petrol .card { min-height: 380px; gap: 48px; }
  body.leiu-design-petrol .card h2,
body.leiu-design-petrol .card h3 { font-size: 34px; line-height: 1.14; }
  body.leiu-design-petrol .card-copy > p { margin-top: 20px; font-size: 17px; line-height: 1.6; }
  body.leiu-design-petrol .button { gap: 20px; padding-inline: 22px; }
}
@media (max-width: 380px) {
  body.leiu-design-petrol { --card-padding: 24px; }
  body.leiu-design-petrol .section { padding-inline: 16px; }
  body.leiu-design-petrol .card h2,
body.leiu-design-petrol .card h3 { font-size: 30px; }
  body.leiu-design-petrol .section-heading h1,
body.leiu-design-petrol .section-heading h2 { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) { body.leiu-design-petrol .button { transition: none; } }

@font-face {
  font-family: 'DM Sans'; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/ca72d2bcea-dm-sans-latin.woff2") format('woff2');
}
html:is([data-variant="petrol"], [data-variant="petrol-forest"]) body.leiu-design-petrol {
  --section-soft: #f3f7f8; --surface-light: #fff;
  --surface-green: #153e3e; --green-highlight: #265959; --green-deep: #102f31;
  --ink: #18282b; --body: #526166; --on-green-body: #dce9e8;
  --card-radius: 20px; --button-radius: 12px; --heading-weight: 500;
  --card-shadow: 0 2px 4px rgb(14 35 38 / 2%), 0 20px 48px -18px rgb(14 35 38 / 14%);
}
html:is([data-variant="petrol"], [data-variant="petrol-forest"]) body.leiu-design-petrol .card--green::after { opacity: .045; }
html:is([data-variant="petrol"], [data-variant="petrol-forest"]) body.leiu-design-petrol .contours {
  opacity: .7; background: linear-gradient(125deg, transparent 37%, rgb(166 219 209 / 5%) 38%, rgb(166 219 209 / 9%) 53%, transparent 54%, transparent 61%, rgb(166 219 209 / 3%) 62%, transparent 78%);
}
html[data-variant="petrol-forest"] body.leiu-design-petrol {
  --surface-green: #16483e;
  --green-highlight: #245b4e;
  --green-deep: #123e35;
}
html[data-variant="petrol"][data-finish="polished"] body.leiu-design-petrol .card--light {
  background: linear-gradient(150deg, #ffffff 12%, #fcfdfd 58%, #f5f8f9 100%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 100%),
    inset 1px 0 0 rgb(255 255 255 / 80%),
    0 2px 5px -2px rgb(20 43 48 / 6%),
    0 12px 28px -14px rgb(20 43 48 / 10%),
    0 30px 64px -24px rgb(20 43 48 / 12%);
}
html[data-variant="soft"] body.leiu-design-petrol {
  --typeface: 'DM Sans', Arial, sans-serif;
  --section-soft: #f8f8f6; --surface-light: #fff;
  --surface-green: #254a3d; --green-highlight: #3b6150; --green-deep: #254a3d;
  --ink: #29352d; --body: #61675f; --on-green-body: #e2e9df;
  --card-radius: 32px; --button-radius: 100px; --heading-weight: 450;
  --card-shadow: 0 8px 32px -12px rgb(38 50 35 / 10%);
}
html[data-variant="soft"] body.leiu-design-petrol .card--green::after { opacity: .055; }
html[data-variant="soft"] body.leiu-design-petrol .contours { opacity: .18; }
html[data-variant="soft"] body.leiu-design-petrol .section--white .card--light { background: #fafaf7; box-shadow: none; }
html[data-variant="soft"] body.leiu-design-petrol .card h2,
html[data-variant="soft"] body.leiu-design-petrol .card h3 { letter-spacing: -.025em; }
html[data-variant="soft"] body.leiu-design-petrol .section-heading h1,
html[data-variant="soft"] body.leiu-design-petrol .section-heading h2 { letter-spacing: -.025em; }

body.leiu-design-petrol .review-toolbar { display: flex; position: sticky; top: 0; z-index: 10; align-items: center; justify-content: space-between; gap: 24px; min-height: 70px; padding: 10px 32px; background: rgb(255 255 255 / 95%); backdrop-filter: blur(16px); box-shadow: 0 1px 0 #182b2310; font: 13px/1.4 Inter,Arial,sans-serif; color: #313c38; }
body.leiu-design-petrol .review-name { font-weight: 600; white-space: nowrap; }
body.leiu-design-petrol .review-name span { font-weight: 400; color: #67716c; }
body.leiu-design-petrol .review-toolbar nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
body.leiu-design-petrol .review-toolbar nav a { display: inline-flex; gap: 8px; align-items: center; min-height: 44px; padding: 10px 15px; border-radius: 8px; color: #5e6762; }
body.leiu-design-petrol .review-toolbar nav a[aria-current="page"] { background: #eef2ef; color: #183d2c; font-weight: 550; }
body.leiu-design-petrol .review-toolbar nav a:hover { background: #f3f5f3; }
body.leiu-design-petrol .spec-toggle { border: 0; background: none; color: #56615a; padding: 10px 0; min-height: 44px; font-size: 13px; }
body.leiu-design-petrol .spec-toggle:hover { text-decoration: underline; text-underline-offset: 4px; }
body.leiu-design-petrol .review-actions { display: flex; align-items: center; gap: 16px; }
body.leiu-design-petrol .finish-toggle { min-height: 44px; border: 0; border-radius: 8px; background: #f0f4f4; padding: 10px 12px; color: #234342; font: 500 12px/1.4 Inter,Arial,sans-serif; white-space: nowrap; }
body.leiu-design-petrol .finish-toggle:hover { background: #e6eeee; }
body.leiu-design-petrol .finish-toggle[aria-pressed="true"] { background: #e4edeb; }
body.leiu-design-petrol .spec-panel { padding: 24px 32px; font: 13px/1.6 Inter,Arial,sans-serif; background: #fff; color: #42514a; border-bottom: 1px solid #edf0ed; }
body.leiu-design-petrol .spec-panel:not([hidden]) { display: flex; justify-content: center; align-items: center; gap: 20px 36px; flex-wrap: wrap; }
body.leiu-design-petrol .spec-item { display: inline-flex; align-items: center; gap: 10px; }
body.leiu-design-petrol .swatch { width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 1px #0000000d; }
@media(max-width: 1150px) { body.leiu-design-petrol .review-name span { display: none; } body.leiu-design-petrol .review-toolbar { flex-wrap: wrap; gap: 8px 16px; padding-inline: 24px; } }
@media(max-width: 720px) {
  body.leiu-design-petrol .review-toolbar { position: relative; flex-wrap: wrap; padding: 12px 20px; gap: 6px 12px; }
  body.leiu-design-petrol .review-toolbar nav { width: 100%; order: 3; justify-content: space-between; }
  body.leiu-design-petrol .review-toolbar nav a { padding: 10px; font-size: 12px; gap: 6px; }
  body.leiu-design-petrol .review-actions { gap: 10px; margin-left: auto; }
  body.leiu-design-petrol .review-actions .spec-toggle { font-size: 12px; }
  body.leiu-design-petrol .spec-panel { padding: 20px; justify-content: flex-start; }
  html:is([data-variant="petrol"], [data-variant="petrol-forest"]) body.leiu-design-petrol { --card-radius: 20px; }
  html[data-variant="soft"] body.leiu-design-petrol { --card-radius: 27px; }
}
@media(max-width: 350px) { body.leiu-design-petrol .review-toolbar nav a { padding: 10px 5px; } }


/* ../lei-intro-05/style.css */
body.leiu-design-petrol .intro-section { padding:88px 32px 96px; background:var(--section-white); }
body.leiu-design-petrol .intro-section h1 { max-width:900px; margin-bottom:44px; font-size:46px; line-height:1.16; letter-spacing:-.045em; font-weight:500; }
body.leiu-design-petrol .intro-cards { display:grid; grid-template-columns:1.12fr 1fr 1fr; gap:24px; align-items:stretch; }
body.leiu-design-petrol .intro-cards .card { min-height:510px; padding:32px; gap:36px; }
body.leiu-design-petrol .card-icon { display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin-bottom:28px; color:var(--surface-green); }
body.leiu-design-petrol .card-icon svg { display:block; width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
body.leiu-design-petrol .card--green .card-icon { color:#dce9e8; }
body.leiu-design-petrol .intro-audience:not(.card--green) .contours { display:none; }
body.leiu-design-petrol .intro-cards .card h2 { font-size:30px; line-height:1.18; letter-spacing:-.035em; }
body.leiu-design-petrol .intro-cards .card-copy > p { margin-top:24px; font-size:17px; line-height:1.65; }
body.leiu-design-petrol .intro-cards .card-copy > p + p { margin-top:16px; }
body.leiu-design-petrol .button--outline { background:transparent; color:#fff; border:1px solid rgb(255 255 255 / 76%); box-shadow:none; padding:14px 20px; gap:20px; }
body.leiu-design-petrol .button--outline:hover { background:rgb(255 255 255 / 7%); border-color:#fff; }
body.leiu-design-petrol .adjacent-canvas { height:144px; background:var(--section-soft); }
html[data-canvas="soft"] body.leiu-design-petrol .intro-section { background:var(--section-soft); }
html[data-canvas="soft"] body.leiu-design-petrol .adjacent-canvas { background:var(--section-white); }
html[data-layout="split"] body.leiu-design-petrol .intro-cards { grid-template-columns:1fr 1.15fr; }
html[data-layout="split"] body.leiu-design-petrol .intro-primary { grid-row:span 2; padding:44px; }
html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) { min-height:0; padding:32px; }
html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) .card-copy { padding-left:76px; }
html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) .card-icon { position:absolute; left:0; top:0; }
html[data-layout="split"] body.leiu-design-petrol .card-icon { width:52px; height:52px; border-radius:14px; background:#eaf1f2; margin-bottom:32px; box-shadow:inset 0 1px 0 rgb(255 255 255 / 75%); }
html[data-layout="split"] body.leiu-design-petrol .card--green .card-icon { background:rgb(255 255 255 / 7%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 15%); }
html[data-layout="split"] body.leiu-design-petrol .intro-primary h2 { font-size:40px; }
html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) h2 { font-size:27px; }
html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) .desktop-break { display:none; }
html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) p { margin-top:16px; }
html[data-layout="open"] body.leiu-design-petrol .intro-section > .container { display:grid; grid-template-columns:1fr 1fr; gap:48px 64px; align-items:start; }
html[data-layout="open"] body.leiu-design-petrol .intro-section h1 { margin:0; padding-top:4px; font-size:46px; line-height:1.19; }
html[data-layout="open"] body.leiu-design-petrol .intro-section h1 .desktop-break { display:none; }
html[data-layout="open"] body.leiu-design-petrol .intro-cards { display:contents; }
html[data-layout="open"] body.leiu-design-petrol .intro-primary { padding:0; min-height:0; border-radius:0; background:none; color:var(--ink); gap:24px; }
html[data-layout="open"] body.leiu-design-petrol .intro-primary::after,
html[data-layout="open"] body.leiu-design-petrol .intro-primary .contours,
html[data-layout="open"] body.leiu-design-petrol .intro-primary .card-icon { display:none; }
html[data-layout="open"] body.leiu-design-petrol .intro-primary h2 { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
html[data-layout="open"] body.leiu-design-petrol .intro-primary .card-copy > p { color:var(--body); max-width:none; }
html[data-layout="open"] body.leiu-design-petrol .intro-primary .card-copy > p:first-of-type { margin-top:0; }
html[data-layout="open"] body.leiu-design-petrol .intro-primary .button { color:var(--surface-green); border-color:var(--surface-green); }
html[data-layout="open"] body.leiu-design-petrol .intro-primary .button:hover { background:#eaf1f2; }
html[data-layout="open"] body.leiu-design-petrol .intro-primary :focus-visible { outline-color:var(--surface-green); }
html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) { min-height:360px; padding:40px; }
html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) .desktop-break { display:none; }
html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) .card-icon { float:right; margin:0 0 20px 24px; width:48px; height:48px; }
html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) h2 { padding-top:7px; }
html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) p { clear:both; max-width:48ch; }
@media(max-width:1100px) and (min-width:961px) {
  body.leiu-design-petrol .intro-cards { gap:20px; }
  body.leiu-design-petrol .intro-cards .card { padding:26px; }
  body.leiu-design-petrol .intro-cards .card h2 { font-size:27px; }
  body.leiu-design-petrol .button--outline { padding-inline:16px; gap:12px; font-size:15px; }
}
@media(max-width:960px) {
  body.leiu-design-petrol .intro-section { padding:64px 28px 72px; }
  body.leiu-design-petrol .intro-section h1 { font-size:40px; }
  body.leiu-design-petrol .intro-cards { grid-template-columns:1fr 1fr; }
  body.leiu-design-petrol .intro-cards .card { min-height:360px; }
  body.leiu-design-petrol .intro-primary { grid-column:1/-1; }
  body.leiu-design-petrol .intro-primary .card-copy { max-width:650px; }
  body.leiu-design-petrol .intro-primary .card-copy > p { max-width:none; }
  body.leiu-design-petrol .intro-primary .card-copy > p:first-of-type { max-width:61ch; }
  html[data-layout="split"] body.leiu-design-petrol .intro-primary { grid-column:1/-1; grid-row:auto; padding:32px; }
  html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) .card-copy { padding-left:0; }
  html[data-layout="split"] body.leiu-design-petrol .card:not(.intro-primary) .card-icon { position:static; margin-bottom:24px; }
  html[data-layout="split"] body.leiu-design-petrol .intro-primary h2 { font-size:34px; }
  html[data-layout="open"] body.leiu-design-petrol .intro-section > .container { gap:40px 32px; }
  html[data-layout="open"] body.leiu-design-petrol .intro-section h1 { font-size:38px; }
  html[data-layout="open"] body.leiu-design-petrol .intro-primary { grid-column:auto; }
  html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) { padding:32px; }
  html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) .card-icon { float:none; margin:0 0 24px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .intro-section { padding:48px 20px 56px; }
  body.leiu-design-petrol .intro-section h1 { font-size:34px; line-height:1.18; margin-bottom:28px; }
  body.leiu-design-petrol .desktop-break { display:none; }
  body.leiu-design-petrol .intro-cards { grid-template-columns:1fr; gap:20px; }
  body.leiu-design-petrol .intro-cards .card { padding:30px; min-height:0; gap:32px; }
  body.leiu-design-petrol .intro-cards .card h2 { font-size:28px; }
  body.leiu-design-petrol .intro-cards .card-copy > p { margin-top:20px; }
  body.leiu-design-petrol .intro-cards .card-copy > p + p { margin-top:16px; }
  body.leiu-design-petrol .adjacent-canvas { height:80px; }
  html[data-layout="split"] body.leiu-design-petrol .intro-cards,
html[data-layout="open"] body.leiu-design-petrol .intro-section > .container { grid-template-columns:1fr; }
  html[data-layout="split"] body.leiu-design-petrol .intro-primary { grid-row:auto; }
  html[data-layout="split"] body.leiu-design-petrol .intro-cards .card,
html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) { padding:30px; min-height:0; }
  html[data-layout="split"] body.leiu-design-petrol .intro-primary h2 { font-size:32px; }
  html[data-layout="open"] body.leiu-design-petrol .intro-section > .container { gap:24px; }
  html[data-layout="open"] body.leiu-design-petrol .intro-section h1 { font-size:34px; }
  html[data-layout="open"] body.leiu-design-petrol .intro-primary { margin-bottom:12px; }
  html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) .card-icon { width:36px; height:36px; margin-bottom:24px; }
}
@media(max-width:380px) {
  body.leiu-design-petrol .intro-section { padding-inline:16px; }
  body.leiu-design-petrol .intro-section h1 { font-size:30px; }
  body.leiu-design-petrol .intro-cards .card { padding:24px; }
  body.leiu-design-petrol .intro-cards .card h2 { font-size:26px; }
  body.leiu-design-petrol .button--outline { font-size:15px; padding-inline:16px; gap:12px; }
  html[data-layout="split"] body.leiu-design-petrol .intro-cards .card,
html[data-layout="open"] body.leiu-design-petrol .card:not(.intro-primary) { padding:24px; }
  html[data-layout="open"] body.leiu-design-petrol .intro-section h1 { font-size:30px; }
}


/* style.css */
body.leiu-design-petrol .intro-primary > .button[hidden] { display:none; }
html[data-heading-weight="550"] body.leiu-design-petrol .intro-top h2,
html[data-heading-weight="550"] body.leiu-design-petrol .intro-cards .card h3 { font-weight:550; }
body.leiu-design-petrol .intro-section { padding:80px 32px 88px; }
body.leiu-design-petrol .intro-top,
body.leiu-design-petrol .intro-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.leiu-design-petrol .intro-top { align-items:center; margin-bottom:32px; }
body.leiu-design-petrol .intro-top h2 { grid-column:span 2; margin:0; max-width:740px; padding-right:24px; font-size:44px; line-height:1.19; letter-spacing:-.04em; font-weight:500; }
body.leiu-design-petrol .intro-stat { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:12px; min-width:0; min-height:164px; padding:28px 32px; border-radius:20px; color:#fff; background:radial-gradient(ellipse at 6% 0%,var(--green-highlight),transparent 67%),linear-gradient(130deg,var(--surface-green),var(--green-deep)); box-shadow:inset 0 1px 0 rgb(255 255 255 / 9%),0 12px 28px -18px rgb(16 47 49 / 18%); }
body.leiu-design-petrol .intro-stat::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/4379e0175f-grain.svg"); mix-blend-mode:soft-light; opacity:.24; }
body.leiu-design-petrol .intro-stat strong,
body.leiu-design-petrol .intro-stat span { position:relative; z-index:1; }
body.leiu-design-petrol .intro-stat strong { font-size:60px; line-height:1; font-weight:500; letter-spacing:-.05em; font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; }
body.leiu-design-petrol .intro-stat span { font-size:17px; line-height:1.5; color:var(--on-green-body); }
body.leiu-design-petrol .intro-cards .card { padding:32px; min-height:0; gap:32px; }
body.leiu-design-petrol .intro-cards .card h3 { font-size:28px; line-height:1.2; letter-spacing:-.03em; font-weight:500; }
body.leiu-design-petrol .intro-cards .card-copy > p { font-size:18px; line-height:1.6; margin-top:24px; max-width:none; }
body.leiu-design-petrol .intro-cards .card-copy > p + p { margin-top:16px; }
body.leiu-design-petrol .intro-cards .card-icon { width:44px; height:44px; margin-bottom:24px; border-radius:12px; background:#eaf1f2; color:var(--surface-green); box-shadow:inset 0 1px 0 rgb(255 255 255 / 75%); }
body.leiu-design-petrol .intro-cards .card-icon svg { width:28px; height:28px; }
body.leiu-design-petrol .intro-cards .card--green .card-icon { color:var(--on-green-body); background:rgb(255 255 255 / 7%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 15%); }
body.leiu-design-petrol .intro-primary.card--light .contours { display:none; }
body.leiu-design-petrol .intro-primary.card--light .button--outline { color:var(--surface-green); border-color:rgb(21 62 62 / 65%); }
body.leiu-design-petrol .intro-primary.card--light .button--outline:hover { background:#eaf1f2; border-color:var(--surface-green); }
html[data-section-version="light"] body.leiu-design-petrol .intro-cards .card-icon { background:none; box-shadow:none; justify-content:flex-start; }
body.leiu-design-petrol .intro-cards .button { font-size:16px; min-height:54px; }
body.leiu-design-petrol .adjacent-canvas { height:96px; }
@media(max-width:1100px) {
  body.leiu-design-petrol .intro-top h2 { font-size:38px; padding-right:0; }
  body.leiu-design-petrol .intro-stat { padding:26px; }
  body.leiu-design-petrol .intro-stat strong { font-size:52px; }
  body.leiu-design-petrol .intro-stat span { font-size:16px; }
  body.leiu-design-petrol .intro-cards .card { padding:26px; }
  body.leiu-design-petrol .intro-cards .card h3 { font-size:26px; }
  body.leiu-design-petrol .intro-cards .card-copy > p { font-size:17px; }
  body.leiu-design-petrol .intro-cards .button { padding-inline:16px; gap:12px; }
}
@media(max-width:960px) {
  body.leiu-design-petrol .intro-section { padding:64px 28px 72px; }
  body.leiu-design-petrol .intro-top { grid-template-columns:1fr 1fr; gap:24px; }
  body.leiu-design-petrol .intro-top h2 { grid-column:auto; max-width:690px; font-size:34px; }
  body.leiu-design-petrol .intro-top .desktop-break { display:none; }
  body.leiu-design-petrol .intro-stat { grid-column:2; }
  body.leiu-design-petrol .intro-cards { grid-template-columns:1fr 1fr; gap:24px; }
  body.leiu-design-petrol .intro-cards .intro-primary { grid-column:1/-1; }
  body.leiu-design-petrol .intro-cards .card { padding:32px; gap:28px; }
  body.leiu-design-petrol .intro-cards .card h3 { font-size:28px; }
  body.leiu-design-petrol .intro-cards .card-copy > p { font-size:18px; max-width:60ch; }
  body.leiu-design-petrol .intro-cards .intro-primary h3 .desktop-break { display:none; }
  body.leiu-design-petrol .intro-cards .button { padding-inline:20px; gap:20px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .intro-section { padding:48px 20px 56px; }
  body.leiu-design-petrol .intro-top,
body.leiu-design-petrol .intro-cards { grid-template-columns:1fr; gap:20px; }
  body.leiu-design-petrol .intro-top { margin-bottom:20px; gap:28px; }
  body.leiu-design-petrol .intro-top h2 { font-size:34px; }
  body.leiu-design-petrol .intro-top .desktop-break { display:none; }
  body.leiu-design-petrol .intro-stat { grid-column:auto; min-height:154px; padding:28px 30px; }
  body.leiu-design-petrol .intro-stat strong { font-size:54px; }
  body.leiu-design-petrol .intro-stat span { font-size:17px; }
  body.leiu-design-petrol .intro-cards .card { padding:30px; }
  body.leiu-design-petrol .intro-cards .card h3 { font-size:28px; }
  body.leiu-design-petrol .intro-cards .card-copy > p { font-size:17px; line-height:1.65; }
  body.leiu-design-petrol .intro-cards .desktop-break { display:none; }
  body.leiu-design-petrol .adjacent-canvas { height:64px; }
}
@media(max-width:380px) {
  body.leiu-design-petrol .intro-section { padding-inline:16px; }
  body.leiu-design-petrol .intro-top h2 { font-size:30px; }
  body.leiu-design-petrol .intro-stat,
body.leiu-design-petrol .intro-cards .card { padding:24px; }
  body.leiu-design-petrol .intro-stat strong { font-size:50px; }
  body.leiu-design-petrol .intro-cards .card h3 { font-size:26px; }
  body.leiu-design-petrol .intro-cards .button { padding-inline:16px; gap:12px; font-size:15px; }
}
html[data-section-version="focus"] body.leiu-design-petrol .intro-top,
html[data-section-version="focus"] body.leiu-design-petrol .intro-cards { grid-template-columns:1fr 1.15fr; }
html[data-section-version="focus"] body.leiu-design-petrol .intro-top h2 { grid-column:auto; font-size:40px; padding-right:0; text-wrap:balance; }
html[data-section-version="focus"] body.leiu-design-petrol .intro-top h2 .desktop-break { display:none; }
html[data-section-version="focus"] body.leiu-design-petrol .intro-stat { flex-direction:row; align-items:center; justify-content:space-between; gap:24px; }
html[data-section-version="focus"] body.leiu-design-petrol .intro-stat span { max-width:155px; }
html[data-section-version="focus"] body.leiu-design-petrol .intro-primary { grid-row:span 2; padding:40px; }
html[data-section-version="focus"] body.leiu-design-petrol .intro-primary h3 { font-size:38px; }
html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) .card-copy { padding-left:68px; }
html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) .card-icon { position:absolute; left:0; top:0; }
html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) h3 { font-size:26px; }
html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) .desktop-break { display:none; }
html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) .card-copy > p { font-size:17px; margin-top:16px; }
html[data-section-version="focus"][data-icon-style="none"] body.leiu-design-petrol .card:not(.intro-primary) .card-copy { padding-left:0; }
@media(max-width:1100px) {
  html[data-section-version="focus"] body.leiu-design-petrol .intro-top h2 { font-size:36px; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-stat { gap:20px; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-primary { padding:32px; }
  html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) .card-copy { padding-left:60px; }
}
@media(max-width:960px) {
  html[data-section-version="focus"] body.leiu-design-petrol .intro-top,
html[data-section-version="focus"] body.leiu-design-petrol .intro-cards { grid-template-columns:1fr 1fr; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-stat { flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-stat span { max-width:none; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-primary { grid-row:auto; grid-column:1/-1; }
  html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) .card-copy { padding-left:0; }
  html[data-section-version="focus"] body.leiu-design-petrol .card:not(.intro-primary) .card-icon { position:static; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-primary h3 { font-size:30px; }
}
@media(max-width:620px) {
  html[data-section-version="focus"] body.leiu-design-petrol .intro-top,
html[data-section-version="focus"] body.leiu-design-petrol .intro-cards { grid-template-columns:1fr; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-top h2 { font-size:34px; text-wrap:wrap; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-primary { padding:30px; }
  html[data-section-version="focus"] body.leiu-design-petrol .card h3 { font-size:28px; }
}
@media(max-width:380px) {
  html[data-section-version="focus"] body.leiu-design-petrol .intro-top h2 { font-size:30px; }
  html[data-section-version="focus"] body.leiu-design-petrol .intro-primary { padding:24px; }
  html[data-section-version="focus"] body.leiu-design-petrol .card h3 { font-size:26px; }
}
html[data-icon-style="plain"] body.leiu-design-petrol .intro-cards .card-icon { display:flex; background:none; box-shadow:none; justify-content:flex-start; }
html:is([data-icon-style="tonal"],[data-icon-style="pill"]) body.leiu-design-petrol .intro-cards .card-icon { display:flex; justify-content:center; background:#eaf1f2; box-shadow:inset 0 1px 0 rgb(255 255 255 / 75%); }
html:is([data-icon-style="tonal"],[data-icon-style="pill"]) body.leiu-design-petrol .intro-cards .card--green .card-icon { background:rgb(255 255 255 / 7%); box-shadow:inset 0 1px 0 rgb(255 255 255 / 15%); }
html[data-icon-style="tonal"] body.leiu-design-petrol .intro-cards .card-icon { border-radius:12px; }
html[data-icon-style="pill"] body.leiu-design-petrol .intro-cards .card-icon { border-radius:999px; }
html[data-icon-style="none"] body.leiu-design-petrol .intro-cards .card-icon { display:none; }
html body.leiu-design-petrol .intro-section .intro-top h2 { font-size:48px; line-height:1.16; }
@media(max-width:1100px) { html body.leiu-design-petrol .intro-section .intro-top h2 { font-size:42px; } }
@media(max-width:960px) {
  html body.leiu-design-petrol .intro-section .intro-top h2 { font-size:36px; }
  html:not([data-section-version="focus"]) body.leiu-design-petrol .intro-cards { grid-template-columns:1fr; }
  html:not([data-section-version="focus"]) body.leiu-design-petrol .intro-cards .intro-primary { grid-column:auto; }
}
@media(max-width:380px) { html body.leiu-design-petrol .intro-section .intro-top h2 { font-size:32px; } }
html[data-type-scale="compact"] body.leiu-design-petrol { --card-title-size:24px; --card-body-size:17px; }
html[data-type-scale="compact"] body.leiu-design-petrol .intro-cards .card h3 { font-size:var(--card-title-size); line-height:1.25; text-wrap:balance; }
html[data-type-scale="compact"] body.leiu-design-petrol .intro-cards .card-copy > p { font-size:var(--card-body-size); line-height:1.6; margin-top:20px; }
html[data-type-scale="compact"] body.leiu-design-petrol .intro-cards .card-copy > p + p { margin-top:14px; }
html[data-type-scale="compact"] body.leiu-design-petrol .intro-cards .desktop-break { display:none; }
html[data-type-scale="compact"] body.leiu-design-petrol .intro-cards .card h3 { min-height:0; }
html body.leiu-design-petrol .intro-stat,
html[data-section-version="focus"] body.leiu-design-petrol .intro-stat { flex-direction:column; align-items:flex-start; justify-content:center; gap:12px; text-align:left; }
html body.leiu-design-petrol .intro-stat strong { font-weight:600; }
html body.leiu-design-petrol .intro-stat span { max-width:none; }
body.leiu-design-petrol .intro-stat::after { background-image:url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/8cdf28bb5f-why-grain.svg"); opacity:.56; }
@media(max-width:620px) {
  html[data-type-scale="compact"] body.leiu-design-petrol { --card-title-size:22px; --card-body-size:16px; }
  html[data-type-scale="compact"]:not([data-section-version="focus"]) body.leiu-design-petrol .intro-cards .card h3 { min-height:0; }
}


/* why.css */
body.leiu-design-petrol .why-section { --why-step-height:clamp(400px,48vh,440px); --why-panel-height:400px; padding:40px 32px; background:var(--section-soft); scroll-margin-top:24px; }
html[data-canvas="soft"] body.leiu-design-petrol .why-section { background:var(--section-white); }
body.leiu-design-petrol .why-layout { display:grid; grid-template-columns:.85fr 1.4fr; gap:64px; align-items:stretch; }
body.leiu-design-petrol .why-step { min-height:var(--why-step-height); display:flex; flex-direction:column; justify-content:center; padding:40px 0; }
body.leiu-design-petrol .why-copy { max-width:440px; }
body.leiu-design-petrol .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
body.leiu-design-petrol .why-copy h3 { margin:0 0 22px; font-size:36px; line-height:1.2; letter-spacing:-.035em; font-weight:500; color:var(--ink); }
html[data-heading-weight="550"] body.leiu-design-petrol .why-copy h3 { font-weight:550; }
body.leiu-design-petrol .why-copy > p { font-size:18px; line-height:1.65; color:var(--body); }
body.leiu-design-petrol .why-copy ul { display:grid; gap:12px; list-style:none; padding:0; margin:24px 0 0; }
body.leiu-design-petrol .why-copy li { position:relative; padding-left:26px; font-size:16px; line-height:1.55; color:var(--body); }
body.leiu-design-petrol .why-copy li::before { content:''; position:absolute; width:9px; height:5px; border-left:1.4px solid currentColor; border-bottom:1.4px solid currentColor; transform:rotate(-45deg); left:1px; top:8px; color:var(--surface-green); }
body.leiu-design-petrol .why-rail { min-width:0; padding-block:max(0px,calc((var(--why-step-height) - var(--why-panel-height))/2)); }
body.leiu-design-petrol .why-stage { display:grid; gap:24px; }
body.leiu-design-petrol .why-scene { position:relative; margin:0; padding:48px; height:var(--why-panel-height); display:flex; align-items:center; justify-content:center; border-radius:24px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 12% 0%,var(--green-highlight),transparent 75%),linear-gradient(130deg,var(--surface-green),var(--green-deep)); }
body.leiu-design-petrol .why-scene[hidden] { display:none; }
body.leiu-design-petrol { --petrol-canvas:radial-gradient(ellipse at 6% 0%,var(--green-highlight),transparent 67%),linear-gradient(130deg,var(--surface-green),var(--green-deep)); }
body.leiu-design-petrol .intro-stat,
body.leiu-design-petrol .why-scene { background:var(--petrol-canvas); }
body.leiu-design-petrol .why-scene::before { content:''; position:absolute; inset:0; pointer-events:none; background:url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/8cdf28bb5f-why-grain.svg"); opacity:.56; mix-blend-mode:soft-light; }
body.leiu-design-petrol .glass-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; width:500px; max-width:100%; position:relative; }
body.leiu-design-petrol .why-glass { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; min-width:0; height:308px; padding:28px 16px; border:1px solid transparent; border-radius:22px; background:var(--glass-fill,linear-gradient(150deg,rgb(113 151 143 / 72%),rgb(59 100 95 / 65%) 52%,rgb(33 71 70 / 78%))) padding-box,linear-gradient(145deg,rgb(232 255 250 / 52%),rgb(232 255 250 / 9%) 38%,rgb(232 255 250 / 6%) 70%,rgb(232 255 250 / 24%)) border-box; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:inset 0 1px 0 rgb(255 255 255 / 8%),inset 0 -1px 0 rgb(255 255 255 / 3%),0 3px 7px rgb(3 23 25 / 17%),0 24px 36px -14px rgb(3 23 25 / 58%); text-align:center; color:#f5fbfa; }
body.leiu-design-petrol .why-section {
  --glass-fill:linear-gradient(145deg,rgb(66 110 107 / 91%),rgb(27 65 65 / 90%));
  --glass-number:#e0f1ea; --glass-label:#f4faf7;
}
html[data-card-material="deeper"] body.leiu-design-petrol .why-section {
  --glass-fill:linear-gradient(145deg,rgb(60 100 97 / 91%),rgb(25 59 59 / 90%));
}
html[data-card-material="lit"] body.leiu-design-petrol .why-glass::before {
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(ellipse at 15% 0%,rgb(255 255 255 / 9%),transparent 62%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 13%),inset 1px 0 0 rgb(255 255 255 / 3%);
}
body.leiu-design-petrol .glass-emphasis { height:88px; display:flex; align-items:center; justify-content:center; }
body.leiu-design-petrol .glass-metric { font-size:82px; font-weight:550; letter-spacing:-.065em; line-height:1; color:var(--glass-number,#d3ebe4); }
body.leiu-design-petrol .metric-unit { font-size:.88em; letter-spacing:-.055em; margin-left:2px; }
body.leiu-design-petrol .metric-unit--word { font-size:.36em; margin-left:8px; letter-spacing:-.03em; }
body.leiu-design-petrol .glass-metric--wide { font-size:64px; letter-spacing:-.06em; }
body.leiu-design-petrol .glass-message { font-size:66px; line-height:1.1; letter-spacing:-.045em; font-weight:500; }
body.leiu-design-petrol .glass-caption { font-size:16px; line-height:1.5; font-weight:450; color:var(--glass-label,#f4faf7); white-space:nowrap; }
body.leiu-design-petrol #lock-metal stop:nth-child(1) { stop-color:#dfede5; }
body.leiu-design-petrol #lock-metal stop:nth-child(2) { stop-color:#c4dace; }
body.leiu-design-petrol #lock-metal stop:nth-child(3) { stop-color:#9bb8aa; }
body.leiu-design-petrol .lock-keyhole { stroke:var(--keyhole,#315f5a); }
body.leiu-design-petrol #star-metal stop:nth-child(1) { stop-color:var(--star-start,#e6d2b5); }
body.leiu-design-petrol #star-metal stop:nth-child(2) { stop-color:var(--star-mid,#d9e9db); }
body.leiu-design-petrol #star-metal stop:nth-child(3) { stop-color:var(--star-end,#a9d7cd); }
body.leiu-design-petrol .privacy-lock { width:96px; height:96px; overflow:visible; filter:drop-shadow(0 3px 2px rgb(4 29 30 / 12%)); }
body.leiu-design-petrol .service-stars { width:184px; max-width:100%; height:auto; filter:drop-shadow(0 2px 1px rgb(4 29 30 / 10%)); }
body.leiu-design-petrol .lock-shackle { transform-box:view-box; transform-origin:69px 56px; opacity:1; }
body.leiu-design-petrol .why-section.is-enhanced .scene-trust:not([data-motion-played]) .lock-shackle { transform:translateY(-14px) rotateY(-180deg); }
body.leiu-design-petrol .scene-trust.is-animating .lock-shackle { animation:lock-close 1200ms cubic-bezier(.3,.1,.25,1) 700ms both; }
body.leiu-design-petrol .scene-trust.is-animating .lock-whole { animation:lock-settle 1200ms ease-in-out 700ms both; }
@keyframes lock-close {
  0% { transform:translateY(-14px) rotateY(-180deg); }
  60% { transform:translateY(-14px) rotateY(0deg); }
  80%,100% { transform:translateY(0) rotateY(0deg); }
}
@keyframes lock-settle {
  0%,76% { transform:translateY(0); }
  86% { transform:translateY(3px); }
  100% { transform:translateY(0); }
}
body.leiu-design-petrol .glass-check { width:80px; height:80px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
body.leiu-design-petrol .glass-check circle { stroke:rgb(231 251 245 / 65%); stroke-width:1.5; }
@media(min-width:961px) {
  body.leiu-design-petrol .why-section { padding-block:clamp(96px,16vh,144px); }
  body.leiu-design-petrol .why-section.is-enhanced .why-stage { position:sticky; top:max(32px,calc((100vh - var(--why-panel-height))/2)); transform:translateY(var(--why-end-shift,0px)); }
  body.leiu-design-petrol .why-section.is-enhanced .why-step:not(.is-active) h3 { color:#737f82; }
  body.leiu-design-petrol .why-section.is-enhanced .why-step:not(.is-active) p,
body.leiu-design-petrol .why-section.is-enhanced .why-step:not(.is-active) li { color:#626f74; }
  body.leiu-design-petrol .why-copy h3,
body.leiu-design-petrol .why-copy p,
body.leiu-design-petrol .why-copy li { transition:color 220ms ease; }
  body.leiu-design-petrol .why-section.is-enhanced .why-glass { animation:why-reveal 220ms ease both; }
}
@keyframes why-reveal { from { opacity:.35; } to { opacity:1; } }
@media(max-width:1100px) {
  body.leiu-design-petrol .why-layout { gap:40px; grid-template-columns:.95fr 1.3fr; }
  body.leiu-design-petrol .why-copy h3 { font-size:32px; }
  body.leiu-design-petrol .why-scene { padding:32px; }
  body.leiu-design-petrol .glass-pair { gap:16px; }
  body.leiu-design-petrol .why-glass { padding-inline:12px; }
  body.leiu-design-petrol .glass-caption { font-size:15px; }
}
@media(max-width:960px) {
  body.leiu-design-petrol .why-section { padding:48px 28px; }
  body.leiu-design-petrol .why-layout { display:block; }
  body.leiu-design-petrol .why-step { min-height:0; padding:0; gap:28px; }
  body.leiu-design-petrol .why-step + .why-step { margin-top:64px; }
  body.leiu-design-petrol .why-copy { max-width:540px; }
  body.leiu-design-petrol .why-copy h3 { font-size:32px; margin-bottom:20px; }
  body.leiu-design-petrol .why-section.is-enhanced .why-rail { display:none; }
  body.leiu-design-petrol .why-scene { width:100%; height:400px; padding:32px; }
}
@media(max-width:480px) {
  body.leiu-design-petrol .why-section { padding:40px 20px; }
  body.leiu-design-petrol .why-copy h3 { font-size:30px; }
  body.leiu-design-petrol .why-copy > p { font-size:17px; }
  body.leiu-design-petrol .why-copy li { font-size:15px; }
  body.leiu-design-petrol .why-scene { height:300px; padding:20px 16px; border-radius:20px; }
  body.leiu-design-petrol .glass-pair { gap:12px; }
  body.leiu-design-petrol .why-glass { height:256px; padding:24px 8px; border-radius:18px; gap:22px; }
  body.leiu-design-petrol .glass-emphasis { height:64px; }
  body.leiu-design-petrol .glass-metric { font-size:56px; }
  body.leiu-design-petrol .glass-metric--wide { font-size:44px; }
  body.leiu-design-petrol .glass-message { font-size:48px; }
  body.leiu-design-petrol .glass-caption { font-size:14px; }
  body.leiu-design-petrol .glass-caption { white-space:normal; text-wrap:balance; min-height:42px; display:flex; align-items:center; justify-content:center; max-width:100%; }
  body.leiu-design-petrol .privacy-lock { width:70px; height:70px; }
  body.leiu-design-petrol .service-stars { width:132px; }
  body.leiu-design-petrol .glass-check { width:62px; height:62px; }
}
@media(max-width:360px) {
  body.leiu-design-petrol .why-section { padding-inline:16px; }
  body.leiu-design-petrol .why-copy h3 { font-size:28px; }
  body.leiu-design-petrol .why-scene { padding:18px 12px; height:276px; }
  body.leiu-design-petrol .glass-pair { gap:10px; }
  body.leiu-design-petrol .why-glass { height:240px; padding-inline:5px; }
  body.leiu-design-petrol .glass-metric { font-size:48px; }
  body.leiu-design-petrol .glass-metric--wide { font-size:38px; }
  body.leiu-design-petrol .glass-message { font-size:42px; }
  body.leiu-design-petrol .glass-caption { font-size:13px; }
  body.leiu-design-petrol .privacy-lock { width:62px; height:62px; }
  body.leiu-design-petrol .service-stars { width:112px; }
}
@media(prefers-reduced-motion:reduce) {
  body.leiu-design-petrol .why-section.is-enhanced .why-glass { animation:none; }
  body.leiu-design-petrol .why-copy h3,
body.leiu-design-petrol .why-copy p,
body.leiu-design-petrol .why-copy li { transition:none; }
  body.leiu-design-petrol .scene-trust.is-animating .lock-shackle,
body.leiu-design-petrol .scene-trust.is-animating .lock-whole { animation:none; transform:none; }
  body.leiu-design-petrol .why-section.is-enhanced .scene-trust:not([data-motion-played]) .lock-shackle { transform:none; }
}


/* continuation.css */
body.leiu-design-petrol {
  --home-section-space:88px;
  --home-title-size:48px;
  --home-body-size:17px;
  --home-card-radius:20px;
  --home-heading-weight:550;
}
html[data-heading-weight="500"] body.leiu-design-petrol { --home-heading-weight:500; }
body.leiu-design-petrol .home-section { padding:var(--home-section-space) 32px; scroll-margin-top:32px; }
body.leiu-design-petrol .home-title { margin:0; font-size:var(--home-title-size); font-weight:var(--home-heading-weight); line-height:1.16; letter-spacing:-.04em; text-wrap:balance; }
body.leiu-design-petrol .home-lead { font-size:var(--home-body-size); line-height:1.65; color:var(--body); }
body.leiu-design-petrol .payments-section,
body.leiu-design-petrol .articles-section { background:var(--section-soft); }
body.leiu-design-petrol .voices-section,
body.leiu-design-petrol .questions-section { background:var(--section-white); }
html[data-canvas="white"] body.leiu-design-petrol .payments-section,
html[data-canvas="white"] body.leiu-design-petrol .articles-section { background:var(--section-white); }
html[data-canvas="white"] body.leiu-design-petrol .voices-section,
html[data-canvas="white"] body.leiu-design-petrol .questions-section { background:var(--section-soft); }
body.leiu-design-petrol .payments-section { padding-block:72px; }
body.leiu-design-petrol .payment-heading { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
body.leiu-design-petrol .payment-heading .home-lead { max-width:72ch; }
body.leiu-design-petrol .payment-logos { margin:40px 0 0; padding:28px 24px; list-style:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; align-items:center; background:#fff; border-radius:var(--home-card-radius); box-shadow:0 2px 4px rgb(14 35 38 / 2%),0 16px 36px -24px rgb(14 35 38 / 14%); }
body.leiu-design-petrol .payment-logos li { display:flex; align-items:center; justify-content:center; min-width:0; min-height:64px; }
body.leiu-design-petrol .payment-logos img { display:block; object-fit:contain; max-width:100%; }
body.leiu-design-petrol .payment-logos .pay-visa { width:112px; height:64px; object-fit:cover; }
body.leiu-design-petrol .payment-logos .pay-mastercard { width:80px; height:54px; }
html[data-canvas="white"] body.leiu-design-petrol .payment-logos { background:var(--section-soft); box-shadow:none; }
body.leiu-design-petrol .voices-section .home-title { margin-bottom:40px; }
body.leiu-design-petrol .voices-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; }
body.leiu-design-petrol .client-card { position:relative; padding:40px 64px; background:var(--section-soft); border-radius:var(--home-card-radius); display:flex; flex-direction:column; min-height:336px; }
html[data-canvas="white"] body.leiu-design-petrol .client-card { background:#fff; box-shadow:var(--card-shadow); }
body.leiu-design-petrol .review-slides { display:grid; flex:1; }
body.leiu-design-petrol .review-slide { grid-area:1/1; margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px; text-align:center; }
body.leiu-design-petrol .review-slide[hidden] { display:none; }
body.leiu-design-petrol .review-slide blockquote { margin:0; max-width:30ch; font-size:24px; line-height:1.45; letter-spacing:-.025em; font-weight:450; text-wrap:pretty; }
body.leiu-design-petrol .review-slide figcaption { display:flex; align-items:center; gap:14px; font-size:15px; line-height:1.5; text-align:left; }
body.leiu-design-petrol .review-person,
body.leiu-design-petrol .quote-byline { display:flex; flex-direction:column; gap:5px; font-size:15px; line-height:1.5; }
body.leiu-design-petrol .review-avatar { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#e4eced; flex:none; }
body.leiu-design-petrol .review-avatar svg { width:25px; height:25px; fill:none; stroke:#647c7d; stroke-width:1.4; stroke-linecap:round; }
body.leiu-design-petrol .review-slide figcaption strong,
body.leiu-design-petrol .quote-byline strong { font-weight:550; }
body.leiu-design-petrol .review-slide figcaption span { color:var(--body); }
body.leiu-design-petrol .review-controls { display:contents; }
body.leiu-design-petrol .review-arrows { display:contents; }
body.leiu-design-petrol .review-arrows .icon-button { position:absolute; top:50%; transform:translateY(-50%); }
body.leiu-design-petrol .review-arrows .icon-button:first-child { left:12px; }
body.leiu-design-petrol .review-arrows .icon-button:last-child { right:12px; }
body.leiu-design-petrol .icon-button { width:44px; height:44px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:#fff; color:var(--ink); }
body.leiu-design-petrol .icon-button:hover { background:#e6eeef; }
body.leiu-design-petrol .icon-button svg,
body.leiu-design-petrol .support-links svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex:none; }
html[data-canvas="white"] body.leiu-design-petrol .icon-button { background:var(--section-soft); }
body.leiu-design-petrol .petrol-surface { position:relative; overflow:hidden; isolation:isolate; border-radius:var(--home-card-radius); background:var(--petrol-canvas); color:#fff; box-shadow:inset 0 1px 0 rgb(255 255 255 / 10%); }
body.leiu-design-petrol .petrol-surface::before { content:''; position:absolute; inset:0; z-index:-1; background:url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/8cdf28bb5f-why-grain.svg"); opacity:.56; mix-blend-mode:soft-light; pointer-events:none; }
body.leiu-design-petrol .team-quote { margin:0; padding:32px; display:grid; grid-template-columns:152px minmax(0,1fr); align-items:center; gap:28px; }
body.leiu-design-petrol .quote-watermark { position:absolute; top:20px; right:24px; width:112px; height:94px; fill:#d8ece7; opacity:.075; pointer-events:none; z-index:-1; }
body.leiu-design-petrol .team-copy blockquote { margin:0 0 24px; font-size:21px; line-height:1.5; letter-spacing:-.02em; font-weight:450; text-wrap:pretty; }
body.leiu-design-petrol .team-photo { display:block; width:152px; height:224px; object-fit:cover; border-radius:12px; }
body.leiu-design-petrol .quote-byline span { color:var(--on-green-body); }
body.leiu-design-petrol .trust-signals { display:flex; align-items:center; justify-content:flex-start; gap:80px; margin-top:28px; padding-top:24px; border-top:1px solid #e5eaeb; }
body.leiu-design-petrol .trust-signal { margin:0; display:flex; align-items:center; gap:10px; font-size:16px; line-height:1.5; color:var(--body); }
body.leiu-design-petrol .trust-check { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; flex:none; }
body.leiu-design-petrol .trust-signal strong { font-size:16px; font-weight:550; color:var(--ink); }
body.leiu-design-petrol .google-label { display:flex; align-items:center; gap:8px; }
body.leiu-design-petrol .google-label svg { width:18px; height:18px; flex:none; }
body.leiu-design-petrol .rating-stars { width:86px; height:16px; flex:none; }
body.leiu-design-petrol .articles-heading { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:36px; }
body.leiu-design-petrol .all-articles { display:inline-flex; align-items:center; gap:14px; min-height:44px; font-size:16px; font-weight:500; color:var(--surface-green); white-space:nowrap; }
body.leiu-design-petrol .all-articles svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
body.leiu-design-petrol .all-articles:hover { text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px; }
body.leiu-design-petrol .article-card { display:grid; grid-template-rows:subgrid; grid-row:span 3; row-gap:0; overflow:hidden; border-radius:20px; background:#fff; box-shadow:0 2px 4px rgb(14 35 38 / 2%),0 16px 36px -24px rgb(14 35 38 / 12%); }
html[data-canvas="white"] body.leiu-design-petrol .article-card { background:var(--section-soft); box-shadow:none; }
body.leiu-design-petrol .article-card > img { display:block; width:100%; height:auto; aspect-ratio:8/3; object-fit:cover; }
body.leiu-design-petrol .article-copy { display:grid; grid-template-rows:subgrid; grid-row:span 2; row-gap:0; padding:28px; }
body.leiu-design-petrol .article-copy h3 { font-size:24px; line-height:1.3; letter-spacing:-.025em; font-weight:550; text-wrap:pretty; }
body.leiu-design-petrol .article-copy p { margin-top:16px; font-size:16px; line-height:1.6; color:var(--body); }
body.leiu-design-petrol .article-card:hover h3 { color:var(--surface-green); text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
@media(max-width:1100px) {
  body.leiu-design-petrol .article-grid { column-gap:20px; }
  body.leiu-design-petrol .article-copy { padding:24px; }
  body.leiu-design-petrol .article-copy h3 { font-size:22px; }
}
@media(max-width:820px) {
  body.leiu-design-petrol .article-grid { grid-template-columns:1fr; gap:20px; }
  body.leiu-design-petrol .article-card { grid-template-columns:240px minmax(0,1fr); grid-template-rows:auto; grid-row:auto; align-items:center; }
  body.leiu-design-petrol .article-copy { display:block; grid-row:auto; }
  body.leiu-design-petrol .article-card > img { height:100%; aspect-ratio:auto; min-height:180px; }
  body.leiu-design-petrol .article-copy h3 { min-height:0; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .articles-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:24px; }
  body.leiu-design-petrol .article-card { display:block; }
  body.leiu-design-petrol .article-card > img { height:auto; aspect-ratio:8/3; min-height:0; }
  body.leiu-design-petrol .article-copy { padding:24px; }
  body.leiu-design-petrol .article-copy h3 { font-size:24px; }
  body.leiu-design-petrol .article-copy p { margin-top:14px; }
}
body.leiu-design-petrol .questions-section .home-title { margin-bottom:40px; }
body.leiu-design-petrol .questions-grid { display:grid; grid-template-columns:minmax(0,1fr) 344px; gap:48px; align-items:start; }
body.leiu-design-petrol.petrol-page-contact .questions-section .container { max-width:860px; }
body.leiu-design-petrol.petrol-page-contact .questions-grid { display:block; }
body.leiu-design-petrol.petrol-page-contact .questions-grid > .support-card { display:none; }
body.leiu-design-petrol .question-list { display:grid; gap:12px; }
body.leiu-design-petrol .question-list details { background:var(--section-soft); border-radius:22px; }
html[data-canvas="white"] body.leiu-design-petrol .question-list details { background:#fff; }
body.leiu-design-petrol .question-list summary { display:flex; gap:24px; align-items:center; justify-content:space-between; min-height:76px; padding:22px 26px; list-style:none; cursor:pointer; font-size:18px; line-height:1.5; font-weight:500; letter-spacing:-.015em; border-radius:22px; }
body.leiu-design-petrol .question-list summary:hover { color:var(--surface-green); }
body.leiu-design-petrol .question-list summary::-webkit-details-marker { display:none; }
body.leiu-design-petrol .question-list summary svg { flex:none; width:26px; height:26px; padding:4px; border:1px solid #dce5e6; border-radius:50%; fill:none; stroke:var(--body); stroke-width:1.6; transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease,stroke 180ms ease; }
body.leiu-design-petrol .question-list details[open] summary svg { background:#265959; border-color:#265959; stroke:#fff; }
body.leiu-design-petrol .question-list details[open] .faq-icon-vertical { display:none; }
body.leiu-design-petrol .question-answer { padding:0 66px 26px 26px; }
body.leiu-design-petrol .question-answer p { font-size:var(--home-body-size); line-height:1.65; color:var(--body); }
body.leiu-design-petrol .question-answer a { text-decoration:underline; text-underline-offset:3px; color:var(--surface-green); }
body.leiu-design-petrol .support-card { padding:32px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; min-height:516px; }
body.leiu-design-petrol .support-art { display:block; width:232px; max-width:100%; height:136px; align-self:center; flex:none; }
body.leiu-design-petrol .support-card h3 { font-size:24px; font-weight:var(--home-heading-weight); line-height:1.25; letter-spacing:-.035em; margin:0 0 14px; }
body.leiu-design-petrol .support-card p { font-size:var(--home-body-size); line-height:1.65; color:var(--on-green-body); }
body.leiu-design-petrol .support-links { display:grid; }
body.leiu-design-petrol .support-links a,
body.leiu-design-petrol .support-links button { display:flex; justify-content:space-between; gap:16px; align-items:center; width:100%; padding:18px 0; border:0; border-top:1px solid rgb(255 255 255 / 21%); background:none; color:#fff; text-align:left; font-size:17px; font-weight:450; line-height:1.5; }
body.leiu-design-petrol .support-links a:last-child,
body.leiu-design-petrol .support-links button:last-child { padding-bottom:0; }
body.leiu-design-petrol .support-links small { display:block; margin-bottom:4px; font-size:14px; color:var(--on-green-body); }
body.leiu-design-petrol .support-links a:hover,
body.leiu-design-petrol .support-links button:hover { color:#d1ece7; }
body.leiu-design-petrol .petrol-surface :focus-visible { outline-color:#fff; }
html body.leiu-design-petrol .intro-section .intro-top h2 { font-size:var(--home-title-size); }
@media(min-width:961px) { body.leiu-design-petrol .why-section { padding-block:88px; } }
@media(max-width:1100px) {
  body.leiu-design-petrol { --home-title-size:42px; }
  body.leiu-design-petrol .client-card { padding:32px 60px; }
  body.leiu-design-petrol .team-quote { padding:28px; gap:22px; grid-template-columns:124px minmax(0,1fr); }
  body.leiu-design-petrol .team-copy blockquote { font-size:19px; }
  body.leiu-design-petrol .team-photo { width:124px; height:200px; }
  body.leiu-design-petrol .questions-grid { gap:32px; grid-template-columns:minmax(0,1fr) 320px; }
  body.leiu-design-petrol .support-card { padding:28px; }
  body.leiu-design-petrol .trust-signals { gap:48px; }
}
@media(max-width:960px) {
  body.leiu-design-petrol { --home-section-space:64px; --home-title-size:36px; }
  body.leiu-design-petrol .home-section { padding-inline:28px; }
  body.leiu-design-petrol .payments-section { padding-block:64px; }
  body.leiu-design-petrol .payment-logos { gap:20px; padding:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.leiu-design-petrol .review-slide blockquote { font-size:24px; }
  body.leiu-design-petrol .trust-signals { gap:20px 40px; flex-wrap:wrap; }
}
@media(max-width:820px) {
  body.leiu-design-petrol .voices-grid { grid-template-columns:1fr; }
  body.leiu-design-petrol .client-card { min-height:300px; }
  body.leiu-design-petrol .team-quote { padding:32px; grid-template-columns:160px minmax(0,1fr); gap:32px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:22px; }
  body.leiu-design-petrol .team-photo { width:160px; height:224px; }
  body.leiu-design-petrol .questions-grid { grid-template-columns:1fr; gap:32px; }
  body.leiu-design-petrol .support-card { display:grid; grid-template-columns:1fr 1fr; gap:24px 40px; min-height:0; padding:32px; }
  body.leiu-design-petrol .support-art { grid-row:1; grid-column:1; justify-self:start; width:180px; height:102px; }
  body.leiu-design-petrol .support-card > div:not(.support-links) { grid-row:2; grid-column:1; }
  body.leiu-design-petrol .support-links { grid-row:1/3; grid-column:2; align-self:center; }
}
@media(max-width:620px) {
  body.leiu-design-petrol { --home-section-space:56px; --home-title-size:32px; --home-body-size:16px; }
  body.leiu-design-petrol .home-section { padding-inline:20px; }
  body.leiu-design-petrol .payments-section { padding-block:56px; }
  body.leiu-design-petrol .payment-heading { gap:20px; }
  body.leiu-design-petrol .payment-logos { margin-top:28px; gap:20px 16px; padding:24px 20px; }
  body.leiu-design-petrol .payment-logos li { min-height:44px; }
  body.leiu-design-petrol .payment-logos .pay-visa { width:86px; height:52px; }
  body.leiu-design-petrol .payment-logos .pay-mastercard { width:64px; height:44px; }
  body.leiu-design-petrol .pay-lhv { width:62px; }
  body.leiu-design-petrol .pay-swedbank { width:94px; }
  body.leiu-design-petrol .pay-seb { width:54px; }
  body.leiu-design-petrol .pay-luminor { width:88px; }
  body.leiu-design-petrol .voices-section .home-title,
body.leiu-design-petrol .questions-section .home-title { margin-bottom:28px; }
  body.leiu-design-petrol .voices-grid { grid-template-columns:1fr; gap:20px; }
  body.leiu-design-petrol .client-card { min-height:328px; padding:32px 36px 72px; }
  body.leiu-design-petrol .review-slide { gap:24px; }
  body.leiu-design-petrol .review-slide blockquote { font-size:22px; }
  body.leiu-design-petrol .review-arrows .icon-button { top:auto; bottom:16px; transform:none; }
  body.leiu-design-petrol .review-arrows .icon-button:first-child { left:calc(50% - 48px); }
  body.leiu-design-petrol .review-arrows .icon-button:last-child { left:calc(50% + 4px); right:auto; }
  body.leiu-design-petrol .team-quote { padding:28px; grid-template-columns:1fr; gap:28px; }
  body.leiu-design-petrol .team-photo { width:132px; height:176px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:22px; }
  body.leiu-design-petrol .trust-signals { flex-direction:column; align-items:flex-start; gap:18px; margin-top:24px; padding-top:24px; }
  body.leiu-design-petrol .trust-signal,
body.leiu-design-petrol .trust-signal strong { font-size:14px; }
  body.leiu-design-petrol .trust-signal { flex-wrap:wrap; gap:8px; }
  body.leiu-design-petrol .rating-stars { width:74px; height:14px; }
  body.leiu-design-petrol .question-list { gap:10px; }
  body.leiu-design-petrol .question-list details,
body.leiu-design-petrol .question-list summary { border-radius:20px; }
  body.leiu-design-petrol .question-list summary { font-size:17px; min-height:72px; padding:20px; gap:16px; }
  body.leiu-design-petrol .question-answer { padding:0 20px 24px; }
  body.leiu-design-petrol .support-card { display:flex; padding:28px; gap:32px; }
  body.leiu-design-petrol .support-art { width:224px; height:128px; align-self:center; }
  body.leiu-design-petrol .support-card h3 { font-size:22px; }
  body.leiu-design-petrol .support-links a,
body.leiu-design-petrol .support-links button { font-size:16px; }
  body.leiu-design-petrol .support-links { align-self:stretch; }
}
@media(max-width:380px) {
  body.leiu-design-petrol { --home-title-size:32px; }
  body.leiu-design-petrol .home-section { padding-inline:16px; }
  body.leiu-design-petrol .team-quote,
body.leiu-design-petrol .support-card { padding:24px; }
  body.leiu-design-petrol .client-card { padding:28px 24px 72px; }
  body.leiu-design-petrol .review-slide blockquote { font-size:20px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:20px; }
  body.leiu-design-petrol .trust-signals { gap:16px; }
  body.leiu-design-petrol .google-label { gap:6px; }
  body.leiu-design-petrol .rating-stars { width:62px; }
}
@media(prefers-reduced-motion:reduce) { body.leiu-design-petrol .question-list summary svg { transition:none; } }
body.leiu-design-petrol .voices-grid { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:stretch; }
body.leiu-design-petrol .client-card { min-height:336px; }
body.leiu-design-petrol .review-slide blockquote { font-size:26px; max-width:32ch; }
body.leiu-design-petrol .team-quote { padding:28px; gap:22px; grid-template-columns:104px minmax(0,1fr); min-height:0; align-self:stretch; align-items:start; align-content:center; }
body.leiu-design-petrol .team-photo { width:104px; height:160px; }
body.leiu-design-petrol .team-copy blockquote { font-size:18px; line-height:1.55; margin-bottom:20px; }
body.leiu-design-petrol .quote-byline { font-size:14px; }
body.leiu-design-petrol .quote-watermark { width:88px; height:76px; top:16px; right:16px; }
body.leiu-design-petrol .trust-signals { justify-content:center; gap:64px; }
body.leiu-design-petrol .questions-section .home-title { font-weight:550; }
html[data-quote-layout="below"] body.leiu-design-petrol .voices-grid { grid-template-columns:1fr; gap:40px; }
html[data-quote-layout="below"] body.leiu-design-petrol .client-card { min-height:296px; padding:44px 88px; }
html[data-quote-layout="below"] body.leiu-design-petrol .team-quote { width:min(860px,100%); margin:0 auto; grid-template-columns:100px minmax(0,1fr); gap:28px; padding:8px 0; min-height:0; border-radius:0; background:transparent; box-shadow:none; color:var(--ink); }
html[data-quote-layout="below"] body.leiu-design-petrol .team-quote::before { display:none; }
html[data-quote-layout="below"] body.leiu-design-petrol .team-photo { width:100px; height:140px; }
html[data-quote-layout="below"] body.leiu-design-petrol .team-copy blockquote { font-size:20px; max-width:58ch; margin-bottom:16px; }
html[data-quote-layout="below"] body.leiu-design-petrol .quote-byline span { color:var(--body); }
html[data-quote-layout="below"] body.leiu-design-petrol .quote-watermark { fill:var(--surface-green); opacity:.05; }
body.leiu-design-petrol .article-arrows { display:flex; gap:12px; flex:none; }
body.leiu-design-petrol .article-arrows .icon-button:first-child svg { transform:rotate(180deg); }
body.leiu-design-petrol .article-arrows .icon-button { background:#fff; color:var(--ink); }
body.leiu-design-petrol .article-arrows .icon-button:hover:not(:disabled) { background:#e4eded; }
body.leiu-design-petrol .article-arrows .icon-button:disabled { opacity:.38; cursor:default; }
body.leiu-design-petrol .articles-heading { flex-direction:row; align-items:center; margin-bottom:32px; }
body.leiu-design-petrol .article-grid { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:0; scrollbar-width:none; padding:4px 0 8px; }
body.leiu-design-petrol .article-grid::-webkit-scrollbar { display:none; }
body.leiu-design-petrol .article-grid:focus-visible { outline-offset:4px; }
body.leiu-design-petrol .article-card { display:block; flex:0 0 calc((100% - 48px)/3); min-width:0; grid-row:auto; scroll-snap-align:start; overflow:visible; background:transparent!important; border-radius:0; box-shadow:none!important; }
body.leiu-design-petrol .article-card > img { display:block; width:100%; height:auto; min-height:0; aspect-ratio:16/9; object-fit:cover; border-radius:16px; }
body.leiu-design-petrol .article-copy { display:block; padding:20px 0 0; }
body.leiu-design-petrol .article-copy h3 { min-height:0; font-size:24px; line-height:1.3; font-weight:550; letter-spacing:-.025em; }
body.leiu-design-petrol .article-copy p { margin-top:12px; font-size:16px; line-height:1.6; }
@media(max-width:1100px) {
  body.leiu-design-petrol .voices-grid { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); }
  body.leiu-design-petrol .team-quote { grid-template-columns:88px minmax(0,1fr); padding:24px; gap:20px; }
  body.leiu-design-petrol .team-photo { width:88px; height:144px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:17px; }
  body.leiu-design-petrol .review-slide blockquote { font-size:24px; }
  body.leiu-design-petrol .article-copy h3 { font-size:24px; }
}
@media(max-width:960px) {
  body.leiu-design-petrol .voices-grid { grid-template-columns:1fr; gap:24px; }
  body.leiu-design-petrol .team-quote { width:100%; grid-template-columns:112px minmax(0,1fr); min-height:0; padding:28px; gap:28px; }
  body.leiu-design-petrol .team-photo { width:112px; height:152px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:19px; margin-bottom:16px; }
  body.leiu-design-petrol .article-card { flex-basis:calc((100% - 24px)/2); }
  body.leiu-design-petrol .trust-signals { gap:20px 40px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .review-slide blockquote { font-size:22px; }
  body.leiu-design-petrol .team-quote { grid-template-columns:80px minmax(0,1fr); gap:20px; padding:24px; }
  body.leiu-design-petrol .team-photo { width:80px; height:120px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:17px; line-height:1.55; }
  body.leiu-design-petrol .quote-byline { font-size:13px; gap:4px; }
  body.leiu-design-petrol .trust-signals { align-items:center; flex-direction:column; gap:16px; }
  body.leiu-design-petrol .trust-signal { justify-content:center; text-align:center; }
  body.leiu-design-petrol .articles-heading { flex-direction:row; gap:16px; margin-bottom:24px; }
  body.leiu-design-petrol .article-arrows { gap:8px; }
  body.leiu-design-petrol .article-grid { gap:20px; }
  body.leiu-design-petrol .article-card { flex-basis:88%; }
  body.leiu-design-petrol .article-copy { padding:18px 0 0; }
  body.leiu-design-petrol .article-copy h3 { font-size:22px; }
  html[data-quote-layout="below"] body.leiu-design-petrol .voices-grid { gap:28px; }
  html[data-quote-layout="below"] body.leiu-design-petrol .client-card { min-height:328px; padding:32px 36px 72px; }
  html[data-quote-layout="below"] body.leiu-design-petrol .team-quote { grid-template-columns:80px minmax(0,1fr); gap:20px; padding:0; }
  html[data-quote-layout="below"] body.leiu-design-petrol .team-photo { width:80px; height:120px; }
  html[data-quote-layout="below"] body.leiu-design-petrol .team-copy blockquote { font-size:17px; }
}
@media(max-width:380px) {
  body.leiu-design-petrol .team-quote { padding:24px; grid-template-columns:1fr; gap:20px; }
  body.leiu-design-petrol .team-photo { width:88px; height:112px; }
  body.leiu-design-petrol .review-slide blockquote { font-size:20px; }
  body.leiu-design-petrol .articles-heading .home-title { font-size:32px; }
  body.leiu-design-petrol .article-arrows { gap:4px; }
  body.leiu-design-petrol .article-copy h3 { font-size:22px; }
  html[data-quote-layout="below"] body.leiu-design-petrol .client-card { padding:28px 24px 72px; }
  html[data-quote-layout="below"] body.leiu-design-petrol .team-quote { grid-template-columns:72px minmax(0,1fr); gap:16px; }
  html[data-quote-layout="below"] body.leiu-design-petrol .team-photo { width:72px; height:104px; }
}


/* hero.css */
body.leiu-design-petrol .skip-link { position:fixed; top:12px; left:16px; z-index:100; padding:14px 20px; background:#fff; color:var(--ink); border-radius:10px; transform:translateY(-150%); }
body.leiu-design-petrol .skip-link:focus { transform:none; }
body.leiu-design-petrol .home-hero { position:relative; isolation:isolate; padding:20px 32px 0; background:var(--petrol-canvas); border-radius:0 0 28px 28px; color:#fff; }
body.leiu-design-petrol .home-hero::before { content:''; position:absolute; z-index:-1; inset:0; border-radius:inherit; background:url("/wp-content/plugins/leiuniversal-blocks/assets/petrol/8cdf28bb5f-why-grain.svg"); opacity:.24; mix-blend-mode:soft-light; pointer-events:none; }
body.leiu-design-petrol .hero-panels { position:absolute; z-index:-1; inset:0; border-radius:inherit; overflow:hidden; pointer-events:none; opacity:0; background:linear-gradient(125deg,transparent 30%,rgb(192 227 222 / 3%) 30.1%,rgb(192 227 222 / 9%) 45%,transparent 45.1%,transparent 62%,rgb(192 227 222 / 7%) 62.1%,rgb(192 227 222 / 2%) 77%,transparent 77.1%); }
html[data-hero="lines"] body.leiu-design-petrol .hero-panels { opacity:1; }
body.leiu-design-petrol .site-brand { display:flex; align-items:center; flex:none; min-height:44px; }
body.leiu-design-petrol .site-brand img { display:block; width:146px; height:auto; filter:brightness(0) invert(1); }
body.leiu-design-petrol .hero-content { padding:76px 0 88px; text-align:center; }
body.leiu-design-petrol .hero-content h1 { margin:0 auto; max-width:1040px; font-size:64px; font-weight:550; letter-spacing:-.05em; line-height:1.1; text-wrap:balance; }
body.leiu-design-petrol .hero-content > p { max-width:760px; margin:24px auto 0; font-size:20px; line-height:1.6; color:var(--on-green-body); text-wrap:pretty; }
body.leiu-design-petrol .hero-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; margin-top:32px; }
body.leiu-design-petrol .hero-actions .button { min-height:54px; padding-inline:24px; font-size:16px; border-radius:12px; }
body.leiu-design-petrol .hero-actions .button--outline { border-color:rgb(244 255 251 / 55%); }
body.leiu-design-petrol .hero-rating { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:28px; font-size:14px; line-height:1.5; color:#e4efed; }
body.leiu-design-petrol .hero-rating svg { width:86px; height:16px; }
body.leiu-design-petrol .home-hero :focus-visible { outline-color:#fff; }
body.leiu-design-petrol .intro-section { scroll-margin-top:28px; }
@media(max-width:1100px) {
  body.leiu-design-petrol .hero-content h1 { font-size:58px; }
  body.leiu-design-petrol .hero-content > p { font-size:19px; }
}
@media(max-width:900px) {
  body.leiu-design-petrol .hero-content { padding:64px 8px 72px; }
  body.leiu-design-petrol .hero-content h1 { font-size:54px; max-width:650px; }
  body.leiu-design-petrol .hero-content > p { max-width:580px; font-size:18px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .home-hero { padding:14px 16px 0; border-radius:0 0 24px 24px; }
  body.leiu-design-petrol .site-brand img { width:134px; }
  body.leiu-design-petrol .hero-content { padding:56px 8px 64px; }
  body.leiu-design-petrol .hero-content h1 { font-size:44px; line-height:1.12; }
  body.leiu-design-petrol .hero-content > p { font-size:17px; margin-top:22px; }
  body.leiu-design-petrol .hero-actions { flex-direction:column; align-items:stretch; gap:12px; margin-top:28px; }
  body.leiu-design-petrol .hero-actions .button { width:100%; }
  body.leiu-design-petrol .hero-rating { margin-top:24px; }
}
@media(max-width:380px) {
  body.leiu-design-petrol .home-hero { padding-inline:12px; }
  body.leiu-design-petrol .hero-content { padding-inline:8px; }
  body.leiu-design-petrol .hero-content h1 { font-size:39px; }
}


/* source-home.css */
body.leiu-design-petrol .home-hero { min-height:min(76vh,620px); padding:clamp(140px,18vh,184px) clamp(20px,5vw,60px) clamp(56px,8vh,90px); display:flex; align-items:center; justify-content:center; background:linear-gradient(170deg,#101b1b,#0b1314 60%,#0d1717); overflow:visible; }
body.leiu-design-petrol .home-hero::before { background:radial-gradient(60% 50% at 50% 38%,rgb(110 160 156 / 12%),transparent 70%); opacity:1; mix-blend-mode:normal; }
body.leiu-design-petrol .home-hero > lei-flow { border-radius:inherit; overflow:hidden; }
body.leiu-design-petrol .home-hero > lei-flow svg { display:block; width:100%; height:100%; }
body.leiu-design-petrol .hero-content { position:relative; max-width:860px; width:100%; padding:0; z-index:1; }
body.leiu-design-petrol .hero-content h1 { font-size:clamp(36px,5.6vw,64px); font-weight:600; line-height:1.05; max-width:100%; letter-spacing:-.03em; }
body.leiu-design-petrol .hero-content > p { margin-top:20px; font-size:clamp(16.5px,1.9vw,22px); line-height:1.65; color:#c0cecd; }
body.leiu-design-petrol .hero-actions { margin-top:34px; gap:12px; flex-direction:row; flex-wrap:wrap; }
body.leiu-design-petrol .hero-actions .button { height:48px; min-height:0; width:auto; border:1.5px solid transparent; border-radius:10px; padding:10px 28px; font-size:15.5px; line-height:1.2; font-weight:600; letter-spacing:.01em; }
body.leiu-design-petrol .hero-actions .button--accent { background:#2b5b59; color:#fff; }
body.leiu-design-petrol .hero-actions .button--accent:hover { background:#326966; }
body.leiu-design-petrol .hero-actions .button--outline { border-color:rgb(238 247 245 / 42%); }
body.leiu-design-petrol .hero-rating { margin-top:14px; min-height:32px; padding:6px 4px; gap:8px; font-size:13.5px; line-height:18px; }
body.leiu-design-petrol .hero-rating svg { width:82px; height:15px; }
@media(max-width:820px) {
  body.leiu-design-petrol .home-hero { min-height:min(70vh,580px); padding:124px 16px 56px; border-radius:0 0 22px 22px; }
  body.leiu-design-petrol .hero-actions .button { font-size:15px; height:42px; padding:9px 22px; }
}
@media(max-width:560px) {
  body.leiu-design-petrol .home-hero { min-height:clamp(560px,70svh,600px); padding:104px 16px 46px; border-radius:0; }
  body.leiu-design-petrol .hero-content { transform:translateY(-10px); }
}
@media(max-width:480px) { body.leiu-design-petrol .hero-content h1 { line-height:1.08; letter-spacing:-.02em; } body.leiu-design-petrol .hero-rating svg { width:76px; height:14px; } }


/* application.css */
body.leiu-design-petrol .application-section { background:#fff; padding:56px 32px 80px; }
body.leiu-design-petrol .application-section #lei_request { --c-brand:#265959; --c-brand-dark:#1c4748; --c-brand-deep:#153e3e; --c-text:var(--ink); --c-text-mute:var(--body); --c-text-faint:#66767a; --c-border:#dbe3e5; --c-border-lt:#e8edee; --c-border-hv:#c7d2d5; --c-bg-soft:var(--section-soft); --c-bg-card:#fcfdfd; --font:Inter,Arial,sans-serif; --shadow-card:0 -8px 28px rgb(16 41 44 / 7%),0 1px 3px rgb(16 41 44 / 7%),0 8px 24px rgb(16 41 44 / 8%),0 28px 64px -12px rgb(16 41 44 / 17%); --shadow-btn:0 2px 8px rgb(16 41 44 / 12%); margin:0 auto; scroll-margin-top:28px; }
body.leiu-design-petrol #lei_request .field__label { line-height:20px; }
body.leiu-design-petrol #lei_request .field__input { height:40px; }
body.leiu-design-petrol #lei_request .tier,
body.leiu-design-petrol #lei_request .question { font-size:14px; line-height:20px; font-weight:500; }
body.leiu-design-petrol #lei_request .field__input:is(:focus,:focus-visible) { outline:none!important; border-color:var(--c-brand)!important; box-shadow:0 0 0 1px var(--c-brand)!important; }
body.leiu-design-petrol #lei_request .question:focus-within { outline:none; }
body.leiu-design-petrol #lei_request .question:has(input:focus-visible) .yn { outline:2px solid var(--c-brand); outline-offset:0; }
body.leiu-design-petrol #lei_request .terms input { accent-color:var(--c-brand); }
body.leiu-design-petrol #lei_request [hidden] { display:none!important; }
@media(max-width:900px) {
  body.leiu-design-petrol .application-section { padding:48px 28px 64px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .application-section { padding:40px 20px 56px; }
}
@media(max-width:380px) {
  body.leiu-design-petrol .application-section { padding-inline:16px; }
}


/* finish.css */
body.leiu-design-petrol #lei_request .form-head__title { font-weight:550; }
body.leiu-design-petrol #lei_request .tier__price { font-weight:550; }
body.leiu-design-petrol .hero-rating { white-space:nowrap; }
body.leiu-design-petrol .home-hero { z-index:2; }
body.leiu-design-petrol .review-slide[hidden] { display:flex; visibility:hidden; pointer-events:none; }
body.leiu-design-petrol .review-avatar { display:block; width:56px; height:56px; overflow:hidden; }
body.leiu-design-petrol .review-avatar img { display:block; width:100%; height:100%; object-fit:cover; }
body.leiu-design-petrol .review-portrait--1 { object-position:50% 20%; transform:scale(1.8); transform-origin:50% 27%; }
body.leiu-design-petrol .review-portrait--2 { object-position:50% 30%; transform:scale(1.15); }
body.leiu-design-petrol .review-portrait--3 { object-position:50% 30%; transform:scale(2); transform-origin:50% 32%; }
body.leiu-design-petrol .review-person { gap:2px; font-size:14px; }
body.leiu-design-petrol .review-person strong { font-size:15px; }
body.leiu-design-petrol .review-person .review-company { color:var(--ink); }
body.leiu-design-petrol .voices-grid { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:stretch; }
body.leiu-design-petrol .team-quote { display:grid; grid-template-columns:144px minmax(0,1fr); grid-template-rows:224px auto; grid-template-areas:"photo quote" "author ."; padding:24px; gap:14px 24px; align-content:center; min-height:336px; }
body.leiu-design-petrol .team-photo { grid-area:photo; width:100%; height:100%; object-fit:cover; object-position:50% 35%; border-radius:12px; align-self:stretch; }
body.leiu-design-petrol .team-copy { display:contents; }
body.leiu-design-petrol .team-copy blockquote { grid-area:quote; align-self:center; margin:0; font-size:18px; line-height:1.5; font-weight:450; letter-spacing:-.02em; text-wrap:pretty; }
body.leiu-design-petrol .team-copy .quote-byline { grid-area:author; align-self:start; margin:0; gap:3px; font-size:13px; line-height:1.4; }
body.leiu-design-petrol .team-copy .quote-byline strong { font-size:14px; }
body.leiu-design-petrol .quote-watermark { width:80px; height:68px; top:18px; right:18px; opacity:.055; }
html[data-quote-layout="edge"] body.leiu-design-petrol .team-quote { grid-template-columns:154px minmax(0,1fr); grid-template-rows:1fr; grid-template-areas:"photo copy"; padding:0; gap:0; }
html[data-quote-layout="edge"] body.leiu-design-petrol .team-photo { border-radius:0; min-height:336px; object-position:50% 30%; }
html[data-quote-layout="edge"] body.leiu-design-petrol .team-copy,
html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy { display:flex; grid-area:copy; flex-direction:column; justify-content:center; align-self:stretch; gap:16px; }
html[data-quote-layout="edge"] body.leiu-design-petrol .team-copy { padding:28px 24px; }
html[data-quote-layout="edge"] body.leiu-design-petrol .team-copy blockquote,
html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy blockquote { align-self:auto; padding:0; margin:0; }
html[data-quote-layout="edge"] body.leiu-design-petrol .quote-byline,
html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline { align-self:auto; margin:0; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:144px minmax(0,1fr); grid-template-rows:1fr; grid-template-areas:"photo copy"; padding:28px 24px; gap:24px; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { min-height:240px; max-height:280px; }

body.leiu-design-petrol .support-links .support-chat-copy { display:flex; flex-direction:column; gap:7px; }
body.leiu-design-petrol .support-links .support-chat-copy small { margin:0; font-size:14px; line-height:1.45; }
html[data-why-background="hero"] body.leiu-design-petrol .why-scene { background:radial-gradient(ellipse at 50% 0%,rgb(110 160 156 / 12%),transparent 65%),linear-gradient(170deg,#101b1b,#0b1314 60%,#0d1717); }
body.leiu-design-petrol #colophon .site-primary-footer-wrap { padding:64px 32px 56px; }
body.leiu-design-petrol #colophon .leiu-builder-footer-grid-columns { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; width:min(1200px,100%); margin:0 auto; }
body.leiu-design-petrol #colophon .widget { margin:0; }
body.leiu-design-petrol #colophon .widget + .widget { margin-top:22px; }
body.leiu-design-petrol #colophon h2 { font-size:16px; font-weight:550; line-height:1.4; text-transform:uppercase; color:#fff; margin:0; letter-spacing:0; }
body.leiu-design-petrol #colophon p { font-size:16px; font-weight:400; line-height:1.8; margin:0; color:#d7e3e2; }
body.leiu-design-petrol #colophon a { display:inline; min-height:0; padding:0; color:#d7e3e2; font-size:inherit; line-height:inherit; overflow-wrap:anywhere; }
body.leiu-design-petrol #colophon a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol #colophon a:focus-visible { outline:2px solid #c5e1dc; outline-offset:4px; }

@media(max-width:1100px) {
  body.leiu-design-petrol .voices-grid { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
  body.leiu-design-petrol .team-quote { grid-template-columns:124px minmax(0,1fr); grid-template-rows:208px auto; gap:14px 20px; padding:24px 20px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:17px; }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-quote { grid-template-columns:134px minmax(0,1fr); }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-copy { padding-inline:20px; }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:124px minmax(0,1fr); padding-inline:20px; gap:16px 20px; }
  body.leiu-design-petrol #colophon .leiu-builder-footer-grid-columns { gap:32px; grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:960px) {
  body.leiu-design-petrol .voices-grid { grid-template-columns:1fr; }
  body.leiu-design-petrol .team-quote { min-height:0; grid-template-columns:168px minmax(0,1fr); grid-template-rows:224px auto; padding:28px; gap:14px 32px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:22px; max-width:36ch; }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-quote { grid-template-columns:200px minmax(0,1fr); }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-copy { padding-inline:32px; }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:168px minmax(0,1fr); padding:28px; gap:16px 32px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .review-slide blockquote { font-size:22px; }
  body.leiu-design-petrol .review-person { font-size:12px; }
  body.leiu-design-petrol .review-person strong { font-size:14px; }
  body.leiu-design-petrol .review-avatar { width:52px; height:52px; }
  body.leiu-design-petrol .review-slide figcaption { gap:12px; }
  body.leiu-design-petrol .team-quote { grid-template-columns:112px minmax(0,1fr); grid-template-rows:minmax(190px,auto) auto; padding:24px 20px; gap:14px 20px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:17px; line-height:1.5; }
  body.leiu-design-petrol .team-copy .quote-byline { font-size:12px; }
  body.leiu-design-petrol .team-copy .quote-byline strong { font-size:13px; }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-quote { grid-template-columns:124px minmax(0,1fr); }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-copy { padding:24px 20px; }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:112px minmax(0,1fr); gap:14px 20px; padding:24px 20px; }
  body.leiu-design-petrol #colophon .site-primary-footer-wrap { padding:48px 20px; }
  body.leiu-design-petrol #colophon .leiu-builder-footer-grid-columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; }
  body.leiu-design-petrol #colophon .widget + .widget { margin-top:14px; }
  body.leiu-design-petrol #colophon h2 { font-size:14px; }
  body.leiu-design-petrol #colophon p { font-size:14px; line-height:1.7; }
  body.leiu-design-petrol #colophon a { display:inline-block; min-height:36px; padding:6px 0; }
}
@media(max-width:380px) {
  body.leiu-design-petrol .team-quote { grid-template-columns:100px minmax(0,1fr); gap:12px 16px; padding:22px 16px; }
  body.leiu-design-petrol .team-copy blockquote { font-size:16px; }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-quote { grid-template-columns:104px minmax(0,1fr); }
  html[data-quote-layout="edge"] body.leiu-design-petrol .team-copy { padding-inline:16px; }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:100px minmax(0,1fr); padding:22px 16px; gap:12px 16px; }
  body.leiu-design-petrol #colophon .site-primary-footer-wrap { padding-inline:16px; }
  body.leiu-design-petrol #colophon .leiu-builder-footer-grid-columns { gap:28px 16px; }
}
body.leiu-design-petrol .hero-rating { color:#f5f7f7; font-weight:500; }
body.leiu-design-petrol .hero-rating g { fill:#fbbc04; }
html[data-hero-tone="lifted"] body.leiu-design-petrol.petrol-page-home .home-hero { background:linear-gradient(170deg,#122222,#0c1718 60%,#102021); }
html[data-hero-tone="lifted"] body.leiu-design-petrol.petrol-page-home .home-hero::before { background:radial-gradient(66% 58% at 50% 36%,rgb(99 173 160 / 19%),transparent 74%); }
html[data-hero-tone="lifted"] body.leiu-design-petrol .hero-actions .button--accent { background:#306561; }
html[data-hero-tone="lifted"] body.leiu-design-petrol .hero-actions .button--accent:hover { background:#397570; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:160px minmax(0,1fr); }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { height:208px; min-height:0; max-height:none; align-self:center; }
@media (min-width:901px) and (max-width:1100px) {
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:136px minmax(0,1fr); }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { height:190px; }
}
@media (max-width:620px) {
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:120px minmax(0,1fr); }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { height:168px; }
}
@media (max-width:380px) {
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:106px minmax(0,1fr); }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { height:154px; }
}


/* form-refinement.css */
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .lei-widget__sidebar { padding:96px 32px 64px; background:#f3f7f8; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper { gap:32px; top:48px; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper::before,
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper::after { display:none; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper__step { display:flex; flex-direction:column; align-items:flex-start; gap:8px; width:100%; padding:0; border:0; background:transparent; border-radius:0; min-height:84px; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper .stepper__step .stepper__num { display:block; width:auto; height:auto; border:0; border-radius:0; background:none; box-shadow:none; color:#748888; font-size:44px; line-height:1.15; font-weight:500; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper .stepper__step .stepper__title { display:inline-flex; align-items:center; gap:10px; color:#5a7071; font-size:18px; line-height:1.4; font-weight:450; letter-spacing:-.015em; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper .stepper__step.is-active .stepper__num { color:#265959; font-weight:550; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper .stepper__step.is-active .stepper__title { color:#203c3e; font-weight:550; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper__step.is-completed .stepper__title::after { content:""; width:9px; height:5px; flex:none; border-left:1.5px solid #557c77; border-bottom:1.5px solid #557c77; transform:translateY(-2px) rotate(-45deg); }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper .stepper__step:hover .stepper__title { color:#265959; }
html[data-form-finish="editorial"] body.leiu-design-petrol #lei_request .stepper__step:focus-visible { outline:2px solid #265959; outline-offset:8px; border-radius:4px; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .lei-widget__sidebar { padding-top:144px; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper { gap:40px; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper::before { top:22px; bottom:22px; left:21.5px; background:#d6e1e1; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper::after { content:""; position:absolute; top:22px; left:21.5px; width:1px; height:calc((100% - 44px) / 2); background:#7a9c99; pointer-events:none; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper:has([data-step="1"].is-active)::after { display:none; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__step { grid-template-columns:44px minmax(0,1fr); gap:16px; min-height:44px; z-index:1; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__num { width:44px; height:44px; border-radius:50%; font-size:15px; font-weight:500; border-color:#d1dfdf; color:#607475; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__title { font-size:14.5px; line-height:1.4; font-weight:500; color:#586e70; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__step.is-active .stepper__title { font-weight:600; color:#203c3e; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__step.is-active .stepper__num { color:#fff; background:#265959; border-color:#265959; box-shadow:0 0 0 4px #e2eceb; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__step.is-completed .stepper__num { background:#e5eeee; border-color:#e5eeee; color:transparent; font-size:0; }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__step.is-completed .stepper__num::after { content:""; width:12px; height:7px; border-left:1.8px solid #265959; border-bottom:1.8px solid #265959; transform:translateY(-2px) rotate(-45deg); }
html[data-form-finish="sidebar"] body.leiu-design-petrol #lei_request .stepper__step:hover .stepper__title { color:#265959; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .lei-widget__sidebar { background:#f5f8f8; padding:84px 24px 48px; border-right-color:#e9efef; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper { gap:8px; top:96px; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper::before { display:none; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step { grid-template-columns:36px minmax(0,1fr); gap:12px; min-height:60px; padding:12px; border-radius:12px; transition:background-color .18s,box-shadow .18s; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step.is-active { background:#fff; box-shadow:0 2px 8px rgb(21 62 62 / 5%),0 1px 2px rgb(21 62 62 / 4%); }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step:hover { background:#edf2f2; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step.is-active:hover { background:#fff; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__num { width:36px; height:36px; border-radius:10px; font-size:14px; font-weight:550; background:transparent; border-color:#d7e2e1; color:#667879; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__title { color:#53696a; font-size:14px; line-height:1.35; font-weight:500; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step.is-active .stepper__title { color:#203a3c; font-weight:550; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step.is-active .stepper__num { color:#fff; background:#265959; border-color:#265959; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step.is-completed .stepper__num { background:#e4eeee; border-color:transparent; color:transparent; font-size:0; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .stepper__step.is-completed .stepper__num::after { content:""; width:11px; height:6px; border-left:1.8px solid #265959; border-bottom:1.8px solid #265959; transform:translateY(-2px) rotate(-45deg); }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .form-head__title { font-size:36px; font-weight:550; line-height:1.15; color:#203739; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .form-head__title-accent { color:inherit; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .mode-switcher__btn { min-height:44px; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .mode-switcher__btn.is-active { color:#265959; font-size:15px; font-weight:550; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tiers { margin-top:32px; margin-bottom:36px; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier { padding:28px 24px 24px; gap:14px; background:#fff; border-color:#dde5e6; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier:hover { transform:none; border-color:#a6bfbd; box-shadow:0 3px 12px rgb(21 62 62 / 5%); }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier.is-selected,
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier:has(input:checked) { background:#f7fafa; border-color:#477674; box-shadow:inset 0 0 0 .5px #477674; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__duration { text-transform:none; letter-spacing:0; font-size:14px; font-weight:500; color:#52676a; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__price { font-size:44px; font-weight:550; color:#203739; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__per { font-size:13px; font-weight:400; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__check { width:20px; height:20px; border-radius:6px; background-size:12px; top:14px; right:14px; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__badge { padding:4px 12px; border-radius:5px; font-size:10px; letter-spacing:.025em; box-shadow:none; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .form-group__label,
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .lookup__label { font-size:17px; line-height:1.3; font-weight:550; margin-bottom:16px; color:#203739; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .yn { background:#eaf0ef; }
html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .yn__opt { letter-spacing:.015em; }
@media(max-width:860px) {
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .form-head__title { font-size:28px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .mode-switcher__btn.is-active { font-size:13px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tiers { margin-top:28px; margin-bottom:28px; gap:18px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 16px; padding:20px 20px 20px 48px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__duration { grid-column:1; grid-row:1; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__price-row { grid-column:2; grid-row:1/3; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__price { font-size:32px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__per { font-size:12px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__total { grid-column:1; grid-row:2; font-size:12px; line-height:1.4; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__check { display:block; left:16px; top:20px; right:auto; width:18px; height:18px; border-radius:50%; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier:not(.is-selected):not(:has(input:checked)) .tier__check { background:transparent; border:1px solid #c3d2d1; }
}
@media(max-width:480px) {
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .form-head__title { font-size:26px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier { padding:20px 12px 20px 42px; gap:7px 10px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__check { left:12px; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__price { font-size:28px; }
}
@media(max-width:360px) {
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__price-row { grid-row:1; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__total { grid-column:1/-1; }
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request .tier__check { top:26px; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-form-finish="refined"] body.leiu-design-petrol #lei_request :is(.stepper__step,.stepper__num,.tier) { transition:none; }
}


/* service-pages.css */
body.leiu-design-petrol.service-page { background:#f3f7f8; }
body.leiu-design-petrol.service-page:is(.petrol-page-create,.petrol-page-renew) { background:#fff; }
body.leiu-design-petrol.service-page .container { width:min(1168px,100%); }
body.leiu-design-petrol.service-page .service-hero { min-height:0; padding:152px 32px 60px; border-radius:0 0 28px 28px; }
body.leiu-design-petrol.service-page .service-hero .hero-content { max-width:1168px; text-align:left; }
body.leiu-design-petrol.service-page .service-hero h1 { margin:0; max-width:100%; font-size:52px; line-height:1.1; font-weight:600; letter-spacing:-.035em; }
body.leiu-design-petrol.service-page .service-hero .hero-content > p { max-width:660px; margin:20px 0 0; font-size:18px; line-height:1.65; color:#c0cecd; }
body.leiu-design-petrol.service-page .service-hero > lei-flow { opacity:.66; }
body.leiu-design-petrol.service-page .application-section { padding:48px 32px 0; }
body.leiu-design-petrol .service-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
body.leiu-design-petrol #lei_request .service-form-title { margin:0 0 28px; font-size:24px; line-height:1.25; letter-spacing:-.025em; font-weight:550; }
body.leiu-design-petrol.service-page #lei_request .lookup__input { font-family:Inter,Arial,sans-serif; }
body.leiu-design-petrol .service-manual { display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; margin-top:12px; }
body.leiu-design-petrol .service-manual button { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:0; color:#265959; background:transparent; border:0; font:500 14px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
body.leiu-design-petrol .service-manual button:hover { text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .service-manual svg,
body.leiu-design-petrol .service-sibling svg,
body.leiu-design-petrol .plan-choose svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
body.leiu-design-petrol.service-page #lei_request .service-manual p { margin:0; font-size:12px; line-height:1.5; color:#526166; }
body.leiu-design-petrol .service-sibling { width:min(1168px,calc(100% - 64px)); margin:20px auto 0; padding-bottom:64px; display:flex; justify-content:space-between; gap:16px; }
body.leiu-design-petrol .service-sibling a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#265959; font-size:14px; line-height:1.5; }
body.leiu-design-petrol .service-sibling a:hover { text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .service-process { padding:80px 32px; background:#fff; }
body.leiu-design-petrol .service-process .home-title { max-width:940px; }
body.leiu-design-petrol .service-process ol { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin:40px 0 0; padding:0; }
body.leiu-design-petrol .process-number { display:flex; align-items:center; justify-content:center; width:48px; height:48px; background:#edf3f3; border-radius:16px; color:#265959; font-size:24px; font-weight:550; margin-bottom:24px; }
body.leiu-design-petrol .service-process h3 { font-size:24px; line-height:1.3; font-weight:550; letter-spacing:-.025em; margin:0 0 14px; text-wrap:balance; }
body.leiu-design-petrol .service-process li p { color:#526166; font-size:17px; line-height:1.65; margin:0; text-wrap:pretty; }
body.leiu-design-petrol.service-page .payments-section { padding:72px 32px; background:#f3f7f8; }
body.leiu-design-petrol.service-page .payments-section .payment-heading { gap:20px; }
body.leiu-design-petrol.service-page .payment-logos { margin-top:40px; padding-block:28px; }
body.leiu-design-petrol.service-page .service-questions { padding:80px 32px; }
body.leiu-design-petrol.service-page .service-questions .home-title { margin-bottom:36px; }
body.leiu-design-petrol.service-page .service-questions .support-card { min-height:440px; }
body.leiu-design-petrol.service-page .service-questions .support-art { width:180px; height:104px; }
body.leiu-design-petrol.service-page .question-list summary { font-weight:500; }
body.leiu-design-petrol .service-pricing { padding:56px 32px 64px; background:#f3f7f8; }
body.leiu-design-petrol .price-toolbar { display:flex; align-items:center; gap:24px; margin-bottom:32px; }
body.leiu-design-petrol .service-switch { display:inline-flex; padding:5px; gap:4px; background:#edf1f2; box-shadow:inset 0 0 0 1px #dde4e5; border-radius:12px; }
body.leiu-design-petrol .service-switch button { min-height:46px; padding:10px 24px; border:0; border-radius:9px; font:500 14px/1.5 Inter,Arial,sans-serif; background:transparent; color:#526166; cursor:pointer; transition:background-color 150ms ease,color 150ms ease; }
body.leiu-design-petrol .service-switch button[aria-pressed="true"] { background:#265959; color:#fff; box-shadow:0 2px 5px rgb(16 41 44 / 12%); }
body.leiu-design-petrol .service-switch button:not([aria-pressed="true"]):hover { background:#e2eaea; color:#18282b; }
body.leiu-design-petrol .service-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
body.leiu-design-petrol .service-plan { display:flex; flex-direction:column; position:relative; isolation:isolate; min-width:0; padding:40px 28px 24px; border-radius:18px; color:#18282b; background:linear-gradient(135deg,#fff,#fcfdfd); box-shadow:0 1px 2px rgb(16 41 44 / 3%),0 16px 40px -24px rgb(16 41 44 / 18%),inset 0 1px 0 #fff; }
body.leiu-design-petrol .service-plan.is-recommended { box-shadow:0 0 0 1.2px #265959,0 12px 32px -20px rgb(16 41 44 / 25%); }
body.leiu-design-petrol .plan-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:25px; }
body.leiu-design-petrol .plan-heading h2 { font-size:13px; line-height:1.4; font-weight:550; margin:0; letter-spacing:.08em; text-transform:uppercase; }
body.leiu-design-petrol .plan-recommendation { position:absolute; top:0; left:50%; transform:translate(-50%,-50%); border-radius:8px; padding:6px 17px; color:#fff; background:#265959; font-size:11px; font-weight:500; line-height:1.5; text-transform:uppercase; letter-spacing:.03em; white-space:nowrap; box-shadow:0 3px 8px rgb(16 41 44 / 12%); }
body.leiu-design-petrol .plan-saving { font-size:11px; line-height:1.5; color:#265959; background:#eff5f4; padding:4px 8px; border-radius:7px; letter-spacing:.025em; }
body.leiu-design-petrol .plan-recommendation[hidden],
body.leiu-design-petrol .plan-saving[hidden] { display:none; }
body.leiu-design-petrol .plan-price { display:flex; align-items:baseline; gap:8px; margin-top:24px; }
body.leiu-design-petrol .plan-price strong { font-size:44px; font-weight:550; letter-spacing:-.045em; line-height:1.1; font-variant-numeric:tabular-nums; }
body.leiu-design-petrol .plan-price span { font-size:13px; color:#526166; }
body.leiu-design-petrol .plan-total { color:#526166; font-size:14px; line-height:1.5; margin:8px 0 0; }
body.leiu-design-petrol .plan-features { display:grid; gap:14px; list-style:none; margin:26px 0 0; padding:24px 0 0; border-top:1px solid #e3e9e9; }
body.leiu-design-petrol .plan-features li { display:flex; gap:12px; align-items:flex-start; font-size:13px; line-height:1.5; color:#33494c; }
body.leiu-design-petrol .plan-features svg { width:17px; height:19px; flex:none; fill:none; stroke:#436b68; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
body.leiu-design-petrol .plan-choose { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; margin-top:20px; padding:8px 0; color:#265959; font-size:14px; line-height:1.4; font-weight:550; }
body.leiu-design-petrol .plan-choose:hover { text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .service-price-note { margin:24px 0 0; color:#526166; font-size:13px; line-height:1.6; }
body.leiu-design-petrol.service-page.petrol-page-pricing .payments-section { background:#fff; }
body.leiu-design-petrol.service-page.petrol-page-pricing .payment-logos { background:#f3f7f8; box-shadow:none; }
body.leiu-design-petrol.service-page.petrol-page-pricing .service-questions { background:#f3f7f8; }
body.leiu-design-petrol.service-page.petrol-page-pricing .question-list details { background:#fff; }
body.leiu-design-petrol.service-page :focus-visible { outline:2px solid #265959; outline-offset:4px; }
body.leiu-design-petrol.service-page .home-hero :focus-visible,
body.leiu-design-petrol.service-page .petrol-surface :focus-visible { outline-color:#e0f2ee; }
@media(max-width:960px) {
  body.leiu-design-petrol.service-page .payments-section { padding-block:64px; }
  body.leiu-design-petrol.service-page .payment-logos { padding-block:24px; }
}
@media(max-width:1100px) { body.leiu-design-petrol .service-process ol { gap:32px; } body.leiu-design-petrol .service-plan { padding-inline:24px; } }
@media(max-width:900px) {
  body.leiu-design-petrol.service-page .service-hero { padding:140px 28px 48px; }
  body.leiu-design-petrol.service-page .service-hero h1 { font-size:44px; }
  body.leiu-design-petrol.service-page .application-section { padding:36px 28px 0; }
  body.leiu-design-petrol .service-plan-grid { gap:16px; }
  body.leiu-design-petrol .service-plan { padding:36px 20px 20px; }
  body.leiu-design-petrol .plan-heading { align-items:flex-start; flex-direction:column; gap:6px; min-height:50px; }
  body.leiu-design-petrol .plan-price { margin-top:20px; }
  body.leiu-design-petrol .service-process { padding:64px 28px; }
  body.leiu-design-petrol .service-process ol { gap:24px; }
  body.leiu-design-petrol .service-process h3 { font-size:22px; }
  body.leiu-design-petrol.service-page .service-questions { padding:64px 28px; }
  body.leiu-design-petrol.service-page .service-questions .support-card { min-height:0; }
}
@media(max-width:620px) {
  body.leiu-design-petrol.service-page .service-hero { padding:124px 20px 40px; }
  body.leiu-design-petrol.service-page .service-hero h1 { font-size:36px; line-height:1.12; }
  body.leiu-design-petrol.service-page .service-hero .hero-content > p { font-size:17px; margin-top:18px; }
  body.leiu-design-petrol.service-page .application-section { padding:28px 4px 0; }
  body.leiu-design-petrol #lei_request .service-form-title { font-size:22px; margin-bottom:24px; }
  body.leiu-design-petrol .service-manual { gap:0; }
  body.leiu-design-petrol .service-sibling { width:calc(100% - 40px); flex-direction:column; gap:0; margin-top:16px; padding-bottom:40px; }
  body.leiu-design-petrol .service-process { padding:48px 20px; }
  body.leiu-design-petrol .service-process ol { grid-template-columns:1fr; gap:32px; margin-top:32px; }
  body.leiu-design-petrol .service-process li { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:18px; }
  body.leiu-design-petrol .process-number { grid-row:1/3; width:44px; height:44px; border-radius:14px; font-size:22px; margin:0; }
  body.leiu-design-petrol .service-process h3 { margin-bottom:10px; }
  body.leiu-design-petrol .service-process li p { font-size:16px; }
  body.leiu-design-petrol.service-page .payments-section { padding:56px 20px; }
  body.leiu-design-petrol.service-page .service-questions { padding:48px 20px; }
  body.leiu-design-petrol.service-page .payment-logos { padding:24px 20px; gap:20px 16px; margin-top:28px; }
  body.leiu-design-petrol .service-pricing { padding:28px 20px 48px; }
  body.leiu-design-petrol .price-toolbar { align-items:stretch; margin-bottom:32px; }
  body.leiu-design-petrol .service-switch { display:flex; width:100%; }
  body.leiu-design-petrol .service-switch button { flex:1; padding-inline:12px; }
  body.leiu-design-petrol .service-plan-grid { grid-template-columns:1fr; gap:28px; }
  body.leiu-design-petrol .service-plan { padding:32px 28px 20px; }
  body.leiu-design-petrol .plan-heading { flex-direction:row; align-items:center; min-height:0; }
  body.leiu-design-petrol .plan-price { margin-top:24px; }
  body.leiu-design-petrol .plan-features { font-size:14px; }
  body.leiu-design-petrol.service-page .service-questions .home-title { margin-bottom:28px; }
}
@media(prefers-reduced-motion:reduce) { body.leiu-design-petrol .service-switch button { transition:none; } }
html[data-benefits="off"] body.leiu-design-petrol.service-page .why-section,
html[data-benefits="off"] body.leiu-design-petrol.service-page .service-benefits,
html[data-process="off"] body.leiu-design-petrol.service-page .service-process,
html[data-payments="off"] body.leiu-design-petrol.service-page .payments-section,
html[data-faq="off"] body.leiu-design-petrol.service-page .service-questions,
html[data-price-cta="off"] body.leiu-design-petrol.service-page .service-price-cta { display:none; }
body.leiu-design-petrol.service-page .why-section { background:#fff; }
body.leiu-design-petrol .service-price-cta { padding:0 32px 64px; background:#f3f7f8; }
body.leiu-design-petrol .service-cta-box { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:40px; border-radius:20px; }
body.leiu-design-petrol .service-cta-box h2 { font-size:32px; line-height:1.2; font-weight:550; letter-spacing:-.03em; margin:0 0 12px; }
body.leiu-design-petrol .service-cta-box p { font-size:16px; line-height:1.6; color:#d3e5e2; margin:0; }
body.leiu-design-petrol .service-cta-box .button { flex:none; background:transparent; color:#fff; border:1px solid rgb(255 255 255 / 55%); padding:13px 22px; min-height:48px; font-size:15px; border-radius:10px; }
body.leiu-design-petrol .service-cta-box .button:hover { background:rgb(255 255 255 / 8%); }
body.leiu-design-petrol .service-presets { display:flex; gap:8px; margin-top:16px; }
body.leiu-design-petrol .service-presets button { flex:1; min-height:44px; padding:8px; border:1px solid #dce6e6; border-radius:8px; background:#fff; color:#526166; font:500 12px/1.4 Inter,Arial,sans-serif; cursor:pointer; }
body.leiu-design-petrol .service-presets button[aria-pressed="true"] { color:#265959; border-color:#265959; background:#eff5f4; }
body.leiu-design-petrol .service-options { display:grid; margin-top:12px; }
body.leiu-design-petrol .service-options label { display:flex; align-items:center; gap:10px; min-height:40px; font-size:13px; color:#33494c; cursor:pointer; }
body.leiu-design-petrol .service-options input { width:16px; height:16px; accent-color:#265959; }
body.leiu-design-petrol .service-form-view { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #e3e9e9; padding-top:12px; margin-top:8px; font-size:12px; }
body.leiu-design-petrol .service-form-view select { min-width:0; max-width:205px; min-height:40px; border:1px solid #dce6e6; border-radius:8px; background:#fff; font:400 12px Inter,Arial,sans-serif; padding:6px; color:#33494c; }
@media(max-width:620px) {
  body.leiu-design-petrol .service-price-cta { padding:0 20px 48px; }
  body.leiu-design-petrol .service-cta-box { padding:28px; flex-direction:column; align-items:flex-start; gap:24px; }
  body.leiu-design-petrol .service-cta-box h2 { font-size:28px; }
}
body.leiu-design-petrol .service-benefits { padding:64px 32px; background:#f3f7f8; scroll-margin-top:32px; }
body.leiu-design-petrol .service-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body.leiu-design-petrol .service-benefit { min-width:0; padding:36px; border-radius:20px; background:linear-gradient(135deg,#fff,#fcfdfd); box-shadow:0 1px 2px rgb(16 41 44 / 2%),0 16px 32px -24px rgb(16 41 44 / 16%),inset 0 1px 0 #fff; }
body.leiu-design-petrol .service-benefit h3 { margin:0 0 16px; font-size:24px; font-weight:550; line-height:1.25; letter-spacing:-.025em; color:#18282b; }
body.leiu-design-petrol .service-benefit p { margin:0; font-size:17px; line-height:1.65; color:#526166; text-wrap:pretty; }
body.leiu-design-petrol.service-page .service-process { scroll-margin-top:24px; }
html[data-process-design="cards"] body.leiu-design-petrol .service-process { background:#f3f7f8; }
html[data-process-design="line"] body.leiu-design-petrol .service-process { background:#f3f7f8; }
html[data-process-design="cards"] body.leiu-design-petrol .service-process ol { gap:24px; }
html[data-process-design="cards"] body.leiu-design-petrol .service-process li { padding:36px; border-radius:20px; background:#fff; box-shadow:inset 0 1px 0 rgb(255 255 255 / 80%); }
body.leiu-design-petrol .service-icon-box,
html[data-process-design="cards"] body.leiu-design-petrol .process-number { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin-bottom:28px; border-radius:13px; background:#e5eeee; color:#265959; box-shadow:inset 0 1px 0 rgb(255 255 255 / 80%); font-size:24px; font-weight:550; line-height:1; }
body.leiu-design-petrol .service-icon-box svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
html[data-process-design="line"] body.leiu-design-petrol .service-process ol { gap:40px; }
html[data-process-design="line"] body.leiu-design-petrol .service-process li { position:relative; }
html[data-process-design="line"] body.leiu-design-petrol .process-number { position:relative; z-index:1; border-radius:50%; background:#265959; color:#fff; font-size:20px; box-shadow:0 0 0 8px #f3f7f8; }
html[data-process-design="line"] body.leiu-design-petrol .service-process li:not(:last-child)::after { content:''; position:absolute; top:24px; height:1px; left:48px; width:calc(100% - 8px); background:#c9dada; }
html[data-plan-links="off"] body.leiu-design-petrol.service-page .plan-choose { display:none; }
body.leiu-design-petrol.service-page .plan-choose { justify-content:center; margin-top:24px; min-height:44px; padding:11px 16px; border-radius:10px; background:#edf3f3; font-size:14px; gap:12px; text-decoration:none; transition:background-color 160ms ease; }
body.leiu-design-petrol.service-page .plan-choose:hover { background:#e0ebea; text-decoration:none; }
body.leiu-design-petrol.service-page .is-recommended .plan-choose { background:#265959; color:#fff; }
body.leiu-design-petrol.service-page .is-recommended .plan-choose:hover { background:#1c4748; }
body.leiu-design-petrol.service-page .is-recommended .plan-choose:focus-visible { outline-color:#265959; }
@media(max-width:1100px) {
  body.leiu-design-petrol .service-benefit { padding:28px; }
  body.leiu-design-petrol .service-benefit h3 { font-size:22px; }
  html[data-process-design="cards"] body.leiu-design-petrol .service-process li { padding:28px; }
}
@media(max-width:900px) {
  body.leiu-design-petrol .service-benefit-grid { gap:16px; }
  body.leiu-design-petrol .service-benefit { padding:24px; }
  body.leiu-design-petrol .service-benefit p { font-size:16px; }
  html[data-process-design="cards"] body.leiu-design-petrol .service-process ol { gap:16px; }
  html[data-process-design="cards"] body.leiu-design-petrol .service-process li { padding:24px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .service-benefits { padding:48px 20px; }
  body.leiu-design-petrol .service-benefit-grid { grid-template-columns:1fr; }
  body.leiu-design-petrol .service-benefit h3 { margin-bottom:12px; }
  html[data-process-design="cards"] body.leiu-design-petrol .service-process li { display:block; }
  html[data-process-design="cards"] body.leiu-design-petrol .process-number { margin-bottom:20px; }
  html[data-process-design="line"] body.leiu-design-petrol .service-process ol { gap:32px; }
  html[data-process-design="line"] body.leiu-design-petrol .service-process li:not(:last-child)::after { left:21px; top:44px; width:1px; height:calc(100% - 12px); }
}
@media(prefers-reduced-motion:reduce) { body.leiu-design-petrol.service-page .plan-choose { transition:none; } }
html body.leiu-design-petrol.service-page:is(.petrol-page-create,.petrol-page-renew) section[data-surface="soft"] { background:#f3f7f8; --service-card:#fff; --step-ground:#f3f7f8; }
html body.leiu-design-petrol.service-page:is(.petrol-page-create,.petrol-page-renew) section[data-surface="white"] { background:#fff; --service-card:#f3f7f8; --step-ground:#fff; }
html body.leiu-design-petrol.service-page section[data-surface] :is(.service-benefit,.payment-logos,.question-list details) { background:var(--service-card); }
html[data-process-design="cards"] body.leiu-design-petrol.service-page .service-process[data-surface] li { background:var(--service-card); }
html[data-process-design="line"] body.leiu-design-petrol.service-page .service-process[data-surface] .process-number { box-shadow:0 0 0 10px var(--step-ground); }


/* content-pages.css */
body.leiu-design-petrol.content-page { background:#fff; }
body.leiu-design-petrol.content-page.article-page .service-hero { background:#fff; color:#18282b; padding-bottom:12px; }
body.leiu-design-petrol.content-page.article-page .service-hero::before,
body.leiu-design-petrol.content-page.article-page .service-hero > lei-flow { display:none; }

body.leiu-design-petrol.content-page.article-page .service-hero h1 { color:#18282b; }
body.leiu-design-petrol.content-page.article-page .service-hero .hero-content > p,
body.leiu-design-petrol.article-page .reading-meta { color:#526166; }
body.leiu-design-petrol .content-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:12px 22px; border:0; border-radius:10px; background:#265959; color:#fff; font:500 15px/1.5 Inter,Arial,sans-serif; text-decoration:none; cursor:pointer; transition:background-color 150ms ease; }
body.leiu-design-petrol .content-button:hover { background:#1c4748; color:#fff; }
body.leiu-design-petrol .content-button svg,
body.leiu-design-petrol .editorial-read svg,
body.leiu-design-petrol .article-back svg,
body.leiu-design-petrol .article-end svg,
body.leiu-design-petrol .contact-email svg,
body.leiu-design-petrol .search-next svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
body.leiu-design-petrol .content-button--light { color:#fff; border:1px solid rgb(255 255 255 / 55%); background:transparent; }
body.leiu-design-petrol .content-button--light:hover { background:rgb(255 255 255 / 10%); }
body.leiu-design-petrol .contact-section { padding:64px 32px; background:#f3f7f8; }
body.leiu-design-petrol .contact-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:28px; align-items:stretch; }
body.leiu-design-petrol .contact-form-card { padding:40px; background:#fff; border-radius:24px; box-shadow:0 12px 32px -24px rgb(16 41 44 / 18%); }
body.leiu-design-petrol .contact-form-card h2,
body.leiu-design-petrol .contact-support h2 { margin:0 0 28px; font-size:32px; line-height:1.2; font-weight:550; letter-spacing:-.035em; }
body.leiu-design-petrol .contact-message-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 20px; }
body.leiu-design-petrol .contact-message-form p { grid-column:1 / -1; margin:0; }
body.leiu-design-petrol .contact-message-form p.half { grid-column:auto; }
body.leiu-design-petrol .contact-message-form label { display:block; margin:0 0 8px; font-size:13px; line-height:1.5; font-weight:500; color:#33494c; }
body.leiu-design-petrol .contact-message-form :is(input,textarea) { display:block; width:100%; max-width:100%; min-height:46px; padding:12px 14px; border:1px solid #dbe3e5; border-radius:9px; background:#fcfdfd; color:#18282b; font:400 15px/1.5 Inter,Arial,sans-serif; box-shadow:none; }
body.leiu-design-petrol .contact-message-form :is(input,textarea)::placeholder { color:#68777b; opacity:1; }
body.leiu-design-petrol .contact-message-form textarea { min-height:156px; resize:vertical; }
body.leiu-design-petrol .contact-message-form .form-submit-wrap { margin-top:2px; }
body.leiu-design-petrol .contact-support { display:flex; flex-direction:column; justify-content:space-between; gap:48px; padding:40px; border-radius:24px; }
body.leiu-design-petrol .contact-support > div { position:relative; z-index:1; }
body.leiu-design-petrol .contact-support .service-icon-box { background:rgb(255 255 255 / 9%); color:#e4f1ef; box-shadow:inset 0 1px 0 rgb(255 255 255 / 14%); margin-bottom:32px; }
body.leiu-design-petrol .contact-support h2 { color:#fff; margin-bottom:20px; }
body.leiu-design-petrol .contact-support p { font-size:17px; line-height:1.65; color:#d0e1df; margin:0 0 28px; }
body.leiu-design-petrol .contact-email { border-top:1px solid rgb(255 255 255 / 16%); padding-top:28px; }
body.leiu-design-petrol .contact-email > span { display:block; color:#c5dad7; font-size:14px; line-height:1.5; margin-bottom:8px; }
body.leiu-design-petrol .contact-email a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; color:#fff; font-size:19px; font-weight:500; }
body.leiu-design-petrol .company-section { padding:64px 32px 80px; background:#fff; }
body.leiu-design-petrol .company-section h2 { font-size:28px; line-height:1.25; letter-spacing:-.025em; font-weight:550; margin:0 0 32px; }
body.leiu-design-petrol .company-details { display:grid; grid-template-columns:1.2fr .8fr 1.4fr 1fr; gap:32px; margin:0; }
body.leiu-design-petrol .company-details dt { margin:0 0 10px; font-size:13px; color:#526166; }
body.leiu-design-petrol .company-details dd { margin:0; font-size:16px; line-height:1.6; color:#18282b; overflow-wrap:anywhere; }
body.leiu-design-petrol .editorial-section,
body.leiu-design-petrol .reading-section { padding:64px 32px 80px; }
body.leiu-design-petrol.article-page .reading-section { padding-top:40px; }
body.leiu-design-petrol .editorial-feature { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:56px; color:#18282b; }
body.leiu-design-petrol .editorial-feature > img { display:block; width:100%; height:360px; object-fit:cover; border-radius:24px; }
body.leiu-design-petrol .editorial-feature h2 { margin:0 0 22px; font-size:40px; line-height:1.15; font-weight:550; letter-spacing:-.035em; }
body.leiu-design-petrol .editorial-feature p { color:#526166; font-size:18px; line-height:1.65; margin:0; }
body.leiu-design-petrol .editorial-read { display:inline-flex; align-items:center; gap:14px; margin-top:24px; min-height:44px; font-size:15px; font-weight:550; color:#265959; }
body.leiu-design-petrol .editorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px; margin-top:64px; }
body.leiu-design-petrol .editorial-tile { display:block; color:#18282b; min-width:0; }
body.leiu-design-petrol .editorial-tile > img { display:block; width:100%; height:auto; aspect-ratio:1.7; object-fit:cover; border-radius:18px; background:#f3f7f8; }
body.leiu-design-petrol .editorial-tile h3 { margin:22px 0 12px; font-size:24px; line-height:1.3; font-weight:550; letter-spacing:-.025em; text-wrap:pretty; }
body.leiu-design-petrol .editorial-tile p { margin:0; color:#526166; font-size:16px; line-height:1.65; text-wrap:pretty; }
body.leiu-design-petrol .editorial-tile:hover h3,
body.leiu-design-petrol .editorial-feature:hover h2 { color:#265959; }
body.leiu-design-petrol.article-page .service-hero h1 { max-width:950px; }
body.leiu-design-petrol .reading-meta { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:24px; font-size:14px; line-height:1.5; color:#bacdca; }
body.leiu-design-petrol .article-back { display:inline-flex; align-items:center; gap:12px; min-height:44px; margin-bottom:24px; color:#265959; font-size:14px; font-weight:500; }
body.leiu-design-petrol .article-back svg,
body.leiu-design-petrol .article-end svg { transform:rotate(180deg); }
body.leiu-design-petrol .article-cover { margin:0 0 40px; border-radius:24px; overflow:hidden; }
body.leiu-design-petrol .article-cover img { display:block; width:100%; height:320px; object-fit:cover; object-position:50% 46%; }
body.leiu-design-petrol .reading-layout { display:grid; grid-template-columns:240px minmax(0,740px); gap:80px; align-items:start; }
body.leiu-design-petrol .article-toc { position:sticky; top:32px; }
body.leiu-design-petrol .article-toc summary { list-style:none; font-size:15px; font-weight:550; margin:0 0 16px; cursor:pointer; }
body.leiu-design-petrol .article-toc summary::-webkit-details-marker { display:none; }
body.leiu-design-petrol .article-toc nav { display:grid; border-left:1px solid #e1e8e8; }
body.leiu-design-petrol .article-toc a { display:block; padding:10px 0 10px 18px; font-size:14px; line-height:1.5; color:#526166; border-left:2px solid transparent; margin-left:-1px; }
body.leiu-design-petrol .article-toc a:hover,
body.leiu-design-petrol .article-toc a[aria-current="location"] { color:#265959; border-left-color:#265959; }
body.leiu-design-petrol .reading-body { min-width:0; color:#33494c; font-size:18px; line-height:1.75; }
body.leiu-design-petrol .reading-body > p { margin:0 0 22px; }
body.leiu-design-petrol .reading-body > p:first-child { font-size:21px; line-height:1.6; color:#18282b; letter-spacing:-.012em; }
body.leiu-design-petrol .reading-body h2 { margin:48px 0 20px; color:#18282b; font-size:32px; line-height:1.25; font-weight:550; letter-spacing:-.03em; scroll-margin-top:32px; }
body.leiu-design-petrol .reading-body :is(ul,ol) { padding-left:24px; margin:0 0 24px; }
body.leiu-design-petrol .reading-body li { padding-left:5px; margin-bottom:12px; }
body.leiu-design-petrol .reading-body strong { font-weight:550; color:#18282b; }
body.leiu-design-petrol .reading-body a { color:#265959; text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .article-code { margin:28px 0; padding:28px; background:#f3f7f8; border-radius:16px; }
body.leiu-design-petrol .article-code code { display:block; color:#265959; font-size:26px; letter-spacing:.03em; overflow-wrap:anywhere; }
body.leiu-design-petrol .article-code figcaption { margin-top:12px; font-size:14px; color:#526166; }
body.leiu-design-petrol .article-end { margin-top:48px; padding-top:24px; border-top:1px solid #e3eaea; }
body.leiu-design-petrol .article-end a { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:15px; text-decoration:none; }
body.leiu-design-petrol .related-section { padding:32px 32px 80px; background:#fff; }
body.leiu-design-petrol .related-section .editorial-grid { margin-top:36px; }
body.leiu-design-petrol .search-page .service-hero .hero-content { text-align:center; }
body.leiu-design-petrol .search-page .service-hero .hero-content > p { margin-inline:auto; }
body.leiu-design-petrol .lei-search-form { max-width:850px; margin:32px auto 0; }
body.leiu-design-petrol .lei-search-field { display:flex; align-items:center; gap:16px; padding:8px 8px 8px 22px; background:#fff; border-radius:14px; box-shadow:0 8px 32px rgb(0 0 0 / 14%); }
body.leiu-design-petrol .lei-search-field > svg,
body.leiu-design-petrol .search-empty > svg { width:24px; height:24px; flex:none; fill:none; stroke:#526166; stroke-width:1.6; stroke-linecap:round; }
body.leiu-design-petrol .lei-search-field input { min-width:0; flex:1; height:48px; padding:0; border:0; outline-offset:3px; border-radius:4px; box-shadow:none; background:transparent; color:#18282b; font:400 16px/1.5 Inter,Arial,sans-serif; }
body.leiu-design-petrol .lei-search-field input::placeholder { color:#68777b; opacity:1; }
body.leiu-design-petrol .lei-search-field .content-button { min-width:90px; }
body.leiu-design-petrol .search-section { padding:64px 32px 80px; }
body.leiu-design-petrol .search-results-heading { display:flex; align-items:baseline; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-bottom:28px; }
body.leiu-design-petrol .search-results-heading h2 { margin:0; font-size:32px; font-weight:550; line-height:1.2; letter-spacing:-.025em; }
body.leiu-design-petrol .search-data-label { font-size:13px; color:#66767a; }
body.leiu-design-petrol .search-live-status { margin:0; font-size:14px; color:#526166; }
body.leiu-design-petrol .search-live-status:not(:empty) { margin-bottom:18px; }
body.leiu-design-petrol .search-table { width:100%; border-collapse:collapse; border:0; margin:0; table-layout:fixed; }
body.leiu-design-petrol .search-table th { border:0; padding:14px 20px; background:#f3f7f8; color:#526166; font-size:13px; font-weight:500; text-align:left; }
body.leiu-design-petrol .search-table th:first-child { border-radius:10px 0 0 10px; width:43%; }
body.leiu-design-petrol .search-table th:nth-child(2) { width:11%; }
body.leiu-design-petrol .search-table th:nth-child(3) { width:31%; }
body.leiu-design-petrol .search-table th:last-child { width:15%; border-radius:0 10px 10px 0; }
body.leiu-design-petrol .search-table td { padding:20px; border:0; border-bottom:1px solid #e6ecec; color:#526166; font-size:14px; vertical-align:middle; }
body.leiu-design-petrol .search-table tbody tr:hover { background:#fbfcfc; }
body.leiu-design-petrol .record-open { display:block; width:100%; min-height:44px; background:none; border:0; padding:0; text-align:left; font:inherit; color:#18282b; cursor:pointer; }
body.leiu-design-petrol .record-open strong { display:block; font-size:17px; line-height:1.4; font-weight:550; }
body.leiu-design-petrol .record-open span { display:block; margin-top:5px; color:#66767a; font-size:13px; }
body.leiu-design-petrol .record-open:hover strong { color:#265959; text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .search-table code { font-size:14px; color:#33494c; background:none; padding:0; white-space:nowrap; }
body.leiu-design-petrol .record-status { display:inline-block; padding:5px 9px; color:#526166; background:#f1f4f4; border-radius:6px; font-size:12px; line-height:1.5; }
body.leiu-design-petrol .record-status.is-active { color:#265959; background:#eaf3ef; }
body.leiu-design-petrol .search-empty { text-align:center; padding:64px 24px; background:#f3f7f8; border-radius:20px; }
body.leiu-design-petrol .search-empty > svg { width:40px; height:40px; margin-bottom:20px; }
body.leiu-design-petrol .search-empty h2 { font-size:28px; line-height:1.25; font-weight:550; margin:0 0 16px; letter-spacing:-.025em; }
body.leiu-design-petrol .search-empty p { max-width:430px; margin:0 auto 28px; color:#526166; font-size:17px; line-height:1.65; }
body.leiu-design-petrol .search-next { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-top:36px; }
body.leiu-design-petrol .search-next p { margin:0; font-size:16px; color:#526166; }
body.leiu-design-petrol .search-next a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#265959; font-size:15px; font-weight:550; }
body.leiu-design-petrol .content-dialog { width:min(560px,calc(100vw - 40px)); max-height:calc(100dvh - 48px); overflow:auto; padding:36px; border:0; border-radius:20px; color:#18282b; background:#fff; box-shadow:0 24px 100px rgb(0 0 0 / 24%); }
body.leiu-design-petrol .content-dialog::backdrop { background:rgb(8 23 26 / 55%); backdrop-filter:blur(5px); }
body.leiu-design-petrol .content-dialog h2 { font-size:28px; font-weight:550; line-height:1.3; letter-spacing:-.025em; margin:0 0 20px; }
body.leiu-design-petrol .content-dialog p { font-size:16px; line-height:1.65; color:#526166; margin:0 0 24px; }
body.leiu-design-petrol .dialog-close { display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin:-12px -12px 12px auto; padding:0; border:0; border-radius:50%; color:#526166; background:#f3f7f8; font-size:28px; cursor:pointer; }
body.leiu-design-petrol .record-dialog dl { margin:0 0 24px; }
body.leiu-design-petrol .record-dialog dl > div { display:grid; grid-template-columns:110px 1fr; gap:16px; padding:12px 0; border-bottom:1px solid #e6ecec; }
body.leiu-design-petrol .record-dialog dt { color:#526166; font-size:14px; }
body.leiu-design-petrol .record-dialog dd { margin:0; font-size:15px; overflow-wrap:anywhere; }
body.leiu-design-petrol .record-dialog .record-disclosure { font-size:13px; }
body.leiu-design-petrol.content-page [hidden] { display:none!important; }
@media(max-width:1100px) {
  body.leiu-design-petrol .contact-layout { grid-template-columns:1.35fr 1fr; gap:24px; }
  body.leiu-design-petrol .contact-form-card,
body.leiu-design-petrol .contact-support { padding:32px; }
  body.leiu-design-petrol .editorial-feature { gap:36px; }
  body.leiu-design-petrol .reading-layout { grid-template-columns:210px minmax(0,1fr); gap:40px; }
  body.leiu-design-petrol .search-table td,
body.leiu-design-petrol .search-table th { padding-inline:14px; }
}
@media(max-width:900px) {
  body.leiu-design-petrol .contact-section,
body.leiu-design-petrol .editorial-section,
body.leiu-design-petrol .reading-section,
body.leiu-design-petrol .related-section,
body.leiu-design-petrol .company-section,
body.leiu-design-petrol .search-section { padding:56px 28px; }
  body.leiu-design-petrol .contact-layout { grid-template-columns:1fr; }
  body.leiu-design-petrol .contact-support { flex-direction:row; align-items:center; }
  body.leiu-design-petrol .contact-support h2 { font-size:28px; }
  body.leiu-design-petrol .contact-support .service-icon-box { display:none; }
  body.leiu-design-petrol .contact-email { border-top:0; padding-top:0; flex:none; }
  body.leiu-design-petrol .company-details { grid-template-columns:1fr 1fr; gap:28px 40px; }
  body.leiu-design-petrol .editorial-feature { gap:28px; }
  body.leiu-design-petrol .editorial-feature h2 { font-size:32px; }
  body.leiu-design-petrol .editorial-feature p { font-size:17px; }
  body.leiu-design-petrol .editorial-feature > img { height:340px; }
  body.leiu-design-petrol .editorial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 24px; margin-top:48px; }
  body.leiu-design-petrol .article-cover img { height:280px; }
  body.leiu-design-petrol .reading-layout { grid-template-columns:1fr; gap:36px; }
  body.leiu-design-petrol .article-toc { position:static; background:#f3f7f8; border-radius:14px; padding:20px 24px; }
  body.leiu-design-petrol .article-toc summary { display:flex; align-items:center; justify-content:space-between; margin:0; min-height:28px; }
  body.leiu-design-petrol .article-toc summary::after { content:'+'; font-size:22px; font-weight:400; }
  body.leiu-design-petrol .article-toc details[open] summary::after { content:'−'; }
  body.leiu-design-petrol .article-toc nav { margin-top:16px; }
  body.leiu-design-petrol .search-table .record-country { display:none; }
  body.leiu-design-petrol .search-table th:first-child { width:44%; }
  body.leiu-design-petrol .search-table th:nth-child(3) { width:37%; }
  body.leiu-design-petrol .search-table th:last-child { width:19%; }
  body.leiu-design-petrol .record-open strong { font-size:16px; }
}
@media(max-width:620px) {
  body.leiu-design-petrol .contact-section,
body.leiu-design-petrol .editorial-section,
body.leiu-design-petrol .reading-section,
body.leiu-design-petrol .related-section,
body.leiu-design-petrol .company-section,
body.leiu-design-petrol .search-section { padding:40px 20px 48px; }
  body.leiu-design-petrol .contact-form-card,
body.leiu-design-petrol .contact-support { padding:28px; border-radius:20px; }
  body.leiu-design-petrol .contact-form-card h2,
body.leiu-design-petrol .contact-support h2 { font-size:28px; }
  body.leiu-design-petrol .contact-message-form { grid-template-columns:1fr; gap:20px; }
  body.leiu-design-petrol .contact-message-form :is(input,textarea) { font-size:16px; }
  body.leiu-design-petrol .contact-support { display:flex; flex-direction:column; align-items:stretch; gap:32px; }
  body.leiu-design-petrol .contact-email { border-top:1px solid rgb(255 255 255 / 16%); padding-top:24px; }
  body.leiu-design-petrol .contact-email a { font-size:18px; }
  body.leiu-design-petrol .company-details { grid-template-columns:1fr; gap:24px; }
  body.leiu-design-petrol .company-section h2 { font-size:26px; margin-bottom:28px; }
  body.leiu-design-petrol .editorial-feature { grid-template-columns:1fr; gap:24px; }
  body.leiu-design-petrol .editorial-feature > img { height:auto; aspect-ratio:1.5; border-radius:18px; }
  body.leiu-design-petrol .editorial-feature h2 { font-size:32px; margin-bottom:16px; }
  body.leiu-design-petrol .editorial-grid { grid-template-columns:1fr; gap:36px; margin-top:40px; }
  body.leiu-design-petrol .editorial-tile h3 { font-size:24px; margin-top:18px; }
  body.leiu-design-petrol.article-page .service-hero h1 { font-size:36px; }
  body.leiu-design-petrol .article-cover { border-radius:18px; margin-bottom:28px; }
  body.leiu-design-petrol .article-cover img { height:220px; }
  body.leiu-design-petrol .reading-layout { gap:28px; }
  body.leiu-design-petrol .reading-body { font-size:17px; line-height:1.75; }
  body.leiu-design-petrol .reading-body > p:first-child { font-size:19px; }
  body.leiu-design-petrol .reading-body h2 { font-size:28px; margin-top:36px; }
  body.leiu-design-petrol .article-code { padding:22px; }
  body.leiu-design-petrol .article-code code { font-size:20px; }
  body.leiu-design-petrol .lei-search-form { margin-top:28px; }
  body.leiu-design-petrol .lei-search-field { flex-wrap:wrap; gap:10px; padding:12px; }
  body.leiu-design-petrol .lei-search-field > svg { width:20px; height:20px; }
  body.leiu-design-petrol .lei-search-field input { height:40px; width:calc(100% - 32px); }
  body.leiu-design-petrol .lei-search-field .content-button { width:100%; }
  body.leiu-design-petrol .search-results-heading h2 { font-size:28px; }
  body.leiu-design-petrol .search-table thead { display:none; }
  body.leiu-design-petrol .search-table tbody,
body.leiu-design-petrol .search-table tr,
body.leiu-design-petrol .search-table td { display:block; width:100%; }
  body.leiu-design-petrol .search-table tr { position:relative; border-bottom:1px solid #e6ecec; padding:20px 0; }
  body.leiu-design-petrol .search-table td { border:0; padding:0; }
  body.leiu-design-petrol .search-table td:first-child { padding-right:82px; }
  body.leiu-design-petrol .search-table td:nth-child(3) { padding-top:12px; }
  body.leiu-design-petrol .search-table td:last-child { position:absolute; top:20px; right:0; width:auto; }
  body.leiu-design-petrol .search-table code { font-size:13px; }
  body.leiu-design-petrol .record-open strong { font-size:16px; }
  body.leiu-design-petrol .search-empty { padding:40px 24px; }
  body.leiu-design-petrol .search-empty h2 { font-size:24px; }
  body.leiu-design-petrol .search-empty p { font-size:16px; }
  body.leiu-design-petrol .content-dialog { padding:28px; }
  body.leiu-design-petrol .content-dialog h2 { font-size:24px; }
  body.leiu-design-petrol .record-dialog dl > div { grid-template-columns:1fr; gap:5px; }
}
@media(prefers-reduced-motion:reduce) { body.leiu-design-petrol .content-button { transition:none; } }

body.leiu-design-petrol .contact-layout { grid-template-areas:"form aside"; }
body.leiu-design-petrol .contact-form-card { grid-area:form; }
body.leiu-design-petrol .contact-aside { grid-area:aside; display:grid; gap:24px; }
body.leiu-design-petrol .contact-company-card { background:#fff; border-radius:24px; padding:32px; }
body.leiu-design-petrol .contact-company-card h2 { font-size:28px; font-weight:550; line-height:1.25; letter-spacing:-.025em; margin:0 0 12px; }
body.leiu-design-petrol .company-email { display:inline-block; color:#265959; font-size:17px; line-height:1.5; padding-block:6px; margin-bottom:20px; }
body.leiu-design-petrol .contact-company-card .company-details { grid-template-columns:1fr; gap:12px; }
body.leiu-design-petrol .contact-company-card .company-details > div { display:grid; grid-template-columns:88px minmax(0,1fr); gap:12px; align-items:baseline; }
body.leiu-design-petrol .contact-company-card .company-details dt { margin:0; }
body.leiu-design-petrol .contact-company-card .company-details dd { font-size:14px; }
body.leiu-design-petrol .contact-aside .contact-support { padding:28px 32px; gap:0; }
body.leiu-design-petrol .contact-aside .contact-support h2 { font-size:24px; margin-bottom:12px; }
body.leiu-design-petrol .contact-aside .contact-support p { font-size:16px; margin-bottom:20px; }
body.leiu-design-petrol .editorial-tile h3 { font-size:22px; line-height:1.3; margin:20px 0 10px; }
body.leiu-design-petrol .editorial-tile p { text-wrap:pretty; }
body.leiu-design-petrol .search-table code,
body.leiu-design-petrol .article-code code { font-family:Inter,Arial,sans-serif; font-variant-numeric:tabular-nums; }
body.leiu-design-petrol .search-hero-stats { display:flex; justify-content:center; gap:64px; margin:32px auto 0; }
body.leiu-design-petrol .search-hero-stats > div { display:flex; flex-direction:column-reverse; gap:6px; }
body.leiu-design-petrol .search-hero-stats dt { color:#c0cecd; font-size:14px; font-weight:400; }
body.leiu-design-petrol .search-hero-stats dd { margin:0; color:#e4efed; font-size:28px; line-height:1.2; font-weight:550; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
body.leiu-design-petrol .order-section { padding:64px 32px 80px; background:#f3f7f8; }
body.leiu-design-petrol .order-layout { max-width:850px; margin:auto; }
body.leiu-design-petrol .order-card,
body.leiu-design-petrol .order-result { padding:40px; background:#fff; border-radius:24px; box-shadow:0 12px 40px -24px rgb(16 41 44 / 18%); }
body.leiu-design-petrol .order-card h2,
body.leiu-design-petrol .order-result h2 { font-size:28px; line-height:1.25; font-weight:550; letter-spacing:-.03em; margin:0 0 12px; }
body.leiu-design-petrol .order-card > p,
body.leiu-design-petrol .order-result > p { font-size:16px; color:#526166; line-height:1.6; margin:0 0 28px; }
body.leiu-design-petrol .order-actions { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:20px; }
body.leiu-design-petrol .order-actions a { color:#265959; font-size:14px; padding:12px 0; }
body.leiu-design-petrol .order-result { margin-top:24px; }
body.leiu-design-petrol .order-demo-label { display:block; font-size:13px; color:#526166; margin-bottom:12px; }
body.leiu-design-petrol .order-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:32px 0 0; gap:20px; list-style:none; }
body.leiu-design-petrol .order-progress[hidden] { display:none; }
body.leiu-design-petrol .order-progress li { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
body.leiu-design-petrol .order-step-number { display:grid; place-items:center; width:40px; height:40px; border-radius:11px; background:#f3f7f8; color:#526166; font-size:17px; font-weight:550; margin-bottom:6px; }
body.leiu-design-petrol .order-progress strong { font-size:14px; line-height:1.5; font-weight:550; }
body.leiu-design-petrol .order-step-state { font-size:13px; color:#526166; }
body.leiu-design-petrol .order-progress [data-state="current"] .order-step-number { background:#265959; color:white; }
body.leiu-design-petrol .order-progress [data-state="done"] .order-step-number { background:#e4efed; color:#265959; }
@media (max-width:900px) {
  body.leiu-design-petrol .contact-layout { grid-template-areas:"aside" "form"; }
  body.leiu-design-petrol .contact-aside { grid-template-columns:1.2fr 1fr; align-items:stretch; }
  body.leiu-design-petrol .article-toc { padding:0; background:transparent; border-radius:0; min-width:0; }
  body.leiu-design-petrol .article-toc nav { display:flex; gap:16px; overflow-x:auto; margin:0; border:0; border-bottom:1px solid #e1e8e8; }
  body.leiu-design-petrol .article-toc a { flex:none; max-width:240px; margin:0; padding:12px 0; border-left:0; border-bottom:2px solid transparent; }
  body.leiu-design-petrol .article-toc a[aria-current="location"] { border-bottom-color:#265959; }
}
@media (max-width:620px) {
  body.leiu-design-petrol.content-page.article-page .service-hero { padding-bottom:0; }
  body.leiu-design-petrol .contact-aside { grid-template-columns:1fr; gap:16px; }
  body.leiu-design-petrol .contact-company-card,
body.leiu-design-petrol .contact-aside .contact-support { padding:24px; border-radius:20px; }
  body.leiu-design-petrol .contact-company-card h2 { font-size:26px; }
  body.leiu-design-petrol .contact-company-card .company-details > div { grid-template-columns:80px minmax(0,1fr); gap:8px; }
  body.leiu-design-petrol .contact-company-card .company-details dd { font-size:13px; }
  body.leiu-design-petrol .editorial-tile h3 { font-size:22px; }
  body.leiu-design-petrol .search-hero-stats { gap:32px; margin-top:28px; }
  body.leiu-design-petrol .search-hero-stats dd { font-size:24px; }
  body.leiu-design-petrol .search-hero-stats dt { font-size:12px; }
  body.leiu-design-petrol .order-section { padding:40px 20px 48px; }
  body.leiu-design-petrol .order-card,
body.leiu-design-petrol .order-result { padding:28px 24px; border-radius:20px; }
  body.leiu-design-petrol .order-card h2,
body.leiu-design-petrol .order-result h2 { font-size:26px; }
  body.leiu-design-petrol .order-progress { grid-template-columns:1fr; gap:24px; }
  body.leiu-design-petrol .order-progress li { display:grid; grid-template-columns:40px 1fr; gap:2px 14px; }
  body.leiu-design-petrol .order-step-number { grid-row:1/3; margin:0; }
  body.leiu-design-petrol .order-actions { flex-wrap:wrap; }
}


/* reference-refinements.css */
body.leiu-design-petrol.content-page.article-page .service-hero { padding:144px 32px 48px; border-radius:0; }
body.leiu-design-petrol.article-page .service-hero .hero-content { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
body.leiu-design-petrol.article-page .article-heading { min-width:0; }
body.leiu-design-petrol.article-page .service-hero h1 { font-size:clamp(36px,4.2vw,52px); line-height:1.12; text-wrap:balance; }
body.leiu-design-petrol.article-page .article-cover { margin:0; border-radius:22px; }
body.leiu-design-petrol.article-page .article-cover img { width:100%; height:300px; object-fit:cover; }
body.leiu-design-petrol.article-page .reading-section { padding-top:32px; }
body.leiu-design-petrol .article-toc { top:112px; }
body.leiu-design-petrol .reading-body h2 { scroll-margin-top:112px; }

body.leiu-design-petrol .search-page .lei-search-form { max-width:720px; }
body.leiu-design-petrol .search-page .lei-search-field {
  background:rgb(255 255 255 / 82%); border:1px solid rgb(255 255 255 / 85%);
  backdrop-filter:blur(20px) saturate(1.6); -webkit-backdrop-filter:blur(20px) saturate(1.6);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 90%),0 24px 60px -24px rgb(0 0 0 / 45%);
  padding:7px 7px 7px 20px;
}
body.leiu-design-petrol .search-page .lei-search-field input { height:46px; }
body.leiu-design-petrol .search-page .lei-search-field input::placeholder { color:#586968; }
body.leiu-design-petrol .search-page .lei-search-field:focus-within { border-color:#9bc3b9; outline:2px solid #9bc3b9; outline-offset:3px; }
body.leiu-design-petrol .search-page .search-hero-stats { gap:52px; margin-top:28px; }
body.leiu-design-petrol .search-page .search-hero-stats > div { min-width:120px; gap:5px; }
body.leiu-design-petrol .search-page .search-hero-stats dd { color:#aac9c1; font-size:22px; line-height:1.25; font-weight:500; letter-spacing:-.025em; }
body.leiu-design-petrol .search-page .search-hero-stats dt { color:#b0bfbc; font-size:13px; line-height:1.5; }

body.leiu-design-petrol .order-page .service-hero { padding-bottom:106px; }
body.leiu-design-petrol .order-page .service-hero .hero-content { text-align:center; }
body.leiu-design-petrol .order-page .service-hero .hero-content > p { max-width:600px; margin-inline:auto; }
body.leiu-design-petrol .order-section { position:relative; z-index:3; padding:0 32px 80px; background:#fff; }
body.leiu-design-petrol .order-layout { max-width:760px; }
body.leiu-design-petrol .order-card {
  position:relative; top:-55px; margin-bottom:-55px; padding:22px;
  background:rgb(255 255 255 / 88%); border:1px solid rgb(255 255 255 / 75%); border-radius:16px;
  backdrop-filter:blur(24px) saturate(1.8); -webkit-backdrop-filter:blur(24px) saturate(1.8);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 90%),0 28px 52px -30px rgb(13 29 30 / 42%),0 12px 30px -18px rgb(38 89 89 / 20%);
}
body.leiu-design-petrol .order-card .contact-message-form { grid-template-columns:1fr 1.15fr auto; align-items:end; gap:16px; }
body.leiu-design-petrol .order-card .contact-message-form label { font-size:13px; margin-bottom:7px; }
body.leiu-design-petrol .order-card .contact-message-form input { height:46px; min-height:46px; background:#fff; }
body.leiu-design-petrol .order-actions { grid-column:auto; display:block; }
body.leiu-design-petrol .order-actions .content-button { min-height:46px; white-space:nowrap; padding:11px 20px; }
body.leiu-design-petrol .order-help { margin:26px 0 0; text-align:center; color:#526166; font-size:14px; line-height:1.6; }
body.leiu-design-petrol .order-help a { display:inline-block; padding:8px 0; margin-left:5px; color:#265959; text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .order-result { margin-top:32px; background:#f3f7f8; box-shadow:none; }
@media(max-width:900px) {
  body.leiu-design-petrol.article-page .service-hero .hero-content { gap:36px; }
  body.leiu-design-petrol.article-page .article-cover img { height:250px; }
  body.leiu-design-petrol .article-toc { position:static; }
}
@media(max-width:620px) {
  body.leiu-design-petrol.content-page.article-page .service-hero { padding:120px 20px 0; }
  body.leiu-design-petrol.article-page .service-hero .hero-content { grid-template-columns:1fr; gap:28px; }
  body.leiu-design-petrol.article-page .article-cover { border-radius:18px; }
  body.leiu-design-petrol.article-page .article-cover img { height:220px; }
  body.leiu-design-petrol.article-page .reading-section { padding-top:32px; }
  body.leiu-design-petrol .search-page .lei-search-field { flex-direction:row; align-items:center; gap:10px; padding:6px 6px 6px 14px; }
  body.leiu-design-petrol .search-page .lei-search-field > svg { display:block; width:19px; height:19px; }
  body.leiu-design-petrol .search-page .lei-search-field input { width:auto; font-size:14px; height:44px; }
  body.leiu-design-petrol .search-page .lei-search-field .content-button { width:auto; min-width:60px; min-height:44px; padding:10px 14px; }
  body.leiu-design-petrol .search-page .search-hero-stats { gap:28px; margin-top:26px; }
  body.leiu-design-petrol .search-page .search-hero-stats > div { min-width:110px; }
  body.leiu-design-petrol .search-page .search-hero-stats dd { font-size:20px; }
  body.leiu-design-petrol .search-page .search-hero-stats dt { font-size:12px; }
  body.leiu-design-petrol .order-page .service-hero { padding-bottom:100px; }
  body.leiu-design-petrol .order-section { padding:0 20px 48px; }
  body.leiu-design-petrol .order-card { padding:20px; border-radius:16px; }
  body.leiu-design-petrol .order-card .contact-message-form { grid-template-columns:1fr; gap:16px; }
  body.leiu-design-petrol .order-actions .content-button { width:100%; }
  body.leiu-design-petrol .order-help { margin-top:20px; }
}
body.leiu-design-petrol .search-page .lei-search-field:focus-within { border-color:#9aadaa; outline:none; box-shadow:inset 0 1px 0 #fff,0 0 0 2px rgb(183 204 199 / 48%),0 18px 40px -22px rgb(0 0 0 / 38%); }
body.leiu-design-petrol .search-page .lei-search-field input:is(:focus,:focus-visible) { outline:none; border:0; box-shadow:none; background:transparent; }
body.leiu-design-petrol .search-page .search-hero-stats dd { color:#c5cdcd; }
body.leiu-design-petrol .search-page .search-hero-stats dt { color:#adb7b7; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:160px minmax(0,1fr); grid-template-rows:minmax(264px,auto); align-content:center; padding:24px; gap:20px; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { height:244px; min-height:0; max-height:none; align-self:center; object-position:50% 25%; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy { height:100%; min-height:264px; justify-content:center; gap:0; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy blockquote { font-size:16px; line-height:1.5; font-weight:500; letter-spacing:-.01em; }
html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline { font-size:12px; line-height:1.45; gap:2px; margin-top:20px; }
html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline strong { font-size:13px; font-weight:550; }
html[data-quote-layout="inline"] body.leiu-design-petrol .quote-watermark { position:absolute; top:16px; right:20px; width:112px; height:94px; margin:0; opacity:.075; pointer-events:none; z-index:-1; }
html body.leiu-design-petrol :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.ri-coupon-input):not(.lu-lookup__input):not(.lookup__input):not(#leiu-lei-profile-query),textarea,select):not(.crisp-client *):is(:focus,:focus-visible) {
  outline:none!important; outline-offset:0!important;
  border-color:#265959!important; box-shadow:0 0 0 1px #265959!important;
}
html body.leiu-design-petrol #lei_request .field__input[aria-invalid="true"]:focus { border-color:#a83838!important; box-shadow:0 0 0 1px #a83838!important; }
html body.leiu-design-petrol :is(.lei-search-field,.lookup):focus-within { outline:none!important; outline-offset:0!important; }
html body.leiu-design-petrol .search-page .lei-search-field:focus-within { border-color:#265959; box-shadow:0 0 0 1px #265959,0 18px 40px -22px rgb(0 0 0 / 38%); }
html body.leiu-design-petrol .lei-search-field input:is(:focus,:focus-visible) { box-shadow:none!important; border:0!important; outline:none!important; }
html body.leiu-design-petrol #lei_request .question:focus-within { outline:none!important; }
html body.leiu-design-petrol #lei_request .question:has(input:focus-visible) .yn { outline:2px solid #265959; outline-offset:0; }
body.leiu-design-petrol.service-page .service-sibling { justify-content:flex-end; }
body.leiu-design-petrol .why-copy > p { max-width:40ch; text-wrap:pretty; }
body.leiu-design-petrol .article-code-structure { margin:28px 0; padding:32px 28px 24px; background:#f3f7f8; color:#243c3e; border-radius:16px; }
body.leiu-design-petrol .article-code-structure .struct-chars { display:grid; grid-template-columns:repeat(20,minmax(0,1fr)); gap:0; margin-bottom:12px; font-variant-numeric:tabular-nums; }
body.leiu-design-petrol .article-code-structure .struct-chars span { display:block; text-align:center; padding:0 1px; font:600 26px/1.2 Inter,Arial,sans-serif; background:none; box-shadow:none; color:#243c3e; }
body.leiu-design-petrol .article-code-structure .struct-chars :is([data-g="1"],[data-g="2"],[data-g="4"]) { color:#748b88; }
body.leiu-design-petrol .article-code-structure .struct-pills { display:grid; grid-template-columns:repeat(20,minmax(0,1fr)); gap:4px; }
body.leiu-design-petrol .article-code-structure .struct-pill { display:flex; align-items:center; justify-content:center; white-space:nowrap; padding:10px 5px; min-height:34px; border-radius:999px; font-size:12px; font-weight:550; line-height:1.2; cursor:pointer; transition:filter .15s; }
body.leiu-design-petrol .article-code-structure .p-lou { grid-column:1 / span 4; background:#d8e8e2; color:#244b45; }
body.leiu-design-petrol .article-code-structure .p-res { grid-column:5 / span 2; background:#e1e7e5; color:#425954; }
body.leiu-design-petrol .article-code-structure .p-uniq { grid-column:7 / span 12; background:#265959; color:#fff; }
body.leiu-design-petrol .article-code-structure .p-ctrl { grid-column:19 / span 2; background:#d8e8e2; color:#244b45; }
body.leiu-design-petrol .article-code-structure .struct-pill:hover { filter:brightness(.96); }
body.leiu-design-petrol .article-code-structure .struct-pill:focus-visible { outline:2px solid #265959; outline-offset:2px; }
body.leiu-design-petrol .article-code-structure .struct-info-slot { display:grid; min-height:58px; margin-top:18px; text-align:center; }
body.leiu-design-petrol .article-code-structure .struct-info { grid-area:1/1; visibility:hidden; opacity:0; transition:opacity .15s; }
body.leiu-design-petrol .article-code-structure .struct-info.is-active { visibility:visible; opacity:1; }
body.leiu-design-petrol .article-code-structure .struct-info-title { color:#294340; font-size:14px; font-weight:550; }
body.leiu-design-petrol .article-code-structure .struct-info-desc { color:#5b706e; font-size:14px; line-height:1.5; margin-top:4px; }
body.leiu-design-petrol .article-code-structure .struct-mobile { display:none; }
body.leiu-design-petrol .reading-body :is(h2,h3) { scroll-margin-top:96px; }
body.leiu-design-petrol .reading-body h3 { font-size:22px; line-height:1.35; font-weight:550; margin:32px 0 14px; }
@media(max-width:620px) {
  body.leiu-design-petrol .article-code-structure { padding:20px 16px; margin-inline:-4px; }
  body.leiu-design-petrol .article-code-structure .struct-chars { gap:2px; }
  body.leiu-design-petrol .article-code-structure .struct-chars span { min-height:32px; font-size:14px; }
  body.leiu-design-petrol .article-code-structure .struct-pills { gap:6px; }
  body.leiu-design-petrol .article-code-structure .struct-pill { padding:8px; font-size:11px; }
  body.leiu-design-petrol .article-code-structure .struct-info-slot { min-height:80px; }
}

body.leiu-design-petrol.article-page .service-hero .hero-content { grid-template-columns:1.15fr .85fr; align-items:start; gap:48px; }
body.leiu-design-petrol.article-page .article-summary { font-size:18px; line-height:1.65; color:#526166; margin:22px 0 0; max-width:610px; }
body.leiu-design-petrol.article-page .reading-meta { margin-top:22px; }
body.leiu-design-petrol.article-page .reading-body > p:first-child { font-size:18px; line-height:1.75; color:#33494c; }
body.leiu-design-petrol.article-page .article-cover { align-self:stretch; position:relative; min-height:240px; }
body.leiu-design-petrol.article-page .article-cover img { position:absolute; inset:0; width:100%; height:100%; }
@media(min-width:901px) and (max-width:1100px) {
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:128px minmax(0,1fr); gap:18px; padding-inline:20px; }
}
@media(max-width:900px) {
  body.leiu-design-petrol.article-page .service-hero .hero-content { gap:32px; }
  body.leiu-design-petrol.article-page .article-summary { font-size:17px; }
}
@media(max-width:620px) {
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:112px minmax(0,1fr); padding:24px 20px; gap:18px; }
  html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy blockquote { font-size:15.5px; }
  body.leiu-design-petrol.article-page .service-hero .hero-content { grid-template-columns:1fr; gap:28px; }
  body.leiu-design-petrol.article-page .article-cover { min-height:220px; }
}
@media(max-width:360px) { html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:96px minmax(0,1fr); gap:14px; padding-inline:18px; } }
body.leiu-design-petrol.content-page.article-original .service-hero { padding:144px 32px 32px; }
body.leiu-design-petrol.article-original .service-hero .hero-content { display:grid; grid-template-columns:240px minmax(0,760px); column-gap:64px; row-gap:0; }
body.leiu-design-petrol.article-original .service-hero :is(h1,.reading-meta) { grid-column:2; }
body.leiu-design-petrol.article-original .service-hero h1 { max-width:760px; font-size:clamp(36px,3.65vw,48px); line-height:1.15; font-weight:600; text-align:left; }
body.leiu-design-petrol.article-original .reading-meta { margin-top:18px; }
body.leiu-design-petrol.article-original .reading-section { padding-top:0; }
body.leiu-design-petrol.article-original .reading-layout { grid-template-columns:240px minmax(0,760px); gap:64px; }
body.leiu-design-petrol.article-original .reading-body { grid-column:2; grid-row:1; }
body.leiu-design-petrol.article-original .article-toc { grid-column:1; grid-row:1; }
body.leiu-design-petrol .article-inline-toc { display:none; }
@media(max-width:921px) {
 body.leiu-design-petrol #leiu-hf-mobile-menu > .menu-item > a,
 body.leiu-design-petrol #leiu-hf-mobile-menu > .menu-item > .leiu-menu-toggle { font-family:Inter,Arial,sans-serif; }
}
@media(max-width:620px) {
 body.leiu-design-petrol .lu-order-status.is-variant-flow .lu-order-status__field input,
 body.leiu-design-petrol .lu-contact.is-variant-page .lei-contact-form :is(input[type="text"],input[type="email"],input[type="tel"],textarea) { font-size:16px!important; }
}
body.leiu-design-petrol.article-original .article-cover { position:static; min-height:0; margin:0 0 32px; border-radius:18px; }
body.leiu-design-petrol.article-original .article-cover img { position:static; width:100%; height:380px; object-fit:cover; }
@media(max-width:1024px) {
 body.leiu-design-petrol.article-original .service-hero .hero-content { display:block; }
 body.leiu-design-petrol.article-original .reading-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
 body.leiu-design-petrol.article-original .reading-body { grid-column:1; }
 body.leiu-design-petrol.article-original .article-toc { display:none; }
 body.leiu-design-petrol .article-inline-toc { display:flex; overflow-x:auto; gap:20px; margin:0 0 28px; border-bottom:1px solid #e1e8e8; }
 body.leiu-design-petrol .article-inline-toc a { display:block; flex:none; padding:10px 0; font-size:14px; line-height:1.5; text-decoration:none; color:#526166; }
 body.leiu-design-petrol .article-inline-toc a[aria-current="location"] { color:#265959; box-shadow:inset 0 -2px #265959; }
 body.leiu-design-petrol.article-original .article-cover img { height:clamp(220px,40vw,340px); }
}
@media(max-width:620px) {
 body.leiu-design-petrol.content-page.article-original .service-hero { padding:120px 20px 28px; }
 body.leiu-design-petrol.article-original .service-hero h1 { font-size:36px; }
 body.leiu-design-petrol.article-original .article-cover { margin-bottom:28px; }
 body.leiu-design-petrol.article-original .article-cover img { height:220px; }
 body.leiu-design-petrol .article-inline-toc { display:none; }
}


/* about.css */
body.leiu-design-petrol.about-page { background:#fff; }
body.leiu-design-petrol .about-intro { padding:64px 32px 32px; }
body.leiu-design-petrol .about-team { padding:64px 32px 0; }
body.leiu-design-petrol .about-intro-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; }
body.leiu-design-petrol .about-intro-copy p { font-size:18px; line-height:1.7; color:#526166; margin:0; text-wrap:pretty; }
body.leiu-design-petrol .about-intro-copy p:first-child { color:#33494c; }
body.leiu-design-petrol .about-intro-copy p + p { margin-top:20px; }
body.leiu-design-petrol .about-brand-photo { margin:0; border-radius:24px; overflow:hidden; }
body.leiu-design-petrol .about-brand-photo img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
body.leiu-design-petrol .about-markets { padding:24px 0 0; background:#fff; overflow:hidden; scroll-margin-top:32px; }
body.leiu-design-petrol .markets-visual { margin:0; width:100%; }
body.leiu-design-petrol .map-plane { position:relative; width:100%; margin-inline:auto; }
body.leiu-design-petrol .markets-map { display:block; width:100%; height:auto; max-height:420px; overflow:visible; }
body.leiu-design-petrol .map-land { fill:#d8d8d5; stroke:#fff; stroke-width:.65; stroke-linejoin:round; transition:fill 160ms ease; outline:none; }
body.leiu-design-petrol .map-land--market { fill:#477674; cursor:pointer; }
body.leiu-design-petrol .map-land--market:hover,
body.leiu-design-petrol .map-land--market[aria-expanded="true"] { fill:#265959; }
body.leiu-design-petrol .map-land--market:focus-visible { fill:#265959; stroke:#193f3d; stroke-width:2; }
body.leiu-design-petrol .market-stats { width:calc(100% - 64px); max-width:1168px; margin:24px auto 0; justify-content:center; gap:64px; }
body.leiu-design-petrol .map-tooltip { position:absolute; z-index:3; background:linear-gradient(135deg,#2e6462,#214c4b); color:#fff; box-shadow:0 8px 22px -8px rgb(20 47 44 / 35%),inset 0 1px rgb(255 255 255 / 12%); border-radius:12px; padding:14px 20px; font:500 15px/1.4 Inter,sans-serif; max-width:calc(100% - 24px); pointer-events:none; }
body.leiu-design-petrol .map-tooltip[hidden] { display:none; }
body.leiu-design-petrol .about-section-heading { margin-bottom:28px; }
body.leiu-design-petrol .about-team-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:32px; align-items:stretch; }
body.leiu-design-petrol .about-people { display:grid; gap:14px; }
body.leiu-design-petrol .about-person { padding:22px 28px; border-radius:18px; background:#f3f7f8; }
body.leiu-design-petrol .about-person h3 { margin:0; color:#233b3d; font-size:22px; line-height:1.3; font-weight:550; letter-spacing:-.02em; }
body.leiu-design-petrol .about-person p { margin:5px 0 0; font-size:14px; line-height:1.5; color:#657171; }
body.leiu-design-petrol .about-person a { display:inline-block; min-height:32px; padding-top:8px; margin-top:4px; color:#265959; font-size:15px; line-height:1.5; }
body.leiu-design-petrol .about-person a:hover { text-decoration:underline; text-underline-offset:4px; }
body.leiu-design-petrol .about-person-feature { position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:44% 1fr; gap:28px; margin:0; padding:24px; border-radius:24px; background:#f3f7f8; }
body.leiu-design-petrol .about-person-feature > img { width:100%; height:100%; min-height:300px; object-fit:cover; object-position:50% 24%; border-radius:14px; }
body.leiu-design-petrol .about-person-feature figcaption { display:flex; flex-direction:column; justify-content:center; padding:16px 0; }
body.leiu-design-petrol .about-quote-mark { position:absolute; top:8px; right:20px; display:block; height:112px; font-family:Georgia,serif; font-size:160px; line-height:1; color:#265959; opacity:.075; pointer-events:none; z-index:-1; }
body.leiu-design-petrol .about-person-feature blockquote { margin:12px 0 24px; padding:0; border:0; color:#33494c; font-size:17px; line-height:1.55; font-weight:400; letter-spacing:-.01em; }
body.leiu-design-petrol .about-person-feature figcaption > p { display:grid; gap:3px; margin:0; font-size:12px; color:#63716f; }
body.leiu-design-petrol .about-person-feature strong { color:#294340; font-weight:550; font-size:13px; }
body.leiu-design-petrol .about-lou { padding:56px 32px; background:#fff; }
body.leiu-design-petrol .about-lou [hidden] { display:none; }
body.leiu-design-petrol .lou-strip { display:flex; flex-direction:column; gap:20px; max-width:680px; margin-inline:auto; text-align:center; }
body.leiu-design-petrol .lou-heading { display:flex; flex-direction:column; gap:20px; align-items:center; }
body.leiu-design-petrol .lou-heading svg { width:44px; height:44px; flex:none; fill:none; stroke:#427572; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
body.leiu-design-petrol .about-lou h2 { margin:0; font-size:32px; line-height:1.2; letter-spacing:-.03em; font-weight:550; color:#263e40; }
body.leiu-design-petrol .about-lou p { margin:0; font-size:17px; line-height:1.65; color:#526166; text-wrap:pretty; }
body.leiu-design-petrol .lou-roles { display:grid; grid-template-columns:.9fr 1fr 1.1fr; align-items:start; gap:40px; }
body.leiu-design-petrol .lou-roles h3 { margin:0 0 10px; font-size:17px; line-height:1.4; font-weight:550; color:#33494c; }
body.leiu-design-petrol .about-partner { padding:0 32px 64px; background:#fff; }
body.leiu-design-petrol .partner-cta { display:flex; flex-direction:column; align-items:center; text-align:center; border-radius:24px; padding:52px 32px; }
body.leiu-design-petrol .partner-cta h2 { margin:0; color:#fff; font-size:36px; font-weight:550; line-height:1.2; letter-spacing:-.035em; }
body.leiu-design-petrol .partner-cta p { max-width:500px; margin:20px 0 28px; color:#d3e5e2; font-size:17px; line-height:1.6; text-wrap:pretty; }
body.leiu-design-petrol .partner-cta .button { position:relative; min-height:48px; padding:13px 24px; border:1px solid rgb(255 255 255 / 55%); border-radius:10px; color:#fff; background:transparent; font-size:15px; font-weight:500; }
body.leiu-design-petrol .partner-cta .button:hover { background:rgb(255 255 255 / 10%); }
body.leiu-design-petrol .partner-cta .button:focus-visible { outline:2px solid #fff; outline-offset:5px; }
@media(max-width:1000px) {
 body.leiu-design-petrol .about-intro-grid { gap:36px; }
 body.leiu-design-petrol .about-team-layout { gap:24px; }
 body.leiu-design-petrol .about-person { padding:22px; }
 body.leiu-design-petrol .about-person-feature { padding:20px; gap:20px; grid-template-columns:40% 1fr; }
 body.leiu-design-petrol .about-person-feature blockquote { font-size:16px; }
 body.leiu-design-petrol .lou-roles { grid-template-columns:1fr 1fr; gap:24px; }
 body.leiu-design-petrol .lou-roles > h2 { grid-column:1/-1; }
}
@media(min-width:701px) and (max-width:900px) {
 body.leiu-design-petrol .about-intro-grid { grid-template-columns:1fr; }
 body.leiu-design-petrol .about-brand-photo { max-width:680px; width:100%; margin-inline:auto; }
}
@media(max-width:700px) {
 body.leiu-design-petrol .about-intro { padding:40px 20px 24px; }
 body.leiu-design-petrol .about-team { padding:48px 20px 0; }
 body.leiu-design-petrol .about-intro-grid,
body.leiu-design-petrol .about-team-layout { grid-template-columns:1fr; gap:28px; }
 body.leiu-design-petrol .about-intro-copy p { font-size:17px; }
 body.leiu-design-petrol .about-brand-photo img { height:auto; aspect-ratio:3/2; }
 body.leiu-design-petrol .about-brand-photo { border-radius:20px; }
 body.leiu-design-petrol .about-markets { padding:16px 0 0; }
 body.leiu-design-petrol .market-stats { width:calc(100% - 40px); gap:16px; margin-top:24px; }
 body.leiu-design-petrol .map-plane { width:100%; margin-inline:0; }
 body.leiu-design-petrol .about-section-heading { margin-bottom:28px; }
 body.leiu-design-petrol .about-person { padding:24px; }
 body.leiu-design-petrol .about-person-feature { grid-template-columns:38% 1fr; padding:20px; gap:20px; border-radius:20px; }
 body.leiu-design-petrol .about-person-feature > img { min-height:290px; }
 body.leiu-design-petrol .about-person-feature figcaption { padding:0; }
 body.leiu-design-petrol .about-person-feature blockquote { font-size:15px; line-height:1.55; margin-bottom:20px; }
 body.leiu-design-petrol .about-quote-mark { height:90px; font-size:130px; }
 body.leiu-design-petrol .about-lou { padding:44px 20px; }
 body.leiu-design-petrol .lou-strip,
body.leiu-design-petrol .lou-roles { grid-template-columns:1fr; gap:24px; }
 body.leiu-design-petrol .about-lou h2 { font-size:28px; }
 body.leiu-design-petrol .about-lou p { font-size:16px; }
 body.leiu-design-petrol .lou-heading svg { width:40px; height:40px; }
 body.leiu-design-petrol .about-partner { padding:0 20px 48px; }
 body.leiu-design-petrol .partner-cta { padding:36px 24px; border-radius:20px; }
 body.leiu-design-petrol .partner-cta h2 { font-size:28px; }
 body.leiu-design-petrol .partner-cta h2 br { display:none; }
 body.leiu-design-petrol .partner-cta p { font-size:16px; margin:16px 0 24px; }
}


/* site-polish.css */
body.leiu-design-petrol a:hover { text-decoration:none!important; }
body.leiu-design-petrol :is(.article-tile,.article-card,.editorial-tile,.editorial-feature):hover :is(h2,h3,span) { text-decoration:none!important; }
body.leiu-design-petrol :is(.faq-answer,.question-answer,.faq-item,.service-questions,.faq-list) a:hover { text-decoration:underline!important; text-underline-offset:3px; }
body.leiu-design-petrol .record-open:hover strong { color:#265959; text-decoration:none; }
html body.leiu-design-petrol #lei_request .lookup__field:focus-within { border-color:#265959; outline:none; box-shadow:0 0 0 1px #265959; }
html body.leiu-design-petrol #lei_request .lookup__input:is(:focus,:focus-visible) { outline:none!important; border:0!important; box-shadow:none!important; }
body.leiu-design-petrol.service-page :is(.plan-saving,.plan-savings,.plan-save,.saving) { font-weight:600; }
body.leiu-design-petrol .search-page .search-hero-stats dd { color:#fff; }
body.leiu-design-petrol .search-table .record-open { display:flex; align-items:center; gap:14px; }
body.leiu-design-petrol .search-table .record-open .record-flag { width:28px; height:28px; border-radius:50%; object-fit:cover; flex:none; box-shadow:0 0 0 3px #f4f7f6; }
body.leiu-design-petrol .search-table .record-open .record-name-copy { display:block; margin:0; }
body.leiu-design-petrol .search-table .record-name-copy>span { margin-top:4px; }
body.leiu-design-petrol .leiu-lei-profile__inner { margin:0; }
body.leiu-design-petrol.company-page .service-hero { padding-bottom:64px; }
body.leiu-design-petrol.company-page .hero-content { text-align:center; }
body.leiu-design-petrol.company-page .hero-content>p { margin-inline:auto; text-align:center; max-width:none; }
body.leiu-design-petrol.company-page #hero-title { font-size:32px; line-height:1.2; font-weight:550; color:#f5f9f8; margin:0; }
body.leiu-design-petrol.company-page .hero-content>p:not(#hero-title) { font-size:17px; margin-top:16px; }
body.leiu-design-petrol.company-page .lei-search-form { max-width:760px; margin:28px auto 0; }
body.leiu-design-petrol.company-page .lei-search-field { background:rgb(244 249 247 / 88%); backdrop-filter:blur(20px); }
body.leiu-design-petrol .company-record-section { padding:56px 32px 80px; background:#fff; }
body.leiu-design-petrol .company-record-section>.container { max-width:1120px; }
body.leiu-design-petrol .leiu-lei-profile__record-header { padding-bottom:32px; }
body.leiu-design-petrol .leiu-lei-profile__header { display:flex; justify-content:space-between; align-items:center; gap:32px; }
body.leiu-design-petrol .leiu-lei-profile__heading { min-width:0; }
body.leiu-design-petrol .leiu-lei-profile__heading h1 { font-size:36px; line-height:1.2; font-weight:550; letter-spacing:-.035em; color:#18282b; margin:0; }
body.leiu-design-petrol .leiu-lei-profile__identity { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:20px; font-size:14px; color:#607172; }
body.leiu-design-petrol .leiu-lei-profile__identity code { font-family:Inter,Arial,sans-serif; font-size:18px; font-weight:500; letter-spacing:.025em; color:#243c3e; }
body.leiu-design-petrol .leiu-lei-profile__copy { padding:7px 12px; border:1px solid #dce5e3; border-radius:7px; color:#265959; background:#fff; font:500 12px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
body.leiu-design-petrol .leiu-lei-profile__copy:hover { background:#f0f5f3; }
body.leiu-design-petrol .leiu-lei-profile__button { display:inline-flex; flex:none; padding:13px 22px; align-items:center; justify-content:center; background:#265959; color:white; border-radius:10px; font-size:14px; font-weight:550; text-decoration:none; }
body.leiu-design-petrol .leiu-lei-profile__button:hover { background:#1c4748; color:#fff; }
body.leiu-design-petrol .leiu-lei-profile__summary { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; margin:32px 0 0; padding:26px 28px; border-radius:16px; background:#f2f6f5; }
body.leiu-design-petrol .leiu-lei-profile__summary dt { font-size:13px; line-height:1.5; color:#5c6e70; }
body.leiu-design-petrol .leiu-lei-profile__summary dd { font-size:17px; font-weight:550; color:#243d3f; line-height:1.45; margin:6px 0 0; }
body.leiu-design-petrol .leiu-lei-profile__summary-status--issued { color:#265959!important; }
body.leiu-design-petrol .leiu-lei-profile__details { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
body.leiu-design-petrol .leiu-lei-profile__section { padding:28px; border-radius:20px; background:linear-gradient(145deg,#fff,#fcfdfd); box-shadow:0 3px 10px rgb(21 62 62 / 6%),0 18px 44px -14px rgb(21 62 62 / 19%); }
body.leiu-design-petrol .leiu-lei-profile__section h2 { font-size:23px; line-height:1.35; font-weight:550; color:#18282b; margin:0 0 18px; letter-spacing:-.025em; }
body.leiu-design-petrol .leiu-lei-profile__section dl { margin:0; }
body.leiu-design-petrol .leiu-lei-profile__fact { display:grid; grid-template-columns:1fr 1.15fr; gap:20px; padding:14px 0; border-bottom:1px solid rgb(38 89 89 / 6%); font-size:14px; line-height:1.55; }
body.leiu-design-petrol .leiu-lei-profile__fact:last-child { border-bottom:0; padding-bottom:0; }
body.leiu-design-petrol .leiu-lei-profile__fact dt { color:#667577; }
body.leiu-design-petrol .leiu-lei-profile__fact dd { color:#243a3c; margin:0; overflow-wrap:anywhere; }
body.leiu-design-petrol .leiu-lei-profile__source { display:flex; align-items:center; gap:22px; padding-top:32px; margin-top:32px; border-top:1px solid #edf1ef; }
body.leiu-design-petrol .leiu-lei-profile__source-mark { display:block; flex:none; }
body.leiu-design-petrol .leiu-lei-profile__source-logo { display:block; width:56px; height:56px; object-fit:contain; }
body.leiu-design-petrol .leiu-lei-profile__source h2 { font-size:15px; font-weight:550; margin:0 0 6px; }
body.leiu-design-petrol .leiu-lei-profile__source p,
body.leiu-design-petrol .leiu-lei-profile__source a { font-size:13px; color:#637477; line-height:1.6; margin:0; }
body.leiu-design-petrol .leiu-lei-profile__source a { display:inline-block; margin-top:8px; color:#265959; }
body.leiu-design-petrol .leiu-lei-profile__sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:760px) {
 body.leiu-design-petrol .company-record-section { padding:40px 24px 56px; }
 body.leiu-design-petrol .leiu-lei-profile__header { align-items:flex-start; flex-direction:column; gap:24px; }
 body.leiu-design-petrol .leiu-lei-profile__heading h1 { font-size:30px; }
 body.leiu-design-petrol .leiu-lei-profile__details { grid-template-columns:1fr; gap:24px; }
 body.leiu-design-petrol .leiu-lei-profile__section { padding:24px; }
 body.leiu-design-petrol .leiu-lei-profile__summary { gap:20px; padding:22px; grid-template-columns:1fr; }
 body.leiu-design-petrol .leiu-lei-profile__summary>div { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
 body.leiu-design-petrol .leiu-lei-profile__summary dd { margin:0; font-size:15px; }
 body.leiu-design-petrol .leiu-lei-profile__identity { gap:8px 12px; }
 body.leiu-design-petrol .leiu-lei-profile__identity code { font-size:16px; }
 body.leiu-design-petrol .leiu-lei-profile__fact { gap:16px; }
 body.leiu-design-petrol.company-page #hero-title { font-size:28px; }
}
@media(max-width:560px) {
 body.leiu-design-petrol .article-code-structure { padding:24px; }
 body.leiu-design-petrol .article-code-structure :is(.struct-chars,.struct-pills,.struct-info-slot) { display:none; }
 body.leiu-design-petrol .article-code-structure .struct-mobile { display:grid; gap:20px; margin:0; }
 body.leiu-design-petrol .article-code-structure .struct-mobile-item { display:block; }
 body.leiu-design-petrol .article-code-structure .struct-mobile-dot { display:none; }
 body.leiu-design-petrol .article-code-structure .struct-mobile-title { color:#294340; font-size:15px; font-weight:550; margin-bottom:4px; }
 body.leiu-design-petrol .article-code-structure .struct-mobile-desc { color:#5b706e; font-size:14px; line-height:1.5; }
}
@media(prefers-reduced-motion:reduce) { body.leiu-design-petrol .article-code-structure .struct-info { transition:none; } }
/* Some authored articles already wrap the native structure block. */
body.leiu-design-petrol .article-code-structure .article-code-structure { margin:0; padding:0; background:transparent; border-radius:0; }

/* Mobile: keep support concise and portraits proportionate to their copy. */
@media(max-width:620px) {
 body.leiu-design-petrol .support-card { padding:24px; gap:16px; }
 body.leiu-design-petrol .support-card img.support-art { width:160px; height:107px; }
 body.leiu-design-petrol .support-card h3 { margin-bottom:8px; font-size:21px; }
 body.leiu-design-petrol .support-card p { font-size:15px; line-height:1.55; }
 body.leiu-design-petrol .support-links a,
 body.leiu-design-petrol .support-links button { padding:14px 0; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:96px minmax(0,1fr); gap:18px; padding:22px; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { width:96px; height:154px; min-height:0; max-height:none; align-self:center; }
 body.leiu-design-petrol .about-person-feature { grid-template-columns:minmax(0,1fr); gap:16px; }
 body.leiu-design-petrol .about-person-feature > img { width:100%; height:210px; min-height:0; object-position:50% 24%; }
 body.leiu-design-petrol .about-person-feature figcaption { padding:0 2px 2px; }
}

/* Article-body FAQs use the same quiet pill language as the current site. */
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline { font-family:Inter,Arial,sans-serif; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__items { display:grid; gap:12px; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__item { overflow:hidden; border:0; border-radius:20px; background:#f3f7f8; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__item summary { min-height:68px; padding:18px 20px; color:#18282b; font:500 17px/1.45 Inter,Arial,sans-serif; letter-spacing:-.015em; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__item summary:hover { color:#265959; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__item summary::after { width:26px; height:26px; border-color:#d6e1e2; background-image:linear-gradient(#526166,#526166),linear-gradient(#526166,#526166); }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__item[open] summary::after { border-color:#265959; background-color:#265959; background-image:linear-gradient(#fff,#fff); }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__answer { padding:0 52px 22px 20px; color:#526166; font:400 16px/1.65 Inter,Arial,sans-serif; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__answer :is(p,li,strong) { font-family:inherit; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__answer p:has(a) strong { font-weight:400; }
body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__answer :is(a strong,strong a) { font-weight:600; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:620px) {
 body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__item summary { min-height:62px; padding:16px; font-size:16px; }
 body.leiu-design-petrol.article-page .lu-faq.is-variant-inline .lu-faq__answer { padding:0 40px 20px 16px; font-size:15px; }
}

/* September visual review: one quiet hierarchy across the public pages. */
body.leiu-design-petrol .intro-cards .card h3,
html[data-heading-weight="550"] body.leiu-design-petrol .intro-cards .card h3 { font-weight:500; }
body.leiu-design-petrol .intro-cards .card-copy > p + p,
html[data-type-scale="compact"] body.leiu-design-petrol .intro-cards .card-copy > p + p { margin-top:0; }
body.leiu-design-petrol .intro-cards .card { gap:25px; }
body.leiu-design-petrol .intro-stat { background:var(--petrol-canvas); box-shadow:inset 0 1px rgb(255 255 255 / 12%),0 18px 34px -25px #0b252a80; }
body.leiu-design-petrol .intro-stat strong { font-size:clamp(48px,4.5vw,60px); font-weight:550; letter-spacing:-.055em; color:#f4f8f8; }
body.leiu-design-petrol .intro-stat span { font-size:16px; font-weight:500; letter-spacing:0; color:#b6cdcb; }
body.leiu-design-petrol .review-arrows .icon-button,
body.leiu-design-petrol .article-arrows .icon-button { width:38px; height:38px; min-width:38px; min-height:38px; border-radius:8px; }
body.leiu-design-petrol .review-arrows .icon-button svg,
body.leiu-design-petrol .article-arrows .icon-button svg { width:17px; height:17px; stroke-width:1.9; }
body.leiu-design-petrol .support-card .support-links { margin-top:4px; }
body.leiu-design-petrol .question-answer p:has(a) strong { font-weight:400; }
body.leiu-design-petrol .question-answer p:has(a) :is(a,a strong,strong a) { font-weight:500; text-decoration:underline; text-underline-offset:3px; }
/* Approved compact portrait quotes: shared geometry on homepage and About. */
html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote,
body.leiu-design-petrol .about-person-feature { display:grid; grid-template-columns:144px minmax(0,1fr); grid-template-rows:auto; grid-template-areas:none; align-items:center; align-content:center; gap:24px; padding:24px; min-height:0; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo,
body.leiu-design-petrol .about-person-feature > img { grid-area:auto; width:100%; height:216px; min-height:0; max-height:none; object-fit:cover; object-position:50% 32%; border-radius:12px; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy,
body.leiu-design-petrol .about-person-feature figcaption { display:flex; flex-direction:column; justify-content:center; align-self:center; gap:0; grid-area:auto; position:static; min-width:0; min-height:0; height:auto; padding:0; }
html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy blockquote,
body.leiu-design-petrol .about-person-feature blockquote { margin:0; padding:0; border:0; font:400 15px/1.5 Inter,Arial,sans-serif; letter-spacing:-.015em; text-wrap:pretty; }
html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline,
body.leiu-design-petrol .about-person-feature figcaption > p { display:flex; flex-direction:row; flex-wrap:wrap; align-items:baseline; justify-content:start; gap:3px 8px; margin:18px 0 0; font:400 11px/1.4 Inter,Arial,sans-serif; }
html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline strong,
body.leiu-design-petrol .about-person-feature strong { font-size:12px; font-weight:550; }
body.leiu-design-petrol .about-person-feature { grid-template-columns:190px minmax(0,1fr); }
body.leiu-design-petrol .about-person { padding:16px 24px; }
body.leiu-design-petrol .about-person h3 { font-size:20px; }
body.leiu-design-petrol .about-person a { padding-top:4px; margin-top:0; }
body.leiu-design-petrol .about-person-feature > img { height:266px; }
body.leiu-design-petrol .about-person-feature blockquote { font-size:17px; }
html[data-quote-layout="inline"] body.leiu-design-petrol .quote-watermark { position:absolute; top:14px; right:18px; width:94px; height:78px; opacity:.065; z-index:-1; }
body.leiu-design-petrol .client-card { min-height:284px; }
body.leiu-design-petrol .review-slide { justify-content:center; }
/* One quotation-mark shape and explicit desktop geometry; mobile remains inline. */
body.leiu-design-petrol .about-quote-mark { font-size:0; width:94px; height:78px; top:14px; right:18px; opacity:.065; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'%3E%3Cpath d='M8 53C8 27 23 10 49 6v15C34 25 27 34 26 45h25v49H8V53Zm61 0C69 27 84 10 110 6v15C95 25 88 34 87 45h25v49H69V53Z'/%3E%3C/svg%3E") center/contain no-repeat; }
@media(min-width:621px) {
 html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { column-gap:20px; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline,body.leiu-design-petrol .about-person-feature figcaption > p { flex-direction:column; align-items:flex-start; gap:2px; }
 body.leiu-design-petrol .about-person { padding-block:12px; }
 body.leiu-design-petrol .about-person-feature > img { height:252px; }
 body.leiu-design-petrol .about-team { padding-block:64px; }
}
body.leiu-design-petrol .review-slide blockquote { font-size:clamp(20px,2vw,27px); line-height:1.38; font-weight:450; max-width:31ch; }
@media(max-width:620px) {
 html[data-quote-layout="inline"] body.leiu-design-petrol .team-quote { grid-template-columns:92px minmax(0,1fr); grid-template-rows:auto; grid-template-areas:none; min-height:0; padding:16px; gap:14px; align-items:center; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .team-photo { grid-area:auto; width:92px; height:160px; min-height:0; max-height:none; object-fit:cover; object-position:50% 32%; border-radius:10px; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy { grid-area:auto; display:grid; grid-template-rows:1fr auto 1fr; min-width:0; min-height:0; height:160px; padding:0; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .team-copy blockquote { grid-area:auto; grid-row:2; font-size:13.5px; line-height:1.48; font-weight:400; margin:0; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline { grid-area:auto; grid-row:3; align-self:end; display:flex; flex-wrap:wrap; gap:3px 6px; margin:0; font-size:10px; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .quote-byline strong { font-size:10.5px; font-weight:550; }
 html[data-quote-layout="inline"] body.leiu-design-petrol .quote-watermark { position:absolute; top:9px; right:12px; width:82px; height:68px; margin:0; opacity:.075; z-index:-1; }
 body.leiu-design-petrol .client-card { min-height:0; padding:84px 24px 24px; }
 body.leiu-design-petrol .review-slide { gap:20px; }
 body.leiu-design-petrol .review-arrows .icon-button { top:16px; bottom:auto; transform:none; }
 body.leiu-design-petrol .review-arrows .icon-button:first-child { left:auto; right:64px; }
 body.leiu-design-petrol .review-arrows .icon-button:last-child { left:auto; right:18px; }
 body.leiu-design-petrol .about-person-feature { grid-template-columns:92px minmax(0,1fr); align-items:center; gap:14px; padding:16px; }
 body.leiu-design-petrol .about-person-feature > img { width:92px; height:160px; min-height:0; object-fit:cover; object-position:50% 32%; border-radius:10px; }
 body.leiu-design-petrol .about-person-feature figcaption { min-width:0; padding:0; height:160px; display:grid; grid-template-rows:1fr auto 1fr; }
 body.leiu-design-petrol .about-person-feature blockquote { grid-row:2; font-size:13.5px; line-height:1.48; margin:0; }
 body.leiu-design-petrol .about-quote-mark { top:9px; right:12px; width:82px; height:68px; font-size:0; opacity:.075; }
 body.leiu-design-petrol .about-person-feature figcaption > p { grid-row:3; align-self:end; gap:3px 6px; margin:0; font-size:10px; }
 body.leiu-design-petrol .about-person-feature strong { font-size:10.5px; }
 body.leiu-design-petrol .support-card { min-height:0; gap:12px; padding:21px; }
 body.leiu-design-petrol .support-card img.support-art { width:137px; height:91px; }
 body.leiu-design-petrol .support-links :is(a,button) { padding:11px 0; }
}