/* Website refresh: app branding and Tailark Expandable Features Three adaptation. */
:root{--page:#fcfaf8;--tint:#fff0e7;--accent:#c54f27;--ink:#211c19;--line:#e8dfda;--secondary:#f4e8f2}
body.nitelite{--page:#fcfbfe;--tint:#eeebfa;--accent:#6b51a3;--ink:#24202b;--line:#e5dfed;--secondary:#e7f3f5}
html{scroll-padding-top:92px}body,body main{background:var(--page)!important;color:var(--ink)}
body main{margin-top:0}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.brand-lockup{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-1px;color:var(--ink);white-space:nowrap}
.brand-lockup img{width:36px;height:36px;border-radius:10px;object-fit:contain}
header [id=nav-container]{background:rgba(255,255,255,.87);backdrop-filter:blur(16px)}
.refresh-hero{position:relative;padding:160px 24px 80px;text-align:center;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,var(--tint),transparent 65%)}
.refresh-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 76% 57%,var(--secondary),transparent 35%);opacity:.8}
.eyebrow{display:inline-block;font-size:12px;font-weight:400;line-height:16px;letter-spacing:normal;text-transform:uppercase;color:#737373;border:0;border-radius:9999px;padding:4px 16px;background:#f5f5f5}
.refresh-hero h1{font-size:clamp(38px,4.7vw,64px);line-height:1.08;letter-spacing:-.045em;font-weight:550;max-width:810px;margin:24px auto}
.refresh-hero .intro{font-size:18px;line-height:1.65;max-width:610px;margin:0 auto 26px;color:#655d59}
.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--ink);color:white;border-radius:12px;padding:15px 25px;font-size:15px;font-weight:550;transition:transform .2s,background .2s}
.primary-cta:hover{background:var(--accent);transform:translateY(-2px)}.quiet-note{font-size:12px;color:#756c68;margin:12px 0 0}
.phone-showcase{margin:44px auto 0;max-width:400px}.app-phone{position:relative;width:min(290px,76vw);aspect-ratio:1206/2622;margin:auto;border:7px solid #211f22;border-radius:44px;box-shadow:0 24px 65px -22px #30243f50,0 2px 5px #0003;overflow:hidden;background:white}
.app-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.app-slide.is-active{opacity:1}.app-slide img{width:100%;height:100%;object-fit:cover;display:block}
.screen-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px auto 0}.screen-controls button{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:white;font-size:15px}
.screen-dots{display:flex;gap:8px;align-items:center}.screen-dots button{min-width:8px;width:8px;height:8px;border:0;background:#cec6c3;padding:0}.screen-dots button[aria-pressed=true]{background:var(--accent)}
.screen-caption{font-size:12px;color:#756c68;margin:14px 0 0;min-height:36px}.screen-caption span{display:block;font-size:11px;margin-top:4px}
.expand-section{padding:85px 24px 90px}.expand-inner{max-width:1056px;margin:auto}.expand-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.expand-heading h2{max-width:510px;font-size:clamp(28px,3.4vw,40px);line-height:1.13;letter-spacing:-.035em;font-weight:550;margin-top:16px}.expand-heading p{max-width:300px;line-height:1.6;font-size:14px;color:#756c68}.expand-controls{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:20px;font-size:12px;color:#756c68}.expand-pause{border:1px solid var(--line);padding:6px 11px;border-radius:20px;background:white}
.expand-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;transition:grid-template-columns .5s ease}.expand-card{min-width:0}.expand-trigger{display:block;width:100%;text-align:left;background:none;border:0;padding:0;color:inherit}
.expand-art{height:390px;position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:linear-gradient(150deg,var(--tint),#fff 65%,var(--secondary))}
.expand-card:nth-child(2) .expand-art{background:linear-gradient(150deg,var(--secondary),#fff 70%,var(--tint))}
.expand-art img{position:absolute;top:32px;left:50%;transform:translateX(-50%);width:258px;max-width:none;height:auto;border:4px solid #26232a;border-radius:31px;box-shadow:0 14px 35px #1f102025;transition:transform .55s ease}
.expand-card[data-expanded=false] .expand-art img{transform:translateX(-50%) scale(.91);transform-origin:50% 0}
.expand-progress{display:block;height:2px;background:var(--line);margin:15px 0 13px;overflow:hidden}.expand-progress:after{content:'';display:block;background:var(--accent);height:100%;transform:scaleX(0);transform-origin:left}
.expand-card[data-expanded=true] .expand-progress:after{transform:scaleX(1)}.expand-grid.is-playing .expand-card[data-expanded=true] .expand-progress:after{animation:featureProgress 6500ms linear both}
@keyframes featureProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.expand-title{font-size:15px;font-weight:550;line-height:1.6}.expand-desc{font-size:14px;color:#756c68;line-height:1.6;margin-top:5px;min-height:67px}.expand-card[data-expanded=false] .expand-desc{opacity:0;transition:opacity .2s}.expand-card[data-expanded=true] .expand-desc{opacity:1;transition:opacity .3s .15s}
#features{padding:64px 0 80px}#features .grid{background:white!important}#features img{object-fit:contain}#how-it-works{background:#fff!important;padding-top:80px;margin-top:0}#how-it-works>div:last-child{padding-bottom:85px}#how-it-works [data-svg-layer]{background:#fff}
.refresh-pricing{max-width:700px;margin:auto;padding:80px 24px;text-align:center}.refresh-pricing h2{font-size:36px;letter-spacing:-1px;margin:18px 0}.refresh-pricing p{color:#756c68;line-height:1.7;margin:14px auto;max-width:440px}
.refresh-faq{max-width:780px;padding:60px 24px 90px;margin:auto}.refresh-faq h2{font-size:36px;letter-spacing:-1px;margin-bottom:30px}.refresh-faq details{border-bottom:1px solid var(--line);padding:20px 0}.refresh-faq summary{font-size:16px;font-weight:500;cursor:pointer}.refresh-faq details p{margin:14px 0 0;color:#756c68;font-size:15px;line-height:1.7;max-width:650px}
.refresh-final{text-align:center;padding:80px 24px;background:var(--tint)}.refresh-final h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.035em;line-height:1.15}.refresh-final p{font-size:16px;line-height:1.6;color:#756c68;max-width:470px;margin:20px auto 26px}
.hardware-section .expand-art{height:470px;background:#e9dfd3}.hardware-section .expand-art img{inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 70%;transform:none!important;border:0;border-radius:0;box-shadow:none}.hardware-section .expand-card:nth-child(2) img{object-position:50% 65%}.hardware-section .expand-card:nth-child(3) img{object-position:48% 85%}
@media(max-width:767px){.hardware-section .expand-art{height:480px}.hardware-section .expand-art img{width:100%;transform:none!important;}.refresh-hero{padding-top:120px;padding-bottom:56px}.refresh-hero .intro{font-size:16px}.expand-section{padding:56px 22px}.expand-heading{display:block}.expand-heading p{margin-top:18px;max-width:100%}.expand-grid{grid-template-columns:1fr!important;gap:30px}.expand-art{height:360px}.expand-art img{width:245px;transform:translateX(-50%)!important}.expand-desc{opacity:1!important;min-height:0}.expand-controls{display:none}.expand-grid.is-playing .expand-progress:after{animation:none}.expand-card[data-expanded=false] .expand-progress:after{transform:scaleX(0)}.brand-lockup{font-size:22px}.brand-lockup img{width:30px;height:30px}.refresh-pricing{padding:55px 24px}#how-it-works{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Center the phone, explanation, and controls on the same page axis. */
.nitelite .phone-showcase{max-width:400px;display:block;text-align:center}
.hero-phone-column{min-width:0;text-align:center}
.screen-story{max-width:360px;min-height:120px;margin:24px auto 0;padding:0}
.screen-story h2{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px}
.screen-story p{font-size:14px;line-height:1.6;color:#756c68;margin:0}
.nitelite .screen-controls{margin-top:12px}.nitelite .screen-caption{font-size:11px;min-height:18px}