/* ShareSmartAI B-list: Docusign Iris-style look (deep indigo, light geometric type, announcement bar + sub-nav, gradient hero panels) */
body.e.iris{--ac:#4c00ff;--ac2:#8f6bff;--acs:#efe9ff;--dk:#130032;--dk2:#2a0a7a;--bg2:#f6f3ff;--ink:#130032;--ink2:#41366a;--ink3:#7a6fa3;--line:#e4dff2;--fd:'Outfit',system-ui,sans-serif;--fb:'Outfit',system-ui,sans-serif;--hw:300;--ls:-.028em;--rad:14px;--ip:radial-gradient(120% 130% at 15% 0%,#3a00d6 0%,#20008f 42%,#12014a 100%);font-size:18px;font-weight:400;color:var(--ink)}
.iris h1{font-size:clamp(40px,5vw,68px);line-height:1.04;font-weight:300}
.iris h2{font-size:clamp(32px,3.7vw,50px);font-weight:300;line-height:1.08}
.iris h3{font-weight:500;letter-spacing:-.01em}
.iris .acc{color:var(--ac)}
.iris .hero.dkh .acc,.iris .dk .acc,.iris .bxp .acc,.iris .ip .acc{color:#bba6ff}
.iris .lede{color:var(--ink2);font-size:clamp(18px,1.55vw,22px);font-weight:400}
.iris .eyebrow{text-transform:none;letter-spacing:0;font:500 16px var(--fb);color:var(--ink2);gap:0}
.iris .eyebrow:before{display:none}
.iris .dk .eyebrow,.iris .hero.dkh .eyebrow,.iris .bxp .eyebrow,.iris .fcta .eyebrow{color:#cdbfff}
.iris .btn{border-radius:8px;text-transform:uppercase;letter-spacing:.015em;font-weight:600;font-size:14.5px;padding:15px 28px;background:var(--ac);color:#fff}
.iris .btn:hover{background:#3b00cc;box-shadow:0 12px 24px -12px #4c00ff}
.iris .btn.o{background:transparent;color:var(--ac);border:1.5px solid var(--ac)}
.iris .btn.o:hover{background:var(--acs);box-shadow:none;border-color:var(--ac)}
.iris .hero.dkh .btn.o,.iris .dk .btn.o{color:#fff;border-color:rgba(255,255,255,.5)}.iris .hero.dkh .btn,.iris .hero.dkh .btn:hover{background:#fff;color:#2a00b8}.iris .hero.dkh .btn.o{background:transparent;color:#fff}
.iris .em .btn,.iris .cform .btn{background:var(--ac);color:#fff}
/* header: announcement bar, main nav, product sub-nav */
.ix-top{background:#25065f;color:#fff;font:500 14.5px var(--fb);position:relative;z-index:31}
.ix-top .wrap{max-width:1240px;display:flex;align-items:center;gap:14px;height:27px;min-height:27px;padding-block:0;box-sizing:content-box;padding:4px 24px}
.ix-top .nw{background:#cdbfff;color:#25065f;font:600 12px/1 var(--fb);padding:5px 7px;border-radius:5px}
.ix-top a{color:#fff;white-space:nowrap}.ix-top a:hover{text-decoration:underline}
.ix-top .sp{flex:1}.ix-top .r{display:flex;gap:26px}
.ix-main{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}
.ix-main .wrap{max-width:1240px;display:flex;align-items:center;gap:36px;height:78px}
.ix-main .lg{display:flex;align-items:center;gap:10px;font:500 25px var(--fd);letter-spacing:-.025em;color:var(--ink)}
.ix-main .lg i{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#4c00ff,#8f6bff 70%,#130032);display:grid;place-items:center;color:#fff;font:600 16px var(--fd);font-style:normal}
.ix-main nav{display:flex;gap:28px;font:500 17px var(--fb);color:var(--ink2)}
.ix-main nav a{display:inline-flex;align-items:center;gap:6px}.ix-main nav a:hover{color:var(--ac)}
.ix-main nav .dd:after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:3px}
.ix-main .sp{flex:1}.ix-main .cs{font:600 15.5px var(--fb);text-transform:uppercase;color:var(--ac);letter-spacing:.01em}
.ix-main .bn{background:var(--ac);color:#fff;border-radius:8px;padding:15px 20px;font:600 15.5px var(--fb);text-transform:uppercase;letter-spacing:.01em}.ix-main .bn:hover{background:#3b00cc}
.ix-sub{position:sticky;top:0;z-index:29;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ix-sub .wrap{max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}
.ix-sub b{font:500 19px var(--fb);color:var(--ink);white-space:nowrap}
.ix-sub nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.ix-sub nav::-webkit-scrollbar{display:none}
.ix-sub nav a{padding:22px 16px 19px;font:400 17px var(--fb);color:var(--ink);border-bottom:3px solid transparent;white-space:nowrap}
.ix-sub nav a.on,.ix-sub nav a:hover{color:var(--ac);border-bottom-color:var(--ac)}
/* hero: gradient panels */
.iris .hero{padding:clamp(48px,6vw,84px) 0 clamp(56px,7vw,96px)}
.iris .hero .hg{gap:48px}
.iris .hero.dkh{background:var(--ip);margin:18px clamp(12px,2.6vw,40px) 0;border-radius:28px;color:#fff;--ink:#fff;--ink2:#d9ceff}
.iris .hero.dkh h1{color:#fff}
.iris .hg>.h2w,.iris .hg>.orb,.iris .hg>.l3{background:var(--ip);border-radius:24px;padding:clamp(28px,3.4vw,48px);box-shadow:0 40px 70px -40px rgba(38,0,140,.7);position:relative;--ink:#fff}
.iris .hg>.orb{aspect-ratio:1;width:100%;padding:0;margin:0}.iris .hg>.orb .c{inset:34%;background:linear-gradient(135deg,#7a4dff,#c3a9ff);color:#130032}
.iris .hg>.l3{height:460px}
.iris .h2w .acme{margin:0 auto}
.iris .h2w .h2ph{box-shadow:none}
.iris .hero:has(.win):after,.iris .hero:has(.pbox):after,.iris .hero:has(.bento):after{content:"";position:absolute;left:clamp(12px,2.6vw,40px);right:clamp(12px,2.6vw,40px);bottom:0;background:var(--ip);border-radius:28px 28px 0 0;z-index:1}
.iris .hero:has(.win):after{height:50%}.iris .hero:has(.pbox):after{height:58%}.iris .hero:has(.bento):after{height:44%}
.iris .hero .pbox{box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.iris .hero .rs{box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.iris .hero .bento>div{background:#fff;color:var(--ink)}.iris .hero .bento>div:nth-child(1){background:var(--ac);color:#fff}.iris .hero .bento>div:nth-child(4){background:#130032;color:#fff}
.iris .hero .win{box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.iris .hero.dkh .hchips span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28)}
.iris .big{font-weight:300!important}
/* sections: more indigo */
.iris .alt{background:#f6f3ff}
.iris .dk{background:var(--ip)}
.iris .tile{background:var(--ip)}.iris .tile:before{background:radial-gradient(circle,#8f6bff,transparent 66%)}
.iris .tile:nth-child(2){background:#f6f3ff}
.iris .cmpt th:last-child{background:var(--ac)}.iris .cmpt td:last-child{background:#efe9ff}
.iris .bxp,.iris .e-ft,.iris footer.bxf{background:var(--dk)}
.iris .bxp{background:var(--ip)}
.iris .fcta .md2:after{background:linear-gradient(100deg,rgba(19,0,74,.94) 0%,rgba(30,0,120,.8) 42%,rgba(30,0,120,.3) 75%,rgba(19,0,50,.1) 100%)}
.iris .chip.tg{background:var(--ip)}
.iris .mqe div{font-weight:300}
.iris .sts b,.iris .bento b,.iris .gv .n,.iris .stp>div:before{font-weight:300}
.iris .trust b,.iris .chip b,.iris .gv b,.iris .stk b,.iris .pcs b,.iris .stp b,.iris .pl h3{font-weight:500}
@media(max-width:980px){.ix-main nav,.ix-main .cs{display:none}.ix-top .r{display:none}.ix-main .wrap{height:64px;gap:14px}.ix-sub b{display:none}.ix-sub .wrap{justify-content:flex-start;height:56px}.ix-sub nav a{padding:17px 12px 14px}.iris .hg>.l3{height:360px}.iris .hero:has(.win):after{height:36%}}
@media(max-width:560px){.ix-top .wrap{font-size:12.5px}.ix-main .bn{padding:11px 14px;font-size:13px}.iris .hero.dkh{margin-inline:10px}}
.ix-main nav a,.ix-main .cs,.ix-main .bn{white-space:nowrap}.ix-main nav{gap:24px;font-size:16.5px}.ix-main .wrap{gap:28px}