/**
 * Berwirausaha AI Pro — Precision Luxury v2.13.0
 * Scoped to AI Pro virtual/page routes. Divi Supreme / GSAP optional.
 * No modifications to AI Studio APIs, user credits, or licensing.
 */
body.bw-ai-pro-page .bw-ai-pro {
  --bw-precision-gold:#f1c676;
  --bw-precision-cyan:#52dcf7;
  width:100%;
  max-width:1320px;
  margin-inline:auto;
  padding:clamp(12px,2.2vw,27px) clamp(12px,2.8vw,34px) calc(112px + env(safe-area-inset-bottom));
  background:radial-gradient(ellipse 72% 28% at 80% 1%,rgba(3,116,181,.14),transparent 78%),linear-gradient(180deg,#031321,#041626 50%,#02111d);
  overflow-x:clip;
}
body.bw-ai-pro-page .bw-ai-topline {
  margin:0 2px;
  padding-bottom:10px;
  font-size:10px;
  letter-spacing:.12em;
  border-color:rgba(71,195,223,.23);
}
body.bw-ai-pro-page .bw-ai-hero{
  position:relative;
  min-height:clamp(330px,31vw,430px);
  margin:13px 0 16px;
  border-radius:clamp(20px,2.6vw,28px);
  border:1px solid rgba(67,210,241,.72);
  background:radial-gradient(circle at 80% 67%,rgba(20,165,235,.22),transparent 45%),radial-gradient(ellipse at 10% 12%,rgba(233,172,88,.065),transparent 55%),linear-gradient(116deg,#04172b 8%,#072442 66%,#053754);
  box-shadow:0 15px 32px rgba(0,12,30,.3),0 0 0 1px rgba(228,190,112,.12),inset 0 1px rgba(253,240,207,.13);
}
body.bw-ai-pro-page .bw-ai-hero::before{
  background:linear-gradient(90deg,rgba(1,14,33,.94),rgba(5,29,55,.76) 43%,rgba(4,35,63,.03) 80%),repeating-linear-gradient(100deg,transparent 0 52px,rgba(82,220,247,.025) 53px 54px);
}
body.bw-ai-pro-page .bw-ai-hero::after{
  width:51%;right:-11%;top:-56%;
  border-color:rgba(47,213,250,.27);
  box-shadow:0 0 68px rgba(15,124,202,.15);
}
body.bw-ai-pro-page .bw-ai-hero-copy{
  position:relative;
  z-index:4;
  width:min(64%,690px);
  padding:clamp(26px,4vw,53px);
}
body.bw-ai-pro-page .bw-ai-pill{
  padding:8px 13px;
  background:rgba(3,19,37,.79);
  border-color:rgba(245,196,108,.8);
  color:#f8d391;
  box-shadow:0 0 0 1px rgba(242,184,80,.08),inset 0 1px rgba(255,255,255,.08);
  line-height:1.35;
  letter-spacing:.09em;
}
body.bw-ai-pro-page .bw-ai-hero h1{
  font-size:clamp(48px,5.5vw,84px)!important;
  letter-spacing:-.06em!important;
  line-height:1.04!important;
  margin:clamp(12px,2vw,19px) 0 9px!important;
}
body.bw-ai-pro-page .bw-ai-hero h2{
  max-width:24ch;
  font-size:clamp(22px,2.6vw,33px)!important;
  line-height:1.18!important;
  letter-spacing:-.035em;
  margin-bottom:11px!important;
  text-wrap:balance;
}
body.bw-ai-pro-page .bw-ai-hero p{
  color:#c6d9ea;
  max-width:43ch;
  font-size:clamp(13px,1.28vw,17px);
  line-height:1.55!important;
}
body.bw-ai-pro-page .bw-ai-hero-cta{
  display:inline-flex;
  min-height:46px;
  max-width:100%;
  justify-content:center;
  align-items:center;
  margin-top:22px;
  padding:12px 22px;
  border-radius:13px;
  font-size:14px;
  line-height:1.3;
  background:linear-gradient(117deg,#ffecb8,#efbf62 66%,#dba44a);
  box-shadow:0 8px 20px rgba(239,177,72,.19),inset 0 1px rgba(255,255,255,.36);
  position:relative;z-index:4;isolation:isolate;overflow:hidden;
}
body.bw-ai-pro-page .bw-ai-hero-cta::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  transform:translateX(-115%) skewX(-15deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.33),transparent);
  transition:transform .65s ease;
}
body.bw-ai-pro-page .bw-ai-hero-cta:hover::before,
body.bw-ai-pro-page .bw-ai-hero-cta:focus-visible::before{transform:translateX(115%) skewX(-15deg)}
body.bw-ai-pro-page .bw-ai-hero-muse{
  z-index:2;
  right:-1%;
  bottom:-8%;
  height:114%;
  width:51%;
  max-width:none;
  object-fit:contain;
  object-position:right bottom;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 30%);
  filter:drop-shadow(0 0 15px rgba(0,201,251,.21));
}
body.bw-ai-pro-page .bw-ai-hero-halo{
  right:7%;top:14%;
  width:clamp(65px,8vw,108px);height:clamp(65px,8vw,108px);
  font-size:clamp(24px,3.4vw,40px);
  color:#a7f1ff;
  background:rgba(1,44,73,.42);
  border-width:2px;
  opacity:.6;
  box-shadow:0 0 15px rgba(34,214,254,.45),inset 0 0 28px rgba(0,138,231,.24);
}
body.bw-ai-pro-page .bw-ai-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:27px;
}
body.bw-ai-pro-page .bw-ai-stat{
  display:flex;align-items:center;
  min-width:0;gap:12px;
  padding:15px 16px;
  border:1px solid rgba(54,188,218,.53);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(10,40,64,.98),rgba(3,22,39,.98));
  box-shadow:inset 0 1px rgba(173,227,249,.10),0 6px 18px rgba(0,14,34,.13);
}
body.bw-ai-pro-page .bw-ai-stat-icon{width:48px;height:48px;border-radius:13px}
body.bw-ai-pro-page .bw-ai-stat p{
  min-width:0;
  color:#baccde;
  line-height:1.28!important;
  font-size:12px;
  font-weight:650;
}
body.bw-ai-pro-page .bw-ai-stat strong{
  line-height:1.18;
  font-size:clamp(15px,1.7vw,21px);
  letter-spacing:-.015em;
  color:#42e8fa;
}
body.bw-ai-pro-page .bw-ai-tools{gap:13px}
body.bw-ai-pro-page .bw-ai-tool{
  border:1px solid rgba(74,185,219,.48);
  border-radius:17px;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 7px 19px rgba(1,12,26,.14);
}
body.bw-ai-pro-page .bw-ai-tool:focus-visible,
body.bw-ai-pro-page .bw-ai-tool:hover{
  border-color:#eac17c;box-shadow:0 9px 26px rgba(3,129,178,.23),0 0 0 1px rgba(234,193,124,.20);
}
body.bw-ai-pro-page .bw-ai-tool-copy strong{letter-spacing:-.02em}
body.bw-ai-pro-page .bw-ai-pricing,
body.bw-ai-pro-page .bw-ai-last-cta{
  border-color:rgba(78,190,222,.56);
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}
@media(max-width:980px){
  body.bw-ai-pro-page .bw-ai-hero{min-height:340px}
  body.bw-ai-pro-page .bw-ai-hero-copy{width:65%;padding:clamp(20px,3.1vw,36px)}
  body.bw-ai-pro-page .bw-ai-hero-muse{height:107%;width:49%;right:-5%;bottom:-7%}
  body.bw-ai-pro-page .bw-ai-hero h1{font-size:clamp(46px,7vw,65px)!important}
}
@media(max-width:699px){
  body.bw-ai-pro-page .bw-ai-pro{
    padding:9px 12px calc(104px + env(safe-area-inset-bottom));
  }
  body.bw-ai-pro-page .bw-ai-topline{
    padding:0 3px 8px;
    font-size:9px;
    letter-spacing:.055em;
  }
  body.bw-ai-pro-page .bw-ai-topline-right{letter-spacing:0;font-size:8px}
  body.bw-ai-pro-page .bw-ai-hero{
    display:block;
    min-height:0;
    margin:11px 0 13px;
    border-radius:21px;
    border-color:rgba(87,215,242,.72);
    background:radial-gradient(ellipse at 88% 80%,rgba(9,120,182,.22),transparent 50%),linear-gradient(135deg,#03162b,#062b48 100%);
  }
  body.bw-ai-pro-page .bw-ai-hero::before{
    background:linear-gradient(95deg,rgba(2,18,37,.93),rgba(2,24,45,.65) 65%,rgba(2,24,45,.13)),repeating-linear-gradient(100deg,transparent 0 50px,rgba(37,190,234,.026) 51px 52px);
  }
  body.bw-ai-pro-page .bw-ai-hero::after{width:65%;right:-28%;top:-43%}
  body.bw-ai-pro-page .bw-ai-hero-copy{
    display:block;
    width:100%;
    padding:20px 18px 62px;
  }
  body.bw-ai-pro-page .bw-ai-pill{
    display:inline-flex;
    width:fit-content;
    max-width:100%;
    min-height:27px;
    padding:6px 10px;
    border-radius:999px;
    font-size:9px;
    letter-spacing:.065em;
    text-wrap:balance;
  }
  body.bw-ai-pro-page .bw-ai-hero h1{
    margin:12px 0 8px!important;
    font-size:clamp(45px,11vw,60px)!important;
    letter-spacing:-.055em!important;
    line-height:1.04!important;
  }
  body.bw-ai-pro-page .bw-ai-hero h2{
    max-width:26ch;
    margin-bottom:10px!important;
    font-size:clamp(19px,5vw,25px)!important;
    line-height:1.22!important;
    text-wrap:balance;
  }
  body.bw-ai-pro-page .bw-ai-hero p{
    max-width:62%;
    font-size:12.5px;
    line-height:1.48!important;
    color:#c9d9e8;
  }
  body.bw-ai-pro-page .bw-ai-hero-cta{
    margin-top:17px;
    padding:11px 15px;
    min-height:42px;
    font-size:12.5px;
    max-width:59%;
    white-space:normal;
    text-align:center;
  }
  body.bw-ai-pro-page .bw-ai-hero-muse{
    width:51%;
    height:192px;
    right:-4%;
    bottom:-3%;
    opacity:.94;
    object-fit:contain;
    object-position:right bottom;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 12%,#000 45%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 12%,#000 45%);
    filter:drop-shadow(0 0 12px rgba(34,206,251,.18));
  }
  body.bw-ai-pro-page .bw-ai-hero-halo{
    width:51px;height:51px;
    top:20px;right:18px;
    font-size:18px;
    border-width:1px;opacity:.33;
    box-shadow:0 0 11px rgba(33,206,249,.35);
    z-index:1;
  }
  body.bw-ai-pro-page .bw-ai-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:21px;
  }
  body.bw-ai-pro-page .bw-ai-stat{
    flex-direction:column;align-items:center;justify-content:center;
    text-align:center;
    min-height:100px;
    padding:10px 4px;
    gap:6px;
    border-radius:14px;
  }
  body.bw-ai-pro-page .bw-ai-stat-icon{
    width:34px;height:34px;border-radius:11px;
    flex-shrink:0;
  }
  body.bw-ai-pro-page .bw-ai-stat-icon svg{width:19px;height:19px}
  body.bw-ai-pro-page .bw-ai-stat p{
    align-items:center;text-align:center;
    font-size:10.7px;
    line-height:1.24!important;
    gap:3px;
  }
  body.bw-ai-pro-page .bw-ai-stat strong{
    font-size:12.8px;
    line-height:1.2!important;
    overflow-wrap:normal;
    word-break:normal;
  }
  body.bw-ai-pro-page .bw-ai-heading{margin:24px 3px 12px}
  body.bw-ai-pro-page .bw-ai-heading h2{font-size:21px!important}
  body.bw-ai-pro-page .bw-ai-tools{grid-template-columns:1fr;gap:10px}
  body.bw-ai-pro-page .bw-ai-tool{min-height:105px;padding:10px;gap:10px}
  body.bw-ai-pro-page .bw-ai-tool-icon{width:48px;height:51px;border-radius:13px}
  body.bw-ai-pro-page .bw-ai-tool-icon svg{width:25px;height:25px}
  body.bw-ai-pro-page .bw-ai-tool-copy strong{font-size:16px}
  body.bw-ai-pro-page .bw-ai-tool-copy small{font-size:11px}
  body.bw-ai-pro-page .bw-ai-tool-thumb{width:90px;height:73px}
  body.bw-ai-pro-page .bw-ai-tool-arrow{display:none}
}
@media(max-width:390px){
  body.bw-ai-pro-page .bw-ai-hero-copy{padding:19px 16px 59px}
  body.bw-ai-pro-page .bw-ai-hero h2{max-width:24ch}
  body.bw-ai-pro-page .bw-ai-hero p{max-width:62%;font-size:12px}
  body.bw-ai-pro-page .bw-ai-hero-muse{width:53%;height:175px}
  body.bw-ai-pro-page .bw-ai-hero-cta{font-size:12px}
  body.bw-ai-pro-page .bw-ai-stat{min-height:98px}
  body.bw-ai-pro-page .bw-ai-tool-thumb{width:76px;height:68px}
}
@media(max-width:349px){
  body.bw-ai-pro-page .bw-ai-pill{font-size:8px}
  body.bw-ai-pro-page .bw-ai-hero h1{font-size:43px!important}
  body.bw-ai-pro-page .bw-ai-hero h2{font-size:19px!important}
  body.bw-ai-pro-page .bw-ai-hero p{max-width:60%}
  body.bw-ai-pro-page .bw-ai-hero-muse{width:54%;height:157px}
  body.bw-ai-pro-page .bw-ai-stats{gap:6px}
  body.bw-ai-pro-page .bw-ai-stat{padding:8px 2px}
  body.bw-ai-pro-page .bw-ai-stat strong{font-size:11.5px}
}
/* Divi Supreme-compatible animation: reuses GSAP if available, CSS if not. */
body.bw-ai-pro-page .bw-ai-pro.bw-ai-motion-on:not(.bw-ai-gsap-on) .bw-ai-hero-muse{
  animation:bwai-hero-hover 5s ease-in-out infinite;
}
body.bw-ai-pro-page .bw-ai-pro.bw-ai-motion-on:not(.bw-ai-gsap-on) .bw-ai-hero-halo{
  animation:bwai-halo-breathe 6s ease-in-out infinite;
}
@keyframes bwai-hero-hover{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-6px,0)}
}
@keyframes bwai-halo-breathe{
  0%,100%{transform:scale(1);opacity:.45}
  50%{transform:scale(1.05);opacity:.66}
}
@media(prefers-reduced-motion:reduce){
  body.bw-ai-pro-page .bw-ai-pro .bw-ai-hero-muse,
  body.bw-ai-pro-page .bw-ai-pro .bw-ai-hero-halo{animation:none!important;transform:none!important}
  body.bw-ai-pro-page .bw-ai-pro .bw-ai-hero-cta::before{transition:none!important}
}