/* Fifteenth homepage remix, slice: Portal ("One portal. One team. Everything handled."). Linked ONLY from the Home page head.
   JS builds .rx-portal (mock #s-portal, real-app variant) inside .home-highlights (keeps #How-it-works); original content hidden.
   Everything is scoped under .rx-portal. Desktop from 992px. */
.home-highlights{padding:0!important;margin:0!important;height:auto!important;min-height:0!important;background:#E9E9FF!important;overflow:visible!important}
.home-highlights:has(.rx-portal)>:not(.rx-portal){display:none!important}
.rx-portal{width:100%;max-width:100%;min-width:0;align-self:stretch;box-sizing:border-box;--rx-pad:max(20px,5.6vw);--rx-max:1184px;--rx-top:76px;padding:64px 0 40px;background:#E9E9FF;color:#131313;font-size:clamp(15px,4.1vw,17px);line-height:1.45}
.rx-portal *,.rx-portal *::before,.rx-portal *::after{box-sizing:border-box}
.rx-portal-in{padding-inline:var(--rx-pad);max-width:620px;margin-inline:auto;box-sizing:content-box}
.rx-portal h2{font-size:clamp(30px,8.6vw,44px);font-weight:500;line-height:1.04;letter-spacing:-.015em;margin:0;text-wrap:balance;max-width:15em;color:inherit}
.rx-portal-lede{margin:14px 0 0;color:#3B3A37;text-wrap:pretty}
.rx-stack{display:grid;gap:16px;margin-top:26px}
.rx-feat{position:sticky;top:var(--rx-top);transition:top .35s ease;border-radius:26px;background:#fff;padding:20px 20px 24px;box-shadow:0 -1px 0 #E2E0DB,0 24px 40px -28px rgba(19,19,19,.3)}
.rx-feat:nth-child(2){top:calc(var(--rx-top) + 12px)}.rx-feat:nth-child(3){top:calc(var(--rx-top) + 24px)}.rx-feat:nth-child(4){top:calc(var(--rx-top) + 36px)}
.rx-shot{aspect-ratio:1/1;border-radius:16px;overflow:hidden;margin-bottom:18px;display:block}
.rx-feat h3{margin:0;font-size:1.3em;font-weight:600;letter-spacing:-.01em;line-height:1.15;color:#131313}
.rx-copy p{margin:8px 0 0;color:#3B3A37;font-size:.95em}
.rx-copy p+p{margin-top:.6em}
.rx-stack-end{height:28px}
.rx-portal img{max-width:none}
.rx-portal .stage2{position:relative;width:100%;height:100%;overflow:hidden;container-type:size;isolation:isolate;
  background:radial-gradient(110% 70% at 50% -10%,#fff 0%,rgba(255,255,255,0) 60%),linear-gradient(165deg,#F2F0FF 0%,#ECEAF7 45%,#F1EEE8 100%)}
.rx-portal .stage2::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;z-index:9;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .48  0 0 0 0 .55  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* v2 art: panels built in HTML, sized in container units (stage is container-type:size) */
.rx-art{display:grid;place-items:center;line-height:1.38;color:#131313;font-feature-settings:normal}
.rx-art .pn{grid-area:1/1;width:80cqw;font-size:3.3cqw;max-height:90cqh;opacity:0;transform:translateY(1.2em) scale(.985);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);position:relative;z-index:10}
.rx-art[data-s="0"] [data-on~="0"],.rx-art[data-s="1"] [data-on~="1"],.rx-art[data-s="2"] [data-on~="2"]{opacity:1;transform:none}
.rx-art .rx-i{width:1.25em;height:1.25em;flex:none;display:block}
.rx-art b{font-weight:600}
.rx-art .cd,.rx-art .pk,.rx-art .ch,.rx-art .tk,.rx-art .rv{background:#fff;border-radius:1em;box-shadow:0 1.6em 2.6em -1.5em rgba(35,28,95,.30),0 .08em .25em rgba(19,19,19,.06),0 0 0 1px rgba(19,19,19,.05)}
/* 1a picker */
.rx-art .pk{padding:1.5em}
.rx-art .pk-ic{display:grid;place-items:center;width:2.6em;height:2.6em;border-radius:50%;background:#EFEDE8}
.rx-art .pk-h{display:block;margin:.8em 0 .9em;font-size:1.25em;font-weight:500;letter-spacing:-.01em}
.rx-art .pk-g{display:grid;grid-template-columns:repeat(3,1fr);gap:.55em}
.rx-art .pk-t{display:grid;place-items:center;text-align:center;min-height:3.4em;padding:.4em;border-radius:.7em;box-shadow:inset 0 0 0 1px #E2E0DB;font-size:.92em;line-height:1.2}
.rx-art .pk-t.sel{box-shadow:inset 0 0 0 1px #E2E0DB,0 0 0 2px #8C84F2,0 0 0 .4em rgba(140,132,242,.22);animation:rx-ring 2.4s ease-in-out infinite}
@keyframes rx-ring{50%{box-shadow:inset 0 0 0 1px #E2E0DB,0 0 0 2px #8C84F2,0 0 0 .7em rgba(140,132,242,.06)}}
.rx-art .pk-img{padding:0;overflow:hidden}
.rx-art .pk-img img{display:block;width:100%;height:auto;max-width:none}
.rx-art .pk-img .ring{position:absolute;left:6%;top:43.5%;width:27.9%;height:23.1%;border-radius:.7em;box-shadow:0 0 0 2px #8C84F2,0 0 0 .4em rgba(140,132,242,.22);animation:rx-ring2 2.4s ease-in-out infinite}
@keyframes rx-ring2{50%{box-shadow:0 0 0 2px #8C84F2,0 0 0 .7em rgba(140,132,242,.06)}}
/* 1b autofill */
.rx-art .af{display:grid;gap:.6em;background:none;box-shadow:none}
.rx-art .cd{padding:1.05em 1.2em}
.rx-art .st{display:flex;gap:.75em;align-items:flex-start;box-shadow:inset .22em 0 0 #B9B3FF,0 1.6em 2.6em -1.5em rgba(35,28,95,.30),0 0 0 1px rgba(19,19,19,.05)}
.rx-art .st-l{display:flex;gap:.5em;align-items:flex-start;margin-top:.35em;color:#5B5A56}
.rx-art .sp{width:1.1em;height:1.1em;margin-top:.12em;color:#8C84F2;animation:rx-spin .9s linear infinite}
@keyframes rx-spin{to{transform:rotate(360deg)}}
.rx-art .an b{display:block}
.rx-art .an span{display:block;margin-top:.3em;color:#3B3A37}
.rx-art .pill{display:inline-flex;align-items:center;gap:.35em;margin-top:.65em;padding:.28em .7em .28em .55em;border-radius:99em;background:#EEF0FF;color:#3A3F8F;font-style:normal;font-weight:600;font-size:.88em}
.rx-art .pill .rx-i{width:1.05em;height:1.05em;color:#6E66E6}
.rx-art .an{opacity:0;transform:translateY(.9em);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.rx-art[data-s="1"] .an{opacity:1;transform:none}
.rx-art[data-s="1"] .a1{transition-delay:1.1s}.rx-art[data-s="1"] .a2{transition-delay:2.3s}
/* 2 chat */
.rx-art .ch{padding:1.3em 1.2em;display:grid;gap:.4em;background:#fff}
.rx-art .msg{max-width:84%}
.rx-art .msg.me{justify-self:end;text-align:right}
.rx-art .who{display:flex;align-items:center;gap:.45em;font-weight:600;font-size:.92em;margin-bottom:.4em}
.rx-art .me .who{justify-content:flex-end}
.rx-art .av.ph{overflow:hidden;box-shadow:none}
.rx-art .av.ph img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.rx-art .who em{font-style:italic;font-weight:400;color:#5B5A56}
.rx-art .av{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;box-shadow:inset 0 0 0 1px #D8D6D1;font-size:.78em;font-weight:500;color:#5B5A56}
.rx-art .msg p{margin:0;padding:.75em .95em;border-radius:1.05em;text-align:left;font-size:1em}
.rx-art .them p{background:#EFEDE8;border-top-left-radius:.3em}
.rx-art .me p{background:#fff;box-shadow:inset 0 0 0 1px #D8D6D1;border-top-right-radius:.3em}
.rx-art .msg small{display:block;margin-top:.35em;font-size:.8em;color:#918F89}
.rx-art .typ{justify-self:end;display:flex;gap:.3em;padding:.75em .9em;border-radius:1em;background:#EFEDE8;height:0;padding-block:0;opacity:0;overflow:hidden;transition:opacity .3s,height .3s,padding .3s}
.rx-art[data-s="1"] .typ{opacity:1;height:2.1em;padding-block:.75em}
.rx-art .typ i{width:.4em;height:.4em;border-radius:50%;background:#918F89;animation:rx-dot 1s infinite}
.rx-art .typ i:nth-child(2){animation-delay:.15s}.rx-art .typ i:nth-child(3){animation-delay:.3s}
@keyframes rx-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-.15em)}}
.rx-art .msg.me{opacity:0;transform:translateY(.8em);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);display:none}
.rx-art[data-s="2"] .msg.me{display:block;opacity:1;transform:none}
/* 3 tracker */
.rx-art .tk{padding:1.3em;display:grid;gap:.55em}
.rx-art .tk-p{justify-self:start;display:inline-flex;align-items:center;gap:.45em;padding:.45em .9em;border-radius:99em;background:#EFEDE8;font-weight:600;font-size:.95em;margin-bottom:.15em}
.rx-art .row{display:flex;align-items:center;gap:.75em;padding:.85em 1em;border-radius:.8em;background:#F1EFEA;color:#6B6A66;transition:box-shadow .4s,color .4s}
.rx-art .mk{display:grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;flex:none;box-shadow:inset 0 0 0 .12em #D8D6D1;color:transparent;transition:background .4s,box-shadow .4s,color .4s}
.rx-art .mk .rx-i{width:1.05em;height:1.05em}
.rx-art .lb{flex:1;display:grid}
.rx-art .lb em{grid-area:1/1;font-style:normal;transition:opacity .4s}
.rx-art .lb .l1{opacity:0}
.rx-art .btn{display:none;align-items:center;gap:.3em;padding:.5em .8em;border-radius:.55em;background:#131313;color:#fff;font-weight:500;font-size:.88em}
.rx-art .btn .rx-i{width:1em;height:1em}
.rx-art .row.done .mk,.rx-art[data-s="1"] .r2 .mk,.rx-art[data-s="2"] .r2 .mk,.rx-art[data-s="2"] .r3 .mk,.rx-art[data-s="2"] .r4 .mk{background:#8F8D88;box-shadow:none;color:#fff}
.rx-art[data-s="1"] .r2 .l0,.rx-art[data-s="2"] .r2 .l0,.rx-art[data-s="2"] .r3 .l0,.rx-art[data-s="2"] .r4 .l0{opacity:0}
.rx-art[data-s="1"] .r2 .l1,.rx-art[data-s="2"] .r2 .l1,.rx-art[data-s="2"] .r3 .l1,.rx-art[data-s="2"] .r4 .l1{opacity:1}
.rx-art[data-s="0"] .r2,.rx-art[data-s="1"] .r3{color:#131313;box-shadow:inset .22em 0 0 #B9B3FF}
.rx-art[data-s="0"] .r2 .mk,.rx-art[data-s="1"] .r3 .mk{box-shadow:inset 0 0 0 .14em #131313;background:radial-gradient(circle,#131313 0 30%,transparent 33%)}
.rx-art[data-s="1"] .r3 .btn{display:inline-flex}
/* 4 review notes */
.rx-art .pn.rv{padding:1.2em;font-size:2.85cqw}
.rx-art .rv-h{display:flex;align-items:center;gap:.55em;margin-bottom:.9em;font-size:1.15em}
.rx-art .rv-h .rx-i{color:#8C84F2;width:1.2em;height:1.2em}
.rx-art .rv-l{display:grid;gap:.5em}
.rx-art .it{border-radius:.8em;box-shadow:inset 0 0 0 1px #E2E0DB;transition:box-shadow .5s}
.rx-art .it-h{display:flex;align-items:center;gap:.65em;padding:.85em 1em}
.rx-art .it-h span{flex:1}
.rx-art .red{color:#E5484D}.rx-art .amb{color:#E8A317}
.rx-art .chev{color:#3B3A37;transition:transform .5s}
.rx-art .it-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.2,.7,.2,1)}
.rx-art .it-in{overflow:hidden;padding:0 1em}
.rx-art[data-s="1"] .i1{box-shadow:inset 0 0 0 2px #8C84F2,0 1em 2em -1.2em rgba(90,79,214,.45)}
.rx-art[data-s="1"] .i1 .it-b{grid-template-rows:1fr}
.rx-art[data-s="1"] .i1 .chev{transform:rotate(180deg)}
.rx-art .fix{padding:.75em .9em;border-radius:.65em;background:#F2F0FF;box-shadow:inset 0 0 0 1px #DDD8FF;color:#3D2FA8}
.rx-art .fix b{display:flex;align-items:center;gap:.4em;color:#5A4FD6}
.rx-art .fix b .rx-i{width:1.05em;height:1.05em}
.rx-art .fix span{display:block;margin-top:.3em}
.rx-art .wf{display:block;margin-top:.8em}
.rx-art .it-in p{margin:0 0 1em;font-size:1em;color:#3B3A37}
.rx-art .pn.pk{font-size:3.9cqw}.rx-art .pn.tk{font-size:3.6cqw}
@media (min-width:992px){.rx-art .pn,.rx-art .pn.pk,.rx-art .pn.tk{font-size:2.95cqw}.rx-art .pn.rv{font-size:2.8cqw}}

@media (min-width:992px){
  .rx-portal{--rx-pad:48px;--rx-top:100px;padding:112px 0 64px;font-size:19px}
  .rx-portal-in{max-width:var(--rx-max)}
  .rx-portal h2{font-size:clamp(48px,4.9vw,70px);line-height:1.03}
  .rx-portal-lede{font-size:1.1em;max-width:36em}
  .rx-stack{gap:28px;margin-top:48px}
  .rx-feat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr auto auto 1fr;column-gap:56px;padding:24px}
  .rx-shot{grid-column:1;grid-row:1/5;margin:0;border-radius:18px;max-height:min(560px,calc(100vh - 200px));width:auto}
  .rx-feat h3{grid-column:2;grid-row:2;font-size:1.9em;font-weight:500;letter-spacing:-.015em;padding-right:24px}
  .rx-copy{grid-column:2;grid-row:3;margin-top:14px;max-width:26em;padding-right:24px}
  .rx-copy p{margin:0;font-size:1.05em}
  .rx-copy p+p{margin-top:.7em}
  .rx-stack-end{height:56px}
}