.feature_page:where(.astro-bw4tzwsu){min-height:calc(100vh - 64px);background:var(--color-bg-primary)}.feature_container{max-width:var(--container-max-width, 960px);margin:0 auto;padding:0 var(--container-padding, 2rem);overflow-x:visible}@media(max-width:767px){.feature_container{padding:0 var(--container-padding-mobile, 1rem)}}.feature_container{max-width:var(--container-max-width, 1080px);margin:0 auto;padding:0 var(--container-padding, 2rem);width:100%;box-sizing:border-box}.feature_hero{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding:5rem 0 3rem;isolation:isolate}.feature_hero h1{font-family:var(--font-sans);font-weight:var(--weight-black);font-size:clamp(2.5rem,5.5vw,4rem);line-height:1.05;letter-spacing:-.035em;text-align:left;margin-bottom:0;color:var(--ink);text-wrap:balance}.feature_hero h1 em,.feature_hero h1 .accent,.feature_section h2 em,.feature_section h2 .accent,.pains_section h2 em,.pains_section h2 .accent,.examples_section h2 em,.examples_section h2 .accent{font-style:normal;color:var(--ink);background-image:linear-gradient(transparent 60%,var(--signal-wash) 60%);background-repeat:no-repeat;background-size:100% 100%;padding-inline:.06em}.feature_hero .tagline,.feature_tagline{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:1.25rem;line-height:1.55;color:var(--ink-2);max-width:700px;margin-bottom:0;text-wrap:pretty}.feature_eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.01em;width:fit-content}.feature_eyebrow:before{content:"";width:1.25rem;height:2px;border-radius:2px;background:var(--signal)}.hero_image{width:100%;height:450px;object-fit:cover;border-radius:var(--radius-2xl);border:1px solid var(--border-strong);box-shadow:var(--shadow-xl)}.hero_description{font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:1.375rem;line-height:1.5;text-align:left;color:var(--ink);margin-bottom:0}.feature_hero_video{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-2xl);overflow:hidden;margin-top:1rem;border:1px solid var(--border-strong);box-shadow:var(--shadow-xl)}.video_placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-subtle);border:1.5px dashed var(--border-strong);border-radius:var(--radius-2xl);gap:1.5rem;cursor:pointer;transition:border-color var(--transition-normal),background var(--transition-normal)}.video_placeholder:hover{border-color:var(--signal);background:var(--surface)}.video_placeholder:hover .play_icon{opacity:1;transform:scale(1.05)}.play_icon{opacity:.85;color:var(--signal-deep);transition:opacity var(--transition-normal),transform var(--transition-normal)}.placeholder_text{font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--ink-2);margin-bottom:0}.feature_section{padding:3.5rem 0;overflow-x:visible}.feature_section_no_padding{padding:0;overflow-x:visible}.feature_section h2{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin-bottom:1.5rem;text-align:center;text-wrap:balance}.feature_section h3{font-family:var(--font-sans);font-size:1.5rem;font-weight:var(--weight-semibold);line-height:1.25;letter-spacing:-.02em;color:var(--ink);margin-bottom:1rem;margin-top:2rem;text-align:left}.feature_section p{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;color:var(--ink-2);margin-bottom:1.25rem}.feature_section ul,.feature_section ol{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.65;color:var(--ink-2);margin-bottom:1.5rem;padding-left:0}.feature_section li{margin-bottom:.75rem}.feature_card{position:relative;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2rem;margin:2rem 0;box-shadow:var(--shadow-card);transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.feature_card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--signal-line)}.feature_cards_container h2{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin-bottom:2rem;text-align:center;position:relative;z-index:1;text-wrap:balance}.feature_cards_container{display:flex;flex-direction:column;gap:1.25rem;position:relative;padding:4rem 0;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background:var(--bg-subtle)}.feature_cards_container>*{max-width:var(--container-max-width, 1080px);width:100%;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;box-sizing:border-box;position:relative;z-index:1}.feature_cards_container:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,var(--border) 39px,var(--border) 40px);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 30%,transparent 80%);pointer-events:none;z-index:0}.feature_cards_container .feature_card{margin:0}.feature_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.feature_grid_item{position:relative;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.75rem;transition:box-shadow var(--transition-slow),transform var(--transition-slow),border-color var(--transition-slow);overflow:hidden;isolation:isolate}.feature_grid_item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.feature_grid_item:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px);border-color:var(--signal-line)}.feature_grid_item:hover:before{transform:scaleX(1)}.feature_grid_item h4{font-family:var(--font-sans);font-size:1.25rem;font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--ink);margin-bottom:.625rem}.feature_grid_item p{font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--ink-2);margin-bottom:0}.problem_solution_grid{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.problem_solution_item{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem;background:var(--surface-raised);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:var(--shadow-card)}.problem_section,.solution_section{padding:1.25rem;border-radius:var(--radius-lg)}.problem_section{background:#d239340f;border:1px solid oklch(.575 .19 27 / .22)}.solution_section{background:var(--signal-wash);border:1px solid var(--signal-line)}.problem_section h4,.solution_section h4{font-family:var(--font-mono);font-size:.72rem;font-weight:var(--weight-medium);letter-spacing:.01em;margin-bottom:.625rem}.problem_section h4{color:var(--danger)}.solution_section h4{color:var(--signal-deep)}.problem_section p,.solution_section p{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--ink);margin-bottom:0}.example_cards_container{display:flex;flex-direction:column;gap:2rem}.use_case_box{position:relative;background:var(--signal-wash);border:1px solid var(--signal-line);border-radius:var(--radius-2xl);padding:1.75rem 2rem;margin:2rem 0;overflow:hidden;isolation:isolate}.use_case_box h4{font-family:var(--font-mono);font-size:.72rem;font-weight:var(--weight-medium);color:var(--signal-deep);letter-spacing:.01em;margin-bottom:.625rem}.use_case_box p{font-family:var(--font-sans);font-size:1.0625rem;line-height:1.6;color:var(--ink);margin-bottom:0}.placeholder_image{background:var(--bg-subtle);border:1.5px dashed var(--border-strong);border-radius:var(--radius-2xl);padding:4rem 2rem;text-align:center;color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:2rem 0}.steps_list{counter-reset:step-counter;list-style:none;padding-left:0}.steps_list li{counter-increment:step-counter;position:relative;padding-left:3.25rem;margin-bottom:1.5rem;min-height:2.25rem}.steps_list li:before{content:counter(step-counter);position:absolute;left:0;top:-.125rem;width:2.25rem;height:2.25rem;background:var(--signal);color:var(--ink-strong);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--weight-bold);font-size:.9375rem}.steps_list li strong{font-family:var(--font-sans);font-weight:var(--weight-semibold);color:var(--ink)}.pains_section{padding:4rem 0}.pains_section h2{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.025em;text-align:center;margin-bottom:3rem;color:var(--ink);text-wrap:balance}.pains_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.pains_grid>*{min-width:0}.pain_card{position:relative;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden;transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow);display:flex;flex-direction:column;height:100%;width:100%;min-width:0;box-shadow:var(--shadow-card);padding:.75rem}.pain_card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover);border-color:var(--signal-line)}.pain_image{width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-subtle);border-radius:var(--radius-xl)}.pain_image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pain_card:hover .pain_image img{transform:scale(1.04)}.pain_content{padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;flex-grow:1;text-align:center}.pain_card h3{font-family:var(--font-sans);font-size:1.125rem;font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--ink);margin-bottom:.625rem;line-height:1.3;text-align:center}.pain_card p{font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--ink-2);margin-bottom:0;flex-grow:1;text-align:center}.cta_section{position:relative;text-align:center;padding:5rem 2rem;margin-top:4rem;margin-bottom:5rem;border-radius:var(--radius-3xl);background:linear-gradient(160deg,var(--ink) 0%,var(--ink-strong) 100%);color:var(--on-ink);overflow:hidden;isolation:isolate}.cta_section:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 50% at 50% -10%,oklch(.78 .13 222 / .28),transparent 70%);pointer-events:none;z-index:-1}.cta_section h2{font-family:var(--font-sans);font-size:clamp(1.875rem,4vw,2.75rem);font-weight:var(--weight-bold);line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;color:var(--on-ink);text-align:center;text-wrap:balance}.cta_section h2 em,.cta_section h2 .accent{font-style:normal;color:var(--signal-bright)}.cta_section p{font-family:var(--font-sans);font-size:1.125rem;line-height:1.55;color:var(--on-ink-2);margin-bottom:2.5rem;max-width:52ch;margin-left:auto;margin-right:auto}.cta_section .cta_button{display:inline-block;padding:1rem 2.5rem;background:var(--signal);color:var(--ink-strong);text-decoration:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:var(--weight-bold);font-size:1.0625rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-fast);box-shadow:var(--shadow-md)}.cta_section .cta_button:hover{transform:translateY(-2px);background:var(--signal-bright);box-shadow:var(--shadow-signal);text-decoration:none}.cta_buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta_buttons .main_cta_button,.cta_buttons .secondary_cta_button{padding:0 2rem;height:56px;min-width:200px;text-align:center;cursor:pointer;font-size:1rem}.cta_section .cta_buttons .main_cta_button{background:var(--signal);color:var(--ink-strong);font-weight:var(--weight-bold)}.cta_section .cta_buttons .main_cta_button:hover{background:var(--signal-bright);color:var(--ink-strong)}.cta_section .cta_buttons .secondary_cta_button{background:transparent;color:var(--on-ink);border-color:var(--border-on-ink)}.cta_section .cta_buttons .secondary_cta_button:hover{background:#f3f5f81a;color:var(--on-ink);border-color:var(--signal)}.examples_section{padding:4rem 0}.examples_section h2{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.025em;text-align:center;margin-bottom:3rem;color:var(--ink);text-wrap:balance}.examples_grid{display:flex;flex-direction:column;gap:2rem}@media(max-width:960px){.pains_grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(max-width:767px){.feature_container{padding:0 var(--container-padding-mobile, 1.25rem)}.feature_hero{padding:2.5rem 0 1.5rem}.feature_hero h1{font-size:2rem}.feature_hero .tagline,.feature_tagline{font-size:1.0625rem}.hero_image{height:280px}.hero_description{font-size:1.125rem}.feature_cards_container{padding:2.5rem 0;gap:1rem}.feature_cards_container>*{padding-left:var(--container-padding-mobile, 1.25rem);padding-right:var(--container-padding-mobile, 1.25rem)}.feature_cards_container h2{font-size:1.625rem;margin-bottom:1.25rem}.feature_section{padding:2.5rem 0}.feature_section h2{font-size:1.625rem}.feature_section h3{font-size:1.25rem}.feature_section p,.feature_section ul,.feature_section ol{font-size:1rem}.feature_grid{grid-template-columns:1fr}.problem_solution_item{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.pains_section{padding:3rem 0}.pains_section h2{font-size:1.625rem;margin-bottom:2rem}.pains_grid{grid-template-columns:1fr;gap:1.25rem}.pain_card{padding:.625rem}.pain_content{padding:1rem}.pain_card h3{font-size:1rem}.pain_card p{font-size:.875rem}.examples_section{padding:3rem 0}.examples_section h2{font-size:1.625rem;margin-bottom:2rem}.cta_section{padding:3rem 1.5rem;margin:3rem calc(var(--container-padding-mobile, 1.25rem) * -1) 3rem;border-radius:var(--radius-2xl)}.cta_section h2{font-size:1.625rem}.cta_buttons{flex-direction:column;align-items:center;width:100%}.cta_buttons .main_cta_button,.cta_buttons .secondary_cta_button{width:100%;max-width:340px;height:52px}}@media(max-width:480px){.feature_hero h1{font-size:1.75rem}.feature_hero .tagline,.feature_tagline{font-size:1rem}.hero_image{height:220px}.hero_description{font-size:1.0625rem}.pains_section h2,.examples_section h2,.feature_section h2{font-size:1.375rem}.cta_section h2{font-size:1.5rem}.cta_section p{font-size:1rem}}
