/*!
 * Lumi Eyes design. Ported from the approved v2 canvas (November 2026).
 * Light public pages; dark grey professional and partner pages (body.is-dark).
 * Every colour comes from the tokens below, so a section works on both sides.
 */
:root{
  --bg:#FFFFFF;--p:#F4F5F7;--p2:#EDEFF2;--line:#E3E5EA;--ink:#0B0D12;--mid:#3A3F4A;--soft:#5C6270;--faint:#6B7180;--dim:#B4B8C1;
  --lilac:#F3F1FD;--lilac-2:#EAE6FB;--lilac-line:#D9D3F3;--lilac-ink:#3F3B5E;
  --violet:#8A7CFF;--aqua:#5CD0DC;--amber:#B4651E;
  --btn:#0B0D12;--btn-ink:#FFFFFF;--btn-hover:#2E3340;--ghost:rgba(11,13,18,.05);--ghost-line:rgba(11,13,18,.22);
  --m:clamp(20px,4vw,72px);--sec:clamp(112px,12vw,200px);
  --f:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--wm:'Questrial','Manrope',sans-serif;
  --bad-ink:#8A3A47;--bad-line:#F0C9CD;--sv-top:#CDD1D9;--sv-skin:#EEF0F4;--sv-line:#C9CDD5;--sv-needle:#3A3F4A;--sv-cell:#E2E6EE;--sv-nuc:#D5DEF0;
  color-scheme:light;
}
body.is-dark,.is-dark-scope{
  --bg:#111214;--p:#1A1B1F;--p2:#202125;--line:#2A2C31;--ink:#F3F4F8;--mid:#C6C8CE;--soft:#9EA1A8;--faint:#80838C;--dim:#40424A;
  --lilac:#1A1B1F;--lilac-2:#202125;--lilac-line:#34363C;--lilac-ink:#C6C8CE;
  --amber:#F0B37E;
  --btn:#F2F3F5;--btn-ink:#111214;--btn-hover:#FFFFFF;--ghost:rgba(255,255,255,.08);--ghost-line:rgba(255,255,255,.22);
  --bad-ink:#F3A6AE;--bad-line:#5A3439;--sv-top:#3A3D44;--sv-skin:#24262B;--sv-line:#4A4D55;--sv-needle:#C6C8CE;--sv-cell:#2A3140;--sv-nuc:#323B4E;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;z-index:200;background:var(--btn);color:var(--btn-ink);padding:12px 16px;border-radius:12px;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
::selection{background:var(--ink);color:var(--bg)}
button{font-family:inherit;color:inherit}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;background:var(--btn);color:var(--btn-ink)!important;text-decoration:none;font:600 15px/1 var(--f);border:0;cursor:pointer;transition:background .2s ease,transform .2s ease;white-space:nowrap}
.btn:hover{background:var(--btn-hover);transform:translateY(-1px)}
.btn.ghost{background:var(--ghost);color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ghost-line)}
.btn.ghost:hover{background:var(--ghost-line)}
.btn.sm{min-height:40px;padding:0 18px;font-size:14px}
.btn i{display:none}
.acts{display:flex;gap:12px;flex-wrap:wrap}

/* shared type */
.h2{font-size:clamp(40px,4.4vw,68px);font-weight:300;letter-spacing:-.045em;line-height:1}
.lede{margin-top:20px;color:var(--soft);font-size:19px;max-width:52ch}
.cap{margin-top:20px;font-size:13px;color:var(--faint)}
.sec{padding:var(--sec) var(--m) 0}
.panel{background:var(--p);border-radius:32px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}
.tbc{color:var(--amber)}
.lumi-empty{padding:24px var(--m);color:var(--faint)}

/* header */
.lh{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--bg)}
.lh-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px var(--m)}
.wm{font-family:var(--wm);font-size:26px;letter-spacing:-.02em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:baseline;gap:12px}
.wm small{font-family:var(--f);font-size:13px;letter-spacing:0;color:var(--mid);border:1px solid var(--ghost-line);border-radius:999px;padding:3px 10px}
.lh-nav ul{display:flex;gap:36px;list-style:none;margin:0;padding:0}
.lh-nav a{text-decoration:none;font-size:14px;color:var(--mid)}
.lh-nav a:hover,.lh-nav a[aria-current]{color:var(--ink)}
.lh-burger{display:none;width:48px;height:48px;border:0;background:var(--ghost);border-radius:50%;cursor:pointer;flex-direction:column;gap:6px;align-items:center;justify-content:center}
.lh-burger span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .25s ease}
.lh-burger[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.lh-burger[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.lmenu{position:fixed;inset:0;top:93px;z-index:19;background:var(--bg);padding:24px var(--m) 40px;display:flex;flex-direction:column;gap:24px;overflow:auto}
.lmenu ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lmenu a:not(.btn){display:block;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:28px;font-weight:300;letter-spacing:-.03em}
.subnav{display:flex;align-items:center;gap:32px;flex-wrap:wrap;padding:16px var(--m);border-bottom:1px solid var(--line)}
.subnav .lab{font-size:13px;color:var(--faint)}
.subnav a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;color:var(--soft);padding:6px 0;border-bottom:2px solid transparent;min-height:44px}
.subnav a:hover{color:var(--ink)}
.subnav a.on{color:var(--ink);border-bottom-color:var(--ink)}

/* footer */
.lf{padding:var(--sec) var(--m) 40px;color:var(--soft);font-size:13px}
.lf-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:96px}
.lf-b{grid-column:1/6}.lf-b p{margin-top:16px;max-width:40ch;font-size:15px}
.lf-c{grid-column:span 3;display:flex;flex-direction:column;gap:10px;font-size:15px}
.lf-c h2{font-size:13px;font-weight:400;color:var(--faint);margin-bottom:4px}
.lf-c a{color:var(--mid);text-decoration:none}.lf-c a:hover{color:var(--ink)}
.lf-big{font-family:var(--wm);font-size:clamp(80px,18vw,300px);letter-spacing:-.05em;line-height:.8;color:var(--p2);margin-bottom:40px}
.lf-row{display:flex;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}
.lf-row nav{display:flex;gap:16px;flex-wrap:wrap}
.lf-row a,.lf-row button{color:var(--soft);background:none;border:0;padding:0;font:inherit;cursor:pointer}

/* hero (home) */
.x-home-hero{position:relative;height:clamp(640px,62vw,900px);overflow:hidden;background:var(--p)}
.x-home-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 22%}
.x-home-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 72%,transparent) 34%,transparent 62%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.x-home-hero .txt{position:absolute;left:var(--m);bottom:120px;max-width:720px;display:flex;flex-direction:column;gap:28px}
.x-home-hero h1{font-size:clamp(72px,10vw,168px);font-weight:200;letter-spacing:-.06em;line-height:.88}
.x-home-hero .txt p{font-size:21px;color:var(--mid);max-width:34ch}
.x-home-hero .rail{position:absolute;right:var(--m);bottom:120px;display:flex;flex-direction:column;gap:24px;text-align:right;margin:0}
.x-home-hero .rail dd{margin:0;font-size:13px;color:var(--soft)}
.x-home-hero .rail strong{display:block;font-size:34px;font-weight:300;letter-spacing:-.04em;color:var(--ink)}

/* hero (pages) */
.x-page-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:32px var(--m) 0;align-items:stretch}
.x-page-hero .t{grid-column:1/7;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:80px 0}
.x-page-hero .tag{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--mid)}
.x-page-hero h1{font-size:clamp(68px,8.6vw,140px);font-weight:200;letter-spacing:-.065em;line-height:.9}
.x-page-hero .sub{font-size:22px;color:var(--mid);max-width:32ch;line-height:1.45}
.x-page-hero .pic{grid-column:7/13;min-height:640px;border-radius:32px;overflow:hidden;background:var(--p);position:relative}
.x-page-hero .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.x-page-hero .pic.panel{display:flex;align-items:center;justify-content:center;padding:48px}
.x-page-hero.v-side{align-items:end;padding-top:96px}
.x-page-hero.v-side .t{grid-column:1/8;padding:0}
.x-page-hero.v-side .r{grid-column:8/13;display:flex;flex-direction:column;gap:24px;padding-bottom:14px}
.x-page-hero.v-side .r p{color:var(--mid);font-size:19px}
.eye{width:100%;color:var(--ink)}

/* statement */
.x-statement{padding:var(--sec) var(--m) 0;max-width:1240px}
.x-statement p{font-size:clamp(30px,3.6vw,56px);font-weight:300;letter-spacing:-.035em;line-height:1.15;color:var(--faint)}
.x-statement span{color:var(--ink)}

/* concerns with eye */
.x-concern-tabs .wrap2{margin-top:64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-concern-tabs .rows{grid-column:1/7;border-top:1px solid var(--line)}
.x-concern-tabs .rows button{width:100%;display:flex;align-items:center;gap:22px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:36px 0;font-size:clamp(40px,5vw,84px);font-weight:200;letter-spacing:-.055em;line-height:1;cursor:pointer;color:var(--dim);transition:color .3s ease}
.x-concern-tabs .rows button:hover,.x-concern-tabs .rows button[aria-pressed=true]{color:var(--ink)}
.x-concern-tabs .rows i{width:14px;height:14px;border-radius:50%;flex:none;background:var(--c);opacity:.25;transition:opacity .3s ease}
.x-concern-tabs .rows [aria-pressed=true] i{opacity:1}
.x-concern-tabs .side{grid-column:8/13}
.x-concern-tabs .panel-in{display:flex;flex-direction:column;gap:24px}
.x-concern-tabs .side p{color:var(--mid);font-size:19px}
.x-concern-tabs .side .how{color:var(--soft);font-size:15px;border-top:1px solid var(--line);padding-top:18px}

/* skin diagram */
.x-diagram .panel{margin-top:64px;padding:48px}

/* bleed */
.x-bleed{position:relative;height:clamp(480px,57vw,820px);overflow:hidden;margin-top:var(--sec);background:var(--p)}
.x-bleed img{width:100%;height:100%;object-fit:cover}
.x-bleed .cap2{position:absolute;left:var(--m);bottom:72px;max-width:560px}
.x-bleed.s-right .cap2{left:auto;right:var(--m);text-align:right}
.x-bleed h2{font-size:clamp(40px,4.6vw,72px);font-weight:300;letter-spacing:-.045em;line-height:1}
.x-bleed p{margin-top:16px;font-size:18px}
.x-bleed.t-light .cap2{color:#fff}.x-bleed.t-light p{color:#E4E5E9}
.x-bleed.t-dark .cap2{color:#0B0D12}.x-bleed.t-dark p{color:#3A3F4A}
.x-bleed.t-card .cap2{background:rgba(255,255,255,.9);color:#0B0D12;border-radius:24px;padding:28px 32px;max-width:480px}
.x-bleed.t-card h2{font-size:clamp(28px,3vw,44px)}
.x-bleed.t-card p{color:#3A3F4A;font-size:17px}

/* stepper */
.x-stepper .wrap2{margin-top:72px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch}
.x-stepper .list{grid-column:1/6;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.x-stepper .list button{position:relative;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:32px 0 32px 28px;cursor:pointer;display:flex;flex-direction:column;gap:8px;color:var(--dim);transition:color .3s ease}
.x-stepper .list button[aria-pressed=true],.x-stepper .list button:hover{color:var(--ink)}
.x-stepper .w{font-size:clamp(36px,4vw,64px);font-weight:200;letter-spacing:-.05em;line-height:1}
.x-stepper .s{font-size:15px}
.x-stepper .bar{position:absolute;left:0;top:32px;bottom:32px;width:2px;border-radius:2px;background:transparent;transition:background .3s ease}
.x-stepper [aria-pressed=true] .bar{background:var(--c)}
.x-stepper .stage{grid-column:6/13;background:var(--p);border-radius:32px;padding:44px}
.x-stepper .panel-in{display:flex;flex-direction:column;gap:28px;height:100%}
.x-stepper .stage p{color:var(--mid);font-size:19px;max-width:48ch}
.x-stepper .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:22px}
.x-stepper .foot span{font-size:14px;color:var(--soft)}
.x-stepper .dots{display:flex;gap:8px}.x-stepper .dots i{width:40px;height:3px;border-radius:3px;background:var(--dim)}

/* pair */
.x-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:64px}
.x-pair-row .half{position:relative;height:clamp(480px,61vw,880px);overflow:hidden;background:var(--p);text-decoration:none;color:#0B0D12}
.x-pair-row .half img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}
.x-pair-row a.half:hover img{transform:scale(1.03)}
.x-pair-row .lab{position:absolute;left:0;right:0;bottom:0;padding:48px;background:linear-gradient(0deg,rgba(255,255,255,.94),rgba(255,255,255,0));display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.x-pair-row .h3{display:block;line-height:1.05;font-size:40px;font-weight:300;letter-spacing:-.04em}
.x-pair-row .d{display:block;margin-top:8px;color:#3A3F4A}
.x-pair-row .n{font-size:80px;font-weight:200;letter-spacing:-.06em;line-height:.9}
.x-pair-row .n small{font-size:20px;letter-spacing:0;color:#3A3F4A;margin-left:6px}

/* scale */
.x-scale .scale{position:relative;height:300px;margin:96px 110px 0}
.x-scale .track{position:absolute;left:0;right:0;top:170px;height:2px;background:var(--line)}
.x-scale .tick{position:absolute;top:186px;font-size:13px;color:var(--faint);transform:translateX(-50%)}
.x-scale .tick.unit{top:206px}
.x-scale .mk{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:200px;text-align:center;background:none;border:0;cursor:pointer;padding:0;color:var(--faint)}
.x-scale .mk.up{top:-80px}.x-scale .mk.up .stem{height:140px}
.x-scale .mk strong{font-size:19px;font-weight:500;transition:color .25s ease}
.x-scale .mk[aria-pressed=true] strong{color:var(--ink)}
.x-scale .mk .v{font-size:14px;color:var(--soft)}
.x-scale .stem{width:2px;height:60px;background:var(--c)}
.x-scale .pt{width:22px;height:22px;border-radius:50%;background:var(--c);transition:transform .25s ease,box-shadow .25s ease}
.x-scale .mk:hover .pt{transform:scale(1.2)}
.x-scale .mk[aria-pressed=true] .pt{box-shadow:0 0 0 6px var(--bg),0 0 0 8px var(--c)}
.x-scale .pd{margin-top:40px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-scale .pd .im{grid-column:1/7;height:560px;overflow:hidden;border-radius:32px;background:var(--p)}
.x-scale .pd .im img{width:100%;height:100%;object-fit:cover}
.x-scale .pd .t{grid-column:8/13}
.x-scale .pd h3{margin-bottom:28px;font-size:clamp(44px,4.6vw,72px);font-weight:200;letter-spacing:-.055em;line-height:1}
.x-scale .pd dl{margin-bottom:32px;border-top:1px solid var(--line)}
.x-scale .pd dl div{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.x-scale .pd dt{color:var(--soft)}

/* series map */
.x-series-map .grid3{margin-top:64px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}
.x-series-map .col{background:var(--p);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:10px}
.x-series-map h3{font-size:13px;font-weight:500;color:var(--faint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}
.x-series-map .chip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--p2);border-radius:16px;padding:16px 18px;text-decoration:none;transition:background .2s ease}
.x-series-map .chip:hover{background:var(--line)}
.x-series-map .chip b{font-weight:500;font-size:18px;display:flex;align-items:center;gap:12px}
.x-series-map .chip span{font-size:14px;color:var(--soft);text-align:right}

/* photo band */
.x-image-band{margin:var(--sec) var(--m) 0;display:grid;gap:16px;height:clamp(420px,44vw,640px)}
.x-image-band figure{border-radius:32px;overflow:hidden;background:var(--p);position:relative}
.x-image-band img{width:100%;height:100%;object-fit:cover}
.x-image-band figcaption{position:absolute;left:24px;bottom:20px;max-width:calc(100% - 48px);font-size:14px;color:#2C3039;background:rgba(255,255,255,.88);border-radius:14px;padding:10px 14px}
.x-image-band .ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:32px;background:repeating-linear-gradient(135deg,var(--p) 0 14px,var(--p2) 14px 28px);color:var(--faint);font-size:14px}
.x-image-band .ph b{font-weight:500;color:var(--amber);font-size:13px;letter-spacing:.04em;text-transform:uppercase}

/* timeline */
.x-timeline .panel{margin-top:64px;padding:48px}
.x-timeline .line{position:relative;height:96px;list-style:none;margin:0;padding:0}
.x-timeline .line::before{content:"";position:absolute;left:4%;right:4%;top:20px;height:2px;background:var(--line)}
.x-timeline .line li{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}
.x-timeline .line i{width:22px;height:22px;border-radius:6px;transform:translateY(9px) rotate(45deg);background:var(--ink)}
.x-timeline .line li:last-child i{background:var(--bg);box-shadow:inset 0 0 0 2px var(--violet)}
.x-timeline .line span{font-size:13px;color:var(--soft);white-space:nowrap;margin-top:12px}
.tabs{display:flex;gap:40px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.tabs button{background:none;border:0;padding:0 0 18px;margin-bottom:-1px;font-size:clamp(20px,1.7vw,26px);font-weight:300;letter-spacing:-.02em;cursor:pointer;color:var(--dim);border-bottom:2px solid transparent;transition:color .25s ease,border-color .25s ease;min-height:44px}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}
.x-timeline .tabs{margin-top:36px}
.x-timeline .note{margin-top:28px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.x-timeline .note h3{grid-column:1/5;font-size:40px;font-weight:200;letter-spacing:-.05em;line-height:1}
.x-timeline .note p{grid-column:5/13;color:var(--mid);font-size:19px}
.x-timeline .keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}
.x-timeline .keys div{border-top:1px solid var(--line);padding-top:18px}
.x-timeline .keys h4{font-size:18px;font-weight:500}
.x-timeline .keys p{margin-top:6px;color:var(--soft);font-size:15px}

/* two lists */
.x-two-lists .two{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.x-two-lists .box{border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:18px}
.x-two-lists .box.yes{background:color-mix(in srgb,#5CD0DC 12%,var(--bg))}
.x-two-lists .box.no{background:color-mix(in srgb,#F08A94 12%,var(--bg))}
.x-two-lists h3{font-size:26px;font-weight:300;letter-spacing:-.02em}
.x-two-lists ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.x-two-lists li{display:flex;gap:14px;align-items:baseline}
.x-two-lists li::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;transform:translateY(-2px);background:#5CD0DC}
.x-two-lists .no li::before{background:#F08A94}
.x-two-lists .n{color:var(--soft);font-size:15px}

/* authorised distributor */
.x-lpg-band{overflow:clip;margin-top:var(--sec);background:var(--lilac);padding:var(--sec) var(--m)}
.x-lpg-band .top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-lpg-band .t{grid-column:1/8;display:flex;flex-direction:column;gap:24px}
.x-lpg-band h2{font-size:clamp(48px,5.6vw,92px);font-weight:200;letter-spacing:-.06em;line-height:.95}
.x-lpg-band .t p{color:var(--lilac-ink);font-size:19px;max-width:52ch}
.x-lpg-band .seal{grid-column:9/13;width:100%;max-width:440px;justify-self:end;animation:lumi-spin 60s linear infinite}
@keyframes lumi-spin{to{transform:rotate(360deg)}}
.x-lpg-band .pillars{margin-top:96px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.x-lpg-band .pillars div{border-top:1px solid var(--lilac-line);padding-top:20px}
.x-lpg-band .pillars h3{font-size:24px;font-weight:300;letter-spacing:-.02em}
.x-lpg-band .pillars p{margin-top:8px;color:var(--lilac-ink);font-size:15px}
:is(.x-lpg-band,.x-route) .chain{margin-top:80px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}
:is(.x-lpg-band,.x-route) .nd{background:var(--lilac-2);border-radius:24px;padding:24px;min-height:150px;display:flex;flex-direction:column;gap:6px}
:is(.x-lpg-band,.x-route) .nd.on{background:color-mix(in srgb,var(--violet) 22%,var(--lilac-2));box-shadow:inset 0 0 0 2px var(--violet)}
:is(.x-lpg-band,.x-route) .nd .s{font-size:13px;color:var(--lilac-ink)}
:is(.x-lpg-band,.x-route) .nd h3{font-size:22px;font-weight:400}
:is(.x-lpg-band,.x-route) .nd p{color:var(--lilac-ink);font-size:14px}
:is(.x-lpg-band,.x-route) .branch{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;margin-top:12px}
:is(.x-lpg-band,.x-route) .bad{grid-column:3;display:flex;gap:12px;border:1px dashed var(--bad-line);border-radius:20px;padding:16px;background:color-mix(in srgb,#F08A94 6%,var(--lilac))}
:is(.x-lpg-band,.x-route) .bad p{font-size:14px;color:var(--bad-ink)}
:is(.x-lpg-band,.x-route) .bad strong{display:block;font-weight:600}
:is(.x-lpg-band,.x-route) .check{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(.x-lpg-band,.x-route) .c{background:var(--lilac-2);border-radius:28px;padding:40px}
:is(.x-lpg-band,.x-route) .c h3{font-size:28px;font-weight:300;letter-spacing:-.03em;margin-bottom:18px}
:is(.x-lpg-band,.x-route) .c ol{list-style:decimal;margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px;color:var(--lilac-ink)}

/* questions */
.x-qa{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.x-qa .h2{grid-column:1/6}
.x-qa .qs{grid-column:6/13}
.x-qa details{border-bottom:1px solid var(--line)}
.x-qa details:first-child{border-top:1px solid var(--line)}
.x-qa summary{font-size:21px;padding:26px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px}
.x-qa summary::-webkit-details-marker{display:none}
.x-qa summary::after{content:"+";font-size:26px;font-weight:200;transition:transform .25s ease}
.x-qa details[open] summary::after{transform:rotate(45deg)}
.x-qa details p{max-width:58ch;margin:0 0 26px;color:var(--soft)}

/* practitioner band */
.x-pro-band{margin:var(--sec) var(--m) 0;border-radius:32px;background:#141518;color:#F2F3F5;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;--btn:#F2F3F5;--btn-ink:#141518;--btn-hover:#fff}
body.is-dark .x-pro-band{box-shadow:inset 0 0 0 1px var(--line)}
.x-pro-band .t{padding:80px 64px;display:flex;flex-direction:column;gap:22px;justify-content:center}
.x-pro-band h2{font-size:clamp(44px,4.8vw,72px);font-weight:200;letter-spacing:-.055em;line-height:.98}
.x-pro-band p{color:#A2A5AD;font-size:18px}
.x-pro-band ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.x-pro-band li{display:flex;gap:12px;align-items:center;color:#D8DADF}
.x-pro-band li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet)}
.x-pro-band .im{background:#E3E4E8;min-height:560px;position:relative}
.x-pro-band .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* call to action */
.x-cta{margin:var(--sec) var(--m) 0;border-radius:36px;padding:96px 72px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end;background:var(--lilac)}
.x-cta h2{grid-column:1/8;font-size:clamp(44px,5vw,80px);font-weight:200;letter-spacing:-.055em;line-height:.98}
.x-cta .r{grid-column:8/13;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.x-cta .r p{color:var(--lilac-ink);font-size:18px}

/* ---------- set 2 ---------- */
.wrap2>*,.grid>*{min-width:0}
.x-cards .im,.pc .im,.pm .im,.x-results .ba>div{position:relative;overflow:hidden}
.x-cards .im img,.pc .im img,.pm .im img,.x-results .ba img{position:absolute;inset:0}
body.tint-lilac .x-cta,body.tint-lilac .x-lpg-band{background:var(--p)}
body.tint-lilac{--bg:var(--lilac);--p:var(--lilac-2);--p2:#E2DCF8;--line:var(--lilac-line)}
.is-dark-scope{background:var(--bg);color:var(--ink)}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--faint);margin:0}
.crumbs a{text-decoration:none;color:var(--soft)}.crumbs a:hover{color:var(--ink)}
.kick{font-size:13px;color:var(--faint);display:flex;align-items:center;gap:8px}
.pts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pts li{position:relative;padding:12px 0 12px 20px;border-top:1px solid var(--line);font-size:15px}
.pts li::before{content:"";position:absolute;left:0;top:calc(12px + .6em);width:7px;height:7px;border-radius:50%;background:var(--aqua);transform:translateY(-50%)}
.licon{width:24px;height:24px;flex:none}
.ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--p) 0 14px,var(--p2) 14px 28px);color:var(--faint);font-size:13px}
.ph b{font-weight:500;color:var(--amber);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}
.btn.sm.ghost{min-height:36px}

/* page hero extras */
.x-page-hero .cr{grid-column:1/13;padding-top:4px}
.x-page-hero.v-side .cr{margin:-56px 0 8px}
.x-page-hero .links{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line);max-width:560px}
.x-page-hero .links a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}
.x-page-hero .links span{font-size:clamp(22px,2vw,30px);font-weight:300;letter-spacing:-.03em}
.x-page-hero .links small{font-size:13px;color:var(--faint);text-align:right}
.x-page-hero .links a:hover span{color:var(--violet)}
.x-page-hero .meta{display:flex;flex-direction:column;gap:6px;font-size:14px}
.x-page-hero .meta div{display:flex;gap:8px}.x-page-hero .meta dt{font-weight:600}.x-page-hero .meta dd{margin:0;color:var(--soft)}
.x-page-hero .pic.bare{background:none;padding:0}
.x-page-hero .pic svg{width:100%;max-width:560px;margin:auto}
.x-page-hero .pic .seal{animation:lumi-spin 60s linear infinite;max-width:440px}

/* stepper extras */
.x-stepper.numbered .list button{flex-direction:row;align-items:baseline;gap:18px;flex-wrap:wrap}
.x-stepper .no{font-size:13px;color:var(--faint);width:28px}
.x-stepper.numbered .s{display:none}
.x-stepper .stage h3{font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:-.035em;line-height:1.05}
.x-stepper .stage .pts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-stepper .stage .pts li{background:var(--bg);border:0;border-radius:14px;padding:14px 16px 14px 34px}.x-stepper .stage .pts li::before{left:16px;top:calc(14px + .6em)}

/* call to action extras */
.x-cta.tick{grid-template-columns:auto 1fr;column-gap:40px;row-gap:16px;align-items:center;padding:56px 72px}
.x-cta.tick .ic{grid-row:1/3}
.x-cta.tick h2{grid-column:2;font-size:clamp(36px,3.4vw,56px)}
.x-cta.tick .r{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px 24px}
.x-cta.tick .r p{flex:1 1 360px;max-width:56ch}
.x-cta .ic{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--violet);color:var(--aqua)}
.x-cta .ic .licon{width:44px;height:44px}

/* products */
.x-products .tabs{margin-top:40px}
.x-products .grid{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.x-products .grid.n-3{grid-template-columns:repeat(3,minmax(0,1fr))}.x-products .grid.n-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-products.l-mini .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.x-products.l-feature .grid{grid-template-columns:2fr 1fr;align-items:stretch}
.x-products .big{position:relative;border-radius:28px;overflow:hidden;background:var(--p);min-height:520px}
.x-products .big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.x-products .big figcaption{position:absolute;left:24px;bottom:20px;font-size:14px;color:#2C3039;background:rgba(255,255,255,.88);border-radius:14px;padding:10px 14px}
.x-products .stack{display:flex;flex-direction:column;gap:12px}
.pc,.pm{background:var(--p);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.pc .im{aspect-ratio:4/3;background:var(--p2)}
.pc .im img,.pm .im img{width:100%;height:100%;object-fit:cover}
.pc .bd{padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc .ar,.pm .ar{font-size:12px;color:var(--faint);display:flex;align-items:center;gap:8px}
.pc .ar .dot,.pm .ar .dot{width:8px;height:8px}
.pc h3,.pm h3{font-size:24px;font-weight:300;letter-spacing:-.025em;margin-top:4px}
.pc h3 a,.pm h3 a{text-decoration:none}
.pc .st,.pm .st{font-size:14px;color:var(--mid)}
.pc .pk,.pm .pk{font-size:13px;color:var(--faint)}
.pc .lk,.pm .lk{margin-top:auto;padding-top:14px;display:flex;gap:18px;font-size:14px}
.pc .lk a,.pm .lk a{text-underline-offset:4px;text-decoration-color:var(--dim)}
.pm{flex-direction:row;min-height:150px}
.pm .im{width:38%;flex:none;background:var(--p2)}
.pm .bd{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
[data-area][hidden]{display:none!important}

/* cards */
.x-cards .grid{margin-top:56px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.x-cards .grid.c-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-cards .grid.c-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.x-cards .card{background:var(--p);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.x-cards .im{aspect-ratio:4/3;background:var(--p2)}
.x-cards .im img{width:100%;height:100%;object-fit:cover}
.x-cards .bd{padding:24px;display:flex;flex-direction:column;gap:8px;flex:1}
.x-cards h3{font-size:24px;font-weight:300;letter-spacing:-.025em}
.x-cards h3 a{text-decoration:none}.x-cards h3 a::after{content:" →";opacity:0;transition:opacity .2s}.x-cards h3 a:hover::after{opacity:1}
.x-cards .card p{font-size:15px;color:var(--soft)}
.x-cards .tg{font-size:12px;color:var(--faint);display:flex;align-items:center;gap:8px}
.x-cards .mt{font-size:13px!important;color:var(--faint)!important}
.x-cards .lk{margin-top:auto;padding-top:8px}.x-cards .lk a{font-size:14px;text-underline-offset:4px}
.x-cards.s-icon .card,.x-cards.s-plain .card{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);padding:4px}
.x-cards.s-icon .ic{display:block;margin:24px 24px 0;color:var(--aqua)}
.x-cards.s-icon .ic .licon{width:28px;height:28px}
.x-cards.s-plain .tg{display:inline-flex;align-self:flex-start;background:var(--p2);color:var(--mid);border-radius:999px;padding:4px 10px}

/* steps */
.x-steps .grid{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:24px;border-top:1px solid var(--line)}
.x-steps li{padding-top:24px;display:flex;flex-direction:column;gap:8px}
.x-steps .no{font-size:clamp(40px,3.6vw,56px);font-weight:200;letter-spacing:-.04em;line-height:1;color:var(--dim)}
.x-steps h3{font-size:20px;font-weight:500;letter-spacing:-.01em;margin-top:8px}
.x-steps li p{font-size:15px;color:var(--soft);max-width:36ch}
.x-steps.boxed .grid{gap:0;border-bottom:1px solid var(--line)}
.x-steps.boxed li{padding:28px 24px 32px;border-left:1px solid var(--line)}.x-steps.boxed li:first-child{border-left:0;padding-left:0}
.x-steps.boxed .no{color:var(--mid)}
.x-steps.boxed h3{font-weight:400;font-size:20px}

/* rows */
.x-rows .wrap2{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.x-rows .list{grid-column:1/13;border-top:1px solid var(--line)}
.x-rows.has-card .list{grid-column:1/8}
.x-rows .list div{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
.x-rows .list dt{display:flex;align-items:center;gap:18px;font-size:clamp(36px,4vw,64px);font-weight:200;letter-spacing:-.05em;line-height:1}
.x-rows.z-small .list dt{font-size:clamp(24px,2.2vw,32px);font-weight:300;letter-spacing:-.03em}
.x-rows.z-small .list div{grid-template-columns:2fr 3fr;padding:22px 0}
.x-rows .list dd{margin:0;color:var(--mid)}
.x-rows .list dt .dot{width:12px;height:12px}
.x-rows .card{grid-column:9/13;background:var(--p);border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.x-rows .card .ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 2px var(--violet);color:var(--aqua)}
.x-rows .card h3{font-size:24px;font-weight:300;letter-spacing:-.02em}
.x-rows .card p{color:var(--soft);font-size:15px}

/* stats */
.x-stats{margin-top:32px}
.x-stats .im{height:clamp(320px,36vw,560px);background:var(--p);overflow:hidden}
.x-stats .im img{width:100%;height:100%;object-fit:cover}
.x-stats .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 var(--m);border-bottom:1px solid var(--line)}
.x-stats .row div{padding:28px 24px 32px;border-left:1px solid var(--line)}.x-stats .row div:first-child{border-left:0;padding-left:0}
.x-stats dt{font-size:clamp(44px,4vw,64px);font-weight:200;letter-spacing:-.05em;line-height:1}
.x-stats dd{margin:8px 0 0;font-size:14px;color:var(--soft)}

/* film */
.x-film{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-film .phone{grid-column:2/6;justify-self:center;width:min(100%,320px);aspect-ratio:9/19;border-radius:44px;box-shadow:inset 0 0 0 8px var(--p2);padding:8px;overflow:hidden;background:var(--bg)}
.x-film .phone video,.x-film .phone img{width:100%;height:100%;object-fit:cover;border-radius:36px;background:var(--p)}
.x-film .phone .ph{border-radius:36px}
.x-film .t{grid-column:7/12}
.x-film dl{margin-top:32px;border-top:1px solid var(--line)}
.x-film dl div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.x-film dt{color:var(--soft)}.x-film dd{margin:0}

/* bars */
.x-bars .bars{list-style:none;margin:56px 0 0;padding:0;display:flex;flex-direction:column;gap:22px}
.x-bars li{display:grid;grid-template-columns:200px 1fr 220px;gap:24px;align-items:center}
.x-bars li a{font-size:19px;text-decoration:none}
.x-bars .tr{height:12px;border-radius:12px;background:var(--p2);overflow:hidden}
.x-bars .tr i{display:block;height:100%;width:var(--w);background:var(--c);border-radius:12px}
.x-bars .v{font-size:14px;color:var(--soft);text-align:right}

/* matrix */
.x-matrix .wrap2{margin-top:48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.x-matrix .scroll{grid-column:1/9}
.x-matrix table{width:100%;border-collapse:collapse;font-size:14px}
.x-matrix thead th{font-weight:400;font-size:12px;color:var(--faint);padding:0 6px 14px;text-align:center;vertical-align:bottom;line-height:1.3}
.x-matrix tbody tr{border-bottom:1px solid var(--line)}
.x-matrix tbody th{text-align:left;padding:0;font-weight:400;min-width:200px}
.x-matrix tbody th button{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;background:none;border-radius:12px;cursor:pointer;text-align:left;font-size:15px}
.x-matrix tbody th button[aria-pressed=true]{background:var(--p)}
.x-matrix tbody th button:hover{background:var(--p)}
.x-matrix .dot{width:8px;height:8px}
.x-matrix td{text-align:center;padding:0 6px}
.x-matrix td .on{display:inline-block;width:12px;height:12px;border-radius:50%}
.x-matrix .card{grid-column:9/13;background:var(--p);border-radius:24px;padding:28px;position:sticky;top:24px}
.x-matrix .card h3{font-size:30px;font-weight:300;letter-spacing:-.03em;margin:8px 0 14px}
.x-matrix .card p{color:var(--mid);font-size:15px}
.x-matrix .card .in{margin-top:18px;font-size:13px;color:var(--faint)}

/* process */
.x-process .grid{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:48px}
.x-process li{position:relative;background:var(--p);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:8px}
.x-process li+li::before{content:"→";position:absolute;left:-36px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:20px}
.x-process .dg{display:block;height:120px;margin-bottom:12px}
.x-process .dg svg{height:100%;width:100%}
.x-process .no{font-size:12px;color:var(--faint)}
.x-process h3{font-size:24px;font-weight:300;letter-spacing:-.025em}
.x-process li p{font-size:15px;color:var(--soft)}

/* effects */
.x-effects .tabs{margin-top:40px}
.x-effects .pane{margin-top:28px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-effects .dg{grid-column:1/8;background:var(--p);border-radius:28px;padding:24px}
.x-effects .t{grid-column:8/13}
.x-effects h3{font-size:clamp(30px,2.8vw,44px);font-weight:300;letter-spacing:-.035em}
.x-effects .t>p{margin:14px 0 22px;color:var(--mid)}

/* why */
.x-why .wrap2{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-why .list{grid-column:1/6;border-top:1px solid var(--line)}
.x-why .list div{padding:24px 0;border-bottom:1px solid var(--line)}
.x-why dt{font-size:24px;font-weight:300;letter-spacing:-.02em}
.x-why dd{margin:8px 0 0;color:var(--soft);font-size:15px}
.x-why .panel{grid-column:7/13;padding:28px}
.x-why figcaption{margin-top:12px;font-size:13px;color:var(--faint)}

/* results */
.x-results .grid{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.x-results .ba{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:24px;overflow:hidden;aspect-ratio:16/10}
.x-results .ba>div{position:relative;background:var(--p)}
.x-results .ba img{width:100%;height:100%;object-fit:cover}
.x-results .ba .ph{font-size:12px;letter-spacing:.04em}
.x-results .lb{position:absolute;left:12px;bottom:12px;font-size:12px;background:rgba(255,255,255,.9);color:#0B0D12;border-radius:999px;padding:4px 10px}
.x-results figcaption{margin-top:12px;font-size:13px;color:var(--soft)}

/* course */
.x-course .panel{margin-top:56px;padding:40px 48px}
.x-course .row{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;padding:20px 0}
.x-course .nm{display:flex;flex-direction:column;font-size:15px}.x-course .nm span{font-size:13px;color:var(--faint)}
.x-course .line{list-style:none;margin:0;padding:0;position:relative;display:flex;justify-content:space-between;padding-bottom:28px}
.x-course .line::before{content:"";position:absolute;left:0;right:0;top:10px;height:2px;background:var(--line)}
.x-course .line li{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;flex:1}
.x-course .line li:last-child{flex:2;align-items:flex-end}
.x-course .line i{width:20px;height:20px;border-radius:50%;background:var(--c);position:relative}
.x-course .line .opt i{background:var(--bg);box-shadow:inset 0 0 0 2px var(--c);border:2px dashed transparent}
.x-course .line .rep i{background:var(--bg);box-shadow:inset 0 0 0 2px var(--c)}
.x-course .line span{font-size:12px;color:var(--soft);white-space:nowrap;position:absolute;top:30px}
.x-course .line li:last-child span{right:0}
.x-course .key{margin-top:8px;font-size:13px;color:var(--faint);text-align:center}
.x-course .cap{margin-top:20px}

/* loop */
.x-loop .wrap2{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-loop .ring{grid-column:1/7;position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}
.x-loop .circle{position:absolute;inset:8%;border-radius:50%;border:1.5px dashed var(--dim)}
.x-loop .mid{position:absolute;inset:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;font-size:clamp(20px,2vw,28px);font-weight:300;letter-spacing:-.02em;line-height:1.1}
.x-loop .mid small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.x-loop .ring button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:132px;padding:12px 14px;border:0;border-radius:16px;background:var(--p);text-align:left;cursor:pointer;font-size:14px;line-height:1.3;display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s ease,background .2s ease}
.x-loop .ring button small{font-size:11px;color:var(--faint)}
.x-loop .ring button[aria-pressed=true]{background:var(--bg);box-shadow:0 0 0 2px var(--violet)}
.x-loop .card{grid-column:8/13;background:var(--p);border-radius:28px;padding:36px}
.x-loop .panel-in{display:flex;flex-direction:column;gap:16px}
.x-loop h3{font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:-.035em;line-height:1.05}
.x-loop .panel-in>p{color:var(--mid)}
.x-loop .foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:8px;font-size:13px;color:var(--faint)}

/* routes */
.x-routes .tabs{margin-top:40px}
.x-routes .pane{margin-top:36px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.x-routes .t{grid-column:1/6;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.x-routes h3{font-size:clamp(30px,2.8vw,44px);font-weight:300;letter-spacing:-.035em}
.x-routes .t>p{color:var(--mid)}
.x-routes .note{font-size:13px;color:var(--faint)!important;border-top:1px solid var(--line);padding-top:14px;align-self:stretch}
.x-routes .feats{grid-column:7/13;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.x-routes .feats li{background:var(--p);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:6px}
.x-routes .feats .licon{color:var(--violet);margin-bottom:10px}
.x-routes .feats li:nth-child(2) .licon{color:#C9A86A}.x-routes .feats li:nth-child(3) .licon{color:var(--aqua)}.x-routes .feats li:nth-child(4) .licon{color:#7EA6E8}
.x-routes .feats strong{font-weight:400;font-size:19px}
.x-routes .feats span{font-size:14px;color:var(--soft)}

/* code */
.x-code .wrap2{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-code .ticket{grid-column:1/6;position:relative;background:var(--p);border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:10px 20px;box-shadow:inset 0 0 0 1px var(--line)}
.x-code .ticket::before,.x-code .ticket::after{content:"";position:absolute;top:50%;width:24px;height:24px;border-radius:50%;background:var(--bg);transform:translateY(-50%)}
.x-code .ticket::before{left:-12px}.x-code .ticket::after{right:-12px}
.x-code .lb{grid-column:1/3;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.x-code .cd{font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:.02em}
.x-code .vl{text-align:right}.x-code .vl strong{display:block;font-size:clamp(32px,3vw,48px);font-weight:200;line-height:1}.x-code .vl span{font-size:12px;color:var(--faint)}
.x-code .tm{grid-column:1/3;display:flex;gap:24px;flex-wrap:wrap;border-top:1px dashed var(--dim);padding-top:18px;margin-top:10px;font-size:12px;color:var(--soft)}
.x-code .list{grid-column:8/13;border-top:1px solid var(--line)}
.x-code .list div{padding:20px 0;border-bottom:1px solid var(--line)}
.x-code .list dt{font-size:21px;font-weight:300}
.x-code .list dd{margin:6px 0 0;font-size:14px;color:var(--soft)}

/* compare */
.x-compare .scroll{margin-top:48px}
.x-compare table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.x-compare thead th{text-align:left;font-weight:400;font-size:20px;padding:0 16px 18px;border-bottom:1px solid var(--line)}
.x-compare tbody th{text-align:left;font-weight:400;color:var(--soft);padding:16px 16px 16px 0;width:22%}
.x-compare td{padding:16px;color:var(--mid)}
.x-compare tbody tr{border-bottom:1px solid var(--line)}

/* logos */
.x-logos .grid{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.x-logos li{height:120px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;padding:20px;color:var(--faint);font-size:13px}
.x-logos li img{max-height:72px;width:auto;object-fit:contain}
.x-logos li a{display:grid;place-items:center;width:100%;height:100%}

/* prices */
.x-prices .scroll{margin-top:48px}
.x-prices table{width:100%;border-collapse:collapse;min-width:880px;font-size:14px}
.x-prices thead th{text-align:left;font-weight:400;font-size:12px;color:var(--faint);padding:0 12px 12px;border-bottom:1px solid var(--line)}
.x-prices tbody tr{border-bottom:1px solid var(--line)}
.x-prices tbody th{text-align:left;font-weight:400;font-size:18px;padding:14px 12px 14px 0;white-space:nowrap}
.x-prices tbody th .th{display:inline-block;width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--p2);vertical-align:middle;margin-right:14px}
.x-prices tbody th .th img{width:100%;height:100%;object-fit:cover}
.x-prices tbody th .dot{width:8px;height:8px;margin-right:10px;vertical-align:middle}
.x-prices td{padding:14px 12px;color:var(--mid)}
.x-prices .n{text-align:right}
.x-prices .pr{font-size:24px;font-weight:300;color:var(--ink);letter-spacing:-.02em}
.x-prices .vp{font-size:13px;color:var(--soft);max-width:180px}
.x-prices .ac{white-space:nowrap;text-align:right}.x-prices .ac .btn{margin-left:6px}
.x-prices .cap{margin-top:16px}

/* downloads */
.x-downloads .tabs{margin-top:40px}
.x-downloads .grid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-downloads li{display:flex;align-items:center;gap:16px;background:var(--p);border-radius:18px;padding:16px 18px}
.x-downloads li>.licon{color:var(--faint)}
.x-downloads .t{flex:1;display:flex;flex-direction:column}
.x-downloads .t strong{font-weight:400;font-size:16px}.x-downloads .t small{font-size:12px;color:var(--faint)}
.x-downloads .soon{font-size:12px;color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:8px 14px;white-space:nowrap}

/* finder */
.x-finder .bar{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.x-finder .q{flex:1 1 360px;display:flex;align-items:center;gap:12px;background:var(--p);border-radius:999px;padding:0 22px;min-height:56px;color:var(--faint)}
.x-finder .q input{flex:1;border:0;background:none;font:inherit;font-size:17px;color:var(--ink);min-height:54px;outline:0}
.x-finder .q:focus-within{box-shadow:0 0 0 2px var(--violet)}
.x-finder fieldset{border:0;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.x-finder fieldset label{cursor:pointer}
.x-finder fieldset input{position:absolute;opacity:0;pointer-events:none}
.x-finder fieldset span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--p);font-size:14px;transition:background .2s ease}
.x-finder fieldset input:checked+span{background:var(--btn);color:var(--btn-ink)}
.x-finder fieldset input:focus-visible+span{outline:2px solid var(--violet);outline-offset:2px}
.x-finder .chips2{margin-top:14px}
.x-finder .count{margin-top:22px;font-size:13px;color:var(--faint);min-height:20px}
.x-finder .wrap2{margin-top:12px;display:grid;grid-template-columns:5fr 6fr;gap:16px;align-items:start}
.x-finder .list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-height:760px;overflow:auto;padding:2px}
.x-finder .item{display:flex;gap:16px;background:var(--p);border-radius:20px;padding:14px;cursor:pointer;text-align:left;border:0;width:100%;font:inherit;color:inherit}
.x-finder .item[aria-current=true]{box-shadow:0 0 0 2px var(--ink);background:var(--bg)}
.x-finder .item .ph2{width:84px;height:84px;border-radius:14px;overflow:hidden;flex:none;background:var(--p2);display:grid;place-items:center;font-size:11px;color:var(--faint)}
.x-finder .item .ph2 img{width:100%;height:100%;object-fit:cover}
.x-finder .item .bd{display:flex;flex-direction:column;gap:4px;min-width:0}
.x-finder .badge,.x-preview .badge{align-self:flex-start;font-size:11px;font-weight:600;color:#24704A;background:#E3F5EA;border-radius:999px;padding:3px 10px}
body.is-dark .x-finder .badge,body.is-dark .x-preview .badge{color:#9BE0B6;background:#1E3328}
.x-finder .item h3{font-size:19px;font-weight:400}
.x-finder .item .mt{font-size:13px;color:var(--soft)}
.x-finder .tags,.x-preview .tags{display:flex;gap:6px;flex-wrap:wrap}
.x-finder .tags span,.x-preview .tags span{font-size:11px;background:var(--bg);border-radius:999px;padding:3px 9px;color:var(--mid)}
.x-finder .item .lk{display:flex;gap:16px;font-size:13px;margin-top:4px}.x-finder .item .lk a{text-underline-offset:3px}
.x-finder .map{position:sticky;top:24px;height:640px;border-radius:24px;overflow:hidden;background:var(--p)}
.x-finder .map.off{display:none}
.x-finder .wrap2:has(.map.off){grid-template-columns:1fr}
.x-finder .wrap2:has(.map.off) .list{max-height:none;display:grid;grid-template-columns:1fr 1fr}
.x-finder .none{padding:28px;border-radius:20px;background:var(--p);color:var(--soft)}
.x-finder .gm-style .gm-style-iw-c{border-radius:16px!important;padding:14px!important}
.x-finder .iw{font-family:var(--f);color:#0B0D12;display:flex;flex-direction:column;gap:4px;max-width:240px}
.x-finder .iw strong{font-size:16px;font-weight:500}.x-finder .iw span{font-size:12px;color:#5C6270}
.x-finder .iw .lk{display:flex;gap:12px;font-size:12px;margin-top:6px}

/* forms */
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;flex:1}
.fld label{font-size:13px;color:var(--mid)}
.fld input,.fld select,.fld textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-height:48px;width:100%}
.fld input[type=file]{padding:10px;background:var(--p2)}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--violet);outline-offset:1px;border-color:transparent}
.fld .hint{font-size:12px;color:var(--faint)}
.fld.err input,.fld.err select,.fld.err textarea,[aria-invalid=true]{border-color:#D9485F!important}
.fld .msg,.chk .msg{font-size:12px;color:#D9485F}
.f-row{display:flex;gap:14px}
.chk{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--soft);margin:6px 0 18px}
.chk input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--ink)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-err{color:#D9485F;font-size:14px;margin:0 0 14px}
.recaptcha-note{font-size:11px;color:var(--faint);margin-top:12px}
.x-form{margin:var(--sec) var(--m) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.x-form .side{grid-column:1/6;display:flex;flex-direction:column;gap:20px}
.x-form h2{font-size:clamp(44px,4.6vw,72px);font-weight:200;letter-spacing:-.055em;line-height:1}
.x-form .lede{margin:0}
.x-form .details{border-top:1px solid var(--line);margin-top:12px}
.x-form .details div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.x-form .details dt{color:var(--soft)}.x-form .details dd{margin:0}
.x-form .fsteps{list-style:decimal;margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;color:var(--mid)}
.x-form .panel{grid-column:7/13;padding:36px}
.x-form .panel h3{font-size:26px;font-weight:300;letter-spacing:-.02em;margin-bottom:24px}
.x-form.s-steps{background:var(--p);border-radius:32px;padding:56px;margin-left:var(--m);margin-right:var(--m)}
.x-form.s-steps .panel{background:none;padding:0}
.x-form.s-steps .fld input,.x-form.s-steps .fld select,.x-form.s-steps .fld textarea{background:var(--bg)}
.x-apply{margin:var(--sec) var(--m) 0;background:var(--p);border-radius:32px;padding:56px}
.x-apply h2{font-size:clamp(44px,4.6vw,72px);font-weight:200;letter-spacing:-.055em;line-height:1}
.x-apply .lede{margin:14px 0 36px}
.x-apply .cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.x-apply fieldset{border:0;margin:0;padding:0;min-width:0}
.x-apply legend{font-size:12px;color:var(--faint);margin-bottom:14px;padding:0}
.x-apply .treat{margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.x-apply .treat legend{width:100%}
.x-apply .pill{cursor:pointer}.x-apply .pill input{position:absolute;opacity:0}
.x-apply .pill span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--bg);font-size:14px;box-shadow:inset 0 0 0 1px var(--line)}
.x-apply .pill input:checked+span{background:var(--btn);color:var(--btn-ink);box-shadow:none}
.x-apply .pill input:focus-visible+span{outline:2px solid var(--violet);outline-offset:2px}
.x-apply .treat.err .pill span{box-shadow:inset 0 0 0 1px #D9485F}
.x-apply .done{margin-top:20px;padding:20px 24px;border-radius:16px;background:var(--bg);font-size:17px}

/* facts */
.x-facts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.x-facts .t{grid-column:1/6;display:flex;flex-direction:column;gap:16px}
.x-facts .t p{color:var(--mid)}
.x-facts dl{grid-column:8/13;border-top:1px solid var(--line)}
.x-facts dl div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.x-facts dt{color:var(--soft)}.x-facts dd{margin:0}
.x-facts dd a{text-underline-offset:4px}

/* route */
.x-route .chain{margin-top:56px}

/* preview */
.x-preview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.x-preview .t{grid-column:1/7}
.x-preview .pts{margin-top:32px}
.x-preview .sample{grid-column:8/13;background:var(--p);border-radius:28px;overflow:hidden}
.x-preview .sample .ph{height:200px}
.x-preview .sample .bd{padding:24px;display:flex;flex-direction:column;gap:8px}
.x-preview .nm{font-size:24px;font-weight:300}
.x-preview .mt{font-size:13px;color:var(--soft)}
.x-preview .lk{display:flex;gap:16px;font-size:13px;text-decoration:underline;text-underline-offset:3px}

/* questions hub */
.x-faq-hub{padding-top:40px}
.x-faq-hub .search{display:flex;align-items:center;gap:14px;background:var(--p);border-radius:999px;padding:0 26px;min-height:60px;color:var(--faint)}
.x-faq-hub .search svg{width:20px;height:20px}
.x-faq-hub .search input{flex:1;border:0;background:none;font:inherit;font-size:17px;color:var(--ink);outline:0;min-height:58px}
.x-faq-hub .search:focus-within{box-shadow:0 0 0 2px var(--violet)}
.x-faq-hub .search .n{font-size:13px}
.x-faq-hub .wrap2{margin-top:48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.x-faq-hub .side{grid-column:1/4;position:sticky;top:24px;display:flex;flex-direction:column;gap:24px}
.x-faq-hub .side ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.x-faq-hub .side a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:15px;color:var(--soft)}
.x-faq-hub .side a[aria-current=true],.x-faq-hub .side a:hover{color:var(--ink)}
.x-faq-hub .side a span{font-size:11px;background:var(--p2);border-radius:999px;padding:2px 8px;color:var(--soft)}
.x-faq-hub .side a[aria-current=true] span{background:var(--btn);color:var(--btn-ink)}
.x-faq-hub .card{background:var(--p);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.x-faq-hub .card h2{font-size:19px;font-weight:400}.x-faq-hub .card p{font-size:14px;color:var(--soft)}
.x-faq-hub .groups{grid-column:5/13}
.x-faq-hub .grp{margin-bottom:56px;scroll-margin-top:24px}
.x-faq-hub .grp h2{display:flex;align-items:center;gap:14px;font-size:clamp(28px,2.6vw,40px);font-weight:300;letter-spacing:-.035em;margin-bottom:16px}
.x-faq-hub details{border-top:1px solid var(--line)}.x-faq-hub details:last-child{border-bottom:1px solid var(--line)}
.x-faq-hub summary{font-size:18px;padding:20px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px}
.x-faq-hub summary::-webkit-details-marker{display:none}
.x-faq-hub summary::after{content:"+";font-size:24px;font-weight:200;line-height:1;transition:transform .25s ease}
.x-faq-hub details[open] summary::after{transform:rotate(45deg)}
.x-faq-hub details p{max-width:62ch;margin:0 0 22px;color:var(--soft)}
.x-faq-hub mark{background:color-mix(in srgb,var(--aqua) 30%,transparent);color:inherit;border-radius:3px}
.x-faq-hub .none{padding:28px;background:var(--p);border-radius:20px;color:var(--soft)}

/* document */
.x-notice{margin:40px var(--m) 0;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,#B4651E 10%,var(--bg));border-radius:16px;padding:16px 20px;font-size:14px;color:var(--mid)}
.x-doc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;padding-top:56px}
.x-doc .toc{grid-column:1/4;position:sticky;top:24px;font-size:14px}
.x-doc .toc p{font-size:12px;color:var(--faint);margin-bottom:12px}
.x-doc .toc ol{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.x-doc .toc a{text-decoration:none;color:var(--soft)}.x-doc .toc a:hover,.x-doc .toc a[aria-current=true]{color:var(--ink)}
.x-doc .body{grid-column:5/12}
.x-doc .box{background:var(--p);border-radius:20px;padding:24px 28px;margin-bottom:40px}
.x-doc .box h2{font-size:21px;font-weight:400;margin-bottom:8px}
.x-doc .body .lumi-text{padding:0!important;margin:0!important}
.x-doc .body .prose{max-width:none}
.x-doc .body h2{scroll-margin-top:24px}
.lumi-text .prose h2{font-size:clamp(26px,2.4vw,34px);font-weight:300;letter-spacing:-.03em;margin:48px 0 14px}
.lumi-text .prose p,.lumi-text .prose li{color:var(--mid)}

/* note */
.x-note{margin:56px var(--m) 0;max-width:640px;font-size:12px;color:var(--faint)}

/* gate */
.gate{margin:40px var(--m) 0;border-radius:32px;background:var(--p);padding:clamp(40px,6vw,96px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.gate .t{grid-column:1/8;display:flex;flex-direction:column;gap:18px}
.gate h1,.gate h2{font-size:clamp(48px,5.4vw,88px);font-weight:200;letter-spacing:-.055em;line-height:.98}
.gate p{color:var(--mid);max-width:52ch}
.hcp-form{grid-column:8/13;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.pro-half{margin-top:var(--sec);padding-bottom:var(--sec)}
.pro-half .gate{margin:0;border-radius:0;background:var(--bg);padding:var(--sec) var(--m)}

/* product */
.x-product-hero .pic{min-height:600px}
.x-product-hero .supply{display:flex;gap:14px;align-items:center;font-size:14px;color:var(--soft);border-top:1px solid var(--line);padding-top:22px;max-width:440px}
.x-product-hero .supply .ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--violet);color:var(--aqua)}
.x-product-hero .supply .licon{width:20px;height:20px}
.x-facts-row{margin:24px var(--m) 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.x-facts-row div{padding:24px;border-left:1px solid var(--line)}.x-facts-row div:first-child{border-left:0;padding-left:0}
.x-facts-row dt{font-size:clamp(40px,3.6vw,56px);font-weight:200;letter-spacing:-.05em;line-height:1}
.x-facts-row dt small{font-size:15px;letter-spacing:0;color:var(--faint);margin-left:4px}
.x-facts-row dd{margin:8px 0 0;font-size:14px;color:var(--soft)}
.x-spec .grid{margin-top:48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.x-spec .col{grid-column:span 4}
.x-spec .col h3{font-size:13px;color:var(--faint);font-weight:400;margin-bottom:12px}
.x-spec dl{border-top:1px solid var(--line)}
.x-spec dl div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.x-spec dt{color:var(--soft)}.x-spec dd{margin:0}
.x-spec .buy{grid-column:9/13;background:var(--p);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.x-spec .buy .pr{font-size:48px;font-weight:200;letter-spacing:-.04em;line-height:1}
.x-spec .buy .vp,.x-spec .buy .pk{font-size:13px;color:var(--soft)}
.x-spec .buy .btn{margin-top:12px}
.x-spec .dl{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;align-self:stretch}
.x-spec .dl a{display:flex;gap:10px;align-items:center;font-size:14px;text-decoration:none}

@media (max-width:900px){
  .x-page-hero.v-side .cr{margin:0 0 8px}
  .x-stepper .stage .pts{grid-template-columns:1fr}
  .x-cta.tick{grid-template-columns:1fr;padding:40px 28px}.x-cta.tick .ic,.x-cta.tick h2,.x-cta.tick .r{grid-column:1;grid-row:auto}.x-cta.tick .r p{flex:none}.x-cta .ic{width:64px;height:64px}.x-cta.tick .r{flex-direction:column;align-items:flex-start}
  .x-products .grid,.x-cards .grid,.x-cards .grid.c-4{grid-template-columns:1fr 1fr}
  .x-products.l-feature .grid,.x-cards .grid.c-2,.x-results .grid,.x-downloads .grid,.x-routes .feats,.x-apply .cols{grid-template-columns:1fr}
  .x-products .big{min-height:340px}
  .x-steps .grid{grid-template-columns:1fr 1fr;gap:0 24px}
  .x-steps.boxed li,.x-steps.boxed li:first-child{border-left:0;padding-left:0;padding-right:0}
  .x-rows .list,.x-rows.has-card .list,.x-rows .card,.x-matrix .scroll,.x-matrix .card,.x-effects .dg,.x-effects .t,.x-why .list,.x-why .panel,.x-loop .ring,.x-loop .card,.x-routes .t,.x-routes .feats,.x-code .ticket,.x-code .list,.x-form .side,.x-form .panel,.x-facts .t,.x-facts dl,.x-preview .t,.x-preview .sample,.x-faq-hub .side,.x-faq-hub .groups,.x-doc .toc,.x-doc .body,.gate .t,.hcp-form,.x-spec .col,.x-spec .buy,.x-film .phone,.x-film .t{grid-column:1/13}
  .x-rows .list div{grid-template-columns:1fr;gap:8px}
  .x-stats .row,.x-facts-row{grid-template-columns:1fr 1fr}
  .x-stats .row div,.x-facts-row div{border-left:0;padding-left:0}
  .x-bars li{grid-template-columns:1fr;gap:8px}.x-bars .v{text-align:left}
  .x-process .grid{grid-template-columns:1fr;gap:24px}.x-process li+li::before{content:"↓";left:50%;top:-22px;transform:translateX(-50%)}
  .x-course .panel{padding:24px}.x-course .row{grid-template-columns:1fr}
  .x-loop .ring{aspect-ratio:auto;max-width:none;display:flex;flex-direction:column;gap:8px}.x-loop .circle,.x-loop .mid{display:none}.x-loop .ring button{position:static;transform:none;width:100%}
  .x-finder .wrap2{grid-template-columns:1fr}.x-finder .map{position:relative;top:0;height:380px;order:-1}
  .x-finder .list{max-height:none}
  .x-form,.x-apply,.x-form.s-steps{padding:28px 20px}.x-form{padding:0}.x-form.s-steps{padding:28px 20px}
  .x-form .panel{padding:24px}
  .f-row{flex-direction:column;gap:0}
  .x-faq-hub .side{position:static}.x-faq-hub .side nav{display:none}
  .x-doc .toc{position:static}
  .gate{padding:32px 24px}.hcp-form{justify-content:flex-start}
  .x-product-hero .pic{min-height:380px}
  .x-logos .grid{grid-template-columns:1fr 1fr}
}

/* motion */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* phone and tablet */
@media (max-width:1100px){.lh-nav{display:none}.lh-burger{display:flex}.lh-in>.btn{display:none}}
@media (max-width:900px){
  .lf-top{grid-template-columns:1fr 1fr}.lf-b{grid-column:1/3}.lf-c{grid-column:auto}
  .x-home-hero{height:auto;display:flex;flex-direction:column}
  .x-home-hero .bg{position:relative;height:420px}.x-home-hero .shade{display:none}
  .x-home-hero .txt,.x-home-hero .rail{position:static;padding:32px var(--m) 0;text-align:left}
  .x-home-hero .rail{flex-direction:row;flex-wrap:wrap;gap:24px}
  .x-page-hero .t,.x-page-hero .pic,.x-page-hero.v-side .t,.x-page-hero.v-side .r{grid-column:1/13}
  .x-page-hero .t{padding:40px 0 0}.x-page-hero .pic{min-height:380px}.x-page-hero.v-side{padding-top:48px}
  .x-concern-tabs .rows,.x-concern-tabs .side,.x-stepper .list,.x-stepper .stage{grid-column:1/13}
  .x-stepper .stage{padding:24px}.x-diagram .panel,.x-timeline .panel{padding:20px}
  .x-diagram .panel{overflow-x:auto}.x-diagram svg{min-width:640px}
  .x-pair-row,.x-two-lists .two,:is(.x-lpg-band,.x-route) .check{grid-template-columns:1fr}
  .x-pair-row .lab{padding:28px}.x-pair-row .n{font-size:56px}
  .x-scale .scale{height:auto;margin:40px 0 0;display:flex;flex-wrap:wrap;gap:8px}
  .x-scale .track,.x-scale .tick,.x-scale .stem,.x-scale .mk .v{display:none}
  .x-scale .mk,.x-scale .mk.up{position:static;transform:none;width:auto;flex-direction:row-reverse;gap:10px;padding:10px 16px;border-radius:999px;background:var(--p);min-height:44px}
  .x-scale .mk strong{font-size:15px}.x-scale .pt{width:10px;height:10px}
  .x-scale .mk[aria-pressed=true]{background:var(--p2)}.x-scale .mk[aria-pressed=true] .pt{box-shadow:none}
  .x-bleed{height:auto;background:none}.x-bleed img{height:360px}
  .x-bleed .cap2,.x-bleed.s-right .cap2{position:static;max-width:none;text-align:left;padding:28px var(--m) 0;color:var(--ink)!important;background:none!important;border-radius:0}
  .x-bleed .cap2 p{color:var(--soft)!important}
  .x-scale .pd .im,.x-scale .pd .t{grid-column:1/13}.x-scale .pd .im{height:340px}
  .x-series-map .grid3{grid-template-columns:1fr}
  .x-image-band{grid-template-columns:1fr!important;height:auto}.x-image-band figure{height:320px}
  .x-timeline .line{display:none}.x-timeline .note h3,.x-timeline .note p{grid-column:1/13}.x-timeline .keys{grid-template-columns:1fr 1fr}
  .x-lpg-band .t,.x-lpg-band .seal{grid-column:1/13}.x-lpg-band .seal{justify-self:start;max-width:280px}
  .x-lpg-band .pillars{grid-template-columns:1fr 1fr}
  :is(.x-lpg-band,.x-route) .chain,:is(.x-lpg-band,.x-route) .branch{grid-template-columns:1fr}:is(.x-lpg-band,.x-route) .chain .arr{transform:rotate(90deg);justify-self:center}:is(.x-lpg-band,.x-route) .bad{grid-column:1}
  .x-qa .h2,.x-qa .qs{grid-column:1/13}
  .x-pro-band{grid-template-columns:1fr}.x-pro-band .t{padding:40px 28px}.x-pro-band .im{min-height:320px}.x-pro-band ul{grid-template-columns:1fr}
  .x-cta{padding:48px 28px}.x-cta h2,.x-cta .r{grid-column:1/13}
}
.fld input[type=file]::file-selector-button{font:inherit;font-size:14px;border:0;border-radius:999px;padding:8px 16px;margin-right:12px;background:var(--btn);color:var(--btn-ink);cursor:pointer}
.pro-half:has(.gate){padding-bottom:0}