.tap-social{--body-copy:oklch(34% .045 262);--sl-wash:color-mix(in oklab, var(--signal) 7%, var(--background));--sl-shadow:0 22px 60px color-mix(in oklab, var(--ink) 11%, transparent);color:var(--ink);background:var(--background);font-family:Inter,sans-serif}.tap-social,.tap-social *{box-sizing:border-box}.tap-social .sl-wrap{width:min(100% - 2*clamp(16px,4vw,56px),1280px);margin-inline:auto}.tap-social .sl-mono{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);margin:0;font:700 11px/1.5 JetBrains Mono,ui-monospace,monospace}.tap-social .sl-eyebrow{text-transform:uppercase;align-items:center;gap:10px;margin:0 0 24px;font-size:12px;font-weight:800;display:flex}.tap-social .sl-eyebrow i{border:1px solid var(--signal);border-radius:50%;flex:none;width:16px;height:16px;animation:2s ease-out infinite sl-pulse;position:relative}.tap-social .sl-eyebrow i:after{content:"";background:var(--signal);border-radius:50%;position:absolute;inset:4px}.tap-social .sl-title{letter-spacing:-.02em;text-wrap:balance;margin:0 0 20px;font-size:clamp(38px,3.6vw,56px);font-weight:900;line-height:1.04}.tap-social .sl-title-xl{font-size:clamp(42px,4.2vw,64px)}.tap-social .sl-title em,.tap-social h1 em,.tap-social .sl-brandline em{color:var(--signal);font-style:normal}.tap-social .sl-body{color:var(--body-copy);margin:0;font-size:18px;line-height:1.65}.tap-social .sl-lead{max-width:680px;margin-bottom:48px}.tap-social .sl-note{color:var(--body-copy);margin:22px 0 0;font-size:15px;font-weight:600;line-height:1.6}.tap-social .sl-hero{padding:clamp(48px,5vw,80px) 0 clamp(44px,4.5vw,72px)}.tap-social .sl-hero-grid{grid-template-columns:1fr 1.08fr;align-items:center;gap:56px;display:grid}.tap-social .sl-hero-grid>*{min-width:0}.tap-social h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 24px;font-size:clamp(46px,4.8vw,68px);font-weight:900;line-height:1}.tap-social .sl-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.tap-social .sl-cta{min-height:54px;padding:0 28px;font-size:17px;font-weight:800}.tap-social .sl-cta-secondary{min-height:54px;padding:0 28px;font-size:17px;font-weight:700}.tap-social .sl-visual-card{border:1px solid var(--border);box-shadow:var(--sl-shadow);background:var(--background);border-radius:26px;gap:20px;padding:30px;display:grid}.tap-social .sl-visual-top{gap:12px;display:grid}.tap-social .sl-visual-sources{flex-wrap:wrap;gap:8px;display:flex}.tap-social .sl-chip{border:1px solid var(--border);color:var(--body-copy);background:var(--background);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.tap-social .sl-chip i{background:var(--blue);border-radius:50%;width:7px;height:7px}.tap-social .sl-chip-violet i{background:var(--violet)}.tap-social .sl-chip-coral i{background:var(--signal)}.tap-social .sl-chip-aqua i{background:var(--aqua)}.tap-social .sl-visual-hub{background:var(--sl-wash);color:var(--signal);letter-spacing:-.01em;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:19px;font-weight:900;display:flex;position:relative}.tap-social .sl-visual-hub:before{content:"";border-left:2px solid color-mix(in oklab, var(--signal) 35%, transparent);border-right:2px solid color-mix(in oklab, var(--signal) 35%, transparent);height:20px;position:absolute;top:-20px;left:12%;right:12%}.tap-social .sl-hub-dot{background:var(--signal);border-radius:50%;flex:none;width:9px;height:9px;animation:2s ease-out infinite sl-pulse}.tap-social .sl-visual-answer{border:1px solid var(--border);background:var(--soft);border-radius:16px;gap:18px;padding:22px;display:grid}.tap-social .sl-answer-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.tap-social .sl-answer-head strong{margin-top:4px;font-size:18px;font-weight:800;display:block}.tap-social .sl-answer-ring{flex:none;width:62px;height:62px;position:relative}.tap-social .sl-answer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tap-social .sl-answer-ring circle{fill:none;stroke:var(--border);stroke-width:5px}.tap-social .sl-answer-ring .sl-ring-fill{stroke:var(--signal);stroke-linecap:round;stroke-dasharray:113;stroke-dashoffset:15px}.tap-social .sl-answer-ring span{color:var(--ink);place-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;inset:0}.tap-social .sl-answer-body{grid-template-columns:1.2fr 1fr;align-items:end;gap:18px;display:grid}.tap-social .sl-bars{align-items:flex-end;gap:7px;height:84px;display:flex}.tap-social .sl-bars i{background:color-mix(in oklab, var(--blue) 55%, var(--background));border-radius:5px 5px 0 0;flex:1}.tap-social .sl-bars .sl-bar-hot{background:var(--signal)}.tap-social .sl-answer-stats{gap:10px;display:grid}.tap-social .sl-answer-stats div{border:1px solid var(--border);background:var(--background);border-radius:10px;padding:8px 12px}.tap-social .sl-answer-stats strong{letter-spacing:-.01em;font-size:17px;font-weight:900;display:block}.tap-social .sl-answer-stats small{color:var(--muted-foreground);font-size:11px}.tap-social .sl-visual-note{color:var(--body-copy);border-top:1px solid var(--border);margin:0;padding-top:14px;font-size:13px;line-height:1.5}.tap-social .sl-divider{background:var(--border);width:min(100% - 2*clamp(16px,4vw,56px),1280px);height:1px;margin-inline:auto}.tap-social .sl-section{padding:clamp(48px,5.5vw,80px) 0}.tap-social .sl-solution{background:var(--soft);border-block:1px solid var(--border)}.tap-social .sl-card-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.tap-social .sl-card{border:1px solid var(--border);background:var(--background);box-shadow:0 12px 35px color-mix(in oklab, var(--ink) 8%, transparent);border-radius:22px;padding:0 30px 30px;transition:transform .2s,box-shadow .2s;overflow:hidden}.tap-social .sl-card:hover{box-shadow:var(--sl-shadow);transform:translateY(-3px)}.tap-social .sl-card-icon{background:var(--sl-wash);width:48px;height:48px;color:var(--signal);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.tap-social .sl-card h3{letter-spacing:-.01em;margin:0 0 10px;font-size:21px;font-weight:850}.tap-social .sl-card p{color:var(--body-copy);margin:0;font-size:15.5px;line-height:1.6}.tap-social .sl-art{background:var(--soft);border-bottom:1px solid var(--border);height:130px;margin:0 -30px 24px;position:relative;overflow:hidden}.tap-social .sl-art-scatter .sl-art-node{background:var(--background);border:1px solid var(--border);width:38px;height:38px;box-shadow:0 4px 12px color-mix(in oklab, var(--ink) 8%, transparent);color:var(--body-copy);border-radius:10px;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute}.tap-social .sl-art-node-0{color:var(--blue);top:18px;left:12%}.tap-social .sl-art-node-1{color:var(--violet);top:62px;left:26%}.tap-social .sl-art-node-2{color:var(--signal);top:24px;left:44%}.tap-social .sl-art-node-3{color:var(--aqua);top:66px;left:60%}.tap-social .sl-art-node-4{color:var(--green);top:20px;left:74%}.tap-social .sl-art-node-5{color:var(--red);top:58px;left:86%}.tap-social .sl-art-reports{justify-content:center;align-items:center;display:flex}.tap-social .sl-art-sheet{background:var(--background);border:1px solid var(--border);width:92px;height:76px;box-shadow:0 6px 16px color-mix(in oklab, var(--ink) 9%, transparent);border-radius:8px;align-content:start;gap:7px;padding:12px;display:grid;position:absolute}.tap-social .sl-art-sheet i{background:var(--border);border-radius:3px;height:6px;display:block}.tap-social .sl-art-sheet i:first-child{background:color-mix(in oklab, var(--signal) 45%, var(--border));width:55%}.tap-social .sl-art-sheet-0{transform:rotate(-8deg)translate(-34px)}.tap-social .sl-art-sheet-1{z-index:2;transform:rotate(2deg)}.tap-social .sl-art-sheet-2{transform:rotate(9deg)translate(34px)}.tap-social .sl-art-answers{justify-content:center;align-items:center;gap:26px;display:flex}.tap-social .sl-art-bars{align-items:flex-end;gap:6px;height:74px;display:flex}.tap-social .sl-art-bars i{background:color-mix(in oklab, var(--blue) 45%, var(--background));border-radius:4px 4px 0 0;width:16px}.tap-social .sl-art-question{background:var(--sl-wash);width:52px;height:52px;color:var(--signal);border-radius:50%;place-items:center;font-size:26px;font-weight:900;display:grid}.tap-social .sl-flow{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.tap-social .sl-flow:before{content:"";border-top:2px dashed color-mix(in oklab, var(--signal) 40%, transparent);position:absolute;top:84px;left:12%;right:12%}.tap-social .sl-flow-step{border:1px solid var(--border);background:var(--background);box-shadow:0 12px 35px color-mix(in oklab, var(--ink) 8%, transparent);text-align:center;border-radius:22px;padding:34px 30px;transition:transform .2s,box-shadow .2s;position:relative}.tap-social .sl-flow-step:hover{box-shadow:var(--sl-shadow);transform:translateY(-3px)}.tap-social .sl-flow-step .sl-card-icon{border-radius:16px;width:56px;height:56px;margin:0 auto 18px}.tap-social .sl-flow-num{color:color-mix(in oklab, var(--signal) 70%, var(--background));font:800 13px/1 JetBrains Mono,ui-monospace,monospace;position:absolute;top:18px;right:22px}.tap-social .sl-flow-step h3{letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:850}.tap-social .sl-flow-step p{color:var(--body-copy);margin:0;font-size:15.5px;line-height:1.6}.tap-social .sl-brandline{letter-spacing:-.02em;text-align:center;margin:48px 0 0;font-size:clamp(24px,2.4vw,32px);font-weight:900}.tap-social .sl-why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.tap-social .sl-why-grid>*{min-width:0}.tap-social .sl-why-grid .sl-body{margin-bottom:28px}.tap-social .sl-why-visual{border:1px solid var(--border);box-shadow:var(--sl-shadow);background:var(--background);border-radius:26px;padding:34px}.tap-social .sl-why-stack{gap:14px;display:grid}.tap-social .sl-why-layer{border:1px solid var(--border);background:var(--soft);color:var(--ink);border-radius:14px;align-items:center;gap:14px;padding:18px 20px;font-size:16px;font-weight:800;display:flex}.tap-social .sl-why-layer svg{color:var(--signal);flex:none}.tap-social .sl-why-layer:nth-child(2){margin-inline:22px}.tap-social .sl-why-layer:nth-child(3){margin-inline:44px}.tap-social .sl-why-cap{background:var(--sl-wash);color:var(--signal);border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-inline:66px;padding:14px;font-size:15px;font-weight:900;display:flex;position:relative}.tap-social .sl-why-cap:before{content:"";border-left:2px solid color-mix(in oklab, var(--signal) 35%, transparent);border-right:2px solid color-mix(in oklab, var(--signal) 35%, transparent);height:14px;position:absolute;top:-14px;left:18%;right:18%}.tap-social .sl-why-list{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.tap-social .sl-why-item{border:1px solid var(--border);background:var(--background);box-shadow:0 8px 24px color-mix(in oklab, var(--ink) 6%, transparent);border-radius:18px;align-items:flex-start;gap:16px;padding:24px;display:flex}.tap-social .sl-why-item .sl-card-icon{flex:none;margin-bottom:0}.tap-social .sl-why-item h3{margin:0 0 4px;font-size:17px;font-weight:800}.tap-social .sl-why-item p{color:var(--body-copy);margin:0;font-size:14px;line-height:1.55}.tap-social .sl-proof{background:var(--soft);border-block:1px solid var(--border)}.tap-social .sl-quote-grid{gap:24px;margin-top:36px;display:grid}.tap-social .sl-quote{border:1px solid var(--border);background:var(--background);max-width:880px;box-shadow:var(--sl-shadow);border-radius:24px;margin:0 auto;padding:48px 52px 40px;position:relative}.tap-social .sl-quote-mark{color:color-mix(in oklab, var(--signal) 22%, var(--background));pointer-events:none;font-size:110px;font-weight:900;line-height:1;position:absolute;top:18px;left:34px}.tap-social .sl-quote blockquote{margin:0;position:relative}.tap-social .sl-quote blockquote p{color:var(--ink);margin:0 0 16px;font-size:19px;line-height:1.6}.tap-social .sl-quote .sl-quote-lead{letter-spacing:-.01em;font-size:clamp(22px,2vw,27px);font-weight:850;line-height:1.25}.tap-social .sl-quote blockquote p:last-child{margin-bottom:0}.tap-social .sl-quote blockquote em{color:var(--signal);font-style:normal;font-weight:700}.tap-social .sl-quote figcaption{border-top:1px solid var(--border);align-items:center;gap:14px;margin-top:26px;padding-top:22px;display:flex}.tap-social .sl-avatar{background:var(--sl-wash);width:46px;height:46px;color:var(--signal);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.tap-social .sl-quote figcaption strong{font-size:15px;display:block}.tap-social .sl-quote figcaption small{color:var(--muted-foreground);font-size:13px}.tap-social .sl-final{background:linear-gradient(180deg, var(--background), var(--sl-wash) 30%, var(--sl-wash));border-top:1px solid var(--border);padding:clamp(40px,4.5vw,64px) 0}.tap-social .sl-final-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;display:grid}.tap-social .sl-final-grid>*{min-width:0}.tap-social .sl-final .sl-title-xl{margin-bottom:16px}.tap-social .sl-final .sl-note{margin-top:16px}.tap-social .sl-form-card{border:1px solid var(--border);box-shadow:var(--sl-shadow);background:var(--background);border-radius:26px;padding:30px}.tap-social .sl-form-card h3{letter-spacing:-.01em;margin:0 0 10px;font-size:27px;font-weight:850;line-height:1.15}.tap-social .sl-form-intro{color:var(--body-copy);margin:0 0 18px;font-size:15px;line-height:1.6}.tap-social .sl-form-card form{gap:12px;display:grid}.tap-social .sl-field{gap:8px;display:grid}.tap-social .sl-field label{font-size:14px;font-weight:700}.tap-social .sl-field input{background:var(--soft);height:50px;color:var(--ink);border-radius:10px;padding-inline:16px;font-size:16px}.tap-social .sl-field textarea{background:var(--soft);color:var(--ink);resize:vertical;border-radius:10px;min-height:96px;padding:12px 16px;font-size:16px}.tap-social .sl-field :is(input,textarea)[aria-invalid=true]{border-color:var(--destructive)}.tap-social .sl-error{color:var(--destructive);margin:0;font-size:14px;line-height:1.5}.tap-social .sl-submit{width:100%;min-height:54px;color:var(--tap-cta-foreground);background:var(--tap-cta);border-radius:999px;margin-top:4px;font-size:18px;font-weight:800}.tap-social .sl-submit:hover{background:var(--tap-cta-interaction)}.tap-social .sl-privacy{color:var(--body-copy);border-top:1px solid var(--border);margin:14px 0 0;padding-top:12px;font-size:14px;line-height:1.6}.tap-social .sl-form-card a{color:var(--body-copy);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:700;text-decoration:underline}.tap-social .sl-form-card a:hover{color:var(--ink)}.tap-social .sl-success-icon{background:var(--sl-wash);width:52px;height:52px;color:var(--signal);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.tap-social .sl-revealed{animation:.7s ease-out both sl-rise}@keyframes sl-rise{0%{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes sl-pulse{50%{box-shadow:0 0 0 6px color-mix(in oklab, var(--signal) 10%, transparent)}}@media (width<=1080px){.tap-social .sl-hero-grid,.tap-social .sl-why-grid,.tap-social .sl-final-grid{gap:36px}}@media (width<=900px){.tap-social .sl-hero-grid,.tap-social .sl-why-grid,.tap-social .sl-final-grid,.tap-social .sl-card-grid,.tap-social .sl-flow,.tap-social .sl-why-list{grid-template-columns:1fr}.tap-social .sl-flow:before{display:none}.tap-social .sl-visual{max-width:560px}.tap-social .sl-quote{padding:40px 28px 30px}.tap-social .sl-quote-mark{font-size:84px;left:20px}}@media (width<=520px){.tap-social .sl-actions .sl-cta,.tap-social .sl-actions .sl-cta-secondary{width:100%}.tap-social .sl-form-card{border-radius:20px;padding:24px}.tap-social .sl-answer-body{grid-template-columns:1fr}.tap-social .sl-answer-stats{grid-template-columns:repeat(3,1fr)}.tap-social .sl-answer-stats div{padding:8px}.tap-social .sl-why-layer:nth-child(2),.tap-social .sl-why-layer:nth-child(3),.tap-social .sl-why-cap{margin-inline:0}}@media (prefers-reduced-motion:reduce){.tap-social *,.tap-social :before,.tap-social :after{transition:none!important;animation:none!important}}.tap-social .sl-field :is(input,textarea){border:1px solid var(--border);width:100%;font-family:inherit}.tap-social .sl-field :is(input,textarea):focus-visible{outline:2px solid var(--signal);outline-offset:1px}.tap-social .sl-submit{cursor:pointer;background:var(--signal);color:var(--primary-foreground,#fff);border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.tap-social form{gap:16px;display:grid}.tap-social{--tap-cta-interaction:oklch(62% .22 33)}.tap-social .sl-submit:is(:hover,:focus-visible,:active){background:var(--tap-cta-interaction);color:var(--background)}.tap-social .sl-cta-secondary:is(:hover,:focus-visible){border-color:var(--signal);color:var(--signal)}
