@charset "UTF-8";
/*
Theme Name: zmianagry-start
Theme URI: https://trifectamarketing.pl/
Author: Sebastian Szydlowski
Author URI: https://trifectamarketing.pl/
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nz-theme
*/



:root {
      
      --bg-dark: #111827;
      --accent-gold: #c5a059;
      --accent-red: #b91c1c;
      --text-white: #ffffff;
      --text-muted: #9ca3af;
      --card-bg: rgba(255, 255, 255, 0.05);
      --font:'Inter', sans-serif;
  }



@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; /
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/inter-v20-latin_latin-ext-800.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/inter-v20-latin_latin-ext-900.woff2') format('woff2'); 
}


/*************************************
******************SETUP***************
**************************************/
html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;scroll-behavior:smooth}
*{box-sizing:border-box;}
*::before,*::after{box-sizing:inherit;}

body{
  padding:0;
  height:100%;
  font-family:var(--font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: var(--bg-dark);
  color: var(--text-white);
  margin: 0;
  line-height: 1.6;
}

main{display:block;}
div, section{margin:0px;border:0;outline:0;padding:0px}
article{display:block}svg,img,picture{max-width:100%;display:block;height:auto;margin:0;}
iframe{width:100%}p,blockquote,address,big,cite,code,em,font,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td {border:none;padding:0;margin:0;overflow-wrap:break-word;word-break:break-word}
hr{width:auto;text-align:center;border-top:8px dotted #000;margin-top: 1rem;margin-bottom: 1rem;}

section { padding: 80px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }


/****************************/
/*********LIST**************/
/***************************/
ul,ol{margin:0 0 2rem 1rem}
ul{list-style:disc}
ul ul{list-style:circle}
ul ul ul{list-style: square}
ol{list-style:decimal}
ol ol{list-style:lower-alpha}
ol ol ol {list-style:lower-roman}
li{line-height:1.5;font-weight:var(--font-weight);margin: 0.5rem 0 0 1rem;font-family:var(--font-base)}
li > ul,li > ol{margin:1rem 0 0 1rem}
dt, dd{line-height:1.5}
dt{font-weight:700}
dt + dd{margin-top:0.5rem}
dd + dt{margin-top:0rem}

/************************
**********MEDIA**********
*************************/
figure{display:block;margin:0}
iframe{display:block;max-width:100%}
video{display:block}
figcaption,
.wp-caption-text{color:#6d6d6d;display:block;font-size:1.5rem;font-weight:500;line-height:1.2;margin-top:1.5rem}
figcaption a,
.wp-caption-text a{color:inherit}
/**********************************
********Text-level semantics*******
***********************************/
b,strong,bold {font-weight:700}

code,kbd,pre,samp{font-family:monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
details{display:block}
summary{display:list-item}
blockquote {background:#f9f9f9;border-left:10px solid #ccc;margin:6% auto;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019";width:73%}
blockquote:before {color:#ccc;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}
blockquote p {display:inline;font-weight:900;font-size:calc(2.26937rem + .2325vw);line-height:1.8}
blockquote span{display:flex;justify-content:flex-end}

/****************************/
/*****HEADINGS**************/
/***************************/

h1, h2, h3, h4 { text-transform: uppercase; letter-spacing: -0.02em; line-height: 1.1; margin: 0; }
h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 900; text-align: center; }
h2 { font-size: 2.2rem; font-weight: 800; text-align: center; margin-bottom: 50px; }

/*******************************************
****************button and link*************
*******************************************/
a {text-decoration:none;color: var(--purple-dark)}
a:hover{transition:0}
.grid-wrapper a{color:var(--black)}


.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn {background-color:var(--yellow);
  color:var(--black);
border:0.0625rem solid;
  border-color:var(--yellow);
  border-radius: 50em;
  font-weight: 900;
  font-size: 1.6rem;
  padding:var(--btn-padding);
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  display:block;
}

.btn:hover{
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-color:var(--black);
  border: .0825rem solid;
  -webkit-transform: translate(0px, -2px);
      -ms-transform: translate(0px, -2px);
          transform: translate(0px, -2px);  
}

button,
.btn
{text-transform:uppercase;font-family:var(--font-base);cursor:pointer}

/*************************************
****************HELPERS***************
*************************************/

.content-wrapper{max-width:1920px;margin:auto;}

.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.gold-text { color: var(--accent-gold); }


.hero { background: radial-gradient(circle at center, #1e293b 0%, #111827 100%); padding-top: 100px; }
.hero-eyebrow {display:block;text-align: center;font-size: 0.9rem; font-weight: 700; color: var(--accent-gold); margin-bottom: 15px; text-transform: uppercase;}
.hero-sub { text-align: center; color: var(--text-muted); max-width: 850px; margin: 25px auto 45px; font-size: 1.15rem; }

.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }

.ps-row { background: var(--card-bg); padding: 25px; border-radius: 8px; margin-bottom: 15px; border-left: 4px solid var(--accent-gold); }
.ps-label { font-size: 0.75rem; font-weight: 800; opacity: 0.6; display: block; margin-bottom: 5px; }
.ps-content { font-size: 1rem; font-weight: 600; }

.expert-card { text-align: center; background: var(--card-bg); padding: 30px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.05); transition: transform 0.3s ease; }
.expert-card:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.08); }
.expert-img img,
.expert-big-img img { width: 90px; height: 90px; background: #374151; border-radius: 50%; margin: 0 auto 15px; border: 2px solid var(--accent-gold); }
.expert-big-img img{width: 180px; height: 180px}
.expert-name { font-weight: 800; font-size: 0.95rem; margin-bottom: 5px; }
.expert-role { font-size: 0.75rem; color: var(--accent-gold); text-transform: uppercase; font-weight: 600; }


.video-box { background: #000; border: 1px solid rgba(197, 160, 89, 0.3); padding: 30px; border-radius: 12px; position: relative; }
.video-tag { position: absolute; top: -15px; right: 20px; background: var(--accent-red); padding: 5px 15px; font-weight: 800; font-size: 0.7rem; border-radius: 4px; }

.bonus-box {border:2px solid var(--accent-gold); padding: 50px; border-radius: 16px; background: rgba(197, 160, 89, 0.03); position: relative; }
.hard-data-bar {text-align: center; margin-bottom: 30px; font-weight: 800; font-size: 1.5rem; letter-spacing: 1px; }

.form-container{background: #1f2937;padding:40px;border-radius:12px;border:1px solid #374151; max-width: 500px; margin: 0 auto; box-shadow: 0 20px 40px rgba(0,0,0,0.4); }

input { width: 100%; padding: 15px; margin-bottom: 15px; background: #111827; border: 1px solid #374151; color: white; border-radius: 4px; font-size: 1rem; }

.btn-submit { width: 100%; padding: 20px; background: var(--accent-red); color: white; border: none; font-weight: 900; text-transform: uppercase; cursor: pointer; border-radius: 4px; font-size: 1.1rem; transition: 0.3s; }
.btn-submit:hover { background: #991b1b; transform: scale(1.02); }

  @media (max-width: 768px) {
      .grid-3, .grid-2 { grid-template-columns: 1fr; }
        
        h1 { font-size: 2.2rem; }
            .hard-data-bar { font-size: 1rem; }
        }