:root{
--ink:#000000;
--panel:#201d1a;
--panel-line:#3a3630;
--paper:#f5f1ea;
--paper-line:#ddd6c8;
--accent:#ff6808;
--accent-deep:#d9560a;
--accent-ink:#fffefe;
--text-ondark:#f5f1ea;
--muted-ondark:#b4ac9f;
--text-onpaper:#1f1c18;
--muted-onpaper:#6c6355;
--radius:10px;
--maxw:1120px;
--font-display:'Raleway','Segoe UI',Arial,sans-serif;
--font-body:'Raleway','Segoe UI',Arial,sans-serif;
--font-mono:'IBM Plex Mono','Courier New',monospace;
} .cardsx h1,.cardsx h2,.cardsx h3{
font-family:var(--font-display);
font-weight:800;
line-height:1.12;
text-wrap:balance;
margin:0;
}
.cardsx p{margin:0;}
.cardsx img{max-width:100%;display:block;}
.cardsx .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.cardsx.hero,
.cardsx.section--paper,
.cardsx.section--panel,
.cardsx.section--ink,
.cardsx.final-cta{padding:88px 0;}
.cardsx.section--paper{background:var(--paper);color:var(--text-onpaper);}
.cardsx.section--panel{background:var(--panel);color:var(--text-ondark);border-top:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line);}
.cardsx.section--ink{background:var(--ink);color:var(--text-ondark);}
.cardsx .eyebrow{
font-family:var(--font-mono);
font-size:12.5px;
font-weight:500;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--accent);
display:flex !important;
align-items:center;
gap:10px;
}
.cardsx .eyebrow::before{content:"";width:22px;height:2px;background:var(--accent);display:inline-block;flex:none;} .cardsx .wp-block-button__link{
display:inline-flex;
align-items:center;
gap:10px;
font-family:var(--font-body);
font-weight:600;
font-size:15.5px;
padding:15px 30px;
border-radius:6px;
text-decoration:none;
transition:transform .15s ease,background .15s ease,box-shadow .15s ease;
white-space:nowrap;
}
.cardsx .wp-block-button.btn--accent .wp-block-button__link{background:var(--accent);color:var(--accent-ink);}
.cardsx .wp-block-button.btn--accent .wp-block-button__link:hover{background:var(--accent-deep);transform:translateY(-1px);}
.cardsx .wp-block-button.btn--ghost-dark .wp-block-button__link{background:transparent;color:var(--text-ondark);border:1px solid var(--panel-line);}
.cardsx .wp-block-button.btn--ghost-dark .wp-block-button__link:hover{border-color:var(--accent);color:var(--accent);}
.cardsx .wp-block-button.btn--ghost-paper .wp-block-button__link{background:transparent;color:var(--text-onpaper);border:1px solid var(--paper-line);}
.cardsx .wp-block-button.btn--ghost-paper .wp-block-button__link:hover{border-color:var(--accent);color:var(--accent-deep);}
.cardsx .wp-block-buttons.btn-row{gap:14px;} .cardsx.hero{
position:relative;
padding:96px 0 80px;
background:
radial-gradient(ellipse 900px 500px at 78% 8%,rgba(255,104,8,.16),transparent 60%),
linear-gradient(180deg,#000000 0%,#0c0a08 100%);
overflow:hidden;
border-bottom:1px solid var(--panel-line);
color:var(--text-ondark);
}
.cardsx.hero .wrap{display:grid !important;grid-template-columns:1.05fr .95fr !important;gap:56px;align-items:center;}
.cardsx .hero-copy h1{font-size:44px;margin-top:18px;color:#fff;}
.cardsx .hero-copy .lede{margin-top:20px;font-size:18px;line-height:1.65;color:var(--muted-ondark);max-width:56ch;}
.cardsx .hero-copy .wp-block-buttons{margin-top:32px;}
.cardsx .trust-strip{margin-top:40px;display:flex !important;flex-wrap:wrap;gap:10px 28px;}
.cardsx .trust-strip p{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;color:var(--muted-ondark);margin:0;}
.cardsx .hero-visual{position:relative;display:flex !important;justify-content:center;align-items:center;}
.cardsx .hero-visual .photo-card{
position:relative;
background:linear-gradient(160deg,#171512 0%,#0a0908 100%);
border:1px solid var(--panel-line);
border-radius:16px;
overflow:hidden;
width:100%;
}
.cardsx .hero-visual .photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.cardsx .device-caption{
display:flex !important;justify-content:space-between;align-items:baseline;
font-family:var(--font-mono);font-size:12px;color:var(--muted-ondark);
border-top:1px solid var(--panel-line);padding:14px 22px;
background:linear-gradient(160deg,#171512 0%,#0a0908 100%);
}
.cardsx .device-caption strong{color:var(--text-ondark);font-weight:600;} .cardsx .section-head{max-width:680px;margin-bottom:48px;}
.cardsx .section-head h2{font-size:32px;margin-top:14px;}
.cardsx.section--paper .section-head h2{color:var(--text-onpaper);}
.cardsx .section-head .sub{margin-top:16px;font-size:16.5px;color:var(--muted-onpaper);line-height:1.65;}
.cardsx.section--panel .section-head .sub,
.cardsx.section--ink .section-head .sub{color:var(--muted-ondark);}
.cardsx .section-head p+p{margin-top:14px;} .cardsx .card-grid{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
gap:2px;
background:var(--paper-line);
border:1px solid var(--paper-line);
border-radius:var(--radius);
overflow:hidden;
}
.cardsx .card{background:var(--paper);padding:30px 26px;display:flex !important;flex-direction:column;gap:14px;}
.cardsx .card h3{font-size:17.5px;font-weight:700;color:var(--text-onpaper);}
.cardsx .card p{font-size:14.75px;color:var(--muted-onpaper);line-height:1.6;}
.cardsx .card .more{margin-top:auto;padding-top:6px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--accent-deep);display:block;}
.cardsx .card-grid--dark{background:var(--panel-line);border-color:var(--panel-line);}
.cardsx .card-grid--dark .card{background:var(--panel);}
.cardsx .card-grid--dark .card h3{color:var(--text-ondark);}
.cardsx .card-grid--dark .card p{color:var(--muted-ondark);}
.cardsx .card-grid--dark .card .more{color:var(--accent);} .cardsx .spotlight-row{display:grid !important;grid-template-columns:1fr 1fr !important;gap:56px;align-items:center;}
.cardsx .spotlight-row.reverse .media{order:2;}
.cardsx .spotlight-row.reverse .content{order:1;}
.cardsx .spotlight-row .media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:var(--radius);border:1px solid var(--paper-line);}
.cardsx .spotlight-row .content .kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);}
.cardsx .spotlight-row .content h3{font-size:25px;margin-top:10px;}
.cardsx .spotlight-row .content .lede-sm{margin-top:14px;font-size:15.5px;font-weight:600;color:var(--text-onpaper);}
.cardsx .spotlight-row .content .body-text{margin-top:12px;font-size:14.75px;color:var(--muted-onpaper);line-height:1.65;}
.cardsx .spotlight-row .content .wp-block-buttons{margin-top:22px;}
.cardsx.section--panel .spotlight-row .content .kicker{color:var(--accent);}
.cardsx.section--panel .spotlight-row .content h3{color:var(--text-ondark);}
.cardsx.section--panel .spotlight-row .content .lede-sm{color:var(--text-ondark);}
.cardsx.section--panel .spotlight-row .content .body-text{color:var(--muted-ondark);}
.cardsx.section--panel .spotlight-row .media img{border-color:var(--panel-line);} .cardsx.final-cta{
background:radial-gradient(ellipse 800px 420px at 22% 100%,rgba(255,104,8,.14),transparent 60%),#000000;
color:var(--text-ondark);
}
.cardsx.final-cta .wrap{display:grid !important;grid-template-columns:1.2fr .8fr !important;gap:56px;align-items:center;}
.cardsx.final-cta .wrap.single{grid-template-columns:1fr !important;max-width:760px;}
.cardsx.final-cta h2{font-size:34px;color:#fff;}
.cardsx.final-cta .sub{margin-top:16px;font-size:16.5px;color:var(--muted-ondark);max-width:50ch;}
.cardsx.final-cta .wp-block-buttons{margin-top:30px;}
.cardsx .contact-card{
border:1px solid var(--panel-line);border-radius:var(--radius);padding:28px 26px;
background:var(--panel);display:flex !important;flex-direction:column;gap:16px;
}
.cardsx .contact-card p{font-size:14.5px;}
.cardsx .contact-card .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-ondark);} .cardsx.contact-form-section .section-head{margin-bottom:40px;}
.cardsx.contact-form-section form.wpcf7-form{max-width:640px;}
.cardsx.contact-form-section form.wpcf7-form .grid,
.cardsx.contact-form-section form.wpcf7-form .flex{display:block !important;}
.cardsx.contact-form-section .wpcf7-form-control-wrap{display:block;margin-bottom:18px;}
.cardsx.contact-form-section input[type="text"],
.cardsx.contact-form-section input[type="email"],
.cardsx.contact-form-section textarea{
width:100%;background:#171512;border:1px solid var(--panel-line);border-radius:6px;
padding:13px 16px;color:var(--text-ondark);font-family:var(--font-body);font-size:15px;
}
.cardsx.contact-form-section input::placeholder,
.cardsx.contact-form-section textarea::placeholder{color:var(--muted-ondark);}
.cardsx.contact-form-section input:focus,
.cardsx.contact-form-section textarea:focus{outline:none;border-color:var(--accent);}
.cardsx.contact-form-section textarea{resize:vertical;min-height:140px;}
.cardsx.contact-form-section .wpcf7-acceptance label{display:flex !important;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted-ondark);line-height:1.6;max-width:none;}
.cardsx.contact-form-section .wpcf7-acceptance input[type="checkbox"]{margin-top:3px;flex:none;width:16px;height:16px;accent-color:var(--accent);}
.cardsx.contact-form-section input.wpcf7-submit{
display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:600;
font-size:15.5px;padding:15px 30px;border-radius:6px;border:none;cursor:pointer;
background:var(--accent);color:var(--accent-ink);margin-top:8px;transition:transform .15s ease,background .15s ease;
}
.cardsx.contact-form-section input.wpcf7-submit:hover{background:var(--accent-deep);transform:translateY(-1px);}
.cardsx.contact-form-section .wpcf7-spinner{margin-left:10px;}
.cardsx.contact-form-section .wpcf7-response-output{margin-top:20px;padding:14px 18px;border-radius:8px;border:1px solid var(--panel-line);font-size:14px;}
.cardsx.contact-form-section #altEmail_container,
.cardsx.contact-form-section .wpa_hidden_field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;} .cardsx .legal-content{max-width:760px;}
.cardsx .legal-content h1{font-size:36px;margin-top:14px;}
.cardsx .legal-content .sub{margin-top:12px;margin-bottom:8px;font-size:15px;color:var(--muted-onpaper);}
.cardsx .legal-content h2{font-size:22px;margin-top:44px;margin-bottom:14px;}
.cardsx .legal-content p{margin-bottom:16px;font-size:15.5px;line-height:1.7;color:var(--muted-onpaper);}
.cardsx .legal-content ul,
.cardsx .legal-content ol{margin:0 0 16px;padding-left:1.4em;color:var(--muted-onpaper);font-size:15.5px;line-height:1.7;}
.cardsx .legal-content li{margin-bottom:6px;}
.cardsx .legal-content a{color:var(--accent-deep);text-decoration:underline;}
.cardsx .legal-content strong{color:var(--text-onpaper);} .cardsx .faq-list{display:flex !important;flex-direction:column;border-top:1px solid var(--paper-line);max-width:800px;}
.cardsx .faq-list .wp-block-details{border-bottom:1px solid var(--paper-line);margin:0;}
.cardsx .faq-list .wp-block-details summary{
cursor:pointer;list-style:none;
display:flex !important;align-items:center;justify-content:space-between;gap:20px;
padding:22px 2px;font-weight:600;font-size:16.5px;color:var(--text-onpaper);
}
.cardsx .faq-list .wp-block-details summary::-webkit-details-marker{display:none;}
.cardsx .faq-list .wp-block-details summary::after{content:"+";font-size:20px;color:var(--accent-deep);flex:none;}
.cardsx .faq-list .wp-block-details[open] summary::after{content:"–";}
.cardsx .faq-list .wp-block-details p{padding:0 2px 24px;color:var(--muted-onpaper);font-size:15px;max-width:64ch;line-height:1.65;margin:0;} @media (max-width:900px){
.cardsx.hero,
.cardsx.section--paper,
.cardsx.section--panel,
.cardsx.section--ink,
.cardsx.final-cta{padding:64px 0;}
.cardsx.hero{padding:56px 0 60px;}
.cardsx.hero .wrap{grid-template-columns:1fr !important;gap:44px;}
.cardsx .hero-visual{order:-1;}
.cardsx .hero-copy h1{font-size:34px;}
.cardsx .spotlight-row{grid-template-columns:1fr !important;gap:28px;}
.cardsx .spotlight-row.reverse .media{order:-1;}
.cardsx .spotlight-row.reverse .content{order:0;}
.cardsx.final-cta .wrap{grid-template-columns:1fr !important;}
}
@media (max-width:560px){
.cardsx .wrap{padding:0 20px;}
.cardsx .hero-copy h1{font-size:29px;}
.cardsx .section-head h2{font-size:26px;}
}