/*
Theme Name: DevTechi
Theme URI: https://devtechi.com
Author: DevTechi
Author URI: https://devtechi.com
Description: A modern multi-page business, software, ecommerce, portfolio and blog theme for DevTechi. Includes WooCommerce support, editable Gutenberg pages, a portfolio content type, responsive navigation and service-focused layouts.
Version: 3.2
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: devtechi
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: business, portfolio, blog, ecommerce, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, block-styles, wide-blocks
*/

:root {
  --dt-bg: #07111f;
  --dt-bg-soft: #0d1a2c;
  --dt-card: #10213a;
  --dt-surface: #f6f8fb;
  --dt-text: #142033;
  --dt-muted: #60708a;
  --dt-white: #ffffff;
  --dt-accent: #4f7cff;
  --dt-accent-2: #55d7c6;
  --dt-border: #dfe6ef;
  --dt-radius: 18px;
  --dt-shadow: 0 18px 50px rgba(13, 31, 60, .12);
  --dt-max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--dt-text);
  background: #fff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--dt-accent); text-decoration: none; }
a:hover { text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }

.dt-container { width: min(calc(100% - 40px), var(--dt-max)); margin-inline: auto; }
.dt-section { padding: 88px 0; }
.dt-section-sm { padding: 56px 0; }
.dt-section-muted { background: var(--dt-surface); }
.dt-grid { display: grid; gap: 28px; }
.dt-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dt-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dt-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.screen-reader-text { position:absolute!important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(7, 17, 31, .94);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.admin-bar .site-header { top: 32px; }
.site-header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-branding { display: flex; align-items: center; gap: 12px; min-width: max-content; }
.site-branding .custom-logo { max-height: 42px; width: auto; }
.site-title { color: #fff; font-size: 1.35rem; font-weight: 800; letter-spacing: -.03em; }
.site-title span { color: var(--dt-accent-2); }
.primary-nav { margin-left: auto; }
.primary-nav ul { list-style:none; display:flex; align-items:center; gap: 24px; margin:0; padding:0; }
.primary-nav a { color: rgba(255,255,255,.82); font-weight:600; font-size:.94rem; }
.primary-nav a:hover, .primary-nav .current-menu-item > a { color:#fff; }
.header-cta { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:12px; background:var(--dt-accent); color:#fff; font-weight:800; box-shadow: 0 10px 25px rgba(79,124,255,.3); }
.header-cta:hover { color:#fff; transform:translateY(-1px); }
.menu-toggle { display:none; width:44px; height:44px; border:1px solid rgba(255,255,255,.15); background:transparent; border-radius:10px; color:#fff; }
.menu-toggle span { display:block; width:20px; height:2px; background:#fff; margin:4px auto; }

/* Hero */
.dt-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 84% 14%, rgba(85,215,198,.17), transparent 30%),
    radial-gradient(circle at 15% 30%, rgba(79,124,255,.25), transparent 35%),
    linear-gradient(135deg, #07111f 0%, #0c1d34 60%, #0b1730 100%);
  padding: 108px 0 92px;
}
.dt-hero::after { content:""; position:absolute; inset:auto -8% -40% auto; width:520px; height:520px; border:1px solid rgba(255,255,255,.07); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.015); }
.dt-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:58px; align-items:center; position:relative; z-index:1; }
.dt-kicker { display:inline-flex; align-items:center; gap:8px; color:#a9f0e7; font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; }
.dt-kicker::before { content:""; width:28px; height:2px; background:var(--dt-accent-2); }
.dt-hero h1 { margin:.4rem 0 1.25rem; font-size:clamp(2.7rem,6vw,5.6rem); line-height:.98; letter-spacing:-.06em; max-width:880px; }
.dt-hero p { color:rgba(255,255,255,.76); font-size:1.12rem; max-width:700px; }
.dt-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.dt-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 20px; border-radius:12px; font-weight:800; border:1px solid transparent; transition:.2s ease; }
.dt-btn-primary { background:var(--dt-accent); color:#fff; }
.dt-btn-primary:hover { color:#fff; transform:translateY(-2px); box-shadow:0 12px 28px rgba(79,124,255,.28); }
.dt-btn-ghost { border-color:rgba(255,255,255,.2); color:#fff; background:rgba(255,255,255,.05); }
.dt-btn-ghost:hover { color:#fff; border-color:rgba(255,255,255,.4); background:rgba(255,255,255,.08); }
.dt-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:38px; }
.dt-metric { padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.04); }
.dt-metric strong { display:block; font-size:1.3rem; }
.dt-metric span { display:block; margin-top:2px; color:rgba(255,255,255,.6); font-size:.83rem; }
.dt-hero-panel { border:1px solid rgba(255,255,255,.12); border-radius:28px; padding:28px; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)); box-shadow:0 30px 80px rgba(0,0,0,.25); }
.dt-code-window { background:#07111f; border-radius:18px; padding:22px; border:1px solid rgba(255,255,255,.08); }
.dt-code-dots { display:flex; gap:7px; margin-bottom:22px; }
.dt-code-dots i { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.25); }
.dt-code-line { height:10px; border-radius:999px; background:rgba(255,255,255,.08); margin:12px 0; }
.dt-code-line:nth-child(2) { width:74%; background:rgba(79,124,255,.5); }
.dt-code-line:nth-child(3) { width:92%; }
.dt-code-line:nth-child(4) { width:62%; background:rgba(85,215,198,.35); }
.dt-code-line:nth-child(5) { width:85%; }
.dt-code-line:nth-child(6) { width:56%; }
.dt-mini-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.dt-mini-card { padding:18px; border-radius:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.dt-mini-card b { display:block; margin-bottom:4px; }
.dt-mini-card small { color:rgba(255,255,255,.6); }

/* General components */
.dt-eyebrow { color:var(--dt-accent); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.78rem; }
.dt-section-head { max-width:760px; margin-bottom:40px; }
.dt-section-head h2, .entry-header h1 { margin:.3rem 0 .85rem; font-size:clamp(2rem,4vw,3.5rem); line-height:1.08; letter-spacing:-.045em; }
.dt-section-head p { color:var(--dt-muted); font-size:1.05rem; }
.dt-card { background:#fff; border:1px solid var(--dt-border); border-radius:var(--dt-radius); padding:28px; box-shadow:0 10px 30px rgba(13,31,60,.05); transition:.2s ease; }
.dt-card:hover { transform:translateY(-4px); box-shadow:var(--dt-shadow); }
.dt-card h3 { margin:.35rem 0 .65rem; font-size:1.2rem; }
.dt-card p { color:var(--dt-muted); margin-bottom:0; }
.dt-icon { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(85,215,198,.17)); color:var(--dt-accent); font-weight:900; }
.dt-badge { display:inline-flex; padding:7px 10px; border-radius:999px; background:#edf2ff; color:#365ecb; font-weight:800; font-size:.75rem; }

/* Content */
.site-main { min-height:50vh; }
.dt-page-hero { background:var(--dt-bg); color:#fff; padding:72px 0; }
.dt-page-hero .entry-header { max-width:820px; }
.dt-page-hero p { color:rgba(255,255,255,.7); }
.dt-content { padding:72px 0; }
.entry-content { font-size:1.02rem; }
.entry-content > * { max-width:860px; margin-left:auto; margin-right:auto; }
.entry-content > .alignwide { max-width:var(--dt-max); }
.entry-content > .alignfull { max-width:none; }
.entry-content h2, .entry-content h3 { letter-spacing:-.025em; line-height:1.15; }
.entry-content h2 { margin-top:2.4rem; }
.entry-content .wp-block-group.has-background { padding:32px; border-radius:18px; }
.entry-content .wp-block-button__link { border-radius:12px; font-weight:800; padding:.85em 1.25em; }

/* Blog */
.dt-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.dt-post-card { overflow:hidden; padding:0; }
.dt-post-thumb { aspect-ratio:16/10; background:#eaf0f8; display:block; overflow:hidden; }
.dt-post-thumb img { width:100%; height:100%; object-fit:cover; transition:.3s ease; }
.dt-post-card:hover .dt-post-thumb img { transform:scale(1.035); }
.dt-post-body { padding:24px; }
.dt-post-meta { color:var(--dt-muted); font-size:.82rem; margin-bottom:10px; }
.dt-post-card h2, .dt-post-card h3 { margin:0 0 10px; font-size:1.25rem; line-height:1.25; }
.dt-post-card h2 a, .dt-post-card h3 a { color:var(--dt-text); }
.dt-post-card p { color:var(--dt-muted); }
.navigation.pagination { margin-top:40px; }
.nav-links { display:flex; gap:8px; flex-wrap:wrap; }
.page-numbers { min-width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--dt-border); border-radius:10px; }
.page-numbers.current { background:var(--dt-accent); color:#fff; border-color:var(--dt-accent); }

/* Portfolio */
.dt-portfolio-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.dt-portfolio-card { position:relative; overflow:hidden; min-height:360px; padding:0; background:#0d1a2c; color:#fff; }
.dt-portfolio-media { position:absolute; inset:0; }
.dt-portfolio-media img { width:100%; height:100%; object-fit:cover; opacity:.74; transition:.35s ease; }
.dt-portfolio-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 20%,rgba(7,17,31,.9) 95%); }
.dt-portfolio-card:hover .dt-portfolio-media img { transform:scale(1.04); opacity:.9; }
.dt-portfolio-content { position:absolute; z-index:2; inset:auto 24px 24px; }
.dt-portfolio-content h3 { margin:6px 0 4px; font-size:1.35rem; }
.dt-portfolio-content h3 a { color:#fff; }
.dt-portfolio-content p { color:rgba(255,255,255,.7); margin:0; }
.dt-portfolio-placeholder { position:absolute; inset:0; display:grid; place-items:center; background:linear-gradient(135deg,#142b4d,#0d1f39); font-size:3rem; color:rgba(255,255,255,.22); }
.dt-project-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:28px 0; }
.dt-project-meta div { padding:18px; background:var(--dt-surface); border:1px solid var(--dt-border); border-radius:14px; }
.dt-project-meta small { display:block; color:var(--dt-muted); text-transform:uppercase; font-size:.7rem; letter-spacing:.08em; }
.dt-project-meta strong { display:block; margin-top:4px; }

/* WooCommerce */
.woocommerce .site-main, .woocommerce-page .site-main { padding:64px 0; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { border:1px solid var(--dt-border); border-radius:16px; padding:16px; background:#fff; }
.woocommerce ul.products li.product a img { border-radius:12px; margin-bottom:14px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:var(--dt-text); font-size:1rem; }
.woocommerce ul.products li.product .price { color:var(--dt-accent); font-weight:800; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { border-radius:10px; background:var(--dt-accent); color:#fff; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background:#315fd5; color:#fff; }
.woocommerce-message, .woocommerce-info { border-top-color:var(--dt-accent); }
.woocommerce-message::before, .woocommerce-info::before { color:var(--dt-accent); }

/* Contact */
.dt-contact-wrap { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; }
.dt-contact-panel { background:var(--dt-bg); color:#fff; padding:34px; border-radius:22px; }
.dt-contact-panel p, .dt-contact-panel a { color:rgba(255,255,255,.72); }
.dt-contact-form { display:grid; gap:16px; }
.dt-field { display:grid; gap:7px; }
.dt-field label { font-weight:700; }
.dt-field input, .dt-field textarea, .dt-field select { width:100%; border:1px solid var(--dt-border); border-radius:11px; padding:12px 14px; background:#fff; }
.dt-field textarea { min-height:150px; resize:vertical; }
.dt-alert { padding:14px 16px; border-radius:12px; margin-bottom:18px; }
.dt-alert-success { background:#eaf9f5; color:#126655; }
.dt-alert-error { background:#fff0f0; color:#9d2f2f; }
.dt-hp { position:absolute; left:-9999px; opacity:0; }

/* CTA */
.dt-cta { background:linear-gradient(135deg,#0b1830,#11284a); color:#fff; border-radius:28px; padding:46px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.dt-cta h2 { margin:0 0 8px; font-size:clamp(1.8rem,4vw,3rem); line-height:1.05; letter-spacing:-.04em; }
.dt-cta p { margin:0; color:rgba(255,255,255,.68); max-width:700px; }

/* Footer */
.site-footer { background:#050d18; color:rgba(255,255,255,.7); padding:64px 0 26px; }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px; }
.footer-brand .site-title { display:inline-block; margin-bottom:14px; }
.footer-title { color:#fff; font-size:.9rem; text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px; }
.footer-menu { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.footer-menu a, .site-footer a { color:rgba(255,255,255,.68); }
.footer-menu a:hover, .site-footer a:hover { color:#fff; }
.footer-bottom { margin-top:44px; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); display:flex; justify-content:space-between; gap:20px; font-size:.85rem; }

/* Search / 404 */
.dt-empty { text-align:center; padding:100px 0; }
.dt-empty h1 { font-size:clamp(2.4rem,7vw,5rem); margin:0 0 12px; }
.search-form { display:flex; gap:8px; max-width:520px; }
.search-form input[type="search"] { flex:1; border:1px solid var(--dt-border); border-radius:10px; padding:11px 13px; }
.search-form input[type="submit"] { border:0; border-radius:10px; padding:0 18px; background:var(--dt-accent); color:#fff; font-weight:800; }

/* Comments */
.comments-area { max-width:860px; margin:56px auto 0; }
.comment-list { list-style:none; padding:0; }
.comment-body { padding:20px 0; border-bottom:1px solid var(--dt-border); }
.comment-form input, .comment-form textarea { width:100%; border:1px solid var(--dt-border); border-radius:10px; padding:12px; }
.comment-form .submit { width:auto; background:var(--dt-accent); color:#fff; border:0; font-weight:800; }

@media (max-width: 980px) {
  .dt-grid-4 { grid-template-columns:repeat(2,1fr); }
  .dt-grid-3, .dt-post-grid, .dt-portfolio-grid { grid-template-columns:repeat(2,1fr); }
  .dt-hero-grid, .dt-contact-wrap { grid-template-columns:1fr; }
  .dt-hero-panel { max-width:720px; }
  .footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .footer-grid > :last-child { grid-column:1 / -1; }
  .menu-toggle { display:block; }
  .header-cta { display:none; }
  .primary-nav { position:absolute; top:76px; left:0; right:0; background:#07111f; border-top:1px solid rgba(255,255,255,.08); display:none; }
  .primary-nav.is-open { display:block; }
  .primary-nav ul { width:min(calc(100% - 40px),var(--dt-max)); margin:0 auto; padding:22px 0; display:grid; gap:14px; }
}

@media (max-width: 700px) {
  .admin-bar .site-header { top:46px; }
  .dt-container { width:min(calc(100% - 28px),var(--dt-max)); }
  .dt-section { padding:64px 0; }
  .dt-hero { padding:82px 0 70px; }
  .dt-hero h1 { font-size:clamp(2.55rem,13vw,4.4rem); }
  .dt-grid-2, .dt-grid-3, .dt-grid-4, .dt-post-grid, .dt-portfolio-grid, .dt-project-meta, .dt-metrics { grid-template-columns:1fr; }
  .dt-mini-cards { grid-template-columns:1fr; }
  .dt-cta { padding:32px; align-items:flex-start; flex-direction:column; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-grid > :first-child, .footer-grid > :last-child { grid-column:1 / -1; }
  .footer-bottom { flex-direction:column; }
}

/* DevTechi v1.1 enhancements */
.dt-topbar { background:#041027; color:rgba(255,255,255,.72); font-size:.78rem; border-bottom:1px solid rgba(255,255,255,.06); }
.dt-topbar-inner { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.dt-topbar-contact { display:flex; align-items:center; gap:18px; }
.dt-topbar a { color:#fff; }
.dt-topbar-tagline { color:#8fb8ff; font-weight:700; }
.dt-default-logo { display:block; width:190px; line-height:0; }
.dt-default-logo img { width:100%; height:auto; display:block; }
.site-header { background:rgba(255,255,255,.97); border-bottom:1px solid #e7edf6; box-shadow:0 6px 24px rgba(8,25,55,.05); }
.site-header-inner { min-height:78px; }
.primary-nav a { color:#24354f; }
.primary-nav a:hover, .primary-nav .current-menu-item > a, .primary-nav .current-menu-ancestor > a { color:var(--dt-accent); }
.primary-nav .menu-item-has-children { position:relative; }
.primary-nav .sub-menu { position:absolute; top:calc(100% + 16px); left:-18px; width:250px; display:none; padding:14px; background:#fff; border:1px solid var(--dt-border); border-radius:14px; box-shadow:0 20px 50px rgba(8,25,55,.14); gap:0; }
.primary-nav .sub-menu li { width:100%; }
.primary-nav .sub-menu a { display:block; padding:9px 10px; border-radius:9px; color:#24354f; font-size:.9rem; }
.primary-nav .sub-menu a:hover { background:#f3f7ff; color:var(--dt-accent); }
.primary-nav .menu-item-has-children:hover > .sub-menu, .primary-nav .menu-item-has-children:focus-within > .sub-menu { display:block; }
.header-cta { background:linear-gradient(135deg,#247bff,#3864f5); }
.menu-toggle { border-color:#d7e0ec; }
.menu-toggle span { background:#10213a; }

.dt-hero-photo { padding:82px 0 78px; }
.dt-hero-copy { position:relative; z-index:2; }
.dt-hero h1 { font-size:clamp(2.7rem,5vw,4.75rem); max-width:760px; }
.dt-hero-image-wrap { position:relative; border-radius:28px; overflow:visible; }
.dt-hero-image-wrap > img { width:100%; min-height:410px; object-fit:cover; border-radius:28px; border:1px solid rgba(255,255,255,.12); box-shadow:0 30px 80px rgba(0,0,0,.28); }
.dt-floating-card { position:absolute; min-width:210px; padding:15px 17px; border-radius:14px; background:rgba(255,255,255,.95); color:#0c1b33; box-shadow:0 14px 35px rgba(0,0,0,.2); }
.dt-floating-card strong, .dt-floating-card span { display:block; }
.dt-floating-card span { margin-top:3px; font-size:.78rem; color:#64738d; }
.dt-floating-one { left:-28px; bottom:36px; }
.dt-floating-two { right:-16px; top:36px; }
.dt-trust-row { display:flex; flex-wrap:wrap; gap:18px; margin-top:30px; color:rgba(255,255,255,.75); font-size:.86rem; }
.dt-trust-row span::first-letter { color:#62dfc8; }

.dt-proof-strip { position:relative; z-index:5; margin-top:-26px; }
.dt-proof-grid { background:#fff; border:1px solid var(--dt-border); border-radius:22px; box-shadow:0 18px 45px rgba(10,28,58,.11); display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; }
.dt-proof-grid > div { padding:24px 26px; display:flex; flex-direction:column; border-right:1px solid var(--dt-border); }
.dt-proof-grid > div:last-child { border-right:0; }
.dt-proof-grid strong { font-size:1.55rem; color:#0d2447; letter-spacing:-.03em; }
.dt-proof-grid span { color:var(--dt-muted); font-size:.84rem; }

.dt-intro-section { padding-top:78px; padding-bottom:46px; }
.dt-editor-intro { text-align:center; max-width:900px!important; }
.dt-editor-intro h2 { margin-top:0!important; font-size:clamp(2rem,4vw,3.4rem); }
.dt-editor-intro p { font-size:1.08rem; color:var(--dt-muted); }
.dt-section-head-split { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:36px; }
.dt-section-head-split > div { max-width:780px; }
.dt-btn-outline { border-color:#cfd9e8; background:#fff; color:#1e4db9; white-space:nowrap; }
.dt-btn-outline:hover { border-color:var(--dt-accent); box-shadow:0 10px 24px rgba(79,124,255,.12); }
.dt-service-card { display:flex; flex-direction:column; min-height:285px; }
.dt-service-card p { flex:1; }
.dt-text-link { display:inline-block; margin-top:18px; font-weight:800; font-size:.9rem; }

.dt-story-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:center; }
.dt-story-image { position:relative; }
.dt-story-image > img { width:100%; min-height:510px; object-fit:cover; border-radius:26px; box-shadow:var(--dt-shadow); }
.dt-story-badge { position:absolute; right:-25px; bottom:28px; width:255px; padding:20px; background:#fff; border-radius:16px; border:1px solid var(--dt-border); box-shadow:0 18px 40px rgba(10,28,58,.15); }
.dt-story-badge strong, .dt-story-badge span { display:block; }
.dt-story-badge span { margin-top:6px; color:var(--dt-muted); font-size:.86rem; }
.dt-story-grid h2 { font-size:clamp(2rem,4vw,3.45rem); line-height:1.08; letter-spacing:-.045em; margin:.35rem 0 1rem; }
.dt-story-grid > div > p { color:var(--dt-muted); font-size:1.05rem; }
.dt-check-list { list-style:none; padding:0; margin:25px 0 30px; display:grid; gap:12px; }
.dt-check-list li { position:relative; padding-left:30px; }
.dt-check-list li::before { content:"✓"; position:absolute; left:0; top:0; width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#e6fbf7; color:#159d88; font-weight:900; font-size:.78rem; }

.dt-dark-section { color:#fff; background:linear-gradient(135deg,#061226,#0d2850); }
.dt-dark-section .dt-section-head p { color:rgba(255,255,255,.68); }
.dt-dark-section .dt-eyebrow { color:#6fe1d0; }
.dt-dark-cards { margin-top:20px; }
.dt-dark-card { padding:26px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.045); }
.dt-dark-card span { color:#6fe1d0; font-weight:900; font-size:.8rem; }
.dt-dark-card h3 { margin:10px 0 8px; }
.dt-dark-card p { margin:0; color:rgba(255,255,255,.68); }

.dt-portfolio-empty { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.dt-portfolio-empty-card { min-height:260px; padding:28px; border-radius:20px; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(145deg,#102a4d,#081528); color:#fff; position:relative; overflow:hidden; }
.dt-portfolio-empty-card::before { content:""; position:absolute; width:180px; height:180px; border-radius:50%; background:rgba(79,124,255,.18); right:-40px; top:-50px; box-shadow:0 0 0 40px rgba(85,215,198,.05); }
.dt-portfolio-empty-card span { color:#75e1d1; font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.dt-portfolio-empty-card strong { font-size:1.3rem; margin-top:6px; max-width:230px; }
.dt-portfolio-empty > p { grid-column:1/-1; color:var(--dt-muted); margin:0; font-size:.86rem; }

.dt-process-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.dt-process-step { padding:24px; background:#fff; border:1px solid var(--dt-border); border-radius:17px; position:relative; }
.dt-process-step b { width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:#eaf1ff; color:#2869eb; }
.dt-process-step h3 { margin:16px 0 7px; }
.dt-process-step p { margin:0; color:var(--dt-muted); font-size:.9rem; }

.dt-shop-ready { background:#eef5ff; }
.dt-shop-ready-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.dt-shop-ready-inner > div:first-child { max-width:800px; }
.dt-shop-ready-inner h2 { font-size:clamp(2rem,4vw,3rem); line-height:1.08; letter-spacing:-.04em; margin:.35rem 0 .8rem; }
.dt-shop-ready-inner p { color:var(--dt-muted); }
.dt-shop-icon { width:130px; height:130px; border-radius:34px; display:grid; place-items:center; background:#6f49e8; color:#fff; font-size:2.25rem; font-weight:900; box-shadow:0 20px 45px rgba(111,73,232,.25); }

.dt-post-card .dt-post-thumb img { min-height:100%; }

.footer-brand .dt-default-logo { width:185px; filter:brightness(0) invert(1); opacity:.95; margin-bottom:14px; }

@media (max-width: 1100px) {
  .dt-process-grid { grid-template-columns:repeat(3,1fr); }
  .dt-floating-card { position:static; margin-top:12px; }
  .dt-hero-image-wrap { display:grid; }
}
@media (max-width: 980px) {
  .dt-topbar-tagline { display:none; }
  .site-header { top:0; }
  .primary-nav { background:#fff; border-top:1px solid #e7edf6; }
  .primary-nav a { color:#24354f; }
  .primary-nav ul { align-items:stretch; }
  .primary-nav .sub-menu { position:static; width:auto; display:block; padding:4px 0 0 18px; border:0; box-shadow:none; background:transparent; }
  .dt-story-grid { grid-template-columns:1fr; }
  .dt-story-image { max-width:650px; }
  .dt-story-badge { right:18px; }
  .dt-proof-grid { grid-template-columns:repeat(2,1fr); }
  .dt-proof-grid > div:nth-child(2) { border-right:0; }
  .dt-proof-grid > div:nth-child(-n+2) { border-bottom:1px solid var(--dt-border); }
  .dt-portfolio-empty { grid-template-columns:1fr 1fr; }
  .dt-portfolio-empty-card:last-of-type { grid-column:1/-1; }
}
@media (max-width: 700px) {
  .dt-topbar { display:none; }
  .dt-default-logo { width:155px; }
  .dt-hero-photo { padding-top:68px; }
  .dt-hero-image-wrap > img { min-height:300px; }
  .dt-proof-strip { margin-top:-18px; }
  .dt-proof-grid { grid-template-columns:1fr 1fr; }
  .dt-proof-grid > div { padding:18px; }
  .dt-section-head-split { align-items:flex-start; flex-direction:column; }
  .dt-story-image > img { min-height:360px; }
  .dt-story-badge { position:relative; right:auto; bottom:auto; width:auto; margin:-45px 16px 0; }
  .dt-portfolio-empty, .dt-process-grid { grid-template-columns:1fr; }
  .dt-portfolio-empty-card:last-of-type { grid-column:auto; }
  .dt-shop-ready-inner { align-items:flex-start; flex-direction:column; }
  .dt-shop-icon { width:92px; height:92px; border-radius:24px; font-size:1.6rem; }
}

/* DevTechi v1.2 growth, conversion and Rank Math integration */
.dt-breadcrumbs { width:min(calc(100% - 40px),var(--dt-max)); margin:22px auto 0; color:var(--dt-muted); font-size:.84rem; }
.dt-breadcrumbs a { color:var(--dt-accent); }
.dt-topbar-actions { display:flex; align-items:center; gap:18px; }
.dt-topbar-actions > a { font-weight:800; }
.dt-lead { font-size:1.14rem; color:#455775; }
.dt-quote-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; align-items:start; }
.dt-quote-guide { margin-top:30px; padding:28px; border-radius:20px; background:#f3f7ff; border:1px solid #dbe6f6; }
.dt-quote-guide ol { padding-left:20px; color:var(--dt-muted); }
.dt-quote-form { display:grid; gap:18px; position:sticky; top:130px; }
.dt-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.dt-form-note { margin:0; color:var(--dt-muted); font-size:.8rem; }
.dt-resource-layout { display:grid; grid-template-columns:1.35fr .65fr; gap:52px; align-items:start; }
.dt-resource-aside { padding:28px; border-radius:20px; background:#071831; color:#fff; position:sticky; top:130px; }
.dt-resource-aside > span { display:block; color:#78a8ff; font-size:.76rem; text-transform:uppercase; font-weight:800; letter-spacing:.08em; }
.dt-resource-aside ul { margin:18px 0 0; padding-left:20px; color:rgba(255,255,255,.78); }
.dt-lead-form { margin-top:28px; max-width:580px; display:grid; gap:16px; }
.dt-checklist { margin-top:30px; padding:34px; border:1px solid var(--dt-border); border-radius:22px; background:#fff; box-shadow:0 16px 36px rgba(10,28,58,.08); }
.dt-checklist ol { padding-left:23px; display:grid; gap:12px; }
.dt-service-products { margin-top:34px; }
.dt-package-note { margin-top:36px; }
.dt-case-hero { margin-bottom:34px; }
.dt-case-hero img { width:100%; height:auto; max-height:700px; object-fit:cover; border-radius:22px; }
.dt-case-facts { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin:30px 0 48px; }
.dt-case-facts div { padding:20px; border:1px solid var(--dt-border); border-radius:16px; background:#fff; }
.dt-case-facts small { display:block; color:var(--dt-muted); text-transform:uppercase; font-size:.68rem; letter-spacing:.09em; }
.dt-case-facts strong { display:block; margin-top:6px; }
.dt-case-sections { display:grid; gap:24px; margin-top:52px; }
.dt-case-sections section { padding:34px; border-radius:22px; border:1px solid var(--dt-border); background:#f9fbff; }
.dt-case-sections h2 { margin-top:7px; }
.dt-case-cta { margin-top:50px; border-radius:24px; padding:34px; background:#071831; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.dt-case-cta h2 { color:#fff; margin:0 0 7px; }
.dt-case-cta p { margin:0; color:rgba(255,255,255,.7); }
.dt-growth-solutions { background:linear-gradient(180deg,#f7faff,#fff); }
.dt-solution-link { text-decoration:none; color:inherit; display:block; transition:.2s ease; }
.dt-solution-link:hover { transform:translateY(-4px); box-shadow:0 20px 44px rgba(12,38,82,.12); }
.dt-solution-link > span { color:var(--dt-accent); text-transform:uppercase; font-size:.72rem; font-weight:900; letter-spacing:.08em; }
.dt-solution-link strong { color:var(--dt-accent); font-size:.88rem; }
.dt-leadmagnet-section { background:#eef5ff; }
.dt-leadmagnet { display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center; }
.dt-leadmagnet h2 { font-size:clamp(2rem,4vw,3.2rem); margin:8px 0 14px; }
.dt-leadmagnet-card { background:#071831; color:#fff; border-radius:24px; padding:32px; display:grid; grid-template-columns:auto 1fr; gap:17px 14px; align-items:center; }
.dt-leadmagnet-card span { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#17335c; color:#7cacff; font-weight:900; }
.dt-leadmagnet-card strong { font-size:.96rem; }
.dt-whatsapp { position:fixed; right:22px; bottom:22px; z-index:999; display:flex; align-items:center; gap:10px; padding:10px 15px 10px 10px; border-radius:999px; background:#1b9d5a; color:#fff!important; box-shadow:0 14px 35px rgba(0,0,0,.22); font-size:.84rem; }
.dt-whatsapp span { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.16); font-weight:900; }
.dt-whatsapp:hover { transform:translateY(-2px); }

@media (max-width: 980px) {
  .dt-quote-layout, .dt-resource-layout, .dt-leadmagnet { grid-template-columns:1fr; }
  .dt-quote-form, .dt-resource-aside { position:static; }
}
@media (max-width: 700px) {
  .dt-form-grid { grid-template-columns:1fr; }
  .dt-topbar-actions a { display:none; }
  .dt-case-cta { align-items:flex-start; flex-direction:column; }
  .dt-whatsapp strong { display:none; }
  .dt-whatsapp { padding:8px; }
}


/* =========================================================
   DevTechi 2.1 reference-inspired redesign
   Inspired by the provided homepage direction.
   ========================================================= */
:root{
  --dt-blue-1:#0b4bff;
  --dt-blue-2:#1aa4ff;
  --dt-ink:#07192d;
  --dt-ink-2:#0c2340;
  --dt-soft:#f5f8fc;
  --dt-border-soft:#dfe8f4;
}
body{background:var(--dt-soft);}
.dt-topbar{background:linear-gradient(90deg,#031a35,#08305d 60%,#031a35);color:#cde6ff;border-bottom:none;}
.dt-topbar a,.dt-topbar span{color:#d6e9ff;}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(8,31,61,.08);}
.site-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.primary-nav a{font-weight:700;color:#163457;padding:12px 0;position:relative;}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--dt-blue-1);}
.primary-nav a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--dt-blue-1),var(--dt-blue-2));transition:width .25s ease;}
.primary-nav a:hover::after,.primary-nav .current-menu-item>a::after{width:100%;}
.dt-header-actions{display:flex;align-items:center;gap:14px;}
.dt-header-search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--dt-border-soft);border-radius:50%;font-size:1.2rem;color:#18385f;background:#fff;box-shadow:0 6px 18px rgba(8,31,61,.06);}
.dt-header-search:hover{color:#fff;background:linear-gradient(135deg,var(--dt-blue-1),#3088ff);border-color:transparent;}
.header-cta{padding:14px 24px;border-radius:14px;background:linear-gradient(135deg,#0b67ff,#1a9fff);box-shadow:0 16px 28px rgba(11,103,255,.22);font-weight:800;}
.header-cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(11,103,255,.28);}

.dt-hero{position:relative;overflow:hidden;padding:56px 0 28px;background:radial-gradient(circle at 20% 20%,rgba(38,135,255,.18),transparent 25%),linear-gradient(135deg,#061a33 0%,#07274c 38%,#081a31 100%);}
.dt-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,38,.75),rgba(5,20,38,.18) 52%,rgba(5,20,38,.55));pointer-events:none;}
.dt-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center;}
.dt-hero-copy .dt-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-weight:800;letter-spacing:.08em;color:#9ad6ff;}
.dt-hero-copy h1{max-width:660px;margin:20px 0 18px;font-size:clamp(2.8rem,4.8vw,4.85rem);line-height:.95;letter-spacing:-.04em;color:#fff;text-shadow:0 8px 20px rgba(0,0,0,.18);}
.dt-hero-copy p{max-width:600px;color:#d7e6f8;font-size:1.06rem;line-height:1.75;}
.dt-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}
.dt-btn{border-radius:14px;font-weight:800;padding:15px 24px;}
.dt-btn-primary{background:linear-gradient(135deg,#0c67ff,#1ca4ff);box-shadow:0 20px 38px rgba(12,103,255,.28);}
.dt-btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 42px rgba(12,103,255,.32);}
.dt-btn-ghost,.dt-btn-outline{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;}
.dt-btn-ghost:hover,.dt-btn-outline:hover{background:#fff;color:#0d2e57;border-color:#fff;}
.dt-trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#cfe5fd;font-weight:700;}
.dt-trust-row span{display:inline-flex;align-items:center;gap:7px;}
.dt-hero-image-wrap{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;}
.dt-hero-image-wrap > img{width:100%;max-width:740px;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);}
.dt-hero-image-wrap::after{content:"";position:absolute;inset:auto 10% 8% auto;width:52%;height:40%;border-radius:28px;background:radial-gradient(circle,rgba(28,164,255,.22),transparent 62%);pointer-events:none;}
.dt-floating-card{border:1px solid rgba(255,255,255,.18);background:rgba(6,30,58,.72);backdrop-filter:blur(12px);box-shadow:0 18px 38px rgba(0,0,0,.28);color:#fff;border-radius:18px;}
.dt-floating-card strong{color:#fff;}
.dt-floating-card span{color:#c6dcf5;}
.dt-floating-one{left:-10px;top:36px;}
.dt-floating-two{left:30px;bottom:28px;}
.dt-hero-stack{position:absolute;right:-6px;top:28px;display:grid;gap:12px;max-width:240px;z-index:3;}
.dt-hero-stack-item{padding:14px 16px;border-radius:18px;border:1px solid rgba(124,215,255,.18);background:rgba(3,24,47,.72);backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(0,0,0,.22);}
.dt-hero-stack-item span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-bottom:10px;border-radius:10px;background:linear-gradient(135deg,#15d5ff,#0f73ff);color:#fff;font-size:.85rem;font-weight:800;}
.dt-hero-stack-item strong{display:block;color:#fff;font-size:.98rem;line-height:1.2;}
.dt-hero-stack-item small{display:block;margin-top:5px;color:#b7d4f0;font-size:.8rem;line-height:1.4;}
.dt-hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);font-size:1.6rem;color:#fff;z-index:3;}
.dt-hero-nav-left{left:-20px;}
.dt-hero-nav-right{right:-20px;}
.dt-proof-strip{margin-top:-1px;background:#071e39;}
.dt-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:24px 0;}
.dt-proof-grid div{display:flex;flex-direction:column;gap:5px;color:#d5e7fb;}
.dt-proof-grid strong{font-size:2rem;color:#fff;}

.dt-section{padding:72px 0;}
.dt-section-muted{background:#f8fbff;}
.dt-section-head h2{max-width:860px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.035em;color:#0a1e36;}
.dt-section-head p{max-width:760px;color:#57718f;font-size:1rem;}
.dt-eyebrow{font-weight:800;letter-spacing:.13em;color:#0b6cff;}
.dt-service-grid,.dt-solution-grid,.dt-process-grid,.dt-post-grid,.dt-portfolio-grid{gap:24px;}
.dt-card{border:1px solid var(--dt-border-soft);border-radius:24px;background:#fff;box-shadow:0 16px 36px rgba(10,30,54,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
.dt-card:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(10,30,54,.1);border-color:#c3d8f3;}
.dt-service-card{padding:28px;}
.dt-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#0c6dff,#2bc8ff);color:#fff;font-weight:900;box-shadow:0 14px 26px rgba(12,109,255,.22);}
.dt-service-card h3{font-size:1.24rem;color:#112742;}
.dt-service-card p{color:#5b748e;}
.dt-text-link{font-weight:800;color:#0b6cff;}

.dt-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:center;}
.dt-story-image{overflow:hidden;border-radius:28px;box-shadow:0 22px 46px rgba(10,30,54,.14);}
.dt-story-image img{display:block;width:100%;}
.dt-story-badge{left:24px;bottom:24px;max-width:320px;border-radius:18px;background:rgba(7,30,57,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);}

.dt-dark-section{position:relative;background:linear-gradient(135deg,#071a31,#0c2f57 60%,#071728);overflow:hidden;}
.dt-dark-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(58,176,255,.16),transparent 25%),radial-gradient(circle at 10% 80%,rgba(14,107,255,.16),transparent 30%);pointer-events:none;}
.dt-dark-section .dt-section-head h2,.dt-dark-section .dt-section-head p,.dt-dark-section .dt-section-head .dt-eyebrow{position:relative;z-index:2;}
.dt-dark-cards{position:relative;z-index:2;}
.dt-dark-card{border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);backdrop-filter:blur(10px);box-shadow:0 16px 34px rgba(0,0,0,.18);}

.dt-portfolio-grid,.dt-post-grid{display:grid;grid-template-columns:repeat(3,1fr);} 
.dt-portfolio-card,.dt-post-card{overflow:hidden;border-radius:22px;}
.dt-portfolio-card img,.dt-post-card img{transition:transform .4s ease;}
.dt-portfolio-card:hover img,.dt-post-card:hover img{transform:scale(1.04);}
.dt-portfolio-empty{padding:34px;border-radius:28px;background:#0a1e36;color:#e4effb;}
.dt-portfolio-empty-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08);}

.dt-process-grid{display:grid;grid-template-columns:repeat(5,1fr);}
.dt-process-step{padding:28px 24px;border:1px solid var(--dt-border-soft);border-radius:22px;background:#fff;box-shadow:0 14px 32px rgba(10,30,54,.05);}
.dt-process-step b{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#ebf3ff,#f9fbff);color:#0b68ff;box-shadow:inset 0 0 0 1px #dbe7f4;}
.dt-process-step h3{color:#10263f;}
.dt-process-step p{color:#5f7893;}

.dt-shop-ready-inner,.dt-leadmagnet,.dt-cta{position:relative;overflow:hidden;border-radius:28px;border:1px solid #d7e4f3;box-shadow:0 20px 40px rgba(10,30,54,.07);}
.dt-shop-ready-inner::before,.dt-leadmagnet::before,.dt-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(11,103,255,.08),transparent 24%),radial-gradient(circle at 0 100%,rgba(24,164,255,.08),transparent 26%);pointer-events:none;}
.dt-leadmagnet-card{background:linear-gradient(180deg,#0a2140,#0d2d58);color:#fff;box-shadow:0 18px 34px rgba(10,30,54,.16);}
.dt-leadmagnet-card strong{color:#fff;}
.dt-cta{padding:44px;background:linear-gradient(135deg,#061a33,#0b2a4f 58%,#061521);color:#fff;}
.dt-cta h2,.dt-cta p,.dt-cta .dt-eyebrow{position:relative;z-index:2;}
.dt-cta h2{color:#fff;}
.dt-cta p{color:#d7e6f8;}

.site-footer{position:relative;background:linear-gradient(180deg,#071728 0%,#04101d 100%);color:#c0d6ef;}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;background:radial-gradient(ellipse at center bottom,rgba(54,124,255,.18),transparent 62%);pointer-events:none;}
.footer-grid{position:relative;z-index:2;gap:34px;}
.footer-brand p,.footer-menu a,.site-footer p,.footer-bottom{color:#c0d6ef;}
.footer-title{color:#fff;}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);}
.site-footer a:hover{color:#fff;}

@media (max-width:1100px){
  .dt-hero-grid,.dt-story-grid{grid-template-columns:1fr;}
  .dt-hero-image-wrap{min-height:unset;padding-bottom:30px;}
  .dt-hero-stack{position:relative;right:auto;top:auto;max-width:100%;grid-template-columns:repeat(2,1fr);margin-top:18px;}
  .dt-floating-one,.dt-floating-two,.dt-hero-nav{display:none;}
  .dt-proof-grid,.dt-portfolio-grid,.dt-post-grid,.dt-process-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:782px){
  .site-header-inner{min-height:74px;}
  .dt-header-actions{gap:10px;}
  .dt-header-search{width:38px;height:38px;}
  .dt-hero{padding:38px 0 18px;}
  .dt-hero-copy h1{font-size:2.5rem;}
  .dt-proof-grid,.dt-portfolio-grid,.dt-post-grid,.dt-process-grid,.dt-hero-stack{grid-template-columns:1fr;}
  .dt-topbar-inner{gap:10px;}
}

/* =========================================================
   DevTechi 2.2 — premium inner-page system
   ========================================================= */
:root{
  --dtp-navy:#06172c;
  --dtp-navy-2:#092646;
  --dtp-blue:#0c71ff;
  --dtp-cyan:#25c6ff;
  --dtp-text:#0d2139;
  --dtp-muted:#60758e;
  --dtp-line:#dce7f3;
  --dtp-paper:#f5f9fd;
}
.dt-premium-page{background:#fff;color:var(--dtp-text);}
.dt-premium-hero{position:relative;overflow:hidden;padding:92px 0 78px;background:linear-gradient(135deg,#04162b 0%,#082b53 52%,#061a31 100%);color:#fff;}
.dt-premium-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000 10%,rgba(0,0,0,.25) 75%,transparent);}
.dt-premium-glow{position:absolute;width:680px;height:680px;right:-180px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(27,139,255,.35),rgba(40,203,255,.08) 42%,transparent 70%);filter:blur(2px);pointer-events:none;}
.dt-premium-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr);gap:70px;align-items:center;}
.dt-premium-hero-copy{max-width:760px;}
.dt-premium-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:#8bd4ff;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;}
.dt-premium-kicker::before{content:"";width:34px;height:2px;border-radius:99px;background:linear-gradient(90deg,#36cfff,#2d7cff);}
.dt-premium-hero h1{margin:0;color:#fff;font-size:clamp(3rem,5.4vw,5.6rem);line-height:.96;letter-spacing:-.06em;max-width:940px;}
.dt-premium-hero p{max-width:720px;margin:24px 0 0;color:#d1e1f4;font-size:1.08rem;line-height:1.75;}
.dt-premium-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:32px;}
.dt-premium-text-link{display:inline-flex;align-items:center;gap:7px;color:#fff!important;font-weight:800;font-size:.88rem;padding:12px 4px;}
.dt-premium-text-link:hover{color:#8bd4ff!important;}
.dt-premium-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.dt-premium-chip-row span{padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#d9e9fa;background:rgba(255,255,255,.06);font-size:.76rem;font-weight:800;backdrop-filter:blur(8px);}
.dt-breadcrumbs{background:#fff;border-bottom:1px solid #edf2f7;}
.dt-breadcrumbs>div,.dt-breadcrumbs{font-size:.76rem;color:#7d8ea3;}
.dt-breadcrumbs a{color:#326fae;}

/* premium service pages */
.dt-service-premium{--page-accent:#0b6cff;--page-accent-2:#35c9ff;}
.dt-service-premium .dt-premium-glow{background:radial-gradient(circle,var(--page-accent),transparent 67%);opacity:.24;}
.dt-service-premium .dt-btn-primary{background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2));}
.dt-service-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;}
.dt-service-screen{width:min(100%,560px);overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:27px;background:rgba(5,20,39,.84);box-shadow:0 34px 90px rgba(0,0,0,.34);transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);backdrop-filter:blur(18px);}
.dt-service-screen-top{height:55px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);color:#6f89a7;font-size:.68rem;}
.dt-service-screen-top i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22);}
.dt-service-screen-top span{margin-left:8px;}
.dt-service-screen-body{position:relative;padding:38px 38px 34px;min-height:350px;background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.05),transparent 32%);}
.dt-service-visual-icon{width:88px;height:88px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2));box-shadow:0 20px 40px color-mix(in srgb,var(--page-accent) 35%,transparent);font-size:1.2rem;font-weight:950;letter-spacing:-.04em;color:#fff;}
.dt-service-screen-body>small{display:block;margin-top:40px;color:#7891ad;text-transform:uppercase;letter-spacing:.15em;font-size:.61rem;font-weight:800;}
.dt-service-screen-body>strong{display:block;margin-top:8px;color:#fff;font-size:1.75rem;line-height:1.08;max-width:390px;}
.dt-service-lines{display:grid;gap:9px;margin-top:30px;}.dt-service-lines i{height:6px;border-radius:99px;background:rgba(255,255,255,.09);}.dt-service-lines i:nth-child(1){width:78%;}.dt-service-lines i:nth-child(2){width:62%;}.dt-service-lines i:nth-child(3){width:48%;background:linear-gradient(90deg,var(--page-accent),var(--page-accent-2));opacity:.7;}
.dt-service-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;}.dt-service-mini-grid span{padding:11px 8px;text-align:center;border-radius:10px;background:rgba(255,255,255,.05);color:#aec4dc;font-size:.68rem;font-weight:800;}
.dt-service-float{position:absolute;z-index:3;padding:12px 16px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(5,24,46,.84);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.26);color:#fff;font-size:.75rem;font-weight:850;}
.dt-service-float-one{right:-10px;top:77px}.dt-service-float-two{left:0;bottom:60px}
.dt-premium-content-section{padding:80px 0 92px;background:#fff;}
.dt-premium-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:72px;align-items:start;}
.dt-premium-article{max-width:860px;}
.dt-premium-article .entry-content,.dt-premium-article{color:#425a73;line-height:1.8;}
.dt-premium-article h2{margin:48px 0 16px;color:#0b2038;font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.08;letter-spacing:-.045em;}
.dt-premium-article h3{color:#142b45;font-size:1.35rem;letter-spacing:-.025em;}
.dt-premium-article p,.dt-premium-article li{font-size:1rem;line-height:1.8;color:#526b84;}
.dt-premium-article ul{display:grid;gap:10px;padding-left:0;list-style:none;}
.dt-premium-article ul li{position:relative;padding:14px 16px 14px 46px;border:1px solid #e2eaf3;border-radius:14px;background:#fbfdff;}
.dt-premium-article ul li::before{content:"✓";position:absolute;left:16px;top:14px;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#eaf4ff;color:#0b6cff;font-size:.7rem;font-weight:900;}
.dt-premium-article .wp-block-button__link{border-radius:13px;background:linear-gradient(135deg,#0b6cff,#25a9ff);box-shadow:0 14px 30px rgba(11,108,255,.18);font-weight:800;}
.dt-premium-sidebar{position:sticky;top:118px;display:grid;gap:14px;}
.dt-premium-side-card{padding:30px;border:1px solid #dae6f2;border-radius:24px;background:linear-gradient(180deg,#f9fcff,#f1f7fd);box-shadow:0 18px 40px rgba(13,38,66,.07);}
.dt-premium-side-card>span{color:#0c6cff;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em;}
.dt-premium-side-card ul{display:grid;gap:12px;margin:20px 0 25px;padding:0;list-style:none;}.dt-premium-side-card li{position:relative;padding-left:24px;color:#314b66;font-size:.84rem;}.dt-premium-side-card li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:#13a0ff;box-shadow:0 0 0 5px #e3f3ff;}
.dt-premium-side-card .dt-btn{width:100%;text-align:center;justify-content:center;}
.dt-premium-side-note{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px 20px;border:1px solid #e1e9f2;border-radius:18px;background:#fff;}.dt-premium-side-note>b{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;color:#0b6cff;font-size:.65rem;}.dt-premium-side-note strong{display:block;color:#142b45;font-size:.82rem}.dt-premium-side-note small{display:block;margin-top:4px;color:#71849a;line-height:1.5;font-size:.7rem;}
.dt-related-services{padding:82px 0;background:#f5f9fd;border-top:1px solid #e7eef6;}
.dt-btn-outline-dark{border:1px solid #c9d7e6!important;background:#fff!important;color:#173552!important;}
.dt-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.dt-related-card{display:block;padding:28px;border:1px solid #dce7f2;border-radius:23px;background:#fff;box-shadow:0 14px 35px rgba(10,31,56,.05);transition:.28s ease;}.dt-related-card:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(10,31,56,.09);}.dt-related-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#0c6fff,#28c2ff);color:#fff;font-weight:900;font-size:.8rem}.dt-related-card h3{margin:22px 0 10px;color:#102842;font-size:1.3rem}.dt-related-card p{color:#667d94;font-size:.86rem;line-height:1.65}.dt-related-card b{display:block;margin-top:20px;color:#0b6cff;font-size:.77rem;}
.dt-inner-cta{padding:34px 0 88px;background:#f5f9fd;}.dt-inner-cta-shell{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:52px 58px;border-radius:30px;background:linear-gradient(135deg,#06172c,#0b315b);box-shadow:0 24px 50px rgba(5,28,53,.18);color:#fff;}.dt-inner-cta-shell::after{content:"";position:absolute;right:-80px;top:-180px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(27,151,255,.35),transparent 68%);}.dt-inner-cta-shell>div,.dt-inner-cta-shell>a{position:relative;z-index:2}.dt-inner-cta-shell span{color:#6ec8ff;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.dt-inner-cta-shell h2{max-width:780px;margin:8px 0 0;color:#fff;font-size:clamp(2rem,3.7vw,3.6rem);line-height:1;letter-spacing:-.05em}.dt-btn-white{background:#fff!important;color:#10243b!important;box-shadow:none!important;}

/* About */
.dt-about-hero{padding-bottom:96px;}.dt-about-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;}
.dt-about-visual{position:relative;min-height:460px;}.dt-about-orbit{position:absolute;right:20px;top:20px;width:390px;height:390px;border:1px dashed rgba(255,255,255,.22);border-radius:50%;animation:dtOrbit 18s linear infinite;}.dt-about-orbit::before,.dt-about-orbit::after{content:"";position:absolute;inset:55px;border:1px solid rgba(255,255,255,.1);border-radius:50%;}.dt-about-orbit::after{inset:110px}.dt-about-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,#0b6cff,#31c8ff);font-size:2rem;font-weight:950;box-shadow:0 25px 60px rgba(11,108,255,.35);}.dt-about-orbit i{position:absolute;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(6,28,52,.8);color:#d6e7fa;font-style:normal;font-size:.72rem;font-weight:800;}.dt-about-orbit i:nth-of-type(1){top:12px;left:135px}.dt-about-orbit i:nth-of-type(2){right:-30px;top:165px}.dt-about-orbit i:nth-of-type(3){bottom:18px;left:130px}.dt-about-orbit i:nth-of-type(4){left:-30px;top:165px}.dt-about-quote{position:absolute;left:0;bottom:18px;max-width:260px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(5,25,47,.78);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,0,0,.2)}.dt-about-quote small{display:block;color:#6fc9ff;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem}.dt-about-quote strong{display:block;margin-top:8px;font-size:1.1rem;line-height:1.25;color:#fff}@keyframes dtOrbit{to{transform:rotate(360deg)}}
.dt-about-story{padding:90px 0;background:#fff}.dt-about-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.dt-about-story-grid>div:first-child{position:sticky;top:120px}.dt-about-story-grid h2{font-size:clamp(2.2rem,4vw,4.3rem);line-height:.98;letter-spacing:-.06em;color:#0b2038}.dt-about-principles{padding:90px 0;background:#f5f9fd}.dt-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dt-principle-grid article{padding:34px;border:1px solid #dce7f2;border-radius:24px;background:#fff}.dt-principle-grid article>span{color:#0b6cff;font-size:.7rem;font-weight:900}.dt-principle-grid h3{font-size:1.35rem;color:#102842}.dt-principle-grid p{color:#687f97;line-height:1.7;font-size:.9rem}

/* Services */
.dt-services-hero .dt-premium-glow{right:4%;top:-240px}.dt-services-visual{min-height:460px;display:grid;place-items:center}.dt-services-hub{position:relative;width:320px;height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:radial-gradient(circle,rgba(29,126,238,.25),rgba(5,24,48,.76) 62%);box-shadow:0 30px 80px rgba(0,0,0,.25)}.dt-services-hub::before,.dt-services-hub::after{content:"";position:absolute;inset:-42px;border:1px dashed rgba(255,255,255,.14);border-radius:50%}.dt-services-hub::after{inset:-88px}.dt-services-hub strong{font-size:2rem;color:#fff}.dt-services-hub small{margin-top:5px;color:#91b5d9}.dt-services-hub span{position:absolute;padding:9px 13px;border-radius:999px;background:#fff;color:#0b2b4e;font-size:.68rem;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.16)}.dt-services-hub span:nth-of-type(1){top:-25px;left:112px}.dt-services-hub span:nth-of-type(2){right:-65px;top:80px}.dt-services-hub span:nth-of-type(3){right:-50px;bottom:45px}.dt-services-hub span:nth-of-type(4){bottom:-25px;left:125px}.dt-services-hub span:nth-of-type(5){left:-60px;bottom:55px}.dt-services-hub span:nth-of-type(6){left:-50px;top:70px}
.dt-services-map{padding:90px 0;background:#f7faff}.dt-services-premium-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dt-service-premium-card{min-height:280px;display:flex;flex-direction:column;padding:28px;border:1px solid #dce7f1;border-radius:24px;background:#fff;box-shadow:0 15px 36px rgba(11,35,61,.055);transition:.3s ease}.dt-service-premium-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(11,35,61,.11);background:linear-gradient(180deg,#fff,#f4f9ff)}.dt-service-premium-card>span{font-size:.65rem;font-weight:950;color:#0b6cff}.dt-service-premium-card h3{margin:28px 0 12px;color:#102942;font-size:1.35rem}.dt-service-premium-card p{color:#6c8299;font-size:.86rem;line-height:1.65}.dt-service-premium-card b{margin-top:auto;padding-top:20px;color:#0b6cff;font-size:.76rem}.dt-editable-band{padding:78px 0;background:#fff}.dt-editable-band .dt-premium-article{margin:auto}.dt-editable-band-dark{background:#071a31}.dt-editable-band-dark .dt-premium-article h2,.dt-editable-band-dark .dt-premium-article h3{color:#fff}.dt-editable-band-dark .dt-premium-article p,.dt-editable-band-dark .dt-premium-article li{color:#bfd1e4}.dt-editable-band-dark .dt-premium-article ul li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}

/* Specialized platforms */
.dt-platform-console{position:relative;z-index:2;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:rgba(4,23,43,.78);box-shadow:0 35px 80px rgba(0,0,0,.32);transform:rotate(2deg)}.dt-platform-console-top{display:flex;justify-content:space-between;color:#91afcc;font-size:.72rem}.dt-platform-console-top b{color:#61e6b3}.dt-platform-console-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.dt-platform-console-grid span{min-height:90px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:16px;color:#fff;background:linear-gradient(135deg,rgba(12,113,255,.25),rgba(255,255,255,.04));font-weight:850}.dt-platform-console-bar{display:flex;gap:8px;margin-top:18px}.dt-platform-console-bar i{height:5px;flex:1;border-radius:99px;background:rgba(255,255,255,.1)}.dt-platform-console-bar i:first-child{background:linear-gradient(90deg,#0c7bff,#35d2ff)}.dt-platform-showcase{padding:90px 0;background:#f5f9fd}.dt-platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.dt-platform-grid>a{padding:34px;border:1px solid #d9e5f1;border-radius:25px;background:#fff;box-shadow:0 16px 38px rgba(10,31,56,.06);transition:.3s ease}.dt-platform-grid>a:hover{transform:translateY(-7px);box-shadow:0 24px 48px rgba(10,31,56,.1)}.dt-platform-grid>a>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#0c71ff,#29c7ff);color:#fff;font-weight:950}.dt-platform-grid h3{font-size:1.5rem;color:#102942}.dt-platform-grid p{color:#667e96;line-height:1.7}

/* Technology */
.dt-tech-terminal{overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:#031322;box-shadow:0 30px 80px rgba(0,0,0,.34)}.dt-tech-terminal>div{height:54px;display:flex;align-items:center;gap:8px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.dt-tech-terminal i{width:8px;height:8px;border-radius:50%;background:#486079}.dt-tech-terminal b{margin-left:8px;color:#7089a3;font-size:.68rem}.dt-tech-terminal pre{margin:0;padding:34px 36px;color:#a9e6ff;font-size:.83rem;line-height:2;background:radial-gradient(circle at 80% 15%,rgba(39,149,255,.15),transparent 35%);white-space:pre-wrap}.dt-tech-matrix{padding:90px 0;background:#f6f9fd}.dt-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dt-tech-grid article{padding:26px;border:1px solid #dce7f2;border-radius:22px;background:#fff}.dt-tech-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eaf4ff;color:#0b6cff;font-size:.72rem;font-weight:950}.dt-tech-grid h3{margin:22px 0 8px;color:#112b46}.dt-tech-grid p{color:#6e849a;font-size:.84rem;line-height:1.65}

/* Contact & forms */
.dt-contact-hero-card{position:relative;z-index:2;padding:34px;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(0,0,0,.2)}.dt-contact-hero-card small{display:block;color:#75caff;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.dt-contact-hero-card>a:first-of-type{display:block;margin-top:16px;color:#fff!important;font-size:clamp(1.3rem,2.5vw,2.2rem);font-weight:900;letter-spacing:-.04em;word-break:break-word}.dt-contact-hero-card>span{display:block;margin-top:15px;color:#b8cee5}.dt-contact-book{display:inline-block;margin-top:22px;padding:11px 15px;border-radius:11px;background:#fff;color:#153a60!important;font-weight:800;font-size:.8rem}.dt-contact-premium-section,.dt-quote-premium-section{padding:90px 0;background:#f6f9fd}.dt-contact-premium-grid,.dt-quote-premium-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}.dt-contact-info-column h2,.dt-quote-guide-premium h2{margin:12px 0 18px;font-size:clamp(2.2rem,3.8vw,3.6rem);line-height:1;letter-spacing:-.055em;color:#0a213b}.dt-contact-info-column>p,.dt-quote-guide-premium>p{color:#657e97;line-height:1.75}.dt-contact-methods{display:grid;gap:12px;margin-top:30px}.dt-contact-methods>div{display:grid;grid-template-columns:38px 1fr;column-gap:14px;padding:17px 0;border-top:1px solid #dce6f0}.dt-contact-methods>div>span{grid-row:1/3;color:#0b6cff;font-size:.65rem;font-weight:950}.dt-contact-methods strong{color:#142c47}.dt-contact-methods a,.dt-contact-methods p{margin:3px 0 0;color:#698097;font-size:.82rem}.dt-form-shell{padding:12px;border-radius:30px;background:linear-gradient(135deg,#dfeeff,#f8fbff);box-shadow:0 30px 60px rgba(13,41,70,.1)}.dt-premium-form{padding:34px;border:1px solid #d9e5f1;border-radius:24px;background:#fff}.dt-form-head{margin-bottom:24px}.dt-form-head small{color:#0b6cff;text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;font-weight:900}.dt-form-head h3{margin:7px 0 0;color:#0d2743;font-size:1.65rem}.dt-premium-form .dt-field{margin-bottom:16px}.dt-premium-form label{display:block;margin-bottom:7px;color:#24435f;font-size:.74rem;font-weight:850}.dt-premium-form input,.dt-premium-form select,.dt-premium-form textarea{width:100%;border:1px solid #d7e3ef;border-radius:12px;background:#f9fbfd;padding:13px 14px;color:#17334f;outline:none;transition:.2s ease}.dt-premium-form input:focus,.dt-premium-form select:focus,.dt-premium-form textarea:focus{border-color:#58a9ff;box-shadow:0 0 0 4px rgba(21,125,255,.08);background:#fff}.dt-premium-form textarea{min-height:145px}.dt-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.dt-form-note{margin:14px 0 0;color:#8294a8;font-size:.69rem}.dt-quote-steps{position:relative;z-index:2;display:grid;gap:12px}.dt-quote-steps>div{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.dt-quote-steps span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0c71ff,#27c4ff);font-size:.65rem;font-weight:900}.dt-quote-steps strong{font-size:.88rem}.dt-quote-guide-premium ol{display:grid;gap:10px;margin:28px 0;padding:0;list-style:none}.dt-quote-guide-premium li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:14px;border:1px solid #dce6f0;border-radius:14px;background:#fff}.dt-quote-guide-premium li b{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;color:#0b6cff;font-size:.62rem}.dt-quote-guide-premium li span{color:#4f6a84;font-size:.82rem}

/* Resource */
.dt-resource-preview{position:relative;z-index:2;padding:38px;border:1px solid rgba(255,255,255,.16);border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));box-shadow:0 28px 70px rgba(0,0,0,.25);transform:rotate(2deg)}.dt-resource-preview>span{color:#5fc7ff;font-size:.62rem;font-weight:900;letter-spacing:.14em}.dt-resource-preview>strong{display:block;margin-top:14px;color:#fff;font-size:2rem;line-height:1.08;letter-spacing:-.04em}.dt-resource-preview>div{display:grid;gap:9px;margin:34px 0}.dt-resource-preview i{height:10px;border-radius:99px;background:rgba(255,255,255,.11)}.dt-resource-preview i:nth-child(1){width:92%}.dt-resource-preview i:nth-child(2){width:76%}.dt-resource-preview i:nth-child(3){width:86%}.dt-resource-preview i:nth-child(4){width:64%}.dt-resource-preview i:nth-child(5){width:72%;background:linear-gradient(90deg,#0c71ff,#32d5ff)}.dt-resource-preview small{color:#a9c3de}.dt-resource-premium-section{padding:88px 0;background:#f6f9fd}.dt-resource-premium-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:58px;align-items:start}.dt-resource-aside-premium{position:sticky;top:115px;padding:27px;border:1px solid #dce6f0;border-radius:22px;background:#fff}.dt-resource-aside-premium>span{color:#0b6cff;text-transform:uppercase;letter-spacing:.13em;font-size:.61rem;font-weight:900}.dt-resource-aside-premium ul{display:grid;gap:10px;margin:18px 0 25px;padding-left:20px;color:#526e89;font-size:.8rem}.dt-resource-aside-premium>div{padding:18px;border-radius:15px;background:#0b2544;color:#fff}.dt-resource-aside-premium b,.dt-resource-aside-premium small{display:block}.dt-resource-aside-premium small{margin-top:5px;color:#b7cce1;line-height:1.5}.dt-checklist-premium{margin-top:30px;padding:35px;border:1px solid #d9e5f1;border-radius:26px;background:#fff;box-shadow:0 20px 42px rgba(10,33,59,.07)}.dt-checklist-premium ol{display:grid;gap:10px;padding:0;list-style:none}.dt-checklist-premium li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #edf2f7}.dt-checklist-premium li span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:#0b6cff;font-size:.64rem;font-weight:900}.dt-checklist-premium li p{margin:0;color:#526d88;font-size:.85rem}

/* Packages */
.dt-package-visual{position:relative;z-index:2;display:grid;place-items:center}.dt-package-ticket{width:min(100%,440px);padding:38px;border-radius:27px;background:#fff;color:#102942;box-shadow:0 30px 75px rgba(0,0,0,.32);transform:rotate(-3deg)}.dt-package-ticket>span{color:#0b6cff;font-size:.62rem;font-weight:950;letter-spacing:.14em}.dt-package-ticket>strong{display:block;margin:18px 0 32px;font-size:2rem;line-height:1.08;letter-spacing:-.045em}.dt-package-ticket>div{display:flex;gap:8px}.dt-package-ticket i{padding:9px 12px;border-radius:999px;background:#eaf4ff;color:#1767bd;font-size:.68rem;font-style:normal;font-weight:800}.dt-package-shop{padding:90px 0;background:#f6f9fd}.dt-package-custom{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:42px;padding:38px;border-radius:25px;background:#0b2442;color:#fff}.dt-package-custom span{color:#66c9ff;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:900}.dt-package-custom h2{max-width:720px;margin:8px 0;color:#fff;font-size:2rem}.dt-package-custom p{max-width:760px;color:#bdd0e3}

/* Portfolio */
.dt-portfolio-archive-hero{padding-bottom:100px}.dt-portfolio-hero-stack{position:relative;z-index:2;min-height:360px;display:flex;align-items:center;justify-content:center}.dt-portfolio-hero-stack span{position:absolute;display:grid;place-items:center;width:165px;height:115px;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.23);font-size:1rem;font-weight:900}.dt-portfolio-hero-stack span:nth-child(1){transform:translate(-105px,-65px) rotate(-8deg)}.dt-portfolio-hero-stack span:nth-child(2){transform:translate(95px,-70px) rotate(7deg);background:linear-gradient(135deg,rgba(19,112,255,.45),rgba(255,255,255,.05))}.dt-portfolio-hero-stack span:nth-child(3){transform:translate(-90px,75px) rotate(5deg)}.dt-portfolio-hero-stack span:nth-child(4){transform:translate(100px,70px) rotate(-6deg)}.dt-portfolio-archive-section{padding:90px 0;background:#f6f9fd}.dt-premium-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dt-premium-portfolio-card{overflow:hidden;border:1px solid #d9e5f1;border-radius:24px;background:#fff;box-shadow:0 16px 38px rgba(10,31,56,.06);transition:.3s ease}.dt-premium-portfolio-card:hover{transform:translateY(-7px);box-shadow:0 25px 50px rgba(10,31,56,.11)}.dt-premium-portfolio-media{position:relative;display:block;aspect-ratio:1.45/1;overflow:hidden;background:linear-gradient(135deg,#0a2546,#0d77ff);color:#fff}.dt-premium-portfolio-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dt-premium-portfolio-card:hover img{transform:scale(1.04)}.dt-premium-portfolio-media>span{height:100%;display:grid;place-items:center;font-size:2.5rem;font-weight:950}.dt-premium-portfolio-media>i{position:absolute;right:16px;bottom:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.92);color:#0b3158;font-style:normal;font-weight:900}.dt-premium-portfolio-copy{padding:23px}.dt-premium-portfolio-copy>span{color:#0b6cff;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.dt-premium-portfolio-copy h3{margin:9px 0 10px;font-size:1.3rem}.dt-premium-portfolio-copy h3 a{color:#112b46}.dt-premium-portfolio-copy p{color:#71859a;font-size:.82rem;line-height:1.6}.dt-premium-portfolio-copy>a{color:#0b6cff;font-size:.75rem;font-weight:850}.dt-empty-premium{padding:60px;border:1px solid #dbe6f1;border-radius:26px;background:#fff;text-align:center}.dt-empty-premium>span{color:#0b6cff;font-size:.63rem;font-weight:900;letter-spacing:.13em}.dt-empty-premium h2{color:#102942;font-size:2.1rem}.dt-empty-premium p{max-width:680px;margin:0 auto;color:#6d8298}

/* Case study */
.dt-case-hero-premium{padding-bottom:74px}.dt-case-hero-premium .dt-container{position:relative;z-index:2}.dt-case-hero-premium h1{max-width:1000px}.dt-case-hero-premium p{max-width:820px}.dt-case-fact-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.dt-case-fact-row>div{min-width:150px;padding:14px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.06)}.dt-case-fact-row small,.dt-case-fact-row strong{display:block}.dt-case-fact-row small{color:#7fa6c9;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.dt-case-fact-row strong{margin-top:4px;color:#fff;font-size:.76rem}.dt-case-main{padding:68px 0 92px;background:#f6f9fd}.dt-case-featured{overflow:hidden;margin-bottom:55px;border-radius:28px;box-shadow:0 30px 65px rgba(10,31,56,.13)}.dt-case-featured img{width:100%;height:auto;display:block}.dt-case-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:start}.dt-case-side{position:sticky;top:118px;padding:25px;border-radius:20px;background:#0b2543;color:#fff}.dt-case-side>span{display:block;margin-top:22px;color:#67c9ff;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:900}.dt-case-side p{color:#bbcee2;font-size:.8rem;line-height:1.65}.dt-case-story{display:grid;gap:16px;margin-top:68px}.dt-case-story section{display:grid;grid-template-columns:70px 1fr;gap:30px;padding:38px;border:1px solid #dbe6f1;border-radius:24px;background:#fff}.dt-case-story section>b{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#eaf4ff;color:#0b6cff;font-size:.7rem}.dt-case-story section span{color:#0b6cff;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.dt-case-story section h2{margin:7px 0 13px;color:#0d2844;font-size:2rem}.dt-case-story section p{color:#5d758e;line-height:1.75}.dt-case-bottom-cta{margin-top:55px}

/* Blog and article */
.dt-blog-hero-visual{position:relative;z-index:2;min-height:350px;display:flex;flex-direction:column;justify-content:center;padding:42px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(135deg,rgba(15,104,226,.3),rgba(255,255,255,.05));box-shadow:0 28px 70px rgba(0,0,0,.24);transform:rotate(2deg)}.dt-blog-hero-visual span{color:#71d0ff;font-size:.65rem;font-weight:900;letter-spacing:.16em}.dt-blog-hero-visual strong{margin-top:16px;color:#fff;font-size:2.5rem;line-height:.98;letter-spacing:-.05em}.dt-blog-hero-visual i{position:absolute;right:30px;bottom:25px;font-size:2rem;color:#64c9ff;font-style:normal}.dt-blog-archive-section{padding:90px 0;background:#f6f9fd}.dt-premium-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dt-premium-post-card{overflow:hidden;border:1px solid #d9e5f1;border-radius:23px;background:#fff;box-shadow:0 15px 36px rgba(10,31,56,.055);transition:.3s ease}.dt-premium-post-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(10,31,56,.1)}.dt-premium-post-media{position:relative;display:block;height:220px;overflow:hidden}.dt-premium-post-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dt-premium-post-card:hover img{transform:scale(1.04)}.dt-premium-post-media>span{position:absolute;left:15px;bottom:15px;padding:7px 10px;border-radius:999px;background:rgba(6,27,50,.82);backdrop-filter:blur(8px);color:#fff;font-size:.62rem;font-weight:800}.dt-premium-post-copy{padding:22px}.dt-premium-post-copy>div span{color:#0b6cff;text-transform:uppercase;letter-spacing:.11em;font-size:.58rem;font-weight:900}.dt-premium-post-copy h3{margin:8px 0 10px;font-size:1.24rem;line-height:1.2}.dt-premium-post-copy h3 a{color:#112b46}.dt-premium-post-copy p{color:#71859a;font-size:.82rem;line-height:1.65}.dt-premium-post-copy>a{color:#0b6cff;font-size:.74rem;font-weight:850}.dt-blog-archive-section .search-form{display:flex;gap:8px}.dt-blog-archive-section .search-field,.dt-search-hero-form .search-field,.dt-404-search .search-field{border:1px solid #d7e3ef;border-radius:12px;padding:12px 14px}.dt-blog-archive-section .search-submit,.dt-search-hero-form .search-submit,.dt-404-search .search-submit{border:0;border-radius:12px;padding:12px 16px;background:#0b6cff;color:#fff;font-weight:850}.dt-article-hero{position:relative;overflow:hidden;padding:90px 0 70px;background:linear-gradient(135deg,#06172c,#0b3159);color:#fff}.dt-article-hero .dt-container{position:relative;z-index:2}.dt-article-meta{display:flex;flex-wrap:wrap;gap:14px;color:#72caff;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.dt-article-meta a{color:#72caff}.dt-article-hero h1{max-width:1020px;margin:18px 0;color:#fff;font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:.98;letter-spacing:-.055em}.dt-article-hero p{max-width:820px;color:#c7d9eb;font-size:1.08rem}.dt-article-byline{display:flex;align-items:center;gap:12px;margin-top:28px}.dt-article-byline>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#0b6cff;font-weight:900}.dt-article-byline strong,.dt-article-byline small{display:block}.dt-article-byline small{color:#7fa1c2}.dt-article-content{padding:70px 0 92px;background:#f6f9fd}.dt-article-featured{overflow:hidden;margin-bottom:54px;border-radius:28px;box-shadow:0 28px 65px rgba(10,31,56,.12)}.dt-article-featured img{width:100%;display:block}.dt-article-layout{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:70px;justify-content:center;align-items:start}.dt-article-aside{position:sticky;top:118px;padding:24px;border-radius:20px;background:#0b2543;color:#fff}.dt-article-aside>span{color:#69c9ff;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.dt-article-aside p{color:#bfd0e1;font-size:.8rem;line-height:1.65}.dt-article-aside a{color:#fff;font-size:.77rem;font-weight:850}

/* Search and 404 */
.dt-search-hero .dt-container{position:relative;z-index:2}.dt-search-hero-form{max-width:560px;margin-top:28px}.dt-search-hero-form .search-form{display:flex;gap:8px}.dt-search-hero-form .search-field{flex:1;background:#fff}.dt-404-premium{position:relative;overflow:hidden;min-height:70vh;display:grid;place-items:center;padding:100px 0;background:linear-gradient(135deg,#04162b,#0a3159);color:#fff}.dt-404-orb{position:absolute;width:650px;height:650px;right:-250px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(28,145,255,.38),transparent 68%)}.dt-404-inner{position:relative;z-index:2;max-width:850px;text-align:center}.dt-404-inner>span{font-size:clamp(7rem,18vw,15rem);line-height:.8;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.1)}.dt-404-inner h1{margin:20px 0 14px;color:#fff;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.055em}.dt-404-inner p{max-width:650px;margin:0 auto;color:#c3d7ea}.dt-404-inner .dt-premium-actions{justify-content:center}.dt-404-search{max-width:500px;margin:35px auto 0}.dt-404-search .search-form{display:flex;gap:8px}.dt-404-search .search-field{flex:1;background:#fff}

/* WooCommerce */
.dt-commerce-hero{padding:72px 0}.dt-commerce-visual{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.dt-commerce-bag{width:220px;height:220px;display:grid;place-items:center;border-radius:40px 40px 60px 60px;background:linear-gradient(135deg,#0b73ff,#35cbff);color:#fff;font-size:4rem;font-weight:950;box-shadow:0 30px 70px rgba(8,106,255,.35);transform:rotate(4deg)}.dt-commerce-bag small{display:block;margin-top:-55px;font-size:.7rem;letter-spacing:.12em}.dt-commerce-visual>span{margin-top:20px;color:#bed6ed;font-size:.75rem}.dt-commerce-content{padding:70px 0 95px;background:#f6f9fd}.woocommerce .woocommerce-breadcrumb{margin:0 0 22px;color:#7b91a7}.woocommerce .woocommerce-breadcrumb a{color:#0b6cff}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:26px}.woocommerce .woocommerce-ordering select{border:1px solid #d7e3ef;border-radius:11px;padding:10px;background:#fff}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:0 0 22px!important;border:1px solid #d9e5f1!important;border-radius:22px!important;overflow:hidden;background:#fff!important;box-shadow:0 15px 36px rgba(10,31,56,.06)!important;transition:.3s ease}.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:0 25px 48px rgba(10,31,56,.11)!important}.woocommerce ul.products li.product a img{margin:0 0 18px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:0 20px!important;color:#112b46;font-size:1.14rem!important}.woocommerce ul.products li.product .price{margin:0 20px 14px!important;color:#0b6cff!important;font-weight:850!important}.woocommerce ul.products li.product .button{margin:5px 20px 0!important;background:#0b2543!important;color:#fff!important;border-radius:11px!important}.woocommerce div.product{padding:30px;border:1px solid #dbe6f1;border-radius:28px;background:#fff;box-shadow:0 20px 48px rgba(10,31,56,.07)}.woocommerce div.product div.images img{border-radius:20px}.woocommerce div.product .product_title{color:#0c2641;font-size:2.4rem;letter-spacing:-.045em}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#0b6cff!important}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important}.woocommerce div.product .woocommerce-tabs ul.tabs li{border:1px solid #dbe6f1!important;border-radius:10px!important;background:#f6f9fd!important}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:14px;background:#fff!important;box-shadow:0 10px 25px rgba(10,31,56,.05)}.dt-commerce-system-hero{padding:65px 0}.dt-commerce-system-hero .dt-container{position:relative;z-index:2}.dt-commerce-system-content{padding:70px 0 95px;background:#f6f9fd}.dt-commerce-panel{padding:34px;border:1px solid #dbe6f1;border-radius:26px;background:#fff;box-shadow:0 20px 48px rgba(10,31,56,.07)}.woocommerce-cart table.cart,.woocommerce-checkout-review-order,.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register,.woocommerce-MyAccount-content{border-radius:16px!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:1px solid #d7e3ef;border-radius:11px;padding:12px;background:#f9fbfd}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#0b6cff!important;border-radius:11px!important}.woocommerce-account .woocommerce-MyAccount-navigation ul{padding:0;list-style:none}.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;margin-bottom:6px;padding:12px 14px;border-radius:10px;background:#f1f6fb;color:#264560;font-weight:750}

/* Generic page */
.dt-generic-hero{padding:72px 0}.dt-generic-hero .dt-container{position:relative;z-index:2}.dt-generic-article{max-width:900px;margin:auto}

/* animations */
.dt-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.dt-reveal.is-visible{opacity:1;transform:none}

/* Responsive premium inner pages */
@media(max-width:1120px){
 .dt-premium-hero-grid,.dt-about-hero-grid,.dt-contact-premium-grid,.dt-quote-premium-grid{grid-template-columns:1fr;gap:45px}.dt-service-visual{max-width:720px;margin:auto;width:100%}.dt-premium-content-layout{grid-template-columns:1fr;gap:45px}.dt-premium-sidebar{position:relative;top:auto;grid-template-columns:repeat(3,1fr)}.dt-premium-side-card{grid-row:1/3}.dt-services-premium-grid,.dt-tech-grid{grid-template-columns:repeat(2,1fr)}.dt-about-story-grid{grid-template-columns:1fr;gap:38px}.dt-about-story-grid>div:first-child{position:relative;top:auto}.dt-premium-portfolio-grid,.dt-premium-post-grid{grid-template-columns:repeat(2,1fr)}.dt-case-content-grid,.dt-article-layout{grid-template-columns:1fr}.dt-case-side,.dt-article-aside,.dt-resource-aside-premium{position:relative;top:auto}.dt-resource-premium-grid{grid-template-columns:1fr}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:782px){
 .dt-premium-hero{padding:64px 0 56px}.dt-premium-hero h1{font-size:clamp(2.5rem,12vw,4rem)}.dt-premium-hero-grid{grid-template-columns:1fr}.dt-service-visual{min-height:400px}.dt-service-screen{transform:none}.dt-service-screen-body{padding:26px}.dt-service-float{display:none}.dt-premium-content-section,.dt-related-services,.dt-about-story,.dt-about-principles,.dt-services-map,.dt-platform-showcase,.dt-tech-matrix,.dt-contact-premium-section,.dt-quote-premium-section,.dt-resource-premium-section,.dt-package-shop,.dt-portfolio-archive-section,.dt-blog-archive-section{padding:62px 0}.dt-premium-content-layout{gap:34px}.dt-premium-sidebar{grid-template-columns:1fr}.dt-related-grid,.dt-principle-grid,.dt-services-premium-grid,.dt-platform-grid,.dt-tech-grid,.dt-premium-portfolio-grid,.dt-premium-post-grid{grid-template-columns:1fr}.dt-inner-cta-shell,.dt-package-custom{flex-direction:column;align-items:flex-start;padding:35px 28px}.dt-about-visual{min-height:350px}.dt-about-orbit{width:300px;height:300px;right:50%;transform:translateX(50%);animation:none}.dt-about-orbit i{display:none}.dt-about-core{width:95px;height:95px}.dt-services-visual{min-height:360px;overflow:hidden}.dt-services-hub{width:250px;height:250px}.dt-services-hub::after{display:none}.dt-services-hub span{font-size:.6rem}.dt-services-hub span:nth-of-type(1){left:82px}.dt-form-grid{grid-template-columns:1fr}.dt-case-story section{grid-template-columns:1fr;gap:14px;padding:25px}.dt-article-hero{padding:65px 0 50px}.dt-article-hero h1{font-size:clamp(2.5rem,11vw,4rem)}.dt-portfolio-hero-stack{min-height:300px;transform:scale(.82)}.woocommerce ul.products{grid-template-columns:1fr!important}.dt-commerce-bag{width:170px;height:170px;font-size:3rem}.dt-premium-form{padding:24px}.dt-contact-hero-card{padding:25px}.dt-package-ticket{padding:28px}.dt-resource-preview{padding:28px}.dt-tech-terminal pre{padding:24px;font-size:.72rem}.dt-premium-chip-row{gap:7px}
}

/* =========================================================
   DevTechi 2.3 animated reference homepage
   ========================================================= */
:root{--dt3-navy:#061d39;--dt3-navy2:#092d56;--dt3-blue:#0b78ff;--dt3-blue2:#26b5ff;--dt3-paper:#f7fbff;--dt3-ink:#0b2340;--dt3-muted:#627791;--dt3-line:#dce8f4}
body.home{background:#fff;color:var(--dt3-ink)}
body.home .dt-topbar{background:#061b34;color:#cfe6ff;border-bottom:0}
body.home .dt-topbar a,body.home .dt-topbar span{color:#cfe6ff}
body.home .site-header{background:rgba(255,255,255,.96);border-bottom:0;box-shadow:0 10px 30px rgba(4,34,70,.07);backdrop-filter:blur(14px)}
body.home .primary-nav a{color:#173a62;font-size:.8rem;font-weight:800}
body.home .primary-nav a:hover,body.home .primary-nav .current-menu-item>a{color:var(--dt3-blue)}
body.home .site-header-inner{min-height:74px}
body.home .dt-header-search{background:#f4f8fc;color:#173a62;border-color:#edf3f8}
body.home .header-cta{background:linear-gradient(135deg,#0a69ff,#19a9ff);color:#fff;box-shadow:0 14px 27px rgba(11,120,255,.22)}
.dt3-home{overflow:hidden}.dt3-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0ms)}.dt3-reveal.is-visible{opacity:1;transform:none}
.dt3-hero{position:relative;overflow:hidden;min-height:530px;color:#fff;background:#061f3b}.dt3-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(31,133,255,.18),transparent 25%),radial-gradient(circle at 75% 20%,rgba(41,203,255,.16),transparent 28%),linear-gradient(120deg,#061b35,#0a315a 48%,#071d38)}.dt3-hero-gridlines{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.dt3-hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-80px;top:-150px;background:radial-gradient(circle,rgba(45,194,255,.38),rgba(14,91,255,.12) 42%,transparent 70%);filter:blur(12px);animation:dt3Glow 9s ease-in-out infinite alternate}@keyframes dt3Glow{to{transform:translate(-60px,55px) scale(1.08)}}
.dt3-slider{position:relative;z-index:2;min-height:530px}.dt3-slide{position:absolute;inset:0;opacity:0;transform:translateX(35px);pointer-events:none;transition:opacity .8s ease,transform .8s ease}.dt3-slide.is-active{opacity:1;transform:none;pointer-events:auto}.dt3-slide-grid{height:100%;min-height:530px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:34px}.dt3-hero-copy{padding:52px 0}.dt3-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#55c9ff}.dt3-hero h1{margin:13px 0 18px;font-size:clamp(3rem,5vw,5rem);line-height:.96;letter-spacing:-.055em;max-width:650px;color:#fff}.dt3-hero h1 span{color:#1596ff}.dt3-hero-copy>p{max-width:580px;margin:0;color:#d5e8fb;line-height:1.65;font-size:.96rem}.dt3-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.dt3-btn{height:46px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:.72rem;transition:.25s}.dt3-btn:hover{transform:translateY(-2px)}.dt3-btn-primary{color:#fff;background:linear-gradient(135deg,#0b73ff,#16a9ff);box-shadow:0 14px 27px rgba(0,105,255,.25)}.dt3-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.04)}.dt3-checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#cce2f7;font-size:.68rem;font-weight:800}.dt3-checks span::first-letter{color:#20ce86}
.dt3-hero-visual{position:relative;height:465px;display:flex;align-items:center;justify-content:center}.dt3-workspace{position:absolute;inset:28px 8px 22px 5%;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 70% 18%,rgba(39,179,255,.22),transparent 26%),linear-gradient(145deg,#0d325b,#071f3c 52%,#0b2a4e);box-shadow:0 30px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}.dt3-visual-purple .dt3-workspace{background:radial-gradient(circle at 70% 18%,rgba(132,79,255,.26),transparent 27%),linear-gradient(145deg,#111e45,#061c39 52%,#0c294c)}.dt3-visual-green .dt3-workspace{background:radial-gradient(circle at 75% 18%,rgba(0,208,157,.21),transparent 27%),linear-gradient(145deg,#092a3c,#071f3a 52%,#0a3050)}.dt3-laptop{position:absolute;width:330px;height:218px;left:23%;top:22%;border-radius:16px 16px 9px 9px;background:linear-gradient(145deg,#121f30,#06101d);border:5px solid #15283e;box-shadow:0 24px 45px rgba(0,0,0,.45);transform:perspective(900px) rotateY(-5deg);transition:transform .2s ease}.dt3-laptop-screen{position:absolute;inset:12px;border-radius:8px;background:radial-gradient(circle at 65% 20%,rgba(82,89,255,.4),transparent 32%),linear-gradient(145deg,#061b38,#10122f 62%,#081428);padding:26px}.dt3-visual-purple .dt3-laptop-screen{background:radial-gradient(circle at 70% 20%,rgba(124,80,255,.5),transparent 36%),linear-gradient(145deg,#07152d,#17103a)}.dt3-visual-green .dt3-laptop-screen{background:radial-gradient(circle at 72% 20%,rgba(0,208,157,.35),transparent 34%),linear-gradient(145deg,#06223a,#07394f)}.dt3-laptop-screen strong{display:block;font-size:1.45rem;line-height:1.08;letter-spacing:-.04em;color:#fff}.dt3-laptop-screen span{display:block;margin-top:12px;color:#a8c4e5;font-size:.7rem}.dt3-laptop-base{position:absolute;width:385px;height:18px;left:calc(23% - 26px);top:calc(22% + 214px);background:linear-gradient(#8a9fb8,#50667c);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);border-radius:2px 2px 10px 10px}.dt3-plant{position:absolute;width:65px;height:105px;left:10%;bottom:24%;border-radius:45% 45% 16px 16px;background:radial-gradient(ellipse at 50% 20%,#32c98e 0 20%,transparent 21%),radial-gradient(ellipse at 20% 36%,#28a776 0 18%,transparent 19%),radial-gradient(ellipse at 80% 36%,#34d69a 0 18%,transparent 19%),linear-gradient(to bottom,transparent 60%,#e9edf1 61%)}.dt3-mug{position:absolute;width:74px;height:76px;right:8%;bottom:18%;border-radius:6px 6px 15px 15px;background:linear-gradient(#f8fafc,#d6e0e9);box-shadow:0 14px 24px rgba(0,0,0,.24);color:#0c75ff;font-size:1.7rem;font-weight:1000;display:grid;place-items:center}.dt3-sidecards{position:absolute;right:2%;top:15%;display:grid;gap:9px;width:190px}.dt3-sidecards>div{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;padding:8px;border-radius:12px;background:rgba(4,28,53,.74);border:1px solid rgba(100,207,255,.15);backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(0,0,0,.18);animation:dt3Float 5s ease-in-out infinite alternate}.dt3-sidecards>div:nth-child(2){animation-delay:-1s}.dt3-sidecards>div:nth-child(3){animation-delay:-2s}.dt3-sidecards>div:nth-child(4){animation-delay:-3s}@keyframes dt3Float{to{transform:translateY(-6px)}}.dt3-sidecards b{height:42px;border-radius:9px;background:linear-gradient(135deg,#0e6fff,#47c8ff);display:grid;place-items:center;color:#fff;font-size:.65rem}.dt3-sidecards strong{display:block;color:#fff;font-size:.69rem}.dt3-sidecards small{display:block;color:#a8c4e1;font-size:.55rem;margin-top:3px}.dt3-slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}.dt3-prev{left:18px}.dt3-next{right:18px}.dt3-slider-dots{position:absolute;z-index:6;right:7%;bottom:24px;display:flex;gap:9px}.dt3-slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer}.dt3-slider-dots button.is-active{width:36px;border-radius:999px;background:#58cfff}
.dt3-services{padding:68px 0;background:#f7fbff}.dt3-section-head{text-align:center;max-width:830px;margin:0 auto 34px}.dt3-section-head>span,.dt3-portfolio-head>div>span,.dt3-process-intro>span,.dt3-trust-intro>span,.dt3-products-head>div>span,.dt3-blog-intro>span,.dt3-final-grid>div>span{font-size:.62rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#0b77ff}.dt3-section-head h2,.dt3-products-head h2{margin:6px 0 8px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.04;letter-spacing:-.04em;color:#0b2340}.dt3-section-head p,.dt3-products-head p{margin:0;color:var(--dt3-muted);font-size:.86rem;line-height:1.6}.dt3-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.dt3-service-card{position:relative;overflow:hidden;min-height:190px;padding:19px;border:1px solid var(--dt3-line);border-radius:14px;background:#fff;box-shadow:0 10px 25px rgba(9,43,82,.045);transition:transform .28s ease,box-shadow .28s ease}.dt3-service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(9,43,82,.12)}.dt3-service-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:1000;background:var(--dt3-accent);box-shadow:0 10px 18px var(--dt3-shadow)}.dt3-service-card h3{font-size:.93rem;margin:13px 0 6px;letter-spacing:-.025em}.dt3-service-card p{font-size:.72rem;color:#61758e;line-height:1.48;margin:0}.dt3-service-card a{display:inline-flex;margin-top:10px;font-size:.68rem;font-weight:900;color:#0b73ff}.dt3-blue{--dt3-accent:linear-gradient(135deg,#0c70ff,#25aaff);--dt3-shadow:rgba(11,112,255,.2)}.dt3-green{--dt3-accent:linear-gradient(135deg,#00b869,#29d98e);--dt3-shadow:rgba(0,184,105,.18)}.dt3-purple{--dt3-accent:linear-gradient(135deg,#7245ff,#9e66ff);--dt3-shadow:rgba(114,69,255,.18)}.dt3-orange{--dt3-accent:linear-gradient(135deg,#ff7d12,#ffad24);--dt3-shadow:rgba(255,125,18,.2)}.dt3-pink{--dt3-accent:linear-gradient(135deg,#e73d83,#ff72aa);--dt3-shadow:rgba(231,61,131,.18)}.dt3-cyan{--dt3-accent:linear-gradient(135deg,#00aebd,#20cfda);--dt3-shadow:rgba(0,174,189,.18)}.dt3-yellow{--dt3-accent:linear-gradient(135deg,#f3ad00,#ffd02d);--dt3-shadow:rgba(243,173,0,.2)}.dt3-red{--dt3-accent:linear-gradient(135deg,#e83c3c,#ff6868);--dt3-shadow:rgba(232,60,60,.18)}
.dt3-portfolio{padding:52px 0;background:linear-gradient(145deg,#061d39,#082a50);color:#fff}.dt3-portfolio-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:20px}.dt3-portfolio-head>div>span{color:#57cfff}.dt3-portfolio-head h2{margin:5px 0;font-size:2rem;color:#fff}.dt3-portfolio-head p{max-width:650px;margin:0;color:#c1d7ec;font-size:.75rem}.dt3-carousel-controls{display:flex;gap:8px}.dt3-carousel-controls button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.dt3-port-viewport{overflow:hidden}.dt3-port-track{display:flex;gap:14px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.dt3-project-card{flex:0 0 calc(25% - 10.5px);border-radius:12px;overflow:hidden;background:#fff;color:#0b2340;box-shadow:0 14px 32px rgba(0,0,0,.18)}.dt3-project-shot{height:165px;overflow:hidden;background:linear-gradient(145deg,#163a50,#0d2230)}.dt3-project-shot img{width:100%;height:100%;object-fit:cover}.dt3-project-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(39,179,255,.35),transparent 35%),linear-gradient(145deg,#0d325b,#071f3c)}.dt3-project-placeholder span{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:1.7rem;font-weight:950}.dt3-project-copy{padding:13px 14px}.dt3-project-copy strong{display:block;font-size:.78rem}.dt3-project-copy span{display:block;color:#7790aa;font-size:.61rem}.dt3-text-cta{display:inline-flex;margin-top:20px;color:#fff;font-size:.72rem;font-weight:900}
.dt3-stats{background:#061b34;color:#fff}.dt3-stats-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;min-height:94px;align-items:center}.dt3-stat{display:flex;align-items:center;gap:12px;padding:18px 20px;border-right:1px solid rgba(255,255,255,.1)}.dt3-stat i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid #1d95ff;color:#1d95ff;font-style:normal}.dt3-stat strong{display:block;color:#fff;font-size:1.5rem;letter-spacing:-.05em}.dt3-stat span{display:block;color:#a8c1dc;font-size:.58rem}.dt3-stat-cta{padding:15px 0 15px 25px}.dt3-stat-cta strong,.dt3-stat-cta span{display:block}.dt3-stat-cta strong{font-size:.8rem}.dt3-stat-cta span{color:#9eb9d6;font-size:.62rem}.dt3-stat-cta a{display:inline-flex;margin-top:7px;color:#fff;font-size:.62rem;font-weight:900}
.dt3-process{padding:50px 0;background:#fff}.dt3-process-grid{display:grid;grid-template-columns:.85fr repeat(5,1fr);border-top:1px solid #e3ebf4;border-bottom:1px solid #e3ebf4}.dt3-process-intro{padding:24px 24px 24px 0}.dt3-process-intro h2{margin:5px 0;font-size:1.55rem}.dt3-process-intro p{color:#6f849d;font-size:.68rem}.dt3-step{position:relative;padding:22px;border-left:1px solid #e3ebf4;transition:.3s}.dt3-step:hover{background:#f7fbff}.dt3-step b{font-size:.61rem;color:#0b73ff}.dt3-step i{width:38px;height:38px;margin:7px 0 10px;border-radius:12px;border:2px solid #228cff;color:#228cff;display:grid;place-items:center;font-style:normal;font-weight:900;transition:.3s}.dt3-step:hover i{transform:translateY(-5px) rotate(-3deg);background:#eaf5ff}.dt3-step h3{margin:0;font-size:.82rem}.dt3-step p{margin:5px 0 0;color:#667c95;font-size:.62rem;line-height:1.45}.dt3-step::after{content:"›";position:absolute;right:-6px;top:48%;color:#2691ff;font-size:1.4rem}.dt3-step:last-child::after{display:none}
.dt3-trust{padding:58px 0;background:#f5faff}.dt3-trust-grid{display:grid;grid-template-columns:.72fr repeat(3,1fr);gap:16px}.dt3-trust-intro h2{font-size:1.5rem;line-height:1.05;margin:5px 0}.dt3-trust-intro p{font-size:.68rem;color:#6f849d}.dt3-trust-card{padding:20px;border-radius:14px;background:#fff;border:1px solid var(--dt3-line);box-shadow:0 10px 25px rgba(9,43,82,.05)}.dt3-trust-card strong{display:block;font-size:.78rem}.dt3-trust-card p{font-size:.68rem;color:#637991;line-height:1.55}.dt3-trust-card span{font-size:.58rem;color:#8299b0}
.dt3-products{padding:70px 0;background:linear-gradient(180deg,#fff 0%,#f6faff 100%)}.dt3-products-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:28px}.dt3-products-head>div>span{color:#0b77ff}.dt3-products-head>a{height:44px;padding:0 17px;border-radius:11px;background:#071f3c;color:#fff;display:inline-flex;align-items:center;font-size:.7rem;font-weight:900}.dt3-product-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.dt3-product-tabs button{border:1px solid var(--dt3-line);background:#fff;color:#48627f;border-radius:999px;padding:9px 13px;font-size:.63rem;font-weight:900}.dt3-product-tabs button.is-active{background:#071f3c;color:#fff;border-color:#071f3c}.dt3-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dt3-product-card{overflow:hidden;border:1px solid var(--dt3-line);border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(9,43,82,.065);transition:.3s}.dt3-product-card:hover{transform:translateY(-8px);box-shadow:0 24px 44px rgba(9,43,82,.13)}.dt3-product-image{position:relative;height:190px;display:block;overflow:hidden;background:linear-gradient(145deg,#edf5ff,#dfeeff)}.dt3-product-image img{width:100%;height:100%;object-fit:cover}.dt3-product-image>span{position:absolute;left:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.92);color:#183c64;font-size:.56rem;font-weight:950}.dt3-product-device{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-4deg);width:74%;height:58%;border-radius:15px;background:#0a2341;border:4px solid #19395c;box-shadow:0 18px 30px rgba(8,36,69,.22);transition:.35s}.dt3-product-card:hover .dt3-product-device{transform:translate(-50%,-53%) rotate(0deg) scale(1.03)}.dt3-product-device::before{content:"";position:absolute;inset:9px;border-radius:8px;background:radial-gradient(circle at 72% 24%,#2aaeff,transparent 28%),linear-gradient(145deg,#061b34,#0a2d54)}.dt3-product-copy{padding:17px}.dt3-product-copy small{display:block;color:#7890a8;font-size:.57rem;text-transform:uppercase;letter-spacing:.08em}.dt3-product-copy h3{margin:7px 0;font-size:.92rem}.dt3-product-copy h3 a{color:#0b2340}.dt3-product-copy p{margin:0;color:#657b94;font-size:.67rem;line-height:1.5;min-height:48px}.dt3-product-copy>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #edf2f7}.dt3-product-copy>div>a{font-size:.62rem;font-weight:900;color:#0b72ff}.dt3-product-copy strong{font-size:.72rem;color:#0b72ff}.dt3-quote-link{padding:7px 9px;border-radius:9px;background:#eef6ff}.dt3-woo-note{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px;padding:18px 20px;border-radius:15px;background:linear-gradient(135deg,#071f3c,#0b315a);color:#fff}.dt3-woo-note strong{font-size:.82rem}.dt3-woo-note p{margin:3px 0 0;color:#b8d1e9;font-size:.63rem}.dt3-woo-note>span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.6rem;font-weight:900}
.dt3-blog{padding:66px 0;background:#fff}.dt3-blog-grid{display:grid;grid-template-columns:.62fr repeat(3,1fr);gap:16px}.dt3-blog-intro h2{font-size:1.55rem;margin:5px 0}.dt3-blog-intro p{font-size:.68rem;color:#6f849d}.dt3-blog-intro>a{font-size:.64rem;font-weight:900;color:#0b73ff}.dt3-article{overflow:hidden;border:1px solid var(--dt3-line);border-radius:13px;background:#fff;box-shadow:0 10px 25px rgba(9,43,82,.05);transition:.28s}.dt3-article:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(9,43,82,.1)}.dt3-article-image{display:block;height:120px;overflow:hidden;background:linear-gradient(145deg,#dbe7f3,#7794ad)}.dt3-article-image img{width:100%;height:100%;object-fit:cover}.dt3-article-placeholder{height:100%;display:grid;place-items:center;color:#fff;font-size:.7rem;font-weight:950;letter-spacing:.15em;background:linear-gradient(145deg,#05283d,#0974a2)}.dt3-article-copy{padding:12px}.dt3-article-copy time{font-size:.55rem;color:#7f94aa}.dt3-article-copy h3{font-size:.77rem;line-height:1.25;margin:5px 0}.dt3-article-copy h3 a{color:#0b2340}.dt3-article-copy>a{font-size:.59rem;font-weight:900;color:#0b73ff}
.dt3-final-cta{position:relative;overflow:hidden;padding:55px 0;background:linear-gradient(145deg,#071d38,#0a2d52);color:#fff}.dt3-final-cta::before{content:"";position:absolute;right:-120px;top:-200px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(49,172,255,.32),transparent 68%);animation:dt3Glow 9s ease-in-out infinite alternate}.dt3-final-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.dt3-final-grid>div>span{color:#54c9ff}.dt3-final-grid h2{margin:6px 0 8px;color:#fff;font-size:2.6rem;line-height:1}.dt3-final-grid p{color:#bdd4e9;font-size:.78rem}.dt3-final-actions{display:flex;gap:11px;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:1050px){.dt3-slide-grid{grid-template-columns:1fr}.dt3-hero,.dt3-slider,.dt3-slide-grid{min-height:850px}.dt3-hero-visual{height:430px}.dt3-service-grid{grid-template-columns:repeat(2,1fr)}.dt3-project-card{flex-basis:calc(50% - 7px)}.dt3-stats-grid{grid-template-columns:repeat(2,1fr)}.dt3-stat-cta{padding:18px 20px}.dt3-process-grid{grid-template-columns:1fr 1fr}.dt3-process-intro{grid-column:1/-1}.dt3-step::after{display:none}.dt3-trust-grid,.dt3-blog-grid{grid-template-columns:1fr 1fr}.dt3-trust-intro,.dt3-blog-intro{grid-column:1/-1}.dt3-product-grid{grid-template-columns:repeat(2,1fr)}.dt3-final-grid{grid-template-columns:1fr}.dt3-final-actions{justify-content:flex-start}}
@media(max-width:782px){body.home .site-header{background:#fff}.dt3-hero,.dt3-slider,.dt3-slide-grid{min-height:825px}.dt3-hero h1{font-size:3rem}.dt3-hero-copy{padding-top:34px}.dt3-workspace{inset:18px 0}.dt3-sidecards{display:none}.dt3-laptop{left:14%;width:290px}.dt3-laptop-base{left:calc(14% - 20px);width:335px}.dt3-plant{left:1%}.dt3-mug{right:2%}.dt3-slider-arrow{display:none}.dt3-service-grid,.dt3-product-grid,.dt3-trust-grid,.dt3-blog-grid{grid-template-columns:1fr}.dt3-project-card{flex-basis:85%}.dt3-stats-grid{grid-template-columns:1fr}.dt3-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.dt3-process-grid{grid-template-columns:1fr}.dt3-portfolio-head,.dt3-products-head{grid-template-columns:1fr}.dt3-woo-note{flex-direction:column;align-items:flex-start}.dt3-final-grid h2{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.dt3-reveal{opacity:1;transform:none;transition:none}.dt3-hero-glow,.dt3-sidecards>div,.dt3-final-cta::before{animation:none}.dt3-slide{transition:none}}


/* =========================================================
   DevTechi 2.4 — adaptive animated hero height fix
   Prevents hero copy/buttons from being clipped when titles wrap.
   ========================================================= */
.dt3-hero{
  min-height:0;
  overflow:hidden;
}
.dt3-slider{
  display:grid;
  min-height:0;
}
.dt3-slide{
  position:relative;
  inset:auto;
  grid-area:1 / 1;
  visibility:hidden;
  opacity:0;
  transform:translateX(35px);
  pointer-events:none;
  transition:opacity .8s ease,transform .8s ease,visibility 0s linear .8s;
}
.dt3-slide.is-active{
  visibility:visible;
  opacity:1;
  transform:none;
  pointer-events:auto;
  transition-delay:0s;
}
.dt3-slide-grid{
  height:auto;
  min-height:680px;
  padding:58px 0 70px;
  align-items:center;
}
.dt3-hero-copy{
  padding:0;
  align-self:center;
}
.dt3-hero h1{
  max-width:700px;
  font-size:clamp(3rem,4.25vw,4.45rem);
  line-height:.98;
  margin:14px 0 20px;
}
.dt3-hero-copy>p{
  max-width:610px;
  font-size:1rem;
  line-height:1.7;
}
.dt3-actions{
  margin-top:26px;
}
.dt3-checks{
  margin-top:24px;
  padding-bottom:4px;
}
.dt3-hero-visual{
  height:500px;
}
.dt3-slider-dots{
  bottom:24px;
}

/* Keep desktop/laptop layouts comfortable when the browser is narrower. */
@media (max-width:1500px){
  .dt3-slide-grid{min-height:650px;padding:48px 0 62px;}
  .dt3-hero h1{font-size:clamp(2.9rem,4.35vw,4.1rem);max-width:650px;}
  .dt3-hero-visual{height:475px;}
}

/* Tablet: content determines the slider height instead of being cropped. */
@media (max-width:1050px){
  .dt3-hero,.dt3-slider,.dt3-slide-grid{min-height:0;}
  .dt3-slide-grid{
    height:auto;
    padding:52px 0 72px;
    gap:24px;
  }
  .dt3-hero-copy{padding:0;}
  .dt3-hero h1{font-size:clamp(2.8rem,7vw,4rem);max-width:760px;}
  .dt3-hero-copy>p{max-width:720px;}
  .dt3-hero-visual{height:440px;}
  .dt3-slider-dots{bottom:22px;}
}

/* Mobile: allow the full copy + buttons + visual to stack naturally. */
@media (max-width:782px){
  .dt3-hero,.dt3-slider,.dt3-slide-grid{min-height:0;}
  .dt3-slide-grid{
    height:auto;
    padding:38px 0 60px;
    gap:14px;
  }
  .dt3-hero h1{
    font-size:clamp(2.55rem,12vw,3.25rem);
    line-height:1;
    max-width:100%;
  }
  .dt3-hero-copy>p{font-size:.93rem;line-height:1.65;max-width:100%;}
  .dt3-actions{margin-top:22px;}
  .dt3-checks{margin-top:20px;gap:12px 16px;}
  .dt3-hero-visual{height:390px;margin-top:8px;}
  .dt3-slider-dots{right:50%;transform:translateX(50%);bottom:18px;}
}

@media (max-width:480px){
  .dt3-slide-grid{padding:32px 0 56px;}
  .dt3-hero h1{font-size:clamp(2.35rem,12vw,2.9rem);}
  .dt3-hero-visual{height:350px;}
  .dt3-laptop{left:12%;width:255px;height:195px;}
  .dt3-laptop-base{left:calc(12% - 17px);width:292px;top:calc(22% + 190px);}
  .dt3-mug{width:60px;height:64px;}
}


/* =========================================================
   DevTechi 2.5 — animated hero Live Showcase
   Compact product / service / portfolio discovery carousel.
   ========================================================= */
.dt3-hero-visual::before{
  content:"";
  position:absolute;
  z-index:1;
  left:6%;right:7%;top:7%;height:42%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(41,192,255,.16),transparent 68%);
  filter:blur(10px);
  pointer-events:none;
  animation:dt3VisualAura 7s ease-in-out infinite alternate;
}
@keyframes dt3VisualAura{to{transform:translateY(12px) scale(1.06);opacity:.75}}
.dt3-workspace::before{
  content:"";
  position:absolute;
  z-index:1;
  left:-30%;top:0;width:28%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(90,211,255,.11),transparent);
  transform:skewX(-14deg);
  animation:dt3WorkspaceScan 7.5s linear infinite;
}
@keyframes dt3WorkspaceScan{0%{left:-35%}55%,100%{left:115%}}
.dt3-live-showcase{
  position:absolute;
  z-index:9;
  left:8%;
  right:17%;
  bottom:5px;
  min-height:118px;
  padding:10px 12px 11px;
  overflow:hidden;
  border:1px solid rgba(120,215,255,.21);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(5,25,49,.88),rgba(7,38,72,.72));
  box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(17px) saturate(1.18);
}
.dt3-live-showcase::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(circle at 12% 0,rgba(65,195,255,.13),transparent 32%),radial-gradient(circle at 88% 100%,rgba(88,94,255,.1),transparent 34%);
}
.dt3-showcase-head,.dt3-showcase-viewport,.dt3-showcase-progress{position:relative;z-index:2}
.dt3-showcase-head{height:25px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.dt3-showcase-live{display:flex;align-items:center;gap:6px;color:#cbe8ff;font-size:.53rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.dt3-showcase-live i{width:6px;height:6px;border-radius:50%;background:#33e6a0;box-shadow:0 0 0 4px rgba(51,230,160,.08),0 0 14px rgba(51,230,160,.75);animation:dt3LivePulse 1.7s ease-in-out infinite}
@keyframes dt3LivePulse{50%{opacity:.48;transform:scale(.8)}}
.dt3-showcase-tabs{display:flex;align-items:center;gap:3px}
.dt3-showcase-tabs button{border:0;padding:4px 6px;border-radius:7px;color:#7599ba;background:transparent;font-size:.48rem;font-weight:900;cursor:pointer;transition:.22s}
.dt3-showcase-tabs button:hover,.dt3-showcase-tabs button.is-active{color:#fff;background:rgba(65,164,255,.15)}
.dt3-showcase-viewport{height:62px;margin-top:5px;overflow:hidden}
.dt3-showcase-item{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:50px 1fr 28px;
  gap:9px;
  align-items:center;
  color:#fff;
  opacity:0;
  visibility:hidden;
  transform:translateX(20px) scale(.985);
  transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s linear .5s;
}
.dt3-showcase-item.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dt3-showcase-thumb{position:relative;width:50px;height:50px;overflow:hidden;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#0e76ff,#38c5ff);box-shadow:0 8px 18px rgba(0,109,255,.22)}
.dt3-showcase-service .dt3-showcase-thumb{background:linear-gradient(135deg,#7448ff,#a45fff)}
.dt3-showcase-portfolio .dt3-showcase-thumb{background:linear-gradient(135deg,#00a97c,#26dba0)}
.dt3-showcase-thumb img{width:100%;height:100%;object-fit:cover}
.dt3-showcase-thumb b{font-size:.72rem;color:#fff}
.dt3-showcase-copy{min-width:0;display:block}
.dt3-showcase-copy small{display:block;margin-bottom:2px;color:#6dcfff;font-size:.47rem;font-style:normal;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.dt3-showcase-service .dt3-showcase-copy small{color:#b8a2ff}
.dt3-showcase-portfolio .dt3-showcase-copy small{color:#6ee7b7}
.dt3-showcase-copy strong{display:block;overflow:hidden;color:#fff;font-size:.67rem;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}
.dt3-showcase-copy em{display:block;margin-top:3px;overflow:hidden;color:#91aec9;font-size:.5rem;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.dt3-showcase-arrow{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:#cceaff;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);transition:.22s}
.dt3-showcase-item:hover .dt3-showcase-arrow{color:#071d39;background:#72d9ff;transform:translate(2px,-2px)}
.dt3-showcase-progress{height:2px;margin-top:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}
.dt3-showcase-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#21c4ff,#4b8eff,#35e5a2)}
.dt3-live-showcase.is-running .dt3-showcase-progress i{animation:dt3ShowcaseProgress 4.6s linear forwards}
@keyframes dt3ShowcaseProgress{from{width:0}to{width:100%}}

/* Make room for the showcase while preserving the existing laptop and side cards. */
.dt3-hero-visual{height:530px}
.dt3-laptop{top:17%}
.dt3-laptop-base{top:calc(17% + 214px)}
.dt3-sidecards{top:11%}
.dt3-plant{bottom:31%}
.dt3-mug{bottom:28%}

@media(max-width:1500px){
  .dt3-hero-visual{height:510px}
  .dt3-live-showcase{left:5%;right:15%;bottom:0}
}
@media(max-width:1050px){
  .dt3-hero-visual{height:505px}
  .dt3-live-showcase{left:10%;right:10%;bottom:2px}
  .dt3-plant{bottom:30%}.dt3-mug{bottom:28%}
}
@media(max-width:782px){
  .dt3-hero-visual{height:475px}
  .dt3-live-showcase{left:3%;right:3%;bottom:0;min-height:112px}
  .dt3-showcase-tabs button{padding:4px 5px;font-size:.46rem}
  .dt3-showcase-copy strong{font-size:.64rem}
  .dt3-showcase-copy em{font-size:.48rem}
  .dt3-laptop{top:12%}
  .dt3-laptop-base{top:calc(12% + 214px)}
  .dt3-plant{bottom:32%}.dt3-mug{bottom:31%}
}
@media(max-width:480px){
  .dt3-hero-visual{height:445px}
  .dt3-live-showcase{left:0;right:0;padding:9px 10px 10px;border-radius:15px}
  .dt3-showcase-head{height:auto;align-items:flex-start}
  .dt3-showcase-live{font-size:.48rem}
  .dt3-showcase-tabs{gap:1px}
  .dt3-showcase-tabs button{font-size:.42rem;padding:3px 4px}
  .dt3-showcase-item{grid-template-columns:45px 1fr 25px;gap:7px}
  .dt3-showcase-thumb{width:45px;height:45px;border-radius:11px}
  .dt3-showcase-copy strong{font-size:.61rem}
  .dt3-showcase-copy em{max-width:200px}
  .dt3-laptop{top:8%}
  .dt3-laptop-base{top:calc(8% + 190px)}
  .dt3-plant,.dt3-mug{display:none}
}
@media(prefers-reduced-motion:reduce){
  .dt3-hero-visual::before,.dt3-workspace::before,.dt3-showcase-live i,.dt3-live-showcase.is-running .dt3-showcase-progress i{animation:none!important}
}


/* =========================================================
   DevTechi 2.6 — expanded hero showcase refinement
   Larger multi-source carousel for products, services,
   portfolio and blog with richer visual hierarchy.
   ========================================================= */
.dt3-hero-visual::after{
  content:"";
  position:absolute;
  inset:auto 4% 4% auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(124,91,255,.12),transparent 65%);
  filter:blur(10px);
  z-index:1;
  pointer-events:none;
}
.dt3-plant{
  width:88px;
  height:130px;
  left:8%;
  bottom:37%;
  background:none;
}
.dt3-plant::before,
.dt3-plant::after{content:"";position:absolute;display:block}
.dt3-plant::before{
  left:8px;right:8px;top:0;height:74px;
  background:
    radial-gradient(ellipse at 15% 76%,#2ccd8b 0 18%,transparent 19%),
    radial-gradient(ellipse at 52% 44%,#37d99a 0 20%,transparent 21%),
    radial-gradient(ellipse at 82% 76%,#30c385 0 18%,transparent 19%),
    radial-gradient(ellipse at 32% 18%,#23ab72 0 15%,transparent 16%),
    radial-gradient(ellipse at 68% 18%,#20b87a 0 15%,transparent 16%);
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.15));
}
.dt3-plant::after{
  left:20px;right:20px;bottom:0;height:54px;
  border-radius:9px 9px 16px 16px;
  background:linear-gradient(180deg,#eff3f8,#cfd9e2);
  box-shadow:0 14px 22px rgba(0,0,0,.18);
}
.dt3-hero-visual{
  height:592px;
}
.dt3-workspace{inset:18px 8px 20px 5%}
.dt3-laptop{top:13%;left:19%;width:350px;height:225px}
.dt3-laptop-base{top:calc(13% + 221px);left:calc(19% - 24px);width:402px}
.dt3-sidecards{top:6%;right:1%;width:210px;gap:10px}
.dt3-sidecards>div{padding:10px 10px 10px 9px;border-radius:15px;grid-template-columns:54px 1fr;background:linear-gradient(145deg,rgba(4,28,53,.78),rgba(6,41,74,.76));border-color:rgba(103,213,255,.18)}
.dt3-sidecards b{height:48px;border-radius:12px;font-size:.78rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 25px rgba(0,109,255,.24)}
.dt3-sidecards strong{font-size:.76rem}
.dt3-sidecards small{font-size:.58rem;line-height:1.35}
.dt3-mug{right:4%;bottom:34%;box-shadow:0 18px 30px rgba(0,0,0,.24)}

.dt3-live-showcase{
  left:4.5%;
  right:4.5%;
  bottom:8px;
  min-height:162px;
  padding:14px 15px 14px;
  border-radius:22px;
  border:1px solid rgba(131,221,255,.22);
  background:linear-gradient(145deg,rgba(5,23,46,.90),rgba(8,41,78,.82));
  box-shadow:0 28px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06);
}
.dt3-live-showcase::before{
  background:
    radial-gradient(circle at 8% -10%,rgba(67,196,255,.17),transparent 32%),
    radial-gradient(circle at 95% 110%,rgba(114,96,255,.15),transparent 34%),
    linear-gradient(120deg,rgba(255,255,255,.04),transparent 38%);
}
.dt3-showcase-head{height:auto;min-height:30px;align-items:flex-start;gap:14px;margin-bottom:10px}
.dt3-showcase-live{font-size:.56rem;letter-spacing:.12em;color:#d7efff}
.dt3-showcase-tabs{gap:5px;flex-wrap:wrap;justify-content:flex-end}
.dt3-showcase-tabs button{padding:6px 10px;border-radius:999px;font-size:.5rem;color:#87a7c7;background:rgba(255,255,255,.02);border:1px solid transparent}
.dt3-showcase-tabs button:hover,.dt3-showcase-tabs button.is-active{background:linear-gradient(135deg,rgba(47,160,255,.24),rgba(94,86,255,.18));border-color:rgba(109,191,255,.2);color:#fff}
.dt3-showcase-viewport{height:100px;margin-top:0}
.dt3-showcase-item{
  grid-template-columns:68px 1fr 38px;
  gap:14px;
  align-items:center;
  padding:10px 12px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transform:translateY(10px) scale(.985);
}
.dt3-showcase-item.is-active{transform:none}
.dt3-showcase-thumb{
  width:68px;height:68px;border-radius:18px;
  box-shadow:0 12px 24px rgba(0,109,255,.22), inset 0 1px 0 rgba(255,255,255,.14);
}
.dt3-showcase-service .dt3-showcase-thumb{background:linear-gradient(135deg,#7448ff,#b26dff)}
.dt3-showcase-portfolio .dt3-showcase-thumb{background:linear-gradient(135deg,#00b483,#29e0aa)}
.dt3-showcase-blog .dt3-showcase-thumb{background:linear-gradient(135deg,#ff8d2a,#ffc34b)}
.dt3-showcase-thumb img{transform:scale(1.05);transition:transform .28s ease}
.dt3-showcase-item:hover .dt3-showcase-thumb img{transform:scale(1.11)}
.dt3-showcase-thumb b{font-size:1rem;font-weight:900}
.dt3-showcase-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.dt3-showcase-topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.dt3-showcase-copy small{margin:0;font-size:.5rem;letter-spacing:.1em}
.dt3-showcase-service .dt3-showcase-copy small{color:#c0abff}
.dt3-showcase-portfolio .dt3-showcase-copy small{color:#7aefbf}
.dt3-showcase-blog .dt3-showcase-copy small{color:#ffd67a}
.dt3-showcase-chip{
  display:inline-flex;align-items:center;justify-content:center;
  height:19px;padding:0 7px;border-radius:999px;
  color:#d9ecff;font-size:.46rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)
}
.dt3-showcase-copy strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  white-space:normal;
  text-overflow:initial;
  font-size:.82rem;
  line-height:1.2;
  letter-spacing:-.02em;
}
.dt3-showcase-copy em{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  white-space:normal;
  text-overflow:initial;
  margin-top:5px;
  font-size:.58rem;
  line-height:1.35;
  color:#97b4cf;
}
.dt3-showcase-cta{
  display:inline-flex;align-items:center;gap:5px;margin-top:8px;
  color:#71ddff;font-size:.54rem;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase
}
.dt3-showcase-arrow{
  width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)
}
.dt3-showcase-arrow span{font-size:.92rem;line-height:1}
.dt3-showcase-item:hover .dt3-showcase-arrow{background:linear-gradient(135deg,#78dcff,#5791ff);color:#061d39;transform:translate(2px,-2px) scale(1.03)}
.dt3-showcase-progress{height:3px;margin-top:10px;background:rgba(255,255,255,.08)}

@media(max-width:1500px){
  .dt3-hero-visual{height:575px}
  .dt3-live-showcase{left:4%;right:4%}
}
@media(max-width:1280px){
  .dt3-laptop{left:17%;width:330px;height:214px}
  .dt3-laptop-base{left:calc(17% - 23px);top:calc(13% + 210px);width:380px}
  .dt3-sidecards{width:195px}
  .dt3-live-showcase{min-height:156px}
}
@media(max-width:1050px){
  .dt3-hero-visual{height:560px}
  .dt3-sidecards{right:3%;top:5%}
  .dt3-live-showcase{left:6%;right:6%;min-height:154px}
  .dt3-showcase-item{grid-template-columns:62px 1fr 36px}
  .dt3-showcase-thumb{width:62px;height:62px}
}
@media(max-width:782px){
  .dt3-hero-visual{height:518px}
  .dt3-live-showcase{left:2%;right:2%;bottom:0;min-height:148px;padding:12px}
  .dt3-showcase-head{gap:8px}
  .dt3-showcase-tabs{justify-content:flex-start}
  .dt3-showcase-viewport{height:92px}
  .dt3-showcase-item{grid-template-columns:56px 1fr 33px;gap:10px;padding:9px 10px}
  .dt3-showcase-thumb{width:56px;height:56px;border-radius:15px}
  .dt3-showcase-copy strong{font-size:.74rem}
  .dt3-showcase-copy em{font-size:.54rem}
  .dt3-laptop{top:10%;left:12%}
  .dt3-laptop-base{top:calc(10% + 210px);left:calc(12% - 23px)}
  .dt3-plant{left:2%;bottom:34%}
  .dt3-mug{bottom:32%}
}
@media(max-width:560px){
  .dt3-hero-visual{height:490px}
  .dt3-live-showcase{padding:11px 10px 10px;border-radius:18px;min-height:146px}
  .dt3-showcase-head{flex-direction:column;align-items:flex-start;margin-bottom:8px}
  .dt3-showcase-tabs{gap:4px}
  .dt3-showcase-tabs button{padding:5px 7px;font-size:.46rem}
  .dt3-showcase-viewport{height:88px}
  .dt3-showcase-item{grid-template-columns:50px 1fr 28px;gap:8px;padding:8px 8px 8px 9px}
  .dt3-showcase-thumb{width:50px;height:50px;border-radius:14px}
  .dt3-showcase-copy strong{font-size:.68rem}
  .dt3-showcase-copy em{font-size:.5rem;margin-top:4px}
  .dt3-showcase-cta{margin-top:6px;font-size:.49rem}
  .dt3-showcase-arrow{width:28px;height:28px;border-radius:10px}
  .dt3-mug{display:none}
}


/* =========================================================
   DevTechi 2.7 — reference-image cinematic hero visual
   Uses the user's preferred laptop/workspace visual direction
   while preserving editable text and the live content carousel.
   ========================================================= */
.dt3-hero{
  background:#061d39;
}
.dt3-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 10%,rgba(35,174,255,.16),transparent 28%),
    radial-gradient(circle at 18% 12%,rgba(22,112,255,.11),transparent 26%),
    linear-gradient(115deg,#061b35 0%,#0a3159 48%,#071d38 100%);
}
.dt3-hero-gridlines{opacity:.13}
.dt3-hero-glow{
  width:620px;height:620px;right:-140px;top:-190px;
  background:radial-gradient(circle,rgba(63,196,255,.28),rgba(18,88,255,.10) 42%,transparent 70%);
}

/* Reference-inspired right-side composition. */
.dt3-hero-visual{
  height:620px;
  overflow:visible;
}
.dt3-workspace{
  z-index:2;
  inset:22px 0 188px 2%;
  border-radius:30px;
  background-image:
    linear-gradient(180deg,rgba(3,19,38,.02),rgba(3,19,38,.02)),
    url('assets/images/hero-laptop-showcase.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  box-shadow:0 34px 75px rgba(0,0,0,.30),0 0 0 1px rgba(105,211,255,.08) inset;
  border:1px solid rgba(118,215,255,.10);
}
.dt3-workspace::before{
  left:-35%;width:30%;
  background:linear-gradient(90deg,transparent,rgba(109,221,255,.10),transparent);
}
.dt3-workspace::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 -50px 80px rgba(4,19,38,.15),inset 0 1px 0 rgba(255,255,255,.04);
}

/* The laptop, plant, mug and notes are already contained in the reference visual. */
.dt3-laptop,
.dt3-laptop-base,
.dt3-sidecards,
.dt3-plant,
.dt3-mug{
  display:none!important;
}

/* Additional restrained web-development details around the image. */
.dt3-hero-visual::before{
  content:"</>  •  API  •  UI  •  SEO";
  position:absolute;
  z-index:5;
  top:40px;
  left:5%;
  padding:8px 11px;
  border-radius:999px;
  color:#bfeaff;
  background:rgba(4,24,48,.60);
  border:1px solid rgba(105,210,255,.14);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 26px rgba(0,0,0,.16);
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  animation:dt3HeroCodeFloat 5.5s ease-in-out infinite alternate;
}
@keyframes dt3HeroCodeFloat{to{transform:translateY(-6px);opacity:.88}}
.dt3-hero-visual::after{
  content:"";
  position:absolute;
  z-index:1;
  right:-2%;
  top:10%;
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,176,255,.16),transparent 68%);
  filter:blur(12px);
  pointer-events:none;
}

/* Showcase becomes a larger dock under the laptop visual. */
.dt3-live-showcase{
  z-index:12;
  left:3%;
  right:3%;
  bottom:4px;
  min-height:172px;
  padding:15px 16px 14px;
  border-radius:24px;
  border:1px solid rgba(116,216,255,.22);
  background:
    radial-gradient(circle at 8% 0,rgba(54,196,255,.11),transparent 30%),
    radial-gradient(circle at 93% 115%,rgba(88,91,255,.12),transparent 32%),
    linear-gradient(145deg,rgba(4,25,50,.94),rgba(8,42,79,.88));
  box-shadow:0 30px 55px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(1.2);
}
.dt3-showcase-head{
  min-height:32px;
  margin-bottom:10px;
}
.dt3-showcase-live{
  font-size:.57rem;
  letter-spacing:.12em;
}
.dt3-showcase-tabs{
  gap:6px;
}
.dt3-showcase-tabs button{
  padding:6px 10px;
  font-size:.50rem;
  border-radius:999px;
}
.dt3-showcase-viewport{
  height:102px;
}
.dt3-showcase-item{
  grid-template-columns:72px 1fr 40px;
  gap:14px;
  padding:10px 12px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.016));
}
.dt3-showcase-thumb{
  width:72px;height:72px;border-radius:19px;
}
.dt3-showcase-copy strong{
  font-size:.86rem;
  line-height:1.18;
}
.dt3-showcase-copy em{
  font-size:.58rem;
  line-height:1.35;
}
.dt3-showcase-cta{
  font-size:.53rem;
  margin-top:7px;
}
.dt3-showcase-arrow{
  width:40px;height:40px;border-radius:13px;
}
.dt3-showcase-progress{
  margin-top:10px;
}

/* Make the reference-style visual breathe alongside large copy. */
.dt3-slide-grid{
  grid-template-columns:minmax(0,.95fr) minmax(560px,1.05fr);
  gap:42px;
  align-items:center;
}
.dt3-hero-copy{
  padding:58px 0 70px;
}
.dt3-hero h1{
  max-width:680px;
}
.dt3-hero-copy>p{
  max-width:590px;
}

@media(max-width:1350px){
  .dt3-slide-grid{grid-template-columns:minmax(0,1fr) minmax(500px,1fr);gap:30px}
  .dt3-hero-visual{height:590px}
  .dt3-workspace{inset:24px 0 188px 0}
  .dt3-live-showcase{left:2%;right:2%}
}
@media(max-width:1050px){
  .dt3-slide-grid{grid-template-columns:1fr}
  .dt3-hero-copy{padding:48px 0 24px}
  .dt3-hero-visual{height:585px;max-width:820px;width:100%;margin:0 auto 28px}
  .dt3-workspace{inset:10px 3% 190px 3%;background-size:cover}
  .dt3-live-showcase{left:4%;right:4%;bottom:0}
}
@media(max-width:782px){
  .dt3-hero-visual{height:520px}
  .dt3-workspace{inset:5px 1% 177px 1%;border-radius:22px;background-position:center}
  .dt3-live-showcase{left:1%;right:1%;min-height:164px;padding:12px 12px 11px}
  .dt3-showcase-head{flex-direction:column;align-items:flex-start;gap:7px}
  .dt3-showcase-tabs{justify-content:flex-start}
  .dt3-showcase-viewport{height:94px}
  .dt3-showcase-item{grid-template-columns:58px 1fr 34px;gap:10px;padding:9px 10px}
  .dt3-showcase-thumb{width:58px;height:58px;border-radius:16px}
  .dt3-showcase-copy strong{font-size:.74rem}
  .dt3-showcase-copy em{font-size:.52rem}
  .dt3-hero-visual::before{top:18px;left:4%;font-size:.43rem}
}
@media(max-width:520px){
  .dt3-hero-visual{height:480px}
  .dt3-workspace{inset:2px 0 176px 0;background-size:cover;background-position:center}
  .dt3-live-showcase{border-radius:18px;padding:11px 10px 10px}
  .dt3-showcase-tabs{gap:3px}
  .dt3-showcase-tabs button{padding:5px 7px;font-size:.45rem}
  .dt3-showcase-item{grid-template-columns:50px 1fr 28px;gap:8px;padding:8px}
  .dt3-showcase-thumb{width:50px;height:50px;border-radius:14px}
  .dt3-showcase-copy strong{font-size:.68rem}
  .dt3-showcase-copy em{font-size:.49rem}
  .dt3-showcase-cta{font-size:.47rem}
  .dt3-showcase-arrow{width:28px;height:28px;border-radius:10px}
  .dt3-hero-visual::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .dt3-hero-visual::before{animation:none!important}
}

/* =========================================================
   DevTechi 2.8 — software slide refined to match user's
   preferred cinematic laptop hero, while keeping editable
   copy and adding the showcase dock below.
   ========================================================= */
.dt3-slide-software-ref .dt3-slide-grid{
  grid-template-columns:minmax(0,.95fr) minmax(560px,1.05fr);
  gap:44px;
  align-items:center;
}
.dt3-slide-software-ref .dt3-hero-copy{padding:58px 0 70px;}
.dt3-slide-software-ref .dt3-hero h1,
.dt3-slide-software-ref h1{max-width:680px;}
.dt3-slide-software-ref .dt3-hero-copy>p{max-width:610px;}

.dt3-slide-software-ref .dt3-hero-visual{
  position:relative;
  height:610px;
  overflow:visible;
}
.dt3-slide-software-ref .dt3-reference-frame{
  position:absolute;
  inset:18px 0 188px 0;
  border-radius:28px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  border:1px solid rgba(103,214,255,.14);
  box-shadow:0 36px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
}
.dt3-slide-software-ref .dt3-reference-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,15,30,.05),rgba(3,15,30,.04)),
    radial-gradient(circle at 82% 0%,rgba(68,196,255,.12),transparent 26%),
    linear-gradient(180deg,rgba(4,21,41,.04),rgba(4,21,41,.14));
  pointer-events:none;
}
.dt3-slide-software-ref .dt3-reference-frame::after{
  content:"";
  position:absolute;
  left:-15%; bottom:-16%; width:38%; height:55%;
  background:radial-gradient(circle,rgba(37,176,255,.18),transparent 66%);
  filter:blur(18px);
  pointer-events:none;
}
.dt3-slide-software-ref .dt3-reference-badge{
  position:absolute;
  left:22px;
  top:32px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#d7efff;
  background:rgba(4,28,53,.58);
  border:1px solid rgba(99,208,255,.18);
  box-shadow:0 16px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
.dt3-slide-software-ref .dt3-reference-badge::before{
  content:"";
  width:8px;height:8px;border-radius:50%;background:#31d68f;box-shadow:0 0 0 6px rgba(49,214,143,.14);
}
.dt3-slide-software-ref .dt3-reference-metrics{
  position:absolute;
  right:16px;
  bottom:202px;
  z-index:2;
  display:grid;
  gap:10px;
  width:180px;
}
.dt3-slide-software-ref .dt3-reference-metrics span{
  display:grid;
  gap:3px;
  padding:12px 13px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(4,28,53,.78),rgba(8,45,80,.72));
  border:1px solid rgba(106,210,255,.14);
  box-shadow:0 18px 28px rgba(0,0,0,.22);
  color:#fff;
  backdrop-filter:blur(10px);
}
.dt3-slide-software-ref .dt3-reference-metrics strong{font-size:.73rem;line-height:1.1;display:block}
.dt3-slide-software-ref .dt3-reference-metrics small{font-size:.56rem;color:#a9c5e1;line-height:1.35}

/* Hide the old synthetic objects on this slide only. */
.dt3-slide-software-ref .dt3-laptop,
.dt3-slide-software-ref .dt3-laptop-base,
.dt3-slide-software-ref .dt3-sidecards,
.dt3-slide-software-ref .dt3-plant,
.dt3-slide-software-ref .dt3-mug{display:none!important;}

/* Showcase dock tuned to be clearer and more beautiful. */
.dt3-slide-software-ref .dt3-live-showcase{
  z-index:12;
  left:4%;
  right:4%;
  bottom:0;
  min-height:176px;
  padding:15px 16px 14px;
  border-radius:24px;
  border:1px solid rgba(121,220,255,.22);
  background:
    radial-gradient(circle at 8% 0,rgba(46,192,255,.11),transparent 28%),
    radial-gradient(circle at 94% 120%,rgba(90,84,255,.12),transparent 35%),
    linear-gradient(145deg,rgba(4,24,47,.95),rgba(8,42,79,.90));
  box-shadow:0 28px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(1.2);
}
.dt3-slide-software-ref .dt3-showcase-head{min-height:32px;gap:10px;margin-bottom:12px}
.dt3-slide-software-ref .dt3-showcase-live{font-size:.58rem;letter-spacing:.13em;color:#d9efff}
.dt3-slide-software-ref .dt3-showcase-tabs{gap:6px;flex-wrap:wrap}
.dt3-slide-software-ref .dt3-showcase-tabs button{
  padding:6px 10px;border-radius:999px;font-size:.49rem;font-weight:900;
  background:rgba(255,255,255,.03);border:1px solid transparent;color:#8eadc8;
}
.dt3-slide-software-ref .dt3-showcase-tabs button:hover,
.dt3-slide-software-ref .dt3-showcase-tabs button.is-active{background:linear-gradient(135deg,rgba(47,160,255,.22),rgba(94,86,255,.18));border-color:rgba(110,196,255,.2);color:#fff}
.dt3-slide-software-ref .dt3-showcase-viewport{height:104px}
.dt3-slide-software-ref .dt3-showcase-item{
  grid-template-columns:72px 1fr 40px;
  gap:14px;
  padding:11px 12px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.dt3-slide-software-ref .dt3-showcase-thumb{width:72px;height:72px;border-radius:18px;box-shadow:0 12px 24px rgba(0,109,255,.22), inset 0 1px 0 rgba(255,255,255,.14)}
.dt3-slide-software-ref .dt3-showcase-copy strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  white-space:normal;
  font-size:.82rem;
  line-height:1.18;
}
.dt3-slide-software-ref .dt3-showcase-copy em{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  white-space:normal;
  margin-top:5px;
  font-size:.57rem;
  line-height:1.34;
  color:#98b4cf;
}
.dt3-slide-software-ref .dt3-showcase-cta{display:inline-flex;margin-top:8px;font-size:.53rem;font-weight:900;color:#71ddff;letter-spacing:.06em;text-transform:uppercase}
.dt3-slide-software-ref .dt3-showcase-arrow{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.04));}
.dt3-slide-software-ref .dt3-showcase-item:hover .dt3-showcase-arrow{background:linear-gradient(135deg,#78dcff,#5791ff);color:#061d39;transform:translate(2px,-2px) scale(1.03)}

/* Decorative code accents, subtle and premium. */
.dt3-slide-software-ref .dt3-hero-visual::before{
  content:"UI • API • SaaS • CRM";
  position:absolute;
  top:20px; right:42px; z-index:2;
  padding:8px 11px;border-radius:999px;
  color:#c6e9ff;font-size:.47rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;
  background:rgba(4,24,48,.56);border:1px solid rgba(102,210,255,.14);backdrop-filter:blur(8px);
}
.dt3-slide-software-ref .dt3-hero-visual::after{
  content:"";
  position:absolute;right:-4%;top:-2%;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(38,184,255,.18),transparent 68%);
  filter:blur(14px);pointer-events:none;z-index:0;
}

@media(max-width:1350px){
  .dt3-slide-software-ref .dt3-slide-grid{grid-template-columns:minmax(0,1fr) minmax(500px,1fr);gap:34px}
  .dt3-slide-software-ref .dt3-hero-visual{height:600px}
}
@media(max-width:1050px){
  .dt3-slide-software-ref .dt3-slide-grid{grid-template-columns:1fr}
  .dt3-slide-software-ref .dt3-hero-copy{padding:48px 0 24px}
  .dt3-slide-software-ref .dt3-hero-visual{height:590px;max-width:840px;width:100%;margin:0 auto 28px}
  .dt3-slide-software-ref .dt3-reference-frame{inset:10px 2% 190px 2%}
  .dt3-slide-software-ref .dt3-live-showcase{left:4%;right:4%}
}
@media(max-width:782px){
  .dt3-slide-software-ref .dt3-hero-visual{height:530px}
  .dt3-slide-software-ref .dt3-reference-frame{inset:0 0 176px 0;border-radius:22px}
  .dt3-slide-software-ref .dt3-reference-metrics{display:none}
  .dt3-slide-software-ref .dt3-live-showcase{left:1%;right:1%;min-height:166px;padding:12px 12px 11px}
  .dt3-slide-software-ref .dt3-showcase-head{flex-direction:column;align-items:flex-start;gap:7px}
  .dt3-slide-software-ref .dt3-showcase-tabs{justify-content:flex-start}
  .dt3-slide-software-ref .dt3-showcase-viewport{height:94px}
  .dt3-slide-software-ref .dt3-showcase-item{grid-template-columns:58px 1fr 34px;gap:10px;padding:9px 10px}
  .dt3-slide-software-ref .dt3-showcase-thumb{width:58px;height:58px;border-radius:16px}
  .dt3-slide-software-ref .dt3-showcase-copy strong{font-size:.74rem}
  .dt3-slide-software-ref .dt3-showcase-copy em{font-size:.52rem}
}
@media(max-width:520px){
  .dt3-slide-software-ref .dt3-hero-visual{height:488px}
  .dt3-slide-software-ref .dt3-reference-frame{inset:0 0 176px 0}
  .dt3-slide-software-ref .dt3-reference-badge{top:14px;left:14px;padding:8px 10px;font-size:.49rem}
  .dt3-slide-software-ref .dt3-live-showcase{border-radius:18px;padding:11px 10px 10px}
  .dt3-slide-software-ref .dt3-showcase-tabs button{padding:5px 7px;font-size:.45rem}
  .dt3-slide-software-ref .dt3-showcase-item{grid-template-columns:50px 1fr 28px;gap:8px;padding:8px}
  .dt3-slide-software-ref .dt3-showcase-thumb{width:50px;height:50px;border-radius:14px}
  .dt3-slide-software-ref .dt3-showcase-copy strong{font-size:.68rem}
  .dt3-slide-software-ref .dt3-showcase-copy em{font-size:.49rem}
  .dt3-slide-software-ref .dt3-showcase-cta{font-size:.47rem}
  .dt3-slide-software-ref .dt3-showcase-arrow{width:28px;height:28px;border-radius:10px}
  .dt3-slide-software-ref .dt3-hero-visual::before{display:none}
}


/* =========================================================
   DevTechi 2.9 — cinematic software hero + sharper content
   ========================================================= */
.dt3-slide-cinematic .dt3-slide-grid{
  grid-template-columns:minmax(390px,.82fr) minmax(650px,1.18fr);
  gap:20px;
  align-items:center;
}
.dt3-slide-cinematic .dt3-hero-copy{
  position:relative;
  z-index:3;
  padding:48px 0 82px;
}
.dt3-slide-cinematic .dt3-kicker{font-size:.64rem;letter-spacing:.17em}
.dt3-slide-cinematic h1{
  max-width:560px;
  margin:13px 0 16px;
  font-size:clamp(2.9rem,3.9vw,4.55rem);
  line-height:.95;
  letter-spacing:-.055em;
}
.dt3-slide-cinematic .dt3-hero-copy>p{
  max-width:540px;
  font-size:.88rem;
  line-height:1.62;
}
.dt3-slide-cinematic .dt3-actions{margin-top:22px}
.dt3-slide-cinematic .dt3-checks{margin-top:20px}

.dt3-cinematic-scene{
  position:relative;
  height:620px;
  min-width:0;
  overflow:visible;
  isolation:isolate;
}
.dt3-cinematic-scene::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:16px -28px 182px -10px;
  border-radius:30px;
  background:
    radial-gradient(circle at 70% 15%,rgba(42,185,255,.30),transparent 27%),
    radial-gradient(circle at 38% 58%,rgba(30,93,203,.20),transparent 31%),
    linear-gradient(120deg,#061a35 0%,#0b315b 48%,#071b33 100%);
  border:1px solid rgba(99,206,255,.12);
  box-shadow:0 34px 72px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04);
}
.dt3-cinematic-scene::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:16px -28px 182px -10px;
  border-radius:30px;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 0 7%,rgba(26,118,255,.22) 7.3% 7.8%,transparent 8.1% 12%,rgba(48,198,255,.10) 12.3% 12.7%,transparent 13% 100%),
    linear-gradient(72deg,transparent 0 81%,rgba(43,186,255,.13) 81.2% 81.7%,transparent 82%);
  opacity:.78;
}
.dt3-cinematic-beam{position:absolute;z-index:1;pointer-events:none;filter:blur(.2px);opacity:.68}
.dt3-beam-one{left:-6px;top:52px;width:170px;height:4px;background:linear-gradient(90deg,transparent,#1b8cff,#55d9ff,transparent);transform:rotate(64deg);box-shadow:0 0 22px rgba(32,165,255,.55)}
.dt3-beam-two{right:44px;top:82px;width:150px;height:3px;background:linear-gradient(90deg,transparent,#4fd8ff,transparent);transform:rotate(-56deg);box-shadow:0 0 18px rgba(69,204,255,.48)}

.dt3-cinematic-laptop{
  position:absolute;
  z-index:5;
  left:12%;
  top:48px;
  width:62%;
  height:330px;
  transform:perspective(1100px) rotateY(-5deg) rotateX(1deg);
  filter:drop-shadow(0 30px 30px rgba(0,0,0,.38));
  transition:transform .25s ease;
}
.dt3-slide-cinematic.is-active .dt3-cinematic-laptop{animation:dt3LaptopEntrance .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes dt3LaptopEntrance{from{opacity:0;transform:perspective(1100px) translateY(22px) rotateY(-10deg) scale(.97)}to{opacity:1;transform:perspective(1100px) rotateY(-5deg) rotateX(1deg)}}
.dt3-cinematic-screen{
  position:absolute;
  inset:0 0 31px;
  overflow:hidden;
  border:8px solid #101a2b;
  border-bottom-width:12px;
  border-radius:20px 20px 12px 12px;
  background:
    radial-gradient(circle at 76% 18%,rgba(79,72,255,.28),transparent 28%),
    linear-gradient(145deg,#07152a,#091d42 58%,#08152a);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}
.dt3-screen-bar{
  height:40px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#8db9df;
  font-size:.53rem;
  font-weight:850;
}
.dt3-screen-bar span{display:flex;align-items:center;gap:7px}
.dt3-screen-bar i{width:6px;height:6px;border-radius:50%;background:#29d79a;box-shadow:0 0 12px rgba(41,215,154,.7)}
.dt3-screen-bar b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#0c73ff,#2abaff);color:#fff;font-size:.82rem}
.dt3-screen-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;padding:20px 20px 12px}
.dt3-screen-message{
  min-height:180px;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(13,36,76,.88),rgba(23,27,74,.72));
  border:1px solid rgba(116,183,255,.09);
}
.dt3-screen-message small{display:block;margin-bottom:15px;color:#74cfff;font-size:.46rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.dt3-screen-message strong{display:block;color:#fff;font-size:1.45rem;line-height:1.02;letter-spacing:-.045em}
.dt3-screen-message a{display:inline-flex;margin-top:17px;padding:8px 11px;border-radius:8px;background:linear-gradient(135deg,#0b73ff,#22b4ff);color:#fff;font-size:.51rem;font-weight:900}
.dt3-screen-growth{
  min-height:180px;
  padding:17px 16px 13px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(15,42,86,.82),rgba(16,27,65,.72));
  border:1px solid rgba(116,183,255,.09);
}
.dt3-screen-growth span,.dt3-screen-growth small{display:block;color:#98b8d8;font-size:.48rem;font-weight:800}
.dt3-screen-growth strong{display:block;margin:4px 0 1px;color:#7adfff;font-size:1.32rem;letter-spacing:-.04em}
.dt3-screen-growth svg{width:100%;height:80px;margin-top:10px;overflow:visible}
.dt3-screen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px 16px}
.dt3-screen-stats span{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055)}
.dt3-screen-stats b{display:block;color:#fff;font-size:.67rem}.dt3-screen-stats small{display:block;margin-top:2px;color:#7795b4;font-size:.42rem}
.dt3-cinematic-base{position:absolute;left:-5%;right:-5%;bottom:0;height:34px;background:linear-gradient(180deg,#9aadc1,#556b82 70%,#394e64);clip-path:polygon(7% 0,93% 0,100% 60%,61% 60%,57% 92%,43% 92%,39% 60%,0 60%);border-radius:2px 2px 13px 13px;box-shadow:0 12px 24px rgba(0,0,0,.26)}

.dt3-cinematic-note{
  position:absolute;
  z-index:6;
  right:1.5%;
  top:24px;
  color:#d5e8ff;
  font-family:"Segoe Print","Bradley Hand",cursive;
  font-size:1.03rem;
  line-height:1.18;
  transform:rotate(-7deg);
  text-shadow:0 0 18px rgba(80,170,255,.28);
}
.dt3-cinematic-note::before{content:"↙";position:absolute;left:-34px;top:40px;color:#78cfff;font-size:1.5rem;transform:rotate(12deg)}
.dt3-cinematic-plant{position:absolute;z-index:7;right:1.5%;top:162px;width:150px;height:245px}
.dt3-cinematic-plant>span{position:absolute;left:55px;bottom:84px;width:30px;height:100px;border-radius:90% 10% 90% 10%;background:linear-gradient(135deg,#1aa55f,#46d493);transform-origin:bottom center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}
.dt3-cinematic-plant>span:nth-child(1){transform:rotate(-48deg);left:41px;height:91px}.dt3-cinematic-plant>span:nth-child(2){transform:rotate(-23deg);left:49px;height:116px;background:linear-gradient(135deg,#178e55,#38c77f)}.dt3-cinematic-plant>span:nth-child(3){transform:rotate(0deg);left:61px;height:132px}.dt3-cinematic-plant>span:nth-child(4){transform:rotate(27deg);left:70px;height:111px;background:linear-gradient(135deg,#238b5b,#46d493)}.dt3-cinematic-plant>span:nth-child(5){transform:rotate(49deg);left:78px;height:91px}
.dt3-plant-pot{position:absolute;left:22px;right:8px;bottom:0;height:105px;border-radius:10px 10px 19px 19px;background:linear-gradient(180deg,#f6f8fa,#d4dde6 72%,#bbc8d4);box-shadow:0 20px 26px rgba(0,0,0,.26);display:grid;place-items:center;text-align:center}
.dt3-plant-pot em{font-family:"Segoe Print","Bradley Hand",cursive;font-style:normal;color:#1d527e;font-size:.74rem;line-height:1.12;transform:rotate(-4deg)}
.dt3-cinematic-desk{position:absolute;z-index:2;left:-4%;right:-7%;top:376px;height:42px;background:linear-gradient(180deg,rgba(63,91,115,.65),rgba(12,31,50,.72));transform:skewX(-6deg);box-shadow:0 24px 45px rgba(0,0,0,.32)}

/* The content carousel becomes the small polished dock from the reference. */
.dt3-slide-cinematic .dt3-live-showcase{
  left:12%;
  right:8%;
  bottom:4px;
  min-height:164px;
  padding:13px 15px 13px;
  border-radius:22px;
  background:linear-gradient(145deg,rgba(4,24,48,.94),rgba(7,42,79,.90));
  border:1px solid rgba(114,216,255,.22);
  box-shadow:0 24px 48px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.06);
}
.dt3-slide-cinematic .dt3-showcase-head{min-height:30px;margin-bottom:9px}
.dt3-slide-cinematic .dt3-showcase-tabs button{padding:5px 9px;font-size:.47rem}
.dt3-slide-cinematic .dt3-showcase-viewport{height:92px}
.dt3-slide-cinematic .dt3-showcase-item{grid-template-columns:62px 1fr 36px;gap:11px;padding:9px 10px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.013));border:1px solid rgba(255,255,255,.055)}
.dt3-slide-cinematic .dt3-showcase-thumb{width:62px;height:62px;border-radius:16px}
.dt3-slide-cinematic .dt3-showcase-copy strong{font-size:.76rem;line-height:1.16;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.dt3-slide-cinematic .dt3-showcase-copy em{font-size:.52rem;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.dt3-slide-cinematic .dt3-showcase-cta{font-size:.48rem;margin-top:6px}
.dt3-slide-cinematic .dt3-showcase-arrow{width:34px;height:34px;border-radius:11px}

/* Service copy/readability refinement. */
.dt3-services{padding:78px 0;background:linear-gradient(180deg,#f7fbff,#f2f7fd)}
.dt3-section-head{max-width:900px;margin-bottom:40px}.dt3-section-head p{font-size:.93rem;line-height:1.65}
.dt3-service-grid{gap:16px}
.dt3-service-card{min-height:230px;padding:22px 21px;border-radius:18px;box-shadow:0 13px 30px rgba(9,43,82,.055)}
.dt3-service-card::after{content:"";position:absolute;right:-45px;bottom:-55px;width:125px;height:125px;border-radius:50%;background:var(--dt3-accent);opacity:.035;transition:.28s}
.dt3-service-card:hover::after{transform:scale(1.2);opacity:.06}
.dt3-service-icon{width:50px;height:50px;border-radius:14px;font-size:.92rem}
.dt3-service-card h3{font-size:1rem;line-height:1.2;margin:15px 0 8px}
.dt3-service-card p{font-size:.79rem;line-height:1.58;color:#5d748d}
.dt3-service-card a{margin-top:14px;font-size:.7rem}

/* Sharper, more useful blog presentation. */
.dt3-blog{padding:80px 0;background:#fff}
.dt3-blog-grid{grid-template-columns:.72fr repeat(3,1fr);gap:20px;align-items:stretch}
.dt3-blog-intro{padding-right:12px}.dt3-blog-intro h2{font-size:1.9rem;line-height:1.05;margin:7px 0 12px;letter-spacing:-.035em}.dt3-blog-intro p{font-size:.79rem;line-height:1.65;color:#627991}.dt3-blog-intro>a{display:inline-flex;margin-top:14px;font-size:.69rem}
.dt3-article{border-radius:18px;box-shadow:0 13px 30px rgba(9,43,82,.06)}
.dt3-article-image{height:178px;background:#092544}
.dt3-article-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto;transition:transform .45s ease,filter .45s ease;filter:saturate(1.06) contrast(1.03)}
.dt3-article:hover .dt3-article-image img{transform:scale(1.035);filter:saturate(1.12) contrast(1.05)}
.dt3-article-copy{padding:17px 17px 18px}.dt3-article-copy time{font-size:.57rem}.dt3-article-copy h3{font-size:.94rem;line-height:1.28;margin:7px 0 8px}.dt3-article-copy p{margin:0 0 12px;color:#687f96;font-size:.69rem;line-height:1.55}.dt3-article-copy>a{font-size:.64rem}

@media(max-width:1350px){
  .dt3-slide-cinematic .dt3-slide-grid{grid-template-columns:minmax(360px,.86fr) minmax(570px,1.14fr);gap:16px}
  .dt3-cinematic-scene{height:600px}
  .dt3-cinematic-laptop{left:9%;width:64%}
  .dt3-cinematic-plant{right:0}
}
@media(max-width:1050px){
  .dt3-slide-cinematic .dt3-slide-grid{grid-template-columns:1fr}
  .dt3-slide-cinematic .dt3-hero-copy{padding:46px 0 18px}
  .dt3-cinematic-scene{height:610px;max-width:850px;width:100%;margin:0 auto 28px}
  .dt3-cinematic-scene::before,.dt3-cinematic-scene::after{inset:10px 0 182px}
  .dt3-cinematic-laptop{left:12%;top:45px;width:61%}
  .dt3-cinematic-plant{right:4%}
  .dt3-slide-cinematic .dt3-live-showcase{left:8%;right:8%}
  .dt3-service-grid{grid-template-columns:repeat(2,1fr)}
  .dt3-blog-grid{grid-template-columns:1fr 1fr}.dt3-blog-intro{grid-column:1/-1;max-width:720px}
}
@media(max-width:782px){
  .dt3-slide-cinematic h1{font-size:3rem}
  .dt3-cinematic-scene{height:545px}
  .dt3-cinematic-scene::before,.dt3-cinematic-scene::after{inset:6px 0 171px}
  .dt3-cinematic-laptop{left:5%;top:56px;width:72%;height:285px}
  .dt3-screen-layout{padding:15px;gap:9px}.dt3-screen-message,.dt3-screen-growth{min-height:152px;padding:13px}.dt3-screen-message strong{font-size:1.13rem}.dt3-screen-stats{padding:0 15px 12px}
  .dt3-cinematic-note{right:2%;top:26px;font-size:.8rem}.dt3-cinematic-plant{right:-2%;top:166px;transform:scale(.84);transform-origin:bottom right}.dt3-cinematic-desk{top:345px}
  .dt3-slide-cinematic .dt3-live-showcase{left:2%;right:2%;min-height:158px;padding:11px 11px 10px}
  .dt3-slide-cinematic .dt3-showcase-head{flex-direction:column;align-items:flex-start;gap:6px}.dt3-slide-cinematic .dt3-showcase-viewport{height:88px}.dt3-slide-cinematic .dt3-showcase-item{grid-template-columns:52px 1fr 30px;gap:8px;padding:8px}.dt3-slide-cinematic .dt3-showcase-thumb{width:52px;height:52px;border-radius:14px}
  .dt3-service-grid,.dt3-blog-grid{grid-template-columns:1fr}.dt3-blog-intro{grid-column:auto}.dt3-article-image{height:210px}
}
@media(max-width:520px){
  .dt3-cinematic-scene{height:505px}
  .dt3-cinematic-laptop{left:2%;top:67px;width:80%;height:250px}.dt3-screen-message strong{font-size:.95rem}.dt3-screen-growth strong{font-size:1rem}.dt3-screen-growth svg{height:58px}.dt3-screen-stats{display:none}
  .dt3-cinematic-note{display:none}.dt3-cinematic-plant{right:-12px;top:175px;transform:scale(.66)}.dt3-cinematic-desk{top:325px}
  .dt3-slide-cinematic .dt3-live-showcase{left:0;right:0;border-radius:18px}.dt3-slide-cinematic .dt3-showcase-tabs{gap:3px}.dt3-slide-cinematic .dt3-showcase-tabs button{padding:4px 6px;font-size:.43rem}.dt3-slide-cinematic .dt3-showcase-copy strong{font-size:.66rem}.dt3-slide-cinematic .dt3-showcase-copy em{font-size:.48rem}.dt3-slide-cinematic .dt3-showcase-cta{display:none}
}
@media(prefers-reduced-motion:reduce){.dt3-slide-cinematic.is-active .dt3-cinematic-laptop{animation:none!important}}

.dt3-service-icon{font-size:.58rem!important;letter-spacing:.035em;font-weight:950!important;}

/* =========================================================
   DevTechi 3.0 — unified cinematic hero system
   Fixes all three slides, removes carousel text ghosting,
   and sharpens dynamic content presentation.
   ========================================================= */
.dt3-slide-cinematic{
  --scene-accent:#35aaff;
  --scene-accent-soft:rgba(53,170,255,.16);
}
.dt3-scene-software{--scene-accent:#8a70ff;--scene-accent-soft:rgba(138,112,255,.15)}
.dt3-scene-growth{--scene-accent:#2bd48d;--scene-accent-soft:rgba(43,212,141,.14)}

/* All 3 slides use the same balanced composition. */
.dt3-slide-cinematic .dt3-slide-grid{
  grid-template-columns:minmax(410px,.88fr) minmax(660px,1.12fr)!important;
  gap:28px!important;
  align-items:center!important;
}
.dt3-slide-cinematic .dt3-hero-copy{
  padding:46px 0 78px!important;
}
.dt3-slide-cinematic .dt3-kicker{
  font-size:.62rem!important;
  letter-spacing:.17em!important;
}
.dt3-slide-cinematic h1{
  max-width:590px!important;
  margin:13px 0 15px!important;
  font-size:clamp(2.85rem,3.55vw,4.15rem)!important;
  line-height:.96!important;
  letter-spacing:-.052em!important;
}
.dt3-slide-cinematic .dt3-hero-copy>p{
  max-width:565px!important;
  font-size:.86rem!important;
  line-height:1.62!important;
}
.dt3-slide-cinematic .dt3-actions{margin-top:21px!important}
.dt3-slide-cinematic .dt3-checks{margin-top:19px!important}

/* Reference-style blue workspace behind every laptop. */
.dt3-cinematic-scene{
  height:622px!important;
  overflow:visible!important;
}
.dt3-cinematic-scene::before{
  inset:14px -24px 174px -10px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 73% 11%,rgba(44,187,255,.28),transparent 26%),
    radial-gradient(circle at 34% 62%,var(--scene-accent-soft),transparent 32%),
    linear-gradient(118deg,#06192f 0%,#0a315a 50%,#071b33 100%)!important;
  border:1px solid rgba(102,211,255,.12)!important;
  box-shadow:0 34px 74px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.dt3-cinematic-scene::after{
  inset:14px -24px 174px -10px!important;
  border-radius:28px!important;
  background:
    linear-gradient(110deg,transparent 0 6%,rgba(30,125,255,.23) 6.3% 6.8%,transparent 7.1% 11%,rgba(62,206,255,.10) 11.2% 11.7%,transparent 12% 100%),
    linear-gradient(72deg,transparent 0 81%,rgba(43,186,255,.13) 81.2% 81.7%,transparent 82%)!important;
}

/* Make the laptop the dominant visual like the supplied reference. */
.dt3-cinematic-laptop{
  left:4.5%!important;
  top:38px!important;
  width:72%!important;
  height:350px!important;
  transform:perspective(1150px) rotateY(-4deg) rotateX(1deg)!important;
  filter:drop-shadow(0 34px 34px rgba(0,0,0,.40))!important;
}
.dt3-slide-cinematic.is-active .dt3-cinematic-laptop{
  animation:dt3LaptopEntrance3 .9s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes dt3LaptopEntrance3{
  from{opacity:0;transform:perspective(1150px) translateY(18px) rotateY(-8deg) scale(.975)}
  to{opacity:1;transform:perspective(1150px) rotateY(-4deg) rotateX(1deg)}
}
.dt3-cinematic-screen{
  border-width:8px!important;
  border-bottom-width:12px!important;
  border-radius:20px 20px 12px 12px!important;
  background:
    radial-gradient(circle at 77% 17%,var(--scene-accent-soft),transparent 29%),
    linear-gradient(145deg,#07152a,#091f44 57%,#08142a)!important;
}
.dt3-screen-layout{grid-template-columns:.94fr 1.06fr!important;gap:13px!important;padding:18px 19px 11px!important}
.dt3-screen-message,.dt3-screen-growth{min-height:188px!important}
.dt3-screen-message strong{font-size:1.48rem!important}
.dt3-screen-growth strong{color:var(--scene-accent)!important;font-size:1.18rem!important;line-height:1.1!important}
.dt3-screen-growth svg{height:82px!important}
.dt3-screen-stats{padding:0 19px 14px!important}

/* Plant, desk and handwritten accent. */
.dt3-cinematic-note{
  right:1%!important;
  top:22px!important;
  font-size:1rem!important;
}
.dt3-cinematic-plant{
  right:-1%!important;
  top:150px!important;
  transform:scale(.94)!important;
  transform-origin:bottom right!important;
}
.dt3-cinematic-desk{
  left:-3%!important;
  right:-6%!important;
  top:391px!important;
  height:44px!important;
}

/* Give each slide a subtly different dashboard glow, while retaining blue identity. */
.dt3-scene-home .dt3-screen-message{background:linear-gradient(145deg,rgba(10,39,82,.90),rgba(23,27,74,.72))!important}
.dt3-scene-software .dt3-screen-message{background:linear-gradient(145deg,rgba(21,32,85,.91),rgba(36,24,91,.72))!important}
.dt3-scene-growth .dt3-screen-message{background:linear-gradient(145deg,rgba(7,50,68,.91),rgba(10,44,69,.74))!important}

/* Clean showcase dock: no overlapping/ghosted titles. */
.dt3-slide-cinematic .dt3-live-showcase{
  left:7%!important;
  right:5%!important;
  bottom:0!important;
  min-height:154px!important;
  padding:12px 14px 12px!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 8% 0,rgba(52,197,255,.10),transparent 29%),
    radial-gradient(circle at 94% 115%,var(--scene-accent-soft),transparent 34%),
    linear-gradient(145deg,rgba(4,24,48,.96),rgba(7,41,78,.91))!important;
}
.dt3-slide-cinematic .dt3-showcase-head{
  min-height:29px!important;
  margin-bottom:8px!important;
}
.dt3-slide-cinematic .dt3-showcase-tabs{gap:5px!important;flex-wrap:wrap!important}
.dt3-slide-cinematic .dt3-showcase-tabs button{
  padding:5px 8px!important;
  font-size:.45rem!important;
  border-radius:999px!important;
  text-shadow:none!important;
}
.dt3-slide-cinematic .dt3-showcase-viewport{
  height:82px!important;
  overflow:hidden!important;
}
.dt3-slide-cinematic .dt3-showcase-item{
  display:none!important;
  position:absolute!important;
  inset:0!important;
  grid-template-columns:58px 1fr 32px!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 9px!important;
  border-radius:15px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:none!important;
  transition:none!important;
  text-shadow:none!important;
}
.dt3-slide-cinematic .dt3-showcase-item.is-active{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  animation:dt3ShowcaseCleanIn .42s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes dt3ShowcaseCleanIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:none}
}
.dt3-slide-cinematic .dt3-showcase-thumb{
  width:58px!important;
  height:58px!important;
  border-radius:15px!important;
}
.dt3-slide-cinematic .dt3-showcase-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  image-rendering:auto!important;
  filter:saturate(1.05) contrast(1.04)!important;
}
.dt3-showcase-blog .dt3-showcase-thumb{background:linear-gradient(135deg,#ff8f2b,#ffc94a)!important}
.dt3-slide-cinematic .dt3-showcase-topline{margin-bottom:4px!important}
.dt3-slide-cinematic .dt3-showcase-copy,
.dt3-slide-cinematic .dt3-showcase-copy *{
  text-shadow:none!important;
}
.dt3-slide-cinematic .dt3-showcase-copy small{
  font-size:.43rem!important;
  line-height:1!important;
  margin:0!important;
  opacity:1!important;
}
.dt3-slide-cinematic .dt3-showcase-chip{
  height:17px!important;
  padding:0 6px!important;
  font-size:.4rem!important;
}
.dt3-slide-cinematic .dt3-showcase-copy strong{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#fff!important;
  font-size:.70rem!important;
  line-height:1.16!important;
  font-weight:900!important;
  opacity:1!important;
  filter:none!important;
}
.dt3-slide-cinematic .dt3-showcase-copy em{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#9db8d1!important;
  font-size:.49rem!important;
  line-height:1.2!important;
  font-style:normal!important;
  opacity:1!important;
}
.dt3-slide-cinematic .dt3-showcase-cta{
  display:inline-flex!important;
  margin-top:5px!important;
  font-size:.45rem!important;
  color:#72dcff!important;
  text-shadow:none!important;
}
.dt3-slide-cinematic .dt3-showcase-arrow{
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
}
.dt3-slide-cinematic .dt3-showcase-progress{height:2px!important;margin-top:7px!important}

/* Sharper homepage content images. */
.dt3-project-shot img,
.dt3-product-image img,
.dt3-article-image img{
  image-rendering:auto!important;
  backface-visibility:hidden;
  transform:translateZ(0);
}
.dt3-product-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.dt3-article-image img{filter:saturate(1.08) contrast(1.04) brightness(1.01)!important}

/* Service/blog headings: crisp, no decorative stroke or accidental layering. */
.dt3-service-card h3,
.dt3-blog-intro h2,
.dt3-article-copy h3,
.dt3-article-copy h3 a{
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  filter:none!important;
  opacity:1!important;
}
.dt3-service-card h3{font-weight:850!important;letter-spacing:-.025em!important}
.dt3-article-copy h3{font-weight:850!important;letter-spacing:-.02em!important}

@media(max-width:1400px){
  .dt3-slide-cinematic .dt3-slide-grid{grid-template-columns:minmax(370px,.88fr) minmax(570px,1.12fr)!important;gap:20px!important}
  .dt3-cinematic-scene{height:600px!important}
  .dt3-cinematic-laptop{left:4%!important;width:70%!important;height:338px!important}
  .dt3-cinematic-plant{right:-2%!important;transform:scale(.88)!important}
}
@media(max-width:1050px){
  .dt3-slide-cinematic .dt3-slide-grid{grid-template-columns:1fr!important}
  .dt3-slide-cinematic .dt3-hero-copy{padding:44px 0 18px!important}
  .dt3-cinematic-scene{height:600px!important;max-width:850px!important;width:100%!important;margin:0 auto 26px!important}
  .dt3-cinematic-scene::before,.dt3-cinematic-scene::after{inset:8px 0 170px!important}
  .dt3-cinematic-laptop{left:9%!important;top:42px!important;width:66%!important}
  .dt3-cinematic-plant{right:2%!important;top:150px!important}
  .dt3-slide-cinematic .dt3-live-showcase{left:7%!important;right:7%!important}
}
@media(max-width:782px){
  .dt3-slide-cinematic h1{font-size:2.85rem!important}
  .dt3-cinematic-scene{height:535px!important}
  .dt3-cinematic-scene::before,.dt3-cinematic-scene::after{inset:4px 0 158px!important}
  .dt3-cinematic-laptop{left:4%!important;top:53px!important;width:73%!important;height:285px!important}
  .dt3-screen-layout{padding:14px!important;gap:8px!important}.dt3-screen-message,.dt3-screen-growth{min-height:150px!important;padding:12px!important}.dt3-screen-message strong{font-size:1.08rem!important}.dt3-screen-growth strong{font-size:.96rem!important}.dt3-screen-stats{padding:0 14px 11px!important}
  .dt3-cinematic-note{right:1%!important;top:23px!important;font-size:.78rem!important}
  .dt3-cinematic-plant{right:-2%!important;top:158px!important;transform:scale(.79)!important}.dt3-cinematic-desk{top:337px!important}
  .dt3-slide-cinematic .dt3-live-showcase{left:1%!important;right:1%!important;min-height:148px!important;padding:10px!important}
  .dt3-slide-cinematic .dt3-showcase-head{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}.dt3-slide-cinematic .dt3-showcase-viewport{height:78px!important}
  .dt3-slide-cinematic .dt3-showcase-item{grid-template-columns:50px 1fr 28px!important;gap:8px!important;padding:7px!important}.dt3-slide-cinematic .dt3-showcase-thumb{width:50px!important;height:50px!important}
}
@media(max-width:520px){
  .dt3-cinematic-scene{height:500px!important}
  .dt3-cinematic-laptop{left:1%!important;top:61px!important;width:80%!important;height:252px!important}.dt3-screen-message strong{font-size:.92rem!important}.dt3-screen-growth strong{font-size:.88rem!important}.dt3-screen-growth svg{height:52px!important}.dt3-screen-stats{display:none!important}
  .dt3-cinematic-note{display:none!important}.dt3-cinematic-plant{right:-15px!important;top:168px!important;transform:scale(.62)!important}.dt3-cinematic-desk{top:318px!important}
  .dt3-slide-cinematic .dt3-live-showcase{left:0!important;right:0!important;border-radius:17px!important}.dt3-slide-cinematic .dt3-showcase-tabs{gap:3px!important}.dt3-slide-cinematic .dt3-showcase-tabs button{padding:4px 6px!important;font-size:.41rem!important}.dt3-slide-cinematic .dt3-showcase-copy strong{font-size:.63rem!important}.dt3-slide-cinematic .dt3-showcase-copy em{font-size:.45rem!important}.dt3-slide-cinematic .dt3-showcase-cta{display:none!important}
}


/* =========================================================
   DevTechi 3.1 — showcase overlap fix
   Ensures exactly one carousel content item is visible.
   ========================================================= */
.dt3-live-showcase [data-showcase-item]:not(.is-active){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  z-index:0!important;
}
.dt3-live-showcase [data-showcase-item].is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}

/* =========================================================
   DevTechi 3.2 — Ultra-modern interactive services section
   ========================================================= */
.dt4-services{position:relative;padding:82px 0;background:radial-gradient(circle at 10% 12%,rgba(98,220,255,.10),transparent 24%),radial-gradient(circle at 90% 10%,rgba(34,106,194,.08),transparent 28%),linear-gradient(180deg,#fbfdff 0%,#eff5fb 52%,#f8fbff 100%);overflow:hidden}
.dt4-services-lab{position:relative;padding:30px;border-radius:38px;border:1px solid rgba(193,216,237,.82);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,252,255,.98));box-shadow:0 34px 90px rgba(7,31,59,.13),inset 0 1px 0 rgba(255,255,255,.75);overflow:hidden;isolation:isolate}
.dt4-services-lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,86,154,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(18,86,154,.03) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(180deg,rgba(0,0,0,.34),transparent 88%);pointer-events:none}
.dt4-services-lab::after{content:"";position:absolute;inset:-18%;z-index:-1;background:radial-gradient(circle at 16% 14%,rgba(79,198,255,.10),transparent 18%),radial-gradient(circle at 84% 2%,rgba(104,94,255,.10),transparent 16%),radial-gradient(circle at 96% 72%,rgba(49,213,152,.08),transparent 18%);animation:dt4GlowDrift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes dt4GlowDrift{to{transform:translate3d(-18px,16px,0)}}
.dt4-cursor-glow{position:absolute;z-index:0;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(89,209,255,.22),rgba(89,209,255,.09) 30%,transparent 70%);filter:blur(28px);transform:translate(-50%,-50%);opacity:.12;transition:opacity .22s ease}

.dt4-innovation-strip{position:relative;z-index:2;display:flex;align-items:center;gap:14px;overflow:hidden;padding:12px 16px;margin-bottom:26px;border-radius:22px;border:1px solid rgba(203,223,241,.92);background:rgba(255,255,255,.74);backdrop-filter:blur(10px)}
.dt4-innovation-label{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#082242,#12508d);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 24px rgba(11,65,121,.18)}
.dt4-innovation-label i{width:8px;height:8px;border-radius:50%;background:#30d795;box-shadow:0 0 0 6px rgba(48,215,149,.12)}
.dt4-innovation-window{overflow:hidden;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.dt4-innovation-track{display:flex;gap:12px;min-width:max-content;animation:dt4Ticker 28s linear infinite}
.dt4-innovation-track:hover{animation-play-state:paused}
.dt4-innovation-track span{padding:9px 12px;border-radius:999px;background:#f7fbff;border:1px solid #d8e5f2;font-size:.77rem;font-weight:800;color:#395470;white-space:nowrap}
@keyframes dt4Ticker{to{transform:translateX(-50%)}}

.dt4-services-header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:26px;align-items:start;margin-bottom:30px}
.dt4-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(23,144,255,.08);border:1px solid rgba(23,144,255,.12);color:#1979ff;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.dt4-eyebrow i{width:8px;height:8px;border-radius:50%;background:#22d392;box-shadow:0 0 0 6px rgba(34,211,146,.12)}
.dt4-services-intro h2{margin:16px 0 13px;font-size:clamp(2.4rem,4vw,4.2rem);line-height:.97;letter-spacing:-.058em;color:#081f3a;max-width:790px}
.dt4-services-intro h2 span{background:linear-gradient(135deg,#178dff,#46c0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.dt4-services-intro p{margin:0;max-width:800px;color:#657c96;font-size:1rem;line-height:1.82}
.dt4-services-side{display:grid;gap:14px}
.dt4-services-spotlight,.dt4-services-cta-panel{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(89,173,255,.16);background:linear-gradient(145deg,rgba(7,31,59,.98),rgba(13,58,106,.96));box-shadow:0 28px 70px rgba(7,31,59,.18);color:#fff}
.dt4-services-spotlight::before,.dt4-services-cta-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 0%,rgba(76,188,255,.30),transparent 28%),radial-gradient(circle at 0% 100%,rgba(108,93,255,.18),transparent 32%);pointer-events:none}
.dt4-services-spotlight{padding:18px 18px 16px;min-height:180px}
.dt4-spotlight-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;position:relative;z-index:1}
.dt4-spotlight-head b{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#6ed9ff}
.dt4-spotlight-head span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.10);font-size:.63rem;font-weight:800;color:#ddf5ff}
.dt4-services-spotlight>strong{display:block;position:relative;z-index:1;font-size:1.18rem;line-height:1.25;max-width:290px}
.dt4-services-spotlight>p{position:relative;z-index:1;margin:8px 0 14px;color:#c2d9ee;font-size:.87rem;line-height:1.6;max-width:310px}
.dt4-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}
.dt4-mini-metrics span{padding:10px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);animation:dt4MetricFloat 4.8s ease-in-out infinite}
.dt4-mini-metrics span:nth-child(2){animation-delay:.4s}.dt4-mini-metrics span:nth-child(3){animation-delay:.8s}
.dt4-mini-metrics strong{display:block;font-size:.96rem;margin-bottom:3px}.dt4-mini-metrics small{display:block;font-size:.64rem;line-height:1.25;color:#bdd4ea}
@keyframes dt4MetricFloat{50%{transform:translateY(-4px)}}
.dt4-services-cta-panel{padding:16px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.dt4-services-cta-panel>div,.dt4-services-cta-panel>a{position:relative;z-index:1}
.dt4-services-cta-panel strong{display:block;font-size:1rem}.dt4-services-cta-panel p{margin:5px 0 0;color:#c8deef;font-size:.81rem;line-height:1.5;max-width:290px}
.dt4-services-cta-panel a{display:inline-flex;align-items:center;justify-content:center;min-width:154px;min-height:48px;padding:0 16px;border-radius:15px;color:#04172d;text-decoration:none;font-weight:900;font-size:.76rem;background:linear-gradient(135deg,#73ddff,#2f97ff);box-shadow:0 16px 28px rgba(46,151,255,.26);animation:dt4CtaPulse 3.4s ease-in-out infinite;transition:transform .28s ease}
.dt4-services-cta-panel a:hover{transform:translateY(-2px) scale(1.02)}
@keyframes dt4CtaPulse{50%{box-shadow:0 20px 38px rgba(46,151,255,.40)}}

.dt4-service-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dt4-service-card{--dt4-grad:linear-gradient(135deg,#0874ff,#48b8ff);--dt4-glow:#53b5ff;position:relative;min-height:258px;padding:22px 20px 18px;border-radius:28px;overflow:hidden;border:1px solid rgba(205,223,240,.94);background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(251,253,255,.97));box-shadow:0 18px 46px rgba(7,31,59,.10);transition:transform .18s ease,box-shadow .28s ease,border-color .28s ease;transform-style:preserve-3d;will-change:transform;isolation:isolate;animation:dt4CardIn .72s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--dt4-delay,0ms)}
@keyframes dt4CardIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.dt4-service-card:hover{box-shadow:0 30px 60px rgba(7,31,59,.16);border-color:#b7d7f5}
.dt4-service-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(95,221,255,0),rgba(95,221,255,.58),rgba(78,98,255,.20),rgba(95,221,255,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}
.dt4-service-card:hover::before{opacity:1}
.dt4-service-card::after{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(120deg,transparent 18%,rgba(255,255,255,.56) 46%,transparent 72%);transform:translateX(-130%);animation:dt4Sheen 7.5s linear infinite;opacity:.42}
@keyframes dt4Sheen{22%,100%{transform:translateX(145%)}}
.dt4-service-halo{position:absolute;width:190px;height:190px;right:-76px;bottom:-80px;border-radius:50%;background:var(--dt4-glow);opacity:.18;filter:blur(3px);transition:transform .35s ease,opacity .35s ease;pointer-events:none}
.dt4-service-card:hover .dt4-service-halo{transform:scale(1.15);opacity:.30}
.dt4-service-content,.dt4-feature-visual{position:relative;z-index:2}
.dt4-service-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.dt4-icon-wrap{display:flex;align-items:center;gap:12px}
.dt4-service-icon{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:.88rem;font-weight:900;letter-spacing:.04em;background:var(--dt4-grad);box-shadow:0 18px 30px rgba(16,72,134,.16),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .35s ease}
.dt4-service-card:hover .dt4-service-icon{transform:translateY(-4px) rotate(-5deg) scale(1.04)}
.dt4-icon-orbit{width:11px;height:11px;border-radius:50%;background:rgba(23,144,255,.12);position:relative}
.dt4-icon-orbit::before,.dt4-icon-orbit::after{content:"";position:absolute;border-radius:50%;inset:-4px;border:1px solid rgba(23,144,255,.18);animation:dt4Ping 2.4s ease-in-out infinite}.dt4-icon-orbit::after{inset:-10px;border-color:rgba(23,144,255,.08);animation-delay:.5s}
@keyframes dt4Ping{50%{transform:scale(1.16);opacity:.18}}
.dt4-service-num{padding:7px 10px;border-radius:999px;background:#f4f8fd;border:1px solid #d8e5f2;color:#7a8ea7;font-size:.65rem;font-weight:900;letter-spacing:.08em}
.dt4-service-card h3{margin:16px 0 10px;font-size:1.44rem!important;line-height:1.05!important;letter-spacing:-.043em!important;font-weight:780!important;color:#081f3a!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.dt4-service-card p{margin:0 0 16px;color:#657c96;font-size:.92rem;line-height:1.7}
.dt4-service-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.dt4-service-tags span,.dt4-service-micro span{padding:7px 10px;border-radius:999px;font-size:.67rem;font-weight:800;color:#496987;background:#f6fbff;border:1px solid #deedf8;transition:transform .25s ease,background .25s ease}
.dt4-service-card:hover .dt4-service-tags span{transform:translateY(-2px)}
.dt4-service-micro{display:flex;gap:8px;flex-wrap:wrap;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,margin .25s ease}
.dt4-service-micro span{border-radius:10px;background:#eef7ff;color:#3b6185;padding:6px 8px;font-size:.61rem}
.dt4-service-card:hover .dt4-service-micro,.dt4-service-card:focus-within .dt4-service-micro{max-height:54px;opacity:1;margin:-2px 0 12px}
.dt4-service-foot{display:flex;justify-content:space-between;align-items:center;gap:14px}
.dt4-service-foot a{color:#127bff;text-decoration:none;font-weight:900;font-size:.84rem;display:inline-flex;align-items:center;gap:8px}
.dt4-service-foot a::after{content:"→";transition:transform .2s ease}.dt4-service-card:hover .dt4-service-foot a::after{transform:translateX(4px)}
.dt4-service-signal{display:flex;align-items:center;gap:7px;color:#7a93ab;font-size:.69rem;font-weight:800;text-align:right}
.dt4-service-signal i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#28d492;box-shadow:0 0 0 5px rgba(40,212,146,.11);animation:dt4Pulse 2.2s ease-in-out infinite}
@keyframes dt4Pulse{50%{transform:scale(1.15);box-shadow:0 0 0 8px rgba(40,212,146,.04)}}

.dt4-service-featured{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.74fr);gap:18px;align-items:center;min-height:304px}
.dt4-feature-visual{position:relative;height:100%;min-height:232px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:linear-gradient(145deg,#091f39,#10406f);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px rgba(7,31,59,.16)}
.dt4-feature-visual::before{content:"";position:absolute;inset:18px 18px auto;height:55%;border-radius:18px;background:linear-gradient(135deg,#07192f,#102c4d);border:1px solid rgba(83,168,255,.14);box-shadow:0 18px 34px rgba(0,0,0,.16)}
.dt4-feature-visual::after{content:"";position:absolute;left:18px;right:18px;bottom:18px;height:38%;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),radial-gradient(circle at 82% 14%,rgba(62,179,255,.28),transparent 22%),linear-gradient(145deg,#0d2b4c,#103a66);border:1px solid rgba(103,202,255,.14)}
.dt4-feature-screen-copy,.dt4-feature-stats,.dt4-feature-bars,.dt4-feature-bubble,.dt4-feature-wave,.dt4-feature-orbit,.dt4-feature-route,.dt4-agency-node,.dt4-agency-line{position:absolute;z-index:3;color:#fff}
.dt4-feature-screen-copy{left:34px;top:32px;max-width:185px}.dt4-feature-screen-copy strong{display:block;font-size:1.32rem;line-height:1.04;letter-spacing:-.04em;margin-bottom:8px}.dt4-feature-screen-copy span{display:block;color:#b7d1e8;font-size:.71rem;line-height:1.45}
.dt4-feature-stats{right:28px;top:30px;display:grid;gap:10px;width:128px}.dt4-feature-stats div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.dt4-feature-stats strong{display:block;font-size:.88rem;margin-bottom:3px}.dt4-feature-stats small{display:block;color:#b7d1e8;font-size:.60rem}
.dt4-feature-bars{left:34px;right:34px;bottom:34px;display:flex;align-items:flex-end;gap:10px;height:58px}.dt4-feature-bars span{flex:1;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#58c6ff,#1e88ff);box-shadow:0 10px 20px rgba(30,136,255,.18);transform-origin:bottom;animation:dt4BarPulse 2.8s ease-in-out infinite}.dt4-feature-bars span:nth-child(1){height:34%;animation-delay:.08s}.dt4-feature-bars span:nth-child(2){height:56%;animation-delay:.24s}.dt4-feature-bars span:nth-child(3){height:72%;animation-delay:.40s}.dt4-feature-bars span:nth-child(4){height:48%;animation-delay:.56s}.dt4-feature-bars span:nth-child(5){height:84%;animation-delay:.72s}
@keyframes dt4BarPulse{50%{transform:scaleY(1.12)}}
.dt4-feature-wave{right:28px;bottom:38px;width:124px;height:44px;border-bottom:3px solid #4fc4ff;border-left:3px solid transparent;border-right:3px solid transparent;border-radius:0 0 90px 90px;transform:skewX(-18deg);opacity:.84;animation:dt4WaveGlow 3.5s ease-in-out infinite}
@keyframes dt4WaveGlow{50%{opacity:1;filter:drop-shadow(0 0 9px rgba(79,196,255,.34))}}
.dt4-feature-orbit{top:26px;left:214px;width:14px;height:14px;border-radius:50%;background:#65d6ff;box-shadow:0 0 0 10px rgba(101,214,255,.09);animation:dt4Orbit 4s linear infinite}
@keyframes dt4Orbit{25%{transform:translate(10px,5px)}50%{transform:translate(0,10px)}75%{transform:translate(-10px,5px)}}
.dt4-feature-route{left:36px;top:116px;width:160px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.10),#5be0ff,rgba(255,255,255,.08));box-shadow:0 0 12px rgba(91,224,255,.35)}
.dt4-feature-route::after{content:"";position:absolute;right:-6px;top:-4px;width:10px;height:10px;border-radius:50%;background:#65d6ff;box-shadow:0 0 0 7px rgba(101,214,255,.08);animation:dt4Travel 3.5s ease-in-out infinite}
@keyframes dt4Travel{50%{transform:translateX(14px)}}
.dt4-feature-bubble{right:26px;bottom:26px;padding:8px 10px;border-radius:999px;font-size:.60rem;font-weight:900;background:rgba(17,137,255,.24);border:1px solid rgba(141,208,255,.18);color:#dff4ff}
.dt4-feature-visual-agency{background:linear-gradient(145deg,#111b35,#273567)}
.dt4-feature-visual-agency::after{background:radial-gradient(circle at 72% 20%,rgba(161,117,255,.28),transparent 24%),linear-gradient(145deg,#17244a,#2b3e71)}
.dt4-agency-node{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#3d8cff,#756dff);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 26px rgba(0,0,0,.18);font-size:.75rem;font-weight:900;animation:dt4AgencyFloat 4.4s ease-in-out infinite}.dt4-node-a{left:40px;bottom:48px}.dt4-node-b{left:120px;bottom:86px;animation-delay:.4s}.dt4-node-c{left:202px;bottom:52px;animation-delay:.8s}
.dt4-agency-line{height:2px;background:linear-gradient(90deg,#61d8ff,#7a78ff);transform-origin:left center;box-shadow:0 0 10px rgba(97,216,255,.25)}.dt4-line-a{left:80px;bottom:77px;width:60px;transform:rotate(-25deg)}.dt4-line-b{left:158px;bottom:78px;width:62px;transform:rotate(24deg)}
@keyframes dt4AgencyFloat{50%{transform:translateY(-6px)}}

.dt4-tone-blue{--dt4-grad:linear-gradient(135deg,#0072ff,#47b5ff);--dt4-glow:#53b5ff}.dt4-tone-green{--dt4-grad:linear-gradient(135deg,#00b978,#2edfb3);--dt4-glow:#41d6af}.dt4-tone-purple{--dt4-grad:linear-gradient(135deg,#7c4dff,#b46bff);--dt4-glow:#b28aff}.dt4-tone-orange{--dt4-grad:linear-gradient(135deg,#ff8c1e,#ffc14f);--dt4-glow:#ffc24d}.dt4-tone-pink{--dt4-grad:linear-gradient(135deg,#ff5592,#ff7eb8);--dt4-glow:#ff87ba}.dt4-tone-cyan{--dt4-grad:linear-gradient(135deg,#18bcd3,#56e7ef);--dt4-glow:#72e5f1}.dt4-tone-yellow{--dt4-grad:linear-gradient(135deg,#f0ac00,#ffd54d);--dt4-glow:#ffdc65}.dt4-tone-red{--dt4-grad:linear-gradient(135deg,#f84f52,#ff8e73);--dt4-glow:#ff8a7b}

.dt4-services-footer{position:relative;z-index:2;margin-top:22px;padding:18px 20px;border-radius:24px;background:linear-gradient(145deg,rgba(7,31,59,.98),rgba(14,60,108,.96));border:1px solid rgba(98,184,255,.16);box-shadow:0 28px 70px rgba(7,31,59,.18);color:#fff;display:flex;justify-content:space-between;gap:22px;align-items:center;overflow:hidden}
.dt4-services-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,rgba(66,191,255,.25),transparent 24%),linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 18%,transparent 34%);background-size:auto,220% 100%;animation:dt4FooterSweep 14s linear infinite;pointer-events:none}
@keyframes dt4FooterSweep{from{background-position:0 0,180% 0}to{background-position:0 0,-70% 0}}
.dt4-services-footer>div{position:relative;z-index:1}.dt4-services-footer strong{display:block;font-size:1rem;margin-bottom:4px}.dt4-services-footer p{margin:0;color:#c2d7ea;font-size:.86rem;line-height:1.55;max-width:760px}.dt4-services-footer-actions{display:flex;gap:12px;flex-wrap:wrap}.dt4-services-footer-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;font-weight:900;font-size:.76rem;text-decoration:none;transition:transform .28s ease}.dt4-services-footer-actions a:hover{transform:translateY(-2px)}.dt4-services-primary{background:linear-gradient(135deg,#6ce0ff,#2b97ff);color:#04172d;box-shadow:0 14px 30px rgba(43,151,255,.20)}.dt4-services-secondary{color:#fff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}

@media(max-width:1160px){.dt4-services-header{grid-template-columns:1fr}.dt4-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dt4-service-featured{grid-column:span 2}}
@media(max-width:782px){.dt4-services{padding:58px 0}.dt4-services-lab{padding:20px 16px 16px;border-radius:28px}.dt4-innovation-strip{padding:10px 12px}.dt4-innovation-label{font-size:.64rem}.dt4-services-intro h2{font-size:2.25rem}.dt4-services-intro p{font-size:.93rem;line-height:1.72}.dt4-service-grid{grid-template-columns:1fr}.dt4-service-featured{grid-column:span 1;grid-template-columns:1fr;min-height:auto}.dt4-feature-visual{min-height:230px}.dt4-services-cta-panel,.dt4-services-footer{flex-direction:column;align-items:flex-start}.dt4-service-card h3{font-size:1.3rem!important}.dt4-service-card p{font-size:.88rem}.dt4-cursor-glow{display:none}}
@media(max-width:520px){.dt4-mini-metrics{grid-template-columns:1fr 1fr 1fr;gap:6px}.dt4-mini-metrics span{padding:8px}.dt4-service-card{padding:19px 17px 16px;border-radius:23px}.dt4-feature-stats{display:none}.dt4-feature-screen-copy{max-width:210px}.dt4-feature-orbit{left:auto;right:32px}.dt4-innovation-track{animation-duration:34s}}
@media(prefers-reduced-motion:reduce){.dt4-services-lab::after,.dt4-innovation-track,.dt4-mini-metrics span,.dt4-services-cta-panel a,.dt4-service-card,.dt4-service-card::after,.dt4-icon-orbit::before,.dt4-icon-orbit::after,.dt4-service-signal i,.dt4-feature-bars span,.dt4-feature-wave,.dt4-feature-orbit,.dt4-feature-route::after,.dt4-agency-node,.dt4-services-footer::before{animation:none!important}.dt4-service-card{transition:none!important}}