.home-showcase { --paper:#f7faf8; --ink:#153e43; --sub:#536d70; --line:#dce7e2; --panel:#fff; font-family:Inter,sans-serif; color:var(--ink); background:var(--paper); overflow:hidden; }
.home-showcase * { box-sizing:border-box; }
.home-showcase h1,.home-showcase h2,.home-showcase h3,.home-showcase p { margin:0; }
.home-showcase h1,.home-showcase h2,.home-showcase h3,.home-showcase h4 {font-family:Outfit,sans-serif;color:inherit;}
.home-showcase h2,.home-showcase h3 {text-wrap:balance;}
.home-showcase button,.home-showcase a {font:inherit;}
.home-showcase button {cursor:pointer;}
.home-showcase button:focus-visible,.home-showcase a:focus-visible,.home-showcase video:focus-visible {outline:3px solid #ee8a22;outline-offset:4px;}
.home-showcase .fp-wrap {padding:0 5%;}
.home-showcase a {color:inherit;text-decoration:none;}
.home-showcase .fp-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:12px 20px;border-radius:8px;border:1px solid transparent;font-size:12px;font-weight:600;text-align:center;}
.home-showcase .fp-primary {background:#a8e4b7;color:#153e43;}
.home-showcase .fp-outline {border-color:rgba(255,255,255,.35);background:transparent;color:#fff;}
.home-showcase .fp-hero {position:relative;padding-top:55px;padding-bottom:64px;background:radial-gradient(ellipse at 90% 0%,#23595a 0%,transparent 55%),#14383d;color:#fff;}
.home-showcase .fp-hero-copy {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(40px,5vw,72px);}
.home-showcase .fp-hero-copy .fp-kicker {grid-column:1/-1;}
.home-showcase .fp-hero-body {grid-column:2;margin-top:20px;}
.home-showcase .fp-kicker {font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;display:block;}
.home-showcase .fp-hero .fp-kicker {color:#a8e4b7;}
.home-showcase h1 {max-width:760px;font-size:clamp(42px,5vw,62px);line-height:.99;letter-spacing:-.045em;font-weight:600;margin:20px 0 22px;}
.home-showcase h1 span {color:#a8e4b7;}
.home-showcase .fp-hero-intro {max-width:650px;color:#c4d7d5;font-size:15px;line-height:1.7;}
.home-showcase .fp-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:27px;}
.home-showcase .fp-lifecycle {display:grid;grid-template-columns:3fr 3fr 1fr 1fr;column-gap:28px;margin-top:clamp(40px,4.5vw,56px);padding:22px 24px 24px;border:1px solid #507274;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:0 28px 70px rgba(5,24,27,.2);}
.home-showcase .fp-lane {position:relative;display:flex;flex-direction:column;padding-bottom:24px;border-top:2px solid #416166;transition:border-color .4s;}
.home-showcase .fp-lane::after {position:absolute;bottom:0;left:50%;width:1px;height:16px;background:#507274;content:"";transition:background-color .4s;}
.home-showcase .fp-lane:has(.is-live) {border-top-color:#a8e4b7;}
.home-showcase .fp-lane:has(.is-live)::after {background:#a8e4b7;}
.home-showcase .fp-lane-name {display:flex;gap:9px;align-items:baseline;padding:12px 0;font-size:14px;font-weight:600;}
.home-showcase .fp-lane-name span {font-family:Outfit,sans-serif;font-size:12px;color:#f5b36f;}
.home-showcase .fp-lane ul {flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;}
.home-showcase .fp-lane li {display:grid;}
.home-showcase .fp-tool {position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:10px 14px;border:1px solid #507274;border-radius:8px;font-size:14px;font-weight:500;line-height:1.25;transition:border-color .4s,background-color .4s;}
.home-showcase .fp-tool small {color:#bcd3cf;font-size:11px;font-weight:500;}
.home-showcase a.fp-tool:hover {border-color:#a8e4b7;}
.home-showcase .fp-tool::after {position:absolute;right:10px;bottom:10px;width:7px;height:7px;border-radius:50%;background:#a8e4b7;content:"";opacity:0;transition:opacity .4s;}
.home-showcase .fp-tool.is-live {border-color:#a8e4b7;background:rgba(168,228,183,.13);}
.home-showcase .fp-tool.is-live::after {opacity:1;}
.home-showcase .fp-relationship {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:28px;align-items:center;padding:20px 20px 20px 24px;border-radius:14px;background:#d4eddf;color:#153e43;}
.home-showcase .fp-relationship .fp-lane-name {padding:0 0 10px;}
.home-showcase .fp-relationship .fp-lane-name span {color:#9a4f0b;}
.home-showcase .fp-relationship h2 {font-size:26px;line-height:1.1;font-weight:600;}
.home-showcase .fp-relationship h2 a {display:inline-flex;gap:10px;align-items:center;}
.home-showcase .fp-relationship h2 a:hover {color:#217d8b;}
.home-showcase .fp-relationship a:focus-visible {outline-color:#153e43;}
.home-showcase .fp-relationship > div > p:not(.fp-lane-name) {margin-top:8px;font-size:14px;line-height:1.55;}
.home-showcase .fp-relationship ul {display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;}
.home-showcase .fp-relationship li {padding:5px 9px;border:1px solid #a8cbbd;border-radius:5px;font-size:12px;transition:border-color .4s,background-color .4s;}
.home-showcase .fp-relationship li.is-live {border-color:#217d8b;background:#fff;}
.home-showcase .fp-live-card {display:flex;flex-direction:column;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(15,45,48,.12);}
.home-showcase .fp-live {position:relative;height:166px;}
.home-showcase .fp-pause {align-self:flex-end;display:grid;place-items:center;width:26px;height:26px;margin:0 10px 10px;padding:0;border:1px solid #c9dad3;border-radius:50%;background:#fff;color:#153e43;}
.home-showcase .fp-pause:hover {border-color:#217d8b;}
.home-showcase .fp-pause::before {width:8px;height:10px;border-left:3px solid;border-right:3px solid;content:"";}
.home-showcase .fp-pause.is-paused::before {width:0;height:0;margin-left:3px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor;}
.home-showcase .fp-moment {position:absolute;inset:0;display:grid;align-content:start;gap:9px;padding:14px 18px;font-size:13px;line-height:1.4;opacity:0;transition:opacity .35s;}
.home-showcase .fp-moment.is-on {opacity:1;}
.home-showcase .fp-moment.is-on > * {animation:fp-step .45s ease-out both;}
.home-showcase .fp-moment.is-on > :nth-child(2) {animation-delay:.25s;}
.home-showcase .fp-moment.is-on > :nth-child(3) {animation-delay:1.05s;}
.home-showcase .fp-moment.is-on > :nth-child(4) {animation-delay:1.85s;}
.home-showcase .fp-moment.is-on > :nth-child(5) {animation-delay:2.65s;}
@keyframes fp-step {from {opacity:0;transform:translateY(6px);}}
.home-showcase .fp-moment-head {max-width:none;display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #dce7e2;color:#536d70;font-size:12px;}
.home-showcase .fp-moment-head b {color:#153e43;font-weight:600;}
.home-showcase .fp-moment span {display:inline-block;min-width:104px;color:#536d70;}
.home-showcase .fp-flag,.home-showcase .fp-ok {display:flex;gap:8px;align-items:center;font-weight:600;}
.home-showcase .fp-flag {color:#70451e;}
.home-showcase .fp-ok {color:#25633b;}
.home-showcase .fp-flag::before,.home-showcase .fp-ok::before {display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;}
.home-showcase .fp-flag::before {background:#fff3e5;color:#9a4f0b;content:"!";}
.home-showcase .fp-ok::before {background:#e5f3e9;color:#25633b;content:"\2713";}
@media(prefers-reduced-motion:reduce){
 .home-showcase .fp-lifecycle *,.home-showcase .fp-lifecycle *::after {animation:none !important;transition:none !important;}
}
.home-showcase .fp-split-head {display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:60px;}
.home-showcase .fp-split-head > p {max-width:480px;color:var(--sub);font-size:16px;line-height:1.7;}
.home-showcase .fp-problem {padding-top:64px;padding-bottom:64px;background:#fff;border-bottom:1px solid var(--line);}
.home-showcase .fp-problem-body {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:44px;}
.home-showcase .fp-pains {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:0;padding:0;list-style:none;}
.home-showcase .fp-pains li {position:relative;padding-left:24px;font-size:15px;line-height:1.6;}
.home-showcase .fp-pains li::before {position:absolute;top:.5em;left:0;width:9px;height:9px;border:1.5px solid #93aaa6;border-radius:50%;content:"";}
.home-showcase .fp-file {padding:1px 5px;border-radius:4px;background:#eef4f1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;white-space:nowrap;}
.home-showcase .fp-video {margin:0;}
.home-showcase .fp-video video {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#14383d;box-shadow:0 16px 35px rgba(15,45,48,.12);}
.home-showcase .fp-video figcaption {margin-top:12px;color:var(--sub);font-size:13px;}
.home-showcase .fp-features {padding-top:56px;padding-bottom:56px;background:#fff;border-top:1px solid var(--line);}
.home-showcase h2 {font-size:clamp(27px,4vw,39px);line-height:1.1;letter-spacing:-.025em;font-weight:500;}
.home-showcase .fp-features h2 {margin-bottom:28px;}
.home-showcase .fp-text-link {font-size:12px;font-weight:600;white-space:nowrap;}
.home-showcase .fp-tabs {display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);margin-bottom:32px;gap:16px;}
.home-showcase .fp-tabs button {text-align:left;padding:8px 0 14px;color:var(--sub);background:none;border:0;border-bottom:3px solid transparent;font-size:12px;}
.home-showcase .fp-tabs button[aria-selected=true] {color:var(--ink);border-bottom-color:#ee8a22;}
.home-showcase .fp-spotlight {display:grid;grid-template-columns:1fr 1.16fr;align-items:center;gap:6%;min-height:280px;}
.home-showcase .fp-feature-copy h3 {font-size:clamp(27px,3.6vw,37px);line-height:1.08;letter-spacing:-.025em;max-width:350px;margin-bottom:15px;}
.home-showcase .fp-feature-copy p {font-size:13px;line-height:1.75;color:var(--sub);max-width:360px;}
.home-showcase .fp-feature-copy p:first-child {color:var(--ink);font-size:18px;line-height:1.6;}
.home-showcase .fp-feature-copy .fp-text-link {display:inline-block;margin-top:25px;}
.home-showcase .fp-scene {position:relative;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 35px rgba(15,45,48,.07);}
.home-showcase .fp-scene-label {font-size:10px;letter-spacing:.1em;color:var(--sub);text-transform:uppercase;display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;}
.home-showcase .fp-scene h4 {font-size:15px;margin:0 0 18px;font-weight:600;}
.home-showcase .fp-notice {display:flex;gap:12px;align-items:flex-start;background:#fff3e5;color:#70451e;padding:15px;border-radius:8px;font-size:12px;line-height:1.5;}
.home-showcase .fp-notice strong {display:block;margin-bottom:4px;}
.home-showcase .fp-timeline {display:flex;justify-content:space-between;gap:10px;margin:30px 0 19px;border-top:2px solid var(--line);}
.home-showcase .fp-timeline span {font-size:10px;position:relative;padding-top:13px;color:var(--sub);}
.home-showcase .fp-timeline span:before {content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;background:var(--sub);border-radius:50%;}
.home-showcase .fp-timeline span:nth-child(2):before {background:#ee8a22;}
.home-showcase .fp-record-line {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;}
.home-showcase .fp-record-line:last-child {border-bottom:0;}
.home-showcase .fp-scene .fp-flag {margin:0;max-width:none;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;}
.home-showcase .fp-tag {font-size:10px;background:#e5f3e9;color:#25633b;padding:5px 8px;border-radius:5px;white-space:nowrap;}
.home-showcase .fp-mini {color:var(--sub);font-size:11px;line-height:1.6;}
.home-showcase .fp-scene > .fp-mini {margin-top:14px;}
.home-showcase .fp-answer {font-size:14px;line-height:1.6;padding:15px 0;}
.home-showcase .fp-citation {display:inline-block;font-size:11px;padding:7px 10px;color:var(--ink);border:1px solid var(--line);border-radius:5px;}
.home-showcase .fp-why {padding-top:64px;padding-bottom:64px;background:#14383d;color:#fff;}
.home-showcase .fp-why h2 {max-width:820px;}
.home-showcase .fp-why-intro {margin-top:16px;color:#c4d7d5;font-size:16px;line-height:1.6;}
.home-showcase .fp-why-intro a {color:#a8e4b7;font-weight:600;white-space:nowrap;}
.home-showcase .fp-reasons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;}
.home-showcase .fp-reasons > div {padding:22px 20px;border:1px solid #416166;border-radius:12px;background:rgba(255,255,255,.04);}
.home-showcase .fp-reasons h3 {margin-bottom:10px;font-size:18px;line-height:1.25;font-weight:600;}
.home-showcase .fp-reasons p {color:#c4d7d5;font-size:14px;line-height:1.65;}
.home-showcase .fp-close {padding-top:40px;padding-bottom:44px;display:flex;justify-content:space-between;align-items:center;gap:24px;}
.home-showcase .fp-close p {color:var(--sub);font-size:12px;line-height:1.65;margin-top:11px;}
.home-showcase .fp-close .fp-button {background:#217d8b;color:#fff;}
.home-showcase [hidden] {display:none !important;}

.home-showcase .fp-wrap { padding-left:max(5%, calc((100% - 1200px) / 2)); padding-right:max(5%, calc((100% - 1200px) / 2)); }
.home-showcase .fp-hero { padding-top:calc(var(--nav-height) + 4rem); }
.home-showcase .fp-tabs button {font-size:14px; line-height:1.5;}
.home-showcase .fp-kicker,.home-showcase .fp-mini {font-size:12px;}
.home-showcase .fp-hero-intro {font-size:17px;max-width:670px;}
.home-showcase .fp-feature-copy p {font-size:15px;}
.home-showcase .fp-scene-label,.home-showcase .fp-tag,.home-showcase .fp-timeline span {font-size:11px;}
.home-showcase .fp-features {scroll-margin-top:var(--nav-height);}
.home-showcase .fp-close p {font-size:14px;}
.home-showcase .fp-close .fp-price-actions {display:flex;gap:12px;flex-wrap:wrap;}
.home-showcase .fp-close .fp-price-link {background:transparent;color:var(--ink);border:1px solid var(--line);}

@media(max-width:1200px){
 .home-showcase .fp-lifecycle {grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;}
 .home-showcase .fp-lane ul {grid-auto-flow:row;align-content:start;}
}

@media(max-width:980px){
 .home-showcase .fp-hero-copy {grid-template-columns:1fr;max-width:760px;}
 .home-showcase .fp-hero-body {grid-column:auto;margin-top:0;}
 .home-showcase .fp-relationship {grid-template-columns:1fr;}
 .home-showcase .fp-split-head {grid-template-columns:1fr;gap:16px;}
 .home-showcase .fp-split-head > p {max-width:640px;}
 .home-showcase .fp-problem-body {grid-template-columns:1fr;gap:40px;}
 .home-showcase .fp-video {max-width:640px;}
 .home-showcase .fp-reasons {grid-template-columns:repeat(2,minmax(0,1fr));}
 .home-showcase .fp-tabs {grid-template-columns:repeat(3,1fr);}
 .home-showcase h1 {font-size:clamp(42px,8vw,64px);}
}

@media(max-width:680px){
 .home-showcase .fp-spotlight {grid-template-columns:1fr;gap:26px;}
 .home-showcase .fp-feature-copy h3,.home-showcase .fp-feature-copy p {max-width:none;}
 .home-showcase .fp-tabs {grid-template-columns:repeat(2,1fr);gap:8px 20px;}
 .home-showcase .fp-close {align-items:flex-start;flex-direction:column;}
 .home-showcase .fp-problem,.home-showcase .fp-why {padding-top:44px;padding-bottom:44px;}
 .home-showcase .fp-problem-body {margin-top:32px;}
 .home-showcase .fp-pains {grid-template-columns:1fr;}
 .home-showcase .fp-reasons {grid-template-columns:1fr;gap:12px;margin-top:28px;}
 .home-showcase .fp-hero {padding-top:calc(var(--nav-height) + 2.5rem);}
 .home-showcase h1 {font-size:clamp(34px,10.8vw,52px);line-height:1.01;}
 .home-showcase .fp-hero-intro {font-size:16px;}
 .home-showcase .fp-lifecycle {grid-template-columns:1fr 1fr;gap:18px 8px;padding:16px;}
 .home-showcase .fp-lane:nth-child(-n+2) {grid-column:1/-1;}
 .home-showcase .fp-lane:nth-child(n+3) ul {grid-template-columns:1fr;}
 .home-showcase .fp-lane {padding-bottom:0;}
 .home-showcase .fp-lane::after {display:none;}
 .home-showcase .fp-lane ul {grid-template-columns:repeat(2,minmax(0,1fr));}
 .home-showcase .fp-relationship {padding:18px;}
 .home-showcase .fp-relationship h2 {font-size:23px;}
 .home-showcase .fp-live {height:220px;}
 .home-showcase .fp-moment {padding:14px;}
 .home-showcase .fp-moment span {display:block;min-width:0;}
 .home-showcase .fp-button {padding:12px 16px;}
 .home-showcase .fp-scene {padding:18px;}
 .home-showcase .fp-text-link {white-space:normal;}
 .home-showcase .fp-record-line {flex-wrap:wrap;}
}
