@font-face{font-family:Urbanist;src:url('/wp-content/themes/blockskit-ai-agency/assets/fonts/Urbanist/Urbanist-Regular.ttf')}@font-face{font-family:Urbanist;src:url('/wp-content/themes/blockskit-ai-agency/assets/fonts/Urbanist/Urbanist-Bold.ttf');font-weight:700}@font-face{font-family:Inter;src:url('/wp-content/themes/blockskit-ai-agency/assets/fonts/Inter/Inter-Regular.woff2')}
:root{--ink:#183c37;--muted:#62716a;--paper:#fafaf6;--lime:#d5f273;--line:#dce2d7}html{scroll-behavior:smooth;scroll-padding-top:95px}body.ra-site{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,Arial,sans-serif}.ra-site *{box-sizing:border-box}.ra-site h1,.ra-site h2,.ra-site h3,.ra-site p{margin:0}.ra-site h1,.ra-site h2,.ra-site h3{font-family:Urbanist,Arial,sans-serif;font-weight:700;letter-spacing:-.045em;line-height:1.08}.ra-site h1{font-size:clamp(44px,5.6vw,78px)}.ra-site h2{font-size:clamp(34px,4vw,52px)}.ra-site h3{font-size:25px;letter-spacing:-.025em}.ra-site a{color:inherit;text-decoration:none}.ra-site a:hover{text-decoration:none}.ra-site p{color:var(--muted)}.shell{max-width:1216px;padding:0 40px;margin:auto}.site-header{background:rgba(250,250,246,.97);border-bottom:1px solid var(--line)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:700;letter-spacing:-1px}.brand-symbol{width:43px;height:43px;background:var(--ink);color:white;border-radius:12px;display:grid;place-content:center;font-size:34px;line-height:1}.brand-symbol span{color:var(--lime)}.brand-light{font-weight:400}.brand-dot{color:#759538}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a[aria-current],.site-header nav a:hover{box-shadow:0 2px var(--ink)}.ra-site .button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:7px;padding:15px 24px;font:600 14px/1.4 Inter,Arial,sans-serif;cursor:pointer;min-height:50px}.ra-site .button:hover{background:#28574f;transform:translateY(-1px)}.ra-site .button.small{padding:12px 20px;min-height:44px}.ra-site .button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.ra-site .button.outline{background:transparent;color:var(--ink);border-color:#b8c5ba}.hero{padding-top:72px;padding-bottom:58px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px!important;color:var(--ink)!important}.availability{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:11px;margin-bottom:26px;color:var(--ink)}.availability:before{content:'';width:7px;height:7px;border-radius:50%;background:#679446}.hero h1 em{font-style:normal;background:linear-gradient(transparent 66%,var(--lime) 66%)}.hero .intro{margin-top:26px;max-width:490px;font-size:16px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-note{font-size:12px;margin-top:22px!important}.hero-art{position:relative;padding:18px 0 25px}.hero-photo{width:100%;height:430px;object-fit:cover;border-radius:130px 12px 12px 12px;background:#e8ecdf;filter:saturate(.7)}.image-label{position:absolute;top:42px;right:20px;background:var(--paper);padding:8px 14px;border-radius:22px;font-size:11px}.code-card{position:absolute;bottom:0;left:-25px;background:#183c37;color:#e5efdc;padding:22px 25px;border-radius:12px;width:calc(100% - 18px);box-shadow:0 12px 25px #183c371a;font:12px/1.9 monospace}.code-card .dots{color:var(--lime);letter-spacing:5px;border-bottom:1px solid #ffffff21;padding-bottom:8px;margin-bottom:10px}.code-card .code-muted{color:#9db6a8}.code-card .code-green{color:var(--lime)}.skill-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0}.skill-strip .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.skill-strip span{font-size:12px;color:var(--muted)}.skill-strip strong{font-family:Urbanist;font-size:21px;letter-spacing:-.5px}.section{padding-top:88px;padding-bottom:88px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading p{max-width:340px;font-size:14px}.section-heading h2{max-width:570px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:start;min-height:310px}.service-card:nth-child(2){background:#eef2e4}.service-card .service-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b7c9ae;border-radius:11px;font:700 17px monospace;margin-bottom:28px}.service-card p{font-size:14px;margin-top:16px;margin-bottom:20px}.service-card .text-link{margin-top:auto;font-size:13px;font-weight:700;border-bottom:1px solid #b7c9ae}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags span{border:1px solid var(--line);padding:4px 11px;border-radius:20px;font-size:11px;color:var(--muted)}.workflow-section{background:#eaf0e3}.workflow-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:center}.workflow-layout p{margin-top:22px}.demo{background:#fff;border:1px solid #cbd8c1;border-radius:15px;overflow:hidden;box-shadow:0 15px 40px #183c370a}.demo-top{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.demo-body{padding:25px}.demo label{font-size:12px;display:block}.ra-site select,.ra-site input,.ra-site textarea{font:14px Inter,Arial,sans-serif;max-width:100%;border:1px solid #cbd5c5;border-radius:6px;background:#fff;color:var(--ink);padding:13px 12px;width:100%}.demo select{margin:9px 0 20px}.demo-output{background:var(--ink);color:var(--lime);padding:20px;border-radius:8px;font:11px/2 monospace;overflow-wrap:anywhere;min-height:115px}.demo .fine{margin-top:13px;font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:38px}.step-number{font:16px Urbanist;color:#67805c;border-top:1px solid #bdcbb2;padding:20px 0}.steps h3{font-size:25px}.steps p{font-size:14px;margin-top:14px}.about-teaser{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--line);align-items:start}.about-teaser p{margin-bottom:20px}.about-name{font-size:13px;margin-top:25px!important;color:var(--ink)!important}.cta-panel{background:var(--lime);border-radius:14px;display:flex;justify-content:space-between;align-items:center;padding:42px;gap:25px;margin-bottom:70px}.cta-panel p{margin-top:14px;color:#405039}.cta-panel h2{font-size:39px}.site-footer{background:#173a34;color:#fff;padding:65px 0 24px}.site-footer .eyebrow{color:#b7cfad!important}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:58px}.footer-top h2{font-size:43px}.footer-email{font-size:22px;border-bottom:1px solid #779481;padding-bottom:9px}.footer-bottom{border-top:1px solid #ffffff25;padding-top:22px;display:flex;justify-content:space-between;gap:18px;color:#b9cdbf;font-size:11px;flex-wrap:wrap}.footer-bottom div{display:flex;gap:22px}.page-intro{padding:70px 0 50px;max-width:820px}.page-intro p:last-child{margin-top:25px;font-size:18px;max-width:650px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:65px}.prose p{margin:20px 0}.prose h2{font-size:34px;margin-top:35px}.prose h3{margin-top:25px}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding-bottom:85px}.contact-details{padding-top:25px}.contact-details h2{font-size:34px}.contact-details p{margin-top:20px;font-size:14px}.contact-details .email-link{display:inline-block;font-size:19px;border-bottom:1px solid #a3b69a;margin-top:25px}.contact-list{list-style:none;padding:0;margin-top:28px;color:var(--muted);font-size:14px}.contact-list li{padding:10px 0;border-bottom:1px solid var(--line)}.form-card{background:white;border:1px solid var(--line);border-radius:12px;padding:32px}.form-card h2{font-size:29px;margin-bottom:25px}.project-form label{display:block;font-size:12px;margin-bottom:19px;font-weight:600}.project-form input,.project-form select,.project-form textarea{margin-top:8px}.project-form textarea{resize:vertical;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-form .consent{display:flex;gap:10px;font-weight:400;align-items:start;line-height:1.6}.consent input{width:17px;height:17px;flex:none;margin-top:2px}.consent a{text-decoration:underline}.fine{font-size:11px;margin-top:15px!important}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.notice{padding:16px;background:#fff2dc;border:1px solid #e1c793;border-radius:7px;margin-bottom:20px;font-size:13px}.notice.success{background:#edf6df;border-color:#bfceaa}.notice a{text-decoration:underline}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:0;background:white;padding:15px;z-index:10}.ra-site :focus-visible{outline:3px solid #93b945;outline-offset:4px}.privacy-content{max-width:790px;padding-bottom:80px}.ra-site .wp-site-blocks{padding:0}.ra-site main{margin:0}.ra-site .wp-block-html{margin:0}
@media(min-width:1600px){.shell{max-width:1320px}.hero{gap:90px}.hero-photo{height:460px}}
@media(max-width:900px){.shell{padding-left:25px;padding-right:25px}.hero{gap:30px;grid-template-columns:1fr 1fr;padding-top:45px}.hero h1{font-size:52px}.hero-photo{height:390px}.code-card{left:-10px;font-size:10px}.service-grid{gap:12px}.service-card{padding:22px}.workflow-layout,.about-teaser{gap:35px}.contact-layout{gap:35px}.header-inner{gap:15px}.site-header nav{gap:16px}.brand{font-size:23px}.footer-email{font-size:18px}}
@media(max-width:650px){.shell{padding-left:22px;padding-right:22px}.header-inner{min-height:82px;flex-wrap:wrap;padding-top:16px;padding-bottom:14px;gap:14px}.brand{font-size:24px}.brand-symbol{width:35px;height:35px;font-size:28px}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:13px}.ra-site .button.small{font-size:12px;min-height:38px;padding:10px 13px;gap:12px}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px;padding-bottom:42px}.hero h1{font-size:52px}.hero .intro{font-size:15px}.hero-art{max-width:460px;width:100%;margin:auto}.hero-photo{height:330px;border-top-left-radius:85px}.code-card{left:0;width:95%;font-size:11px}.skill-strip .shell{justify-content:center;gap:17px}.skill-strip span{width:100%;text-align:center}.skill-strip strong{font-size:17px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block}.section-heading p{margin-top:20px}.service-grid,.workflow-layout,.steps,.about-teaser,.two-column,.contact-layout{grid-template-columns:1fr;gap:25px}.service-card{min-height:0;padding:28px}.service-card .service-icon{margin-bottom:18px}.service-card p{margin-bottom:18px}.workflow-layout{gap:30px}.steps{gap:12px}.step-number{padding:15px 0}.cta-panel{display:block;padding:30px;margin-bottom:45px}.cta-panel .button{margin-top:25px}.cta-panel h2{font-size:33px}.footer-top{display:block;padding-bottom:35px}.footer-email{display:inline-block;margin-top:28px;font-size:19px}.footer-top h2{font-size:38px}.footer-bottom{display:grid;gap:14px}.page-intro{padding:45px 0 35px}.page-intro h1{font-size:47px}.page-intro p:last-child{font-size:16px}.contact-layout{padding-bottom:50px}.form-card{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.contact-details{padding-top:0}.footer-top .eyebrow{font-size:10px}.ra-site .button{gap:17px;padding:14px 20px}.hero .actions{gap:10px}}
.ra-site h1,.ra-site h2,.ra-site h3{color:var(--ink)}.ra-site .site-footer h2{color:#f5f8eb}.brand-symbol{display:inline-flex;align-items:baseline;justify-content:center;padding-top:1px}.brand-symbol span{display:inline}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ra-site .button:hover{transform:none}}
.brand-logo{display:block;width:250px;height:auto;max-width:100%}@media(max-width:900px){.brand-logo{width:215px}}@media(max-width:650px){.brand-logo{width:205px}}
.hero-photo{object-fit:contain;object-position:center top;background:radial-gradient(ellipse at center,#e4eddf 0%,#f2f4e9 57%,#fafaf6 75%);filter:none;height:490px;border-radius:24px}.image-label{top:25px;right:10px}.hero-art .code-card{bottom:0}@media(max-width:900px){.hero-photo{height:440px}}@media(max-width:650px){.hero-photo{height:400px}.image-label{top:20px;font-size:10px}}