.hc-hero{--hc-composer-width:38.75rem;--hc-photo-width:10rem;--hc-photo-height:7.5rem;--hc-card-width:20rem;--hc-sample-brand:#12263f;background:var(--color-cement);color:var(--color-ink);position:relative}.hc-stage{padding-block:calc(var(--spacing) * 12);position:relative;overflow:clip}.hc-center{align-items:center;gap:calc(var(--spacing) * 5);z-index:2;flex-direction:column;display:flex;position:relative}.hc-heading{text-align:center;max-width:70rem;font-size:clamp(1.8rem,3.6vw,3.375rem);font-weight:600;line-height:1.04}.hc-ending{color:var(--color-app-subtle);min-height:2.08em;display:block}.hc-caret{height:.8em;width:calc(var(--spacing) * .75);margin-left:var(--spacing);background:var(--color-neon-zest);display:inline-block}.hc-subtitle{text-align:center;max-width:35rem;color:var(--color-app-muted);font-size:1rem;line-height:1.55}.hc-composer{width:100%;max-width:var(--hc-composer-width);background:var(--color-white);padding:calc(var(--spacing) * 4);border:1px solid var(--color-app-line-strong);border-radius:var(--radius-app);text-align:left}.hc-composer:focus-within,.hc-hero[data-highlight=true] .hc-composer{outline:2px solid var(--color-neon-zest);outline-offset:2px}.hc-composer textarea{field-sizing:content;resize:vertical;width:100%;min-height:3.25rem;max-height:15rem;color:var(--color-ink);font:inherit;outline:none;line-height:1.6;display:block}.hc-attachments{gap:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 4);padding-right:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 3);flex-wrap:wrap;align-items:center;display:flex;overflow:visible}.hc-upload{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);background:0 0;padding:0}.hc-upload:hover{background:0 0}.hc-upload-icon{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);background:var(--color-cement);color:var(--color-app-muted);border-radius:100%;place-items:center;display:grid;position:relative}.hc-upload-icon svg{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.hc-upload-icon svg:last-child{top:calc(var(--spacing) * 2);right:calc(var(--spacing) * 2);width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5);background:var(--color-cement);box-shadow:0 0 0 calc(var(--spacing) * .5) var(--color-cement);position:absolute}.hc-attachment{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);flex-shrink:0;position:relative}.hc-attachment img{object-fit:cover;border-radius:var(--radius-app-xs);width:100%;height:100%}.hc-attachment button{z-index:1;top:calc(var(--spacing) * -2);right:calc(var(--spacing) * -2);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);background:var(--color-white);border:1px solid var(--color-app-line);cursor:pointer;border-radius:100%;font-size:.75rem;position:absolute}.hc-attachment button:focus-visible{outline:2px solid var(--color-bright-bluet)}@media (hover:hover) and (pointer:fine){.hc-attachment button{opacity:0;pointer-events:none}.hc-attachment:hover button,.hc-attachment:focus-within button{opacity:1;pointer-events:auto}}.hc-actions{border-top:1px solid var(--color-app-line);padding-top:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 4);flex-wrap:wrap;justify-content:flex-end;display:flex}.hc-example{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-neon-zest);text-decoration-color:var(--color-neon-zest);text-underline-offset:var(--spacing);background:0 0;border-radius:0;padding:0}.hc-example:hover{background:0 0}.hc-hero ::selection{background:var(--color-neon-zest);color:var(--color-ink)}.hc-status{color:var(--color-app-muted);font-size:.75rem}.hc-status:not(:empty){padding-top:calc(var(--spacing) * 3)}.hc-cards{padding:calc(var(--spacing) * 8) calc(var(--spacing) * 6);position:relative;overflow-x:auto}.hc-card-row{gap:calc(var(--spacing) * 4);align-items:flex-start;width:max-content;margin-inline:auto;display:flex}.hc-card{width:var(--hc-card-width);border:1px solid var(--color-app-line-strong);border-radius:var(--radius-brand);background:var(--color-white);flex:none;font-size:.75rem;line-height:1.5;position:relative;overflow:hidden}.hc-card header{padding:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 2);align-items:center;display:flex}.hc-card header svg{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);color:var(--color-app-info-ink)}.hc-card header div{flex:1}.hc-company-logo{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);background:var(--hc-sample-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.hc-company-logo:before{content:"";background:var(--color-white);clip-path:polygon(50% 0,100% 100%,72% 100%,50% 46%,28% 100%,0 100%);width:47%;height:40%}.hc-card[data-channel=BLOG] .hc-company-logo{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.hc-card[data-channel=INSTAGRAM] .hc-company-logo{width:calc(var(--spacing) * 7.5);height:calc(var(--spacing) * 7.5)}.hc-card[data-channel=LINKEDIN] .hc-company-logo{width:calc(var(--spacing) * 9.5);height:calc(var(--spacing) * 9.5)}.hc-card[data-channel=EMAIL] .hc-company-logo{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.hc-card[data-channel=EMAIL] header{background:var(--color-app-line);color:var(--color-white);letter-spacing:.05em;font-size:.625rem;position:relative}.hc-card[data-channel=EMAIL] header:before{content:"";background:var(--hc-sample-brand);opacity:var(--hc-details,1);position:absolute;inset:0}.hc-card[data-channel=EMAIL] header>*{position:relative}.hc-card[data-channel=EMAIL] header small{color:var(--color-moon);margin-left:auto}.hc-card[data-channel=BLOG] header{color:var(--hc-sample-brand);font-size:.625rem}.hc-card small.hc-blog-nav{gap:calc(var(--spacing) * 2);white-space:nowrap;margin-left:auto;font-size:.625rem;display:flex}.hc-preview-cta{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);border-radius:var(--radius-app-xs);background:var(--hc-sample-brand);color:var(--color-white);white-space:nowrap;align-self:flex-start;font-size:.6875rem}.hc-card[data-channel=EMAIL] .hc-preview-cta{background:var(--color-neon-zest);color:var(--color-ink)}.hc-card-copy.hc-card-tint{flex-direction:row;align-items:center}.hc-card-tint>div{flex:1;min-width:0}.hc-card-tint .hc-preview-cta{background:var(--color-app-line);color:var(--color-ink);align-self:center}.hc-engagement{align-items:center;gap:var(--spacing);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);color:var(--color-app-muted);font-size:.6875rem;display:flex}.hc-engagement>:last-child{margin-left:auto}.hc-reaction{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);background:var(--color-app-info-ink);color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:.5625rem;display:inline-flex}.hc-reaction-heart{background:var(--color-app-rose-ink);margin-left:calc(var(--spacing) * -2)}.hc-social-controls>:first-child{color:var(--color-app-rose-ink)}.hc-card header strong,.hc-card small{display:block}.hc-card small{color:var(--color-app-muted);font-size:.65rem}.hc-card-copy{padding:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.hc-card h3{font-weight:600}.hc-card h3.hc-blog-title{font-family:var(--font-display);font-size:1.4rem;line-height:1.15}.hc-card-media{aspect-ratio:16/9}.hc-card-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.hc-card[data-channel=INSTAGRAM] :is(.hc-card-media,.hc-card-image){aspect-ratio:1}.hc-card[data-channel=LINKEDIN_INSTALL] :is(.hc-card-media,.hc-card-image){aspect-ratio:4/3}.hc-card footer{padding:calc(var(--spacing) * 3);border-top:1px solid var(--color-app-line);color:var(--color-app-muted);justify-content:space-around;font-size:.6875rem;display:flex}.hc-card-tint{background:var(--color-app-page)}.hc-tags{color:var(--color-app-info-ink)}.hc-floating-photo{opacity:0;display:none}.hc-hero[data-example-initialized=false] .hc-floating-photo{visibility:hidden}.hc-floating-image{object-fit:cover;width:100%;height:100%}.hc-photo-content{transform-origin:50%;width:100%;position:absolute;top:50%;left:50%}.hc-photo-pivot,.hc-photo-frame{width:100%;height:100%}.hc-photo-frame{transform-origin:0 0;overflow:hidden}@media (hover:hover) and (prefers-reduced-motion:no-preference){.hc-photo-pivot{transition:transform .25s ease-out;transform:rotate(0)}.hc-hero:not([data-animated=false])[data-phase=SCATTER] .hc-floating-photo{pointer-events:auto}.hc-hero[data-phase=SCATTER] .hc-floating-photo:hover .hc-photo-pivot{transform:rotate(var(--hc-hover-pivot,3deg))}.hc-floating-photo:is([data-floating-photo="1"],[data-floating-photo="3"],[data-floating-photo="4"]){--hc-hover-pivot:-3deg}}.hc-card[data-skeleton=true]{--hc-details:0}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) :is(header,.hc-card-copy)>:not(.hc-social-controls):not(span){opacity:var(--hc-details,1)}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-card-media{background:var(--color-app-line)}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-company-logo{opacity:var(--hc-details,1)}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-card-copy{position:relative}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-card-copy:before,:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-card-copy:after{content:"";left:calc(var(--spacing) * 3);right:calc(var(--spacing) * 3);top:calc(50% - var(--spacing) * 3);height:calc(var(--spacing) * 2);border-radius:var(--radius-app-xs);pointer-events:none;opacity:calc(1 - var(--hc-details,1));background:var(--color-app-line);position:absolute}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-card-copy:before{box-shadow:0 calc(var(--spacing) * 3) 0 var(--color-app-line)}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-card-copy:after{top:calc(50% + var(--spacing) * 3);right:25%}:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) .hc-social-controls,:is(.hc-hero:not([data-animated=false]) .hc-card,.hc-card[data-skeleton=true]) footer{opacity:calc(.5 + var(--hc-details,1) * .5)}@media (min-width:1100px){.hc-hero .hc-card:first-child{width:calc(var(--spacing) * 86);margin-top:calc(var(--spacing) * 8)}.hc-hero .hc-card:nth-child(2){width:calc(var(--spacing) * 89);margin-top:calc(var(--spacing) * 2)}.hc-hero .hc-card:nth-child(3){width:calc(var(--spacing) * 71.5);margin-top:calc(var(--spacing) * 10)}.hc-hero .hc-card:nth-child(5){margin-top:calc(var(--spacing) * 6)}.hc-hero .hc-card:nth-child(6){width:calc(var(--spacing) * 85);margin-top:calc(var(--spacing) * 4)}.hc-hero .hc-cards{width:100%;overflow:visible}.hc-hero .hc-card:nth-child(4){width:calc(var(--spacing) * 90)}.hc-hero .hc-card-row{transform:translateX(-50%) scale(var(--hc-row-scale,1));transform-origin:top;margin:0;position:relative;left:50%}}@media (min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){.hc-hero:not([data-animated=false]){--hc-details:0;--hc-row-scale:min(1, calc(87vw / (var(--spacing) * 521.5)))}.hc-hero[data-animated=steps]{height:200vh}.hc-hero:not([data-animated=false]) .hc-stage{top:var(--home-nav-offset,var(--scroll-padding-top,6rem));height:calc(100vh - var(--home-nav-offset,var(--scroll-padding-top,6rem)));padding-top:max(calc(var(--spacing) * 4), calc(25vh - var(--home-nav-offset,var(--scroll-padding-top,6rem))));padding-bottom:0;position:sticky}.hc-hero:not([data-animated=false]) .hc-heading{font-size:clamp(1.625rem,min(3.6vw,5.2vh),3.375rem)}.hc-hero:not([data-animated=false]) .hc-center{gap:calc(var(--spacing) * 4)}.hc-hero:not([data-animated=false]) .hc-composer{border-color:var(--color-app-line);border-radius:var(--radius-app);box-shadow:var(--shadow-lg)}.hc-hero:not([data-animated=false]) .hc-composer textarea{resize:none;min-height:3.25rem}.hc-hero:not([data-animated=false]) .hc-ending{white-space:nowrap;min-height:1.04em}.hc-hero:not([data-animated=false]) .hc-floating-photo{width:var(--hc-photo-width);height:var(--hc-photo-height);object-fit:cover;transform-origin:0 0;pointer-events:none;z-index:3;border-radius:0;display:block;position:absolute;top:0;left:0}.hc-hero:not([data-animated=false]) .hc-attachment[data-attachment-slot]:not([data-present=true]){visibility:hidden}.hc-hero:not([data-animated=false]) .hc-floating-photo:not([data-positioned=true]){left:calc(var(--hc-scatter-x) - var(--hc-scatter-width) / 2);top:calc(var(--hc-scatter-y) - var(--home-nav-offset,var(--scroll-padding-top,6rem)));width:var(--hc-scatter-width);height:var(--hc-scatter-height);transform:rotate(var(--hc-scatter-rotation));opacity:1}.hc-hero:not([data-animated=false]) .hc-floating-photo:not([data-positioned=true]) .hc-photo-content{height:100%;transform:translate(-50%,-50%)}.hc-hero:not([data-animated=false]) .hc-cards{width:100%;overflow:visible}.hc-hero:not([data-animated=false]) .hc-card-row{transform:translateX(-50%) scale(var(--hc-row-scale,1));transform-origin:top;margin:0;position:relative;left:50%}.hc-hero:not([data-animated=false]) [data-card-image="0"] img{opacity:var(--hc-photo-0,0)}.hc-hero:not([data-animated=false]) [data-card-image="1"] img{opacity:var(--hc-photo-1,0)}.hc-hero:not([data-animated=false]) [data-card-image="2"] img{opacity:var(--hc-photo-2,0)}.hc-hero:not([data-animated=false]) [data-card-image="3"] img{opacity:var(--hc-photo-3,0)}.hc-hero:not([data-animated=false]) [data-card-image="4"] img{opacity:var(--hc-photo-4,0)}.hc-hero:not([data-animated=false]) [data-card-image="5"] img{opacity:var(--hc-photo-5,0)}.hc-hero[data-press=true] .hc-actions a{transform:scale(.96)}}