:root{
--bg:#000000;
--paper:#0E0E12;
--card:#15151B;
--line:#232329;
--ink:#F5F5F7;
--ink-soft:#8C8C99;
--muted-dark:#56565F;
--cyan:#5EEAD4;
--violet:#A78BFA;
--pink:#F472B6;
--max:1180px;
--radius-sm:8px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:18px;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
margin:0;
font-family:'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
background:var(--bg);
color:var(--ink);
line-height:1.5;
-webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
button, input, textarea{ font-family:inherit; }
h1,h2,h3,h4{
font-family:'Space Grotesk', sans-serif;
font-weight:700;
margin:0;
color:var(--ink);
}
p{ margin:0; }
.wrap{
max-width:var(--max);
margin:0 auto;
padding-left:32px;
padding-right:32px;
}
.sec{ padding:80px 0; }
.sec-tag{
font-family:'Space Grotesk', sans-serif;
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.6px;
margin-bottom:14px;
}
.tag-cyan{ color:var(--cyan); }
.tag-violet{ color:var(--violet); }
.tag-pink{ color:var(--pink); }
.sec-title{
font-size:32px;
letter-spacing:-.8px;
margin-bottom:18px;
max-width:560px;
line-height:1.2;
}
.sec-desc{
font-size:14.5px;
color:var(--ink-soft);
line-height:1.75;
max-width:580px;
margin-bottom:46px;
} .btn-primary{
background:var(--cyan);
color:#000;
font-size:13.5px;
font-weight:700;
padding:14px 28px;
border-radius:var(--radius-md);
border:none;
cursor:pointer;
display:inline-block;
text-decoration:none;
transition:opacity .15s ease;
}
.btn-primary:hover{ opacity:.85; color:#000; }
.btn-outline{
background:transparent;
border:1.5px solid var(--line);
color:var(--ink);
font-size:13.5px;
font-weight:700;
padding:13px 26px;
border-radius:var(--radius-md);
cursor:pointer;
display:inline-block;
text-decoration:none;
transition:border-color .15s ease;
}
.btn-outline:hover{ border-color:var(--cyan); } .site-nav{ border-bottom:1px solid var(--line); position:sticky; top:0; z-index:100; background:var(--bg); }
.nav-inner{
max-width:var(--max); margin:0 auto; padding:20px 32px;
display:flex; justify-content:space-between; align-items:center;
}
.logo{ font-family:'Space Grotesk', sans-serif; font-size:18px; font-weight:700; color:var(--ink); text-decoration:none; display:flex; align-items:center; }
.logo-img{ height:36px; width:auto; display:block; }
.logo span{ color:var(--cyan); } .nav-links{ display:flex; gap:8px; list-style:none; margin:0; padding:0; }
.nav-links li{ position:relative; }
.nav-links > li > a{
font-size:14.5px; color:#ADADB8; text-decoration:none;
font-weight:500; padding:7px 14px; position:relative; display:block;
border:1px solid rgba(255,255,255,.18);
border-radius:8px;
transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.nav-links > li > a:hover{
color:var(--ink);
border-color:rgba(255,255,255,.32);
background:rgba(255,255,255,.04);
} .nav-links .sub-menu{
list-style:none; margin:0; padding:8px;
position:absolute; top:100%; left:50%;
transform:translateX(-50%) translateY(4px);
background:var(--card); border:1px solid var(--line);
border-radius:12px; min-width:210px;
opacity:0; visibility:hidden; pointer-events:none;
transition:opacity .18s ease, transform .18s ease;
box-shadow:0 16px 40px rgba(0,0,0,.45); z-index:200;
} .nav-links li.menu-item-has-children{
padding-bottom:10px;
margin-bottom:-10px;
}
.nav-links li.menu-item-has-children:hover > .sub-menu,
.nav-links li.menu-item-has-children:focus-within > .sub-menu{
opacity:1; visibility:visible; pointer-events:auto;
transform:translateX(-50%) translateY(0);
}
.nav-links .sub-menu li{ width:100%; padding-bottom:0; margin-bottom:0; }
.nav-links .sub-menu a{
display:block; padding:10px 12px; border-radius:8px;
font-size:13.5px; color:#ADADB8; text-decoration:none;
font-weight:400; transition:color .15s, background .15s;
}
.nav-links .sub-menu a::after{ display:none; }
.nav-links .sub-menu a::before{ display:none; }
.nav-links .sub-menu a:hover{ background:rgba(94,234,212,.08); color:var(--cyan); } .nav-toggle{
display:none; background:none; border:1px solid var(--line);
border-radius:8px; padding:8px 12px; color:var(--ink);
cursor:pointer; position:relative; z-index:201;
} .nav-overlay{
display:none; position:fixed; inset:0;
background:rgba(0,0,0,.6); backdrop-filter:blur(3px);
z-index:199; opacity:0; transition:opacity .3s ease;
}
.nav-overlay.is-open{ opacity:1; } .nav-drawer{
display:none;
position:fixed; top:0; left:0; bottom:0; width:280px;
background:var(--paper); border-right:1px solid var(--line);
z-index:200; transform:translateX(-100%);
transition:transform .3s cubic-bezier(.4,0,.2,1);
flex-direction:column; overflow-y:auto;
}
.nav-drawer.is-open{ transform:translateX(0); }
.nav-drawer-header{
display:flex; justify-content:space-between; align-items:center;
padding:20px; border-bottom:1px solid var(--line); flex-shrink:0;
}
.nav-drawer-logo{ font-family:'Space Grotesk', sans-serif; font-size:16px; font-weight:700; color:var(--ink); text-decoration:none; }
.nav-drawer-logo span{ color:var(--cyan); }
.nav-drawer-close{
background:none; border:1px solid var(--line); border-radius:8px;
padding:7px 10px; color:var(--ink); cursor:pointer; font-size:16px; line-height:1;
} .drawer-menu{
list-style:none; margin:0; padding:12px;
display:flex; flex-direction:column; gap:0; flex:1;
}
.drawer-menu li{ width:100%; position:static; }
.drawer-menu > li > a{
display:block; padding:12px; border-radius:10px;
font-size:15px; color:#ADADB8; font-weight:500;
text-decoration:none; transition:background .15s, color .15s;
}
.drawer-menu > li > a:hover{ background:rgba(94,234,212,.08); color:var(--ink); } .drawer-menu .sub-menu{
position:static; opacity:1; visibility:visible; pointer-events:auto;
transform:none; box-shadow:none; background:none; border:none;
border-radius:0; padding:0 0 4px 14px; list-style:none;
min-width:unset; transition:none; display:block;
}
.drawer-menu .sub-menu a{
display:block; font-size:13.5px; padding:9px 12px;
color:#ADADB8; border-radius:8px; text-decoration:none;
transition:color .15s, background .15s;
}
.drawer-menu .sub-menu a:hover{ color:var(--cyan); background:rgba(94,234,212,.06); } .nav-drawer-cta{ padding:0 12px 20px; flex-shrink:0; }
.nav-drawer-cta a{
display:block; text-align:center; background:var(--cyan); color:#000;
font-size:14px; font-weight:700; padding:14px; border-radius:10px; text-decoration:none;
} @media (max-width: 880px){
.nav-inner > .nav-links{ display:none; }
.nav-inner > .nav-cta{ display:none; }
.nav-toggle{ display:block; }
.nav-drawer{ display:flex; }
} .hero-section{ padding:64px 0 0; }
.hero{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:48px;
align-items:center;
}
.hero-eyebrow{
font-family:'Space Grotesk', sans-serif;
font-size:13px;
color:var(--cyan);
font-weight:600;
margin-bottom:16px;
letter-spacing:.3px;
}
.hero-title{
font-size:46px;
line-height:1.12;
letter-spacing:-1px;
margin-bottom:24px;
}
.hero-title .grad{
background:linear-gradient(90deg,var(--cyan),var(--violet));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}
.hero-desc{ font-size:15.5px; color:var(--ink-soft); line-height:1.75; max-width:480px; margin-bottom:32px; }
.hero-cta-row{ display:flex; gap:14px; margin-bottom:44px; flex-wrap:wrap; }
.trust-row{ padding-top:26px; border-top:1px solid var(--line); }
.trust-label{ font-size:10.5px; color:var(--ink-soft); font-weight:600; text-transform:uppercase; letter-spacing:.6px; margin-bottom:14px; }
.trust-logos{ display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.trust-logo{ font-family:'Space Grotesk', sans-serif; font-size:13.5px; font-weight:600; color:#6B6B76; text-decoration:none; }
.trust-logo:hover{ color:var(--ink-soft); }
.hero-photo-box{ position:relative; }
.hero-photo-frame{
position:relative;
border-radius:var(--radius-xl);
overflow:hidden;
background:var(--card);
aspect-ratio:4/4.4;
border:1px solid var(--line);
}
.hero-photo-frame img{ width:100%; height:100%; object-fit:cover; object-position:center 12%; filter:contrast(1.05); }
.hero-stat-card{
position:absolute; bottom:-20px; left:-20px;
background:var(--card); border:1px solid var(--line);
border-radius:14px; padding:16px 20px;
}
.hsc-num{ font-family:'Space Grotesk', sans-serif; font-size:26px; font-weight:700; color:var(--cyan); }
.hsc-lbl{ font-size:10.5px; color:var(--ink-soft); font-weight:600; margin-top:2px; }
.hero-badge-top{
position:absolute; top:18px; right:18px;
background:rgba(0,0,0,.7); backdrop-filter:blur(8px);
border:1px solid var(--line); border-radius:10px;
padding:9px 14px; display:flex; align-items:center; gap:8px;
}
.hb-dot{ width:6px; height:6px; background:var(--cyan); border-radius:50%; box-shadow:0 0 6px var(--cyan); }
.hb-text{ font-size:10.5px; font-weight:600; color:var(--ink); }
@media (max-width: 900px){
.hero{ grid-template-columns:1fr; }
.hero-title{ font-size:36px; }
} .svc-grid{ display:grid; gap:16px; margin-bottom:16px; }
.svc-grid--2{ grid-template-columns:1fr 1fr; }
.svc-grid--3{ grid-template-columns:1fr 1fr 1fr; margin-bottom:0; }
.svc-card{
background:var(--card); border:1px solid var(--line);
border-radius:var(--radius-lg); padding:28px 24px;
}
.svc-card--link{
display:block; text-decoration:none; color:inherit;
transition:border-color .2s ease, transform .2s ease;
}
.svc-card--link:hover{
border-color:rgba(94,234,212,.35);
transform:translateY(-2px);
}
.svc-icon{ width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.svc-icon.c1{ background:rgba(94,234,212,.12); }
.svc-icon.c2{ background:rgba(167,139,250,.12); }
.svc-icon.c3{ background:rgba(244,114,182,.12); }
.svc-icon.c4{ background:rgba(94,234,212,.12); }
.svc-icon.c5{ background:rgba(167,139,250,.12); }
.svc-icon i{ font-size:18px; }
.svc-icon.c1 i{ color:var(--cyan); }
.svc-icon.c2 i{ color:var(--violet); }
.svc-icon.c3 i{ color:var(--pink); }
.svc-icon.c4 i{ color:var(--cyan); }
.svc-icon.c5 i{ color:var(--violet); }
.svc-title{ font-size:15.5px; font-weight:600; margin-bottom:10px; }
.svc-desc{ font-size:12.5px; color:var(--ink-soft); line-height:1.65; margin-bottom:16px; }
.svc-more{
display:inline-flex; align-items:center; gap:5px;
font-size:12px; font-weight:600; color:var(--cyan);
opacity:0; transition:opacity .2s ease;
}
.svc-more i{ font-size:13px; }
.svc-card--link:hover .svc-more{ opacity:1; }
@media (max-width: 1000px){
.svc-grid--2{ grid-template-columns:1fr 1fr; }
.svc-grid--3{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
.svc-grid--2, .svc-grid--3{ grid-template-columns:1fr; }
} .exp-sec{ background:var(--paper); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.exp-inner{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.exp-stats{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.exp-stat-card{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:24px; }
.exp-num{ font-family:'Space Grotesk', sans-serif; font-size:34px; font-weight:700; margin-bottom:6px; }
.exp-stat-card:nth-child(1) .exp-num{ color:var(--cyan); }
.exp-stat-card:nth-child(2) .exp-num{ color:var(--violet); }
.exp-stat-card:nth-child(3) .exp-num{ color:var(--pink); }
.exp-stat-card:nth-child(4) .exp-num{ color:var(--cyan); }
.exp-lbl{ font-size:12px; color:var(--ink-soft); line-height:1.5; }
@media (max-width: 900px){ .exp-inner{ grid-template-columns:1fr; } }
@media (max-width: 560px){ .exp-stats{ grid-template-columns:1fr; } } .client-list{ display:flex; flex-wrap:wrap; gap:14px; margin-top:8px; }
.client-pill{ background:var(--card); border:1px solid var(--line); border-radius:10px; padding:14px 22px; font-family:'Space Grotesk', sans-serif; font-size:14.5px; font-weight:600; color:var(--ink); text-decoration:none; }
.client-pill:hover{ border-color:var(--cyan); }
.client-note{ font-size:12px; color:var(--ink-soft); margin-top:16px; line-height:1.6; } .process-sec{ background:var(--paper); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.proc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border-radius:var(--radius-lg); overflow:hidden; }
.proc-card{ background:var(--paper); padding:30px 24px; }
.proc-num{ font-family:'Space Grotesk', sans-serif; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:700; margin-bottom:18px; }
.proc-card:nth-child(1) .proc-num{ background:rgba(94,234,212,.15); color:var(--cyan); }
.proc-card:nth-child(2) .proc-num{ background:rgba(167,139,250,.15); color:var(--violet); }
.proc-card:nth-child(3) .proc-num{ background:rgba(244,114,182,.15); color:var(--pink); }
.proc-card:nth-child(4) .proc-num{ background:rgba(94,234,212,.15); color:var(--cyan); }
.proc-title{ font-size:14.5px; font-weight:600; margin-bottom:10px; }
.proc-text{ font-size:12.5px; color:var(--ink-soft); line-height:1.7; }
@media (max-width: 900px){ .proc-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .proc-grid{ grid-template-columns:1fr; } } .faq-list{ border-top:1px solid var(--line); }
.faq-item{ border-bottom:1px solid var(--line); }
.faq-q-btn{
width:100%; background:none; border:none; cursor:pointer;
padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:30px;
text-align:left; color:var(--ink); font-family:'Manrope', sans-serif;
}
.faq-q{ font-size:14px; font-weight:600; }
.faq-plus{ width:26px; height:26px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:13px; color:var(--ink-soft); transition:transform .2s ease; }
.faq-item.is-open .faq-plus{ transform:rotate(45deg); border-color:var(--cyan); color:var(--cyan); } .faq-answer{ max-height:0; overflow:hidden; transition:max-height .28s ease; }
.faq-answer-inner{ padding-bottom:20px; }
.faq-answer-inner p,
.faq-answer p{
font-size:13.5px; color:var(--ink-soft); line-height:1.75;
max-width:680px; margin:0;
} .blog-sec{ background:var(--paper); border-top:1px solid var(--line); }
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.blog-card{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; text-decoration:none; display:block; }
.blog-thumb{ height:140px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); overflow:hidden; }
.blog-thumb img{ width:100%; height:100%; object-fit:cover; }
.blog-card:nth-child(3n+1) .blog-thumb{ background:rgba(94,234,212,.08); }
.blog-card:nth-child(3n+2) .blog-thumb{ background:rgba(167,139,250,.08); }
.blog-card:nth-child(3n+3) .blog-thumb{ background:rgba(244,114,182,.08); }
.blog-thumb span{ font-family:'Space Grotesk', sans-serif; font-size:22px; font-weight:700; letter-spacing:-.3px; }
.blog-card:nth-child(3n+1) .blog-thumb span{ color:var(--cyan); }
.blog-card:nth-child(3n+2) .blog-thumb span{ color:var(--violet); }
.blog-card:nth-child(3n+3) .blog-thumb span{ color:var(--pink); }
.blog-body{ padding:20px; }
.blog-cat{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; margin-bottom:10px; }
.blog-card:nth-child(3n+1) .blog-cat{ color:var(--cyan); }
.blog-card:nth-child(3n+2) .blog-cat{ color:var(--violet); }
.blog-card:nth-child(3n+3) .blog-cat{ color:var(--pink); }
.blog-title{ font-size:13.5px; font-weight:600; color:var(--ink); line-height:1.5; margin-bottom:12px; }
.blog-meta{ font-size:11px; color:var(--ink-soft); }
.blog-empty{ font-size:14px; color:var(--ink-soft); }
@media (max-width: 900px){ .blog-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .blog-grid{ grid-template-columns:1fr; } } .contact-inner{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.c-item{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.c-icon{ width:38px; height:38px; background:var(--card); border:1px solid var(--line); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.c-icon i{ font-size:16px; color:var(--cyan); }
.c-val{ font-size:13.5px; color:var(--ink); font-weight:600; }
.c-lbl{ font-size:10.5px; color:var(--ink-soft); }
.form{ display:flex; flex-direction:column; gap:12px; }
.f-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.f-input, .f-textarea{
background:var(--card); border:1px solid var(--line); border-radius:var(--radius-md);
padding:13px 15px; font-size:13px; color:var(--ink); outline:none; width:100%;
}
.f-input::placeholder, .f-textarea::placeholder{ color:var(--muted-dark); }
.f-input:focus, .f-textarea:focus{ border-color:var(--cyan); }
.f-textarea{ resize:none; height:105px; } .f-select{
appearance:none; -webkit-appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238C8C99' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 14px center;
padding-right:36px;
cursor:pointer;
}
.f-select:focus{ border-color:var(--cyan); }
.f-select option{ background:var(--card); color:var(--ink); }
.f-submit{
background:var(--cyan); color:#000; font-size:13px; font-weight:700;
padding:14px; border-radius:var(--radius-md); border:none; cursor:pointer;
}
.f-submit:hover{ opacity:.85; }
.f-submit:disabled{ opacity:.5; cursor:not-allowed; }
.f-note{ font-size:11px; color:var(--muted-dark); margin-top:4px; }
.f-success{ background:rgba(94,234,212,.1); border:1px solid var(--cyan); color:var(--cyan); border-radius:10px; padding:14px; font-size:13px; }
.f-error{ background:rgba(244,114,182,.1); border:1px solid var(--pink); color:var(--pink); border-radius:10px; padding:14px; font-size:13px; }
@media (max-width: 900px){ .contact-inner{ grid-template-columns:1fr; } }
@media (max-width: 560px){ .f-row{ grid-template-columns:1fr; } } .site-footer{ border-top:1px solid var(--line); }
.footer-inner{ max-width:var(--max); margin:0 auto; padding:26px 32px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.f-logo{ font-family:'Space Grotesk', sans-serif; font-size:14px; font-weight:700; color:var(--ink); }
.f-legal{ font-size:11px; color:var(--muted-dark); letter-spacing:.3px; }
.f-copy{ font-size:11px; color:var(--ink-soft); } .page-header{ padding:40px 0 32px; border-bottom:1px solid var(--line); }
.page-title{ font-size:38px; letter-spacing:-1px; }
.archive-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width: 900px){ .archive-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .archive-grid{ grid-template-columns:1fr; } } .contact-page-wrap{ padding:64px 0; }
.pagination{ display:flex; gap:10px; margin-top:48px; }
.pagination a, .pagination span{
border:1px solid var(--line); border-radius:8px; padding:8px 14px; font-size:13px;
color:var(--ink-soft); text-decoration:none;
}
.pagination .current{ color:var(--cyan); border-color:var(--cyan); }
.error-404{ padding:120px 0; text-align:center; }
.error-404 .sec-title{ margin:0 auto 18px; }  .page-hero-title .grad{
background:linear-gradient(90deg, var(--cyan), var(--violet));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
} .page-hero-breadcrumb{
display:flex; gap:8px; align-items:center;
font-size:12px; color:var(--ink-soft);
padding:56px 0 24px;
font-weight:500; letter-spacing:.3px;
}
.page-hero-breadcrumb a{ color:var(--ink-soft); text-decoration:none; }
.page-hero-breadcrumb a:hover{ color:var(--cyan); }
.page-hero-breadcrumb span{ color:var(--muted-dark); } .page-hero{ background:var(--bg); border-bottom:1px solid var(--line); }
.page-hero-inner{
display:grid;
grid-template-columns:1fr 320px;
gap:56px;
align-items:start;
padding-bottom:64px;
} .page-hero-full{ grid-template-columns:1fr; }
.page-hero-full .page-hero-text{ max-width:760px; }
.page-hero-title{
font-family:'Space Grotesk', sans-serif;
font-size:44px; font-weight:700;
line-height:1.1; letter-spacing:-1.5px;
color:var(--ink); margin-bottom:24px;
} .page-hero-lead{ font-size:16px; color:var(--ink-soft); line-height:1.8; }
.page-hero-lead p{ margin-bottom:16px; }
.page-hero-lead p:last-child{ margin-bottom:0; } .page-hero-checklist{
background:var(--card);
border:1px solid var(--line);
border-radius:var(--radius-xl);
padding:28px 24px;
position:sticky;
top:90px;
}
.phc-label{
display:flex; align-items:center; gap:8px;
font-family:'Space Grotesk', sans-serif;
font-size:11px; font-weight:600;
text-transform:uppercase; letter-spacing:.8px;
color:var(--ink-soft); margin-bottom:20px;
}
.phc-dot{
width:6px; height:6px;
background:var(--cyan); border-radius:50%;
box-shadow:0 0 6px var(--cyan); flex-shrink:0;
}
.phc-list{
list-style:none; margin:0; padding:0;
}
.phc-list li{
display:flex; align-items:flex-start; gap:10px;
padding:10px 0;
border-bottom:1px solid var(--line);
font-size:13.5px; color:var(--ink-soft); line-height:1.5;
}
.phc-list li:last-child{ border-bottom:none; }
.phc-list li::before{
content:'';
width:7px; height:7px;
background:var(--cyan); border-radius:50%;
flex-shrink:0; margin-top:5px;
} .page-content-section{ padding:64px 0; }
.page-content-layout{
display:grid;
grid-template-columns:1fr 300px;
gap:56px;
align-items:start;
} .page-content-nosidebar{ grid-template-columns:1fr; }
.page-content-nosidebar .page-content{ max-width:760px; } .page-content{ font-size:16px; color:#D0D0D8; line-height:1.85; }
.page-content p{ margin-bottom:22px; }
.page-content p:last-child{ margin-bottom:0; }
.page-content h2{
font-family:'Space Grotesk', sans-serif;
font-size:24px; font-weight:700;
letter-spacing:-.4px; line-height:1.2;
color:var(--ink); margin:52px 0 16px;
}
.page-content h2:first-child{ margin-top:0; }
.page-content h3{
font-family:'Space Grotesk', sans-serif;
font-size:17px; font-weight:600;
color:var(--ink); margin:36px 0 12px;
} .page-content h2 .tag-label{
display:block;
font-size:11px; font-weight:600;
text-transform:uppercase; letter-spacing:.8px;
color:var(--cyan); margin-bottom:8px;
} .page-content ul{
list-style:none; padding:0; margin:0 0 28px;
border-top:1px solid var(--line);
}
.page-content ul li{
padding:12px 0 12px 26px;
position:relative;
border-bottom:1px solid var(--line);
color:#D0D0D8; font-size:15.5px; line-height:1.65;
}
.page-content ul li::before{
content:'';
position:absolute; left:0; top:20px;
width:7px; height:7px;
background:var(--cyan); border-radius:50%;
} .page-content ol{
padding:0; margin:0 0 28px;
counter-reset:ol-counter; list-style:none;
border-top:1px solid var(--line);
}
.page-content ol li{
padding:12px 0 12px 44px;
position:relative;
border-bottom:1px solid var(--line);
color:#D0D0D8; font-size:15.5px; line-height:1.65;
counter-increment:ol-counter;
}
.page-content ol li::before{
content:counter(ol-counter);
position:absolute; left:0; top:10px;
width:26px; height:26px;
background:rgba(94,234,212,.12); color:var(--cyan);
border-radius:50%;
display:flex; align-items:center; justify-content:center;
font-family:'Space Grotesk', sans-serif;
font-size:12px; font-weight:700;
}
.page-content strong{ color:var(--ink); font-weight:600; }
.page-content a{ color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.page-content a:hover{ opacity:.8; } .page-content .wp-block-buttons{ margin:36px 0; }
.page-content .wp-block-button__link,
.page-content .wp-element-button,
.page-content .wp-block-button a,
.page-content .wp-block-button__link:not(.is-style-outline),
.page-content .wp-block-buttons .wp-block-button__link{
background:linear-gradient(90deg, var(--cyan) 0%, var(--violet) 50%, var(--pink) 100%) !important;
background-size:200% auto !important;
background-color:transparent !important;
color:#000 !important;
font-family:'Manrope', sans-serif !important;
font-size:14px !important; font-weight:700 !important;
padding:14px 28px !important; border-radius:10px !important;
text-decoration:none !important; display:inline-block !important;
border:none !important; box-shadow:none !important;
animation:btnGradient 3s ease infinite;
}
@keyframes btnGradient{
0%  { background-position:0% center; }
50% { background-position:100% center; }
100%{ background-position:0% center; }
} .page-faq-heading{
font-family:'Space Grotesk', sans-serif;
font-size:24px; font-weight:700;
letter-spacing:-.4px; color:var(--ink); margin:2px 0 24px;
}
.page-faq-block{ margin:48px 0; }
.page-faq-block .sec-tag{ margin-bottom:2px; display:block; }
.page-content hr{ border:none; border-top:1px solid var(--line); margin:48px 0; }
.page-content img{ border-radius:var(--radius-lg); margin:24px 0; border:1px solid var(--line); }
.page-content blockquote{
margin:32px 0; padding:20px 24px;
background:var(--card); border-left:3px solid var(--cyan);
border-radius:0 12px 12px 0; color:var(--ink-soft);
} .page-btn-wrap{ margin:32px 0; }
.page-btn{
display:inline-block;
background:linear-gradient(90deg, var(--cyan) 0%, var(--violet) 50%, var(--pink) 100%);
background-size:200% auto;
color:#000 !important;
font-family:'Manrope', sans-serif;
font-size:14px; font-weight:700;
padding:14px 30px; border-radius:10px;
text-decoration:none !important;
animation:btnGradient 3s ease infinite;
transition:opacity .2s;
}
.page-btn:hover{ opacity:.85; } .page-content .faq-block{ margin:48px 0; }
.page-content .faq-block h3{
margin:0; padding:18px 0;
border-bottom:1px solid var(--line);
cursor:pointer;
display:flex; justify-content:space-between; align-items:center;
font-size:15px;
} .page-sidebar{ position:sticky; top:90px; }
.sidebar-benefit-card{
background:var(--card);
border:1px solid var(--line);
border-radius:var(--radius-xl);
padding:28px 24px;
}
.sidebar-benefit-title{
font-family:'Space Grotesk', sans-serif;
font-size:18px; font-weight:700;
color:var(--ink); margin:10px 0 20px;
line-height:1.3;
}
.sidebar-benefit-list{
list-style:none; padding:0; margin:0;
}
.sidebar-benefit-list li{
display:flex; gap:14px; align-items:flex-start;
padding:14px 0; border-bottom:1px solid var(--line);
}
.sidebar-benefit-list li:last-child{ border-bottom:none; }
.sidebar-benefit-list li::before{ display:none; }
.sbl-icon{
width:34px; height:34px; flex-shrink:0;
border-radius:8px;
background:rgba(94,234,212,.1);
display:flex; align-items:center; justify-content:center;
}
.sbl-icon i{ font-size:16px; color:var(--cyan); }
.sidebar-benefit-list strong{
display:block;
font-family:'Space Grotesk', sans-serif;
font-size:13px; font-weight:600;
color:var(--ink); margin-bottom:3px;
}
.sidebar-benefit-list span{
font-size:12px; color:var(--ink-soft); line-height:1.55;
} .page-bottom-cta{
background:var(--paper);
border-top:1px solid var(--line);
padding:72px 0;
}
.page-bottom-cta-inner{
display:flex; justify-content:space-between;
align-items:center; gap:40px; flex-wrap:wrap;
}
.page-bottom-cta-title{
font-family:'Space Grotesk', sans-serif;
font-size:30px; font-weight:700;
letter-spacing:-.8px; color:var(--ink);
margin:10px 0 12px; line-height:1.15;
}
.page-bottom-cta-text{ font-size:15px; color:var(--ink-soft); line-height:1.7; max-width:500px; }
.page-bottom-cta-btn{ white-space:nowrap; font-size:14px; padding:15px 30px; } @media (max-width: 1060px){
.page-hero-inner{ grid-template-columns:1fr; }
.page-hero-checklist{ position:static; }
.page-content-layout{ grid-template-columns:1fr; }
.page-sidebar{ position:static; }
}
@media (max-width: 640px){
.page-hero-title{ font-size:32px; }
.page-hero-breadcrumb{ padding-top:40px; }
.page-content h2{ font-size:21px; }
.page-bottom-cta-inner{ flex-direction:column; align-items:flex-start; }
.page-bottom-cta-title{ font-size:24px; }
} .page-btn--cyan{
background:var(--cyan) !important;
animation:none;
}
.page-btn--violet{
background:var(--violet) !important;
animation:none;
}
.page-btn--pink{
background:var(--pink) !important;
animation:none;
}  .svc-hero{
padding:64px 0 56px;
border-bottom:1px solid var(--line);
}
.svc-hero-inner{
display:grid;
grid-template-columns:1fr 340px;
gap:56px;
align-items:start;
}
.svc-hero-title{
font-family:'Space Grotesk', sans-serif;
font-size:46px; font-weight:700;
line-height:1.1; letter-spacing:-1.5px;
color:var(--ink); margin:14px 0 20px;
}
.svc-hero-desc{
font-size:15.5px; color:var(--ink-soft);
line-height:1.75; max-width:520px;
}
.svc-hero-stats{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
.svc-stat-card{
background:var(--card);
border:1px solid var(--line);
border-radius:14px;
padding:20px 18px;
}
.svc-stat-num{
font-family:'Space Grotesk', sans-serif;
font-size:36px; font-weight:700;
line-height:1; margin-bottom:6px;
}
.svc-stat-lbl{
font-size:11.5px; color:var(--ink-soft); line-height:1.4;
}
.svc-stat-card--cta{
display:flex; flex-direction:column;
justify-content:space-between; gap:12px;
}
.svc-stat-cta-label{
font-size:13px; font-weight:600; color:var(--ink);
} .svc-grid-section{ padding:72px 0; }
.svc-cards-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;
} .svc-cards-row2{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:20px;
}
.svc-big-card{
background:var(--card-bg, var(--card));
border:1px solid var(--card-border, var(--line));
border-radius:20px;
padding:32px 28px;
display:flex;
flex-direction:column;
transition:transform .2s ease, box-shadow .2s ease;
}
.svc-big-card:hover{
transform:translateY(-3px);
box-shadow:0 20px 48px rgba(0,0,0,.3);
}
.svc-card-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:20px;
}
.svc-card-icon{
width:48px; height:48px;
background:var(--card-icon, rgba(94,234,212,.12));
border-radius:12px;
display:flex; align-items:center; justify-content:center;
flex-shrink:0;
}
.svc-card-icon i{
font-size:22px;
color:var(--card-color, var(--cyan));
}
.svc-card-tag{
font-family:'Space Grotesk', sans-serif;
font-size:11px; font-weight:600;
text-transform:uppercase; letter-spacing:.7px;
color:var(--card-color, var(--cyan));
background:var(--card-icon, rgba(94,234,212,.1));
padding:5px 12px; border-radius:100px;
}
.svc-card-title{
font-family:'Space Grotesk', sans-serif;
font-size:22px; font-weight:700;
letter-spacing:-.4px; color:var(--ink);
margin:0 0 12px;
}
.svc-card-desc{
font-size:14px; color:var(--ink-soft);
line-height:1.7; margin-bottom:22px;
}
.svc-card-bullets{
list-style:none; padding:0; margin:0 0 28px;
flex:1;
border-top:1px solid var(--line);
}
.svc-card-bullets li{
padding:9px 0 9px 22px;
position:relative;
border-bottom:1px solid var(--line);
font-size:13px; color:var(--ink-soft); line-height:1.5;
}
.svc-card-bullets li:last-child{ border-bottom:none; }
.svc-card-bullets li::before{
content:'';
position:absolute; left:0; top:16px;
width:6px; height:6px;
background:var(--card-color, var(--cyan));
border-radius:50%;
}
.svc-card-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding-top:20px;
border-top:1px solid var(--line);
flex-wrap:wrap;
}
.svc-card-link{
display:inline-flex; align-items:center; gap:6px;
font-size:13px; font-weight:600;
color:var(--card-color, var(--cyan));
text-decoration:none;
transition:gap .15s ease;
}
.svc-card-link:hover{ gap:10px; }
.svc-card-link i{ font-size:15px; }
.svc-card-cta{
background:var(--card-color, var(--cyan));
color:#000 !important;
font-size:12px; font-weight:700;
padding:10px 20px; border-radius:8px;
text-decoration:none !important;
white-space:nowrap;
transition:opacity .15s;
}
.svc-card-cta:hover{ opacity:.85; } .svc-why{
background:var(--paper);
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
padding:72px 0;
}
.svc-why-inner{
display:grid;
grid-template-columns:1fr 1fr;
gap:64px;
align-items:start;
}
.svc-why-title{
font-family:'Space Grotesk', sans-serif;
font-size:32px; font-weight:700;
letter-spacing:-.8px; color:var(--ink);
margin:12px 0 16px;
}
.svc-why-desc{
font-size:14.5px; color:var(--ink-soft);
line-height:1.75;
}
.svc-why-grid{
display:flex; flex-direction:column; gap:0;
border-top:1px solid var(--line);
}
.svc-why-item{
display:flex; align-items:flex-start; gap:16px;
padding:20px 0;
border-bottom:1px solid var(--line);
}
.svc-why-item:last-child{ border-bottom:none; }
.svc-why-icon{
width:38px; height:38px; flex-shrink:0;
background:var(--card);
border:1px solid var(--line);
border-radius:10px;
display:flex; align-items:center; justify-content:center;
}
.svc-why-icon i{ font-size:18px; }
.svc-why-item strong{
display:block;
font-family:'Space Grotesk', sans-serif;
font-size:14px; font-weight:600;
color:var(--ink); margin-bottom:3px;
}
.svc-why-item span{
font-size:13px; color:var(--ink-soft); line-height:1.6;
} .svc-bottom-cta{ padding:80px 0; }
.svc-bottom-cta-inner{
max-width:620px; margin:0 auto; text-align:center;
}
.svc-bottom-cta-title{
font-family:'Space Grotesk', sans-serif;
font-size:34px; font-weight:700;
letter-spacing:-1px; color:var(--ink);
margin:12px 0 16px; line-height:1.15;
}
.svc-bottom-cta-text{
font-size:15.5px; color:var(--ink-soft);
line-height:1.7; margin-bottom:32px;
}
.svc-bottom-btn{ font-size:15px; padding:16px 36px; } @media (max-width: 1060px){
.svc-hero-inner{ grid-template-columns:1fr; }
.svc-hero-stats{ grid-template-columns:repeat(4,1fr); }
.svc-why-inner{ grid-template-columns:1fr; }
.svc-cards-row2{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 860px){
.svc-cards-grid{ grid-template-columns:1fr; }
.svc-cards-row2{ grid-template-columns:1fr; }
.svc-hero-stats{ grid-template-columns:1fr 1fr; }
.svc-hero-title{ font-size:36px; }
}
@media (max-width: 560px){
.svc-hero-stats{ grid-template-columns:1fr; }
.svc-bottom-cta-title{ font-size:26px; }
}  .blog-hero{
padding:64px 0 56px;
border-bottom:1px solid var(--line);
}
.blog-hero-inner{
display:flex; justify-content:space-between;
align-items:flex-end; gap:40px;
}
.blog-hero-title{
font-family:'Space Grotesk', sans-serif;
font-size:48px; font-weight:700;
line-height:1.1; letter-spacing:-1.5px;
color:var(--ink); margin:14px 0 16px;
}
.blog-hero-desc{
font-size:15.5px; color:var(--ink-soft); line-height:1.75; max-width:480px;
}
.blog-hero-meta{
display:flex; gap:20px; flex-shrink:0;
}
.blog-hero-stat{
background:var(--card); border:1px solid var(--line);
border-radius:14px; padding:20px 24px; text-align:center; min-width:120px;
}
.blog-hero-stat-num{
font-family:'Space Grotesk', sans-serif;
font-size:32px; font-weight:700; line-height:1; margin-bottom:6px;
}
.blog-hero-stat-lbl{ font-size:11px; color:var(--ink-soft); line-height:1.4; } .blog-listing{ padding:64px 0; } .blog-card--featured{
display:flex; flex-direction:column;
margin-bottom:32px;
}
.blog-card-img--tall{
aspect-ratio:16/6;
max-height:400px;
}
.blog-card-body-top{
display:flex; align-items:center; gap:10px; margin-bottom:10px;
}
.blog-card-title--lg{
font-size:22px !important;
margin-bottom:12px !important;
}
.blog-card-featured:hover{
border-color:rgba(94,234,212,.35);
transform:translateY(-2px);
}
.blog-card-featured-img{
flex:0 0 50%; overflow:hidden; background:var(--card);
}
.blog-card-featured-img img{
width:100%; height:100%; object-fit:cover; display:block;
transition:transform .4s ease;
}
.blog-card-featured:hover .blog-card-featured-img img{ transform:scale(1.03); }
.blog-card-featured-placeholder{
width:100%; height:100%; min-height:320px;
display:flex; align-items:center; justify-content:center;
background:linear-gradient(135deg, var(--card) 0%, #1a1a2e 100%);
}
.blog-card-featured-placeholder i{ font-size:48px; color:var(--line); }
.blog-card-featured-body{
padding:40px 36px;
display:flex; flex-direction:column;
background:var(--card);
}
.blog-card-featured-top{
display:flex; align-items:center; gap:12px; margin-bottom:20px;
}
.blog-featured-badge{
font-size:10px; font-weight:700; text-transform:uppercase;
letter-spacing:.8px; color:var(--violet);
background:rgba(167,139,250,.12);
padding:4px 10px; border-radius:100px;
}
.blog-card-featured-title{
font-family:'Space Grotesk', sans-serif;
font-size:26px; font-weight:700;
letter-spacing:-.5px; line-height:1.25;
color:var(--ink); margin-bottom:16px; flex:1;
}
.blog-card-featured-excerpt{
font-size:14px; color:var(--ink-soft);
line-height:1.7; margin-bottom:28px;
}
.blog-card-featured-footer{
display:flex; align-items:center;
justify-content:space-between; gap:16px;
padding-top:20px; border-top:1px solid var(--line);
}
.blog-card-cta{
display:inline-flex; align-items:center; gap:6px;
font-size:13px; font-weight:600; color:var(--cyan);
white-space:nowrap; transition:gap .15s;
}
.blog-card-featured:hover .blog-card-cta{ gap:10px; }
.blog-card-cta i{ font-size:14px; } .blog-card-meta{
display:flex; align-items:center; gap:6px;
font-size:12px; color:var(--ink-soft);
}
.blog-card-meta i{ font-size:13px; }
.blog-meta-dot{ color:var(--line); } .blog-grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:20px;
align-items:start;
}
.blog-card{
background:var(--card); border:1px solid var(--line);
border-radius:16px; overflow:hidden;
text-decoration:none; color:inherit;
display:flex; flex-direction:column;
transition:border-color .2s, transform .2s;
}
.blog-card:hover{
border-color:rgba(94,234,212,.3);
transform:translateY(-2px);
}
.blog-card-img{
aspect-ratio:16/9; overflow:hidden; background:var(--paper);
flex-shrink:0; min-height:180px;
}
.blog-card-img img{
width:100%; height:100%; object-fit:cover; display:block;
transition:transform .4s ease;
}
.blog-card:hover .blog-card-img img{ transform:scale(1.04); }
.blog-card-placeholder{
width:100%; height:100%; min-height:180px;
display:flex; align-items:center; justify-content:center;
background:linear-gradient(135deg, #111118 0%, #1a1a2e 100%);
}
.blog-card-placeholder i{ font-size:32px; color:var(--line); }
.blog-card-body{ padding:22px 20px; display:flex; flex-direction:column; flex:1; }
.blog-card-cat{
font-size:10px; font-weight:700; text-transform:uppercase;
letter-spacing:.7px; color:var(--cyan); margin-bottom:10px;
}
.blog-card-title{
font-family:'Space Grotesk', sans-serif;
font-size:16px; font-weight:700;
letter-spacing:-.2px; color:var(--ink);
line-height:1.35; margin-bottom:10px;
}
.blog-card-excerpt{
font-size:13px; color:var(--ink-soft);
line-height:1.65; margin-bottom:16px; flex:1;
} .blog-pagination{ margin-top:56px; display:flex; justify-content:center; }
.blog-pagination ul{ display:flex; gap:8px; list-style:none; padding:0; margin:0; }
.blog-pagination li a,
.blog-pagination li span{
display:flex; align-items:center; justify-content:center;
width:40px; height:40px; border-radius:10px;
font-size:13px; font-weight:600;
background:var(--card); border:1px solid var(--line);
color:var(--ink-soft); text-decoration:none;
transition:border-color .15s, color .15s;
}
.blog-pagination li a:hover{ border-color:var(--cyan); color:var(--cyan); }
.blog-pagination li .current{ background:var(--cyan); color:#000; border-color:var(--cyan); }
.blog-pagination li a.prev,
.blog-pagination li a.next{ width:auto; padding:0 16px; gap:6px; } .blog-empty{
text-align:center; padding:80px 20px;
}
.blog-empty i{ font-size:48px; color:var(--line); display:block; margin-bottom:20px; }
.blog-empty h2{
font-family:'Space Grotesk', sans-serif;
font-size:24px; color:var(--ink); margin-bottom:12px;
}
.blog-empty p{ color:var(--ink-soft); font-size:15px; margin-bottom:28px; }  .post-hero{
padding:56px 0 48px;
border-bottom:1px solid var(--line);
background:var(--bg);
}
.post-hero-breadcrumb{
display:flex; gap:8px; align-items:center;
font-size:12px; color:var(--ink-soft); margin-bottom:24px;
}
.post-hero-breadcrumb a{ color:var(--ink-soft); text-decoration:none; }
.post-hero-breadcrumb a:hover{ color:var(--cyan); }
.post-hero-breadcrumb span{ color:var(--muted-dark); }
.post-hero-title{
font-family:'Space Grotesk', sans-serif;
font-size:42px; font-weight:700;
line-height:1.15; letter-spacing:-1.2px;
color:var(--ink); margin:14px 0 24px;
max-width:800px;
}
.post-hero-meta{
display:flex; align-items:center; gap:8px;
font-size:13px; color:var(--ink-soft);
}
.post-meta-item{
display:flex; align-items:center; gap:5px;
}
.post-meta-item i{ font-size:14px; }
.post-meta-dot{ color:var(--line); } .post-featured-img{
padding:32px 0 0;
}
.post-featured-img img{
width:100%; max-height:520px; object-fit:cover;
border-radius:20px; border:1px solid var(--line);
} .post-body-section{ padding:56px 0 72px; }
.post-body-layout{
display:grid;
grid-template-columns:1fr 320px;
gap:56px; align-items:start;
} .post-hero-cat{
display:inline-block;
font-size:11px; font-weight:700;
text-transform:uppercase; letter-spacing:.7px;
color:var(--cyan); background:rgba(94,234,212,.1);
border:1px solid rgba(94,234,212,.2);
padding:5px 14px; border-radius:100px;
text-decoration:none; margin-bottom:16px;
transition:background .15s;
}
.post-hero-cat:hover{ background:rgba(94,234,212,.18); } .post-sidebar-cat-link{
color:var(--cyan); text-decoration:none; font-weight:700;
}
.post-sidebar-cat-link:hover{ text-decoration:underline; }
.post-sidebar-more{
display:inline-flex; align-items:center; gap:5px;
font-size:12px; font-weight:600; color:var(--cyan);
text-decoration:none; margin-top:14px;
transition:gap .15s;
}
.post-sidebar-more:hover{ gap:9px; }
.post-sidebar-more i{ font-size:13px; } .post-sidebar-services{
list-style:none; padding:0; margin:0;
}
.post-sidebar-services li{
border-bottom:1px solid var(--line);
}
.post-sidebar-services li:last-child{ border-bottom:none; }
.post-sidebar-services a{
display:flex; align-items:center; gap:10px;
padding:11px 0; font-size:13px; color:var(--ink-soft);
text-decoration:none; font-weight:500;
transition:color .15s;
}
.post-sidebar-services a:hover{ color:var(--cyan); }
.post-sidebar-services i{ font-size:15px; color:var(--ink-soft); }
.post-sidebar-services a:hover i{ color:var(--cyan); } .post-comments{ margin-top:48px; padding-top:40px; border-top:1px solid var(--line); }
.post-comments .comments-title{
font-family:'Space Grotesk', sans-serif;
font-size:22px; font-weight:700; color:var(--ink); margin-bottom:28px;
}
.post-comments .comment-list{ list-style:none; padding:0; margin:0; }
.post-comments .comment{
padding:20px 0; border-bottom:1px solid var(--line);
}
.post-comments .comment:last-child{ border-bottom:none; }
.post-comments .comment-author{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.post-comments .comment-author img{ border-radius:50%; }
.post-comments .fn{ font-size:14px; font-weight:600; color:var(--ink); font-style:normal; }
.post-comments .comment-metadata a{ font-size:12px; color:var(--ink-soft); text-decoration:none; }
.post-comments .comment-content p{ font-size:14px; color:var(--ink-soft); line-height:1.7; margin:0; }
.post-comments .reply a{ font-size:12px; color:var(--cyan); text-decoration:none; margin-top:8px; display:inline-block; }
.post-comments #respond{ margin-top:32px; }
.post-comments .comment-reply-title{ font-family:'Space Grotesk', sans-serif; font-size:18px; font-weight:700; color:var(--ink); margin-bottom:20px; }
.post-comments .comment-form label{ display:block; font-size:12px; color:var(--ink-soft); margin-bottom:6px; font-weight:600; }
.post-comments .comment-form input[type="text"],
.post-comments .comment-form input[type="email"],
.post-comments .comment-form input[type="url"],
.post-comments .comment-form textarea{
width:100%; padding:12px 14px;
background:var(--card); border:1px solid var(--line); border-radius:10px;
color:var(--ink); font-size:13px; font-family:'Manrope', sans-serif;
margin-bottom:16px;
}
.post-comments .comment-form input:focus,
.post-comments .comment-form textarea:focus{ border-color:var(--cyan); outline:none; }
.post-comments .comment-form textarea{ height:120px; resize:vertical; }
.post-comments .submit{
background:var(--cyan); color:#000; font-weight:700; font-size:14px;
padding:12px 28px; border-radius:10px; border:none; cursor:pointer;
transition:opacity .15s;
}
.post-comments .submit:hover{ opacity:.85; } .post-content{ font-size:16px; color:#D0D0D8; line-height:1.85; }
.post-content p{ margin-bottom:22px; }
.post-content h2{
font-family:'Space Grotesk', sans-serif;
font-size:26px; font-weight:700;
letter-spacing:-.4px; color:var(--ink);
margin:52px 0 16px;
}
.post-content h2:first-child{ margin-top:0; }
.post-content h3{
font-family:'Space Grotesk', sans-serif;
font-size:19px; font-weight:600;
color:var(--ink); margin:36px 0 12px;
}
.post-content ul{
list-style:none; padding:0; margin:0 0 24px;
border-top:1px solid var(--line);
}
.post-content ul li{
padding:10px 0 10px 24px; position:relative;
border-bottom:1px solid var(--line);
font-size:15.5px; color:#D0D0D8; line-height:1.65;
}
.post-content ul li:last-child{ border-bottom:none; }
.post-content ul li::before{
content:''; position:absolute; left:0; top:19px;
width:7px; height:7px; background:var(--cyan); border-radius:50%;
}
.post-content ol{
list-style:none; padding:0; margin:0 0 24px;
counter-reset:ol; border-top:1px solid var(--line);
}
.post-content ol li{
counter-increment:ol;
padding:12px 0 12px 40px; position:relative;
border-bottom:1px solid var(--line);
font-size:15.5px; color:#D0D0D8; line-height:1.65;
}
.post-content ol li:last-child{ border-bottom:none; }
.post-content ol li::before{
content:counter(ol);
position:absolute; left:0; top:10px;
width:26px; height:26px;
background:rgba(94,234,212,.12); color:var(--cyan);
border-radius:50%; display:flex; align-items:center;
justify-content:center; font-size:12px; font-weight:700;
font-family:'Space Grotesk', sans-serif;
}
.post-content strong{ color:var(--ink); font-weight:600; }
.post-content a{ color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.post-content a:hover{ opacity:.8; }
.post-content hr{ border:none; border-top:1px solid var(--line); margin:48px 0; }
.post-content img{ border-radius:14px; margin:24px 0; border:1px solid var(--line); max-width:100%; }
.post-content blockquote{
margin:32px 0; padding:20px 24px;
background:var(--card); border-left:3px solid var(--cyan);
border-radius:0 12px 12px 0; color:var(--ink-soft);
} .post-tags{
display:flex; flex-wrap:wrap; gap:8px; align-items:center;
margin-top:40px; padding-top:28px; border-top:1px solid var(--line);
}
.post-tags-label{ font-size:12px; color:var(--ink-soft); font-weight:600; }
.post-tag{
font-size:12px; color:var(--ink-soft);
background:var(--card); border:1px solid var(--line);
border-radius:6px; padding:5px 12px;
text-decoration:none; transition:border-color .15s, color .15s;
}
.post-tag:hover{ border-color:var(--cyan); color:var(--cyan); } .post-nav{
display:grid; grid-template-columns:1fr 1fr;
gap:16px; margin-top:48px;
}
.post-nav-item{
background:var(--card); border:1px solid var(--line);
border-radius:14px; padding:18px 20px;
text-decoration:none; color:inherit;
transition:border-color .15s;
}
.post-nav-item:hover{ border-color:rgba(94,234,212,.3); }
.post-nav-next{ text-align:right; }
.post-nav-dir{
display:flex; align-items:center; gap:6px;
font-size:11px; font-weight:600; text-transform:uppercase;
letter-spacing:.5px; color:var(--ink-soft); margin-bottom:8px;
}
.post-nav-next .post-nav-dir{ justify-content:flex-end; }
.post-nav-title{
font-family:'Space Grotesk', sans-serif;
font-size:14px; font-weight:600; color:var(--ink); line-height:1.35;
} .post-sidebar{ position:sticky; top:90px; display:flex; flex-direction:column; gap:20px; }
.post-sidebar-card{
background:var(--card); border:1px solid var(--line);
border-radius:16px; padding:24px;
}
.post-sidebar-label{
font-size:11px; font-weight:600; text-transform:uppercase;
letter-spacing:.6px; color:var(--ink-soft); margin-bottom:16px;
} .post-author{
display:flex; align-items:center; gap:14px; margin-bottom:14px;
}
.post-author-avatar{
width:44px; height:44px; border-radius:50%;
background:rgba(94,234,212,.1); border:1px solid rgba(94,234,212,.2);
display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.post-author-avatar i{ font-size:20px; color:var(--cyan); }
.post-author-name{
font-family:'Space Grotesk', sans-serif;
font-size:14px; font-weight:700; color:var(--ink); margin-bottom:2px;
}
.post-author-role{ font-size:12px; color:var(--ink-soft); }
.post-author-bio{ font-size:13px; color:var(--ink-soft); line-height:1.65; } .post-related{ list-style:none; padding:0; margin:0; }
.post-related li{ border-bottom:1px solid var(--line); }
.post-related li:last-child{ border-bottom:none; }
.post-related a{
display:flex; gap:12px; align-items:center;
padding:12px 0; text-decoration:none;
transition:opacity .15s;
}
.post-related a:hover{ opacity:.75; }
.post-related-img{
width:52px; height:52px; flex-shrink:0;
border-radius:8px; overflow:hidden; background:var(--paper);
}
.post-related-img img{ width:100%; height:100%; object-fit:cover; }
.post-related-title{
font-size:13px; font-weight:600; color:var(--ink);
line-height:1.35; margin-bottom:4px;
}
.post-related-date{ font-size:11px; color:var(--ink-soft); } @media (max-width: 1060px){
.post-body-layout{ grid-template-columns:1fr; }
.post-sidebar{ position:static; }
.blog-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 860px){
.blog-card-featured{ grid-template-columns:1fr; }
.blog-card-featured-img{ aspect-ratio:16/7; }
.blog-hero-inner{ flex-direction:column; align-items:flex-start; }
.post-hero-title{ font-size:32px; }
.blog-hero-title{ font-size:36px; }
}
@media (max-width: 600px){
.blog-grid{ grid-template-columns:1fr; }
.post-nav{ grid-template-columns:1fr; }
} .blog-cat-filters{
display:flex; flex-wrap:wrap; gap:8px;
margin-top:24px;
}
.blog-cat-filter{
font-size:12px; font-weight:600;
padding:7px 16px; border-radius:100px;
border:1px solid var(--line);
background:var(--card); color:var(--ink-soft);
text-decoration:none;
transition:border-color .15s, color .15s, background .15s;
display:inline-flex; align-items:center; gap:6px;
}
.blog-cat-filter:hover,
.blog-cat-filter.is-active{
border-color:var(--cyan); color:var(--cyan);
background:rgba(94,234,212,.08);
}
.blog-cat-count{
font-size:10px; background:var(--line);
border-radius:100px; padding:1px 6px;
color:var(--ink-soft);
} .blog-back-link{
display:inline-flex; align-items:center; gap:6px;
font-size:13px; font-weight:600; color:var(--ink-soft);
text-decoration:none; margin-top:20px;
transition:color .15s, gap .15s;
}
.blog-back-link:hover{ color:var(--cyan); gap:10px; }
.blog-back-link i{ font-size:14px; } .blog-grid--archive{
grid-template-columns:repeat(3,1fr);
}
@media (max-width:860px){ .blog-grid--archive{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .blog-grid--archive{ grid-template-columns:1fr; } } .blog-card-cat{ text-decoration:none; }
.blog-card-cat:hover{ opacity:.75; }