/* Escopado sob .oe-quiz-orix-app (gerado a partir do protótipo). */
  :root {
    --bg:#EAEDF4; --bg-2:#F5F7FB;
    --card:#FFFFFF; --card-2:#FFFFFF;
    --ink:#262A69; --muted:#5A6378; --line:#E3E7EF;
    --ember:#61C6C2; --ember-700:#2E8E8A; --ember-soft:#E4F5F4;
    --gold:#2E8E8A; --green-chip:#262A69;
    --navy:#262A69; --navy-700:#1B1F4E;
    --r-lg:22px; --r-md:14px; --r-sm:10px;
    --shadow:0 24px 60px -30px rgba(38,42,105,.30), 0 8px 24px -16px rgba(38,42,105,.16);
    --display:'Montserrat',system-ui,sans-serif;
    --sans:'Montserrat',system-ui,-apple-system,sans-serif;
  }
  .oe-quiz-orix-app * {box-sizing:border-box}
  .oe-quiz-orix-app, .oe-quiz-orix-app {margin:0;padding:0}
  .oe-quiz-orix-app {
    font-family:var(--sans); color:var(--ink);
    min-height:100vh;
    background:
      radial-gradient(120% 80% at 50% -10%, #DFE4EF 0%, var(--bg) 45%, var(--bg-2) 100%);
    display:flex; align-items:center; justify-content:center;
    padding:88px 16px 30px;
  }
  .oe-quiz-orix-app /* ambient ember halo */
  body::before {
    content:""; position:fixed; inset:0; pointer-events:none;
    background:radial-gradient(50% 32% at 50% 12%, rgba(97,198,194,.18), transparent 70%);
  }
  .oe-quiz-orix-app .stage {width:100%; max-width:540px; position:relative; z-index:1}

  .oe-quiz-orix-app .card {
    background:var(--card); border-radius:var(--r-lg);
    box-shadow:var(--shadow); overflow:hidden;
    border:1px solid rgba(255,255,255,.5);
  }
  .oe-quiz-orix-app .top {
    display:flex; align-items:center; gap:12px;
    padding:18px 22px 0;
  }
  .oe-quiz-orix-app .back {
    appearance:none; border:none; background:transparent; cursor:pointer;
    width:34px; height:34px; border-radius:50%; color:var(--muted);
    display:flex; align-items:center; justify-content:center; flex:0 0 auto;
    transition:background .2s,color .2s;
  }
  .oe-quiz-orix-app .back:hover {background:rgba(0,0,0,.05); color:var(--ink)}
  .oe-quiz-orix-app .back[hidden] {visibility:hidden}
  .oe-quiz-orix-app .orix {
    display:flex; align-items:center; gap:9px; flex:1 1 auto;
  }
  .oe-quiz-orix-app .orix-badge {
    width:38px; height:38px; border-radius:50%; flex:0 0 auto; overflow:hidden;
    box-shadow:0 2px 6px -2px rgba(38,42,105,.35), inset 0 0 0 1px rgba(38,42,105,.08);
  }
  .oe-quiz-orix-app .orix-badge svg {width:100%;height:100%;display:block}
  .oe-quiz-orix-app .orix-name {font-weight:600; font-size:14px; letter-spacing:.01em}
  .oe-quiz-orix-app .orix-name small {display:block; font-weight:400; font-size:11px; color:var(--muted); letter-spacing:.02em}
  .oe-quiz-orix-app .count {font-size:12px; color:var(--muted); flex:0 0 auto}

  .oe-quiz-orix-app .track {height:4px; background:var(--line); border-radius:99px; margin:16px 22px 0; overflow:hidden}
  .oe-quiz-orix-app .fill {height:100%; width:0; border-radius:99px;
    background:linear-gradient(90deg,var(--gold),var(--ember));
    transition:width .5s cubic-bezier(.4,0,.2,1)}

  .oe-quiz-orix-app .body {padding:26px 26px 30px}
  .oe-quiz-orix-app .eyebrow {font-size:11.5px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin:0 0 12px}
  .oe-quiz-orix-app h1.q {font-family:var(--display); font-weight:700; font-size:24px; line-height:1.22; letter-spacing:-.02em; margin:0 0 8px; color:var(--ink)}
  .oe-quiz-orix-app h1.q em {font-style:italic; color:var(--ember-700)}
  .oe-quiz-orix-app .sub {font-size:14.5px; color:var(--muted); margin:0 0 22px; line-height:1.5}

  .oe-quiz-orix-app /* option cards / chips */
  .opts {display:flex; flex-direction:column; gap:10px}
  .oe-quiz-orix-app .grid2 {display:grid; grid-template-columns:1fr 1fr; gap:10px}
  .oe-quiz-orix-app .chips {display:flex; flex-wrap:wrap; gap:8px}
  .oe-quiz-orix-app .group-label {font-size:11.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin:16px 0 8px}
  .oe-quiz-orix-app .group-label:first-child {margin-top:0}

  .oe-quiz-orix-app .opt {
    appearance:none; cursor:pointer; text-align:left; font-family:var(--sans);
    background:var(--card-2); border:1px solid var(--line); border-radius:var(--r-md);
    padding:15px 16px; font-size:15px; color:var(--ink); font-weight:500;
    display:flex; align-items:center; gap:12px;
    transition:transform .15s, border-color .2s, background .2s, box-shadow .2s;
  }
  .oe-quiz-orix-app .opt .ic {width:24px;height:24px;flex:0 0 auto;color:var(--ember-700);opacity:.9}
  .oe-quiz-orix-app .ic-emoji {display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:21px;line-height:1;opacity:1}
  .oe-quiz-orix-app .notice {display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border-radius:var(--r-md);background:var(--ember-soft);border:1px solid var(--ember);color:var(--ember-700);font-size:13.5px;line-height:1.42;font-weight:500}
  .oe-quiz-orix-app .notice svg {flex:0 0 auto;margin-top:1px}
  .oe-quiz-orix-app .opt small {display:block;font-weight:400;color:var(--muted);font-size:12.5px;margin-top:2px}
  .oe-quiz-orix-app .opt:hover {border-color:var(--ember); transform:translateY(-1px); box-shadow:0 6px 18px -12px rgba(192,96,31,.5)}
  .oe-quiz-orix-app .opt:focus-visible {outline:2px solid var(--ember); outline-offset:2px}
  .oe-quiz-orix-app .opt.sel {border-color:var(--ember); background:var(--ember-soft); box-shadow:inset 0 0 0 1px var(--ember)}

  .oe-quiz-orix-app .chip {
    appearance:none;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:14px;
    background:var(--card-2);border:1px solid var(--line);border-radius:99px;padding:9px 15px;color:var(--ink);
    transition:transform .15s,border-color .2s,background .2s;
  }
  .oe-quiz-orix-app .chip:hover {border-color:var(--ember);transform:translateY(-1px)}
  .oe-quiz-orix-app .chip:focus-visible {outline:2px solid var(--ember);outline-offset:2px}
  .oe-quiz-orix-app .chip.sel {border-color:var(--ember);background:var(--ember-soft);box-shadow:inset 0 0 0 1px var(--ember)}

  .oe-quiz-orix-app .field {display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
  .oe-quiz-orix-app .field label {font-size:13px;font-weight:600;color:var(--ink)}
  .oe-quiz-orix-app .input, .oe-quiz-orix-app .select {
    font-family:var(--sans);font-size:16px;color:var(--ink);background:var(--card-2);
    border:1px solid var(--line);border-radius:var(--r-md);padding:13px 15px;width:100%;
    transition:border-color .2s, box-shadow .2s;
  }
  .oe-quiz-orix-app .select {
    -webkit-appearance:none;appearance:none;height:auto;line-height:1.4;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6378' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;
  }
  .oe-quiz-orix-app .input:focus, .oe-quiz-orix-app .select:focus {outline:none;border-color:var(--ember);box-shadow:0 0 0 3px rgba(221,118,52,.15)}
  .oe-quiz-orix-app .row {display:flex;gap:10px}
  .oe-quiz-orix-app .row .field {flex:1}
  .oe-quiz-orix-app .prefix {position:relative}
  .oe-quiz-orix-app .prefix span {position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px}
  .oe-quiz-orix-app .prefix .input {padding-left:34px}

  .oe-quiz-orix-app .cta {
    appearance:none;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:16px;
    width:100%;margin-top:8px;padding:15px;border:none;border-radius:var(--r-md);
    background:var(--navy);color:#FFFFFF;letter-spacing:.01em;
    transition:background .2s,transform .15s,opacity .2s;
  }
  .oe-quiz-orix-app .cta:hover {background:var(--navy-700);transform:translateY(-1px)}
  .oe-quiz-orix-app .cta:disabled {opacity:.45;cursor:not-allowed;transform:none}
  .oe-quiz-orix-app .skip {display:block;width:100%;text-align:center;margin-top:14px;background:none;border:none;
    color:var(--muted);font-family:var(--sans);font-size:13.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .oe-quiz-orix-app .skip:hover {color:var(--ink)}
  .oe-quiz-orix-app .hint {font-size:12px;color:var(--muted);margin-top:10px;text-align:center}

  .oe-quiz-orix-app /* welcome */
  .welcome {padding:38px 30px 34px;text-align:center}
  .oe-quiz-orix-app .mark {
    width:80px;height:80px;border-radius:50%;margin:0 auto 18px;overflow:hidden;
    box-shadow:0 12px 26px -14px rgba(38,42,105,.5), inset 0 0 0 1px rgba(38,42,105,.08)}
  .oe-quiz-orix-app .mark svg {width:100%;height:100%;display:block}
  .oe-quiz-orix-app .welcome .eyebrow {color:var(--gold)}
  .oe-quiz-orix-app .welcome h1 {font-family:var(--display);font-weight:700;font-size:27px;line-height:1.18;letter-spacing:-.02em;margin:0 0 10px}
  .oe-quiz-orix-app .greet {font-family:var(--display);font-style:italic;font-weight:500;font-size:20px;line-height:1.4;color:var(--ink);margin:6px 0 4px}

  .oe-quiz-orix-app /* result */
  .result-head {text-align:center;padding:30px 26px 6px}
  .oe-quiz-orix-app .result-head .eyebrow {color:var(--gold)}
  .oe-quiz-orix-app .result-head h1 {font-family:var(--display);font-weight:700;font-size:24px;line-height:1.22;letter-spacing:-.02em;margin:0 0 6px}
  .oe-quiz-orix-app .result-head p {font-size:14px;color:var(--muted);margin:0}
  .oe-quiz-orix-app .exps {padding:18px 22px 4px;display:flex;flex-direction:column;gap:14px}
  .oe-quiz-orix-app .exp {border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--card-2);position:relative;
    display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .2s,border-color .2s}
  .oe-quiz-orix-app .exp:hover {transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--ember)}
  .oe-quiz-orix-app .exp.hero {border-color:var(--ember);box-shadow:0 14px 34px -20px rgba(46,142,138,.5)}
  .oe-quiz-orix-app .exp .ph {height:150px;position:relative;background:#dfe4ef;overflow:hidden;flex:0 0 auto}
  .oe-quiz-orix-app .exp .ph img {width:100%;height:100%;object-fit:cover;display:block}
  .oe-quiz-orix-app .exp .meta {flex:1 1 auto;display:flex;flex-direction:column}
  .oe-quiz-orix-app .exp .foot {margin-top:auto}
  .oe-quiz-orix-app .ribbon {position:absolute;top:12px;left:12px;background:var(--navy);color:#FFFFFF;font-size:11px;font-weight:600;
    letter-spacing:.04em;padding:5px 11px;border-radius:99px;display:flex;align-items:center;gap:5px}
  .oe-quiz-orix-app .exp .meta {padding:14px 16px 16px}
  .oe-quiz-orix-app .exp h3 {font-family:var(--display);font-weight:700;font-size:17px;margin:0 0 4px;line-height:1.25}
  .oe-quiz-orix-app .why {font-size:13px;color:var(--muted);line-height:1.45;margin:0 0 12px;font-style:italic}
  .oe-quiz-orix-app .exp .foot {display:flex;align-items:center;justify-content:space-between;gap:10px}
  .oe-quiz-orix-app .price {font-weight:600;font-size:15px}
  .oe-quiz-orix-app .price small {font-weight:400;color:var(--muted);font-size:12px}
  .oe-quiz-orix-app .mini {appearance:none;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:13px;
    background:transparent;border:1px solid var(--ember);color:var(--ember-700);border-radius:99px;padding:8px 15px;transition:background .2s,color .2s}
  .oe-quiz-orix-app .mini:hover {background:var(--ember);color:#FFF8F1}
  .oe-quiz-orix-app .capture {margin:18px 22px 0;padding:20px;border-radius:var(--r-md);background:var(--navy);color:#E7EAF4}
  .oe-quiz-orix-app .capture p {margin:0 0 12px;font-size:14px;line-height:1.5}
  .oe-quiz-orix-app .capture .input {background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#FFF}
  .oe-quiz-orix-app .capture .input::placeholder {color:#9AA3C4}
  .oe-quiz-orix-app .capture .cta {margin-top:12px;background:var(--ember);color:var(--navy);font-weight:700}.oe-quiz-orix-app .capture .cta:hover {background:#4FB8B4}
  .oe-quiz-orix-app .consent {display:flex;gap:9px;align-items:flex-start;margin-top:12px;font-size:12px;color:#AEB6D4;line-height:1.4}
  .oe-quiz-orix-app .consent input {margin-top:2px;accent-color:var(--ember)}
  .oe-quiz-orix-app .consent a {color:#9FE0DC}
  .oe-quiz-orix-app .capture-note {margin:8px 0 0;font-size:11px!important;color:#7a82a4;line-height:1.4}
  .oe-quiz-orix-app .capture-note a {color:#7090c8}

  .oe-quiz-orix-app .foot-note {text-align:center;color:rgba(255,255,255,.55);font-size:11.5px;margin:16px 4px 0;line-height:1.5}

  .oe-quiz-orix-app .screen {animation:rise .45s cubic-bezier(.2,.7,.2,1)}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @media (max-width:420px){
    .oe-quiz-orix-app h1.q {font-size:24px} .oe-quiz-orix-app .grid2 {grid-template-columns:1fr}
    .oe-quiz-orix-app .body {padding:22px 20px 26px}
  }
  @media (prefers-reduced-motion:reduce){
    .oe-quiz-orix-app * {animation:none!important;transition:none!important}
  }
  .oe-quiz-orix-app .brandbar {position:fixed;top:0;left:0;right:0;height:60px;background:#FFFFFF;z-index:50;
    display:flex;align-items:center;justify-content:center;
    border-bottom:1px solid #EAEDF4;box-shadow:0 2px 14px -8px rgba(38,42,105,.28)}
  .oe-quiz-orix-app .brandbar img {height:32px;width:auto;display:block}
  @media (max-width:420px){.oe-quiz-orix-app .brandbar {height:54px}.oe-quiz-orix-app .brandbar img {height:27px}}
  .oe-quiz-orix-app .loading {padding:50px 26px 56px;text-align:center}
  .oe-quiz-orix-app .ldot {position:relative;width:96px;height:96px;margin:0 auto}
  .oe-quiz-orix-app .ldot .mark {width:80px;height:80px;position:absolute;top:8px;left:8px;margin:0}
  .oe-quiz-orix-app .ring {position:absolute;inset:0;border-radius:50%;border:3px solid var(--ember-soft);border-top-color:var(--ember);animation:spin 1s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}