:root{--bg: oklch(98.4% .003 247.9);--surface: oklch(100% 0 0);--fg: oklch(21.5% .068 258.7);--muted: oklch(51.2% .03 261.1);--border: oklch(93.5% .01 252.8);--accent: oklch(81.6% .167 84.3);--accent-soft: color-mix(in oklch, var(--accent) 18%, transparent);--fg-soft: color-mix(in oklch, var(--fg) 6%, transparent);--success: oklch(60% .13 150);--warn: oklch(72% .14 78);--danger: oklch(58% .17 28);--font-display: "Iowan Old Style", "Charter", Georgia, "Times New Roman", serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--fs-h1: clamp(42px, 6.2vw, 72px);--fs-h2: clamp(32px, 4vw, 54px);--fs-h3: 24px;--fs-lead: clamp(17px, 2vw, 21px);--fs-body: 16px;--fs-meta: 13px;--gap-xs: 8px;--gap-sm: 12px;--gap-md: 20px;--gap-lg: 32px;--gap-xl: 56px;--gap-2xl: 80px;--container: 1180px;--gutter: clamp(18px, 4vw, 40px);--radius: 12px;--radius-lg: 18px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;cursor:pointer;border:none;background:none;padding:0}p{text-wrap:pretty}h1,h2,h3,h4{margin:0;font-family:var(--font-display);text-wrap:balance}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--gap-xl)}.section+.section{border-top:1px solid var(--border)}.stack{display:flex;flex-direction:column;gap:var(--gap-md)}.row{display:flex;align-items:center;gap:var(--gap-md)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-lg)}.eyebrow,.page-eyebrow{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-weight:400}.h1{font-size:var(--fs-h1);line-height:1.05;letter-spacing:-.02em}.h2{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.015em}.lead{font-size:var(--fs-lead);color:var(--muted);max-width:65ch}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-lg);transition:all .3s ease}.card:hover{border-color:var(--fg);box-shadow:0 12px 40px -10px color-mix(in oklch,var(--fg) 8%,transparent)}.showcase-grid{display:grid;grid-template-columns:280px 1fr;gap:var(--gap-lg);align-items:stretch}.showcase-sidebar{display:flex;flex-direction:column;gap:12px}.showcase-tab{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);text-align:left;transition:all .2s}.showcase-tab:hover,.showcase-tab.active{border-color:var(--accent);background:var(--accent-soft)}.showcase-tab .num{width:40px;height:40px;border-radius:8px;background:var(--bg);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700}.showcase-tab.active .num{background:var(--accent)}.showcase-tab strong{display:block;font-size:15px;margin-bottom:2px}.showcase-tab span{font-size:12px;color:var(--muted)}.showcase-stage{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:0 24px 60px -10px color-mix(in oklch,var(--fg) 10%,transparent)}.showcase-head{padding:32px;border-bottom:1px solid var(--border)}.showcase-content{padding:32px;min-height:480px;background:var(--bg);position:relative}.pricing-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:var(--gap-lg);background:var(--bg);padding:4px;border-radius:99px;border:1px solid var(--border);width:fit-content;margin-inline:auto}.cat-btn{padding:10px 24px;border-radius:99px;font-size:14px;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--fg);transition:all .2s;white-space:nowrap;cursor:pointer}.cat-btn:hover{border-color:var(--fg);background:var(--surface)}.cat-btn.active{background:var(--fg);color:var(--surface);border-color:var(--fg)}.pricing-card{position:relative;display:flex;flex-direction:column}.price-val{font-family:var(--font-display);font-size:44px;font-weight:700;margin-block:16px}.price-unit{font-size:20px;vertical-align:super}.price-period{font-size:14px;color:var(--muted);font-family:var(--font-body);font-weight:400}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-xl)}.blog-card{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .2s}.blog-card:hover{opacity:.8}.blog-card h3{font-size:24px;line-height:1.25}.blog-card .meta{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.blog-card-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.blog-content{gap:20px;font-size:18px;line-height:1.8}.blog-content p,.blog-content figure{margin:0}.blog-content-heading{margin-top:24px;font-size:30px;line-height:1.2}.blog-content-figure{margin-block:12px 20px}.blog-content-figure img{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.blog-cover-figure{margin:0 0 32px}.blog-cover-figure img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.blog-cover-figure figcaption,.blog-content-figure figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.6}.blog-content-figure-wide{margin-inline:-32px}.blog-content-figure-full{width:min(100vw - 32px,1120px);margin-left:50%;transform:translate(-50%)}.blog-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.blog-table{width:100%;min-width:620px;border-collapse:collapse;font-size:15px;line-height:1.5}.blog-table th,.blog-table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.blog-table th{background:var(--fg-soft);font-size:13px}.blog-table tr:last-child td{border-bottom:0}.blog-content-list{margin:0;padding-left:24px}.blog-content-list li+li{margin-top:8px}@media(max-width:720px){.blog-content-figure-wide{margin-inline:0}}.solution-selector{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:var(--gap-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}.solution-selector::-webkit-scrollbar{display:none}.solution-tab-btn{padding:12px 24px;border:1px solid var(--border);border-radius:99px;font-weight:700;color:var(--muted);background:var(--surface);transition:all .2s;white-space:nowrap;flex-shrink:0}.solution-tab-btn:hover{border-color:var(--fg);color:var(--fg)}.solution-tab-btn.active{background:var(--fg);color:var(--surface);border-color:var(--fg)}.footer{border-top:1px solid var(--border);padding-block:64px;background:var(--surface)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gap-xl)}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--fg)}.form-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--fg);outline:none}.text-center{text-align:center}.max-w-lead{max-width:800px;margin-inline:auto}.mt-lg{margin-top:var(--gap-lg)}.mb-xl{margin-bottom:var(--gap-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-out}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:viewIn .4s cubic-bezier(.16,1,.3,1)}.mock-window{border:1px solid var(--border);border-radius:12px;background:var(--bg);overflow:hidden;height:100%}.window-bar{height:32px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 12px}.dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.mock-content{padding:20px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-item{background:var(--surface);border:1px solid var(--border);padding:12px;border-radius:8px}.metric-item span{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase}.metric-item strong{display:block;font-size:20px;margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:color-mix(in oklch,var(--fg) 40%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--gutter)}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:620px;max-height:90vh;overflow-y:auto;padding:40px;position:relative;animation:modalIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer}.modal-close:hover{border-color:var(--fg);color:var(--fg)}.estimator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px}.estimator-tabs{display:flex;gap:8px;margin-bottom:var(--gap-lg);justify-content:center}.estimator-tab{padding:10px 24px;border-radius:99px;font-size:14px;font-weight:700;border:1px solid var(--border);background:var(--surface);color:var(--fg);transition:all .2s;cursor:pointer}.estimator-tab:hover{border-color:var(--fg)}.estimator-tab.active{background:var(--fg);color:var(--surface);border-color:var(--fg)}.estimator-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md)}.est-field{margin-bottom:22px}.est-field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg)}.est-field input,.est-field select{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font:inherit;font-size:14px;color:var(--fg);transition:border-color .2s}.est-field input:focus,.est-field select:focus{border-color:var(--fg);outline:none}.est-field input[type=checkbox]{width:auto;margin:0}.est-helper{font-size:12px;color:var(--muted);line-height:1.7;margin-top:6px}.est-breakdown{background:var(--bg);border-radius:var(--radius);padding:32px}.est-section{margin-bottom:24px}.est-section:last-of-type{margin-bottom:0}.est-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.est-detail{display:flex;justify-content:space-between;align-items:center;padding-block:6px;font-size:14px;line-height:1.6}.est-detail span:first-child{color:var(--muted)}.est-detail span:last-child{font-weight:500;text-align:right}.est-detail.est-subtotal{padding-block:10px;border-top:1px solid var(--border);margin-top:6px;font-weight:600}.est-detail.est-subtotal span:first-child{color:var(--fg)}.est-divider{height:1px;background:var(--border);margin:6px 0 16px}.est-total-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0 0;border-top:2px solid var(--fg);margin-top:8px}.est-total-row span:first-child{font-size:16px;font-weight:600}.est-total{font-size:26px;font-family:var(--font-display);font-weight:700}.est-note{font-size:13px;color:var(--muted);line-height:1.8;padding:24px;background:var(--bg);border-radius:var(--radius);margin-top:var(--gap-md)}.estimator-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl);align-items:start}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:700;transition:all .2s;white-space:nowrap;border:1px solid var(--border)}.btn-primary{background:var(--accent);color:var(--fg);border-color:var(--accent)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--fg);color:var(--surface);border-color:var(--fg)}.btn-secondary:hover{opacity:.95}.btn-outline{background:transparent;color:var(--fg);border-color:var(--border)}.btn-outline:hover{border-color:var(--fg)}.topnav{position:sticky;top:0;z-index:1000;background:color-mix(in oklch,var(--bg) 92%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topnav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;width:148px}.nav-links{display:flex;gap:clamp(14px,3vw,34px);font-size:14px;font-weight:500;color:var(--muted)}.nav-links a{transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--fg)}.nav-links a.active{color:var(--fg);font-weight:700;position:relative}.nav-links a.active:after{content:"";position:absolute;bottom:-25px;left:0;right:0;height:2px;background:var(--fg)}.nav-actions{display:flex;align-items:center;gap:var(--gap-md)}.lang-toggle{display:flex;background:var(--surface);border:1px solid var(--border);padding:3px;border-radius:999px;font-size:11px;font-family:var(--font-mono);font-weight:700}.lang-btn{padding:6px 12px;border-radius:999px;color:var(--muted);cursor:pointer;transition:all .2s}.lang-btn.active{background:var(--fg);color:var(--surface)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s;z-index:1001}.mobile-menu-btn:hover{border-color:var(--fg)}.hamburger-line{display:block;width:20px;height:2px;background:var(--fg);border-radius:2px;transition:all .25s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-panel{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:24px var(--gutter) 32px;z-index:999;box-shadow:0 16px 40px -10px color-mix(in oklch,var(--fg) 8%,transparent);animation:slideDown .25s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.mobile-nav-link{display:block;padding:14px 16px;font-size:16px;font-weight:600;color:var(--muted);border-radius:var(--radius);transition:all .15s;white-space:nowrap}.mobile-nav-link:hover{background:var(--fg-soft);color:var(--fg)}.mobile-nav-link.active{background:var(--fg-soft);color:var(--fg);font-weight:700}.mobile-menu-lang{display:flex;justify-content:center;margin-bottom:20px}.mobile-menu-contact-btn{width:100%;justify-content:center}.mobile-menu-backdrop{display:none;position:fixed;right:0;bottom:0;left:0;top:72px;z-index:998;background:color-mix(in oklch,var(--fg) 15%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:920px){.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:var(--gap-lg)}.footer .container:last-child{flex-direction:column;gap:var(--gap-sm);text-align:center}.pricing-tabs{flex-wrap:wrap;width:auto;border-radius:20px;padding:6px;justify-content:center;background:transparent;border:none;gap:6px}.cat-btn{flex:1;min-width:0;text-align:center;font-size:13px;padding:8px 14px}.showcase-grid{grid-template-columns:1fr}.showcase-sidebar{flex-direction:row;overflow-x:auto;gap:8px}.showcase-tab{grid-template-columns:1fr;min-width:140px;flex-shrink:0}.blog-grid,.estimator-layout{grid-template-columns:1fr}.nav-links,.nav-actions{display:none}.mobile-menu-btn{display:flex}.mobile-menu-panel.open,.mobile-menu-backdrop{display:block}}@media(max-width:860px){.estimator-layout{grid-template-columns:1fr}}@media(max-width:640px){.topnav-inner{height:64px}.logo{width:120px}.btn{font-size:12px;padding:8px 14px}.mobile-menu-backdrop{top:64px}.form-box,.modal-box,.estimator{padding:24px}.est-breakdown{padding:20px}}