@font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-ext-400-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-400-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-ext-600-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-600-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-ext-700-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-700-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-display: swap;
font-weight: 500;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-ext-500-italic.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-display: swap;
font-weight: 500;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/fraunces-latin-500-italic.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-sans-latin-ext-500-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'IBM Plex Sans';
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
} @font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
} @font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(//beezio.hu/wp-content/themes/beezio-theme/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}:root{
--ink:#15130d;
--surface:#1d1a12;
--surface-2:#262217;
--line:#3a331f;
--ivory:#f3edcc;
--ivory-dim:#f3edcc;
--muted:#a79b7e;
--honey:#e5a930;
--honey-soft:#f0c469;
--amber:#b5651d;
--display:'Fraunces', serif;
--body:'IBM Plex Sans', sans-serif;
--mono:'IBM Plex Mono', monospace;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
background:var(--ink);
color:var(--ivory);
font-family:var(--body);
line-height:1.55;
overflow-x:hidden;
}
a{color:inherit; text-decoration:none;}
img,svg{display:block; max-width:100%;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;} .hex-bg{
position:absolute; inset:0;
opacity:0.35;
pointer-events:none;
z-index:0;
} .site-header{
position:sticky; top:0; z-index:50;
background:rgba(21,19,13,0.82);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--line);
}
.nav{
display:flex; align-items:center; justify-content:space-between;
padding:18px 32px;
max-width:1180px; margin:0 auto;
}
.logo{
display:flex; align-items:center; gap:10px;
font-family:var(--display); font-weight:700; font-size:22px;
letter-spacing:0.01em;
color:var(--ivory);
}
.logo-hex{
width:26px; height:26px;
background:var(--honey);
clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
flex-shrink:0;
}
.logo img{ max-height:34px; width:auto; }
.main-nav ul{
display:flex; gap:34px;
font-size:14.5px; color:var(--muted);
list-style:none;
}
.main-nav a{ color:var(--muted); transition:color .2s ease; }
.main-nav a:hover,
.main-nav .current-menu-item > a{ color:var(--honey-soft); }
.cta-small{
border:1px solid var(--honey);
color:var(--honey);
padding:9px 18px;
border-radius:2px;
font-size:14px;
font-weight:500;
transition:all .2s ease;
white-space:nowrap;
}
.cta-small:hover{ background:var(--honey); color:var(--ink); }
.menu-toggle{
display:none; background:none; border:none; color:var(--ivory);
font-size:26px; cursor:pointer; line-height:1;
}
@media (max-width:860px){
.menu-toggle{ display:block; }
.main-nav{
position:absolute; top:100%; left:0; right:0;
background:var(--surface);
border-bottom:1px solid var(--line);
max-height:0; overflow:hidden;
transition:max-height .3s ease;
}
.main-nav.open{ max-height:520px; }
.main-nav ul{
flex-direction:column; gap:0;
padding:10px 32px 20px;
}
.main-nav li{ padding:12px 0; border-bottom:1px solid var(--line); }
.header-cta{ display:none; }
} .hero{
position:relative;
padding:120px 0 140px;
overflow:hidden;
}
.hero .wrap{ position:relative; z-index:2; }
.eyebrow{
font-family:var(--mono);
font-size:13px;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--honey);
display:flex; align-items:center; gap:10px;
margin-bottom:26px;
}
.eyebrow::before{
content:'';
width:22px; height:1px;
background:var(--honey);
}
h1{
font-family:var(--display);
font-weight:700;
font-size:clamp(38px, 5.4vw, 68px);
line-height:1.06;
max-width:820px;
letter-spacing:-0.01em;
}
h1 em{
font-style:italic;
font-weight:500;
color:var(--honey-soft);
}
.hero p.lead{
margin-top:26px;
max-width:540px;
font-size:18px;
color:var(--muted);
}
.hero-actions{
margin-top:42px;
display:flex; gap:18px; flex-wrap:wrap;
}
.btn-primary{
background:var(--honey);
color:var(--ink);
padding:15px 30px;
font-weight:600;
font-size:15px;
border-radius:2px;
transition:transform .2s ease, background .2s ease;
cursor:pointer;
border:none;
font-family:var(--body);
}
.btn-primary:hover{ background:var(--honey-soft); transform:translateY(-2px); }
.btn-ghost{
border:1px solid var(--line);
color:var(--ivory);
padding:15px 30px;
font-size:15px;
border-radius:2px;
transition:border-color .2s ease, color .2s ease;
}
.btn-ghost:hover{ border-color:var(--honey); color:var(--honey-soft); } .hero-hive{
position:absolute;
right:-60px; top:50%; transform:translateY(-50%);
width:520px; height:520px;
z-index:1;
opacity:0.9;
}
@media (max-width:980px){ .hero-hive{ display:none; } } .section{ position:relative; padding:100px 0; }
.section-head{ max-width:600px; margin-bottom:64px; }
.section-head .eyebrow{ margin-bottom:18px; }
h2{
font-family:var(--display);
font-weight:600;
font-size:clamp(28px, 3.4vw, 42px);
letter-spacing:-0.01em;
}
.section-head p{
margin-top:16px;
color:var(--muted);
font-size:16.5px;
}
.divider{
height:1px;
background:linear-gradient(90deg, var(--line), transparent);
} .comb{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:2px;
max-width:900px;
margin:0 auto;
}
.cell{
position:relative;
width:260px;
height:300px;
margin:-38px 2px;
clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
background:var(--surface);
border:1px solid var(--line);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:40px 30px;
transition:background .35s ease, transform .35s ease;
opacity:0;
transform:scale(0.85);
}
.cell.in{ opacity:1; transform:scale(1); }
.cell:nth-child(even){ margin-top:20px; }
.cell:hover{
background:var(--surface-2);
transform:scale(1.04);
}
.cell .num{
font-family:var(--mono);
font-size:12px;
color:var(--honey);
letter-spacing:0.1em;
margin-bottom:14px;
}
.cell h3{
font-family:var(--display);
font-weight:600;
font-size:19px;
margin-bottom:10px;
}
.cell p{
font-size:13.5px;
color:var(--muted);
line-height:1.5;
}
@media (max-width:700px){
.cell{ width:220px; height:260px; margin:-30px 1px; padding:28px 22px;}
}
@media (max-width:480px){
.comb{ flex-direction:column; align-items:center; }
.cell{ clip-path:none; border-radius:14px; width:100%; max-width:320px; height:auto; margin:6px 0 !important; padding:26px; }
} .pricing{ background:var(--ink); }
.price-tabs{
display:flex; flex-wrap:wrap; gap:8px;
margin-bottom:40px;
}
.price-tabs[hidden]{ display:none; }
.price-tabs button{
background:none;
border:1px solid var(--line);
color:var(--muted);
font-family:var(--body);
font-size:14.5px;
padding:10px 18px;
border-radius:2px;
cursor:pointer;
transition:border-color .2s ease, color .2s ease, background .2s ease;
}
.price-tabs button:hover{ color:var(--ivory); border-color:var(--honey); }
.price-tabs button[aria-selected="true"]{
background:var(--honey); border-color:var(--honey); color:var(--ink); font-weight:600;
}
.price-panel + .price-panel{ margin-top:56px; }
.price-panel[hidden]{ display:none; }
.price-panel-title{
font-family:var(--display); font-weight:600; font-size:22px;
margin-bottom:22px;
}
.has-price-tabs .price-panel-title{ display:none; }
.has-price-tabs .price-panel + .price-panel{ margin-top:0; }
.price-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.price-card{
background:var(--surface);
border:1px solid var(--line);
border-radius:4px;
padding:30px 28px;
display:flex; flex-direction:column;
transition:border-color .2s ease;
}
.price-card:hover{ border-color:var(--honey); }
.price-card h4{
font-family:var(--mono);
font-size:13px;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--honey);
margin-bottom:12px;
}
.price-card .price{
font-family:var(--display);
font-weight:700;
font-size:28px;
line-height:1.15;
margin-bottom:22px;
}
.price-card ul{
list-style:none;
margin-bottom:28px;
flex:1;
}
.price-card li{
position:relative;
padding-left:20px;
font-size:14.5px;
color:var(--muted);
margin-bottom:9px;
}
.price-card li::before{
content:'';
position:absolute; left:0; top:7px;
width:9px; height:9px;
background:var(--honey);
clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.price-cta{ text-align:center; padding:12px 20px; font-size:14px; }
.price-note{ margin-top:32px; font-size:13.5px; color:var(--muted); }
@media (max-width:900px){ .price-grid{ grid-template-columns:1fr; max-width:480px; } } .references-strip{ background:var(--surface); }
.ref-grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
gap:16px;
}
.ref-grid--compact{ grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); }
.ref-card{
display:flex; flex-direction:column; justify-content:flex-start; gap:10px;
min-height:120px;
padding:24px;
background:var(--ink);
border:1px solid var(--line);
border-radius:4px;
transition:border-color .2s ease, transform .2s ease;
}
.page-content .ref-card{ text-decoration:none; color:var(--ivory); }
a.ref-card:hover{ border-color:var(--honey); transform:translateY(-2px); }
.ref-name{ font-family:var(--display); font-weight:600; font-size:20px; line-height:1.2; }
.ref-logo img{ max-height:56px; max-width:180px; width:auto; margin:0; border-radius:0; filter:grayscale(1) brightness(1.6); opacity:.85; transition:filter .2s ease, opacity .2s ease; }
a.ref-card:hover .ref-logo img{ filter:none; opacity:1; }
.ref-meta{ display:flex; flex-direction:column; gap:4px; }
.ref-title{ font-weight:600; font-size:15px; }
.ref-tag{ font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--honey); }
.ref-work{ font-size:14px; color:var(--muted); }
.ref-link{ font-family:var(--mono); font-size:12.5px; color:var(--muted); margin-top:auto; word-break:break-all; }
a.ref-card:hover .ref-link{ color:var(--honey-soft); }
.ref-more{ margin-top:28px; }
.ref-more a{ color:var(--honey-soft); font-family:var(--mono); font-size:14px; }
.references-page .section-head{ margin-bottom:48px; }
.references-page .section-head p{ color:var(--muted); }
.ref-empty{ color:var(--muted); }
.ref-cta{ margin-top:80px; padding-top:48px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.page-content .ref-cta h2{ margin:0; }
.page-content .ref-cta .btn-primary{ text-decoration:none; color:var(--ink); } .about-grid{
display:grid;
grid-template-columns:minmax(0, 0.8fr) minmax(0, 1.2fr);
gap:64px;
align-items:center;
}
.about-grid > .about-body:only-child{ grid-column:1 / -1; max-width:720px; }
.about-photo{
position:relative;
aspect-ratio:1 / 1;
max-width:400px;
overflow:hidden;
border-radius:4px;
border:1px solid var(--line);
}
.about-photo::after{
content:''; position:absolute; right:-18px; bottom:-18px;
width:90px; height:80px; background:var(--honey);
clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.about-photo img{ width:100%; height:100%; object-fit:cover; }
.about-body .eyebrow{ margin-bottom:18px; }
.about-role{ font-family:var(--mono); font-size:14px; color:var(--honey-soft); margin-top:10px; }
.about-text{ margin-top:26px; }
.about-text p{ color:var(--muted); font-size:16.5px; margin-bottom:16px; }
.about-linkedin{ display:inline-block; margin-top:12px; }
@media (max-width:860px){
.about-grid{ grid-template-columns:1fr; gap:36px; }
.about-photo{ max-width:340px; }
} .consent-check{ display:flex; gap:12px; align-items:flex-start; font-size:14px; color:var(--muted); line-height:1.5; cursor:pointer; }
.consent-check input{ margin-top:3px; width:18px; height:18px; accent-color:var(--honey); flex:none; }
.consent-check a{ color:var(--honey-soft); text-decoration:underline; }
.legal-links{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.legal-links a, .link-button{ color:var(--muted); text-decoration:none; }
.legal-links a:hover, .link-button:hover{ color:var(--honey-soft); }
.link-button{ background:none; border:0; padding:0; font:inherit; cursor:pointer; }
.legal-doc{ max-width:760px; }
.page-content .legal-doc h2{ font-size:24px; margin:44px 0 14px; }
.page-content .legal-doc h3{ font-size:18px; margin:28px 0 10px; font-family:var(--body); font-weight:600; }
.legal-updated{ font-family:var(--mono); font-size:13px; color:var(--muted) !important; }
.legal-table{ width:100%; border-collapse:collapse; margin:8px 0 22px; font-size:15px; }
.legal-table th, .legal-table td{ text-align:left; vertical-align:top; padding:10px 12px; border-bottom:1px solid var(--line); }
.legal-table th{ width:32%; color:var(--muted); font-weight:500; }
.legal-table--cols th{ width:auto; font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.legal-table--cols td:first-child{ font-family:var(--mono); font-size:13.5px; white-space:nowrap; }
mark.legal-todo{ background:#ffe58a; color:#2a2416; padding:1px 6px; border-radius:2px; font-size:14px; }
@media (max-width:600px){
.legal-table th, .legal-table td{ display:block; width:100%; padding:6px 0; }
.legal-table th{ border-bottom:0; padding-top:12px; }
.legal-table--cols tr:first-child{ display:none; }
}
.cookie-banner{
position:fixed; left:16px; right:16px; bottom:16px; z-index:100;
max-width:980px; margin:0 auto;
background:var(--surface); border:1px solid var(--honey);
border-radius:4px; box-shadow:0 10px 40px rgba(0,0,0,.45);
}
.cookie-banner[hidden]{ display:none; }
.cookie-inner{ display:flex; gap:28px; align-items:flex-end; padding:22px 26px; flex-wrap:wrap; }
.cookie-text{ flex:1 1 380px; font-size:14.5px; color:var(--muted); }
.cookie-title{ font-family:var(--display); font-weight:600; font-size:19px; color:var(--ivory); margin-bottom:6px; }
.cookie-text a{ color:var(--honey-soft); text-decoration:underline; }
.cookie-options{ margin-top:14px; display:grid; gap:10px; }
.cookie-options[hidden]{ display:none; }
.cookie-opt{ display:flex; gap:10px; align-items:flex-start; cursor:pointer; }
.cookie-opt input{ margin-top:4px; accent-color:var(--honey); width:16px; height:16px; flex:none; }
.cookie-opt strong{ color:var(--ivory); font-weight:600; }
.cookie-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.cookie-actions [hidden]{ display:none; }
.cookie-actions .btn-ghost, .cookie-actions .btn-primary{ padding:11px 18px; font-size:14px; cursor:pointer; background:none; font-family:var(--body); }
.cookie-actions .btn-primary{ background:var(--honey); }
.cookie-actions .btn-ghost{ color:var(--ivory); border:1px solid var(--line); }
@media (max-width:600px){
.cookie-inner{ padding:18px; }
.cookie-actions{ width:100%; }
.cookie-actions button{ flex:1 1 auto; }
} .section-cta{ text-align:center; margin-top:72px; }
.price-card{ position:relative; }
.price-card.is-featured{ border-color:var(--honey); background:var(--surface-2); }
.price-badge{
position:absolute; top:-12px; left:28px;
background:var(--honey); color:var(--ink);
font-family:var(--mono); font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
padding:4px 10px; border-radius:2px;
}
.price-card.is-featured .price-cta{ background:var(--honey); color:var(--ink); border-color:var(--honey); }
.price-extras{ margin-top:56px; padding-top:40px; border-top:1px solid var(--line); }
.price-extras h3{ font-family:var(--display); font-weight:600; font-size:22px; margin-bottom:20px; }
.price-extras ul{ list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.price-extras li{ border:1px solid var(--line); border-radius:4px; padding:20px 22px; display:flex; flex-direction:column; gap:6px; }
.extra-name{ font-weight:600; }
.extra-price{ font-family:var(--display); font-weight:700; font-size:20px; color:var(--honey-soft); }
.extra-desc{ font-size:14px; color:var(--muted); }
.extra-excluded{ margin-top:18px; font-size:14.5px; color:var(--muted); }
@media (max-width:900px){ .price-extras ul{ grid-template-columns:1fr; } }
.faq{ background:var(--surface); }
.faq-list{ max-width:820px; border-top:1px solid var(--line); }
.faq-item{ border-bottom:1px solid var(--line); }
.faq-item summary{
list-style:none; cursor:pointer;
padding:22px 40px 22px 0; position:relative;
font-family:var(--display); font-weight:600; font-size:19px;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary::after{
content:'+'; position:absolute; right:4px; top:50%; transform:translateY(-50%);
font-family:var(--mono); font-size:22px; color:var(--honey);
}
.faq-item[open] summary::after{ content:'–'; }
.faq-item summary:hover{ color:var(--honey-soft); }
.faq-item p{ color:var(--muted); padding:0 40px 24px 0; font-size:15.5px; }
.path{ gap:0; }
.step{ padding-right:20px; }
.step p{ font-size:14px; }
@media (min-width:861px) and (max-width:1100px){ .path{ flex-wrap:wrap; row-gap:40px; } .step{ flex:0 0 33.33%; } .step:nth-child(3)::after{ display:none; } } .blog-intro p{ color:var(--muted); font-size:16.5px; margin-top:12px; }
.blog-cats{ display:flex; flex-wrap:wrap; gap:8px; margin:-24px 0 40px; }
.page-content .blog-cats a{ text-decoration:none; color:var(--muted); border:1px solid var(--line); padding:7px 14px; border-radius:2px; font-size:14px; }
.page-content .blog-cats a:hover, .page-content .blog-cats a.is-active{ border-color:var(--honey); color:var(--honey-soft); }
.blog-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; }
@media (max-width:980px){ .blog-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:640px){ .blog-grid{ grid-template-columns:1fr; } }
.blog-card{ background:var(--surface); border:1px solid var(--line); border-radius:4px; overflow:hidden; transition:border-color .2s ease, transform .2s ease; }
.blog-card:hover{ border-color:var(--honey); transform:translateY(-2px); }
.page-content .blog-card-link, .blog-card-link{ display:flex; flex-direction:column; height:100%; color:var(--ivory); text-decoration:none; }
.blog-card-img{ aspect-ratio:16 / 9; background:var(--surface-2); overflow:hidden; }
.page-content .blog-card-img img, .blog-card-img img{ width:100%; height:100%; object-fit:cover; margin:0; border-radius:0; }
.blog-card-placeholder{ display:block; width:100%; height:100%;
background:
radial-gradient(circle at 70% 40%, rgba(229,169,48,.18), transparent 60%),
var(--surface-2); }
.blog-card-body{ padding:22px 24px 26px; display:flex; flex-direction:column; gap:10px; flex:1; }
.blog-card h3{ font-family:var(--display); font-weight:600; font-size:21px; line-height:1.25; }
.page-content .blog-card p, .blog-card p{ color:var(--muted); font-size:14.5px; margin:0; }
.blog-card .readmore{ margin-top:auto; padding-top:6px; }
.blog-meta{ display:flex; flex-wrap:wrap; gap:6px 14px; font-family:var(--mono); font-size:12.5px; color:var(--muted); }
.blog-cat{ color:var(--honey); text-transform:uppercase; letter-spacing:.08em; }
.page-content a.blog-cat{ text-decoration:none; color:var(--honey); }
.blog-empty{ color:var(--muted); }
.blog-latest{ background:var(--ink); }
.single-post .post-head{ max-width:760px; margin:0 auto 36px; }
.page-content .back-link{ display:inline-block; font-family:var(--mono); font-size:13px; color:var(--muted); text-decoration:none; margin-bottom:28px; }
.page-content .back-link:hover{ color:var(--honey-soft); }
.single-post h1{ font-size:clamp(32px, 4.4vw, 52px); margin:14px 0 0; }
.post-lead{ font-size:19px; color:var(--muted) !important; margin-top:18px; }
.post-hero{ max-width:1000px; margin:0 auto 48px; }
.page-content .post-hero img{ width:100%; margin:0; border-radius:4px; }
.post-body{ font-size:17px; line-height:1.7; }
.page-content .post-body h2{ font-size:28px; margin:44px 0 16px; }
.page-content .post-body h3{ font-size:21px; margin:32px 0 12px; }
.post-body li{ margin-bottom:8px; }
.post-body blockquote{ border-left:3px solid var(--honey); padding:4px 0 4px 22px; margin:28px 0; color:var(--ivory); font-family:var(--display); font-style:italic; font-size:20px; }
.post-body code{ font-family:var(--mono); font-size:.9em; background:var(--surface-2); padding:2px 6px; border-radius:2px; }
.post-body pre{ background:var(--surface); border:1px solid var(--line); padding:18px; overflow:auto; border-radius:4px; margin:24px 0; }
.post-body figcaption{ font-size:13.5px; color:var(--muted); text-align:center; margin-top:-12px; }
.post-body hr{ border:0; border-top:1px solid var(--line); margin:40px 0; }
.post-body .wp-block-button__link{ background:var(--honey); color:var(--ink) !important; text-decoration:none; padding:12px 24px; border-radius:2px; display:inline-block; font-weight:600; }
.post-author{ display:flex; gap:18px; align-items:center; margin-top:56px !important; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.page-content .post-author img{ width:72px; height:72px; border-radius:50%; object-fit:cover; margin:0; flex:none; border:2px solid var(--honey); }
.page-content .post-author p{ margin:0; color:var(--muted); font-size:14.5px; }
.page-content .post-author .post-author-name{ color:var(--ivory); font-weight:600; font-size:16px; margin-bottom:4px; }
.post-cta{ margin-top:40px !important; background:var(--surface); border:1px solid var(--honey); border-radius:4px; padding:28px 30px; }
.page-content .post-cta .post-cta-title{ font-family:var(--display); font-weight:600; font-size:22px; margin-bottom:8px; }
.page-content .post-cta p{ color:var(--muted); }
.post-cta-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.page-content .post-cta-actions a{ text-decoration:none; }
.page-content .post-cta-actions .btn-primary{ color:var(--ink); }
.post-nav{ display:flex; justify-content:space-between; gap:24px; margin-top:40px !important; font-size:14.5px; }
.page-content .post-nav a{ color:var(--honey-soft); text-decoration:none; }
.post-nav div:last-child{ text-align:right; } .process{ background:var(--surface); }
.path{
display:flex;
gap:0;
position:relative;
}
.step{
flex:1;
position:relative;
padding:0 26px 0 0;
}
.step:not(:last-child)::after{
content:'';
position:absolute;
top:15px; right:0;
width:calc(100% - 30px);
height:1px;
background:var(--line);
}
.step .dot{
width:30px; height:30px;
border:1px solid var(--honey);
border-radius:50%;
display:flex; align-items:center; justify-content:center;
font-family:var(--mono);
font-size:13px;
color:var(--honey);
margin-bottom:24px;
background:var(--surface);
}
.step h4{
font-family:var(--display);
font-weight:600;
font-size:18px;
margin-bottom:10px;
}
.step p{ color:var(--muted); font-size:14.5px; }
@media (max-width:860px){
.path{ flex-direction:column; gap:36px; }
.step:not(:last-child)::after{ display:none; }
} .pillars{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
}
.pillar .mark{
font-family:var(--display);
font-style:italic;
font-size:44px;
color:var(--honey);
margin-bottom:20px;
line-height:1;
}
.pillar h3{
font-family:var(--display);
font-weight:600;
font-size:20px;
margin-bottom:12px;
}
.pillar p{ color:var(--muted); font-size:15px; }
@media (max-width:760px){ .pillars{ grid-template-columns:1fr; gap:44px; } } .cta-band{
background:var(--honey);
color:var(--ink);
padding:90px 0;
text-align:center;
}
.cta-band h2{ color:var(--ink); }
.cta-band p{ color:#3a2a10; margin-top:14px; font-size:16.5px; }
.cta-band .btn-primary{
background:var(--ink);
color:var(--honey-soft);
margin-top:36px;
display:inline-block;
}
.cta-band .btn-primary:hover{ background:#2a2416; } .contact{ background:var(--surface); }
.contact-grid{
display:grid;
grid-template-columns:0.9fr 1.1fr;
gap:60px;
align-items:start;
}
@media (max-width:860px){ .contact-grid{ grid-template-columns:1fr; gap:40px; } }
.contact-info h2{ margin-bottom:16px; }
.contact-info p{ color:var(--muted); font-size:16px; margin-bottom:26px; }
.contact-info .info-line{
display:flex; align-items:center; gap:12px;
font-family:var(--mono); font-size:14px;
color:var(--ivory);
margin-bottom:14px;
}
.contact-info .info-line span{ color:var(--honey); }
.contact-form{
display:grid;
gap:18px;
}
.contact-form .field{ display:flex; flex-direction:column; gap:8px; }
.contact-form label{
font-family:var(--mono);
font-size:12px;
letter-spacing:0.08em;
text-transform:uppercase;
color:var(--muted);
}
.contact-form input,
.contact-form select,
.contact-form textarea{
background:var(--ink);
border:1px solid var(--line);
border-radius:2px;
padding:14px 16px;
color:var(--ivory);
font-family:var(--body);
font-size:15px;
transition:border-color .2s ease;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
outline:none;
border-color:var(--honey);
}
.contact-form textarea{ resize:vertical; min-height:130px; }
.contact-form .honeypot{ position:absolute; left:-9999px; top:-9999px; }
.form-note{ font-size:13px; color:var(--muted); }
.form-status{
font-size:14.5px;
padding:12px 16px;
border-radius:2px;
display:none;
}
.form-status.show{ display:block; }
.form-status.success{ background:rgba(229,169,48,0.12); border:1px solid var(--honey); color:var(--honey-soft); }
.form-status.error{ background:rgba(181,101,29,0.12); border:1px solid var(--amber); color:#e6b98a; } .site-footer{ padding:60px 0 40px; }
.foot-grid{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
gap:40px;
padding-bottom:40px;
border-bottom:1px solid var(--line);
}
.foot-brand p{ color:var(--muted); font-size:14px; max-width:280px; margin-top:14px; }
.foot-cols{ display:flex; gap:70px; flex-wrap:wrap; }
.foot-col h5{
font-family:var(--mono);
font-size:12px;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted);
margin-bottom:16px;
}
.foot-col ul{ list-style:none; }
.foot-col a{
display:block;
font-size:14.5px;
color:var(--ivory);
margin-bottom:10px;
opacity:0.85;
}
.foot-col a:hover{ color:var(--honey-soft); opacity:1; }
.foot-bottom{
display:flex; justify-content:space-between;
padding-top:26px;
font-size:13px;
color:var(--muted);
flex-wrap:wrap;
gap:10px;
} .page-content{ padding:120px 0 100px; }
.page-content .entry{ max-width:760px; margin:0 auto; }
.page-content h1,
.page-content h2,
.page-content h3{ margin-bottom:18px; }
.page-content p,
.page-content ul,
.page-content ol{ color:var(--ivory); margin-bottom:20px; }
.page-content ul,
.page-content ol{ padding-left:22px; }
.page-content a{ color:var(--honey-soft); text-decoration:underline; }
.page-content img{ border-radius:6px; margin:24px 0; }
.post-meta{ font-family:var(--mono); font-size:13px; color:var(--muted); margin-bottom:24px; }
.post-list{ display:grid; gap:30px; max-width:760px; margin:0 auto; }
.post-card{
border:1px solid var(--line);
border-radius:6px;
padding:30px;
background:var(--surface);
transition:border-color .2s ease;
}
.post-card:hover{ border-color:var(--honey); }
.post-card h2{ font-size:24px; margin-bottom:10px; }
.post-card h2 a:hover{ color:var(--honey-soft); }
.post-card p{ color:var(--muted); }
.readmore{ color:var(--honey-soft); font-family:var(--mono); font-size:13px; margin-top:16px; display:inline-block; }
.pagination{ max-width:760px; margin:50px auto 0; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.pagination .page-numbers{
border:1px solid var(--line); padding:8px 14px; border-radius:2px;
color:var(--ivory); font-size:14px;
}
.pagination .current,
.pagination .page-numbers:hover{ border-color:var(--honey); color:var(--honey); }
.notfound{ text-align:center; padding:140px 0; }
.notfound .code{ font-family:var(--display); font-size:120px; color:var(--honey); line-height:1; }
::selection{ background:var(--honey); color:var(--ink); }
@media (prefers-reduced-motion: reduce){
html{ scroll-behavior:auto; }
.cell{ transition:none; opacity:1; transform:none; }
} a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
outline:2px solid var(--honey);
outline-offset:3px;
} .admin-bar .site-header{ top:32px; }
@media (max-width:782px){ .admin-bar .site-header{ top:46px; } } .screen-reader-text{
border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);
height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute;
}
.skip-link{
position:absolute; left:-9999px; z-index:999;
background:var(--honey); color:var(--ink); padding:10px 18px;
}
.skip-link:focus{ left:16px; top:16px; } button.btn-ghost{ background:none; cursor:pointer; font-family:var(--body); }
.contact-form label.consent-check{ font-family:var(--body); text-transform:none; letter-spacing:normal; font-size:14px; color:var(--muted); }
.page-content .post-cta p.post-cta-title{ color:var(--ivory); }
.page-content .post-cta-actions .btn-ghost{ color:var(--ivory); }
.page-content .blog-intro p{ color:var(--muted); }