@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--color-text:#45515d;--color-heading:#0f172a;--color-background:#f4f5ef;--color-surface:#ffffffdb;--color-surface-muted:#ffffffbd;--color-surface-strong:#fff;--color-border:#0f172a14;--color-code-bg:#0f172a0f;--color-accent:#0f8a5f;--color-accent-strong:#0c6b4a;--color-accent-soft:#0f8a5f1f;--color-accent-border:#0f8a5f38;--color-hero-glow:#0f8a5f29;--shadow-soft:0 18px 45px #0f172a14;--shadow-card:0 24px 80px #0f172a1a;--font-sans:"Instrument Sans", "Aptos", "Segoe UI", sans-serif;--font-heading:"Space Grotesk", "Aptos Display", "Segoe UI", sans-serif;--font-mono:"Cascadia Code", "Consolas", monospace;color:var(--color-text);background:var(--color-background);font-family:var(--font-sans);letter-spacing:-.01em;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;line-height:1.65}@media (width<=1024px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(circle at top, var(--color-hero-glow), transparent 34%), linear-gradient(180deg, #faf8f2 0%, #eef4ef 100%);min-width:320px;margin:0}body,button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}.app-loading{min-height:100svh;color:var(--color-heading);flex:1;place-items:center;padding:32px;display:grid}h1,h2,h3{color:var(--color-heading);text-wrap:balance;margin:0}h1,h2{font-family:var(--font-heading);font-weight:700}h1{letter-spacing:-.08em;font-size:clamp(3.15rem,6vw,5.6rem);line-height:.94}h2{letter-spacing:-.04em;font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.04}h3{font-family:var(--font-sans);letter-spacing:-.03em;font-size:1.18rem;font-weight:600;line-height:1.2}@media (width<=1024px){h1{font-size:clamp(2.8rem,14vw,4.35rem)}h2{font-size:clamp(1.65rem,6vw,2rem)}}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0}code{background:var(--color-code-bg);color:var(--color-heading);font-family:var(--font-mono);border-radius:10px;padding:4px 8px;font-size:15px;line-height:1.35;display:inline-flex}.home-page{flex:1;padding:clamp(20px,3vw,40px) clamp(16px,3vw,32px) clamp(56px,7vw,96px)}.home-page__content{gap:clamp(32px,5vw,72px);width:min(1180px,100%);margin:0 auto;display:grid}.home-page__content>section{text-align:left}.showcase,.home-page__audience,.home-page__why,.home-page__solution,.home-page__features,.home-page__example,.home-page__workflow,.home-page__updates,.home-page__feedback{gap:clamp(24px,3vw,34px);display:grid}.home-page__audience-copy,.home-page__why-copy,.home-page__solution-copy,.home-page__differentiators-copy,.home-page__features-copy,.home-page__example-copy,.home-page__workflow-copy,.home-page__updates-copy,.home-page__feedback-copy{gap:14px;max-width:46rem;display:grid}.home-page__feedback{width:min(960px,100%);margin:0 auto}.home-page__feedback-copy{gap:12px;max-width:760px}.section-eyebrow,.section-label{color:var(--color-accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.hero{isolation:isolate;text-align:center;border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:radial-gradient(circle at 100% 0,#0f8a5f29,#0000 30%),linear-gradient(160deg,#fffffff7,#ffffffd1);border-radius:36px;justify-items:center;gap:clamp(20px,2.6vw,28px);padding:clamp(32px,6vw,72px);display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;z-index:-1;border-radius:999px;position:absolute}.hero:before{filter:blur(10px);background:#0f8a5f17;width:280px;height:280px;top:-90px;right:-40px}.hero:after{filter:blur(14px);background:#0f8a5f12;width:240px;height:240px;bottom:-90px;left:-30px}.hero__eyebrow{border:1px solid var(--color-accent-border);color:var(--color-accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#ffffffc2;border-radius:999px;margin:0;padding:10px 16px;font-size:.86rem;font-weight:700;box-shadow:0 12px 24px #0f172a0d}.hero__headline{max-width:10ch}.hero__subheadline{max-width:42rem;color:var(--color-text);text-align:center;font-size:clamp(1.08rem,1.7vw,1.28rem);line-height:1.72}.hero__actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero__supporting-copy{color:#0f172ab3;text-align:center;max-width:38rem;font-size:1rem}.hero__highlights{flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;display:flex}.hero__highlights li{color:var(--color-heading);background:#fffc;border:1px solid #0f8a5f2e;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:0 12px 26px #0f172a0d}.hero__highlights li:before{content:"";background:var(--color-accent);border-radius:999px;width:8px;height:8px}.cta-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:172px;padding:14px 22px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:inline-flex}.cta-button:hover{transform:translateY(-1px)}.cta-button:focus-visible{outline-offset:3px;outline:3px solid #0f8a5f47}.cta-button--primary{background:var(--color-accent);color:#f7fdf9;box-shadow:0 18px 40px #0f8a5f3d}.cta-button--primary:hover{background:var(--color-accent-strong)}.cta-button--secondary{border-color:var(--color-accent-border);color:var(--color-heading);background:#ffffffbd}.cta-button--secondary:hover{box-shadow:var(--shadow-soft);border-color:#0f8a5f61}.showcase{grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start}.install-card,.demo-card,.example-card,.onlock-output{box-shadow:var(--shadow-soft);border-radius:28px}.install-card,.demo-card{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:18px;min-height:100%;padding:clamp(24px,4vw,30px);display:grid}.install-card__description,.demo-card__description{color:var(--color-text)}.install-card__steps{gap:12px;list-style:none;display:grid}.install-card__step{border:1px solid var(--color-border);background:#ffffffb8;border-radius:18px;gap:8px;padding:16px;display:grid}.install-card__step h3{font-size:1.02rem}.install-card__step p{color:var(--color-text);line-height:1.62}.install-card__command{border:1px solid var(--color-border);background:var(--color-surface-strong);border-radius:18px;align-items:center;gap:12px;padding:16px 18px;display:flex;overflow-x:auto}.install-card__prompt{color:var(--color-accent-strong);font-family:var(--font-mono);flex:none;font-size:1rem;font-weight:700}.install-card__command code{white-space:nowrap;background:0 0;border-radius:0;flex:none;padding:0;font-size:.96rem;display:block}.install-card__actions{flex-wrap:wrap;gap:12px;display:flex}.install-card__button{background:var(--color-accent);color:#f7fdf9;border-radius:999px;justify-content:center;align-items:center;min-width:220px;padding:12px 18px;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 14px 30px #0f8a5f33}.install-card__button:hover{background:var(--color-accent-strong);transform:translateY(-1px)}.install-card__button:focus-visible{outline-offset:3px;outline:3px solid #0f8a5f47}.install-card__note{color:#0f172aa3;font-size:.95rem}.demo-card__header{justify-content:space-between;align-items:start;gap:16px;display:flex}.demo-card__caption{color:#0f172a94;flex:none;font-size:.9rem}.demo-card__window{background:#0f172a;border:1px solid #e7ebf014;border-radius:24px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.demo-card__gif{background:#0f172a;width:100%;height:auto}.demo-card__toolbar{background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 18px;display:flex}.demo-card__dot{background:#ffffff59;border-radius:999px;width:10px;height:10px}.demo-card__toolbar-label{color:#ffffffad;margin-left:8px;font-size:.88rem}.demo-card__signals{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo-card__signal{border:1px solid var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent-strong);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.problem-list,.audience-grid,.benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;display:grid}.differentiator-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;display:grid}.differentiator-grid{margin-bottom:10px}.problem-list__item,.audience-grid__item,.benefit-list__item,.differentiator-grid__item,.feature-grid__item,.workflow-list__item{min-height:100%;box-shadow:var(--shadow-soft);border-radius:22px;gap:12px;padding:clamp(20px,3vw,24px);display:grid}.problem-list__item,.audience-grid__item,.feature-grid__item,.workflow-list__item{border:1px solid var(--color-border);background:var(--color-surface-muted)}.benefit-list__item,.differentiator-grid__item{border:1px solid var(--color-accent-border);background:linear-gradient(#0f8a5f1a,#ffffffeb)}.problem-list__item p,.audience-grid__item p,.benefit-list__item p:last-child,.differentiator-grid__item p,.feature-grid__item p:last-child,.workflow-list__item p:last-child{color:var(--color-text);line-height:1.66}.benefit-list__marker,.feature-grid__tag,.workflow-list__number{letter-spacing:.08em;text-transform:uppercase;background:var(--color-accent-soft);width:fit-content;color:var(--color-accent-strong);border-radius:999px;justify-content:center;align-self:start;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.example-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:20px;display:grid}.example-card,.onlock-output{border:1px solid var(--color-border);background:#ffffffe6;gap:18px;min-height:100%;padding:clamp(22px,3vw,28px);display:grid}.example-card--before{border-color:#b91c1c24;grid-column:span 4}.onlock-output{border-color:var(--color-accent-border);background:linear-gradient(#0f8a5f1a,#ffffffeb);grid-column:span 4}.example-card--after{border-color:#0f8a5f38;grid-column:span 4}.example-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.example-card__badge{color:#991b1b;letter-spacing:.08em;text-transform:uppercase;background:#b91c1c1a;border-radius:999px;align-items:center;width:fit-content;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.example-card__badge--accent{background:var(--color-accent-soft);color:var(--color-accent-strong)}.example-card__badge--success{color:var(--color-accent-strong);background:#0f8a5f24}.example-card__caption{color:#0f172a9e;font-size:.9rem}.code-block{color:#e2e8f0;background:#0f172a;border-radius:18px;margin:0;padding:18px;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a}.code-block code{color:inherit;font-family:var(--font-mono);white-space:pre;background:0 0;border-radius:0;padding:0;font-size:.88rem;line-height:1.75;display:block}.onlock-output__severity{color:#991b1b;background:#b91c1c1a;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:10px 14px;font-size:.86rem;font-weight:700;display:inline-flex}.onlock-output__severity-dot{background:#dc2626;border-radius:999px;width:10px;height:10px}.onlock-output__list{gap:14px;list-style:none;display:grid}.onlock-output__item{background:#ffffffc2;border:1px solid #0f8a5f24;border-radius:18px;gap:8px;padding:16px;display:grid}.onlock-output__label{color:var(--color-accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.onlock-output__text{color:var(--color-text);line-height:1.66}.workflow-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;display:grid}.workflow-list__item{gap:14px;position:relative}.workflow-list__item:not(:last-child):after{content:"";background:linear-gradient(90deg,#0f8a5f38,#0f8a5f9e);width:18px;height:2px;position:absolute;top:46px;left:calc(100% + 8px)}.workflow-list__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.workflow-list__number{min-width:46px;height:32px}.workflow-list__visual{border:1px solid var(--color-accent-border);width:42px;height:42px;color:var(--color-accent-strong);font-family:var(--font-heading);background:linear-gradient(#0f8a5f2e,#ffffffe6);border-radius:14px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:inline-flex}.updates-list{gap:18px;list-style:none;display:grid}.update-card{border:1px solid var(--color-accent-border);box-shadow:var(--shadow-soft);background:linear-gradient(#0f8a5f1a,#fffffff0);border-radius:28px;gap:18px;padding:clamp(24px,4vw,30px);display:grid}.update-card__header{justify-content:space-between;align-items:start;gap:16px;display:flex}.update-card__intro{gap:12px;display:grid}.update-card__tag{background:var(--color-accent-soft);width:fit-content;color:var(--color-accent-strong);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.update-card__title{font-family:var(--font-heading);letter-spacing:-.04em;font-size:clamp(1.45rem,2.4vw,1.95rem);font-weight:700;line-height:1.08}.update-card__date{color:#0f172a9e;white-space:nowrap;font-size:.95rem;font-weight:600}.update-card__summary{max-width:44rem;color:var(--color-text);font-size:1.02rem;line-height:1.7}.update-card__highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;display:grid}.update-card__highlight{min-height:100%;color:var(--color-text);background:#ffffffc7;border:1px solid #0f8a5f24;border-radius:18px;padding:18px;line-height:1.62;display:grid}.feedback-form{border:1px solid var(--color-border);box-shadow:var(--shadow-soft);background:#ffffffd6;border-radius:22px;gap:16px;padding:22px;display:grid}.feedback-form__field{gap:8px;display:grid}.feedback-form__label{color:var(--color-heading);font-size:.92rem;font-weight:600}.feedback-form__input,.feedback-form__textarea{border:1px solid var(--color-border);width:100%;color:var(--color-heading);background:#fffffff0;border-radius:16px;padding:14px 16px}.feedback-form__input::placeholder,.feedback-form__textarea::placeholder{color:#4b5560b8}.feedback-form__input:focus,.feedback-form__textarea:focus{outline-offset:2px;border-color:#0f8a5f61;outline:3px solid #0f8a5f2e}.feedback-form__textarea{resize:vertical;min-height:150px}.feedback-form__footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.feedback-form__status{color:var(--color-text);line-height:1.5}.feedback-form__status--success{color:var(--color-accent-strong)}.feedback-form__status--error{color:#991b1b}.feedback-form__submit{background:var(--color-accent);color:#f7fdf9;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:168px;padding:12px 18px;font-weight:600;transition:transform .2s,background-color .2s,opacity .2s;display:inline-flex;box-shadow:0 14px 30px #0f8a5f2e}.feedback-form__submit:hover:not(:disabled){background:var(--color-accent-strong);transform:translateY(-1px)}.feedback-form__submit:disabled{opacity:.75;cursor:wait}.feedback-form__submit:focus-visible{outline-offset:3px;outline:3px solid #0f8a5f47}@media (width<=1080px){.showcase{grid-template-columns:1fr}.problem-list,.audience-grid,.benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.example-card--before,.example-card--after{grid-column:span 6}.onlock-output{order:-1;grid-column:1/-1}.workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}.update-card__highlights{grid-template-columns:1fr}.workflow-list__item:after{display:none}}@media (width<=760px){.home-page{padding:16px 14px 48px}.home-page__content{gap:28px}.hero{text-align:center;border-radius:28px;justify-items:center;padding:28px 20px}.hero__actions,.hero__highlights{justify-content:center}.cta-button,.install-card__button{width:100%}.install-card,.demo-card,.example-card,.onlock-output,.update-card{border-radius:24px}.install-card,.demo-card,.example-card,.onlock-output,.workflow-list__item,.update-card{padding:22px 18px}.problem-list,.audience-grid,.benefit-list,.differentiator-grid,.feature-grid,.workflow-list{grid-template-columns:1fr}.feedback-form{padding:20px}.example-card--before,.onlock-output,.example-card--after{order:initial;grid-column:1/-1}.demo-card__header,.update-card__header,.feedback-form__footer{flex-direction:column;align-items:stretch}.update-card__date{white-space:normal}.feedback-form__submit{width:100%}}@media (width<=520px){.hero__headline{max-width:9ch}.hero__subheadline,.hero__supporting-copy{max-width:100%}.install-card__command{align-items:start}.install-card__command code{white-space:pre-wrap}.example-card__header{flex-direction:column;align-items:start}.code-block{padding:16px}.code-block code{font-size:.82rem}}