/* ABOUT PAGE */
.about-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;margin-bottom:70px}
@media(max-width:720px){.about-hero{grid-template-columns:1fr}}
.owner-visual{position:relative}
.owner-frame{width:100%;aspect-ratio:3/4;max-width:340px;border-radius:20px;background:#0f0f0f;border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.owner-avatar{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.oa-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(201,168,76,.3),rgba(201,168,76,.05));border:2px solid rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:44px;color:var(--gld)}
.oa-bar{width:60%;height:1px;background:var(--bdr)}
.oa-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:rgba(201,168,76,.5)}
.owner-badge{position:absolute;bottom:22px;right:-14px;background:#0a0a0a;border:1px solid rgba(201,168,76,.3);border-radius:12px;padding:12px 16px;display:flex;gap:10px;align-items:center}
.ob-dot{width:8px;height:8px;border-radius:50%;background:#1D9E75;animation:pulse 2s infinite;flex-shrink:0}
.ob-txt{font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap}
.owner-info .s-ey{margin-bottom:10px}
.owner-info .s-ti{margin-bottom:14px}
.owner-info .s-dv{margin-bottom:22px}
.owner-bio{font-size:15px;color:rgba(255,255,255,.52);line-height:1.9;margin-bottom:28px}
.owner-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.ostat{background:#0f0f0f;border:1px solid var(--bdr);border-radius:10px;padding:16px 18px}
.ostat-n{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--gld);line-height:1}
.ostat-l{font-size:11px;color:rgba(255,255,255,.36);text-transform:uppercase;letter-spacing:1px;margin-top:4px}
.owner-socials{display:flex;gap:10px;flex-wrap:wrap}
.osoc{padding:9px 16px;border:1px solid var(--bdr);border-radius:8px;font-size:12px;color:rgba(255,255,255,.45);cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:7px}
.osoc:hover{border-color:var(--gld);color:var(--gld)}

/* TEAM */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:50px}
.tm{background:#0f0f0f;border:1px solid var(--bdr);border-radius:16px;padding:28px 22px;text-align:center;transition:all .25s;position:relative;overflow:hidden}
.tm::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tm-clr,var(--gld));transform:scaleX(0);transition:transform .35s}
.tm:hover{transform:translateY(-4px);border-color:rgba(201,168,76,.2)}
.tm:hover::before{transform:scaleX(1)}
.tm-av{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--blk);margin:0 auto 16px;border:2px solid var(--tm-clr,var(--gld))}
.tm-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:.5px;margin-bottom:4px}
.tm-role{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.tm-bio{font-size:13px;color:rgba(255,255,255,.42);line-height:1.75;margin-bottom:16px}
.tm-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.tm-tag{padding:3px 8px;background:rgba(255,255,255,.05);border:1px solid var(--bdr);color:rgba(255,255,255,.38);font-size:10px;border-radius:4px}
.about-cta-bar{background:linear-gradient(135deg,rgba(201,168,76,.06),rgba(201,168,76,.02));border:1px solid rgba(201,168,76,.18);border-radius:18px;padding:42px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.acta-txt h3{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:.5px;margin-bottom:6px}
.acta-txt p{font-size:14px;color:rgba(255,255,255,.42);line-height:1.7}
.acta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ── INQUIRY & BOOKING FLOW ── */
#page-inquiry{background:var(--blk)}
.inq-wrap{max-width:860px;margin:0 auto;padding:70px 5vw 80px}
.inq-steps{display:flex;align-items:center;gap:0;margin-bottom:48px;flex-wrap:wrap;row-gap:10px}
.inq-step{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.25);transition:color .3s}
.inq-step.done{color:var(--gld)}
.inq-step.active{color:var(--wht)}
.inq-step-num{width:26px;height:26px;border-radius:50%;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0;transition:background .3s,border-color .3s}
.inq-step.done .inq-step-num{background:var(--gld);border-color:var(--gld);color:var(--blk)}
.inq-step.active .inq-step-num{border-color:var(--wht)}
.inq-step-div{width:32px;height:1px;background:rgba(255,255,255,.1);margin:0 4px;flex-shrink:0}
/* STEP PANELS */
.inq-panel{display:none}
.inq-panel.active{display:block;animation:pgin .3s ease}
/* STEP 1 — questionnaire */
.inq-card{background:#0f0f0f;border:1px solid var(--bdr);border-radius:16px;padding:32px}
.inq-field{margin-bottom:20px}
.inq-lbl{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.inq-req{color:rgba(201,168,76,.7);font-size:11px}
.inq-input,.inq-select,.inq-ta{width:100%;padding:11px 14px;background:#111;border:1px solid var(--bdr);border-radius:8px;color:var(--wht);font-family:'Outfit',sans-serif;font-size:14px;outline:none;transition:border-color .15s;resize:none;appearance:none;-webkit-appearance:none}
.inq-input:focus,.inq-select:focus,.inq-ta:focus{border-color:var(--gld)}
.inq-input::placeholder,.inq-ta::placeholder{color:#2e2e2e}
.inq-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23777'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.inq-select option{background:#111;color:var(--wht)}
.inq-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.inq-row{grid-template-columns:1fr}}
.inq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.inq-chip{padding:7px 14px;background:rgba(255,255,255,.04);border:1px solid var(--bdr);border-radius:20px;font-size:12px;color:rgba(255,255,255,.45);cursor:pointer;transition:all .18s;user-select:none}
.inq-chip.on{background:rgba(201,168,76,.1);border-color:var(--gld);color:var(--gld)}
.inq-chip.pur-chip.on{background:rgba(174,139,217,.1);border-color:var(--pur);color:var(--pur)}
.inq-budget-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.inq-bopt{padding:10px 8px;background:rgba(255,255,255,.03);border:1px solid var(--bdr);border-radius:8px;font-size:12px;color:rgba(255,255,255,.42);cursor:pointer;text-align:center;transition:all .15s;user-select:none}
.inq-bopt.on{background:rgba(201,168,76,.08);border-color:var(--gld);color:var(--gld)}
.inq-notice{background:rgba(201,168,76,.05);border:1px solid rgba(201,168,76,.15);border-radius:10px;padding:14px 16px;font-size:12px;color:rgba(255,255,255,.42);line-height:1.8;margin-top:22px}
.inq-notice strong{color:var(--gld)}
.inq-submit-row{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;align-items:center}
.inq-submit{padding:13px 28px;background:var(--gld);color:var(--blk);border:none;border-radius:8px;font-family:'Outfit',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .18s}
.inq-submit:hover{opacity:.85}
.inq-skip{padding:13px 20px;background:transparent;color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:'Outfit',sans-serif;font-size:13px;cursor:pointer;transition:all .18s}
.inq-skip:hover{color:var(--wht);border-color:rgba(255,255,255,.25)}
/* STEP 2 — appointment */
.appt-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:640px){.appt-layout{grid-template-columns:1fr}}
.appt-note{background:rgba(201,168,76,.05);border:1px solid rgba(201,168,76,.15);border-radius:10px;padding:16px 18px;margin-bottom:24px}
.appt-note-ti{font-size:12px;font-weight:500;color:var(--gld);margin-bottom:6px;display:flex;align-items:center;gap:7px}
.appt-note-bo{font-size:12px;color:rgba(255,255,255,.42);line-height:1.8}
.appt-skip-row{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
/* STEP 3 — payment & contract */
.pay-flow-card{background:#0f0f0f;border:1px solid var(--bdr);border-radius:16px;padding:32px;margin-bottom:20px}
.pay-flow-ti{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.5px;color:var(--gld);margin-bottom:6px}
.pay-flow-sub{font-size:13px;color:rgba(255,255,255,.38);line-height:1.7;margin-bottom:22px}
.pay-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
@media(max-width:560px){.pay-split{grid-template-columns:1fr}}
.pay-opt{background:#111;border:1px solid var(--bdr);border-radius:10px;padding:16px;cursor:pointer;transition:all .18s;text-align:center}
.pay-opt.on{border-color:var(--gld);background:rgba(201,168,76,.06)}
.pay-opt-ico{font-size:22px;margin-bottom:8px}
.pay-opt-nm{font-size:13px;font-weight:500;color:rgba(255,255,255,.7);margin-bottom:3px}
.pay-opt-ds{font-size:11px;color:rgba(255,255,255,.3)}
.pay-opt.on .pay-opt-nm{color:var(--gld)}
.contract-box{background:#0c0c0c;border:1px solid var(--bdr);border-radius:10px;padding:18px;margin-bottom:18px;max-height:180px;overflow-y:auto;font-size:12px;color:rgba(255,255,255,.35);line-height:2;scrollbar-width:thin}
.contract-box::-webkit-scrollbar{width:3px}
.contract-box::-webkit-scrollbar-thumb{background:#222}
.contract-sign-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.contract-sign-field{flex:1;min-width:200px}
.sign-pad{width:100%;height:56px;background:#111;border:1px solid var(--bdr);border-radius:8px;display:flex;align-items:center;padding:0 14px;font-size:14px;color:rgba(255,255,255,.25);cursor:text;transition:border-color .15s;font-style:italic}
.sign-pad.signed{color:var(--gld);border-color:rgba(201,168,76,.3);font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px}
.contract-agree{display:flex;align-items:flex-start;gap:10px;margin:16px 0}
.contract-agree input[type=checkbox]{width:16px;height:16px;accent-color:var(--gld);flex-shrink:0;margin-top:2px;cursor:pointer}
.contract-agree label{font-size:12px;color:rgba(255,255,255,.42);line-height:1.7;cursor:pointer}
.contract-agree label strong{color:var(--gld)}
.deposit-row{display:flex;align-items:center;justify-content:space-between;background:rgba(201,168,76,.05);border:1px solid rgba(201,168,76,.15);border-radius:10px;padding:16px 20px;margin-bottom:18px;flex-wrap:wrap;gap:10px}
.dep-lbl{font-size:12px;color:rgba(255,255,255,.42)}
.dep-amt{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--gld);letter-spacing:.5px}
.dep-note{font-size:11px;color:rgba(255,255,255,.25);margin-top:2px}
.final-btn{width:100%;padding:15px;background:var(--gld);color:var(--blk);border:none;border-radius:8px;font-family:'Outfit',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .18s;margin-top:6px}
.final-btn:disabled{opacity:.35;cursor:not-allowed}
.final-btn:not(:disabled):hover{opacity:.85}
/* CONFIRMATION */
.inq-confirm{text-align:center;padding:50px 20px}
.inq-confirm-ico{font-size:58px;margin-bottom:20px}
.inq-confirm-ti{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:1px;color:var(--gld);margin-bottom:10px}
.inq-confirm-sub{font-size:15px;color:rgba(255,255,255,.45);line-height:1.9;max-width:480px;margin:0 auto 28px}
.confirm-details{background:#0f0f0f;border:1px solid var(--bdr);border-radius:12px;padding:22px 26px;max-width:460px;margin:0 auto 28px;text-align:left}
.cd-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}
.cd-row:last-child{border-bottom:none}
.cd-lbl{color:rgba(255,255,255,.38)}
.cd-val{color:var(--wht);font-weight:500;text-align:right;max-width:200px}
.crm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:48px}
.crm-card{background:#100d18;border:1px solid rgba(174,139,217,.12);border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:all .28s}
.crm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--crm-clr,var(--pur)),transparent);transform:scaleX(0);transition:transform .4s}
.crm-card:hover{border-color:rgba(174,139,217,.28);transform:translateY(-4px)}
.crm-card:hover::before{transform:scaleX(1)}
.crm-bdg{position:absolute;top:14px;right:14px;background:var(--crm-clr,var(--pur));color:#0d0a14;font-size:10px;font-weight:600;padding:3px 9px;border-radius:4px;opacity:.9}
.crm-ico{width:48px;height:48px;border-radius:12px;background:rgba(174,139,217,.1);border:1px solid rgba(174,139,217,.15);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.crm-nm{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.5px;margin-bottom:8px;color:var(--crm-clr,var(--pur))}
.crm-ds{font-size:13px;color:rgba(255,255,255,.4);line-height:1.75;margin-bottom:18px}
.crm-tags{display:flex;flex-wrap:wrap;gap:5px}
.crm-tag{padding:3px 9px;background:rgba(174,139,217,.07);color:rgba(174,139,217,.55);font-size:10px;border-radius:4px;border:1px solid rgba(174,139,217,.12)}

