/* LumeChat brand and product adaptations of the supplied website. */
:root { --blue: #6550e8; --leading-display: 1.16; --leading-title: 1.18; }
button { font: inherit; }
.brand { letter-spacing: -.055em; }
.brand-mark { width: 40px; height: 40px; border-radius: 13px; }
.hero { min-height: 930px; }
.hero-image { filter: saturate(.76) contrast(1.06); }
.hero-wash { background: linear-gradient(180deg,rgba(8,18,43,.18),rgba(4,19,48,.03) 35%,rgba(3,17,37,.65)),linear-gradient(90deg,rgba(27,29,93,.28),transparent 85%); }
.hero-word { top: 148px; font-size: clamp(90px,13.7vw,200px); letter-spacing: -.075em; transform: translateX(-50%); opacity: .88; }
.hero-copy { top: 414px; width: min(780px,68vw); }
.hero h1 { font-size: clamp(52px,5.8vw,80px); line-height: 1.15; }
.hero-lead { margin-top: 24px; line-height: 1.8; }
.hero-actions { position:absolute; z-index:4; top:704px; left:max(64px,calc((100vw - 1312px)/2)); display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.hero-actions .pill-button { min-width: 185px; }
.hero-secondary { display:flex; align-items:center; gap:18px; font-size:14px; padding:14px 0; }
.hero-secondary:hover { color:#d1e7ff; }
.hero-actions > p { flex-basis:100%; margin:-10px 0 0; font-size:12px; letter-spacing:.03em; color:rgba(255,255,255,.68); }
.hero-note { bottom:155px; letter-spacing:.12em; font-size:11px; line-height:1.8; }
.hero-copy .eyebrow { letter-spacing:.19em; font-size:11px; }
.section { min-height:0; }
.section-inner { padding:104px 0; }
.section-intro { margin-bottom:52px; }
.section-intro h2 { font-size:clamp(42px,4.8vw,68px); line-height:1.2; }
.section-lead { line-height:1.9; font-size:16px; }
.signal-stage { height:400px; }
.ghost-word { font-size:clamp(70px,10.5vw,148px); top:42px; }
.signal-metrics { bottom:56px; width:62%; }
.signal-icon-wrap { top:62px; }
.product-gallery { display:grid; grid-template-columns:.88fr 1.5fr; gap:40px; padding:54px 50px 26px; border-radius:var(--radius); background:radial-gradient(ellipse at 70% 80%,#32496a 0%,#132039 40%,#071327 80%); color:white; overflow:hidden; }
.gallery-copy { align-self:center; padding-bottom:40px; }
.gallery-copy h3 { margin:24px 0; font-size:42px; font-weight:650; line-height:1.22; letter-spacing:-.035em; }
.gallery-copy > p:not(.card-kicker) { max-width:340px; color:#bac7d8; font-size:14px; line-height:1.9; }
.theme-switch { display:inline-flex; gap:4px; margin:24px 0 0; padding:5px; border:1px solid #ffffff2e; border-radius:100px; background:#ffffff0b; }
.theme-switch button { border:0; color:#c3ccda; background:transparent; border-radius:100px; padding:11px 22px; cursor:pointer; font-size:13px; transition:background .2s,color .2s; }
.theme-switch button[aria-pressed="true"] { color:#091529; background:#fff; }
.gallery-copy .gallery-caption { font-size:12px!important; margin-top:15px; color:#a3b3cc!important; }
.gallery-phones { display:flex; justify-content:center; gap:24px; align-items:flex-start; }
.gallery-phones figure { width:46%; margin:0; min-width:0; }
.gallery-phones figure:nth-child(2) { margin-top:64px; }
.screen-window { overflow:hidden; border-radius:40px; box-shadow:0 22px 40px #0004; background:#0a0b0d; }
.screen-window img { display:block; width:100%; height:auto; }
.screen-window.legacy-capture { aspect-ratio:390/775; border-radius:44px; }
.screen-window.legacy-capture img { margin-top:-16.41%; }
.gallery-phones figcaption { font-size:12px; text-align:center; color:#b2c0d4; padding:18px 0; }
.screens-note { font-size:12px; color:#67778a; text-align:right; margin:16px 6px 0; }
.connection-showcase { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:72px; padding:60px; border:1px solid #a4c9ff26; border-radius:var(--radius); color:white; background:radial-gradient(ellipse at 100% 100%,#32338666,transparent 65%),#070d23; }
.connection-app-icon { width:76px; height:76px; border-radius:22px; }
.connection-copy h3 { font-size:42px; line-height:1.2; letter-spacing:-.03em; margin:26px 0 18px; }
.connection-copy > p { color:#b8c3d9; line-height:1.9; font-size:14px; max-width:320px; }
.feature-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:25px; }
.feature-tags span { padding:7px 12px; border:1px solid #ffffff25; border-radius:100px; color:#c6d0e5; font-size:11px; }
.meeting-preview { aspect-ratio:844/570; overflow:hidden; border-radius:24px; background:#f3f3f3; box-shadow:0 30px 80px #0005; }
.meeting-preview img { display:block; width:100%; height:auto; }
.lume-stories { display:grid; grid-template-columns:1.2fr 1fr; gap:24px; }
.lume-story { display:flex; flex-direction:column; justify-content:space-between; border-radius:36px; min-height:570px; padding:44px; overflow:hidden; }
.lume-story h3 { margin:0; font-size:42px; line-height:1.2; letter-spacing:-.04em; font-weight:650; }
.lume-story p:last-child { font-size:14px; line-height:1.8; max-width:370px; margin-bottom:32px; }
.story-wallet { background:linear-gradient(145deg,#102442,#030d24); color:white; }
.story-wallet p:last-child { color:#bbc8db; }
.wallet-preview { overflow:hidden; width:calc(100% + 16px); margin-left:-8px; aspect-ratio:844/560; border-radius:24px; }
.wallet-preview img { display:block; width:100%; max-width:none; height:auto; margin-top:-70.74%; }
.story-personal { background:linear-gradient(135deg,#e3def8,#d9edfb); }
.story-personal p:last-child { color:#50586e; }
.icon-collection { display:flex; align-items:center; justify-content:center; gap:14px; padding:34px 0 56px; }
.icon-collection img { width:29%; height:auto; border-radius:25%; box-shadow:0 20px 40px #101e4830; transform:rotate(-9deg); }
.icon-collection img:nth-child(2) { transform:translateY(-25px); }
.icon-collection img:nth-child(3) { transform:rotate(9deg); }
.principle-card { min-height:280px; }
.trust .faq { margin-top:40px; }
.download { min-height:850px; }
.download-inner { padding:98px 0 100px; }
.download-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); width:min(580px,100%); gap:16px; }
.download-buttons .release-link { grid-column:auto; min-height:94px; padding:18px; }
.release-link span:nth-child(2) { gap:7px; }
.release-link em { font-style:normal; font-size:11px; color:#687185; font-weight:400; }
.release-link[aria-disabled="true"] { cursor:default; background:#f0f3f9; box-shadow:none; }
.release-link[aria-disabled="true"]:hover { transform:none; box-shadow:none; }
.release-link[aria-disabled="true"] b { opacity:.28; }
.download-note { font-size:12px!important; color:#ffffffb3!important; }
.download h2 { font-size:clamp(50px,6.8vw,94px); line-height:1.16; }
.site-footer { grid-template-columns:1fr auto auto; gap:50px; }
.footer-brand { letter-spacing:-.045em; }
.footer-links { font-size:12px; }
.reveal { opacity:1; transform:none; }
.reveal-enabled .reveal:not(.visible) { opacity:0; transform:translateY(24px); }
:focus-visible { outline:3px solid #59bffc; outline-offset:5px; }
@media (min-width:1600px) { .hero-copy{top:440px}.hero-actions{top:745px}.hero{min-height:980px} }
@media (max-width:1100px) {
 .hero-copy { left:40px; }
 .hero-actions { left:40px; }
 .hero-word { font-size:13.3vw; }
 .product-gallery { padding:38px 30px 24px; gap:26px; grid-template-columns:.9fr 1.2fr; }
 .gallery-copy h3,.connection-copy h3,.lume-story h3 { font-size:34px; }
 .gallery-phones { gap:14px; }
 .connection-showcase { gap:36px; padding:42px; }
 .lume-story { padding:34px; min-height:510px; }
}
@media (max-width:820px) {
 .site-header { top:20px; }
 .hero { min-height:850px; }
 .hero-word { top:150px; width:var(--page); font-size:13.6vw; opacity:.9; }
 .hero-copy { top:295px; left:24px; width:calc(100% - 48px); }
 .hero h1 { font-size:clamp(42px,8.5vw,64px); }
 .hero-copy .eyebrow { font-size:10px; letter-spacing:.12em; margin-bottom:24px; }
 .hero-lead { font-size:16px; margin-top:24px; line-height:1.85; }
 .hero-actions { left:24px; top:590px; gap:25px; right:24px; }
 .hero-actions > p { margin-top:-8px; }
 .hero-note { display:none; }
 .scroll-cue { bottom:40px; }
 .section-inner { padding:72px 8px; }
 .section-intro { display:block; margin-bottom:36px; }
 .section-intro h2 { font-size:clamp(35px,7vw,48px); line-height:1.22; }
 .section-lead { margin:24px 0 0; max-width:550px; font-size:14px; line-height:1.9; }
 .signal-stage { height:420px; }
 .ghost-word { top:36px; left:24px; font-size:10vw; }
 .signal-icon-wrap { top:110px; right:calc(50% - 59px); }
 .status-chips { display:none; }
 .signal-metrics { bottom:35px; left:24px; width:calc(100% - 48px); grid-template-columns:repeat(3,1fr); gap:20px; }
 .signal-metrics strong { font-size:26px; }
 .signal-metrics span { font-size:10px; }
 .product-gallery { display:block; padding:32px 22px 18px; }
 .gallery-copy { padding-bottom:28px; }
 .gallery-copy h3 { font-size:32px; margin:22px 0 16px; }
 .gallery-copy > p:not(.card-kicker) { max-width:560px; }
 .theme-switch { margin-top:12px; }
 .gallery-phones { max-width:540px; margin:auto; gap:18px; }
 .gallery-phones figure { width:46%; }
 .gallery-phones figure:nth-child(2) { margin-top:35px; }
 .screen-window.legacy-capture { border-radius:7vw; }
 .gallery-phones figcaption { font-size:10px; }
 .connection-showcase { grid-template-columns:1fr; padding:32px 24px; gap:36px; }
 .connection-copy h3 { font-size:34px; }
 .connection-copy > p { max-width:500px; }
 .meeting-preview { max-width:540px; width:100%; justify-self:center; border-radius:20px; }
 .lume-stories { grid-template-columns:1fr; gap:20px; }
 .lume-story { padding:32px 28px; min-height:0; gap:24px; }
 .lume-story h3 { font-size:34px; }
 .lume-story p:last-child { margin-bottom:12px; }
 .wallet-preview { max-width:550px; align-self:center; }
 .icon-collection { padding:35px 6px 30px; max-width:450px; align-self:center; }
 .principle-card { min-height:230px; }
 .trust .section-inner { padding-top:70px; }
 .trust .faq { margin-top:40px; }
 .download { min-height:0; }
 .download-inner { padding:80px 8px 70px; }
 .download h2 { font-size:clamp(42px,9vw,70px); }
 .download-buttons { gap:12px; }
 .download-buttons .release-link { grid-template-columns:36px 1fr; padding:16px 12px; min-height:98px; border-radius:19px; gap:10px; }
 .download-buttons .platform-icon { width:36px; height:36px; }
 .download-buttons strong { font-size:15px; }
 .download-buttons b { display:none; }
 .site-footer { grid-template-columns:1fr; justify-items:start; gap:28px; padding:36px 8px; }
 .copyright { justify-self:start; }
}
@media (max-width:380px) {
 .hero { min-height:790px; }
 .hero-word { top:136px; }
 .hero-copy { top:257px; }
 .hero h1 { font-size:40px; }
 .hero-actions { top:550px; gap:18px; }
 .hero-actions .pill-button { min-width:170px; padding-left:18px; }
 .gallery-phones { gap:10px; }
 .gallery-phones figure { width:48%; }
 .download-buttons { grid-template-columns:1fr; max-width:300px; }
 .download-buttons .release-link { grid-template-columns:42px 1fr 18px; }
 .download-buttons b { display:block; }
 .signal-metrics { gap:12px; }
}
@media (prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation:none!important; transition:none!important; }
 .reveal-enabled .reveal:not(.visible) { opacity:1; transform:none; }
}

/* Keep calls to action in the text flow at every viewport width. */
.hero-actions { position:static; margin-top:28px; width:100%; }
.hero-actions > p { margin:0; }
.hero-lead { margin-bottom:0; }