
:root{
  --st-red:#8f0d15;--st-red2:#b0121b;--st-red-dark:#66070d;--st-ink:#121417;--st-charcoal:#20242a;
  --st-muted:#666d76;--st-line:#e4e7eb;--st-soft:#f4f5f6;--st-white:#fff;
  --st-shadow:0 18px 50px rgba(18,20,23,.10);--st-shadow-sm:0 10px 30px rgba(18,20,23,.08);
  --st-radius:18px;--st-container:1180px
}
*{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;color:var(--st-ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
body.admin-bar .st-site-header{top:32px}
img,svg{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.st-container{width:min(var(--st-container),calc(100% - 40px));margin-inline:auto}
.st-narrow{width:min(820px,calc(100% - 40px));margin-inline:auto}
.st-section{padding:92px 0}
.st-section-soft{background:var(--st-soft)}
.st-section-dark{background:var(--st-ink);color:#fff}
.st-center{text-align:center}
.st-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--st-red);margin-bottom:14px}
.st-eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
h1,h2,h3{line-height:1.15;margin:0 0 16px;letter-spacing:-.03em}
h1{font-size:clamp(2.8rem,6vw,5.35rem)}
h2{font-size:clamp(2rem,4vw,3.4rem)}
h3{font-size:1.3rem}
p{margin:0 0 18px}
.st-lead{font-size:clamp(1.08rem,2vw,1.28rem);color:#4e5660;max-width:720px}
.st-section-dark .st-lead{color:#cbd0d6}
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:13px 20px;font-weight:800;transition:.2s ease;cursor:pointer}
.st-btn:hover{transform:translateY(-2px)}
.st-btn-primary{background:var(--st-red);color:#fff;box-shadow:0 10px 24px rgba(143,13,21,.24)}
.st-btn-primary:hover{background:var(--st-red2);color:#fff}
.st-btn-outline{border-color:#ccd1d6;background:#fff}
.st-btn-light{background:#fff;color:var(--st-ink)}
.st-btn-sm{padding:10px 16px;font-size:.92rem}
.st-text-link{font-weight:800;color:var(--st-red)}
.st-tag{display:inline-flex;border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:750;color:#535b65}
.st-kicker-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}

.st-site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,235,.8)}
.st-nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}
.st-brand{display:flex;align-items:center;gap:12px}
.st-brand-mark{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--st-red),var(--st-red-dark));color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-.04em}
.st-brand-text{display:flex;flex-direction:column;line-height:1.08}
.st-brand-text strong{font-size:.98rem}
.st-brand-text small{color:var(--st-muted);font-size:.72rem;margin-top:5px}
.st-custom-logo .custom-logo-link{display:block}
.st-custom-logo img{max-height:50px;width:auto}
.st-primary-nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:.94rem}
.st-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.st-menu li{position:relative}
.st-menu a{display:block}
.st-menu>li>a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--st-red);transition:.2s}
.st-menu>li>a:hover:after,.st-menu>.current-menu-item>a:after{right:0}
.st-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--st-line);border-radius:12px;box-shadow:var(--st-shadow-sm);padding:10px;list-style:none}
.st-menu li:hover>.sub-menu{display:block}
.st-menu .sub-menu a{padding:9px 11px;border-radius:8px}
.st-menu .sub-menu a:hover{background:var(--st-soft)}
.st-nav-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:8px}
.st-nav-toggle span{display:block;height:2px;background:var(--st-ink);margin:7px 0;transition:.22s}

.st-hero{position:relative;overflow:hidden;padding:108px 0 88px;background:radial-gradient(circle at 76% 20%,rgba(143,13,21,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#fafafa 100%)}
.st-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,20,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(18,20,23,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}
.st-hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.st-hero h1 span{color:var(--st-red)}
.st-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.st-hero-card{position:relative;background:#121417;color:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(18,20,23,.22);min-height:460px;overflow:hidden}
.st-hero-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(176,18,27,.55),rgba(176,18,27,0))}
.st-mini-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#c9ced3;font-weight:800}
.st-hero-card>h3{font-size:1.7rem;margin-top:8px;max-width:360px}
.st-dashboard{position:relative;z-index:2;background:#fff;color:var(--st-ink);border-radius:18px;padding:18px;margin-top:18px;box-shadow:var(--st-shadow)}
.st-dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--st-line);padding-bottom:14px}
.st-dot-row{display:flex;gap:5px}.st-dot{width:8px;height:8px;border-radius:50%;background:#d3d6da}.st-dot:first-child{background:var(--st-red)}
.st-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.st-metric{background:var(--st-soft);border-radius:12px;padding:15px}.st-metric strong{display:block;font-size:1.45rem}.st-metric span{font-size:.8rem;color:var(--st-muted)}
.st-graph{height:120px;margin-top:15px;border-radius:12px;background:linear-gradient(180deg,rgba(143,13,21,.12),rgba(143,13,21,0)),linear-gradient(135deg,transparent 0 13%,rgba(143,13,21,.8) 13.2% 14%,transparent 14.2% 28%,rgba(143,13,21,.8) 28.2% 29%,transparent 29.2% 44%,rgba(143,13,21,.8) 44.2% 45%,transparent 45.2% 65%,rgba(143,13,21,.8) 65.2% 66%,transparent 66.2% 79%,rgba(143,13,21,.8) 79.2% 80%,transparent 80.2%);border:1px solid #edf0f2}
.st-floating-badge{position:absolute;right:16px;bottom:18px;z-index:3;background:#fff;color:var(--st-ink);border-radius:14px;padding:12px 15px;box-shadow:var(--st-shadow-sm);font-size:.88rem;font-weight:800}
.st-floating-badge b{color:var(--st-red)}

.st-trust-strip{padding:24px 0;border-block:1px solid var(--st-line);background:#fff}
.st-trust-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.st-trust-wrap>span{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#7a828c}
.st-trust-items{display:flex;gap:26px;flex-wrap:wrap;color:#4c535c;font-weight:800}

.st-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:42px}
.st-section-head .st-lead{max-width:560px}
.st-cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.st-card{background:#fff;border:1px solid var(--st-line);border-radius:var(--st-radius);padding:28px;transition:.22s ease;color:var(--st-ink)}
.st-card:hover{transform:translateY(-5px);box-shadow:var(--st-shadow-sm);border-color:#d4d8dd}
.st-icon-box{width:48px;height:48px;border-radius:13px;background:#fff2f3;color:var(--st-red);display:grid;place-items:center;font-weight:900;margin-bottom:22px}
.st-card p{color:var(--st-muted)}
.st-list-check{list-style:none;padding:0;margin:18px 0 0}.st-list-check li{position:relative;padding-left:25px;margin:9px 0;color:#535a63}.st-list-check li:before{content:"✓";position:absolute;left:0;color:var(--st-red);font-weight:900}
.st-badge{display:inline-block;background:#fff2f3;color:var(--st-red);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;padding:6px 10px;border-radius:999px}
.st-price{font-size:2.3rem;font-weight:900;letter-spacing:-.04em}.st-price small{font-size:.9rem;color:var(--st-muted);font-weight:700}
.st-price-card.featured{border:2px solid var(--st-red);box-shadow:var(--st-shadow)}

.st-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.st-work-card{overflow:hidden;border:1px solid var(--st-line);border-radius:22px;background:#fff}
.st-work-visual{min-height:250px;padding:28px;display:flex;align-items:flex-end;background:radial-gradient(circle at 84% 14%,rgba(255,255,255,.55),transparent 22%),linear-gradient(135deg,#16191d,#8f0d15);color:#fff}
.st-work-visual.alt{background:linear-gradient(135deg,#6f1014,#d9b6a0)}
.st-mock-browser{width:100%;background:rgba(255,255,255,.95);border-radius:14px;padding:12px;color:var(--st-ink);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.st-mock-bar{height:10px;width:82px;border-radius:6px;background:#e7eaed;margin-bottom:12px}
.st-mock-hero{height:120px;border-radius:10px;background:linear-gradient(135deg,#f1f2f4,#fff);display:flex;align-items:center;padding:18px;font-weight:900}
.st-work-body{padding:24px}.st-work-body p{color:var(--st-muted)}

.st-process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.st-process-item{position:relative;padding:26px;border-top:3px solid var(--st-red);background:#fff}
.st-process-item:before{counter-increment:step;content:"0" counter(step);font-size:.78rem;letter-spacing:.12em;color:var(--st-red);font-weight:900}
.st-process-item h3{margin-top:12px}.st-process-item p{color:var(--st-muted)}

.st-cta-box{background:linear-gradient(135deg,var(--st-ink),#292e34);color:#fff;border-radius:28px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}
.st-cta-box:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-140px;top:-170px;background:radial-gradient(circle,rgba(176,18,27,.65),rgba(176,18,27,0))}
.st-cta-box>*{position:relative;z-index:2}

.st-page-hero{padding:86px 0 60px;background:linear-gradient(180deg,#fff,#f7f7f8)}
.st-page-hero h1{font-size:clamp(2.55rem,5vw,4.6rem);max-width:900px}
.st-breadcrumb{font-size:.85rem;color:var(--st-muted);margin-bottom:20px}.st-breadcrumb a{color:var(--st-red);font-weight:700}
.st-prose{max-width:900px}.st-prose h2{font-size:2rem;margin-top:38px}.st-prose h3{margin-top:28px}.st-prose p,.st-prose li{color:#525a64}.st-prose a{color:var(--st-red);font-weight:700}
.st-featured-image{border-radius:20px;margin-bottom:30px}
.st-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.st-post-card{border:1px solid var(--st-line);border-radius:18px;overflow:hidden;background:#fff}.st-post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.st-post-card-body{padding:22px}.st-post-card-body h2{font-size:1.45rem}.st-post-card-body small,.st-post-meta{color:var(--st-muted)}

.st-site-footer{background:#111316;color:#fff;padding:68px 0 24px}
.st-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.st-footer-brand{margin-bottom:18px}.st-footer-brand .st-brand-text small{color:#aeb4bb}
.st-footer-copy{color:#abb1b7;max-width:380px}
.st-site-footer h3{font-size:.95rem;margin-bottom:16px}.st-site-footer a,.st-site-footer p{color:#abb1b7;display:block;margin-bottom:10px;font-size:.92rem}.st-site-footer a:hover{color:#fff}
.st-footer-bottom{margin-top:46px;padding-top:20px;border-top:1px solid #292d32;display:flex;justify-content:space-between;gap:20px;color:#858d96;font-size:.84rem}
.st-footer-widgets{padding-top:30px}

.st-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.st-reveal.st-visible{opacity:1;transform:none}
.st-elementor-content{min-height:40vh}
.st-blank-canvas{margin:0}

@media(max-width:980px){
 body.admin-bar .st-site-header{top:32px}
 .st-hero-grid{grid-template-columns:1fr;gap:44px}.st-hero-card{max-width:680px}
 .st-cards-3{grid-template-columns:1fr 1fr}.st-process{grid-template-columns:1fr 1fr}
 .st-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.st-footer-grid>div:last-child{grid-column:1/-1}
 .st-nav-toggle{display:block}
 .st-primary-nav{position:fixed;inset:78px 0 auto 0;background:#fff;border-bottom:1px solid var(--st-line);padding:24px 20px 30px;display:block;transform:translateY(-140%);transition:.25s ease;box-shadow:var(--st-shadow-sm);max-height:calc(100vh - 78px);overflow:auto}
 .st-primary-nav.st-open{transform:translateY(0)}
 .st-menu{display:block}.st-menu li{margin:0}.st-menu a{padding:13px 0}.st-menu>li>a:after{display:none}
 .st-menu .sub-menu{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 16px}
 .st-nav-cta{margin-top:10px;width:100%}
 .st-nav-toggle.st-open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.st-nav-toggle.st-open span:nth-child(2){opacity:0}.st-nav-toggle.st-open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
 .st-post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:782px){body.admin-bar .st-site-header{top:46px}}
@media(max-width:720px){
 .st-container,.st-narrow{width:min(100% - 28px,var(--st-container))}
 .st-section{padding:68px 0}.st-hero{padding:70px 0 56px}h1{font-size:clamp(2.45rem,13vw,4rem)}h2{font-size:clamp(1.85rem,9vw,2.7rem)}
 .st-section-head{display:block}.st-section-head .st-lead{margin-top:12px}
 .st-cards-3,.st-work-grid,.st-process,.st-post-grid{grid-template-columns:1fr}
 .st-cta-box{padding:34px 26px;display:block}.st-cta-box .st-btn{margin-top:18px}
 .st-footer-grid{grid-template-columns:1fr 1fr}.st-footer-grid>div:first-child,.st-footer-grid>div:last-child{grid-column:1/-1}
 .st-footer-bottom{display:block}.st-hero-card{min-height:410px;padding:22px}
 .st-trust-wrap{align-items:flex-start}
}
@media(max-width:460px){
 .st-brand-text small{display:none}.st-brand-mark{width:39px;height:39px}.st-nav-wrap{height:70px}.st-primary-nav{top:70px}
 .st-hero-actions .st-btn{width:100%}.st-metric-grid{grid-template-columns:1fr}.st-floating-badge{position:relative;right:auto;bottom:auto;margin-top:12px}
 .st-footer-grid{grid-template-columns:1fr}.st-footer-grid>div{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.st-reveal{opacity:1;transform:none}}
