@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
:root{
  --bg:#f7faff;
  --bg2:#ffffff;
  --text:#07122f;
  --muted:#5f6f89;
  --soft:#e6edf8;
  --line:#dce6f4;
  --primary:#1d64f2;
  --primary2:#2563eb;
  --green:#10b981;
  --purple:#8b5cf6;
  --orange:#f59e0b;
  --shadow:0 20px 60px rgba(13,34,79,.10);
  --shadow2:0 10px 30px rgba(13,34,79,.08);
  --radius:18px;
  --max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#fbfdff 0%,#fff 34%,#f8fbff 100%);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{max-width:var(--max);margin:0 auto;padding:0 22px}.section{padding:54px 0}.center{text-align:center}.narrow{max-width:780px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:#edf4ff;color:var(--primary);font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:900}.section-title{margin:10px 0 10px;font-size:32px;line-height:1.12;letter-spacing:-.035em}.section-lead{margin:0;color:var(--muted);font-size:17px}.btn,.btn-secondary,.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:13px 22px;font-weight:850;border:1px solid transparent;transition:.18s ease;cursor:pointer}.btn{background:var(--primary);color:#fff;box-shadow:0 10px 24px rgba(29,100,242,.22)}.btn:hover{transform:translateY(-1px);background:#0f56e8}.btn-secondary{background:#fff;color:var(--primary);border-color:var(--primary)}.btn-secondary:hover{background:#eff5ff}.btn-light{background:#fff;color:var(--primary);border-color:#cfe0ff}.btn-sm{padding:9px 15px;border-radius:8px;font-size:14px}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #dbe6f6;background:#fff;border-radius:9px;color:#2d3b53;font-size:13px;font-weight:750}.pill:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid #e8edf6}.admin-preview-bar{position:relative;z-index:70;background:#07122f;color:#fff;text-align:center;padding:9px 14px;font-size:13px}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;min-width:210px}.brand img{height:39px;width:auto}.brand-text{font-size:24px;font-weight:950;letter-spacing:-.04em}.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800;color:#17213a}.nav a{position:relative;padding:29px 0;color:#15213a}.nav a.active,.nav a:hover{color:var(--primary)}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--primary);border-radius:3px 3px 0 0}.header-actions{display:flex;align-items:center;gap:12px}.header-phone{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;background:#eff5ff;border:1px solid #d9e5f7;color:#0f172a;font-size:14px;font-weight:850;white-space:nowrap}.header-email{font-weight:850;font-size:14px;color:#0f172a}.mobile-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;color:var(--text)}
.hero{padding:56px 0 36px;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(29,100,242,.08),transparent 32%),linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.hero h1{font-size:54px;line-height:1.04;letter-spacing:-.06em;margin:18px 0 14px}.hero h1 .blue{color:var(--primary)}.hero p{font-size:18px;color:#475569;margin:0 0 22px;max-width:700px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.tech-stack{margin-top:8px}.tech-stack-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#667792;font-weight:900;margin-bottom:10px}.tech-pills{display:flex;gap:10px;flex-wrap:wrap}.tech-pills .pill:nth-child(2):before{background:#62B246}.tech-pills .pill:nth-child(3):before{background:#3ECF8E}.tech-pills .pill:nth-child(4):before{background:#31648C}.tech-pills .pill:nth-child(5):before{background:#38BDF8}.dashboard-card{border:1px solid #dde6f4;background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transform:translateY(4px)}.dashboard-card img{width:100%;height:auto}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:34px auto 10px;border:1px solid #e3eaf5;background:#fff;border-radius:12px;box-shadow:var(--shadow2);overflow:hidden}.stat-item{display:flex;gap:14px;align-items:center;padding:21px 27px;border-right:1px solid #edf1f8}.stat-item:last-child{border-right:0}.stat-icon{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;color:var(--primary)}.stat-icon svg{width:28px;height:28px}.stat-item strong{display:block;font-size:20px;line-height:1;color:#08122f}.stat-item span{display:block;color:#53627a;font-size:13px;margin-top:4px;font-weight:650}.stat-item:nth-child(2) .stat-icon{color:#10b981}.stat-item:nth-child(3) .stat-icon{color:#f59e0b}.stat-item:nth-child(4) .stat-icon{color:#1d64f2}
.services-section{padding-top:32px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.service-card{display:flex;gap:20px;align-items:flex-start;padding:24px 22px;background:#fff;border:1px solid #dfe7f4;border-radius:12px;min-height:112px;transition:.18s ease}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow2);border-color:#cbdaf1}.icon-box{width:58px;height:58px;flex:0 0 58px;border-radius:14px;display:grid;place-items:center;background:#edf5ff;color:var(--primary)}.service-card:nth-child(2) .icon-box{background:#e9fbf7;color:#0dbb9b}.service-card:nth-child(3) .icon-box{background:#f2e9ff;color:#8b5cf6}.service-card:nth-child(4) .icon-box{background:#fff3e3;color:#fb7b00}.service-card:nth-child(5) .icon-box{background:#fff3e9;color:#fb7900}.service-card:nth-child(6) .icon-box{background:#eaf6ff;color:#0ea5e9}.icon-box svg{width:34px;height:34px}.service-card h3{font-size:17px;line-height:1.2;margin:4px 0 6px}.service-card p{margin:0;color:#42526a;font-size:14px;line-height:1.45}
.section-head-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.section-head-row .center{text-align:left}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}.project-card,.ready-card{background:#fff;border:1px solid #dfe7f4;border-radius:14px;overflow:hidden;box-shadow:0 8px 18px rgba(13,34,79,.04);transition:.18s ease}.project-card:hover,.ready-card:hover{transform:translateY(-3px);box-shadow:var(--shadow2);border-color:#cadaef}.project-thumb{height:136px;background:#eef5ff;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-body{padding:14px 14px 18px}.project-body h3{margin:0 0 6px;font-size:18px;letter-spacing:-.02em}.project-body p{font-size:14px;line-height:1.48;color:#405069;margin:0 0 10px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tag{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eff5ff;color:#334155;font-size:11px;font-weight:800}.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:850;font-size:14px}.ready-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.ready-card{padding:0;overflow:hidden}.ready-thumb{height:190px}.ready-body{padding:22px 20px}.ready-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#edf5ff;color:var(--primary);margin-bottom:16px}.ready-card:nth-child(2) .ready-icon{background:#f2e9ff;color:#8b5cf6}.ready-card:nth-child(3) .ready-icon{background:#e9fbf1;color:#10b981}.ready-card:nth-child(4) .ready-icon{background:#fff3e3;color:#f59e0b}.ready-icon svg{width:29px;height:29px}.ready-card h3{margin:0 0 9px;font-size:16px}.ready-card p{margin:0 0 22px;color:#405069;font-size:14px;line-height:1.5}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:24px;font-weight:950;letter-spacing:-.03em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:26px}.step{display:grid;grid-template-columns:auto 1fr;gap:14px;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:24px;right:-20px;width:34px;border-top:1.5px dashed #2d75ff}.step-num{width:44px;height:44px;border:2px solid var(--primary);border-radius:50%;display:grid;place-items:center;color:var(--primary);font-weight:900;background:#fff}.step h3{margin:3px 0 4px;font-size:16px}.step p{margin:0;color:#405069;font-size:13px;line-height:1.45}.cta-band{background:#eaf2ff;border:1px solid #dce8ff;border-radius:16px;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-band h2{margin:0;font-size:29px;letter-spacing:-.035em}.cta-band p{margin:6px 0 0;color:#52637c}.content-hero{padding:58px 0 24px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.content-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.content-hero h1{font-size:48px;line-height:1.05;letter-spacing:-.055em;margin:16px 0}.content-hero p{font-size:18px;color:#475569;margin:0}.glass-panel{background:#fff;border:1px solid #dfe7f4;border-radius:20px;padding:24px;box-shadow:var(--shadow2)}.feature-list{display:grid;gap:12px;margin-top:18px}.feature-list li{list-style:none;display:flex;gap:10px;align-items:flex-start;color:#405069}.feature-list li:before{content:"✓";flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:var(--primary);font-weight:900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.content-card{background:#fff;border:1px solid #dfe7f4;border-radius:16px;padding:26px;box-shadow:0 8px 18px rgba(13,34,79,.04)}.content-card h2,.content-card h3{letter-spacing:-.03em;margin-top:0}.content-card p,.content-card li{color:#405069}.list-check{padding:0;margin:16px 0 0;display:grid;gap:10px}.list-check li{list-style:none;display:flex;gap:10px}.list-check li:before{content:"✓";color:var(--green);font-weight:900}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.contact-panel{background:#07122f;color:#fff;border-radius:20px;padding:30px;position:relative;overflow:hidden}.contact-panel:before{content:"";position:absolute;right:-80px;top:-80px;width:210px;height:210px;border-radius:50%;background:rgba(29,100,242,.42)}.contact-panel>*{position:relative}.contact-panel p{color:#cbd5e1}.contact-lines{display:grid;gap:12px;margin-top:24px}.contact-line{display:flex;align-items:center;gap:12px}.contact-line span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12)}.form-card{background:#fff;border:1px solid #dfe7f4;border-radius:20px;padding:26px;box-shadow:var(--shadow2)}.contact-form{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #d8e3f3;background:#fbfdff;border-radius:12px;padding:14px 14px;color:#07122f;outline:none}.contact-form textarea{min-height:146px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(29,100,242,.10)}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.checkbox-item{display:grid;grid-template-columns:18px 1fr;align-items:start;column-gap:10px;padding:12px 13px;border:1px solid #d8e3f3;background:#fbfdff;border-radius:12px;color:#26364f;font-size:14px;font-weight:650}.checkbox-item input{width:18px;height:18px;margin:2px 0 0 0;accent-color:var(--primary)}.checkbox-item span{display:block;line-height:1.45}.contact-hint{margin:-2px 0 2px;color:#64748b;font-size:13px;line-height:1.5}.contact-subline{margin-top:6px;color:#c8d7ff;font-size:15px;line-height:1.65}.scope-grid .content-card:first-child{background:linear-gradient(180deg,#fff,#f8fbff)}.scope-grid .content-card:last-child{background:#fff}.color-field{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d8e3f3;background:#fbfdff;border-radius:12px;padding:10px 12px;color:#26364f;font-weight:750}.color-field input{width:58px;height:38px;padding:2px;border-radius:8px;background:#fff}.color-grid{align-items:stretch}.file-field{display:grid;gap:8px;border:1px dashed #c7d7ed;background:#fbfdff;border-radius:12px;padding:14px;color:#26364f}.file-field span{font-weight:850}.file-field input{padding:10px;background:#fff}.file-field small{color:#64748b;line-height:1.4}.contact-form textarea{min-height:170px}.form-status{margin:0;color:#475569;font-weight:750}.service-landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-card{background:#fff;border:1px solid #dfe7f4;border-radius:16px;padding:22px}.mini-card h3{margin:0 0 8px}.mini-card p{color:#405069;margin:0}.detail-hero{padding:58px 0 34px;background:linear-gradient(180deg,#f8fbff,#fff)}.detail-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:38px;align-items:center}.detail-hero h1{font-size:48px;line-height:1.05;letter-spacing:-.055em;margin:14px 0}.detail-hero p{font-size:18px;color:#475569}.detail-media{border:1px solid #dfe7f4;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow2)}.detail-media img{width:100%;height:auto}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spec{background:#fff;border:1px solid #dfe7f4;border-radius:14px;padding:18px}.spec strong{display:block;font-size:24px}.spec span{color:#5f6f89;font-size:13px;font-weight:700}.maintenance-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef5ff,#fff)}.maintenance-shell{width:min(680px,92vw)}.maintenance-box{background:#fff;border:1px solid #dfe7f4;border-radius:24px;padding:42px;text-align:center;box-shadow:var(--shadow)}.maintenance-box h1{font-size:42px;letter-spacing:-.05em;margin:12px 0}.maintenance-box p{color:#475569}.site-footer{margin-top:48px;padding:46px 0 26px;background:#07122f;color:#fff}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:34px}.footer-logo{height:42px;width:auto;filter:brightness(0) invert(1)}.footer-brand-text{font-size:24px;font-weight:950}.footer-col p{color:#cbd5e1}.footer-col h4{margin:0 0 14px}.footer-links,.footer-contact-list{display:grid;gap:10px;color:#dbeafe}.footer-contact-list a,.footer-contact-list span{display:flex;gap:9px;align-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;color:#94a3b8;font-size:14px}.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:26px;color:#64748b;text-align:center}
@media(max-width:980px){.header-inner{height:auto;padding-top:15px;padding-bottom:15px;align-items:flex-start}.mobile-toggle{display:inline-flex}.nav{display:none;position:absolute;left:0;right:0;top:70px;padding:16px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 42px rgba(13,34,79,.08);flex-direction:column;align-items:flex-start;gap:4px}.nav.open{display:flex}.nav a{padding:9px 0}.nav a.active:after{display:none}.header-actions{display:none}.hero-grid,.content-hero-grid,.detail-hero-grid,.contact-grid,.two-col,.scope-grid{grid-template-columns:1fr}.hero h1,.content-hero h1,.detail-hero h1{font-size:42px}.stats-row{grid-template-columns:1fr 1fr}.stat-item:nth-child(2){border-right:0}.stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid #edf1f8}.services-grid,.project-grid,.service-landing-grid,.checkbox-grid{grid-template-columns:1fr 1fr}.ready-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.step:after{display:none}.cta-band{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr}}
@media(max-width:640px){.container{padding:0 16px}.brand{min-width:0}.brand img{height:31px}.hero{padding-top:34px}.hero h1,.content-hero h1,.detail-hero h1{font-size:35px}.section-title{font-size:28px}.hero-actions{gap:10px}.btn,.btn-secondary,.btn-light{width:100%}.stats-row,.services-grid,.project-grid,.ready-grid,.steps,.service-landing-grid,.spec-grid,.form-grid,.footer-grid,.checkbox-grid,.form-row-3{grid-template-columns:1fr}.stat-item{border-right:0!important;border-bottom:1px solid #edf1f8}.stat-item:last-child{border-bottom:0}.section-head-row{display:block}.section-head-row .btn-light{margin-top:14px}.cta-band{padding:24px}.cta-band h2{font-size:25px}.project-thumb{height:180px}.footer-logo{height:34px}.checkbox-item{padding:11px 12px}}

/* v7 ready project card fix */
.ready-grid{grid-template-columns:1fr!important;max-width:1000px;margin:0 auto;}
.ready-featured-card h3{font-size:26px;line-height:1.12;letter-spacing:-.035em;margin:0 0 10px;}
.ready-featured-card p{font-size:16px;line-height:1.55;margin:0 0 16px;color:#405069;}
.ready-preview img{object-fit:contain!important;}
@media(max-width:760px){.ready-featured-card{grid-template-columns:1fr!important}.ready-preview{border-left:0!important;border-top:1px solid #dfe7f4;min-height:190px!important}.ready-preview img{height:190px!important;max-height:190px!important}.ready-featured-card h3{font-size:22px}.ready-grid{max-width:100%!important}}

/* v9: project galleries and prepared-project cards */
.ready-grid{grid-template-columns:1fr;}
.ready-featured-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:0;align-items:stretch;overflow:hidden;}
.ready-featured-card .ready-body{padding:30px;display:flex;flex-direction:column;justify-content:center;}
.ready-featured-card .ready-body .eyebrow{width:max-content;margin-bottom:14px;}
.ready-featured-card .ready-preview{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fbff,#eef5ff);border-left:1px solid #dfe7f4;min-height:260px;overflow:hidden;}
.ready-featured-card .ready-preview img{width:100%;height:280px;object-fit:cover;display:block;}
.detail-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:26px;align-items:start;}
.rich-content{font-size:16px;line-height:1.75;}
.rich-content h3{font-size:22px;margin:28px 0 12px;letter-spacing:-.025em;color:#07122f;}
.rich-content p{margin:0 0 16px;}
.rich-content ul{margin:0 0 18px;padding-left:20px;display:grid;gap:7px;}
.detail-gallery-section{padding-top:28px;}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.gallery-card{border:1px solid #dfe7f4;border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow2);}
.gallery-card img{width:100%;height:360px;object-fit:cover;display:block;}
@media(max-width:980px){.ready-featured-card,.detail-content-grid{grid-template-columns:1fr}.ready-featured-card .ready-preview{border-left:0;border-top:1px solid #dfe7f4}.gallery-grid{grid-template-columns:1fr}.gallery-card img{height:auto}.ready-featured-card .ready-preview img{height:auto;max-height:360px;object-fit:contain}}

/* v10 modal and ready card cleanup */
.ready-featured-card{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;align-items:stretch;max-width:1040px;margin:0 auto;}
.ready-featured-card .ready-preview{border:0;border-left:1px solid #dfe7f4;background:#eef5ff;display:grid;place-items:center;min-height:280px;padding:22px;cursor:pointer;width:100%;}
.ready-featured-card .ready-preview img{width:100%;height:260px;max-height:260px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(13,34,79,.08)}
.ready-featured-card .ready-body{padding:34px 38px}.ready-featured-card h3{font-size:28px;letter-spacing:-.04em}.ready-featured-card p{font-size:16px}.ready-modal-template{display:none!important}.modal-open{overflow:hidden}.site-modal{position:fixed;inset:0;z-index:999;display:none}.site-modal.open{display:block}.site-modal-backdrop{position:absolute;inset:0;background:rgba(7,18,47,.74);backdrop-filter:blur(8px)}.site-modal-dialog{position:relative;width:min(1180px,calc(100vw - 36px));max-height:calc(100vh - 42px);margin:21px auto;background:#fff;border-radius:24px;overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.32)}.site-modal-close{position:sticky;top:14px;float:right;margin:14px 14px 0 0;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#07122f;color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}.site-modal-content{clear:both;padding:28px}.modal-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:start}.modal-media{display:grid;gap:12px}.modal-main-image{width:100%;height:auto;max-height:520px;object-fit:contain;border:1px solid #dfe7f4;border-radius:18px;background:#f8fbff}.modal-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.modal-thumb{border:1px solid #dfe7f4;background:#fff;border-radius:12px;padding:5px;cursor:pointer}.modal-thumb img{width:100%;height:70px;object-fit:cover;border-radius:9px}.modal-copy h2{font-size:40px;line-height:1.05;letter-spacing:-.055em;margin:16px 0}.modal-lead{font-size:18px;color:#475569}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.modal-rich{border-top:1px solid #e5edf7;margin-top:18px;padding-top:18px;max-height:470px;overflow:auto}.modal-rich h3{margin-top:22px}.modal-rich p,.modal-rich li{color:#405069}.image-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 130px);object-fit:contain;margin:0 auto;border-radius:16px}.gallery-card{cursor:zoom-in}.ready-featured-card .btn-secondary{white-space:nowrap}
@media(max-width:900px){.ready-featured-card,.modal-detail-grid{grid-template-columns:1fr!important}.ready-featured-card .ready-preview{border-left:0;border-top:1px solid #dfe7f4}.site-modal-content{padding:20px}.modal-copy h2{font-size:32px}.modal-thumbs{grid-template-columns:repeat(3,1fr)}}

/* v17 dynamic menu + quick contact landing block */
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>.nav-parent{display:inline-flex;align-items:center;gap:5px}.nav-dropdown.active>.nav-parent,.nav-dropdown:hover>.nav-parent{color:var(--primary)}.nav-dropdown.active>.nav-parent:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--primary);border-radius:3px 3px 0 0}.nav-dropdown-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:240px;background:#fff;border:1px solid #dfe7f4;border-radius:16px;padding:10px;box-shadow:0 18px 45px rgba(13,34,79,.12);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:60}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nav-dropdown-panel a{display:block;padding:11px 12px;border-radius:11px;color:#17213a;white-space:nowrap}.nav-dropdown-panel a:hover{background:#eff5ff;color:var(--primary)}.nav-dropdown-panel a:after{display:none!important}
.quick-contact-section{padding-top:28px}.quick-contact-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:start}.quick-offer-card{position:sticky;top:105px;min-height:560px;background:radial-gradient(circle at 80% 15%,rgba(29,100,242,.16),transparent 34%),linear-gradient(135deg,#f8fbff 0%,#fff 45%,#eef5ff 100%);border:1px solid #d7e4f5;border-radius:24px;padding:36px;box-shadow:var(--shadow2);overflow:hidden}.quick-offer-card:before{content:"";position:absolute;right:-70px;bottom:-70px;width:260px;height:260px;border-radius:50%;background:rgba(29,100,242,.08)}.quick-offer-card>*{position:relative}.quick-offer-card h2{font-size:42px;line-height:1.05;letter-spacing:-.055em;margin:18px 0 18px}.quick-offer-card p{font-size:18px;line-height:1.62;color:#334155;max-width:650px}.quick-offer-card strong{color:#0f172a}.quick-note{display:flex;gap:14px;align-items:flex-start;border:1px solid #cfe0f8;background:rgba(255,255,255,.78);border-radius:16px;padding:16px 18px;margin:24px 0}.quick-note span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eff5ff;color:var(--primary);font-weight:900;flex:0 0 36px}.quick-note p{font-size:14px;margin:0;color:#37506f}.quick-offer-card small{display:block;margin-top:12px;color:#64748b;font-weight:800}.quick-arrow{position:absolute;right:36px;bottom:34px;font-size:96px;line-height:1;color:rgba(29,100,242,.55);transform:rotate(-8deg)}.quick-form-wrap .contact-grid{display:block}.quick-form-wrap .contact-panel{display:none}.quick-form-wrap .form-card{box-shadow:var(--shadow2);border-radius:24px}.quick-form-wrap .contact-form{gap:13px}.quick-scroll{margin-top:6px}
@media(max-width:980px){.nav-dropdown{display:block;width:100%}.nav-dropdown>.nav-parent{padding:9px 0}.nav-dropdown.active>.nav-parent:after{display:none}.nav-dropdown-panel{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;background:#f8fbff;padding:6px 0 6px 14px;min-width:0}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{transform:none}.quick-contact-grid{grid-template-columns:1fr}.quick-offer-card{position:relative;top:auto;min-height:auto}.quick-arrow{display:none}}
@media(max-width:640px){.quick-offer-card{padding:24px}.quick-offer-card h2{font-size:31px}.quick-offer-card p{font-size:16px}}

.contact-intro-card{margin:0 auto 22px;max-width:1110px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border:1px solid #d7e4f5;border-radius:20px;background:radial-gradient(circle at 92% 20%,rgba(29,100,242,.10),transparent 34%),linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 12px 28px rgba(13,34,79,.06)}.contact-intro-card h2{margin:8px 0 8px;font-size:28px;line-height:1.1;letter-spacing:-.04em}.contact-intro-card p{margin:0;color:#405069;line-height:1.6;font-size:16px;max-width:760px}.contact-intro-card strong{color:#07122f}.contact-intro-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.contact-intro-points span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eff5ff;color:#1d4ed8;font-size:12px;font-weight:850}.contact-intro-card .btn{white-space:nowrap}.contact-grid{scroll-margin-top:110px}@media(max-width:760px){.contact-intro-card{display:block;padding:20px}.contact-intro-card .btn{width:100%;margin-top:16px}.contact-intro-card h2{font-size:24px}}


/* v20 conversion landing blocks */
.form-sales-intro{border:1px solid #d7e4f5;background:linear-gradient(135deg,#f8fbff,#fff);border-radius:16px;padding:15px 16px;margin-bottom:14px}
.form-sales-intro strong{display:block;font-size:16px;color:#07122f;margin-bottom:5px}
.form-sales-intro span{display:block;color:#4b5d76;font-size:14px;line-height:1.55}
.form-privacy{display:block;color:#64748b;font-size:12px;line-height:1.45;margin-top:-2px}
.website-package-section{padding-top:58px}
.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.included-card{background:#fff;border:1px solid #dfe7f4;border-radius:18px;padding:22px;box-shadow:0 8px 20px rgba(13,34,79,.04);transition:.18s ease}
.included-card:hover{transform:translateY(-2px);box-shadow:var(--shadow2);border-color:#cbdaf1}
.included-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#eff5ff;color:var(--primary);margin-bottom:16px}
.included-icon svg{width:31px;height:31px}
.included-card h3{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}
.included-card p{margin:0;color:#405069;font-size:14px;line-height:1.55}
.trust-panel{display:grid;grid-template-columns:.95fr 1.15fr;gap:30px;align-items:start;background:#07122f;color:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow);overflow:hidden;position:relative}
.trust-panel:before{content:"";position:absolute;right:-90px;top:-100px;width:260px;height:260px;border-radius:50%;background:rgba(29,100,242,.38)}
.trust-panel>*{position:relative}
.trust-panel h2{margin:12px 0 12px;font-size:32px;line-height:1.08;letter-spacing:-.04em}
.trust-panel p{color:#cbd5e1;margin:0;font-size:16px;line-height:1.65}
.trust-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trust-list div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:16px;padding:16px}
.trust-list strong{display:block;color:#fff;margin-bottom:6px}
.trust-list span{display:block;color:#cbd5e1;font-size:13px;line-height:1.5}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.price-card{position:relative;background:#fff;border:1px solid #dfe7f4;border-radius:20px;padding:26px;box-shadow:0 10px 28px rgba(13,34,79,.05)}
.price-card.featured{border-color:#2f72ff;box-shadow:0 18px 42px rgba(29,100,242,.12)}
.popular-badge{position:absolute;left:50%;top:-15px;transform:translateX(-50%);background:var(--primary);color:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900}
.price-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;border-bottom:1px solid #e6edf8;padding-bottom:18px;margin-bottom:18px}
.price-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#eff5ff;color:var(--primary)}
.price-icon svg{width:34px;height:34px}
.price-card h3{font-size:20px;line-height:1.2;margin:0 0 12px;letter-spacing:-.03em}
.price-value{font-size:34px;font-weight:950;letter-spacing:-.04em;color:#07122f}
.price-value span{font-size:12px;color:#5b6d86;margin-right:5px;font-weight:900;letter-spacing:0}
.price-value small{font-size:13px;letter-spacing:0;color:#475569}
.price-value em{display:block;margin-top:3px;font-size:13px;line-height:1.2;letter-spacing:0;color:#5b6d86;font-style:normal;font-weight:900}
.price-card ul{display:grid;gap:14px;margin:0 0 18px;padding:0;list-style:none}
.price-card li{display:grid;grid-template-columns:1fr;gap:4px;color:#07122f}
.price-card li strong{font-size:14px;line-height:1.35}
.price-card li span{color:#52637c;font-size:13px;line-height:1.45}
.price-time{border-top:1px solid #e6edf8;padding-top:15px;margin-top:8px;text-align:center;color:#405069;font-weight:850;font-size:14px}
.price-note{display:flex;gap:15px;align-items:flex-start;margin-top:20px;border:1px solid #cfe0ff;background:#f3f8ff;border-radius:16px;padding:17px 19px}
.price-note-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:2px solid var(--primary);border-radius:50%;color:var(--primary);font-weight:950}
.price-note p{margin:0;color:#405069;line-height:1.55}
.process-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:28px}
.process-timeline div{background:#fff;border:1px solid #dfe7f4;border-radius:18px;padding:20px;box-shadow:0 8px 18px rgba(13,34,79,.04)}
.process-timeline span{width:38px;height:38px;border-radius:50%;border:2px solid var(--primary);display:grid;place-items:center;color:var(--primary);font-weight:950;margin-bottom:14px}
.process-timeline h3{margin:0 0 8px;font-size:16px}
.process-timeline p{margin:0;color:#52637c;font-size:13px;line-height:1.5}
@media(max-width:1100px){.included-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.trust-panel{grid-template-columns:1fr}.process-timeline{grid-template-columns:1fr 1fr}.trust-list{grid-template-columns:1fr}}
@media(max-width:640px){.included-grid,.pricing-grid,.process-timeline{grid-template-columns:1fr}.price-head{grid-template-columns:1fr}.trust-panel{padding:24px}.trust-panel h2{font-size:26px}.price-value{font-size:30px}}


/* v21 premium visual update */
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
h1,h2,h3,.section-title{
  letter-spacing:-.045em;
}
.site-header{
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 34px rgba(13,34,79,.045);
}
.header-inner{
  height:82px;
}
.nav{
  gap:24px;
}
.nav a,.nav-parent{
  font-weight:760;
}
.header-phone{
  border-radius:16px;
  background:#f7fbff;
  border:1px solid #dbe8fb;
  box-shadow:0 10px 26px rgba(13,34,79,.07);
  padding:10px 16px;
  font-weight:850;
}
.header-phone .phone-ico{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#eaf3ff;
  color:var(--primary);
}
.header-phone .phone-label{
  display:grid;
  line-height:1.05;
}
.header-phone .phone-label small{
  color:#64748b;
  font-size:11px;
  font-weight:750;
  margin-top:3px;
}
.header-actions .btn{
  border-radius:16px;
  box-shadow:0 12px 34px rgba(29,100,242,.22);
}
.premium-services-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.premium-service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:16px;
  min-height:260px;
  padding:22px 20px 20px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff 0%,#f9fbff 100%);
  border:1px solid #dfe9f8;
  box-shadow:0 16px 40px rgba(13,34,79,.065);
  overflow:hidden;
}
.premium-service-card:before{
  content:"";
  position:absolute;
  inset:auto -35% -55% 18%;
  height:130px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,100,242,.09),transparent 68%);
  pointer-events:none;
}
.premium-service-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 55px rgba(13,34,79,.11);
  border-color:#bdd2ff;
}
.premium-icon{
  height:92px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.premium-icon img{
  width:150px;
  height:102px;
  object-fit:contain;
  transform:translateX(-12px);
}
.premium-service-card h3{
  margin:0 0 8px;
  font-size:18px;
  letter-spacing:-.035em;
}
.premium-service-card p{
  margin:0;
  color:#405069;
  font-size:14px;
  line-height:1.55;
}
.service-arrow{
  margin-top:auto;
  align-self:flex-end;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#1d64f2;
  background:#eef5ff;
  font-size:20px;
  transition:.18s ease;
}
.premium-service-card:hover .service-arrow{
  background:#1d64f2;
  color:#fff;
  transform:translateX(3px);
}
.product-services-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:20px;
}
.product-service-card{
  min-height:264px;
  padding:22px 20px 18px;
  border-radius:18px;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:16px;
}
.product-shot{
  position:relative;
  display:block!important;
  width:100%!important;
  max-width:100%;
  height:88px;
  flex:0 0 88px;
  margin:0 0 4px;
  overflow:hidden;
  border:1px solid #dfe7f4;
  border-radius:18px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 10px 24px rgba(13,34,79,.06);
}
.product-shot:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(29,100,242,.12),transparent 55%);
  z-index:2;
  pointer-events:none;
}
.product-shot img{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.product-shot i,
.product-shot b,
.product-shot em{
  position:absolute;
  display:block;
  border-radius:999px;
  background:currentColor;
}
.product-shot i{left:16px;top:17px;width:38px;height:8px}
.product-shot b:first-of-type{left:16px;top:40px;width:82px;height:8px;opacity:.42}
.product-shot b:nth-of-type(2){left:16px;top:58px;width:62px;height:8px;opacity:.26}
.product-shot em{right:16px;bottom:14px;width:34px;height:34px;border-radius:12px;opacity:.9}
.product-service-card.accent-blue{color:#1d64f2}
.product-service-card.accent-teal{color:#0dbb9b}
.product-service-card.accent-purple{color:#8b5cf6}
.product-service-card.accent-orange{color:#fb7b00}
.product-service-card.accent-cyan{color:#0ea5e9}
.product-service-card.accent-violet{color:#7c3aed}
.product-service-card h3,
.product-service-card p{color:#07122f}
.product-service-card p{color:#405069}
.product-service-card .service-arrow{color:#1d64f2}
.price-head{
  grid-template-columns:auto 1fr;
  gap:16px;
}
.premium-price-icon{
  width:76px;
  height:76px;
  border-radius:20px;
  background:transparent!important;
  box-shadow:none;
  overflow:visible;
}
.premium-price-icon img{
  width:92px;
  max-width:none;
  height:70px;
  object-fit:contain;
  transform:translate(-8px,-2px);
}
.price-card ul li{
  gap:14px;
}
.price-card ul li:before{
  background:#eef5ff;
  border-radius:11px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  color:var(--primary);
  font-weight:950;
}
.price-note{
  border-radius:18px;
  background:linear-gradient(180deg,#f6faff,#fff);
  box-shadow:0 14px 34px rgba(13,34,79,.055);
}
.section-title{
  font-weight:850;
}
.hero h1{
  font-weight:850;
}
.hero p,.section-intro,.section-lead{
  color:#475569;
}
@media(max-width:1180px){
  .premium-services-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .premium-services-grid{grid-template-columns:1fr}
  .premium-service-card{min-height:auto}
  .header-phone .phone-label small{display:none}
}


/* v22 typography refinement: softer modern font, less excessive bold */
:root{
  --font-main:"Manrope",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{
  font-family:var(--font-main);
  font-weight:400;
  letter-spacing:-.006em;
}
p,li,span,input,textarea,select,button{
  font-weight:400;
}
strong,b{
  font-weight:700;
}
h1,h2,h3,h4,.section-title{
  font-family:var(--font-main);
  font-weight:700;
  letter-spacing:-.035em;
}
.hero h1{
  font-weight:700;
  letter-spacing:-.045em;
}
.hero h1 .blue,
.blue{
  font-weight:800;
}
.section-title{
  font-weight:700;
}
.eyebrow{
  font-weight:700;
  letter-spacing:.11em;
}
.nav,
.nav a,
.nav-parent{
  font-weight:600;
  letter-spacing:-.01em;
}
.nav a.active,
.nav-dropdown.active .nav-parent{
  font-weight:700;
}
.btn,.btn-secondary,.btn-light{
  font-weight:700;
}
.header-phone{
  font-weight:600;
}
.header-phone .phone-label b{
  font-weight:700;
}
.header-phone .phone-label small{
  font-weight:500;
}
.stat-item strong{
  font-weight:700;
}
.stat-item span{
  font-weight:500;
}
.service-card h3,
.premium-service-card h3,
.content-card h2,
.content-card h3,
.price-card h3,
.ready-card h3,
.project-body h3,
.step h3,
.mini-card h3{
  font-weight:700;
}
.service-card p,
.premium-service-card p,
.project-body p,
.ready-card p,
.content-card p,
.content-card li,
.price-card li span,
.included-card p{
  font-weight:400;
}
.price-value{
  font-weight:800;
}
.price-value span,
.price-value small{
  font-weight:600;
}
.price-time,
.tag,
.badge,
.popular-badge{
  font-weight:700;
}
.contact-panel h2,
.form-sales-intro strong,
.quick-contact h2,
.quick-offer-card h2{
  font-weight:700;
}
.contact-line strong{
  font-weight:650;
}
.contact-company-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
  padding:15px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
}
.contact-company-card span{
  display:block;
  margin-bottom:4px;
  color:#9fb2d8;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.contact-company-card strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:850;
}
@media(max-width:640px){
  .contact-company-card{
    grid-template-columns:1fr;
  }
}
.contact-subline,
.contact-hint,
.form-security{
  font-weight:400;
}
.footer-col h4{
  font-weight:700;
}
.footer-links a,
.footer-contact-list a,
.footer-contact-list span{
  font-weight:500;
}

/* A bit cleaner header balance */
.site-header{
  background:rgba(255,255,255,.96);
}
.header-inner{
  height:80px;
}
.brand img{
  max-height:42px;
}
.header-phone{
  padding:9px 14px;
  border-radius:15px;
}
.header-actions .btn{
  padding:12px 18px;
  border-radius:15px;
}


/* v23 ads conversion thank-you page */
.thankyou-hero{
  min-height:420px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 70% 10%, rgba(29,100,242,.10), transparent 34%),
    linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.center-actions{
  justify-content:center;
}


/* v24 mobile app-like polish */
@media(max-width:760px){
  body{
    padding-bottom:82px;
    background:linear-gradient(180deg,#fbfdff 0%,#fff 58%,#f7faff 100%);
  }
  .site-header{
    position:sticky;
    top:0;
    z-index:80;
    border-bottom:1px solid #e8eef8;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(18px);
  }
  .header-inner{
    height:76px!important;
    padding:0 16px!important;
    align-items:center!important;
    gap:10px;
  }
  .brand{
    flex:1;
    min-width:0;
  }
  .brand img{
    height:46px!important;
    width:auto;
    max-width:255px;
    object-fit:contain;
  }
  .mobile-toggle{
    display:inline-grid!important;
    place-items:center;
    width:56px;
    height:56px;
    padding:0!important;
    border-radius:18px;
    background:#fff;
    border:1px solid #dce7f6;
    box-shadow:0 10px 24px rgba(13,34,79,.08);
    font-size:26px;
    line-height:1;
    color:#07122f;
  }
  .nav{
    top:76px!important;
    left:12px!important;
    right:12px!important;
    padding:14px!important;
    border:1px solid #dce7f6;
    border-radius:22px;
    box-shadow:0 24px 70px rgba(13,34,79,.18);
    gap:6px!important;
    max-height:calc(100vh - 96px);
    overflow:auto;
  }
  .nav a,.nav-parent{
    width:100%;
    padding:13px 14px!important;
    border-radius:14px;
    font-size:16px;
  }
  .nav a.active,.nav-dropdown.active .nav-parent{
    background:#eef5ff;
    color:#1d64f2;
  }
  .nav-dropdown{
    width:100%;
  }
  .nav-dropdown-panel{
    position:static;
    transform:none;
    opacity:1;
    visibility:visible;
    box-shadow:none;
    border:0;
    padding:4px 0 4px 14px;
    background:transparent;
  }
  .nav-dropdown-panel a{
    font-size:14px;
    color:#475569;
    background:#f8fbff;
    margin:4px 0;
  }
  .header-actions{
    display:none!important;
  }

  .hero{
    padding:28px 0 18px!important;
    background:radial-gradient(circle at 80% 2%,rgba(29,100,242,.12),transparent 36%),linear-gradient(180deg,#f7fbff 0%,#fff 100%);
  }
  .hero-grid{
    gap:20px!important;
  }
  .hero h1{
    font-size:38px!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    margin:16px 0 14px!important;
  }
  .hero p{
    font-size:17px!important;
    line-height:1.72!important;
    margin-bottom:20px!important;
  }
  .hero-actions{
    gap:12px!important;
    margin-bottom:16px!important;
  }
  .hero-actions .btn,
  .hero-actions .btn-secondary{
    min-height:58px;
    border-radius:16px;
    font-size:16px;
  }
  .promo-note{
    display:flex;
    align-items:flex-start;
    font-size:13px!important;
    line-height:1.55!important;
    padding:12px 14px!important;
    border-radius:16px!important;
  }
  .dashboard-card{
    display:none;
  }

  .stats-row{
    margin-top:10px;
    border-radius:18px;
    overflow:hidden;
  }
  .stat-item{
    min-height:88px;
    padding:16px 12px!important;
  }
  .stat-item strong{
    font-size:20px;
  }
  .stat-item span{
    font-size:12px;
  }

  .section{
    padding:48px 0!important;
  }
  .center{
    text-align:center!important;
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:9px 14px;
    background:#eef5ff;
    margin-bottom:12px;
  }
  .section-title{
    font-size:31px!important;
    line-height:1.15!important;
    text-align:center;
  }
  .section-intro,.section-lead{
    font-size:16px!important;
    line-height:1.65!important;
    text-align:center;
  }

  .premium-services-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .premium-service-card{
    min-height:unset!important;
    display:grid!important;
    grid-template-columns:116px 1fr 34px;
    align-items:center!important;
    gap:14px!important;
    padding:18px!important;
    border-radius:24px!important;
    box-shadow:0 14px 36px rgba(13,34,79,.075)!important;
  }
  .premium-icon{
    height:88px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .premium-icon img{
    width:126px!important;
    height:92px!important;
    transform:none!important;
  }
  .premium-service-card h3{
    font-size:21px!important;
    margin:0 0 6px!important;
  }
  .premium-service-card p{
    font-size:15px!important;
    line-height:1.5!important;
  }
  .service-arrow{
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }

  .included-grid,.pricing-grid{
    grid-template-columns:1fr!important;
  }
  .price-card{
    border-radius:24px!important;
    padding:22px!important;
  }
  .price-head{
    grid-template-columns:78px 1fr!important;
  }
  .price-value{
    font-size:31px!important;
  }

  .contact-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .contact-panel{
    min-height:auto!important;
    padding:26px 22px!important;
    border-radius:24px!important;
  }
  .contact-panel h2{
    font-size:26px!important;
  }
  .form-card{
    border-radius:24px!important;
    padding:18px!important;
  }
  .contact-form input,
  .contact-form textarea,
  .contact-form select{
    min-height:54px;
    border-radius:15px!important;
    font-size:15px;
  }
  .checkbox-grid{
    grid-template-columns:1fr!important;
  }
  .checkbox-item{
    border-radius:15px!important;
  }
  .site-footer{
    padding-bottom:104px;
  }

  .mobile-action-bar{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:120;
    display:grid;
    grid-template-columns:1fr 1.25fr 1fr;
    gap:8px;
    padding:8px;
    border-radius:24px;
    background:rgba(255,255,255,.94);
    border:1px solid #dce7f6;
    box-shadow:0 20px 70px rgba(13,34,79,.25);
    backdrop-filter:blur(18px);
  }
  .mobile-action-bar a{
    min-height:58px;
    border-radius:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    background:#f7fbff;
    color:#07122f;
    font-weight:700;
  }
  .mobile-action-bar a span{
    font-size:20px;
    line-height:1;
  }
  .mobile-action-bar a small{
    font-size:12px;
    font-weight:700;
  }
  .mobile-action-bar a.primary{
    background:#1d64f2;
    color:#fff;
    box-shadow:0 10px 28px rgba(29,100,242,.28);
  }
}
@media(min-width:761px){
  .mobile-action-bar{display:none}
}
@media(max-width:380px){
  .brand img{height:42px!important;max-width:225px}
  .hero h1{font-size:35px!important}
  .premium-service-card{grid-template-columns:98px 1fr 30px;padding:16px!important}
  .premium-icon img{width:110px!important}
}
.product-service-card{
  display:flex!important;
  grid-template-columns:none!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.product-service-card .product-shot{
  width:100%!important;
  height:88px!important;
  flex:0 0 88px!important;
}
.product-service-card .service-arrow{
  align-self:flex-end!important;
  margin-top:auto!important;
}
@media(max-width:980px){
  .product-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .product-services-grid{grid-template-columns:1fr!important}
}
@media(min-width:981px){
  .hero-grid{
    grid-template-columns:.92fr 1.08fr;
    gap:58px;
  }
  .dashboard-card{
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
    border-radius:32px;
    transform:translate(20px,2px);
  }
  .dashboard-card img{
    border-radius:32px;
    filter:drop-shadow(0 28px 38px rgba(13,34,79,.14));
    animation:heroVisualFloat 8s ease-in-out infinite;
    transform-origin:center;
  }
}
@keyframes heroVisualFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-10px,0)}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-card img{animation:none!important}
}
.services-premium-hero{
  padding:68px 0 44px;
}
.services-premium-grid{
  grid-template-columns:.9fr 1.1fr;
  gap:58px;
}
.services-premium-copy h1{
  max-width:680px;
}
.services-premium-copy p{
  max-width:720px;
}
.services-hero-media{
  position:relative;
  min-height:360px;
}
.services-hero-media img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  border-radius:30px;
  box-shadow:0 34px 70px rgba(13,34,79,.16);
  border:1px solid #dce7f5;
  animation:heroVisualFloat 8s ease-in-out infinite;
}
.services-hero-card{
  position:absolute;
  left:-28px;
  bottom:24px;
  width:min(300px,48%);
  padding:18px 20px;
  border:1px solid rgba(216,228,245,.9);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 44px rgba(13,34,79,.13);
  backdrop-filter:blur(16px);
}
.services-hero-card strong{
  display:block;
  margin-bottom:6px;
  color:#07122f;
  font-size:17px;
}
.services-hero-card span{
  display:block;
  color:#52637c;
  font-size:13px;
  line-height:1.45;
}
.services-hero-pills{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:18px;
}
.services-hero-pills span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid #dce7f5;
  border-radius:999px;
  background:#fff;
  color:#26364f;
  font-size:13px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(13,34,79,.04);
}
.services-page-showcase{
  padding-top:34px;
}
.services-page-showcase .product-services-grid{
  margin-top:26px;
}
.services-value-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}
.services-value-card{
  padding:22px;
  border:1px solid #dfe7f4;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 12px 30px rgba(13,34,79,.055);
}
.services-value-card b{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:14px;
  border-radius:14px;
  background:#eef5ff;
  color:#1d64f2;
  font-size:18px;
}
.services-value-card strong{
  display:block;
  margin-bottom:8px;
  color:#07122f;
  font-size:17px;
}
.services-value-card p{
  margin:0;
  color:#405069;
  font-size:14px;
  line-height:1.55;
}
@media(max-width:980px){
  .services-premium-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .services-hero-media{
    min-height:300px;
  }
  .services-hero-media img{
    min-height:300px;
  }
  .services-value-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .services-premium-hero{
    padding:42px 0 28px;
  }
  .services-hero-media{
    min-height:220px;
  }
  .services-hero-media img{
    min-height:220px;
    border-radius:22px;
  }
  .services-hero-card{
    position:relative;
    left:auto;
    bottom:auto;
    width:auto;
    margin-top:14px;
  }
  .services-value-grid{
    grid-template-columns:1fr;
  }
}

/* v31 portfolio trust pages */
.projects-portfolio-hero{
  padding:70px 0 42px;
}
.projects-portfolio-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:54px;
  align-items:center;
}
.projects-portfolio-copy h1{
  max-width:720px;
}
.projects-portfolio-copy p{
  max-width:720px;
}
.portfolio-proof-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:22px;
}
.portfolio-proof-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 12px;
  border:1px solid #dce7f5;
  border-radius:999px;
  background:#fff;
  color:#26364f;
  font-size:13px;
  font-weight:850;
  box-shadow:0 8px 18px rgba(13,34,79,.045);
}
.portfolio-hero-media{
  position:relative;
  border:1px solid #dce7f5;
  border-radius:30px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 34px 78px rgba(13,34,79,.15);
}
.portfolio-hero-media img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.portfolio-hero-badge{
  position:absolute;
  left:22px;
  bottom:22px;
  max-width:330px;
  padding:15px 17px;
  border:1px solid rgba(216,228,245,.92);
  border-radius:20px;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 44px rgba(13,34,79,.14);
  backdrop-filter:blur(16px);
}
.portfolio-hero-badge strong{
  display:block;
  color:#07122f;
  font-size:16px;
  margin-bottom:4px;
}
.portfolio-hero-badge span{
  display:block;
  color:#52637c;
  font-size:13px;
  line-height:1.42;
}
.projects-trust-strip{
  padding:12px 0 6px;
}
.projects-trust-strip .stats-row{
  margin-top:0;
}
.projects-showcase-section{
  padding-top:42px;
}
.projects-showcase-section .project-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  max-width:1180px;
  margin:28px auto 0;
}
.projects-showcase-section .project-card{
  border-radius:26px;
  border-color:#dbe6f4;
  box-shadow:0 16px 38px rgba(13,34,79,.075);
}
.projects-showcase-section .project-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 58px rgba(13,34,79,.13);
}
.projects-showcase-section .project-thumb{
  height:255px;
  background:#eef5ff;
}
.projects-showcase-section .project-body{
  padding:24px 24px 26px;
}
.projects-showcase-section .project-body h3{
  font-size:24px;
  letter-spacing:-.04em;
  margin-bottom:9px;
}
.projects-showcase-section .project-body p{
  font-size:15px;
  line-height:1.62;
  color:#405069;
}
.projects-showcase-section .card-link{
  margin-top:8px;
  padding:10px 14px;
  border:1px solid #cdddf4;
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 18px rgba(13,34,79,.04);
}
.project-detail-note{
  padding:18px 20px;
  border:1px solid #dce7f5;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  color:#405069;
}
@media(max-width:980px){
  .projects-portfolio-grid,
  .projects-showcase-section .project-grid{
    grid-template-columns:1fr;
  }
  .projects-portfolio-grid{
    gap:28px;
  }
}
@media(max-width:640px){
  .projects-portfolio-hero{
    padding:42px 0 28px;
  }
  .portfolio-hero-media{
    border-radius:22px;
  }
  .portfolio-hero-badge{
    position:relative;
    left:auto;
    bottom:auto;
    max-width:none;
    margin:12px;
  }
  .projects-showcase-section .project-thumb{
    height:205px;
  }
  .projects-showcase-section .project-body{
    padding:20px;
  }
}

/* v32 real portfolio projects */
.projects-simple-hero{
  padding:72px 0 34px;
  text-align:center;
}
.projects-simple-hero .narrow{
  max-width:820px;
  margin:0 auto;
}
.projects-simple-hero h1{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.projects-simple-hero p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.62;
}
.projects-work-section{
  padding-top:34px;
}
.projects-work-section .section-head-row{
  max-width:1040px;
  margin:0 auto 24px;
}
.projects-work-section .project-grid{
  grid-template-columns:1fr;
  max-width:1040px;
  gap:28px;
}
.projects-work-section .project-card{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);
  border-radius:28px;
  overflow:hidden;
}
.projects-work-section .project-thumb{
  height:auto;
  min-height:390px;
  border-right:1px solid #dfe7f4;
}
.projects-work-section .project-thumb img{
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.projects-work-section .project-body{
  padding:36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.projects-work-section .project-body h3{
  font-size:32px;
  line-height:1.05;
}
.projects-work-section .project-body p{
  font-size:17px;
}
.projects-work-section .tags{
  margin:16px 0;
}
.projects-work-section .card-link{
  width:max-content;
}
@media(max-width:860px){
  .projects-work-section .project-card{
    grid-template-columns:1fr;
  }
  .projects-work-section .project-thumb{
    min-height:260px;
    border-right:0;
    border-bottom:1px solid #dfe7f4;
  }
}
@media(max-width:640px){
  .projects-simple-hero{
    padding:48px 0 24px;
  }
  .projects-work-section .project-body{
    padding:22px;
  }
  .projects-work-section .project-body h3{
    font-size:25px;
  }
}

/* v33 two-column portfolio cards */
.projects-work-section .project-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:1160px;
  gap:24px;
}
.projects-work-section .project-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:24px;
}
.projects-work-section .project-thumb{
  height:250px;
  min-height:0;
  border-right:0;
  border-bottom:1px solid #dfe7f4;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
  display:grid;
  place-items:center;
  padding:18px;
}
.projects-work-section .project-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(13,34,79,.07);
}
.projects-work-section .project-body{
  padding:24px;
  flex:1;
  justify-content:flex-start;
}
.projects-work-section .project-body h3{
  font-size:24px;
  line-height:1.12;
  margin-bottom:10px;
}
.projects-work-section .project-body p{
  font-size:15px;
  line-height:1.58;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.projects-work-section .tags{
  margin-top:auto;
}
.projects-work-section .tag:nth-child(n+6){
  display:none;
}
@media(max-width:860px){
  .projects-work-section .project-grid{
    grid-template-columns:1fr;
  }
}

/* v34 ecommerce service note */
.ecommerce-note-section{
  padding-top:10px;
}
.ecommerce-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px;
  border:1px solid #dce7f5;
  border-radius:24px;
  background:linear-gradient(135deg,#f8fbff 0%,#ffffff 58%,#eef7ff 100%);
  box-shadow:0 18px 44px rgba(13,34,79,.075);
}
.ecommerce-note h2{
  margin:8px 0;
  font-size:28px;
  line-height:1.12;
  letter-spacing:-.04em;
}
.ecommerce-note p{
  max-width:820px;
  margin:0;
  color:#405069;
  font-size:15px;
  line-height:1.65;
}
@media(max-width:760px){
  .ecommerce-note{
    flex-direction:column;
    align-items:flex-start;
  }
  .ecommerce-note .btn-secondary{
    width:100%;
  }
}

/* v35 portfolio category badges */
.project-category{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  margin-bottom:14px;
  border-radius:999px;
  background:#07122f;
  color:#fff;
  font-size:12px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
}
.project-category:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2d75ff;
  box-shadow:0 0 0 4px rgba(45,117,255,.18);
}
.projects-work-section .project-body .project-category + h3{
  margin-top:0;
}

/* v36 ecommerce pricing card */
.pricing-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.pricing-grid .price-card{
  padding:24px!important;
}
.pricing-grid .price-card h3{
  font-size:18px;
}
.pricing-grid .price-value{
  font-size:31px!important;
}
.pricing-grid .price-card li strong{
  font-size:13.5px;
}
.pricing-grid .price-card li span{
  font-size:12.75px;
}
.pricing-grid .premium-price-icon img{
  width:82px;
  height:64px;
  transform:translate(-4px,-1px);
}
@media(max-width:1180px){
  .pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  .pricing-grid{
    grid-template-columns:1fr!important;
  }
}

/* v37 compact featured ready projects on homepage */
#paruosti .ready-grid,
.ready-grid-featured{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-width:1180px!important;
  gap:22px!important;
}
#paruosti .ready-grid > article.ready-card:nth-of-type(n+4){
  display:none!important;
}
#paruosti .ready-grid .ready-featured-card,
.ready-grid-featured .ready-featured-card{
  display:flex!important;
  flex-direction:column-reverse;
  max-width:none;
  min-height:100%;
  border-radius:22px;
}
#paruosti .ready-grid .ready-featured-card .ready-preview,
.ready-grid-featured .ready-featured-card .ready-preview{
  width:100%;
  min-height:0!important;
  height:184px;
  padding:18px;
  border-left:0;
  border-bottom:1px solid #dfe7f4;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
}
#paruosti .ready-grid .ready-featured-card .ready-preview img,
.ready-grid-featured .ready-featured-card .ready-preview img{
  width:100%;
  height:148px!important;
  max-height:148px!important;
  object-fit:contain;
  border-radius:14px;
}
#paruosti .ready-grid .ready-featured-card .ready-body,
.ready-grid-featured .ready-featured-card .ready-body{
  padding:22px;
  justify-content:flex-start;
}
#paruosti .ready-grid .ready-featured-card h3,
.ready-grid-featured .ready-featured-card h3{
  font-size:22px;
  line-height:1.12;
}
#paruosti .ready-grid .ready-featured-card p,
.ready-grid-featured .ready-featured-card p{
  font-size:14px;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#paruosti .ready-grid .ready-featured-card .tag:nth-child(n+5),
.ready-grid-featured .ready-featured-card .tag:nth-child(n+5){
  display:none;
}
#paruosti .ready-grid .price-row,
.ready-grid-featured .price-row{
  margin-top:auto;
}
#paruosti .ready-grid .price,
.ready-grid-featured .price{
  font-size:22px;
}
@media(max-width:980px){
  #paruosti .ready-grid,
  .ready-grid-featured{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  #paruosti .ready-grid,
  .ready-grid-featured{
    grid-template-columns:1fr!important;
  }
}

/* v38 tighter homepage rhythm */
.services-section{
  padding-bottom:22px!important;
}
.ecommerce-note-section{
  padding-top:0!important;
  padding-bottom:26px!important;
}
.process-section{
  padding-top:30px!important;
  padding-bottom:34px!important;
}
.process-section .section-title{
  margin-bottom:6px;
}
.process-timeline{
  margin-top:22px!important;
}
.trust-section{
  padding-top:30px!important;
  padding-bottom:34px!important;
}
.pricing-section{
  padding-top:34px!important;
  padding-bottom:34px!important;
}
.quick-contact-section{
  padding-top:28px!important;
}
@media(max-width:760px){
  .services-section,
  .ecommerce-note-section,
  .process-section,
  .trust-section,
  .pricing-section,
  .quick-contact-section{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
}

/* v40 separate service cards from ecommerce highlight */
.services-section .ecommerce-note-section{
  margin-top:30px!important;
}
@media(max-width:760px){
  .services-section .ecommerce-note-section{
    margin-top:22px!important;
  }
}

/* v41 portfolio page redesign */
.projects-simple-hero{
  padding:64px 0 26px!important;
  background:radial-gradient(circle at 50% 0%,rgba(29,100,242,.08),transparent 38%),linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.projects-simple-hero h1{
  font-size:42px;
  line-height:1.06;
  letter-spacing:-.055em;
}
.projects-simple-hero h1 .blue,
.projects-simple-hero h1 strong{
  color:var(--primary);
}
.projects-simple-hero p{
  font-size:16px;
  color:#475569;
}
.projects-simple-hero .portfolio-proof-row{
  justify-content:center;
  margin-top:24px;
}
.projects-simple-hero .portfolio-proof-row span{
  padding:11px 18px;
  border-radius:13px;
}
.projects-work-section{
  padding-top:20px!important;
}
.projects-work-section .section-head-row{
  max-width:1180px!important;
  margin-bottom:22px!important;
}
.portfolio-project-layout{
  max-width:1180px;
  margin:0 auto;
}
.portfolio-featured-project{
  margin-bottom:26px;
}
.portfolio-featured-project .project-card-featured{
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  align-items:stretch;
  min-height:360px;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 22px 58px rgba(13,34,79,.11);
}
.portfolio-featured-project .project-card-featured .project-thumb{
  order:2;
  height:auto!important;
  min-height:360px!important;
  padding:22px;
  border-left:1px solid #dfe7f4;
  border-bottom:0!important;
  background:linear-gradient(135deg,#eef5ff,#fff);
}
.portfolio-featured-project .project-card-featured .project-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border-radius:18px;
  box-shadow:0 16px 34px rgba(13,34,79,.12);
}
.portfolio-featured-project .project-card-featured .project-body{
  order:1;
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.portfolio-featured-project .project-card-featured .project-category{
  width:max-content;
  background:var(--primary);
}
.portfolio-featured-project .project-card-featured h3{
  font-size:34px!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  margin:0 0 12px!important;
}
.portfolio-featured-project .project-card-featured p{
  font-size:17px!important;
  line-height:1.65!important;
  -webkit-line-clamp:unset!important;
  display:block!important;
}
.portfolio-featured-project .project-card-featured .card-link{
  margin-top:10px;
  width:max-content;
  padding:12px 18px;
  border-radius:12px;
  border:1px solid #cdddf4;
  background:#fff;
  box-shadow:0 10px 22px rgba(13,34,79,.07);
}
.portfolio-project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.portfolio-project-grid .project-card{
  display:flex!important;
  flex-direction:column;
  min-height:100%;
  border-radius:20px!important;
  box-shadow:0 14px 36px rgba(13,34,79,.07);
}
.portfolio-project-grid .project-thumb{
  height:182px!important;
  min-height:0!important;
  padding:14px!important;
  display:grid!important;
  place-items:center;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
  border-bottom:1px solid #dfe7f4!important;
}
.portfolio-project-grid .project-thumb img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(13,34,79,.055);
}
.portfolio-project-grid .project-body{
  padding:20px!important;
  display:flex;
  flex:1;
  flex-direction:column;
}
.portfolio-project-grid .project-body h3{
  font-size:22px!important;
  line-height:1.12!important;
  margin-bottom:8px!important;
}
.portfolio-project-grid .project-body p{
  font-size:14px!important;
  line-height:1.55!important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.portfolio-project-grid .tags{
  margin-top:auto!important;
}
.portfolio-project-grid .tag:nth-child(n+5){
  display:none;
}
.portfolio-project-grid .project-card-compact{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr);
  min-height:170px;
}
.portfolio-project-grid .project-card-compact .project-thumb{
  height:100%!important;
  border-bottom:0!important;
  border-right:1px solid #dfe7f4;
  padding:14px!important;
}
.portfolio-project-grid .project-card-compact .project-body{
  padding:18px!important;
}
.portfolio-project-grid .project-card-compact .project-category{
  font-size:10px;
  padding:6px 9px;
  margin-bottom:9px;
}
.portfolio-project-grid .project-card-compact h3{
  font-size:18px!important;
}
.portfolio-project-grid .project-card-compact p{
  -webkit-line-clamp:2;
}
.portfolio-project-grid .project-card-compact .tags{
  display:none;
}
.portfolio-project-grid .project-card-compact .card-link{
  margin-top:auto;
}
.portfolio-metrics-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:26px;
  border:1px solid #dfe7f4;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 34px rgba(13,34,79,.06);
}
.portfolio-metrics-strip div{
  padding:22px 26px;
  border-right:1px solid #edf1f8;
}
.portfolio-metrics-strip div:last-child{
  border-right:0;
}
.portfolio-metrics-strip strong{
  display:block;
  font-size:24px;
  line-height:1;
}
.portfolio-metrics-strip span{
  display:block;
  margin-top:6px;
  color:#53627a;
  font-size:13px;
  font-weight:750;
}
@media(max-width:1080px){
  .portfolio-featured-project .project-card-featured{
    grid-template-columns:1fr!important;
  }
  .portfolio-featured-project .project-card-featured .project-thumb{
    order:1;
    min-height:270px!important;
    border-left:0;
    border-bottom:1px solid #dfe7f4!important;
  }
  .portfolio-featured-project .project-card-featured .project-body{
    order:2;
  }
  .portfolio-project-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .projects-simple-hero{
    padding:42px 0 18px!important;
  }
  .projects-simple-hero h1{
    font-size:34px;
  }
  .portfolio-project-grid{
    grid-template-columns:1fr;
  }
  .portfolio-project-grid .project-card-compact{
    grid-template-columns:1fr;
  }
  .portfolio-project-grid .project-card-compact .project-thumb{
    height:170px!important;
    border-right:0;
    border-bottom:1px solid #dfe7f4!important;
  }
  .portfolio-metrics-strip{
    grid-template-columns:1fr;
  }
  .portfolio-metrics-strip div{
    border-right:0;
    border-bottom:1px solid #edf1f8;
  }
  .portfolio-metrics-strip div:last-child{
    border-bottom:0;
  }
}

/* v42 portfolio page: featured case, three work cards, compact logo cards */
.projects-simple-hero{
  padding-bottom:18px!important;
}
.projects-work-section{
  padding-top:18px!important;
}
.projects-work-section .section-head-row,
.portfolio-project-layout{
  max-width:1320px!important;
}
.portfolio-project-layout{
  margin:0 auto;
}
.portfolio-featured-project{
  margin-bottom:24px;
}
.portfolio-featured-project .project-card-featured{
  display:grid!important;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  align-items:stretch;
  min-height:420px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid #dce7f6;
  background:#fff;
  box-shadow:0 22px 56px rgba(13,34,79,.10);
}
.portfolio-featured-project .project-card-featured .project-body{
  order:1;
  padding:44px 46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.portfolio-featured-project .project-card-featured .project-thumb{
  order:2;
  min-height:420px!important;
  height:auto!important;
  padding:20px;
  border-left:1px solid #dfe8f5;
  border-bottom:0!important;
  background:linear-gradient(135deg,#f8fbff,#eef5ff);
}
.portfolio-featured-project .project-card-featured .project-thumb img{
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center top;
  border-radius:16px;
  background:#fff;
  box-shadow:0 16px 34px rgba(13,34,79,.12);
}
.project-logo-mark{
  width:min(370px,100%);
  height:92px;
  object-fit:contain;
  object-position:left center;
  margin:0 0 18px;
}
.portfolio-featured-project .project-card-featured h3{
  font-size:36px!important;
  line-height:1.05!important;
}
.portfolio-featured-project .project-card-featured p{
  font-size:17px!important;
  line-height:1.62!important;
  color:#42526d;
}
.portfolio-medium-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.portfolio-medium-grid .project-card{
  display:flex!important;
  flex-direction:column;
  overflow:hidden;
  border-radius:20px!important;
  box-shadow:0 16px 38px rgba(13,34,79,.075);
}
.portfolio-medium-grid .project-thumb{
  height:232px!important;
  min-height:0!important;
  padding:10px!important;
  background:#f4f8ff;
  border-bottom:1px solid #dfe8f5!important;
}
.portfolio-medium-grid .project-thumb img{
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center top;
  border-radius:14px;
  background:#fff;
}
.portfolio-medium-grid .project-body{
  padding:22px!important;
  min-height:255px;
  display:flex;
  flex-direction:column;
}
.portfolio-medium-grid .project-body h3{
  font-size:24px!important;
  line-height:1.12!important;
}
.portfolio-medium-grid .project-body p{
  font-size:15px!important;
  line-height:1.56!important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.portfolio-medium-grid .tags{
  margin-top:auto!important;
}
.portfolio-medium-grid .tag:nth-child(n+5){
  display:none;
}
.portfolio-logo-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.portfolio-logo-grid .project-card{
  display:flex!important;
  flex-direction:column;
  min-height:230px;
  border-radius:18px!important;
  overflow:hidden;
  box-shadow:0 14px 32px rgba(13,34,79,.065);
}
.portfolio-logo-grid .project-thumb{
  height:98px!important;
  min-height:0!important;
  padding:16px!important;
  display:grid!important;
  place-items:center;
  background:linear-gradient(180deg,#fff,#f4f8ff);
  border-bottom:1px solid #e2ebf7!important;
  border-right:0!important;
}
.portfolio-logo-grid .project-thumb img{
  width:100%;
  height:100%;
  object-fit:contain!important;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.portfolio-logo-grid .project-body{
  padding:16px!important;
  display:flex;
  flex:1;
  flex-direction:column;
}
.portfolio-logo-grid .project-category{
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:5px 9px;
  border-radius:999px;
  background:#edf4ff;
  color:#1d64f2;
  font-size:10px;
  letter-spacing:0;
  text-transform:none;
}
.portfolio-logo-grid .project-body h3{
  font-size:17px!important;
  line-height:1.14!important;
  margin-bottom:7px!important;
}
.portfolio-logo-grid .project-body p{
  color:#405069;
  font-size:13px!important;
  line-height:1.45!important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.portfolio-logo-grid .tags,
.portfolio-logo-grid .card-link{
  display:none!important;
}
.portfolio-metrics-strip{
  grid-template-columns:2.2fr 1fr 1fr 1fr!important;
  margin-top:28px!important;
}
.portfolio-metrics-strip .portfolio-quote{
  display:flex;
  align-items:center;
  gap:18px;
}
.portfolio-metrics-strip .portfolio-quote strong{
  color:var(--primary);
  font-size:62px;
  line-height:.7;
}
.portfolio-metrics-strip .portfolio-quote span{
  margin:0;
  color:#0f1b35;
  font-size:16px;
  line-height:1.35;
}
@media(max-width:1180px){
  .portfolio-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .portfolio-featured-project .project-card-featured{
    grid-template-columns:1fr!important;
  }
  .portfolio-featured-project .project-card-featured .project-thumb{
    order:1;
    min-height:280px!important;
    border-left:0;
    border-bottom:1px solid #dfe8f5!important;
  }
  .portfolio-featured-project .project-card-featured .project-body{
    order:2;
  }
  .portfolio-medium-grid{
    grid-template-columns:1fr;
  }
  .portfolio-medium-grid .project-body{
    min-height:0;
  }
  .portfolio-metrics-strip{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:640px){
  .portfolio-featured-project .project-card-featured .project-body{
    padding:24px;
  }
  .portfolio-featured-project .project-card-featured .project-thumb,
  .portfolio-medium-grid .project-thumb{
    height:220px!important;
    min-height:220px!important;
  }
  .project-logo-mark{
    height:64px;
  }
  .portfolio-logo-grid{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .portfolio-logo-grid .project-card{
    min-height:210px;
  }
  .portfolio-metrics-strip{
    grid-template-columns:1fr!important;
  }
}

/* v43 portfolio filters and featured carousel controls */
.projects-simple-hero .portfolio-proof-row span{
  cursor:pointer;
  user-select:none;
}
.projects-simple-hero .portfolio-proof-row span.active{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
  box-shadow:0 12px 28px rgba(29,100,242,.22);
}
.portfolio-project-layout [hidden]{
  display:none!important;
}
.portfolio-featured-project{
  position:relative;
}
.portfolio-carousel-arrow{
  position:absolute;
  top:50%;
  z-index:4;
  width:48px;
  height:48px;
  border:1px solid #d9e5f5;
  border-radius:50%;
  background:#fff;
  color:#1d64f2;
  font-size:34px;
  line-height:1;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  box-shadow:0 14px 34px rgba(13,34,79,.14);
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.portfolio-carousel-arrow:hover{
  background:#eff5ff;
  transform:translateY(-50%) scale(1.04);
  box-shadow:0 18px 42px rgba(13,34,79,.18);
}
.portfolio-carousel-prev{
  left:-24px;
}
.portfolio-carousel-next{
  right:-24px;
}
.portfolio-carousel-dots{
  position:absolute;
  left:50%;
  bottom:16px;
  z-index:4;
  display:flex;
  gap:7px;
  transform:translateX(-50%);
}
.portfolio-carousel-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#cbd8ea;
  cursor:pointer;
  transition:.18s ease;
}
.portfolio-carousel-dots button.active{
  width:24px;
  background:var(--primary);
}
.portfolio-filtered .portfolio-medium-grid,
.portfolio-filtered .portfolio-logo-grid{
  align-items:stretch;
}
@media(max-width:1380px){
  .portfolio-carousel-prev{
    left:10px;
  }
  .portfolio-carousel-next{
    right:10px;
  }
}
@media(max-width:760px){
  .portfolio-carousel-arrow{
    width:42px;
    height:42px;
    font-size:30px;
  }
  .portfolio-carousel-prev{
    left:8px;
  }
  .portfolio-carousel-next{
    right:8px;
  }
  .portfolio-carousel-dots{
    bottom:10px;
  }
}

/* v44 service SEO detail pages */
.service-seo-hero .hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:24px 0 0;
}

/* v45 portfolio SEO case-study details */
.project-case-points{
  display:grid;
  gap:8px;
  margin:12px 0 10px;
}
.project-case-points div{
  border-left:2px solid #dbeafe;
  padding-left:10px;
}
.project-case-points strong{
  display:block;
  color:#07122f;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:3px;
}
.project-case-points span{
  display:block;
  color:#475569;
  font-size:12px;
  line-height:1.45;
}
.project-case-points.featured{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.project-case-points.featured div{
  border:1px solid #dfe7f4;
  border-left:3px solid #1d64f2;
  border-radius:12px;
  padding:12px;
  background:#f8fbff;
}
.project-service-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:10px 0 12px;
}
.project-service-links a{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid #dbe7ff;
  border-radius:999px;
  background:#f4f8ff;
  color:#1d64f2;
  font-size:11px;
  font-weight:850;
}
.project-service-links a:hover{
  background:#1d64f2;
  border-color:#1d64f2;
  color:#fff;
}
.portfolio-logo-grid .project-case-points{
  display:block;
}
.portfolio-logo-grid .project-case-points div{
  border:0;
  padding:0;
}
.portfolio-logo-grid .project-case-points div:nth-child(-n+2){
  display:none;
}
.portfolio-logo-grid .project-case-points strong{
  font-size:10px;
}
.portfolio-logo-grid .project-case-points span{
  font-size:12px;
  line-height:1.35;
}
.portfolio-logo-grid .project-service-links{
  display:none;
}
.project-detail-case{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 20px;
}
.project-detail-case div{
  border:1px solid #dfe7f4;
  border-radius:14px;
  background:#f8fbff;
  padding:16px;
}
.project-detail-case span{
  display:block;
  color:#1d64f2;
  font-weight:900;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.project-detail-case p{
  margin:0;
  color:#405069;
  font-size:14px;
  line-height:1.55;
}
.project-service-links.detail{
  margin:0 0 22px;
}
@media(max-width:980px){
  .project-case-points.featured,
  .project-detail-case{
    grid-template-columns:1fr;
  }
}
.service-seo-pills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
.service-seo-pills span{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dbe6f6;
  box-shadow:0 8px 18px rgba(13,34,79,.045);
  color:#26364f;
  font-size:13px;
  font-weight:850;
}
.service-seo-includes h2{
  margin:0 0 16px;
  font-size:24px;
  letter-spacing:-.035em;
}
.service-seo-list{
  display:grid;
  gap:11px;
  padding:0;
  margin:0;
}
.service-seo-list li{
  list-style:none;
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#405069;
  line-height:1.55;
}
.service-seo-list li:before{
  content:"✓";
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eaf3ff;
  color:var(--primary);
  font-size:13px;
  font-weight:950;
}
.service-seo-section{
  padding:46px 0;
}
.service-seo-tight{
  padding-top:18px;
}
.service-seo-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.service-seo-card{
  min-height:190px;
  padding:24px;
  border:1px solid #dfe7f4;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 12px 28px rgba(13,34,79,.055);
}
.service-seo-card span{
  display:inline-flex;
  min-width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  border-radius:12px;
  background:#eff5ff;
  color:var(--primary);
  font-size:12px;
  font-weight:950;
}
.service-seo-card h3{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.14;
  letter-spacing:-.03em;
}
.service-seo-card p{
  margin:0;
  color:#405069;
  line-height:1.6;
}
.pricing-compare{
  margin-top:26px;
  padding:28px;
  border:1px solid #dbe7f6;
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 8%,rgba(29,100,242,.10),transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 56%,#eef6ff 100%);
  box-shadow:0 18px 44px rgba(13,34,79,.07);
}
.pricing-compare-head{
  display:grid;
  grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);
  gap:24px;
  align-items:end;
  margin-bottom:22px;
}
.pricing-compare-head h2{
  margin:10px 0 0;
  font-size:clamp(26px,2.5vw,36px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.pricing-compare-head p{
  margin:0;
  color:#405069;
  line-height:1.65;
}
.pricing-compare-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.pricing-compare-grid article{
  min-width:0;
  padding:20px;
  border:1px solid #dfe9f7;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 24px rgba(13,34,79,.045);
}
.pricing-compare-grid h3{
  margin:0 0 14px;
  font-size:18px;
  line-height:1.16;
  letter-spacing:-.025em;
}
.pricing-compare-grid ul{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.pricing-compare-grid li{
  position:relative;
  padding-left:24px;
  color:#405069;
  line-height:1.48;
}
.pricing-compare-grid li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#0f9f6e;
  font-weight:950;
}
.service-seo-two-col{
  align-items:stretch;
}
.service-seo-two-col .content-card{
  height:100%;
}
.service-seo-band{
  padding:30px;
  border:1px solid #dce7f5;
  border-radius:24px;
  background:radial-gradient(circle at 96% 0%,rgba(29,100,242,.10),transparent 30%),linear-gradient(135deg,#f8fbff 0%,#fff 54%,#eef7ff 100%);
  box-shadow:0 18px 44px rgba(13,34,79,.07);
}
.service-seo-band>div:first-child{
  max-width:820px;
  margin-bottom:4px;
}
.service-seo-band h2,
.service-price-card h2{
  margin:10px 0;
  line-height:1.12;
  letter-spacing:-.04em;
}
.service-seo-band p,
.service-price-card p{
  color:#405069;
  line-height:1.65;
}
.service-price-card strong{
  display:inline-flex;
  margin-top:14px;
  padding:12px 15px;
  border-radius:14px;
  background:#eff5ff;
  color:#0f4fd8;
}
.service-seo-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.service-seo-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border:1px solid #d4e2f4;
  border-radius:12px;
  background:#fff;
  color:var(--primary);
  font-size:14px;
  font-weight:850;
  box-shadow:0 8px 18px rgba(13,34,79,.045);
}
.service-seo-links a:after{
  content:"→";
}
.service-faq-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.service-faq-item{
  padding:23px;
  border:1px solid #dfe7f4;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 28px rgba(13,34,79,.05);
}
.service-faq-item h3{
  margin:0 0 9px;
  font-size:18px;
  line-height:1.22;
  letter-spacing:-.025em;
}
.service-faq-item p{
  margin:0;
  color:#405069;
  line-height:1.62;
}
@media(max-width:980px){
  .service-seo-card-grid,
  .service-faq-grid,
  .pricing-compare-grid,
  .pricing-compare-head{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .service-seo-hero .hero-actions .btn,
  .service-seo-hero .hero-actions .btn-secondary{
    width:100%;
  }
  .service-seo-band{
    padding:22px;
  }
  .pricing-compare{
    padding:22px;
  }
}

/* v46 AI/search answer blocks */
.ai-answer-section{
  padding-top:42px;
  padding-bottom:42px;
}
.ai-answer-shell{
  padding:32px;
  border:1px solid #dbe7f6;
  border-radius:26px;
  background:
    radial-gradient(circle at 96% 0%,rgba(29,100,242,.10),transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%);
  box-shadow:0 22px 60px rgba(13,34,79,.08);
}
.ai-answer-head{
  max-width:860px;
  margin-bottom:24px;
}
.ai-answer-head h2{
  margin:10px 0 10px;
  font-size:clamp(28px,3vw,42px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.ai-answer-head p{
  margin:0;
  color:#405069;
  font-size:17px;
  line-height:1.65;
}
.ai-answer-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.ai-answer-grid article,
.ai-answer-faq article{
  min-width:0;
  padding:22px;
  border:1px solid #e0e9f6;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 30px rgba(13,34,79,.055);
}
.ai-answer-grid span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:15px;
  border-radius:12px;
  background:#eef5ff;
  color:#1d64f2;
  font-size:12px;
  font-weight:950;
}
.ai-answer-grid h3,
.ai-answer-faq h3{
  margin:0 0 9px;
  font-size:18px;
  line-height:1.22;
  letter-spacing:-.025em;
}
.ai-answer-grid p,
.ai-answer-faq p,
.ai-answer-summary p{
  margin:0;
  color:#405069;
  line-height:1.62;
}
.ai-answer-grid ul{
  margin:0;
  padding-left:18px;
  color:#405069;
  line-height:1.58;
}
.ai-answer-grid li+li{
  margin-top:7px;
}
.ai-answer-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
  gap:18px;
  margin-top:18px;
  padding:22px;
  border:1px solid #d8e6f7;
  border-radius:20px;
  background:#fff;
}
.ai-answer-summary strong{
  display:block;
  margin-bottom:8px;
  color:#07122f;
}
.ai-answer-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.ai-answer-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid #d4e2f4;
  border-radius:999px;
  background:#f8fbff;
  color:#1d64f2;
  font-size:14px;
  font-weight:850;
}
.ai-answer-links a:after{
  content:"\2192";
}
.ai-answer-faq-wrap{
  margin-top:28px;
}
.ai-answer-faq{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
@media(max-width:1100px){
  .ai-answer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ai-answer-faq{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .ai-answer-section{
    padding-top:30px;
    padding-bottom:30px;
  }
  .ai-answer-shell{
    padding:20px;
    border-radius:20px;
  }
  .ai-answer-grid,
  .ai-answer-summary{
    grid-template-columns:1fr;
  }
  .ai-answer-grid article,
  .ai-answer-faq article{
    padding:18px;
  }
}

/* v47 portfolio carousel polish: synced copy, calmer media and roomier case blocks */
.projects-work-section .section-head-row,
.portfolio-project-layout{
  max-width:1400px!important;
}
.portfolio-featured-project{
  margin-bottom:30px;
}
.portfolio-featured-project .project-card-featured{
  grid-template-columns:minmax(430px,1.08fr) minmax(0,.92fr)!important;
  min-height:500px;
  border-radius:24px;
}
.portfolio-featured-project .project-card-featured .project-body{
  padding:54px 52px;
  justify-content:center;
}
.portfolio-featured-project .project-card-featured .project-thumb{
  min-height:500px!important;
  padding:24px;
}
.portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb img{
  object-fit:cover!important;
  object-position:center top;
}
.portfolio-featured-project .project-card-featured.is-logo-visual .project-thumb{
  background:linear-gradient(135deg,#f8fbff,#eef5ff);
}
.portfolio-featured-project .project-card-featured.is-logo-visual .project-thumb img{
  object-fit:contain!important;
  object-position:center center;
  padding:34px;
  background:#fff;
}
.portfolio-featured-project .project-card-featured .project-logo-mark{
  max-width:360px;
  height:86px;
}
.portfolio-featured-project .project-card-featured .project-case-points.featured{
  grid-template-columns:repeat(3,minmax(130px,1fr));
  gap:14px;
  margin-top:22px;
}
.portfolio-featured-project .project-card-featured .project-case-points.featured div{
  padding:14px 13px;
}
.portfolio-featured-project .project-card-featured .project-case-points.featured span{
  font-size:13px;
  line-height:1.42;
}
.portfolio-featured-project .project-card-featured .tags,
.portfolio-featured-project .project-card-featured .project-service-links{
  margin-top:14px;
}
.portfolio-carousel-prev{
  left:-22px;
}
.portfolio-carousel-next{
  right:-22px;
}
@media(max-width:1220px){
  .portfolio-featured-project .project-card-featured{
    grid-template-columns:minmax(390px,1fr) minmax(0,1fr)!important;
  }
  .portfolio-featured-project .project-card-featured .project-body{
    padding:42px 38px;
  }
  .portfolio-featured-project .project-card-featured .project-case-points.featured{
    grid-template-columns:1fr;
  }
}
@media(max-width:980px){
  .portfolio-featured-project .project-card-featured{
    grid-template-columns:1fr!important;
    min-height:0;
  }
  .portfolio-featured-project .project-card-featured .project-thumb{
    min-height:320px!important;
    height:320px!important;
  }
  .portfolio-featured-project .project-card-featured .project-body{
    padding:32px 26px;
  }
}
@media(max-width:640px){
  .portfolio-featured-project .project-card-featured .project-thumb{
    min-height:240px!important;
    height:240px!important;
    padding:14px;
  }
  .portfolio-featured-project .project-card-featured.is-logo-visual .project-thumb img{
    padding:20px;
  }
  .portfolio-featured-project .project-card-featured .project-case-points.featured{
    gap:10px;
  }
}

/* v48 portfolio media treatment: screenshots as polished browser previews */
.portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb,
.portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb,
.portfolio-medium-grid .project-card[data-project-visual="screen"] .project-thumb{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:46px 34px 30px!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(29,100,242,.13),transparent 26%),
    radial-gradient(circle at 88% 82%,rgba(16,185,129,.10),transparent 30%),
    linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);
}
.portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb:before,
.portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb:before,
.portfolio-medium-grid .project-card[data-project-visual="screen"] .project-thumb:before{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  top:24px;
  height:24px;
  border:1px solid #dce7f6;
  border-bottom:0;
  border-radius:16px 16px 0 0;
  background:
    radial-gradient(circle at 18px 12px,#ff6b6b 0 3px,transparent 4px),
    radial-gradient(circle at 34px 12px,#f8c34a 0 3px,transparent 4px),
    radial-gradient(circle at 50px 12px,#22c55e 0 3px,transparent 4px),
    linear-gradient(180deg,#fff,#f6f9ff);
  box-shadow:0 10px 24px rgba(13,34,79,.06);
  z-index:1;
}
.portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb img,
.portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb img,
.portfolio-medium-grid .project-card[data-project-visual="screen"] .project-thumb img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0;
  border:1px solid #dce7f6;
  border-radius:0 0 16px 16px;
  background:#fff;
  box-shadow:0 18px 40px rgba(13,34,79,.14);
}
.portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb img,
.portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb img{
  max-height:420px;
}
.portfolio-featured-project .project-card-featured[data-project-visual="logo"] .project-thumb,
.portfolio-featured-project .project-card-featured.is-logo-visual .project-thumb{
  padding:34px!important;
}
.portfolio-medium-grid .project-card[data-project-visual="screen"] .project-thumb{
  padding:34px 18px 18px!important;
}
.portfolio-medium-grid .project-card[data-project-visual="screen"] .project-thumb:before{
  left:18px;
  right:18px;
  top:14px;
  height:20px;
  border-radius:12px 12px 0 0;
  background:
    radial-gradient(circle at 14px 10px,#ff6b6b 0 2.5px,transparent 3.5px),
    radial-gradient(circle at 28px 10px,#f8c34a 0 2.5px,transparent 3.5px),
    radial-gradient(circle at 42px 10px,#22c55e 0 2.5px,transparent 3.5px),
    linear-gradient(180deg,#fff,#f6f9ff);
}
.portfolio-medium-grid .project-card[data-project-visual="screen"] .project-thumb img{
  border-radius:0 0 12px 12px;
}
@media(max-width:980px){
  .portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb,
  .portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb{
    padding:40px 20px 20px!important;
  }
  .portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb:before,
  .portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb:before{
    left:20px;
    right:20px;
    top:18px;
  }
}
@media(max-width:640px){
  .portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb,
  .portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb{
    padding:34px 12px 12px!important;
  }
  .portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb:before,
  .portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb:before{
    left:12px;
    right:12px;
    top:12px;
    height:20px;
    border-radius:12px 12px 0 0;
  }
}

/* v49 portfolio screen previews keep the real screenshot ratio instead of stretching into a blank frame */
.portfolio-featured-project .project-card-featured[data-project-visual="screen"] .project-thumb img,
.portfolio-featured-project .project-card-featured.is-screen-visual .project-thumb img,
.portfolio-medium-grid .project-card[data-project-visual="screen"] .project-thumb img{
  height:auto!important;
  max-height:100%!important;
  align-self:center;
}