#ctc { padding-top: calc(var(--nav) + 60px); padding-bottom: 90px; position: relative; overflow: hidden; }
         /* info cards - same .gc shell the feature grid uses, laid out as an icon + copy row */
         .cinfo { display: flex; gap: 16px; align-items: flex-start; }
         .cinfo h3 { font-size: 1rem; font-weight: 700; color: var(--tx); margin-bottom: 6px; }
         .cinfo p, .cinfo address { font-size: .875rem; color: var(--tx2); line-height: 1.65; margin: 0; font-style: normal; }
         .cinfo a { color: var(--pur); text-decoration: none; }
         .cinfo a.sico { color: #fff; }
         .cinfo a:hover { text-decoration: underline; }
         .cline { display: flex; align-items: center; gap: 9px; font-size: .875rem; color: var(--tx2); margin-top: 8px; }
         .cline i { color: var(--pur); font-size: .8rem; width: 14px; text-align: center; flex-shrink: 0; }
         /* form field grid */
         .cgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
         @media (max-width: 575px) { .cgrid { grid-template-columns: 1fr; } }
         /* selects and the textarea reuse .oinp, so only the extras are declared here */
         select.oinp { appearance: none; -webkit-appearance: none; cursor: pointer;
                       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239a9ab8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
                       background-repeat: no-repeat; background-position: right 13px center; background-size: 15px;
                       padding-right: 38px; }
         /* native dropdown lists ignore the parent's token colours in some browsers */
         .oinp option { background: var(--bg3); color: var(--tx); }
         textarea.oinp { min-height: 132px; resize: vertical; line-height: 1.6; }
         .oinp::placeholder { color: var(--tx3); }
         .creq { color: #f87171; margin-left: 2px; }
         /* custom searchable country combobox - the native <select> popup list
            can't be restyled cross-browser, so it's kept off-screen purely to
            hold the actual value, and this button+panel replace it visually */
         .ccombo { position: relative; }
         .ccombo-native { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0;
                           overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
         .ccombo-btn { display: flex; align-items: center; justify-content: space-between;
                       text-align: left; cursor: pointer; background-image: none; }
         .ccombo-btn span.ph { color: var(--tx3); }
         .ccombo-chev { color: var(--tx3); font-size: .75rem; margin-left: 10px; flex-shrink: 0; transition: transform .2s; }
         .ccombo-btn[aria-expanded="true"] .ccombo-chev { transform: rotate(180deg); }
         .ccombo-panel { display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 50;
                         background: var(--sf); border: 1px solid var(--bd2); border-radius: 12px;
                         box-shadow: 0 20px 50px rgba(0,0,0,.25); overflow: hidden; }
         .ccombo-panel.open { display: block; }
         .ccombo-search-wrap { display: flex; align-items: center; gap: 9px; padding: 11px 14px;
                               border-bottom: 1px solid var(--bd); }
         .ccombo-search-wrap i { color: var(--tx3); font-size: .78rem; flex-shrink: 0; }
         .ccombo-search { flex: 1; min-width: 0; border: none; outline: none; background: transparent;
                          color: var(--tx); font-size: .875rem; font-family: 'Manrope', sans-serif; }
         .ccombo-search::placeholder { color: var(--tx3); }
         .ccombo-list { max-height: 260px; overflow-y: auto; padding: 6px;
                        scrollbar-width: thin; scrollbar-color: rgba(139, 92, 246, .4) transparent; }
         .ccombo-list::-webkit-scrollbar { width: 7px; }
         .ccombo-list::-webkit-scrollbar-track { background: transparent; }
         .ccombo-list::-webkit-scrollbar-thumb { background: rgba(139, 92, 246, .35); border-radius: 100px; }
         .ccombo-list::-webkit-scrollbar-thumb:hover { background: rgba(139, 92, 246, .6); }
         .ccombo-opt { padding: 9px 12px; border-radius: 8px; font-size: .875rem; color: var(--tx); cursor: pointer; }
         .ccombo-opt:hover, .ccombo-opt.active { background: rgba(139, 92, 246, .12); color: var(--pur); }
         .ccombo-empty { padding: 16px 12px; font-size: .8rem; color: var(--tx3); text-align: center; }
         .cnote { font-size: .78rem; color: var(--tx3); line-height: 1.6; }

/* honeypot for the contact form: off-screen, not display:none, so bots still see it */
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#cBtn:disabled { opacity: .7; cursor: not-allowed; }