/* Scoped to the custom element, including its static no-JavaScript example. */
@font-face { font-family:"EXRE ROAS Display"; src:url('/assets/Archivo-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face { font-family:"EXRE ROAS Text"; src:url('/home-v7/assets/Montserrat.woff2') format('woff2'); font-weight:100 900; font-display:swap; }
/* The legacy AdsManagement section was hidden on mobile; the new calculator is available at every breakpoint. */
.xp-page-performance-ads .roas-check-section { display:block; }
exre-roas-check { display:block; width:100%; max-width:560px; margin:40px auto 0; scroll-margin-top:110px; }
:host { display:block; width:100%; max-width:560px; margin:40px auto 0; scroll-margin-top:110px; color-scheme:dark; }
.rc-shell { position:relative; isolation:isolate; }
/* Exact tile geometry, fills, borders and variants from the approved EXRE homepage. */
.rc-brand-tiles { position:absolute; inset:-70px calc(50% - 700px) -70px; display:grid; grid-template-columns:repeat(10,1fr); grid-auto-rows:145px; gap:8px; overflow:hidden; opacity:.5; pointer-events:none; z-index:-1; mask-image:linear-gradient(transparent,#000 25%,#000 74%,transparent); }
.rc-brand-tiles i { border:1px solid #d2793020; background:linear-gradient(130deg,#291b111c,#08080870); box-shadow:inset 0 0 25px #99501c05; }
.rc-brand-tiles i:nth-child(7n+3) { background:linear-gradient(140deg,#75421e30,#22150d20); border-color:#9859242b; }
.rc-brand-tiles i:nth-child(11n+5) { background:linear-gradient(135deg,#2e1b0c10,#e8500228); border-color:#dc782b27; }
.rc-brand-tiles i:nth-child(13n+2) { animation:rc-tile-breathe 9s ease-in-out infinite alternate; }
.rc-brand-tiles i:nth-child(17n+4) { animation:rc-tile-breathe 12s -5s ease-in-out infinite alternate; }
@keyframes rc-tile-breathe { to { border-color:#c76b3a48; background-color:#df5b0910; } }
:host-context(.paused) .rc-brand-tiles i, :host-context(.not-visible) .rc-brand-tiles i, .rc-brand-tiles.rc-motion-paused i { animation-play-state:paused; }
.rc-card, .rc-card * { box-sizing:border-box; }
.rc-card { --rc-orange:#e85002; --rc-secondary:#a99e93; --rc-state:#f5c451; position:relative; margin:0; padding:32px; border:1px solid #a16b3b45; border-radius:20px; background:linear-gradient(135deg,#291b12f5,#15110df5 44%,#0f0e0cf5); color:#eee9e3; font:400 14px/1.6 "EXRE ROAS Text",Montserrat,Arial,sans-serif; color-scheme:dark; text-align:left; }
.rc-card[data-status="red"] { --rc-state:#ff6b6b; }
.rc-card[data-status="green"] { --rc-state:#5fd38d; }
.rc-card p, .rc-card h2 { margin:0; }
.rc-brand-row { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:26px; }
.rc-brand-row img { display:block; width:84px; height:auto; flex:none; }
.rc-card h2 { margin-top:0; max-width:23ch; color:#eee9e3; font:700 34px/1.08 "EXRE ROAS Display",Archivo,Arial,sans-serif; letter-spacing:-.035em; text-wrap:balance; }
.rc-card h2>span { display:block; width:fit-content; background:linear-gradient(100deg,#f0d1b1,#e85002); background-clip:text; -webkit-background-clip:text; color:transparent; }
.rc-card .rc-eyebrow { color:#bb9475; font:500 9px/1.6 "EXRE ROAS Text",Montserrat,Arial,sans-serif; letter-spacing:.1em; text-align:right; }
.rc-fields { display:grid; gap:16px; margin:30px 0 27px; }
.rc-field label { display:flex; justify-content:space-between; align-items:baseline; gap:14px; margin:0 0 5px; cursor:pointer; }
.rc-field label>span { color:#c9b9a8; font-size:13px; }
.rc-field output { color:#f0d1b1; font:700 16px/1.4 "EXRE ROAS Display",Archivo,Arial,sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
.rc-field input { display:block; appearance:none; -webkit-appearance:none; width:100%; height:28px; margin:0; padding:0; border:0; border-radius:0; background:transparent; cursor:ew-resize; touch-action:pan-y; }
.rc-field input::-webkit-slider-runnable-track { height:4px; border-radius:2px; background:linear-gradient(to right,#e85002 0 var(--rc-fill,0%),#5b412d var(--rc-fill,0%) 100%); }
.rc-field input::-moz-range-track { height:4px; border-radius:2px; background:#343434; }
.rc-field input::-moz-range-progress { height:4px; border-radius:2px; background:#e85002; }
.rc-field input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:22px; height:22px; margin-top:-9px; border:0; border-radius:50%; background:#fff; box-shadow:0 2px 6px #0005; transition:box-shadow .15s; }
.rc-field input::-moz-range-thumb { width:22px; height:22px; border:0; border-radius:50%; background:#fff; box-shadow:0 2px 6px #0005; }
.rc-field input:hover::-webkit-slider-thumb { box-shadow:0 2px 6px #0005,0 0 0 5px #ffffff12; }
.rc-field input:disabled { cursor:default; opacity:.65; }
.rc-field input:focus-visible { outline:2px solid #e85002; outline-offset:4px; border-radius:8px; }
.rc-verdict { padding-top:22px; border-top:1px solid #a16b3b38; }
.rc-verdict>p:first-child { color:#d5c1ad; }
.rc-amount { display:block; margin:2px 0 2px; color:var(--rc-state); font:700 46px/1.17 "EXRE ROAS Display",Archivo,Arial,sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.035em; overflow-wrap:anywhere; transition:color .15s; }
.rc-card .rc-help { color:var(--rc-secondary); font-size:12px; line-height:1.65; }
.rc-scale { position:relative; margin:20px 7px 23px; height:88px; --rc-bar-top:46px; }
.rc-scale-track { position:absolute; top:var(--rc-bar-top); left:0; right:0; height:10px; overflow:hidden; border-radius:5px; background:linear-gradient(to right,transparent 0 var(--rc-break-even,31.25%),#5fd38d59 var(--rc-break-even,31.25%) 100%); }
.rc-loss-zone { display:block; height:100%; background:#ff6b6b59; }
.rc-marker { position:absolute; top:calc(var(--rc-bar-top) - 6px); z-index:1; width:1px; height:22px; background:#f4f4f4; transform:translateX(-50%); transition:left .15s; }
.rc-scale-label { position:absolute; bottom:calc(100% - var(--rc-bar-top) + 9px); transform:translateX(-50%); white-space:nowrap; font:500 10px/1.5 "EXRE ROAS Text",Montserrat,Arial,sans-serif; transition:left .15s; }
.rc-be-label { color:#b7a494; }
.rc-exre-label { padding:3px 7px; border-radius:4px; color:#160e08; background:#eee9e3; font-weight:700; }
.rc-scale.is-crowded .rc-be-label { bottom:calc(100% - var(--rc-bar-top) + 35px); }
.rc-you { position:absolute; top:calc(var(--rc-bar-top) - 2px); z-index:2; transform:translateX(-50%); transition:left .15s; }
.rc-you i { display:block; width:14px; height:14px; margin:auto; border:2px solid #15110d; border-radius:50%; background:var(--rc-state); transition:background .15s; }
.rc-you b { display:block; margin-top:7px; color:var(--rc-state); font:700 10px/1.4 "EXRE ROAS Text",Montserrat,Arial,sans-serif; text-align:center; }
.rc-comparison { position:relative; padding:20px; border-radius:12px; background:linear-gradient(120deg,#44260f99,#21180fee 60%,#18130eee); }
.rc-comparison-brand { display:flex; align-items:center; gap:9px; margin-bottom:11px; color:#efab76; font-size:10px; line-height:1.4; }
.rc-comparison-brand>span { font-weight:700; letter-spacing:.08em; }
.rc-comparison-brand>b { padding:3px 7px; border:1px solid #b16c3850; border-radius:5px; color:#f0d1b1; font-variant-numeric:tabular-nums; }
.rc-comparison>p { color:#c9b9a8; font-size:12px; line-height:1.65; }
.rc-comparison-result { display:flex; flex-wrap:wrap; gap:5px 8px; align-items:baseline; margin:6px 0 7px; }
.rc-comparison-result strong { color:#5fd38d; font:700 33px/1.2 "EXRE ROAS Display",Archivo,Arial,sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.03em; overflow-wrap:anywhere; }
.rc-comparison-result span { color:#5fd38d; font-size:12px; white-space:nowrap; }
.rc-comparison[data-comparison="margin"] .rc-comparison-result strong { color:#f5c451; font-size:28px; }
.rc-card .rc-comparison-help { color:#b7a494; font-size:12px; line-height:1.65; }
.rc-comparison-help b { color:#eee9e3; font-weight:600; }
.rc-cta { display:flex; justify-content:space-between; align-items:center; gap:14px; width:100%; min-height:54px; margin-top:24px; padding:14px 22px; border:0; border-radius:100px; color:#160e08; background:#eee9e3; font:600 12px/1.4 "EXRE ROAS Text",Montserrat,Arial,sans-serif; text-decoration:none; transition:background .18s,transform .18s; }
.rc-cta svg { flex:none; width:19px; height:19px; transition:transform .18s; }
.rc-cta:hover { background:#fff; }
.rc-cta:hover svg { transform:translate(2px,-2px); }
.rc-cta:active { transform:scale(.985); }
.rc-cta:focus-visible { outline:2px solid #e85002; outline-offset:5px; }
.rc-card .rc-proof { display:flex; justify-content:center; align-items:flex-start; gap:6px; margin:13px 0 20px; color:#c9b9a8; text-align:center; font-size:10px; }
.rc-proof svg { flex:none; width:15px; height:15px; margin-top:1px; color:#e5a172; }
.rc-card .rc-disclaimer { padding-top:17px; border-top:1px solid #a16b3b38; color:var(--rc-secondary); font-size:10px; line-height:1.75; }
.rc-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.rc-card ::selection { background:#e85002; color:#fff; }
.sa-section.sa-ads-compact.roas-check-section { padding-top:20px; }
.roas-check-section .sa-management-info { max-width:560px; margin:24px auto 0; }
@media(max-width:600px) {
  .rc-card { padding:24px; }
  .rc-card h2 { font-size:30px; }
  .rc-amount { font-size:40px; }
}
@media(max-width:420px) {
  .rc-brand-row { gap:14px; }
  .rc-brand-row img { width:72px; }
  .rc-card .rc-eyebrow { font-size:8px; max-width:140px; }
  .rc-card h2 { font-size:28px; }
  .rc-field label>span { font-size:12px; }
  .rc-field output { font-size:15px; }
  .rc-comparison-result { display:block; }
  .rc-comparison-result strong { display:block; font-size:30px; }
  .rc-comparison-result span:not(:empty) { display:block; margin-top:2px; }
  .rc-comparison { padding:17px; }
  .rc-cta { padding:14px 17px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .rc-shell *, .rc-shell *::before, .rc-shell *::after { transition:none!important; animation:none!important; }
}