:root{--font-display: "Archivo", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Space Grotesk", ui-monospace, monospace;--stretch-wide: 125%;--r-xs: 5px;--r-sm: 8px;--r-md: 11px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--success: #16A34A;--success-on: #ffffff;--warning: #F59E0B;--danger: #E23B2E;--danger-on: #ffffff;--info: #2563EB;--t-display: 34px;--t-h1: 26px;--t-h2: 21px;--t-h3: 17px;--t-body: 15px;--t-sm: 13px;--t-xs: 11px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--bg: #FBF3EC;--bg-grad: radial-gradient(120% 80% at 100% 0%, #FFEFE2 0%, #FBF3EC 46%);--surface: #FFFFFF;--surface-2: #FBF1E8;--surface-3: #F4E8DC;--ink: #14110D;--ink-2: #5C5046;--ink-3: #968878;--ink-head: #14110D;--line: rgba(20, 17, 13, .1);--line-2: rgba(20, 17, 13, .06);--field: #FFFFFF;--field-line: rgba(20, 17, 13, .16);--overlay: rgba(20, 14, 8, .42);--shadow-sm: 0 1px 2px rgba(40, 24, 10, .06), 0 2px 8px rgba(40, 24, 10, .05);--shadow-md: 0 4px 14px rgba(40, 24, 10, .1), 0 1px 3px rgba(40, 24, 10, .06);--shadow-lg: 0 18px 50px rgba(40, 24, 10, .18), 0 4px 14px rgba(40, 24, 10, .08);--on-accent-shadow: 0 8px 20px}[data-theme=dark]{--bg: #131009;--bg-grad: radial-gradient(120% 80% at 100% 0%, #1E1810 0%, #131009 50%);--surface: #1D1810;--surface-2: #241E15;--surface-3: #2C2519;--ink: #F6EFE4;--ink-2: #C2B4A2;--ink-3: #8C7E6C;--line: rgba(255, 247, 235, .1);--line-2: rgba(255, 247, 235, .06);--field: #241E15;--field-line: rgba(255, 247, 235, .16);--overlay: rgba(0, 0, 0, .62);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 22px 60px rgba(0, 0, 0, .62), 0 4px 14px rgba(0,0,0,.4);--on-accent-shadow: 0 8px 24px}[data-accent=boisko]{--accent: #FF5A0F;--accent-deep: #D2440A;--accent-on: #ffffff;--support: #0B5132;--support-on: #ffffff}[data-accent=murawa]{--accent: #15A24A;--accent-deep: #0C7C37;--accent-on: #ffffff;--support: #FF6A1A;--support-on: #ffffff}[data-accent=granat]{--accent: #2C5BE6;--accent-deep: #1E40C0;--accent-on: #ffffff;--support: #FF6A1A;--support-on: #ffffff}[data-accent=ogien]{--accent: #E23B2E;--accent-deep: #B82217;--accent-on: #ffffff;--support: #1B7F4E;--support-on: #ffffff}[data-accent=koral]{--accent: #F0476A;--accent-deep: #C92C50;--accent-on: #ffffff;--support: #11857F;--support-on: #ffffff}[data-accent]{--accent-soft: color-mix(in srgb, var(--accent) 15%, var(--surface));--accent-soft-2: color-mix(in srgb, var(--accent) 26%, var(--surface));--accent-line: color-mix(in srgb, var(--accent) 32%, transparent);--accent-ink: color-mix(in srgb, var(--accent) 72%, var(--ink));--support-soft: color-mix(in srgb, var(--support) 15%, var(--surface));--support-ink: color-mix(in srgb, var(--support) 68%, var(--ink));--accent-glow: color-mix(in srgb, var(--accent) 45%, transparent)}.sk{font-family:var(--font-body);color:var(--ink)}.sk *{box-sizing:border-box}.sk-display{font-family:var(--font-display);font-weight:800;font-stretch:var(--stretch-wide);letter-spacing:-.01em}.sk-head{font-family:var(--font-display);font-weight:700;font-stretch:var(--stretch-wide);letter-spacing:-.005em}.sk-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sk-skew-tr{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),0 100%)}.sk-skew-br{clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 18px))}.sk :focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.sk-scroll{scrollbar-width:none;-ms-overflow-style:none}.sk-scroll::-webkit-scrollbar{display:none}@keyframes sk-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes sk-check{0%{stroke-dashoffset:26}to{stroke-dashoffset:0}}@keyframes sk-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sk-toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sk-ring{0%{transform:scale(.7);opacity:.6}to{transform:scale(1.8);opacity:0}}@keyframes sk-spin{to{transform:rotate(360deg)}}.sk-spin{animation:sk-spin .8s linear infinite}@keyframes sk-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sk-enter{0%{transform:translate3d(0,10px,0)}to{transform:none}}@keyframes sk-enter-r{0%{transform:translate3d(20px,0,0)}to{transform:none}}@keyframes sk-drawer-l{0%{transform:translate(-100%)}to{transform:none}}.sk-enter{animation:sk-enter .24s var(--ease-out) backwards}.sk-enter-r{animation:sk-enter-r .26s var(--ease-out) backwards}@media(prefers-reduced-motion:reduce){.sk *,.sk *:before,.sk *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html,body{margin:0;padding:0;height:100%}body{background:var(--bg)}#app-root{min-height:100dvh;background:var(--bg);background-image:var(--bg-grad)}#root{min-height:100dvh}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 100000s ease-in-out 0s}.sk-safe-top{padding-top:env(safe-area-inset-top)}.sk-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.sk-screen{position:relative;min-height:100dvh;display:flex;flex-direction:column}.sk-center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--s5)}@media(min-width:900px){.sk-hide-wide{display:none!important}}.ld{min-height:100dvh}.ld-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.ld-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1120px;margin:0 auto}.ld-nav-bar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}.ld-nav-links{display:flex;gap:26px}.ld-nav-links a{font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer}.ld-nav-links a:hover{color:var(--ink)}.ld-nav-cta{display:flex;gap:10px;align-items:center}.ld-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:48px 0 36px}.ld-hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.02;letter-spacing:-.01em;margin:16px 0 0}.ld-mock{position:relative}.ld-trust{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:center;padding:8px 0 44px}.ld-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ld-audience{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ld-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.ld-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ld-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}@media(max-width:920px){.ld-hero{grid-template-columns:1fr;gap:28px}.ld-mock{max-width:520px}.ld-features{grid-template-columns:repeat(2,1fr)}.ld-pricing{grid-template-columns:1fr;max-width:440px;margin:0 auto}.ld-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ld-nav-links{display:none}.ld-features,.ld-audience,.ld-steps{grid-template-columns:1fr}.ld-footer-grid{grid-template-columns:1fr 1fr}.ld-hero h1{font-size:38px}}.cs{display:flex;min-height:100dvh;background:var(--bg);background-image:var(--bg-grad)}.cs-side{width:300px;flex-shrink:0;background:var(--ink);display:flex;flex-direction:column;padding:26px 24px;position:relative;overflow:hidden}.cs-main{flex:1;min-width:0;display:flex;flex-direction:column}.cs-content{flex:1;overflow-y:auto;padding:34px 40px}.cs-inner{max-width:560px;margin:0 auto}.cs-foot{flex-shrink:0;border-top:1px solid var(--line-2);background:var(--surface);padding:16px 40px;display:flex;align-items:center;gap:14px}.cs-mobile-head{display:none}@media(max-width:860px){.cs{flex-direction:column}.cs-side{display:none}.cs-mobile-head{display:block;background:var(--ink);padding:calc(18px + env(safe-area-inset-top)) 20px 18px;position:relative;overflow:hidden}.cs-content{padding:24px 20px}.cs-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom))}}
