.refreshed-hero{background:#f5f9ff;min-height:940px;padding:155px 32px 230px}.hero-grid-art{z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#bcd5ff45 1px,#0000 1px),linear-gradient(#bcd5ff45 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:96px 96px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}.refreshed-hero .figma-hero-copy{width:min(780px,100vw - 580px)}.refreshed-hero h1{letter-spacing:-1.6px;text-wrap:balance;font-size:clamp(40px,3.8vw,56px);line-height:1.15}.hero-eyebrow{color:#1c51f5;justify-content:center;margin-bottom:20px;font-size:10px}.refreshed-hero .figma-benefits{margin-bottom:32px}.refreshed-hero .figma-benefits>div{gap:14px;padding:18px}.refreshed-hero .figma-benefits strong{font-family:inherit;font-size:14px;line-height:1.6}.refreshed-hero .figma-benefits>div>span{color:#1c51f5;background:#d9e7ff}.refreshed-hero .figma-events{width:250px;top:145px;left:24px;transform:none}.refreshed-hero .figma-events .figma-card{padding:20px}.hero-event-art{color:#1c51f5;background:#d9e7ff;border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:52px;display:grid}.hero-event-art.community{color:#6451a8;background:#eae5ff}.hero-event-art.youth{color:#9b6515;background:#fff0d9}.refreshed-hero .figma-event strong{font-size:12px}.refreshed-hero .figma-event small{font-size:10px}.refreshed-hero .figma-calendar-link{font-size:12px}.refreshed-hero .figma-sync{width:330px;top:60px;right:30px;transform:none}.refreshed-hero .figma-sync .figma-card{align-items:center;gap:14px;padding:20px;display:flex}.hero-sync-badge{color:#1c51f5;background:#d9e7ff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.figma-sync .figma-card small{color:#535862;font-size:11px;display:block}.figma-sync .figma-card strong{margin-top:3px;font-size:14px;display:block}.figma-sync .figma-card>svg{color:#1c51f5;flex-shrink:0;margin-left:auto}.refreshed-hero .hero-calendar-preview{background:#fff;border:1px solid #d9e4eb;border-radius:18px;width:260px;padding:20px;top:390px;right:24px;transform:none;box-shadow:0 14px 35px #131f5714}.hero-calendar-heading{color:#131f57;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.hero-calendar-preview>small{color:#535862;margin-top:8px;font-size:10px;display:block}.hero-calendar-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:18px;display:grid}.hero-calendar-days>span{color:#717680;padding:5px 0;font-size:9px}.hero-calendar-days>b{border-radius:5px;min-height:24px;padding:4px 0;font-size:11px;font-weight:400}.hero-calendar-days>.hero-event-day{color:#1c51f5;background:#d9e7ff}.hero-calendar-days i{background:#437dff;border-radius:50%;width:3px;height:3px;margin:1px auto 0;display:block}.hero-calendar-footer{color:#1c51f5;border-top:1px solid #e9eaeb;align-items:center;gap:10px;margin-top:12px;padding-top:15px;font-size:11px;display:flex}.hero-community-card{color:#fff;background:#1c51f5;border-radius:20px;flex-direction:column;gap:10px;width:290px;padding:25px;display:flex;bottom:38px;right:90px;box-shadow:0 14px 40px #131f5714}.hero-community-symbol{background:#ffffff24;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.hero-community-card small{letter-spacing:.1em;font-size:9px}.hero-community-card strong{letter-spacing:-.5px;font-size:25px;line-height:1.2}.hero-community-card>span:last-child{align-items:center;gap:10px;font-size:11px;display:flex}.refreshed-hero .figma-share{width:330px;top:auto;bottom:55px;left:90px;transform:none}.refreshed-hero .figma-share .figma-card{padding:20px}.refreshed-hero .figma-share p{font-size:14px}.refreshed-hero .figma-copy{gap:8px;font-size:11px}.figma-copy>svg{flex-shrink:0}.refreshed-hero .figma-float{transition:translate .25s}.refreshed-hero .figma-float:hover{translate:0 -5px}@media (width<=1200px){.refreshed-hero{min-height:1080px;padding:155px 32px 350px}.refreshed-hero .figma-hero-copy{width:min(780px,100%)}.refreshed-hero .figma-events{transform-origin:0 100%;top:auto;bottom:24px;left:30px;transform:scale(.8)}.refreshed-hero .hero-calendar-preview{transform-origin:100% 100%;top:auto;bottom:24px;right:30px;transform:scale(.8)}.refreshed-hero .figma-sync{transform-origin:top;top:30px;right:50%;transform:translate(50%)scale(.8)}.refreshed-hero .figma-share{transform-origin:bottom;bottom:50px;left:50%;transform:translate(-50%)scale(.8)}.hero-community-card{display:none}}@media (width<=900px){.refreshed-hero .figma-share{display:none}.refreshed-hero{min-height:1000px;padding-bottom:330px}.refreshed-hero .figma-events{left:24px}.refreshed-hero .hero-calendar-preview{right:24px}}@media (width<=640px){.refreshed-hero{min-height:1040px;padding:140px 22px 320px}.refreshed-hero h1{letter-spacing:-1px;font-size:36px}.refreshed-hero .figma-benefits{gap:10px;margin-top:22px}.refreshed-hero .figma-benefits>div{padding:14px}.refreshed-hero .figma-benefits strong{font-size:12px;line-height:1.5}.refreshed-hero .figma-events{bottom:35px;left:10px;transform:scale(.65)}.refreshed-hero .hero-calendar-preview{bottom:35px;right:10px;transform:scale(.65)}.refreshed-hero .figma-sync{top:26px;transform:translate(50%)scale(.7)}.hero-eyebrow{letter-spacing:.1em;font-size:8px}.refreshed-hero .figma-example-note{text-align:center;max-width:90%;font-size:8px;bottom:10px}}@media (prefers-reduced-motion:reduce){.refreshed-hero .figma-float{transition:none}.refreshed-hero .figma-float:hover{translate:none}}@media (width<=380px){.refreshed-hero .figma-events,.refreshed-hero .hero-calendar-preview{transform:scale(.55)}}.prose .legacy-faq{background:#fff;border:1px solid #d9e4eb;border-radius:12px;margin:16px 0;padding:20px}.prose .legacy-faq>summary{cursor:pointer;color:#131f57;font-weight:600;line-height:1.6}.prose .legacy-faq>p{margin-top:18px}.prose a.legacy-section-link{color:#1c51f5;background:#f5f9ff;border:1px solid #d9e4eb;border-radius:24px;margin:5px 8px 5px 0;padding:7px 14px;font-size:13px;text-decoration:none;display:inline-block}.prose [id^=legacy-section-]{scroll-margin-top:120px}.draft-banner{color:#131f57;background:#d9e7ff;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:16px 24px;font-size:13px;display:flex}.draft-banner a{text-underline-offset:4px;text-decoration:underline}.pricing-hero h1{max-width:950px}.legacy-media-note{border:1px solid var(--line);color:var(--muted);background:#f6f8fc;border-radius:12px;margin:22px 0;padding:18px 22px;font-size:15px;line-height:1.65;display:block}.legacy-unavailable-demo{color:var(--muted);font-size:.95em}.measurement-choice{z-index:90;background:#fff;border:1px solid #d9e4eb;border-radius:18px;width:calc(100% - 40px);max-width:620px;padding:26px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 40px #131f5725}.measurement-choice h2{letter-spacing:-.02em;margin:0 0 12px;font-size:22px}.measurement-choice p{margin:0 0 16px;font-size:14px;line-height:1.65}.measurement-choice a{text-decoration:underline}.measurement-choice>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.measurement-choice .button{cursor:pointer;padding:12px 16px;font-size:13px}.measurement-choice .measurement-preview{color:#36558d;font-size:12px}.measurement-settings{z-index:80;color:#131f57;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e4eb;border-radius:24px;padding:10px 15px;font-size:12px;position:fixed;bottom:16px;right:18px;box-shadow:0 3px 15px #131f5715}.measurement-close{font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.measurement-choice button:focus-visible,.measurement-settings:focus-visible{outline-offset:4px;outline:3px solid #2454ff}.widget-mode,.sample-group-filters{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.widget-mode button,.sample-group-filters button{color:#131f57;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e4eb;border-radius:24px;padding:11px 18px;font-size:13px}.widget-mode button[aria-pressed=true],.sample-group-filters button[aria-pressed=true]{color:#fff;background:#1c51f5;border-color:#1c51f5}.widget-sample-note,.widget-connection-status{color:var(--muted);margin:20px 0;font-size:14px;line-height:1.7}.widget-sample-note a{text-decoration:underline}.widget-connection-help{background:#f5f8ff;border:1px solid #d9e4eb;border-radius:16px;padding:28px}.widget-connection-help h3{margin:0 0 12px;font-size:25px}.widget-connection-help p{max-width:700px;line-height:1.75}.widget-connection-help>div{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.widget-connection-help button{cursor:pointer}.widget-connection-help a{font-size:13px;text-decoration:underline}.sample-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sample-group-grid>section{background:#fff;border:1px solid #d9e4eb;border-radius:16px;padding:28px}.sample-group-grid>section>svg{color:#1c51f5;width:34px;height:34px;margin-bottom:18px;display:block}.sample-group-grid>section>span{color:#1c51f5;font-size:12px}.sample-group-grid h3{margin:14px 0;font-size:25px}.sample-group-grid p{margin:14px 0;font-size:14px;line-height:1.75}.sample-group-grid summary{color:#1c51f5;cursor:pointer;align-items:center;gap:6px;margin:20px 0 0;font-size:13px;display:flex}.sample-group-grid small{color:var(--muted);font-size:12px;line-height:1.6}.sample-group-grid details p>svg{vertical-align:middle;margin-right:7px}#sample-calendar{scroll-margin-top:110px}@media (width<=760px){.sample-group-grid{grid-template-columns:1fr}.widget-mode button{flex:1}.widget-connection-help{padding:22px}.widget-connection-help .button{font-size:12px}}@media (width<=640px){.measurement-choice{width:calc(100% - 24px);padding:20px;bottom:12px;right:12px}.measurement-choice .button{flex:1;justify-content:center}.measurement-choice h2{font-size:20px}}.demo-explorer .demo-filters{flex-direction:column;gap:16px;margin:24px 0 8px;display:flex}.demo-filter{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.demo-filter-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-width:90px;font-size:12px;font-weight:700}.demo-filter-options{flex-wrap:wrap;gap:8px;display:flex}.demo-filter-options button{color:#131f57;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e4eb;border-radius:24px;padding:9px 16px;font-size:13px}.demo-filter-options button[aria-pressed=true]{color:#fff;background:#1c51f5;border-color:#1c51f5}.demo-filter-options button:focus-visible{outline-offset:2px;outline:3px solid #2454ff}.demo-result-count{color:var(--muted);margin:4px 0 0;font-size:13px}.demo-selected{background:#f5f8ff;border:1px solid #d9e4eb;border-radius:16px;align-items:flex-start;gap:18px;margin:22px 0 6px;padding:22px 24px;display:flex}.demo-provider-badge{color:#fff;letter-spacing:.02em;background:#131f57;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:700}.demo-provider-badge.provider-unverified{background:#8a94a6}.demo-selected-body h3{letter-spacing:-.01em;margin:0 0 6px;font-size:19px}.demo-selected-layout{color:var(--muted);font-size:15px;font-weight:500}.demo-selected-body p{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.65}.demo-selected-body .demo-provenance{font-size:12px;font-style:italic}.demo-selected-body .text-link{font-size:13px}.demo-guide{margin:56px 0 8px}.demo-guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;display:grid}.demo-guide-step{gap:16px;display:flex}.demo-guide-step .step-icon{color:#1c51f5;background:#eef3ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.demo-guide-step .step-number{letter-spacing:.1em;color:#1c51f5;font-size:11px;font-weight:700}.demo-guide-step h3{margin:6px 0 8px;font-size:18px}.demo-guide-step p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.demo-guide-help{color:var(--muted);margin-top:28px;font-size:14px;line-height:1.7}.demo-guide-help a{text-decoration:underline}.testimonial-cards{margin:56px 0 8px}.testimonial-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.testimonial-card{background:#fff;border:1px solid #d9e4eb;border-radius:16px;flex-direction:column;gap:18px;margin:0;padding:26px;display:flex}.testimonial-card blockquote{color:var(--ink);margin:0;font-size:15px;line-height:1.7}.testimonial-card figcaption{align-items:center;gap:12px;margin-top:auto;display:flex}.testimonial-card figcaption img{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.testimonial-card figcaption strong{font-size:14px;display:block}.testimonial-card figcaption span{color:var(--muted);font-size:12px;line-height:1.5}@media (width<=900px){.demo-guide-steps,.testimonial-card-grid{grid-template-columns:1fr}.demo-selected{flex-direction:column;gap:12px}.demo-filter{flex-direction:column;align-items:flex-start;gap:8px}}
