.image-preview-trigger{all:unset;cursor:pointer}.how-it-works{padding:var(--space-10) var(--app-shell-gutter);text-align:center;max-width:none;margin:0;background:var(--surface)}.how-it-works__inner{max-width:var(--app-shell-max-width);margin:0 auto}.how-it-works__title{margin-bottom:var(--space-10)}.how-it-works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.how-it-works__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.how-it-works__icon-wrapper{position:relative;width:175px;height:175px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.how-it-works__icon-wrapper--blue{background:var(--gradient-blob-blue);border-radius:60% 40% 50% 50%/50% 60% 40% 50%}.how-it-works__icon-wrapper--peach{background:var(--gradient-blob-peach);border-radius:50% 60% 40% 50%/40% 50% 60%}.how-it-works__icon-wrapper--mint{background:var(--gradient-blob-mint);border-radius:40% 50% 60%/60% 40% 50% 50%}.how-it-works__image{width:180px;height:180px;object-fit:contain}.how-it-works .how-it-works__annotation{position:absolute;top:-8px;right:-8px;background:var(--primary-contrast-tint);color:var(--primary-dark);border-color:transparent}.how-it-works__icon-wrapper{cursor:pointer;transition:transform var(--transition-speed) ease;border:none;padding:0;font:inherit}.how-it-works__icon-wrapper:hover{transform:scale(1.05)}.how-it-works__step-title{font-size:var(--fs-500);font-weight:600;color:var(--text-primary);margin:0}.how-it-works__step-desc{font-size:var(--fs-400);color:var(--text-secondary);margin:0;max-width:32ch;line-height:1.6}.how-it-works__cta{margin-top:var(--space-8)}@media(max-width:768px){.how-it-works__grid{grid-template-columns:1fr;gap:var(--space-10)}.how-it-works__step-desc{max-width:40ch}.how-it-works__icon-wrapper{width:155px;height:155px}.how-it-works__image{width:150px;height:150px}}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center;padding:var(--space-10) var(--app-shell-gutter-lg);max-width:var(--app-shell-max-width);margin:0 auto}.feature-section--reverse{direction:rtl}.feature-section--reverse>*{direction:ltr}.feature-section__content{display:flex;flex-direction:column;gap:var(--space-4)}.feature-section__title{font-size:clamp(1.5rem,2.5vw + .5rem,2rem);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.feature-section__body{font-size:var(--fs-400);color:var(--text-secondary);margin:0;line-height:1.7;max-width:48ch}.feature-section__note{font-size:var(--fs-300);color:var(--text-tertiary);margin:0;font-style:italic}.feature-section__image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:none;padding:0;background:none;cursor:pointer;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.feature-section__image:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.feature-section__image img{width:100%;height:auto;display:block}@media(max-width:768px){.feature-section{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.feature-section--reverse{direction:ltr}.feature-section__content{align-items:center}.feature-section__body{max-width:100%}.feature-section__image{order:-1}}.feature-sections{background:linear-gradient(180deg,var(--surface) 0%,var(--primary-contrast-tint) 100%);padding:var(--space-10) 0}.feature-sections__header{max-width:var(--app-shell-max-width);margin:0 auto var(--space-6);padding:0 var(--app-shell-gutter);text-align:center}.feature-sections__title{font-size:clamp(1.75rem,3vw + 1rem,2.5rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em}.feature-sections__subtitle{font-size:var(--fs-400);color:var(--text-secondary);max-width:50ch;margin:0 auto}.feature-sections__content{max-width:calc(var(--app-shell-max-width) - 120px);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:1200px){.feature-sections__content{max-width:calc(100% - var(--space-10))}}@media(max-width:768px){.feature-sections{padding:var(--space-8) 0}.feature-sections__content{max-width:100%;gap:var(--space-6)}}.feature-highlights{background:var(--primary-contrast-tint);max-width:100%;margin:var(--space-10) 0 0;padding:var(--space-10) var(--app-shell-gutter)}.feature-highlights__inner{max-width:var(--app-shell-max-width);margin:0 auto}.feature-highlights__title{font-size:clamp(1.5rem,2.5vw + .75rem,2rem);font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 var(--space-8);letter-spacing:-.02em}.feature-highlights__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.feature-highlight{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.feature-highlight__image-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-speed) ease;border:none;padding:0;font:inherit;background:transparent}.feature-highlight__image-wrapper:hover{transform:scale(1.05)}.feature-highlight__image-wrapper--blue{background:var(--gradient-blob-blue);border-radius:60% 40% 50% 50%/50% 60% 40% 50%}.feature-highlight__image-wrapper--peach{background:var(--gradient-blob-peach);border-radius:50% 60% 40% 50%/40% 50% 60%}.feature-highlight__image-wrapper--mint{background:var(--gradient-blob-mint);border-radius:40% 50% 60%/60% 40% 50% 50%}.feature-highlight__image-wrapper--lavender{background:var(--gradient-blob-lavender);border-radius:55% 45% 50% 50%/45% 55%}.feature-highlight__image{width:145px;height:145px;object-fit:contain}.feature-highlight__title{font-size:var(--fs-400);font-weight:600;color:var(--text-primary);margin:0}.feature-highlight__description{font-size:var(--fs-300);color:var(--text-secondary);margin:0;line-height:1.5;max-width:28ch}.feature-highlights__cta{margin-top:var(--space-8);text-align:center}@media(max-width:900px){.feature-highlights__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media(max-width:480px){.feature-highlights__grid{grid-template-columns:1fr;gap:var(--space-8)}.feature-highlight__image-wrapper{width:120px;height:120px}.feature-highlight__image{width:125px;height:125px}}.rotating-headline{font-size:clamp(2.5rem,4vw + 1.2rem,3.5rem);margin-bottom:var(--space-5);color:var(--text-inverted);font-weight:800;letter-spacing:-.025em;line-height:1.1;animation:fade-in-up .8s ease-out .2s;animation-fill-mode:both;text-shadow:0 2px 4px rgba(0,0,0,.3);max-width:90%;margin-left:auto;margin-right:auto}.rotating-headline__prefix{display:block}.rotating-headline__word{display:inline-block;color:var(--accent);transition:opacity .3s ease-out,transform .3s ease-out}.rotating-headline__word.fade-out{opacity:0;transform:translateY(-8px)}.rotating-headline__word.fade-in{opacity:1;transform:translateY(0)}@media(max-width:640px){.rotating-headline{font-size:clamp(1.75rem,7vw,2.5rem);margin-bottom:var(--space-3);max-width:100%}}@media(max-width:380px){.rotating-headline{font-size:1.5rem}}.event-example-card{position:relative;flex:0 0 479px;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer}.event-example-card:hover .event-example-preview{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.event-example-badge{order:-1}.event-example-badge .pill[data-badge=true]{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--text-inverted);border:none;font-weight:600;padding:var(--space-2) var(--space-4)}.event-example-badge [data-badge=true] svg{margin-right:var(--space-2);color:#fff}.event-example-badge .badge__label{color:#fff}.event-example-preview{position:relative;width:100%;height:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.event-example-preview .event-example-screenshot{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;display:block}.event-example-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.event-example-action .btn{pointer-events:auto;box-shadow:var(--shadow-md);opacity:.9;background-color:#fff}.event-example-card:hover .event-example-action .btn{opacity:1}.event-example-visual{position:relative;width:100%;height:100%;background-size:cover;background-position:center;background-color:var(--surface-alt);display:flex;flex-direction:column;padding:var(--space-5)}.event-example-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.event-example-overlay{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-4);margin:auto 0;box-shadow:var(--shadow-sm);min-height:0}.event-example-logo{height:60px;max-height:60px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.event-example-logo img{max-width:100%;max-height:100%;object-fit:contain}.event-example-overlay .event-example-title{font-size:1.25rem;margin:0;color:var(--text-primary);line-height:1.3;word-break:break-word;font-weight:600}@media(max-width:640px){.event-example-card{flex:0 0 360px}.event-example-preview{height:220px}.event-example-logo{height:50px;max-height:50px}.event-example-overlay .event-example-title{font-size:1.1rem}.event-example-badge [data-badge=true]{font-size:.75rem;padding:var(--space-1) var(--space-3)}}@media(max-width:380px){.event-example-card{flex:0 0 300px}.event-example-preview{height:180px}.event-example-visual{padding:var(--space-4)}.event-example-overlay{padding:var(--space-3)}.event-example-overlay .event-example-title{font-size:1rem}}@media(hover:none)and (pointer:coarse){.event-example-card:active .event-example-preview{opacity:.9;transition:opacity .1s ease}.event-example-card:hover .event-example-preview{transform:none;box-shadow:none;border-color:var(--border)}}.event-examples-section{position:relative;background:color-mix(in srgb,var(--primary) 15%,white);padding:clamp(3rem,6vw,5rem) 0 clamp(4rem,8vw,6rem);overflow:clip}.event-examples-header{max-width:1220px;margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:clamp(3rem,5vw,4rem)}.event-examples-subtitle{font-size:var(--fs-400);color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0}.event-examples-carousel{width:100%;overflow-x:hidden;overflow-y:visible;position:relative;padding:var(--space-4) 0;margin:calc(var(--space-4) * -1) 0;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.carousel-wrapper{position:relative;width:100%}.carousel-wrapper .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:20}.carousel-wrapper .carousel-nav-prev{left:clamp(.5rem,2vw,1.5rem)}.carousel-wrapper .carousel-nav-next{right:clamp(.5rem,2vw,1.5rem)}.event-examples-track{display:flex;gap:var(--space-4);width:fit-content;padding:var(--space-2) var(--space-4);cursor:grab;user-select:none;will-change:transform}.event-examples-track.dragging{cursor:grabbing}.event-examples-track.dragging .event-example-card{pointer-events:none}.event-examples-cta{display:flex;justify-content:center;margin-top:clamp(2rem,4vw,3rem);padding:0 clamp(1.25rem,4vw,2.5rem)}@media(hover:none)and (pointer:coarse){.event-examples-track{cursor:default}.event-examples-carousel:after{content:"";position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);width:24px;height:24px;background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);opacity:.8;pointer-events:none;animation:swipe-hint 2s ease-in-out infinite;animation-delay:1s}.event-examples-carousel.paused:after{display:none}@keyframes swipe-hint{0%,to{transform:translateY(-50%) translate(0);opacity:.8}50%{transform:translateY(-50%) translate(-8px);opacity:.4}}}@media(max-width:640px){.event-examples-section{padding:2.5rem 0 3.5rem}.event-examples-header{padding:0 1rem;margin-bottom:2rem}.event-examples-carousel{mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%)}.event-examples-track{gap:var(--space-3);padding:var(--space-2) var(--space-3)}.event-examples-cta{margin-top:2rem}.carousel-wrapper .carousel-nav{display:none}}