/* Litvinov CRM — static CSS, no framework or external font dependency */
:root{color-scheme:dark;--bg:#0a101b;--bg2:#0e1522;--panel:#131d2c;--panel2:#182437;--ink:#edf5ff;--muted:#9cacc2;--line:#273448;--cyan:#79e4ef;--violet:#ae93fc;--radius:22px;--shell:1192px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:#254f65;color:#fff}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px} .shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;background:var(--cyan);color:#04111b;padding:12px 20px;z-index:200;border-radius:10px}.skip-link:focus{top:12px}.ambient-glow{position:absolute;top:0;right:0;width:75vw;height:920px;pointer-events:none;background:radial-gradient(ellipse at 92% 3%,rgba(52,98,131,.17),transparent 54%),radial-gradient(ellipse at 36% 42%,rgba(66,49,119,.13),transparent 50%);z-index:-1}
.site-header{position:sticky;top:0;z-index:100;background:rgba(10,16,27,.89);border-bottom:1px solid rgba(143,167,198,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner{height:83px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{display:grid;place-items:center;border:1px solid #45647e;background:linear-gradient(140deg,#182f42,#152037);border-radius:12px;min-width:49px;height:49px;color:#f6ffff;font-size:22px;font-weight:900;letter-spacing:-2px}.brand-dot{color:var(--cyan)}.brand-name{font-size:10px;line-height:1.38;letter-spacing:.16em;font-weight:500;color:#b3c2d2}.brand-name strong{color:#fff;font-size:12px;font-weight:850}.nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:650}.nav>a:not(.nav-cta){color:#bdcadd;transition:color .2s}.nav>a:hover{color:var(--cyan)}.nav-cta{padding:12px 17px;border:1px solid #537389;border-radius:999px;color:#f1fcff;font-weight:750;white-space:nowrap}.nav-cta span{color:var(--cyan);padding-left:6px}.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:11px;width:43px;height:43px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-btn span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}
.eyebrow{color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);margin:0 12px 1px 0}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.12;letter-spacing:-.054em}h2{font-size:clamp(37px,4vw,56px);font-weight:750}h2 em,h1 .italic-line{font-style:normal;color:var(--cyan)}.hero{padding-top:103px;padding-bottom:111px;min-height:730px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:56px}.hero-copy{position:relative}.hero h1{font-size:clamp(49px,5.15vw,76px);font-weight:810;margin:22px 0 29px}.accent-word{color:var(--cyan)}.hero-lead{font-size:17px;color:var(--muted);max-width:575px;line-height:1.77}.hero-actions,.sub-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px;margin-top:34px}.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:9px;font-size:14px;font-weight:760;padding:13px 22px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#09212a;background:var(--cyan);box-shadow:0 6px 35px rgba(121,228,239,.10)}.button-primary:hover{background:#adf5fa}.button-text{color:#cad8e7;padding-inline:0}.button-text:hover{color:#fff}.button-ghost,.button-outline{border:1px solid #5e748c;color:#f3f9ff}.button-ghost:hover,.button-outline:hover{background:rgba(255,255,255,.06);border-color:var(--cyan)}.hero-proof{display:flex;flex-wrap:wrap;gap:0;margin-top:51px}.hero-proof span{display:flex;flex-direction:column;padding:0 26px;border-right:1px solid #344156;gap:2px}.hero-proof span:first-child{padding-left:0}.hero-proof span:last-child{border-right:0}.hero-proof strong{font-size:23px;line-height:1.3;font-weight:800;letter-spacing:-.045em}.hero-proof small{color:#8d9eb4;font-size:11px}
.hero-art{position:relative;isolation:isolate;background:linear-gradient(149deg,rgba(23,39,61,.94),rgba(13,25,39,.96));border:1px solid #2a4057;border-radius:24px;padding:22px 24px 20px;box-shadow:0 25px 90px #0005,0 0 0 7px rgba(57,101,137,.045);max-width:550px;width:100%;margin-inline:auto;overflow:hidden}.hero-art::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#1799ac;filter:blur(135px);opacity:.15;top:70px;left:10%;z-index:-1}.art-top,.art-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#7e9aaf;font-size:10px;letter-spacing:.11em;font-weight:750}.art-symbol{font-size:21px;color:var(--cyan)}.art-status{color:#8bebbd;font-size:9px;letter-spacing:.07em}.art-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:55px}.art-inputs div{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #314a60;border-radius:12px;min-height:49px;background:#152738;font-size:11px;color:#d1e3eb;font-weight:650}.small-icon{font-size:18px;color:var(--cyan)}.art-lines{height:45px;display:grid;grid-template-columns:repeat(3,1fr);padding:0 50px}.art-lines span{width:1px;height:100%;background:linear-gradient(#4f8bb4,transparent);margin-inline:auto}.art-core{background:linear-gradient(140deg,#1a4154,#1c2b47);border:1px solid #48768a;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;box-shadow:0 12px 60px #070f1e80;gap:7px}.core-logo{letter-spacing:-.07em;color:#fff;font-size:37px}.core-logo span{font-weight:400}.core-logo strong{font-weight:900;color:var(--cyan)}.art-core>span{font-size:11px;color:#a2c6d1}.art-connector{height:36px;width:1px;background:linear-gradient(#6a9ac2,transparent);margin:auto}.art-outputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.art-outputs>div{background:#162638;border:1px solid #344960;border-radius:12px;display:flex;align-items:center;gap:10px;padding:14px;font-size:11px;font-weight:750}.output-icon{border-radius:10px;background:#164e50;color:#7feadd;display:grid;place-items:center;width:31px;height:31px;font-size:17px;flex-shrink:0}.output-icon.violet{background:#382f5a;color:#c9adff}.art-outputs small{display:block;color:#8aa5b7;font-size:10px;font-weight:450;line-height:1.5}.art-bottom{margin-top:25px;border-top:1px solid #304053;padding-top:15px;font-size:9px}
.tech-band{border-top:1px solid rgba(141,166,195,.11);border-bottom:1px solid rgba(141,166,195,.11);background:#101825}.tech-band-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding-block:27px}.tech-band-inner>span{font-size:9px;letter-spacing:.16em;color:#70859b;font-weight:850}.tech-band-inner>div{font-size:13px;color:#a4b4c7;font-weight:750}
.section{padding-top:113px;padding-bottom:112px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.section-head h2{margin:15px 0 0}.section-head>p{max-width:325px;color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:4px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-tile,.service-highlight{min-height:260px;background:#121d2c;border:1px solid #27394e;padding:27px 28px;border-radius:18px;display:flex;flex-direction:column;position:relative;transition:transform .2s,border-color .2s,background .2s}.service-tile:hover{transform:translateY(-4px);background:#182639;border-color:#5ea3aa}.tile-index{font-size:10px;letter-spacing:.16em;font-weight:800;color:#80a9be}.tile-arrow{position:absolute;right:25px;top:20px;font-size:24px;color:#6c8ca2}.service-tile h3{font-size:24px;line-height:1.2;margin:36px 0 11px;letter-spacing:-.03em}.service-tile p{font-size:13px;color:var(--muted);margin:0 0 22px;line-height:1.7}.tile-link{margin-top:auto;color:var(--cyan);font-size:12px;font-weight:800}.service-highlight{background:linear-gradient(135deg,#1a3850,#18263e);border-color:#416b78}.service-highlight-icon{font-size:32px;color:var(--cyan)}.service-highlight h3{font-size:23px;line-height:1.2;letter-spacing:-.03em;margin:17px 0 8px}.service-highlight p{color:#afc0d3;font-size:13px}.service-highlight a{margin-top:auto;color:#fff;font-size:13px;font-weight:750}
.alt-section{background:#0e1724;border-block:1px solid #1f2f43}.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.problem{padding:33px 35px;background:#131f2d;border-radius:16px;border:1px solid #26384c;min-height:219px}.problem span{color:var(--violet);font-weight:850;font-size:12px}.problem h3{font-size:21px;letter-spacing:-.025em;margin:26px 0 11px}.problem p{color:var(--muted);line-height:1.7;font-size:14px;max-width:430px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{border-top:1px solid #3d536b;padding-top:20px}.step>span{font-size:42px;font-weight:800;color:#436d87;letter-spacing:-.06em}.step h3{font-size:21px;margin:32px 0 10px;letter-spacing:-.03em}.step p{color:var(--muted);font-size:14px;line-height:1.7}
.about-section{background:radial-gradient(ellipse at 30% 30%,rgba(60,65,112,.11),transparent 50%),#0d1623;border-block:1px solid #1f3044}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-monogram{position:relative;width:min(360px,100%);aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:#d7faff;background:linear-gradient(145deg,#1e374c,#172338);border:1px solid #35566b;border-radius:26px;margin:35px 0 22px;font-size:clamp(100px,14vw,190px);font-weight:850;letter-spacing:-.2em;padding-right:34px}.about-monogram>span:first-child{color:var(--cyan)}.monogram-orbit{position:absolute;top:17px;right:20px;font-size:38px;letter-spacing:0;color:var(--violet)}.about-sign{font-size:16px;font-weight:800}.about-sign small{color:var(--muted);font-weight:450}.about-copy h2{font-size:clamp(32px,3.2vw,46px);margin-bottom:25px}.about-copy p{font-size:15px;line-height:1.83;color:#b6c5d6}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.about-tags span{border:1px solid #344c65;color:#c1d5e3;font-size:11px;padding:8px 12px;border-radius:999px}.footnote{color:#8295a9;font-size:10px;display:block;margin-top:30px;line-height:1.65}
.ai-section{padding-top:88px;padding-bottom:88px}.ai-panel{background:linear-gradient(115deg,#1a2944,#172a39);border:1px solid #405772;border-radius:19px;padding:49px 55px;display:flex;justify-content:space-between;align-items:center;gap:40px}.ai-panel h2{font-size:clamp(29px,3vw,42px);margin:14px 0 18px}.ai-panel p:not(.eyebrow){max-width:650px;font-size:14px;color:#afc1d4;line-height:1.75;margin:0}.ai-panel .button{flex-shrink:0}.faq-section{padding-top:60px}.faq-list{border-top:1px solid #304256}.faq-list details{border-bottom:1px solid #304256;padding:0}.faq-list summary{list-style:none;cursor:pointer;font-size:18px;font-weight:670;padding:25px 45px 25px 0;position:relative;letter-spacing:-.02em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:7px;top:19px;font-size:26px;color:var(--cyan);font-weight:350}.faq-list details[open] summary::after{content:"−"}.faq-list details>p{padding:0 50px 23px 0;max-width:790px;color:var(--muted);line-height:1.75;font-size:15px}
.footer{background:#101c2b;border-top:1px solid #32465b;margin-top:30px}.footer-top{padding:75px 0;display:flex;align-items:center;justify-content:space-between;gap:55px}.footer-top h2{margin:17px 0 15px;font-size:clamp(39px,4.4vw,60px)}.footer-top h2 em{color:var(--cyan);font-style:normal}.footer-top p:not(.eyebrow){color:var(--muted);max-width:520px;line-height:1.7;font-size:14px}.footer-actions{display:flex;flex-direction:column;gap:13px;min-width:240px}.footer-phone{font-size:21px;font-weight:750;margin-top:8px}.footer-email{color:#9bb8c9;font-size:13px}.footer-bottom{border-top:1px solid #2b3d50;padding:29px 0 35px;display:flex;justify-content:space-between;gap:35px}.footer-brand{font-size:12px;letter-spacing:.12em;font-weight:500}.footer-brand strong{color:var(--cyan)}.footer-bottom p{color:#8a9fb2;font-size:12px;margin:8px 0}.footer-bottom small{color:#71869b;font-size:10px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 25px;max-width:420px}.footer-links a{color:#96aec1;font-size:12px}.footer-links a:hover{color:var(--cyan)}
/* Service landing pages */
.sub-hero{padding-top:65px;padding-bottom:112px;position:relative;overflow:hidden}.breadcrumbs{color:#8599ae;font-size:12px;display:flex;gap:12px;align-items:center;margin-bottom:75px}.breadcrumbs a:hover{color:var(--cyan)}.sub-hero h1{font-size:clamp(45px,5.7vw,79px);font-weight:790;max-width:910px;margin:19px 0 28px;letter-spacing:-.06em}.sub-lead{color:#aebfd1;font-size:17px;line-height:1.8;max-width:690px}.sub-spark{position:absolute;font-size:320px;color:#142b3a;top:60px;right:-24px;z-index:-1;line-height:1}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.scope-item{padding:30px;background:#152032;border:1px solid #2b3c50;border-radius:18px;min-height:229px}.scope-check{font-size:24px;color:var(--cyan)}.scope-item h3{margin:30px 0 9px;letter-spacing:-.02em;font-size:20px}.scope-item p{color:var(--muted);font-size:13px;line-height:1.75}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.scenario{padding:33px;background:#142132;border-radius:17px;min-height:236px;border:1px solid #2c3f54}.scenario-dot{color:var(--violet);font-size:25px}.scenario h3{font-size:21px;line-height:1.35;letter-spacing:-.03em;margin:27px 0 11px}.scenario p{color:var(--muted);font-size:13px;line-height:1.7}.result-panel{padding:55px;background:linear-gradient(120deg,#19364b,#1b2a40);border:1px solid #40687c;border-radius:19px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.result-panel h2{font-size:clamp(36px,3.8vw,51px);margin:14px 0 0}.result-panel>p{color:#c5d7e3;font-size:17px;line-height:1.8}.related{margin-top:65px}.related-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:19px}.related-links a{border:1px solid #39566c;padding:12px 17px;border-radius:10px;font-size:12px;color:#c6e1e7}.related-links a:hover{border-color:var(--cyan)}
@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:clamp(44px,5.4vw,62px)}.services-grid{grid-template-columns:repeat(2,1fr)}.tech-band-inner{justify-content:center}.tech-band-inner>span{width:100%;text-align:center}.nav{gap:18px}.about-grid{gap:45px}}
@media(max-width:800px){.shell{width:min(var(--shell),calc(100% - 36px))}.header-inner{height:70px}.menu-btn{display:flex}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:16px 18px 22px;background:#101a28;border-bottom:1px solid #35485f;flex-direction:column;gap:0;align-items:stretch;box-shadow:0 20px 40px #0007}.nav.is-open{display:flex}.nav>a{padding:13px 7px}.nav-cta{margin-top:8px;text-align:center}.hero{grid-template-columns:1fr;gap:43px;padding-top:70px;padding-bottom:78px;min-height:auto}.hero-copy{max-width:750px}.hero h1{font-size:clamp(44px,8vw,65px)}.hero-art{max-width:620px}.section{padding-block:76px}.section-head{display:block}.section-head>p{max-width:570px;margin-top:20px}.problem-grid,.about-grid,.result-panel{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:35px}.about-monogram{width:220px}.about-grid{gap:35px}.ai-panel{padding:35px;display:block}.ai-panel .button{margin-top:25px}.footer-top{display:block}.footer-actions{max-width:360px;margin-top:25px}.scope-grid,.scenario-grid{grid-template-columns:repeat(2,1fr)}.sub-hero{padding-bottom:80px}.sub-spark{opacity:.5;right:-80px}.footer-bottom{display:block}.footer-links{margin-top:25px}}
@media(max-width:560px){.shell{width:calc(100% - 32px)}.eyebrow{font-size:10px}.brand-name{font-size:9px}.brand-name strong{font-size:11px}.brand-mark{width:44px;height:44px;min-width:44px}.hero{padding-top:61px}.hero h1{font-size:clamp(40px,10.8vw,58px)}.hero-lead{font-size:15px}.hero-actions,.sub-actions{display:flex;align-items:stretch;flex-direction:column;gap:4px}.button-text{justify-content:flex-start;padding-left:0}.hero-proof{margin-top:32px;gap:15px}.hero-proof span{padding:0 13px 0 0;margin-right:0}.hero-proof strong{font-size:19px}.hero-proof small{font-size:10px}.hero-art{padding:15px 13px}.art-top,.art-bottom{font-size:8px}.art-inputs{margin-top:37px}.art-inputs div{gap:2px;font-size:9px}.small-icon{font-size:14px}.art-lines{padding:0 24px}.art-core{min-height:125px}.art-outputs>div{padding:8px;font-size:10px;gap:5px}.output-icon{width:24px;height:24px;font-size:12px}.art-outputs small{font-size:9px}.tech-band-inner{gap:12px 20px}.tech-band-inner>div{font-size:12px}h2{font-size:clamp(34px,9vw,44px)}.services-grid,.problem-grid,.steps,.scope-grid,.scenario-grid{grid-template-columns:1fr}.service-tile,.service-highlight{min-height:222px}.service-tile h3{margin-top:28px}.problem{padding:27px 25px;min-height:0}.problem h3{margin-top:19px}.step h3{margin-top:12px}.about-monogram{width:190px}.about-copy h2{font-size:33px}.ai-panel{padding:28px 23px}.faq-list summary{font-size:16px}.footer-top{padding:58px 0}.footer-links{grid-template-columns:1fr}.sub-hero{padding-top:30px;padding-bottom:62px}.breadcrumbs{margin-bottom:45px;font-size:11px}.sub-hero h1{font-size:clamp(40px,10vw,57px)}.sub-lead{font-size:15px}.sub-spark{font-size:200px;right:-60px}.scope-item,.scenario{min-height:auto}.result-panel{padding:30px 25px;gap:12px}.result-panel>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.brand-mark img{width:42px;height:auto;max-width:none;object-fit:contain}.service-highlight h3,.scenario h3{margin-top:0}
