/* TOCOFE / cyber UI. Locally served OFL typefaces, Cyrillic included. */
@font-face{font-family:'TOCOFE Logo';src:url('/assets/fonts/tocofe-logo.82ca4695033bc74b8eb6.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/assets/fonts/ibm-plex-mono.6cac9acfb42873172d55.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#0b100f;--surface:#14201c;--accent:#d4f99a;--cyan:#74edd5;--line:#334339;--text:#f3f5ef;--muted:#b4c0b8;--display:Unbounded,Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
body{background:var(--bg)}
h1,h2,h3,.logo{font-family:var(--display);font-weight:500;letter-spacing:-.045em}
.logo,.home-page .footer .logo{font-family:var(--display);font-size:30px;letter-spacing:-.075em;font-weight:600}.logo>span:not(.logo-dot){font-weight:600;color:var(--accent)}
.eyebrow,.category,.chapter-number,.scene-coordinate,.story-visual-head,.story-track,.row-number,.step-number,.journey-index,.section-note,.hero-edition small,.orbit-tag small,.breadcrumbs,.page-sections,.navigation,.mobile-navigation,.menu-toggle,.motion-toggle,.button,.text-link{font-family:var(--mono);font-weight:400}
.navigation{font-size:12px;gap:23px}.navigation a{position:relative;padding-block:9px}.navigation a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}.navigation a:hover::after,.navigation a[aria-current]::after{transform:scaleX(1)}
.header,.home-page .header{border-bottom:1px solid #a2c5ad30;position:relative}.header::after{content:'';position:absolute;left:0;bottom:-1px;width:72px;height:2px;background:var(--accent);box-shadow:0 0 12px #d4f99a50}
.button,.home-page .button{position:relative;border-radius:3px 17px 3px 3px;font-family:var(--mono);font-size:14px;font-weight:400;background:var(--accent);color:#102015;border:1px solid #d4f99a;padding:18px 24px;gap:25px;box-shadow:inset 0 -3px 0 #152b1520;transition:background .2s,box-shadow .2s,transform .2s}
.button:hover,.home-page .button:hover{background:#e5ffbf;box-shadow:0 0 0 3px #d4f99a0d,0 0 32px #d4f99a18;transform:translateY(-2px)}
.button-outline,.home-page .button-outline,.header .button,.home-page .header .button{color:var(--accent);background:#14201955;border-color:#8eaa7760;box-shadow:none}
.button-outline:hover,.home-page .button-outline:hover,.header .button:hover,.home-page .header .button:hover{color:var(--accent);background:#253324;border-color:#c0dc96}
.header .button-small{font-size:11px;padding:14px 17px;gap:18px}.menu-toggle,.motion-toggle{border-radius:3px 12px 3px 3px;background:#101a15;color:#d2e4d4;border-color:#6a8d7755}.home-page .motion-toggle{font-size:10px;border-radius:3px 12px 3px 3px;padding:10px 13px;max-width:none}
.mobile-navigation,.home-page .mobile-navigation{background:#101e17;border-color:#70927780;border-radius:0 0 12px 0}.mobile-navigation a{font-size:13px}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;box-shadow:0 0 0 5px #74edd513}
.text-link,.home-page .text-link{font-size:13px;color:var(--accent)}.text-link:hover{color:var(--cyan)}
.home-page h2{font-family:var(--display);font-size:clamp(30px,3.7vw,57px);font-weight:500;letter-spacing:-.05em;line-height:1.22}
.motion-hero h1{font-family:var(--display);font-size:clamp(48px,5.4vw,84px);font-weight:500;letter-spacing:-.06em;line-height:1.19}
.motion-hero h1 em{font-family:var(--display);font-size:.94em;font-style:normal;font-weight:500;letter-spacing:-.07em;color:var(--accent);text-shadow:2px 0 0 #74edd51f}
.hero-overline{font-family:var(--mono);font-size:11px;color:#91ab9c;letter-spacing:-.03em}.hero-overline::before{content:'// ';color:var(--cyan)}
.home-page .hero-meta .eyebrow{font-size:10px;letter-spacing:.05em;color:#bdcbbf}.home-page .hero-description{font-size:16px;line-height:1.75}.hero-composition{grid-template-columns:1.22fr 1fr}
.hero-meta .signal-dot{border-radius:0;box-shadow:0 0 12px #d4f99a50;transform:rotate(45deg)}
.home-page .hero-baseline p{font-family:var(--mono);font-size:10px}.scroll-cue{font-family:var(--mono);font-size:11px}.scroll-cue>span{border-radius:3px 10px 3px 3px}.hero-edition{font-family:var(--display);font-size:22px}
.orbit-tag{border-radius:3px 15px 3px 3px;border-color:#93b99b65;background:linear-gradient(115deg,#223c2bea,#0d1b15ed)}.orbit-tag::before{content:'';position:absolute;width:15px;height:2px;left:0;top:-1px;background:var(--cyan)}.orbit-tag strong{font-family:var(--display);font-size:17px;letter-spacing:-.05em}.orbit-tag small{font-size:7px;letter-spacing:.02em}.tag-icon{color:var(--cyan)}
.scene-grid{border-color:#72b69620}.scene-grid::after{border-color:#95bd9620}.coordinate-top,.coordinate-bottom{color:#9aac9b;font-size:8px;letter-spacing:.03em}
.ribbon-track>span{font-family:var(--display);font-size:clamp(28px,3.7vw,53px);color:#aab9a3;letter-spacing:-.06em}.ribbon-track i{color:var(--cyan);font-weight:200}.kinetic-ribbon{border-color:#9dccae30;background:#101b15}
.story-visual{border-radius:3px 24px 3px 3px;border-color:#92c29940;background:radial-gradient(ellipse at 50% 45%,#41633835,transparent 75%),#101b15}.story-visual::before{content:'';position:absolute;left:0;top:0;width:50px;height:2px;background:var(--accent)}
.story-chapter h3{font-family:var(--display);font-size:clamp(29px,3vw,45px);font-weight:500;line-height:1.23;letter-spacing:-.05em}.chapter-number{color:var(--cyan);font-size:10px}
.deck-card{border-radius:4px 15px 4px 4px}.mock-toolbar,.mock-chip,.mock-table,.mock-cta,.mock-person{font-family:var(--mono)}.mock-web strong,.mock-crm strong,.mock-erp strong{font-family:var(--display);font-size:clamp(16px,1.65vw,25px);line-height:1.25;font-weight:500}.mock-web{background:#d1efa8}.mock-chip{border-radius:3px}
.home-page .service-card{border-radius:3px 22px 3px 3px;border-color:#76957955}.home-page .service-card::before{content:'';position:absolute;left:-1px;top:-1px;width:44px;height:3px;background:var(--accent);pointer-events:none}.home-page .crm-card::before{background:var(--cyan)}.home-page .accounting-card::before{background:#ddd89c}.home-page .service-card h3{font-family:var(--display);font-weight:500;font-size:29px;line-height:1.2}.home-page .service-card p{font-size:15px}.home-page .service-list a{font-family:var(--mono);font-size:12px;line-height:1.7;align-items:center;padding:15px 0}.service-list a:hover{color:var(--accent);text-decoration:none}.home-page .category{font-size:10px;letter-spacing:.08em}.service-art>span{font-family:var(--display);font-size:22px}.art-crm>span{font-size:55px}.art-erp>span{font-size:18px}.card-index{font-family:var(--display)}
.home-page .solutions-section{background:#d1e0c3}.home-page .solutions-list h3{font-family:var(--display);font-size:22px;line-height:1.35;font-weight:500}.home-page .solutions-section .text-link{color:#244f25}.home-page .solutions-section .text-link:hover{color:#112d18}.home-page .solutions-section .row-number{font-family:var(--mono);color:#496742}
.home-page .principles h3,.home-page .process-grid h3{font-family:var(--display);font-size:20px;line-height:1.4;font-weight:500}.home-page .estimate h3{font-family:var(--display);font-size:24px;line-height:1.35}.home-page .estimate{border-radius:3px 22px 3px 3px;border-color:#91b88050}
.home-page .contact-section h2{font-family:var(--display);font-size:clamp(30px,3.7vw,54px);font-weight:500;line-height:1.25}.home-page .contact-section h2>span{font-family:var(--display);font-style:normal}.brief-panel,.home-page .brief-panel{background:#101d15;border-color:#8da77c60;border-radius:3px 24px 3px 3px}.brief-panel h3,.home-page .brief-panel h3{font-family:var(--display);font-size:23px;font-weight:500;line-height:1.4}.brief-panel select,.home-page .brief-panel select{border-radius:3px;border-color:#6a876e;background:#17271e;min-height:54px}.brief-panel label{font-family:var(--mono);font-size:12px}.brief-panel .button{font-size:13px}.contact-email,.contact-section h2>span{color:var(--accent)}.contact-section{background:#142119;border-color:#67826b55}.brief-tip{border-color:#75907240}.max-contact,.copy-status,.email-hint,.preview-notice{line-height:1.6}.max-contact button{color:var(--accent)}.faq-list summary{padding-right:5px}.faq-list summary::after{color:var(--cyan);border:1px solid #739f8040;width:28px;height:28px;display:grid;place-items:center;border-radius:2px;font-size:22px}.faq-list details{border-color:#74977e40}.faq-list details[open]{border-bottom-color:#d4f99a80}.footer-bottom{font-family:var(--mono);font-size:10px}
/* Carry the same type, colours and controls into all service landing pages. */
.service-hero h1{font-size:clamp(34px,3.8vw,56px);font-weight:500;line-height:1.25;letter-spacing:-.045em}.service-hero h1 span{color:var(--accent)}.service-page h2,.utility-heading h1,.not-found h1{font-size:clamp(31px,3.5vw,50px);line-height:1.3}.service-page h3{font-size:21px;line-height:1.4}.service-page .journey{background:linear-gradient(135deg,#1b3023,#112019);border-color:#a5c08c50;border-radius:3px 22px 3px 3px}.journey strong{font-family:var(--display);font-size:22px;font-weight:500;line-height:1.3}.journey li,.page-sections,.problem-grid article,.scope-list li,.scope-extras,.deliverable-list li{border-color:#7b9f7d40}.journey li p,.journey-note{color:#b4c8b4}.service-page .solutions-section{background:#101e16;border-color:#73947935}.example-flow li,.related-card{background:#16271c;border-color:#799a7755;border-radius:3px 18px 3px 3px}.related-card:hover{background:#233723;border-color:var(--accent)}.related-arrow{color:var(--cyan)}.related-card h3{font-size:25px}.utility-heading h1 span,.not-found h1 span{color:var(--accent)}.error-code{color:#8aaa6c}.contacts-page .contact-section h2{font-size:clamp(30px,3.5vw,48px)}
@media(min-width:821px) and (max-height:850px){.motion-hero h1{font-size:clamp(43px,4.7vw,70px)}.motion-hero .hero-description{font-size:15px}.hero-overline{font-size:10px}.hero-composition{padding-block:25px}}
@media(max-width:1100px){.header{gap:22px}.navigation{gap:15px;font-size:11px}.header .button-small{font-size:10px;padding-inline:13px;gap:13px}.logo{font-size:27px}.motion-hero h1{font-size:5.3vw}.home-page .service-card h3{font-size:25px}.home-page .service-list a{font-size:11px}.story-chapter h3{font-size:32px}.service-hero-grid{grid-template-columns:1.1fr .85fr}.service-hero h1{font-size:39px}.journey strong{font-size:19px}.service-page .process-grid h3{font-size:18px}.home-page .process-grid h3{font-size:18px}.home-page .hero-meta .eyebrow{font-size:9px}}
@media(max-width:820px){.hero-composition,.service-hero-grid{grid-template-columns:1fr}.motion-hero h1{font-size:clamp(37px,7vw,58px)}.home-page .hero-meta .eyebrow{max-width:280px}.home-page .motion-toggle{font-size:9px;max-width:190px}.home-page .service-card h3{font-size:31px}.home-page .service-list a{font-size:13px}.story-chapter h3{font-size:30px}.home-page h2{font-size:clamp(30px,5vw,43px)}.service-hero h1{font-size:clamp(32px,4.7vw,45px)}.service-page .process-grid h3{font-size:21px}.home-page .process-grid h3{font-size:20px}.header{gap:18px}.home-page .header{min-height:86px}.journey strong{font-size:20px}}
@media(max-width:520px){.logo{font-size:26px}.home-page .hero-meta .eyebrow{font-size:8px;max-width:175px;letter-spacing:0}.home-page .motion-toggle{font-size:8px;max-width:145px;padding:9px;min-height:38px;gap:7px}.motion-hero h1{font-size:clamp(27px,7.7vw,40px);letter-spacing:-.065em;line-height:1.3}.motion-hero h1 em{font-size:.96em}.hero-overline{font-size:9px;letter-spacing:-.05em;margin-bottom:20px}.home-page .hero-description{font-size:15px;margin-top:24px}.home-page .hero-actions .button{font-size:12px;padding:17px 20px;gap:20px}.home-page .hero-actions{gap:17px}.home-page .hero-actions .text-link{font-size:11px}.hero-baseline .scroll-cue{font-size:9px}.home-page .hero-baseline p{font-size:8px}.orbit-tag strong{font-size:14px}.orbit-tag small{font-size:5.8px}.orbit-tag{padding:11px 12px}.coordinate-top,.coordinate-bottom{font-size:6px}.home-page h2,.home-page .split-heading h2{font-size:29px;line-height:1.3}.story-chapter h3{font-size:26px;line-height:1.3}.story-chapter .text-link{font-size:12px}.mock-web strong,.mock-crm strong,.mock-erp strong{font-size:20px;line-height:1.3}.home-page .service-card h3{font-size:29px}.home-page .service-list a{font-size:12px}.home-page .service-card{padding:24px}.home-page .solutions-list h3{font-size:21px;line-height:1.4}.home-page .principles h3{font-size:20px}.home-page .process-grid{grid-template-columns:1fr}.home-page .process-grid h3{font-size:21px}.home-page .process-grid p{font-size:16px}.home-page .estimate h3{font-size:21px}.home-page .contact-section h2{font-size:30px;line-height:1.3}.home-page .brief-panel h3,.brief-panel h3{font-size:21px}.home-page .footer .logo{font-size:35px}.service-hero h1{font-size:30px;line-height:1.3}.service-page h2,.utility-heading h1,.not-found h1{font-size:29px;line-height:1.3}.service-page h3{font-size:20px}.journey strong{font-size:22px}.breadcrumbs{font-size:10px}.page-sections{font-size:12px;gap:12px}.contacts-page .contact-section h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.navigation a::after{transition:none}.button:hover,.home-page .button:hover{transform:none}}
/* Long Russian FAQ words must reflow alongside the disclosure indicator. */
.faq-section>*{min-width:0}.faq-list summary{overflow-wrap:anywhere;min-width:0}

/* Typography requested from bpa.tech: Furore 400 titles + Onest 500 subheads. */
@font-face{font-family:Furore;src:url('/assets/fonts/furore.b23390d64becc6bec03a.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('/assets/fonts/onest.2ea2386faf2d1172f926.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--display:Furore,Arial,sans-serif;--body:Onest,Arial,sans-serif}
body{font-family:var(--body);font-synthesis:none}
#main :is(h1,h2),.home-page .motion-hero h1 em{font-family:var(--display);font-weight:400;letter-spacing:normal;font-style:normal}
#main :is(h3,h4){font-family:var(--body);font-weight:500;letter-spacing:normal}
.logo,.home-page .footer .logo{font-family:'TOCOFE Logo',Arial,sans-serif}
.journey strong,.orbit-tag strong,.mock-web strong,.mock-crm strong,.mock-erp strong{font-family:var(--body);font-weight:500;letter-spacing:normal}
#main .founder-card figcaption strong{font-family:var(--body);font-weight:500;letter-spacing:normal}
#main .proof-grid strong{font-weight:400;letter-spacing:normal}

/* Four service directions, including practical AI adoption. */
.home-page .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page .ai-card{background:linear-gradient(145deg,#172c2b,#101a1b)}.home-page .ai-card::before{background:var(--cyan)}
.art-ai{display:grid;place-items:center}.art-ai>span{font:400 65px/1 var(--display);color:var(--cyan);text-shadow:0 0 45px #74edd530}.art-ai i{position:absolute;width:110px;height:110px;border:1px solid #74edd544;border-radius:22%;transform:rotate(45deg)}.art-ai i:nth-child(2){width:155px;height:155px;border-color:#d4f99a20}.art-ai i:nth-child(3){width:190px;height:190px;border-style:dashed;border-color:#74edd522}
.ai-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:35px 0}.ai-measures article{border-top:1px solid var(--line);padding-top:22px}.ai-measures h3{margin:15px 0;font-size:23px}.ai-measures p,.ai-example p,.ai-pilot p{font-size:16px;line-height:1.8;color:var(--muted)}.ai-example{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;padding:35px;background:#14231b;border:1px solid #66806b70;border-radius:3px 22px 3px 3px}.ai-example h3{font-size:26px;margin-bottom:16px}.ai-example .ai-formula{font-family:var(--mono);color:var(--cyan);margin-top:22px}.ai-time{display:flex;flex-direction:column;justify-content:center;gap:20px}.ai-time strong{font:400 clamp(26px,3.2vw,44px)/1.35 var(--display);color:var(--accent)}.ai-time span{font:12px/1.8 var(--mono);color:var(--muted)}.ai-pilot{margin-top:40px;max-width:760px}.ai-pilot h3{font-size:28px}.ai-pilot p{margin:18px 0 25px}.ai-source{font-size:13px;color:var(--muted);line-height:1.8;max-width:780px;margin-top:30px}.ai-source a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.ai-measures,.ai-example{grid-template-columns:1fr}.ai-example{gap:25px}.home-page .services-grid{grid-template-columns:1fr}.ai-time strong{font-size:35px}}
@media(max-width:520px){.ai-example{padding:23px}.ai-example h3,.ai-pilot h3{font-size:23px}.ai-time strong{font-size:28px}.ai-productivity .button{font-size:11px;padding:17px;gap:12px}.ai-example .ai-formula{font-size:13px;overflow-wrap:anywhere}}

/* Website pricing: approved reference amounts, readable without motion or JS. */
.website-prices h2{margin-top:22px;max-width:900px}
.website-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px}
.website-price-card{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,42px);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:2px 28px 2px 2px;background:var(--surface)}
.website-price-card h3{font-size:clamp(24px,2.8vw,34px);line-height:1.2;overflow-wrap:anywhere}
.website-price-card .website-price-value{font-size:clamp(30px,4vw,50px);font-weight:500;line-height:1.2;color:var(--accent);margin:24px 0;white-space:nowrap}
.website-price-card>p:not(.website-price-value){max-width:480px;font-size:16px;line-height:1.65;margin-bottom:28px}
.website-price-card .text-link{margin-top:auto;min-height:44px}
.website-price-note{max-width:900px;margin:28px 0 16px;font-size:15px;line-height:1.7}
.service-starting-price{margin:0 0 24px;font-size:18px;color:var(--text)}
.service-starting-price strong{color:var(--accent);white-space:nowrap}
@media(max-width:700px){.website-price-grid{grid-template-columns:1fr}.website-price-card .website-price-value{font-size:36px}}