/* AIAI FLOW2 JOURNEY V1 — reference-faithful mobile layer
   Source direction: ay-ai-4-light-pro.html
   Product data/authority: real AIAI engine only.
*/
.aiai-flow2-entry,
.aiai-flow2-result,
.aiai-flow2-footer-v1{display:none}

@view-transition{navigation:auto}

@media (max-width:767px){
  :root{
    color-scheme:light;
    --f2-bg:#f7f8fc;
    --f2-paper:#ffffff;
    --f2-ink:#10121c;
    --f2-text:#545872;
    --f2-muted:#646884;
    --f2-line:#e7e9f2;
    --f2-accent:#0f766e;
    --f2-accent-deep:#115e59;
    --f2-lavender:#eef9f7;
    --f2-peach:#fdf0f6;
    --f2-orange:#be185d;
    --f2-pink:#db2777;
    --f2-soft:#f3f4f9;
    --f2-mint:#d7f2ec;
    --f2-mint-line:#bfe8df;
    --f2-mint-mid:#9fe0d2;
    --f2-font:"IBM Plex Sans Arabic","Tajawal",sans-serif;
    --f2-display:"Alexandria","IBM Plex Sans Arabic",sans-serif;
    --f2-latin:Arial,Inter,sans-serif;
  }

  body.aiai-flow2-home-v1,
  body.aiai-flow2-result-v1{
    margin:0!important;
    background:var(--f2-bg)!important;
    color:var(--f2-ink)!important;
    font-family:var(--f2-font)!important;
  }
  body.aiai-flow2-home-v1::before,
  body.aiai-flow2-result-v1::before{content:none!important;display:none!important}
  body.aiai-flow2-home-v1>main,
  body.aiai-flow2-result-v1>main{
    background:var(--f2-bg)!important;
    background-image:none!important;
  }

  /* Header follows the reference geometry, but uses the real site wordmark. */
  body.aiai-flow2-home-v1>.aiai-global-mobile-head-v1,
  body.aiai-flow2-result-v1>.aiai-global-mobile-head-v1{
    position:relative!important;
    top:auto!important;
    z-index:30!important;
    background:var(--f2-bg)!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.aiai-flow2-home-v1 .aiai-global-mobile-head__inner,
  body.aiai-flow2-result-v1 .aiai-global-mobile-head__inner{
    min-height:78px!important;
    padding:calc(16px + env(safe-area-inset-top)) 22px 16px!important;
  }
  body.aiai-flow2-home-v1 .aiai-global-mobile-head__account,
  body.aiai-flow2-home-v1 .aiai-global-mobile-head__menu,
  body.aiai-flow2-result-v1 .aiai-global-mobile-head__account,
  body.aiai-flow2-result-v1 .aiai-global-mobile-head__menu{
    width:44px!important;
    height:44px!important;
    border:1px solid var(--f2-line)!important;
    border-radius:50%!important;
    background:var(--f2-soft)!important;
    color:var(--f2-text)!important;
    box-shadow:none!important;
  }
  .aiai-flow2-brand{
    justify-self:center!important;
    width:92px!important;
    height:54px!important;
    display:grid!important;
    place-items:center!important;
    line-height:0!important;
  }
  .aiai-flow2-brand img{
    display:block!important;
    width:92px!important;
    height:auto!important;
    max-height:54px!important;
    object-fit:contain!important;
  }

  body.aiai-flow2-home-v1 .aiai-global-mobile-sheet,
  body.aiai-flow2-result-v1 .aiai-global-mobile-sheet{background:rgba(16,18,28,.5)!important}
  body.aiai-flow2-home-v1 .aiai-global-mobile-sheet__panel,
  body.aiai-flow2-result-v1 .aiai-global-mobile-sheet__panel{
    background:#fff!important;border:1px solid var(--f2-line)!important;
    box-shadow:0 -12px 70px #10121c33!important
  }
  body.aiai-flow2-home-v1 .aiai-global-mobile-sheet__title,
  body.aiai-flow2-result-v1 .aiai-global-mobile-sheet__title{color:var(--f2-accent)!important}
  body.aiai-flow2-home-v1 .aiai-global-mobile-sheet .aiai-global-mobile-sheet__links>a,
  body.aiai-flow2-result-v1 .aiai-global-mobile-sheet .aiai-global-mobile-sheet__links>a{
    color:var(--f2-ink)!important;border-bottom-color:var(--f2-line)!important
  }
  body.aiai-flow2-home-v1 .aiai-global-mobile-sheet__close,
  body.aiai-flow2-result-v1 .aiai-global-mobile-sheet__close{
    background:var(--f2-soft)!important;border-color:var(--f2-line)!important;color:var(--f2-text)!important
  }

  /* Mobile home only. Desktop Diamond remains untouched. */
  body.aiai-flow2-home-v1 .dmd-hero,
  body.aiai-flow2-home-v1 .dmd-system-section,
  body.aiai-flow2-home-v1 .dmd-value-section,
  body.aiai-flow2-home-v1 .dmd-stats-section,
  body.aiai-flow2-home-v1 .dmd-footer,
  body.aiai-flow2-home-v1 .beta-feedback-fab{display:none!important}

  .aiai-flow2-entry{
    display:block;
    width:min(574px,100%);
    margin:36px auto 0;
    padding:0 20px 26px;
    position:relative;
    color:var(--f2-ink);
  }
  .aiai-flow2-intro{text-align:center;padding:12px 0 28px}
  .aiai-flow2-kicker{
    font-size:12px;color:var(--f2-accent);display:flex;align-items:center;
    justify-content:center;gap:8px;margin-bottom:16px
  }
  .aiai-flow2-kicker>span{
    width:18px;height:18px;display:grid;place-items:center;
    border:1px solid #7fc9bb;border-radius:6px;rotate:-8deg
  }
  .aiai-flow2-kicker>span::after{
    content:"";width:5px;height:5px;background:var(--f2-accent);border-radius:2px
  }
  .aiai-flow2-intro h1{
    margin:0;font:550 clamp(28px,7.8vw,38px)/1.6 var(--f2-display);
    letter-spacing:-1.2px;color:var(--f2-ink)
  }
  .aiai-flow2-intro h1 em{
    display:inline-block;position:relative;font-style:normal;white-space:nowrap;
    background:linear-gradient(120deg,#0f766e,#db2777);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:var(--f2-accent)
  }
  .aiai-flow2-intro h1 em::after{
    content:"";position:absolute;inset-inline:4px;bottom:-4px;height:5px;
    background:#db2777;border-radius:5px
  }
  .aiai-flow2-intro p{
    margin:16px 0 0;font-size:14px;line-height:1.8;color:var(--f2-text)
  }

  .aiai-flow2-surface,
  .aiai-flow2-result-surface{
    position:relative;background:var(--f2-paper);border:1px solid #e2e5f0;
    border-radius:22px;box-shadow:0 14px 40px -26px #10121c1f,0 2px 5px #10121c0a;
    isolation:isolate;overflow:hidden;view-transition-name:aiai-flow-surface
  }
  .aiai-flow2-surface:focus-within{border-color:#0f766e}
  .aiai-flow2-composer{padding:22px 22px 18px}
  .aiai-flow2-input-head{
    display:flex;align-items:center;justify-content:space-between;margin-bottom:12px
  }
  .aiai-flow2-input-head label{font-size:12px;font-weight:600;color:var(--f2-text)}
  .aiai-flow2-input-head svg{width:17px;height:17px;color:#6e7290}
  .aiai-flow2-composer textarea{
    display:block;width:100%;height:124px;min-height:124px;max-height:300px;
    resize:vertical;background:transparent!important;border:0!important;
    padding:3px 0 12px!important;outline:0!important;box-shadow:none!important;
    font:500 20px/1.9 var(--f2-font)!important;color:var(--f2-ink)!important;
    caret-color:var(--f2-accent);border-radius:4px
  }
  .aiai-flow2-composer textarea::placeholder{color:#6e7290;font-weight:400;opacity:1}
  .aiai-flow2-composer textarea:focus-visible{outline:none!important}
  .aiai-flow2-compose-bottom{
    display:flex;justify-content:space-between;align-items:center;gap:12px;
    border-top:1px solid var(--f2-line);padding-top:17px
  }
  .aiai-flow2-compose-note{
    display:flex;align-items:center;gap:7px;font-size:11px;color:var(--f2-muted);line-height:1.6
  }
  .aiai-flow2-compose-note svg{width:15px;height:15px;color:#6e7290}
  .aiai-flow2-submit{
    background:var(--f2-accent);color:#fff;min-height:48px;border-radius:15px;
    padding:0 17px;display:flex;align-items:center;justify-content:center;gap:13px;
    font:600 14px var(--f2-font);box-shadow:0 5px 14px #0f766e33
  }
  .aiai-flow2-submit:hover,.aiai-flow2-submit:active{background:var(--f2-accent-deep)}
  .aiai-flow2-submit svg{width:19px;height:19px}

  .aiai-flow2-processing{padding:28px 24px 30px;min-height:268px}
  .aiai-flow2-processing-top{
    display:flex;justify-content:space-between;align-items:center;
    color:var(--f2-muted);font-size:12px;margin-bottom:21px
  }
  .aiai-flow2-processing-mark{
    width:18px;height:18px;border:1px solid #7fc9bb;border-radius:6px;
    position:relative;rotate:-8deg
  }
  .aiai-flow2-processing-mark::after{
    content:"";position:absolute;inset:6px;background:var(--f2-accent);border-radius:2px
  }
  .aiai-flow2-processing p{margin:0;color:var(--f2-ink);font-size:19px;line-height:1.9;font-weight:500}
  .aiai-flow2-processing-line{height:1px;background:var(--f2-line);margin:22px 0 18px}
  .aiai-flow2-processing small{font-size:11px;color:var(--f2-muted);line-height:1.9}

  .aiai-flow2-examples{margin:28px 3px 0}
  .aiai-flow2-examples-head{
    display:flex;align-items:center;gap:12px;color:var(--f2-muted);
    font-size:11px;margin-bottom:14px
  }
  .aiai-flow2-examples-head::after{content:"";height:1px;background:var(--f2-line);flex:1}
  .aiai-flow2-sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
  .aiai-flow2-sample{
    display:flex;align-items:center;gap:10px;text-align:start;min-height:58px;
    padding:9px 11px;border-radius:14px;border:1px solid transparent;
    background:var(--f2-soft);font:500 12px/1.55 var(--f2-font);color:#545872
  }
  .aiai-flow2-sample:last-child{grid-column:1/-1}
  .aiai-flow2-sample:hover,.aiai-flow2-sample:active{
    background:var(--f2-soft);border-color:#9fe0d2
  }
  .aiai-flow2-sample-icon{
    width:30px;height:32px;display:grid;place-items:center;border-radius:9px;
    flex-shrink:0;font:700 9px var(--f2-latin)
  }
  .aiai-flow2-sample--1 .aiai-flow2-sample-icon{background:#cff1ea;color:#0f766e}
  .aiai-flow2-sample--2 .aiai-flow2-sample-icon{background:#fbd6e7;color:#a3175c}
  .aiai-flow2-sample--3 .aiai-flow2-sample-icon{background:#fce7b8;color:#92400e}
  .aiai-flow2-stage{
    text-align:center;margin:28px 0 0;color:var(--f2-muted);font-size:11px;line-height:1.8;
    display:flex;align-items:center;justify-content:center;gap:6px
  }
  .aiai-flow2-stage i{width:3px;height:3px;border-radius:50%;background:#d5d8e5}

  /* Result — faithful to the same surface and reference hierarchy. */
  body.aiai-flow2-result-v1 .amd1{
    width:min(574px,100%)!important;margin:0 auto!important;background:transparent!important;
    color:var(--f2-ink)!important;font-family:var(--f2-font)!important
  }
  body.aiai-flow2-result-v1 .amd1-wrap{width:100%!important;padding:16px 20px 26px!important}
  body.aiai-flow2-result-v1 .amd1-task,
  body.aiai-flow2-result-v1 .amd1-result,
  body.aiai-flow2-result-v1 .amd1-feedback{display:none!important}
  body.aiai-flow2-result-v1 .beta-feedback-fab{display:none!important}
  .aiai-flow2-result{display:block;width:100%;margin:0 auto}

  .aiai-flow2-receipt{
    display:flex;align-items:flex-start;gap:13px;margin:0 2px 20px;padding:0 0 2px
  }
  .aiai-flow2-receipt-line{
    width:3px;height:42px;background:#9fe0d2;border-radius:3px;flex-shrink:0;margin-top:8px
  }
  .aiai-flow2-receipt-copy{flex:1;min-width:0}
  .aiai-flow2-receipt-copy>span{
    font-size:11px;color:var(--f2-muted);margin-bottom:5px;display:flex;align-items:center;gap:6px
  }
  .aiai-flow2-receipt-copy h1{
    margin:0;font-size:16px;line-height:1.8;font-weight:500;overflow-wrap:anywhere;color:var(--f2-ink)
  }
  .aiai-flow2-edit-toggle{
    width:40px;height:40px;display:grid;place-items:center;margin-top:4px;flex-shrink:0;
    border-radius:12px;color:#646884;background:transparent
  }
  .aiai-flow2-edit-toggle:hover{background:#d7f2ec}
  .aiai-flow2-edit-toggle svg{width:17px;height:17px}
  .aiai-flow2-edit-form{
    margin:-8px 2px 18px;padding:15px;border:1px solid var(--f2-line);
    border-radius:15px;background:#fff;box-shadow:0 8px 24px #10121c0d
  }
  .aiai-flow2-edit-form label{display:block;margin-bottom:7px;color:var(--f2-muted);font-size:10px}
  .aiai-flow2-edit-form textarea{
    width:100%;min-height:90px;resize:vertical;padding:11px;border:1px solid var(--f2-line)!important;
    border-radius:12px;background:var(--f2-soft)!important;color:var(--f2-ink)!important;
    font:500 14px/1.8 var(--f2-font)!important;outline:0!important;box-shadow:none!important
  }
  .aiai-flow2-edit-form button{
    width:100%;min-height:44px;margin-top:9px;border-radius:12px;background:var(--f2-accent);
    color:#fff;font:600 12px var(--f2-font)
  }

  .aiai-flow2-result-hero{padding:21px 24px 20px}
  .aiai-flow2-result-eyebrow{
    display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px
  }
  .aiai-flow2-selected{
    display:flex;align-items:center;gap:7px;font-size:12px;color:var(--f2-accent);font-weight:500
  }
  .aiai-flow2-selected i{
    width:18px;height:18px;background:var(--f2-lavender);display:grid;place-items:center;
    border-radius:6px;font:700 10px var(--f2-font);font-style:normal
  }
  .aiai-flow2-confidence{
    display:flex;align-items:center;gap:7px;min-height:40px;padding:3px 0;
    color:var(--f2-muted);font-size:10px;background:transparent
  }
  .aiai-flow2-confidence bdi{
    font:550 20px var(--f2-latin);letter-spacing:-1px;color:var(--f2-accent)
  }
  .aiai-flow2-confidence sup{font-size:11px;vertical-align:baseline;letter-spacing:0;margin-left:1px}

  .aiai-flow2-tool-main{
    display:flex;align-items:center;gap:14px;min-width:0;width:fit-content;max-width:100%
  }
  .aiai-flow2-tool-logo,
  .aiai-flow2-sheet-logo{
    display:inline-grid;place-items:center;flex-shrink:0;width:66px;height:66px;
    background:var(--f2-soft);border:0;border-radius:19px;overflow:hidden
  }
  .aiai-flow2-tool-logo :where(img,svg){display:block;width:71%;height:71%;object-fit:contain}
  .aiai-flow2-sheet-logo{width:30px;height:30px;border-radius:9px;border:1px solid var(--f2-line)}
  .aiai-flow2-sheet-logo :where(img,svg){width:70%;height:70%;object-fit:contain}
  .aiai-flow2-tool-main h2{
    margin:0;font:600 clamp(28px,8vw,39px)/1.05 var(--f2-latin);
    letter-spacing:-1.8px;color:var(--f2-ink);overflow-wrap:anywhere
  }
  .aiai-flow2-tool-main small{
    display:block;margin-top:7px;font-size:10px;color:var(--f2-muted);font-weight:400
  }
  .aiai-flow2-reason{
    margin:22px 0 15px;max-width:440px;color:var(--f2-ink);
    font:500 18px/1.85 var(--f2-display);letter-spacing:-.2px
  }
  .aiai-flow2-why{
    margin-top:18px;display:flex;width:100%;align-items:center;justify-content:space-between;
    gap:10px;min-height:51px;padding:12px 16px;border:1px solid #bfe8df;border-radius:14px;
    background:var(--f2-lavender);color:var(--f2-accent-deep);font:600 14px var(--f2-font)
  }
  .aiai-flow2-why:hover{background:#d7f2ec}
  .aiai-flow2-why>span{display:flex;align-items:center;gap:9px}
  .aiai-flow2-why svg{width:19px;height:19px}

  .aiai-flow2-quick{
    padding:0 24px;background:var(--f2-soft);border-top:1px solid var(--f2-line)
  }
  .aiai-flow2-answer-row{
    display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:17px 0
  }
  .aiai-flow2-answer-row+.aiai-flow2-answer-row{border-top:1px solid var(--f2-line)}
  .aiai-flow2-answer-icon{
    height:34px;width:34px;display:grid;place-items:center;
    background:var(--f2-peach);color:var(--f2-orange);border-radius:11px
  }
  .aiai-flow2-answer-icon--alt{background:var(--f2-lavender);color:var(--f2-accent-deep)}
  .aiai-flow2-answer-icon svg{width:18px;height:18px}
  .aiai-flow2-answer-copy{min-width:0}
  .aiai-flow2-answer-copy>span{font-size:10px;color:var(--f2-muted);margin-bottom:3px}
  .aiai-flow2-answer-copy strong{
    display:block;font:600 14px/1.6 var(--f2-font);color:var(--f2-ink)
  }
  .aiai-flow2-answer-copy strong bdi{font:600 16px var(--f2-latin);letter-spacing:-.5px}
  .aiai-flow2-answer-copy p{margin:3px 0 0;font-size:11px;color:var(--f2-text);line-height:1.7}
  .aiai-flow2-answer-action{
    min-width:44px;min-height:44px;border-radius:11px;padding:8px 6px;font-size:11px;
    color:var(--f2-accent);display:flex;align-items:center;justify-content:center;gap:4px
  }
  .aiai-flow2-answer-action:hover{background:var(--f2-lavender)}
  .aiai-flow2-answer-action svg{width:15px;height:15px}

  .aiai-flow2-evidence-bar{
    display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 1px 0;padding:2px 0
  }
  .aiai-flow2-evidence-bar button{
    min-height:46px;font-size:11px;color:var(--f2-text);display:flex;align-items:center;
    gap:7px;padding:8px 5px;border-radius:9px
  }
  .aiai-flow2-evidence-bar button:hover{background:var(--f2-soft)}
  .aiai-flow2-evidence-bar svg{width:16px;height:16px;color:#4f8f86}
  .aiai-flow2-evidence-bar button>span{
    width:20px;height:20px;background:#d7f2ec;color:#115e59;border-radius:6px;
    display:grid;place-items:center;font:400 10px var(--f2-latin)
  }
  .aiai-flow2-scope{
    width:100%;display:flex;align-items:center;justify-content:center;gap:7px;
    margin-top:10px;min-height:36px;text-align:center;font-size:10px;color:var(--f2-muted)
  }
  .aiai-flow2-scope svg{width:12px;height:12px}
  .aiai-flow2-new-task{display:flex;justify-content:center;margin-top:18px}
  .aiai-flow2-new-task a{
    display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px;padding:8px 15px;color:var(--f2-muted)
  }

  /* Reading layer / bottom sheet — reference values. */
  .aiai-flow2-sheet{
    padding:0;border:1px solid #e7e9f2;border-radius:24px 24px 0 0;background:#fff;
    color:var(--f2-ink);width:100%;max-width:610px;height:min(92dvh,880px);max-height:92dvh;
    margin:auto auto 0;box-shadow:0 -12px 70px #10121c33;overflow:hidden;overscroll-behavior:contain
  }
  .aiai-flow2-sheet::backdrop{
    background:#10121c80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)
  }
  .aiai-flow2-sheet[open]{display:flex;flex-direction:column}
  .aiai-flow2-sheet-handle{
    flex-shrink:0;width:32px;height:4px;background:#e3e6f0;border-radius:4px;margin:10px auto 4px
  }
  .aiai-flow2-sheet-head{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:11px 21px 16px;border-bottom:1px solid var(--f2-line);flex-shrink:0
  }
  .aiai-flow2-sheet-context{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500}
  .aiai-flow2-sheet-context bdi{font:600 14px var(--f2-latin)}
  .aiai-flow2-sheet-context small{color:var(--f2-muted);font-size:10px;display:block;font-weight:400;line-height:1.7}
  .aiai-flow2-sheet-head>button{
    height:38px;width:38px;border-radius:12px;background:var(--f2-soft);
    display:grid;place-items:center;color:var(--f2-text)
  }
  .aiai-flow2-sheet-head>button svg{width:18px;height:18px}
  .aiai-flow2-sheet-body{
    padding:25px 24px calc(28px + env(safe-area-inset-bottom));overflow:auto;
    overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5d8e5 transparent;
    min-height:0;scroll-padding-top:20px
  }
  .aiai-flow2-sheet-body section[hidden]{display:none!important}
  .aiai-flow2-sheet-kicker{
    display:block;color:var(--f2-accent);font-size:11px;font-weight:500;margin-bottom:10px
  }
  .aiai-flow2-sheet-body h2{
    margin:0;outline:none;color:var(--f2-ink);
    font:600 26px/1.5 var(--f2-display);letter-spacing:-.5px
  }
  .aiai-flow2-sheet-lead{font-size:15px;line-height:1.95;color:var(--f2-text);margin-top:13px}
  .aiai-flow2-understanding{
    padding:16px 17px;background:var(--f2-lavender);border-radius:15px;margin-top:22px
  }
  .aiai-flow2-understanding small{display:block;font-size:10px;color:#4f7d76;margin-bottom:7px}
  .aiai-flow2-understanding p{margin:0;font-size:14px;line-height:1.8;color:#115e59}
  .aiai-flow2-fact-row{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:14px 0;margin-top:18px;border-top:1px solid var(--f2-line);border-bottom:1px solid var(--f2-line)
  }
  .aiai-flow2-fact-row span{font-size:11px;color:var(--f2-muted)}
  .aiai-flow2-fact-row strong{font-size:12px;color:var(--f2-ink)}
  .aiai-flow2-boundary{
    border-inline-start:3px solid #e39cc0;padding:3px 13px;margin:25px 0;
    color:var(--f2-text);font-size:13px;line-height:1.9
  }
  .aiai-flow2-boundary b{display:block;font-size:12px;color:#be185d;font-weight:500;margin-bottom:6px}
  .aiai-flow2-sheet-link{
    display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:56px;
    width:100%;text-align:start;border-top:1px solid var(--f2-line);padding:13px 0;
    color:var(--f2-accent);font-size:13px;font-weight:500;margin-top:18px
  }
  .aiai-flow2-compare-pair{
    margin-top:24px;display:grid;grid-template-columns:1fr 1fr;
    border:1px solid var(--f2-line);border-radius:20px;overflow:hidden;gap:0
  }
  .aiai-flow2-compare-pair>div{
    padding:17px 12px;background:var(--f2-soft);border:0;border-radius:0
  }
  .aiai-flow2-compare-pair>div:first-child{
    background:var(--f2-lavender);border-inline-end:1px solid #bfe8df
  }
  .aiai-flow2-compare-pair small{display:block;font-size:10px;color:var(--f2-muted);margin-bottom:5px}
  .aiai-flow2-compare-pair>div:first-child small{color:var(--f2-accent)}
  .aiai-flow2-compare-pair strong{font:600 16px var(--f2-latin);letter-spacing:-.5px;color:var(--f2-ink)}
  .aiai-flow2-source-count{
    display:flex;align-items:baseline;gap:10px;margin-top:22px;padding:16px 17px;
    background:var(--f2-lavender);border-radius:15px
  }
  .aiai-flow2-source-count strong{font:600 32px var(--f2-latin);color:var(--f2-accent)}
  .aiai-flow2-source-count span{font-size:11px;color:var(--f2-muted)}
  .aiai-flow2-candidates{margin-top:22px}
  .aiai-flow2-candidates article{padding:19px 0;border-bottom:1px solid var(--f2-line)}
  .aiai-flow2-candidates strong{font:600 20px var(--f2-latin);letter-spacing:-.7px;color:var(--f2-ink)}
  .aiai-flow2-candidates p,.aiai-flow2-empty{margin:10px 0 0;font-size:13px;line-height:1.9;color:var(--f2-text)}

  /* Canonical site wordmark in the footer, then the model's journey chain. */
  body.aiai-flow2-home-v1 .aiai-global-mobile-footer-v1,
  body.aiai-flow2-result-v1 .aiai-global-mobile-footer-v1,
  body.aiai-flow2-result-v1 .lum-footer{display:none!important}
  .aiai-flow2-footer-v1{
    display:block;width:100%;max-width:574px;margin:20px auto 0;
    padding:18px 20px calc(20px + env(safe-area-inset-bottom));
    text-align:center;color:var(--f2-muted);font-size:10px;line-height:1.8
  }
  .aiai-flow2-footer-v1__brand{
    width:98px;height:66px;margin:0 auto;display:grid;place-items:center;line-height:0
  }
  .aiai-flow2-footer-v1__brand img{
    display:block;width:98px;height:auto;max-height:66px;object-fit:contain
  }
  .aiai-flow2-footer-v1>p{margin:4px 0 15px;color:#8d857a;font-size:11px;line-height:1.7}
  .aiai-flow2-footer-v1__chain{
    display:flex;justify-content:center;align-items:center;gap:10px
  }
  .aiai-flow2-footer-v1__chain i{width:18px;height:1px;background:#e3e6f0}
  .aiai-flow2-footer-v1__chain span:nth-of-type(2){color:var(--f2-accent)}

  body.aiai-flow2-home-v1 :where(button,a,textarea):focus-visible,
  body.aiai-flow2-result-v1 :where(button,a,textarea):focus-visible{
    outline:3px solid #db2777!important;outline-offset:4px!important
  }

  ::selection{background:#c8f0e8;color:#10121c}
}

@media (max-width:390px){
  .aiai-flow2-entry{padding-inline:16px}
  body.aiai-flow2-result-v1 .amd1-wrap{padding-inline:16px!important}
  .aiai-flow2-composer{padding:17px 19px}
  .aiai-flow2-quick{padding-inline:19px}
  .aiai-flow2-tool-logo{width:56px;height:56px}
  .aiai-flow2-tool-main h2{font-size:28px;letter-spacing:-1.3px}
  .aiai-flow2-reason{font-size:17px}
  .aiai-flow2-answer-row{gap:9px}
  .aiai-flow2-sample{padding:8px;gap:7px;font-size:11px}
  .aiai-flow2-sample-grid{gap:8px}
  .aiai-flow2-sample-icon{height:29px;width:27px}
  .aiai-flow2-sheet-body{padding:22px 19px}
  .aiai-flow2-sheet-body h2{font-size:24px}
  .aiai-flow2-evidence-bar button{font-size:10px;gap:5px}
}

/* EXACT COLOR MATCH — isolates Flow2 from legacy V10/Diamond ivory ownership.
   These values are copied from ay-ai-4-light-pro.html and intentionally
   outrank the legacy mobile-shell selectors that use !important. */
@media (max-width:767px){
  html:has(body.aiai-flow2-home-v1),
  html:has(body.aiai-flow2-result-v1){
    background:#f7f8fc!important;
    color-scheme:light!important;
  }

  body.page-home.aiai-diamond-home-v1.aiai-flow2-home-v1,
  body.public-design-v440.page-home.aiai-diamond-home-v1.aiai-flow2-home-v1,
  body.public-design-v440.aiai-flow2-result-v1,
  body.aiai-flow2-result-v1{
    --aiai-v10-bg:#f7f8fc!important;
    --aiai-v10-ink:#10121c!important;
    --aiai-v10-text:#545872!important;
    --aiai-v10-muted:#646884!important;
    --aiai-v10-line:#e7e9f2!important;
    --aiai-v10-accent:#0f766e!important;
    background:#f7f8fc!important;
    background-color:#f7f8fc!important;
    background-image:none!important;
    color:#10121c!important;
  }

  body.page-home.aiai-diamond-home-v1.aiai-flow2-home-v1::before,
  body.public-design-v440.page-home.aiai-diamond-home-v1.aiai-flow2-home-v1::before,
  body.aiai-flow2-result-v1::before{
    content:none!important;
    display:none!important;
    background:none!important;
    background-image:none!important;
    opacity:0!important;
  }

  body.page-home.aiai-diamond-home-v1.aiai-flow2-home-v1 > main,
  body.public-design-v440.page-home.aiai-diamond-home-v1.aiai-flow2-home-v1 > main,
  body.public-design-v440.aiai-flow2-result-v1 > main,
  body.aiai-flow2-result-v1 > main{
    background:#f7f8fc!important;
    background-color:#f7f8fc!important;
    background-image:none!important;
  }

  body.page-home.aiai-diamond-home-v1.aiai-flow2-home-v1 .aiai-flow2-entry,
  body.aiai-flow2-result-v1 .aiai-flow2-result,
  body.aiai-flow2-home-v1 .aiai-flow2-footer-v1,
  body.aiai-flow2-result-v1 .aiai-flow2-footer-v1{
    background:#f7f8fc!important;
    background-color:#f7f8fc!important;
    background-image:none!important;
  }

  body.aiai-flow2-home-v1 > .aiai-global-mobile-head-v1,
  body.aiai-flow2-result-v1 > .aiai-global-mobile-head-v1{
    background:#f7f8fc!important;
    background-color:#f7f8fc!important;
    background-image:none!important;
    border-bottom-color:transparent!important;
  }

  body.aiai-flow2-home-v1 .aiai-flow2-intro,
  body.aiai-flow2-home-v1 .aiai-flow2-examples,
  body.aiai-flow2-home-v1 .aiai-flow2-stage{
    background:transparent!important;
  }

  body.aiai-flow2-home-v1 .aiai-flow2-surface,
  body.aiai-flow2-result-v1 .aiai-flow2-result-surface{
    background:#ffffff!important;
    background-color:#ffffff!important;
    background-image:none!important;
    border-color:#e2e5f0!important;
    box-shadow:0 14px 40px -26px #10121c1f,0 2px 5px #10121c0a!important;
  }

  body.aiai-flow2-home-v1 .aiai-flow2-composer textarea{
    background:transparent!important;
    color:#10121c!important;
    caret-color:#0f766e!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-composer textarea::placeholder{
    color:#6e7290!important;
    opacity:1!important;
  }

  body.aiai-flow2-home-v1 .aiai-flow2-kicker{color:#0f766e!important}
  body.aiai-flow2-home-v1 .aiai-flow2-intro h1{color:#10121c!important}
  body.aiai-flow2-home-v1 .aiai-flow2-intro p{color:#545872!important}
  body.aiai-flow2-home-v1 .aiai-flow2-submit{
    background:#0f766e!important;
    color:#ffffff!important;
    box-shadow:0 5px 14px #0f766e33!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-submit:active{background:#115e59!important}

  body.aiai-flow2-home-v1 .aiai-flow2-sample{
    background:#f3f4f9!important;
    color:#545872!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-sample--1 .aiai-flow2-sample-icon{
    background:#cff1ea!important;color:#0f766e!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-sample--2 .aiai-flow2-sample-icon{
    background:#fbd6e7!important;color:#a3175c!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-sample--3 .aiai-flow2-sample-icon{
    background:#fce7b8!important;color:#92400e!important;
  }

  body.aiai-flow2-home-v1 .aiai-flow2-footer-v1,
  body.aiai-flow2-result-v1 .aiai-flow2-footer-v1{
    color:#646884!important;
    border:0!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-footer-v1>p,
  body.aiai-flow2-result-v1 .aiai-flow2-footer-v1>p{
    color:#646884!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-footer-v1__chain span,
  body.aiai-flow2-result-v1 .aiai-flow2-footer-v1__chain span{
    color:#646884!important;
  }
  body.aiai-flow2-home-v1 .aiai-flow2-footer-v1__chain span:nth-of-type(2),
  body.aiai-flow2-result-v1 .aiai-flow2-footer-v1__chain span:nth-of-type(2){
    color:#0f766e!important;
  }
}


/* FLOW2 MOBILE VISUAL QA R1 — screenshot-proven isolation and rhythm fixes.
   Scope: Flow2 mobile only. No engine, data, desktop, or shared internal-page changes. */
@media (max-width:767px){
  /* Prevent legacy PBX/AMD button ownership from leaking into the Flow2 result. */
  body.aiai-flow2-result-v1 :where(
    .aiai-flow2-confidence,
    .aiai-flow2-why,
    .aiai-flow2-answer-action,
    .aiai-flow2-evidence-bar button,
    .aiai-flow2-scope,
    .aiai-flow2-sheet-head>button,
    .aiai-flow2-sheet-link
  ){
    -webkit-appearance:none!important;
    appearance:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  body.aiai-flow2-result-v1 .aiai-flow2-evidence-bar button,
  body.aiai-flow2-result-v1 .aiai-flow2-scope,
  body.aiai-flow2-result-v1 .aiai-flow2-answer-action{
    background:transparent!important;
    border:0!important;
    color:var(--f2-text)!important;
  }
  body.aiai-flow2-result-v1 .aiai-flow2-answer-action{color:var(--f2-accent)!important}
  body.aiai-flow2-result-v1 .aiai-flow2-why{
    background:var(--f2-lavender)!important;
    border:1px solid var(--f2-mint-line)!important;
    color:var(--f2-accent-deep)!important;
  }

  /* Home: bring the action surface into the first viewport without changing its concept. */
  .aiai-flow2-entry{margin-top:18px;padding-bottom:20px}
  .aiai-flow2-intro{padding:6px 0 22px}
  .aiai-flow2-intro h1{line-height:1.45}
  .aiai-flow2-intro p{margin-top:10px}
  .aiai-flow2-examples{margin-top:22px}
  .aiai-flow2-stage{margin-top:22px}

  /* Result: tighter, calmer hierarchy; the tool remains the strongest object. */
  body.aiai-flow2-result-v1 .amd1-wrap{padding-top:10px!important;padding-bottom:14px!important}
  .aiai-flow2-receipt{margin-bottom:14px}
  .aiai-flow2-result-hero{padding:19px 22px 18px}
  .aiai-flow2-result-eyebrow{margin-bottom:14px}
  .aiai-flow2-confidence bdi{font-size:18px}
  .aiai-flow2-reason{margin:17px 0 12px;font-size:17px;line-height:1.75}
  .aiai-flow2-why{margin-top:14px;min-height:48px}
  .aiai-flow2-answer-row{padding:15px 0}
  .aiai-flow2-evidence-bar{margin-top:10px;padding:0 2px}
  .aiai-flow2-evidence-bar button{min-height:42px}
  .aiai-flow2-scope{margin-top:4px;min-height:32px}
  .aiai-flow2-new-task{margin-top:8px}
  .aiai-flow2-footer-v1{margin-top:8px;padding-top:12px}

  /* Reading sheet: information layer, not a second hero screen. */
  .aiai-flow2-sheet{height:min(88dvh,820px);max-height:88dvh}
  .aiai-flow2-sheet-head{padding:9px 19px 13px}
  .aiai-flow2-sheet-body{padding:20px 21px calc(24px + env(safe-area-inset-bottom))}
  .aiai-flow2-sheet-body h2{font-size:22px;line-height:1.55;letter-spacing:-.25px}
  .aiai-flow2-sheet-lead{font-size:14px;line-height:1.85;margin-top:10px}
  .aiai-flow2-understanding{margin-top:17px;padding:14px 15px}
  .aiai-flow2-fact-row{margin-top:14px;padding:12px 0}
  .aiai-flow2-boundary{margin:18px 0;font-size:12px}
  .aiai-flow2-sheet-link{margin-top:12px;min-height:50px}
}
@media (max-width:390px){
  .aiai-flow2-entry{margin-top:12px}
  .aiai-flow2-sheet-body h2{font-size:21px}
  .aiai-flow2-result-hero{padding-inline:19px}
}

@media (prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}
  .aiai-flow2-entry *,
  .aiai-flow2-result *,
  .aiai-flow2-sheet *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* AIAI_FLOW2_EXACT_COLOR_MATCH_R1 */
@media (max-width:767px){
  /* Neutralize legacy public-design-v440 and Diamond paper tokens. */
  body.public-design-v440.aiai-flow2-home-v1,
  body.public-design-v440.aiai-flow2-result-v1{
    --aiai-paper:#f7f8fc!important;
    --aiai-surface:#ffffff!important;
    --aiai-surface-soft:#f3f4f9!important;
    --aiai-surface-muted:#f7f8fc!important;
    --aiai-ink:#10121c!important;
    --aiai-text:#10121c!important;
    --aiai-text-soft:#545872!important;
    --aiai-text-faint:#646884!important;
    --aiai-line:#e7e9f2!important;
    --aiai-line-strong:#d5d8e5!important;
    --aiai-teal:#0f766e!important;
    --aiai-teal-soft:#eef9f7!important;
    background-color:#f7f8fc!important;
    background-image:none!important;
  }

  html:has(body.aiai-flow2-home-v1),
  html:has(body.aiai-flow2-result-v1),
  body.public-design-v440.aiai-flow2-home-v1,
  body.public-design-v440.aiai-flow2-result-v1,
  body.public-design-v440.aiai-flow2-home-v1>main,
  body.public-design-v440.aiai-flow2-result-v1>main{
    background:#f7f8fc!important;
    background-color:#f7f8fc!important;
    background-image:none!important;
  }

  body.aiai-flow2-home-v1::before,
  body.aiai-flow2-result-v1::before{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
  }

  body.aiai-flow2-home-v1>.aiai-global-mobile-head-v1,
  body.aiai-flow2-result-v1>.aiai-global-mobile-head-v1{
    background:#f7f8fc!important;
    background-color:#f7f8fc!important;
    background-image:none!important;
    border-color:transparent!important;
  }

  body.aiai-flow2-home-v1 .aiai-global-mobile-head__account,
  body.aiai-flow2-home-v1 .aiai-global-mobile-head__menu,
  body.aiai-flow2-result-v1 .aiai-global-mobile-head__account,
  body.aiai-flow2-result-v1 .aiai-global-mobile-head__menu{
    background:#f3f4f9!important;
    border-color:#e7e9f2!important;
    color:#545872!important;
  }

  .aiai-flow2-entry,
  .aiai-flow2-result,
  .aiai-flow2-footer-v1{
    background:transparent!important;
    background-image:none!important;
  }

  .aiai-flow2-intro h1,
  .aiai-flow2-receipt-copy h1,
  .aiai-flow2-tool-main h2{
    color:#10121c!important;
  }
  .aiai-flow2-intro p,
  .aiai-flow2-answer-copy p,
  .aiai-flow2-reason{
    color:#545872!important;
  }
  .aiai-flow2-kicker,
  .aiai-flow2-selected,
  .aiai-flow2-evidence-bar svg{
    color:#0f766e!important;
  }

  .aiai-flow2-surface,
  .aiai-flow2-result-surface{
    background:#ffffff!important;
    background-color:#ffffff!important;
    background-image:none!important;
    border-color:#e2e5f0!important;
    box-shadow:0 14px 40px -26px #10121c1f,0 2px 5px #10121c0a!important;
  }

  .aiai-flow2-sample{
    background:#f3f4f9!important;
    color:#545872!important;
  }
  .aiai-flow2-sample--1 .aiai-flow2-sample-icon{
    background:#cff1ea!important;color:#0f766e!important;
  }
  .aiai-flow2-sample--2 .aiai-flow2-sample-icon{
    background:#fbd6e7!important;color:#a3175c!important;
  }
  .aiai-flow2-sample--3 .aiai-flow2-sample-icon{
    background:#fce7b8!important;color:#92400e!important;
  }

  .aiai-flow2-compose-bottom{
    border-color:#e7e9f2!important;
    background:transparent!important;
  }
  .aiai-flow2-examples-head::after,
  .aiai-flow2-footer-v1__chain i{
    background-color:#e7e9f2!important;
  }

  .aiai-flow2-submit{
    background:#0f766e!important;
    color:#ffffff!important;
    box-shadow:0 5px 14px #0f766e33!important;
  }
  .aiai-flow2-submit:hover,
  .aiai-flow2-submit:active{background:#115e59!important}

  .aiai-flow2-intro h1 em{
    background:linear-gradient(120deg,#0f766e,#db2777)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:#0f766e!important;
  }
  .aiai-flow2-intro h1 em::after{background:#db2777!important}

  .aiai-flow2-footer-v1>p{color:#8d857a!important}
  .aiai-flow2-footer-v1__chain{color:#646884!important}
  .aiai-flow2-footer-v1__chain span:nth-of-type(2){color:#0f766e!important}
}


/* FLOW2 MOBILE VISUAL QA R2 — screenshot-proven hierarchy + content-driven sheets.
   Mobile Flow2 only. No engine/data/desktop/shared internal-page changes. */
@media (max-width:767px){
  body.aiai-flow2-result-v1 .aiai-flow2-sheet{height:auto!important;max-height:88dvh!important;min-height:0!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet[open]{display:flex!important;flex-direction:column!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-body{flex:0 1 auto!important;min-height:0!important;max-height:calc(88dvh - 78px)!important;overflow:auto!important;padding:18px 21px calc(20px + env(safe-area-inset-bottom))!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-head{padding:8px 19px 12px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-handle{margin-top:8px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-result-hero{padding:17px 20px 16px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-result-eyebrow{margin-bottom:11px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-tool-logo{width:58px!important;height:58px!important;border-radius:17px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-tool-main h2{font-size:clamp(27px,7.4vw,35px)!important;letter-spacing:-1.3px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-reason{margin:14px 0 10px!important;font-size:16px!important;line-height:1.72!important;font-weight:500!important}
  body.aiai-flow2-result-v1 .aiai-flow2-why{margin-top:11px!important;min-height:46px!important;padding:10px 14px!important;font-size:13px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-quick{padding:0 20px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-answer-row{grid-template-columns:30px 1fr auto!important;gap:9px!important;padding:12px 0!important}
  body.aiai-flow2-result-v1 .aiai-flow2-answer-icon{width:30px!important;height:30px!important;border-radius:9px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-answer-copy p{margin-top:2px!important;font-size:10.5px!important;line-height:1.55!important}
  body.aiai-flow2-result-v1 .aiai-flow2-answer-action{min-height:38px!important;min-width:38px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-body h2{font-size:20px!important;line-height:1.5!important;letter-spacing:-.15px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-lead{margin-top:8px!important;font-size:13.5px!important;line-height:1.8!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-kicker{margin-bottom:7px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-understanding{margin-top:14px!important;padding:12px 14px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-fact-row{margin-top:12px!important;padding:10px 0!important}
  body.aiai-flow2-result-v1 .aiai-flow2-boundary{margin:14px 0!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-link{margin-top:8px!important;min-height:46px!important}
}
@media (max-width:390px){
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-body{padding-inline:18px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-sheet-body h2{font-size:19px!important}
}


/* FLOW2 MOBILE VISUAL QA R3 — bottom-sheet intrinsic height fix.
   Mobile Flow2 only. Geometry fix proven by post-R2 screenshots. */
@media (max-width:767px){
  body.aiai-flow2-result-v1 .aiai-flow2-sheet{
    position:fixed!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset-block-start:auto!important;
    inset-block-end:0!important;
    inset-inline:0!important;
    height:fit-content!important;
    max-height:88dvh!important;
    min-height:0!important;
    margin:0 auto!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-sheet[open]{
    display:flex!important;
    flex-direction:column!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-sheet-body{
    flex:0 1 auto!important;
    min-height:0!important;
    max-height:calc(88dvh - 72px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}


/* FLOW2 MOBILE RESULT REFINEMENT R4 — stronger result hierarchy, quieter support layer.
   Scope: result surface only on mobile. Bottom-sheet geometry remains locked at R3. */
@media (max-width:767px){
  body.aiai-flow2-result-v1 .aiai-flow2-result-surface{
    border-color:#dde5e6!important;
    border-radius:25px!important;
    box-shadow:0 18px 42px -30px rgba(16,18,28,.28),0 3px 10px rgba(16,18,28,.035)!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-result-hero{
    position:relative!important;
    padding:18px 20px 15px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-result-hero::before{
    content:""!important;
    position:absolute!important;
    inset-inline-start:20px!important;
    top:0!important;
    width:46px!important;
    height:3px!important;
    border-radius:0 0 4px 4px!important;
    background:var(--f2-accent)!important;
    opacity:.88!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-result-eyebrow{
    margin-bottom:13px!important;
    align-items:center!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-selected{
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:0!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-selected i{
    width:20px!important;
    height:20px!important;
    border-radius:7px!important;
    background:#eef9f7!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-confidence{
    min-height:32px!important;
    gap:6px!important;
    font-size:10px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-confidence bdi{
    font-size:19px!important;
    font-weight:650!important;
    letter-spacing:-.5px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-tool-main{
    gap:13px!important;
    width:100%!important;
    align-items:center!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-tool-logo{
    width:60px!important;
    height:60px!important;
    border-radius:18px!important;
    background:#f7f8fb!important;
    border:1px solid #eceef4!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-tool-main h2{
    font-size:clamp(29px,8vw,37px)!important;
    line-height:1!important;
    letter-spacing:-1.5px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-tool-main small{
    margin-top:6px!important;
    font-size:10px!important;
    color:#75798d!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-reason{
    position:relative!important;
    margin:16px 0 11px!important;
    padding-inline-start:13px!important;
    border-inline-start:2px solid var(--f2-mint-mid)!important;
    color:#3f4458!important;
    font-size:15.5px!important;
    line-height:1.76!important;
    font-weight:550!important;
    letter-spacing:-.08px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-why{
    margin-top:12px!important;
    min-height:44px!important;
    padding:9px 13px!important;
    border-color:#cce9e3!important;
    border-radius:13px!important;
    background:#f2fbf9!important;
    font-size:12.5px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-quick{
    padding:8px 16px 9px!important;
    background:#fafbfc!important;
    border-top-color:#e7ebef!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-row{
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:10px 4px!important;
    border-radius:12px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-row + .aiai-flow2-answer-row{
    border-top:1px solid #eceef2!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-icon svg{
    width:15px!important;
    height:15px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-copy>span{
    font-size:9.5px!important;
    color:#7a7e91!important;
    margin-bottom:1px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-copy strong{
    font-size:13.5px!important;
    line-height:1.45!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-copy strong bdi{
    font-size:15px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-copy p{
    margin-top:2px!important;
    color:#62677a!important;
    font-size:10px!important;
    line-height:1.5!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-answer-action{
    min-width:36px!important;
    min-height:36px!important;
    padding:5px!important;
    font-size:10.5px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-evidence-bar{
    margin-top:8px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-evidence-bar button{
    min-height:38px!important;
    font-size:10.5px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-scope{
    margin-top:2px!important;
    min-height:28px!important;
    font-size:9.5px!important;
  }

  body.aiai-flow2-result-v1 .aiai-flow2-new-task{
    margin-top:5px!important;
  }
}
@media (max-width:390px){
  body.aiai-flow2-result-v1 .aiai-flow2-result-hero{padding-inline:18px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-result-hero::before{inset-inline-start:18px!important}
  body.aiai-flow2-result-v1 .aiai-flow2-reason{font-size:15px!important}
}