/* ShopWordWeb premium UI polish v9.
   Transparent navigation, two-sided hanging founder card, responsive glow/motion.
   Inspired by design patterns from Lightswind UI; custom CSS, no licensed template reuse. */
body.swwBrandV7 .nav{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:0!important;box-shadow:none!important;
}
body.swwBrandV7 .nav .navin{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:0!important;box-shadow:none!important;
  overflow:visible!important;
}
body.swwBrandV7 .nav .navin:before,body.swwBrandV7 .nav .navin:after{display:none!important}
body.swwBrandV7 .nav .links{background:transparent!important;border:0!important;box-shadow:none!important}
body.swwBrandV7 .nav .links a{color:#f5fffb!important;text-shadow:0 1px 10px rgba(0,0,0,.62)!important}
body.swwBrandV7 .nav .links a.active{background:#71e5d1!important;color:#0d2930!important;text-shadow:none!important}
body.swwBrandV7 .nav .links a:hover{background:rgba(20,102,107,.36)!important;color:#e1fff6!important}
body.swwBrandV7 .nav .navCtas .pill.line{background:transparent!important;border-color:rgba(226,255,249,.55)!important}
body.swwBrandV7 .nav .navCtas .pill.white{background:#64e2cb!important;color:#103035!important;border-color:#64e2cb!important}
body.swwBrandV7 .nav .logo img{filter:drop-shadow(0 2px 9px rgba(0,0,0,.6))}
@media(max-width:1000px){
 body.swwBrandV7 .nav .navin{background:transparent!important;box-shadow:none!important}
 body.swwBrandV7 .nav .mobileMenuBtn{background:rgba(14,48,52,.29)!important;backdrop-filter:blur(5px);border-color:rgba(120,219,200,.28)!important}
}
/* Hanging ID: true two-sided 3D badge */
.sww7HangingStage{perspective:1250px}
.sww7Badge{
  overflow:visible!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
  perspective:1250px!important;min-height:340px;
}
.sww9CardRotor{position:relative;display:block;width:100%;height:340px;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.77,.2,1)}
.sww9CardFace{position:absolute;inset:0;overflow:hidden;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 27px 42px #0007}
.sww9CardFront{background:#fffcf6}
.sww9CardBack{transform:rotateY(180deg);background:linear-gradient(153deg,#102b34,#144c4e);color:#f8f7f0;display:flex;flex-direction:column}
.sww7Badge.sww9Flipped .sww9CardRotor{transform:rotateY(180deg)}
.sww9BackHeader{display:flex;align-items:center;flex-direction:column;padding:33px 11px 15px;border-bottom:1px solid rgba(138,233,207,.25);gap:8px}
.sww9BackHeader img{width:181px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 8px #0004)}
.sww9BackHeader span{font:800 8px ui-monospace,monospace;letter-spacing:.09em;color:#9de6d7}
.sww9BackBody{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 15px 16px;gap:10px}
.sww9BackEyebrow{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#91eddb}
.sww9BackBody strong{font-size:26px;line-height:1.07;letter-spacing:-.065em;color:#f7f8f1}
.sww9BackLine{height:2px;width:60px;border-radius:9px;background:linear-gradient(90deg,#2dd4bf,#d9b985);margin:3px auto}
.sww9BackBody p{font-size:12px;line-height:1.76;color:#d2e8df;margin:0}
.sww9BackFoot{font-size:10px;color:#b8f3e6;font-weight:800}
.sww9FlipButton{border:1px solid rgba(144,232,213,.6);background:transparent;color:#ddfff4;cursor:pointer;font:750 11px ui-monospace,monospace;border-radius:60px;padding:10px 17px;margin-top:9px;transition:background .2s,transform .2s}
.sww9FlipButton:hover{background:rgba(40,164,150,.22);transform:translateY(-2px)}
.sww9FlipButton:focus-visible{outline:2px solid #8cf6e1;outline-offset:3px}
.sww7HangingShowcase{min-height:689px!important}
.sww7HangingStage{height:514px}
.sww7Pendulum{touch-action:none}
.sww7Pendulum:focus-visible{outline:2px solid #a5f5e3;outline-offset:5px}
/* Scroll progress, no blocking UI */
.sww9ScrollProgress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:999;pointer-events:none;background:transparent}
.sww9ScrollProgress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#20a69d,#80e9d6,#d9b985);transform:scaleX(0);transform-origin:left;will-change:transform}
/* Curated premium glowing cards: subtle contextual glow instead of gradients everywhere */
.sww9GlowCard{position:relative!important;isolation:isolate}
.sww9GlowCard:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .33s ease;border-radius:inherit;background:radial-gradient(circle 200px at var(--sww9-x,50%) var(--sww9-y,50%),rgba(73,229,201,.16),transparent 78%)}
.sww9GlowCard:hover:after{opacity:1}
.sww9GlowCard>a{position:relative;z-index:3}
/* Typography rhythm and surfaces */
body.swwBrandV7 .sww5ServiceIntro .sww5ServiceStep{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
body.swwBrandV7 .sww5ServiceIntro .sww5ServiceStep:hover{transform:translateY(-3px);border-color:rgba(26,152,135,.4)!important;box-shadow:0 20px 48px #174c4520}
body.swwBrandV7 .sww7CaseCard{transition:box-shadow .3s,transform .3s}
body.swwBrandV7 .sww7WorkNav{scroll-margin-top:100px}
body.swwBrandV7 .swwV4Eyebrow,body.swwBrandV7 .sww7Micro{letter-spacing:.14em}
@supports (animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  body.swwBrandV7 .sww5ServiceStep,body.swwBrandV7 .sww7CaseCard{animation:sww9ContentRise linear both;animation-timeline:view();animation-range:entry 0% entry 27%}
  @keyframes sww9ContentRise{from{opacity:.76;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
 }
}
@media(max-width:650px){
 .sww7HangingShowcase{min-height:675px!important}
 .sww9CardRotor{height:340px}
 .sww9FlipButton{min-height:40px}
 .sww9ScrollProgress{height:2px}
}
@media(prefers-reduced-motion:reduce){
 .sww9CardRotor,.sww9FlipButton,.sww9GlowCard:after{transition:none!important}
 .sww9GlowCard:after{display:none!important}
 .sww7HangingStage{perspective:none}
}