:root{--bg:#f7f7fb;--panel:#fff;--ink:#191923;--muted:#666978;--line:#e7e7ef;--accent:#6d4aff;--accent2:#8c71ff;--soft:#f0edff;--radius:18px;--shadow:0 12px 34px rgba(28,23,65,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(247,247,251,.91);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,231,239,.9)}.nav{height:68px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em;font-size:21px}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;font-weight:900}.brandmark span{color:#9f8cff}.navlinks{display:flex;gap:20px;color:var(--muted);font-size:14px;font-weight:650;margin-left:auto}.navlinks a:hover{color:var(--ink)}.hero{padding:72px 0 44px;text-align:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--soft);color:#5740bb;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:750}.hero h1{font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.055em;margin:20px auto 18px;max-width:880px}.hero p{font-size:18px;color:var(--muted);max-width:690px;margin:0 auto 30px}.searchbox{max-width:660px;margin:0 auto;position:relative}.searchbox input{width:100%;height:58px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 18px 0 48px;box-shadow:var(--shadow);outline:none}.searchbox input:focus{border-color:#b7a9ff;box-shadow:0 0 0 4px rgba(109,74,255,.1),var(--shadow)}.searchicon{position:absolute;left:18px;top:17px;color:#8b8d99;font-size:20px}.section{padding:28px 0 54px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.sectionhead h2{font-size:28px;letter-spacing:-.035em;margin:0}.sectionhead p{margin:5px 0 0;color:var(--muted)}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.toolcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;transition:.18s ease;min-height:126px}.toolcard:hover{transform:translateY(-2px);border-color:#cfc7ff;box-shadow:0 10px 24px rgba(28,23,65,.07)}.toolicon{width:36px;height:36px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:#5943c4;font-weight:850;margin-bottom:12px}.toolcard h3{margin:0 0 5px;font-size:16px}.toolcard p{font-size:13px;color:var(--muted);margin:0}.toolpage{padding:52px 0}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:16px}.toolintro{max-width:780px}.toolintro h1{font-size:clamp(38px,6vw,60px);line-height:1;letter-spacing:-.05em;margin:0 0 14px}.toolintro p{font-size:17px;color:var(--muted);margin:0 0 28px}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.workspacebar{padding:13px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:700}.workspacebody{padding:18px}.label{font-size:13px;font-weight:750;color:#4d4f5c;margin-bottom:8px;display:block}.biginput,textarea.biginput{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:15px 16px;background:#fbfbfd;color:var(--ink);outline:none}.biginput:focus{border-color:#b7a9ff;box-shadow:0 0 0 4px rgba(109,74,255,.08)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:9px 13px;font-weight:720;cursor:pointer}.btn:hover{background:#f5f4fa}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#5c3ee4}.btn.soft{background:var(--soft);color:#5239c1;border-color:transparent}.results{display:grid;gap:10px;margin-top:16px}.resultrow{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.resulttext{flex:1;min-width:0;font-size:17px;overflow-wrap:anywhere}.copybtn{flex:0 0 auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.stat{background:#fbfbfd;border:1px solid var(--line);border-radius:13px;padding:15px}.stat strong{display:block;font-size:26px;letter-spacing:-.04em}.stat span{font-size:12px;color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.control{display:flex;flex-direction:column;gap:5px;min-width:130px}.control input,.control select{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 11px;background:#fff}.info{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:22px}.contentcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.contentcard h2,.contentcard h3{letter-spacing:-.03em}.contentcard h2{margin-top:0}.contentcard p,.contentcard li{color:var(--muted)}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:750}.symbolgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.symbolbtn{height:72px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:29px;cursor:pointer}.symbolbtn:hover{background:var(--soft);border-color:#c8bdff}.toast{position:fixed;right:20px;bottom:20px;background:#181820;color:#fff;padding:11px 14px;border-radius:11px;font-size:13px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.footer{border-top:1px solid var(--line);padding:22px 0 24px;color:var(--muted);font-size:13px}.footerin{display:flex;justify-content:space-between;align-items:center;gap:28px}.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{font-size:13px;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:999px}.empty{display:none;text-align:center;color:var(--muted);padding:26px}.notice{background:#f7f4ff;border:1px solid #ddd6ff;color:#5644ad;padding:11px 13px;border-radius:11px;font-size:13px;margin-top:12px}
@media(max-width:860px){.toolgrid{grid-template-columns:repeat(2,1fr)}.info{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.symbolgrid{grid-template-columns:repeat(4,1fr)}.navlinks{display:none}.hero{padding-top:54px}}
@media(max-width:560px){.wrap{width:min(100% - 22px,1180px)}.toolgrid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero p{font-size:16px}.toolpage{padding-top:36px}.workspacebody{padding:12px}.symbolgrid{grid-template-columns:repeat(3,1fr)}.footerin{display:block}.stats{grid-template-columns:1fr 1fr}.resultrow{align-items:flex-start}.copybtn{padding:8px 10px}}

/* Nioret product-family branding */
.brand{gap:14px;min-width:max-content}.nioret-lockup{display:block;width:190px;height:auto;object-fit:contain}.product-name{font-size:19px;font-weight:800;letter-spacing:-.025em;white-space:nowrap;padding-left:2px}.product-name sup{font-size:9px;top:-.6em;position:relative;margin-left:1px}.company-link{display:inline-flex;align-items:center;gap:5px;color:#4f3bb1!important}.company-link:hover{color:#2f226f!important}.byline{margin-top:5px;color:var(--muted);font-size:13px}.byline a{font-weight:750;color:#5740bb}.hero-brand{display:inline-flex;align-items:center;gap:7px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:4px}.footer-lockup{width:178px;height:auto}.footer-product{font-weight:800}.footer-product sup{font-size:8px}.trustbar{margin:22px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px}.trustbar span{display:inline-flex;align-items:center;gap:6px}
@media(max-width:760px){.nioret-lockup{width:148px}.product-name{font-size:15px}.nav{height:72px}.navlinks{display:none}.hero{padding-top:54px}.footer-brand{align-items:flex-start;flex-direction:column;gap:8px}}
@media(min-width:761px){.nav{height:82px}.nav.wrap,.footer .wrap{width:min(1420px,calc(100% - 48px))}}

/* Interactive random tools */
.toolicon svg,.random-primary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.toolicon svg circle{fill:currentColor;stroke:none}.random-workspace .workspacebar{background:#fcfbff}.random-body{padding:22px}.random-controls{justify-content:center;margin:2px 0 18px}.random-controls .control{min-width:150px}.option-control{justify-content:flex-end}.checkline{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px}.random-stage{min-height:230px;border:1px solid #e5e1f6;border-radius:18px;background:linear-gradient(180deg,#fbfaff 0%,#f6f3ff 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;overflow:hidden;position:relative;transition:border-color .2s ease,background .2s ease,transform .2s ease}.random-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(109,74,255,.09),transparent 42%);pointer-events:none}.random-stage.is-idle{background:#fafafd;border-style:dashed}.random-stage.has-result{border-color:#cfc5ff;background:linear-gradient(180deg,#fbfaff 0%,#f2edff 100%)}.random-kicker{position:relative;color:#7769ad;font-size:11px;font-weight:850;letter-spacing:.14em;margin-bottom:8px}.random-value{position:relative;font-size:clamp(32px,7vw,58px);line-height:1.05;letter-spacing:-.045em;font-weight:900;max-width:100%;overflow-wrap:anywhere}.random-stage.is-idle .random-value{font-size:clamp(26px,5vw,38px);color:#5e6070}.random-hint{position:relative;margin-top:10px;color:var(--muted);font-size:14px;max-width:620px}.random-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:16px}.random-primary{min-width:205px;min-height:54px;padding:12px 20px;border-radius:13px;font-size:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 22px rgba(109,74,255,.24);transition:transform .12s ease,box-shadow .18s ease,background .18s ease}.random-primary:hover{box-shadow:0 13px 26px rgba(109,74,255,.3)}.random-primary:active{transform:translateY(1px) scale(.975);box-shadow:0 5px 12px rgba(109,74,255,.2)}.random-primary:disabled{opacity:.72;cursor:wait}.random-copy{min-height:54px;padding:12px 18px}.random-copy:disabled{opacity:.42;cursor:not-allowed}.result-pop{animation:resultPop .28s ease-out}.coin-scene{position:relative;width:116px;height:116px;margin:0 0 18px;perspective:700px}.coin-visual{width:116px;height:116px;position:relative;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.coin-face{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;backface-visibility:hidden;border:6px solid #d9cc70;background:radial-gradient(circle at 34% 28%,#fff9c9 0 12%,#f8de6d 36%,#d6a832 74%,#9d7314 100%);box-shadow:inset 0 0 0 4px rgba(255,255,255,.35),0 12px 22px rgba(68,52,9,.15);color:#6e5210;font-size:42px;font-weight:950}.coin-face::after{content:"";position:absolute;inset:11px;border:2px dashed rgba(111,82,16,.38);border-radius:50%}.coin-face span{position:relative;z-index:1}.coin-back{transform:rotateY(180deg)}.coin-visual.show-tails{transform:rotateY(180deg)}.coin-stage.is-idle .coin-visual{filter:saturate(.55);opacity:.72}.coin-visual.is-flipping{animation:coinFlip .62s cubic-bezier(.3,.7,.2,1)}.dice-stage{min-height:260px}.dice-tray{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:2px auto 18px;max-width:760px}.die-card{width:66px;height:66px;border-radius:15px;background:#fff;border:1px solid #d9d4ea;box-shadow:0 8px 18px rgba(36,27,80,.1),inset 0 -3px 0 #eeeaf8;padding:10px;color:#282033;display:grid;place-items:center}.die-card.is-placeholder{opacity:.42;box-shadow:none}.pip-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.pip{width:8px;height:8px;border-radius:50%;background:transparent}.pip.ghost{background:#d8d4e6;opacity:.65}.pip.on{background:#2b2638;box-shadow:0 1px 0 rgba(0,0,0,.1)}.number-die{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.number-die strong{font-size:25px;line-height:1}.number-die small{font-size:10px;color:#80798e;margin-top:4px;font-weight:800}.dice-more{font-size:13px;color:var(--muted);font-weight:800}.dice-stage.is-rolling .die-card{animation:diceShake .18s linear infinite alternate}.dice-stage.is-rolling .random-value{color:#6a50dd}.toolicon .toolsvg{width:21px;height:21px}.toolicon .toolsvg circle:not([r="1"]){fill:none;stroke:currentColor}.toolicon .toolsvg circle[r="1"]{fill:currentColor;stroke:none}
@keyframes resultPop{0%{transform:scale(.985);opacity:.72}100%{transform:scale(1);opacity:1}}@keyframes coinFlip{0%{transform:rotateY(0) translateY(0)}42%{transform:rotateY(720deg) translateY(-20px)}100%{transform:rotateY(1440deg) translateY(0)}}@keyframes diceShake{0%{transform:translate(-2px,1px) rotate(-2deg)}100%{transform:translate(2px,-1px) rotate(2deg)}}
@media(max-width:560px){.random-body{padding:14px}.random-stage{min-height:210px;padding:18px 12px}.random-controls{justify-content:stretch}.random-controls .control{flex:1 1 120px;min-width:120px}.random-primary,.random-copy{width:100%}.coin-scene,.coin-visual{width:98px;height:98px}.coin-face{font-size:36px}.die-card{width:56px;height:56px;border-radius:13px;padding:8px}.pip{width:7px;height:7px}}
@media(prefers-reduced-motion:reduce){.result-pop,.coin-visual.is-flipping,.dice-stage.is-rolling .die-card{animation:none!important}.coin-visual,.random-stage,.random-primary{transition:none!important}}

.hero.hero-compact{
  padding:42px 0 34px;
}
.hero.hero-compact .hero-brand{
  margin-bottom:16px;
}
.hero.hero-compact p{
  margin:0 auto 24px;
}
.hero.hero-compact .trustbar{
  margin-top:18px;
}
@media(max-width:860px){
  .hero.hero-compact{padding-top:38px}
}
.company-cta{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 14px!important;
  border-radius:9px;
  background:#5b35d5!important;
  border:1px solid #5b35d5!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none;
  white-space:nowrap;
  transition:background-color .16s ease,border-color .16s ease,transform .16s ease;
}
.company-cta:hover{
  background:#6a45df!important;
  border-color:#6a45df!important;
  color:#fff!important;
  text-decoration:none!important;
}
.company-cta:active{
  transform:translateY(1px);
}
.company-cta:focus-visible{
  outline:3px solid rgba(91,53,213,.24);
  outline-offset:2px;
}
@media(max-width:860px){
  .company-cta{
    min-height:36px;
    padding:8px 12px!important;
  }
}
/* Authoritative Nioret Systems external header link */
header.topbar .navlinks a.nioret-company-link{
  color:#5a35d6!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
header.topbar .navlinks a.nioret-company-link:hover{
  color:#6a45df!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}
header.topbar .navlinks a.nioret-company-link:focus-visible{
  outline:3px solid rgba(90,53,214,.20);
  outline-offset:4px;
  border-radius:4px!important;
}
/* Wide desktop brand/navigation rails */
@media(min-width:761px){
  header.topbar .wrap.nav,
  footer.footer .wrap{
    width:min(1420px,calc(100% - 48px))!important;
    max-width:none!important;
  }
}
/* FORCE authoritative Nioret Systems header link color in every browser state */
header.topbar .navlinks a.nioret-company-link,
header.topbar .navlinks a.nioret-company-link:link,
header.topbar .navlinks a.nioret-company-link:visited,
header.topbar .navlinks a.nioret-company-link:focus,
header.topbar .navlinks a.nioret-company-link:active{
  color:#5a35d6!important;
  -webkit-text-fill-color:#5a35d6!important;
  font-weight:800!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

header.topbar .navlinks a.nioret-company-link:hover{
  color:#6a45df!important;
  -webkit-text-fill-color:#6a45df!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}