:root { --ctkd-red:#ef233c; --ctkd-yellow:#f6e81a; --ctkd-green:#42b982; --ctkd-blue:#0f7cbf; --ctkd-black:#090909; --ctkd-panel:#171717; --ctkd-text:#fff; --ctkd-muted:#b8b8b8; --ctkd-line:rgba(255,255,255,.14); --ctkd-shell:min(1180px,calc(100% - 40px)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ctkd-black); color:var(--ctkd-text); font-family:Arial,Helvetica,sans-serif; line-height:1.6; }
a { color:inherit; }
img { display:block; max-width:100%; height:auto; }
.ctkd-shell { width:var(--ctkd-shell); margin:0 auto; }
.ctkd-skip { position:absolute; left:-9999px; z-index:1000; background:#fff; color:#000; padding:10px; }
.ctkd-skip:focus { left:12px; top:12px; }
.ctkd-site-header { position:sticky; top:0; z-index:90; background:rgba(8,8,8,.9); backdrop-filter:blur(18px); }
.ctkd-nav { min-height:108px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.ctkd-brand { width:320px; max-width:48vw; }
.ctkd-brand a { display:block; }
.ctkd-brand img { display:block; width:100%; max-height:90px; object-fit:contain; object-position:left center; }
.ctkd-menu ul { display:flex; align-items:center; gap:24px; padding:0; margin:0; list-style:none; }
.ctkd-menu a { color:#ececec; font-size:12px; font-weight:900; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.ctkd-menu a:hover, .ctkd-menu .current-menu-item a { color:var(--ctkd-yellow); }
.ctkd-menu-toggle { display:none; padding:10px 12px; border:1px solid var(--ctkd-line); border-radius:8px; background:transparent; color:white; font:inherit; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.ctkd-hero, .ctkd-page-hero { min-height:760px; display:grid; align-items:center; position:relative; background-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.66) 42%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,#090909 0%,transparent 24%),var(--hero-image); background-size:cover; background-position:center; }
.ctkd-page-hero { min-height:570px; background-image:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 52%,rgba(0,0,0,.16) 100%),linear-gradient(0deg,#090909 0%,transparent 24%),var(--hero-image); }
.ctkd-hero-content { max-width:760px; padding:105px 0 125px; }
.ctkd-eyebrow { color:var(--ctkd-yellow); font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; margin:0 0 15px; }
.ctkd-eyebrow:before { content:""; display:inline-block; height:3px; width:32px; margin:0 10px 3px 0; background:var(--ctkd-red); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(54px,8vw,112px); line-height:.86; letter-spacing:-.08em; text-transform:uppercase; margin-bottom:28px; }
h1 span { color:var(--ctkd-yellow); }
h2 { font-size:clamp(36px,4.5vw,64px); line-height:.93; letter-spacing:-.06em; margin-bottom:22px; }
h3 { font-size:25px; line-height:1; letter-spacing:-.04em; }
.ctkd-lead { max-width:620px; color:#dedede; font-size:19px; line-height:1.7; }
.ctkd-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.ctkd-button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 23px; border:2px solid var(--ctkd-red); border-radius:999px; background:var(--ctkd-red); color:#fff; font:900 13px/1 Arial,sans-serif; letter-spacing:.07em; text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer; transition:.2s ease; }
.ctkd-button:hover { transform:translateY(-2px); border-color:var(--ctkd-yellow); background:var(--ctkd-yellow); color:#090909; }
.ctkd-button-ghost { border-color:rgba(255,255,255,.55); background:rgba(0,0,0,.25); }
.ctkd-button-ghost:hover { border-color:#fff; background:#fff; }
.ctkd-belt-bar { position:relative; z-index:2; margin-top:-54px; background:linear-gradient(90deg,#111,#151515); }
.ctkd-belt-bar .ctkd-shell { display:grid; grid-template-columns:repeat(6,1fr); }
.ctkd-belt-bar span { min-height:104px; display:grid; align-content:center; padding:15px; color:#fff; font-size:14px; font-weight:900; text-align:center; }
.ctkd-belt-bar b { color:#aaa; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.ctkd-belt-bar span:nth-child(1){border-top:5px solid #f8f8f8}.ctkd-belt-bar span:nth-child(2){border-top:5px solid var(--ctkd-yellow)}.ctkd-belt-bar span:nth-child(3){border-top:5px solid var(--ctkd-green)}.ctkd-belt-bar span:nth-child(4){border-top:5px solid var(--ctkd-blue)}.ctkd-belt-bar span:nth-child(5){border-top:5px solid var(--ctkd-red)}.ctkd-belt-bar span:nth-child(6){border-top:5px solid #111}
.ctkd-section { padding:140px 0; }
.ctkd-section-dark { background:linear-gradient(135deg,#101010,#060606); }
.ctkd-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:75px; }
.ctkd-split > div > p:not(.ctkd-eyebrow), .ctkd-section p { color:var(--ctkd-muted); font-size:17px; }
.ctkd-image-card { margin:0; overflow:hidden; background:#151515; }
.ctkd-image-card img { min-height:400px; width:100%; object-fit:cover; }
.ctkd-image-card figcaption { padding:15px 0 0; color:var(--ctkd-yellow); font-size:13px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.ctkd-check-list { display:grid; gap:12px; padding:0; list-style:none; margin:28px 0 0; }
.ctkd-check-list li { color:#f4f4f4; font-weight:700; }
.ctkd-check-list li:before { content:"✓"; display:inline-grid; place-items:center; width:24px; height:24px; margin-right:10px; border-radius:50%; background:var(--ctkd-red); color:white; font-size:13px; }
.ctkd-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; margin-top:52px; }
.ctkd-card { min-height:230px; display:flex; flex-direction:column; align-items:flex-start; padding:20px 0 0; border-top:2px solid rgba(255,255,255,.33); }
.ctkd-card:hover { border-color:var(--ctkd-yellow); transition:.2s ease; }
.ctkd-card-accent { border-color:var(--ctkd-red); }
.ctkd-card p { flex:1; font-size:15px; }
.ctkd-card a { color:var(--ctkd-yellow); font-size:12px; font-weight:900; letter-spacing:.07em; text-decoration:none; text-transform:uppercase; }
.ctkd-card a span { font-size:20px; }
.ctkd-feature { min-height:600px; display:grid; align-items:center; position:relative; background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.56) 48%,rgba(0,0,0,.18)),var(--feature-image); background-position:center; background-size:cover; }
.ctkd-feature-copy { max-width:610px; padding:90px 0; }
.ctkd-feature-copy p:not(.ctkd-eyebrow) { color:#ddd; font-size:18px; }
.ctkd-contact-form { display:grid; grid-template-columns:.8fr 1.2fr; gap:55px; margin:110px 0; padding:clamp(42px,6vw,84px) 0; border-top:1px solid var(--ctkd-line); border-bottom:1px solid var(--ctkd-line); }
.ctkd-contact-forms { display:grid; grid-template-columns:1fr 1fr; gap:56px; margin:110px auto; border-top:1px solid var(--ctkd-line); border-bottom:1px solid var(--ctkd-line); }
.ctkd-contact-forms .ctkd-contact-form { display:block; margin:0; padding:70px 0; border:0; }
.ctkd-contact-forms .ctkd-contact-form + .ctkd-contact-form { padding-left:56px; border-left:1px solid var(--ctkd-line); }
.ctkd-contact-forms .ctkd-fields { grid-template-columns:1fr; }
.ctkd-contact-forms .ctkd-field-full { grid-column:auto; }
.ctkd-form-intro h2 { font-size:clamp(33px,4vw,55px); }
.ctkd-form-intro p:not(.ctkd-eyebrow), .ctkd-form-note { color:var(--ctkd-muted); }
.ctkd-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ctkd-fields p { margin:0; }.ctkd-field-full { grid-column:1/-1; }
.ctkd-fields label { display:block; margin:0 0 7px; color:#eee; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.ctkd-fields input,.ctkd-fields select,.ctkd-fields textarea { width:100%; padding:14px; border:1px solid var(--ctkd-line); border-radius:12px; outline:none; background:rgba(255,255,255,.07); color:#fff; font:inherit; }
.ctkd-fields select option { color:#111; }.ctkd-fields input:focus,.ctkd-fields select:focus,.ctkd-fields textarea:focus { border-color:var(--ctkd-yellow); box-shadow:0 0 0 3px rgba(246,232,26,.14); }
.ctkd-form .ctkd-button { margin-top:18px; width:100%; }.ctkd-form-note { margin:14px 0 0; font-size:13px; }.ctkd-success { grid-column:1/-1; padding:14px 16px; border:1px solid rgba(66,185,130,.6); border-radius:12px; background:rgba(66,185,130,.12); color:#e9fff3; font-weight:700; }
.ctkd-belt-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; margin-top:52px; }
.ctkd-belt-card { padding:18px 0 0; border-top:5px solid #fff; }.ctkd-belt-card h3 { margin:18px 0 10px; }.ctkd-belt-card span { font-size:12px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.ctkd-belt-card p { margin:0; font-size:15px; }.ctkd-belt-yellow { border-top-color:var(--ctkd-yellow); }.ctkd-belt-green { border-top-color:var(--ctkd-green); }.ctkd-belt-blue { border-top-color:var(--ctkd-blue); }.ctkd-belt-red { border-top-color:var(--ctkd-red); }.ctkd-belt-black { border-top-color:#000; }
.ctkd-standard-page { min-height:60vh; padding:105px 0; }.ctkd-standard-page h1 { font-size:clamp(44px,6vw,80px); }.ctkd-entry { max-width:820px; color:#ddd; font-size:18px; }.ctkd-entry a { color:var(--ctkd-yellow); }.ctkd-post { padding:25px 0; border-bottom:1px solid var(--ctkd-line); }.ctkd-post h1 { font-size:clamp(32px,4vw,54px); }
.ctkd-footer { padding:70px 0 20px; background:#f4f1e9; color:#111; }.ctkd-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px; }.ctkd-footer-logo img { width:min(265px,100%); height:auto; padding:12px 0; }.ctkd-footer p { margin:.35em 0; color:#565656; }.ctkd-footer span { display:block; color:#b4192d; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.ctkd-footer a { color:#111; text-decoration:none; }.ctkd-copyright { padding-top:30px; color:#666; font-size:12px; }
:focus-visible { outline:3px solid var(--ctkd-yellow); outline-offset:4px; }
@media (max-width:800px) { .ctkd-nav { min-height:84px; }.ctkd-brand { width:235px; max-width:65vw; }.ctkd-brand img { max-height:68px; }.ctkd-menu-toggle { display:block; }.ctkd-menu { display:none; position:absolute; left:0; right:0; top:84px; padding:18px 20px; background:#111; border-bottom:1px solid var(--ctkd-line); }.ctkd-menu.is-open { display:block; }.ctkd-menu ul { display:grid; gap:15px; }.ctkd-hero,.ctkd-page-hero { min-height:620px; background-position:60% center; }.ctkd-hero-content { padding:80px 0; }.ctkd-belt-bar { margin-top:-25px; }.ctkd-belt-bar .ctkd-shell { grid-template-columns:repeat(3,1fr); }.ctkd-belt-bar span { min-height:74px; }.ctkd-split,.ctkd-contact-form,.ctkd-contact-forms { grid-template-columns:1fr; gap:30px; }.ctkd-section { padding:78px 0; }.ctkd-card-grid,.ctkd-belt-grid { grid-template-columns:1fr; }.ctkd-card { min-height:0; }.ctkd-image-card img { min-height:280px; }.ctkd-footer-grid { grid-template-columns:1fr; }.ctkd-contact-form,.ctkd-contact-forms { margin:55px 0; }.ctkd-contact-forms .ctkd-contact-form { padding:45px 0; }.ctkd-contact-forms .ctkd-contact-form + .ctkd-contact-form { padding-left:0; border-left:0; border-top:1px solid var(--ctkd-line); }.ctkd-feature { min-height:500px; }.ctkd-page-hero { min-height:480px; } }
@media (max-width:480px) { :root { --ctkd-shell:min(100% - 28px,1180px); }.ctkd-belt-bar .ctkd-shell { grid-template-columns:repeat(2,1fr); }.ctkd-fields { grid-template-columns:1fr; }.ctkd-field-full { grid-column:auto; }.ctkd-actions { display:grid; }.ctkd-actions .ctkd-button { width:100%; } }
