:root{
  --rose-100:#fcedf5;
  --rose-200:#f8e4f0;
  --rose-300:#f5d8e9;
  --rose-deep:#eebcd8;
  --lilac:#f4ecf8;
  --lilac-alt:#ebe3f4;

  --surface:#fffffd;
  --surface-pale:#fcedf5;
  --surface-alt:#f8e4f0;

  --accent:#d00682;
  --accent-hover:#af026f;
  --coral:#d00682;
  --coral-alt:#af026f;
  --amber:#d00682;
  --amber-alt:#af026f;
  --crush:#d00682;
  --peri:#c7caf2;
  --call-hover:linear-gradient(95deg,#af026f,#af026f 55%,#af026f);

  --fg:#2c272e;
  --fg-pale:#6e6673;
  --subtle:#9b95a2;
  --rule:#f0d9e5;

  --inverse:#fffffd;
  --base:#fffffd;
  --go:#8ec4ab;
  --rule-pale:rgba(255,255,253,.89);
  --surface-back:rgba(255,255,253,.92);
  --overlay:rgba(44,39,46,.51);
  --foot-back:#2c272e;
  --foot:#d9d3db;
  --foot-alt:#fffffd;
  --foot-pale:#a99fb2;
  --foot-border:rgba(255,255,253,.09);

  --ro-sm:14px;
  --ro-md:20px;
  --ro-lg:28px;
  --ro-xl:36px;
  --ro-pill:999px;

  --sh-sm:0 6px 16px -8px rgba(208,6,130,.32);
  --sh-md:0 18px 38px -18px rgba(208,6,130,.34);
  --sh-lg:0 30px 60px -24px rgba(208,6,130,.36);

  --display:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --sans:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --shell:1200px;
  --gutter:24px;
  --block-y:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);line-height:1.6;background:
    radial-gradient(1200px 700px at 85% -8%, var(--rose-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--lilac) 0%, transparent 55%),
    linear-gradient(180deg, var(--rose-100) 0%, var(--surface-pale) 40%, var(--rose-100) 100%);-webkit-font-smoothing:antialiased;
  color:var(--fg);
  margin:0;background-attachment:fixed;
}
img{max-width:100%;display:block}
.topline{font-weight:800;text-transform:uppercase;margin-bottom:10px;font-size:.8rem;letter-spacing:.1em;color:var(--accent)}

.web-topbar{background:var(--surface);border-bottom:1px solid var(--rule);top:0;z-index:60;position:sticky}
.web-topbar-core{align-items:center;padding-block:12px;justify-content:space-between;min-height:74px;display:flex;gap:20px}
.main-links{gap:8px;align-items:center;display:flex;margin-left:auto}
ul{padding:0;list-style:none;margin:0}
.links-a{color:var(--fg);border-radius:var(--ro-pill);transition:background .18s,color .18s;font-weight:600;font-size:.96rem;padding:9px 14px}
.links-a:hover{color:var(--accent-hover);background:var(--surface-alt)}
.links-shine{cursor:pointer;display:inline-flex;align-items:center;font-weight:600;color:var(--fg);transition:background .18s ease,color .18s ease;position:relative;padding:9px 12px;gap:7px;border:none;text-decoration:none;background:none;font-size:.96rem;border-radius:var(--ro-pill)}
.links-shine:hover{color:var(--accent-hover);background:var(--surface-alt)}
.links-shine svg{width:20px;height:20px;color:var(--accent)}
.links-shine:hover svg{color:var(--accent-hover)}
.links-shine-txt{white-space:nowrap}
.links-shine .messaging-badge{top:auto;right:auto;position:static}
.links-shine-phone{font-weight:600;width:100%;display:flex;gap:9px;text-align:left;text-decoration:none;background:none;border:none;border-bottom:1px solid var(--rule);cursor:pointer;color:var(--fg);align-items:center;padding:14px 2px;font-size:15px}
.links-shine-phone:hover{color:var(--accent-hover)}
.links-shine-phone svg{width:18px;color:var(--accent);height:18px}

.ctl{
  gap:9px;display:inline-flex;border:1.5px solid transparent;font-weight:700;
  padding:14px 26px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;text-align:center;border-radius:var(--ro-pill);
  align-items:center;justify-content:center;white-space:nowrap;font-size:1rem;
  cursor:pointer;
}
.ctl svg{width:18px;height:18px}
.ctl-sm{padding:10px 18px;font-size:.9rem}
.ctl-block{width:100%}
.ctl-go{color:var(--inverse);box-shadow:0 14px 26px -12px rgba(249,72,100,.75);background:linear-gradient(95deg,var(--amber),var(--coral) 55%,var(--accent))}
.ctl-go:hover{color:var(--inverse);background:var(--call-hover);transform:translateY(-2px);box-shadow:0 20px 34px -12px rgba(249,72,100,.86)}
.ctl-ghost{color:var(--accent);border-color:var(--rule);background:var(--surface)}
.ctl-ghost:hover{color:var(--accent-hover);background:var(--surface-alt);transform:translateY(-2px)}
.ctl-plain{background:var(--base);color:var(--accent-hover)}
.ctl-plain:hover{box-shadow:var(--sh-md);color:var(--accent-hover);transform:translateY(-2px)}
p{margin:0}
h1,h2,h3,h4{margin:0;color:var(--fg);line-height:1.12;font-family:var(--display);letter-spacing:-.01em}
button{font-family:inherit}



.users-layout{grid-template-columns:repeat(4,1fr);display:grid;gap:5px}
.crumbs a:hover{color:var(--accent-hover)}
.name,.links-a,.drawer-phone a,.ctl,.crumbs a,.web-foot-bar a,.around-nav a,.user-messaging{text-decoration:none}
.intro{font-size:1.06rem;margin-top:14px;color:var(--fg-pale)}
.links-backdrop{transition:opacity .3s ease;visibility:hidden;position:fixed;opacity:0;inset:0;background:var(--overlay);z-index:1090}
.links-backdrop.shown{visibility:visible;opacity:1}
figure{margin:0}
.hl{background:linear-gradient(92deg,var(--accent),var(--coral) 60%,var(--amber));-webkit-background-clip:text;color:transparent;background-clip:text}
.section{padding-block:var(--block-y)}
.section-other{background:var(--surface-alt)}

.wrap{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter)}
.drawer-phone{box-shadow:-6px 0 30px rgba(44,39,46,.2);transition:right .3s ease;height:100vh;max-width:320px;z-index:1100;padding:84px 22px 22px;top:0;right:-100%;position:fixed;height:100dvh;background:var(--surface);width:80%;overflow-y:auto}
.drawer-phone.shown{right:0}
.drawer-phone nav{flex-direction:column;display:flex}
.drawer-phone a:not(.ctl){font-weight:600;color:var(--fg);padding:14px 2px;font-size:15px;border-bottom:1px solid var(--rule)}
.drawer-phone a:not(.ctl):hover{color:var(--accent-hover)}
.drawer-phone a.ctl{margin-top:22px}
.icon-full svg{stroke:none;fill:currentColor}
.heading-2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
.name{font-family:var(--display);font-weight:800;align-items:center;font-size:1.28rem;display:flex;gap:11px;letter-spacing:-.02em;color:var(--fg)}
.name:hover{color:var(--fg)}
.name-mark{background:linear-gradient(135deg,var(--accent),var(--coral) 55%,var(--amber));width:42px;justify-content:center;display:inline-flex;height:42px;align-items:center;border-radius:14px;flex-shrink:0;color:var(--inverse);box-shadow:0 8px 18px -8px rgba(238,76,149,.82)}
.name-mark svg{height:22px;width:22px}
svg{display:block}
.intro-head{max-width:640px;margin:0 auto 44px;text-align:center}
.intro-head .ctl{margin-top:24px}

.badge-pill{align-items:center;border:1px solid var(--rule);font-weight:700;letter-spacing:.06em;font-size:.82rem;border-radius:var(--ro-pill);gap:8px;padding:8px 16px;background:var(--surface);color:var(--accent);display:inline-flex;box-shadow:var(--sh-sm)}
.badge-pill svg{height:16px;color:var(--coral);width:16px}
:focus-visible{outline:3px solid var(--accent);border-radius:6px;outline-offset:2px}

.nav-toggle{background:none;display:none;padding:6px;border:none;flex-direction:column;z-index:1105;gap:5px;cursor:pointer}
.nav-toggle span{background:var(--fg);display:block;transition:transform .3s ease,opacity .3s ease;height:3px;border-radius:2px;width:26px}
.nav-toggle.shown span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.nav-toggle.shown span:nth-child(2){opacity:0}
.nav-toggle.shown span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
::selection{background:rgba(238,76,149,.21)}
.user-tile{border-radius:var(--ro-lg);cursor:pointer;position:relative;border:1px solid var(--rule-pale);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;background:var(--surface);overflow:hidden}
.user-tile:hover{z-index:3;box-shadow:var(--sh-lg);transform:translateY(-8px) scale(1.02)}
.user-avatar{position:relative;display:block;background:linear-gradient(160deg,var(--rose-200),var(--lilac-alt));aspect-ratio:3/4;overflow:hidden}
.user-avatar img{display:block;transition:transform .5s ease,filter .3s ease;width:100%;object-fit:cover;height:100%}
.user-tile:hover .user-avatar img{filter:brightness(.7);transform:scale(1.1)}
.user-badge{font-weight:800;color:#ecf6ff;border:1px solid #5d9ad8;top:10px;display:inline-flex;border-radius:var(--ro-pill);z-index:3;font-size:.68rem;padding:5px 9px;box-shadow:0 2px 8px rgba(0,0,2,.17);align-items:center;letter-spacing:.05em;background:linear-gradient(135deg,#0f2e4c,#0c1f34);gap:6px;position:absolute;right:10px}
.user-badge .led{box-shadow:0 0 6px rgba(142,196,171,.71);position:relative;height:8px;font-size:0;color:transparent;background:var(--go);border-radius:50%;width:8px}
.user-badge .led::after{animation:sway 1.8s ease-out infinite;position:absolute;background:var(--go);content:"";border-radius:50%;inset:0}
.user-core{z-index:2;position:absolute;text-align:left;padding:20px 15px 15px;background:linear-gradient(to top,rgba(0,0,2,.96),rgba(0,0,2,.71) 55%,rgba(0,0,2,.01));left:0;right:0;bottom:0;transition:opacity .3s ease}
.user-tile:hover .user-core{opacity:0}
.user-second{gap:5px;border-radius:var(--ro-pill);box-shadow:0 2px 8px rgba(0,0,2,.17);margin-bottom:8px;display:inline-flex;border:1px solid rgba(73,116,109,.89);padding:4px 9px;align-items:center;font-size:.68rem;background:rgba(22,48,45,.92);letter-spacing:.02em;color:#f1fbf6;font-weight:700}
.user-second svg{width:14px;height:14px;color:#a6e3d1}
.user-heading{line-height:1.2;font-family:var(--display);font-weight:800;color:#fffffd;font-size:1.32rem}
.user-heading span{color:rgba(255,255,253,.83);font-weight:600;font-size:.86rem}
.user-loc{color:rgba(255,255,253,.89);gap:6px;font-size:.82rem;margin-top:3px;display:flex;align-items:center}
.user-loc .needle svg{width:14px;color:#fffffd;height:14px}
.user-backdrop{transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden;inset:0;background:linear-gradient(to bottom,rgba(0,0,2,.09),rgba(0,0,2,.89));display:flex;z-index:4;justify-content:center;position:absolute;padding:20px;align-items:flex-end}
.user-tile:hover .user-backdrop{opacity:1;visibility:visible}
.user-wrap{transform:translateY(20px);text-align:center;width:100%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}
.user-tile:hover .user-wrap{transform:translateY(0)}
.user-txt{color:#fffffd;line-height:1.4;font-size:.85rem;-webkit-line-clamp:2;margin:0 0 12px;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,2,.82);-webkit-box-orient:vertical;display:-webkit-box}
.user-messaging{align-items:center;width:50px;background:linear-gradient(135deg,var(--accent),var(--coral));height:50px;border-radius:50%;display:inline-flex;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px rgba(0,0,2,.3);color:var(--inverse);justify-content:center}
.user-messaging svg{height:22px;width:22px}
.user-messaging:hover{transform:scale(1.1);box-shadow:var(--sh-md)}
.user-shine{border-radius:50%;top:10px;height:34px;position:absolute;box-shadow:0 2px 8px rgba(0,0,2,.27);color:#fffffd;display:grid;transition:transform .2s ease,background .2s ease,color .2s ease;left:10px;z-index:6;background:rgba(0,0,2,.44);cursor:pointer;place-items:center;width:34px;border:none}
.user-shine svg{width:18px;height:18px}
.user-shine:hover{transform:scale(1.1);background:rgba(0,0,2,.61)}
.user-shine.full{color:var(--inverse);background:var(--coral)}
.user-shine.full svg{fill:currentColor}
@media(max-width:768px){.user-backdrop{opacity:1;visibility:visible;inset:auto 7px 8px auto;width:auto;height:auto;padding:0;background:none}.user-wrap{width:auto;transform:none}.user-txt{display:none}.user-messaging{width:34px;height:34px}.user-messaging svg{width:16px;height:16px}.user-shine{top:8px;left:8px;width:30px;height:30px}.user-shine svg{width:16px;height:16px}.user-badge{top:8px;right:8px;gap:4px;padding:3px 7px;font-size:9.5px;letter-spacing:.03em}.user-badge .led{width:6px;height:6px}.user-tile .user-core{padding:10px 9px 9px}.user-second{gap:3px;margin-bottom:5px;padding:3px 6px;font-size:9.5px}.user-second svg{width:12px;height:12px}.user-heading{font-size:.92rem;line-height:1.2;padding-right:40px}.user-heading span{font-size:.72rem;white-space:nowrap}.user-loc{font-size:.72rem;gap:4px;margin-top:2px;padding-right:40px}.user-loc .needle svg{width:12px;height:12px}}
@keyframes sway{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}

.specs{grid-template-columns:1.2fr 1fr;gap:clamp(28px,4vw,48px);display:grid;align-items:start}
.specs-infos{display:grid;gap:16px;grid-template-columns:1fr 1fr}
.article-section .crumbs,.crumbs:has(+ .intro-head){justify-content:center}
.where-tile{border-radius:var(--ro-lg);box-shadow:var(--sh-md);position:relative;border:1px solid var(--rule-pale);background:var(--lilac);aspect-ratio:4/3;overflow:hidden}
.where-tile.where-async{cursor:pointer}
.where-placeholder{position:absolute;background:linear-gradient(160deg,var(--lilac-alt),var(--surface-alt));place-items:center;inset:0;text-align:center;gap:10px;display:grid;padding:20px}
.where-placeholder p{color:var(--fg);font-weight:700}
.where-needle{color:var(--coral);filter:drop-shadow(0 10px 12px rgba(249,72,100,.51))}
.where-needle svg{fill:currentColor;stroke:none;height:40px;width:40px}
.where-tile iframe{border:0;height:100%;inset:0;position:absolute;width:100%}
.where-tile.is-on .where-placeholder{display:none}
.clip-window{height:100%;background:#000002;object-fit:cover;width:100%;display:block;pointer-events:none}
.clip-led{box-shadow:var(--sh-sm);place-items:center;border-radius:50%;position:absolute;top:50%;height:28px;display:grid;font-size:.64rem;left:50%;width:28px;transform:translate(-50%,-50%);color:#fffffd;background:rgba(0,0,2,.53);line-height:1;padding-left:2px;pointer-events:none}
.clip-badge{border-radius:var(--ro-pill);font-weight:700;bottom:12px;padding:5px 9px;letter-spacing:.02em;align-items:center;z-index:2;position:absolute;left:12px;display:inline-flex;box-shadow:var(--sh-sm);color:#fffffd;gap:4px;background:rgba(0,0,2,.63);font-size:.7rem}
.pros-items{display:grid;gap:10px;margin-top:14px}
.pros-items li{padding-left:24px;position:relative;color:var(--fg)}
.pros-items li::before{left:0;top:.5em;height:10px;content:"";background:var(--coral);width:10px;position:absolute;border-radius:50%}
.crumbs{font-size:.86rem;gap:6px;flex-wrap:wrap;display:flex;margin-bottom:14px;justify-content:flex-start;color:var(--subtle)}
.time{display:flex;font-size:.9rem;color:var(--fg-pale);gap:12px;justify-content:space-between}

.ask-wrap{max-width:640px}
.ask-placeholder{width:1px;height:1px;left:-9999px;overflow:hidden;position:absolute}
.info{display:flex;box-shadow:var(--sh-sm);align-items:center;gap:12px;border-radius:var(--ro-md);padding:14px 16px;border:1px solid var(--rule-pale);background:var(--surface)}
.info-icon{flex:none;border-radius:12px;display:grid;background:var(--surface-alt);color:var(--accent);place-items:center;height:40px;width:40px}
.info-icon svg{height:18px;width:18px}
.info-txt dt{text-transform:uppercase;color:var(--subtle);letter-spacing:.05em;font-size:.78rem}
.info-txt dd{font-family:var(--display);font-weight:800;font-size:.98rem;margin:2px 0 0}
.legal{border-top:1px solid var(--foot-border);font-size:.86rem;padding-top:22px;margin-top:34px;color:var(--foot-pale)}
.foot-bar-layout{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.foot-bar-name{font-family:var(--display);color:var(--foot-alt);gap:10px;font-weight:800;align-items:center;font-size:1.2rem;display:flex;margin-bottom:12px}
.foot-bar-part>p:not(.foot-bar-heading){color:var(--foot-pale);font-size:.94rem;max-width:34ch}
.foot-bar-heading{font-size:1rem;font-weight:800;color:var(--foot-alt);margin-bottom:14px}
.foot-bar-nav{gap:10px;display:grid;font-size:.94rem}
.user-window-shine{height:46px;width:46px;top:14px;right:14px}
.user-window-shine svg{height:21px;width:21px}
.user-layout{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);margin-top:22px}
.user-part{min-width:0}
.user-window{box-shadow:var(--sh-md);position:relative;margin:0;background:linear-gradient(160deg,var(--rose-200),var(--lilac-alt));overflow:hidden;border-radius:var(--ro-lg)}
.user-window img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.user-pager{color:var(--accent-hover);width:44px;border-radius:50%;place-items:center;z-index:2;cursor:pointer;box-shadow:var(--sh-md);background:var(--surface-back);top:50%;transform:translateY(-50%);position:absolute;border:none;height:44px;transition:transform .15s ease,background .15s ease;display:grid}
.user-pager:hover{transform:translateY(-50%) scale(1.07);background:var(--surface-back)}
.user-pager svg{width:22px;height:22px}
.user-left{left:12px}
.user-fwd{right:12px}
.user-strip{flex-wrap:wrap;display:flex;margin-top:12px;gap:10px}
.user-cell{width:72px;border:2px solid transparent;overflow:hidden;flex:0 0 auto;box-shadow:var(--sh-sm);background:var(--surface-alt);cursor:pointer;transition:transform .15s ease,border-color .15s ease;border-radius:var(--ro-sm);padding:0;aspect-ratio:3/4}
.user-cell img{width:100%;object-fit:cover;display:block;height:100%}
.user-cell:hover{transform:translateY(-2px)}
.user-cell.full{border-color:var(--accent)}
.user-part [hidden]{display:none!important}
.user-clip{width:100%;object-fit:contain;background:#000002;height:auto;max-height:70vh;display:block}
.user-cell-clip{position:relative}


.call-panel{flex-wrap:wrap;color:var(--inverse);align-items:center;display:flex;background:linear-gradient(100deg,var(--accent-hover),var(--coral) 60%,var(--amber));overflow:hidden;border-radius:var(--ro-xl);position:relative;gap:30px;box-shadow:var(--sh-lg);padding:clamp(38px,5vw,64px);justify-content:space-between}
.call-deco{background:rgba(255,255,253,.13);border-radius:50%;right:-90px;width:320px;position:absolute;top:-120px;height:320px}
.call-txt{z-index:2;position:relative}
.call-txt h2{max-width:16ch;color:var(--inverse)}
.call-txt p{max-width:46ch;margin-top:10px;color:rgba(255,255,253,.92)}
.call-panel .ctl{z-index:2;position:relative}
.user-clip-watch{transform:translate(-50%,-50%);height:78px;border-radius:50%;padding-left:6px;position:absolute;display:grid;line-height:1;place-items:center;z-index:3;background:rgba(0,0,2,.51);box-shadow:var(--sh-md);border:none;transition:transform .15s ease,background .15s ease;top:50%;color:#fffffd;width:78px;cursor:pointer;font-size:1.9rem;left:50%}
.user-clip-watch:hover{background:rgba(0,0,2,.71);transform:translate(-50%,-50%) scale(1.07)}
.user-drawer{top:96px;position:sticky}
.user-head{gap:12px;flex-wrap:wrap;align-items:center;display:flex;margin-top:14px}
.user-head .badge-pill{flex:none}
.user-intro{font-family:var(--display);font-weight:800;line-height:1.1;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.user-intro span{font-weight:600;font-size:.62em;color:var(--subtle)}
.user-hint{font-size:1.02rem;color:var(--fg-pale);display:flex;gap:7px;margin-top:10px;align-items:center}
.user-hint .needle svg{height:18px;color:var(--accent);width:18px}
.user-hint a{font-weight:600;transition:border-color .15s ease;text-decoration:none;color:var(--accent-hover);border-bottom:1px solid transparent}
.user-hint a:hover{border-bottom-color:currentColor}
.user-infos{flex-wrap:wrap;display:flex;gap:8px;margin-top:16px}
.user-drawer .intro{margin-top:18px}
.user-items{flex-wrap:wrap;gap:12px;display:flex;margin-top:24px}
.crumbs li:not(:last-child)::after{color:var(--subtle);margin-left:6px;content:"\00203a"}
.crumbs a{color:var(--fg-pale)}

.browse-ask{background:var(--surface);border-radius:var(--ro-pill);display:flex;border:1px solid var(--rule-pale);gap:12px;padding:12px;box-shadow:var(--sh-md);margin:0 auto}
.browse-ask .input{border:none;box-shadow:none;background:transparent;font-size:1.06rem}
.browse-ask .input:focus{box-shadow:none}
.browse-ask+.around{margin-top:40px}

.around{gap:32px;display:flex;flex-direction:column}
.around-block h2{font-size:1.15rem;margin-bottom:16px;color:var(--fg);font-weight:800}
.around-nav{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid;gap:12px}
.around-nav a{display:flex;justify-content:space-between;transition:transform .14s,box-shadow .14s,color .14s;border:1px solid var(--rule);font-size:.92rem;padding:13px 16px;border-radius:var(--ro-md);color:var(--fg);gap:10px;align-items:center;box-shadow:var(--sh-sm);font-weight:600;background:var(--surface)}
.around-nav a:hover{box-shadow:var(--sh-md);color:var(--accent-hover);transform:translateY(-3px)}
.around-nav a .needle{display:grid;place-items:center;color:var(--accent);flex:none}
.around-nav a .needle svg{height:16px;width:16px}

.view-showcase{padding-block:clamp(40px,6vw,80px) 20px}
.view-showcase h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-showcase p{color:var(--fg-pale);font-size:1.08rem;margin:16px auto 0}
.article-txt .ctl{margin-top:26px}

.article{grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;display:grid}
.article-txt>p:not(.topline){color:var(--fg-pale);font-size:1.04rem;margin-top:16px}
.article-second{font-family:var(--display);margin-top:22px;color:var(--accent-hover);font-size:1.1rem;font-weight:800}

.article-section h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.article-section h2{margin-top:34px;font-size:1.35rem;font-weight:800;color:var(--accent-hover)}
.article-section p{margin-top:14px;font-size:1.04rem;color:var(--fg-pale)}
.article-section p a{font-weight:600}
.article-section ul{margin-top:14px;display:grid;gap:10px}
.article-section li{padding-left:24px;position:relative;color:var(--fg-pale)}
.article-section li::before{width:10px;height:10px;background:var(--coral);left:0;content:"";top:.5em;border-radius:50%;position:absolute}
.ask-hint{font-weight:700}
.ask-hint-full{color:var(--go)}
.ask-hint-hidden{color:var(--accent-hover)}
.article-section .crumbs{display:flex}.article-section .crumbs li{padding-left:0}.article-section .crumbs li::before{display:none}

.led{color:var(--go);font-size:.6rem;line-height:1}

.bubble-tab{border-radius:50%;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--coral));border:none;color:var(--inverse);box-shadow:var(--sh-lg);position:fixed;align-items:center;width:60px;text-decoration:none;z-index:80;right:22px;display:flex;bottom:22px;height:60px;cursor:pointer}
.bubble-tab svg{fill:currentColor;height:26px;width:26px;stroke:none}
.bubble-tab-txt{height:auto;font-family:var(--display);max-width:calc(100vw - 44px);font-weight:800;gap:9px;border-radius:var(--ro-pill);font-size:.95rem;padding:13px 20px;width:auto}
.bubble-tab-txt svg{width:20px;height:20px}
.bubble-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.schedule{margin-top:10px;gap:4px;display:grid}
.cityhall-heading{font-family:var(--display);font-weight:800;margin-bottom:14px}
.cityhall-line{gap:10px;align-items:flex-start;margin-top:10px;font-size:.94rem;display:flex;color:var(--fg-pale)}
.cityhall-line .needle{flex:none;color:var(--accent)}
.cityhall-line .needle svg{width:16px;height:16px}

.placeholder{padding-block:clamp(60px,10vw,140px);text-align:center}
.placeholder-rank{font-family:var(--display);line-height:.9;font-weight:800;font-size:clamp(6rem,20vw,13rem)}
.placeholder-block{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}
.specs-cityhall{border-radius:var(--ro-lg);border:1px solid var(--rule-pale);background:var(--surface);padding:24px;box-shadow:var(--sh-md)}

.ask{background:var(--surface);box-shadow:var(--sh-md);border-radius:var(--ro-lg);padding:clamp(24px,3vw,40px);border:1px solid var(--rule-pale)}
.ask-cell{margin-bottom:18px;display:grid;gap:7px}
.ask-cell label{font-weight:700;font-size:.92rem}

.web-foot-bar{background:var(--foot-back);color:var(--foot)}
.web-foot-bar .wrap{padding-block:56px 22px}
.web-foot-bar a{color:var(--foot)}
.web-foot-bar a:hover{color:var(--foot-alt)}

.messaging-badge{top:-3px;border-radius:var(--ro-pill);height:22px;border:2px solid var(--surface);place-items:center;position:absolute;font-size:.72rem;color:var(--inverse);right:-3px;display:grid;line-height:1;padding:0 6px;font-weight:800;box-shadow:var(--sh-sm);min-width:22px;background:var(--crush)}
.messaging-badge[hidden]{display:none}
.input-line{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.input{border-radius:var(--ro-sm);transition:border-color .16s,box-shadow .16s;background:var(--surface-pale);font-family:inherit;color:var(--fg);font-size:1rem;width:100%;border:1.5px solid var(--rule);padding:13px 16px}
.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(238,76,149,.14)}
textarea.input{min-height:140px;resize:vertical}

@media (max-width:980px){
  .users-layout{grid-template-columns:repeat(3,1fr)}
  .user-layout{grid-template-columns:1fr}
  .user-window{width:100%;max-width:380px;justify-self:start}
  .user-drawer{position:static}
  .article,.specs{grid-template-columns:1fr}
  .foot-bar-layout{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .main-links{display:none}
  .nav-toggle{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .drawer-phone,.links-backdrop{display:none}
}
@media (max-width:600px){
  :root{--block-y:clamp(30px,7vw,48px);--gutter:8px}
  .foot-bar-layout,.input-line{grid-template-columns:1fr}
  .users-layout{grid-template-columns:repeat(2,1fr);gap:5px}
  .user-tile{border-radius:var(--ro-sm)}
  .user-core{padding:16px 10px}
  .call-panel{flex-direction:column;align-items:stretch;padding:32px 24px}
  .call-panel .ctl{width:100%;white-space:normal}
  .browse-ask{flex-direction:column;border-radius:var(--ro-lg)}
  .browse-ask .ctl{width:100%}
  .section-user{padding-top:0}
  .user-window img{aspect-ratio:1/1;max-height:46vh}
  .user-layout{margin-top:0}
  .user-drawer{display:flex;flex-direction:column;margin-top:14px}
  .user-head{order:1;margin-top:0}
  .user-hint{order:2}
  .user-items{order:3;margin-top:16px;gap:10px}
  .user-items .ctl{flex:1 1 auto}
  .user-strip{display:none}
  .user-infos{order:4}
  .user-drawer .intro{order:5}
  .specs-infos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .info{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .info-icon{width:34px;height:34px}
  .info-txt{min-width:0}
  .info-txt dd{font-size:.92rem;overflow-wrap:anywhere}
}