/* jetsysites.com · v661 (Wed 11 Nov 2026) — the free-website landing page, in Jetsy's own look: getjetsy.com's design system
   (app/site-system.css: the navy surfaces, Launch Orange, Poppins, the 8px rhythm, pill buttons, soft navy shadows, the glow on the
   one primary button). Phone first: one column until 600px. No library; one file. Every tap target is 44px or more. */
:root{--s0:#061527;--s1:#0A2037;--s2:#0F2E4D;--s3:#15385C;--hair:rgba(185,203,221,.14);--hair2:rgba(185,203,221,.26);
  --t1:#F5F8FC;--t2:#C1D0E0;--t3:#93A9BF;--or:#FF6A1A;--or2:#FF8A45;--peach:#FFB259;--ok:#3ED598;--bad:#FF9B8F;
  --or-grad:linear-gradient(180deg,#FF8A45 0%,#FF6A1A 100%);
  --sf:"Poppins",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --r-s:12px;--r:16px;--r-l:22px;--r-xl:28px;--g:16px;--wrap:1120px;
  --e2:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -12px rgba(0,0,0,.55);
  --e3:0 1px 0 rgba(255,255,255,.05) inset,0 24px 60px -24px rgba(0,0,0,.7);
  --glow:0 10px 30px -10px rgba(255,106,26,.7);--spring:cubic-bezier(.2,.8,.2,1);--safe-b:env(safe-area-inset-bottom,0px)}
@media (min-width:600px){:root{--g:24px}}
@media (min-width:1000px){:root{--g:32px}}
*,*:before,*:after{box-sizing:border-box}
[hidden]{display:none!important}   /* the hidden attribute always wins over a class's display (the sent form, the chat) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--s0);color:var(--t1);font:400 1rem/1.6 var(--sf);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--peach)}
h1,h2,h3{margin:0;color:var(--t1);text-wrap:balance}
p{margin:0}
p,li{text-wrap:pretty}
:focus-visible{outline:3px solid var(--peach);outline-offset:3px}
::selection{background:rgba(255,106,26,.35);color:#fff}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--g)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:12px;background:var(--or);color:#1A0C02;font-weight:800;text-decoration:none}
.skip:focus{left:12px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.url{overflow-wrap:anywhere;font-weight:600;color:var(--t1)}
.lnk{display:inline-flex;align-items:center;min-height:44px;color:var(--peach);font-weight:700;text-decoration:none}
.lnk:hover{text-decoration:underline;text-underline-offset:4px}

/* the bar */
.hd{position:sticky;top:0;z-index:50;background:rgba(6,21,39,.88);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--hair)}
.hd-w{display:flex;align-items:center;gap:8px;min-height:60px;padding-top:env(safe-area-inset-top,0px)}
.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--t1);text-decoration:none;flex:none}
.brand img{height:24px;width:auto}
.brand-s{font:700 .9375rem/1 var(--sf);color:var(--or2);padding:6px 10px;border-radius:999px;background:rgba(255,106,26,.15)}
.hd-n{margin-left:auto;display:flex;align-items:center;gap:2px;min-width:0}
.hd-l{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 10px;border-radius:10px;color:var(--t2);font:500 .9375rem/1 var(--sf);text-decoration:none;white-space:nowrap}
.hd-l:hover{color:var(--t1);background:rgba(255,255,255,.06)}
.hd-x{display:none}
@media (min-width:760px){.hd-x{display:inline-flex}}
.lg-s{display:none}
@media (max-width:430px){.lg-l{display:none}.lg-s{display:inline}}
@media (max-width:359px){.brand-s{display:none}}
.hd-n .btn{margin-left:4px}

/* "¿Prefieres español?" (js/site.js, English home page, a Spanish browser) */
.lgbar{display:flex;align-items:center;gap:8px;padding:6px var(--g);background:var(--s2);border-bottom:1px solid var(--hair2)}
.lgbar p{flex:1;min-width:0;font-weight:600;font-size:.9375rem;line-height:1.3}
.lgbar .btn{flex:none}
.lgbar-x{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--hair2);background:rgba(255,255,255,.06);color:var(--t1);font:400 1.375rem/1 var(--sf);cursor:pointer}

/* buttons: one grammar, three sizes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;
  font:700 1rem/1.2 var(--sf);text-decoration:none;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform .16s var(--spring),filter .16s,background .16s}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--or-grad);color:#1B0B00;box-shadow:var(--glow)}
.btn.pri:hover{filter:brightness(1.06)}
.btn.sec{background:rgba(255,255,255,.07);color:var(--t1);border-color:var(--hair2)}
.btn.sec:hover{background:rgba(255,255,255,.11)}
.btn.lg{min-height:56px;padding:0 28px;font-size:1.0625rem}
.btn.sm{min-height:44px;padding:0 14px;font-size:.9375rem;box-shadow:none;white-space:nowrap}
.btn[disabled]{opacity:.65;cursor:default;transform:none}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
@media (max-width:599px){.cta .btn{width:100%}}

/* type */
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:700 .75rem/1.35 var(--sf);letter-spacing:.08em;text-transform:uppercase;color:var(--peach)}
.eyebrow:before{content:"";flex:none;width:22px;height:2px;border-radius:2px;background:var(--or)}
h1{font-size:clamp(2rem,5.2vw + .6rem,3.5rem);line-height:1.07;font-weight:800;letter-spacing:-.035em}
h1 em{font-style:normal;color:var(--or2)}
h2{font-size:clamp(1.6rem,2.6vw + .7rem,2.4rem);line-height:1.14;font-weight:800;letter-spacing:-.02em}
h3{font-size:1.125rem;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.lede{margin-top:14px;font-size:1.125rem;line-height:1.55;color:var(--t2);max-width:60ch}
.note{margin-top:14px;color:var(--t3);font-size:.9375rem;line-height:1.5}
.sect{padding:clamp(56px,9vw,104px) 0}   /* a section (never ".sec": that is the second button rank, .btn.sec) */
.sect.alt{background:var(--s1)}

/* the hero: the words and the asks | a sample site on a phone */
.hero{position:relative;overflow:hidden;padding:clamp(28px,6vw,72px) 0 clamp(48px,8vw,96px)}
.hero:before{content:"";position:absolute;top:-30%;right:-25%;width:min(110vw,820px);aspect-ratio:1;background:radial-gradient(closest-side,rgba(255,106,26,.2),rgba(255,106,26,0));pointer-events:none}
.hero-g{position:relative;display:grid;gap:40px}
@media (min-width:900px){.hero-g{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px}}
.proof{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.proof li{display:inline-flex;align-items:center;gap:8px;color:var(--t2);font-size:.9375rem;font-weight:500}
.proof li:before,.rules li:before{content:"";flex:none;width:20px;height:20px;border-radius:50%;
  background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23062016' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}

.hero-ask{margin-top:18px}
.ask{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 10px;border-radius:999px;border:1px solid rgba(255,138,69,.55);background:rgba(255,255,255,.04);color:var(--t1);font:600 .9375rem/1.2 var(--sf);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ask svg{flex:none;width:26px;height:26px}
.ask:hover{border-color:var(--or2);background:rgba(255,255,255,.08)}
.ask[hidden]{display:none}

/* the sample site (decorative: role="img" with its own words) */
.mock{position:relative;width:min(100%,292px);margin:0 auto}
.mk-ph{border-radius:40px;background:#0B1220;padding:10px;box-shadow:0 0 0 2px #1C2A3E,0 0 0 6px #0B1220,var(--e3)}
.mk-sc{border-radius:31px;overflow:hidden;background:#fff;color:#14202E;font-family:var(--sf)}
.mk-url{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px 9px;background:#EEF2F7;font:600 11px/1.2 var(--sf);color:#3B4A5C}
.mk-url svg{flex:none;width:11px;height:11px;color:#2E8B57}
.mk-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-top{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #E6EBF1}
.mk-logo{flex:none;width:28px;height:28px;border-radius:8px;background:#FF6A1A;color:#fff;font:800 11px/28px var(--sf);text-align:center}
.mk-top b{font:700 13px/1.2 var(--sf);color:#14202E}
.mk-menu{margin-left:auto;display:grid;gap:3px}
.mk-menu i{display:block;width:16px;height:2px;border-radius:2px;background:#14202E}
.mk-hero{padding:18px 14px 16px;background:linear-gradient(160deg,#FFE1C7 0%,#FFF4EA 70%)}
.mk-hero small{display:block;font:700 9.5px/1.3 var(--sf);color:#B4520F;text-transform:uppercase;letter-spacing:.07em}
.mk-hero strong{display:block;font:800 19px/1.15 var(--sf);margin:6px 0 12px;color:#14202E;letter-spacing:-.02em}
.mk-btns{display:flex;gap:6px}
.mk-q{flex:1;text-align:center;padding:9px 6px;border-radius:999px;background:#FF6A1A;color:#fff;font:700 11px/1.2 var(--sf)}
.mk-c{padding:9px 14px;border-radius:999px;border:1.5px solid #14202E;color:#14202E;font:700 11px/1.2 var(--sf)}
.mk-pics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 14px 6px}
.mk-pics i{display:block;aspect-ratio:1;border-radius:10px;background:linear-gradient(140deg,#A9C9EA,#4C78B0)}
.mk-pics i:nth-child(2){background:linear-gradient(140deg,#F6D4A8,#D9822B)}
.mk-pics i:nth-child(3){background:linear-gradient(140deg,#BFE3CF,#3E9B6C)}
.mk-svc{list-style:none;margin:0;padding:6px 14px 10px;display:grid;gap:5px}
.mk-svc li{display:flex;align-items:center;gap:7px;font:600 11px/1.3 var(--sf);color:#2B3A4B}
.mk-svc li:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#FF6A1A}
.mk-ft{padding:9px 12px 14px;border-top:1px solid #E6EBF1;font:500 8.5px/1.45 var(--sf);color:#5B6B7D;text-align:center}
.mk-tag{position:absolute;top:-10px;right:-4px;padding:6px 10px;border-radius:999px;background:var(--s3);border:1px solid var(--hair2);color:var(--t1);font:700 .6875rem/1 var(--sf);letter-spacing:.06em;text-transform:uppercase}

/* how it works: five steps */
.steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:640px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.steps{grid-template-columns:repeat(5,minmax(0,1fr))}}
.steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 14px;align-content:start;background:var(--s2);border:1px solid var(--hair);border-radius:var(--r-l);padding:18px;box-shadow:var(--e2)}
.steps .n{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--or-grad);color:#1B0B00;font:800 1.0625rem/1 var(--sf)}
.steps p{color:var(--t2);font-size:.9375rem;line-height:1.5}
@media (min-width:1040px){.steps li{display:block}.steps .n{margin-bottom:14px}.steps p{margin-top:6px}}

/* what every site comes with */
.inc{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:640px){.inc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.inc{grid-template-columns:repeat(3,minmax(0,1fr))}}
.inc li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;align-content:start;background:var(--s2);border:1px solid var(--hair);border-radius:var(--r-l);padding:18px}
.ic{grid-row:span 2;flex:none;width:44px;height:44px;border-radius:14px;background:rgba(255,106,26,.15);color:var(--or2);display:flex;align-items:center;justify-content:center}
.ic svg{width:22px;height:22px}
.inc p{color:var(--t2);font-size:.9375rem;line-height:1.5}

/* the ten trades */
.trades{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.trades{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.trades{grid-template-columns:repeat(5,minmax(0,1fr))}}
.trades li{display:flex;align-items:center;gap:8px;min-width:0;min-height:60px;padding:8px 10px 8px 6px;border-radius:var(--r);background:var(--s2);border:1px solid var(--hair);font-weight:600;font-size:.875rem;line-height:1.25;overflow-wrap:break-word}
.trades img{flex:none;width:40px;height:40px}
@media (min-width:640px){.trades li{font-size:.9375rem;gap:10px}.trades img{width:44px;height:44px}}

/* the fine print */
.rules{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:760px){.rules{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rules li{position:relative;padding:18px 18px 18px 54px;background:var(--s1);border:1px solid var(--hair);border-radius:var(--r-l)}
.rules li:before{position:absolute;left:18px;top:21px;background-color:var(--or2)}
.rules p{margin-top:4px;color:var(--t2);font-size:.9375rem}
.more{margin-top:16px}

/* questions */
.faq{margin-top:24px;border-top:1px solid var(--hair);max-width:820px}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;font:600 1.0625rem/1.35 var(--sf);color:var(--t1)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:none;width:11px;height:11px;margin-right:4px;border-right:2.5px solid var(--or2);border-bottom:2.5px solid var(--or2);transform:translateY(-3px) rotate(45deg);transition:transform .2s var(--spring)}
.faq details[open] summary:after{transform:translateY(3px) rotate(225deg)}
.faq details p{padding:0 0 18px;color:var(--t2);max-width:68ch}

/* Jetsy's CRM */
.crm{background:linear-gradient(160deg,var(--s2),var(--s1));border:1px solid var(--hair);border-radius:var(--r-xl);padding:clamp(22px,4vw,44px);box-shadow:var(--e3)}
.crm-l{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:760px){.crm-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crm-l li{display:flex;align-items:center;gap:12px;color:var(--t2);line-height:1.45}
.crm-l li b{color:var(--t1)}
.crm-l .ic{grid-row:auto}

/* the team's own businesses (the book site's "More from Jose") */
.biz{display:grid;gap:12px;margin-top:30px}
@media (min-width:760px){.biz{grid-template-columns:repeat(2,minmax(0,1fr))}.b2.wide{grid-column:1/-1}}
.b2{display:flex;flex-direction:column;gap:12px;background:var(--s2);border:1px solid var(--hair);border-radius:var(--r-l);padding:20px;box-shadow:var(--e2)}
.b2 .lg{min-height:56px;display:flex;align-items:center;gap:12px}
.b2 .lg img{max-height:52px;max-width:210px;width:auto;height:auto}
.b2 .wm{font:800 1.2rem/1.2 var(--sf);letter-spacing:.01em;color:var(--t1)}
.b2 .what{color:var(--t2);font-size:.9375rem;line-height:1.55}
.b2 .go{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.b2 .go a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font:700 .9375rem/1.2 var(--sf);text-decoration:none;color:var(--t1);border:1px solid var(--hair2);background:rgba(255,255,255,.05);overflow-wrap:anywhere}
.b2 .go a.p{background:var(--t1);color:#0A1A2C;border-color:transparent}
.b2 .go a:hover{filter:brightness(1.08)}

/* the last ask */
.end{padding:clamp(56px,9vw,96px) 0;text-align:center;background:radial-gradient(60% 90% at 50% 100%,rgba(255,106,26,.18),rgba(255,106,26,0)),var(--s1);border-top:1px solid var(--hair)}
.end p{margin:12px auto 0;color:var(--t2);max-width:46ch}
.end .cta{justify-content:center}

/* the foot */
.ft{background:var(--s0);border-top:1px solid var(--hair);padding:40px 0 calc(96px + var(--safe-b));color:var(--t3);font-size:.9375rem}
.ft-top{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ft-brand{display:inline-flex;align-items:center;min-height:44px}
.ft-brand img{height:26px;width:auto}
.ft-top p{color:var(--t2);max-width:46ch}
.ft-n{display:flex;flex-wrap:wrap;gap:0 4px;margin-top:16px}
.ft-n a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;border-radius:10px;color:var(--t2);text-decoration:none}
.ft-n a:first-child{padding-left:0}
.ft-n a:hover{color:var(--t1);text-decoration:underline;text-underline-offset:4px}
.ft-lo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:56px;margin-top:18px;padding:10px 16px;border-radius:var(--r);border:1px solid var(--hair);background:var(--s1);color:var(--t2);text-decoration:none;font-weight:600}
.ft-lo img{height:30px;width:auto}
.ft-lo:hover{border-color:var(--hair2);color:var(--t1)}
.ft-cp{margin-top:18px;font-size:.875rem}

/* terms, privacy, report */
.doc{padding:clamp(30px,6vw,64px) 0 clamp(56px,8vw,96px)}
.doc .wrap{max-width:800px}
.doc h1{font-size:clamp(1.9rem,4vw + .6rem,2.75rem)}
.doc .upd{margin-top:10px;color:var(--t3);font-size:.9375rem}
.doc .sum{margin:24px 0 6px;padding:18px 20px;border-radius:var(--r-l);background:var(--s2);border:1px solid var(--hair)}
.doc .sum h2{font-size:1.125rem;margin:0 0 8px}
.doc .sum ul{margin:0}
.doc h2{font-size:1.3rem;line-height:1.3;margin:36px 0 10px;letter-spacing:-.01em}
.doc p,.doc li{color:var(--t2);line-height:1.65}
.doc p+p{margin-top:12px}
.doc ul{margin:10px 0 0;padding-left:1.25em}
.doc li+li{margin-top:6px}
.doc .tr{margin-top:18px;padding:12px 16px;border-left:3px solid var(--or);background:var(--s1);border-radius:0 var(--r-s) var(--r-s) 0;font-size:.9375rem}

/* the report form */
.form{position:relative;margin-top:26px;display:grid;gap:20px;max-width:640px}
.fld label{display:block;font-weight:600;margin-bottom:4px;color:var(--t1)}
.fld .hint{display:block;color:var(--t3);font-size:.875rem;line-height:1.45;margin-bottom:8px}
.fld input,.fld select,.fld textarea{display:block;width:100%;min-height:52px;border-radius:var(--r-s);border:1px solid var(--hair2);background:var(--s1);color:var(--t1);font:500 1rem/1.4 var(--sf);padding:12px 14px}
.fld textarea{min-height:150px;resize:vertical}
.fld select{-webkit-appearance:none;appearance:none;padding-right:44px;cursor:pointer;
  background:var(--s1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5l3.5 3.5 3.5-3.5' fill='none' stroke='%23FF8A45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 16px center/14px no-repeat}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--or2);box-shadow:0 0 0 3px rgba(255,138,69,.4)}
.fld .err{display:none;margin-top:6px;color:var(--bad);font-size:.9375rem;font-weight:500}
.fld.bad .err{display:block}
.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:#F25F5C}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.box{display:none;margin-top:22px;padding:18px 20px;border-radius:var(--r-l);border:1px solid var(--hair2);background:var(--s2);max-width:640px}
.box:target,.box.on{display:block}
.box h2{font-size:1.25rem;margin:0 0 6px}
.box p{color:var(--t2)}
.box.ok{border-color:rgba(62,213,152,.55)}
.box.no{border-color:rgba(242,95,92,.65)}

/* "Ask Jetsy 5.0" (js/chat.js) */
.jc-b{position:fixed;right:16px;bottom:calc(16px + var(--safe-b));z-index:70;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 18px 0 12px;
  border-radius:999px;border:1px solid rgba(255,138,69,.55);background:var(--s3);color:var(--t1);font:700 .9375rem/1 var(--sf);box-shadow:var(--e3);cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:opacity .2s,transform .2s var(--spring),visibility .2s}
.jc-b svg{flex:none;width:28px;height:28px}
.jc-b:hover{border-color:var(--or2)}
.jc-b.jc-away{opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none}
.jc-b[hidden]{display:none}
.jc-p{position:fixed;z-index:80;left:8px;right:8px;bottom:calc(8px + var(--safe-b));max-height:min(78vh,640px);display:flex;flex-direction:column;
  background:var(--s1);border:1px solid var(--hair2);border-radius:var(--r-xl);box-shadow:var(--e3);overflow:hidden}
@media (min-width:600px){.jc-p{left:auto;right:16px;bottom:calc(16px + var(--safe-b));width:390px}}
.jc-p[hidden]{display:none}
.jc-h{flex:none;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-bottom:1px solid var(--hair);background:var(--s2)}
.jc-av{flex:none;width:40px;height:40px;border-radius:12px;background:var(--s0);display:flex;align-items:center;justify-content:center}
.jc-av svg{width:30px;height:30px}
.jc-h b{display:block;font-size:1rem;line-height:1.2}
.jc-h small{display:block;color:var(--t3);font-size:.8125rem;line-height:1.3}
.jc-x{margin-left:auto;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--hair2);background:rgba(255,255,255,.06);color:var(--t1);font:400 1.5rem/1 var(--sf);cursor:pointer}
.jc-l{flex:1 1 auto;min-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px;display:flex;flex-direction:column;gap:8px}
.jc-m{max-width:88%;padding:10px 14px;border-radius:18px;font-size:.9375rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.jc-m.it{align-self:flex-start;background:var(--s2);border:1px solid var(--hair);border-bottom-left-radius:6px}
.jc-m.me{align-self:flex-end;background:rgba(255,106,26,.18);border:1px solid rgba(255,138,69,.4);border-bottom-right-radius:6px}
.jc-m.wait{color:var(--t3)}
.jc-m a{color:var(--peach)}
.jc-c{flex:none;display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 10px}
.jc-c:empty{display:none}
.jc-c button{min-height:44px;padding:8px 14px;border-radius:18px;border:1px solid var(--hair2);background:rgba(255,255,255,.06);color:var(--t1);font:600 .875rem/1.25 var(--sf);cursor:pointer;text-align:left}
.jc-f{flex:none;display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--hair)}
.jc-f input{flex:1;min-width:0;min-height:48px;border-radius:999px;border:1px solid var(--hair2);background:var(--s0);color:var(--t1);font:500 16px/1.2 var(--sf);padding:0 16px}
.jc-f input:focus{outline:none;border-color:var(--or2);box-shadow:0 0 0 3px rgba(255,138,69,.4)}
.jc-f button{flex:none;min-height:48px;min-width:44px;padding:0 18px;border-radius:999px;border:0;background:var(--or-grad);color:#1B0B00;font:700 .9375rem/1 var(--sf);cursor:pointer}
.jc-f button[disabled]{opacity:.6}
.jc-s{flex:none;padding:0 14px 6px}
.jc-s a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;border:1px solid rgba(255,138,69,.55);color:var(--peach);font:700 .9375rem/1.2 var(--sf);text-decoration:none}
.jc-n{flex:none;padding:0 14px 10px;color:var(--t3);font-size:.75rem;line-height:1.4}
.jc-n a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 4px;color:var(--t2)}
html.jc-open .jc-b{display:none}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}