/* Page-scoped styles only: client onboarding — aligned to GANATRA emerald/gold glass theme */
.co-page{position:relative;isolation:isolate}
.co-page:before{content:"";position:absolute;z-index:-1;top:80px;left:50%;transform:translateX(-50%);width:min(900px,100%);height:520px;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(26,153,91,.18),transparent 68%);filter:blur(18px)}
.co-brand-mark{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto 18px;color:#f0d477;font:700 16px/1.1 "Manrope",sans-serif;letter-spacing:.16em}
.co-brand-mark img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(39,190,112,.25))}
.co-brand-mark span{display:flex;flex-direction:column;gap:5px}.co-brand-mark b{font-size:11px;letter-spacing:.34em;color:#d6b64c}
.co-kicker{display:inline-block;padding:8px 14px;border:1px solid rgba(214,182,76,.28);border-radius:99px;background:rgba(8,35,23,.55);box-shadow:inset 0 0 18px rgba(37,155,91,.08)}
.co-card{position:relative;overflow:hidden;border-color:rgba(214,182,76,.32);background:linear-gradient(135deg,rgba(7,28,18,.88),rgba(4,14,10,.78));box-shadow:0 16px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035),0 0 32px rgba(15,112,65,.07);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.co-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,#e4c35e,rgba(28,160,91,.15));opacity:.8}
.co-card:hover{border-color:rgba(228,195,94,.58);box-shadow:0 20px 52px rgba(0,0,0,.34),0 0 30px rgba(21,145,79,.11);transform:translateY(-2px)}
.co-card h2{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(214,182,76,.18);letter-spacing:.01em}
.co-grid input,.co-grid select,.co-grid textarea,.co-confirm input{border-color:rgba(214,182,76,.3);background:rgba(2,13,8,.76);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.co-grid input:hover,.co-grid select:hover,.co-grid textarea:hover,.co-confirm input:hover{border-color:rgba(214,182,76,.58)}
.co-grid input:focus,.co-grid select:focus,.co-grid textarea:focus,.co-confirm input:focus{background:#071a10;border-color:#d6b64c;box-shadow:0 0 0 3px rgba(34,165,91,.14),0 0 18px rgba(34,165,91,.08)}
.co-button{background:linear-gradient(115deg,#e4c35e,#c49b35 55%,#e8cf79);box-shadow:0 8px 26px rgba(190,151,48,.18);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.co-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(190,151,48,.28);filter:brightness(1.06)}
.co-submit{border:1px solid rgba(214,182,76,.22);border-radius:16px;background:rgba(5,23,14,.55);backdrop-filter:blur(12px)}
.co-page{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:130px 0 80px;color:#e9f3ed;font-family:"DM Sans",sans-serif}
.co-hero{text-align:center;max-width:780px;margin:0 auto 34px}.co-kicker{color:#d6b64c;letter-spacing:.18em;font-size:12px;font-weight:700}.co-hero h1{font:800 clamp(34px,5vw,58px)/1.1 "Manrope",sans-serif;margin:12px 0}.co-hero h1 em{color:#e4c35e;font-style:normal}.co-hero p{color:#b6c9be;line-height:1.7}
.co-card{margin:18px 0;padding:clamp(20px,3vw,32px);border:1px solid #d6b64c55;border-radius:18px;background:rgba(7,18,13,.72);backdrop-filter:blur(14px);box-shadow:0 12px 38px #0003}
.co-card h2{font:700 20px "Manrope",sans-serif;color:#e4c35e;margin:0 0 22px}.co-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.co-grid label,.co-confirm{display:flex;flex-direction:column;gap:8px;color:#d9e7df;font-size:14px;font-weight:600;min-width:0}.co-grid input,.co-grid select,.co-grid textarea,.co-confirm input{width:100%;box-sizing:border-box;min-height:45px;padding:11px 13px;border:1px solid #b9a45b55;border-radius:9px;background:#07120d;color:#f2f7f3;font:400 15px "DM Sans",sans-serif;outline:none}.co-grid textarea{resize:vertical}.co-grid input:focus,.co-grid select:focus,.co-grid textarea:focus,.co-confirm input:focus{border-color:#e4c35e;box-shadow:0 0 0 3px #d6b64c22}.co-wide{grid-column:1/-1}.co-note{font-size:13px;line-height:1.65;color:#b8c9bf}.co-docs{padding-left:22px;line-height:2;color:#dbe8df}.co-docs span{color:#a9b9af;font-size:13px}.co-docs a{color:#e4c35e}.co-consents{display:grid;gap:15px}.co-consents label{display:flex;align-items:flex-start;gap:12px;line-height:1.55;color:#dce9e1;font-size:14px}.co-consents input{margin-top:4px;accent-color:#d6b64c;flex:0 0 auto;width:17px;height:17px}.co-confirm{margin-top:22px;max-width:520px}.co-submit{text-align:center;padding:20px}.co-button{border:1px solid #e4c35e;border-radius:10px;background:linear-gradient(135deg,#d6b64c,#a9872d);color:#07120d;padding:14px 25px;font-weight:800;font-size:15px;cursor:pointer}.co-button:hover{filter:brightness(1.08)}.co-status{color:#b9c9bf;font-size:13px;line-height:1.6;margin-top:12px}.co-status.error{color:#ffb5a9}.co-status.success{color:#b6e8c5}
@media(max-width:700px){.co-page{width:calc(100% - 26px);padding-top:100px}.co-grid{grid-template-columns:1fr;gap:15px}.co-wide{grid-column:auto}.co-card{padding:19px;border-radius:14px}.co-hero{text-align:left}.co-hero p{font-size:14px}}

@media(max-width:700px){.co-brand-mark{margin-bottom:14px}.co-brand-mark img{width:48px;height:48px}.co-brand-mark{font-size:14px}.co-card:hover{transform:none}}

/* Match pricing page's base canvas and header/footer system; overrides remain onboarding-scoped. */
body{background:radial-gradient(ellipse at 75% 4%,rgba(0,120,78,.16),transparent 35%),#030907;color:#f4f7f4;font-family:"DM Sans",sans-serif;}
.co-page{width:min(1200px,calc(100% - 56px));padding:150px 0 110px;color:#f4f7f4;}
.co-hero{max-width:900px;margin:0 auto 48px;text-align:left;}
.co-brand-mark{justify-content:flex-start;margin:0 0 22px;letter-spacing:.12em;color:#f5d36b;}
.co-brand-mark img{width:52px;height:52px;}
.co-kicker{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;color:#f4c84f;letter-spacing:.2em;}
.co-hero h1{font:800 clamp(50px,8vw,82px)/1.02 "Manrope",sans-serif;letter-spacing:-.065em;margin:20px 0;color:#f4f7f4;}
.co-hero h1 em{color:#f4c84f;}
.co-hero p{color:#aebdb3;max-width:700px;}
.co-card{border:1px solid rgba(202,231,211,.15);border-radius:19px;background:linear-gradient(150deg,rgba(12,29,21,.96),rgba(5,13,9,.97));box-shadow:0 12px 38px rgba(0,0,0,.22);backdrop-filter:blur(14px);}
.co-card:before{display:none;}
.co-card h2{color:#f4c84f;border-bottom-color:rgba(244,200,79,.18);}
.co-grid input,.co-grid select,.co-grid textarea,.co-confirm input{border-color:rgba(202,231,211,.18);background:#07120d;color:#f4f7f4;border-radius:9px;}
.co-grid input:focus,.co-grid select:focus,.co-grid textarea:focus,.co-confirm input:focus{border-color:#f4c84f;box-shadow:0 0 0 3px rgba(244,200,79,.13);}
.co-button{background:linear-gradient(110deg,#f2c34a,#ffe69a);color:#171307;border:0;border-radius:10px;}
.co-submit{border:1px solid rgba(202,231,211,.15);background:rgba(8,22,15,.7);}
@media(max-width:680px){.co-page{width:calc(100% - 36px);padding:115px 0 80px}.co-hero{text-align:left;margin-bottom:30px}.co-hero h1{font-size:clamp(48px,13vw,68px)}.co-brand-mark img{width:43px;height:43px}}

/* Submit button loading state */
.co-button.is-loading {
  opacity: 0.8;
  cursor: wait;
  pointer-events: none;
}

.co-button.is-loading::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  vertical-align: -2px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: co-spin 0.7s linear infinite;
}

@keyframes co-spin {
  to {
    transform: rotate(360deg);
  }
}