/* Generated from the Congregatio animations artifact; selectors scoped under .cg-show */
.cg-show{
  --bg:#eef0f5; --fg:#14203a; --muted:#56607a; --line:#d5d9e3; --card:#ffffff; --accent:#c9a94a; --btn:#14203a; --btn-fg:#f5efdf;
  --display:"Kumbh Sans","Work Sans",system-ui,sans-serif;
  --body:"Work Sans",system-ui,-apple-system,sans-serif;
  --wp:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  
  --navy:#14203a; --ink:#1b2a4a; --cream:#f5efdf; --gold:#c9a94a; --gold-d:#a8892e; --badge:#3d5c97;
  --wp-dark:#1e1e1e; --wp-blue:#3858e9; --wp-bg:#f0f0f1; --wp-link:#2271b1; --wp-txt:#1e1e1e; --wp-mut:#646970; --wp-line:#dcdcde;
  --ok:#1a7f4b; --white:#fff;
}
.cg-show .stage{position:relative;width:100%;max-width:100%;aspect-ratio:1000/620;border-radius:14px;overflow:hidden;background:var(--white);box-shadow:0 1px 0 var(--line),0 24px 60px -24px rgba(20,32,58,.35);transition:opacity .35s}
.cg-show .stage.out{opacity:0}
.cg-show .screen{position:absolute;inset:0 auto auto 0;width:1000px;height:620px;transform-origin:0 0;transform:scale(var(--s,1));overflow:hidden;background:var(--white);color:var(--wp-txt);font-family:var(--wp);font-size:13px;line-height:1.45}
.cg-show .cursor{position:absolute;left:0;top:0;width:22px;height:22px;z-index:50;pointer-events:none;transform:translate(820px,520px);transition:transform 800ms cubic-bezier(.45,.05,.25,1),opacity .3s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.cg-show .cursor svg{display:block;transition:transform .12s}
.cg-show .cursor.down svg{transform:scale(.82)}
.cg-show .cursor::after{content:"";position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:rgba(56,88,233,.35);transform:scale(0);opacity:0}
.cg-show .cursor.down::after{animation:ripple .45s ease-out}
@keyframes ripple{from{transform:scale(.2);opacity:1}to{transform:scale(1.4);opacity:0}}
.cg-show .cursor.gone{opacity:0}
.cg-show .chrome{height:38px;background:#e8eaef;display:flex;align-items:center;gap:14px;padding:0 14px;border-bottom:1px solid #d3d6de}
.cg-show .dots{display:flex;gap:7px}
.cg-show .dots i{width:11px;height:11px;border-radius:50%;background:#c9ccd4}
.cg-show .dots i:nth-child(1){background:#ef6b5e}
.cg-show .dots i:nth-child(2){background:#f4bf4f}
.cg-show .dots i:nth-child(3){background:#61c454}
.cg-show .url{flex:1;max-width:620px;margin:0 auto;height:24px;border-radius:7px;background:var(--white);display:flex;align-items:center;gap:6px;padding:0 12px;font:12px/1 var(--wp);color:#3c4250;white-space:nowrap;overflow:hidden}
.cg-show .url .lock{width:9px;height:11px;border:1.5px solid #8a909e;border-radius:2px;position:relative;top:1px}
.cg-show .url .path{color:#8a909e;transition:color .3s}
.cg-show .viewport{position:absolute;top:38px;left:0;right:0;bottom:0;overflow:hidden}
.cg-show .site{font-family:"Work Sans",sans-serif;color:var(--ink)}
.cg-show .page{position:absolute;inset:0;transition:transform .7s cubic-bezier(.6,.05,.3,1),opacity .5s}
.cg-show .home.leave{transform:translateX(-30%);opacity:0}
.cg-show .list{transform:translateX(100%)}
.cg-show .list.enter{transform:none}
.cg-show .snav{position:absolute;top:0;left:0;right:0;height:46px;display:flex;justify-content:center;align-items:center;gap:22px;font:500 10.5px/1 "Work Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--white);z-index:2}
.cg-show .snav span:first-child{border-bottom:1.5px solid currentColor;padding-bottom:5px}
.cg-show .snav .fb{width:20px;height:20px;border:1.4px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:10px;text-transform:none}
.cg-show .hero{height:390px;position:relative;background:#0e1730;overflow:hidden}
.cg-show .church{position:absolute;inset:0;width:100%;height:100%}
.cg-show .hero-t{position:absolute;inset:140px 0 auto;text-align:center;color:var(--white);text-shadow:0 2px 14px rgba(0,0,0,.45);z-index:1}
.cg-show .hero-t b{display:block;font:700 26px/1.2 "Kumbh Sans",sans-serif;max-width:400px;margin:0 auto}
.cg-show .hero-t span{font-size:17px;letter-spacing:.04em}
.cg-show .tiles{position:absolute;top:356px;left:50%;transform:translateX(-50%);display:flex;gap:18px;z-index:3}
.cg-show .tile{width:230px;height:58px;background:var(--navy);color:var(--cream);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:14px;font:500 15px/1 "Work Sans",sans-serif;letter-spacing:.1em;transition:transform .2s,background .2s,box-shadow .2s}
.cg-show .tile svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6}
.cg-show .tile.hover{background:#22345e;transform:translateY(-3px);box-shadow:0 10px 24px -8px rgba(20,32,58,.6)}
.cg-show .tile.pressed{transform:translateY(0) scale(.98)}
.cg-show .below{position:absolute;top:438px;left:50%;transform:translateX(-50%);width:620px;display:grid;gap:22px}
.cg-show .notice{background:#e8eef7;border-left:3px solid var(--navy);padding:9px 14px;font-size:12px;border-radius:2px}
.cg-show .today{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.cg-show .today h4{grid-column:1/-1;margin:0;font:700 18px/1 "Kumbh Sans",sans-serif}
.cg-show .today div{font-size:12px;color:#4a5677}
.cg-show .today div b{display:block;color:var(--ink);font-size:13px}
.cg-show .list{background:var(--white)}
.cg-show .list .snav{color:var(--ink);background:var(--white);border-bottom:1px solid #eee}
.cg-show .scroller{position:absolute;top:46px;left:0;right:0;transition:transform 2.6s cubic-bezier(.45,.05,.25,1)}
.cg-show .scroller.scrolled{transform:translateY(-250px)}
.cg-show .lhead{background:linear-gradient(#f6f3ec,#fff);text-align:center;padding:44px 0 34px}
.cg-show .lhead small{font-size:9.5px;letter-spacing:.1em}
.cg-show .lhead h3{margin:8px 0 6px;font:700 27px/1.1 "Kumbh Sans",sans-serif;color:var(--ink)}
.cg-show .lhead p{margin:0;font-size:11.5px}
.cg-show .irows{width:580px;margin:0 auto}
.cg-show .irow{display:grid;grid-template-columns:120px 1fr;padding:18px 0;border-bottom:1px solid #ececec;transition:background .4s,box-shadow .4s;border-radius:4px}
.cg-show .irow.hl{background:#f6f1e1;box-shadow:0 0 0 10px #f6f1e1}
.cg-show .dbadge{align-self:start;background:var(--badge);color:var(--white);font-size:10.5px;padding:2px 7px;border-radius:2px;justify-self:start}
.cg-show .dname{font-size:11px;letter-spacing:.03em;margin-bottom:7px}
.cg-show .dname b{font-weight:600;margin-right:10px}
.cg-show .ilines{display:grid;gap:5px;font-size:11px}
.cg-show .ilines b{font-weight:600}
.cg-show .adminbar{position:absolute;top:38px;left:0;right:0;height:30px;background:var(--wp-dark);color:#f0f0f1;display:flex;align-items:center;gap:18px;padding:0 12px;font-size:12px;z-index:2}
.cg-show .adminbar .wl{width:18px;height:18px;border-radius:50%;border:2px solid #a7aaad}
.cg-show .adminbar .sp{flex:1}
.cg-show .wpside{position:absolute;top:68px;left:0;bottom:0;width:160px;background:var(--wp-dark);color:#f0f0f1;padding-top:10px}
.cg-show .wpside div{height:34px;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:13px}
.cg-show .wpside div::before{content:"";width:16px;height:16px;border-radius:4px;border:1.6px solid #a7aaad;opacity:.75}
.cg-show .wpside div.cur{background:var(--wp-blue);color:var(--white)}
.cg-show .wpside div.cur::before{border-color:var(--white);opacity:1}
.cg-show .wpmain{position:absolute;top:68px;left:160px;right:0;bottom:0;background:var(--wp-bg);padding:18px 22px}
.cg-show .wph{display:flex;align-items:center;gap:12px}
.cg-show .wph h3{margin:0;font-size:23px;font-weight:400}
.cg-show .wpbtn{border:1px solid var(--wp-blue);color:var(--wp-blue);border-radius:3px;padding:4px 10px;font-size:13px;background:var(--white)}
.cg-show .subsub{margin:14px 0 10px;font-size:13px;color:var(--wp-mut);display:flex;justify-content:space-between}
.cg-show .subsub a{color:var(--wp-link)}
.cg-show .subsub b{color:var(--wp-txt)}
.cg-show .srch{display:flex;gap:6px}
.cg-show .srch i{width:170px;height:28px;background:var(--white);border:1px solid #8c8f94;border-radius:3px}
.cg-show .srch em{font-style:normal;border:1px solid var(--wp-link);color:var(--wp-link);border-radius:3px;padding:4px 9px;background:#f6f7f7}
.cg-show .wtable{background:var(--white);border:1px solid #c3c4c7;box-shadow:0 1px 1px rgba(0,0,0,.04)}
.cg-show .wrow{display:grid;grid-template-columns:34px 1fr 190px;align-items:start;padding:9px 10px;border-top:1px solid var(--wp-line);font-size:13px}
.cg-show .wrow:nth-child(odd){background:#f6f7f7}
.cg-show .wrow.th{border-top:0;background:var(--white)!important;font-weight:400;color:var(--wp-txt);border-bottom:1px solid #c3c4c7}
.cg-show .cb{width:16px;height:16px;border:1px solid #8c8f94;border-radius:4px;background:var(--white);margin-top:2px}
.cg-show .rt{color:var(--wp-link);font-weight:600}
.cg-show .ra{font-size:12px;color:var(--wp-link);visibility:hidden;margin-top:3px}
.cg-show .ra .tr{color:#b32d2e}
.cg-show .wrow.hover .ra{visibility:visible}
.cg-show .wdate{color:var(--wp-mut);font-size:12.5px}
.cg-show .wdate b{font-weight:400;color:var(--wp-txt)}
.cg-show .wrow.new{max-height:0;padding-block:0;overflow:hidden;border-top-width:0;transition:max-height .6s ease,padding .6s ease,background 1.6s;background:#fff8d6!important}
.cg-show .wrow.new.show{max-height:80px;padding-block:9px;border-top-width:1px}
.cg-show .wrow.new.done{background:var(--white)!important}
.cg-show .aitag{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font:600 10.5px/1 var(--wp);color:#5b3cc4;background:#efe9ff;border-radius:999px;padding:3px 8px;vertical-align:1px}
.cg-show .aitag::before{content:"";width:6px;height:6px;border-radius:50%;background:#7b5cf0}
.cg-show .st-done{display:none}
.cg-show .wrow.done .st-proc{display:none}
.cg-show .wrow.done .st-done{display:block}
.cg-show .st-proc{display:flex;align-items:center;gap:6px;color:#5b3cc4}
.cg-show .spin{width:12px;height:12px;border-radius:50%;border:2px solid #d9cffb;border-top-color:#7b5cf0;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cg-show .toast{position:absolute;right:22px;top:16px;background:var(--wp-dark);color:var(--white);border-radius:6px;padding:10px 14px;font-size:12.5px;display:flex;gap:10px;align-items:center;transform:translateY(-70px);opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .3s;z-index:5;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}
.cg-show .toast.show{transform:none;opacity:1}
.cg-show .toast .env{width:22px;height:16px;border:1.5px solid #c8b8ff;border-radius:2px;position:relative}
.cg-show .toast .env::after{content:"";position:absolute;left:2px;right:2px;top:-4px;height:10px;border-right:1.5px solid #c8b8ff;border-bottom:1.5px solid #c8b8ff;transform:rotate(45deg) scale(.7)}
.cg-show .edhead{position:absolute;top:38px;left:0;right:0;height:52px;background:var(--white);border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:10px;padding-right:14px}
.cg-show .wlogo{width:52px;height:52px;background:var(--wp-dark);display:grid;place-items:center}
.cg-show .wlogo i{width:26px;height:26px;border:2px solid var(--white);border-radius:50%}
.cg-show .plus{width:30px;height:30px;background:var(--wp-dark);color:var(--white);border-radius:3px;display:grid;place-items:center;font-size:20px;line-height:1}
.cg-show .ico{width:26px;height:26px;display:grid;place-items:center;color:#757575;font-size:16px}
.cg-show .docbar{margin:0 auto;background:#f0f0f0;border-radius:4px;padding:6px 16px;font-size:12.5px;color:#1e1e1e;width:380px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-show .docbar span{color:#757575}
.cg-show .hbtn{font-size:13px;padding:7px 10px;border-radius:2px;color:#1e1e1e}
.cg-show .hbtn.pub{background:var(--wp-blue);color:var(--white);min-width:88px;text-align:center;transition:filter .2s}
.cg-show .hbtn.pub.pressed{filter:brightness(.85)}
.cg-show .edbody{position:absolute;top:90px;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 250px}
.cg-show .canvas{background:var(--white);position:relative;overflow:hidden;padding:28px 52px 0}
.cg-show .ptitle{font:700 26px/1.2 "Kumbh Sans",sans-serif;color:var(--ink);margin:0 0 22px}
.cg-show .blk{position:relative;outline:1.5px solid var(--wp-blue);border-radius:2px;padding:16px 18px}
.cg-show .btool{position:absolute;top:-44px;left:-1px;height:38px;background:var(--white);border:1px solid #1e1e1e;border-radius:2px;display:flex;align-items:center}
.cg-show .btool span{height:100%;display:flex;align-items:center;gap:6px;padding:0 10px;border-right:1px solid #ddd;font-size:12px}
.cg-show .btool span:last-child{border-right:0}
.cg-show .btool .tb-toggle{width:36px;justify-content:center}
.cg-show .btool svg{width:18px;height:18px;fill:none;stroke:#1e1e1e;stroke-width:1.6}
.cg-show .btool .tb-toggle.pressed{background:#eee}
.cg-show .acf{display:grid;gap:12px}
.cg-show .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.cg-show .fld label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:#1e1e1e}
.cg-show .fld label em{color:#d63638;font-style:normal}
.cg-show .inp{height:30px;border:1px solid #8c8f94;border-radius:3px;padding:0 9px;display:flex;align-items:center;gap:7px;font-size:13px;background:var(--white);position:relative}
.cg-show .inp.focusbox,.cg-show .val.focus{box-shadow:none}
.cg-show .val.focus::after{content:"";display:inline-block;width:1px;height:15px;background:#1e1e1e;margin-left:1px;vertical-align:-3px;animation:blink .9s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.cg-show .inp.pressed{border-color:var(--wp-blue);box-shadow:0 0 0 1px var(--wp-blue)}
.cg-show .sel .inp::after{content:"";position:absolute;right:10px;top:11px;width:6px;height:6px;border-right:1.5px solid #555;border-bottom:1.5px solid #555;transform:rotate(45deg)}
.cg-show .sw{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.15)}
.cg-show .sw.w{background:#fff}
.cg-show .sw.r{background:#c62a2a}
.cg-show .sw.g{background:#2f7d3b}
.cg-show .sw.v{background:#6b3fa0}
.cg-show .sel{position:relative}
.cg-show .opts{position:absolute;left:0;right:0;top:52px;background:var(--white);border:1px solid #8c8f94;border-radius:3px;box-shadow:0 8px 20px -6px rgba(0,0,0,.25);z-index:4;display:none}
.cg-show .sel.open .opts{display:block}
.cg-show .opts div{padding:6px 10px;display:flex;align-items:center;gap:8px}
.cg-show .opts div.pressed,.cg-show .opts .opt-g:hover{background:var(--wp-blue);color:var(--white)}
.cg-show .rep{border:1px solid #ccd0d4;border-radius:2px}
.cg-show .rep .rh,.cg-show .rep .rr{display:grid;grid-template-columns:26px 90px 1fr;border-bottom:1px solid #e1e1e1}
.cg-show .rep .rh div{padding:6px 9px;font-size:12px;font-weight:600;background:#f9f9f9}
.cg-show .rep .rr{max-height:0;overflow:hidden;transition:max-height .35s;border-bottom-width:0}
.cg-show .rep .rr.show{max-height:60px;border-bottom-width:1px}
.cg-show .rep .rr>div{padding:6px}
.cg-show .rep .rr .n{background:#f9f9f9;color:#888;font-size:11px;display:grid;place-items:center}
.cg-show .rep .rr .inp{height:28px}
.cg-show .addh{display:flex;justify-content:flex-end;margin-top:8px}
.cg-show .addh span{border:1px solid var(--wp-link);color:var(--wp-link);background:#f6f7f7;border-radius:3px;padding:4px 10px;font-size:12px}
.cg-show .addh span.pressed{background:#e5eef7}
.cg-show .prev{display:none}
.cg-show .blk.preview .acf{display:none}
.cg-show .blk.preview .prev{display:block}
.cg-show .prev .ph{display:flex;justify-content:space-between;background:var(--navy);color:var(--cream);padding:14px 18px;border-radius:3px 3px 0 0;font-family:"Work Sans",sans-serif}
.cg-show .prev .ph p{margin:0;font-size:13px}
.cg-show .prev .ph b{font:700 16px/1.2 "Kumbh Sans",sans-serif;display:block}
.cg-show .prev .ph .rd{font-size:12px;opacity:.85;align-self:end}
.cg-show .prev .pc{border:1px solid #e5e2d8;border-top:0;padding:8px 18px;font-family:"Work Sans",sans-serif;color:var(--ink)}
.cg-show .prev dl{display:grid;grid-template-columns:64px 1fr;gap:10px;margin:8px 0;font-size:13px}
.cg-show .prev dt{margin:0}
.cg-show .prev dd{margin:0}
.cg-show .tag{background:#f1ead5;color:var(--ink);font-weight:600;font-size:12px;padding:2px 7px;border-radius:2px}
.cg-show .edside{border-left:1px solid #e0e0e0;background:var(--white)}
.cg-show .etabs{display:flex;border-bottom:1px solid #e0e0e0;font-size:13px}
.cg-show .etabs span{padding:13px 16px}
.cg-show .etabs span.on{box-shadow:inset 0 -2px 0 var(--wp-blue);font-weight:500}
.cg-show .bcard{padding:16px;display:flex;gap:12px;border-bottom:1px solid #e0e0e0}
.cg-show .bcard svg{width:22px;height:22px;fill:none;stroke:#1e1e1e;stroke-width:1.5;flex:none}
.cg-show .bcard b{display:block;font-size:13px}
.cg-show .bcard span{font-size:12px;color:#757575}
.cg-show .panelrow{padding:13px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;font-size:12.5px}
.cg-show .panelrow span:last-child{color:var(--wp-blue)}
.cg-show .snack{position:absolute;left:24px;bottom:22px;background:var(--wp-dark);color:var(--white);border-radius:3px;padding:12px 16px;font-size:13px;display:flex;gap:14px;transform:translateY(90px);transition:transform .45s cubic-bezier(.3,1.3,.5,1);z-index:6}
.cg-show .snack.show{transform:none}
.cg-show .snack u{text-decoration:none;color:#b3c3ff}
.cg-show .ai{background:linear-gradient(180deg,#f4f5fa,#eceef5)}
.cg-show .steps{position:absolute;top:0;left:0;right:0;height:62px;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--white);border-bottom:1px solid #e3e5ec;font-family:"Work Sans",sans-serif}
.cg-show .steps li{list-style:none;display:flex;align-items:center;gap:9px;font-size:13px;color:#8a92a8;padding:7px 14px 7px 8px;border-radius:999px;transition:all .35s}
.cg-show .steps li i{width:24px;height:24px;border-radius:50%;border:1.5px solid #c5cad8;display:grid;place-items:center;font:600 11px/1 "Work Sans",sans-serif;font-style:normal;transition:all .35s}
.cg-show .steps .sep{width:28px;height:1.5px;background:#d6dae5;padding:0}
.cg-show .steps li.on{color:var(--navy);background:#e9edf8}
.cg-show .steps li.on i{border-color:var(--navy);background:var(--navy);color:var(--white)}
.cg-show .steps li.done{color:var(--ok)}
.cg-show .steps li.done i{border-color:var(--ok);background:var(--ok);color:var(--white);font-size:0}
.cg-show .steps li.done i::before{content:"";width:8px;height:4px;border-left:2px solid var(--white);border-bottom:2px solid var(--white);transform:rotate(-45deg) translate(1px,-1px)}
.cg-show .stg{position:absolute;top:62px;left:0;right:0;bottom:0}
.cg-show .panel{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .5s,transform .6s cubic-bezier(.6,.05,.3,1);opacity:0;transform:translateX(60px);pointer-events:none}
.cg-show .panel.on{opacity:1;transform:none}
.cg-show .panel.off{opacity:0;transform:translateX(-60px)}
.cg-show .panel.compose{opacity:1;transform:none}
.cg-show .mail{width:640px;background:var(--white);border-radius:10px;box-shadow:0 20px 50px -20px rgba(20,32,58,.45);overflow:hidden;font-family:"Work Sans",sans-serif;transition:transform .7s cubic-bezier(.6,-.2,.4,1),opacity .6s}
.cg-show .compose.sent .mail{transform:translate(260px,-120px) scale(.08) rotate(-8deg);opacity:0}
.cg-show .mhead{background:#2b3446;color:var(--white);padding:10px 16px;font-size:13px;display:flex;justify-content:space-between}
.cg-show .mf{display:grid;grid-template-columns:56px 1fr;padding:8px 16px;border-bottom:1px solid #eceef3;font-size:13px}
.cg-show .mf span:first-child{color:#8a92a8}
.cg-show .mf .addr{display:inline-flex;align-items:center;gap:6px;background:#eef1f8;border-radius:999px;padding:1px 10px 1px 3px;font-size:12.5px}
.cg-show .mf .addr i{width:18px;height:18px;border-radius:50%;background:var(--badge);color:var(--white);font:600 10px/18px "Work Sans",sans-serif;text-align:center;font-style:normal}
.cg-show .m-body{height:300px;padding:12px 16px;font-size:12px;line-height:1.5;position:relative;color:#2a3242;overflow:hidden}
.cg-show .m-body .txt{opacity:0;transition:opacity .25s,transform 3s cubic-bezier(.45,.05,.25,1)}
.cg-show .m-body.filled .txt{opacity:1}
.cg-show .m-body .ph{color:#aab0bf;position:absolute}
.cg-show .m-body.filled .ph{display:none}
.cg-show .m-body p{margin:0}
.cg-show .m-body p.g{height:8px}
.cg-show .kbd{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) scale(.8);background:#1f2433;color:var(--white);font:600 22px/1 "Work Sans",sans-serif;padding:14px 20px;border-radius:10px;opacity:0;transition:all .25s;z-index:3}
.cg-show .kbd.show{opacity:.92;transform:translate(-50%,-50%) scale(1)}
.cg-show .mfoot{padding:10px 16px;display:flex;align-items:center;gap:12px;border-top:1px solid #eceef3}
.cg-show .m-send{background:var(--wp-blue);color:var(--white);border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:transform .15s}
.cg-show .m-send.pressed{transform:scale(.95)}
.cg-show .mfoot small{color:#8a92a8;font-size:12px}
.cg-show .vcard{width:560px;background:var(--white);border-radius:12px;box-shadow:0 20px 50px -24px rgba(20,32,58,.45);padding:22px 26px;font-family:"Work Sans",sans-serif;display:grid;gap:14px}
.cg-show .vcard h5{margin:0;font:700 18px/1.2 "Kumbh Sans",sans-serif;color:var(--navy)}
.cg-show .from{display:flex;gap:12px;align-items:center;background:#f4f6fb;border-radius:8px;padding:10px 12px;font-size:13px}
.cg-show .from i{width:32px;height:32px;border-radius:50%;background:var(--badge);color:var(--white);display:grid;place-items:center;font:600 13px/1 "Work Sans",sans-serif;font-style:normal}
.cg-show .from small{display:block;color:#7a8299;font-size:12px}
.cg-show .wlh{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a8299}
.cg-show .wlist{margin:0;padding:0;display:grid;gap:6px}
.cg-show .wlist li{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:8px 12px;border:1px solid #e3e6ee;border-radius:7px;transition:all .4s}
.cg-show .wlist li em{font-style:normal;font-size:12px;color:#7a8299}
.cg-show .wlist li.ok{border-color:var(--ok);background:#ebf7f0}
.cg-show .wlist li.ok em{color:var(--ok);font-weight:600}
.cg-show .verdict{display:flex;gap:10px;align-items:center;color:var(--ok);font-weight:600;font-size:14px;opacity:0;transform:translateY(6px);transition:all .4s}
.cg-show .verdict.show{opacity:1;transform:none}
.cg-show .verdict b{width:22px;height:22px;border-radius:50%;background:var(--ok);display:grid;place-items:center}
.cg-show .verdict b::before{content:"";width:9px;height:5px;border-left:2px solid var(--white);border-bottom:2px solid var(--white);transform:rotate(-45deg) translate(1px,-1px)}
.cg-show .parse{display:grid;grid-template-columns:350px 44px 540px;align-items:center;gap:0}
.cg-show .raw{background:var(--white);border-radius:10px;padding:16px 14px;font:10.5px/1.35 ui-monospace,"SF Mono",Menlo,monospace;color:#3a4256;box-shadow:0 14px 40px -24px rgba(20,32,58,.5);position:relative}
.cg-show .raw .rl{padding:1px 6px;border-radius:3px;transition:background .25s,color .25s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-show .raw .rl.dh{font-weight:700;margin-top:5px}
.cg-show .raw .rl.scan{background:#ece6ff;color:#3b2591}
.cg-show .raw .rl.seen{color:#a3a9b8}
.cg-show .arrow{display:grid;place-items:center;color:#7b5cf0}
.cg-show .arrow svg{width:38px;height:38px}
.cg-show .chip-ai{position:absolute;top:-12px;right:14px;background:#7b5cf0;color:var(--white);font:600 11px/1 "Work Sans",sans-serif;padding:5px 9px;border-radius:999px;display:flex;gap:6px;align-items:center}
.cg-show .chip-ai::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--white);animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.3}}
.cg-show .out{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start;font-family:"Work Sans",sans-serif}
.cg-show .dc{background:var(--white);border-radius:8px;box-shadow:0 10px 30px -20px rgba(20,32,58,.5);overflow:hidden;opacity:0;transform:translateY(10px) scale(.98);transition:all .4s}
.cg-show .dc.show{opacity:1;transform:none}
.cg-show .dc .dh{display:flex;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid #eef0f4;font-size:12px}
.cg-show .dc .dh .dbadge{font-size:10.5px}
.cg-show .dc .dh b{font-weight:600;font-size:12px;letter-spacing:.03em}
.cg-show .dc .dh span{color:#6b7390;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-show .dc .hr{display:grid;grid-template-columns:44px 1fr;gap:6px;padding:0 10px;font-size:11px;max-height:0;overflow:hidden;transition:max-height .35s,padding .35s;color:var(--ink)}
.cg-show .dc .hr.show{max-height:30px;padding:4px 10px}
.cg-show .dc .hr span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cg-show .dc .hr .tag{justify-self:start;font-size:11px}
.cg-show .sum{font-size:14px;color:#5b3cc4;font-weight:600;align-self:center;text-align:center;opacity:0;transition:opacity .4s}
.cg-show .sum.show{opacity:1}
.cg-show .res{width:760px;height:500px;background:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 24px 60px -24px rgba(20,32,58,.5);position:relative}
.cg-show .res .chrome{height:34px}
.cg-show .res .rv{position:absolute;top:34px;left:0;right:0;bottom:0;overflow:hidden;font-family:"Work Sans",sans-serif;color:var(--ink)}
.cg-show .rvin{transition:transform 3s cubic-bezier(.45,.05,.25,1)}
.cg-show .res .lhead{padding:28px 0 18px}
.cg-show .res .lhead h3{font-size:23px}
.cg-show .res .irows{width:600px}
.cg-show .res .irow{padding:10px 0;opacity:0;transform:translateY(12px);transition:all .5s}
.cg-show .res .irow.show{opacity:1;transform:none}
.cg-show .pubtoast{position:absolute;right:16px;bottom:16px;background:var(--ok);color:var(--white);font:600 13px/1.3 "Work Sans",sans-serif;padding:10px 14px;border-radius:8px;display:flex;gap:10px;align-items:center;transform:translateY(80px);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.cg-show .pubtoast.show{transform:none}
.cg-show .pubtoast small{display:block;font-weight:400;opacity:.85;font-size:11.5px}
@media (prefers-reduced-motion: reduce){.cg-show .stage *,.cg-show .stage{transition-duration:0s!important;animation:none!important}}

/* ============================================================
   Showcase section (tabs + animated stages)
   ============================================================ */
.benefit-showcase{padding:96px 5%;background:linear-gradient(135deg,#fbfaf7 0%,#f6f0e6 58%,#edf3ef 100%)}
.cg-show{--display:"Kumbh Sans","Work Sans",system-ui,sans-serif;--body:"Work Sans",system-ui,-apple-system,sans-serif}
.cg-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 22px;padding:0;list-style:none}
.cg-tabs li{margin:0}
.cg-tab{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:#fff;border:1px solid var(--benefit-line);border-radius:12px;color:#5d6964;font-size:14.5px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s}
.cg-tab .cg-tab__num{flex:0 0 auto;color:var(--benefit-gold);font-size:12px;font-weight:800;letter-spacing:.06em}
.cg-tab:hover{border-color:rgba(47,102,84,.45);color:var(--benefit-ink)}
.cg-tab[aria-selected="true"]{color:var(--benefit-ink);border-color:var(--benefit-green);box-shadow:inset 0 -3px 0 var(--benefit-green),0 12px 28px rgba(28,46,40,.08)}
.cg-tab:focus-visible{outline:2px solid var(--benefit-green);outline-offset:2px}
.cg-panel{display:none}
.cg-panel.is-active{display:block}
.cg-panel__intro{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline;margin:0 0 18px}
.cg-panel__intro .cg-num{grid-row:span 2;padding-top:6px;color:var(--benefit-gold);font-size:15px;font-weight:800}
.cg-panel__intro h3{margin:0;color:var(--benefit-ink);font-size:22px;font-weight:900;letter-spacing:-.02em}
.cg-panel__intro p{margin:0;max-width:72ch;color:#5d6964;font-size:15.5px;line-height:1.7}
.cg-show .stage{box-shadow:0 1px 0 var(--benefit-line),0 24px 60px -24px rgba(20,32,58,.35)}
.cg-show .stage.out{opacity:0}
.cg-show .stage .screen{font-size:13px}
.cg-show .stage ul,.cg-show .stage ol{margin:0;padding:0}
.cg-show .stage p,.cg-show .stage h3,.cg-show .stage h4,.cg-show .stage h5{color:inherit}
@media (max-width:991px){.cg-tabs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
  .benefit-showcase{padding:70px 5%}
  .cg-tabs{display:flex;gap:8px;margin:0 -5vw 18px;padding:0 5vw 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .cg-tabs::-webkit-scrollbar{display:none}
  .cg-tabs li{flex:0 0 auto;scroll-snap-align:start}
  .cg-tab{width:auto;padding:11px 14px;font-size:13.5px;white-space:nowrap}
  .cg-panel__intro{grid-template-columns:1fr}
  .cg-panel__intro .cg-num{grid-row:auto;padding:0}
  .cg-panel__intro h3{font-size:19px}
  .cg-panel__intro p{font-size:14.5px}
}

/* Mobile: keep the first tab inside the gutter when scroll-snap settles. */
@media (max-width:767px){
  .cg-show .cg-tabs{scroll-padding-left:5vw;scroll-snap-type:none}
}

/* On a white section the tabs need a tint; the active one goes white. */
.cg-tab{background:var(--benefit-cream)}
.cg-tab[aria-selected="true"]{background:#fff}

/* showcase.css loads after benefits.css, so the section background lives here. */
.benefit-showcase{background:#fff;border-top:1px solid var(--benefit-line)}