:root {
  --ink: #0e1729;
  --muted: #68738a;
  --paper: #f7f9fc;
  --surface: #ffffff;
  --line: #dfe5ee;
  --line-strong: #cdd6e3;
  --blue: #2458e6;
  --blue-deep: #1436a5;
  --cyan: #68d9d2;
  --soft-cyan: #e8faf7;
  --radius: 20px;
  --container: 1180px;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Manrope", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.site-shell { overflow: clip; }
.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 40px; min-height: 78px; padding: 0 30px; background: rgba(247, 249, 252, .88); border-bottom: 1px solid rgba(223,229,238,.86); backdrop-filter: blur(18px); }
.wordmark { display: inline-flex; flex: 0 0 auto; align-items: center; width: 104px; height: 30px; overflow: hidden; }
.wordmark img { display: block; width: 104px !important; max-width: 104px !important; height: auto; max-height: 30px !important; object-fit: contain; object-position: left center; }
.wordmark-dot { color: var(--blue); }
.desktop-nav { display: flex; align-items: center; gap: 27px; margin-left: auto; }
.desktop-nav a, .language-switcher a { color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: .01em; transition: color .2s ease; }
.desktop-nav a:hover, .desktop-nav a:focus-visible, .language-switcher a:hover, .language-switcher a.active { color: var(--ink); }
.header-actions { display: flex; align-items: center; gap: 18px; }
.language-switcher { display: flex; gap: 6px; align-items: center; }
.language-switcher a { font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: .03em; padding: 5px; }
.language-switcher a.active { color: var(--blue); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 52px; padding: 0 21px; border: 1px solid transparent; border-radius: 999px; font-size: 13px; font-weight: 800; transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 18px; line-height: 1; }
.button-dark { background: var(--ink); color: #fff; }
.button-dark:hover { background: var(--blue); }
.button-blue { background: var(--blue); color: #fff; }
.button-blue:hover { background: var(--blue-deep); }
.button-outline { border-color: var(--line-strong); color: var(--ink); background: transparent; }
.button-outline:hover { border-color: var(--ink); background: #fff; }
.button-small { min-height: 39px; padding: 0 16px; font-size: 11px; gap: 10px; }
.button-small span { font-size: 15px; }
.menu-toggle, .mobile-menu { display: none; }
.container { width: min(calc(100% - 60px), var(--container)); margin: 0 auto; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--blue); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 24px; height: 1px; background: currentColor; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.06em; }
.section-heading { max-width: 690px; }
.section-heading h2 { margin: 22px 0 18px; font-size: clamp(36px, 5vw, 66px); line-height: 1.02; }
.section-heading p { max-width: 540px; color: var(--muted); font-size: 15px; line-height: 1.75; }
.hero { position: relative; min-height: 690px; padding: 120px 0 92px; display: grid; grid-template-columns: minmax(0, .96fr) minmax(440px, .84fr); gap: 70px; align-items: center; }
.hero-copy h1 { max-width: 760px; margin: 24px 0 27px; font-size: clamp(50px, 7.2vw, 92px); line-height: .99; }
.hero-copy h1 em { color: var(--blue); font-style: normal; }
.hero-copy > p { max-width: 550px; margin-bottom: 34px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.hero-actions { display: flex; gap: 11px; flex-wrap: wrap; }
.hero-note { display: flex; align-items: center; gap: 10px; margin-top: 30px; color: var(--muted); font-size: 11px; }
.hero-note::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 5px rgba(104,217,210,.16); }
.hero-visual { position: relative; min-height: 450px; display: grid; place-items: center; }
.orbital { position: relative; width: min(100%, 510px); aspect-ratio: 1; border: 1px solid #d9e1ee; border-radius: 50%; background: radial-gradient(circle at 50% 48%, rgba(36,88,230,.13), transparent 31%), radial-gradient(circle at 55% 42%, rgba(104,217,210,.23), transparent 64%); }
.orbital::before, .orbital::after { content: ""; position: absolute; inset: 12%; border: 1px solid rgba(36,88,230,.24); border-radius: 50%; transform: rotate(32deg) scaleX(1.45); }
.orbital::after { inset: 24%; border-color: rgba(104,217,210,.44); transform: rotate(-38deg) scaleX(1.3); }
.orbit-dot { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 8px rgba(36,88,230,.11), 0 0 26px rgba(36,88,230,.5); animation: float 4.5s ease-in-out infinite; }
.orbit-dot.one { top: 18%; right: 27%; }.orbit-dot.two { bottom: 21%; left: 19%; width: 7px; height: 7px; background: var(--cyan); animation-delay: -1.8s; }.orbit-dot.three { top: 47%; left: 6%; width: 5px; height: 5px; background: var(--ink); animation-delay: -3.2s; }
.visual-core { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 142px; height: 142px; border: 1px solid rgba(36,88,230,.34); border-radius: 50%; background: rgba(255,255,255,.7); box-shadow: 0 15px 60px rgba(25,64,143,.16); }
.visual-core strong { font-size: 31px; letter-spacing: -.11em; }.visual-core small { margin-top: -36px; color: var(--blue); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .08em; }
.visual-label { position: absolute; padding: 10px 12px; border: 1px solid rgba(205,214,227,.8); border-radius: 10px; background: rgba(255,255,255,.75); color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .04em; box-shadow: 0 12px 30px rgba(17,41,81,.06); }
.visual-label.a { top: 17%; left: 3%; }.visual-label.b { right: 0; bottom: 23%; }.visual-label.c { right: 14%; top: 34%; color: var(--blue); }
.trust-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.trust-strip .container { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 0; }.trust-item { min-height: 112px; padding: 27px 22px; border-left: 1px solid var(--line); }.trust-item:first-child { padding-left: 0; border-left: 0; }.trust-item strong { display: block; margin: 5px 0; font-size: 14px; }.trust-item p { margin-bottom: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }.trust-item .mono { color: var(--blue); font-family: "DM Mono", monospace; font-size: 10px; }
.section { padding: 132px 0; }.benefits { padding-top: 110px; }.benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 64px; border: 1px solid var(--line); background: var(--line); }.benefit { min-height: 260px; padding: 27px; background: var(--paper); }.benefit-number { color: var(--blue); font-family: "DM Mono", monospace; font-size: 10px; }.benefit h3 { margin: 73px 0 12px; font-size: 20px; }.benefit p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.services-section { background: var(--ink); color: white; }.services-section .eyebrow { color: var(--cyan); }.services-section .section-heading p { color: #9caac1; }.services-list { margin-top: 70px; border-top: 1px solid rgba(255,255,255,.16); }.service-row { display: grid; grid-template-columns: 70px minmax(190px, .8fr) minmax(260px, 1.35fr) 40px; gap: 26px; align-items: center; padding: 27px 0; border-bottom: 1px solid rgba(255,255,255,.16); transition: padding .25s ease, background .25s ease; }.service-row:hover { padding-left: 14px; padding-right: 14px; background: rgba(255,255,255,.035); }.service-index { color: var(--cyan); font-family: "DM Mono", monospace; font-size: 11px; }.service-row h3 { margin: 0; font-size: 21px; }.service-row p { max-width: 470px; margin: 0; color: #9caac1; font-size: 12px; line-height: 1.6; }.service-icon { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(104,217,210,.55); border-radius: 50%; color: var(--cyan); font-size: 17px; }
.automation-section { background: #edf6ff; }.automation-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }.automation-layout .section-heading h2 { font-size: clamp(38px, 4.7vw, 62px); }.automation-visual { padding: 30px; border: 1px solid #c9ddef; border-radius: var(--radius); background: rgba(255,255,255,.68); }.flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; align-items: center; }.flow-node { min-height: 116px; padding: 14px 10px; border: 1px solid #c8d8e9; border-radius: 13px; background: rgba(255,255,255,.85); }.flow-node.highlight { background: var(--blue); color: white; border-color: var(--blue); box-shadow: 0 14px 24px rgba(36,88,230,.2); }.flow-node b { display: block; margin-bottom: 16px; color: var(--blue); font-family: "DM Mono", monospace; font-size: 9px; font-weight: 500; }.flow-node.highlight b { color: var(--cyan); }.flow-node span { font-size: 12px; font-weight: 800; line-height: 1.35; }.flow-arrow { color: var(--blue); font-size: 20px; text-align: center; }.use-cases { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 23px; }.pill { padding: 9px 11px; border: 1px solid #c5d8eb; border-radius: 999px; background: rgba(255,255,255,.7); color: #4f6380; font-size: 11px; }
.principles { display: grid; grid-template-columns: .78fr 1.22fr; gap: 100px; align-items: start; }.principle-lead { position: sticky; top: 120px; }.principle-lead h2 { margin: 21px 0; font-size: clamp(38px, 4.7vw, 63px); line-height: 1.02; }.principle-lead p { max-width: 410px; color: var(--muted); font-size: 15px; line-height: 1.75; }.principle-items { border-top: 1px solid var(--line); }.principle-item { display: grid; grid-template-columns: 66px 1fr; gap: 20px; padding: 31px 0; border-bottom: 1px solid var(--line); }.principle-item .number { color: var(--blue); font-family: "DM Mono", monospace; font-size: 11px; }.principle-item h3 { margin: 0 0 7px; font-size: 20px; }.principle-item h3 .muted { color: var(--muted); font-weight: 500; }.principle-item p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.process-section { background: var(--surface); }.process-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; }.process-head .section-heading { max-width: 600px; }.process-head > p { max-width: 250px; margin: 0 0 3px; color: var(--muted); font-size: 12px; line-height: 1.7; }.process-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin-top: 68px; border-top: 1px solid var(--line-strong); }.process-card { min-height: 216px; padding: 23px 18px 10px 0; border-right: 1px solid var(--line); }.process-card:not(:first-child) { padding-left: 18px; }.process-card:last-child { border-right: 0; }.process-card .step { color: var(--blue); font-family: "DM Mono", monospace; font-size: 10px; }.process-card h3 { margin: 49px 0 10px; font-size: 17px; }.process-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.cases-section { background: var(--paper); }.cases-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 20px; margin-top: 68px; }.case-card { min-height: 310px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: white; transition: transform .22s ease, box-shadow .22s ease; }.case-card:hover { transform: translateY(-4px); box-shadow: 0 20px 50px rgba(26,44,83,.08); }.case-card.featured { background: var(--ink); color: white; }.case-top { display: flex; justify-content: space-between; gap: 16px; color: var(--blue); font-family: "DM Mono", monospace; font-size: 10px; text-transform: uppercase; }.featured .case-top { color: var(--cyan); }.case-card h3 { max-width: 470px; margin: 30px 0 8px; font-size: 25px; }.case-card p { max-width: 500px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.featured p { color: #a6b4cb; }.case-footer { display: flex; justify-content: space-between; align-items: end; margin-top: 32px; }.case-status { color: var(--muted); font-size: 11px; }.featured .case-status { color: #a6b4cb; }.case-link { color: var(--blue); font-size: 22px; }.featured .case-link { color: var(--cyan); }
.why-section { background: var(--surface); }.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 65px; background: var(--line); border: 1px solid var(--line); }.why-card { padding: 25px; min-height: 200px; background: white; }.why-card:nth-child(-n+3) { background: #fbfcff; }.why-card .why-icon { color: var(--blue); font-family: "DM Mono", monospace; font-size: 19px; }.why-card h3 { margin: 35px 0 9px; font-size: 17px; }.why-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }.stack-section { border-top: 1px solid var(--line); }.stack-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 36px; margin-top: 64px; }.stack-group h3 { margin-bottom: 20px; color: var(--blue); font-family: "DM Mono", monospace; font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }.stack-group p { margin: 0; color: var(--muted); font-size: 14px; line-height: 2.1; }.stack-group span { white-space: nowrap; }
.about-band { padding: 130px 0; background: var(--blue); color: white; }.about-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 100px; align-items: center; }.about-band .eyebrow { color: var(--cyan); }.about-band h2 { max-width: 570px; margin: 21px 0; font-size: clamp(40px, 5vw, 67px); line-height: 1.02; }.about-band p { max-width: 570px; color: #d6e0ff; font-size: 16px; line-height: 1.8; }.about-mark { position: relative; min-height: 300px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background: radial-gradient(circle at center, rgba(104,217,210,.18), transparent 55%); }.about-mark::before, .about-mark::after { content: ""; position: absolute; inset: 15%; border: 1px solid rgba(255,255,255,.43); border-radius: 50%; transform: rotate(35deg) scaleX(1.4); }.about-mark::after { inset: 30%; transform: rotate(-33deg) scaleX(1.35); border-color: rgba(104,217,210,.8); }.about-mark b { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 54px; letter-spacing: -.12em; }
.contact-section { padding: 122px 0 0; }.contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; padding-bottom: 120px; }.contact-copy h2 { margin: 20px 0; font-size: clamp(40px, 4.9vw, 65px); line-height: 1.02; }.contact-copy > p { max-width: 380px; color: var(--muted); font-size: 14px; line-height: 1.75; }.contact-detail { margin-top: 50px; }.contact-detail small { display: block; margin-bottom: 7px; color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; text-transform: uppercase; }.contact-detail a { font-size: 17px; font-weight: 700; }.contact-form { padding: 33px; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 20px 60px rgba(24,53,99,.06); }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }.field label { color: var(--muted); font-family: "DM Mono", monospace; font-size: 10px; }.field input, .field textarea { width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--line-strong); border-radius: 0; outline: none; background: transparent; color: var(--ink); font-size: 14px; }.field input:focus, .field textarea:focus { border-color: var(--blue); }.field textarea { min-height: 80px; resize: vertical; }.form-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 8px; }.check { display: flex; align-items: flex-start; gap: 8px; max-width: 280px; color: var(--muted); font-size: 10px; line-height: 1.45; }.check input { margin-top: 2px; accent-color: var(--blue); }.success-state { display: none; padding: 50px 10px; text-align: center; }.success-state.show { display: block; }.success-state .success-mark { margin: 0 auto 20px; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--soft-cyan); color: #148f85; font-size: 23px; }.success-state h3 { margin-bottom: 10px; font-size: 25px; }.success-state p { color: var(--muted); font-size: 13px; }.contact-form.sent form { display: none; }
.final-cta { padding: 70px 0; border-top: 1px solid var(--line); }.final-cta-inner { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 52px; border-radius: var(--radius); background: var(--ink); color: white; }.final-cta h2 { max-width: 610px; margin: 0; font-size: clamp(31px, 4vw, 54px); line-height: 1.04; }.final-cta p { max-width: 390px; margin: 14px 0 0; color: #a6b4cb; font-size: 12px; line-height: 1.6; }.final-actions { display: flex; flex-shrink: 0; gap: 9px; flex-wrap: wrap; }.final-cta .button-outline { border-color: #3d4d68; color: white; }.final-cta .button-outline:hover { background: #243149; border-color: #647693; }
.site-footer { padding: 48px 0 27px; background: white; border-top: 1px solid var(--line); }.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 50px; padding-bottom: 56px; }.footer-brand p { max-width: 230px; margin-top: 17px; color: var(--muted); font-size: 11px; line-height: 1.65; }.footer-title { margin: 4px 0 17px; color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.footer-col a { display: block; width: fit-content; margin: 9px 0; color: var(--muted); font-size: 11px; }.footer-col a:hover { color: var(--blue); }.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 21px; border-top: 1px solid var(--line); color: var(--muted); font-family: "DM Mono", monospace; font-size: 9px; }.footer-bottom a { margin-left: 20px; }.footer-bottom a:hover { color: var(--ink); }
.page-hero { padding: 110px 0 95px; border-bottom: 1px solid var(--line); }.page-hero h1 { max-width: 850px; margin: 21px 0; font-size: clamp(49px, 7vw, 88px); line-height: .98; }.page-hero p { max-width: 590px; color: var(--muted); font-size: 16px; line-height: 1.7; }.service-detail-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }.service-detail-grid h2 { margin-top: 0; font-size: clamp(34px, 4vw, 55px); }.detail-copy { color: var(--muted); font-size: 14px; line-height: 1.8; }.detail-points { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 28px; background: var(--line); border: 1px solid var(--line); }.detail-point { padding: 20px; background: white; }.detail-point strong { display: block; margin-bottom: 8px; font-size: 13px; }.detail-point span { color: var(--muted); font-size: 11px; line-height: 1.55; }.faq-list { max-width: 850px; margin-top: 62px; border-top: 1px solid var(--line); }.faq-list details { padding: 21px 0; border-bottom: 1px solid var(--line); }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 14px; font-weight: 800; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; color: var(--blue); font-size: 20px; font-weight: 400; }.faq-list details[open] summary::after { content: "−"; }.faq-list p { max-width: 720px; margin: 13px 0 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 30; padding: 14px 17px; border-radius: 11px; background: var(--ink); color: white; font-size: 12px; box-shadow: 0 12px 30px rgba(0,0,0,.16); transform: translateY(25px); opacity: 0; pointer-events: none; transition: all .25s ease; }.toast.show { transform: translateY(0); opacity: 1; }.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }.reveal.visible { opacity: 1; transform: none; }
@keyframes float { 0%,100% { transform: translate(0,0); } 50% { transform: translate(6px,-12px); } }
@media (max-width: 1050px) { .site-header { gap: 20px; padding-inline: 22px; }.desktop-nav { gap: 15px; }.header-cta { display: none; }.container { width: min(calc(100% - 44px), var(--container)); }.hero { grid-template-columns: 1fr .8fr; gap: 28px; }.hero-copy h1 { font-size: clamp(48px, 7vw, 74px); }.automation-layout, .principles, .about-grid, .contact-grid { gap: 55px; } }
@media (max-width: 760px) { .site-header { position: sticky; z-index: 1000; min-height: 68px; padding: 0 18px; }.wordmark { width: 90px; height: 28px; }.wordmark img { width: 90px !important; max-width: 90px !important; max-height: 28px !important; }.desktop-nav, .header-actions .language-switcher { display: none; }.header-actions { margin-left: auto; }.menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 38px; height: 38px; padding: 9px; border: 1px solid var(--line-strong); border-radius: 50%; background: transparent; }.menu-toggle span { display: block; width: 100%; height: 1px; background: var(--ink); transition: transform .2s ease; }.menu-open .menu-toggle span:first-child { transform: translateY(3px) rotate(45deg); }.menu-open .menu-toggle span:last-child { transform: translateY(-3px) rotate(-45deg); }.mobile-menu { position: fixed; z-index: 1001; top: 68px; right: 0; bottom: 0; left: 0; height: calc(100dvh - 68px); min-height: calc(100vh - 68px); display: flex; flex-direction: column; gap: 5px; overflow-y: auto; padding: 25px 18px 40px; background: #f7f9fc !important; background-color: #f7f9fc !important; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }.menu-open .mobile-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }.menu-open #app, .menu-open .site-footer { visibility: hidden; }.mobile-menu a { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 18px; font-weight: 700; }.mobile-menu .mobile-language { display: flex; gap: 14px; padding-top: 18px; border: 0; color: var(--blue); font-family: "DM Mono", monospace; font-size: 11px; }.hero { min-height: auto; padding: 76px 0 70px; display: block; }.hero-copy h1 { font-size: clamp(46px, 13vw, 72px); }.hero-copy > p { font-size: 15px; }.hero-visual { min-height: 340px; margin-top: 50px; }.orbital { width: min(100%, 360px); }.visual-label { font-size: 8px; }.trust-strip .container { grid-template-columns: 1fr 1fr; }.trust-item { min-height: 97px; padding: 20px 14px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); }.trust-item:first-child { grid-column: span 2; padding-left: 14px; border-left: 0; }.trust-item:nth-last-child(-n+2) { border-bottom: 0; }.section { padding: 90px 0; }.benefits { padding-top: 80px; }.benefit-grid { grid-template-columns: 1fr 1fr; margin-top: 40px; }.benefit { min-height: 220px; padding: 20px; }.benefit h3 { margin-top: 46px; font-size: 17px; }.services-list { margin-top: 42px; }.service-row { grid-template-columns: 38px 1fr 30px; gap: 10px; padding: 20px 0; }.service-row p { grid-column: 2 / 3; grid-row: 2; font-size: 11px; }.service-row h3 { font-size: 16px; }.automation-layout, .principles, .about-grid, .contact-grid { grid-template-columns: 1fr; gap: 45px; }.principle-lead { position: static; }.automation-visual { padding: 16px; }.flow { grid-template-columns: 1fr; gap: 0; }.flow-node { min-height: 77px; }.flow-node b { margin-bottom: 8px; }.flow-arrow { transform: rotate(90deg); height: 28px; }.process-head { display: block; }.process-head > p { margin-top: 20px; }.process-grid { grid-template-columns: 1fr; margin-top: 42px; }.process-card, .process-card:not(:first-child) { min-height: auto; padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--line); }.process-card h3 { margin: 18px 0 8px; }.cases-grid { grid-template-columns: 1fr; margin-top: 42px; }.case-card { min-height: 260px; }.why-grid { grid-template-columns: 1fr 1fr; margin-top: 42px; }.why-card { min-height: 180px; padding: 18px; }.why-card h3 { margin-top: 23px; font-size: 15px; }.stack-grid { grid-template-columns: 1fr 1fr; gap: 28px 18px; margin-top: 40px; }.about-band { padding: 90px 0; }.about-mark { min-height: 230px; order: -1; }.contact-grid { padding-bottom: 80px; }.contact-form { padding: 21px 18px; }.form-row, .detail-points { grid-template-columns: 1fr; gap: 0; }.form-bottom { display: block; }.form-bottom .button { width: 100%; margin-top: 18px; }.final-cta { padding: 28px 0 50px; }.final-cta-inner { display: block; padding: 30px 23px; }.final-actions { margin-top: 25px; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 18px; padding-bottom: 35px; }.footer-brand { grid-column: span 2; }.footer-bottom { display: block; line-height: 2; }.footer-bottom a { margin: 0 16px 0 0; }.page-hero { padding: 78px 0 70px; }.page-hero h1 { font-size: clamp(44px, 12vw, 65px); }.service-detail-grid { grid-template-columns: 1fr; gap: 38px; }.service-detail-grid h2 { font-size: 37px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.orbit-dot { animation: none; }.button, .service-row, .case-card { transition: none; } }