/*
Theme Name: Graphinate Creative Studio
Theme URI: https://www.graphinate.com/
Author: Graphinate Creative Studio
Description: A modern, dark creative agency and WooCommerce service-selling theme for Graphinate.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: graphinate
*/
:root{--bg:#08090b;--panel:#111318;--text:#f6f7f8;--muted:#a9adb6;--lime:#d6ff00;--line:#292c33;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,9,11,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:-1px;font-size:25px}.brand span{color:var(--lime)}.main-nav{display:flex;gap:24px;align-items:center}.main-nav a{font-size:14px;color:#e4e6e9}.main-nav a:hover{color:var(--lime)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#111;font-weight:800;border-radius:999px;padding:13px 21px;border:0;cursor:pointer;transition:.2s}.header-cta:hover,.btn:hover{transform:translateY(-2px);filter:brightness(.94)}.btn-outline{background:transparent;color:#fff;border:1px solid #555a63}.hero{padding:94px 0 78px;overflow:hidden;background:radial-gradient(ellipse at 82% 25%,rgba(214,255,0,.12),transparent 32%),linear-gradient(135deg,#0b0c10,#08090b 60%)}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--lime);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800}.eyebrow:before{content:'';width:24px;height:2px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(44px,7vw,84px);line-height:.99;letter-spacing:-4px;max-width:850px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy{font-size:18px;color:#c4c7cd;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:48px;color:var(--muted);font-size:13px}.hero-meta strong{color:white}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-1.5px;margin:10px 0 0}.section-head p{color:var(--muted);max-width:430px;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:linear-gradient(145deg,#15171d,#0f1014);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:230px;display:flex;flex-direction:column;transition:.25s}.service-card:hover{border-color:var(--lime);transform:translateY(-4px)}.service-icon{width:48px;height:48px;border-radius:13px;background:rgba(214,255,0,.1);color:var(--lime);display:grid;place-items:center;font-size:24px;margin-bottom:25px}.service-card h3{font-size:21px;margin-bottom:8px}.service-card p{color:var(--muted);font-size:14px;margin-bottom:20px}.card-link{color:var(--lime);font-size:13px;font-weight:800;margin-top:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-panel{background:linear-gradient(145deg,#1b1e24,#0c0d10);border:1px solid var(--line);border-radius:24px;padding:35px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.feature-panel .bigmark{font-size:clamp(60px,8vw,110px);font-weight:900;line-height:.9;letter-spacing:-6px;color:var(--lime)}.feature-panel small{color:var(--muted)}.split h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-1.5px}.split p{color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{padding:10px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';color:var(--lime);font-weight:900;margin-right:12px}.cta-band{background:var(--lime);color:#111;border-radius:24px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0;max-width:650px}.cta-band .btn{background:#101114;color:white;white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:42px 0 24px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.copyright{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:12px}.page-hero{padding:60px 0 36px;background:radial-gradient(ellipse at 80% 0%,rgba(214,255,0,.1),transparent 35%)}.page-hero h1{font-size:clamp(38px,6vw,64px);letter-spacing:-2px;line-height:1.02;margin:12px 0}.page-hero p{color:var(--muted);max-width:650px}.content-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.woocommerce,.woocommerce-page{color:var(--text)}.woocommerce ul.products li.product,.woocommerce div.product,.woocommerce-cart .cart-collaterals,.woocommerce-checkout #payment,.woocommerce-checkout form.checkout{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.woocommerce ul.products li.product{margin-bottom:20px}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--lime)}.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--lime);color:#111;border-radius:999px;font-weight:800}.woocommerce-message,.woocommerce-info{border-top-color:var(--lime);color:#111}.woocommerce-message::before,.woocommerce-info::before{color:#111}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{background:#090a0c;color:#fff;border:1px solid #3a3d45;border-radius:8px;padding:12px}.woocommerce table.shop_table{border-color:var(--line)}.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)}.woocommerce .quantity .qty{background:#111;color:#fff;border:1px solid #444;border-radius:7px;padding:8px}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.woocommerce .woocommerce-breadcrumb a{color:var(--lime)}.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#17191e;border-color:#333}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#0b0c0f}.woocommerce span.onsale{background:var(--lime);color:#111}.woocommerce .star-rating{color:var(--lime)}.woocommerce .col2-set,.woocommerce-page .col2-set{gap:20px}.entry-content{color:#e8e9eb}.entry-content a{color:var(--lime)}.mobile-toggle{display:none}@media(max-width:800px){.main-nav{display:none;position:absolute;left:0;right:0;top:78px;padding:20px 4%;background:#0d0e12;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.is-open{display:flex}.mobile-toggle{display:inline-flex;background:none;color:#fff;border:1px solid #444;border-radius:9px;padding:8px 11px}.header-cta{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:28px}.hero{padding:68px 0 55px}.hero h1{letter-spacing:-2px}.section{padding:55px 0}.cta-band{align-items:flex-start;flex-direction:column;padding:30px}}@media(max-width:520px){.service-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero-meta{gap:14px}.brand{font-size:22px}.feature-panel{padding:25px}.woocommerce ul.products li.product{width:100%!important;float:none!important}.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{width:100%;float:none}}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portfolio-card{overflow:hidden;background:#111318;border:1px solid var(--line);border-radius:16px}.portfolio-card>a{display:block;aspect-ratio:4/3;overflow:hidden;background:#191b20}.portfolio-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.portfolio-card:hover img{transform:scale(1.04)}.portfolio-caption{padding:17px 18px}.portfolio-caption h3{font-size:17px;margin-bottom:4px}.portfolio-caption p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.portfolio-grid{grid-template-columns:1fr}}