/* WebPion 4.7.2 — shared W/SVG brand polish, non-destructive */
:root{--wp472-w:url('../brand/webpion-w-mark.svg')}

/* Shared tool identity. Icons are decorative and never alter tool semantics. */
.wp472-tool-identity{display:flex;align-items:center;gap:8px;min-width:0}
.wp472-tool-identity .wp4-eyebrow{margin:0}
.wp472-mini-w{width:22px;height:18px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(91,92,255,.18))}
.wp472-title-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;margin-top:.42rem}
.wp472-title-icon{width:42px;height:42px;padding:9px;border-radius:13px;border:1px solid color-mix(in srgb,var(--brand-violet) 24%,var(--wp4-border));background:color-mix(in srgb,var(--brand-violet) 8%,var(--wp4-panel));box-sizing:border-box}
.wp472-title-row h1{margin:0!important}
.wp472-tool-card-icon{width:24px;height:24px;display:block}
.wp4-tool-card .wp472-tool-card-icon{width:22px;height:22px}

/* Home upload mark replaces the old arrow while preserving the exact dropzone. */
.wp472-w-upload{display:grid;place-items:center;width:62px;height:48px;margin-bottom:2px}
.wp472-w-upload img{display:block;width:58px;height:auto;filter:drop-shadow(0 8px 18px rgba(93,83,255,.22))}

/* Small W signature in functional drop zones. pointer-events keeps drag/drop untouched. */
.wp4-dropzone,.wp455-drop,.wp-tool-drop,.wp4-compare-picker,.wp44-drop,.wp460-intake-button{position:relative}
.wp455-drop::before,.wp-tool-drop::before,.wp4-compare-picker::before{content:"";display:block;width:46px;height:38px;margin:0 auto 8px;background:var(--wp472-w) center/contain no-repeat;pointer-events:none;opacity:.94;filter:drop-shadow(0 7px 15px rgba(95,83,255,.18))}
.wp44-drop-icon{font-size:0!important;width:54px!important;height:42px!important;background:var(--wp472-w) center/contain no-repeat!important;pointer-events:none}
.wp472-intake-w{display:grid!important;place-items:center!important;background:transparent!important}
.wp472-intake-w img{width:43px;height:34px;display:block;pointer-events:none}

/* Discreet signatures on cards and shells. Never intercepts controls. */
.wp451-home-hero,.wp4-prism,.wp4-stats,.wp4-trust,.wp4-tool-card,.wp470-tool-hero,.wp470-why,.wp470-guide-card,
.wp455-simple-tool,.wp455-prepare-card,.wp44-tool-primary,.wp44-tool-result,.wp4-compare-card,.wp4-compare-summary,
.wp470-after-grid article,.wp460-quick-card,.wp460-tool-card{position:relative;isolation:isolate;overflow:hidden}
.wp451-home-hero::before,.wp4-prism::after,.wp4-stats::after,.wp4-trust::after,.wp4-tool-card::after,.wp470-tool-hero::after,
.wp470-why::after,.wp470-guide-card::after,.wp455-simple-tool::after,.wp455-prepare-card::after,.wp44-tool-primary::after,
.wp44-tool-result::after,.wp4-compare-card::after,.wp4-compare-summary::after,.wp470-after-grid article::after,
.wp460-quick-card::after,.wp460-tool-card::after{content:"";position:absolute;right:10px;bottom:8px;width:34px;height:28px;background:var(--wp472-w) center/contain no-repeat;opacity:.035;pointer-events:none;z-index:-1}
.wp451-home-hero::before{right:3%;bottom:8%;width:84px;height:68px;opacity:.035;z-index:0}
.wp470-tool-hero::after{right:22px;bottom:18px;width:68px;height:54px;opacity:.04}

/* SVG-like dotted accents provide movement without external code or animation. */
.wp470-tool-hero-copy,.wp451-tools-heading,.wp4-prism-copy{position:relative}
.wp470-tool-hero-copy::after,.wp451-tools-heading::after,.wp4-prism-copy::after{content:"";position:absolute;right:0;top:0;width:74px;height:34px;background-image:radial-gradient(circle,color-mix(in srgb,var(--brand-violet) 30%,transparent) 1.2px,transparent 1.3px);background-size:9px 9px;opacity:.3;pointer-events:none}

[data-theme="light"] .wp472-title-icon{box-shadow:0 8px 22px rgba(44,74,125,.06)}

@media(max-width:760px){
  .wp472-title-row{grid-template-columns:36px minmax(0,1fr);gap:9px}
  .wp472-title-icon{width:34px;height:34px;padding:7px;border-radius:11px}
  .wp472-mini-w{width:19px;height:16px}
  .wp472-w-upload{width:52px;height:42px}.wp472-w-upload img{width:48px}
  .wp455-drop::before,.wp-tool-drop::before,.wp4-compare-picker::before{width:40px;height:32px}
}

@media(prefers-reduced-motion:reduce){.wp472-title-icon,.wp472-mini-w,.wp472-w-upload img{transition:none!important}}

.wp472-quick-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:color-mix(in srgb,var(--brand-cyan) 8%,transparent)!important;box-shadow:none!important;display:grid!important;place-items:center!important;border:1px solid color-mix(in srgb,var(--brand-cyan) 18%,var(--wp4-border))}
.wp472-quick-icon .wp472-tool-card-icon{width:22px;height:22px}
