@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=Lato:wght@300;400;700&display=swap";:root{--page-bg: #ffffff;--section-bg: #ffffff;--section-alt-bg: #f4f7fb;--card-bg: #ffffff;--nav-bg: rgba(255, 255, 255, .94);--modal-bg: #ffffff;--input-bg: #f4f7fb;--cta-box-bg: #2563b0;--color-heading: #0f1f30;--color-body: #3d5a73;--color-muted: #6b8ba4;--color-logo: #0f1f30;--color-footer: #3d5a73;--color-border: #e2e6ea;--color-border-hover: #c8d6e5;--color-nav-border: #e2e6ea;--color-accent: #2563b0;--color-accent-hover: #1a4f94;--badge-bg: #dbeafe;--badge-border: #93c5fd;--badge-text: #1e3a5f;--phase-num-dim: #e2e6ea;--phase-num-active: #2563b0;--cta-sub: #b8d4f0;--cta-btn-text: #2563b0;--btn-primary-bg: #2563b0;--btn-secondary-text: #6b8ba4;--btn-secondary-border: #e2e6ea;--toggle-bg: #f4f7fb;--toggle-border: #c8d6e5;--toggle-icon: #2563b0;--hero-gradient: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(37, 99, 176, .07) 0%, transparent 70%);--font-serif: "Playfair Display", serif;--font-sans: "Lato", sans-serif}[data-theme=dark]{--page-bg: #0d1117;--section-bg: #0d1117;--section-alt-bg: #131920;--card-bg: #1a2332;--nav-bg: rgba(13, 17, 23, .95);--modal-bg: #1a2332;--input-bg: #0d1117;--cta-box-bg: #1a3a6e;--color-heading: #e8edf2;--color-body: #94a8bc;--color-muted: #5c7a94;--color-logo: #e8edf2;--color-footer: #5c7a94;--color-border: #1e2d3d;--color-border-hover: #2a4060;--color-nav-border: #1e2d3d;--color-accent: #4d8fd6;--color-accent-hover: #6aaae0;--badge-bg: rgba(77, 143, 214, .15);--badge-border: rgba(77, 143, 214, .35);--badge-text: #7db8e8;--phase-num-dim: #1e2d3d;--phase-num-active: #4d8fd6;--cta-sub: #94b8d8;--cta-btn-text: #1a3a6e;--btn-primary-bg: #4d8fd6;--btn-secondary-text: #5c7a94;--btn-secondary-border: #1e2d3d;--toggle-bg: #1a2332;--toggle-border: #2a4060;--toggle-icon: #4d8fd6;--hero-gradient: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(77, 143, 214, .1) 0%, transparent 70%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--page-bg);color:var(--color-heading);font-family:var(--font-sans);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s,color .2s}::selection{background:var(--color-accent);color:#fff}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app{font-family:var(--font-sans);background:var(--page-bg);color:var(--color-heading);min-height:100vh;transition:background .2s,color .2s}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-nav-border);transition:background .2s,border-color .2s}.navbar__logo{display:flex;align-items:center;gap:10px}.logo-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);display:inline-block;animation:pulse 2.5s infinite;flex-shrink:0;transition:background .2s}.logo-name{font-family:var(--font-serif);font-weight:700;font-size:18px;color:var(--color-logo);transition:color .2s}.navbar__links{display:flex;align-items:center;gap:28px}.nav-link{color:var(--color-muted);font-size:14px;font-family:var(--font-sans);font-weight:400;letter-spacing:.04em;text-decoration:none;transition:color .2s;cursor:pointer}.nav-link:hover{color:var(--color-heading)}.btn-nav-cta{background:var(--btn-primary-bg);color:#fff;border:none;border-radius:6px;padding:8px 18px;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.02em;transition:background .2s}.btn-nav-cta:hover{background:var(--color-accent-hover)}.dark-toggle{background:var(--toggle-bg);border:1px solid var(--toggle-border);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}.dark-toggle svg{stroke:var(--toggle-icon);transition:stroke .2s}.hero{position:relative;padding:120px 48px 100px;overflow:hidden;background:var(--page-bg);transition:background .2s}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-gradient);pointer-events:none;transition:background .3s}.hero__inner{max-width:740px;margin:0 auto;text-align:center;position:relative;animation:fadeUp .7s ease both}.hero__badge{display:inline-block;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);border-radius:20px;padding:4px 16px;font-size:12px;font-weight:500;font-family:var(--font-sans);letter-spacing:.08em;margin-bottom:28px;transition:background .2s,color .2s,border-color .2s}.hero__title{font-family:var(--font-serif);font-weight:700;font-size:clamp(40px,7vw,68px);line-height:1.1;color:var(--color-heading);margin-bottom:24px;letter-spacing:-.01em;transition:color .2s}.hero__subtitle{font-family:var(--font-sans);font-weight:300;font-size:18px;color:var(--color-body);line-height:1.75;max-width:560px;margin:0 auto 40px;transition:color .2s}.hero__ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--btn-primary-bg);color:#fff;border:none;border-radius:8px;padding:13px 28px;font-family:var(--font-serif);font-weight:700;font-size:14px;transition:background .2s}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{color:var(--color-accent);border:1px solid var(--color-border-hover);border-radius:8px;padding:13px 28px;font-family:var(--font-serif);font-weight:600;font-size:14px;display:inline-flex;align-items:center;background:transparent;text-decoration:none;transition:color .2s,border-color .2s}.btn-secondary:hover{border-color:var(--color-accent)}.section{padding:90px 48px;background:var(--section-bg);transition:background .2s}.section--alt{background:var(--section-alt-bg)}.section__container{max-width:1100px;margin:0 auto}.section__label{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--color-accent);text-transform:uppercase;margin-bottom:16px;transition:color .2s}.section__title{font-family:var(--font-serif);font-weight:700;font-size:clamp(26px,4vw,38px);color:var(--color-heading);margin-bottom:48px;letter-spacing:-.01em;line-height:1.25;transition:color .2s}.services__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.service-card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:12px;padding:28px 24px;cursor:default;transition:background .2s,border-color .2s,transform .2s}.service-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.service-card__icon{font-size:22px;margin-bottom:16px;color:var(--color-accent);transition:color .2s}.card__title{font-family:var(--font-serif);font-weight:700;font-size:16px;color:var(--color-heading);margin-bottom:10px;transition:color .2s}.card__desc{font-size:14px;font-family:var(--font-sans);font-weight:300;color:var(--color-muted);line-height:1.65;transition:color .2s}.service-card__link{display:inline-block;margin-top:18px;font-family:var(--font-sans);font-weight:700;font-size:13px;letter-spacing:.03em;color:var(--color-accent);text-decoration:none;transition:color .2s,gap .2s}.service-card__link:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}.process__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.phase-card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:12px;padding:28px 24px;transition:background .2s,border-color .2s}.phase-card:hover{border-color:var(--color-accent)}.phase-card__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-bottom:10px;font-family:var(--font-sans);font-weight:700;transition:color .2s}.phase-card__num{font-family:var(--font-serif);font-weight:800;font-size:48px;line-height:1;margin-bottom:16px;color:var(--phase-num-dim);transition:color .2s}.phase-card__num--active{color:var(--phase-num-active)}.products__list{display:flex;flex-direction:column;gap:10px}.product-card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:10px;padding:20px 24px;display:flex;align-items:center;gap:20px;transition:background .2s,border-color .2s}.product-card:hover{border-color:var(--color-accent)}.product-card__emoji{font-size:32px;flex-shrink:0}.product-card__info{flex:1}.product-card__name{font-family:var(--font-serif);font-weight:700;color:var(--color-heading);font-size:16px;margin-bottom:4px;transition:color .2s}.product-card__tagline{color:var(--color-muted);font-size:13px;font-family:var(--font-sans);font-weight:300;line-height:1.5;transition:color .2s}.product-card__link{color:var(--color-accent);font-family:var(--font-serif);font-weight:700;font-size:20px;flex-shrink:0;margin-left:auto;text-decoration:none;transition:color .2s}.cta-section{padding:80px 48px;background:var(--section-bg);transition:background .2s}.cta-box{background:var(--cta-box-bg);border-radius:16px;padding:60px 48px;text-align:center;transition:background .2s}.cta-box__title{font-family:var(--font-serif);font-weight:700;font-size:clamp(26px,4vw,38px);color:#fff;margin-bottom:12px;letter-spacing:-.01em}.cta-box__sub{color:var(--cta-sub);font-family:var(--font-sans);font-weight:300;margin-bottom:28px;font-size:16px;transition:color .2s}.btn-cta-white{background:#fff;color:var(--cta-btn-text);border:none;border-radius:8px;padding:13px 30px;font-family:var(--font-serif);font-weight:700;font-size:14px;transition:color .2s}.footer{padding:28px 48px;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:10px;background:var(--page-bg);transition:background .2s,border-color .2s}.footer__text{font-family:var(--font-serif);font-weight:600;font-size:14px;color:var(--color-footer);transition:color .2s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a121c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--modal-bg);border:1px solid var(--color-border);border-radius:14px;padding:32px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d;transition:background .2s}.modal__title{font-family:var(--font-serif);font-weight:700;font-size:22px;color:var(--color-heading);margin-bottom:8px;transition:color .2s}.modal__subtitle{color:var(--color-muted);margin-bottom:20px;font-size:14px;font-weight:300;font-family:var(--font-sans);transition:color .2s}.modal__input{display:block;width:100%;background:var(--input-bg);border:1px solid var(--color-border);border-radius:8px;padding:10px 14px;color:var(--color-heading);font-size:14px;font-family:var(--font-sans);outline:none;margin-bottom:12px;transition:background .2s,border-color .2s,color .2s}.modal__input:focus{border-color:var(--color-accent)}.modal__textarea{height:90px;resize:vertical;margin-bottom:20px}.modal__actions{display:flex;gap:10px;justify-content:flex-end}.btn-modal-cancel{background:transparent;color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:7px;padding:9px 20px;font-family:var(--font-sans);font-size:13px;transition:color .2s,border-color .2s}.btn-modal-submit{background:var(--btn-primary-bg);color:#fff;border:none;border-radius:7px;padding:9px 20px;font-family:var(--font-serif);font-weight:700;font-size:13px;transition:background .2s}.btn-modal-submit:hover{background:var(--color-accent-hover)}