:root{--bg-primary:#FDFDF9;--bg-dark:#111111;--text-primary:#111111;--text-light:#FDFDF9;--accent:#F4B41A;--font-display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--container-width:1400px;--radius-huge:48px;--radius-pill:999px;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:0.95;text-transform:lowercase;letter-spacing:-0.04em;margin-bottom:1rem;}a{color:inherit;text-decoration:none;transition:opacity 0.2s;}a:hover{opacity:0.7;}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem;}.site-header{padding:2rem 0;background:var(--bg-primary);}.site-header .container{display:flex;justify-content:space-between;align-items:center;}.site-title{font-family:var(--font-display);font-size:2rem;letter-spacing:-0.05em;}.main-navigation ul{list-style:none;display:flex;gap:3rem;}.main-navigation a{font-weight:500;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;}.menu-toggle{display:none;background:none;border:none;font-size:2rem;cursor:pointer;}.btn-pill{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--text-primary);border-radius:var(--radius-pill);padding:0.5rem 1.5rem;font-weight:600;text-transform:uppercase;font-size:0.8rem;letter-spacing:0.05em;background:transparent;color:var(--text-primary);transition:all 0.3s;cursor:pointer;}.btn-pill:hover{background:var(--text-primary);color:var(--bg-primary);}.btn-pill.inverted{border-color:var(--bg-primary);color:var(--bg-primary);}.btn-pill.inverted:hover{background:var(--bg-primary);color:var(--text-primary);}.hero{padding:4rem 0 8rem;}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch;}.hero-content{display:flex;flex-direction:column;justify-content:center;}.hero-title{font-size:clamp(4rem,8vw,8rem);margin-bottom:2rem;}.hero-desc{font-size:1.25rem;max-width:80%;margin-bottom:3rem;}.hero-stats{display:flex;gap:3rem;}.hero-stat h4{font-size:2.5rem;margin-bottom:0.25rem;}.hero-stat p{font-size:0.875rem;text-transform:uppercase;font-weight:600;}.hero-visual{background-color:var(--accent);border-radius:var(--radius-huge);position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;}.hero-visual-inner{font-family:var(--font-display);font-size:4rem;color:rgba(0,0,0,0.1);transform:rotate(-10deg);line-height:0.8;}.floating-badge{position:absolute;width:60px;height:60px;background:var(--text-primary);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-display);font-size:1.5rem;border:4px solid var(--bg-primary);}.fb-1{top:10%;left:-20px;}.fb-2{bottom:20%;right:-20px;}.marquee-section{background:var(--bg-dark);color:var(--text-light);padding:6rem 0;overflow:hidden;position:relative;}.marquee{display:flex;white-space:nowrap;animation:scroll 20s linear infinite;font-family:var(--font-display);font-size:clamp(4rem,8vw,8rem);}.marquee span{padding:0 2rem;}@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.services-section{padding:8rem 0;}.services-list{border-top:2px solid var(--text-primary);}.service-row{display:grid;grid-template-columns:100px 2fr 1fr auto;align-items:center;padding:2.5rem 0;border-bottom:2px solid var(--text-primary);}.service-num{font-size:1.5rem;font-weight:500;}.service-title{font-family:var(--font-body);font-size:2.5rem;font-style:italic;font-weight:800;margin-bottom:0;letter-spacing:-0.03em;text-transform:none;}.service-desc{font-size:0.9rem;font-weight:500;}.plugins-section{padding:8rem 0;position:relative;}.plugins-title-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(5rem,12vw,12rem);z-index:10;pointer-events:none;color:var(--text-primary);mix-blend-mode:overlay;}.plugins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative;z-index:5;}.plugin-card{background:#E5E5E5;border-radius:var(--radius-huge);padding:3rem;min-height:450px;display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.3s;}.plugin-card:hover{transform:scale(0.98);}.plugin-card.is-accent{background:var(--accent);}.plugin-card h3{font-size:2.5rem;margin-bottom:0.5rem;}.plugin-card p{font-weight:500;}.badge-price{display:inline-block;padding:0.5rem 1rem;border:2px solid var(--text-primary);border-radius:var(--radius-pill);font-weight:700;font-size:0.8rem;text-transform:uppercase;margin-bottom:2rem;}.site-footer{padding:10rem 0 4rem;background:var(--bg-primary);text-align:center;}.footer-massive{font-size:clamp(6rem,15vw,18rem);line-height:0.8;margin-bottom:4rem;}.footer-meta{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--text-primary);padding-top:2rem;}.footer-links{display:flex;gap:2rem;}.footer-links a{font-weight:600;text-transform:uppercase;font-size:0.9rem;}.single-header{padding:8rem 0 4rem;}.single-header h1{font-size:5rem;}@media (max-width:992px){.hero-grid{grid-template-columns:1fr;}.hero-visual{min-height:400px;}.service-row{grid-template-columns:50px 1fr;gap:1rem;}.service-desc,.service-btn{grid-column:2;}.service-btn{justify-self:start;}.plugins-grid{grid-template-columns:1fr 1fr;}}@media (max-width:768px){.menu-toggle{display:block;}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);padding:2rem;border-bottom:2px solid var(--text-primary);z-index:1000;}.main-navigation.is-active{display:block;}.main-navigation ul{flex-direction:column;gap:1.5rem;text-align:center;}.plugins-grid{grid-template-columns:1fr;}.footer-meta{flex-direction:column;gap:2rem;}}\n/* Brutalist Forms & Inner Pages */\n.single-content { padding: 4rem 0 8rem; }\n.entry-content { font-size: 1.1rem; }\n.entry-content h2, .entry-content h3 { margin-top: 3rem; font-family: var(--font-body); font-weight: 800; text-transform: none; }\n.entry-content ul { padding-left: 2rem; margin-bottom: 2rem; }\n.entry-content li { margin-bottom: 1rem; }\n\n/* Sidebar / Widgets */\n.sidebar-widget { background: var(--bg-primary); border: 2px solid var(--text-primary); border-radius: 24px; padding: 2rem; box-shadow: 8px 8px 0 var(--text-primary); }\n.sidebar-widget ul { list-style: none; padding: 0; }\n.sidebar-widget li { display: flex; justify-content: space-between; border-bottom: 1px solid var(--text-primary); padding: 1rem 0; font-weight: 600; }\n.sidebar-widget li:last-child { border-bottom: none; }\n\n/* Forms */\n.contact-form { background: var(--bg-primary); border: 2px solid var(--text-primary); border-radius: 24px; padding: 3rem; box-shadow: 12px 12px 0 var(--text-primary); }\n.form-group { margin-bottom: 2rem; }\n.form-group label { display: block; font-weight: 800; text-transform: uppercase; margin-bottom: 0.5rem; letter-spacing: 0.05em; }\n.form-control { width: 100%; padding: 1rem; border: 2px solid var(--text-primary); border-radius: 12px; background: #fff; font-family: var(--font-body); font-size: 1rem; transition: all 0.2s; }\n.form-control:focus { outline: none; border-color: var(--accent); box-shadow: 4px 4px 0 var(--accent); }\n.btn-massive { width: 100%; display: block; padding: 1.5rem; background: var(--text-primary); color: var(--bg-primary); border: none; font-family: var(--font-display); font-size: 1.5rem; cursor: pointer; border-radius: 12px; transition: transform 0.2s; }\n.btn-massive:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }\n\n/* Tech Stack & FAQ */\n.tech-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 2rem; }\n.tech-item { border: 2px solid var(--text-primary); padding: 2rem; text-align: center; border-radius: var(--radius-huge); font-weight: 700; font-size: 1.25rem; background: #fff; box-shadow: 4px 4px 0 var(--text-primary); }\n.faq-item { border-bottom: 2px solid var(--text-primary); padding: 2rem 0; }\n.faq-item h3 { font-family: var(--font-body); font-weight: 800; font-size: 1.5rem; margin-bottom: 1rem; text-transform: none; }\n\n/* CTA Section */\n.cta-section { background: var(--accent); padding: 10rem 0; text-align: center; border-top: 4px solid var(--text-primary); border-bottom: 4px solid var(--text-primary); }\n.cta-title { font-size: clamp(4rem, 10vw, 10rem); color: var(--text-primary); margin-bottom: 2rem; }\n \n/* Brutalist Content Deep Styling */\n.brutalist-content h2 {\n font-family: var(--font-display);\n font-size: clamp(2.5rem, 5vw, 4rem);\n line-height: 1;\n margin: 4rem 0 2rem;\n text-transform: lowercase;\n letter-spacing: -0.02em;\n}\n.brutalist-content p {\n font-size: 1.25rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n max-width: 800px;\n}\n.brutalist-content ul {\n font-size: 1.25rem;\n line-height: 1.8;\n margin-bottom: 3rem;\n padding-left: 2rem;\n}\n.brutalist-content li {\n margin-bottom: 1rem;\n}\n.brutalist-content strong {\n font-weight: 800;\n}\n.brutalist-content pre {\n background: var(--text-primary);\n color: var(--bg-primary);\n padding: 2rem;\n border-radius: 12px;\n font-size: 1.1rem;\n overflow-x: auto;\n margin-bottom: 2rem;\n box-shadow: 8px 8px 0 var(--accent);\n}\n.brutalist-content code {\n font-family: monospace;\n}\n\n.contact-info-wrapper a:hover {\n transform: translateX(10px);\n transition: transform 0.2s;\n}\n \n/* UI Fixes & Responsive Rules */\n.tech-item { color: var(--text-primary) !important; background: var(--bg-primary) !important; }\n.faq-item { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 4px solid var(--text-primary); }\n.faq-item h3 { margin-bottom: 1rem; font-size: 2rem; font-family: var(--font-display); text-transform: lowercase; }\n\n/* Social Links Animation */\n@keyframes pulseGlow { 0% { box-shadow: 0 0 0 0 rgba(20, 168, 0, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(20, 168, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(20, 168, 0, 0); } }\n.social-animate { animation: pulseGlow 2s infinite; }\n\n/* Responsive Grid Fixes */\n@media (max-width: 992px) {\n .single-content .container > div { grid-template-columns: 1fr !important; }\n .main-column { border-right: none !important; padding-right: 0 !important; }\n .sidebar { margin-top: 4rem; }\n .sidebar > div { position: relative !important; top: 0 !important; }\n .contact-form-wrapper, .contact-info-wrapper { grid-template-columns: 1fr !important; }\n .single-header h1 { font-size: clamp(3rem, 12vw, 6rem) !important; }\n .cta-title { font-size: clamp(3rem, 12vw, 5rem) !important; }\n}\n\n@media (max-width: 768px) {\n .hero-grid { grid-template-columns: 1fr !important; }\n .hero h1 { font-size: clamp(3rem, 15vw, 5rem); }\n .plugins-grid { grid-template-columns: 1fr !important; }\n .tech-grid { grid-template-columns: 1fr 1fr !important; }\n}\n \n/* Header Mobile CSS */\n@media (max-width: 768px) {\n .main-navigation { display: none !important; flex-direction: column; width: 100%; position: absolute; top: 100%; left: 0; background: var(--bg-primary); padding: 2rem; border-bottom: 4px solid var(--text-primary); }\n .main-navigation.toggled { display: flex !important; }\n .menu-toggle { display: block !important; }\n}\n .btn-massive { display: inline-block; padding: 1.5rem 3rem; font-size: 1.5rem; font-weight: 800; text-transform: uppercase; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; } .btn-massive:hover { transform: translate(-4px, -4px); box-shadow: 10px 10px 0 var(--text-primary) !important; } .btn-massive:active { transform: translate(2px, 2px); box-shadow: 0 0 0 var(--text-primary) !important; } .contact-form-wrapper{background:var(--bg-primary);}.form-group{margin-bottom:2rem;}.form-group label{display:block;font-size:1.5rem;font-weight:800;margin-bottom:0.5rem;text-transform:uppercase;}.form-control{width:100%;padding:1rem 1.5rem;font-size:1.25rem;font-family:var(--font-body);border:4px solid var(--text-primary);border-radius:0;background:var(--bg-primary);color:var(--text-primary);box-shadow:4px 4px 0 var(--text-primary);transition:all 0.2s;}.form-control:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:8px 8px 0 var(--accent);transform:translate(-4px,-4px);}@media (max-width:992px){.hero-split{grid-template-columns:1fr !important;gap:2rem !important;}.hero-left h1{font-size:clamp(4rem,15vw,6rem) !important;}.hero-right .yellow-card{min-height:400px !important;}.social-circles{margin-bottom:2rem !important;}}.single-post-layout{display:grid;grid-template-columns:2fr 1fr;gap:4rem;}.main-column{padding-right:2rem;border-right:4px solid var(--text-primary);min-width:0;}.sidebar-column{min-width:0;}.sidebar-card{position:sticky;top:120px;background:var(--bg-dark);color:var(--text-light);border:4px solid var(--text-primary);border-radius:48px;padding:3rem;text-align:center;box-shadow:12px 12px 0 var(--text-primary);}.entry-content pre,.entry-content code{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word;}.entry-content table{width:100%;display:block;overflow-x:auto;max-width:100%;}.entry-content img,.entry-content iframe{max-width:100%;height:auto;}@media (max-width:992px){.single-post-layout{grid-template-columns:1fr !important;gap:3rem !important;}.main-column{padding-right:0 !important;border-right:none !important;border-bottom:4px solid var(--text-primary);padding-bottom:3rem;}.sidebar-card{position:static !important;border-radius:32px !important;padding:2rem !important;box-shadow:8px 8px 0 var(--text-primary) !important;}}.header-links a{color:var(--text-primary);text-decoration:none;font-weight:800;font-size:1.2rem;transition:color 0.2s;letter-spacing:-0.02em;}.header-links a:hover{color:var(--accent);}@media (max-width:992px){.menu-toggle{display:block !important;}.main-navigation{display:none !important;position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border-bottom:4px solid var(--text-primary);padding:2rem;flex-direction:column;gap:1.5rem !important;align-items:center !important;z-index:1000;box-shadow:0 10px 20px rgba(0,0,0,0.1);}.main-navigation.is-active{display:flex !important;}.header-links{flex-direction:column;gap:1.5rem !important;}}.marquee-section{background:var(--text-primary);color:var(--accent);padding:1.5rem 0;overflow:hidden;white-space:nowrap;border-top:4px solid var(--text-primary);border-bottom:4px solid var(--text-primary);}.marquee{display:inline-flex;white-space:nowrap;animation:marqueeAnimation 25s linear infinite;}.marquee span{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;text-transform:uppercase;letter-spacing:0.05em;padding-right:2rem;}@keyframes marqueeAnimation{0%{transform:translateX(0%);}100%{transform:translateX(-50%);}}@media (max-width:768px){.container{padding:0 1.25rem !important;}.service-row{flex-direction:column !important;align-items:flex-start !important;gap:1rem !important;padding:1.5rem 0 !important;}.service-num{font-size:2rem !important;width:auto !important;}.service-title{font-size:1.5rem !important;max-width:100% !important;}.service-desc{font-size:1rem !important;margin-bottom:0.5rem !important;}.service-btn{width:100% !important;}.service-btn .btn-pill{width:100% !important;text-align:center !important;}.plugins-grid{grid-template-columns:1fr !important;}.single-header{padding:6rem 0 3rem !important;}.single-header h1{font-size:clamp(2.5rem,10vw,4rem) !important;}.hero-right .yellow-card{border-radius:36px !important;border-top-right-radius:80px !important;min-height:350px !important;}}