
:root{
  --ink:#0f172a;
  --muted:#5f6b7a;
  --surface:#ffffff;
  --base:#f8fafc;
  --soft:#f1f5f9;
  --line:#e2e8f0;
  --accent:#14b8a6;
  --accent-2:#22c55e;
  --accent-light:#e7fbf7;
  --success:#0f766e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--base);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f3f4f6;padding:.1rem .35rem;border-radius:6px}
.wrap{max-width:1190px;margin:0 auto;padding-left:34px;padding-right:34px}
.skip{position:absolute;left:12px;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}
.header{position:sticky;top:0;z-index:20;background:rgba(248,250,252,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:79px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.logo{display:inline-flex;align-items:center;gap:12px}
.logo img{height:32px;width:auto}
.logo-word{font-size:22px;letter-spacing:-.06em;font-weight:800;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}
.nav-links a:not(.nav-cta):hover,.text-link:hover{color:var(--accent)}
.nav-cta{background:var(--ink);color:#fff;border-radius:9px;padding:13px 17px}.nav-cta span,.button span{margin-left:20px}.nav-cta:hover,.button-dark:hover{background:#1f2937}.nav-toggle{display:none}
.page-hero{padding-top:54px;padding-bottom:32px}
.hero{min-height:650px;display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center;padding-top:85px;padding-bottom:85px}
.overline,.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--accent)}.overline{display:flex;align-items:center;gap:11px}.small-line{height:2px;width:25px;background:var(--accent)}
h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.068em;line-height:1.07;font-weight:750}h1{font-size:clamp(42px,5.3vw,72px);margin:25px 0}h2{font-size:clamp(34px,4vw,52px);margin:20px 0}h3{letter-spacing:-.03em}h1 em,h2 em{font-style:normal;color:var(--accent)}
.hero-lead,.lead{font-size:16px;line-height:1.85;color:var(--muted);max-width:560px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;padding:16px 21px;font-weight:600;font-size:13px;border-radius:10px;transition:background .2s}.button-dark{background:var(--ink);color:white}.button-light{background:white;border:1px solid var(--line);color:var(--ink)}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:10px}
.hero-points{list-style:none;display:flex;gap:24px;flex-wrap:wrap;padding:0;margin:30px 0 0;color:#334155;font-size:12px;font-weight:700}.hero-points li{display:flex;align-items:center;gap:8px}.hero-points li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.hero-art{padding:20px 0 0;position:relative}.art-outer{position:relative;max-width:445px;margin:auto;background:white;border:1px solid #dde1e5;border-radius:16px;box-shadow:0 30px 70px rgba(15,23,42,.08),0 6px 16px rgba(15,23,42,.04);overflow:hidden;transform:rotate(-2deg)}.art-top{height:59px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#89919c;font-size:10px;font-weight:800;letter-spacing:.12em}.art-dots{letter-spacing:5px;color:#d5dbdf}.art-middle{padding:31px 37px 40px}.art-node{border:1px solid #e2e6ea;background:#fbfcfd;border-radius:11px;min-height:71px;padding:17px;display:flex;align-items:center;gap:18px;font-size:13px;font-weight:650}.art-node b{margin-left:auto;color:#83908c;font-size:16px}.art-icon{background:#e9ecef;padding:9px;border-radius:6px;font-size:11px;color:#718078}.art-node.accented{border-color:#bce9dd;background:#effef9;color:#0f766e}.art-node.accented .art-icon{background:#d7faf2;color:#0f766e}.art-node.accented b{color:#0f766e}.art-connector{height:27px;width:1px;border-left:1px dashed #bcc7ca;margin-left:36px}.art-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;background:#fafbfb;border-top:1px solid var(--line);font-size:10px;font-weight:700;color:#718078}.art-bottom span:last-child{color:#0f766e}.art-bottom i{display:inline-block;width:7px;height:7px;background:#22c55e;border-radius:50%;margin-right:7px}.art-caption{display:block;text-align:center;margin-top:32px;font-size:12px;color:#7c858e}
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}.strip-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:600;color:#5d6570}.strip-inner span:first-child{color:#94a3b8;font-size:10px;letter-spacing:.13em}
.section{padding-top:116px;padding-bottom:116px}.section-heading{display:grid;grid-template-columns:1.15fr .6fr;align-items:end;gap:80px;margin-bottom:47px}.compact-heading{margin-bottom:34px}.section-heading p,.about-text p,.contact-inner>div>p,.card p,.list-card p{font-size:15px;line-height:1.85;color:var(--muted)}.section-heading p{max-width:380px}
.service-grid,.feature-grid,.pricing-grid,.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service,.card,.list-card,.pricing-card,.case-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:31px;transition:transform .2s,border-color .2s,box-shadow .2s}.service,.pricing-card{min-height:265px;display:flex;flex-direction:column}.service:hover,.card:hover,.list-card:hover,.pricing-card:hover,.case-item:hover{transform:translateY(-3px);border-color:#bde5dc;box-shadow:0 18px 32px rgba(15,23,42,.04)}.service-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.service-mark{display:grid;place-items:center;width:42px;height:42px;background:#edfdfa;border-radius:9px;color:var(--accent);font-size:19px;font-weight:700}.service-id{font-size:11px;color:#a4abb2}.service h3,.pricing-card h3{font-size:20px;margin-bottom:11px}.service p,.pricing-card p{font-size:13px;color:var(--muted);line-height:1.75;max-width:380px}.tags{font-size:11px;color:#0f766e;font-weight:700;margin-top:auto;padding-top:17px}
.section-muted{background:#eef6f4;border-block:1px solid #dfeee8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:1px solid #c9d0d0;padding-top:22px}.steps article>span{color:var(--accent);font-size:12px;font-weight:800}.steps h3{font-size:19px;margin:23px 0 12px}.steps p{color:var(--muted);font-size:13px;line-height:1.75}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-text{max-width:520px}.about-text p{margin-bottom:18px}.about-text .text-link{display:inline-block;margin-top:13px}
.case-item{display:flex;flex-direction:column;gap:10px}.case-item strong{font-size:18px}.case-item span{font-size:14px;line-height:1.75;color:var(--muted)}
.page-intro{padding-top:72px;padding-bottom:20px}.page-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}.page-intro-card{background:white;border:1px solid var(--line);border-radius:16px;padding:26px}.bullet-list{display:grid;gap:10px;padding:0;margin:18px 0 0;list-style:none}.bullet-list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px;line-height:1.7}.bullet-list li::before{content:"•";color:var(--accent);font-weight:900}
.list-card h3{font-size:18px;margin-bottom:10px}.list-card ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px;font-size:14px;line-height:1.7}
.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing-card .meta{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--success);margin-bottom:14px}.pricing-card ul{margin:16px 0 0;padding-left:18px;color:var(--muted);display:grid;gap:8px;font-size:14px;line-height:1.7}
.contact{background:#e8f7f1;border-top:1px solid #d9efe6}.contact-inner{display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:90px}.contact-inner>div>p{max-width:450px}.contact-card{background:white;border:1px solid #d7ebe4;border-radius:15px;padding:36px;box-shadow:0 14px 28px rgba(15,23,42,.06)}.contact-card-tag{color:#0f766e;font-size:10px;font-weight:800;letter-spacing:.15em}.contact-card h3{font-size:24px;letter-spacing:-.04em;margin:20px 0 12px}.contact-card p{color:var(--muted);font-size:13px;line-height:1.75}.contact-card .button{margin-top:20px}.contact-card small{display:block;margin-top:19px;color:#64748b;font-size:11px;line-height:1.6}.disabled-link{opacity:.48;cursor:not-allowed}
.footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-inner p{margin:0;color:#8c949c;font-size:11px}.footer-inner>a:last-child{font-size:12px;font-weight:700}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:73px;padding-bottom:65px;gap:35px}.hero-art{max-width:520px;width:100%;margin:auto}.section-heading{gap:30px}.steps,.pricing-grid{grid-template-columns:repeat(2,1fr)}.case-grid,.feature-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.contact-inner,.page-intro-grid{gap:35px}}
@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.nav{height:67px}.logo img{height:28px}.logo-word{font-size:19px}.nav-toggle{width:39px;height:39px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:8px}.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink)}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;background:var(--base);border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:stretch;gap:22px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{min-height:unset;padding-top:64px;padding-bottom:60px}.hero-lead,.lead{font-size:15px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-points{gap:12px 18px}.hero-art{padding-top:12px}.art-middle{padding:26px 24px}.art-caption{margin-top:20px}.strip-inner{flex-wrap:wrap;justify-content:flex-start;gap:13px 24px;padding-top:20px;padding-bottom:20px}.strip-inner span:first-child{width:100%}.section{padding-top:75px;padding-bottom:75px}.section-heading,.about,.contact-inner,.page-intro-grid{grid-template-columns:1fr;gap:20px}.section-heading{margin-bottom:30px}.service-grid,.case-grid,.feature-grid,.pricing-grid{grid-template-columns:1fr}.service{min-height:230px;padding:25px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps h3{font-size:17px}.contact-inner{gap:28px}.contact-card,.page-intro-card{padding:27px}.footer-inner{padding-top:26px;padding-bottom:26px;flex-direction:column;align-items:flex-start;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service,.button,.card,.list-card,.pricing-card,.case-item{transition:none}}

.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-top:54px;padding-bottom:45px}.footer-main p{margin:17px 0 0;max-width:270px;font-size:13px;color:var(--muted);line-height:1.7}.footer-main nav,.footer-main>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font-size:13px}.footer-main strong{font-size:12px;margin-bottom:8px}.footer-main nav a:hover,.footer-bottom a:hover{color:var(--accent)}.footer-main span,.footer-main small{color:var(--muted);line-height:1.6}.footer-bottom{border-top:1px solid var(--line);min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}
.section-tight{padding-bottom:110px}.brief-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.contact-side{position:sticky;top:110px}.contact-side h2{margin:24px 0}.contact-side p{line-height:1.8;color:var(--muted);font-size:15px}.side-details{margin-top:28px;display:grid;gap:7px;font-size:13px}.side-details span{color:var(--muted)}.form-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 20px 46px rgba(15,23,42,.05)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:9px;margin-bottom:20px}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{font:inherit;font-size:14px;width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:13px 14px;color:var(--ink)}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #99f6e4;outline-offset:1px;border-color:var(--accent)}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;color:var(--muted)}.consent input{margin-top:4px;accent-color:var(--accent)}.consent a{text-decoration:underline}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.form-actions button{cursor:pointer;border:none}.form-actions .button-light{border:1px solid var(--line)}.status-message{font-size:13px;min-height:1.4em;color:#0f766e;margin:15px 0 5px}.form-note{font-size:12px;color:var(--muted);line-height:1.7}.text-page{padding-top:75px;padding-bottom:110px;max-width:900px}.text-page h2{font-size:27px;margin-top:45px}.text-page p{color:var(--muted);font-size:16px;line-height:1.9}.text-page .button{color:white}
@media(max-width:900px){.brief-layout{grid-template-columns:1fr;gap:22px}.contact-side{position:static}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.form-panel{padding:22px}.form-grid,.footer-main{grid-template-columns:1fr}.footer-main{padding-top:40px;padding-bottom:38px;gap:28px}.footer-bottom{padding-top:22px;padding-bottom:22px;align-items:flex-start;flex-direction:column}.section-tight{padding-bottom:70px}}
