:root {
  --afd-bg: #ffffff;
  --afd-text: #182033;
  --afd-muted: #667085;
  --afd-primary: #5b5cf0;
  --afd-primary-2: #7568ff;
  --afd-cyan: #23b8c7;
  --afd-dark: #11182b;
  --afd-soft: #f5f7fb;
  --afd-border: #e5e9f2;
  --afd-success: #087a55;
  --afd-danger: #b42318;
  --afd-radius: 20px;
  --afd-shadow: 0 24px 70px rgba(30, 42, 75, .12);
  --afd-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--afd-text);
  background: var(--afd-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.afd-menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.screen-reader-text { position: absolute; left: -9999px; }
.afd-skip-link { position: fixed; left: 16px; top: -100px; z-index: 9999; background: #fff; padding: 10px 14px; border-radius: 8px; box-shadow: var(--afd-shadow); }
.afd-skip-link:focus { top: 16px; }
.afd-container { width: min(calc(100% - 40px), var(--afd-container)); margin-inline: auto; }
.afd-main { overflow: hidden; }
.afd-section { padding: 104px 0; }
.afd-section--soft { background: var(--afd-soft); }
.afd-section--dark { background: var(--afd-dark); color: #fff; }
.afd-kicker { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; color: var(--afd-primary); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.afd-kicker::before { content: ""; width: 24px; height: 2px; border-radius: 999px; background: currentColor; }
.afd-heading { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.afd-heading--left { text-align: left; margin-left: 0; }
.afd-heading--split { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 28px; text-align: left; }
.afd-heading--light .afd-kicker { color: #98a4ff; }
h1, h2, h3 { margin-top: 0; line-height: 1.12; letter-spacing: -.035em; }
h1 { font-size: clamp(2.7rem, 6.1vw, 5.9rem); }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: 1.35rem; }
p { margin-top: 0; }
.afd-heading p, .afd-page-hero p { color: var(--afd-muted); font-size: 1.12rem; }
.afd-heading--light p { color: #b9c2d6; }
.afd-btn { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 12px 22px; border: 1px solid transparent; border-radius: 12px; font-weight: 800; line-height: 1.2; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.afd-btn:hover { transform: translateY(-2px); }
.afd-btn--primary { color: #fff; background: linear-gradient(135deg, var(--afd-primary), var(--afd-primary-2)); box-shadow: 0 14px 34px rgba(91,92,240,.28); }
.afd-btn--ghost { color: var(--afd-text); border-color: var(--afd-border); background: rgba(255,255,255,.78); }
.afd-btn--dark { color: #fff; background: var(--afd-dark); }
.afd-btn--light { color: var(--afd-dark); background: #fff; }
.afd-btn--small { min-height: 42px; padding: 10px 17px; font-size: .9rem; }
.afd-btn--large { min-height: 56px; padding: 16px 26px; }
.afd-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.afd-text-link { color: var(--afd-primary); font-weight: 800; white-space: nowrap; }
.afd-center { margin-top: 42px; text-align: center; }

.afd-header { position: fixed; inset: 0 0 auto; z-index: 1000; border-bottom: 1px solid transparent; transition: background .25s ease, box-shadow .25s ease, border .25s ease; }
.afd-header.is-scrolled { border-color: rgba(229,233,242,.9); background: rgba(255,255,255,.92); backdrop-filter: blur(18px); box-shadow: 0 10px 40px rgba(26,35,59,.08); }
.admin-bar .afd-header { top: 32px; }
.afd-header__inner { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.afd-brand__link { display: inline-flex; align-items: center; gap: 12px; }
.afd-brand__text { display: grid; line-height: 1.15; }
.afd-brand__logo-box { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; overflow: hidden; border-radius: 11px; }
.afd-brand__logo { display: block; width: 42px; height: 42px; max-width: none; object-fit: contain; }
.afd-brand__link--light .afd-brand__logo-box { padding: 2px; background: rgba(255,255,255,.96); }
.afd-brand__link > span:last-child { display: grid; line-height: 1.15; }
.afd-brand__link strong { font-size: 1.02rem; }
.afd-brand__link small { margin-top: 4px; color: var(--afd-muted); font-size: .68rem; font-weight: 600; }
.afd-brand__mark { width: 38px; height: 38px; position: relative; display: inline-block; border-radius: 12px; background: linear-gradient(135deg, var(--afd-primary), var(--afd-cyan)); box-shadow: 0 8px 20px rgba(91,92,240,.28); }
.afd-brand__mark i { position: absolute; width: 8px; height: 8px; border-radius: 3px; background: #fff; }
.afd-brand__mark i:nth-child(1) { left: 8px; top: 8px; }
.afd-brand__mark i:nth-child(2) { right: 8px; top: 8px; }
.afd-brand__mark i:nth-child(3) { left: 15px; bottom: 8px; }
.afd-nav { display: flex; align-items: center; gap: 24px; }
.afd-nav__list { display: flex; align-items: center; gap: 24px; margin: 0; padding: 0; list-style: none; }
.afd-nav__list a { font-size: .9rem; font-weight: 750; color: #3c465b; }
.afd-nav__list a:hover, .afd-nav__list .current-menu-item > a { color: var(--afd-primary); }
.afd-nav-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 0; border-radius: 10px; background: var(--afd-soft); }
.afd-nav-toggle i { display: block; height: 2px; margin: 5px 0; background: var(--afd-text); border-radius: 2px; }
.custom-logo { max-height: 56px; width: auto; }
.afd-brand .custom-logo { width: 42px; height: 42px; object-fit: contain; }

.afd-hero { position: relative; min-height: 760px; padding: 154px 0 92px; overflow: hidden; background: radial-gradient(circle at 78% 18%, rgba(35,184,199,.14), transparent 28%), radial-gradient(circle at 8% 10%, rgba(91,92,240,.12), transparent 28%), linear-gradient(180deg, #fbfcff 0%, #fff 100%); }
.afd-hero::before { content: ""; position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(94,108,148,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(94,108,148,.08) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom, black, transparent 82%); }
.afd-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr); align-items: center; gap: 68px; }
.afd-hero h1 { max-width: 760px; margin-bottom: 28px; font-size: clamp(3rem, 5.8vw, 5.55rem); }
.afd-hero h1 span { color: var(--afd-primary); }
.afd-lead { max-width: 710px; margin-bottom: 34px; color: var(--afd-muted); font-size: 1.18rem; }
.afd-techline { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 32px; }
.afd-techline span, .afd-pill-list span { display: inline-flex; padding: 8px 12px; border: 1px solid var(--afd-border); border-radius: 999px; background: rgba(255,255,255,.72); color: #59647a; font-size: .78rem; font-weight: 750; }
.afd-hero__visual { position: relative; min-height: 510px; }
.afd-window { position: absolute; top: 36px; right: 0; width: min(100%, 510px); border: 1px solid rgba(207,215,231,.9); border-radius: 24px; background: rgba(255,255,255,.9); box-shadow: var(--afd-shadow); transform: rotate(1.5deg); backdrop-filter: blur(18px); }
.afd-window__bar { height: 54px; display: flex; align-items: center; gap: 8px; padding: 0 18px; border-bottom: 1px solid var(--afd-border); color: #8590a4; font-size: .72rem; font-weight: 700; }
.afd-window__bar i { width: 9px; height: 9px; border-radius: 50%; background: #d5dbea; }
.afd-window__bar i:first-child { background: #ff8585; }.afd-window__bar i:nth-child(2){background:#ffc967}.afd-window__bar i:nth-child(3){background:#6ed7a2}
.afd-window__bar span { margin-left: auto; }
.afd-window__body { padding: 26px; }
.afd-flow-card { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--afd-border); border-radius: 15px; background: #fff; }
.afd-flow-card--active { border-color: rgba(91,92,240,.26); background: #f7f7ff; }
.afd-flow-card b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--afd-primary); background: #ececff; }
.afd-flow-card div { display: grid; }.afd-flow-card strong { font-size: .9rem; }.afd-flow-card small { color: var(--afd-muted); font-size: .73rem; }.afd-flow-card em { font-style: normal; color: var(--afd-primary); }
.afd-flow-line { width: 2px; height: 24px; margin-left: 37px; background: linear-gradient(var(--afd-primary), var(--afd-cyan)); }
.afd-window__footer { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; padding: 16px 17px; border-radius: 13px; background: var(--afd-dark); color: #fff; font-size: .78rem; }
.afd-window__footer span { color: #c5cee0; }.afd-dot { display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#55d99a;box-shadow:0 0 0 5px rgba(85,217,154,.12)}
.afd-float-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid rgba(220,225,237,.9); border-radius: 14px; background: rgba(255,255,255,.92); box-shadow: 0 18px 40px rgba(28,39,67,.12); font-size: .78rem; font-weight: 800; }
.afd-float-card strong { color: var(--afd-primary); }.afd-float-card--one { left: -26px; top: 98px; }.afd-float-card--two { right: 22px; bottom: 12px; }
.afd-strip { position: relative; z-index: 3; border-block: 1px solid var(--afd-border); background: #fff; }
.afd-strip__grid { display: grid; grid-template-columns: repeat(3,1fr); }
.afd-strip__grid > div { padding: 24px 34px; display: grid; text-align: center; border-right: 1px solid var(--afd-border); }
.afd-strip__grid > div:last-child { border-right: 0; }.afd-strip strong{font-size:.95rem}.afd-strip span{color:var(--afd-muted);font-size:.78rem}

.afd-card-grid { display: grid; gap: 24px; }.afd-card-grid--3 { grid-template-columns: repeat(3,1fr); }
.afd-card { padding: 32px; border: 1px solid var(--afd-border); border-radius: var(--afd-radius); background: #fff; box-shadow: 0 14px 44px rgba(34,45,74,.05); transition: transform .25s ease, box-shadow .25s ease; }
.afd-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(34,45,74,.1); }
.afd-card p { color: var(--afd-muted); }.afd-card a { color: var(--afd-primary); font-weight: 800; }.afd-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 15px; color: var(--afd-primary); background: #eeeeff; font-size: 1.55rem; }
.afd-case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.afd-case { min-height: 440px; display: flex; flex-direction: column; padding: 36px; border-radius: 24px; color: #fff; overflow: hidden; position: relative; }
.afd-case::after { content:""; position:absolute; width:240px;height:240px;right:-90px;bottom:-100px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.04),0 0 0 80px rgba(255,255,255,.035); }
.afd-case--blue { background: linear-gradient(155deg,#5b5cf0,#3943aa); }.afd-case--violet{background:linear-gradient(155deg,#8c54d8,#553287)}.afd-case--green{background:linear-gradient(155deg,#159b8c,#09635f)}
.afd-case__tag { position: relative; z-index:1; width:max-content;max-width:100%;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em }
.afd-case h3 { position:relative;z-index:1;margin:28px 0 18px;font-size:1.65rem }.afd-case p,.afd-case ul{position:relative;z-index:1;color:rgba(255,255,255,.8)}.afd-case ul{padding-left:18px}.afd-case a{position:relative;z-index:1;margin-top:auto;font-weight:800}
.afd-roi { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.afd-roi__copy p { color: var(--afd-muted); font-size: 1.08rem; }.afd-roi__calc{padding:34px;border:1px solid var(--afd-border);border-radius:24px;background:linear-gradient(145deg,#fff,#f4f6ff);box-shadow:var(--afd-shadow)}.afd-roi__calc>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;border:1px solid var(--afd-border);border-radius:14px;background:#fff;font-weight:800}.afd-roi__calc b{color:var(--afd-primary)}.afd-roi__result{padding:36px 18px 12px;text-align:center}.afd-roi__result small,.afd-roi__result span{display:block;color:var(--afd-muted)}.afd-roi__result strong{display:block;margin:8px 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;color:var(--afd-primary)}
.afd-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin-top: 50px; }.afd-step{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}.afd-step b{display:block;margin-bottom:24px;color:#8e9cff;font-size:.78rem;letter-spacing:.12em}.afd-step p{color:#aeb8cc;font-size:.9rem}
.afd-cta { padding: 72px 0; background: linear-gradient(135deg,#f0f1ff,#ecfbfa); }.afd-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.afd-cta h2{margin-bottom:12px}.afd-cta p{margin-bottom:0;color:var(--afd-muted)}

.afd-page-hero { padding: 174px 0 78px; background: radial-gradient(circle at 80% 0%, rgba(35,184,199,.12), transparent 31%), linear-gradient(180deg,#f8f9ff,#fff); text-align:center; }
.afd-page-hero .afd-container { max-width: 900px; }.afd-page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin-bottom:24px}.afd-page-hero--small{padding-bottom:58px}.afd-page-hero--contact{background:radial-gradient(circle at 20% 0%,rgba(91,92,240,.13),transparent 32%),linear-gradient(180deg,#f8f9ff,#fff)}.afd-warning{padding:14px 18px;border:1px solid #f4c772;border-radius:12px;background:#fff8e7;color:#7b4e00!important;font-size:.92rem!important}
.afd-service-list{display:grid;gap:30px}.afd-service-block{display:grid;grid-template-columns:100px 1fr;gap:35px;padding:44px;border:1px solid var(--afd-border);border-radius:24px;background:#fff}.afd-service-block__num{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#eff0ff;color:var(--afd-primary);font-weight:900}.afd-service-block h2{font-size:2.1rem}.afd-service-block p{color:var(--afd-muted)}.afd-pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.afd-note{padding:16px 18px;border-left:3px solid var(--afd-primary);background:var(--afd-soft);border-radius:0 12px 12px 0;font-size:.9rem}
.afd-case-study-list{display:grid;gap:110px}.afd-case-study{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;scroll-margin-top:120px}.afd-case-study--reverse .afd-case-study__visual{order:2}.afd-case-study__visual{min-height:430px;display:grid;place-items:center;padding:44px;border-radius:30px;overflow:hidden}.afd-visual-blue{background:linear-gradient(145deg,#e9eaff,#d9f7f6)}.afd-visual-violet{background:linear-gradient(145deg,#f2e9ff,#e9ecff)}.afd-visual-green{background:linear-gradient(145deg,#def6ef,#eff9e5)}.afd-case-study__copy h2{font-size:clamp(2rem,3.5vw,3.2rem)}.afd-case-study__copy h3{margin-bottom:7px;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:var(--afd-primary)}.afd-case-study__copy p{color:var(--afd-muted)}
.afd-mini-browser{width:min(100%,420px);padding:16px;border-radius:20px;background:#fff;box-shadow:var(--afd-shadow)}.afd-mini-browser>div:first-child{height:16px;margin-bottom:14px;border-radius:8px;background:linear-gradient(90deg,#ff8e8e 0 10px,transparent 10px 16px,#ffd06e 16px 26px,transparent 26px 32px,#65d59c 32px 42px,transparent 42px)}.afd-mini-panel{display:grid;gap:11px;padding:18px;border-radius:14px;background:#f7f8fc}.afd-mini-panel span{padding:9px 12px;border-radius:8px;background:#fff;font-size:.85rem}.afd-mini-panel button{padding:10px;border:0;border-radius:9px;background:var(--afd-primary);color:#fff;font-weight:800}.afd-schedule,.afd-folder-tree{width:min(100%,410px);display:grid;gap:12px;padding:28px;border-radius:22px;background:#fff;box-shadow:var(--afd-shadow)}.afd-schedule>span{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:13px;border-bottom:1px solid var(--afd-border);font-size:.82rem}.afd-schedule i{font-style:normal;color:var(--afd-muted)}.afd-schedule em{font-style:normal;color:var(--afd-success);font-weight:800}.afd-folder-tree span{padding:12px 14px;border:1px solid var(--afd-border);border-radius:10px;font-size:.86rem}
.afd-timeline{max-width:900px;margin:auto}.afd-timeline__item{position:relative;display:grid;grid-template-columns:90px 1fr;gap:28px;padding:0 0 64px}.afd-timeline__item::before{content:"";position:absolute;left:35px;top:68px;bottom:0;width:2px;background:linear-gradient(var(--afd-primary),rgba(91,92,240,.08))}.afd-timeline__item:last-child::before{display:none}.afd-timeline__item>b{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#eeeeff;color:var(--afd-primary)}.afd-timeline__item p,.afd-timeline__item li{color:var(--afd-muted)}
.afd-contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.afd-check-list{display:grid;gap:12px;padding:0;list-style:none}.afd-check-list li{position:relative;padding-left:30px}.afd-check-list li::before{content:"✓";position:absolute;left:0;color:var(--afd-success);font-weight:900}.afd-contact-note{margin-top:30px;padding:22px;border:1px solid #dce1ff;border-radius:16px;background:#f5f6ff}.afd-contact-note p{margin:8px 0 0;color:var(--afd-muted)}.afd-contact-wrap{padding:34px;border:1px solid var(--afd-border);border-radius:24px;background:#fff;box-shadow:var(--afd-shadow)}.afd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.afd-contact-form label{display:grid;gap:7px}.afd-contact-form label>span{font-size:.78rem;font-weight:800;color:#465166}.afd-contact-form input,.afd-contact-form textarea,.afd-contact-form select{width:100%;padding:13px 14px;border:1px solid #d7ddea;border-radius:10px;background:#fbfcff;color:var(--afd-text);outline:none;transition:border .2s,box-shadow .2s}.afd-contact-form input:focus,.afd-contact-form textarea:focus,.afd-contact-form select:focus{border-color:var(--afd-primary);box-shadow:0 0 0 4px rgba(91,92,240,.1)}.afd-form-full{margin-top:18px}.afd-checkbox{grid-template-columns:20px 1fr!important;align-items:start;margin:18px 0}.afd-checkbox input{width:18px;height:18px;margin-top:3px}.afd-honeypot{position:absolute!important;left:-9999px!important}.afd-alert{margin-bottom:20px;padding:14px 16px;border-radius:10px;font-size:.9rem}.afd-alert--success{background:#eafaf3;color:var(--afd-success)}.afd-alert--error{background:#fff0ef;color:var(--afd-danger)}.afd-faq{max-width:900px;margin:auto;display:grid;gap:12px}.afd-faq details{padding:22px 24px;border:1px solid var(--afd-border);border-radius:14px;background:#fff}.afd-faq summary{cursor:pointer;font-weight:800}.afd-faq p{margin:14px 0 0;color:var(--afd-muted)}
.afd-legal{max-width:860px}.afd-legal h2{margin-top:42px;font-size:1.55rem}.afd-legal p{color:var(--afd-muted)}

.afd-footer{padding:72px 0 24px;background:#0d1323;color:#fff}.afd-footer__grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:70px}.afd-footer h2{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#aeb8cb}.afd-footer__brand p{max-width:430px;margin-top:22px;color:#99a5bb}.afd-brand__link--light small{color:#8f9bb2}.afd-footer__menu,.afd-footer__contact{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:#bdc6d8}.afd-footer__menu a:hover,.afd-footer__contact a:hover{color:#fff}.afd-footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:54px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#7f8ba2;font-size:.78rem}
.afd-error-page{min-height:70vh;display:grid;place-items:center;padding:170px 0 90px;text-align:center}.afd-blog-main{padding:150px 0 90px}.afd-blog-header{margin-bottom:48px}.afd-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.afd-post-card{overflow:hidden;border:1px solid var(--afd-border);border-radius:18px;background:#fff}.afd-post-card>div{padding:24px}.afd-post-card span{font-size:.75rem;color:var(--afd-muted)}.afd-post-card h2{font-size:1.4rem}.afd-post-card p{color:var(--afd-muted)}.afd-post-card>div>a{color:var(--afd-primary);font-weight:800}.afd-post-card__image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.afd-article-wrap{max-width:860px}.afd-article h1{font-size:clamp(2.5rem,5vw,4.4rem)}.afd-article__meta{color:var(--afd-muted)}.afd-article__image{margin:34px 0}.afd-article__image img{border-radius:20px}.afd-article__content{font-size:1.08rem}.afd-article__content p{margin-bottom:1.4em}

.afd-reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
.afd-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.afd-reveal{opacity:1;transform:none;transition:none}.afd-btn{transition:none} }

@media (max-width: 1020px) {
  .afd-nav-toggle { display: block; }
  .afd-nav { position: fixed; inset: 84px 16px auto; display: none; padding: 24px; border: 1px solid var(--afd-border); border-radius: 18px; background: #fff; box-shadow: var(--afd-shadow); }
  .admin-bar .afd-nav { top: 116px; }
  .afd-nav.is-open { display: block; }
  .afd-nav__list { display: grid; gap: 0; }
  .afd-nav__list li { border-bottom: 1px solid var(--afd-border); }
  .afd-nav__list a { display: block; padding: 13px 3px; }
  .afd-nav__cta { width: 100%; margin-top: 18px; }
  .afd-hero__grid { grid-template-columns: 1fr; }
  .afd-hero__visual { min-height: 470px; max-width: 600px; width: 100%; margin: 0 auto; }
  .afd-card-grid--3,.afd-case-grid { grid-template-columns: 1fr 1fr; }
  .afd-case:last-child { grid-column: 1/-1; min-height: 350px; }
  .afd-steps { grid-template-columns: 1fr 1fr; }
  .afd-case-study,.afd-contact-layout { grid-template-columns: 1fr; gap: 45px; }
  .afd-case-study--reverse .afd-case-study__visual { order: 0; }
}

@media (max-width: 760px) {
  body { font-size: 16px; }
  .admin-bar .afd-header { top: 46px; }
  .afd-container { width: min(calc(100% - 28px), var(--afd-container)); }
  .afd-section { padding: 74px 0; }
  .afd-header__inner { min-height: 72px; }
  .afd-brand__link small { display: none; }
  .afd-nav { top: 72px; }
  .admin-bar .afd-nav { top: 118px; }
  .afd-hero { padding-top: 125px; }
  .afd-hero h1 { font-size: clamp(2.65rem, 13vw, 4rem); }
  .afd-hero__visual { min-height: 390px; }
  .afd-window { top: 20px; }
  .afd-window__body { padding: 18px; }
  .afd-float-card--one { left: -4px; top: 72px; }.afd-float-card--two{right:0;bottom:0}
  .afd-strip__grid { grid-template-columns: 1fr; }
  .afd-strip__grid>div { border-right: 0; border-bottom: 1px solid var(--afd-border); }
  .afd-strip__grid>div:last-child { border-bottom:0; }
  .afd-card-grid--3,.afd-case-grid,.afd-roi,.afd-footer__grid,.afd-post-grid { grid-template-columns: 1fr; }
  .afd-case:last-child { grid-column:auto; }
  .afd-heading--split,.afd-cta__inner { display:grid;align-items:start; }
  .afd-steps { grid-template-columns: 1fr; }
  .afd-service-block { grid-template-columns: 1fr; padding: 28px; }
  .afd-case-study__visual { min-height: 340px; padding: 24px; }
  .afd-timeline__item { grid-template-columns: 65px 1fr; gap: 18px; }.afd-timeline__item>b{width:56px;height:56px}.afd-timeline__item::before{left:27px;top:56px}
  .afd-form-grid { grid-template-columns: 1fr; }
  .afd-contact-wrap { padding: 22px; }
  .afd-footer__bottom { display:grid; }
}

@media (max-width: 480px) {
  .afd-actions { display:grid; }.afd-actions .afd-btn{width:100%}
  .afd-flow-card { grid-template-columns: 34px 1fr auto; padding: 13px; }.afd-flow-card b{width:32px;height:32px}.afd-flow-card small{display:none}.afd-flow-line{margin-left:29px}
  .afd-float-card { display:none; }
  .afd-roi__calc>div:first-child { display:grid;text-align:center; }
}