/* Scoped LP template. Independent mode avoids theme layout; theme mode supports THE THOR and other standard WordPress headers/footers. */ body.lpsu-page,body.lpsu-page .lpsu-main{margin:0;padding:0;width:100%;max-width:none;background:#fff} .lpsu-main,.lpsu-main *{box-sizing:border-box} .lpsu-main .lpsu-section{position:relative;isolation:isolate;display:flex;align-items:center;min-height:var(--lpsu-height);width:var(--lpsu-width);margin:0 auto;background:var(--lpsu-bg);color:var(--lpsu-fg);border-radius:var(--lpsu-radius);overflow:hidden} .lpsu-main .lpsu-shell{width:100%;max-width:1440px;margin:0 auto;padding:var(--lpsu-effective-pad);display:flex;align-items:center;gap:5%;position:relative;z-index:1;min-width:0} .lpsu-main .lpsu-content{min-width:0;flex:0 1 var(--lpsu-ratio)} .lpsu-main .lpsu-media{min-width:0;flex:1 1 0;display:flex;align-items:center;justify-content:center;transform:translate(var(--lpsu-x),var(--lpsu-y))} .lpsu-main .lpsu-media img{display:block;max-width:100%;height:auto;max-height:700px;object-fit:contain;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-heading{font-size:clamp(20.0px,var(--lpsu-font),90.0px)!important;line-height:1.22!important;font-weight:750!important;letter-spacing:-.025em!important;color:inherit!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 .5em!important;position:static!important;text-transform:none!important} .lpsu-main .lpsu-heading:before,.lpsu-main .lpsu-heading:after{content:none!important;display:none!important} .lpsu-main .lpsu-heading-line{border-left:5px solid var(--lpsu-accent)!important;padding-left:.35em!important} .lpsu-main .lpsu-heading-underline{border-bottom:3px solid var(--lpsu-accent)!important;padding-bottom:.28em!important} .lpsu-main .lpsu-heading-box{background:var(--lpsu-accent)!important;color:var(--lpsu-bg)!important;padding:.24em .42em!important;border-radius:6px} .lpsu-main .lpsu-eyebrow{color:inherit;opacity:.85;letter-spacing:.1em;font-size:clamp(15px,1.2vw,17.0px);font-weight:700;margin:0 0 1em} .lpsu-main .lpsu-body{font-size:var(--lpsu-body-font,15px);line-height:1.9;margin:0 0 1.5em;color:inherit} .lpsu-main .lpsu-buttons{display:flex;flex-wrap:wrap;gap:12px} .lpsu-main .lpsu-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;text-decoration:none!important;border-radius:8px;background:var(--lpsu-accent);color:var(--lpsu-bg)!important;font-weight:700;border:2px solid var(--lpsu-accent);transition:opacity .15s} .lpsu-main .lpsu-button:hover{opacity:.8} .lpsu-main .lpsu-button-secondary{background:transparent;color:var(--lpsu-fg)!important} .lpsu-main .lpsu-bg-image{position:absolute;inset:0;background-position:calc(50% + var(--lpsu-x)) calc(50% + var(--lpsu-y));background-size:cover;opacity:.28;z-index:0} .lpsu-main .lpsu-full .lpsu-content,.lpsu-main .lpsu-center .lpsu-content{flex-basis:100%;max-width:900px} .lpsu-main .lpsu-full .lpsu-shell,.lpsu-main .lpsu-center .lpsu-shell{justify-content:center} .lpsu-main .lpsu-center .lpsu-shell{flex-direction:column;text-align:center} .lpsu-main .lpsu-center .lpsu-buttons{justify-content:center} .lpsu-main .lpsu-center .lpsu-media{max-width:760px;flex:auto;width:100%;margin-top:20px} .lpsu-main .lpsu-center .lpsu-media img{max-height:480px} .lpsu-main .lpsu-overlap .lpsu-content{background:var(--lpsu-bg);padding:26px;position:relative;z-index:2;border-radius:var(--lpsu-radius);margin-right:-7%;box-shadow:0 12px 36px #00000012} .lpsu-main .lpsu-reverse .lpsu-shell{flex-direction:row-reverse} .lpsu-main .lpsu-overlap.lpsu-reverse .lpsu-content{margin-right:0;margin-left:-7%} .lpsu-main .lpsu-align-center .lpsu-content{text-align:center} .lpsu-main .lpsu-align-center .lpsu-buttons{justify-content:center} .lpsu-main .lpsu-align-right .lpsu-content{text-align:right} .lpsu-main .lpsu-align-right .lpsu-buttons{justify-content:flex-end} @media(max-width:767px){ .lpsu-main .lpsu-section{width:100%;min-height:var(--lpsu-mobile-height)!important;border-radius:0} .lpsu-main .lpsu-shell,.lpsu-main .lpsu-reverse .lpsu-shell{flex-direction:column!important;gap:22px;padding:clamp(18px,6vw,40px)} .lpsu-main .lpsu-content,.lpsu-main .lpsu-media{flex:auto;width:100%;max-width:100%;margin:0!important;transform:none} .lpsu-main .lpsu-heading{font-size:var(--lpsu-mobile-font)!important;overflow-wrap:anywhere} .lpsu-main .lpsu-body{font-size:var(--lpsu-mobile-body-font,15px)} .lpsu-main .lpsu-media img{max-height:390px} .lpsu-main .lpsu-overlap .lpsu-content{padding:20px} .lpsu-main .lpsu-buttons{flex-direction:column} .lpsu-main .lpsu-button{width:100%} } @media(prefers-reduced-motion:reduce){.lpsu-main .lpsu-button{transition:none}} /* Version 0.2 additions. */ .lpsu-page .lpsu-global-header{min-height:76px;padding:12px clamp(18px,4vw,65px);display:flex;align-items:center;gap:26px;justify-content:space-between;background:#fff;color:#1e3552;position:relative;z-index:10;box-sizing:border-box} .lpsu-page .lpsu-brand{font-size:21.0px;font-weight:800;color:inherit;text-decoration:none} .lpsu-page .lpsu-global-header nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:0;padding:0} .lpsu-page .lpsu-global-header nav a{font-size:15px;text-decoration:none;color:inherit} .lpsu-page .lpsu-header-cta{padding:11px 17px;background:#244568;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;white-space:nowrap} .lpsu-page .lpsu-nav-toggle{display:none;background:none;border:1px solid #ddd;border-radius:6px;padding:8px 10px} .lpsu-main .lpsu-section{overflow:visible;isolation:isolate;scroll-margin-top:30px} .lpsu-main .lpsu-section > .lpsu-shell,.lpsu-main .lpsu-section > .lpsu-grid-shell{width:100%;z-index:2} .lpsu-main .lpsu-grid-shell{display:grid;grid-template-columns:repeat(var(--lpsu-columns),minmax(0,1fr));min-height:var(--lpsu-height);gap:20px;align-items:stretch;max-width:1440px;margin:0 auto;padding:var(--lpsu-effective-pad);box-sizing:border-box} .lpsu-main .lpsu-area{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:18px;position:relative} .lpsu-main .lpsu-area-media{width:100%;min-height:170px;display:flex;justify-content:center;align-items:center} .lpsu-main .lpsu-area-media img{display:block;width:100%;max-height:600px;height:auto;object-fit:contain;object-position:var(--lpsu-image-pos);border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-image-cover .lpsu-area-media{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:0;overflow:hidden;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-image-cover .lpsu-area-media img{height:100%;max-height:none;object-fit:cover;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-image-cover .lpsu-area-copy{position:relative;z-index:1} .lpsu-main .lpsu-area-copy{min-width:0} .lpsu-main .lpsu-area-copy .lpsu-heading{font-size:clamp(20.0px,calc(var(--lpsu-font) * .65),var(--lpsu-font))!important;overflow-wrap:anywhere} .lpsu-main .lpsu-area-copy .lpsu-body{overflow-wrap:anywhere;font-size:var(--lpsu-area-body-font,var(--lpsu-body-font,15px))} .lpsu-main .lpsu-divider{display:block;position:absolute;left:0;right:0;width:100%;height:var(--lpsu-divider-height);color:var(--lpsu-bg);z-index:3;pointer-events:none} .lpsu-main .lpsu-divider-bottom{top:calc(100% - 1px)} .lpsu-main .lpsu-divider-top{bottom:calc(100% - 1px);transform:rotate(180deg)} .lpsu-main .lpsu-section{margin-bottom:var(--lpsu-overlap)} .lpsu-main .lpsu-section:last-child{margin-bottom:0} @media(max-width:767px){ .lpsu-page .lpsu-global-header{flex-wrap:wrap;gap:12px} .lpsu-page .lpsu-nav-toggle{display:block;margin-left:auto} .lpsu-page .lpsu-global-header nav{display:none;order:3;width:100%} .lpsu-page .lpsu-global-header nav.lpsu-nav-open{display:block} .lpsu-page .lpsu-global-header nav ul{flex-direction:column;align-items:stretch;padding:12px 0} .lpsu-page .lpsu-header-cta{font-size:15px;padding:9px} .lpsu-main .lpsu-grid-shell{grid-template-columns:1fr!important;gap:24px;min-height:var(--lpsu-mobile-height);padding:clamp(18px,6vw,40px)} .lpsu-main .lpsu-area{min-height:120px} .lpsu-main .lpsu-image-cover .lpsu-area-media{position:relative;height:260px} .lpsu-main .lpsu-area-copy .lpsu-heading{font-size:var(--lpsu-mobile-font)!important} .lpsu-main .lpsu-divider{height:min(var(--lpsu-divider-height),45px)} } /* v0.2.1: split full-bleed media and independent per-area frames. */ .lpsu-main .lpsu-area{border:var(--lpsu-area-border,0 solid transparent);border-radius:var(--lpsu-area-radius,0px);overflow:hidden} .lpsu-main .lpsu-area-media{min-width:0} .lpsu-main .lpsu-split-bleed .lpsu-grid-shell{max-width:none;padding:0;gap:0;min-height:var(--lpsu-height)} .lpsu-main .lpsu-split-bleed .lpsu-area{min-height:var(--lpsu-height)} .lpsu-main .lpsu-split-bleed .lpsu-area:not(.lpsu-area-image){padding:var(--lpsu-effective-pad)} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover{padding:0;border-radius:var(--lpsu-area-radius,0px)} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media{position:absolute;inset:0;height:100%;width:100%} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media img{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-has-columns.lpsu-reverse .lpsu-grid-shell{direction:rtl} .lpsu-main .lpsu-has-columns.lpsu-reverse .lpsu-area{direction:ltr} @media(max-width:767px){ .lpsu-main .lpsu-split-bleed .lpsu-grid-shell{min-height:0;padding:0;gap:0} .lpsu-main .lpsu-split-bleed .lpsu-area{min-height:0} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover{height:300px;min-height:300px} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media{position:absolute;inset:0;height:100%} } .lpsu-main .lpsu-split-bleed.lpsu-section{width:100%} /* 0.2.4 common optional header */ .lpsu-page .lpsu-global-header{background:var(--lpsu-header-bg,#fff);color:var(--lpsu-header-fg,#1e3552)} .lpsu-page .lpsu-header-sticky{position:sticky;top:0;z-index:50} .lpsu-page.admin-bar .lpsu-header-sticky{top:32px} .lpsu-page .lpsu-header-overlay{position:absolute;top:0;left:0;right:0;background:transparent;color:#fff} .lpsu-page .lpsu-header-overlay + .lpsu-main .lpsu-section:first-child{padding-top:76px} .lpsu-page .lpsu-minimal-nav{display:none} .lpsu-page .lpsu-minimal-nav.lpsu-nav-open{display:block;position:absolute;top:100%;left:0;right:0;background:var(--lpsu-header-bg,#fff);color:var(--lpsu-header-fg,#1e3552);padding:16px} .lpsu-page .lpsu-header-minimal .lpsu-nav-toggle{display:block;margin-left:auto} .lpsu-page .lpsu-global-header nav .sub-menu{display:none;position:absolute;background:var(--lpsu-header-bg,#fff);color:var(--lpsu-header-fg,#1e3552);padding:12px;box-shadow:0 4px 12px #0002;z-index:51} .lpsu-page .lpsu-global-header nav li{position:relative} .lpsu-page .lpsu-global-header nav li:hover>.sub-menu,.lpsu-page .lpsu-global-header nav li:focus-within>.sub-menu{display:block} @media(max-width:782px){.lpsu-page.admin-bar .lpsu-header-sticky{top:46px}} @media(max-width:767px){.lpsu-page .lpsu-global-header nav .sub-menu{display:block;position:static;box-shadow:none;padding:6px 16px}} /* v0.3.2: independent crop, zoom and pan controls for every area. */ .lpsu-main .lpsu-area-media{overflow:hidden;position:relative} .lpsu-main .lpsu-area-media img{transform:translate(var(--lpsu-image-x,0px),var(--lpsu-image-y,0px)) scale(var(--lpsu-image-scale,1));transform-origin:var(--lpsu-image-pos,50% 50%);object-position:var(--lpsu-image-pos,50% 50%)} .lpsu-main .lpsu-image-cover .lpsu-area-media{display:block;min-height:0} .lpsu-main .lpsu-image-cover .lpsu-area-media img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;position:absolute;inset:0} /* Full bleed only when two columns are selected, without inherited grid gutters. */ .lpsu-main .lpsu-split-bleed.lpsu-section > .lpsu-grid-shell{width:100%;max-width:none;margin:0;padding:0;gap:0} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover{min-height:var(--lpsu-height);padding:0} @media(max-width:767px){.lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover{min-height:300px}} /* v0.3.3: the image fills its own clipped half, while boundary decoration is behind section content. */ .lpsu-main .lpsu-has-columns .lpsu-grid-shell{position:relative;z-index:2} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover{position:relative;overflow:hidden;isolation:isolate} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media{position:absolute;inset:0;overflow:hidden;clip-path:inset(0);z-index:0} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover} .lpsu-main .lpsu-section>.lpsu-divider{z-index:0} .lpsu-main .lpsu-section>.lpsu-divider-bottom{z-index:0} /* v0.3.4: Japanese serif/sans per section and per-area, independent of theme heading skins. */ .lpsu-main { --lpsu-family-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif; --lpsu-family-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; } .lpsu-main .lpsu-section .lpsu-heading{font-family:var(--lpsu-heading-family)!important} .lpsu-main .lpsu-section .lpsu-body{font-size:var(--lpsu-body-font)!important;font-family:var(--lpsu-body-family)!important} .lpsu-main .lpsu-area .lpsu-heading{font-family:var(--lpsu-area-heading-family)!important} .lpsu-main .lpsu-area .lpsu-body{font-size:var(--lpsu-area-body-font)!important;font-family:var(--lpsu-area-body-family)!important} @media(max-width:767px){ .lpsu-main .lpsu-section .lpsu-body{font-size:var(--lpsu-mobile-body-font)!important} .lpsu-main .lpsu-area .lpsu-body{font-size:var(--lpsu-area-body-font)!important} } /* v0.3.5: extend full-bleed images behind top/bottom dividers and allow stronger crop adjustments. */ .lpsu-main .lpsu-grid-shell,.lpsu-main .lpsu-shell{overflow:visible} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover,.lpsu-main .lpsu-image-cover .lpsu-area-media{overflow:visible} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media{inset:calc(-1 * var(--lpsu-divider-extend-top,0px)) 0 calc(-1 * var(--lpsu-divider-extend-bottom,0px)) 0} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media img{height:calc(100% + var(--lpsu-divider-extend-top,0px) + var(--lpsu-divider-extend-bottom,0px));top:calc(-1 * var(--lpsu-divider-extend-top,0px));bottom:auto} @media(max-width:767px){ .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media{inset:0} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media img{height:100%;top:0} } /* v0.4.2: inherited top-boundary mask keeps split full-bleed images visually inside waves/triangles. */ .lpsu-main .lpsu-divider-mask{position:absolute;left:0;right:0;top:0;width:100%;height:var(--lpsu-divider-height);color:var(--lpsu-bg);z-index:1;pointer-events:none;display:block} .lpsu-main .lpsu-section > .lpsu-grid-shell,.lpsu-main .lpsu-section > .lpsu-shell{position:relative;z-index:2} .lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media,.lpsu-main .lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media img{z-index:0} /* v0.4.0: gallery is a normal child of the full-width section, never a special preset. */ .lpsu-main .lpsu-full-with-gallery .lpsu-shell{max-width:none;width:100%} .lpsu-main .lpsu-full-with-gallery .lpsu-content{max-width:none;min-width:0;width:100%;flex:1 1 100%} .lpsu-main .lpsu-full-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--lpsu-g-gap,16px);width:100%;max-width:100%;margin:30px auto 0;text-align:left;box-sizing:border-box} .lpsu-main .lpsu-full-gallery-item{box-sizing:border-box;min-width:0;max-width:100%;margin:0!important;flex:0 0 calc((100% - (var(--lpsu-g-cols,3) - 1) * var(--lpsu-g-gap,16px)) / var(--lpsu-g-cols,3))} .lpsu-main .lpsu-full-gallery-image{position:relative;display:block;width:100%;aspect-ratio:var(--lpsu-g-ratio,4/3);overflow:hidden;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-full-gallery-image img{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;object-fit:cover;object-position:var(--lpsu-g-x,50%) var(--lpsu-g-y,50%);transform:scale(var(--lpsu-g-scale,1));transform-origin:var(--lpsu-g-x,50%) var(--lpsu-g-y,50%)} .lpsu-main .lpsu-full-gallery-item figcaption{margin:.55em 0 0;color:inherit;line-height:1.6;font-size:var(--lpsu-body-font);overflow-wrap:anywhere} @media(max-width:1023px){.lpsu-main .lpsu-full-gallery-item{flex-basis:calc((100% - var(--lpsu-g-gap,16px))/2)}} @media(max-width:767px){.lpsu-main .lpsu-full-gallery{gap:min(var(--lpsu-g-gap,16px),14px)}.lpsu-main .lpsu-full-gallery-item{flex-basis:calc((100% - min(var(--lpsu-g-gap,16px),14px))/2)}} /* v0.4.3: selectable three- and four-column card presets. */ .lpsu-main .lpsu-cards3 .lpsu-grid-shell,.lpsu-main .lpsu-cards4 .lpsu-grid-shell{gap:clamp(12px,1.8vw,24px);align-items:stretch} .lpsu-main .lpsu-cards3 .lpsu-area,.lpsu-main .lpsu-cards4 .lpsu-area{background:#fff;color:#1c3553;border-radius:var(--lpsu-card-radius,0px);box-shadow:0 6px 24px #0b23331a;justify-content:flex-start;gap:0;overflow:hidden} .lpsu-main .lpsu-cards3 .lpsu-area-media,.lpsu-main .lpsu-cards4 .lpsu-area-media{min-height:0;aspect-ratio:4/3;overflow:hidden} .lpsu-main .lpsu-cards3 .lpsu-area-media img,.lpsu-main .lpsu-cards4 .lpsu-area-media img{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-cards3 .lpsu-area-copy,.lpsu-main .lpsu-cards4 .lpsu-area-copy{padding:clamp(15px,2vw,28px)} .lpsu-main .lpsu-cards3 .lpsu-area-copy .lpsu-heading,.lpsu-main .lpsu-cards4 .lpsu-area-copy .lpsu-heading{font-size:clamp(18.0px,calc(var(--lpsu-font)*.56),28.0px)!important} @media (min-width:768px) and (max-width:1100px){.lpsu-main .lpsu-cards4 .lpsu-grid-shell{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){.lpsu-main .lpsu-cards3 .lpsu-grid-shell,.lpsu-main .lpsu-cards4 .lpsu-grid-shell{grid-template-columns:1fr!important;gap:18px}} /* v0.4.4: shared headline and lead ABOVE multi-column areas. */ .lpsu-main .lpsu-has-columns.lpsu-section{flex-direction:column;justify-content:center;align-items:stretch} .lpsu-main .lpsu-has-columns>.lpsu-section-intro{position:relative;z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:var(--lpsu-effective-pad) var(--lpsu-effective-pad) 0;color:var(--lpsu-fg);font-family:var(--lpsu-body-family);box-sizing:border-box} .lpsu-main .lpsu-section-intro .lpsu-heading{max-width:100%;overflow-wrap:anywhere} .lpsu-main .lpsu-section-intro .lpsu-body{margin-bottom:0} .lpsu-main .lpsu-section-intro .lpsu-buttons{margin-top:20px} .lpsu-main .lpsu-align-center>.lpsu-section-intro{text-align:center} .lpsu-main .lpsu-align-center>.lpsu-section-intro .lpsu-buttons{justify-content:center} .lpsu-main .lpsu-align-right>.lpsu-section-intro{text-align:right} .lpsu-main .lpsu-align-right>.lpsu-section-intro .lpsu-buttons{justify-content:flex-end} /* The section sets the minimum height; the cards need only their intrinsic height. */ .lpsu-main .lpsu-cards3>.lpsu-grid-shell,.lpsu-main .lpsu-cards4>.lpsu-grid-shell{min-height:0;align-self:stretch} .lpsu-main .lpsu-cards3>.lpsu-section-intro,.lpsu-main .lpsu-cards4>.lpsu-section-intro{padding-bottom:clamp(12px,1.8vw,24px)} @media(max-width:767px){ .lpsu-main .lpsu-has-columns>.lpsu-section-intro{padding:clamp(18px,6vw,40px) clamp(18px,6vw,40px) 0} .lpsu-main .lpsu-section-intro .lpsu-heading{font-size:var(--lpsu-mobile-font)!important} } /* v0.4.5: unified card layout controls (3/4-card presets only). */ .lpsu-main .lpsu-cards3 .lpsu-grid-shell,.lpsu-main .lpsu-cards4 .lpsu-grid-shell{justify-items:stretch} .lpsu-main .lpsu-cards3 .lpsu-area,.lpsu-main .lpsu-cards4 .lpsu-area{width:var(--lpsu-card-width,100%);max-width:100%;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-card-align-left .lpsu-area{justify-self:start} .lpsu-main .lpsu-card-align-center .lpsu-area{justify-self:center} .lpsu-main .lpsu-card-align-right .lpsu-area{justify-self:end} .lpsu-main .lpsu-card-align-left .lpsu-area-copy{text-align:left} .lpsu-main .lpsu-card-align-center .lpsu-area-copy{text-align:center} .lpsu-main .lpsu-card-align-right .lpsu-area-copy{text-align:right} .lpsu-main .lpsu-card-align-left .lpsu-area-copy .lpsu-buttons{justify-content:flex-start} .lpsu-main .lpsu-card-align-center .lpsu-area-copy .lpsu-buttons{justify-content:center} .lpsu-main .lpsu-card-align-right .lpsu-area-copy .lpsu-buttons{justify-content:flex-end} @media(max-width:767px){.lpsu-main .lpsu-cards3 .lpsu-area,.lpsu-main .lpsu-cards4 .lpsu-area{width:var(--lpsu-card-width,100%)}} /* v0.5.1 — per-section button design settable by bulk style controls. */ .lpsu-main .lpsu-button{border-radius:var(--lpsu-button-radius,8px)} /* 0.5.3: restrained, opt-in scroll motion and a dedicated metrics section. */ .lpsu-main .lpsu-counter .lpsu-shell{display:block;max-width:1360px} .lpsu-main .lpsu-counter .lpsu-content{max-width:none;width:100%;text-align:inherit} .lpsu-main .lpsu-counters{display:grid;grid-template-columns:repeat(var(--lpsu-counter-cols,3),minmax(0,1fr));gap:clamp(14px,2.5vw,32px);margin:36px auto 0;text-align:center} .lpsu-main .lpsu-counter-item{min-width:0;padding:clamp(12px,2vw,28px);border-top:2px solid var(--lpsu-accent)} .lpsu-main .lpsu-counter-number{margin:0;font-family:var(--lpsu-heading-family);font-weight:750;line-height:1.15;font-size:var(--lpsu-counter-number-size,clamp(30.0px,4.8vw,72.0px));font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.lpsu-main .lpsu-counter-unit{font-size:var(--lpsu-counter-unit-size,.45em);font-weight:700;letter-spacing:0;vertical-align:baseline} .lpsu-main .lpsu-counter-label{margin:16px 0 0;font-family:var(--lpsu-body-family);font-size:var(--lpsu-counter-label-size,var(--lpsu-body-font));line-height:1.65} @media(max-width:767px){.lpsu-main .lpsu-counters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lpsu-main .lpsu-counter-number{font-size:var(--lpsu-counter-number-size,clamp(28.0px,7vw,48.0px))}} /* The .lpsu-motion-ready class is added by JS only when an observer is available. If JS is disabled or reduced motion is preferred, content remains visible. */ @media(prefers-reduced-motion:no-preference){ .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-up:not(.lpsu-in-view)>.lpsu-shell, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-up:not(.lpsu-in-view)>.lpsu-section-intro, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-up:not(.lpsu-in-view)>.lpsu-grid-shell{opacity:0;transform:translate3d(0,96px,0)} .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-left:not(.lpsu-in-view)>.lpsu-shell, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-left:not(.lpsu-in-view)>.lpsu-section-intro, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-left:not(.lpsu-in-view)>.lpsu-grid-shell{opacity:0;transform:translate3d(-120px,0,0)} .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-right:not(.lpsu-in-view)>.lpsu-shell, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-right:not(.lpsu-in-view)>.lpsu-section-intro, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-right:not(.lpsu-in-view)>.lpsu-grid-shell{opacity:0;transform:translate3d(120px,0,0)} .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-zoom:not(.lpsu-in-view)>.lpsu-shell, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-zoom:not(.lpsu-in-view)>.lpsu-section-intro, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-zoom:not(.lpsu-in-view)>.lpsu-grid-shell{opacity:0;transform:scale(.90)} .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-up>.lpsu-shell,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-left>.lpsu-shell,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-right>.lpsu-shell,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-zoom>.lpsu-shell, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-up>.lpsu-section-intro,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-left>.lpsu-section-intro,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-right>.lpsu-section-intro,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-zoom>.lpsu-section-intro, .lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-up>.lpsu-grid-shell,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-left>.lpsu-grid-shell,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-fade-right>.lpsu-grid-shell,.lpsu-page.lpsu-motion-ready .lpsu-section.lpsu-motion-zoom>.lpsu-grid-shell{transition:opacity var(--lpsu-motion-duration,750ms) ease var(--lpsu-motion-delay,0ms),transform var(--lpsu-motion-duration,750ms) cubic-bezier(.2,.7,.2,1) var(--lpsu-motion-delay,0ms)} } /* v0.5.5 — Composable design skins. All decorations sit behind content and respect section stacking. */ .lpsu-main .lpsu-section[class*="lpsu-skin-"]::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--lpsu-pattern);opacity:var(--lpsu-pattern-opacity,1)} .lpsu-main .lpsu-section[class*="lpsu-skin-"]>.lpsu-shell, .lpsu-main .lpsu-section[class*="lpsu-skin-"]>.lpsu-grid-shell, .lpsu-main .lpsu-section[class*="lpsu-skin-"]>.lpsu-section-intro{position:relative;z-index:2} .lpsu-main .lpsu-skin-mesh{--lpsu-pattern:linear-gradient(to right,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px);} .lpsu-main .lpsu-skin-mesh::before{background-size:28px 28px!important} .lpsu-main .lpsu-skin-mesh .lpsu-area{box-shadow:0 8px 30px #0000000b} .lpsu-main .lpsu-skin-bold-frame{outline:6px solid var(--lpsu-accent);outline-offset:-6px} .lpsu-main .lpsu-skin-bold-frame .lpsu-area{border:3px solid var(--lpsu-accent)!important;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-skin-bold-frame .lpsu-button{border-width:3px;box-shadow:5px 5px 0 color-mix(in srgb,var(--lpsu-fg) 25%,transparent)} .lpsu-main .lpsu-skin-dot{--lpsu-pattern:radial-gradient(circle,color-mix(in srgb,var(--lpsu-fg) 16%,transparent) 1px,transparent 1.3px)} .lpsu-main .lpsu-skin-dot::before{background-size:19px 19px!important} .lpsu-main .lpsu-skin-diagonal{--lpsu-pattern:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in srgb,var(--lpsu-fg) 5%,transparent) 12px 13px)} .lpsu-main .lpsu-skin-diagonal .lpsu-area{border-left:4px solid var(--lpsu-accent)!important} .lpsu-main .lpsu-skin-paper{--lpsu-pattern:repeating-linear-gradient(0deg,transparent 0 33px,color-mix(in srgb,var(--lpsu-fg) 5%,transparent) 33px 34px)} .lpsu-main .lpsu-skin-paper .lpsu-area{border:1px solid color-mix(in srgb,var(--lpsu-fg) 20%,transparent)!important} .lpsu-main .lpsu-skin-gradient{--lpsu-pattern:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--lpsu-accent) 25%,transparent),transparent 55%),linear-gradient(140deg,transparent 35%,color-mix(in srgb,var(--lpsu-accent) 12%,transparent))} .lpsu-main .lpsu-skin-gradient .lpsu-area{box-shadow:0 12px 32px #00000013} .lpsu-main .lpsu-skin-glass{--lpsu-pattern:radial-gradient(circle at 12% 16%,color-mix(in srgb,var(--lpsu-accent) 31%,transparent),transparent 54%),radial-gradient(circle at 92% 90%,color-mix(in srgb,var(--lpsu-accent) 18%,transparent),transparent 48%)} .lpsu-main .lpsu-skin-glass .lpsu-area{background:color-mix(in srgb,var(--lpsu-bg) 77%,white 23%);border:1px solid color-mix(in srgb,var(--lpsu-fg) 12%,transparent)!important;box-shadow:0 15px 42px #00000012} .lpsu-main .lpsu-skin-editorial{--lpsu-pattern:linear-gradient(90deg,var(--lpsu-accent) 0 7px,transparent 7px)} .lpsu-main .lpsu-skin-editorial .lpsu-section-intro{text-align:left;max-width:1100px} .lpsu-main .lpsu-skin-editorial .lpsu-area{border-bottom:2px solid var(--lpsu-accent)!important} .lpsu-main .lpsu-skin-dark-grid{--lpsu-pattern:linear-gradient(to right,#ffffff10 1px,transparent 1px),linear-gradient(to bottom,#ffffff10 1px,transparent 1px)} .lpsu-main .lpsu-skin-dark-grid::before{background-size:44px 44px!important} .lpsu-main .lpsu-skin-dark-grid .lpsu-area{border:1px solid #ffffff42!important;background:#ffffff0b} @media(max-width:767px){.lpsu-main .lpsu-skin-bold-frame{outline-width:3px;outline-offset:-3px}} /* v0.5.6: preset helpers */ .lpsu-main .lpsu-has-columns.lpsu-full .lpsu-bg-image{opacity:.38;} /* v0.5.14: richer preset-specific skins + body typography control */ .lpsu-main .lpsu-skin-investor-slate .lpsu-shell{justify-content:center;text-align:center} .lpsu-main .lpsu-skin-investor-slate .lpsu-content{max-width:860px} .lpsu-main .lpsu-skin-investor-slate .lpsu-heading{font-weight:450!important;letter-spacing:-.035em!important} .lpsu-main .lpsu-skin-investor-slate .lpsu-body{max-width:760px;margin-left:auto;margin-right:auto;opacity:.82} .lpsu-main .lpsu-skin-investor-slate .lpsu-button{min-width:260px;padding:16px 38px;border-radius:12px;background:color-mix(in srgb,var(--lpsu-accent) 32%,#30343c 68%);border-color:transparent;color:#fff!important} .lpsu-main .lpsu-skin-stat-overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07101859 0%,#0b10164a 45%,#07090dd4 100%);z-index:1;pointer-events:none} .lpsu-main .lpsu-skin-stat-overlay .lpsu-bg-image{opacity:.72;filter:saturate(.82) contrast(.98)} .lpsu-main .lpsu-skin-stat-overlay>.lpsu-section-intro{max-width:1080px;padding-top:56px;z-index:2} .lpsu-main .lpsu-skin-stat-overlay>.lpsu-grid-shell{align-items:end;padding-top:20px;padding-bottom:96px;z-index:2} .lpsu-main .lpsu-skin-stat-overlay .lpsu-area{background:#0d12164d;border-color:#ffffff66!important;backdrop-filter:blur(4px);padding:26px 28px 20px;min-height:230px} .lpsu-main .lpsu-skin-stat-overlay .lpsu-area-copy .lpsu-heading{font-size:clamp(42.0px,4.5vw,82.0px)!important;font-weight:500!important;margin-bottom:.2em!important} .lpsu-main .lpsu-skin-stat-overlay .lpsu-area-copy .lpsu-body{font-size:clamp(15px,1.4vw,24.0px)!important;opacity:.92} .lpsu-main .lpsu-skin-stat-overlay .lpsu-section-intro .lpsu-button{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);min-width:220px;background:#2e3238d0;color:#fff!important;border-color:transparent} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area{position:relative;min-height:var(--lpsu-height);padding:54px 38px;display:flex;justify-content:center} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area::after{content:"";position:absolute;left:-16%;right:-16%;top:54%;height:148px;background:color-mix(in srgb,var(--lpsu-accent) 76%,transparent);opacity:.86;transform:translateY(-50%) skewY(-18deg);z-index:1} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area:nth-child(2)::after{top:46%;transform:translateY(-50%) skewY(18deg)} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area-media::before{content:"";position:absolute;inset:0;background:#00000061;z-index:1} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area-media img{filter:brightness(.82) saturate(.88)} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area-copy{position:relative;z-index:2;max-width:420px;text-align:center;margin:auto} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area-copy .lpsu-heading{font-size:clamp(38.0px,4.1vw,72.0px)!important} .lpsu-main .lpsu-skin-ribbon-split .lpsu-buttons{justify-content:center} .lpsu-main .lpsu-skin-ribbon-split .lpsu-button{background:#fff;color:#20242a!important;border-color:#fff;border-radius:999px;padding-inline:26px} .lpsu-main .lpsu-skin-team-panels>.lpsu-section-intro{padding-bottom:18px} .lpsu-main .lpsu-skin-team-panels>.lpsu-grid-shell{gap:34px} .lpsu-main .lpsu-skin-team-panels .lpsu-area{background:transparent;border:0!important;overflow:visible;padding:0} .lpsu-main .lpsu-skin-team-panels .lpsu-area-media{background:#eef2f6;border-radius:var(--lpsu-image-radius,0px);overflow:hidden;aspect-ratio:4/5;min-height:0;position:relative} .lpsu-main .lpsu-skin-team-panels .lpsu-area-media img{width:100%;height:100%;max-height:none;object-fit:cover} .lpsu-main .lpsu-skin-team-panels .lpsu-area::after{content:"+";position:absolute;right:16px;top:min(72%,430px);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#2b2b2d;font-size:34.0px;font-weight:400;box-shadow:0 8px 26px #00000025} .lpsu-main .lpsu-skin-team-panels .lpsu-area-copy{padding:18px 6px 0} .lpsu-main .lpsu-skin-team-panels .lpsu-area-copy .lpsu-heading{font-size:clamp(25.0px,2.2vw,38.0px)!important;line-height:1.35!important;margin-bottom:.4em!important} .lpsu-main .lpsu-skin-team-panels .lpsu-area-copy .lpsu-body{opacity:.82} .lpsu-main .lpsu-skin-solid-brand .lpsu-shell{justify-content:center} .lpsu-main .lpsu-skin-solid-brand .lpsu-content{max-width:930px} .lpsu-main .lpsu-skin-solid-brand .lpsu-eyebrow{opacity:1;font-weight:800} .lpsu-main .lpsu-skin-solid-brand .lpsu-heading{margin-bottom:.7em!important} .lpsu-main .lpsu-skin-solid-brand .lpsu-body{font-size:calc(var(--lpsu-body-font,15px) * 1.35);line-height:2.05;max-width:none} .lpsu-main .lpsu-skin-panel-float{overflow:visible} .lpsu-main .lpsu-skin-panel-float>.lpsu-section-intro{max-width:1120px;padding-bottom:72px} .lpsu-main .lpsu-skin-panel-float>.lpsu-grid-shell{margin-top:-22px} .lpsu-main .lpsu-skin-panel-float .lpsu-area{background:#f5f5f2;color:#1c2028;box-shadow:0 18px 42px #00000018;padding:30px 24px 28px;border-radius:var(--lpsu-card-radius,0px);border:0!important} .lpsu-main .lpsu-skin-panel-float .lpsu-area-media{aspect-ratio:1/1;background:#ececec;min-height:0} .lpsu-main .lpsu-skin-panel-float .lpsu-area-media img{width:100%;height:100%;max-height:none;object-fit:cover} .lpsu-main .lpsu-skin-panel-float .lpsu-area-copy{text-align:center} .lpsu-main .lpsu-skin-panel-float .lpsu-area-copy .lpsu-heading{font-size:clamp(24.0px,2vw,34.0px)!important;line-height:1.35!important} .lpsu-main .lpsu-skin-panel-float .lpsu-area-copy .lpsu-body{color:#2f3640} .lpsu-main .lpsu-skin-panel-float .lpsu-button{background:transparent;border-color:transparent;color:#1c2028!important;padding:0;min-height:auto;text-decoration:underline!important;text-underline-offset:.18em} .lpsu-main .lpsu-skin-point-card .lpsu-shell{justify-content:center} .lpsu-main .lpsu-skin-point-card .lpsu-content{max-width:920px;background:#fff;padding:42px 54px;border-radius:var(--lpsu-card-radius,0px);box-shadow:0 14px 40px #0000000e} .lpsu-main .lpsu-skin-point-card .lpsu-eyebrow{display:inline-block;background:var(--lpsu-accent);color:#fff;padding:.55em 1.25em;border-radius:999px;letter-spacing:.03em;opacity:1;margin-bottom:19.2px} .lpsu-main .lpsu-skin-point-card .lpsu-heading{font-size:clamp(32.0px,3vw,56.0px)!important;line-height:1.35!important} .lpsu-main .lpsu-skin-service-index .lpsu-eyebrow{font-size:clamp(18.0px,1.5vw,26.0px);font-weight:800;letter-spacing:.04em;color:var(--lpsu-accent);opacity:1} .lpsu-main .lpsu-skin-service-index .lpsu-heading{font-size:clamp(36.0px,4.8vw,78.0px)!important;line-height:1.14!important} .lpsu-main .lpsu-skin-service-index.lpsu-cards3>.lpsu-grid-shell,.lpsu-main .lpsu-skin-service-index.lpsu-cards4>.lpsu-grid-shell{gap:22px} .lpsu-main .lpsu-skin-service-index.lpsu-cards3 .lpsu-area,.lpsu-main .lpsu-skin-service-index.lpsu-cards4 .lpsu-area{background:#fff;border:0!important;border-top:4px solid var(--lpsu-accent)!important;box-shadow:0 12px 32px #0000000c;padding:28px;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-skin-service-index.lpsu-cards3 .lpsu-area-copy .lpsu-heading,.lpsu-main .lpsu-skin-service-index.lpsu-cards4 .lpsu-area-copy .lpsu-heading{font-size:clamp(24.0px,2.3vw,36.0px)!important;line-height:1.35!important} .lpsu-main .lpsu-skin-chapter-clean .lpsu-shell{align-items:flex-end} .lpsu-main .lpsu-skin-chapter-clean .lpsu-content{max-width:1180px} .lpsu-main .lpsu-skin-chapter-clean .lpsu-heading{font-size:clamp(58.0px,8vw,122.0px)!important;letter-spacing:-.05em!important;line-height:1!important} .lpsu-main .lpsu-skin-chapter-clean .lpsu-eyebrow{font-size:clamp(16.0px,1.3vw,24.0px);letter-spacing:.08em;opacity:.9} @media(max-width:767px){ .lpsu-main .lpsu-skin-stat-overlay>.lpsu-grid-shell{padding-bottom:118px} .lpsu-main .lpsu-skin-stat-overlay .lpsu-section-intro .lpsu-button{bottom:32px;width:auto;max-width:calc(100% - 48px)} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area{min-height:360px;padding:38px 24px} .lpsu-main .lpsu-skin-ribbon-split .lpsu-area::after{height:120px} .lpsu-main .lpsu-skin-team-panels .lpsu-area::after{top:260px;width:56px;height:56px} .lpsu-main .lpsu-skin-solid-brand .lpsu-body{font-size:calc(var(--lpsu-mobile-body-font,15px) * 1.25)} .lpsu-main .lpsu-skin-panel-float>.lpsu-section-intro{padding-bottom:48px} .lpsu-main .lpsu-skin-point-card .lpsu-content{padding:28px 22px} } /* v0.5.15: requested 14px body type in all bundled presets (editable per section). */ .lpsu-main .lpsu-skin-solid-brand .lpsu-body{font-size:var(--lpsu-body-font,15px)} .lpsu-main .lpsu-skin-stat-overlay .lpsu-area-copy .lpsu-body{font-size:var(--lpsu-area-body-font,var(--lpsu-body-font,15px))!important} @media(max-width:767px){.lpsu-main .lpsu-skin-solid-brand .lpsu-body{font-size:var(--lpsu-mobile-body-font,15px)}} /* v0.5.15: CTA stays at the bottom of the photograph, below the metrics grid. */ .lpsu-main .lpsu-skin-stat-overlay>.lpsu-section-cta{position:absolute;z-index:4;bottom:25px;left:0;right:0;display:flex;justify-content:center} .lpsu-main .lpsu-skin-stat-overlay>.lpsu-section-cta .lpsu-button{min-width:200px;background:#2e3238e0;color:#fff!important;border-color:transparent;border-radius:7px} @media(max-width:767px){.lpsu-main .lpsu-skin-stat-overlay>.lpsu-section-cta{bottom:26px;padding-inline:20px}} /* v0.5.17 | Site-starter art direction. Applied only to newly generated site designs. Existing LP sections without lpsu-theme-* / lpsu-role-* are unaffected. */ .lpsu-main .lpsu-section[class*="lpsu-theme-"] .lpsu-body{font-size:var(--lpsu-body-font,15px);line-height:1.9} .lpsu-main .lpsu-section[class*="lpsu-theme-"] .lpsu-area .lpsu-body{font-size:var(--lpsu-area-body-font,15px)!important} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-hero .lpsu-bg-image{opacity:.32} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-about .lpsu-media img{object-fit:cover;aspect-ratio:5/4;width:100%;max-height:440px} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-about .lpsu-shell{gap:7%} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-gallery .lpsu-section-intro{max-width:1200px} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-gallery .lpsu-full-gallery-image img{transition:transform .6s ease} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-gallery .lpsu-full-gallery-item:hover img{transform:scale(1.035)} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-chapter .lpsu-shell{max-width:1240px} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-chapter .lpsu-heading{font-weight:800!important} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-message .lpsu-shell{max-width:1200px} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-services .lpsu-area-copy .lpsu-body{line-height:1.9} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-cta .lpsu-button{min-width:220px} /* Corporate: deep blue typography, strong horizontal rhythm. */ .lpsu-main .lpsu-theme-corporate.lpsu-role-hero .lpsu-content{max-width:780px;padding-left:clamp(20px,3vw,64px);border-left:5px solid var(--lpsu-accent)} .lpsu-main .lpsu-theme-corporate.lpsu-role-services .lpsu-area{box-shadow:0 20px 42px #0b294012} .lpsu-main .lpsu-theme-corporate.lpsu-role-services .lpsu-area-media{aspect-ratio:16/10} .lpsu-main .lpsu-theme-corporate.lpsu-role-chapter .lpsu-heading{letter-spacing:-.055em!important} .lpsu-main .lpsu-theme-corporate.lpsu-role-cta .lpsu-content{max-width:830px} /* Editorial: asymmetry, photographed work, restrained typography. */ .lpsu-main .lpsu-theme-editorial.lpsu-role-hero .lpsu-shell{justify-content:flex-start} .lpsu-main .lpsu-theme-editorial.lpsu-role-hero .lpsu-content{max-width:1010px} .lpsu-main .lpsu-theme-editorial.lpsu-role-hero .lpsu-heading{letter-spacing:-.065em!important;font-weight:600!important} .lpsu-main .lpsu-theme-editorial.lpsu-role-gallery .lpsu-full-gallery-item:nth-child(2n){transform:translateY(18px)} .lpsu-main .lpsu-theme-editorial.lpsu-role-about .lpsu-heading{font-family:var(--lpsu-family-serif)!important} /* Card stagger is controlled exclusively by cardOverlap; no automatic editorial offset. */ /* Technology: precision lines on dark navy and pale cyan. */ .lpsu-main .lpsu-theme-tech.lpsu-role-hero .lpsu-bg-image{opacity:.25;filter:saturate(.6)} .lpsu-main .lpsu-theme-tech.lpsu-role-hero .lpsu-content{max-width:940px} .lpsu-main .lpsu-theme-tech.lpsu-role-services .lpsu-area{background:#FFFFFF;border:1px solid #b8dcd9!important;box-shadow:0 12px 32px #07333b12} .lpsu-main .lpsu-theme-tech.lpsu-role-about .lpsu-media img{border-radius:var(--lpsu-image-radius,0px);box-shadow:20px 20px 0 #2BA59822} .lpsu-main .lpsu-theme-tech.lpsu-role-process .lpsu-area{border-top-color:var(--lpsu-accent)!important} /* Professional trust: warm paper surface, gold rules. */ .lpsu-main .lpsu-theme-trust.lpsu-role-hero .lpsu-content{border-top:2px solid var(--lpsu-accent);padding-top:34px;max-width:790px} .lpsu-main .lpsu-theme-trust.lpsu-role-hero .lpsu-heading{font-family:var(--lpsu-family-serif)!important;font-weight:600!important} .lpsu-main .lpsu-theme-trust.lpsu-role-services .lpsu-area{border-top:3px solid var(--lpsu-accent)!important} .lpsu-main .lpsu-theme-trust.lpsu-role-about .lpsu-media img{border-radius:var(--lpsu-image-radius,0px)} /* Portfolio: make photography central, serif accent caption. */ .lpsu-main .lpsu-theme-portfolio.lpsu-role-hero .lpsu-content{max-width:950px} .lpsu-main .lpsu-theme-portfolio.lpsu-role-hero .lpsu-heading{font-weight:500!important} .lpsu-main .lpsu-theme-portfolio.lpsu-role-gallery .lpsu-full-gallery-item{border-radius:var(--lpsu-image-radius,0px);overflow:hidden} .lpsu-main .lpsu-theme-portfolio.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:none;border-bottom:2px solid var(--lpsu-accent)!important} /* Minimal: visible rhythm from typography and hairlines. */ .lpsu-main .lpsu-theme-minimal.lpsu-role-hero .lpsu-content{max-width:1100px} .lpsu-main .lpsu-theme-minimal.lpsu-role-hero .lpsu-heading{font-size:clamp(56.0px,8vw,110.0px)!important;letter-spacing:-.065em!important} .lpsu-main .lpsu-theme-minimal.lpsu-role-services .lpsu-area{box-shadow:none;border-radius:var(--lpsu-card-radius,0px);border-top:1px solid #202020!important;background:transparent} .lpsu-main .lpsu-theme-minimal.lpsu-role-gallery .lpsu-full-gallery-item{border-radius:var(--lpsu-image-radius,0px)} /* Legal: discreet framing and quiet cream background. */ .lpsu-main .lpsu-theme-legal.lpsu-role-hero .lpsu-content{max-width:770px;border-left:1px solid #d8bc7e;padding-left:35px} .lpsu-main .lpsu-theme-legal.lpsu-role-hero .lpsu-heading{font-family:var(--lpsu-family-serif)!important;font-weight:600!important} .lpsu-main .lpsu-theme-legal.lpsu-role-services .lpsu-area{border-top:2px solid var(--lpsu-accent)!important;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-theme-legal.lpsu-role-about .lpsu-media img{border-radius:var(--lpsu-image-radius,0px)} /* Restaurant: editorial food styling with large breathing room. */ .lpsu-main .lpsu-theme-restaurant.lpsu-role-hero .lpsu-content{max-width:760px} .lpsu-main .lpsu-theme-restaurant.lpsu-role-hero .lpsu-heading{font-family:var(--lpsu-family-serif)!important;font-weight:500!important} .lpsu-main .lpsu-theme-restaurant.lpsu-role-gallery .lpsu-full-gallery-image{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-theme-restaurant.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:0 14px 38px #48200b1b} /* Real estate: angular architecture and a subtle blueprint grid. */ .lpsu-main .lpsu-theme-realestate.lpsu-role-hero .lpsu-content{border-bottom:3px solid var(--lpsu-accent);padding-bottom:18px} .lpsu-main .lpsu-theme-realestate.lpsu-role-about .lpsu-media img{border-radius:var(--lpsu-image-radius,0px);box-shadow:16px 16px 0 #dbe3e5} .lpsu-main .lpsu-theme-realestate.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);border-top:4px solid var(--lpsu-accent)!important} /* Chemical: measured grids and technical icon-free precision. */ .lpsu-main .lpsu-theme-chemical.lpsu-role-hero .lpsu-bg-image{opacity:.2} .lpsu-main .lpsu-theme-chemical.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);border:1px solid #a8cbd3!important} .lpsu-main .lpsu-theme-chemical.lpsu-role-process .lpsu-area{border-top:4px solid #36a4af!important} /* Shop: warm neutral palette and product image priority. */ .lpsu-main .lpsu-theme-shop.lpsu-role-hero .lpsu-heading{font-weight:600!important} .lpsu-main .lpsu-theme-shop.lpsu-role-gallery .lpsu-full-gallery-image{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-theme-shop.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:0 14px 30px #553c3015} /* Beauty: soft outlines and round imagery. */ .lpsu-main .lpsu-theme-beauty.lpsu-role-hero .lpsu-heading{font-family:var(--lpsu-family-serif)!important;font-weight:500!important} .lpsu-main .lpsu-theme-beauty.lpsu-role-about .lpsu-media img{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-theme-beauty.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);border:1px solid #e7cbd5!important} .lpsu-main .lpsu-theme-beauty.lpsu-role-gallery .lpsu-full-gallery-image{border-radius:var(--lpsu-image-radius,0px)} /* Medical: clear hierarchical reading and restrained highlights. */ .lpsu-main .lpsu-theme-medical.lpsu-role-hero .lpsu-content{max-width:850px;border-left:4px solid #90d2c8;padding-left:30px} .lpsu-main .lpsu-theme-medical.lpsu-role-services .lpsu-area{border-top:3px solid #5da99e!important;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-theme-medical.lpsu-role-point .lpsu-content{border:1px solid #d7e8e4} /* Education: playful but disciplined card shapes. */ .lpsu-main .lpsu-theme-education.lpsu-role-hero .lpsu-content{max-width:860px} .lpsu-main .lpsu-theme-education.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:8px 10px 0 #e6a34d25} .lpsu-main .lpsu-theme-education.lpsu-role-process .lpsu-area{border-top:5px solid #e6a34d!important} /* Construction: exposed edges and a worksite-oriented layout. */ .lpsu-main .lpsu-theme-construction.lpsu-role-hero .lpsu-bg-image{opacity:.37;filter:saturate(.72)} .lpsu-main .lpsu-theme-construction.lpsu-role-about .lpsu-media img{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-theme-construction.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);border-top:5px solid var(--lpsu-accent)!important;box-shadow:0 10px 20px #202c1912} /* Hotel: luxe pale paper, calm photography and centered hero. */ .lpsu-main .lpsu-theme-hotel.lpsu-role-hero .lpsu-content{max-width:780px;text-align:center} .lpsu-main .lpsu-theme-hotel.lpsu-role-hero .lpsu-heading{font-family:var(--lpsu-family-serif)!important;font-weight:500!important} .lpsu-main .lpsu-theme-hotel.lpsu-role-gallery .lpsu-full-gallery-image{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-theme-hotel.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:0 12px 40px #4b342012} /* Recruitment: photos and generous approachable cards. */ .lpsu-main .lpsu-theme-recruit.lpsu-role-hero .lpsu-heading{font-weight:800!important} .lpsu-main .lpsu-theme-recruit.lpsu-role-team .lpsu-area-media{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-theme-recruit.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:0 15px 30px #24405a17} /* Manufacturing: precise steel-blue and technical lines. */ .lpsu-main .lpsu-theme-manufacturing.lpsu-role-hero .lpsu-bg-image{opacity:.27;filter:saturate(.52)} .lpsu-main .lpsu-theme-manufacturing.lpsu-role-services .lpsu-area{border:1px solid #bed0db!important;border-top:5px solid var(--lpsu-accent)!important;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-theme-manufacturing.lpsu-role-about .lpsu-media img{border-radius:var(--lpsu-image-radius,0px)} /* Six palettes + four art styles continue to receive individual finishing touches. */ .lpsu-main .lpsu-theme-palette-black.lpsu-role-services .lpsu-area,.lpsu-main .lpsu-theme-atelier-ink.lpsu-role-services .lpsu-area{background:#28292c;color:#fff;border:1px solid #ffffff28!important} .lpsu-main .lpsu-theme-palette-yellow.lpsu-role-services .lpsu-area{border:4px solid #292721!important;border-radius:var(--lpsu-card-radius,0px);box-shadow:8px 8px 0 #292721} .lpsu-main .lpsu-theme-palette-orange.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-theme-palette-white.lpsu-role-services .lpsu-area{background:#fff;box-shadow:none;border-top:1px solid #292721!important;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-theme-palette-ocean.lpsu-role-hero .lpsu-bg-image{opacity:.25;filter:saturate(.65)} .lpsu-main .lpsu-theme-palette-green.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);border:1px solid #c5dac2!important} .lpsu-main .lpsu-theme-studio-violet.lpsu-role-hero .lpsu-bg-image{opacity:.23} .lpsu-main .lpsu-theme-industrial-steel.lpsu-role-services .lpsu-area{border:1px solid #b8d2db!important;border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-theme-cafe-terra.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px)} @media(max-width:767px){ .lpsu-main .lpsu-theme-editorial.lpsu-role-services .lpsu-area:nth-child(2),.lpsu-main .lpsu-theme-editorial.lpsu-role-gallery .lpsu-full-gallery-item:nth-child(2n){transform:none} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-hero .lpsu-content{padding-left:0;border-left:0} .lpsu-main .lpsu-theme-corporate.lpsu-role-hero .lpsu-content{border-left:0;border-top:4px solid var(--lpsu-accent);padding-top:24px} .lpsu-main .lpsu-theme-hotel.lpsu-role-hero .lpsu-content{text-align:center} .lpsu-main .lpsu-theme-minimal.lpsu-role-hero .lpsu-heading{font-size:var(--lpsu-mobile-font)!important} } @media(prefers-reduced-motion:reduce){.lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-gallery .lpsu-full-gallery-image img{transition:none}} /* 0.5.18: centered section-boundary ornaments. Each seam crosses both neighbouring sections. */ .lpsu-main .lpsu-overlap-on>.lpsu-divider-bottom{top:calc(100% - var(--lpsu-divider-height) / 2)} .lpsu-main .lpsu-overlap-on>.lpsu-divider-top{bottom:calc(100% - var(--lpsu-divider-height) / 2)} .lpsu-main .lpsu-divider-rule{position:absolute;left:0;right:0;width:100%;height:0;display:block;z-index:8;border-top-width:var(--lpsu-rule-width,6px);border-top-color:var(--lpsu-rule-color,var(--lpsu-accent));pointer-events:none;box-sizing:border-box} .lpsu-main .lpsu-divider-rule-bottom{top:calc(100% - var(--lpsu-rule-width,6px) / 2)} .lpsu-main .lpsu-divider-rule-top{top:calc(0px - var(--lpsu-rule-width,6px) / 2)} .lpsu-main .lpsu-section>.lpsu-divider-bottom,.lpsu-main .lpsu-section>.lpsu-divider-top{z-index:7} /* Text and images stay in front of the decorative mask on content sections. */ .lpsu-main .lpsu-section>.lpsu-shell,.lpsu-main .lpsu-section>.lpsu-grid-shell,.lpsu-main .lpsu-section>.lpsu-section-intro{z-index:2} @media(max-width:767px){ .lpsu-main .lpsu-overlap-on>.lpsu-divider-bottom{top:calc(100% - min(var(--lpsu-divider-height),45px) / 2)} .lpsu-main .lpsu-overlap-on>.lpsu-divider-top{bottom:calc(100% - min(var(--lpsu-divider-height),45px) / 2)} .lpsu-main .lpsu-divider-rule{border-top-width:var(--lpsu-rule-width,6px)} } /* Control stacking for overlapping dividers: earlier bottom edge sits over the next section; an explicit top ornament is raised above the preceding section. Keep navigation above all. */ .lpsu-main .lpsu-section{z-index:var(--lpsu-stack,0)} .lpsu-page .lpsu-global-header{z-index:3000} /* Page-level finishing accents; these remain scoped to new named starter sections. */ .lpsu-main .lpsu-theme-corporate.lpsu-role-services .lpsu-area, .lpsu-main .lpsu-theme-realestate.lpsu-role-services .lpsu-area{border-top:4px solid var(--lpsu-accent)!important} .lpsu-main .lpsu-theme-tech.lpsu-role-hero .lpsu-content, .lpsu-main .lpsu-theme-chemical.lpsu-role-hero .lpsu-content, .lpsu-main .lpsu-theme-industrial-steel.lpsu-role-hero .lpsu-content{border-left:3px solid var(--lpsu-accent);padding-left:clamp(18px,2.5vw,38px)} .lpsu-main .lpsu-theme-editorial.lpsu-role-about .lpsu-heading, .lpsu-main .lpsu-theme-atelier-ink.lpsu-role-about .lpsu-heading, .lpsu-main .lpsu-theme-studio-violet.lpsu-role-message .lpsu-heading{letter-spacing:-.055em!important;max-width:14ch} .lpsu-main .lpsu-theme-legal.lpsu-role-point .lpsu-content, .lpsu-main .lpsu-theme-trust.lpsu-role-point .lpsu-content, .lpsu-main .lpsu-theme-medical.lpsu-role-point .lpsu-content{border-radius:var(--lpsu-card-radius,0px);box-shadow:0 18px 50px #0000000a} .lpsu-main .lpsu-theme-palette-yellow.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:7px 7px 0 var(--lpsu-accent)} .lpsu-main .lpsu-theme-palette-black.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:0 14px 35px #00000035} .lpsu-main .lpsu-theme-palette-orange.lpsu-role-services .lpsu-area, .lpsu-main .lpsu-theme-cafe-terra.lpsu-role-services .lpsu-area{border-radius:var(--lpsu-card-radius,0px);box-shadow:0 16px 36px #5e301519} .lpsu-main .lpsu-theme-palette-ocean.lpsu-role-about .lpsu-media img{box-shadow:18px 18px 0 #40b7d322} .lpsu-main .lpsu-theme-palette-green.lpsu-role-services .lpsu-area, .lpsu-main .lpsu-theme-construction.lpsu-role-services .lpsu-area{border-bottom:4px solid var(--lpsu-accent)!important} .lpsu-main .lpsu-theme-manufacturing.lpsu-role-services .lpsu-area, .lpsu-main .lpsu-theme-industrial-steel.lpsu-role-services .lpsu-area{border:1px solid #718da144!important;border-top:4px solid var(--lpsu-accent)!important} .lpsu-main .lpsu-theme-restaurant.lpsu-role-gallery .lpsu-full-gallery-image, .lpsu-main .lpsu-theme-hotel.lpsu-role-gallery .lpsu-full-gallery-image, .lpsu-main .lpsu-theme-beauty.lpsu-role-gallery .lpsu-full-gallery-image{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-theme-education.lpsu-role-process .lpsu-area, .lpsu-main .lpsu-theme-recruit.lpsu-role-process .lpsu-area{box-shadow:0 14px 30px #00000010} .lpsu-main .lpsu-theme-palette-white.lpsu-role-hero .lpsu-heading, .lpsu-main .lpsu-theme-minimal.lpsu-role-hero .lpsu-heading{letter-spacing:-.065em!important} /* 0.5.20 | compact section seams and collision-free member cards */ .lpsu-main .lpsu-skin-team-panels .lpsu-area::after{content:none!important} /* The plus belongs to the PERSON PHOTO, not the entire service card. */ .lpsu-main .lpsu-skin-team-panels:not(.lpsu-role-services) .lpsu-area-media{ position:relative;overflow:visible;border-radius:var(--lpsu-image-radius,0px); } .lpsu-main .lpsu-skin-team-panels:not(.lpsu-role-services) .lpsu-area-media img{ border-radius:var(--lpsu-image-radius,0px);overflow:hidden; } .lpsu-main .lpsu-skin-team-panels:not(.lpsu-role-services) .lpsu-area-media::after{ content:"+";position:absolute;right:16px;bottom:-20px;width:46px;height:46px; border-radius:50%;display:grid;place-items:center;z-index:3;background:#fff;color:#242629; font-size:27.0px;line-height:1;font-weight:400;box-shadow:0 5px 18px #00000025;pointer-events:none; } .lpsu-main .lpsu-skin-team-panels:not(.lpsu-role-services) .lpsu-area-copy{ padding-top:30px;padding-right:68px;position:relative;z-index:2; } /* Generic business cards have no decorative plus icon. */ .lpsu-main .lpsu-role-services .lpsu-area::after, .lpsu-main .lpsu-role-services .lpsu-area-media::after{content:none!important} /* Leave a bit more breathing room around boundary ornaments on long-copy site designs. */ .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-services>.lpsu-section-intro{padding-bottom:20px} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-process>.lpsu-grid-shell{padding-top:18px} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-services .lpsu-area{min-height:0} .lpsu-main .lpsu-section[class*="lpsu-theme-"].lpsu-role-services .lpsu-area-copy{ overflow-wrap:anywhere;min-width:0; } @media(max-width:767px){ .lpsu-main .lpsu-skin-team-panels:not(.lpsu-role-services) .lpsu-area-media::after{ width:44px;height:44px;right:14px;bottom:-18px; } .lpsu-main .lpsu-skin-team-panels:not(.lpsu-role-services) .lpsu-area-copy{padding-right:52px} } /* 0.5.21 | Five individually art-directed recommended page kits. These rules apply only to NEW generated kit sections with a kit-specific designId. */ .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"] .lpsu-body, .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"] .lpsu-area-copy .lpsu-body{ font-size:var(--lpsu-body-font,15px)!important;line-height:1.9; } .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"] .lpsu-area{border-radius:var(--lpsu-card-radius,0px)} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"] .lpsu-area-media img{border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"] .lpsu-section-intro{max-width:1240px} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-services>.lpsu-grid-shell{gap:24px;padding-top:30px} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-process>.lpsu-grid-shell{gap:22px;padding-top:26px} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-about .lpsu-media img{aspect-ratio:5/4;width:100%;max-height:490px;object-fit:cover} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-chapter .lpsu-heading{font-weight:820!important;letter-spacing:-.055em!important} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-message .lpsu-heading{max-width:15ch} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-message.lpsu-center .lpsu-shell{text-align:left;align-items:stretch} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-message.lpsu-center .lpsu-content{max-width:900px} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-gallery .lpsu-full-gallery-image img{transition:transform .5s ease} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-gallery .lpsu-full-gallery-item:hover img{transform:scale(1.025)} .lpsu-main .lpsu-theme-kit-b2b.lpsu-role-hero .lpsu-content{max-width:900px;border-left:4px solid var(--lpsu-accent);padding-left:clamp(22px,3vw,48px)} .lpsu-main .lpsu-theme-kit-b2b.lpsu-role-services .lpsu-area{box-shadow:0 12px 32px #103b5620} .lpsu-main .lpsu-theme-kit-b2b.lpsu-role-services .lpsu-area-media{aspect-ratio:16/11} .lpsu-main .lpsu-theme-kit-b2b.lpsu-role-point .lpsu-content{border-left:5px solid var(--lpsu-accent)} .lpsu-main .lpsu-theme-kit-recruitment.lpsu-role-hero .lpsu-heading{max-width:14ch} .lpsu-main .lpsu-theme-kit-recruitment.lpsu-role-hero .lpsu-bg-image{opacity:.25} .lpsu-main .lpsu-theme-kit-recruitment.lpsu-role-team .lpsu-area-media{aspect-ratio:4/5} .lpsu-main .lpsu-theme-kit-recruitment.lpsu-role-services .lpsu-area{background:#FFFFFF;color:#352926} .lpsu-main .lpsu-theme-kit-recruitment.lpsu-role-services .lpsu-area-copy{text-align:left} .lpsu-main .lpsu-theme-kit-recruitment.lpsu-role-services .lpsu-area-media{aspect-ratio:5/4} .lpsu-main .lpsu-theme-kit-professional.lpsu-role-hero .lpsu-bg-image{opacity:0} .lpsu-main .lpsu-theme-kit-professional.lpsu-role-hero .lpsu-content{border-top:2px solid var(--lpsu-accent);padding-top:36px;max-width:850px} .lpsu-main .lpsu-theme-kit-professional.lpsu-role-about .lpsu-heading{font-family:var(--lpsu-family-serif)!important} .lpsu-main .lpsu-theme-kit-professional.lpsu-role-services .lpsu-area{box-shadow:none;border:1px solid #ddd8c8!important;border-top:3px solid var(--lpsu-accent)!important} .lpsu-main .lpsu-theme-kit-shop.lpsu-role-hero .lpsu-heading{font-family:var(--lpsu-family-serif)!important;max-width:12ch} .lpsu-main .lpsu-theme-kit-shop.lpsu-role-message .lpsu-heading{font-family:var(--lpsu-family-serif)!important} .lpsu-main .lpsu-theme-kit-shop.lpsu-role-services .lpsu-area{box-shadow:0 14px 35px #633c261a} .lpsu-main .lpsu-theme-kit-shop.lpsu-role-services .lpsu-area-media{aspect-ratio:1/1} .lpsu-main .lpsu-theme-kit-shop.lpsu-role-gallery .lpsu-full-gallery-item:nth-child(2n){transform:translateY(12px)} .lpsu-main .lpsu-theme-kit-story.lpsu-role-hero .lpsu-heading{max-width:13ch;font-weight:530!important;letter-spacing:-.055em!important} .lpsu-main .lpsu-theme-kit-story.lpsu-role-about .lpsu-heading{font-family:var(--lpsu-family-serif)!important} .lpsu-main .lpsu-theme-kit-story.lpsu-role-services .lpsu-area{box-shadow:0 14px 34px #31134017} .lpsu-main .lpsu-theme-kit-story.lpsu-role-gallery .lpsu-full-gallery-item:nth-child(2n){transform:translateY(12px)} @media(max-width:767px){ .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"] .lpsu-body, .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"] .lpsu-area-copy .lpsu-body{font-size:var(--lpsu-mobile-body-font,15px)!important} .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-services>.lpsu-grid-shell, .lpsu-main .lpsu-section[class*="lpsu-theme-kit-"].lpsu-role-process>.lpsu-grid-shell{padding-top:20px} .lpsu-main .lpsu-theme-kit-shop.lpsu-role-gallery .lpsu-full-gallery-item:nth-child(2n), .lpsu-main .lpsu-theme-kit-story.lpsu-role-gallery .lpsu-full-gallery-item:nth-child(2n){transform:none} } /* v0.5.23: boundary remains at the section seam; no artificial spacer when overlapping. */ .lpsu-main .lpsu-section.lpsu-overlap-on{margin-bottom:0!important} .lpsu-main .lpsu-section.lpsu-overlap-on>.lpsu-divider-bottom{top:calc(100% - var(--lpsu-divider-height,0px) / 2)} .lpsu-main .lpsu-section.lpsu-overlap-on>.lpsu-divider-rule-bottom{top:calc(100% - var(--lpsu-rule-width,6px) / 2)} /* A purposeful graphic treatment: large disks, open rings, a fine grid and diagonal bands. */ .lpsu-main .lpsu-skin-orbital-grid{ --lpsu-pattern: radial-gradient(circle 16px at 13% 18%,color-mix(in srgb,var(--lpsu-accent) 70%,transparent) 98%,transparent 100%), radial-gradient(circle 44px at 72% 19%,color-mix(in srgb,var(--lpsu-accent) 27%,transparent) 98%,transparent 100%), radial-gradient(circle 75px at 88% 78%,transparent 89%,color-mix(in srgb,var(--lpsu-accent) 55%,transparent) 90% 96%,transparent 98%), radial-gradient(circle 31px at 31% 80%,color-mix(in srgb,var(--lpsu-accent) 22%,transparent) 98%,transparent 100%), linear-gradient(to right,color-mix(in srgb,var(--lpsu-fg) 11%,transparent) 1px,transparent 1px), linear-gradient(to bottom,color-mix(in srgb,var(--lpsu-fg) 11%,transparent) 1px,transparent 1px) } .lpsu-main .lpsu-skin-orbital-grid::before{background-size:auto,auto,auto,auto,38px 38px,38px 38px!important;opacity:1} .lpsu-main .lpsu-skin-bubble-grid{ --lpsu-pattern: radial-gradient(circle 178px at 5% 20%,color-mix(in srgb,var(--lpsu-accent) 37%,transparent) 0 85%,transparent 86%), radial-gradient(circle 110px at 89% 10%,transparent 62%,color-mix(in srgb,var(--lpsu-accent) 75%,transparent) 63% 67%,transparent 68%), radial-gradient(circle 115px at 95% 78%,color-mix(in srgb,var(--lpsu-accent) 40%,transparent) 0 88%,transparent 89%), radial-gradient(circle 75px at 35% 91%,transparent 60%,color-mix(in srgb,var(--lpsu-accent) 46%,transparent) 61% 67%,transparent 68%), radial-gradient(circle 36px at 58% 21%,color-mix(in srgb,var(--lpsu-accent) 62%,transparent) 98%,transparent 100%), radial-gradient(circle 19px at 20% 74%,color-mix(in srgb,var(--lpsu-accent) 68%,transparent) 98%,transparent 100%), linear-gradient(to right,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px), linear-gradient(to bottom,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px) } .lpsu-main .lpsu-skin-bubble-grid::before{background-size:auto,auto,auto,auto,auto,auto,42px 42px,42px 42px!important;opacity:1} .lpsu-main .lpsu-skin-slash-band{ --lpsu-pattern: linear-gradient(133deg,transparent 0 16%,color-mix(in srgb,var(--lpsu-accent) 50%,transparent) 16% 26%,transparent 26% 51%,color-mix(in srgb,var(--lpsu-accent) 26%,transparent) 51% 61%,transparent 61% 100%), linear-gradient(to right,color-mix(in srgb,var(--lpsu-fg) 6%,transparent) 1px,transparent 1px), linear-gradient(to bottom,color-mix(in srgb,var(--lpsu-fg) 6%,transparent) 1px,transparent 1px) } .lpsu-main .lpsu-skin-slash-band::before{background-size:auto,42px 42px,42px 42px!important} @media(max-width:767px){ .lpsu-main .lpsu-skin-bubble-grid::before{background-position:-85px -65px,60px -50px,70px 250px,-30px 260px,0 0,0 0,0 0,0 0} .lpsu-main .lpsu-section.lpsu-overlap-on>.lpsu-divider-bottom{top:calc(100% - min(var(--lpsu-divider-height),45px) / 2)} } /* v0.5.24 | purpose-built benefits, pricing and FAQ sections */ .lpsu-main .lpsu-benefits-inner,.lpsu-main .lpsu-pricing-inner,.lpsu-main .lpsu-faq-inner{width:100%;max-width:1440px;margin:0 auto;padding:var(--lpsu-effective-pad);position:relative;z-index:2;min-width:0;font-family:var(--lpsu-body-family)} .lpsu-main .lpsu-special-intro{max-width:960px;margin:0 auto clamp(30px,4vw,56px);text-align:center} .lpsu-main .lpsu-special-intro .lpsu-heading{margin:0 0 .55em!important} .lpsu-main .lpsu-special-intro .lpsu-body{font-size:var(--lpsu-body-font,15px)!important;line-height:1.9;max-width:760px;margin:0 auto;color:inherit} .lpsu-main .lpsu-benefits-grid,.lpsu-main .lpsu-pricing-grid{display:grid;grid-template-columns:repeat(var(--lpsu-special-cols,3),minmax(0,1fr));gap:clamp(14px,2.2vw,32px);align-items:stretch;min-width:0} .lpsu-main .lpsu-benefit{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;background:#f4f7ff;color:#27354e;border:1px solid #dce5f2;border-radius:var(--lpsu-card-radius,0px);overflow:hidden;box-shadow:0 12px 32px #10244015;text-align:center;padding:0 26px 30px} .lpsu-main .lpsu-benefit-label{font:800 clamp(20px,2vw,30px)/1.42 var(--lpsu-heading-family);letter-spacing:.015em;margin:0 -26px 24px;padding:19px 16px;background:#303d62;color:white!important;border:0!important;box-shadow:none!important} .lpsu-main .lpsu-benefit-eyebrow{font-size:clamp(15px,1.2vw,17.0px);font-weight:700;color:#596575;margin:0 0 4px} .lpsu-main .lpsu-benefit-metric{font:800 clamp(48px,5vw,84px)/1.15 var(--lpsu-heading-family);letter-spacing:-.045em;margin:0 0 12px;color:#F26A19} .lpsu-main .lpsu-benefit-metric span{font-size:clamp(15px,1.8vw,27.0px);letter-spacing:0;margin-left:4px} .lpsu-main .lpsu-benefit-body{font-size:var(--lpsu-body-font,15px);line-height:1.95;margin:0;text-wrap:pretty;color:#364156} .lpsu-main .lpsu-benefit-image{width:calc(100% + 52px);max-width:none;aspect-ratio:16/8.5;object-fit:cover;margin:0 -26px 20px;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-benefit-style-number .lpsu-benefit{background:transparent;color:inherit;border-top:4px solid var(--lpsu-accent);box-shadow:none} .lpsu-main .lpsu-benefit-style-number .lpsu-benefit-label{background:transparent;color:inherit!important;padding-bottom:8px;border-bottom:1px solid currentColor!important} .lpsu-main .lpsu-benefit-style-number .lpsu-benefit-body{color:inherit} .lpsu-main .lpsu-benefit-style-badge .lpsu-benefit{padding-top:28px} .lpsu-main .lpsu-benefit-style-badge .lpsu-benefit-label{align-self:center;display:inline-block;margin:0 0 24px;padding:12px 26px;border-radius:999px;background:var(--lpsu-accent);color:var(--lpsu-bg)!important;font-size:clamp(17.0px,1.8vw,25.0px)} .lpsu-main .lpsu-benefit-style-plain .lpsu-benefit{background:transparent;color:inherit;border:0;border-top:3px solid var(--lpsu-accent);padding-top:28px;box-shadow:none;text-align:left} .lpsu-main .lpsu-benefit-style-plain .lpsu-benefit-label{background:transparent;color:inherit!important;margin:0 0 18px;padding:0;text-align:left} .lpsu-main .lpsu-benefit-style-plain .lpsu-benefit-body{color:inherit} .lpsu-main .lpsu-plan{position:relative;display:flex;flex-direction:column;min-width:0;overflow:visible;margin-top:22px;border:1px solid #d3deeb;background:#fff;color:#263750;border-radius:var(--lpsu-card-radius,0px);box-shadow:0 10px 28px #1434520e} .lpsu-main .lpsu-plan-featured{border:3px solid #087fb9;box-shadow:0 16px 40px #1266a72a;z-index:1} .lpsu-main .lpsu-plan-badge{position:absolute;top:-32px;left:50%;transform:translateX(-50%);background:#f4691c;color:#fff;padding:9px 24px;font-size:15px;font-weight:800;white-space:nowrap;z-index:2} .lpsu-main .lpsu-plan-top{background:#235f9f;color:#fff;text-align:center;padding:26px 22px 24px;min-height:285px;display:flex;flex-direction:column;justify-content:start;gap:10px} .lpsu-main .lpsu-plan-featured .lpsu-plan-top{background:#0789be} .lpsu-main .lpsu-plan-top h3{font:800 clamp(20px,1.8vw,28px)/1.35 var(--lpsu-heading-family);margin:0;padding:0 0 14px;color:inherit!important;border-bottom:1px solid #ffffff42} .lpsu-main .lpsu-plan-price{font:800 clamp(27px,2.6vw,46px)/1.22 var(--lpsu-heading-family);margin:7px 0 0;overflow-wrap:anywhere} .lpsu-main .lpsu-plan-period{font-size:var(--lpsu-body-font,15px);line-height:1.55;margin:0;color:#e7f4ff} .lpsu-main .lpsu-plan-summary{font-size:var(--lpsu-body-font,15px);line-height:1.75;margin:5px 0 0} .lpsu-main .lpsu-plan-top .lpsu-buttons{margin-top:auto;justify-content:center} .lpsu-main .lpsu-plan-top .lpsu-button{min-height:45px;padding:8px 14px;width:100%;background:#f57413;color:#fff!important;border-color:#f57413;font-size:var(--lpsu-body-font,15px);border-radius:var(--lpsu-button-radius,8px)} .lpsu-main .lpsu-plan-rows{margin:0;padding:0 22px;flex:1} .lpsu-main .lpsu-plan-row{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #dde4ed;font-size:var(--lpsu-body-font,15px);line-height:1.65} .lpsu-main .lpsu-plan-row:last-child{border-bottom:0} .lpsu-main .lpsu-plan-row dt{font-weight:500;color:#667184;overflow-wrap:anywhere} .lpsu-main .lpsu-plan-row dd{font-weight:750;overflow-wrap:anywhere;margin:0} .lpsu-main .lpsu-pricing-note{margin:26px auto 0;font-size:var(--lpsu-body-font,15px);line-height:1.8;color:inherit;opacity:.8;max-width:1160px} .lpsu-main .lpsu-faq-inner{max-width:1260px} .lpsu-main .lpsu-faq-list{display:grid;gap:18px;margin:0 auto} .lpsu-main .lpsu-faq-item{background:#fff;color:#263750;border-radius:var(--lpsu-card-radius,0px);border:1px solid #e2e9f3;overflow:hidden;box-shadow:0 4px 14px #142d5010} .lpsu-main .lpsu-faq-item summary{display:flex;align-items:center;gap:20px;cursor:pointer;padding:24px 32px;font:750 clamp(17px,1.6vw,24px)/1.5 var(--lpsu-heading-family);list-style:none;color:inherit} .lpsu-main .lpsu-faq-item summary::-webkit-details-marker{display:none} .lpsu-main .lpsu-faq-item summary::marker{content:''} .lpsu-main .lpsu-faq-q,.lpsu-main .lpsu-faq-a{flex:0 0 32px;font:850 35.0px/1.1 var(--lpsu-heading-family);color:var(--lpsu-accent)} .lpsu-main .lpsu-faq-a{opacity:.47} .lpsu-main .lpsu-faq-question{flex:1;min-width:0;overflow-wrap:anywhere} .lpsu-main .lpsu-faq-toggle{position:relative;width:22px;height:22px;flex:0 0 22px} .lpsu-main .lpsu-faq-toggle:before,.lpsu-main .lpsu-faq-toggle:after{content:"";position:absolute;left:2px;right:2px;top:10px;height:2px;background:#496078} .lpsu-main .lpsu-faq-toggle:after{transform:rotate(90deg);transition:transform .2s ease} .lpsu-main .lpsu-faq-item[open] .lpsu-faq-toggle:after{transform:rotate(0)} .lpsu-main .lpsu-faq-item summary:focus-visible{outline:3px solid var(--lpsu-accent);outline-offset:-5px} .lpsu-main .lpsu-faq-answer{display:flex;align-items:flex-start;gap:20px;padding:0 32px 26px} .lpsu-main .lpsu-faq-answer-text{font-size:var(--lpsu-body-font,15px);line-height:1.95;min-width:0;overflow-wrap:anywhere} .lpsu-main .lpsu-faq-style-lines .lpsu-faq-item{background:transparent;color:inherit;border:0;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--lpsu-fg) 20%,transparent);box-shadow:none} .lpsu-main .lpsu-faq-style-lines .lpsu-faq-item summary,.lpsu-main .lpsu-faq-style-lines .lpsu-faq-answer{padding-left:0;padding-right:0} .lpsu-main .lpsu-faq-style-mark .lpsu-faq-q{background:var(--lpsu-accent);color:var(--lpsu-bg);text-align:center;padding:8px 0;font-size:24.0px} @media(max-width:900px){.lpsu-main .lpsu-benefits-grid,.lpsu-main .lpsu-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lpsu-main .lpsu-plan-top{min-height:300px}} @media(max-width:767px){ .lpsu-main .lpsu-benefits-inner,.lpsu-main .lpsu-pricing-inner,.lpsu-main .lpsu-faq-inner{padding:clamp(26px,7vw,50px) clamp(18px,5vw,28px)} .lpsu-main .lpsu-special-intro .lpsu-heading{font-size:var(--lpsu-mobile-font)!important} .lpsu-main .lpsu-special-intro .lpsu-body,.lpsu-main .lpsu-benefit-body,.lpsu-main .lpsu-plan-period,.lpsu-main .lpsu-plan-summary,.lpsu-main .lpsu-plan-row,.lpsu-main .lpsu-pricing-note,.lpsu-main .lpsu-faq-answer-text{font-size:var(--lpsu-mobile-body-font,15px)!important} .lpsu-main .lpsu-benefits-grid,.lpsu-main .lpsu-pricing-grid{grid-template-columns:1fr;gap:28px} .lpsu-main .lpsu-benefit{padding-left:22px;padding-right:22px} .lpsu-main .lpsu-benefit-label{margin-left:-22px;margin-right:-22px} .lpsu-main .lpsu-benefit-image{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px} .lpsu-main .lpsu-plan-top{min-height:0;padding:22px 20px 25px} .lpsu-main .lpsu-plan-row{grid-template-columns:minmax(0,44%) minmax(0,56%);gap:8px} .lpsu-main .lpsu-faq-item summary{gap:12px;padding:20px 17px;font-size:17.0px} .lpsu-main .lpsu-faq-answer{gap:12px;padding:0 17px 22px} .lpsu-main .lpsu-faq-q,.lpsu-main .lpsu-faq-a{flex-basis:27px;font-size:28.0px} } @media(prefers-reduced-motion:reduce){.lpsu-main .lpsu-faq-toggle:after{transition:none}} .lpsu-main .lpsu-faq-always .lpsu-faq-summary{display:flex;gap:20px;align-items:center;padding:24px 32px;font:750 clamp(17px,1.6vw,24px)/1.5 var(--lpsu-heading-family)} .lpsu-main .lpsu-faq-style-lines .lpsu-faq-always .lpsu-faq-summary{padding-left:0;padding-right:0} @media(max-width:767px){.lpsu-main .lpsu-faq-always .lpsu-faq-summary{gap:12px;padding:20px 17px;font-size:17.0px}} /* v0.5.25: separate, accessible content sections and safe overlaps. */ .lpsu-main .lpsu-extra-inner{width:100%;max-width:1440px;margin:0 auto;padding:var(--lpsu-effective-pad);position:relative;z-index:2;font-family:var(--lpsu-body-family);min-width:0} .lpsu-main .lpsu-extra-inner>.lpsu-special-intro{max-width:980px;margin-bottom:36px} .lpsu-main .lpsu-extra-grid{display:grid;grid-template-columns:repeat(var(--lpsu-extra-cols,3),minmax(0,1fr));gap:clamp(18px,2.3vw,32px);align-items:stretch} .lpsu-main .lpsu-extra-card{position:relative;min-width:0;display:flex;flex-direction:column;gap:12px;background:#ffffff;color:#22364a;padding:28px;border:1px solid #dfe6ed;box-shadow:0 10px 26px #182e4310;border-radius:var(--lpsu-card-radius,0px);overflow:visible} .lpsu-main .lpsu-extra-style-band .lpsu-extra-card{border-top:7px solid var(--lpsu-accent)} .lpsu-main .lpsu-extra-style-outline .lpsu-extra-card{background:transparent;color:inherit;border:2px solid color-mix(in srgb,var(--lpsu-accent) 48%,transparent);box-shadow:none} .lpsu-main .lpsu-extra-style-contrast .lpsu-extra-card{background:color-mix(in srgb,var(--lpsu-bg) 84%,#142b45 16%);color:var(--lpsu-fg);border-color:color-mix(in srgb,var(--lpsu-accent) 24%,transparent)} .lpsu-main .lpsu-extra-image{width:100%;aspect-ratio:16/10;overflow:hidden;background:#f3f5f7;border-radius:var(--lpsu-image-radius,0px)} .lpsu-main .lpsu-extra-image img{width:100%;height:100%;object-fit:cover;display:block} .lpsu-main .lpsu-logos .lpsu-extra-image{aspect-ratio:16/8;background:#fff;display:grid;place-items:center;padding:18px} .lpsu-main .lpsu-logos .lpsu-extra-image img{object-fit:contain} .lpsu-main .lpsu-logos .lpsu-extra-card{text-align:center;justify-content:center} .lpsu-main .lpsu-logo-fallback{display:grid;place-items:center;min-height:96px;color:var(--lpsu-accent);font-size:clamp(18.0px,2vw,30.0px);font-weight:800;overflow-wrap:anywhere} .lpsu-main .lpsu-extra-meta{font-size:15px;font-weight:750;letter-spacing:.09em;opacity:.75;margin:0} .lpsu-main .lpsu-extra-title{font-size:clamp(20.0px,2vw,30.0px)!important;line-height:1.3!important;margin:0!important;font-family:var(--lpsu-heading-family);background:none!important;padding:0!important;color:inherit!important;border:0!important} .lpsu-main .lpsu-extra-title::before,.lpsu-main .lpsu-extra-title::after{content:none!important} .lpsu-main .lpsu-extra-metric{font-size:clamp(23.0px,3vw,42.0px);font-weight:800;color:var(--lpsu-accent);margin:0} .lpsu-main .lpsu-extra-body{font-size:var(--lpsu-body-font,15px);line-height:1.9;margin:0;overflow-wrap:anywhere} .lpsu-main .lpsu-extra-link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:var(--lpsu-accent);font-weight:750;text-decoration:none;border-bottom:1px solid currentColor;align-self:flex-start;padding-top:10px} .lpsu-main .lpsu-extra-index{width:54px;height:54px;display:grid;place-items:center;font:bold 24.0px/1 var(--lpsu-heading-family);background:var(--lpsu-accent);color:var(--lpsu-bg);margin-top:-6px} .lpsu-main .lpsu-flowchart .lpsu-extra-card:not(:last-child):after{content:'→';position:absolute;left:calc(100% + 3px);top:42%;width:24px;color:var(--lpsu-accent);font:bold 25.0px/1 sans-serif;z-index:3;text-align:center} .lpsu-main .lpsu-testimonials .lpsu-extra-body{font-size:var(--lpsu-body-font,15px);line-height:2} .lpsu-main .lpsu-testimonials .lpsu-extra-body:before{content:'“';display:block;font:700 64.0px/.8 Georgia,serif;color:var(--lpsu-accent);opacity:.8} .lpsu-main .lpsu-extra-cta{justify-content:center;margin-top:28px} .lpsu-main .lpsu-comparison-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #e1e7ee} .lpsu-main .lpsu-comparison-table{border-collapse:collapse;width:100%;min-width:600px;color:#25394d;background:#fff;font-size:var(--lpsu-body-font,15px);table-layout:fixed} .lpsu-main .lpsu-comparison-table th,.lpsu-main .lpsu-comparison-table td{padding:18px 20px;border:1px solid #e0e7ec;text-align:left;vertical-align:middle;overflow-wrap:anywhere} .lpsu-main .lpsu-comparison-table thead th{background:var(--lpsu-accent);color:#fff;font-weight:800;font-size:clamp(15px,1.4vw,20.0px)} .lpsu-main .lpsu-comparison-table thead th.is-recommended{background:#153b59} .lpsu-main .lpsu-comparison-table tbody th{background:#eef4f8;font-weight:750} .lpsu-main .lpsu-comparison-table tbody tr:nth-child(even) td{background:#f7f9fb} .lpsu-main .lpsu-comparison-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:20px} .lpsu-main .lpsu-cta-banner .lpsu-bg-image{opacity:.24} .lpsu-main .lpsu-cta-banner .lpsu-shell{justify-content:center;text-align:center} .lpsu-main .lpsu-cta-banner .lpsu-content{max-width:960px} .lpsu-main .lpsu-cta-banner .lpsu-buttons{justify-content:center} .lpsu-main .lpsu-counter-strip .lpsu-shell{display:block} .lpsu-main .lpsu-counter-strip .lpsu-content{max-width:100%;text-align:center} .lpsu-main .lpsu-counter-strip .lpsu-counters{margin-top:16px} .lpsu-main .lpsu-counter-strip .lpsu-counter-item{border-top:0;border-left:1px solid color-mix(in srgb,var(--lpsu-fg) 30%,transparent);padding:12px 26px} .lpsu-main .lpsu-counter-strip .lpsu-counter-item:first-child{border-left:0} /* Section overlap: margin affects flow, rather than translating content into other text. */ .lpsu-main .lpsu-section.lpsu-custom-overlap{margin-top:calc(-1 * var(--lpsu-section-overlap,0px))!important;z-index:var(--lpsu-overlap-z,1)} /* Card overlap applies only to card-based blocks; the card's text stays within its own surface. */ .lpsu-main .lpsu-card-overlap-middle .lpsu-benefit:nth-child(2), .lpsu-main .lpsu-card-overlap-middle .lpsu-plan:nth-child(2), .lpsu-main .lpsu-card-overlap-middle .lpsu-extra-card:nth-child(2), .lpsu-main .lpsu-card-overlap-middle.lpsu-cards3 .lpsu-area:nth-child(2){transform:translateY(calc(-1 * var(--lpsu-card-shift,20px)));z-index:5} .lpsu-main .lpsu-card-overlap-steps .lpsu-benefit:nth-child(2),.lpsu-main .lpsu-card-overlap-steps .lpsu-plan:nth-child(2),.lpsu-main .lpsu-card-overlap-steps .lpsu-extra-card:nth-child(2){transform:translateY(calc(var(--lpsu-card-shift,20px) / 2))} .lpsu-main .lpsu-card-overlap-steps .lpsu-benefit:nth-child(3),.lpsu-main .lpsu-card-overlap-steps .lpsu-plan:nth-child(3),.lpsu-main .lpsu-card-overlap-steps .lpsu-extra-card:nth-child(3){transform:translateY(var(--lpsu-card-shift,20px))} .lpsu-main .lpsu-card-overlap-alternate .lpsu-benefit:nth-child(even),.lpsu-main .lpsu-card-overlap-alternate .lpsu-plan:nth-child(even),.lpsu-main .lpsu-card-overlap-alternate .lpsu-extra-card:nth-child(even){transform:translateY(var(--lpsu-card-shift,20px))} /* Floating heading plates: reserve padding, never cover body text. */ .lpsu-main .lpsu-title-plate .lpsu-benefit,.lpsu-main .lpsu-title-plate .lpsu-extra-card{padding-top:max(52px,var(--lpsu-plate-lift,24px))} .lpsu-main .lpsu-title-plate .lpsu-benefit-label,.lpsu-main .lpsu-title-plate .lpsu-extra-title{position:relative;z-index:4;width:var(--lpsu-plate-width,80%);max-width:100%;margin:calc(-1 * var(--lpsu-plate-lift,24px)) auto 20px!important;padding:16px 20px!important;background:var(--lpsu-plate-bg,#243451)!important;color:var(--lpsu-plate-fg,#fff)!important;text-align:center;border:0!important;border-radius:0!important;box-shadow:0 12px 24px #0002} .lpsu-main .lpsu-title-plate .lpsu-benefit-label{margin-top:calc(-1 * var(--lpsu-plate-lift,24px) - 25px)!important} .lpsu-main .lpsu-title-plate .lpsu-plan-top>h3{position:relative;z-index:4;width:var(--lpsu-plate-width,80%);margin:calc(-1 * var(--lpsu-plate-lift,24px)) auto 20px!important;padding:16px 20px!important;background:var(--lpsu-plate-bg,#243451)!important;color:var(--lpsu-plate-fg,#fff)!important;text-align:center} @media(max-width:900px){.lpsu-main .lpsu-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lpsu-main .lpsu-flowchart .lpsu-extra-card:after{display:none}} @media(max-width:767px){ .lpsu-main .lpsu-extra-inner{padding:clamp(24px,6vw,46px)} .lpsu-main .lpsu-extra-grid{grid-template-columns:1fr;gap:24px} .lpsu-main .lpsu-extra-card{padding:24px} .lpsu-main .lpsu-section.lpsu-custom-overlap{margin-top:calc(-1 * clamp(-45px,calc(var(--lpsu-section-overlap,0px) * .4),45px))!important} .lpsu-main .lpsu-card-overlap-middle .lpsu-benefit:nth-child(2),.lpsu-main .lpsu-card-overlap-middle .lpsu-plan:nth-child(2),.lpsu-main .lpsu-card-overlap-middle .lpsu-extra-card:nth-child(2),.lpsu-main .lpsu-card-overlap-steps .lpsu-benefit,.lpsu-main .lpsu-card-overlap-steps .lpsu-plan,.lpsu-main .lpsu-card-overlap-steps .lpsu-extra-card,.lpsu-main .lpsu-card-overlap-alternate .lpsu-benefit,.lpsu-main .lpsu-card-overlap-alternate .lpsu-plan,.lpsu-main .lpsu-card-overlap-alternate .lpsu-extra-card{transform:none} .lpsu-main .lpsu-counter-strip .lpsu-counter-item{border:0;border-top:1px solid color-mix(in srgb,var(--lpsu-fg) 23%,transparent)} .lpsu-main .lpsu-counter-strip .lpsu-counter-item:first-child{border:0} .lpsu-main .lpsu-comparison-table{font-size:15px} } /* v0.5.26 — design-system finishing pass. All declarations are LP-scoped; section tokens are calculated from the chosen background and accent at render time. Squared cards/images remain the default, and user-selected radii are retained. */ .lpsu-main .lpsu-special-intro .lpsu-heading, .lpsu-main .lpsu-extra-inner .lpsu-heading{ text-wrap:balance;overflow-wrap:anywhere;letter-spacing:-.035em!important; } .lpsu-main .lpsu-special-intro .lpsu-eyebrow{ display:inline-flex;align-items:center;gap:12px;font-weight:800; font-size:15px;letter-spacing:.18em;opacity:1; } .lpsu-main .lpsu-special-intro .lpsu-eyebrow:before, .lpsu-main .lpsu-special-intro .lpsu-eyebrow:after{ content:"";width:clamp(16px,2.5vw,38px);height:2px;background:var(--lpsu-accent); } .lpsu-main .lpsu-special-intro .lpsu-body{ max-width:680px;line-height:1.95;letter-spacing:.012em; } .lpsu-main .lpsu-benefits-grid, .lpsu-main .lpsu-pricing-grid{gap:clamp(16px,2.1vw,30px);padding-top:8px;padding-bottom:18px} .lpsu-main .lpsu-benefit, .lpsu-main .lpsu-plan, .lpsu-main .lpsu-faq-item, .lpsu-main .lpsu-extra-card{ background:var(--lpsu-panel-bg,#fff);color:var(--lpsu-panel-ink,#263750); border-color:var(--lpsu-panel-line,#dae1e8); box-shadow:var(--lpsu-panel-shadow,0 16px 32px #10253d13); border-radius:var(--lpsu-card-radius,0px); } .lpsu-main .lpsu-benefit{padding:0 clamp(20px,2vw,30px) 34px;gap:0;overflow:hidden} .lpsu-main .lpsu-benefit-label{ background:color-mix(in srgb,var(--lpsu-bg) 24%,#19283e 76%); color:#fff!important;padding:18px 16px;margin-bottom:28px; font-size:clamp(18.0px,1.75vw,26.0px);letter-spacing:.025em; } .lpsu-main .lpsu-benefit-eyebrow{font-size:15px;letter-spacing:.04em;color:inherit;opacity:.68;margin-bottom:10px} .lpsu-main .lpsu-benefit-metric{ color:var(--lpsu-accent);font-size:clamp(44.0px,4.4vw,76.0px); line-height:1.1;overflow-wrap:anywhere; } .lpsu-main .lpsu-benefit-body{color:inherit;opacity:.92;max-width:41ch;margin-inline:auto;font-size:var(--lpsu-body-font,15px);line-height:1.9} .lpsu-main .lpsu-benefit-image{aspect-ratio:16/9;object-fit:cover;max-height:280px} .lpsu-main .lpsu-benefit-style-number .lpsu-benefit{background:transparent;border:0;border-top:4px solid var(--lpsu-accent);box-shadow:none} .lpsu-main .lpsu-benefit-style-number .lpsu-benefit-label{color:inherit!important;border-color:var(--lpsu-panel-line)!important} .lpsu-main .lpsu-benefit-style-badge .lpsu-benefit-label{ color:var(--lpsu-accent-ink,#fff)!important;background:var(--lpsu-accent); border-radius:999px;max-width:100%;font-size:clamp(16.0px,1.5vw,21.0px); } .lpsu-main .lpsu-benefit-style-plain .lpsu-benefit{background:transparent;border:0;border-top:3px solid var(--lpsu-accent);box-shadow:none} .lpsu-main .lpsu-benefit-style-plain .lpsu-benefit-label{color:inherit!important} .lpsu-main .lpsu-benefit-style-plain .lpsu-benefit-body{margin-inline:0} /* A true horizontal plate extends beyond the card without covering body copy. */ .lpsu-main .lpsu-title-plate .lpsu-benefits-grid{padding-top:calc(var(--lpsu-plate-lift,24px) + 20px)} .lpsu-main .lpsu-title-plate .lpsu-benefit{overflow:visible;padding-top:22px} .lpsu-main .lpsu-title-plate .lpsu-benefit-label{ flex:none;width:var(--lpsu-plate-width,80%);max-width:calc(100% + 36px); margin:calc(-1 * (var(--lpsu-plate-lift,24px) + 22px)) auto 25px!important; padding:15px 16px!important;min-height:62px; display:flex;justify-content:center;align-items:center; box-shadow:0 12px 24px #09172828; background:var(--lpsu-plate-bg,#243451)!important; color:var(--lpsu-plate-fg,#fff)!important; } .lpsu-main .lpsu-title-plate .lpsu-benefit-image{max-width:100%} .lpsu-main .lpsu-card-overlap-middle .lpsu-benefit:nth-child(2){box-shadow:0 23px 55px #132b4340} /* Pricing: brand-aware headings instead of hard-coded blue/orange. */ .lpsu-main .lpsu-plan{margin-top:32px;box-shadow:var(--lpsu-panel-shadow);overflow:visible} .lpsu-main .lpsu-plan-featured{ border:2px solid var(--lpsu-accent);box-shadow:0 24px 52px #09182b32;z-index:2; } .lpsu-main .lpsu-plan-top{ background:color-mix(in srgb,var(--lpsu-accent) 26%,#182D48 74%); color:#fff;padding:30px clamp(15px,1.8vw,26px) 26px;min-height:314px;gap:10px; } .lpsu-main .lpsu-plan-featured .lpsu-plan-top{background:var(--lpsu-accent);color:var(--lpsu-accent-ink,#fff)} .lpsu-main .lpsu-plan-top h3{font-size:clamp(18.0px,1.7vw,26.0px);font-weight:750;letter-spacing:.03em;border-color:currentColor;overflow-wrap:anywhere} .lpsu-main .lpsu-plan-price{font-size:clamp(27.0px,2.5vw,43.0px);letter-spacing:-.035em;margin:2px 0 0} .lpsu-main .lpsu-plan-period{color:inherit;opacity:.8} .lpsu-main .lpsu-plan-summary{line-height:1.8;min-height:2.3em;color:inherit} .lpsu-main .lpsu-plan-top .lpsu-button, .lpsu-main .lpsu-plan-featured .lpsu-plan-top .lpsu-button{ background:#fff;border-color:#fff;color:#19283e!important; font-size:var(--lpsu-body-font,15px);font-weight:800; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; } .lpsu-main .lpsu-plan-top .lpsu-button:hover{opacity:1;transform:translateY(-2px);box-shadow:0 8px 20px #0002} .lpsu-main .lpsu-plan-badge{ top:-35px;padding:10px 22px;min-height:36px;background:var(--lpsu-accent); color:var(--lpsu-accent-ink,#fff);font-size:15px;letter-spacing:.06em; box-shadow:0 6px 14px #0002; } .lpsu-main .lpsu-plan-rows{padding:8px clamp(15px,1.65vw,26px) 14px} .lpsu-main .lpsu-plan-row{grid-template-columns:minmax(0,46%) minmax(0,54%);gap:12px;padding:15px 0;border-color:var(--lpsu-panel-line);font-size:var(--lpsu-body-font,15px)} .lpsu-main .lpsu-plan-row dt{color:inherit;opacity:.68} .lpsu-main .lpsu-plan-row dd{color:inherit;font-weight:750} .lpsu-main .lpsu-pricing-note{max-width:900px;margin:22px auto 0;font-size:15px;line-height:1.8;opacity:.8} .lpsu-main .lpsu-title-plate .lpsu-pricing-grid{padding-top:calc(var(--lpsu-plate-lift,24px) + 18px)} .lpsu-main .lpsu-title-plate .lpsu-plan-top>h3{ width:var(--lpsu-plate-width,80%);max-width:100%;min-height:58px; background:var(--lpsu-plate-bg,#243451)!important;color:var(--lpsu-plate-fg,#fff)!important; margin:calc(-1 * var(--lpsu-plate-lift,24px)) auto 10px!important;padding:13px 16px!important; display:flex;align-items:center;justify-content:center; } /* FAQ: typography and quieter panel rhythm; open/closed states stay keyboard-accessible. */ .lpsu-main .lpsu-faq-inner{max-width:1240px} .lpsu-main .lpsu-faq-list{gap:14px} .lpsu-main .lpsu-faq-item{border:1px solid var(--lpsu-panel-line);box-shadow:0 5px 17px #10253d0e;transition:border-color .2s ease,box-shadow .2s ease} .lpsu-main .lpsu-faq-item[open]{border-color:color-mix(in srgb,var(--lpsu-accent) 45%,var(--lpsu-panel-line));box-shadow:0 12px 30px #10253d16} .lpsu-main .lpsu-faq-item summary{font-size:clamp(16.0px,1.32vw,21.0px);gap:18px;padding:22px 28px} .lpsu-main .lpsu-faq-q{font-size:31.0px;color:var(--lpsu-accent)} .lpsu-main .lpsu-faq-a{color:var(--lpsu-accent);opacity:.65} .lpsu-main .lpsu-faq-answer{padding:0 28px 26px;gap:18px} .lpsu-main .lpsu-faq-answer-text{color:inherit;opacity:.9;line-height:1.9} .lpsu-main .lpsu-faq-toggle:before,.lpsu-main .lpsu-faq-toggle:after{background:var(--lpsu-accent)} .lpsu-main .lpsu-faq-style-lines .lpsu-faq-item{box-shadow:none!important;border:0;border-bottom:1px solid var(--lpsu-panel-line)} .lpsu-main .lpsu-faq-style-mark .lpsu-faq-q{color:var(--lpsu-accent-ink,#fff)} /* Newly introduced cards: consistent hierarchy and edge treatment. */ .lpsu-main .lpsu-extra-grid{gap:clamp(18px,2.2vw,30px);padding-bottom:12px} .lpsu-main .lpsu-extra-card{padding:clamp(22px,2.1vw,32px);gap:16px;box-shadow:var(--lpsu-panel-shadow)} .lpsu-main .lpsu-extra-style-contrast .lpsu-extra-card{background:color-mix(in srgb,var(--lpsu-panel-bg) 87%,var(--lpsu-accent) 13%);color:var(--lpsu-panel-ink)} .lpsu-main .lpsu-extra-meta{color:inherit;opacity:.62;font-weight:750;letter-spacing:.12em} .lpsu-main .lpsu-extra-title{font-size:clamp(20.0px,1.9vw,29.0px)!important;letter-spacing:-.02em!important;line-height:1.32!important} .lpsu-main .lpsu-extra-metric{color:var(--lpsu-accent);font-variant-numeric:tabular-nums;letter-spacing:-.03em} .lpsu-main .lpsu-extra-body{font-size:var(--lpsu-body-font,15px);max-width:55ch} .lpsu-main .lpsu-extra-link{color:var(--lpsu-panel-ink);border-color:var(--lpsu-accent);font-size:15px;padding-bottom:5px} .lpsu-main .lpsu-extra-index{color:var(--lpsu-accent-ink,#fff)} .lpsu-main .lpsu-flowchart .lpsu-extra-grid{column-gap:clamp(24px,3.2vw,50px)} .lpsu-main .lpsu-flowchart .lpsu-extra-card:not(:last-child):after{left:calc(100% + 7px);top:50%;transform:translateY(-50%)} .lpsu-main .lpsu-comparison-scroll{border-color:var(--lpsu-panel-line);box-shadow:var(--lpsu-panel-shadow)} .lpsu-main .lpsu-comparison-table thead th{background:var(--lpsu-accent);color:var(--lpsu-accent-ink,#fff)} .lpsu-main .lpsu-comparison-table thead th.is-recommended{background:color-mix(in srgb,var(--lpsu-accent) 32%,#182D48 68%);color:#fff} .lpsu-main .lpsu-comparison-table tbody th{background:color-mix(in srgb,var(--lpsu-bg) 82%,#fff 18%);color:var(--lpsu-fg)} .lpsu-main .lpsu-comparison-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--lpsu-bg) 24%,#fff 76%)} /* Bubbles with three depths: edge-cropped gradients, translucent disks, fine rings. No JS or repaint-on-scroll; very slow motion only if motion preference permits. */ .lpsu-main .lpsu-skin-bubble-grid{ --lpsu-pattern: radial-gradient(circle 210px at -4% 18%,color-mix(in srgb,var(--lpsu-accent) 42%,transparent) 0 84%,transparent 86%), radial-gradient(circle 118px at 90% 10%,transparent 65%,color-mix(in srgb,var(--lpsu-accent) 63%,transparent) 66% 69%,transparent 70%), radial-gradient(circle 148px at 104% 77%,color-mix(in srgb,var(--lpsu-accent) 32%,transparent) 0 92%,transparent 94%), radial-gradient(circle 73px at 35% 95%,transparent 73%,color-mix(in srgb,var(--lpsu-accent) 47%,transparent) 74% 80%,transparent 82%), radial-gradient(circle 34px at 62% 19%,color-mix(in srgb,var(--lpsu-accent) 65%,transparent) 98%,transparent 100%), radial-gradient(circle 22px at 16% 76%,color-mix(in srgb,var(--lpsu-accent) 65%,transparent) 98%,transparent 100%), linear-gradient(to right,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px), linear-gradient(to bottom,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px); } .lpsu-main .lpsu-skin-bubble-grid::before{background-size:auto,auto,auto,auto,auto,auto,43px 43px,43px 43px!important;opacity:1} .lpsu-main .lpsu-skin-bubble-grid::after{ content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background:radial-gradient(circle 290px at 16% 115%,color-mix(in srgb,var(--lpsu-accent) 19%,transparent),transparent 78%),radial-gradient(circle 310px at 107% -6%,color-mix(in srgb,var(--lpsu-accent) 23%,transparent),transparent 79%); opacity:.9; } @media(prefers-reduced-motion:no-preference){ .lpsu-main .lpsu-skin-bubble-grid::before{animation:lpsu-bubble-drift 32s ease-in-out infinite alternate} .lpsu-main .lpsu-skin-bubble-grid::after{animation:lpsu-bubble-drift 38s ease-in-out infinite alternate-reverse} } @keyframes lpsu-bubble-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-10px,0)}} @media(max-width:900px){ .lpsu-main .lpsu-benefits-grid,.lpsu-main .lpsu-pricing-grid{column-gap:18px} .lpsu-main .lpsu-plan-top{min-height:290px} } @media(max-width:767px){ .lpsu-main .lpsu-special-intro{margin-bottom:34px} .lpsu-main .lpsu-special-intro .lpsu-heading{font-size:var(--lpsu-mobile-font,32.0px)!important} .lpsu-main .lpsu-benefits-grid,.lpsu-main .lpsu-pricing-grid{padding-top:0;padding-bottom:10px;gap:22px} .lpsu-main .lpsu-title-plate .lpsu-benefits-grid{padding-top:calc(var(--lpsu-plate-lift,24px) + 18px);gap:30px} .lpsu-main .lpsu-benefit{padding-inline:20px;padding-bottom:28px} .lpsu-main .lpsu-benefit-label{margin-left:-20px;margin-right:-20px} .lpsu-main .lpsu-benefit-body,.lpsu-main .lpsu-extra-body{font-size:var(--lpsu-mobile-body-font,15px)} .lpsu-main .lpsu-benefit-metric{font-size:clamp(44.0px,12vw,67.0px)} .lpsu-main .lpsu-plan{margin-top:26px} .lpsu-main .lpsu-plan-top{min-height:0;padding:26px 18px 22px} .lpsu-main .lpsu-plan-top h3{font-size:21.0px} .lpsu-main .lpsu-plan-row{padding:14px 0;gap:10px} .lpsu-main .lpsu-faq-item summary{padding:18px 17px;gap:12px;font-size:16.0px} .lpsu-main .lpsu-faq-answer{padding:0 17px 22px;gap:12px} .lpsu-main .lpsu-faq-q,.lpsu-main .lpsu-faq-a{font-size:28.0px;flex-basis:28px} .lpsu-main .lpsu-extra-grid{gap:22px} .lpsu-main .lpsu-extra-card{padding:23px} .lpsu-main .lpsu-skin-bubble-grid::before{background-position:-115px -30px,30px -40px,70px 280px,0 160px,0 0,0 0,0 0,0 0} } @media(prefers-reduced-motion:reduce){.lpsu-main .lpsu-plan-top .lpsu-button{transition:none}} /* v0.5.27: one page-wide content-only scale; section backgrounds and dividers are never zoomed. CSS zoom participates in layout, unlike transform: scale(), so cards do not visually collide. Each section has one direct content root per layout; do not recursively zoom descendants. */ .lpsu-main{--lpsu-content-scale:1} .lpsu-main .lpsu-section > :is(.lpsu-shell,.lpsu-grid-shell,.lpsu-section-intro,.lpsu-section-cta,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){ zoom:var(--lpsu-content-scale,1); } .lpsu-main .lpsu-button-placeholder{display:none;position:relative} .lpsu-main.lpsu-preview .lpsu-button-placeholder{display:inline-flex;opacity:1;filter:none;cursor:not-allowed;pointer-events:none} .lpsu-main.lpsu-preview .lpsu-button-placeholder::after{content:"リンク未設定";position:absolute;top:-11px;right:-10px;z-index:4;padding:4px 7px;border-radius:999px;background:rgba(20,27,36,.86);color:#fff;font-size:15px;font-weight:700;line-height:1;letter-spacing:.02em;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.18)} /* Shared typographic measure: large reading blocks stay readable in wide sections. */ .lpsu-main .lpsu-section-intro .lpsu-body, .lpsu-main .lpsu-special-intro .lpsu-body{max-width:70ch} .lpsu-main .lpsu-section:not(.lpsu-align-center):not(.lpsu-align-right)>.lpsu-section-intro .lpsu-body{margin-left:0} .lpsu-main .lpsu-section .lpsu-button:focus-visible{outline:3px solid var(--lpsu-fg);outline-offset:4px} .lpsu-main .lpsu-section :is(.lpsu-area,.lpsu-extra-card,.lpsu-benefit,.lpsu-plan){min-width:0} .lpsu-main .lpsu-section .lpsu-body{overflow-wrap:break-word} /* Six representative visual directions share rhythm, while retaining individual palette and skins. */ .lpsu-main .lpsu-section:is(.lpsu-theme-corporate,.lpsu-theme-palette-black,.lpsu-theme-palette-white,.lpsu-theme-palette-ocean,.lpsu-theme-palette-green,.lpsu-theme-palette-orange):not(.lpsu-role-hero):not(.lpsu-role-cta) .lpsu-section-intro{max-width:1160px} .lpsu-main .lpsu-section:is(.lpsu-theme-corporate,.lpsu-theme-palette-black,.lpsu-theme-palette-white,.lpsu-theme-palette-ocean,.lpsu-theme-palette-green,.lpsu-theme-palette-orange) .lpsu-eyebrow{letter-spacing:.14em;font-weight:800} .lpsu-main .lpsu-section:is(.lpsu-theme-corporate,.lpsu-theme-palette-black,.lpsu-theme-palette-white,.lpsu-theme-palette-ocean,.lpsu-theme-palette-green,.lpsu-theme-palette-orange).lpsu-role-hero .lpsu-body{max-width:59ch;line-height:1.95} .lpsu-main .lpsu-section:is(.lpsu-theme-corporate,.lpsu-theme-palette-black,.lpsu-theme-palette-white,.lpsu-theme-palette-ocean,.lpsu-theme-palette-green,.lpsu-theme-palette-orange).lpsu-role-cta .lpsu-content{max-width:900px} .lpsu-main .lpsu-section:is(.lpsu-theme-corporate,.lpsu-theme-palette-black,.lpsu-theme-palette-white,.lpsu-theme-palette-ocean,.lpsu-theme-palette-green,.lpsu-theme-palette-orange) .lpsu-button{border-radius:var(--lpsu-button-radius,8px);line-height:1.5} .lpsu-main .lpsu-theme-palette-white.lpsu-role-hero .lpsu-content{border-top:1px solid var(--lpsu-accent);padding-top:clamp(22px,3vw,44px)} .lpsu-main .lpsu-theme-palette-black.lpsu-role-hero .lpsu-content{max-width:1000px} .lpsu-main .lpsu-theme-palette-ocean.lpsu-role-hero .lpsu-content{border-left:4px solid var(--lpsu-accent);padding-left:clamp(22px,3vw,44px)} .lpsu-main .lpsu-theme-palette-green.lpsu-role-hero .lpsu-content{max-width:900px} .lpsu-main .lpsu-theme-palette-orange.lpsu-role-hero .lpsu-content{max-width:920px} @media(max-width:767px){ .lpsu-main .lpsu-theme-palette-ocean.lpsu-role-hero .lpsu-content{border-left:0;border-top:4px solid var(--lpsu-accent);padding-left:0;padding-top:22px} } /* v0.5.28 — Independent page-wide design controls. Changes do not touch section backgrounds/dividers. */ .lpsu-main .lpsu-section{--lpsu-effective-pad:calc(var(--lpsu-pad) * var(--lpsu-space-factor,1));} .lpsu-main .lpsu-section>.lpsu-shell, .lpsu-main .lpsu-section>.lpsu-grid-shell, .lpsu-main .lpsu-section>.lpsu-section-intro, .lpsu-main .lpsu-section>.lpsu-section-cta, .lpsu-main .lpsu-section>.lpsu-benefits-inner, .lpsu-main .lpsu-section>.lpsu-pricing-inner, .lpsu-main .lpsu-section>.lpsu-extra-inner{max-width:min(100%,calc(1440px * var(--lpsu-width-factor,1)))} .lpsu-main .lpsu-section>.lpsu-faq-inner{max-width:min(100%,calc(1240px * var(--lpsu-width-factor,1)))} .lpsu-main .lpsu-section:not(.lpsu-split-bleed) > :is(.lpsu-shell,.lpsu-grid-shell,.lpsu-section-intro,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){padding-inline:calc(var(--lpsu-effective-pad) * (2 - var(--lpsu-width-factor,1)))} .lpsu-main .lpsu-section:not(.lpsu-split-bleed) > :is(.lpsu-shell,.lpsu-grid-shell,.lpsu-section-intro,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){box-sizing:border-box} .lpsu-main .lpsu-benefits-grid,.lpsu-main .lpsu-pricing-grid,.lpsu-main .lpsu-extra-grid{column-gap:clamp(8px,calc(26px * var(--lpsu-space-factor,1)),54px);row-gap:clamp(12px,calc(28px * var(--lpsu-space-factor,1)),62px)} .lpsu-main .lpsu-cards3 .lpsu-grid-shell,.lpsu-main .lpsu-cards4 .lpsu-grid-shell{gap:clamp(8px,calc(22px * var(--lpsu-space-factor,1)),44px)} .lpsu-main .lpsu-faq-list{gap:calc(14px * var(--lpsu-space-factor,1))} .lpsu-main .lpsu-section .lpsu-buttons{gap:calc(12px * var(--lpsu-space-factor,1))} .lpsu-main .lpsu-section .lpsu-benefit-body{font-size:var(--lpsu-benefit-font,var(--lpsu-body-font,15px));text-align:var(--lpsu-benefit-align,inherit)} .lpsu-main .lpsu-section[class*="lpsu-skin-"]::before{opacity:calc(var(--lpsu-pattern-opacity,1) * var(--lpsu-decor-factor,1))!important;filter:saturate(var(--lpsu-decor-factor,1)) contrast(var(--lpsu-decor-factor,1))} .lpsu-main .lpsu-skin-bubble-grid::after{opacity:calc(.9 * var(--lpsu-decor-factor,1))!important;filter:saturate(var(--lpsu-decor-factor,1))} .lpsu-main[data-lpsu-radius="custom"] .lpsu-section :is(.lpsu-area,.lpsu-benefit,.lpsu-plan,.lpsu-faq-item,.lpsu-extra-card,.lpsu-button,.lpsu-full-gallery-image,.lpsu-extra-image,.lpsu-media img,.lpsu-area-media img,.lpsu-benefit-image,.lpsu-extra-image img){border-radius:var(--lpsu-global-radius,0px)!important} .lpsu-main[data-lpsu-shadow="none"] .lpsu-section :is(.lpsu-area,.lpsu-benefit,.lpsu-plan,.lpsu-faq-item,.lpsu-extra-card){box-shadow:none!important} .lpsu-main[data-lpsu-shadow="weak"] .lpsu-section :is(.lpsu-area,.lpsu-benefit,.lpsu-plan,.lpsu-faq-item,.lpsu-extra-card){box-shadow:0 5px 15px #10253d14!important} .lpsu-main[data-lpsu-shadow="medium"] .lpsu-section :is(.lpsu-area,.lpsu-benefit,.lpsu-plan,.lpsu-faq-item,.lpsu-extra-card){box-shadow:0 16px 35px #10253d30!important} .lpsu-main[data-lpsu-shadow="strong"] .lpsu-section :is(.lpsu-area,.lpsu-benefit,.lpsu-plan,.lpsu-faq-item,.lpsu-extra-card){box-shadow:0 25px 56px #10253d48!important} @media(max-width:767px){ .lpsu-main .lpsu-section:not(.lpsu-split-bleed)>:is(.lpsu-shell,.lpsu-grid-shell,.lpsu-section-intro,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){padding-left:clamp(14px,calc(20px * var(--lpsu-space-factor,1)),36px);padding-right:clamp(14px,calc(20px * var(--lpsu-space-factor,1)),36px)} .lpsu-main .lpsu-section .lpsu-benefit-body{font-size:var(--lpsu-benefit-font,var(--lpsu-mobile-body-font,15px))!important} .lpsu-main .lpsu-section :is(.lpsu-benefits-grid,.lpsu-pricing-grid,.lpsu-extra-grid){row-gap:calc(28px * var(--lpsu-space-factor,1))!important} } /* v0.5.29 | Keep multi-column card copy independent of the section's large headline. The old service-index rule could force 36px on a narrow 3-column card, causing Japanese words to split awkwardly. This rule comes after all legacy skins. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy .lpsu-heading { font-size:var(--lpsu-area-heading-font,clamp(17.0px,1.42vw,22.0px))!important; line-height:1.4!important; letter-spacing:-.025em!important; overflow-wrap:break-word!important; word-break:normal!important; line-break:strict; text-wrap:pretty; text-align:var(--lpsu-area-heading-align,inherit)!important; } .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy .lpsu-body { text-align:var(--lpsu-area-body-align,inherit)!important; font-size:var(--lpsu-area-body-font,var(--lpsu-body-font,15px))!important; overflow-wrap:break-word; word-break:normal; line-break:strict; } @media(max-width:767px){ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy .lpsu-heading{ font-size:min(var(--lpsu-area-heading-font,22.0px),27.0px)!important; } .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy .lpsu-body { font-size:var(--lpsu-area-body-font,var(--lpsu-mobile-body-font,15px))!important; } } /* Four columns need a slightly smaller heading measure than three columns. */ .lpsu-main .lpsu-cards4 .lpsu-area-copy .lpsu-heading{font-size:var(--lpsu-area-heading-font,clamp(16.0px,1.26vw,20.0px))!important} /* v0.5.30 — Card overlap does not alter section geometry. */ .lpsu-main .lpsu-card-overlap-middle:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area:nth-child(2){ transform:translateY(calc(-1 * var(--lpsu-card-shift,20px)));z-index:5; } .lpsu-main .lpsu-card-overlap-steps:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area:nth-child(2){transform:translateY(calc(var(--lpsu-card-shift,20px) / 2))} .lpsu-main .lpsu-card-overlap-steps:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area:nth-child(3){transform:translateY(var(--lpsu-card-shift,20px))} .lpsu-main .lpsu-card-overlap-steps.lpsu-cards4 .lpsu-area:nth-child(4){transform:translateY(calc(var(--lpsu-card-shift,20px) * 1.5))} .lpsu-main .lpsu-card-overlap-alternate:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area:nth-child(even){transform:translateY(var(--lpsu-card-shift,20px))} /* The plate follows the card heading, not the entire section. */ .lpsu-main .lpsu-title-plate:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area{overflow:visible} .lpsu-main .lpsu-title-plate:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy>.lpsu-heading{ position:relative;z-index:4;max-width:100%;width:var(--lpsu-plate-width,80%); box-sizing:border-box;margin:calc(-1 * var(--lpsu-plate-lift,24px)) auto 20px!important; padding:13px 14px!important;background:var(--lpsu-plate-bg,#243451)!important; color:var(--lpsu-plate-fg,#fff)!important;text-align:center!important; box-shadow:0 10px 22px #0002;border:0!important;border-radius:0!important; } .lpsu-main .lpsu-title-plate:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy{padding-top:calc(clamp(15px,2vw,28px) + var(--lpsu-plate-lift,24px))} @media(max-width:767px){ .lpsu-main :is(.lpsu-cards3,.lpsu-cards4).lpsu-card-overlap-middle .lpsu-area, .lpsu-main :is(.lpsu-cards3,.lpsu-cards4).lpsu-card-overlap-steps .lpsu-area, .lpsu-main :is(.lpsu-cards3,.lpsu-cards4).lpsu-card-overlap-alternate .lpsu-area{transform:none} } /* Keep stacked mobile cards in the normal flow; the card desktop offsets never move the entire section or overlap the next mobile card. */ @media(max-width:767px){ .lpsu-main .lpsu-section.lpsu-card-overlap-middle:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area, .lpsu-main .lpsu-section.lpsu-card-overlap-steps:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area, .lpsu-main .lpsu-section.lpsu-card-overlap-alternate:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area{transform:none!important} } /* v0.5.31 — Card placement and card copy use independent controls. An old preset/skin must not stagger a card when the user selects 「段差なし」. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4).lpsu-card-overlap-flat .lpsu-area{transform:none!important} /* Keep all card images the same height within a row. Individual photo cropping is controlled by image position, never by allowing image height to vary. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-media{flex:0 0 auto;align-self:stretch} .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy{min-width:0} .lpsu-main .lpsu-section.lpsu-card-copy-aligned:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy>.lpsu-heading{box-sizing:border-box} /* v0.5.32 — Fix card text alignment following the section's alignment. Older saved cardAlign only positions the card surface; it never forces copy. The new lpsu-card-text-* class applies to each card, while each area may explicitly override headingAlign/bodyAlign via CSS custom properties. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4).lpsu-card-text-left .lpsu-area-copy{text-align:left} .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4).lpsu-card-text-center .lpsu-area-copy{text-align:center} .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4).lpsu-card-text-right .lpsu-area-copy{text-align:right} .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4).lpsu-card-text-left .lpsu-area-copy .lpsu-buttons{justify-content:flex-start} .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4).lpsu-card-text-center .lpsu-area-copy .lpsu-buttons{justify-content:center} .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4).lpsu-card-text-right .lpsu-area-copy .lpsu-buttons{justify-content:flex-end} /* v0.5.33 — Position the COPY BOX, not only the glyphs within a full-width box. Card surface position (cardAlign) and typography (cardTextAlign) are separate. The optional per-area settings override common width/position without moving images. CSS variables ensure existing LPs without new fields get a centered 88%-width content box when their text alignment is centered. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy { box-sizing:border-box; width:var(--lpsu-area-copy-width,var(--lpsu-card-copy-width,88%))!important; max-width:100%; align-self:var(--lpsu-area-copy-position,var(--lpsu-card-copy-position,center))!important; flex:0 0 auto; } @media(max-width:767px){ /* Avoid excessively narrow copy when cards stack on a phone. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy { width:max(88%,var(--lpsu-area-copy-width,var(--lpsu-card-copy-width,88%)))!important; } } /* v0.5.34 — Keep card paragraphs in their own physical block. A right-aligned SECTION INTRO never pushes the default card body to the right. Existing title/copy block controls remain independent from paragraph controls. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-area-copy { display:flex;flex-direction:column;align-items:stretch; } .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-card-body-block { display:block;box-sizing:border-box;min-width:0;max-width:100%; width:var(--lpsu-area-body-width,var(--lpsu-card-body-width,100%)); align-self:var(--lpsu-area-body-position,var(--lpsu-card-body-position,center)); } .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-card-body-block>.lpsu-body { display:block;width:100%;max-width:none;margin-left:0!important;margin-right:0!important; text-align:var(--lpsu-area-body-align,left)!important; } /* v0.5.35 — A single, explicit box model for column-card copy and section lead. Place the paragraph BOX relative to the heading box; no theme-specific text alignment can silently override the independently selected position. */ .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4)>.lpsu-section-intro .lpsu-intro-body-block { box-sizing:border-box;display:block;min-width:0;max-width:min(70ch,100%); width:min(var(--lpsu-intro-body-width,100%),70ch); margin-block:0; } .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4)>.lpsu-section-intro .lpsu-intro-body-block { margin-left:var(--lpsu-intro-margin-left,0)!important; margin-right:var(--lpsu-intro-margin-right,0)!important; } .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4)>.lpsu-section-intro .lpsu-intro-body-block>.lpsu-body { display:block;width:100%;max-width:100%!important;min-width:0; margin:0!important;text-align:var(--lpsu-intro-body-align,left)!important; overflow-wrap:break-word; } .lpsu-main .lpsu-section:is(.lpsu-cards3,.lpsu-cards4) .lpsu-card-body-block>.lpsu-body { text-align:var(--lpsu-area-body-align,left)!important; } /* v0.5.36: Global animation override. Respect OS reduced-motion; keep content visible when OFF. */ .lpsu-main[data-lpsu-motion="off"] .lpsu-section>.lpsu-shell,.lpsu-main[data-lpsu-motion="off"] .lpsu-section>.lpsu-section-intro,.lpsu-main[data-lpsu-motion="off"] .lpsu-section>.lpsu-grid-shell{animation:none!important;transition:none!important;opacity:1!important;transform:none!important} .lpsu-main[data-lpsu-motion="off"] .lpsu-section::before,.lpsu-main[data-lpsu-motion="off"] .lpsu-section::after{animation:none!important} .lpsu-main[data-lpsu-motion="subtle"] .lpsu-skin-bubble-grid::before,.lpsu-main[data-lpsu-motion="subtle"] .lpsu-skin-bubble-grid::after{animation-duration:65s!important} @media(prefers-reduced-motion:reduce){.lpsu-main .lpsu-section::before,.lpsu-main .lpsu-section::after{animation:none!important}} /* v0.5.37: optional mobile inner space, with original styles when set to auto. */ @media(max-width:767px){ .lpsu-main .lpsu-section:not(.lpsu-split-bleed) > .lpsu-shell, .lpsu-main .lpsu-section:not(.lpsu-split-bleed) > .lpsu-grid-shell{ padding:var(--lpsu-mobile-padding,clamp(18px,6vw,40px)); } } /* v0.5.38: standalone footer; scoped to independent shell. */ .lpsu-page .lpsu-global-footer{background:var(--lpsu-footer-bg,#132940);color:var(--lpsu-footer-fg,#fff);padding:48px 24px 18px;font-size:15px} .lpsu-page .lpsu-global-footer a{color:inherit;text-decoration:none} .lpsu-page .lpsu-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px} .lpsu-page .lpsu-footer-brand{display:inline-block;font-size:22.0px;font-weight:800;margin-bottom:12px} .lpsu-page .lpsu-footer-about p{margin:6px 0;line-height:1.9;white-space:normal} .lpsu-page .lpsu-footer-menu{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0 0 20px;padding:0} .lpsu-page .lpsu-footer-cta{display:inline-block;border:1px solid currentColor;padding:11px 20px;font-weight:700} .lpsu-page .lpsu-footer-bottom{max-width:1200px;margin:38px auto 0;padding-top:18px;border-top:1px solid currentColor;opacity:.74;font-size:15px} @media(max-width:767px){.lpsu-page .lpsu-footer-inner{grid-template-columns:minmax(0,1fr);gap:20px}.lpsu-page .lpsu-global-footer{padding:32px 18px 16px}} /* v0.5.42: two-column edge-to-edge image sizing and responsive crop. Do not resize the text column or any section background. */ @media(min-width:768px){ .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns>.lpsu-grid-shell{ grid-template-columns:minmax(0,var(--lpsu-split-first,50%)) minmax(0,var(--lpsu-split-second,50%)); } } .lpsu-main .lpsu-section.lpsu-split-bleed .lpsu-area-image.lpsu-image-cover{ overflow:hidden; } .lpsu-main .lpsu-section.lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media{ overflow:hidden; } .lpsu-main .lpsu-section.lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media img{ object-fit:cover;object-position:var(--lpsu-image-pos,50% 50%); transform:translate(var(--lpsu-image-x,0px),var(--lpsu-image-y,0px)) scale(var(--lpsu-image-scale,1)); transform-origin:var(--lpsu-image-pos,50% 50%); } @media(max-width:767px){ .lpsu-main .lpsu-section.lpsu-split-bleed .lpsu-area-image.lpsu-image-cover{ height:var(--lpsu-split-mobile-height,300px);min-height:var(--lpsu-split-mobile-height,300px); } .lpsu-main .lpsu-section.lpsu-split-bleed .lpsu-area-image.lpsu-image-cover .lpsu-area-media img{ object-position:var(--lpsu-mobile-image-pos,var(--lpsu-image-pos,50% 50%)); transform-origin:var(--lpsu-mobile-image-pos,var(--lpsu-image-pos,50% 50%)); } } /* v0.5.43: per-area half-fill. The media is sized to the actual grid item instead of a percentage of an image wrapper with its own min-height. Scope to opted-in 2-column areas; existing designs retain their layout. */ .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell:has(> .lpsu-area-fill-half){align-items:stretch} .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell > .lpsu-area.lpsu-area-fill-half{ position:relative;align-self:stretch;min-height:var(--lpsu-height);overflow:hidden; padding:0!important;box-sizing:border-box; } .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell > .lpsu-area.lpsu-area-fill-half > .lpsu-area-media{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; min-height:0!important;max-height:none!important;margin:0!important;padding:0!important; overflow:hidden!important;z-index:0; } .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell > .lpsu-area.lpsu-area-fill-half > .lpsu-area-media > img{ position:absolute!important;inset:0!important;width:100%!important;height:100%!important; max-width:none!important;max-height:none!important;margin:0!important; object-fit:cover!important;object-position:var(--lpsu-image-pos,50% 50%); } .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell > .lpsu-area.lpsu-area-fill-half.lpsu-area-both > .lpsu-area-copy{ position:relative;z-index:1;padding:var(--lpsu-effective-pad); } /* Move only typography, not image, area, buttons or neighboring sections. */ .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-area-copy > .lpsu-heading{ translate:var(--lpsu-heading-move-x,0px) var(--lpsu-heading-move-y,0px); } .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-area-copy > .lpsu-body, .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-card-body-block > .lpsu-body{ translate:var(--lpsu-body-move-x,0px) var(--lpsu-body-move-y,0px); } @media(max-width:767px){ .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell > .lpsu-area.lpsu-area-fill-half{ height:var(--lpsu-split-mobile-height,300px);min-height:var(--lpsu-split-mobile-height,300px); } .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell > .lpsu-area.lpsu-area-fill-half > .lpsu-area-media > img{ object-position:var(--lpsu-mobile-image-pos,var(--lpsu-image-pos,50% 50%)); } } /* On phones, text-overlay areas may grow to fit their copy. */ @media(max-width:767px){ .lpsu-main .lpsu-section.lpsu-has-columns .lpsu-grid-shell > .lpsu-area.lpsu-area-fill-half.lpsu-area-both{ height:auto;min-height:var(--lpsu-split-mobile-height,300px); } } /* v0.5.44 — Main heading/paragraph movement for every section family. Keep the offsets separate from per-area/card movement and from section dividers. */ .lpsu-main .lpsu-section > .lpsu-shell .lpsu-content > .lpsu-heading, .lpsu-main .lpsu-section > .lpsu-section-intro > .lpsu-heading, .lpsu-main .lpsu-section .lpsu-special-intro > .lpsu-heading { translate:var(--lpsu-section-heading-x,0px) var(--lpsu-section-heading-y,0px); } .lpsu-main .lpsu-section > .lpsu-shell .lpsu-content > .lpsu-body, .lpsu-main .lpsu-section > .lpsu-section-intro > .lpsu-intro-body-block, .lpsu-main .lpsu-section .lpsu-special-intro > .lpsu-body { translate:var(--lpsu-section-body-x,0px) var(--lpsu-section-body-y,0px); } /* Section boundary is a decorative overlay. When the photo must remain visible, lower the ornament behind the actual content and suppress the inherited mask. */ .lpsu-main .lpsu-section.lpsu-image-before-divider > .lpsu-divider, .lpsu-main .lpsu-section.lpsu-image-before-divider > .lpsu-divider-rule {z-index:0!important;} .lpsu-main .lpsu-section.lpsu-image-before-divider > .lpsu-divider-mask{display:none!important;} .lpsu-main .lpsu-section.lpsu-image-before-divider > :is(.lpsu-grid-shell,.lpsu-shell,.lpsu-section-intro){z-index:2;} /* v0.5.46: An undecorated skin. Layout and explicit section backgrounds remain. */ .lpsu-main .lpsu-section.lpsu-skin-none::before, .lpsu-main .lpsu-section.lpsu-skin-none::after{content:none!important;display:none!important;background:none!important;animation:none!important;box-shadow:none!important;} .lpsu-main .lpsu-section.lpsu-skin-none{--lpsu-pattern:none;outline:none;} /* True full-bleed split mode: overrides any max-width, theme gap or inherited padding. Keep text-side padding for readability; image side has no padding. */ .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns{width:100%;max-width:none;} .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns > .lpsu-grid-shell{ width:100%!important;max-width:none!important;margin:0!important; padding:0!important;column-gap:0!important;row-gap:0!important; grid-template-columns:minmax(0,var(--lpsu-split-first,50%)) minmax(0,var(--lpsu-split-second,50%)); } .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns > .lpsu-grid-shell > .lpsu-area{ margin:0;min-width:0;max-width:none;box-sizing:border-box; } .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns > .lpsu-grid-shell > .lpsu-area-image.lpsu-image-cover{padding:0!important;} .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns > .lpsu-grid-shell > .lpsu-area-image.lpsu-image-cover > .lpsu-area-media{ inset:0;left:0;right:0;width:100%;height:100%;margin:0; } .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns > .lpsu-grid-shell > .lpsu-area-image.lpsu-image-cover > .lpsu-area-media img{ inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover; } @media(max-width:767px){ .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns > .lpsu-grid-shell{grid-template-columns:minmax(0,1fr)!important;} .lpsu-main .lpsu-section.lpsu-split-bleed.lpsu-has-columns > .lpsu-grid-shell > .lpsu-area-image.lpsu-image-cover{height:var(--lpsu-split-mobile-height,300px);min-height:var(--lpsu-split-mobile-height,300px);} } /* v0.5.47: independent boundary positioning. These apply only to the SVG/rule, never to the section/grid/card. Initial values reproduce the previous rendering. */ .lpsu-main .lpsu-section > .lpsu-divider, .lpsu-main .lpsu-section > .lpsu-divider-rule, .lpsu-main .lpsu-section > .lpsu-divider-mask { left:var(--lpsu-divider-left,0%)!important; right:var(--lpsu-divider-right,0%)!important; width:calc(100% - var(--lpsu-divider-left,0%) - var(--lpsu-divider-right,0%))!important; } .lpsu-main .lpsu-section > .lpsu-divider-bottom { transform:translateY(var(--lpsu-divider-offset,0px)); } .lpsu-main .lpsu-section > .lpsu-divider-top { transform:translateY(var(--lpsu-divider-offset,0px)) rotate(180deg); } .lpsu-main .lpsu-section > .lpsu-divider-rule-bottom, .lpsu-main .lpsu-section > .lpsu-divider-rule-top { transform:translateY(var(--lpsu-divider-offset,0px)); } /* The inherited mask follows its preceding section's left/right trims. */ .lpsu-main .lpsu-section > .lpsu-divider-mask {transform:translateY(var(--lpsu-divider-offset,0px));} @media(max-width:767px){ /* Preserve the manually selected height when the user edits an edge, while untouched legacy edges continue to use the existing mobile cap. */ .lpsu-main .lpsu-section > .lpsu-divider {height:min(var(--lpsu-divider-height),var(--lpsu-divider-mobile-cap,45px));} .lpsu-main .lpsu-section.lpsu-overlap-on > .lpsu-divider-bottom {top:calc(100% - min(var(--lpsu-divider-height),var(--lpsu-divider-mobile-cap,45px)) / 2);} .lpsu-main .lpsu-section.lpsu-overlap-on > .lpsu-divider-top {bottom:calc(100% - min(var(--lpsu-divider-height),var(--lpsu-divider-mobile-cap,45px)) / 2);} } /* v0.5.51: Button controls scoped to their own section. */ .lpsu-main .lpsu-section .lpsu-button{ box-sizing:border-box;position:relative; left:var(--lpsu-btn-move-x,0px);top:var(--lpsu-btn-move-y,0px); width:var(--lpsu-btn-width-css,auto);min-height:var(--lpsu-btn-height-css,48px); max-width:100%;text-align:center;white-space:normal;overflow-wrap:anywhere; } .lpsu-main .lpsu-btn-style-solid .lpsu-button{background:var(--lpsu-accent)!important;border-color:var(--lpsu-accent)!important;color:var(--lpsu-accent-ink,#fff)!important;box-shadow:none!important;text-decoration:none!important;} .lpsu-main .lpsu-btn-style-outline .lpsu-button{background:transparent!important;color:var(--lpsu-fg)!important;border:2px solid var(--lpsu-accent)!important;box-shadow:none!important;text-decoration:none!important;} .lpsu-main .lpsu-btn-style-ghost .lpsu-button{background:color-mix(in srgb,var(--lpsu-accent) 22%,transparent)!important;color:var(--lpsu-fg)!important;border-color:color-mix(in srgb,var(--lpsu-accent) 55%,transparent)!important;box-shadow:none!important;} .lpsu-main .lpsu-btn-style-gradient .lpsu-button{background:linear-gradient(115deg,var(--lpsu-accent),color-mix(in srgb,var(--lpsu-accent) 65%,var(--lpsu-fg)))!important;border-color:transparent!important;color:var(--lpsu-accent-ink,#fff)!important;} .lpsu-main .lpsu-btn-style-shadow .lpsu-button{box-shadow:6px 6px 0 color-mix(in srgb,var(--lpsu-fg) 35%,transparent)!important;} .lpsu-main .lpsu-btn-style-pill .lpsu-button{border-radius:999px!important;padding-inline:32px;} .lpsu-main .lpsu-btn-style-underline .lpsu-button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--lpsu-fg)!important;text-decoration:underline!important;text-underline-offset:.2em;} .lpsu-main .lpsu-btn-style-cta .lpsu-button{font-size:clamp(16.0px,1.3vw,21.0px);font-weight:800;letter-spacing:.04em;padding:18px 40px;min-height:var(--lpsu-btn-height-css,68px);min-width:min(100%,280px);border-radius:var(--lpsu-button-radius,8px);} @media(max-width:767px){.lpsu-main .lpsu-section .lpsu-button{width:var(--lpsu-btn-width-css,100%);max-width:100%}.lpsu-main .lpsu-btn-style-cta .lpsu-button{min-width:min(100%,260px)}} /* v0.5.53: Independent, builder-editable header/footer sections. */ .lpsu-main .lpsu-builder-header,.lpsu-main .lpsu-builder-footer{box-sizing:border-box;position:relative;z-index:5;background:var(--lpsu-shell-bg);color:var(--lpsu-shell-fg);font-family:inherit;width:100%;max-width:none;} .lpsu-main .lpsu-builder-header *,.lpsu-main .lpsu-builder-footer *{box-sizing:border-box} .lpsu-main .lpsu-builder-header a,.lpsu-main .lpsu-builder-footer a{color:inherit;text-decoration:none} .lpsu-main .lpsu-shell-inner{max-width:1280px;width:100%;padding:22px clamp(20px,4vw,68px);margin:auto;display:flex;align-items:center;gap:30px} .lpsu-main .lpsu-shell-brand{font-size:clamp(18.0px,2vw,26.0px);font-weight:800;letter-spacing:.06em;white-space:nowrap;display:inline-flex;align-items:center;flex-shrink:0} .lpsu-main .lpsu-shell-brand img,.lpsu-main .lpsu-shell-footer-brand img{max-width:190px;max-height:62px;object-fit:contain} .lpsu-main .lpsu-shell-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,30px);margin-left:auto} .lpsu-main .lpsu-shell-nav a{font-size:15px;font-weight:650;letter-spacing:.06em;white-space:nowrap} .lpsu-main .lpsu-shell-nav a:hover,.lpsu-main .lpsu-shell-footer-links a:hover{color:var(--lpsu-shell-accent)} .lpsu-main .lpsu-shell-cta{white-space:nowrap;display:inline-flex;padding:13px 22px;background:var(--lpsu-shell-accent);color:var(--lpsu-shell-cta-ink,#FFFFFF)!important;font-weight:700;font-size:15px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--lpsu-shell-cta-ink,#FFFFFF) 18%,transparent);box-shadow:0 8px 22px rgba(0,0,0,.12);text-shadow:none} .lpsu-main .lpsu-shell-toggle{display:none;border:0;background:transparent;color:inherit;cursor:pointer;flex-direction:column;gap:5px;padding:10px;margin-left:auto} .lpsu-main .lpsu-shell-toggle span{display:block;width:25px;height:2px;background:currentColor} .lpsu-main .lpsu-shell-two .lpsu-shell-inner{flex-wrap:wrap;justify-content:center;row-gap:12px}.lpsu-main .lpsu-shell-two .lpsu-shell-brand{width:100%;justify-content:center}.lpsu-main .lpsu-shell-two .lpsu-shell-nav{margin:0} .lpsu-main .lpsu-builder-header.lpsu-shell-three{background:color-mix(in srgb,var(--lpsu-shell-bg) 40%,transparent);backdrop-filter:blur(12px);margin-bottom:-80px;z-index:70}.lpsu-main .lpsu-shell-three .lpsu-shell-inner{min-height:80px} .lpsu-main .lpsu-shell-four .lpsu-shell-inner{min-height:100px}.lpsu-main .lpsu-shell-four .lpsu-shell-cta{padding:17px 32px} .lpsu-main .lpsu-shell-five .lpsu-shell-inner{max-width:none}.lpsu-main .lpsu-shell-five .lpsu-shell-nav a{font-size:15px;letter-spacing:.12em}.lpsu-main .lpsu-shell-five .lpsu-shell-cta{background:transparent!important;color:inherit!important;border:1px solid currentColor} .lpsu-main .lpsu-shell-sticky{position:sticky;top:0;z-index:80} .lpsu-main .lpsu-builder-footer .lpsu-shell-inner{align-items:flex-start;padding-top:54px;padding-bottom:42px} .lpsu-main .lpsu-shell-footer-brand{max-width:420px;flex:1 1 260px}.lpsu-main .lpsu-shell-footer-brand>a{font-size:25.0px;font-weight:800;letter-spacing:.04em} .lpsu-main .lpsu-shell-footer-brand p{font-size:15px;line-height:1.9;opacity:.8;margin-top:22px} .lpsu-main .lpsu-shell-footer-links{margin-left:auto;display:flex;flex-wrap:wrap;gap:14px 28px;max-width:520px}.lpsu-main .lpsu-shell-footer-links a{font-size:15px} .lpsu-main .lpsu-shell-bottom{max-width:1280px;margin:auto;padding:18px clamp(20px,4vw,68px);border-top:1px solid color-mix(in srgb,var(--lpsu-shell-fg) 20%,transparent);font-size:15px;opacity:.7} .lpsu-main .lpsu-builder-footer.lpsu-shell-two .lpsu-shell-inner{display:grid;grid-template-columns:1fr 1fr}.lpsu-main .lpsu-builder-footer.lpsu-shell-three .lpsu-shell-footer-links{display:grid;grid-template-columns:repeat(3,max-content)} .lpsu-main .lpsu-builder-footer.lpsu-shell-four .lpsu-shell-inner{flex-direction:column;align-items:stretch}.lpsu-main .lpsu-builder-footer.lpsu-shell-four .lpsu-shell-cta{order:-1;min-height:80px;font-size:20.0px} .lpsu-main .lpsu-builder-footer.lpsu-shell-five .lpsu-shell-inner{max-width:none;justify-content:space-between}.lpsu-main .lpsu-builder-footer.lpsu-shell-five .lpsu-shell-footer-brand>a{font-size:clamp(24.0px,4vw,52.0px)} @media(max-width:800px){.lpsu-main .lpsu-builder-header .lpsu-shell-inner{padding:12px 18px;gap:12px;min-height:62px;justify-content:space-between;flex-wrap:wrap}.lpsu-main .lpsu-builder-header .lpsu-shell-brand{font-size:19.0px;width:auto;max-width:65%;justify-content:flex-start}.lpsu-main .lpsu-builder-header .lpsu-shell-cta{display:none}.lpsu-main .lpsu-builder-header.lpsu-shell-three{margin-bottom:-62px}.lpsu-main .lpsu-mobile-hamburger .lpsu-shell-toggle{display:flex}.lpsu-main .lpsu-mobile-hamburger .lpsu-shell-nav{display:none;order:3;width:100%;margin:0;padding:14px 2px;flex-direction:column;align-items:stretch;gap:0;background:var(--lpsu-shell-bg);color:var(--lpsu-shell-fg)}.lpsu-main .lpsu-mobile-hamburger .lpsu-shell-nav.lpsu-shell-nav-open{display:flex}.lpsu-main .lpsu-mobile-hamburger .lpsu-shell-nav a{padding:15px 10px;border-bottom:1px solid color-mix(in srgb,var(--lpsu-shell-fg) 14%,transparent)}.lpsu-main .lpsu-mobile-scroll .lpsu-shell-nav{order:3;width:100%;max-width:100%;margin:0;display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;justify-content:flex-start;padding:10px 0 5px;gap:22px;scrollbar-width:thin}.lpsu-main .lpsu-mobile-scroll .lpsu-shell-nav a{scroll-snap-align:start;flex:0 0 auto}.lpsu-main .lpsu-builder-footer .lpsu-shell-inner,.lpsu-main .lpsu-builder-footer.lpsu-shell-two .lpsu-shell-inner{display:flex;flex-direction:column;gap:24px;padding:38px 20px}.lpsu-main .lpsu-builder-footer .lpsu-shell-footer-links,.lpsu-main .lpsu-builder-footer.lpsu-shell-three .lpsu-shell-footer-links{margin:0;display:flex;flex-wrap:wrap;gap:15px 25px}.lpsu-main .lpsu-builder-footer .lpsu-shell-cta{order:0}.lpsu-main .lpsu-shell-bottom{padding:15px 20px}} /* 0.5.54: The standalone header/footer are adjustable-height sections. A too-small configured minimum must never clip real content or opened mobile navigation. */ .lpsu-main .lpsu-builder-header .lpsu-shell-inner{min-height:var(--lpsu-shell-height,88px);} .lpsu-main .lpsu-builder-footer{min-height:var(--lpsu-shell-height,320px);display:flex;flex-direction:column;justify-content:space-between;} .lpsu-main .lpsu-builder-footer > .lpsu-shell-inner{flex:1 0 auto;} .lpsu-main .lpsu-builder-header.lpsu-shell-three{margin-bottom:calc(-1 * var(--lpsu-shell-height,88px));} .lpsu-main .lpsu-shell-three .lpsu-shell-inner,.lpsu-main .lpsu-shell-four .lpsu-shell-inner{min-height:var(--lpsu-shell-height,88px);} @media(max-width:800px){ .lpsu-main .lpsu-builder-header .lpsu-shell-inner{min-height:var(--lpsu-shell-mobile-height,0px);} .lpsu-main .lpsu-builder-header.lpsu-shell-three{margin-bottom:calc(-1 * max(62px,var(--lpsu-shell-mobile-height,0px)));} .lpsu-main .lpsu-builder-footer{min-height:var(--lpsu-shell-height,320px);} .lpsu-main .lpsu-builder-footer .lpsu-shell-inner{min-height:var(--lpsu-shell-mobile-height,0px);} } /* v0.5.55: builder shell stacking & photo dimming. Scoped to independent LP page. */ /* The base .lpsu-builder-header had a more specific position:relative, defeating sticky. */ .lpsu-main > .lpsu-builder-header.lpsu-shell-sticky{ position:sticky!important;top:0!important;z-index:2147480000!important; isolation:isolate; } /* Overlay stays in normal flow with a negative bottom margin: absolute positioning would override sticky, causing it to scroll away and disappear behind the hero. */ .lpsu-main > .lpsu-builder-header.lpsu-shell-three{ position:relative;z-index:2147480000; color:#fff; background:color-mix(in srgb,#091824 66%,transparent); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .lpsu-main > .lpsu-builder-header.lpsu-shell-three.lpsu-shell-sticky{ position:sticky!important; background:color-mix(in srgb,#091824 70%,transparent); } .lpsu-main > .lpsu-builder-header.lpsu-shell-three .lpsu-shell-nav{color:inherit} .lpsu-main > .lpsu-builder-header.lpsu-shell-three .lpsu-shell-inner{position:relative;z-index:1} .lpsu-main > .lpsu-section.lpsu-photo-opacity-custom .lpsu-bg-image{ opacity:var(--lpsu-photo-opacity,.28)!important; } @media(max-width:800px){ .lpsu-main > .lpsu-builder-header.lpsu-shell-sticky{top:0!important} .lpsu-main > .lpsu-builder-header.lpsu-shell-three .lpsu-shell-nav.lpsu-shell-nav-open{ background:#091824;color:#fff; } } body.lpsu-page.admin-bar .lpsu-main > .lpsu-builder-header.lpsu-shell-sticky{top:32px!important} @media(max-width:782px){body.lpsu-page.admin-bar .lpsu-main > .lpsu-builder-header.lpsu-shell-sticky{top:46px!important}} /* v0.5.59: THE THOR / generic theme integration compatibility. */ body.lpsu-theme-mode .lpsu-main.lpsu-theme-content, body.lpsu-the-thor .lpsu-main.lpsu-theme-content{ width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important; background:#fff;clear:both;display:block;overflow:visible; } body.lpsu-theme-mode .lpsu-main.lpsu-theme-content:before, body.lpsu-theme-mode .lpsu-main.lpsu-theme-content:after{content:none!important;display:none!important} body.lpsu-the-thor .lpsu-main.lpsu-theme-content .lpsu-section{ max-width:none; } body.lpsu-the-thor .lpsu-main.lpsu-theme-content .lpsu-heading{ font-family:inherit; } /* Avoid common theme content wrappers and heading decorations leaking into LP Studio. */ body.lpsu-theme-mode .lpsu-main.lpsu-theme-content ul, body.lpsu-theme-mode .lpsu-main.lpsu-theme-content ol{box-sizing:border-box} body.lpsu-theme-mode .lpsu-main.lpsu-theme-content img{box-shadow:none} /* v0.5.71: GUI button colors keep each variation's intended decoration. Custom typography variables are emitted only when the user changes them; leaving them unset preserves variation defaults such as the larger CTA type. */ .lpsu-main .lpsu-section .lpsu-button{ font-size:var(--lpsu-btn-font-size); font-weight:var(--lpsu-btn-font-weight); } /* Default / solid / shadow / pill / CTA: use the selected custom colors directly. */ .lpsu-main .lpsu-section.lpsu-btn-custom-colors .lpsu-button{ background:var(--lpsu-btn-bg)!important; color:var(--lpsu-btn-text)!important; border-color:var(--lpsu-btn-border)!important; } .lpsu-main .lpsu-section.lpsu-btn-custom-colors .lpsu-button:hover, .lpsu-main .lpsu-section.lpsu-btn-custom-colors .lpsu-button:focus-visible{ background:var(--lpsu-btn-hover-bg)!important; color:var(--lpsu-btn-hover-text)!important; border-color:var(--lpsu-btn-hover-bg)!important; opacity:1; } /* Outline intentionally stays transparent until hover. */ .lpsu-main .lpsu-section.lpsu-btn-style-outline.lpsu-btn-custom-colors .lpsu-button{ background:transparent!important; color:var(--lpsu-btn-text)!important; border-color:var(--lpsu-btn-border)!important; } .lpsu-main .lpsu-section.lpsu-btn-style-outline.lpsu-btn-custom-colors .lpsu-button:hover, .lpsu-main .lpsu-section.lpsu-btn-style-outline.lpsu-btn-custom-colors .lpsu-button:focus-visible{ background:var(--lpsu-btn-hover-bg)!important; color:var(--lpsu-btn-hover-text)!important; border-color:var(--lpsu-btn-hover-bg)!important; } /* Ghost keeps the translucent treatment while using the chosen colors. */ .lpsu-main .lpsu-section.lpsu-btn-style-ghost.lpsu-btn-custom-colors .lpsu-button{ background:color-mix(in srgb,var(--lpsu-btn-bg) 22%,transparent)!important; color:var(--lpsu-btn-text)!important; border-color:color-mix(in srgb,var(--lpsu-btn-border) 55%,transparent)!important; } .lpsu-main .lpsu-section.lpsu-btn-style-ghost.lpsu-btn-custom-colors .lpsu-button:hover, .lpsu-main .lpsu-section.lpsu-btn-style-ghost.lpsu-btn-custom-colors .lpsu-button:focus-visible{ background:var(--lpsu-btn-hover-bg)!important; color:var(--lpsu-btn-hover-text)!important; border-color:var(--lpsu-btn-hover-bg)!important; } /* Gradient uses the normal and hover colors as its two stops. */ .lpsu-main .lpsu-section.lpsu-btn-style-gradient.lpsu-btn-custom-colors .lpsu-button{ background:linear-gradient(115deg,var(--lpsu-btn-bg),var(--lpsu-btn-hover-bg))!important; color:var(--lpsu-btn-text)!important; border-color:transparent!important; } .lpsu-main .lpsu-section.lpsu-btn-style-gradient.lpsu-btn-custom-colors .lpsu-button:hover, .lpsu-main .lpsu-section.lpsu-btn-style-gradient.lpsu-btn-custom-colors .lpsu-button:focus-visible{ background:linear-gradient(115deg,var(--lpsu-btn-hover-bg),var(--lpsu-btn-bg))!important; color:var(--lpsu-btn-hover-text)!important; border-color:transparent!important; } /* Text-link style intentionally has no fill or border. */ .lpsu-main .lpsu-section.lpsu-btn-style-underline.lpsu-btn-custom-colors .lpsu-button{ background:transparent!important; color:var(--lpsu-btn-text)!important; border-color:transparent!important; box-shadow:none!important; } .lpsu-main .lpsu-section.lpsu-btn-style-underline.lpsu-btn-custom-colors .lpsu-button:hover, .lpsu-main .lpsu-section.lpsu-btn-style-underline.lpsu-btn-custom-colors .lpsu-button:focus-visible{ background:transparent!important; color:var(--lpsu-btn-hover-text)!important; border-color:transparent!important; } /* v0.5.72 — motion/decor consistency across every section family and THE THOR theme mode. Older reveal rules targeted only normal shell/grid sections and body.lpsu-page. These rules make FAQ, pricing, benefits, extra-content sections and theme-linked pages behave the same. */ @media(prefers-reduced-motion:no-preference){ body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-fade-up:not(.lpsu-in-view) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){opacity:0;transform:translate3d(0,96px,0)} body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-fade-left:not(.lpsu-in-view) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){opacity:0;transform:translate3d(-120px,0,0)} body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-fade-right:not(.lpsu-in-view) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){opacity:0;transform:translate3d(120px,0,0)} body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-zoom:not(.lpsu-in-view) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){opacity:0;transform:scale(.90)} body.lpsu-motion-ready .lpsu-main .lpsu-section:is(.lpsu-motion-fade-up,.lpsu-motion-fade-left,.lpsu-motion-fade-right,.lpsu-motion-zoom) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){transition:opacity var(--lpsu-motion-duration,750ms) ease var(--lpsu-motion-delay,0ms),transform var(--lpsu-motion-duration,750ms) cubic-bezier(.2,.7,.2,1) var(--lpsu-motion-delay,0ms)} } /* Global animation OFF must also cover special section families. */ .lpsu-main[data-lpsu-motion="off"] .lpsu-section > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){animation:none!important;transition:none!important;opacity:1!important;transform:none!important} /* FAQ accordion answer gets a small, consistent opening motion. Native
controls visibility; this only animates the visible answer. */ @media(prefers-reduced-motion:no-preference){ .lpsu-main .lpsu-faq-item[open] .lpsu-faq-answer{animation:lpsu-faq-answer-in .22s ease both} } @keyframes lpsu-faq-answer-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.lpsu-main .lpsu-faq-item[open] .lpsu-faq-answer{animation:none!important}} /* v0.5.74 — consistent typography positioning for card/special section intros. */ .lpsu-main .lpsu-section > .lpsu-section-intro > .lpsu-eyebrow, .lpsu-main .lpsu-section .lpsu-special-intro > .lpsu-eyebrow { translate:var(--lpsu-section-eyebrow-x,0px) var(--lpsu-section-eyebrow-y,0px); } .lpsu-main .lpsu-section > .lpsu-section-intro > .lpsu-heading, .lpsu-main .lpsu-section .lpsu-special-intro > .lpsu-heading { translate:var(--lpsu-section-heading-x,0px) var(--lpsu-section-heading-y,0px); } .lpsu-main .lpsu-section > .lpsu-section-intro > .lpsu-intro-body-block, .lpsu-main .lpsu-section .lpsu-special-intro > .lpsu-body { translate:var(--lpsu-section-body-x,0px) var(--lpsu-section-body-y,0px); } .lpsu-main .lpsu-extra-card-buttons{margin-top:auto;padding-top:16px} .lpsu-main .lpsu-extra-card-buttons .lpsu-button{margin-inline:auto} /* v0.5.74 — the same position controls also work on one-column/legacy copy. */ .lpsu-main .lpsu-section > .lpsu-shell .lpsu-content > .lpsu-eyebrow{ translate:var(--lpsu-section-eyebrow-x,0px) var(--lpsu-section-eyebrow-y,0px); } .lpsu-main .lpsu-section > .lpsu-shell .lpsu-content > .lpsu-heading{ translate:var(--lpsu-section-heading-x,0px) var(--lpsu-section-heading-y,0px); } .lpsu-main .lpsu-section > .lpsu-shell .lpsu-content > .lpsu-body{ translate:var(--lpsu-section-body-x,0px) var(--lpsu-section-body-y,0px); } /* LP Studio Sales v0.1.0 typography extensions */ .lpsu-main{ --lpsu-family-rounded:"Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif; --lpsu-family-modern:"Helvetica Neue",Arial,"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif; } .lpsu-main .lpsu-section .lpsu-heading{line-height:var(--lpsu-heading-line,1.22)!important;letter-spacing:var(--lpsu-heading-track,-.03em)!important} .lpsu-main .lpsu-section .lpsu-body{line-height:var(--lpsu-body-line,1.9)!important;letter-spacing:var(--lpsu-body-track,0em)!important} /* Optional WordPress news section. Natural height; inherits the page palette. */ .lpsu-main .lpsu-news{min-height:0!important;height:auto}.lpsu-news .lpsu-news-inner{width:100%;max-width:1280px;margin:0 auto;padding:var(--lpsu-effective-pad,var(--lpsu-pad,60px));position:relative;z-index:1;min-width:0}.lpsu-news-intro{margin-bottom:28px}.lpsu-news .lpsu-news-intro .lpsu-body{max-width:760px}.lpsu-news-items{display:grid;gap:0}.lpsu-news-item{min-width:0;border-top:1px solid color-mix(in srgb,var(--lpsu-fg) 22%,transparent)}.lpsu-news-item:last-child{border-bottom:1px solid color-mix(in srgb,var(--lpsu-fg) 22%,transparent)}.lpsu-news-link{display:flex;align-items:center;gap:24px;padding:22px 0;color:inherit!important;text-decoration:none!important;min-width:0}.lpsu-news-image{flex:0 0 150px;overflow:hidden;aspect-ratio:16/10}.lpsu-news-image img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .3s}.lpsu-news-copy{min-width:0}.lpsu-news-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:15px;line-height:1.7}.lpsu-news-category{padding:2px 10px;border:1px solid color-mix(in srgb,var(--lpsu-fg) 25%,transparent);font-size:15px}.lpsu-news .lpsu-news-title{font-family:var(--lpsu-heading-family);font-size:20.0px;line-height:1.7;letter-spacing:0;margin:10px 0 0;overflow-wrap:anywhere;font-weight:600}.lpsu-news-link:hover .lpsu-news-title{text-decoration:underline;text-underline-offset:5px}.lpsu-news-link:hover img{scale:1.035}.lpsu-news-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}.lpsu-news .lpsu-buttons{margin-top:28px}.lpsu-news-empty{font-size:16.0px;line-height:1.8;padding:20px 0;border-top:1px solid color-mix(in srgb,var(--lpsu-fg) 22%,transparent)}.lpsu-news-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.lpsu-news-cards .lpsu-news-item{border:0}.lpsu-news-cards .lpsu-news-link{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:16px;height:100%}.lpsu-news-cards .lpsu-news-image{flex:0 0 auto;width:100%;aspect-ratio:16/10}.lpsu-news-cards .lpsu-news-title{font-size:18.0px}@media(max-width:767px){.lpsu-news .lpsu-news-inner{padding:var(--lpsu-mobile-padding,28px)}.lpsu-news-link{gap:16px;padding:20px 0}.lpsu-news-image{flex-basis:96px}.lpsu-news .lpsu-news-title{font-size:17.0px;line-height:1.7}.lpsu-news-meta{font-size:15px;gap:5px 10px}.lpsu-news-category{font-size:15px}.lpsu-news-cards{grid-template-columns:1fr;gap:28px}}@media(prefers-reduced-motion:reduce){.lpsu-news-image img{transition:none}.lpsu-news-link:hover img{scale:1}} /* Fixed content columns on the original full-width surface. */ .lpsu-concept>.lpsu-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,72px);align-items:center;max-width:1160px;margin-inline:auto;width:100%}.lpsu-concept .lpsu-content{width:auto;max-width:620px}.lpsu-concept .lpsu-media{width:auto;max-width:none}.lpsu-concept .lpsu-media img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.lpsu-concept:not(:has(.lpsu-media))>.lpsu-shell{display:block}.lpsu-concept:not(:has(.lpsu-media)) .lpsu-content{max-width:760px}.lpsu-concept,.lpsu-pricing-table,.lpsu-news{height:auto;min-height:0}.lpsu-pricing-table .lpsu-comparison-table{font-size:var(--lpsu-body-font,18.0px);line-height:1.8}.lpsu-pricing-table .lpsu-comparison-table th,.lpsu-pricing-table .lpsu-comparison-table td{padding:20px 24px}.lpsu-pricing-table .lpsu-pricing-note{font-size:15px;line-height:1.9}.lpsu-news-title{font-size:clamp(18.0px,1.8vw,22.0px)!important;line-height:1.7}.lpsu-news-intro .lpsu-body{font-size:var(--lpsu-body-font,18.0px)}@media(max-width:760px){.lpsu-concept>.lpsu-shell{grid-template-columns:1fr;gap:28px}.lpsu-pricing-table .lpsu-comparison-table{font-size:17.0px}.lpsu-pricing-table .lpsu-comparison-table th,.lpsu-pricing-table .lpsu-comparison-table td{padding:16px 18px}} /* Optional hero media: static remains the default for all existing pages. */ .lpsu-main .lpsu-hero-motion{overflow:hidden;position:relative;min-width:0}.lpsu-main .lpsu-hero-motion-background{position:absolute;inset:0}.lpsu-main .lpsu-hero-motion-inline{flex:1 1 50%;width:100%;min-height:300px;aspect-ratio:4/3}.lpsu-main .lpsu-hero-motion video,.lpsu-main .lpsu-hero-slides{display:block;width:100%;height:100%;object-fit:cover}.lpsu-main .lpsu-hero-slides{position:absolute;inset:0;overflow:hidden;background:#08111a}.lpsu-main .lpsu-hero-slide{position:absolute;inset:-2%;display:block;width:104%;height:104%;object-fit:cover;opacity:1;transform:translate3d(105%,0,0) scale(1.06);transition:transform 1.15s cubic-bezier(.22,.72,.18,1),filter 1.15s ease;will-change:transform}.lpsu-main .lpsu-hero-slide.is-current{transform:translate3d(0,0,0) scale(1.03);z-index:3}.lpsu-main .lpsu-hero-slide.is-before{transform:translate3d(-105%,0,0) scale(1.06);z-index:1}.lpsu-main .lpsu-hero-slide.is-after{transform:translate3d(105%,0,0) scale(1.06);z-index:1}.lpsu-main .lpsu-hero-motion.is-switching .lpsu-hero-slide.is-current{filter:saturate(1.06) contrast(1.03)}.lpsu-main .lpsu-hero-controls{position:absolute;bottom:18px;right:18px;z-index:40;display:flex;gap:12px;align-items:center;background:#000d;color:#fff;padding:8px 12px;pointer-events:auto;font-size:15px}.lpsu-main .lpsu-hero-controls button{font:inherit;color:#fff;background:transparent;border:1px solid #fff8;min-height:36px;padding:5px 10px;cursor:pointer}.lpsu-main .lpsu-hero-controls button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.lpsu-main .lpsu-hero-slide{transition:none;transform:none!important}.lpsu-main .lpsu-hero-slide:not(.is-current){display:none}} .lpsu-main .lpsu-hero-video-toggle{position:absolute;bottom:20px;right:20px;z-index:50;background:#000e;color:#fff;border:1px solid #fff9;padding:10px 18px;font-size:15px;cursor:pointer}.lpsu-main .lpsu-hero-controls.is-background-controls{z-index:50} /* Legible shell text and a 15px floor at the selected content scale. */ .lpsu-main .lpsu-shell-nav a,.lpsu-main .lpsu-shell-footer-links a{font-size:var(--lpsu-shell-nav-font,16.0px)!important;line-height:1.7} .lpsu-main .lpsu-shell-footer-brand p{font-size:var(--lpsu-shell-body-font,18.0px)!important;line-height:1.85} .lpsu-main .lpsu-shell-bottom{font-size:var(--lpsu-shell-note-font,15px)!important;line-height:1.8} .lpsu-main .lpsu-shell-cta{font-size:var(--lpsu-shell-cta-font,16.0px)!important;min-height:44px} .lpsu-main .lpsu-section .lpsu-eyebrow,.lpsu-main .lpsu-pricing-note,.lpsu-main .lpsu-plan-summary,.lpsu-main .lpsu-plan-period,.lpsu-main .lpsu-news-meta,.lpsu-main .lpsu-news-date,.lpsu-main .lpsu-news-category,.lpsu-main .lpsu-full-gallery figcaption{font-size:max(calc(15px / var(--lpsu-content-scale,1)),15px)!important;line-height:1.8}.lpsu-main .lpsu-counter-label{font-size:var(--lpsu-counter-label-size,max(calc(15px / var(--lpsu-content-scale,1)),15px))!important;line-height:1.8} .lpsu-main .lpsu-body{font-size:max(calc(15px / var(--lpsu-content-scale,1)),var(--lpsu-body-font,18.0px))!important;line-height:var(--lpsu-body-line,1.85)} .lpsu-main .lpsu-area-body{font-size:max(calc(15px / var(--lpsu-content-scale,1)),var(--lpsu-area-body-font,18.0px))!important} .lpsu-main .lpsu-button{font-size:max(calc(15px / var(--lpsu-content-scale,1)),var(--lpsu-btn-font-size,16.0px))!important;min-height:44px} @media(max-width:767px){.lpsu-main .lpsu-body{font-size:max(calc(15px / var(--lpsu-content-scale,1)),var(--lpsu-mobile-body-font,18.0px))!important}} /* Sales 021–025: editable native sections, independent layouts, palette variables. */ .lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-round-panels,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial,.lpsu-theme-process-metrics){--sales-gutter:clamp(24px,6vw,96px)} .lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-round-panels,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial,.lpsu-theme-process-metrics) .lpsu-shell{max-width:1400px;padding-left:var(--sales-gutter);padding-right:var(--sales-gutter)} .lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-round-panels,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial,.lpsu-theme-process-metrics) :is(.lpsu-body,.lpsu-extra-body){font-size:var(--lpsu-body-font,19px);line-height:1.85} .lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-round-panels,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial,.lpsu-theme-process-metrics) .lpsu-heading{font-weight:850!important;letter-spacing:-.025em;text-wrap:balance} .lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-round-panels,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial,.lpsu-theme-process-metrics) .lpsu-eyebrow{font-size:16px!important;letter-spacing:.13em} .lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial).lpsu-role-hero .lpsu-content{margin:0 auto 0 0;max-width:800px;text-align:left;text-shadow:0 2px 22px #000,0 1px 3px #000} .lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial).lpsu-role-hero .lpsu-bg-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 80%)} .lpsu-main .lpsu-theme-photo-sequence.lpsu-full:not(.lpsu-role-hero) .lpsu-shell{max-width:none;min-height:var(--lpsu-height);padding:0;width:100%;align-items:stretch;justify-content:flex-start} .lpsu-main .lpsu-theme-photo-sequence.lpsu-full:not(.lpsu-role-hero) .lpsu-content{flex:0 1 52%;max-width:52%;padding:85px var(--sales-gutter);background:linear-gradient(90deg,var(--lpsu-bg) 55%,color-mix(in srgb,var(--lpsu-bg) 88%,transparent));display:flex;flex-direction:column;justify-content:center;text-align:left} .lpsu-main .lpsu-theme-photo-sequence.lpsu-full.lpsu-reverse:not(.lpsu-role-hero) .lpsu-shell{justify-content:flex-end} .lpsu-main .lpsu-theme-photo-sequence.lpsu-full.lpsu-reverse:not(.lpsu-role-hero) .lpsu-content{background:linear-gradient(270deg,var(--lpsu-bg) 55%,color-mix(in srgb,var(--lpsu-bg) 88%,transparent))} .lpsu-main .lpsu-theme-round-panels.lpsu-role-hero .lpsu-media img{border-radius:42% 42% 8% 8%;height:560px;width:100%;object-fit:cover} .lpsu-main .lpsu-theme-round-panels.lpsu-role-hero .lpsu-heading,.lpsu-main .lpsu-theme-round-panels.lpsu-role-message .lpsu-heading{color:var(--lpsu-fg)} .lpsu-main .lpsu-theme-round-panels.lpsu-role-message .lpsu-heading{font-size:clamp(32px,4.2vw,60px)!important} .lpsu-main .lpsu-theme-round-panels.lpsu-overlap .lpsu-content{border-radius:80px 80px 80px 12px;padding:60px;position:relative;z-index:2;box-shadow:none} .lpsu-main .lpsu-theme-round-panels.lpsu-overlap .lpsu-media img{width:100%;height:500px;object-fit:cover;border-radius:50% 50% 12% 12%} .lpsu-main .lpsu-theme-round-panels.lpsu-news{border-radius:80px 80px 0 0} .lpsu-main .lpsu-theme-round-panels.lpsu-cases .lpsu-extra-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 28px;gap:28px;scrollbar-color:var(--lpsu-accent) transparent} .lpsu-main .lpsu-theme-round-panels.lpsu-cases .lpsu-extra-card{flex:0 0 31%;min-width:260px;scroll-snap-align:start;border:0;background:transparent;padding:0;box-shadow:none} .lpsu-main .lpsu-theme-round-panels.lpsu-cases .lpsu-extra-image{border-radius:32px;overflow:hidden} .lpsu-main .lpsu-theme-round-panels.lpsu-cases .lpsu-extra-image img{height:260px;object-fit:cover} .lpsu-carousel-controls{display:flex;justify-content:flex-end;gap:12px;margin:0 0 18px} .lpsu-carousel-controls button{border:1px solid var(--lpsu-accent);border-radius:50%;color:var(--lpsu-accent);background:var(--lpsu-bg);width:48px;height:48px;font-size:24px;cursor:pointer} .lpsu-carousel-controls button:focus-visible{outline:3px solid var(--lpsu-accent);outline-offset:4px} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:32px} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-card{grid-column:span 2;padding:0;border:0;background:transparent;box-shadow:none} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-card:nth-child(-n+2){grid-column:span 3} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-image img{height:220px;width:100%;object-fit:cover} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-card:nth-child(-n+2) img{height:320px} .lpsu-main .lpsu-theme-angular-grid.lpsu-role-services .lpsu-media{align-self:flex-end;transform:translateY(35px)} .lpsu-main .lpsu-theme-angular-grid.lpsu-role-services .lpsu-media img{height:420px;width:100%;object-fit:cover} .lpsu-main .lpsu-theme-angular-grid.lpsu-full.lpsu-role-about .lpsu-content{margin:auto;max-width:820px;padding:55px;background:color-mix(in srgb,var(--lpsu-bg) 88%,transparent);text-align:center} .lpsu-main .lpsu-theme-offset-editorial.lpsu-role-hero .lpsu-shell{align-self:flex-end;margin-bottom:40px} .lpsu-main .lpsu-theme-offset-editorial.lpsu-role-about .lpsu-media img{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:490px;width:100%;object-fit:cover} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap .lpsu-shell{gap:0;max-width:1440px} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap .lpsu-content{flex:0 0 49%;padding:45px 48px;box-shadow:none;border-top:4px solid var(--lpsu-accent);margin-right:-6%;background:var(--lpsu-bg);z-index:2} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap.lpsu-reverse .lpsu-content{margin-right:0;margin-left:-6%} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap .lpsu-media{flex:1 1 57%} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap .lpsu-media img{width:100%;height:440px;object-fit:cover} .lpsu-main .lpsu-theme-offset-editorial.lpsu-role-point .lpsu-eyebrow{color:var(--lpsu-accent);font-weight:800;font-size:24px!important} .lpsu-main .lpsu-theme-process-metrics.lpsu-role-hero .lpsu-media img{height:540px;width:100%;object-fit:cover} .lpsu-main .lpsu-theme-process-metrics.lpsu-role-hero .lpsu-heading{color:var(--lpsu-fg)} .lpsu-main .lpsu-theme-process-metrics.lpsu-role-advantages .lpsu-grid-shell{align-items:center;gap:60px} .lpsu-main .lpsu-theme-process-metrics.lpsu-role-advantages .lpsu-area:nth-child(2){border-left:1px solid color-mix(in srgb,var(--lpsu-accent) 25%,transparent);padding-left:50px} .lpsu-main .lpsu-theme-process-metrics.lpsu-role-advantages strong{font-size:clamp(52px,6vw,90px);line-height:1.4;color:var(--lpsu-accent);font-weight:850} .lpsu-main .lpsu-theme-process-metrics.lpsu-cases .lpsu-extra-card{border:0;box-shadow:none;padding:36px;background:var(--lpsu-bg);border-top:4px solid var(--lpsu-accent)} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-grid{display:flex!important;gap:0;align-items:stretch} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-card{flex:1 1 0;min-width:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);background:color-mix(in srgb,var(--lpsu-accent) 12%,var(--lpsu-bg));border:0;border-radius:0;padding:26px 27px 26px 35px;box-shadow:none} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-card:after{display:none} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-title{font-size:20px;line-height:1.5} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-body{font-size:16px;line-height:1.8} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-meta{display:none} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-index{color:var(--lpsu-accent);background:transparent;font-size:25px;font-weight:850} @media(max-width:1100px){.lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-grid{flex-wrap:wrap;gap:14px}.lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-card{flex:1 1 calc(33% - 14px);min-width:180px}} @media(max-width:767px){ .lpsu-main .lpsu-theme-photo-sequence.lpsu-full:not(.lpsu-role-hero){padding-top:240px!important;min-height:0} .lpsu-main .lpsu-theme-photo-sequence.lpsu-full:not(.lpsu-role-hero) .lpsu-shell{min-height:0;padding:0!important} .lpsu-main .lpsu-theme-photo-sequence.lpsu-full:not(.lpsu-role-hero) .lpsu-content{max-width:100%;width:100%;flex:auto;padding:36px 24px;background:var(--lpsu-bg)!important} .lpsu-main .lpsu-theme-round-panels.lpsu-overlap .lpsu-content{border-radius:36px 36px 36px 6px;padding:30px 24px} .lpsu-main .lpsu-theme-round-panels.lpsu-role-hero .lpsu-media img{height:340px} .lpsu-main .lpsu-theme-round-panels.lpsu-overlap .lpsu-media img{height:320px} .lpsu-main .lpsu-theme-round-panels.lpsu-cases .lpsu-extra-card{flex-basis:82%;min-width:0} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-grid{grid-template-columns:1fr!important;gap:32px} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-card:nth-child(n){grid-column:auto} .lpsu-main .lpsu-theme-angular-grid.lpsu-cases .lpsu-extra-card:nth-child(n) img{height:250px} .lpsu-main .lpsu-theme-angular-grid.lpsu-full.lpsu-role-about .lpsu-content{padding:30px 24px} .lpsu-main .lpsu-theme-angular-grid.lpsu-role-services .lpsu-media{transform:none} .lpsu-main .lpsu-theme-offset-editorial.lpsu-role-about .lpsu-media img{height:340px} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap .lpsu-content{margin:0!important;padding:30px 24px;flex:auto;width:100%} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap .lpsu-media{flex:auto;width:100%} .lpsu-main .lpsu-theme-offset-editorial.lpsu-overlap .lpsu-media img{height:300px} .lpsu-main .lpsu-theme-process-metrics.lpsu-role-hero .lpsu-media img{height:330px} .lpsu-main .lpsu-theme-process-metrics.lpsu-role-advantages .lpsu-area:nth-child(2){border-left:0;border-top:1px solid var(--lpsu-accent);padding:24px 0 0} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-grid{flex-direction:column;gap:12px} .lpsu-main .lpsu-theme-process-metrics.lpsu-flowchart .lpsu-extra-card:nth-child(n){width:100%;flex:auto;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),50% 100%,0 calc(100% - 16px));padding:26px 28px 38px} } @media(max-width:767px){.lpsu-main .lpsu-section:is(.lpsu-theme-photo-sequence,.lpsu-theme-round-panels,.lpsu-theme-angular-grid,.lpsu-theme-offset-editorial,.lpsu-theme-process-metrics) :is(.lpsu-body,.lpsu-extra-body){font-size:var(--lpsu-mobile-body-font,18px)}} /* Native additions: fullscreen photograph, lifting content, profile and photo links. */ .lpsu-main:has(>.lpsu-hero-scroll-lift){position:relative;overflow:visible!important;isolation:isolate} .lpsu-main .lpsu-section.lpsu-hero-fullscreen{height:auto!important;min-height:var(--lpsu-height)!important;padding:0!important;width:100%;overflow:hidden} .lpsu-main .lpsu-section.lpsu-hero-scroll-lift{position:sticky!important;top:0;z-index:0;isolation:auto;transform:none!important} .lpsu-main .lpsu-hero-scroll-lift~.lpsu-section,.lpsu-main .lpsu-hero-scroll-lift~.lpsu-builder-footer{position:relative;z-index:2} .lpsu-main .lpsu-hero-scroll-lift+.lpsu-section{margin-top:calc(-1 * var(--lpsu-lift-offset,0px))} .lpsu-main:has(>.lpsu-hero-fullscreen)>.lpsu-builder-header{position:absolute!important;top:0;left:0;width:100%;z-index:5;background:transparent!important;color:white!important;--lpsu-shell-bg:transparent!important;--lpsu-shell-fg:#FFFFFF!important;text-shadow:0 1px 8px rgba(0,0,0,.8)} .lpsu-main .lpsu-hero-fullscreen .lpsu-bg-image{background-position:center;background-size:cover} .lpsu-main .lpsu-hero-copy-minimal .lpsu-shell{align-self:flex-end;margin:0 auto 72px;padding:0 clamp(24px,6vw,96px);justify-content:flex-start} .lpsu-main .lpsu-hero-copy-minimal .lpsu-content{text-align:left;max-width:840px;text-shadow:0 2px 16px rgba(0,0,0,.9)} .lpsu-main .lpsu-hero-copy-minimal :is(.lpsu-body,.lpsu-eyebrow,.lpsu-buttons){display:none} .lpsu-main .lpsu-hero-copy-photo .lpsu-content{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap} .lpsu-main .lpsu-hero-fullscreen:after{content:'SCROLL ↓';position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:15px;font-weight:700;letter-spacing:.15em;color:#fff;text-shadow:0 1px 7px #000;pointer-events:none} .lpsu-main .lpsu-native-inner{width:100%;max-width:1200px;margin:auto;padding:var(--lpsu-pad,64px) clamp(24px,5vw,72px);box-sizing:border-box} .lpsu-main .lpsu-company-profile,.lpsu-main .lpsu-photo-links{padding:0!important;min-height:0!important} .lpsu-profile-list{margin:48px 0 0;padding:0;font-size:var(--lpsu-body-font,19px);line-height:1.85} .lpsu-profile-row{display:grid;grid-template-columns:200px minmax(0,1fr);border-top:1px solid var(--lpsu-profile-line)} .lpsu-profile-row:last-child{border-bottom:1px solid var(--lpsu-profile-line)} .lpsu-profile-row dt{border-top:1px solid var(--lpsu-profile-label);color:var(--lpsu-profile-label);font-weight:750;margin-top:-1px;padding:24px 24px 24px 0} .lpsu-profile-row dd{margin:0;padding:24px 0 24px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;overflow-wrap:anywhere;color:var(--lpsu-fg)} .lpsu-profile-link{white-space:nowrap;text-decoration:none;color:inherit;font-size:inherit;border-bottom:1px solid currentColor} .lpsu-photo-links .lpsu-native-inner{max-width:none;padding:0} .lpsu-photo-links .lpsu-native-inner>.lpsu-heading,.lpsu-photo-links .lpsu-native-inner>.lpsu-body,.lpsu-photo-links .lpsu-native-inner>.lpsu-eyebrow{max-width:1056px;margin:0 auto;padding:24px} .lpsu-photo-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0} .lpsu-photo-links-one-two>.lpsu-photo-link:first-child{grid-column:1/-1;min-height:250px} .lpsu-photo-links-three{grid-template-columns:repeat(3,minmax(0,1fr))} .lpsu-photo-link{position:relative;isolation:isolate;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none!important;background:var(--lpsu-bg);color:var(--lpsu-link-fg)!important} .lpsu-photo-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.8,.2,1)} .lpsu-photo-link:before{content:'';position:absolute;inset:0;background:var(--lpsu-link-overlay);z-index:-1} .lpsu-photo-link-copy{text-align:center;padding:40px 24px;max-width:700px;text-shadow:0 1px 10px rgba(0,0,0,.65)} .lpsu-photo-link-copy h3{font-size:clamp(26px,3vw,42px);line-height:1.4;font-weight:800;margin:0 0 16px;color:inherit} .lpsu-photo-link-copy p{font-size:var(--lpsu-body-font,19px);line-height:1.8;margin:0 0 20px} .lpsu-photo-link-copy>span{display:inline-block;border:1px solid currentColor;padding:12px 36px;min-width:180px;font-size:18px;font-weight:700} .lpsu-photo-link:hover>img{transform:scale(1.045)} .lpsu-photo-link:focus-visible{outline:4px solid var(--lpsu-link-fg);outline-offset:-8px} .lpsu-opening{display:none;position:fixed;inset:0;z-index:2147483000;color:var(--lpsu-intro-fg);overflow:hidden;pointer-events:none} .lpsu-opening.is-active{display:block;pointer-events:auto} .lpsu-opening-half{position:absolute;inset:0;background:var(--lpsu-intro-bg)} .lpsu-opening[data-mode=horizontal] .lpsu-opening-first{right:50%} .lpsu-opening[data-mode=horizontal] .lpsu-opening-second{left:50%} .lpsu-opening[data-mode=vertical] .lpsu-opening-first{bottom:50%} .lpsu-opening[data-mode=vertical] .lpsu-opening-second{top:50%} .lpsu-opening-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,4vw,54px);font-weight:800;letter-spacing:.08em;padding:32px;text-align:center} .lpsu-opening-brand img{max-width:min(75vw,480px);max-height:160px;object-fit:contain} .lpsu-opening-skip{position:absolute;bottom:24px;right:24px;border:1px solid currentColor;background:transparent;color:inherit;font-size:16px;padding:12px 18px;cursor:pointer;z-index:2} @media(max-width:767px){ .lpsu-main .lpsu-section.lpsu-hero-fullscreen{height:auto!important;min-height:var(--lpsu-height)!important} .lpsu-main:has(>.lpsu-hero-fullscreen) .lpsu-shell-nav.lpsu-shell-nav-open{background:#102D40!important;color:#FFFFFF!important} .lpsu-main .lpsu-hero-copy-minimal .lpsu-shell{margin-bottom:64px} .lpsu-profile-row{grid-template-columns:1fr} .lpsu-profile-row dt{padding:18px 0 0;border-top:none} .lpsu-profile-row dd{padding:8px 0 20px;align-items:flex-start;flex-direction:column;gap:12px} .lpsu-profile-list{font-size:var(--lpsu-mobile-body-font,18px)} .lpsu-photo-links-grid,.lpsu-photo-links-three{grid-template-columns:1fr} .lpsu-photo-link,.lpsu-photo-links-one-two>.lpsu-photo-link:first-child{min-height:240px} .lpsu-photo-link-copy p{font-size:var(--lpsu-mobile-body-font,18px)} } @media(prefers-reduced-motion:reduce){ .lpsu-main .lpsu-section.lpsu-hero-scroll-lift{position:relative!important} .lpsu-opening{display:none!important} .lpsu-photo-link>img{transition:none}.lpsu-photo-link:hover>img{transform:none} } .lpsu-main .lpsu-hero-copy-photo .lpsu-buttons{display:none} /* 0.1.35: card intro and grid are separate rows; news cannot shrink sideways. */ .lpsu-main>.lpsu-section:is(.lpsu-cards3,.lpsu-cards4,.lpsu-news){display:block!important;min-width:0;height:auto} .lpsu-main>.lpsu-news>.lpsu-news-inner{display:block;width:100%;min-width:0;max-width:1200px;margin-inline:auto;box-sizing:border-box} .lpsu-main>.lpsu-section:is(.lpsu-cards3,.lpsu-cards4)>.lpsu-grid-shell{display:grid;width:100%;min-width:0;max-width:1160px;margin-inline:auto} @media(min-width:1101px){html.sales-edgy[data-sales-pattern] .lpsu-main>.lpsu-cards3>.lpsu-grid-shell{grid-template-columns:repeat(3,minmax(0,1fr))!important}html.sales-edgy[data-sales-pattern] .lpsu-main>.lpsu-cards4>.lpsu-grid-shell{grid-template-columns:repeat(4,minmax(0,1fr))!important}} html.sales-edgy[data-sales-pattern] .lpsu-main>.lpsu-section:is(.lpsu-cards3,.lpsu-cards4)>.lpsu-grid-shell>.lpsu-area{grid-column:auto!important;min-width:0;max-width:100%} @media(min-width:768px) and (max-width:1100px){html.sales-edgy[data-sales-pattern] .lpsu-main>.lpsu-cards4>.lpsu-grid-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:767px){html.sales-edgy[data-sales-pattern] .lpsu-main>.lpsu-section:is(.lpsu-cards3,.lpsu-cards4)>.lpsu-grid-shell{grid-template-columns:1fr!important}} /* Continuous photo movement: no fade and no blank edges, copy stays still. */ html.sales-edgy[data-sales-pattern] .lpsu-main>.lpsu-role-hero.lpsu-full.lpsu-bg-loop .lpsu-bg-image,.lpsu-main>.lpsu-full.lpsu-bg-loop .lpsu-bg-image{animation:lpsu-photo-drift var(--lpsu-bg-loop-seconds,24s) ease-in-out infinite!important;clip-path:none!important;opacity:1!important;scale:1!important;translate:none!important;will-change:transform} @keyframes lpsu-photo-drift{0%,100%{transform:scale(1.08) translate(-1.8%,0)}50%{transform:scale(1.14) translate(1.8%,-1%)}} @media(prefers-reduced-motion:reduce){html.sales-edgy[data-sales-pattern] .lpsu-main>.lpsu-role-hero.lpsu-full.lpsu-bg-loop .lpsu-bg-image,.lpsu-main>.lpsu-full.lpsu-bg-loop .lpsu-bg-image{animation:none!important;transform:none!important}} /* v0.1.50 unified card layouts */ .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-left .lpsu-grid-shell, .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-left .lpsu-grid-shell{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-auto-rows:minmax(0,1fr)} .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-left .lpsu-area:nth-child(1){grid-row:1/span 2} .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-left .lpsu-area:nth-child(1){grid-row:1/span 3} .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-right .lpsu-grid-shell, .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-right .lpsu-grid-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);grid-auto-rows:minmax(0,1fr)} .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-right .lpsu-area:nth-child(3){grid-column:2;grid-row:1/span 2} .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-right .lpsu-area:nth-child(4){grid-column:2;grid-row:1/span 3} .lpsu-main .lpsu-cards4.lpsu-card-layout-mosaic .lpsu-grid-shell{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)} @media(max-width:767px){ .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-left .lpsu-grid-shell, .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-left .lpsu-grid-shell, .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-right .lpsu-grid-shell, .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-right .lpsu-grid-shell, .lpsu-main .lpsu-cards4.lpsu-card-layout-mosaic .lpsu-grid-shell{grid-template-columns:1fr!important;grid-auto-rows:auto!important} .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-left .lpsu-area, .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-left .lpsu-area, .lpsu-main .lpsu-cards3.lpsu-card-layout-feature-right .lpsu-area, .lpsu-main .lpsu-cards4.lpsu-card-layout-feature-right .lpsu-area{grid-column:auto!important;grid-row:auto!important} } /* v0.1.54: predictable section-height behavior. The outer section distributes extra height; contentVertical controls copy within each column. */ .lpsu-main .lpsu-section.lpsu-grow-up:not(.lpsu-builder-header):not(.lpsu-builder-footer){flex-direction:column;justify-content:flex-end} .lpsu-main .lpsu-section.lpsu-grow-center:not(.lpsu-builder-header):not(.lpsu-builder-footer){flex-direction:column;justify-content:center} .lpsu-main .lpsu-section.lpsu-grow-down:not(.lpsu-builder-header):not(.lpsu-builder-footer){flex-direction:column;justify-content:flex-start} .lpsu-main .lpsu-content-v-top>.lpsu-shell{align-items:flex-start} .lpsu-main .lpsu-content-v-center>.lpsu-shell{align-items:center} .lpsu-main .lpsu-content-v-bottom>.lpsu-shell{align-items:flex-end} .lpsu-main .lpsu-content-v-top>.lpsu-grid-shell{align-items:start} .lpsu-main .lpsu-content-v-center>.lpsu-grid-shell{align-items:center} .lpsu-main .lpsu-content-v-bottom>.lpsu-grid-shell{align-items:end} .lpsu-main .lpsu-content-v-top .lpsu-area{justify-content:flex-start} .lpsu-main .lpsu-content-v-center .lpsu-area{justify-content:center} .lpsu-main .lpsu-content-v-bottom .lpsu-area{justify-content:flex-end} @media(max-width:767px){ .lpsu-main .lpsu-section:is(.lpsu-grow-up,.lpsu-grow-center,.lpsu-grow-down){justify-content:flex-start} .lpsu-main .lpsu-content-v-top>.lpsu-shell,.lpsu-main .lpsu-content-v-center>.lpsu-shell,.lpsu-main .lpsu-content-v-bottom>.lpsu-shell{align-items:stretch} .lpsu-main .lpsu-content-v-top>.lpsu-grid-shell,.lpsu-main .lpsu-content-v-center>.lpsu-grid-shell,.lpsu-main .lpsu-content-v-bottom>.lpsu-grid-shell{align-items:stretch} } /* v0.1.56 — expanded reveal motions, dynamic backgrounds, scroll scenes. */ @media(prefers-reduced-motion:no-preference){ body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-blur-up:not(.lpsu-in-view) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){opacity:0;transform:translate3d(0,110px,0) scale(.94);filter:blur(18px)} body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-clip-up:not(.lpsu-in-view) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){opacity:0;transform:translate3d(0,90px,0);clip-path:inset(42% 0 0 0 round 22px)} body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-rotate-in:not(.lpsu-in-view) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){opacity:0;transform:perspective(1200px) rotateX(14deg) translate3d(0,110px,0) scale(.92);transform-origin:50% 100%} body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-blur-up > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner), body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-clip-up > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner), body.lpsu-motion-ready .lpsu-main .lpsu-section.lpsu-motion-rotate-in > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){transition:opacity var(--lpsu-motion-duration,750ms) ease var(--lpsu-motion-delay,0ms),transform var(--lpsu-motion-duration,750ms) cubic-bezier(.2,.7,.2,1) var(--lpsu-motion-delay,0ms),filter var(--lpsu-motion-duration,750ms) ease var(--lpsu-motion-delay,0ms),clip-path var(--lpsu-motion-duration,750ms) cubic-bezier(.2,.7,.2,1) var(--lpsu-motion-delay,0ms)} } .lpsu-main .lpsu-section[class*="lpsu-bgmotion-"]{background-repeat:no-repeat;overflow:hidden} .lpsu-main .lpsu-section.lpsu-bgmotion-orbs{background-image:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--lpsu-accent) 20%,transparent) 0,transparent 28%),radial-gradient(circle at 88% 22%,color-mix(in srgb,var(--lpsu-fg) 10%,transparent) 0,transparent 25%),radial-gradient(circle at 56% 82%,color-mix(in srgb,var(--lpsu-accent) 14%,transparent) 0,transparent 30%);background-size:120% 120%,120% 120%,140% 140%} .lpsu-main .lpsu-section.lpsu-bgmotion-grid{background-image:linear-gradient(color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 1px,transparent 1px),radial-gradient(circle at 75% 18%,color-mix(in srgb,var(--lpsu-accent) 14%,transparent) 0,transparent 32%);background-size:48px 48px,48px 48px,120% 120%} .lpsu-main .lpsu-section.lpsu-bgmotion-mesh{background-image:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--lpsu-accent) 16%,transparent) 0,transparent 28%),radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--lpsu-fg) 10%,transparent) 0,transparent 24%),linear-gradient(135deg,color-mix(in srgb,var(--lpsu-accent) 10%,transparent),transparent 42%,color-mix(in srgb,var(--lpsu-fg) 7%,transparent) 100%);background-size:120% 120%,120% 120%,100% 100%} .lpsu-main .lpsu-section.lpsu-bgmotion-spotlight{background-image:radial-gradient(circle at 50% -8%,color-mix(in srgb,var(--lpsu-accent) 22%,transparent) 0,transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--lpsu-fg) 4%,transparent),transparent 45%,color-mix(in srgb,var(--lpsu-accent) 4%,transparent)) ;background-size:130% 130%,100% 100%} @media(prefers-reduced-motion:no-preference){ .lpsu-main .lpsu-section.lpsu-bgmotion-orbs{animation:lpsu-bg-orbs 20s ease-in-out infinite} .lpsu-main .lpsu-section.lpsu-bgmotion-grid{animation:lpsu-bg-grid 24s linear infinite} .lpsu-main .lpsu-section.lpsu-bgmotion-mesh{animation:lpsu-bg-mesh 18s ease-in-out infinite alternate} .lpsu-main .lpsu-section.lpsu-bgmotion-spotlight{animation:lpsu-bg-spotlight 16s ease-in-out infinite} } @keyframes lpsu-bg-orbs{0%,100%{background-position:0% 0%,100% 0%,50% 100%}50%{background-position:6% 8%,92% 10%,54% 92%}} @keyframes lpsu-bg-grid{0%{background-position:0 0,0 0,100% 0}100%{background-position:48px 48px,-48px 0,92% 8%}} @keyframes lpsu-bg-mesh{0%{background-position:18% 18%,82% 30%,0 0}100%{background-position:26% 12%,74% 36%,0 0}} @keyframes lpsu-bg-spotlight{0%,100%{background-position:50% 0,0 0}50%{background-position:47% 12%,0 0}} .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner), .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) .lpsu-media img, .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) .lpsu-photo, .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) .lpsu-photo img, .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) .lpsu-full-gallery-image img, .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) .lpsu-bg-image{transition:transform .32s ease-out;will-change:transform} .lpsu-main .lpsu-section.lpsu-scrollscene-screen-shift > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){transform:translate3d(calc(var(--lpsu-scroll-dir-x,0px) * var(--lpsu-scroll-mult,1)),0,0)} .lpsu-main .lpsu-section.lpsu-scrollscene-media-shift :is(.lpsu-media img,.lpsu-photo,.lpsu-photo img,.lpsu-full-gallery-image img,.lpsu-bg-image){transform:translate3d(calc(var(--lpsu-scroll-dir-x,0px) * var(--lpsu-scroll-mult,1)),0,0) scale(1.03)} .lpsu-main .lpsu-section.lpsu-scrollscene-lift-up :is(.lpsu-media img,.lpsu-photo,.lpsu-photo img,.lpsu-full-gallery-image img,.lpsu-bg-image){transform:translate3d(calc(var(--lpsu-scroll-dir-x,0px) * .18),calc((1 - var(--lpsu-scroll-progress,0)) * (220px * var(--lpsu-scroll-mult,1) + 50px)),0) scale(calc(1.02 + (1 - var(--lpsu-scroll-progress,0)) * .06))} @media(prefers-reduced-motion:reduce){ .lpsu-main .lpsu-section[class*="lpsu-bgmotion-"]{animation:none!important;background-position:50% 50%!important} .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner), .lpsu-main .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) :is(.lpsu-media img,.lpsu-photo,.lpsu-photo img,.lpsu-full-gallery-image img,.lpsu-bg-image){transition:none!important;transform:none!important} } .lpsu-main[data-lpsu-motion="off"] .lpsu-section[class*="lpsu-bgmotion-"]{animation:none!important;background-position:50% 50%!important} .lpsu-main[data-lpsu-motion="off"] .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner), .lpsu-main[data-lpsu-motion="off"] .lpsu-section:is(.lpsu-scrollscene-screen-shift,.lpsu-scrollscene-media-shift,.lpsu-scrollscene-lift-up) :is(.lpsu-media img,.lpsu-photo,.lpsu-photo img,.lpsu-full-gallery-image img,.lpsu-bg-image){transform:none!important;transition:none!important} /* v0.1.4 — large-scale title choreography and viewport scene movement. */ @media(prefers-reduced-motion:no-preference){ body.lpsu-motion-ready .lpsu-main .lpsu-section[class*="lpsu-motion-"]:not(.lpsu-in-view) .lpsu-eyebrow{opacity:0;transform:translate3d(0,42px,0)} body.lpsu-motion-ready .lpsu-main .lpsu-section[class*="lpsu-motion-"]:not(.lpsu-in-view) .lpsu-heading{opacity:0;transform:translate3d(0,92px,0) scale(.96);filter:blur(8px)} body.lpsu-motion-ready .lpsu-main .lpsu-section[class*="lpsu-motion-"]:not(.lpsu-in-view) .lpsu-body{opacity:0;transform:translate3d(0,64px,0)} body.lpsu-motion-ready .lpsu-main .lpsu-section[class*="lpsu-motion-"] .lpsu-eyebrow{transition:opacity .65s ease .12s,transform .8s cubic-bezier(.2,.75,.2,1) .12s} body.lpsu-motion-ready .lpsu-main .lpsu-section[class*="lpsu-motion-"] .lpsu-heading{transition:opacity .8s ease .2s,transform 1.05s cubic-bezier(.16,.82,.18,1) .2s,filter .85s ease .2s} body.lpsu-motion-ready .lpsu-main .lpsu-section[class*="lpsu-motion-"] .lpsu-body{transition:opacity .72s ease .36s,transform .95s cubic-bezier(.2,.75,.2,1) .36s} .lpsu-main .lpsu-section.lpsu-scrollscene-screen-shift > :is(.lpsu-shell,.lpsu-section-intro,.lpsu-grid-shell,.lpsu-benefits-inner,.lpsu-pricing-inner,.lpsu-faq-inner,.lpsu-extra-inner){transition:transform .52s cubic-bezier(.16,.82,.18,1)!important} .lpsu-main .lpsu-section.lpsu-scrollscene-media-shift :is(.lpsu-media img,.lpsu-photo,.lpsu-photo img,.lpsu-full-gallery-image img,.lpsu-bg-image){transition:transform .6s cubic-bezier(.16,.82,.18,1)!important} } /* v0.3.4 Contact form builder */ .lpsu-main .lpsu-contact-form-wrap{width:100%;display:flex;flex-direction:column;align-items:var(--lpsu-form-align);box-sizing:border-box;padding:var(--lpsu-effective-pad);position:relative;z-index:2} .lpsu-main .lpsu-contact-form-wrap>.lpsu-contact-intro{width:min(var(--lpsu-form-width),var(--lpsu-form-max));max-width:100%;margin-bottom:clamp(20px,3vw,36px)} .lpsu-main .lpsu-contact-form{width:min(var(--lpsu-form-width),var(--lpsu-form-max));max-width:100%;box-sizing:border-box} .lpsu-main .lpsu-contact-form.is-card{background:color-mix(in srgb,var(--lpsu-bg) 92%,#fff 8%);border:1px solid color-mix(in srgb,var(--lpsu-fg) 14%,transparent);border-radius:var(--lpsu-form-radius);padding:clamp(20px,3.5vw,42px);box-shadow:0 16px 42px rgba(18,35,54,.08)} .lpsu-main .lpsu-contact-form-title{font:700 clamp(24px,3vw,34px)/1.35 var(--lpsu-heading-family);margin:0 0 8px;color:var(--lpsu-fg)} .lpsu-main .lpsu-contact-form-description{margin:0 0 24px;line-height:1.8;color:var(--lpsu-fg);opacity:.82} .lpsu-main .lpsu-contact-fields{display:flex;flex-wrap:wrap;gap:var(--lpsu-form-gap);align-items:flex-start} .lpsu-main .lpsu-contact-field{flex:0 0 calc(var(--lpsu-field-width) - (var(--lpsu-form-gap) * .5));max-width:100%;min-width:0;box-sizing:border-box} .lpsu-main .lpsu-contact-label{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:700;line-height:1.45;color:var(--lpsu-fg)} .lpsu-main .lpsu-required{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:var(--lpsu-accent);color:#fff;font-size:11px;font-weight:700;line-height:1.4} .lpsu-main .lpsu-contact-form input:not([type=radio]):not([type=checkbox]), .lpsu-main .lpsu-contact-form textarea, .lpsu-main .lpsu-contact-form select{box-sizing:border-box;width:100%;min-height:var(--lpsu-field-height);border:1px solid color-mix(in srgb,var(--lpsu-fg) 24%,transparent);border-radius:var(--lpsu-form-radius);background:#fff;color:#172d44;padding:11px 14px;font:inherit;line-height:1.5;outline:none;transition:border-color .18s ease,box-shadow .18s ease} .lpsu-main .lpsu-contact-form textarea{resize:vertical} .lpsu-main .lpsu-contact-form input:focus, .lpsu-main .lpsu-contact-form textarea:focus, .lpsu-main .lpsu-contact-form select:focus{border-color:var(--lpsu-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--lpsu-accent) 20%,transparent)} .lpsu-main .lpsu-contact-choices{display:flex;flex-wrap:wrap;gap:10px 18px;min-height:var(--lpsu-field-height);align-items:center;padding:8px 0} .lpsu-main .lpsu-contact-choices label{display:inline-flex;align-items:center;gap:7px;cursor:pointer} .lpsu-main .lpsu-contact-notice{margin:20px 0 0;font-size:.9em;line-height:1.7;opacity:.72} .lpsu-main .lpsu-contact-submit{margin-top:24px} .lpsu-main .lpsu-contact-submit .lpsu-button{min-width:180px} .lpsu-main .lpsu-contact-preview-note{font-size:12px;opacity:.58;margin:10px 0 0} @media(max-width:700px){ .lpsu-main .lpsu-contact-form-wrap{padding:var(--lpsu-effective-pad)} .lpsu-main .lpsu-contact-form-wrap>.lpsu-contact-intro,.lpsu-main .lpsu-contact-form{width:100%!important;max-width:100%!important} .lpsu-main .lpsu-contact-field{flex-basis:100%!important;width:100%!important} .lpsu-main .lpsu-contact-form.is-card{padding:20px 16px} } /* v0.3.7 — Editorial design line: floating header, mega footer, shutter reveal. */ .lpsu-main .lpsu-builder-header.lpsu-shell-six{ background:transparent!important; padding:18px clamp(14px,2.2vw,34px) 0; z-index:90; } .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-inner{ max-width:1440px; min-height:var(--lpsu-shell-height,96px); padding:14px 18px 14px 26px; border-radius:10px; background:#f7f7f5; color:#202124; box-shadow:0 12px 34px rgba(0,0,0,.12); gap:24px; } .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-brand{ font-size:clamp(20px,1.7vw,28px); letter-spacing:.01em; font-weight:800; } .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-nav{gap:clamp(14px,1.8vw,28px)} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-nav a{font-size:15px;letter-spacing:.03em;font-weight:700;position:relative} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:#202124;transition:right .28s ease} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-nav a:hover:after{right:0} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-cta{ background:#202124!important;color:#fff!important;border:0!important;box-shadow:none;border-radius:0;padding:15px 23px; } .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-toggle{ display:flex!important;width:50px;height:50px;border:2px solid #202124;border-radius:50%;align-items:center;justify-content:center;gap:5px;margin-left:0;padding:0; } .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-toggle span{width:19px;height:1.5px;background:#202124} .lpsu-main .lpsu-builder-footer.lpsu-shell-six{background:#222!important;color:#f5f5f5!important;min-height:var(--lpsu-shell-height,520px)} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-inner{ max-width:1440px;display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(0,2fr);gap:70px;padding:70px clamp(28px,5vw,70px) 56px;align-items:start; } .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-footer-brand{max-width:none} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-footer-brand>a{font-size:clamp(30px,3.5vw,56px);font-weight:850;letter-spacing:.01em} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-footer-brand p{max-width:520px;font-size:15px;line-height:2;color:#d8d8d8} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-footer-links{ max-width:none;margin:0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px 32px;align-content:start; } .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-footer-links a{font-size:clamp(16px,1.4vw,22px);font-weight:760;letter-spacing:.03em;padding:9px 0;border-bottom:1px solid #ffffff1f} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-footer-links a:before{content:"→ ";color:var(--lpsu-shell-accent)} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-cta{grid-column:2;justify-self:start;background:transparent!important;color:#fff!important;border:1px solid #ffffff66!important;box-shadow:none} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-bottom{max-width:1440px;width:100%;padding:22px clamp(28px,5vw,70px);border-top:1px solid #ffffff1f;text-align:right} /* Shutter reveal: content remains visible without JS; motion-ready adds the cover only when animation can run. */ .lpsu-main .lpsu-skin-shutter-reveal{background:var(--lpsu-bg);overflow:hidden} .lpsu-main .lpsu-skin-shutter-reveal>.lpsu-section-intro, .lpsu-main .lpsu-skin-shutter-reveal>.lpsu-grid-shell{position:relative;z-index:2} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-eyebrow{font-size:clamp(16px,1.3vw,22px);font-weight:800;letter-spacing:.02em;opacity:1} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-heading{position:relative;display:inline-block;font-size:clamp(58px,8.8vw,148px)!important;line-height:.92!important;letter-spacing:-.055em!important;font-weight:900!important;font-style:italic;overflow:hidden;padding:.06em .03em .12em 0} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-body{max-width:720px;font-weight:650;line-height:2} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-button{background:transparent!important;color:var(--lpsu-fg)!important;border:0!important;border-bottom:2px solid currentColor!important;border-radius:0!important;padding:10px 42px 8px 0!important;box-shadow:none!important;position:relative} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-button:after{content:"→";position:absolute;right:5px;font-size:1.55em;line-height:.7} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-grid-shell{gap:34px;align-items:center} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-area{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-area-media{position:relative;min-height:460px;overflow:visible} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-area-media img{width:100%;height:100%;min-height:460px;object-fit:cover} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-area:nth-child(2) .lpsu-area-media:after{content:"";position:absolute;width:52%;height:46%;left:-32%;bottom:-28%;background:color-mix(in srgb,var(--lpsu-bg) 78%,#fff 22%);border:12px solid var(--lpsu-bg);pointer-events:none} body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal .lpsu-heading:after{ content:"";position:absolute;inset:0;background:var(--lpsu-fg);z-index:3;transform:translateX(0);transform-origin:left center; } body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal:not(.lpsu-in-view) .lpsu-heading{color:transparent;text-shadow:none} body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal.lpsu-in-view .lpsu-heading{animation:lpsu-shutter-text .01s .32s both} body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal.lpsu-in-view .lpsu-heading:after{animation:lpsu-shutter-sweep 1.05s cubic-bezier(.77,0,.18,1) .08s both} body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal.lpsu-in-view .lpsu-eyebrow, body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal.lpsu-in-view .lpsu-body, body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal.lpsu-in-view .lpsu-buttons{animation:lpsu-editorial-rise .72s ease .46s both} @keyframes lpsu-shutter-sweep{0%{transform:translateX(0)}48%{transform:translateX(0)}100%{transform:translateX(105%)}} @keyframes lpsu-shutter-text{to{color:var(--lpsu-fg)}} @keyframes lpsu-editorial-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}} @media(max-width:900px){ .lpsu-main .lpsu-builder-header.lpsu-shell-six{padding:10px 10px 0} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-inner{border-radius:8px;padding:11px 14px} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-toggle{display:flex!important;width:44px;height:44px} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-nav{display:none!important;order:4;width:100%;background:#f7f7f5!important;color:#202124!important;padding:8px 0!important} .lpsu-main .lpsu-builder-header.lpsu-shell-six .lpsu-shell-nav.lpsu-shell-nav-open{display:flex!important} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-inner{grid-template-columns:1fr;gap:36px;padding:52px 24px 38px} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-cta{grid-column:1} .lpsu-main .lpsu-builder-footer.lpsu-shell-six .lpsu-shell-bottom{text-align:left;padding:18px 24px} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-heading{font-size:clamp(50px,18vw,90px)!important} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-area-media,.lpsu-main .lpsu-skin-shutter-reveal .lpsu-area-media img{min-height:340px} .lpsu-main .lpsu-skin-shutter-reveal .lpsu-area:nth-child(2) .lpsu-area-media:after{display:none} } @media(prefers-reduced-motion:reduce){ body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal .lpsu-heading{color:var(--lpsu-fg)!important} body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal .lpsu-heading:after{display:none} body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal .lpsu-eyebrow,body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal .lpsu-body,body.lpsu-motion-ready .lpsu-main .lpsu-skin-shutter-reveal .lpsu-buttons{animation:none!important} }