/* ===== Praus · light theme with paintings (mockup) =====
   Page: warm light grey. Text: near-black ink. Paintings (public domain,
   Cleveland Museum of Art, CC0) sit behind the hero, the feature cards and
   the footer. Product windows stay dark glass so they read on the paintings. */
:root{
 --ink:#17181B;--ink2:rgba(23,24,27,.66);--page:#E9E8E4;--paper:#F3F2EE;
 --w:#17181B;--ln:rgba(23,24,27,.12);--ln2:rgba(23,24,27,.24);--gl:rgba(23,24,27,.09);--gx:rgba(23,24,27,.38);
 --tile:rgba(255,255,255,.45);--muted:rgba(23,24,27,.66);--muted2:rgba(23,24,27,.55);--geo-ink:23,24,27;
 color-scheme:light}
html,body{background:var(--page)!important;color:var(--ink)}
/* every text element defaults to ink; dark islands below restore light text */
:where(body) :where(h1,h2,h3,h4,p,span,b,em,small,li,a,label,summary,button,strong,i,figcaption,td,th,div){color:var(--ink)!important}

/* ---------- header ---------- */
html body header.header,html body header.header.scrolled{background:rgba(233,232,228,.55)!important;-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;backdrop-filter:blur(20px) saturate(1.4)!important}
html body header.header.scrolled{background:rgba(233,232,228,.82)!important}
.header .pill,.account .pill{background:var(--ink)!important;color:#F5F4F2!important}
.header .pill *{color:#F5F4F2!important}
.hdr-ghost,.account .login{box-shadow:inset 0 0 0 1px var(--ln2)!important}
.nav.open{background:rgba(233,232,228,.97)!important}

/* ---------- hero: painting, light fade into the page ---------- */
.hero:before{background:linear-gradient(180deg,rgba(233,232,228,.12) 0%,rgba(233,232,228,0) 40%,rgba(233,232,228,.0) 72%,var(--page) 100%),url('paintings/haverstraw.jpg') center 30%/cover no-repeat!important;filter:none!important}
.hero:after{display:none!important}
.hero h1,.hero .hero-sub,.hero .eyebrow,.hero .hs-legal,.hero .hs-legal a{text-shadow:0 1px 18px rgba(243,242,238,.55)}
.hs-google{background:var(--ink)!important;color:#F5F4F2!important;box-shadow:none!important}
.hs-google span{color:#F5F4F2!important}
.hs-email{background:rgba(243,242,238,.6)!important;box-shadow:inset 0 0 0 1px var(--ln2)!important}
.hs-email input{color:var(--ink)!important}.hs-email input::placeholder{color:var(--ink)!important;opacity:.6!important}
.hs-email button{background:var(--ink)!important}.hs-email button .go{stroke:#F5F4F2}
.concept{color:var(--ink)!important}

/* ---------- dark islands: product windows, modal, featured plan ---------- */
.appwin,.appwin *,.snip,.snip *,dialog.dialog,dialog.dialog *,.fc-t,.fc-t *,.codewin,.codewin *{color:#F5F4F2!important}
.appwin::before{background:linear-gradient(180deg,rgba(26,26,30,.72),rgba(16,16,19,.86))!important}
.appwin .composer textarea::placeholder{color:#F5F4F2!important}
.gm.ai p,.gm.ai p *{color:#121214!important}
.av i,.who i,.at-i,.sc-n{color:#121214!important}
.av i:nth-child(3),.s-fam .pv-row:nth-of-type(3) .who i{color:#F5F4F2!important}
.appwin .send{color:#F5F4F2!important}
.composer.has .send,.composer.has .send *{color:#121214!important}
.mic.on .wave i{background:#121214!important}

/* ---------- feature cards: one painting each ---------- */
.b6 .fc{box-shadow:none!important}
.b6 .fc:nth-child(1) .ph{background-image:url('paintings/italian.jpg')!important;background-position:50% 55%!important}
.b6 .fc:nth-child(2) .ph{background-image:url('paintings/newport.jpg')!important;background-position:30% 60%!important}
.b6 .fc:nth-child(3) .ph{background-image:url('paintings/sorrento.jpg')!important;background-position:50% 40%!important}
.b6 .fc:nth-child(4) .ph{background-image:url('paintings/alps.jpg')!important;background-position:50% 35%!important}
.b6 .fc:nth-child(5) .ph{background-image:url('paintings/capri.jpg')!important;background-position:50% 45%!important}
.b6 .fc .ph{filter:none!important}
.b6 .fc::after{background:linear-gradient(180deg,rgba(20,20,23,0) 40%,rgba(20,20,23,.72) 100%)!important}
.b6 .fc-w::after,.b6 .fc:nth-child(5)::after{background:linear-gradient(90deg,rgba(20,20,23,.7) 0%,rgba(20,20,23,.12) 60%,rgba(20,20,23,0) 100%)!important}

/* ---------- sections on plain grey ---------- */
.s-copy,.how-heading .s-copy,.how-flow p,.cost-note,.rc-s,.rc-foot,.bfoot2,.pnote,.km-d,.bk header p,.bk-r,.fa p{color:var(--ink2)!important}
.how-flow,.how-flow li{border-color:var(--ln)!important}
.how-step span{color:var(--ink2)!important}.how-step svg{stroke:var(--ink)!important}

/* benchmarks */
.benchmark-tabs [role=tab]{color:var(--ink2)!important}.benchmark-tabs [role=tab][aria-selected=true]{color:var(--ink)!important}
.bk,.bk-more,.rc-card{background:var(--paper)!important;box-shadow:inset 0 0 0 1px var(--ln)!important}
.kb i{background:rgba(23,24,27,.16)!important}
.kb.me i{background:var(--ink)!important}
.bk-grid span{background:rgba(23,24,27,.07)!important}.bk-grid span:last-child{background:rgba(23,24,27,.25)!important}
.km{border-color:var(--ln)!important}
#cost-panel{--rcw:#17181B;--rcl:rgba(23,24,27,.12);--rcl2:rgba(23,24,27,.24)}
.rc-dot{background:rgba(23,24,27,.45)!important;box-shadow:0 0 0 3px var(--paper)!important}
.rc-row.is-praus .rc-dot{background:var(--ink)!important;box-shadow:0 0 0 3px var(--paper)!important}
.rc-gap{background:linear-gradient(90deg,rgba(23,24,27,.55),rgba(23,24,27,.2))!important}
.rc-row{border-color:rgba(23,24,27,.06)!important}.rc-row:hover{background:rgba(23,24,27,.03)!important}

/* pricing: dark featured card on the light page */
.seg{box-shadow:inset 0 0 0 1px var(--ln)!important;background:rgba(255,255,255,.35)!important}
.seg-ind{background:var(--ink)!important}.seg button[aria-selected=true]{color:#F5F4F2!important}
.bl-sw{background:rgba(23,24,27,.18)!important}.bl-sw[aria-checked=true]{background:var(--ink)!important}.bl-sw[aria-checked=true] i{background:#F5F4F2!important}
.pc{background:var(--paper)!important;box-shadow:inset 0 0 0 1px var(--ln)!important}
.pc-b{box-shadow:inset 0 0 0 1px var(--ln2)!important}
.pc.featured{background:#17181B!important}
.pc.featured,.pc.featured *{color:#F5F4F2!important}
.pc.featured .ck{stroke:#F5F4F2!important}
.pc.featured .pc-pr{border-top-color:rgba(245,244,242,.14)!important}
.pc.featured .pc-b{background:#F5F4F2!important;color:#17181B!important}
.pc .ck{stroke:var(--ink)!important}

/* FAQ */
.faq3 .fq-list,.faq3 .fq{border-color:var(--ln)!important}
.faq3 .fq summary i::before,.faq3 .fq summary i::after{background:var(--ink)!important}
.fq-tabs button[aria-selected=true]{border-bottom-color:var(--ink)!important}

/* sign-in modal stays dark glass */
html body dialog.dialog::backdrop{background:rgba(233,232,228,.45)!important}

/* ---------- footer: painting band ---------- */
.foot2{position:relative;isolation:isolate;overflow:hidden;padding-bottom:min(26vw,360px)}
.foot2::after{content:'';position:absolute;left:0;right:0;bottom:0;height:min(30vw,420px);z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,var(--page) 0%,rgba(233,232,228,0) 45%),url('paintings/capri.jpg') center 62%/cover no-repeat}
.foot-cols a:hover{text-decoration-color:var(--ink)}

/* ---------- fixes ---------- */
html body .hero h1,html body .hero h1 span,html body .hero .hero-sub,html body .hero p{color:var(--ink)!important}
html body .benchmark-tabs [role=tab][aria-selected=false]{color:rgba(23,24,27,.5)!important}
html body .benchmark-tabs [role=tab][aria-selected=true]{color:var(--ink)!important}
/* feature cards: let the paintings breathe, shade only behind the text */
.b6 .fc::after{background:linear-gradient(180deg,rgba(20,20,23,0) 55%,rgba(20,20,23,.62) 100%)!important}
.b6 .fc-w::after,.b6 .fc:nth-child(5)::after{background:linear-gradient(90deg,rgba(20,20,23,.55) 0%,rgba(20,20,23,0) 50%)!important}
.b6 .snip{background:linear-gradient(180deg,rgba(28,28,32,.62),rgba(16,16,19,.78))!important}
/* footer: text on grey, painting as a band underneath */
html body footer.foot2{padding-bottom:0!important;overflow:visible}
html body footer.foot2::after{display:none!important}
.foot-band{height:min(28vw,380px);margin-top:48px;background:linear-gradient(180deg,var(--page) 0%,rgba(233,232,228,0) 38%),url('paintings/capri.jpg') center 60%/cover no-repeat}

/* square corners only on the painting boxes; product UI keeps its rounded style */
.b6 .fc,.foot-band{border-radius:0!important}


/* ===== pass 3: one text colour per surface ===== */
:root{--ink2:#17181B}
.benchmark-tabs [role=tab][aria-selected=false],html body .benchmark-tabs [role=tab][aria-selected=false],html body #cost-tab,html body #quality-tab{color:var(--ink)!important}
html body .benchmark-tabs [role=tab]::after{background:var(--ink)!important}
html body .benchmark-tabs [role=tab][aria-selected=false]::after{opacity:0!important}
.rc-seg button,.fq-tabs button,.seg button{opacity:1!important}
.rc-row:not(.is-praus) .rc-n,.rc-x,.rc-s,.rc-tick,.rc-foot,.bk-grid span::before,.kv,.kn,.how-step span,.km-d,.bill span{opacity:1!important;color:var(--ink)!important}
.how-flow li:not(.is-on) h3,.how-flow li:not(.is-on) p{opacity:1!important}
/* inside dark surfaces everything is one light colour */
.appwin *,.snip *,.fc-t *{opacity:1}
.as-h,.as-r,.as-i,.tk-s,.a-meta,.sn-s,.sn-sub,.pv-row small,.nt p,.cd-out,.rs-done{opacity:1!important;color:#F5F4F2!important}

/* feature cards: dark liquid glass windows on the paintings, captions inside */
.b6 .snip{background:linear-gradient(180deg,rgba(30,30,34,.5),rgba(16,16,19,.68))!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.26),0 30px 70px rgba(0,0,0,.35)!important;
 -webkit-backdrop-filter:blur(26px) saturate(1.5)!important;backdrop-filter:blur(26px) saturate(1.5)!important}
html.lg-refract .b6 .snip{-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;backdrop-filter:blur(26px) saturate(1.5)!important}
.b6 .fc::after{background:linear-gradient(180deg,rgba(14,14,16,0) 45%,rgba(14,14,16,.7) 100%)!important}
.b6 .fc-w::after,.b6 .fc:nth-child(5)::after{background:linear-gradient(90deg,rgba(14,14,16,.66) 0%,rgba(14,14,16,.1) 55%,rgba(14,14,16,0) 100%)!important}
.b6 .fc-t,.b6 .fc-t *{color:#F5F4F2!important}
.b6 .fc .fc-t{grid-column:auto;grid-row:auto}
.b6 .fc-w .fc-t,.b6 .fc:nth-child(5) .fc-t{grid-column:1!important;grid-row:1!important}
.b6 .fc-w .snip{grid-column:2!important;grid-row:1!important}
.b6 .fc:nth-child(5) .snip{grid-column:2!important;grid-row:1!important}
/* keep chat messages visible when not animating */
.b6 .fc:not(.on) .s-grp .gm{opacity:1!important;transform:none!important}
/* hero window glass */
.appwin::before{background:linear-gradient(180deg,rgba(30,30,34,.66),rgba(18,18,21,.8))!important;-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;backdrop-filter:blur(26px) saturate(1.5)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.24),0 50px 120px rgba(23,24,27,.32)!important}
html.lg-refract .appwin::before{-webkit-backdrop-filter:blur(26px) saturate(1.5)!important;backdrop-filter:blur(26px) saturate(1.5)!important}

/* ===== hero: painting with a dark scrim, white type (one colour) ===== */
.hero{color:#F5F4F2}
.hero:before{background:linear-gradient(180deg,rgba(16,16,19,.62) 0%,rgba(16,16,19,.38) 45%,rgba(16,16,19,.18) 75%,var(--page) 100%),url('paintings/haverstraw.jpg') center 35%/cover no-repeat!important}
html body .hero h1,html body .hero h1 span,html body .hero .hero-sub,html body .hero p,html body .hero .eyebrow,html body .hero .hs-legal,html body .hero .hs-legal a,html body .hero .concept{color:#F5F4F2!important;text-shadow:none!important}
.hero .hs-google{background:#F5F4F2!important}.hero .hs-google span{color:#17181B!important}
.hero .hs-email{background:rgba(16,16,19,.35)!important;box-shadow:inset 0 0 0 1px rgba(245,244,242,.35)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
.hero .hs-email input{color:#F5F4F2!important}.hero .hs-email input::placeholder{color:#F5F4F2!important;opacity:.75!important}
.hero .hs-email button{background:#F5F4F2!important}.hero .hs-email button .go{stroke:#17181B!important}
/* header over the dark hero: white until scrolled onto the light page */
html body header.header:not(.scrolled){background:rgba(16,16,19,.18)!important}
html body header.header:not(.scrolled) .nav a,html body header.header:not(.scrolled) .brand,html body header.header:not(.scrolled) .brand *,html body header.header:not(.scrolled) .hdr-ghost{color:#F5F4F2!important}
html body header.header:not(.scrolled) .hdr-ghost{box-shadow:inset 0 0 0 1px rgba(245,244,242,.4)!important}
html body header.header:not(.scrolled) .pill{background:#F5F4F2!important}html body header.header:not(.scrolled) .pill,html body header.header:not(.scrolled) .pill *{color:#17181B!important}
html body header.header:not(.scrolled) .menu svg{stroke:#F5F4F2}
html body header.header:not(.scrolled)::after{background:rgba(245,244,242,.16)!important}

/* ===== chat window fits inside the proportion lines at every width ===== */
.hero .appwin,html body .appwin{width:var(--cw)!important;max-width:var(--cw)!important;margin-left:auto!important;margin-right:auto!important;
 height:clamp(440px,40vw,560px)!important;min-height:0!important}
.hero .appwin .workspace,html body .hero .appwin .workspace{height:auto!important;min-height:0!important;padding:52px clamp(18px,3vw,40px) 18px!important}
.appwin{grid-template-columns:clamp(200px,19vw,248px) 1fr!important}
.aside{max-height:none!important;min-height:0;overflow:hidden}
.concept{width:var(--cw)!important}
@media(max-width:1000px){html body .hero .appwin{grid-template-columns:1fr!important;height:clamp(460px,70vw,560px)!important}}
@media(max-width:760px){html body .hero .appwin{height:540px!important}}
.appwin .acct-menu{opacity:0!important}.appwin .as-user.open .acct-menu{opacity:1!important}
.appwin .m-a .w:not(.on){opacity:0!important}
.appwin .greet.leave{opacity:0!important}
.appwin .think3.fold .tk-l{display:none}
.b6 .s-res li .cb{box-shadow:inset 0 0 0 1.5px rgba(245,244,242,.8)!important;stroke:#121214!important}
.b6 .s-res li.ok .cb{background:#F5F4F2!important}
.b6 .s-res .sn-bar i{background:#F5F4F2!important}.b6 .sn-bar{background:rgba(245,244,242,.14)!important}
.b6 .s-code pre{white-space:pre!important;overflow:hidden}
.b6 .fc:nth-child(4) .snip{max-width:560px!important}

/* ===== hero v2: calm type on the page, painting framed behind the product ===== */
.hero:before{background:none!important}
html body .hero h1,html body .hero h1 span,html body .hero .hero-sub,html body .hero p,html body .hero .eyebrow,html body .hero .hs-legal,html body .hero .hs-legal a,html body .hero .concept{color:var(--ink)!important}
.hero{padding-top:132px!important}
html body .hero h1{font-size:clamp(40px,4.6vw,64px)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:16ch;margin-left:auto;margin-right:auto}
html body .hero .hero-sub{font-size:17px!important;max-width:44ch!important;margin-top:20px!important}
.hero .hsign{margin-top:30px!important}
.hero .hs-google{background:var(--ink)!important}.hero .hs-google span{color:#F5F4F2!important}
.hero .hs-email{background:rgba(255,255,255,.5)!important;box-shadow:inset 0 0 0 1px var(--ln2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.hero .hs-email input{color:var(--ink)!important}.hero .hs-email input::placeholder{color:var(--ink)!important;opacity:.6!important}
.hero .hs-email button{background:var(--ink)!important}.hero .hs-email button .go{stroke:#F5F4F2!important}
html body header.header:not(.scrolled){background:rgba(233,232,228,.55)!important}
html body header.header:not(.scrolled) .nav a,html body header.header:not(.scrolled) .brand,html body header.header:not(.scrolled) .brand *,html body header.header:not(.scrolled) .hdr-ghost{color:var(--ink)!important}
html body header.header:not(.scrolled) .hdr-ghost{box-shadow:inset 0 0 0 1px var(--ln2)!important}
html body header.header:not(.scrolled) .pill{background:var(--ink)!important}html body header.header:not(.scrolled) .pill,html body header.header:not(.scrolled) .pill *{color:#F5F4F2!important}
html body header.header:not(.scrolled)::after{background:var(--gl)!important}
html body header.header:not(.scrolled) .menu svg{stroke:var(--ink)}
/* the framed painting */
.hero-stage{position:relative;width:var(--cw);margin:64px auto 0;padding:clamp(28px,4.4vw,64px) clamp(20px,4.4vw,64px) 0;overflow:hidden;
 background:url('paintings/haverstraw.jpg') center 42%/cover no-repeat;border-radius:0}
.hero-stage::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,23,0) 40%,rgba(20,20,23,.18));pointer-events:none}
html body .hero .hero-stage .appwin{position:relative;width:100%!important;max-width:none!important;margin:0!important;height:clamp(420px,38vw,540px)!important;border-radius:22px 22px 0 0!important}
html body .hero .hero-stage .appwin::before{border-radius:22px 22px 0 0!important}
.concept{width:var(--cw)!important;margin-left:auto;margin-right:auto;text-align:right}
@media(max-width:1000px){html body .hero .hero-stage .appwin{height:clamp(440px,70vw,540px)!important}}
@media(max-width:760px){.hero{padding-top:100px!important}.hero-stage{margin-top:40px;padding:18px 14px 0}html body .hero .hero-stage .appwin{height:520px!important;border-radius:16px 16px 0 0!important}}

/* ===== round corners everywhere again ===== */
html body .b6 .fc{border-radius:28px!important;overflow:hidden!important}
.hero-stage{border-radius:28px!important}
html body .hero .hero-stage .appwin,html body .hero .hero-stage .appwin::before{border-radius:22px 22px 0 0!important}
.foot-band{width:var(--cw);margin-left:auto;margin-right:auto;border-radius:28px 28px 0 0!important}
/* feature captions back inside the cards */
.b6 .fc{overflow:hidden!important}

/* ===== hover states for the light theme: lighten or underline, never flip to dark-on-dark ===== */
:root{--hov:rgba(23,24,27,.06);--hov2:rgba(23,24,27,.1)}
html body .header .nav a:hover{color:var(--ink)!important;background:var(--hov)!important;box-shadow:none!important}
html body .header .hdr-ghost:hover,html body .account .login:hover{color:var(--ink)!important;background:var(--hov)!important;box-shadow:inset 0 0 0 1px var(--ln2)!important}
html body .header .pill:hover,html body .account .pill:hover{background:#2A2B30!important;box-shadow:0 6px 18px rgba(23,24,27,.18)!important}
html body .header .pill:hover,html body .header .pill:hover *{color:#F5F4F2!important}
html body .hero .hs-google:hover{background:#2A2B30!important;box-shadow:0 8px 22px rgba(23,24,27,.2)!important;transform:translateY(-1px)}
html body .hero .hs-google:hover span{color:#F5F4F2!important}
html body .hero .hs-email button:hover{background:#2A2B30!important}
html body .hero .hs-email:focus-within{box-shadow:inset 0 0 0 1px var(--ink)!important}
html body .pc:not(.featured) .pc-b:hover{background:var(--hov)!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important}
html body .pc.featured .pc-b:hover{background:#fff!important;color:#17181B!important}
html body .pc:not(.featured):hover{background:var(--paper)!important;box-shadow:inset 0 0 0 1px var(--ln2),0 18px 40px rgba(23,24,27,.08)!important}
html body .faq3 .fq-side .fq-contact:hover{background:var(--hov2)!important;color:var(--ink)!important}
html body .faq3 .fq summary:hover i{background:var(--hov)!important}
html body .seg button:not([aria-selected=true]):hover{background:var(--hov)!important}
html body .rc-seg button:hover,html body .fq-tabs button:hover{border-bottom-color:var(--ln2)!important}
html body .rc-row:hover{background:var(--hov)!important}
html body .foot-cols a:hover{color:var(--ink)!important;text-decoration:underline;text-underline-offset:4px}
html body .bk:hover,html body .bk-more:hover{box-shadow:inset 0 0 0 1px var(--ln2)!important}

/* ===== avatars inside dark windows: always visible ===== */
.b6 .who i,.b6 .av i{background:#F5F4F2!important;color:#17181B!important;box-shadow:0 0 0 2px rgba(20,20,23,.9)!important}
.b6 .s-fam .pv-row:nth-of-type(2) .who i,.b6 .av i:nth-child(2){background:#C9C6C0!important;color:#17181B!important}
.b6 .s-fam .pv-row:nth-of-type(3) .who i,.b6 .av i:nth-child(3){background:#8A8782!important;color:#F5F4F2!important}
html body .ortelan-affiliation,html body .ortelan-affiliation *,html body .ortelan-affiliation:hover,html body .foot2 p{color:var(--ink)!important}
html body .ortelan-affiliation:hover{opacity:.8}

/* ===== chat window: every label light, chips readable, account footer solid ===== */
html body .appwin .as-h,html body .appwin .as-h *,html body .appwin .src2-h,html body .appwin .a-meta,html body .appwin .tk-h,html body .appwin .tk-h *,html body .appwin .tk-l li span,html body .appwin .tk-l li small,
html body .appwin .sc-f,html body .appwin .sc-m,html body .appwin .cmp th,html body .appwin .cmp td,html body .appwin .ml-s,html body .appwin .at-t b,html body .appwin .at-t small,html body .appwin .greet,html body .appwin .tb-title{color:#F5F4F2!important}
html body .appwin .car{stroke:#F5F4F2!important}
html body .appwin .sc-n,html body .appwin .at-i{background:#F5F4F2!important;color:#17181B!important}
html body .appwin .sc-f em{color:#F5F4F2!important;box-shadow:inset 0 0 0 1px rgba(245,244,242,.45)!important}
html body .appwin .ci{background:rgba(245,244,242,.2)!important;color:#F5F4F2!important}
html body .appwin .as-user{background:#1A1A1D!important;z-index:2}
html body .appwin .as-user::before{background:linear-gradient(180deg,rgba(26,26,29,0),#1A1A1D)!important;height:56px!important}

/* ===== motion: smooth scroll and one consistent reveal ===== */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--mo-e:cubic-bezier(.16,1,.3,1)}
/* turn off the older, competing reveals */
html.mo [data-rv]{opacity:1!important;transform:none!important;transition:none!important}
html.mo .pgrid.on .pc,html.mo .pg-business.on .pc,html.mo .pg-personal.on .pc{animation:none!important}
html.mo .b6 .fc[data-rv] .snip{opacity:1;filter:none}
.mo .mo-s,.mo .mo-i{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s var(--mo-e),transform 1.1s var(--mo-e);transition-delay:calc(var(--mi,0)*80ms)}
.mo .mo-s.mo-in,.mo .mo-g.mo-in>.mo-i{opacity:1;transform:none}
.mo .pgrid .mo-i{transform:translate3d(0,36px,0) scale(.985)}
.mo .mo-g.mo-in .pgrid .mo-i,.mo .pgrid.mo-in>.mo-i{transform:none}
.mo .pgrid>.mo-i.mo-play{animation:mo-card .9s var(--mo-e) both;animation-delay:calc(var(--mi,0)*70ms)}
@keyframes mo-card{from{opacity:0;transform:translate3d(0,24px,0) scale(.985)}to{opacity:1;transform:none}}
/* hidden pricing view must not wait for a reveal */
.pgrid:not(.on)>.mo-i{opacity:1;transform:none}
/* keep hover lifts working after the reveal finishes */
.mo .mo-g.mo-in>.pc.mo-i:hover{transform:translate3d(0,-4px,0)!important}
.mo .mo-g.mo-in>.mo-i{transition:opacity .9s var(--mo-e),transform 1.1s var(--mo-e),box-shadow .4s,background .4s;transition-delay:calc(var(--mi,0)*80ms),calc(var(--mi,0)*80ms),0s,0s}

/* ===== scroll performance ===== */
html body header.header,html body header.header.scrolled{-webkit-backdrop-filter:blur(12px) saturate(1.3)!important;backdrop-filter:blur(12px) saturate(1.3)!important}
.b6 .fc,.hero-stage{contain:paint}

.b6 .fc:not(.on) .snip{will-change:auto}

/* ===== footer painting: a complete framed picture, nothing cut off ===== */
html body .foot-band{width:var(--cw);margin:56px auto 56px!important;aspect-ratio:2.4/1;height:auto!important;border-radius:28px!important;
 background:url('paintings/capri.jpg') center 58%/cover no-repeat!important;box-shadow:0 0 0 1px var(--ln)}
@media(max-width:760px){html body .foot-band{aspect-ratio:1.5/1;margin:40px auto 32px!important;border-radius:20px!important}}

/* ===== closing section: the painting with a purpose ===== */
.end-cta{padding-top:140px;position:relative}
.end-cta::before{content:'';position:absolute;left:calc(50% - 50vw);width:100vw;top:64px;height:1px;background:var(--gl);pointer-events:none}
.end-art{position:relative;overflow:hidden;border-radius:28px;min-height:clamp(420px,42vw,580px);display:grid;place-items:center;padding:48px 24px;
 background:url('paintings/capri.jpg') center 55%/cover no-repeat;box-shadow:0 0 0 1px var(--ln)}
.end-art::after{content:'';position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(20,20,23,.28),rgba(20,20,23,.05) 70%);pointer-events:none}
.end-glass{position:relative;z-index:1;width:min(520px,100%);text-align:center;padding:40px 36px 36px;border-radius:24px;
 background:linear-gradient(180deg,rgba(30,30,34,.5),rgba(16,16,19,.66));
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.3),0 40px 90px rgba(0,0,0,.35);
 -webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5)}
.end-glass,.end-glass *{color:#F5F4F2!important}
.end-glass h2{font:500 clamp(32px,3.4vw,46px)/1.05 "Inter Tight",sans-serif;letter-spacing:-.04em}
.end-glass p{font-size:16px;line-height:1.55;margin-top:14px}
.end-btns{display:flex;justify-content:center;gap:10px;margin-top:28px;flex-wrap:wrap}
html body .end-glass .end-go{height:48px;padding:0 26px!important;border-radius:999px;background:#F5F4F2!important;color:#17181B!important;font-size:15px!important;font-weight:500;box-shadow:none!important}
html body .end-glass .end-go:hover{background:#fff!important;transform:translateY(-1px)}
.end-ghost{display:inline-flex;align-items:center;height:48px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:500;box-shadow:inset 0 0 0 1px rgba(245,244,242,.4);transition:background .3s}
.end-ghost:hover{background:rgba(245,244,242,.12)}
html body footer.foot2{margin-top:120px!important}
@media(max-width:760px){.end-cta{padding-top:96px}.end-cta::before{top:44px}.end-art{border-radius:22px;min-height:460px}.end-glass{padding:30px 22px}}
.end-cta::before{display:none!important}
.end-cta{padding-top:96px!important}

/* ===== pricing cards v2: all light, featured plan carries a painting ===== */
html body .pc,html body .pc.featured{background:var(--paper)!important;box-shadow:inset 0 0 0 1px var(--ln)!important;border-radius:24px!important;overflow:hidden;position:relative}
html body .pc.featured,html body .pc.featured *{color:var(--ink)!important}
html body .pc.featured{box-shadow:inset 0 0 0 1.5px var(--ink),0 24px 60px rgba(23,24,27,.12)!important;padding-top:118px!important}
html body .pc.featured::before{content:'';display:block!important;position:absolute;left:0;right:0;top:0;height:86px;inset:0 0 auto 0;width:auto;border-radius:0;
 background:url('paintings/haverstraw.jpg') center 55%/cover no-repeat;border-bottom:1px solid var(--ln)}
html body .pc.featured .pc-pr{border-top-color:var(--ln)!important}
html body .pc.featured .ck{stroke:var(--ink)!important;background:none!important}
html body .pc.featured .pc-b{background:var(--ink)!important;color:#F5F4F2!important;box-shadow:none!important}
html body .pc.featured .pc-b *{color:#F5F4F2!important}
html body .pc.featured .pc-b:hover{background:#2A2B30!important}
html body .pc.featured .pc-y,html body .pc.featured .pc-u{color:var(--ink)!important}
html body .pc:not(.featured){margin-top:0}
html body .pgrid{align-items:stretch}
/* business tab: Enterprise is the featured card, give it the Capri painting */
html body .pg-business .pc.featured::before{background-image:url('paintings/capri.jpg')}
/* every plan gets its own painting band so rows line up; Plus is marked by an outline */
html body .pc{padding-top:118px!important}
html body .pc::before{content:''!important;display:block!important;position:absolute!important;inset:0 0 auto 0!important;height:86px!important;width:auto!important;border-radius:0!important;
 background:url('paintings/newport.jpg') center 60%/cover no-repeat!important;border-bottom:1px solid var(--ln)}
html body .pg-personal .pc:nth-child(2)::before{background-image:url('paintings/haverstraw.jpg')!important}
html body .pg-personal .pc:nth-child(3)::before{background-image:url('paintings/italian.jpg')!important;background-position:center 62%!important}
html body .pg-business .pc:nth-child(1)::before{background-image:url('paintings/sorrento.jpg')!important}
html body .pg-business .pc:nth-child(2)::before{background-image:url('paintings/capri.jpg')!important}
html body .pg-business .pc:nth-child(3)::before{background-image:url('paintings/alps.jpg')!important;background-position:center 40%!important}
html body .pc.featured{box-shadow:0 0 0 1.5px var(--ink),0 24px 60px rgba(23,24,27,.12)!important}
html body .pc:not(.featured){box-shadow:0 0 0 1px var(--ln)!important}
html body .pc:not(.featured):hover{box-shadow:0 0 0 1px var(--ln2),0 18px 40px rgba(23,24,27,.08)!important}
@media(max-width:760px){html body .pc{padding-top:96px!important}html body .pc::before{height:68px!important}}

/* ===== icons inside the chat window: always light ===== */
html body .appwin svg.icon,html body .appwin .si,html body .appwin .tkok,html body .appwin .car,html body .appwin .chev,html body .appwin .tb-b svg,html body .appwin .as-col{stroke:#F5F4F2!important}
html body .appwin .si{background:rgba(245,244,242,.08)!important;border-radius:5px}
html body .appwin .think3.fold .si{background:none!important}
html body .appwin .sp{border-color:rgba(245,244,242,.25)!important;border-top-color:#F5F4F2!important}
html body .appwin .mark{fill:#F5F4F2!important;color:#F5F4F2!important}
html body .appwin .send{background:rgba(245,244,242,.16)!important;color:#F5F4F2!important}
html body .appwin .send .s-voice i{background:#F5F4F2!important}
html body .appwin .composer.has .send{background:#F5F4F2!important}
html body .appwin .composer.has .send .icon{stroke:#17181B!important}
html body .appwin .mic.on{background:#F5F4F2!important}html body .appwin .mic.on .wave i{background:#17181B!important}
html body .appwin .orb{opacity:1!important}

/* Feature windows: the navigation easing, with a gentle once-only entrance. */
html.mo .b6 .fc.feature-enter{
 opacity:0!important;
 transform:translate3d(0,14px,0) scale(.985)!important;
 transition:opacity 520ms ease,transform 640ms cubic-bezier(.22,1,.36,1)!important;
 transition-delay:0s!important;
}
html.mo .b6 .fc.feature-enter.feature-entered{
 opacity:1!important;transform:none!important;
}
@media(prefers-reduced-motion:reduce){
 html.mo .b6 .fc.feature-enter{opacity:1!important;transform:none!important;transition:none!important}
}

html:not(.mo) .b6 .fc[data-rv],html:not(.mo) .b6 .fc[data-rv] .snip{
 opacity:1!important;transform:none!important;filter:none!important;
}