/* The segment landing pages under /solutions/<segment>, built for ad traffic.
   They sit on the homepage's own stylesheet (/site/home-shell.css, generated from
   public/home/index.html), so the type, buttons, nav, closing section and night-sky
   footer are vorlyai.com's. These rules only draw the sections the homepage does not
   have, in its furniture: white cards on soft blue shadows (its plan and model cards),
   #f5f7fb wells, #1f62f0 for the one accent, the white-to-sky hero gradient.
   Everything here is prefixed lp- so nothing collides with the homepage's names. */

/* 0. slim nav: the logo in the middle, as on the homepage, and one pill */
.lp-nav{grid-template-columns:1fr auto 1fr}
.lp-nav .logo{grid-column:2}
.lp-navr{grid-column:3;justify-self:end;display:flex;gap:8px}

/* 1. hero: alone above the fold, on the homepage's sky */
.lp-hero{position:relative;min-height:calc(100svh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 20px 72px;background:linear-gradient(180deg,#fff 0%,#eef5ff 55%,#dcebff 100%)}
.lp-eyebrow{font-size:14px;color:#1f62f0;margin-bottom:18px}
.lp-hero h1{font-size:clamp(36px,6vw,64px);line-height:1.02;max-width:840px;margin:0 auto}
.lp-rot{display:inline-block;transition:opacity .25s}
.lp-sub{margin:20px auto 0;max-width:600px;font-size:18px;line-height:27px;color:var(--muted)}
.lp-ctas{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.lp-hero .lp-ctas,.lp-ctas.lp-c{justify-content:center}
.lp-ctas .btn{height:48px;padding:0 24px}
.lp-quiet{margin-top:18px;font-size:13.5px;color:var(--muted)}

.lp-wrap{max-width:1102px;margin:0 auto;padding:0 20px}

/* panels: the homepage's white cards */
.lp-pnl{border-radius:20px;background:#fff;padding:20px;border:1px solid rgba(18,28,60,.06);box-shadow:0 18px 50px rgba(15,45,120,.10),0 1px 3px rgba(15,45,120,.06)}
.lp-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:14px}
.lp-hd b{font-weight:500;color:var(--ink);font-size:14.5px}
.lp-hd span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.lp-ex{font-style:normal;font-size:12px;padding:3px 10px;border-radius:99px;background:#eef4ff;color:#1f62f0}
.lp-cap{margin-top:12px;font-size:13px;line-height:19px;color:var(--muted)}
.lp-cap.lp-c{text-align:center;margin-top:18px}
.lp-lnk{color:#1f62f0;text-decoration:underline;text-underline-offset:3px}
img.lp-ph{display:block;width:100%;height:auto;object-fit:cover;border-radius:12px;background:#eef1f6}

/* 2. showcase */
.lp-showcase{margin-top:-40px;position:relative;z-index:1}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lp-stat{padding:14px;border-radius:12px;background:#f5f7fb}
.lp-stat small{display:block;font-size:12px;color:var(--muted)}
.lp-stat b{display:block;margin-top:6px;font-size:22px;line-height:26px;font-weight:400;letter-spacing:-.03em}
.lp-stat em{display:block;font-style:normal;font-size:12px;color:#1f62f0;margin-top:4px}
.lp-shots{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lp-shots img.lp-ph{aspect-ratio:4/5}
.lp-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.lp-chips span{padding:6px 12px;border-radius:99px;background:#f5f7fb;font-size:13px}
.lp-next{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:12px 16px;border-radius:12px;background:#eef4ff}
.lp-next b{font-weight:500;font-size:13px;color:#1f62f0}
.lp-chr{display:grid;gap:8px}
.lp-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#f5f7fb}
.lp-lg{width:28px;height:28px;object-fit:contain;flex:none}
.lp-tx{flex:1;min-width:0}
.lp-tx b{display:block;font-weight:500;font-size:14.5px}
.lp-tx small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.lp-st{font-size:13px;color:#1f62f0;white-space:nowrap}
.lp-notewrap{display:grid;gap:12px}
.lp-note{padding:22px;border-radius:14px;background:#fbf8f1;border:1px solid #efe7d6}
.lp-note small{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}
.lp-note p{font-size:18px;line-height:27px;letter-spacing:-.01em}
.lp-note p+p{margin-top:10px}
.lp-shots.lp-2x2{margin-top:0;grid-template-columns:1fr 1fr}
.lp-brands{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lp-brands div{padding:12px 14px;border-radius:12px;background:#f5f7fb;display:grid;gap:4px}
.lp-brands b{font-weight:500;font-size:14px}
.lp-brands small{font-size:12px;color:var(--muted)}
.lp-state{justify-self:start;font-size:11.5px;padding:3px 9px;border-radius:99px;background:#eef4ff;color:#1f62f0;white-space:nowrap}
.lp-state.lp-approved,.lp-state.lp-live{background:#e6f6ee;color:#1d6b45}
.lp-state.lp-changes-asked{background:#fff4de;color:#8a5a00}
.lp-appr{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lp-appr.lp-three{grid-template-columns:repeat(3,1fr)}
.lp-appr figure{margin:0}
.lp-appr img.lp-ph{aspect-ratio:4/5}
.lp-appr figcaption{margin-top:8px;display:grid;gap:5px;font-size:13px}

/* 3. channels strip */
.lp-strip{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 34px;padding:20px 24px;border-radius:16px;background:var(--card)}
.lp-strip>span{font-size:14px;color:var(--muted)}
.lp-ch{display:flex;align-items:center;gap:10px;font-size:15px}

/* sections */
.lp-sec{padding:120px 0 0}
.lp-head{text-align:center;margin-bottom:40px}
.lp-head h2,.lp-sec h2{font-size:40px;line-height:42px;text-wrap:balance}
.lp-head p{margin:14px auto 0;max-width:520px;color:var(--muted)}

/* 4. problem rows */
.lp-prob h2{max-width:760px}
.lp-prob .lp-lines{margin-top:28px;border-top:1px solid var(--line);max-width:820px}
.lp-prob .lp-lines p{padding:22px 0;border-bottom:1px solid var(--line);font-size:22px;line-height:30px;font-weight:400;letter-spacing:-.02em}

/* 5. blocks */
.lp-blk{padding-top:120px;display:grid;grid-template-columns:445px minmax(0,1fr);gap:56px;align-items:center}
.lp-blk.lp-flip{grid-template-columns:minmax(0,1fr) 445px}
.lp-blk.lp-flip .lp-bt{order:2}
.lp-num{font-size:13px;color:#1f62f0;font-variant-numeric:tabular-nums}
.lp-bt h2{margin-top:12px;font-size:36px;line-height:40px}
.lp-who{margin-top:14px;color:var(--muted)}
.lp-pts{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:10px}
.lp-pts li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:15px;line-height:22px}
.lp-pts svg{width:18px;height:18px;margin-top:2px;stroke:#2f7ff0}
.lp-bars{display:grid;gap:12px}
.lp-bl{display:grid;grid-template-columns:140px 1fr 44px;gap:12px;align-items:center;font-size:13.5px}
.lp-bl small{color:var(--muted);font-size:13px;text-align:right}
.lp-bar{height:8px;border-radius:8px;background:#eef1f6;overflow:hidden}
.lp-bar i{display:block;height:100%;background:#2f7ff0;border-radius:8px}
.lp-fmt{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:end}
.lp-fmt.lp-n2{grid-template-columns:1fr 1fr}
.lp-fmt div{text-align:center;font-size:12.5px;color:var(--muted)}
.lp-fmt img.lp-ph{margin-bottom:8px}
.lp-fmt .lp-a1{aspect-ratio:1/1}.lp-fmt .lp-a2{aspect-ratio:4/5}.lp-fmt .lp-a3{aspect-ratio:9/16}
.lp-tone{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f5f7fb;font-size:15px;line-height:22px}
.lp-tone small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.lp-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-one{display:grid;grid-template-columns:minmax(0,300px);justify-content:center}
.lp-clip{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:9/12;background:#eef1f6}
.lp-clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(30,30,30,.42);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}
.lp-tg{position:absolute;z-index:1;left:10px;bottom:10px;padding:4px 10px;border-radius:99px;background:rgba(30,30,30,.42);color:#fff;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lp-wk{display:grid;gap:8px}
.lp-av{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:13px;box-shadow:0 1px 3px rgba(15,45,120,.12)}
.lp-roles{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lp-roles div{padding:12px 14px;border-radius:12px;border:1px solid var(--line)}
.lp-roles span{display:block;font-size:12px;color:var(--muted)}
.lp-roles b{display:block;margin-top:4px;font-weight:500}
.lp-tbl{display:grid;gap:6px;font-size:13.5px}
.lp-thd,.lp-tr{display:grid;grid-template-columns:1.3fr 1fr .8fr .8fr;gap:8px;align-items:center;padding:10px 14px}
.lp-thd{color:var(--muted);font-size:12px;padding-top:0;padding-bottom:2px}
.lp-tr{border-radius:12px;background:#f5f7fb}

/* 6. steps: the homepage's grey cards */
.lp-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-steps li{border-radius:12px;background:var(--card);padding:28px 24px}
.lp-sn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font-size:13px;box-shadow:0 1px 3px rgba(15,45,120,.12)}
.lp-steps b{display:block;margin-top:18px;font-size:20px;line-height:26px;font-weight:500;letter-spacing:-.02em}
.lp-steps p{margin-top:8px;font-size:15px;line-height:22px;color:var(--muted)}

/* 7. facts */
.lp-facts{margin-top:120px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-fact{padding:26px 22px;border-radius:20px;background:#fff;border:1px solid rgba(18,28,60,.06);box-shadow:0 18px 44px rgba(15,45,120,.09),0 1px 3px rgba(15,45,120,.06)}
.lp-fact b{display:block;font-size:48px;line-height:48px}
.lp-fact b.lp-l{font-size:30px;line-height:34px}
.lp-fact span{display:block;margin-top:12px;font-size:14px;line-height:20px;color:var(--muted)}

/* 8. plans: the pricing cards, the lit one on the sky gradient */
.lp-base{max-width:1102px;margin:0 auto 16px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:14px;background:#f5f7fb;font-size:15px;color:var(--muted)}
.lp-base b{color:var(--ink);font-weight:500}
.lp-plans{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-plans.lp-n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}
.lp-plans.lp-n1{grid-template-columns:minmax(0,1fr);max-width:480px;margin:0 auto}
.lp-pc{border-radius:20px;background:#fff;padding:24px 22px 22px;border:1px solid rgba(18,28,60,.06);box-shadow:0 18px 50px rgba(15,45,120,.10),0 1px 3px rgba(15,45,120,.06);display:flex;flex-direction:column}
.lp-pc.lp-feat{color:#fff;border-color:transparent;background:linear-gradient(170deg,#2f7ff0 0%,#1a5fe0 45%,#0d2a74 100%);box-shadow:0 26px 60px rgba(31,98,240,.32)}
.lp-nm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.lp-nm b{font-size:20px;font-weight:500;letter-spacing:-.02em}
.lp-badge{font-size:12px;padding:4px 10px;border-radius:99px;background:#eef4ff;color:#1f62f0;white-space:nowrap}
.lp-feat .lp-badge{background:rgba(255,255,255,.2);color:#fff}
.lp-pr{margin-top:20px;display:flex;align-items:baseline;gap:8px}
.lp-pr b{font-size:46px;line-height:48px;font-weight:400;letter-spacing:-.04em}
.lp-pr span{font-size:14px;color:var(--muted)}
.lp-feat .lp-pr span{color:rgba(255,255,255,.8)}
.lp-pr.lp-sm b{font-size:32px;line-height:36px;letter-spacing:-.03em}
.lp-lead{margin-top:10px;font-size:14.5px;line-height:21px;color:rgba(255,255,255,.85)}
.lp-kvs{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:10px 12px;font-size:14px;padding-top:16px;border-top:1px solid var(--line)}
.lp-feat .lp-kvs{border-color:rgba(255,255,255,.2)}
.lp-kvs span{color:var(--muted)}
.lp-feat .lp-kvs span{color:rgba(255,255,255,.75)}
.lp-kvs b{font-weight:500;text-align:right}
.lp-go{margin-top:auto;width:100%}
.lp-kvs+.lp-go{margin-top:22px}
.lp-pcm{margin-top:0}

/* 9. questions: the pricing page's lines */
.lp-faq{max-width:780px;margin:0 auto;border-top:1px solid var(--line)}
.lp-faq details{border-bottom:1px solid var(--line)}
.lp-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;font-size:17px;font-weight:500}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary svg{width:18px;height:18px;flex:none;transition:transform .2s;stroke:var(--ink)}
.lp-faq details[open] summary svg{transform:rotate(45deg)}
.lp-faq p{padding:0 2px 20px;color:var(--muted);line-height:24px;max-width:680px}

/* 10. closing: the homepage's .close, a little shorter */
.lp-close{margin-top:120px;padding:200px 20px 150px}
.lp-close h2{font-size:56px;line-height:56px}

/* the phone's sticky button */
.lp-stk{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.94) 35%);transform:translateY(110%);transition:transform .25s ease}
.lp-stk.on{transform:none}
.lp-stk .btn{width:100%;height:50px}

main :focus-visible{outline:2px solid #2f7ff0;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.lp-rot,.lp-stk,.lp-faq summary svg{transition:none}}

@media(max-width:1000px){
 .lp-blk,.lp-blk.lp-flip{grid-template-columns:1fr;gap:28px;padding-top:88px}
 .lp-blk.lp-flip .lp-bt{order:0}
 .lp-facts{grid-template-columns:1fr 1fr}
 .lp-plans{grid-template-columns:1fr;max-width:440px;margin:0 auto}
 .lp-plans.lp-n2{grid-template-columns:1fr;max-width:440px}
}
@media(max-width:760px){
 .lp-nav{grid-template-columns:auto 1fr auto}
 .lp-nav .logo{grid-column:1}
 .lp-nav .lp-navr .btn{height:36px;padding:0 14px;font-size:14px}
 .lp-hero{min-height:calc(100svh - 64px);padding:48px 16px 64px}
 .lp-sub{font-size:16px;line-height:24px}
 .lp-hero .lp-ctas{width:100%;max-width:420px;flex-direction:column}
 .lp-hero .lp-ctas .btn{width:100%}
 .lp-wrap{padding:0 16px}
 .lp-showcase{margin-top:-24px;padding:14px}
 .lp-stats{grid-template-columns:1fr}
 .lp-shots,.lp-appr{grid-template-columns:1fr 1fr}
 .lp-brands{grid-template-columns:1fr}
 .lp-sec{padding-top:88px}
 .lp-head h2,.lp-sec h2{font-size:30px;line-height:33px}
 .lp-bt h2{font-size:28px;line-height:32px}
 .lp-prob .lp-lines p{font-size:18px;line-height:26px;padding:18px 0}
 .lp-bl{grid-template-columns:104px 1fr 40px}
 .lp-fmt{grid-template-columns:1fr 1fr}
 .lp-fmt.lp-n3>:last-child{grid-column:span 2;width:60%;justify-self:center}
 .lp-thd,.lp-tr{grid-template-columns:1.2fr 1fr .7fr}
 .lp-thd>:nth-child(3),.lp-tr>:nth-child(3){display:none}
 .lp-roles{grid-template-columns:1fr 1fr}
 .lp-steps ol{grid-template-columns:1fr}
 .lp-facts{margin-top:88px;gap:10px}
 .lp-fact{padding:20px 16px}
 .lp-fact b{font-size:34px;line-height:36px}
 .lp-fact b.lp-l{font-size:22px;line-height:26px}
 .lp-close{margin-top:88px;padding:150px 16px 110px}
 .lp-close h2{font-size:38px;line-height:40px}
 .lp-stk{display:block}
}
@media(min-width:1001px){.lp-notewrap{grid-template-columns:1fr 1.15fr}.lp-note{display:flex;flex-direction:column;justify-content:center;padding:30px}.lp-note p{font-size:21px;line-height:30px}}