/* Chicken Charts website (chickencharts.com). Style: concept 3 "flat scenes" (owner, Oct 19, 2026): white pages, soft blob
   backdrops, flat candles, a red zigzag arrow, golden eggs, no outlines on scenery, pill buttons, system fonts. */
:root{
  --ink:#1e2a3a;--text:#2a2f37;--muted:#3d434c;--line:#e4e8ef;--bg:#fff;--soft:#f5f8fc;
  --red:#d3352f;--red-hover:#b92a25;--arrow:#ef4f3a;--blue:#3c87d8;--sky:#c9daf6;--sky-2:#e3ecfb;--cloud:#b9d1f3;
  --gold:#f5b82e;--gold-2:#ffd466;--peach:#fde5d2;--mint:#d9f1e6;--lilac:#e9e3fb;--yolk:#fff1cf;--green:#2f9a6a;
  --font:"Nunito","Segoe UI",system-ui,Arial,sans-serif;--display:"Fredoka","Nunito","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--ink);letter-spacing:-.5px}
em{font-style:normal;color:var(--red)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.skip{position:fixed;top:-100px;left:16px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;z-index:30}.skip:focus{top:10px}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header */
.bar{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}
.bar .wrap{height:80px;display:flex;align-items:center;gap:34px;position:relative}
.brand img{height:58px;width:auto}
.nav{display:flex;gap:28px;font-weight:700;font-size:15px;color:var(--ink)}
.nav a{padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current=page]{border-color:var(--red)}
.nav a[aria-current=page]{color:var(--red)}
.nav .nav-login{display:none}
.acts{margin-left:auto;display:flex;gap:10px;align-items:center}
.menu{display:none;margin-left:4px;width:42px;height:42px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-size:18px;cursor:pointer;color:var(--ink)}

/* buttons, chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;border:2px solid var(--ink);color:var(--ink);background:#fff;white-space:nowrap;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:var(--ink);color:#fff}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:var(--red-hover);border-color:var(--red-hover)}
.btn.small{height:40px;padding:0 18px;font-size:14px}
.btn[aria-disabled=true]{opacity:.55;cursor:default}.btn[aria-disabled=true]:hover{background:#fff;color:var(--ink)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--blue);background:var(--sky-2);border-radius:999px;padding:6px 14px;margin-bottom:18px}
.kicker i{width:10px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--gold);transform:rotate(-14deg)}
/* device tiles and stat stickers (owner: no plain coloured-dot lists) */
.devs{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.dev{display:grid;grid-template-columns:46px auto;column-gap:12px;align-items:center;background:var(--d);border-radius:20px;padding:9px 18px 9px 9px;transform:rotate(var(--r,0deg));transition:transform .2s}
.dev:hover{transform:rotate(0) translateY(-3px)}
.dev .ic{grid-row:span 2;width:46px;height:46px;border-radius:14px;background:#fff;display:grid;place-items:center}
.dev .ic svg{width:28px;height:28px}
.dev b{font-size:15px;font-weight:800;color:var(--ink);line-height:1.2}
.dev small{font-size:12px;color:var(--muted);line-height:1.3}
.devs.compact .dev{padding:6px 14px 6px 6px;grid-template-columns:36px auto}.devs.compact .ic{width:36px;height:36px;border-radius:11px}.devs.compact .ic svg{width:22px;height:22px}
.stickers{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.stk{background:var(--d);border-radius:20px;padding:10px 16px;transform:rotate(var(--r,0deg));box-shadow:0 0 0 4px #fff,0 10px 22px rgba(30,42,58,.1);display:flex;align-items:baseline;gap:8px}
.stk b{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.5px}
.stk span{font-size:13px;font-weight:600;color:var(--text)}
.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--blue);margin:0 0 12px}
.caption{font-size:13px;color:var(--muted);margin:18px 0 0}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--soft);padding:8px 14px;font-weight:700;font-size:14px;color:var(--ink)}
.chip i{width:10px;height:10px;border-radius:50%;flex:0 0 10px}
.tag{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:9px 14px;font-size:13px;font-weight:700;color:var(--ink);box-shadow:0 0 0 1px var(--line);white-space:nowrap}
.tag i{width:9px;height:9px;border-radius:50%}
.tag small{font-weight:500;color:var(--muted)}

/* scenes: an SVG backdrop with the chicken laid over it */
.scene{position:relative;width:100%}
.scene > svg{display:block;width:100%;height:auto}
.scene .who{position:absolute}
.scene .tag{position:absolute}
.flip{transform:scaleX(-1)}

/* hero slider */
.slider{position:relative;margin-top:10px}
.slider-view{overflow:hidden}
.slider-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center;padding:34px 0 18px}
.slide h1,.slide h2{font-size:clamp(42px,5.4vw,72px);line-height:1.03;font-weight:800;margin:0 0 18px;letter-spacing:-2px}
.lead{font-size:17px;color:var(--muted);max-width:520px}
.slider-nav{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0 4px}
.dots{display:flex;gap:8px}
.dot{width:12px;height:12px;border-radius:999px;border:0;background:var(--sky);padding:0;cursor:pointer;transition:width .3s,background .3s}
.dot[aria-selected=true]{width:34px;background:var(--red)}
.arrow{width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--ink);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}
.arrow:hover{border-color:var(--ink)}

/* page heroes */
.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;padding:46px 0 20px}
.hero.art-left{grid-template-columns:1.05fr .95fr}
.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.04;font-weight:800;margin:0 0 16px;letter-spacing:-2px}

/* sections */
.sec{padding:84px 0 0}
.head{text-align:center;max-width:860px;margin:0 auto 38px}
.head h2{font-size:clamp(32px,3.6vw,46px);line-height:1.1;font-weight:800;margin-bottom:12px}
.head h2 em{white-space:nowrap}
.head p{color:var(--muted);margin:0}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.duo h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;font-weight:800;margin-bottom:14px}
.duo p{color:var(--muted);max-width:520px}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feats.five{grid-template-columns:repeat(5,1fr)}
.feat{padding:26px 22px;border-radius:24px;background:var(--soft)}
.feat .dot-ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}
.feat .dot-ico svg{width:28px;height:28px}
.feat h3{font-size:18px;margin:0 0 6px}.feat p{margin:0;font-size:14px;color:var(--muted)}
.checks{list-style:none;padding:0;margin:20px 0 0;font-weight:600;color:var(--ink)}
.checks li{display:flex;gap:10px;align-items:center;margin:10px 0}
.checks svg{flex:0 0 22px;width:22px;height:22px}

/* account baskets */
.baskets{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.basket{position:relative;border-radius:26px;background:#fff;border:1px solid var(--line);padding:0 0 24px;overflow:hidden;display:flex;flex-direction:column}
.basket > svg{display:block;width:100%;height:auto}
.basket h3{font-size:26px;margin:6px 24px 2px}
.basket .who{margin:0 24px 14px;font-size:14px;color:var(--muted)}
.basket.pop{border:2px solid var(--red)}
.pop-tag{position:absolute;top:16px;right:16px;font-size:12px;font-weight:800;color:#fff;background:var(--red);border-radius:999px;padding:4px 11px}
.terms{margin:0 24px 16px;padding:12px 16px;border-radius:16px;background:var(--soft)}
.terms div{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin:5px 0}
.terms dt{font-weight:700;color:var(--ink)}.terms dd{margin:0;font-weight:800;color:var(--blue)}
.basket ul{list-style:none;padding:0;margin:0 24px 22px;font-size:14px}
.basket li{display:flex;gap:10px;align-items:center;margin:8px 0}
.basket li::before{content:"";flex:0 0 10px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--gold)}
.basket .btn{margin:auto 24px 0}
.note{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 0}
/* account cards (owner's layout from his site: badge, dashed dividers, terms, egg-marked perks), in this site's flat style */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;padding-top:16px}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px 26px 26px;display:flex;flex-direction:column}
.plan.pop{border:2px solid var(--red);transform:translateY(-16px)}
.top-cluck{position:absolute;top:-15px;right:22px;background:var(--red);color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:5px 14px}
.plan-badge{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}
.plan-badge svg{width:54px;height:54px}
.plan-badge img{width:84px;height:84px;margin-top:-6px}
.plan h3{font-size:32px;font-weight:800;margin:0;line-height:1.1}
.plan .who{font-size:14px;color:var(--muted);margin:4px 0 18px}
.plan-terms{border-top:2px dashed var(--line);border-bottom:2px dashed var(--line);padding:14px 0;margin:0 0 16px}
.plan-terms div{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin:6px 0}
.plan-terms dt{font-weight:700;color:var(--ink)}.plan-terms dd{margin:0;font-weight:800;color:var(--blue)}
.perks{list-style:none;padding:0;margin:0 0 24px;font-size:15px;color:var(--ink)}
.perks li{display:flex;gap:10px;align-items:center;margin:9px 0}
.perks svg{flex:0 0 18px;width:18px;height:18px}
.plan .btn{width:100%;margin-top:auto}
/* playful comparison table: tinted bird columns, quips under row labels, wingspan bars, egg ratings */
.cmp{width:100%;min-width:680px;border-collapse:separate;border-spacing:10px 0;font-size:15px}
.cmp th,.cmp td{padding:14px 16px;text-align:center;vertical-align:middle}
.cmp thead th{padding-top:22px;font-size:22px;font-weight:800;color:var(--ink);border-radius:26px 26px 0 0;position:relative}
.cmp thead .corner{text-align:left;font-size:26px;line-height:1.1;vertical-align:bottom;padding-bottom:20px}
.cmp-badge{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 8px;border-radius:50%;background:#fff}
.cmp-badge svg{width:50px;height:50px}.cmp-badge img{width:80px;height:80px;margin-top:-6px}
.cmp-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--red);color:#fff;font-size:12px;font-weight:800;border-radius:999px;padding:4px 12px;white-space:nowrap}
.cmp .c1{background:#eef4fd}.cmp .c2{background:#fff6dc}.cmp .c3{background:#fdeee3}
.cmp .c2{box-shadow:inset 2px 0 0 var(--red),inset -2px 0 0 var(--red)}
.cmp thead .c2{box-shadow:inset 2px 0 0 var(--red),inset -2px 0 0 var(--red),inset 0 2px 0 var(--red)}
.cmp tbody tr:last-child td{border-radius:0 0 26px 26px;padding-bottom:22px}
.cmp tbody tr:last-child .c2{box-shadow:inset 2px 0 0 var(--red),inset -2px 0 0 var(--red),inset 0 -2px 0 var(--red)}
.cmp tbody th{text-align:left;padding-left:4px;border-bottom:2px dashed var(--line)}
.cmp tbody tr:last-child th{border-bottom:0}
.cmp tbody th b{display:block;font-size:15px;color:var(--ink)}
.cmp tbody th small{display:block;font-size:12px;color:var(--muted);font-weight:500}
.cmp td{font-weight:600;color:var(--ink)}
.cmp .table-pad{}
.cmp .val.lg{font-size:24px;font-weight:800;letter-spacing:-.5px}
.cmp .pill{display:inline-block;background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:800}
.cmp .pill.none{color:var(--green)}
.cmp .wing{display:block;height:10px;border-radius:999px;background:#fff;margin:8px auto 0;max-width:120px;overflow:hidden}
.cmp .wing i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--red))}
.cmp .yes svg{width:28px;height:28px;display:inline-block}
.cmp .egg-i{width:22px;height:26px;display:inline-block;margin:0 2px}
.table-scroll:has(.cmp){padding-top:16px}
.compare{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.compare th,.compare td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line)}
.compare thead th{background:var(--soft);color:var(--ink);font-weight:800}
.compare tbody th{font-weight:600;color:var(--muted)}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}
.table-scroll{overflow-x:auto;position:relative}

/* payments */
.mode{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.mode h2{font-size:clamp(28px,3vw,38px);font-weight:800;margin:0}
.seg{display:inline-flex;background:var(--soft);border-radius:999px;padding:4px}
.seg button{border:0;background:transparent;border-radius:999px;padding:9px 18px;font:700 14px var(--font);color:var(--muted);cursor:pointer}
.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.groups{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.group{border:1px solid var(--line);border-radius:24px;padding:22px 24px;background:#fff;display:flex;flex-direction:column}
.group-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.group-head .ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}
.group-head .ico img{width:28px;height:28px}
.group-head h3{font-size:20px;margin:0}.group-head span{font-size:13px;color:var(--muted)}
.coins{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.coins img{width:30px;height:30px}
.coins em{font-style:normal;color:var(--muted);font-size:14px}
.big{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}
.big div{background:var(--soft);border-radius:16px;padding:14px 16px}
.big b{display:block;font-size:20px;color:var(--ink);line-height:1.2}
.big span{font-size:13px;color:var(--muted)}
.big .muted b{color:var(--muted)}
.members{list-style:none;padding:0;margin:0 0 14px}
.members li{display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.members li:last-child{border:0}
.members img{width:30px;height:30px;grid-row:span 2;border-radius:8px}
.members b{color:var(--ink);font-size:15px}
.members span{font-size:13px;color:var(--muted)}
.group-note{font-size:13px;color:var(--muted);margin:auto 0 0;padding-top:4px}
[data-mode=deposit] .wd,[data-mode=withdraw] .dep{display:none}
/* colour: each group has its own tint, with white tiles inside (owner: "add some color") */
.group{background:var(--g,#fff);border:0;position:relative;overflow:hidden;padding:24px 26px}
.group::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:var(--g2,transparent);opacity:.75}
.group > *{position:relative;z-index:1}
.group-head .ico{width:56px;height:56px;border-radius:18px;background:#fff!important}
.group-head .ico img{width:32px;height:32px}
.group-head h3{font-size:22px;font-weight:800}
.group-head span{display:inline-block;margin-top:2px;font-size:12px;font-weight:800;color:var(--ink);background:#fff;border-radius:999px;padding:2px 10px}
.coins{gap:10px}
.coins img{width:44px;height:44px;padding:7px;background:#fff;border-radius:50%}
.coins em{background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;color:var(--ink)}
.group .big div{background:#fff;border-radius:18px}
.group .big b{font-size:22px;font-weight:800}
.group .big div:first-child b{color:var(--k,var(--ink))}
.group .members{background:#fff;border-radius:18px;padding:2px 16px}
.group-note{color:var(--text)}
.seg button[aria-pressed=true]{background:var(--red);color:#fff;box-shadow:none}
.rules{list-style:none;padding:0;margin:0}
.rules li{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px}
.rules .ico{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sky-2)}
.rules .ico img{width:22px;height:22px}
.panel{border-radius:28px;background:var(--soft);padding:28px 30px}
.panel h2{font-size:26px;font-weight:800;margin-bottom:18px}
.faq details{background:#fff;border-radius:18px;padding:16px 20px;margin:0 0 10px;box-shadow:0 0 0 1px var(--line)}
.faq summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--red);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;font-size:14px;color:var(--muted)}

/* markets */
.market{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff}
.market-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:22px 26px 12px}
.market-top h2{font-size:clamp(26px,2.8vw,34px);font-weight:800;margin:0 0 4px}
.market-top p{margin:0;font-size:13px;color:var(--muted)}
.feed{font-size:12px;font-weight:700;color:var(--red);background:#fde3df;border-radius:999px;padding:6px 12px;white-space:nowrap}
.tabs{display:flex;gap:8px;padding:6px 26px 14px;overflow-x:auto}
.tab{border:0;background:var(--soft);border-radius:999px;padding:8px 16px;font:700 14px var(--font);color:var(--muted);cursor:pointer;white-space:nowrap}
.tab[aria-selected=true]{background:var(--ink);color:#fff}
.quotes{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap;text-align:right}
.quotes th{font-size:12px;font-weight:700;color:var(--muted);padding:10px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft)}
.quotes td{padding:11px 26px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.quotes th:first-child,.quotes td:first-child{text-align:left}
.quotes tbody tr:last-child td{border-bottom:0}
.sym{font-weight:800;color:var(--ink)}.sym small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.up{color:var(--green)}.down{color:#d9435b}
.flash-up{background:#e6f5ee}.flash-down{background:#fdecef}
/* Background (owner chose "pastel puffs", Oct 19): soft yolk, sky and peach glows that stay put while scrolling,
   over a light seed-dot texture. The header and footer let it show through. */
body{background-color:#fcfbf7;background-image:
  radial-gradient(620px 420px at -4% 8%,rgba(255,212,102,.32),rgba(255,212,102,0) 70%),
  radial-gradient(700px 520px at 104% 34%,rgba(185,209,243,.5),rgba(185,209,243,0) 70%),
  radial-gradient(640px 520px at -6% 92%,rgba(253,214,190,.55),rgba(253,214,190,0) 70%),
  radial-gradient(circle,rgba(201,138,75,.14) 1.4px,transparent 1.6px);
  background-size:auto,auto,auto,26px 26px;background-attachment:fixed,fixed,fixed,scroll}
.bar{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.foot{background:rgba(255,255,255,.6)}

/* Home: "Birds of a feather trade together" cards */
.flock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:8px}
.fk{position:relative;background:var(--bg);border-radius:30px;padding:18px 20px 22px;transform:rotate(var(--r,0deg));transition:transform .25s}
.fk:hover{transform:rotate(0) translateY(-6px)}
.fk-art{background:rgba(255,255,255,.55);border-radius:22px;padding:10px 8px;margin-bottom:14px}
.fk-art svg{display:block;width:100%;height:auto}
.fk-num{font-family:var(--display);font-weight:700;font-size:15px;color:var(--red)}
.fk h3{font-size:22px;margin:2px 0 6px}
.fk p{margin:0;font-size:15px;color:var(--text)}
.fk-sticker{position:absolute;top:-12px;right:16px;background:var(--ink);color:#fff;font-family:var(--display);font-weight:600;font-size:13px;border-radius:999px;padding:4px 12px;transform:rotate(4deg)}
@media (max-width:1060px){.flock-grid{grid-template-columns:repeat(2,1fr);gap:26px}}
@media (max-width:560px){.flock-grid{grid-template-columns:1fr}}

/* ---- Fun pass (owner, Oct 19: "make sure nothing else is still boring") ---- */
/* chunky press-able buttons: ink outline, a solid shadow that squashes when pressed */
.btn{border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .15s;font-family:var(--font)}
.btn:hover{background:#fff1cf;color:var(--ink);transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.btn.primary{border-color:var(--ink)}
.btn.primary:hover{background:var(--red-hover);border-color:var(--ink);color:#fff}
.btn.small{box-shadow:0 3px 0 var(--ink)}.btn.small:hover{box-shadow:0 5px 0 var(--ink)}
.btn .bi{width:20px;height:20px;flex:0 0 20px;margin-left:-4px}
.btn .bi-egg{transform-origin:50% 90%}
@media (prefers-reduced-motion:no-preference){.btn:hover .bi-egg{animation:wobble .5s ease-in-out infinite alternate}.btn:hover .bi-coop{animation:bob .4s ease-in-out infinite alternate}}
@keyframes wobble{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}
@keyframes bob{to{transform:translateY(-3px)}}
.acts .btn.small{height:42px}
/* nav: egg-yolk pill on the current page */
.nav{gap:6px}
.nav a{padding:7px 14px;border:0;border-radius:999px;transition:background .15s}
.nav a:hover{background:#fff1cf}
.nav a[aria-current=page]{background:#ffd466;color:var(--ink)}
@media (max-width:1060px){.nav a{border-radius:12px;padding:12px}.nav{gap:4px}}
/* Markets table: each row a little card, with a trend line and a "Peck it" button */
.market .table-scroll{background:#fbf7ee;padding:4px 16px 8px}
.quotes{border-collapse:separate;border-spacing:0 8px}
.quotes thead th{background:transparent;border:0;padding:8px 14px 0;color:var(--muted)}
.quotes tbody tr,.quotes tbody tr:nth-child(even){background:transparent}
.quotes tbody td{background:#fff;border:0;padding:12px 14px;transition:background .15s}
.quotes tbody td:first-child{border-radius:18px 0 0 18px;box-shadow:inset 6px 0 0 var(--tint)}
.quotes tbody td:last-child{border-radius:0 18px 18px 0}
.quotes tbody tr:hover td{background:#fff8e6}
.quotes td:nth-child(2),.quotes td:nth-child(3){font-family:var(--display);font-weight:600;font-size:16px}
.spk{display:block;width:96px;height:32px;margin-left:auto}
.spk polyline{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.spk polyline.up{stroke:var(--green)}.spk polyline.down{stroke:#d9435b}
.peck{display:inline-block;background:var(--red);color:#fff;font-weight:800;font-size:13px;border-radius:999px;padding:7px 14px;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;transition:transform .12s,box-shadow .12s}
.peck:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}
.peck:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.market-foot{background:#fbf7ee;border-top:0}
/* forex sessions: a colour per city, an egg riding the "now" line */
.sessions{background:#fff;box-shadow:0 0 0 1px var(--line)}
.sessions-head .clock{background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;font-weight:700}
.sessions .session{grid-template-columns:150px 1fr}
.session-name{display:flex;align-items:center;white-space:nowrap}
.session-name em{margin-left:auto!important;font-size:11px}
.sessions .scale{margin-left:164px}
.session-name::before{flex:0 0 10px;content:"";display:inline-block;width:10px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--c);margin-right:8px;vertical-align:-1px}
.sessions .track{background:var(--soft)}
.sessions .seg-bar{background:var(--c);opacity:.28}
.sessions .session.is-open .seg-bar{background:var(--c);opacity:1}
.sessions .session.is-open .session-name em{color:#fff;background:var(--green);border-radius:999px;padding:1px 8px}
.sessions .now{background:var(--red);width:3px}
.now::before{content:"";position:absolute;left:50%;top:-14px;transform:translateX(-50%);width:14px;height:18px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#ffd466;box-shadow:0 0 0 2px var(--ink)}
/* Platforms: download tiles */
.get{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:34px}
.get-tile{display:flex;align-items:center;gap:12px;background:var(--d);border-radius:22px;padding:10px 16px 10px 10px;color:var(--ink);min-width:260px}
.get-tile .ic{width:48px;height:48px;border-radius:15px;background:#fff;display:grid;place-items:center;flex:0 0 48px}
.get-tile .ic svg{width:28px;height:28px}
.get-tile b{display:block;font-size:16px}.get-tile small{display:block;font-size:13px;color:var(--muted)}
.get-tile .go,.get-tile .soon{margin-left:auto;font-weight:800;font-size:12px;border-radius:999px;padding:5px 11px}
.get-tile .go{background:var(--red);color:#fff;font-size:16px;padding:4px 12px}
.get-tile .soon{background:#fff;color:var(--muted)}
.get-tile.live{border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.get-tile.live:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}
/* footer: a dark coop floor with a chicken peeking over the edge */
.foot{position:relative;background:var(--ink);color:#d3dae4;border-top:0;border-radius:44px 44px 0 0;margin-top:110px;padding:46px 0 36px}
.foot-peek{position:absolute;right:8%;top:-58px;width:96px;transform:rotate(8deg)}
.foot nav{gap:8px}
.foot nav a{color:#fff;background:rgba(255,255,255,.09);border-radius:999px;padding:7px 14px;transition:background .15s,color .15s}
.foot nav a:hover{background:#ffd466;color:var(--ink)}
.foot p{color:#c4ccd7}
.foot .foot-joke{display:inline-block;background:#ffd466;color:var(--ink);font-weight:800;border-radius:999px;padding:5px 14px;transform:rotate(-1.5deg);margin:4px 0 14px}
.foot .top img{filter:drop-shadow(0 0 0 #fff)}
@media (max-width:560px){.foot-peek{width:72px;top:-44px}.get-tile{min-width:0;width:100%}}

/* Payments: rules of the roost + questions from the coop */
.funds{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
.funds h2{font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.1;margin:0 0 22px}
.roost{position:relative;background:#fff1cf;border-radius:34px;padding:34px 30px 30px}
.roost-hen{position:absolute;right:22px;top:-40px;width:96px;transform:rotate(10deg)}
.roost .eyebrow{padding-right:100px}
.roost-rules{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.roost-rules li{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:20px;padding:14px 16px;transform:rotate(var(--r,0));transition:transform .2s}
.roost-rules li:nth-child(odd){--r:-.6deg}.roost-rules li:nth-child(even){--r:.6deg}
.roost-rules li:hover{transform:rotate(0) translateX(4px)}
.roost-rules .rn{flex:0 0 38px;height:46px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--red);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center;padding-top:4px}
.roost-rules li:nth-child(2) .rn{background:var(--blue)}.roost-rules li:nth-child(3) .rn{background:var(--green)}.roost-rules li:nth-child(4) .rn{background:#e0961a}
.roost-rules b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.roost-rules li > span:last-child{font-size:14px;color:var(--muted);line-height:1.5}
.coopfaq{padding-top:34px}
.qs{display:grid;gap:10px}
.qs details{background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--line);transition:background .2s,box-shadow .2s}
.qs details[open]{background:var(--q);box-shadow:none}
.qs summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 16px;font-weight:700;color:var(--ink)}
.qs summary::-webkit-details-marker{display:none}
.qs .qi{flex:0 0 38px;height:38px;border-radius:50%;background:var(--q);color:var(--qa);font-weight:800;font-size:18px;display:grid;place-items:center}
.qs details[open] .qi{background:#fff}
.qs .qt{flex:1}
.qs .qx{flex:0 0 32px;height:32px;border-radius:50%;background:var(--soft);position:relative;transition:transform .25s,background .2s}
.qs .qx::before,.qs .qx::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.5px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%)}
.qs .qx::after{transform:translate(-50%,-50%) rotate(90deg)}
.qs details[open] .qx{transform:rotate(45deg);background:#fff}
.qs summary:hover .qx{background:var(--q)}
.qs details p{margin:0;padding:0 18px 18px 68px;font-size:14px;color:var(--text)}
@media (max-width:980px){.funds{grid-template-columns:1fr}.coopfaq{padding-top:10px}}
@media (max-width:560px){.roost{padding:30px 18px 22px}.roost-hen{width:76px;top:-32px}.qs details p{padding-left:18px}}
/* Markets: livelier table */
.market-wrap{position:relative}
.market-peek{position:absolute;right:40px;top:-52px;width:86px;z-index:2;transform:rotate(8deg)}
.market{border:0;box-shadow:0 0 0 1px var(--line)}
.market-top{background:#fff1cf;padding-top:26px;padding-right:150px}
.market .tabs{background:#fff1cf;padding-bottom:18px}
.tab{display:inline-flex;align-items:center;gap:8px;background:#fff}
.tab .te{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--soft);color:var(--ink)}
.tab small{font-size:11px;font-weight:800;background:var(--soft);border-radius:999px;padding:1px 7px;color:var(--muted)}
.tab[aria-selected=true]{background:var(--red)}
.tab[aria-selected=true] .te,.tab[aria-selected=true] small{background:#fff;color:var(--red)}
.quotes th{background:#fff;border-top:0;text-transform:uppercase;letter-spacing:1px;font-size:11px}
.quotes tbody tr:nth-child(even){background:#fafbfd}
.quotes tbody tr:hover{background:#fff8e6}
.quotes .sym{display:flex;align-items:center;gap:12px}
.badge{width:44px;height:44px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;flex:0 0 44px;line-height:1.1}
.badge i{font-style:normal;font-size:9px;opacity:.85}
.quotes td{font-weight:600;color:var(--ink)}
.sp{display:inline-block;background:var(--soft);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;color:var(--muted)}
.chg{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;min-width:86px;text-align:center}
.chg.up{background:#ddf3e8;color:#1f7a52}.chg.down{background:#fde3e6;color:#b4233d}
.coin-pile{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.coin-pile img{width:48px;height:48px;padding:9px;background:#fff;border-radius:50%}
.coin-pile img:nth-child(odd){transform:translateY(-6px)}
.market-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 26px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.sessions{border-radius:26px;background:var(--soft);padding:24px 26px}
.sessions-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.sessions-head strong{font-size:18px;color:var(--ink)}
.clock{font-size:13px;color:var(--muted)}
.session{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:14px;margin:12px 0}
.session-name{font-size:14px;font-weight:700;color:var(--ink)}.session-name em{font-weight:500;font-size:12px;color:var(--muted);margin-left:8px}
.session.is-open .session-name em{color:var(--green)}
.track{position:relative;height:14px;border-radius:7px;background:#fff}
.seg-bar{position:absolute;top:0;bottom:0;border-radius:7px;background:#f6d3d0}
.session.is-open .seg-bar{background:var(--red)}
.scale{display:flex;justify-content:space-between;margin-left:124px;font-size:12px;color:var(--muted)}
.sessions-box{position:relative}
.now{position:absolute;width:2px;background:var(--ink);border-radius:2px}

/* ChickenTrader showcase */
.trader{position:relative;padding:40px 0 10px}
.trader .shot{position:relative;margin:0 auto;max-width:1060px}
.trader .frame{position:relative}
.trader .shot::before{content:"";position:absolute;inset:-26px -40px -40px;background:var(--sky-2);border-radius:48px;z-index:-1}
.window{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #d6dde8}
.window .chrome{display:flex;align-items:center;gap:8px;height:34px;padding:0 14px;background:#eef1f6;font-size:12px;font-weight:700;color:var(--muted)}
.window .chrome i{width:10px;height:10px;border-radius:50%;background:#d6dde8}
.window .chrome span{margin-left:10px}
.callout{position:absolute;max-width:240px;background:#fff;border-radius:16px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 0 0 1px var(--line),0 10px 24px rgba(30,42,58,.08)}
.callout b{color:var(--red)}
.peek{position:absolute;width:150px}
/* stickers: die-cut labels pinned to numbered spots on the screenshot */
.pin{position:absolute;width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 0 0 5px rgba(211,53,47,.22),0 0 0 11px rgba(211,53,47,.1)}
@media (prefers-reduced-motion:no-preference){.pin{animation:pin 2.4s ease-in-out infinite}.pin:nth-of-type(2){animation-delay:.6s}.pin:nth-of-type(3){animation-delay:1.2s}.pin:nth-of-type(4){animation-delay:1.8s}}
@keyframes pin{0%,100%{box-shadow:0 0 0 5px rgba(211,53,47,.22),0 0 0 11px rgba(211,53,47,.1)}50%{box-shadow:0 0 0 7px rgba(211,53,47,.26),0 0 0 15px rgba(211,53,47,.08)}}
.sticker{position:absolute;display:flex;gap:12px;align-items:center;max-width:260px;padding:11px 18px 11px 11px;border-radius:22px;background:var(--c);transform:rotate(var(--r,-2deg));box-shadow:0 0 0 5px #fff,0 16px 30px rgba(30,42,58,.16);color:var(--ink);transition:transform .2s}
.sticker:hover{transform:rotate(0) scale(1.04)}
.sticker b{display:block;font-size:16px;font-weight:800;line-height:1.2}
.sticker small{display:block;font-size:13px;line-height:1.4;color:var(--text)}
.sticker .num{flex:0 0 36px;height:36px;border-radius:50%;background:#fff;color:var(--red);font-weight:800;font-size:17px;display:grid;place-items:center}
/* feature bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:84px}
.bx{background:var(--bg);border-radius:30px;padding:26px 26px 22px;display:flex;flex-direction:column;min-height:250px;overflow:hidden}
.bx-wide{grid-column:span 2;flex-direction:row;align-items:center;gap:24px}
.bx-wide .bx-art{width:46%;margin:0}
.bx-full{grid-column:1/-1;flex-direction:row;align-items:center;gap:30px;min-height:0}
.bx.bx-full h3{color:#fff}.bx.bx-full p{color:#dbe3ee}
.bx .big{font-size:68px;font-weight:800;line-height:.95;color:var(--red);letter-spacing:-3px}
.bx .small-big{font-size:44px;letter-spacing:0;line-height:1.2}
.bx h3{font-size:21px;font-weight:800;margin:6px 0 6px}
.bx p{font-size:14px;color:var(--muted);margin:0 0 16px;max-width:360px}
.bx-art{margin-top:auto;width:78%;height:auto;align-self:flex-end}
.frames{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}
.frames span{background:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;color:var(--ink)}
.frames span:nth-child(5){background:var(--red);color:#fff}
.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex:1}
.themes figure{margin:0}
.themes svg{width:100%;height:auto;display:block}
.themes figcaption{text-align:center;color:#fff;font-weight:700;font-size:13px;margin-top:6px}
.points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}
.point{border-radius:22px;background:var(--soft);padding:20px 22px}
.point h3{font-size:17px;margin:0 0 4px}.point p{margin:0;font-size:14px;color:var(--muted)}
.downloads{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.enter{margin-top:84px;border-radius:36px;background:var(--yolk);display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:40px 48px 0;overflow:hidden}
.enter h2{font-size:clamp(28px,3vw,40px);font-weight:800;margin:0 0 6px}
.enter p{margin:0 0 22px;color:var(--muted)}
.enter > div{padding-bottom:40px}
.enter img{width:190px;align-self:end}

/* call to action */
.cta{margin:90px 0 0;background:var(--sky-2);border-radius:36px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:30px;padding:30px 46px 0;overflow:hidden}
.cta img{align-self:end;width:200px}
.cta h2{font-size:clamp(28px,3vw,38px);font-weight:800;margin:0 0 8px;line-height:1.15}
.cta p{margin:0;color:var(--muted)}
.cta .actions{margin:0 0 30px;flex-direction:column}

/* footer */
.foot{margin-top:80px;border-top:1px solid var(--line);padding:30px 0 34px;font-size:13px;color:var(--muted)}
.foot .top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.foot .top img{height:54px;width:auto}
.foot nav{display:flex;gap:22px;flex-wrap:wrap;font-weight:600;color:var(--ink)}
.foot nav a:hover{color:var(--red)}
.foot p{margin:0 0 8px;max-width:980px}

@media (max-width:1060px){
  .nav{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:6px 32px 16px}
  .nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .nav a[aria-current=page]{border-color:var(--line)}
  .menu{display:block}
}
@media (max-width:980px){
  .slide,.hero,.hero.art-left,.duo{grid-template-columns:1fr}
  .slide{padding-top:16px}.hero{padding-top:24px}
  .hero.art-left .scene,.duo .scene{order:-1}
  .baskets,.plans{grid-template-columns:1fr;max-width:460px;margin:0 auto}
  .plans{gap:34px}.plan.pop{transform:none}
  .feats,.feats.five{grid-template-columns:repeat(2,1fr)}
  .groups{grid-template-columns:1fr}
  .points{grid-template-columns:1fr}
  .callout,.peek{display:none}
  .sticker{position:static;transform:none;max-width:none;margin-top:16px;box-shadow:none}
  .pin{width:24px;height:24px;font-size:12px}
  .bento{grid-template-columns:1fr}
  .bx-wide,.bx-full{grid-column:auto;flex-direction:column;align-items:stretch}
  .bx-wide .bx-art{width:100%}
  .themes{grid-template-columns:repeat(2,1fr)}
  .trader .shot::before{inset:-14px -14px -20px}
  .cta,.enter{grid-template-columns:1fr;text-align:center;padding:30px 24px 0;justify-items:center}
  .cta .actions{flex-direction:row;justify-content:center;margin:0}
  .cta img{order:3;width:160px}
  .enter > div{padding-bottom:0}.enter .actions{justify-content:center}.enter img{width:150px}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .bar .wrap{gap:12px;height:68px}.brand img{height:42px}
  .nav{top:68px;padding:6px 16px 16px}
  .acts{gap:6px}.acts .btn.small{padding:0 12px;height:36px;font-size:13px}
  .feats,.feats.five{grid-template-columns:1fr}
  .big{grid-template-columns:1fr}
  .foot .top{flex-direction:column;align-items:flex-start}
  .quotes{min-width:640px}
  .market-top{padding-right:26px;padding-top:44px}.market-peek{width:70px;right:16px;top:-40px}
  .scale{margin-left:0}.session{grid-template-columns:1fr;gap:4px}
  .scene .tag{font-size:11px;padding:6px 10px;gap:6px}
}
@media (max-width:400px){.acts .btn.small:not(.primary){display:none}.nav .nav-login{display:block;color:var(--red)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Type (owner, Oct 19: a fun font, text dark enough to read; very dark grey, not black): Fredoka for headings and big
   numbers, Nunito for everything else, at a heavier weight. */
body{font-weight:600}
h1,h2,h3,.big,.top-cluck,.pop-tag,.cmp thead th,.cmp .val.lg,.hc-big strong,.stk b,.bx .big,.sessions-head strong{font-family:var(--display);font-weight:700;letter-spacing:-.3px}
h1,.slide h1,.slide h2,.hero h1{letter-spacing:-1px}
b,strong,.btn,.tab,.nav{font-weight:800}

/* Phone menu (owner, Oct 19: text was flush left and the highlight misaligned): padded rows, an egg marker, no underline */
@media (max-width:1060px){
  .bar .nav{gap:6px;padding-top:10px;padding-bottom:16px}
  .bar .nav a{display:flex;align-items:center;gap:12px;padding:13px 16px;border:0;border-radius:16px;font-size:16px}
  .bar .nav a::before{content:"";flex:0 0 10px;height:13px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--line)}
  .bar .nav a:hover{background:#fff1cf}
  .bar .nav a:hover::before{background:var(--gold)}
  .bar .nav a[aria-current=page]{background:#ffd466;color:var(--ink)}
  .bar .nav a[aria-current=page]::before{background:var(--red)}
}