:root{--opora-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--opora-graphite-0: #ffffff;--opora-graphite-50: #f5f5f6;--opora-graphite-100: #e7e7e9;--opora-graphite-200: #c9c9cd;--opora-graphite-300: #9c9ca3;--opora-graphite-400: #6e6e76;--opora-graphite-500: #494951;--opora-graphite-600: #2e2e34;--opora-graphite-700: #1c1c20;--opora-graphite-800: #121215;--opora-graphite-900: #0a0a0c;--opora-pink-50: #fff0f4;--opora-pink-100: #ffd5e0;--opora-pink-200: #ffa6bf;--opora-pink-300: #ff759b;--opora-pink-400: #ff4a7e;--opora-pink-500: #ff2e6b;--opora-pink-600: #d81d55;--opora-pink-700: #a81441;--opora-pink-800: #74102f;--opora-pink-900: #3f0819;--opora-success-50: #eaf7ef;--opora-success-500: #2a8a4c;--opora-success-700: #1b5c33;--opora-warn-50: #fdf5e3;--opora-warn-500: #c48913;--opora-warn-700: #7e560b;--opora-error-50: #fbeae8;--opora-error-500: #c0362b;--opora-error-700: #7f221b;--opora-info-50: #e8f0fb;--opora-info-500: #2c6bc2;--opora-info-700: #1b457f;--opora-bg: var(--opora-graphite-50);--opora-surface: var(--opora-graphite-0);--opora-surface-raised:var(--opora-graphite-0);--opora-text: var(--opora-graphite-900);--opora-text-muted: var(--opora-graphite-500);--opora-text-subtle: var(--opora-graphite-300);--opora-border: var(--opora-graphite-200);--opora-border-strong:var(--opora-graphite-300);--opora-accent: var(--opora-pink-500);--opora-accent-hover: var(--opora-pink-600);--opora-accent-soft: var(--opora-pink-50);--opora-accent-fg: #ffffff;--opora-state-hover: rgba(10,10,12,.04);--opora-state-active: rgba(10,10,12,.08);--opora-state-selected: rgba(255,46,107,.08);--opora-state-focus-ring: rgba(255,46,107,.35);--opora-text-disabled: var(--opora-graphite-300);--opora-bg-disabled: var(--opora-graphite-100);--opora-chart-1: var(--opora-pink-500);--opora-chart-2: var(--opora-graphite-700);--opora-chart-3: var(--opora-graphite-500);--opora-chart-4: var(--opora-graphite-300);--opora-chart-5: var(--opora-graphite-200);--opora-bar-track: var(--opora-graphite-100);--opora-bar-fill: var(--opora-pink-500);--opora-bar-fill-muted: var(--opora-graphite-400);--opora-spark-stroke: var(--opora-pink-500);--opora-spark-area: rgba(255,46,107,.1);--opora-spark-dot: var(--opora-pink-500);--opora-heat-0: var(--opora-graphite-100);--opora-heat-1: var(--opora-pink-100);--opora-heat-2: var(--opora-pink-300);--opora-heat-3: var(--opora-pink-500);--opora-heat-4: var(--opora-pink-700);--opora-success-bg: var(--opora-success-50);--opora-success-fg: var(--opora-success-700);--opora-warn-bg: var(--opora-warn-50);--opora-warn-fg: var(--opora-warn-700);--opora-error-bg: var(--opora-error-50);--opora-error-fg: var(--opora-error-700);--opora-info-bg: var(--opora-info-50);--opora-info-fg: var(--opora-info-700)}[data-theme=dark]{--opora-bg: var(--opora-graphite-900);--opora-surface: var(--opora-graphite-800);--opora-surface-raised:var(--opora-graphite-700);--opora-text: var(--opora-graphite-50);--opora-text-muted: var(--opora-graphite-400);--opora-text-subtle: var(--opora-graphite-500);--opora-border: var(--opora-graphite-700);--opora-border-strong:var(--opora-graphite-600);--opora-accent: var(--opora-pink-500);--opora-accent-hover: var(--opora-pink-400);--opora-accent-soft: var(--opora-graphite-800);--opora-accent-fg: #ffffff;--opora-state-hover: rgba(255,255,255,.04);--opora-state-active: rgba(255,255,255,.08);--opora-state-selected: rgba(255,46,107,.14);--opora-state-focus-ring: rgba(255,46,107,.45);--opora-text-disabled: var(--opora-graphite-600);--opora-bg-disabled: var(--opora-graphite-800);--opora-chart-1: var(--opora-pink-500);--opora-chart-2: var(--opora-graphite-300);--opora-chart-3: var(--opora-graphite-400);--opora-chart-4: var(--opora-graphite-500);--opora-chart-5: var(--opora-graphite-700);--opora-bar-track: var(--opora-graphite-700);--opora-bar-fill: var(--opora-pink-500);--opora-bar-fill-muted: var(--opora-graphite-500);--opora-spark-stroke: var(--opora-pink-500);--opora-spark-area: rgba(255,46,107,.12);--opora-spark-dot: var(--opora-pink-500);--opora-heat-0: var(--opora-graphite-800);--opora-heat-1: var(--opora-pink-900);--opora-heat-2: var(--opora-pink-800);--opora-heat-3: var(--opora-pink-700);--opora-heat-4: var(--opora-pink-500);--opora-success-bg: var(--opora-success-700);--opora-success-fg: var(--opora-success-50);--opora-warn-bg: var(--opora-warn-700);--opora-warn-fg: var(--opora-warn-50);--opora-error-bg: var(--opora-error-700);--opora-error-fg: var(--opora-error-50);--opora-info-bg: var(--opora-info-700);--opora-info-fg: var(--opora-info-50)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--opora-bg: var(--opora-graphite-900);--opora-surface: var(--opora-graphite-800);--opora-surface-raised:var(--opora-graphite-700);--opora-text: var(--opora-graphite-50);--opora-text-muted: var(--opora-graphite-400);--opora-text-subtle: var(--opora-graphite-500);--opora-border: var(--opora-graphite-700);--opora-border-strong:var(--opora-graphite-600);--opora-accent: var(--opora-pink-600);--opora-accent-hover: var(--opora-pink-500);--opora-accent-soft: var(--opora-graphite-800);--opora-accent-fg: #ffffff;--opora-success-bg: var(--opora-success-700);--opora-success-fg: var(--opora-success-50);--opora-warn-bg: var(--opora-warn-700);--opora-warn-fg: var(--opora-warn-50);--opora-error-bg: var(--opora-error-700);--opora-error-fg: var(--opora-error-50);--opora-info-bg: var(--opora-info-700);--opora-info-fg: var(--opora-info-50)}}:root{--m-section-pad-y: 96px;--m-section-pad-x: 24px;--m-content-max: 1200px;--m-narrow-max: 720px;--m-radius: 3px;--m-radius-lg: 6px;--m-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--m-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--m-text-xs: 12px;--m-text-sm: 14px;--m-text-base: 16px;--m-text-lg: 18px;--m-text-xl: 22px;--m-text-2xl: 28px;--m-text-3xl: 36px;--m-text-4xl: 52px;--m-text-5xl: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--m-font-sans);font-size:var(--m-text-base);line-height:1.6;color:var(--opora-text);background:var(--opora-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.m-container{max-width:var(--m-content-max);margin:0 auto;padding-left:var(--m-section-pad-x);padding-right:var(--m-section-pad-x);width:100%}.m-section{padding-top:var(--m-section-pad-y);padding-bottom:var(--m-section-pad-y)}.m-section--alt{background:var(--opora-surface)}.m-narrow{max-width:var(--m-narrow-max);margin:0 auto}.m-header{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--opora-border)}.m-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;max-width:var(--m-content-max);margin:0 auto;padding:0 var(--m-section-pad-x)}.m-header__brand{font-weight:700;font-size:var(--m-text-lg);letter-spacing:-.01em}.m-header__brand-mark{color:var(--opora-accent)}.m-header__nav{display:flex;gap:28px;align-items:center;font-size:var(--m-text-sm)}.m-header__nav a{color:var(--opora-text-muted);transition:color .15s}.m-header__nav a:hover{color:var(--opora-text)}.m-header__actions{display:flex;gap:12px;align-items:center}@media (max-width: 768px){.m-header__nav,.m-header__actions .m-btn--ghost{display:none}}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--m-radius);font-size:var(--m-text-sm);font-weight:600;transition:all .15s;white-space:nowrap;border:1px solid transparent}.m-btn--primary{background:var(--opora-accent);color:var(--opora-accent-fg)}.m-btn--primary:hover{background:var(--opora-accent-hover)}.m-btn--secondary{background:var(--opora-surface);color:var(--opora-text);border-color:var(--opora-border)}.m-btn--secondary:hover{border-color:var(--opora-border-strong)}.m-btn--ghost{color:var(--opora-text-muted)}.m-btn--ghost:hover{color:var(--opora-text)}.m-btn--lg{padding:14px 28px;font-size:var(--m-text-base)}.m-locale-switch{font-size:var(--m-text-sm);color:var(--opora-text-muted);display:inline-flex;align-items:center;gap:4px}.m-locale-switch a{padding:4px 8px;border-radius:6px}.m-locale-switch a:hover{background:var(--opora-graphite-100);color:var(--opora-text)}.m-hero{padding-top:120px;padding-bottom:120px;text-align:center;background:linear-gradient(180deg,var(--opora-bg) 0%,var(--opora-pink-50) 100%)}.m-hero__eyebrow{display:inline-block;font-size:var(--m-text-sm);font-weight:600;color:var(--opora-accent);letter-spacing:.06em;text-transform:uppercase;background:var(--opora-accent-soft);padding:6px 14px;border-radius:100px;margin-bottom:24px}.m-hero__title{font-size:var(--m-text-5xl);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:24px;white-space:pre-line;background:linear-gradient(135deg,var(--opora-graphite-900) 0%,var(--opora-graphite-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.m-hero__subtitle{font-size:var(--m-text-xl);color:var(--opora-text-muted);max-width:720px;margin:0 auto 40px;line-height:1.5}.m-hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.m-hero{padding-top:64px;padding-bottom:64px}.m-hero__title{font-size:var(--m-text-4xl)}.m-hero__subtitle{font-size:var(--m-text-lg)}}.m-heading{text-align:center;margin-bottom:56px}.m-heading__title{font-size:var(--m-text-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}.m-heading__subtitle{font-size:var(--m-text-lg);color:var(--opora-text-muted);max-width:640px;margin:0 auto}.m-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.m-card{background:var(--opora-surface);border:1px solid var(--opora-border);border-radius:var(--m-radius-lg);padding:32px;transition:border-color .15s,transform .15s}.m-card:hover{border-color:var(--opora-accent);transform:translateY(-2px)}.m-card__emoji{font-size:36px;margin-bottom:16px}.m-card__title{font-size:var(--m-text-lg);font-weight:700;margin-bottom:8px}.m-card__body{color:var(--opora-text-muted);font-size:var(--m-text-base)}.m-integrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.m-integration-cat{background:var(--opora-surface);border:1px solid var(--opora-border);border-radius:var(--m-radius);padding:24px}.m-integration-cat__label{font-size:var(--m-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--opora-accent);margin-bottom:12px}.m-integration-cat__items{display:flex;flex-wrap:wrap;gap:8px}.m-integration-pill{display:inline-block;padding:6px 12px;background:var(--opora-graphite-50);border-radius:6px;font-size:var(--m-text-sm);font-weight:500;color:var(--opora-text)}.m-integrations-cta{text-align:center;margin-top:32px}.m-integrations-cta a{font-size:var(--m-text-base);color:var(--opora-accent);font-weight:600}.m-integrations-cta a:hover{text-decoration:underline}.m-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}.m-pricing-tier{background:var(--opora-surface);border:1px solid var(--opora-border);border-radius:var(--m-radius-lg);padding:36px 32px;display:flex;flex-direction:column}.m-pricing-tier--highlighted{border-color:var(--opora-accent);border-width:2px;position:relative;box-shadow:0 12px 32px -16px #d81d554d}.m-pricing-tier__name{font-size:var(--m-text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--opora-text-muted);margin-bottom:16px}.m-pricing-tier__price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.m-pricing-tier__price-amount{font-size:var(--m-text-3xl);font-weight:800;letter-spacing:-.02em}.m-pricing-tier__price-period{font-size:var(--m-text-sm);color:var(--opora-text-muted)}.m-pricing-tier__description{color:var(--opora-text-muted);font-size:var(--m-text-sm);margin-bottom:24px;min-height:40px}.m-pricing-tier__features{list-style:none;margin-bottom:32px;flex:1}.m-pricing-tier__features li{padding:6px 0;font-size:var(--m-text-sm);display:flex;align-items:center;gap:10px}.m-pricing-tier__features li:before{content:"✓";color:var(--opora-accent);font-weight:700}.m-form{display:grid;gap:16px;background:var(--opora-surface);padding:40px;border-radius:var(--m-radius-lg);border:1px solid var(--opora-border)}@media (min-width: 640px){.m-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}}.m-field{display:flex;flex-direction:column;gap:6px}.m-field label{font-size:var(--m-text-sm);font-weight:600;color:var(--opora-text)}.m-field input,.m-field textarea{padding:10px 14px;border:1px solid var(--opora-border);border-radius:8px;background:var(--opora-surface);color:var(--opora-text);transition:border-color .15s}.m-field input:focus,.m-field textarea:focus{outline:none;border-color:var(--opora-accent)}.m-field textarea{resize:vertical;min-height:80px}.m-form__consent{font-size:var(--m-text-xs);color:var(--opora-text-muted);line-height:1.5}.m-form__consent a{color:var(--opora-accent);text-decoration:underline}.m-form__success,.m-form__error{padding:24px;border-radius:var(--m-radius);text-align:center}.m-form__success{background:var(--opora-success-bg);color:var(--opora-success-fg)}.m-form__error{background:var(--opora-error-bg);color:var(--opora-error-fg)}.m-footer{background:var(--opora-graphite-900);color:var(--opora-graphite-200);padding:64px 0 32px;font-size:var(--m-text-sm)}.m-footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;margin-bottom:48px}@media (max-width: 768px){.m-footer__grid{grid-template-columns:1fr 1fr}}.m-footer__brand-name{font-size:var(--m-text-lg);font-weight:700;color:#fff;margin-bottom:8px}.m-footer__brand-name span{color:var(--opora-accent)}.m-footer__brand-tagline{color:var(--opora-graphite-400)}.m-footer__col h4{font-size:var(--m-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--opora-graphite-300);margin-bottom:16px}.m-footer__col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.m-footer__col a{color:var(--opora-graphite-200);transition:color .15s}.m-footer__col a:hover{color:#fff}.m-footer__bottom{padding-top:24px;border-top:1px solid var(--opora-graphite-700);color:var(--opora-graphite-400);font-size:var(--m-text-xs);text-align:center}.opora-logo{display:inline-flex;align-items:center;gap:8px;color:inherit}.opora-logo-word{font-family:var(--opora-font-mono);letter-spacing:0em;font-size:19px;line-height:1}
