:root{
    --paw-purple:#6D28D9;
    --paw-violet:#8B5CF6;
    --paw-cream:#FAF7FF;
    --paw-ink:#241246;
  }
  html{scroll-behavior:smooth}
  body{font-family:"DM Sans",system-ui,sans-serif;background:var(--paw-cream);color:var(--paw-ink)}
  .grad{background:linear-gradient(135deg,#6A11CB 0%,#8E2DE2 45%,#A855F7 100%)}
  .grad-text{background:linear-gradient(90deg,#6A11CB,#A855F7);-webkit-background-clip:text;background-clip:text;color:transparent}
  .card{background:#fff;border:1px solid #EBE3FB;box-shadow:0 8px 24px -18px rgba(76,29,149,.45);transition:transform .3s ease,box-shadow .3s ease}
  .card:hover{box-shadow:0 22px 44px -24px rgba(76,29,149,.55);transform:translateY(-4px)}
  .blob{filter:blur(80px);opacity:.45}
  .ico{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.9rem;color:#fff;flex:none}
  .ico svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .ico-soft{background:#F3E8FF;color:#7C3AED}
  .reveal{opacity:1}
  .reveal.in{animation:riseIn .7s ease both}
  @media (prefers-reduced-motion:reduce){.reveal.in{animation:none}}
  @media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}}
  /* App-like mobile tiles */
  @media (max-width:639px){
    body{padding-bottom:4.75rem}
    .tiles > .card{padding:.85rem!important;border-radius:1.1rem!important}
    .tiles > .card h3{font-size:.9rem;line-height:1.25;margin-top:.6rem}
    .tiles > .card p{font-size:.75rem;line-height:1.4;margin-top:.3rem}
    .tiles .ico{width:2.3rem;height:2.3rem;border-radius:.75rem}
    .tiles .ico svg{width:1.1rem;height:1.1rem}
  }
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:.15rem;flex:1;padding:.55rem 0;font-size:.65rem;font-weight:600;color:#6B5B8A}
  .tabbar a svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a.is-active{color:#7C3AED}
  /* Mobile bottom sheet */
  .sheet-scrim{position:fixed;inset:0;z-index:59;background:rgba(28,12,56,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease}
  .sheet-scrim.show{opacity:1}
  .sheet{position:fixed;left:.5rem;right:.5rem;bottom:0;z-index:60;
    background:linear-gradient(180deg,#FFFFFF 0%,#FBF8FF 100%);
    border:1px solid rgba(255,255,255,.9);
    border-radius:1.75rem 1.75rem 0 0;
    box-shadow:0 -2px 0 rgba(124,58,237,.06),0 -24px 60px -18px rgba(76,29,149,.45);
    padding-bottom:0;
    transform:translateY(101%);transition:transform .45s cubic-bezier(.22,1,.36,1);
    max-height:86vh;overflow-y:auto;overscroll-behavior:contain}
  .sheet.show{transform:translateY(0)}
  .sheet-perch{position:fixed;left:0;top:0;width:150px;height:150px;z-index:61;pointer-events:none;display:none}
  .sheet-perch.on{display:block}
  .sheet-say{position:absolute;left:calc(100% - 14px);top:18px;transform:translateX(-8px) scale(.8);transform-origin:0 50%;font:800 13px/1.25 "DM Sans",sans-serif;color:#fff;text-align:left;
    background:linear-gradient(135deg,#7817B6,#EB34A9);padding:9px 13px;border-radius:16px;box-shadow:0 10px 24px -6px rgba(120,23,182,.65);border:2px solid #fff;opacity:0;transition:opacity .35s,transform .5s cubic-bezier(.3,1.5,.5,1);z-index:5;white-space:nowrap}
  .sheet-say::after{content:"";position:absolute;left:-7px;top:50%;width:11px;height:11px;margin-top:-6px;background:#7817B6;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
  .sheet-perch.talk .sheet-say{opacity:1;transform:none;animation:sayNudge 2.4s ease-in-out .6s infinite}
  @keyframes sayNudge{50%{transform:translateY(-3px)}}
  .sheet-rope{position:fixed;left:50%;top:0;width:5px;margin-left:-4px;height:0;z-index:61;pointer-events:none;display:none;transform-origin:50% 0}
  .sheet-rope.on{display:block;animation:ropeDrop .7s cubic-bezier(.3,1.3,.5,1) both}
  .sheet-rope::before{content:"";position:absolute;inset:0;border-radius:6px;
    background:repeating-linear-gradient(160deg,#B8954F 0 3px,#E2C27E 3px 5px,#9C7A3A 5px 7px);box-shadow:1px 1px 2px rgba(60,30,10,.3)}
  .sheet-rope i{position:absolute;left:-6px;top:-6px;width:17px;height:10px;border-radius:5px;background:#9C7A3A;box-shadow:0 2px 4px rgba(0,0,0,.25)}
  .sheet-rope::after{content:"";position:absolute;left:-3px;bottom:-6px;width:11px;height:11px;border-radius:50%;background:radial-gradient(#F5C46A,#A86B1E)}
  .sheet-rope.sway::before{animation:ropeSway 2.6s ease-in-out infinite;transform-origin:50% 0}
  .sheet-rope.pull{animation:ropePull 1.8s steps(6,end) forwards!important}
  @keyframes ropePull{to{transform:scaleY(0)}}
  @keyframes ropeDrop{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  @keyframes ropeSway{50%{transform:rotate(.6deg)}}
  .sheet-climb img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .14s ease-in-out}
  .sheet-climb img.f{opacity:1}
  .sheet-climb img.m{transform:scaleX(-1)}
  .sheet-climb{display:block;position:absolute;left:0;top:76px;width:150px;height:150px;pointer-events:none;opacity:0;filter:drop-shadow(0 8px 10px rgba(76,29,149,.3));transition:opacity .15s}
  .sheet-perch.on:not(.seated) .sheet-climb{opacity:1}
  .sheet-perch.on:not(.seated) .sheet-pawa{opacity:0!important}
  .sheet-perch.seated .sheet-pawa{transition:opacity .15s}
  .sheet-pawa{position:absolute;left:0;top:0;width:150px;height:150px;z-index:3;pointer-events:none;margin:0!important;filter:drop-shadow(0 8px 10px rgba(76,29,149,.3));opacity:0;transform:translateY(-14px)}
  .sheet-pawa{transform-origin:50% 62%}
  .sheet-perch.on .sheet-pawa{opacity:1;transform:none}
  .sheet-pull{position:absolute;left:0;top:0;width:150px;height:150px;opacity:0;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(76,29,149,.3));transform-origin:50% 62%}
  .sheet-perch.pulling .sheet-pawa{opacity:0!important;animation:none!important}
  .sheet-perch.pulling .sheet-pull{opacity:1;animation:pawaTug .6s ease-in-out infinite}
  .sheet-perch.pulling .sheet-spark{display:none}
  @keyframes pawaTug{0%{transform:scaleX(1) translateY(0)}20%{transform:scaleX(1) translateY(-4px)}48%{transform:scaleX(1) translateY(0)}50%{transform:scaleX(-1) translateY(0)}70%{transform:scaleX(-1) translateY(-4px)}98%{transform:scaleX(-1) translateY(0)}100%{transform:scaleX(1)}}
  .sheet-perch.seated .sheet-pawa{animation:sheetPawaSway 3.2s ease-in-out .9s infinite,sheetPawaHop 5s ease-in-out 2.5s infinite}
  @keyframes sheetPawaSway{0%,100%{rotate:0deg;translate:0 0}25%{rotate:-4deg;translate:0 -3px}50%{rotate:0deg;translate:0 0}75%{rotate:4deg;translate:0 -3px}}
  @keyframes sheetPawaHop{0%,86%,100%{scale:1}90%{scale:1.04 .94}94%{scale:.97 1.06;translate:0 -10px}97%{scale:1.02 .98}}
  .sheet-spark{position:absolute;left:0;top:6px;width:160px;height:60px;z-index:2;pointer-events:none}
  .sheet-spark i{position:absolute;color:#F5B841;font-style:normal;font-size:14px;opacity:0}
  .sheet-perch.seated .sheet-spark i{animation:sheetSpark 2.4s ease-in-out infinite}
  .sheet-spark i:nth-child(1){left:6px;top:10px;animation-delay:1s!important}
  .sheet-spark i:nth-child(2){right:4px;top:0;animation-delay:1.8s!important;color:#EB34A9}
  .sheet-spark i:nth-child(3){right:30px;top:42px;animation-delay:2.6s!important;font-size:10px}
  @keyframes sheetSpark{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(90deg)}}
  @keyframes sheetPawa{to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.sheet-pawa{opacity:1;transform:none;animation:none!important}.sheet-spark{display:none}}
  .sheet::before{content:"";position:absolute;inset:0 0 auto;height:140px;pointer-events:none;
    background:radial-gradient(120% 100% at 50% 0%,rgba(168,85,247,.16),rgba(168,85,247,0) 70%)}
  .sheet-grab{position:relative;width:40px;height:4px;border-radius:99px;background:#DCCCF7;margin:.65rem auto .2rem}
  .sheet-item{position:relative;display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-radius:1.05rem;
    border:1px solid rgba(124,58,237,.10);background:rgba(255,255,255,.85);
    box-shadow:0 6px 18px -14px rgba(76,29,149,.55);
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
    opacity:0;transform:translateY(14px)}
  .sheet.show .sheet-item{animation:sheetItemIn .45s cubic-bezier(.22,1,.36,1) forwards}
  .sheet.show .sheet-item:nth-child(1){animation-delay:.06s}
  .sheet.show .sheet-item:nth-child(2){animation-delay:.11s}
  .sheet.show .sheet-item:nth-child(3){animation-delay:.16s}
  .sheet.show .sheet-item:nth-child(4){animation-delay:.21s}
  .sheet.show .sheet-item:nth-child(5){animation-delay:.26s}
  @keyframes sheetItemIn{to{opacity:1;transform:none}}
  .sheet-item:active{transform:scale(.985);background:#FBF7FF;box-shadow:0 4px 12px -10px rgba(76,29,149,.5)}
  .sheet-item .ico{width:2.4rem;height:2.4rem;border-radius:.85rem}
  .sheet-item .ico svg{width:1.15rem;height:1.15rem}
  .sheet-item > span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
  .sheet-item b{font-size:.9rem;font-weight:700;letter-spacing:-.01em;color:#241246}
  .sheet-item i{font-style:normal;font-size:.7rem;line-height:1.35;color:rgba(36,18,70,.55);margin-top:.12rem}
  .sheet-item em{font-style:normal;flex:none;display:flex;align-items:center;justify-content:center;
    width:1.6rem;height:1.6rem;border-radius:99px;background:#F4ECFF;color:#7C3AED;font-weight:700;font-size:.8rem}
  .sheet-item.is-primary{border-color:transparent;background:linear-gradient(135deg,#6A11CB,#8E2DE2 55%,#A855F7)}
  .sheet-item.is-primary b{color:#fff}
  .sheet-item.is-primary i{color:rgba(255,255,255,.75)}
  .sheet-item.is-primary em{background:rgba(255,255,255,.2);color:#fff}
  .sheet-item.is-primary .ico{background:rgba(255,255,255,.18)!important;color:#fff!important}
  .sheet-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.6rem;font-weight:800;letter-spacing:.12em;
    text-transform:uppercase;color:#7C3AED;background:#F4ECFF;padding:.3rem .6rem;border-radius:99px}
  .sheet-foot{position:relative;margin-top:1rem;padding:.95rem 1.1rem calc(5.2rem + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,#F7F1FF 0%,#EFE6FF 100%);border-top:1px solid rgba(124,58,237,.12)}
  .sheet-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}
  .sheet-stats > div{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;
    background:#fff;border:1px solid rgba(124,58,237,.10);border-radius:.9rem;padding:.55rem .25rem}
  .sheet-stats svg{width:.95rem;height:.95rem;fill:none;stroke:#A855F7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .sheet-stats b{font-size:.9rem;font-weight:800;color:#6D28D9;letter-spacing:-.02em;line-height:1.1}
  .sheet-stats span{font-size:.53rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(36,18,70,.5);font-weight:700}
  .sheet-social{display:flex;gap:.45rem;justify-content:center;margin-top:.9rem}
  .sheet-social a{min-width:2rem;height:2rem;padding:0 .7rem;border-radius:99px;display:flex;align-items:center;justify-content:center;
    background:#fff;color:#7C3AED;font-size:.63rem;font-weight:800;border:1px solid rgba(124,58,237,.14)}
  .sheet-note{margin-top:.75rem;text-align:center;font-size:.6rem;color:rgba(36,18,70,.45);letter-spacing:.02em}
  @media (prefers-reduced-motion:reduce){.sheet,.sheet-scrim,.sheet-item{transition:none;animation:none;opacity:1;transform:none}}
  /* Frameless app screenshots — flat, upright, softly floating */
  .phone{
    --pw:300px;
    position:relative;width:100%;max-width:var(--pw);
    aspect-ratio:2640/5736;
    border-radius:calc(var(--pw)*.09);
    overflow:hidden;background:#f5f0ff;
    box-shadow:
      0 1px 2px rgba(31,10,64,.10),
      0 12px 24px -14px rgba(76,29,149,.35),
      0 40px 70px -38px rgba(76,29,149,.45);
    transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease;
  }
  .phone:hover{transform:translateY(-6px);box-shadow:0 1px 2px rgba(31,10,64,.10),0 30px 60px -30px rgba(76,29,149,.5)}
  .phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#f5f0ff}
  .phone-screen img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;object-fit:cover;will-change:transform}
  /* Hero screenshots show in full — no cropping */
  .hero-phone{width:47%;max-width:200px;--pw:200px;aspect-ratio:auto}
  .hero-phone .phone-screen{height:auto}
  .hero-phone .phone-screen img{position:static;width:100%}
  @media (min-width:640px){.hero-phone{max-width:250px;--pw:250px}}
  /* Website page previews inside ecosystem cards */
  .shot{position:relative;background:#F6F2FE;border-bottom:1px solid #EBE3FB}
  .shot-bar{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#fff;border-bottom:1px solid #EFE8FC}
  .shot-bar i{width:.4rem;height:.4rem;border-radius:50%;background:#E2D8F5;flex:none}
  .shot-bar i:first-child{background:#F4C7DC}
  .shot-bar span{margin-left:.5rem;font-size:.55rem;letter-spacing:.02em;color:#8B7BA8;background:#F6F2FE;border-radius:999px;padding:.15rem .55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shot-img{position:relative;aspect-ratio:16/10;overflow:hidden}
  .shot-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s ease}
  .card:hover .shot-img img{transform:scale(1.04)}
  .shot-img::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(to top,rgba(255,255,255,.85),rgba(255,255,255,0))}
  .shot-tag{position:absolute;left:.9rem;bottom:.7rem;z-index:2;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.92);border:1px solid #EBE3FB;border-radius:999px;padding:.3rem .7rem .3rem .3rem;box-shadow:0 8px 18px -12px rgba(76,29,149,.5)}

  /* Scroll to Top Button */
  .scroll-to-top,
  #scrollToTopBtn {
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6A11CB 0%, #8E2DE2 50%, #A855F7 100%);
    color: #ffffff;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    cursor: pointer;
    box-shadow: 0 10px 25px -5px rgba(109, 40, 217, 0.55), 0 4px 10px -2px rgba(109, 40, 217, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(16px) scale(0.9);
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                visibility 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.3s ease;
  }

  .scroll-to-top.show,
  #scrollToTopBtn.show,
  #scrollToTopBtn.visible,
  #scrollToTopBtn.opacity-100 {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .scroll-to-top:hover,
  #scrollToTopBtn:hover {
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 16px 32px -4px rgba(109, 40, 217, 0.7), 0 6px 14px -2px rgba(109, 40, 217, 0.4);
  }

  .scroll-to-top:active,
  #scrollToTopBtn:active {
    transform: translateY(-1px) scale(0.98);
  }

  .scroll-to-top svg,
  #scrollToTopBtn svg {
    width: 22px;
    height: 22px;
    stroke: #ffffff;
    stroke-width: 2.5;
    fill: none;
    transition: transform 0.2s ease;
  }

  .scroll-to-top:hover svg,
  #scrollToTopBtn:hover svg {
    transform: translateY(-2px);
  }

  @media (max-width: 1023px) {
    .scroll-to-top,
    #scrollToTopBtn {
      bottom: 74px;
      right: 18px;
      width: 44px;
      height: 44px;
      z-index: 55;
    }
  }

  /* Hero section top spacing */
  .hero-grid {
    padding-top: 1rem !important;
  }
  @media (min-width: 768px) {
    .hero-grid {
      padding-top: 1.5rem !important;
    }
  }

  /* ===== Spider-Pawa ===== */
  body.spidey-run .sheet-perch{opacity:0!important}
  #spWeb{position:fixed;inset:0;width:100%;height:100%;z-index:62;pointer-events:none;overflow:visible}
  #spWeb line{stroke:#fff;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 1.5px rgba(60,20,110,.9))}
  #spWeb .splat{transform-box:fill-box;transform-origin:center;animation:spSplat .35s cubic-bezier(.3,1.6,.5,1)}
  #spWeb .splat path{fill:none;stroke:#fff;stroke-width:1.3;filter:drop-shadow(0 0 1px rgba(60,20,110,.8))}
  @keyframes spSplat{from{transform:scale(0) rotate(-40deg);opacity:0}}
  #spidey{position:fixed;left:0;top:0;width:150px;height:150px;z-index:63;pointer-events:none;display:none}
  #spidey.on{display:block}
  #spidey img{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 12px rgba(40,10,80,.35));transform-origin:44.5% 14%}
  #spidey.swing img{animation:spSwing .9s ease-out}
  @keyframes spSwing{0%{transform:rotate(8deg)}35%{transform:rotate(-5deg)}65%{transform:rotate(2deg)}100%{transform:rotate(0)}}
  #spidey.pop img{animation:psPop .45s cubic-bezier(.3,1.5,.5,1)}
  .sheet-item.sp-hit{position:relative;box-shadow:0 0 0 2px #7817B6,0 12px 26px -12px rgba(120,23,182,.6)!important;transform:scale(1.025)!important;transition:transform .25s,box-shadow .25s!important}
  .sheet-item.sp-hit:active{transform:scale(.98)!important}
  #spSay{position:fixed;z-index:64;pointer-events:none;background:linear-gradient(120deg,#5B0FA8,#7817B6 55%,#B23AD0);color:#fff;font:800 12.5px/1.25 "DM Sans",sans-serif;padding:6px 10px;border-radius:10px;border:2px solid #fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.5);transform:rotate(-3deg) scale(.6);opacity:0;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .15s}
  #spSay b{color:#FFD873}
  #spSay.show{opacity:1;transform:rotate(-3deg) scale(1)}
  body:not(.sheet-open) #spidey,body:not(.sheet-open) #spWeb,body:not(.sheet-open) #spSay{display:none}

  /* ===== Spider-Pawa ===== */
  body.spidey-run .sheet-perch{opacity:0!important}
  #spWeb{position:fixed;inset:0;width:100%;height:100%;z-index:62;pointer-events:none;overflow:visible}
  #spWeb line{stroke:#fff;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 1.5px rgba(60,20,110,.9))}
  #spWeb .splat{transform-box:fill-box;transform-origin:center;animation:spSplat .35s cubic-bezier(.3,1.6,.5,1)}
  #spWeb .splat path{fill:none;stroke:#fff;stroke-width:1.3;filter:drop-shadow(0 0 1px rgba(60,20,110,.8))}
  @keyframes spSplat{from{transform:scale(0) rotate(-40deg);opacity:0}}
  #spidey{position:fixed;left:0;top:0;width:150px;height:150px;z-index:63;pointer-events:none;display:none}
  #spidey.on{display:block}
  #spidey img{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 12px rgba(40,10,80,.35));transform-origin:44.5% 14%}
  #spidey.swing img{animation:spSwing .9s ease-out}
  @keyframes spSwing{0%{transform:rotate(8deg)}35%{transform:rotate(-5deg)}65%{transform:rotate(2deg)}100%{transform:rotate(0)}}
  #spidey.pop img{animation:psPop .45s cubic-bezier(.3,1.5,.5,1)}
  .sheet-item.sp-hit{position:relative;box-shadow:0 0 0 2px #7817B6,0 12px 26px -12px rgba(120,23,182,.6)!important;transform:scale(1.025)!important;transition:transform .25s,box-shadow .25s!important}
  .sheet-item.sp-hit:active{transform:scale(.98)!important}
  #spSay{position:fixed;z-index:64;pointer-events:none;background:linear-gradient(120deg,#5B0FA8,#7817B6 55%,#B23AD0);color:#fff;font:800 12.5px/1.25 "DM Sans",sans-serif;padding:6px 10px;border-radius:10px;border:2px solid #fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.5);transform:rotate(-3deg) scale(.6);opacity:0;transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .15s}
  #spSay b{color:#FFD873}
  #spSay.show{opacity:1;transform:rotate(-3deg) scale(1)}
  body:not(.sheet-open) #spidey,body:not(.sheet-open) #spWeb,body:not(.sheet-open) #spSay{display:none}