/* Platform 3.0: the Daylight design. Dark hero and header, light body,
   product moments as fixed-size "fit" panels that scale to the viewport. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

body.p3{background:#fff;color:#0a2540;color-scheme:light;font-family:Inter,system-ui,sans-serif}
body.p3 main{display:block}
body.p3 .ln-header{color-scheme:dark}
body.p3 ::selection{background:#ec754a;color:#fff}

/* Sections */
.p3-section{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(56px,7.6vw,var(--pt,112px));padding-bottom:clamp(56px,7.6vw,var(--pb,120px))}
.p3-section.p3-dark{color:#fff}
.p3-container{position:relative;z-index:1;width:min(1160px,calc(100% - var(--p3-gutter,clamp(20px,5.55vw,80px))*2));margin-inline:auto;display:flex;flex-direction:column;gap:var(--gap,40px);min-width:0}
.p3-deco{position:absolute;pointer-events:none;z-index:0}

/* Layout primitives mirrored from the Paper frames */
.p3-row{display:flex;flex-wrap:wrap;min-width:0}
.p3-inline{display:flex;flex-wrap:nowrap;min-width:0}
.p3-col{display:flex;flex-direction:column;min-width:0}
.p3-block{min-width:0}
.p3-img{display:block;flex:0 0 auto}

/* Type: tiers scale with the viewport; small text keeps its authored size */
body.p3 .p3-text{margin:0;overflow-wrap:anywhere}
body.p3 h1.p3-text,body.p3 h2.p3-text,body.p3 h3.p3-text{text-wrap:balance;font-weight:inherit;letter-spacing:inherit}
body.p3 .p3-t-hero{font-size:clamp(38px,4.3vw,60px);line-height:1.07;font-weight:300;letter-spacing:-.02em}
body.p3 .p3-t-h2{font-size:clamp(30px,3.4vw,48px);line-height:1.1;font-weight:300;letter-spacing:-.02em}
body.p3 .p3-t-h3{font-size:clamp(23px,2.1vw,30px);line-height:1.27;font-weight:400;letter-spacing:-.01em}
body.p3 .p3-t-lead{font-size:clamp(16px,1.3vw,18px);line-height:1.56}
body.p3 .p3-t-body{font-size:clamp(15px,1.2vw,17px);line-height:1.6}
body.p3 .p3-mono{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace}

/* Buttons: the new design uses pills; keep the header's square demo button as is */
body.p3 main .p3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font:600 15px/18px Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s;box-sizing:border-box}
body.p3 main .p3-btn:hover{transform:translateY(-1px)}
body.p3 main a.p3-btn[href^="https://lantern-ai.cal.com/"]{border-radius:999px;background:#ec754a;color:#fff;border:0}
body.p3 main a.p3-btn[href^="https://lantern-ai.cal.com/"]:hover{background:#d46139;color:#fff}

/* Fixed-size product moments */
.p3-fit{position:relative;overflow:hidden;width:100%;max-width:calc(var(--w,1160)*1px);min-width:0;aspect-ratio:var(--w,1160)/var(--h,520)}
.p3-fit>.p3-art{position:absolute;left:0;top:0;transform-origin:0 0;flex-shrink:0}
.p3-fit.is-panning{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.p3-fit .p3-fit-spacer{pointer-events:none}
.p3-art,.p3-art *{box-sizing:border-box}
.p3-art img{display:block}

/* Hero (product pages) */
.p3-r-hero{background:#0b0b0c;color:#fff;padding-top:clamp(40px,4vw,var(--pt,56px))}
.p3-r-hero .p3-hero-row{align-items:center}
.p3-r-hero .p3-fit{margin-inline:auto}
@media(max-width:1099px){.p3-r-hero .p3-hero-row{gap:40px}.p3-r-hero .p3-hero-row>.p3-col{flex-basis:100%}.p3-r-hero .p3-hero-row>.p3-fit{flex-basis:100%}}

/* Agent switcher (homepage) */
.p3-tabs{position:relative;display:flex;gap:4px;padding:6px;border-radius:999px;background:#eef1f5;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.p3-tabs::-webkit-scrollbar{display:none}
.p3-tab{flex:1 1 0;min-width:max-content;border:0;background:transparent;border-radius:999px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font:500 14px/18px Inter,system-ui,sans-serif;color:#425466;transition:background .25s,color .25s,box-shadow .25s}
.p3-tab svg{width:16px;height:16px;flex:0 0 16px}
.p3-tab[aria-selected=true]{background:#fff;color:#0a2540;box-shadow:0 2px 6px rgba(10,37,64,.12),0 8px 20px -12px rgba(10,37,64,.3)}
.p3-tab[aria-selected=true] svg *{stroke:#ec754a}
.p3-tab:focus-visible{outline:2px solid #ec754a;outline-offset:2px}
.p3-tabs-progress{height:3px;border-radius:2px;background:#e3e8ee;overflow:hidden}
.p3-tabs-progress::after{content:'';display:block;height:100%;width:var(--p3-progress,20%);background:linear-gradient(90deg,#ec754a,#4f7fe6);transition:width .5s ease}
.p3-tabs-note{font-size:12px;line-height:16px;color:#697386}
.p3-showcases{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.p3-showcase{min-width:0;max-width:100%}
.p3-showcase[hidden]{display:none}

/* Closing ribbon */
.p3-r-closing{overflow:hidden}
.p3-r-closing .p3-spacer{height:clamp(120px,22vw,300px)}

/* Trust and misc */
.p3-link-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e3e8ee;border-radius:999px;background:#fff;box-shadow:0 10px 24px -18px rgba(50,50,93,.3);color:#0a2540;font:600 14px/18px Inter,system-ui,sans-serif;text-decoration:none}
.p3-link-pill:hover{background:#f6f9fc}
.p3-chevron-link{text-decoration:none}
.p3-chevron-link:hover{text-decoration:underline;text-underline-offset:4px}

/* Mobile rhythm */
@media(max-width:899px){
  .p3-container{--gap:min(var(--gap,40px),32px)}
  .p3-row{gap:min(var(--p3-row-gap,24px),20px)}
  body.p3 .p3-t-hero{letter-spacing:-.025em}
}
@media(max-width:599px){
  .p3-row>.p3-col,.p3-row>.p3-block{flex-basis:100%}
  .p3-divider{border-left:0!important;border-right:0!important;padding-left:0!important;padding-right:0!important}
}
@media(prefers-reduced-motion:reduce){.p3-tabs-progress::after,.p3-tab,.p3-btn{transition:none}}

/* AEO answers block, restyled light to sit between the closing and the footer */
body.p3 .platform-answers{background:#f6f9fc;color:#0a2540;border-top:1px solid #e3e8ee}
body.p3 .platform-answers-label{color:#ec754a;font-family:'IBM Plex Mono',ui-monospace,monospace}
body.p3 .platform-answers h2{color:#0a2540;font-weight:300;letter-spacing:-.02em}
body.p3 .platform-answers p,body.p3 .platform-answers li{color:#425466}
body.p3 .platform-answers li::marker{color:#ec754a}
body.p3 .platform-answers .platform-example-review{border-left-color:#ec754a;color:#0a2540}
body.p3 .platform-answers .platform-example-note{color:#697386}
body.p3 .platform-faq details{border-bottom-color:#e3e8ee}
body.p3 .platform-faq summary{color:#0a2540}
body.p3 .platform-faq summary:focus-visible,body.p3 .platform-answers a:focus-visible{outline-color:#ec754a}
body.p3 .platform-answers-links{align-items:center}
body.p3 .platform-answers-links a{color:#b4532c}
body.p3 .platform-answers-links a[href^="https://lantern-ai.cal.com/"]{border-radius:999px;background:#ec754a;color:#fff;padding:10px 18px;text-decoration:none;font-weight:600}
body.p3 .platform-answers-links a[href^="https://lantern-ai.cal.com/"]:hover{background:#d46139;color:#fff}

/* Sections kept from the previous dark site keep their dark context on the light page */
body.p3 .hero,body.p3 .hero-with-film{color:#fafafa}
body.p3 .hero .secondary{color:#fafafa}
body.p3 .capabilities{background:#0b0b0c;color:#fafafa;border-block:1px solid #ffffff17}
body.p3 .capability h3{color:#fafafa}
body.p3 .capability p{color:#a1a1a6}
body.p3 .capability .tile-more{color:#f0a37f}
body.p3 .heritage-logoSection{background:#0b0b0c}

/* Feature rows: panel beside copy, stacked on narrow screens */
.p3-container.p3-feature-row{flex-direction:row;align-items:center;gap:var(--gap,56px)}
.p3-container.p3-feature-row>.p3-col{align-self:center}
@media(max-width:999px){.p3-container.p3-feature-row{flex-direction:column;align-items:stretch}.p3-container.p3-feature-row>.p3-fit{flex-basis:auto;max-width:calc(var(--w,704)*1px);margin-inline:auto}.p3-container.p3-feature-row>.p3-col{max-width:none}}

/* Inline "›" links keep their text styling even when they point at the demo booking */
body.p3 main a.p3-chevron-link,body.p3 main a.p3-chevron-link:hover{background:transparent;color:inherit;border:0;padding:0;border-radius:0}

/* Panned panels: scroll range equals the scaled artwork, with a visible swipe cue (Codex QA) */
.p3-fit-canvas{position:relative;overflow:hidden;flex:none}
.p3-fit-canvas>.p3-art{position:absolute!important;left:0!important;top:0!important;transform-origin:0 0}
.p3-pan-hint{position:sticky;left:0;display:flex;align-items:center;justify-content:center;height:28px;box-sizing:border-box;font:500 12px/16px Inter,system-ui,sans-serif;color:inherit;opacity:.8;pointer-events:none}
.p3-fit.is-panning:focus-visible{outline:2px solid #ec754a;outline-offset:3px}

/* Paper footer */
footer.p3-r-footer{border-top:1px solid #e3e8ee;background:#fff}
footer.p3-r-footer a.p3-footer-link{text-decoration:none}
footer.p3-r-footer a.p3-footer-link:hover{color:#ec754a}
footer.p3-r-footer .p3-text a{text-decoration:none}
footer.p3-r-footer .p3-text a:hover{color:#ec754a}