/*
Theme Name: Markti Growth
Theme URI: https://markti.co
Author: Markti
Description: Custom responsive growth marketing agency website.
Version: 1.0.0
Requires at least: 6.4
Text Domain: markti-growth
*/
:root{--black:#0b0b0b;--black2:#111;--white:#f0efe9;--muted:#969694;--line:#2a2a2a;--accent:#d8d7d1;--max:1190px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}
h1,h2,h3,h4,h5{font-family:Syne,Arial,sans-serif;letter-spacing:-.045em;line-height:1.12}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,7.3vw,7rem)}h2{font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.12}h3{font-size:clamp(1.3rem,2vw,1.75rem)}p{color:#aaa9a5}a{color:inherit}a:hover{color:#fff}img{max-width:100%;height:auto}::selection{background:var(--white);color:var(--black)}
.mk-shell{max-width:var(--max);padding:0 30px;margin:0 auto}.mk-section{padding:105px 0;border-bottom:1px solid #161616}.mk-label{font-size:.7rem!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:#989894!important;font-weight:700!important;margin-bottom:18px!important}.mk-label:before{content:"";display:inline-block;width:24px;height:1px;background:#757572;vertical-align:middle;margin-right:12px}.mk-lede{font-size:clamp(1.06rem,1.6vw,1.35rem);max-width:750px;line-height:1.8}.mk-dim{color:#999}.mk-section-head{max-width:850px;margin-bottom:55px}.mk-section-head p{max-width:640px}.mk-accent{color:#999;font-style:italic;font-weight:400}.mk-outline{-webkit-text-stroke:1px #555;color:transparent;display:block}
.mk-header{position:sticky;top:0;z-index:60;background:rgba(11,11,11,.92);backdrop-filter:blur(18px);border-bottom:1px solid #202020}.mk-nav{height:78px;max-width:var(--max);padding:0 30px;margin:auto;display:flex;align-items:center;gap:30px}.mk-logo{text-decoration:none;font-family:Syne,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.065em;color:var(--white)}.mk-logo .mk-logo-mark{font-size:30px;color:#d6d5d0;line-height:0}.mk-links{margin-left:auto;display:flex;align-items:center;gap:27px}.mk-links a,.mk-mobile a{font-size:11px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;font-weight:700;color:#b6b6b4}.mk-links a:hover,.mk-mobile a:hover{color:white}.mk-links .mk-nav-cta{border:1px solid #60605d;padding:11px 18px;border-radius:50px;color:white}.mk-menu-toggle{display:none;margin-left:auto;color:var(--white);border:1px solid #444;background:transparent;padding:8px 12px;border-radius:2px;cursor:pointer}.mk-mobile{display:none;padding:20px 30px 30px;border-top:1px solid #222}.mk-mobile.open{display:grid;gap:15px}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;font-family:Syne,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.3;border-radius:60px;padding:16px 27px;transition:all .2s;background:var(--white);color:#101010;border:1px solid var(--white)}.mk-btn:hover{transform:translateY(-2px);background:white;color:#080808}.mk-btn-dark{background:transparent;color:var(--white);border-color:#484848}.mk-btn-dark:hover{background:#242424;color:white}.mk-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}
.mk-hero{min-height:730px;position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid #1b1b1b;background:radial-gradient(ellipse at 74% 33%,#262626 0%,#111 26%,transparent 58%),#0b0b0b}.mk-hero:before{content:"";position:absolute;width:65vw;height:65vw;max-width:780px;max-height:780px;border:1px solid #4c4c4c;opacity:.4;border-radius:50%;transform:rotate(-35deg) scaleY(.35);right:-7%;top:0}.mk-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #343434;opacity:.65;border-radius:50%;transform:rotate(20deg) scaleY(.4);left:-200px;bottom:-180px}.mk-hero-content{position:relative;z-index:2;padding-top:100px;padding-bottom:120px}.mk-hero h1{max-width:1150px;letter-spacing:-.075em;line-height:.94;margin-bottom:37px}.mk-hero .mk-lede{max-width:550px;font-size:1.05rem;color:#b5b5b2}.mk-micro{border-top:1px solid #242424;border-bottom:1px solid #242424;padding:16px 0;overflow:hidden;white-space:nowrap;text-transform:uppercase;letter-spacing:.22em;color:#747472;font-size:.67rem;text-align:center}.mk-micro span{padding:0 22px}.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.mk-card{padding:37px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s;min-width:0}.mk-card:hover{background:#151515}.mk-card h3{margin-bottom:13px;font-size:1.3rem}.mk-card h3 a{text-decoration:none}.mk-card p{font-size:.93rem;line-height:1.8}.mk-card .mk-index{font-size:.68rem;color:#777;letter-spacing:.14em}.mk-card .mk-arrow{display:inline-block;margin-top:18px;text-decoration:none;font-size:.82rem;font-weight:700;border-bottom:1px solid #555;padding-bottom:4px}.mk-card .mk-tag{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;color:#a8a8a5;margin-bottom:22px}
.mk-stats{background:#eeede7;color:#0b0b0b;padding:0}.mk-stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.mk-stat{padding:40px 26px;border-right:1px solid #d2d2ce}.mk-stat:last-child{border:0}.mk-stat strong{display:block;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.09em;line-height:1.1}.mk-stat small{font-size:.78rem;color:#73736e}.mk-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.mk-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.mk-pillar{border-top:1px solid #535353;padding-top:22px}.mk-pillar b{font-size:.75rem;letter-spacing:.13em;color:#bab9b4}.mk-pillar h3{margin:14px 0}
.mk-table{width:100%;border-collapse:collapse;font-size:.9rem}.mk-table th,.mk-table td{text-align:left;vertical-align:top;border:1px solid #333;padding:24px}.mk-table th{background:#eae9e2;color:#111;font-family:Syne,sans-serif;font-size:1rem}.mk-table td{color:#aeaeaa}.mk-faq details{border-bottom:1px solid #303030;padding:23px 0}.mk-faq summary{cursor:pointer;font-family:Syne,sans-serif;font-size:1.09rem;font-weight:700}.mk-faq details p{padding:16px 30px 2px 0;max-width:810px}.mk-step{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #282828}.mk-step-num{font-family:Syne,sans-serif;font-weight:700;color:#8e8e8a}.mk-step h3{margin:0 0 12px}.mk-cta{background:#080808;padding:120px 0;text-align:center;overflow:hidden;border-top:1px solid #222}.mk-cta h2{font-size:clamp(2.4rem,6vw,5.6rem);max-width:1050px;margin:0 auto 26px}.mk-cta p{max-width:590px;margin:0 auto 24px}.mk-cta .mk-actions{justify-content:center}
.mk-page-hero{padding:120px 0 105px;position:relative;overflow:hidden;border-bottom:1px solid #252525;background:radial-gradient(ellipse at 78% 28%,#252525,transparent 52%),#0b0b0b}.mk-page-hero h1{max-width:950px;margin-bottom:27px;font-size:clamp(3rem,6.5vw,6rem);letter-spacing:-.065em}.mk-page-hero p{max-width:730px}.mk-breadcrumb{font-size:.78rem;color:#777;margin-bottom:36px}.mk-breadcrumb a{color:#aaa;text-decoration:none}.mk-content-row{display:grid;grid-template-columns:repeat(2,1fr);gap:55px}.mk-list{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:17px}.mk-list li{border-top:1px solid #404040;padding:18px 0;color:#c0bfba}.mk-list li:before{content:"↗";color:#b9b9b2;margin-right:10px}.mk-benefit{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #2b2b2b}.mk-benefit strong{font-family:Syne,sans-serif}.mk-benefit p{margin:10px 0 0}.mk-service-footer{border-top:1px solid #292929;padding-top:30px;margin-top:40px}.mk-service-footer a{margin:0 17px 10px 0;color:#ccc}
.mk-form{display:grid;gap:17px;padding:35px;background:#161616;border:1px solid #303030;border-radius:6px}.mk-form label{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#c5c5c1;font-weight:700}.mk-form input,.mk-form select,.mk-form textarea{width:100%;padding:15px 16px;margin-top:8px;background:#0b0b0b;border:1px solid #505050;border-radius:3px;color:var(--white);font-family:inherit;font-size:1rem}.mk-form textarea{min-height:125px}.mk-form .mk-check{display:flex;gap:10px;align-items:start;text-transform:none;letter-spacing:0;font-weight:400}.mk-form .mk-check input{width:auto;margin:5px 0}.mk-form button{cursor:pointer;justify-self:start}.mk-form-message{padding:18px;border:1px solid #686868;margin:20px 0}.mk-form .mk-trap{position:absolute;left:-9999px}.mk-price-card{padding:38px;background:#151515;border:1px solid #353535}.mk-price-card h3{font-size:1.55rem}.mk-price-card ul{padding-left:18px;color:#aaa}.mk-price-card li{margin:10px 0}.mk-price-card .mk-price{font-family:Syne,sans-serif;font-size:1.3rem;color:white}
.mk-article{padding:90px 0 120px;max-width:830px}.mk-article h1{font-size:clamp(2.6rem,5.3vw,5.1rem)}.mk-article h2{font-size:2.1rem;margin-top:52px}.mk-article h3{margin-top:30px}.mk-article p,.mk-article li{font-size:1.05rem;line-height:1.85}.mk-article li{color:#aaa}.mk-article a{color:#ddd}.mk-article-meta{color:#8b8b88;font-size:.8rem;margin-bottom:30px}.mk-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mk-post{padding:30px;background:#151515;border:1px solid #303030;border-radius:5px}.mk-post h3 a{text-decoration:none}.mk-post p{font-size:.9rem}.mk-post small{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:#888}
.mk-footer{padding:85px 0 32px;border-top:1px solid #282828;background:#070707}.mk-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:55px}.mk-footer h4{font-size:.73rem;color:#aaa;letter-spacing:.15em;text-transform:uppercase}.mk-footer a{display:block;text-decoration:none;font-size:.86rem;margin:10px 0;color:#969692}.mk-footer a:hover{color:white}.mk-footer p{font-size:.87rem}.mk-footer-bottom{margin-top:60px;border-top:1px solid #222;padding-top:25px;color:#727270;font-size:.75rem}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:950px){.mk-links{display:none}.mk-menu-toggle{display:block}.mk-split,.mk-content-row{grid-template-columns:1fr;gap:30px}.mk-stat-grid{grid-template-columns:1fr 1fr}.mk-stats .mk-stat:nth-child(2){border-right:0}.mk-pillars{grid-template-columns:1fr}.mk-grid,.mk-posts-grid{grid-template-columns:1fr 1fr}.mk-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mk-shell{padding:0 20px}.mk-nav{height:65px;padding:0 20px}.mk-hero{min-height:620px}.mk-hero-content{padding:85px 0}.mk-hero h1{font-size:clamp(3.3rem,12vw,5.6rem)}.mk-page-hero{padding:75px 0}.mk-page-hero h1{font-size:clamp(2.65rem,12vw,4.6rem)}.mk-section{padding:65px 0}.mk-grid,.mk-posts-grid,.mk-pillars,.mk-footer-grid,.mk-list{grid-template-columns:1fr}.mk-stats .mk-stat{padding:26px 20px}.mk-stat strong{font-size:2.7rem}.mk-card{padding:29px 23px}.mk-cta{padding:70px 0}.mk-table{font-size:.76rem}.mk-table th,.mk-table td{padding:13px 10px}.mk-form{padding:20px}.mk-footer{padding-top:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
